tntd 3.0.66 → 3.0.67-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/es/color-picker/ColorPicker.js +3 -2
  2. package/es/color-picker/ColorPicker.js.map +1 -1
  3. package/es/form/style/index.less +5 -5
  4. package/es/index.less +0 -1
  5. package/es/modal/modal.js.map +1 -1
  6. package/es/query-form/Field/Checkbox.js +1 -1
  7. package/es/query-form/Field/Checkbox.js.map +1 -1
  8. package/es/query-form/Field/Composition/FieldPopover.js +363 -0
  9. package/es/query-form/Field/Composition/FieldPopover.js.map +1 -0
  10. package/es/query-form/Field/Composition/FieldPopover.less +41 -0
  11. package/es/query-form/Field/Composition/Select.js +157 -0
  12. package/es/query-form/Field/Composition/Select.js.map +1 -0
  13. package/es/query-form/Field/Composition/SelectInput.js +34 -0
  14. package/es/query-form/Field/Composition/SelectInput.js.map +1 -0
  15. package/es/query-form/Field/Composition/ValueTag.js +163 -0
  16. package/es/query-form/Field/Composition/ValueTag.js.map +1 -0
  17. package/es/query-form/Field/Composition/index.js +337 -0
  18. package/es/query-form/Field/Composition/index.js.map +1 -0
  19. package/es/query-form/Field/Composition/index.less +167 -0
  20. package/es/query-form/Field/Composition/utils.js +169 -0
  21. package/es/query-form/Field/Composition/utils.js.map +1 -0
  22. package/es/query-form/Field/SelectInput.js +16 -12
  23. package/es/query-form/Field/SelectInput.js.map +1 -1
  24. package/es/query-form/Field/fieldsMap.js +2 -2
  25. package/es/query-form/Field/fieldsMap.js.map +1 -1
  26. package/es/query-form/Field/index.js +2 -1
  27. package/es/query-form/Field/index.js.map +1 -1
  28. package/es/query-form/index.js +226 -357
  29. package/es/query-form/index.js.map +1 -1
  30. package/es/query-form/index.less +26 -77
  31. package/es/query-form-v2/index.less +133 -0
  32. package/es/query-list-scene/List.js +16 -3
  33. package/es/query-list-scene/List.js.map +1 -1
  34. package/es/query-list-scene/QueryForm.js +35 -13
  35. package/es/query-list-scene/QueryForm.js.map +1 -1
  36. package/es/query-list-scene/index.js +2 -1
  37. package/es/query-list-scene/index.js.map +1 -1
  38. package/es/scroll-bar/ScrollBar.js +8 -5
  39. package/es/scroll-bar/ScrollBar.js.map +1 -1
  40. package/es/table/hooks/use-column-setting.js.map +1 -1
  41. package/es/table/resizableTable/index.less +1 -1
  42. package/es/table/table.js +8 -2
  43. package/es/table/table.js.map +1 -1
  44. package/es/tntd-select/index.js.map +1 -1
  45. package/es/tntd-virtual-tree/index.js +0 -3
  46. package/es/tntd-virtual-tree/index.js.map +1 -1
  47. package/lib/color-picker/ColorPicker.d.ts +2 -1
  48. package/lib/color-picker/ColorPicker.d.ts.map +1 -1
  49. package/lib/color-picker/ColorPicker.js +3 -2
  50. package/lib/color-picker/ColorPicker.js.map +1 -1
  51. package/lib/form/style/index.less +5 -5
  52. package/lib/index.less +0 -1
  53. package/lib/modal/modal.d.ts.map +1 -1
  54. package/lib/modal/modal.js.map +1 -1
  55. package/lib/query-form/Field/Checkbox.js +1 -1
  56. package/lib/query-form/Field/Checkbox.js.map +1 -1
  57. package/lib/query-form/Field/Composition/FieldPopover.d.ts +19 -0
  58. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +1 -0
  59. package/lib/query-form/Field/Composition/FieldPopover.js +459 -0
  60. package/lib/query-form/Field/Composition/FieldPopover.js.map +1 -0
  61. package/lib/query-form/Field/Composition/FieldPopover.less +41 -0
  62. package/lib/query-form/Field/Composition/Select.d.ts +4 -0
  63. package/lib/query-form/Field/Composition/Select.d.ts.map +1 -0
  64. package/lib/query-form/Field/Composition/Select.js +253 -0
  65. package/lib/query-form/Field/Composition/Select.js.map +1 -0
  66. package/lib/query-form/Field/Composition/SelectInput.d.ts +3 -0
  67. package/lib/query-form/Field/Composition/SelectInput.d.ts.map +1 -0
  68. package/lib/query-form/Field/Composition/SelectInput.js +111 -0
  69. package/lib/query-form/Field/Composition/SelectInput.js.map +1 -0
  70. package/lib/query-form/Field/Composition/ValueTag.d.ts +13 -0
  71. package/lib/query-form/Field/Composition/ValueTag.d.ts.map +1 -0
  72. package/lib/query-form/Field/Composition/ValueTag.js +240 -0
  73. package/lib/query-form/Field/Composition/ValueTag.js.map +1 -0
  74. package/lib/query-form/Field/Composition/index.d.ts +15 -0
  75. package/lib/query-form/Field/Composition/index.d.ts.map +1 -0
  76. package/lib/query-form/Field/Composition/index.js +441 -0
  77. package/lib/query-form/Field/Composition/index.js.map +1 -0
  78. package/lib/query-form/Field/Composition/index.less +167 -0
  79. package/lib/query-form/Field/Composition/utils.d.ts +21 -0
  80. package/lib/query-form/Field/Composition/utils.d.ts.map +1 -0
  81. package/lib/query-form/Field/Composition/utils.js +173 -0
  82. package/lib/query-form/Field/Composition/utils.js.map +1 -0
  83. package/lib/query-form/Field/SelectInput.d.ts.map +1 -1
  84. package/lib/query-form/Field/SelectInput.js +16 -12
  85. package/lib/query-form/Field/SelectInput.js.map +1 -1
  86. package/lib/query-form/Field/fieldsMap.d.ts +6 -3
  87. package/lib/query-form/Field/fieldsMap.d.ts.map +1 -1
  88. package/lib/query-form/Field/fieldsMap.js +2 -2
  89. package/lib/query-form/Field/fieldsMap.js.map +1 -1
  90. package/lib/query-form/Field/index.d.ts.map +1 -1
  91. package/lib/query-form/Field/index.js +2 -1
  92. package/lib/query-form/Field/index.js.map +1 -1
  93. package/lib/query-form/index.d.ts +1 -36
  94. package/lib/query-form/index.d.ts.map +1 -1
  95. package/lib/query-form/index.js +262 -397
  96. package/lib/query-form/index.js.map +1 -1
  97. package/lib/query-form/index.less +26 -77
  98. package/lib/query-form-v2/index.less +133 -0
  99. package/lib/query-list-scene/List.d.ts.map +1 -1
  100. package/lib/query-list-scene/List.js +16 -3
  101. package/lib/query-list-scene/List.js.map +1 -1
  102. package/lib/query-list-scene/QueryForm.d.ts +5 -4
  103. package/lib/query-list-scene/QueryForm.d.ts.map +1 -1
  104. package/lib/query-list-scene/QueryForm.js +35 -13
  105. package/lib/query-list-scene/QueryForm.js.map +1 -1
  106. package/lib/query-list-scene/index.d.ts.map +1 -1
  107. package/lib/query-list-scene/index.js +2 -1
  108. package/lib/query-list-scene/index.js.map +1 -1
  109. package/lib/scroll-bar/ScrollBar.js +8 -5
  110. package/lib/scroll-bar/ScrollBar.js.map +1 -1
  111. package/lib/table/hooks/use-column-setting.d.ts +1 -0
  112. package/lib/table/hooks/use-column-setting.d.ts.map +1 -1
  113. package/lib/table/hooks/use-column-setting.js.map +1 -1
  114. package/lib/table/resizableTable/index.less +1 -1
  115. package/lib/table/table.d.ts.map +1 -1
  116. package/lib/table/table.js +8 -2
  117. package/lib/table/table.js.map +1 -1
  118. package/lib/tntd-select/index.d.ts.map +1 -1
  119. package/lib/tntd-select/index.js.map +1 -1
  120. package/lib/tntd-virtual-tree/index.js +0 -3
  121. package/lib/tntd-virtual-tree/index.js.map +1 -1
  122. package/package.json +3 -2
  123. package/es/checkbox/checkbox-group.js +0 -16
  124. package/es/checkbox/checkbox-group.js.map +0 -1
  125. package/es/radio/radio-group.js +0 -16
  126. package/es/radio/radio-group.js.map +0 -1
  127. package/es/steps/stepStyle/small.less +0 -5
  128. package/es/table/total-shower.js +0 -20
  129. package/es/table/total-shower.js.map +0 -1
  130. package/es/utils/simple-template.js +0 -19
  131. package/es/utils/simple-template.js.map +0 -1
  132. package/lib/checkbox/checkbox-group.d.ts +0 -8
  133. package/lib/checkbox/checkbox-group.d.ts.map +0 -1
  134. package/lib/checkbox/checkbox-group.js +0 -16
  135. package/lib/checkbox/checkbox-group.js.map +0 -1
  136. package/lib/radio/radio-group.d.ts +0 -8
  137. package/lib/radio/radio-group.d.ts.map +0 -1
  138. package/lib/radio/radio-group.js +0 -16
  139. package/lib/radio/radio-group.js.map +0 -1
  140. package/lib/steps/stepStyle/small.less +0 -5
  141. package/lib/table/total-shower.d.ts +0 -9
  142. package/lib/table/total-shower.d.ts.map +0 -1
  143. package/lib/table/total-shower.js +0 -20
  144. package/lib/table/total-shower.js.map +0 -1
  145. package/lib/utils/simple-template.d.ts +0 -9
  146. package/lib/utils/simple-template.d.ts.map +0 -1
  147. package/lib/utils/simple-template.js +0 -19
  148. package/lib/utils/simple-template.js.map +0 -1
