tntd 3.0.53-beta.1 → 3.0.54

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 (151) hide show
  1. package/es/form/style/index.less +5 -5
  2. package/es/index.js +0 -7
  3. package/es/index.js.map +1 -1
  4. package/es/query-form/Field/Checkbox.js +1 -1
  5. package/es/query-form/Field/Checkbox.js.map +1 -1
  6. package/es/query-form/Field/SelectInput.js +12 -16
  7. package/es/query-form/Field/SelectInput.js.map +1 -1
  8. package/es/query-form/Field/fieldsMap.js +2 -2
  9. package/es/query-form/Field/fieldsMap.js.map +1 -1
  10. package/es/query-form/Field/index.js +1 -2
  11. package/es/query-form/Field/index.js.map +1 -1
  12. package/es/query-form/index.js +357 -226
  13. package/es/query-form/index.js.map +1 -1
  14. package/es/query-form/index.less +63 -26
  15. package/es/query-list-scene/List.js +3 -16
  16. package/es/query-list-scene/List.js.map +1 -1
  17. package/es/query-list-scene/QueryForm.js +13 -35
  18. package/es/query-list-scene/QueryForm.js.map +1 -1
  19. package/es/query-list-scene/index.js +1 -2
  20. package/es/query-list-scene/index.js.map +1 -1
  21. package/es/table/hooks/use-column-setting.js.map +1 -1
  22. package/es/table/resizableTable/index.less +1 -1
  23. package/es/table/table.js +2 -8
  24. package/es/table/table.js.map +1 -1
  25. package/es/tntd-select/index.js.map +1 -1
  26. package/es/tntd-virtual-tree/index.js +3 -0
  27. package/es/tntd-virtual-tree/index.js.map +1 -1
  28. package/lib/form/style/index.less +5 -5
  29. package/lib/index.d.ts +0 -1
  30. package/lib/index.d.ts.map +1 -1
  31. package/lib/index.js +0 -7
  32. package/lib/index.js.map +1 -1
  33. package/lib/query-form/Field/Checkbox.js +1 -1
  34. package/lib/query-form/Field/Checkbox.js.map +1 -1
  35. package/lib/query-form/Field/SelectInput.d.ts.map +1 -1
  36. package/lib/query-form/Field/SelectInput.js +12 -16
  37. package/lib/query-form/Field/SelectInput.js.map +1 -1
  38. package/lib/query-form/Field/fieldsMap.d.ts +3 -6
  39. package/lib/query-form/Field/fieldsMap.d.ts.map +1 -1
  40. package/lib/query-form/Field/fieldsMap.js +2 -2
  41. package/lib/query-form/Field/fieldsMap.js.map +1 -1
  42. package/lib/query-form/Field/index.d.ts.map +1 -1
  43. package/lib/query-form/Field/index.js +1 -2
  44. package/lib/query-form/Field/index.js.map +1 -1
  45. package/lib/query-form/index.d.ts +36 -1
  46. package/lib/query-form/index.d.ts.map +1 -1
  47. package/lib/query-form/index.js +417 -263
  48. package/lib/query-form/index.js.map +1 -1
  49. package/lib/query-form/index.less +63 -26
  50. package/lib/query-list-scene/List.d.ts.map +1 -1
  51. package/lib/query-list-scene/List.js +3 -16
  52. package/lib/query-list-scene/List.js.map +1 -1
  53. package/lib/query-list-scene/QueryForm.d.ts +4 -5
  54. package/lib/query-list-scene/QueryForm.d.ts.map +1 -1
  55. package/lib/query-list-scene/QueryForm.js +13 -35
  56. package/lib/query-list-scene/QueryForm.js.map +1 -1
  57. package/lib/query-list-scene/index.d.ts.map +1 -1
  58. package/lib/query-list-scene/index.js +1 -2
  59. package/lib/query-list-scene/index.js.map +1 -1
  60. package/lib/table/hooks/use-column-setting.d.ts +0 -1
  61. package/lib/table/hooks/use-column-setting.d.ts.map +1 -1
  62. package/lib/table/hooks/use-column-setting.js.map +1 -1
  63. package/lib/table/resizableTable/index.less +1 -1
  64. package/lib/table/table.d.ts.map +1 -1
  65. package/lib/table/table.js +2 -8
  66. package/lib/table/table.js.map +1 -1
  67. package/lib/tntd-select/index.d.ts.map +1 -1
  68. package/lib/tntd-select/index.js.map +1 -1
  69. package/lib/tntd-virtual-tree/index.js +3 -0
  70. package/lib/tntd-virtual-tree/index.js.map +1 -1
  71. package/package.json +1 -2
  72. package/es/query-form/Field/Composition/FieldPopover.js +0 -363
  73. package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
  74. package/es/query-form/Field/Composition/FieldPopover.less +0 -41
  75. package/es/query-form/Field/Composition/Select.js +0 -157
  76. package/es/query-form/Field/Composition/Select.js.map +0 -1
  77. package/es/query-form/Field/Composition/SelectInput.js +0 -34
  78. package/es/query-form/Field/Composition/SelectInput.js.map +0 -1
  79. package/es/query-form/Field/Composition/ValueTag.js +0 -163
  80. package/es/query-form/Field/Composition/ValueTag.js.map +0 -1
  81. package/es/query-form/Field/Composition/index.js +0 -337
  82. package/es/query-form/Field/Composition/index.js.map +0 -1
  83. package/es/query-form/Field/Composition/index.less +0 -167
  84. package/es/query-form/Field/Composition/utils.js +0 -169
  85. package/es/query-form/Field/Composition/utils.js.map +0 -1
  86. package/es/query-form-v2/index.less +0 -133
  87. package/es/scroll-bar/Bar.js +0 -91
  88. package/es/scroll-bar/Bar.js.map +0 -1
  89. package/es/scroll-bar/Context.js +0 -13
  90. package/es/scroll-bar/Context.js.map +0 -1
  91. package/es/scroll-bar/ScrollBar.js +0 -97
  92. package/es/scroll-bar/ScrollBar.js.map +0 -1
  93. package/es/scroll-bar/Thumb.js +0 -125
  94. package/es/scroll-bar/Thumb.js.map +0 -1
  95. package/es/scroll-bar/index.js +0 -10
  96. package/es/scroll-bar/index.js.map +0 -1
  97. package/es/scroll-bar/scrollBar.less +0 -59
  98. package/es/scroll-bar/util.js +0 -39
  99. package/es/scroll-bar/util.js.map +0 -1
  100. package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -19
  101. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
  102. package/lib/query-form/Field/Composition/FieldPopover.js +0 -466
  103. package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
  104. package/lib/query-form/Field/Composition/FieldPopover.less +0 -41
  105. package/lib/query-form/Field/Composition/Select.d.ts +0 -4
  106. package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
  107. package/lib/query-form/Field/Composition/Select.js +0 -260
  108. package/lib/query-form/Field/Composition/Select.js.map +0 -1
  109. package/lib/query-form/Field/Composition/SelectInput.d.ts +0 -3
  110. package/lib/query-form/Field/Composition/SelectInput.d.ts.map +0 -1
  111. package/lib/query-form/Field/Composition/SelectInput.js +0 -112
  112. package/lib/query-form/Field/Composition/SelectInput.js.map +0 -1
  113. package/lib/query-form/Field/Composition/ValueTag.d.ts +0 -13
  114. package/lib/query-form/Field/Composition/ValueTag.d.ts.map +0 -1
  115. package/lib/query-form/Field/Composition/ValueTag.js +0 -241
  116. package/lib/query-form/Field/Composition/ValueTag.js.map +0 -1
  117. package/lib/query-form/Field/Composition/index.d.ts +0 -15
  118. package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
  119. package/lib/query-form/Field/Composition/index.js +0 -448
  120. package/lib/query-form/Field/Composition/index.js.map +0 -1
  121. package/lib/query-form/Field/Composition/index.less +0 -167
  122. package/lib/query-form/Field/Composition/utils.d.ts +0 -21
  123. package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
  124. package/lib/query-form/Field/Composition/utils.js +0 -173
  125. package/lib/query-form/Field/Composition/utils.js.map +0 -1
  126. package/lib/query-form-v2/index.less +0 -133
  127. package/lib/scroll-bar/Bar.d.ts +0 -4
  128. package/lib/scroll-bar/Bar.d.ts.map +0 -1
  129. package/lib/scroll-bar/Bar.js +0 -169
  130. package/lib/scroll-bar/Bar.js.map +0 -1
  131. package/lib/scroll-bar/Context.d.ts +0 -7
  132. package/lib/scroll-bar/Context.d.ts.map +0 -1
  133. package/lib/scroll-bar/Context.js +0 -17
  134. package/lib/scroll-bar/Context.js.map +0 -1
  135. package/lib/scroll-bar/ScrollBar.d.ts +0 -4
  136. package/lib/scroll-bar/ScrollBar.d.ts.map +0 -1
  137. package/lib/scroll-bar/ScrollBar.js +0 -132
  138. package/lib/scroll-bar/ScrollBar.js.map +0 -1
  139. package/lib/scroll-bar/Thumb.d.ts +0 -3
  140. package/lib/scroll-bar/Thumb.d.ts.map +0 -1
  141. package/lib/scroll-bar/Thumb.js +0 -203
  142. package/lib/scroll-bar/Thumb.js.map +0 -1
  143. package/lib/scroll-bar/index.d.ts +0 -3
  144. package/lib/scroll-bar/index.d.ts.map +0 -1
  145. package/lib/scroll-bar/index.js +0 -14
  146. package/lib/scroll-bar/index.js.map +0 -1
  147. package/lib/scroll-bar/scrollBar.less +0 -59
  148. package/lib/scroll-bar/util.d.ts +0 -40
  149. package/lib/scroll-bar/util.d.ts.map +0 -1
  150. package/lib/scroll-bar/util.js +0 -72
  151. package/lib/scroll-bar/util.js.map +0 -1
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = SelectInput;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _SelectInput = _interopRequireDefault(require("../SelectInput"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
14
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
17
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
18
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
19
- function SelectInput(props) {
20
- var value = props.value,
21
- onChange = props.onChange;
22
- var _useState = (0, _react.useState)(value),
23
- _useState2 = _slicedToArray(_useState, 2),
24
- iValue = _useState2[0],
25
- setIValue = _useState2[1];
26
- (0, _react.useEffect)(function () {
27
- setIValue(value);
28
- }, [value]);
29
- return _react["default"].createElement(_SelectInput["default"], Object.assign({}, props, {
30
- value: iValue,
31
- _onChange: onChange,
32
- onChange: setIValue
33
- }));
34
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInput.js","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/SelectInput.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,eAAe,MAAM,gBAAgB,CAAA;AAE5C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACjC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,oBAAC,eAAe,oBAAK,KAAK,IAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,IAAI,CAAA;AAChG,CAAC","sourcesContent":["import React, { useEffect, useState } from 'react'\nimport SelectInputBase from '../SelectInput'\n\nexport default function SelectInput(props) {\n const { value, onChange } = props\n const [iValue, setIValue] = useState(value)\n\n useEffect(() => {\n setIValue(value)\n }, [value])\n\n return <SelectInputBase {...props} value={iValue} _onChange={onChange} onChange={setIValue} />\n}\n"]}
@@ -1,163 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = ValueTag;
8
- var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
9
- var _find2 = _interopRequireDefault(require("lodash/find"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _popover = _interopRequireDefault(require("../../../popover"));
12
- var _tag = _interopRequireDefault(require("../../../tag"));
13
- var _fieldsMap = _interopRequireDefault(require("../fieldsMap"));
14
- var _SelectInput = _interopRequireDefault(require("./SelectInput"));
15
- var _Select = _interopRequireDefault(require("./Select"));
16
- var _utils = require("./utils");
17
- require("./FieldPopover.less");
18
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
22
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
23
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
24
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
25
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
26
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
- function ValueTag(_ref) {
28
- var item = _ref.item,
29
- fieldItems = _ref.fieldItems,
30
- locale = _ref.locale,
31
- onDelete = _ref.onDelete,
32
- value = _ref.value,
33
- onChange = _ref.onChange,
34
- clsPrefix = _ref.clsPrefix,
35
- form = _ref.form,
36
- handleTag = _ref.handleTag;
37
- var _a;
38
- var _useState = (0, _react.useState)(),
39
- _useState2 = _slicedToArray(_useState, 2),
40
- visible = _useState2[0],
41
- setVisible = _useState2[1];
42
- var propItem = ((_a = (0, _find2["default"])(fieldItems, function (it) {
43
- var _a;
44
- return ((_a = it.props) === null || _a === void 0 ? void 0 : _a.name) === item.key;
45
- })) === null || _a === void 0 ? void 0 : _a.props) || {};
46
- var name = propItem.name,
47
- propsTitle = propItem.propsTitle,
48
- title = propItem.title,
49
- _propItem$type = propItem.type,
50
- type = _propItem$type === void 0 ? 'input' : _propItem$type,
51
- className = propItem.className,
52
- component = propItem.component,
53
- fieldProps = propItem.props,
54
- _propItem$closable = propItem.closable,
55
- closable = _propItem$closable === void 0 ? true : _propItem$closable;
56
- var handleVisibleChange = function handleVisibleChange(visible) {
57
- setVisible(visible);
58
- };
59
- var close = function close() {
60
- setVisible(false);
61
- };
62
- var onFieldChange = function onFieldChange() {
63
- var _a;
64
- var copyValue = (0, _cloneDeep2["default"])(value);
65
- var index = copyValue.findIndex(function (v) {
66
- return v.key === name;
67
- });
68
- copyValue[index].value = arguments.length <= 0 ? undefined : arguments[0];
69
- if (['date', 'checkbox'].includes(type) || type === 'dateRange' && ((_a = arguments.length <= 1 ? undefined : arguments[1]) === null || _a === void 0 ? void 0 : _a[1])) {
70
- close();
71
- }
72
- onChange(copyValue, false, (arguments.length <= 0 ? undefined : arguments[0]) !== undefined, type !== 'selectInput');
73
- (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
74
- };
75
- var onSelectChange = function onSelectChange(v, isMultiple) {
76
- var _a, _b, _c;
77
- var copyValue = (0, _cloneDeep2["default"])(value || []);
78
- var index = copyValue.findIndex(function (v) {
79
- return v.key === name;
80
- });
81
- if (isMultiple) {
82
- if (!((_b = (_a = copyValue[index]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length)) {
83
- copyValue[index].value = [v === null || v === void 0 ? void 0 : v.value];
84
- } else {
85
- if (((_c = copyValue[index].value) === null || _c === void 0 ? void 0 : _c.indexOf(v.value)) > -1) {
86
- copyValue[index].value = copyValue[index].value.filter(function (val) {
87
- return val !== v.value;
88
- });
89
- } else {
90
- copyValue[index].value.push(v.value);
91
- }
92
- }
93
- } else {
94
- copyValue[index].value = v === null || v === void 0 ? void 0 : v.value;
95
- close();
96
- }
97
- onChange(copyValue, false, true);
98
- (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
99
- };
100
- var renderSecondOptions = function renderSecondOptions() {
101
- var _a;
102
- var isSelectInput = type === 'selectInput';
103
- var Field = isSelectInput ? _SelectInput["default"] : component || _fieldsMap["default"][type] || function () {
104
- return null;
105
- };
106
- return _react["default"].createElement("div", {
107
- onClick: function onClick(e) {
108
- return e.stopPropagation();
109
- },
110
- className: className
111
- }, _react["default"].createElement("label", null, propsTitle || title || name), type === 'select' ? _react["default"].createElement(_Select["default"], Object.assign({}, fieldProps, {
112
- propItem: propItem,
113
- onChange: onSelectChange,
114
- value: item === null || item === void 0 ? void 0 : item.value,
115
- showEmpty: true
116
- })) : _react["default"].createElement("div", {
117
- className: "".concat(clsPrefix, "-field-popover-content"),
118
- onClick: function onClick(e) {
119
- return e.stopPropagation();
120
- }
121
- }, _react["default"].createElement(Field, Object.assign({
122
- form: form,
123
- value: item === null || item === void 0 ? void 0 : item.value
124
- }, fieldProps, {
125
- style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {
126
- width: ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || (isSelectInput ? '361px' : '250px')
127
- }),
128
- close: close,
129
- onChange: onFieldChange,
130
- name: name
131
- }))));
132
- };
133
- var _isInput = (0, _utils.isInput)(type) && !component;
134
- if ((item === null || item === void 0 ? void 0 : item.value) === undefined) {
135
- return null;
136
- }
137
- return _react["default"].createElement(_popover["default"], {
138
- trigger: "click",
139
- visible: visible && !_isInput,
140
- onVisibleChange: handleVisibleChange,
141
- overlayClassName: "".concat(clsPrefix, "-field-popover"),
142
- content: renderSecondOptions(),
143
- placement: "bottomLeft"
144
- }, _react["default"].createElement(_tag["default"], {
145
- closable: !(closable === false || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.allowClear) === false),
146
- onClick: function onClick(e) {
147
- e.preventDefault();
148
- e.stopPropagation();
149
- if (!_isInput) {
150
- setVisible(true);
151
- } else {
152
- handleTag((0, _cloneDeep2["default"])(item));
153
- }
154
- },
155
- onClose: function onClose(e) {
156
- return onDelete(item.key, e);
157
- },
158
- ellipsisOptions: {
159
- widthLimit: '140px'
160
- },
161
- border: false
162
- }, (0, _utils.getLabel)(item, fieldItems, locale)));
163
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"ValueTag.js","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/ValueTag.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport { find, cloneDeep } from 'lodash'\nimport Popover from '../../../popover'\nimport Tag from '../../../tag'\nimport fieldsMap from '../fieldsMap'\nimport SelectInput from './SelectInput'\nimport SelectOpt from './Select'\nimport { getLabel, isInput } from './utils'\nimport './FieldPopover.less'\n\nexport default function ValueTag({\n item,\n fieldItems,\n locale,\n onDelete,\n value,\n onChange,\n clsPrefix,\n form,\n handleTag,\n}) {\n const [visible, setVisible] = useState()\n\n const propItem = find(fieldItems, (it) => it.props?.name === item.key)?.props || {}\n const {\n name,\n propsTitle,\n title,\n type = 'input',\n className,\n component,\n props: fieldProps,\n closable = true,\n } = propItem\n\n const handleVisibleChange = (visible) => {\n setVisible(visible)\n }\n\n const close = () => {\n setVisible(false)\n }\n\n const onFieldChange = (...args) => {\n const copyValue = cloneDeep(value)\n const index = copyValue.findIndex((v) => v.key === name)\n copyValue[index].value = args[0]\n if (['date', 'checkbox'].includes(type) || (type === 'dateRange' && args[1]?.[1])) {\n close()\n }\n onChange(copyValue, false, args[0] !== undefined, type !== 'selectInput')\n fieldProps?.onChange && fieldProps.onChange(copyValue[index].value)\n }\n\n const onSelectChange = (v, isMultiple) => {\n const copyValue = cloneDeep(value || [])\n let index = copyValue.findIndex((v) => v.key === name)\n if (isMultiple) {\n if (!copyValue[index]?.value?.length) {\n copyValue[index].value = [v?.value]\n } else {\n if (copyValue[index].value?.indexOf(v.value) > -1) {\n copyValue[index].value = copyValue[index].value.filter((val) => val !== v.value)\n } else {\n copyValue[index].value.push(v.value)\n }\n }\n } else {\n copyValue[index].value = v?.value\n close()\n }\n onChange(copyValue, false, true)\n fieldProps?.onChange && fieldProps.onChange(copyValue[index].value)\n }\n\n const renderSecondOptions = () => {\n const isSelectInput = type === 'selectInput'\n const Field = isSelectInput ? SelectInput : component || fieldsMap[type] || (() => null)\n return (\n <div onClick={(e) => e.stopPropagation()} className={className}>\n <label>{propsTitle || title || name}</label>\n {type === 'select' ? (\n <SelectOpt\n {...fieldProps}\n propItem={propItem}\n onChange={onSelectChange}\n value={item?.value}\n showEmpty\n />\n ) : (\n <div\n className={`${clsPrefix}-field-popover-content`}\n onClick={(e) => e.stopPropagation()}\n >\n <Field\n form={form}\n value={item?.value}\n {...fieldProps}\n style={{\n ...fieldProps?.style,\n width: fieldProps?.style?.width || (isSelectInput ? '361px' : '250px'),\n }}\n close={close}\n onChange={onFieldChange}\n name={name}\n />\n </div>\n )}\n </div>\n )\n }\n\n const _isInput = isInput(type) && !component\n\n if (item?.value === undefined) {\n return null\n }\n\n return (\n <Popover\n trigger=\"click\"\n visible={visible && !_isInput}\n onVisibleChange={handleVisibleChange}\n overlayClassName={`${clsPrefix}-field-popover`}\n content={renderSecondOptions()}\n placement=\"bottomLeft\"\n >\n <Tag\n closable={!(closable === false || fieldProps?.allowClear === false)}\n onClick={(e) => {\n e.preventDefault()\n e.stopPropagation()\n if (!_isInput) {\n setVisible(true)\n } else {\n handleTag(cloneDeep(item))\n }\n }}\n onClose={(e) => onDelete(item.key, e)}\n ellipsisOptions={{ widthLimit: '140px' }}\n border={false}\n >\n {getLabel(item, fieldItems, locale)}\n </Tag>\n </Popover>\n )\n}\n"]}
@@ -1,337 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
9
- var _find2 = _interopRequireDefault(require("lodash/find"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _LocaleReceiver = _interopRequireDefault(require("antd/es/locale-provider/LocaleReceiver"));
12
- var _icon = _interopRequireDefault(require("../../../icon"));
13
- var _input = _interopRequireDefault(require("../../../input"));
14
- var _FieldPopover = _interopRequireDefault(require("./FieldPopover"));
15
- var _ValueTag = _interopRequireDefault(require("./ValueTag"));
16
- var _utils = require("./utils");
17
- require("./index.less");
18
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
22
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
23
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
24
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
25
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
26
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
27
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
28
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
29
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
30
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
31
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
32
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
33
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
34
- /**
35
- * @param value: [{
36
- key: 'key1',
37
- value: 'value1',
38
- }, {
39
- key: 'key2',
40
- value: ['value2', 'value3']
41
- }]
42
- * @param {*} ref
43
- * @returns
44
- */
45
- var regex = /^.+:.*$/;
46
- var CompositionInput = function CompositionInput(_ref, ref) {
47
- var fieldItems = _ref.fieldItems,
48
- initialValues = _ref.initialValues,
49
- onChange = _ref.onChange,
50
- form = _ref.form,
51
- compositionShowReset = _ref.compositionShowReset,
52
- defaultSearchField = _ref.defaultSearchField,
53
- defaultSearchPlaceholder = _ref.defaultSearchPlaceholder,
54
- clsPrefix = _ref.clsPrefix,
55
- _onReset = _ref._onReset,
56
- _onSearch = _ref._onSearch;
57
- var _a;
58
- var prefix = "".concat(clsPrefix, "-composition-input");
59
- var _useState = (0, _react.useState)((0, _utils.parseObjectToArray)(initialValues, fieldItems)),
60
- _useState2 = _slicedToArray(_useState, 2),
61
- value = _useState2[0],
62
- setValue = _useState2[1];
63
- var _useState3 = (0, _react.useState)(),
64
- _useState4 = _slicedToArray(_useState3, 2),
65
- tempItem = _useState4[0],
66
- setTempItem = _useState4[1];
67
- var _useState5 = (0, _react.useState)(''),
68
- _useState6 = _slicedToArray(_useState5, 2),
69
- searchText = _useState6[0],
70
- setSearchText = _useState6[1];
71
- var _useState7 = (0, _react.useState)(false),
72
- _useState8 = _slicedToArray(_useState7, 2),
73
- visible = _useState8[0],
74
- setVisible = _useState8[1];
75
- var _useState9 = (0, _react.useState)(undefined),
76
- _useState10 = _slicedToArray(_useState9, 2),
77
- fieldItem = _useState10[0],
78
- setFieldItem = _useState10[1];
79
- var fieldItemsRef = (0, _react.useRef)(fieldItems);
80
- var _fieldItem = fieldItem ? ((_a = (0, _find2["default"])(fieldItems, function (f) {
81
- var _a;
82
- return ((_a = f.props) === null || _a === void 0 ? void 0 : _a.name) === fieldItem.name;
83
- })) === null || _a === void 0 ? void 0 : _a.props) || fieldItem : {};
84
- var _ref2 = fieldItem || {},
85
- props = _ref2.props;
86
- var inputRef = (0, _react.useRef)(null);
87
- var widthRef = (0, _react.useRef)(null);
88
- var fieldRef = (0, _react.useRef)(null);
89
- var eventRef = (0, _react.useRef)(false);
90
- fieldItemsRef.current = fieldItems;
91
- var updateValues = (0, _react.useCallback)(function (obj) {
92
- var newValueArr = (0, _utils.parseObjectToArray)(obj, fieldItemsRef.current);
93
- setValue(newValueArr);
94
- }, []);
95
- var updateValue = (0, _react.useCallback)(function (name, value) {
96
- updateValues(_defineProperty({}, name, value));
97
- }, []);
98
- if (!eventRef.current) {
99
- eventRef.current = true;
100
- form.on('setValue', updateValue);
101
- form.on('setValues', updateValues);
102
- }
103
- (0, _react.useEffect)(function () {
104
- return function () {
105
- form.off('setValue', updateValue);
106
- form.off('setValues', updateValues);
107
- };
108
- }, []);
109
- var handleFocus = function handleFocus(e) {
110
- e.preventDefault();
111
- setTimeout(function () {
112
- var _a;
113
- (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
114
- }, 10);
115
- if (!visible && !regex.test(searchText)) {
116
- setVisible(true);
117
- }
118
- };
119
- (0, _react.useImperativeHandle)(ref, function () {
120
- return {
121
- changeVal: function changeVal() {
122
- return value;
123
- }
124
- };
125
- });
126
- var onClear = function onClear(e) {
127
- e.stopPropagation();
128
- var initKeys = Object.keys(initialValues || {});
129
- var deleteKeys = value === null || value === void 0 ? void 0 : value.filter(function (_ref3) {
130
- var key = _ref3.key;
131
- return !initKeys.includes(key);
132
- }).map(function (_ref4) {
133
- var key = _ref4.key;
134
- return key;
135
- });
136
- setValue((0, _utils.parseObjectToArray)(initialValues || {}, fieldItems));
137
- onChange(Object.assign({}, initialValues || {}), deleteKeys, false, true);
138
- // 清除其他数据
139
- setSearchText('');
140
- setTempItem();
141
- _onReset();
142
- };
143
- var doSearch = function doSearch(e) {
144
- var _a;
145
- e.stopPropagation();
146
- var inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
147
- if (tempItem && inputValue) {
148
- if ((0, _isObject2["default"])(tempItem.value)) {
149
- tempItem.value = _defineProperty({}, Object.keys(tempItem.value)[0], inputValue);
150
- } else {
151
- tempItem.value = inputValue; // 得到输入值
152
- }
153
- if (!(value === null || value === void 0 ? void 0 : value.find(function (v) {
154
- return v.key === tempItem.key;
155
- }))) {
156
- var newValue = [].concat(_toConsumableArray(value), [tempItem]);
157
- setValue(newValue);
158
- onChange((0, _utils.parseArrayToObject)(newValue));
159
- } else {
160
- var _newValue = value.map(function (v) {
161
- return v.key === tempItem.key ? tempItem : v;
162
- });
163
- setValue(_newValue);
164
- onChange((0, _utils.parseArrayToObject)(_newValue));
165
- }
166
- e.target.value = tempItem.value;
167
- form.emit('search', _defineProperty(_defineProperty({}, tempItem.key, tempItem.value), "current", 1));
168
- setTempItem();
169
- setSearchText('');
170
- } else {
171
- _onSearch();
172
- }
173
- };
174
- var onDelete = function onDelete(key, e) {
175
- var _a, _b;
176
- e.preventDefault();
177
- if (value.length > 0) {
178
- var newValue = value.filter(function (v) {
179
- return v.key !== key;
180
- });
181
- setValue(newValue);
182
- var deleteKeys = [key];
183
- onChange((0, _utils.parseArrayToObject)(newValue), deleteKeys, true);
184
- // 删除的时候也触发Field的onChange -- 泳建提的需求
185
- var fieldProps = (_a = (0, _find2["default"])(fieldItems, function (it) {
186
- var _a;
187
- return ((_a = it.props) === null || _a === void 0 ? void 0 : _a.name) === key;
188
- })) === null || _a === void 0 ? void 0 : _a.props;
189
- ((_b = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.props) === null || _b === void 0 ? void 0 : _b.onChange) && fieldProps.props.onChange(undefined);
190
- }
191
- };
192
- var focusInput = function focusInput(value) {
193
- var _a;
194
- (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
195
- setSearchText((0, _utils.getLabel)(value, fieldItems));
196
- setTempItem(value);
197
- setTimeout(function () {
198
- var _a;
199
- (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
200
- }, 10);
201
- };
202
- var handleFieldChange = function handleFieldChange(value, isInput, hasValue) {
203
- var needSearch = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
204
- if (isInput) {
205
- focusInput(value);
206
- return;
207
- }
208
- setValue(value);
209
- setSearchText('');
210
- setTempItem();
211
- if (hasValue) onChange((0, _utils.parseArrayToObject)(value), undefined, needSearch);
212
- };
213
- // 输入框事件方法
214
- var onInputChange = function onInputChange(e) {
215
- var value = e.target.value;
216
- if (tempItem) {
217
- if (regex.test(value)) {
218
- // 有输入值
219
- setSearchText(value);
220
- } else {
221
- // 没有输入值, 清空选择的属性类型重新显示属性列表
222
- setSearchText('');
223
- setTempItem();
224
- }
225
- } else {
226
- setSearchText(value);
227
- }
228
- };
229
- var onPressEnter = function onPressEnter(e) {
230
- var _a;
231
- var inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
232
- var fieldValue;
233
- if (tempItem && inputValue) {
234
- setVisible(false);
235
- if ((0, _isObject2["default"])(tempItem.value)) {
236
- tempItem.value = _defineProperty({}, Object.keys(tempItem.value)[0], inputValue);
237
- } else {
238
- tempItem.value = inputValue; // 得到输入值
239
- }
240
- fieldValue = tempItem;
241
- } else if (defaultSearchField) {
242
- fieldValue = {
243
- key: defaultSearchField,
244
- value: searchText
245
- };
246
- }
247
- if (fieldValue) {
248
- if (!(value === null || value === void 0 ? void 0 : value.find(function (v) {
249
- return v.key === fieldValue.key;
250
- }))) {
251
- var newValue = [].concat(_toConsumableArray(value), [fieldValue]);
252
- setValue(newValue);
253
- onChange((0, _utils.parseArrayToObject)(newValue));
254
- } else {
255
- var _newValue2 = value.map(function (v) {
256
- return v.key === fieldValue.key ? fieldValue : v;
257
- });
258
- setValue(_newValue2);
259
- onChange((0, _utils.parseArrayToObject)(_newValue2));
260
- }
261
- e.target.value = fieldValue.value;
262
- form.emit('search', _defineProperty(_defineProperty({}, fieldValue.key, fieldValue.value), "current", 1));
263
- (props === null || props === void 0 ? void 0 : props.onPressEnter) && props.onPressEnter(e);
264
- }
265
- setTempItem();
266
- setSearchText('');
267
- };
268
- return _react["default"].createElement(_LocaleReceiver["default"], {
269
- componentName: "QueryForm"
270
- }, function (locale) {
271
- return _react["default"].createElement("div", {
272
- className: prefix,
273
- onClick: handleFocus
274
- }, _react["default"].createElement("span", {
275
- className: "".concat(prefix, "-width"),
276
- ref: widthRef
277
- }, searchText), _react["default"].createElement("ul", {
278
- className: "".concat(prefix, "-items")
279
- }, value && value.map(function (item, index) {
280
- return _react["default"].createElement("li", {
281
- key: item.key,
282
- className: "".concat(prefix, "-items-item")
283
- }, _react["default"].createElement(_ValueTag["default"], {
284
- onChange: handleFieldChange,
285
- value: value,
286
- item: item,
287
- fieldItems: fieldItems,
288
- locale: locale,
289
- onDelete: onDelete,
290
- handleTag: focusInput,
291
- clsPrefix: clsPrefix,
292
- form: form
293
- }));
294
- }), _react["default"].createElement("li", {
295
- className: "".concat(prefix, "-items-input")
296
- }, _react["default"].createElement(_FieldPopover["default"], {
297
- ref: fieldRef,
298
- onChange: handleFieldChange,
299
- clsPrefix: clsPrefix,
300
- fieldItems: fieldItems,
301
- propItem: _fieldItem,
302
- setFieldItem: setFieldItem,
303
- form: form,
304
- regex: regex,
305
- visible: visible,
306
- value: value,
307
- setVisible: setVisible,
308
- searchText: searchText,
309
- locale: locale,
310
- placement: "bottomLeft"
311
- }, _react["default"].createElement(_input["default"], Object.assign({
312
- ref: inputRef,
313
- value: searchText,
314
- className: "inputClass",
315
- placeholder: defaultSearchPlaceholder || (!(value === null || value === void 0 ? void 0 : value.length) ? locale.placeholder : undefined)
316
- }, props, {
317
- onPressEnter: onPressEnter,
318
- onChange: onInputChange
319
- }))))), _react["default"].createElement("div", {
320
- className: "".concat(prefix, "-prefix")
321
- }, _react["default"].createElement(_icon["default"], {
322
- type: "filter"
323
- })), compositionShowReset && _react["default"].createElement("div", {
324
- className: "".concat(prefix, "-clear")
325
- }, _react["default"].createElement(_icon["default"], {
326
- onClick: onClear,
327
- type: "close-circle",
328
- theme: "filled"
329
- })), _react["default"].createElement("div", {
330
- className: "".concat(prefix, "-search"),
331
- onClick: doSearch
332
- }, _react["default"].createElement(_icon["default"], {
333
- type: "search"
334
- })));
335
- });
336
- };
337
- 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/es/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"]}