tntd 3.0.68 → 3.0.70

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 (87) hide show
  1. package/es/index.js +7 -0
  2. package/es/index.js.map +1 -1
  3. package/es/prev-locale.js +4 -2
  4. package/es/prev-locale.js.map +1 -1
  5. package/es/tntd-checkbox-select/index.js +263 -0
  6. package/es/tntd-checkbox-select/index.js.map +1 -0
  7. package/es/tntd-checkbox-select/index.less +68 -0
  8. package/lib/index.d.ts +1 -0
  9. package/lib/index.d.ts.map +1 -1
  10. package/lib/index.js +7 -0
  11. package/lib/index.js.map +1 -1
  12. package/lib/prev-locale.d.ts +3 -0
  13. package/lib/prev-locale.d.ts.map +1 -1
  14. package/lib/prev-locale.js +4 -2
  15. package/lib/prev-locale.js.map +1 -1
  16. package/lib/tntd-checkbox-select/index.d.ts +12 -0
  17. package/lib/tntd-checkbox-select/index.d.ts.map +1 -0
  18. package/lib/tntd-checkbox-select/index.js +348 -0
  19. package/lib/tntd-checkbox-select/index.js.map +1 -0
  20. package/lib/tntd-checkbox-select/index.less +68 -0
  21. package/package.json +2 -2
  22. package/es/checkbox/checkbox-group.js +0 -16
  23. package/es/checkbox/checkbox-group.js.map +0 -1
  24. package/es/query-form/Field/Composition/FieldPopover.js +0 -459
  25. package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
  26. package/es/query-form/Field/Composition/FieldPopover.less +0 -41
  27. package/es/query-form/Field/Composition/Select.js +0 -253
  28. package/es/query-form/Field/Composition/Select.js.map +0 -1
  29. package/es/query-form/Field/Composition/SelectInput.js +0 -111
  30. package/es/query-form/Field/Composition/SelectInput.js.map +0 -1
  31. package/es/query-form/Field/Composition/ValueTag.js +0 -240
  32. package/es/query-form/Field/Composition/ValueTag.js.map +0 -1
  33. package/es/query-form/Field/Composition/index.js +0 -441
  34. package/es/query-form/Field/Composition/index.js.map +0 -1
  35. package/es/query-form/Field/Composition/index.less +0 -167
  36. package/es/query-form/Field/Composition/utils.js +0 -173
  37. package/es/query-form/Field/Composition/utils.js.map +0 -1
  38. package/es/query-form-v2/index.less +0 -133
  39. package/es/radio/radio-group.js +0 -16
  40. package/es/radio/radio-group.js.map +0 -1
  41. package/es/table/total-shower.js +0 -20
  42. package/es/table/total-shower.js.map +0 -1
  43. package/es/utils/simple-template.js +0 -19
  44. package/es/utils/simple-template.js.map +0 -1
  45. package/lib/checkbox/checkbox-group.d.ts +0 -8
  46. package/lib/checkbox/checkbox-group.d.ts.map +0 -1
  47. package/lib/checkbox/checkbox-group.js +0 -16
  48. package/lib/checkbox/checkbox-group.js.map +0 -1
  49. package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -19
  50. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
  51. package/lib/query-form/Field/Composition/FieldPopover.js +0 -459
  52. package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
  53. package/lib/query-form/Field/Composition/FieldPopover.less +0 -41
  54. package/lib/query-form/Field/Composition/Select.d.ts +0 -4
  55. package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
  56. package/lib/query-form/Field/Composition/Select.js +0 -253
  57. package/lib/query-form/Field/Composition/Select.js.map +0 -1
  58. package/lib/query-form/Field/Composition/SelectInput.d.ts +0 -3
  59. package/lib/query-form/Field/Composition/SelectInput.d.ts.map +0 -1
  60. package/lib/query-form/Field/Composition/SelectInput.js +0 -111
  61. package/lib/query-form/Field/Composition/SelectInput.js.map +0 -1
  62. package/lib/query-form/Field/Composition/ValueTag.d.ts +0 -13
  63. package/lib/query-form/Field/Composition/ValueTag.d.ts.map +0 -1
  64. package/lib/query-form/Field/Composition/ValueTag.js +0 -240
  65. package/lib/query-form/Field/Composition/ValueTag.js.map +0 -1
  66. package/lib/query-form/Field/Composition/index.d.ts +0 -15
  67. package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
  68. package/lib/query-form/Field/Composition/index.js +0 -441
  69. package/lib/query-form/Field/Composition/index.js.map +0 -1
  70. package/lib/query-form/Field/Composition/index.less +0 -167
  71. package/lib/query-form/Field/Composition/utils.d.ts +0 -21
  72. package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
  73. package/lib/query-form/Field/Composition/utils.js +0 -173
  74. package/lib/query-form/Field/Composition/utils.js.map +0 -1
  75. package/lib/query-form-v2/index.less +0 -133
  76. package/lib/radio/radio-group.d.ts +0 -8
  77. package/lib/radio/radio-group.d.ts.map +0 -1
  78. package/lib/radio/radio-group.js +0 -16
  79. package/lib/radio/radio-group.js.map +0 -1
  80. package/lib/table/total-shower.d.ts +0 -9
  81. package/lib/table/total-shower.d.ts.map +0 -1
  82. package/lib/table/total-shower.js +0 -20
  83. package/lib/table/total-shower.js.map +0 -1
  84. package/lib/utils/simple-template.d.ts +0 -9
  85. package/lib/utils/simple-template.d.ts.map +0 -1
  86. package/lib/utils/simple-template.js +0 -19
  87. package/lib/utils/simple-template.js.map +0 -1