@@ -0,0 +1,173 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.formatLabel = formatLabel;
7
+ exports.getLabel = getLabel;
8
+ exports.getLabelByValue = getLabelByValue;
9
+ exports.highlightSubstring = highlightSubstring;
10
+ exports.isInput = void 0;
11
+ exports.parseArrayToObject = parseArrayToObject;
12
+ exports.parseObjectToArray = parseObjectToArray;
13
+ var _flatten2 = _interopRequireDefault(require("lodash/flatten"));
14
+ var _isString2 = _interopRequireDefault(require("lodash/isString"));
15
+ var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
16
+ var _react = _interopRequireDefault(require("react"));
17
+ var _moment = _interopRequireDefault(require("moment"));
18
+ function _interopRequireDefault(e) {
19
+ return e && e.__esModule ? e : {
20
+ "default": e
21
+ };
22
+ }
23
+ function highlightSubstring(str, substring) {
24
+ var highlighted = "<span class=\"tnt-highlight\">".concat(substring, "</span>");
25
+ return str.replace(new RegExp(substring, 'g'), highlighted);
26
+ }
27
+ function getLabelByValue(_ref) {
28
+ var value = _ref.value,
29
+ options = _ref.options,
30
+ _ref$fieldNames = _ref.fieldNames,
31
+ fieldNames = _ref$fieldNames === void 0 ? {
32
+ label: 'label',
33
+ value: 'value'
34
+ } : _ref$fieldNames;
35
+ var getLabel = function getLabel(value) {
36
+ var target = options === null || options === void 0 ? void 0 : options.find(function (item) {
37
+ var valueKey = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value;
38
+ var itemValue = item instanceof Object ? item[valueKey] : item;
39
+ return itemValue === value;
40
+ });
41
+ if (target) {
42
+ return target instanceof Object ? target === null || target === void 0 ? void 0 : target[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label] : target;
43
+ } else {
44
+ return value;
45
+ }
46
+ };
47
+ if ((0, _isArray2["default"])(value)) {
48
+ return value.map(getLabel).join(' | ');
49
+ } else {
50
+ return getLabel(value);
51
+ }
52
+ }
53
+ function formatLabel(reactDom) {
54
+ return (0, _flatten2["default"])(_react["default"].Children.map(reactDom.props.children, function (child) {
55
+ if (_react["default"].isValidElement(child)) {
56
+ return formatLabel(child);
57
+ } else if ((0, _isString2["default"])(child)) {
58
+ return child;
59
+ }
60
+ return '';
61
+ })).join('');
62
+ }
63
+ function parseObjectToArray(value, data) {
64
+ var _a, _b;
65
+ return (_b = (_a = Object.keys(value || {})) === null || _a === void 0 ? void 0 : _a.map(function (key) {
66
+ var target = data === null || data === void 0 ? void 0 : data.find(function (item) {
67
+ var _a, _b;
68
+ return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.name) === key || ((_b = item.props) === null || _b === void 0 ? void 0 : _b.pName) === key;
69
+ });
70
+ if (!target) return null;
71
+ var dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
72
+ var _ref2 = dataItem || {},
73
+ _ref2$type = _ref2.type,
74
+ type = _ref2$type === void 0 ? 'input' : _ref2$type,
75
+ component = _ref2.component,
76
+ setLabel = _ref2.setLabel;
77
+ if (!type && component && !setLabel) {
78
+ console.error('自定义组件需要传入setLabel()方法');
79
+ }
80
+ return {
81
+ key: key,
82
+ value: value[key]
83
+ };
84
+ })) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
85
+ return !!item;
86
+ });
87
+ }
88
+ function parseArrayToObject(value) {
89
+ return value === null || value === void 0 ? void 0 : value.reduce(function (acc, v) {
90
+ acc[v.key] = v.value;
91
+ return acc;
92
+ }, {});
93
+ }
94
+ function getLabel(_ref3, data, locale) {
95
+ var key = _ref3.key,
96
+ value = _ref3.value;
97
+ var _a, _b, _c, _d;
98
+ var otherTarget = data === null || data === void 0 ? void 0 : data.find(function (item) {
99
+ var _a;
100
+ return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.pName) === key;
101
+ });
102
+ if (otherTarget) {
103
+ // otherInput
104
+ var selectKey = (_a = Object.keys(value || {})) === null || _a === void 0 ? void 0 : _a[0];
105
+ if (!selectKey) {
106
+ // 17. inputSelect组件,初始值{},展示undefined:undefined
107
+ return false;
108
+ }
109
+ var otherTargetObj = data.find(function (item) {
110
+ return item.props.pName === key && item.props.cName === selectKey;
111
+ });
112
+ if (!otherTargetObj) {
113
+ return false;
114
+ }
115
+ return otherTargetObj.props.title + ':' + (value[selectKey] || '');
116
+ }
117
+ var target = data === null || data === void 0 ? void 0 : data.find(function (item) {
118
+ var _a;
119
+ return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.name) === key;
120
+ });
121
+ if (!target) return null;
122
+ var dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
123
+ var _ref4 = dataItem || {},
124
+ _ref4$type = _ref4.type,
125
+ type = _ref4$type === void 0 ? 'input' : _ref4$type,
126
+ setLabel = _ref4.setLabel,
127
+ fieldProps = _ref4.props,
128
+ propsTitle = _ref4.propsTitle,
129
+ title = _ref4.title,
130
+ name = _ref4.name;
131
+ var _propsTitle = propsTitle || title || name;
132
+ var _ref5 = fieldProps || {},
133
+ options = _ref5.options,
134
+ format = _ref5.format;
135
+ var labelValue = value;
136
+ if (setLabel) {
137
+ // setLabel: 对于自定义组件,无法控制label的显示,可以通过setLabel方法控制
138
+ labelValue = setLabel(value);
139
+ } else if (options) {
140
+ if (type === 'selectInput') {
141
+ var _selectKey = (_b = Object.keys(value || {})) === null || _b === void 0 ? void 0 : _b[0];
142
+ if (!_selectKey) {
143
+ // 17. inputSelect组件,初始值{},展示undefined:undefined
144
+ return false;
145
+ }
146
+ var inputValue = value[_selectKey];
147
+ var selectLabel = (_c = options === null || options === void 0 ? void 0 : options.find(function (v) {
148
+ return v.value === _selectKey;
149
+ })) === null || _c === void 0 ? void 0 : _c.label;
150
+ return selectLabel + ':' + inputValue;
151
+ }
152
+ labelValue = getLabelByValue({
153
+ value: value,
154
+ options: options,
155
+ fieldNames: ((_d = dataItem === null || dataItem === void 0 ? void 0 : dataItem.props) === null || _d === void 0 ? void 0 : _d.fieldNames) || {
156
+ label: 'label',
157
+ value: 'value'
158
+ }
159
+ });
160
+ } else if (type === 'checkbox') {
161
+ labelValue = value ? locale.yes : locale.no;
162
+ } else if (type === 'dateRange' && format) {
163
+ if (value === null || value === void 0 ? void 0 : value.length) {
164
+ labelValue = [(0, _moment["default"])(value === null || value === void 0 ? void 0 : value[0]).format(format), (0, _moment["default"])(value === null || value === void 0 ? void 0 : value[1]).format(format)].join('~');
165
+ }
166
+ } else if (type === 'date' && format) {
167
+ labelValue = value ? (0, _moment["default"])(value).format(format) : undefined;
168
+ }
169
+ return _propsTitle + ':' + (labelValue === undefined ? '' : labelValue);
170
+ }
171
+ var isInput = exports.isInput = function isInput(type) {
172
+ return ['input', 'string', 'search', 'aloneSearch', 'number', 'inputNumber', 'otherInput'].includes(type);
173
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/utils.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { isArray, isString, flatten } from 'lodash'\nimport moment from 'moment'\n\nexport function highlightSubstring(str, substring) {\n const highlighted = `<span class=\"tnt-highlight\">${substring}</span>`\n return str.replace(new RegExp(substring, 'g'), highlighted)\n}\n\nexport function getLabelByValue({\n value,\n options,\n fieldNames = {\n label: 'label',\n value: 'value',\n },\n}) {\n const getLabel = (value) => {\n const target = options?.find((item) => {\n const valueKey = fieldNames?.value\n const itemValue = item instanceof Object ? item[valueKey] : item\n return itemValue === value\n })\n if (target) {\n return target instanceof Object ? target?.[fieldNames?.label] : target\n } else {\n return value\n }\n }\n if (isArray(value)) {\n return value.map(getLabel).join(' | ')\n } else {\n return getLabel(value)\n }\n}\n\nexport function formatLabel(reactDom) {\n return flatten(\n React.Children.map(reactDom.props.children, (child) => {\n if (React.isValidElement(child)) {\n return formatLabel(child)\n } else if (isString(child)) {\n return child\n }\n return ''\n })\n ).join('')\n}\n\nexport function parseObjectToArray(value, data) {\n return Object.keys(value || {})\n ?.map((key) => {\n const target = data?.find((item) => item.props?.name === key || item.props?.pName === key)\n if (!target) return null\n const dataItem = target?.props || {}\n const { type = 'input', component, setLabel } = dataItem || {}\n if (!type && component && !setLabel) {\n console.error('自定义组件需要传入setLabel()方法')\n }\n return {\n key,\n value: value[key],\n }\n })\n ?.filter((item) => !!item)\n}\n\nexport function parseArrayToObject(value) {\n return value?.reduce((acc, v) => {\n acc[v.key] = v.value\n return acc\n }, {})\n}\n\nexport function getLabel({ key, value }, data, locale) {\n const otherTarget = data?.find((item) => item.props?.pName === key)\n if (otherTarget) {\n // otherInput\n const selectKey = Object.keys(value || {})?.[0]\n if (!selectKey) {\n // 17. inputSelect组件,初始值{},展示undefined:undefined\n return false\n }\n const otherTargetObj = data.find(\n (item) => item.props.pName === key && item.props.cName === selectKey\n )\n if (!otherTargetObj) {\n return false\n }\n return otherTargetObj.props.title + ':' + (value[selectKey] || '')\n }\n\n const target = data?.find((item) => item.props?.name === key)\n if (!target) return null\n const dataItem = target?.props || {}\n const { type = 'input', setLabel, props: fieldProps, propsTitle, title, name } = dataItem || {}\n const _propsTitle = propsTitle || title || name\n const { options, format } = fieldProps || {}\n let labelValue = value\n if (setLabel) {\n // setLabel: 对于自定义组件,无法控制label的显示,可以通过setLabel方法控制\n labelValue = setLabel(value)\n } else if (options) {\n if (type === 'selectInput') {\n const selectKey = Object.keys(value || {})?.[0]\n if (!selectKey) {\n // 17. inputSelect组件,初始值{},展示undefined:undefined\n return false\n }\n const inputValue = value[selectKey]\n const selectLabel = options?.find((v) => v.value === selectKey)?.label\n return selectLabel + ':' + inputValue\n }\n labelValue = getLabelByValue({\n value,\n options,\n fieldNames: dataItem?.props?.fieldNames || {\n label: 'label',\n value: 'value',\n },\n })\n } else if (type === 'checkbox') {\n labelValue = value ? locale.yes : locale.no\n } else if (type === 'dateRange' && format) {\n if (value?.length) {\n labelValue = [moment(value?.[0]).format(format), moment(value?.[1]).format(format)].join('~')\n }\n } else if (type === 'date' && format) {\n labelValue = value ? moment(value).format(format) : undefined\n }\n return _propsTitle + ':' + (labelValue === undefined ? '' : labelValue)\n}\n\nexport const isInput = (type) =>\n ['input', 'string', 'search', 'aloneSearch', 'number', 'inputNumber', 'otherInput'].includes(type)\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/query-form/Field/SelectInput.js"],"names":[],"mappings":"AAQe,yDAiEd"}
1
+ {"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/query-form/Field/SelectInput.js"],"names":[],"mappings":"AAOe,yDA0Ed"}
@@ -127,12 +127,15 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
127
127
  };
128
128
  var Option = _select["default"].Option;
129
129
  var _default = exports["default"] = function _default(props) {
130
- var form = props.form,
131
- _props$options = props.options,
130
+ var _props$options = props.options,
132
131
  options = _props$options === void 0 ? [] : _props$options,
133
132
  addonBeforeStyle = props.addonBeforeStyle,
134
133
  selectProps = props.selectProps,
135
- inputProps = __rest(props, ["form", "options", "addonBeforeStyle", "selectProps"]);
134
+ form = props.form,
135
+ close = props.close,
136
+ name = props.name,
137
+ _onChange = props._onChange,
138
+ inputProps = __rest(props, ["options", "addonBeforeStyle", "selectProps", "form", "close", "name", "_onChange"]);
136
139
  var _useState = (0, _react.useState)(options),
137
140
  _useState2 = _slicedToArray(_useState, 2),
138
141
  items = _useState2[0],
@@ -170,26 +173,27 @@ var _default = exports["default"] = function _default(props) {
170
173
  value: value
171
174
  }, label);
172
175
  }));
173
- var getInputValue = function getInputValue() {
174
- return (0, _get2["default"])(inputProps.value, key);
175
- };
176
176
  (0, _react.useEffect)(function () {
177
177
  setItems(options);
178
178
  setKey(getInitialKey());
179
179
  }, [options, inputProps.value]);
180
180
  var doSearch = function doSearch(value) {
181
- form.emit('search', {
182
- current: 1
183
- });
181
+ var newValue = _defineProperty({}, key, value);
182
+ _onChange && _onChange(newValue);
183
+ form.emit('search', _defineProperty({}, name, newValue));
184
+ close && close();
184
185
  };
185
- return _react["default"].createElement(_input["default"], Object.assign({
186
+ return _react["default"].createElement(_input["default"].Search, Object.assign({
187
+ addonBefore: addonBefore,
186
188
  onPressEnter: function onPressEnter(evt) {
187
189
  var _a;
188
190
  return doSearch((_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value);
191
+ },
192
+ onSearch: function onSearch(value) {
193
+ return doSearch(value);
189
194
  }
190
195
  }, inputProps, {
191
- value: getInputValue(),
192
- addonBefore: addonBefore,
196
+ value: (0, _get2["default"])(inputProps.value, key),
193
197
  onChange: onChange
194
198
  }));
195
199
  };
@@ -1 +1 @@
1
- {"version":3,"file":"SelectInput.js","sourceRoot":"","sources":["../../../src/query-form/Field/SelectInput.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,mCAA4B;AAE5B,0DAAiC;AACjC,wDAA+B;AAE/B,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAM,CAAA;AAEzB,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,gBAAgB,EAAE,WAAW,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA5E,sDAAoE,CAAQ,CAAA;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,GAAG,GAAG,IAAA,YAAG,EAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAEjC,IAAI,UAAU,CAAC,KAAK,EAAE;YACpB,GAAG,GAAG,IAAA,YAAG,EAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,CAAA;SACrD;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,CAAA;IACD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,aAAa,EAAE,CAAC,CAAA;IAC/C,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,EAAE;QAC1B,MAAM,CAAC,GAAG,CAAC,CAAA;QACX,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,EAAE;SACV,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE;QACvB,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK;SACxB,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,CAClB,8BAAC,gBAAM,kBACL,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,WAAW,EACrB,KAAK,kBACH,KAAK,EAAE,OAAO,IACX,gBAAgB,GAErB,wBAAwB,EAAE,KAAK,IAC3B,CAAC,WAAW,IAAE,EAAE,CAAC,GAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,8BAAC,MAAM,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC7B,KAAK,CACC,CACV,CAAC,CACK,CACV,CAAA;IACD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,IAAA,YAAG,EAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,CAAC,CAAA;QACjB,MAAM,CAAC,aAAa,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;IAE/B,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE;QACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAC,CAAC,EAAE,CAAC,CAAC;IAErC,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,eAAK,kBACF,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,WAAC,OAAA,QAAQ,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,0CAAE,KAAK,CAAC,CAAA,EAAA,IAC/C,UAAU,IACd,KAAK,EAAE,aAAa,EAAE,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IACpB,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { get } from 'lodash'\n\nimport Select from '../../select'\nimport Input from '../../input'\n\nconst { Option } = Select\n\nexport default (props) => {\n const { form, options = [], addonBeforeStyle, selectProps, ...inputProps } = props\n const [items, setItems] = useState(options)\n const getInitialKey = () => {\n let key = get(options, '0.value')\n\n if (inputProps.value) {\n key = get(Object.keys(inputProps.value), '0') || key\n }\n\n return key\n }\n const [key, setKey] = useState(getInitialKey())\n const onKeyChange = (key) => {\n setKey(key)\n props.onChange({\n [key]: '',\n })\n }\n const onChange = (evt) => {\n props.onChange({\n [key]: evt.target.value,\n })\n }\n const addonBefore = (\n <Select\n value={key}\n onChange={onKeyChange}\n style={{\n width: '120px',\n ...addonBeforeStyle,\n }}\n dropdownMatchSelectWidth={false}\n {...(selectProps||{})}\n >\n {items.map(({ label, value }) => (\n <Option key={value} value={value}>\n {label}\n </Option>\n ))}\n </Select>\n )\n const getInputValue = () => {\n return get(inputProps.value, key)\n }\n\n useEffect(() => {\n setItems(options)\n setKey(getInitialKey())\n }, [options, inputProps.value])\n\n const doSearch = (value) => {\n form.emit('search', { current:1 });\n\n }\n\n return (\n <Input\n onPressEnter={(evt) => doSearch(evt?.target?.value)}\n {...inputProps}\n value={getInputValue()}\n addonBefore={addonBefore}\n onChange={onChange}\n />\n )\n}\n"]}
1
+ {"version":3,"file":"SelectInput.js","sourceRoot":"","sources":["../../../src/query-form/Field/SelectInput.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { get } from 'lodash'\nimport Select from '../../select'\nimport Input from '../../input'\n\nconst { Option } = Select\n\nexport default (props) => {\n const {\n options = [],\n addonBeforeStyle,\n selectProps,\n form,\n close,\n name,\n _onChange,\n ...inputProps\n } = props\n const [items, setItems] = useState(options)\n const getInitialKey = () => {\n let key = get(options, '0.value')\n\n if (inputProps.value) {\n key = get(Object.keys(inputProps.value), '0') || key\n }\n\n return key\n }\n const [key, setKey] = useState(getInitialKey())\n const onKeyChange = (key) => {\n setKey(key)\n props.onChange({\n [key]: '',\n })\n }\n const onChange = (evt) => {\n props.onChange({\n [key]: evt.target.value,\n })\n }\n const addonBefore = (\n <Select\n value={key}\n onChange={onKeyChange}\n style={{\n width: '120px',\n ...addonBeforeStyle,\n }}\n dropdownMatchSelectWidth={false}\n {...(selectProps || {})}\n >\n {items.map(({ label, value }) => (\n <Option key={value} value={value}>\n {label}\n </Option>\n ))}\n </Select>\n )\n\n useEffect(() => {\n setItems(options)\n setKey(getInitialKey())\n }, [options, inputProps.value])\n\n const doSearch = (value) => {\n const newValue = { [key]: value }\n _onChange && _onChange(newValue)\n form.emit('search', { [name]: newValue })\n close && close()\n }\n\n return (\n <Input.Search\n addonBefore={addonBefore}\n onPressEnter={(evt) => doSearch(evt?.target?.value)}\n onSearch={(value) => doSearch(value)}\n {...inputProps}\n value={get(inputProps.value, key)}\n onChange={onChange}\n />\n )\n}\n"]}
@@ -1,8 +1,12 @@
1
1
  export const defaultFieldWidth: "200px";
2
2
  export function getFieldWidth(type: any): any;
3
3
  declare namespace _default {
4
- export { Input as string };
5
- export { Input as input };
4
+ export const string: React.ForwardRefExoticComponent<import("../../input").SearchProps & {
5
+ capitalize?: boolean | undefined;
6
+ } & React.RefAttributes<import("antd/lib/input/Search").default>>;
7
+ export const input: React.ForwardRefExoticComponent<import("../../input").SearchProps & {
8
+ capitalize?: boolean | undefined;
9
+ } & React.RefAttributes<import("antd/lib/input/Search").default>>;
6
10
  export const search: React.ForwardRefExoticComponent<import("../../input").SearchProps & {
7
11
  capitalize?: boolean | undefined;
8
12
  } & React.RefAttributes<import("antd/lib/input/Search").default>>;
@@ -15,7 +19,6 @@ declare namespace _default {
15
19
  export { SelectInput as selectInput };
16
20
  }
17
21
  export default _default;
18
- import Input from "../../input";
19
22
  import React from "react";
20
23
  import InputNumber from "../../input-number";
21
24
  import SelectField from "./Select";
@@ -1 +1 @@
1
- {"version":3,"file":"fieldsMap.d.ts","sourceRoot":"","sources":["../../../src/query-form/Field/fieldsMap.js"],"names":[],"mappings":"AAQA,wCAAwC;AAEjC,8CAWN;;;;;;;;;;;;;;;;;;;;;;AAED;;;;sBAeC"}
1
+ {"version":3,"file":"fieldsMap.d.ts","sourceRoot":"","sources":["../../../src/query-form/Field/fieldsMap.js"],"names":[],"mappings":"AAQA,wCAAwC;AAEjC,8CAWN;;;;;;;;;;;;;;;;;;;;;;;;;AAED;;;;sBAeC"}
@@ -47,8 +47,8 @@ function DataRange(_a) {
47
47
  }));
48
48
  }
49
49
  var _default = exports["default"] = {
50
- string: _input["default"],
51
- input: _input["default"],
50
+ string: _input["default"].Search,
51
+ input: _input["default"].Search,
52
52
  search: _input["default"].Search,
53
53
  inputNumber: _inputNumber["default"],
54
54
  number: _inputNumber["default"],
@@ -1 +1 @@
1
- {"version":3,"file":"fieldsMap.js","sourceRoot":"","sources":["../../../src/query-form/Field/fieldsMap.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,0DAAsC;AACtC,sDAAkC;AAClC,gEAAuC;AACvC,oEAA0C;AAC1C,wDAA+B;AAC/B,sEAA4C;AAE/B,QAAA,iBAAiB,GAAG,OAAO,CAAA;AAEjC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IACpC,IAAI,IAAI,KAAK,WAAW,EAAE;QACxB,OAAO,OAAO,CAAA;KACf;IAED,OAAO,CACL;QACE,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE,OAAO;KACrB,CAAC,IAAI,CAAC,IAAI,yBAAiB,CAC7B,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,aAAa,iBAWzB;AAED,SAAS,SAAS,CAAC,EAAkC;QAAlC,EAAE,QAAQ,EAAE,KAAK,OAAiB,EAAZ,UAAU,cAAhC,qBAAkC,CAAF;IACjD,OAAO,CACL,8BAAC,qBAAU,CAAC,WAAW,oBACjB,UAAU,IACd,QAAQ,EACN,KAAK;YACH,CAAC,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;gBACrB,IAAI,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE;oBAC7B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;iBAC7B;YACH,CAAC;YACH,CAAC,CAAC,QAAQ,IAEd,CACH,CAAA;AACH,CAAC;AAED,kBAAe;IACb,MAAM,EAAE,eAAK;IACb,KAAK,EAAE,eAAK;IACZ,MAAM,EAAE,eAAK,CAAC,MAAM;IACpB,WAAW,EAAE,sBAAW;IACxB,MAAM,EAAE,sBAAW;IACnB,MAAM,EAAE,gBAAW;IACnB,QAAQ,EAAE,kBAAa;IACvB,IAAI,EAAE,qBAAU;IAChB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,qBAAW;CACzB,CAAA","sourcesContent":["import React from 'react'\nimport CheckboxField from './Checkbox'\nimport SelectField from './Select'\nimport SelectInput from './SelectInput'\nimport DatePicker from '../../date-picker'\nimport Input from '../../input'\nimport InputNumber from '../../input-number'\n\nexport const defaultFieldWidth = '200px'\n\nexport const getFieldWidth = (type) => {\n if (type === 'dateRange') {\n return '340px'\n }\n\n return (\n {\n dateRange: '340px',\n selectInput: '320px',\n }[type] || defaultFieldWidth\n )\n}\n\nfunction DataRange({ onChange, check, ...otherProps }) {\n return (\n <DatePicker.RangePicker\n {...otherProps}\n onChange={\n check\n ? (dates, dateStrings) => {\n if (check(dates, dateStrings)) {\n onChange(dates, dateStrings)\n }\n }\n : onChange\n }\n />\n )\n}\n\nexport default {\n string: Input,\n input: Input,\n search: Input.Search,\n inputNumber: InputNumber,\n number: InputNumber,\n select: SelectField,\n checkbox: CheckboxField,\n date: DatePicker,\n dateRange: DataRange,\n selectInput: SelectInput,\n}\n"]}
1
+ {"version":3,"file":"fieldsMap.js","sourceRoot":"","sources":["../../../src/query-form/Field/fieldsMap.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,0DAAsC;AACtC,sDAAkC;AAClC,gEAAuC;AACvC,oEAA0C;AAC1C,wDAA+B;AAC/B,sEAA4C;AAE/B,QAAA,iBAAiB,GAAG,OAAO,CAAA;AAEjC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IACpC,IAAI,IAAI,KAAK,WAAW,EAAE;QACxB,OAAO,OAAO,CAAA;KACf;IAED,OAAO,CACL;QACE,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE,OAAO;KACrB,CAAC,IAAI,CAAC,IAAI,yBAAiB,CAC7B,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,aAAa,iBAWzB;AAED,SAAS,SAAS,CAAC,EAAkC;QAAlC,EAAE,QAAQ,EAAE,KAAK,OAAiB,EAAZ,UAAU,cAAhC,qBAAkC,CAAF;IACjD,OAAO,CACL,8BAAC,qBAAU,CAAC,WAAW,oBACjB,UAAU,IACd,QAAQ,EACN,KAAK;YACH,CAAC,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;gBACrB,IAAI,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE;oBAC7B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;iBAC7B;YACH,CAAC;YACH,CAAC,CAAC,QAAQ,IAEd,CACH,CAAA;AACH,CAAC;AAED,kBAAe;IACb,MAAM,EAAE,eAAK,CAAC,MAAM;IACpB,KAAK,EAAE,eAAK,CAAC,MAAM;IACnB,MAAM,EAAE,eAAK,CAAC,MAAM;IACpB,WAAW,EAAE,sBAAW;IACxB,MAAM,EAAE,sBAAW;IACnB,MAAM,EAAE,gBAAW;IACnB,QAAQ,EAAE,kBAAa;IACvB,IAAI,EAAE,qBAAU;IAChB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,qBAAW;CACzB,CAAA","sourcesContent":["import React from 'react'\nimport CheckboxField from './Checkbox'\nimport SelectField from './Select'\nimport SelectInput from './SelectInput'\nimport DatePicker from '../../date-picker'\nimport Input from '../../input'\nimport InputNumber from '../../input-number'\n\nexport const defaultFieldWidth = '200px'\n\nexport const getFieldWidth = (type) => {\n if (type === 'dateRange') {\n return '340px'\n }\n\n return (\n {\n dateRange: '340px',\n selectInput: '320px',\n }[type] || defaultFieldWidth\n )\n}\n\nfunction DataRange({ onChange, check, ...otherProps }) {\n return (\n <DatePicker.RangePicker\n {...otherProps}\n onChange={\n check\n ? (dates, dateStrings) => {\n if (check(dates, dateStrings)) {\n onChange(dates, dateStrings)\n }\n }\n : onChange\n }\n />\n )\n}\n\nexport default {\n string: Input.Search,\n input: Input.Search,\n search: Input.Search,\n inputNumber: InputNumber,\n number: InputNumber,\n select: SelectField,\n checkbox: CheckboxField,\n date: DatePicker,\n dateRange: DataRange,\n selectInput: SelectInput,\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/query-form/Field/index.js"],"names":[],"mappings":"AAUA;IACE,wBAMC;IAHC;;MAEC;IAGH,4BAmCC;IAED,6CAKC;IAED,mCAaC;IAED,sCAIC;IAED,0BAKC;IAED,6BAKC;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/query-form/Field/index.js"],"names":[],"mappings":"AAUA;IACE,wBAMC;IAHC;;MAEC;IAGH,4BAoCC;IAED,6CAKC;IAED,mCAaC;IAED,sCAIC;IAED,0BAKC;IAED,6BAKC;CACF"}
@@ -213,7 +213,8 @@ var Field = exports["default"] = /*#__PURE__*/function (_PureComponent) {
213
213
  className: className
214
214
  }, _react["default"].createElement(_Field, Object.assign({
215
215
  form: form,
216
- value: value
216
+ value: value,
217
+ name: name
217
218
  }, isInput(type) ? {
218
219
  onPressEnter: function onPressEnter(evt) {
219
220
  var _a;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/query-form/Field/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react'\nimport { get } from 'lodash'\nimport fieldsMap, { getFieldWidth } from './fieldsMap'\n\nimport Form from '../../form'\n\nconst FormItem = Form.Item\n\nconst isInput = (type) => ['input', 'string', 'search', 'aloneSearch'].includes(type)\n\nexport default class Field extends PureComponent {\n constructor(props) {\n super(props)\n\n this.state = {\n value: props.initialValue,\n }\n }\n\n render () {\n const {\n type = 'input',\n title,\n name,\n isFieldInDrawer = false,\n className = '',\n component,\n form,\n props: fieldProps,\n } = this.props\n const { value } = this.state\n const Field = component || fieldsMap[type]\n\n return (\n <FormItem label={title} className={className}>\n <Field\n form={form}\n value={value}\n {...(isInput(type)\n ? {\n onPressEnter: (evt) =>\n form.emit('search', { [name]: evt?.target?.value, current: 1 }),\n onSearch: (value) => form.emit('search', { [name]: value, current: 1 })\n }\n : {})}\n {...fieldProps}\n style={{\n ...fieldProps?.style,\n width: isFieldInDrawer ? '100%' : fieldProps?.style?.width || getFieldWidth(type),\n }}\n onChange={this.onChange}\n />\n </FormItem>\n )\n }\n\n updateValue = (name, value) => {\n if (name === this.props.name) {\n this.setState({ value })\n this.props.onChange(name, value)\n }\n }\n\n onChange = (...args) => {\n const { name, type = 'input', component, props: fieldProps } = this.props\n const { onChange } = fieldProps || {}\n\n onChange && onChange(...args)\n\n // Input onChange第一个参数为Event对象,取值特殊处理\n if (!component && isInput(type)) {\n args[0] = get(args[0], 'target.value')\n }\n\n this.setState({ value: args[0] })\n this.props.onChange(name, args[0])\n }\n\n onFormChange = (formData) => {\n this.setState({\n value: get(formData, this.props.name),\n })\n }\n\n componentDidMount () {\n const { form } = this.props\n\n form.on('setValue', this.updateValue)\n form.on('setValues', this.onFormChange)\n }\n\n componentWillUnmount () {\n const { form } = this.props\n\n form.off('setValue', this.updateValue)\n form.off('setValues', this.onFormChange)\n }\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/query-form/Field/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react'\nimport { get } from 'lodash'\nimport fieldsMap, { getFieldWidth } from './fieldsMap'\n\nimport Form from '../../form'\n\nconst FormItem = Form.Item\n\nconst isInput = (type) => ['input', 'string', 'search', 'aloneSearch'].includes(type)\n\nexport default class Field extends PureComponent {\n constructor(props) {\n super(props)\n\n this.state = {\n value: props.initialValue,\n }\n }\n\n render () {\n const {\n type = 'input',\n title,\n name,\n isFieldInDrawer = false,\n className = '',\n component,\n form,\n props: fieldProps,\n } = this.props\n const { value } = this.state\n const Field = component || fieldsMap[type]\n\n return (\n <FormItem label={title} className={className}>\n <Field\n form={form}\n value={value}\n name={name}\n {...(isInput(type)\n ? {\n onPressEnter: (evt) =>\n form.emit('search', { [name]: evt?.target?.value, current: 1 }),\n onSearch: (value) => form.emit('search', { [name]: value, current: 1 })\n }\n : {})}\n {...fieldProps}\n style={{\n ...fieldProps?.style,\n width: isFieldInDrawer ? '100%' : fieldProps?.style?.width || getFieldWidth(type),\n }}\n onChange={this.onChange}\n />\n </FormItem>\n )\n }\n\n updateValue = (name, value) => {\n if (name === this.props.name) {\n this.setState({ value })\n this.props.onChange(name, value)\n }\n }\n\n onChange = (...args) => {\n const { name, type = 'input', component, props: fieldProps } = this.props\n const { onChange } = fieldProps || {}\n\n onChange && onChange(...args)\n\n // Input onChange第一个参数为Event对象,取值特殊处理\n if (!component && isInput(type)) {\n args[0] = get(args[0], 'target.value')\n }\n\n this.setState({ value: args[0] })\n this.props.onChange(name, args[0])\n }\n\n onFormChange = (formData) => {\n this.setState({\n value: get(formData, this.props.name),\n })\n }\n\n componentDidMount () {\n const { form } = this.props\n\n form.on('setValue', this.updateValue)\n form.on('setValues', this.onFormChange)\n }\n\n componentWillUnmount () {\n const { form } = this.props\n\n form.off('setValue', this.updateValue)\n form.off('setValues', this.onFormChange)\n }\n}\n"]}
@@ -1,39 +1,4 @@
1
1
  export default QueryForm;
2
- declare class QueryForm extends React.PureComponent<any, any, any> {
3
- constructor(props: any);
4
- state: {
5
- showMore: boolean;
6
- expanded: boolean;
7
- drawerVisible: boolean;
8
- drawerFieldsValueCount: number;
9
- };
10
- fieldsRef: React.RefObject<any>;
11
- formBoxRef: React.RefObject<any>;
12
- form: any;
13
- render(): React.JSX.Element;
14
- getText(key: any): any;
15
- isFieldsWidthOverflow(): boolean;
16
- updateFieldHeight(): void;
17
- onWindowResize: import("lodash").DebouncedFunc<() => void>;
18
- search: (params: any) => void;
19
- onSearch: () => void;
20
- onReset: () => void;
21
- onToggleExpand: () => void;
22
- onShowDrawer: () => void;
23
- onFieldChange: (name: any, value: any, ...rest: any[]) => void;
24
- updateDrawerFieldsValueCount: () => void;
25
- addResizeListener: () => (() => void) | undefined;
26
- componentDidMount(): void;
27
- removeResizeListener: (() => void) | undefined;
28
- componentWillUnmount(): void;
29
- }
30
- declare namespace QueryForm {
31
- export { Field };
32
- export { useForm };
33
- export { createActions as createForm };
34
- }
2
+ declare const QueryForm: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
35
3
  import React from "react";
36
- import Field from "./Field";
37
- import useForm from "./useForm";
38
- import createActions from "./createActions";
39
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/query-form/index.js"],"names":[],"mappings":";AAkBA;IACE,wBAeC;IAZC;;;;;MAKC;IACD,gCAA4B;IAC5B,iCAA6B;IAE7B,UAAmC;IAKrC,4BAmGC;IAED,uBAEC;IAED,iCAoBC;IAED,0BA4BC;IAED,2DAUM;IAEN,8BAKC;IAED,qBAEC;IAED,oBAMC;IAED,2BAKC;IAED,yBAEC;IAED,+DAaC;IAED,yCAkBC;IAED,kDAcC;IAED,0BA2BC;IANG,+CAAoD;IAQxD,6BAKC;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/query-form/index.js"],"names":[],"mappings":";AAeA,mFAkPC"}