@@ -1,15 +0,0 @@
1
- declare var _default: React.ForwardRefExoticComponent<{
2
- fieldItems: any;
3
- initialValues: any;
4
- onChange: any;
5
- form: any;
6
- compositionShowReset: any;
7
- defaultSearchField: any;
8
- defaultSearchPlaceholder: any;
9
- clsPrefix: any;
10
- _onReset: any;
11
- _onSearch: any;
12
- } & React.RefAttributes<any>>;
13
- export default _default;
14
- import React from "react";
15
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/index.js"],"names":[],"mappings":""}
@@ -1,441 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) {
4
- "@babel/helpers - typeof";
5
-
6
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
7
- return typeof o;
8
- } : function (o) {
9
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
10
- }, _typeof(o);
11
- }
12
- Object.defineProperty(exports, "__esModule", {
13
- value: true
14
- });
15
- exports["default"] = void 0;
16
- var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
17
- var _find2 = _interopRequireDefault(require("lodash/find"));
18
- var _react = _interopRequireWildcard(require("react"));
19
- var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
20
- var _icon = _interopRequireDefault(require("../../../icon"));
21
- var _input = _interopRequireDefault(require("../../../input"));
22
- var _FieldPopover = _interopRequireDefault(require("./FieldPopover"));
23
- var _ValueTag = _interopRequireDefault(require("./ValueTag"));
24
- var _utils = require("./utils");
25
- require("./index.less");
26
- function _getRequireWildcardCache(e) {
27
- if ("function" != typeof WeakMap) return null;
28
- var r = new WeakMap(),
29
- t = new WeakMap();
30
- return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
31
- return e ? t : r;
32
- })(e);
33
- }
34
- function _interopRequireWildcard(e, r) {
35
- if (!r && e && e.__esModule) return e;
36
- if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
37
- "default": e
38
- };
39
- var t = _getRequireWildcardCache(r);
40
- if (t && t.has(e)) return t.get(e);
41
- var n = {
42
- __proto__: null
43
- },
44
- a = Object.defineProperty && Object.getOwnPropertyDescriptor;
45
- for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
46
- var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
47
- i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
48
- }
49
- return n["default"] = e, t && t.set(e, n), n;
50
- }
51
- function _interopRequireDefault(e) {
52
- return e && e.__esModule ? e : {
53
- "default": e
54
- };
55
- }
56
- function _toConsumableArray(r) {
57
- return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
58
- }
59
- function _nonIterableSpread() {
60
- throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
61
- }
62
- function _iterableToArray(r) {
63
- if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
64
- }
65
- function _arrayWithoutHoles(r) {
66
- if (Array.isArray(r)) return _arrayLikeToArray(r);
67
- }
68
- function _defineProperty(e, r, t) {
69
- return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
70
- value: t,
71
- enumerable: !0,
72
- configurable: !0,
73
- writable: !0
74
- }) : e[r] = t, e;
75
- }
76
- function _toPropertyKey(t) {
77
- var i = _toPrimitive(t, "string");
78
- return "symbol" == _typeof(i) ? i : i + "";
79
- }
80
- function _toPrimitive(t, r) {
81
- if ("object" != _typeof(t) || !t) return t;
82
- var e = t[Symbol.toPrimitive];
83
- if (void 0 !== e) {
84
- var i = e.call(t, r || "default");
85
- if ("object" != _typeof(i)) return i;
86
- throw new TypeError("@@toPrimitive must return a primitive value.");
87
- }
88
- return ("string" === r ? String : Number)(t);
89
- }
90
- function _slicedToArray(r, e) {
91
- return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
92
- }
93
- function _nonIterableRest() {
94
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
95
- }
96
- function _unsupportedIterableToArray(r, a) {
97
- if (r) {
98
- if ("string" == typeof r) return _arrayLikeToArray(r, a);
99
- var t = {}.toString.call(r).slice(8, -1);
100
- return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
101
- }
102
- }
103
- function _arrayLikeToArray(r, a) {
104
- (null == a || a > r.length) && (a = r.length);
105
- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
106
- return n;
107
- }
108
- function _iterableToArrayLimit(r, l) {
109
- var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
110
- if (null != t) {
111
- var e,
112
- n,
113
- i,
114
- u,
115
- a = [],
116
- f = !0,
117
- o = !1;
118
- try {
119
- if (i = (t = t.call(r)).next, 0 === l) {
120
- if (Object(t) !== t) return;
121
- f = !1;
122
- } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
123
- } catch (r) {
124
- o = !0, n = r;
125
- } finally {
126
- try {
127
- if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
128
- } finally {
129
- if (o) throw n;
130
- }
131
- }
132
- return a;
133
- }
134
- }
135
- function _arrayWithHoles(r) {
136
- if (Array.isArray(r)) return r;
137
- }
138
- /**
139
- * @param value: [{
140
- key: 'key1',
141
- value: 'value1',
142
- }, {
143
- key: 'key2',
144
- value: ['value2', 'value3']
145
- }]
146
- * @param {*} ref
147
- * @returns
148
- */
149
- var regex = /^.+:.*$/;
150
- var CompositionInput = function CompositionInput(_ref, ref) {
151
- var fieldItems = _ref.fieldItems,
152
- initialValues = _ref.initialValues,
153
- onChange = _ref.onChange,
154
- form = _ref.form,
155
- compositionShowReset = _ref.compositionShowReset,
156
- defaultSearchField = _ref.defaultSearchField,
157
- defaultSearchPlaceholder = _ref.defaultSearchPlaceholder,
158
- clsPrefix = _ref.clsPrefix,
159
- _onReset = _ref._onReset,
160
- _onSearch = _ref._onSearch;
161
- var _a;
162
- var prefix = "".concat(clsPrefix, "-composition-input");
163
- var _useState = (0, _react.useState)((0, _utils.parseObjectToArray)(initialValues, fieldItems)),
164
- _useState2 = _slicedToArray(_useState, 2),
165
- value = _useState2[0],
166
- setValue = _useState2[1];
167
- var _useState3 = (0, _react.useState)(),
168
- _useState4 = _slicedToArray(_useState3, 2),
169
- tempItem = _useState4[0],
170
- setTempItem = _useState4[1];
171
- var _useState5 = (0, _react.useState)(''),
172
- _useState6 = _slicedToArray(_useState5, 2),
173
- searchText = _useState6[0],
174
- setSearchText = _useState6[1];
175
- var _useState7 = (0, _react.useState)(false),
176
- _useState8 = _slicedToArray(_useState7, 2),
177
- visible = _useState8[0],
178
- setVisible = _useState8[1];
179
- var _useState9 = (0, _react.useState)(undefined),
180
- _useState10 = _slicedToArray(_useState9, 2),
181
- fieldItem = _useState10[0],
182
- setFieldItem = _useState10[1];
183
- var fieldItemsRef = (0, _react.useRef)(fieldItems);
184
- var _fieldItem = fieldItem ? ((_a = (0, _find2["default"])(fieldItems, function (f) {
185
- var _a;
186
- return ((_a = f.props) === null || _a === void 0 ? void 0 : _a.name) === fieldItem.name;
187
- })) === null || _a === void 0 ? void 0 : _a.props) || fieldItem : {};
188
- var _ref2 = fieldItem || {},
189
- props = _ref2.props;
190
- var inputRef = (0, _react.useRef)(null);
191
- var widthRef = (0, _react.useRef)(null);
192
- var fieldRef = (0, _react.useRef)(null);
193
- var eventRef = (0, _react.useRef)(false);
194
- fieldItemsRef.current = fieldItems;
195
- var updateValues = (0, _react.useCallback)(function (obj) {
196
- var newValueArr = (0, _utils.parseObjectToArray)(obj, fieldItemsRef.current);
197
- setValue(newValueArr);
198
- }, []);
199
- var updateValue = (0, _react.useCallback)(function (name, value) {
200
- updateValues(_defineProperty({}, name, value));
201
- }, []);
202
- if (!eventRef.current) {
203
- eventRef.current = true;
204
- form.on('setValue', updateValue);
205
- form.on('setValues', updateValues);
206
- }
207
- (0, _react.useEffect)(function () {
208
- return function () {
209
- form.off('setValue', updateValue);
210
- form.off('setValues', updateValues);
211
- };
212
- }, []);
213
- var handleFocus = function handleFocus(e) {
214
- e.preventDefault();
215
- setTimeout(function () {
216
- var _a;
217
- (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
218
- }, 10);
219
- if (!visible && !regex.test(searchText)) {
220
- setVisible(true);
221
- }
222
- };
223
- (0, _react.useImperativeHandle)(ref, function () {
224
- return {
225
- changeVal: function changeVal() {
226
- return value;
227
- }
228
- };
229
- });
230
- var onClear = function onClear(e) {
231
- e.stopPropagation();
232
- var initKeys = Object.keys(initialValues || {});
233
- var deleteKeys = value === null || value === void 0 ? void 0 : value.filter(function (_ref3) {
234
- var key = _ref3.key;
235
- return !initKeys.includes(key);
236
- }).map(function (_ref4) {
237
- var key = _ref4.key;
238
- return key;
239
- });
240
- setValue((0, _utils.parseObjectToArray)(initialValues || {}, fieldItems));
241
- onChange(Object.assign({}, initialValues || {}), deleteKeys, false, true);
242
- // 清除其他数据
243
- setSearchText('');
244
- setTempItem();
245
- _onReset();
246
- };
247
- var doSearch = function doSearch(e) {
248
- var _a;
249
- e.stopPropagation();
250
- var inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
251
- if (tempItem && inputValue) {
252
- if ((0, _isObject2["default"])(tempItem.value)) {
253
- tempItem.value = _defineProperty({}, Object.keys(tempItem.value)[0], inputValue);
254
- } else {
255
- tempItem.value = inputValue; // 得到输入值
256
- }
257
- if (!(value === null || value === void 0 ? void 0 : value.find(function (v) {
258
- return v.key === tempItem.key;
259
- }))) {
260
- var newValue = [].concat(_toConsumableArray(value), [tempItem]);
261
- setValue(newValue);
262
- onChange((0, _utils.parseArrayToObject)(newValue));
263
- } else {
264
- var _newValue = value.map(function (v) {
265
- return v.key === tempItem.key ? tempItem : v;
266
- });
267
- setValue(_newValue);
268
- onChange((0, _utils.parseArrayToObject)(_newValue));
269
- }
270
- e.target.value = tempItem.value;
271
- form.emit('search', _defineProperty(_defineProperty({}, tempItem.key, tempItem.value), "current", 1));
272
- setTempItem();
273
- setSearchText('');
274
- } else {
275
- _onSearch();
276
- }
277
- };
278
- var onDelete = function onDelete(key, e) {
279
- var _a, _b;
280
- e.preventDefault();
281
- if (value.length > 0) {
282
- var newValue = value.filter(function (v) {
283
- return v.key !== key;
284
- });
285
- setValue(newValue);
286
- var deleteKeys = [key];
287
- onChange((0, _utils.parseArrayToObject)(newValue), deleteKeys, true);
288
- // 删除的时候也触发Field的onChange -- 泳建提的需求
289
- var fieldProps = (_a = (0, _find2["default"])(fieldItems, function (it) {
290
- var _a;
291
- return ((_a = it.props) === null || _a === void 0 ? void 0 : _a.name) === key;
292
- })) === null || _a === void 0 ? void 0 : _a.props;
293
- ((_b = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.props) === null || _b === void 0 ? void 0 : _b.onChange) && fieldProps.props.onChange(undefined);
294
- }
295
- };
296
- var focusInput = function focusInput(value) {
297
- var _a;
298
- (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
299
- setSearchText((0, _utils.getLabel)(value, fieldItems));
300
- setTempItem(value);
301
- setTimeout(function () {
302
- var _a;
303
- (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
304
- }, 10);
305
- };
306
- var handleFieldChange = function handleFieldChange(value, isInput, hasValue) {
307
- var needSearch = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
308
- if (isInput) {
309
- focusInput(value);
310
- return;
311
- }
312
- setValue(value);
313
- setSearchText('');
314
- setTempItem();
315
- if (hasValue) onChange((0, _utils.parseArrayToObject)(value), undefined, needSearch);
316
- };
317
- // 输入框事件方法
318
- var onInputChange = function onInputChange(e) {
319
- var value = e.target.value;
320
- if (tempItem) {
321
- if (regex.test(value)) {
322
- // 有输入值
323
- setSearchText(value);
324
- } else {
325
- // 没有输入值, 清空选择的属性类型重新显示属性列表
326
- setSearchText('');
327
- setTempItem();
328
- }
329
- } else {
330
- setSearchText(value);
331
- }
332
- };
333
- var onPressEnter = function onPressEnter(e) {
334
- var _a;
335
- var inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
336
- var fieldValue;
337
- if (tempItem && inputValue) {
338
- setVisible(false);
339
- if ((0, _isObject2["default"])(tempItem.value)) {
340
- tempItem.value = _defineProperty({}, Object.keys(tempItem.value)[0], inputValue);
341
- } else {
342
- tempItem.value = inputValue; // 得到输入值
343
- }
344
- fieldValue = tempItem;
345
- } else if (defaultSearchField) {
346
- fieldValue = {
347
- key: defaultSearchField,
348
- value: searchText
349
- };
350
- }
351
- if (fieldValue) {
352
- if (!(value === null || value === void 0 ? void 0 : value.find(function (v) {
353
- return v.key === fieldValue.key;
354
- }))) {
355
- var newValue = [].concat(_toConsumableArray(value), [fieldValue]);
356
- setValue(newValue);
357
- onChange((0, _utils.parseArrayToObject)(newValue));
358
- } else {
359
- var _newValue2 = value.map(function (v) {
360
- return v.key === fieldValue.key ? fieldValue : v;
361
- });
362
- setValue(_newValue2);
363
- onChange((0, _utils.parseArrayToObject)(_newValue2));
364
- }
365
- e.target.value = fieldValue.value;
366
- form.emit('search', _defineProperty(_defineProperty({}, fieldValue.key, fieldValue.value), "current", 1));
367
- (props === null || props === void 0 ? void 0 : props.onPressEnter) && props.onPressEnter(e);
368
- }
369
- setTempItem();
370
- setSearchText('');
371
- };
372
- return _react["default"].createElement(_LocaleReceiver["default"], {
373
- componentName: "QueryForm"
374
- }, function (locale) {
375
- return _react["default"].createElement("div", {
376
- className: prefix,
377
- onClick: handleFocus
378
- }, _react["default"].createElement("span", {
379
- className: "".concat(prefix, "-width"),
380
- ref: widthRef
381
- }, searchText), _react["default"].createElement("ul", {
382
- className: "".concat(prefix, "-items")
383
- }, value && value.map(function (item, index) {
384
- return _react["default"].createElement("li", {
385
- key: item.key,
386
- className: "".concat(prefix, "-items-item")
387
- }, _react["default"].createElement(_ValueTag["default"], {
388
- onChange: handleFieldChange,
389
- value: value,
390
- item: item,
391
- fieldItems: fieldItems,
392
- locale: locale,
393
- onDelete: onDelete,
394
- handleTag: focusInput,
395
- clsPrefix: clsPrefix,
396
- form: form
397
- }));
398
- }), _react["default"].createElement("li", {
399
- className: "".concat(prefix, "-items-input")
400
- }, _react["default"].createElement(_FieldPopover["default"], {
401
- ref: fieldRef,
402
- onChange: handleFieldChange,
403
- clsPrefix: clsPrefix,
404
- fieldItems: fieldItems,
405
- propItem: _fieldItem,
406
- setFieldItem: setFieldItem,
407
- form: form,
408
- regex: regex,
409
- visible: visible,
410
- value: value,
411
- setVisible: setVisible,
412
- searchText: searchText,
413
- locale: locale,
414
- placement: "bottomLeft"
415
- }, _react["default"].createElement(_input["default"], Object.assign({
416
- ref: inputRef,
417
- value: searchText,
418
- className: "inputClass",
419
- placeholder: defaultSearchPlaceholder || (!(value === null || value === void 0 ? void 0 : value.length) ? locale.placeholder : undefined)
420
- }, props, {
421
- onPressEnter: onPressEnter,
422
- onChange: onInputChange
423
- }))))), _react["default"].createElement("div", {
424
- className: "".concat(prefix, "-prefix")
425
- }, _react["default"].createElement(_icon["default"], {
426
- type: "filter"
427
- })), compositionShowReset && _react["default"].createElement("div", {
428
- className: "".concat(prefix, "-clear")
429
- }, _react["default"].createElement(_icon["default"], {
430
- onClick: onClear,
431
- type: "close-circle",
432
- theme: "filled"
433
- })), _react["default"].createElement("div", {
434
- className: "".concat(prefix, "-search"),
435
- onClick: doSearch
436
- }, _react["default"].createElement(_icon["default"], {
437
- type: "search"
438
- })));
439
- });
440
- };
441
- var _default = exports["default"] = (0, _react.forwardRef)(CompositionInput);
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, {\n useEffect,\n useState,\n useRef,\n useImperativeHandle,\n forwardRef,\n useCallback,\n} from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport { find, isObject } from 'lodash'\nimport Icon from '../../../icon'\nimport Input from '../../../input'\nimport FieldPopover from './FieldPopover'\nimport ValueTag from './ValueTag'\nimport { parseArrayToObject, parseObjectToArray, getLabel } from './utils'\nimport './index.less'\n\n/**\n * @param value: [{\n key: 'key1',\n value: 'value1',\n }, {\n key: 'key2',\n value: ['value2', 'value3']\n }]\n * @param {*} ref \n * @returns \n */\nconst regex = /^.+:.*$/\nconst CompositionInput = (\n {\n fieldItems,\n initialValues,\n onChange,\n form,\n compositionShowReset,\n defaultSearchField,\n defaultSearchPlaceholder,\n clsPrefix,\n _onReset,\n _onSearch,\n },\n ref\n) => {\n const prefix = `${clsPrefix}-composition-input`\n const [value, setValue] = useState(parseObjectToArray(initialValues, fieldItems))\n const [tempItem, setTempItem] = useState()\n const [searchText, setSearchText] = useState('')\n const [visible, setVisible] = useState(false)\n const [fieldItem, setFieldItem] = useState(undefined)\n const fieldItemsRef = useRef(fieldItems)\n const _fieldItem = fieldItem\n ? find(fieldItems, (f) => f.props?.name === fieldItem.name)?.props || fieldItem\n : {}\n const { props } = fieldItem || {}\n\n const inputRef = useRef(null)\n const widthRef = useRef(null)\n const fieldRef = useRef(null)\n const eventRef = useRef(false)\n\n fieldItemsRef.current = fieldItems\n\n const updateValues = useCallback((obj) => {\n const newValueArr = parseObjectToArray(obj, fieldItemsRef.current)\n setValue(newValueArr)\n }, [])\n\n const updateValue = useCallback((name, value) => {\n updateValues({ [name]: value })\n }, [])\n\n if (!eventRef.current) {\n eventRef.current = true\n form.on('setValue', updateValue)\n form.on('setValues', updateValues)\n }\n\n useEffect(() => {\n return () => {\n form.off('setValue', updateValue)\n form.off('setValues', updateValues)\n }\n }, [])\n\n const handleFocus = (e) => {\n e.preventDefault()\n setTimeout(() => {\n inputRef?.current?.focus()\n }, 10)\n if (!visible && !regex.test(searchText)) {\n setVisible(true)\n }\n }\n\n useImperativeHandle(ref, () => ({\n changeVal: () => {\n return value\n },\n }))\n\n const onClear = (e) => {\n e.stopPropagation()\n const initKeys = Object.keys(initialValues || {})\n const deleteKeys = value?.filter(({ key }) => !initKeys.includes(key)).map(({ key }) => key)\n setValue(parseObjectToArray(initialValues || {}, fieldItems))\n onChange({ ...(initialValues || {}) }, deleteKeys, false, true)\n // 清除其他数据\n setSearchText('')\n setTempItem()\n _onReset()\n }\n\n const doSearch = (e) => {\n e.stopPropagation()\n const inputValue = searchText?.match(/[^:]+:(.*)/)?.[1] || null\n if (tempItem && inputValue) {\n if (isObject(tempItem.value)) {\n tempItem.value = {\n [Object.keys(tempItem.value)[0]]: inputValue,\n }\n } else {\n tempItem.value = inputValue // 得到输入值\n }\n if (!value?.find((v) => v.key === tempItem.key)) {\n const newValue = [...value, tempItem]\n setValue(newValue)\n onChange(parseArrayToObject(newValue))\n } else {\n const newValue = value.map((v) => (v.key === tempItem.key ? tempItem : v))\n setValue(newValue)\n onChange(parseArrayToObject(newValue))\n }\n e.target.value = tempItem.value\n form.emit('search', { [tempItem.key]: tempItem.value, current: 1 })\n setTempItem()\n setSearchText('')\n } else {\n _onSearch()\n }\n }\n\n const onDelete = (key, e) => {\n e.preventDefault()\n if (value.length > 0) {\n const newValue = value.filter((v) => v.key !== key)\n setValue(newValue)\n const deleteKeys = [key]\n onChange(parseArrayToObject(newValue), deleteKeys, true)\n // 删除的时候也触发Field的onChange -- 泳建提的需求\n const fieldProps = find(fieldItems, (it) => it.props?.name === key)?.props\n fieldProps?.props?.onChange && fieldProps.props.onChange(undefined)\n }\n }\n\n const focusInput = (value) => {\n inputRef?.current?.focus()\n setSearchText(getLabel(value, fieldItems))\n setTempItem(value)\n setTimeout(() => {\n inputRef?.current?.focus()\n }, 10)\n }\n\n const handleFieldChange = (value, isInput, hasValue, needSearch = true) => {\n if (isInput) {\n focusInput(value)\n return\n }\n setValue(value)\n setSearchText('')\n setTempItem()\n if (hasValue) onChange(parseArrayToObject(value), undefined, needSearch)\n }\n\n // 输入框事件方法\n const onInputChange = (e) => {\n const value = e.target.value\n if (tempItem) {\n if (regex.test(value)) {\n // 有输入值\n setSearchText(value)\n } else {\n // 没有输入值, 清空选择的属性类型重新显示属性列表\n setSearchText('')\n setTempItem()\n }\n } else {\n setSearchText(value)\n }\n }\n\n const onPressEnter = (e) => {\n const inputValue = searchText?.match(/[^:]+:(.*)/)?.[1] || null\n let fieldValue\n if (tempItem && inputValue) {\n setVisible(false)\n if (isObject(tempItem.value)) {\n tempItem.value = {\n [Object.keys(tempItem.value)[0]]: inputValue,\n }\n } else {\n tempItem.value = inputValue // 得到输入值\n }\n fieldValue = tempItem\n } else if (defaultSearchField) {\n fieldValue = { key: defaultSearchField, value: searchText }\n }\n if (fieldValue) {\n if (!value?.find((v) => v.key === fieldValue.key)) {\n const newValue = [...value, fieldValue]\n setValue(newValue)\n onChange(parseArrayToObject(newValue))\n } else {\n const newValue = value.map((v) => (v.key === fieldValue.key ? fieldValue : v))\n setValue(newValue)\n onChange(parseArrayToObject(newValue))\n }\n e.target.value = fieldValue.value\n form.emit('search', { [fieldValue.key]: fieldValue.value, current: 1 })\n props?.onPressEnter && props.onPressEnter(e)\n }\n setTempItem()\n setSearchText('')\n }\n return (\n <LocaleReceiver componentName=\"QueryForm\">\n {(locale) => {\n return (\n <div className={prefix} onClick={handleFocus}>\n <span className={`${prefix}-width`} ref={widthRef}>\n {searchText}\n </span>\n <ul className={`${prefix}-items`}>\n {value &&\n value.map((item, index) => (\n <li key={item.key} className={`${prefix}-items-item`}>\n <ValueTag\n onChange={handleFieldChange}\n value={value}\n item={item}\n fieldItems={fieldItems}\n locale={locale}\n onDelete={onDelete}\n handleTag={focusInput}\n clsPrefix={clsPrefix}\n form={form}\n />\n </li>\n ))}\n <li className={`${prefix}-items-input`}>\n <FieldPopover\n ref={fieldRef}\n onChange={handleFieldChange}\n clsPrefix={clsPrefix}\n fieldItems={fieldItems}\n propItem={_fieldItem}\n setFieldItem={setFieldItem}\n form={form}\n regex={regex}\n visible={visible}\n value={value}\n setVisible={setVisible}\n searchText={searchText}\n locale={locale}\n placement=\"bottomLeft\"\n >\n <Input\n ref={inputRef}\n value={searchText}\n className=\"inputClass\"\n placeholder={\n defaultSearchPlaceholder || (!value?.length ? locale.placeholder : undefined)\n }\n {...props}\n onPressEnter={onPressEnter}\n onChange={onInputChange}\n />\n </FieldPopover>\n </li>\n </ul>\n <div className={`${prefix}-prefix`}>\n <Icon type=\"filter\" />\n </div>\n {compositionShowReset && (\n <div className={`${prefix}-clear`}>\n <Icon onClick={onClear} type=\"close-circle\" theme=\"filled\" />\n </div>\n )}\n <div className={`${prefix}-search`} onClick={doSearch}>\n <Icon type=\"search\" />\n </div>\n </div>\n )\n }}\n </LocaleReceiver>\n )\n}\nexport default forwardRef(CompositionInput)\n"]}
@@ -1,167 +0,0 @@
1
- @import '../../../style/themes/index';
2
- @import '../../../style/mixins/index';
3
- @import '../../../input/style/mixin';
4
-
5
- .tnt-queryform-composition-input {
6
- // width: 100%;
7
- max-height: 162px;
8
- overflow-x: hidden;
9
- cursor: text;
10
- padding: 1px @padding-xl;
11
- position: relative;
12
- box-sizing: border-box;
13
- background-color: @select-background;
14
- border: @border-width-base @border-style-base @select-border-color;
15
- border-top-width: calc(@border-width-base + 0.02px);
16
- border-radius: @border-radius-base;
17
- outline: none;
18
- transition: all 0.3s @ease-in-out;
19
- user-select: none;
20
- margin-bottom: @margin-base;
21
-
22
- &-prefix {
23
- position: absolute;
24
- left: @padding-sm;
25
- top: 50%;
26
- transform: translateY(-50%);
27
-
28
- i.anticon {
29
- color: #8b919e;
30
- }
31
- }
32
-
33
- &-width {
34
- height: 0;
35
- opacity: 0;
36
- width: auto;
37
- position: absolute;
38
- max-width: 100%;
39
- }
40
-
41
- &-items {
42
- display: flex;
43
- flex-wrap: wrap;
44
- padding: 0;
45
- list-style: none;
46
- margin: 0;
47
- width: 100%;
48
-
49
- &-item {
50
- // padding: 3px 0;
51
- margin: 2px 0 !important;
52
- }
53
-
54
- li {
55
- line-height: 1;
56
- }
57
-
58
- &-input {
59
- flex: 1;
60
- min-width: 160px;
61
-
62
- .inputClass {
63
- background: none;
64
- border: none !important;
65
- outline: none;
66
- box-shadow: none !important;
67
- width: 100% !important;
68
- height: 28px;
69
- line-height: 28px;
70
- padding: 0;
71
-
72
- input {
73
- border: none !important;
74
- outline: none !important;
75
- box-shadow: none !important;
76
- height: 26px;
77
- line-height: 26px;
78
- padding: 0;
79
- }
80
-
81
- textarea {
82
- padding: 0;
83
- }
84
- }
85
-
86
- .inputClass-with-placeholder {
87
- min-width: 398px !important;
88
- }
89
- }
90
- }
91
-
92
- &-clear {
93
- position: absolute;
94
- // right: @margin-sm;
95
- right: calc(@margin-sm + 30px);
96
- top: 50%;
97
- transform: translateY(-50%);
98
- display: none;
99
-
100
- i.anticon {
101
- color: tint(@bg-color-spotilight, 50%);
102
- }
103
-
104
- &:hover {
105
- .anticon {
106
- color: @text-color-secondary !important;
107
- }
108
- }
109
- }
110
-
111
- &-search {
112
- position: absolute;
113
- right: 0;
114
- top: 0;
115
- height: 100%;
116
- border-left: @border-width-base @border-style-base @select-border-color;
117
- background-color: @fill-color-quaternary;
118
- display: flex;
119
- width: 30px;
120
- justify-content: center;
121
- align-items: center;
122
- transition: border-color 0.3s @ease-in-out;
123
- cursor: pointer;
124
-
125
- &:hover {
126
- background-color: #e6f4ff;
127
-
128
- i.anticon {
129
- color: @primary-color;
130
- }
131
- }
132
- }
133
-
134
- &:hover,
135
- &:focus,
136
- &:active {
137
- border-color: @primary-color;
138
- box-shadow: 0px 0px 4px 0px rgba(18, 107, 251, 0.1), 0px 0px 5px 0px rgba(18, 107, 251, 0.3);
139
- outline: 0;
140
-
141
- .tnt-queryform-composition-input-prefix {
142
- i.anticon {
143
- color: @text-color;
144
- }
145
- }
146
-
147
- .tnt-queryform-composition-input-clear {
148
- display: block;
149
- }
150
-
151
- .tnt-queryform-composition-input-search {
152
- border-color: @primary-color;
153
- }
154
- }
155
-
156
- .ant-tag {
157
-
158
- // padding: 0 @padding-xs;
159
- // border: none;
160
- // background: @fill-color-tertiary;
161
- // height: 20px;
162
- .ant-tag-addon-wrap {
163
- margin-top: 0px;
164
- vertical-align: top;
165
- }
166
- }
167
- }
@@ -1,21 +0,0 @@
1
- export function highlightSubstring(str: any, substring: any): any;
2
- export function getLabelByValue({ value, options, fieldNames, }: {
3
- value: any;
4
- options: any;
5
- fieldNames?: {
6
- label: string;
7
- value: string;
8
- } | undefined;
9
- }): any;
10
- export function formatLabel(reactDom: any): any;
11
- export function parseObjectToArray(value: any, data: any): ({
12
- key: string;
13
- value: any;
14
- } | null)[];
15
- export function parseArrayToObject(value: any): any;
16
- export function getLabel({ key, value }: {
17
- key: any;
18
- value: any;
19
- }, data: any, locale: any): string | false | null;
20
- export function isInput(type: any): boolean;
21
- //# sourceMappingURL=utils.d.ts.map