@zgfe/business-lib 1.1.22 → 1.1.24

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 (129) hide show
  1. package/es/addToPanel/components/addPanel.js +8 -21
  2. package/es/addToPanel/components/radioGroup.js +1 -3
  3. package/es/addToPanel/components/styleList.js +5 -22
  4. package/es/addToPanel/demo/edit.js +5 -12
  5. package/es/addToPanel/demo/index.js +5 -12
  6. package/es/addToPanel/index.js +21 -58
  7. package/es/addToScene/addGroup.js +0 -4
  8. package/es/addToScene/demo/index.js +5 -12
  9. package/es/addToScene/index.js +13 -40
  10. package/es/assets/demo/index.d.ts +3 -1
  11. package/es/assets/demo/index.js +0 -2
  12. package/es/assets/demo/input.js +5 -12
  13. package/es/assets/iconfont/iconfont.js +10 -17
  14. package/es/assets/styles/resetAntd.less +5 -0
  15. package/es/assets/theme.js +0 -1
  16. package/es/attrConditions/components/operateList.js +10 -27
  17. package/es/attrConditions/components/stringList.js +68 -97
  18. package/es/attrConditions/components/valuesList.js +14 -40
  19. package/es/attrConditions/demo/group.js +11 -23
  20. package/es/attrConditions/demo/index.js +17 -26
  21. package/es/attrConditions/group.js +17 -48
  22. package/es/attrConditions/index.js +22 -49
  23. package/es/attrConditions/types.js +0 -1
  24. package/es/attributeSelector/demo/disable.js +8 -16
  25. package/es/attributeSelector/demo/index.js +8 -17
  26. package/es/attributeSelector/index.js +22 -45
  27. package/es/attributeSelector/listPanel.js +18 -46
  28. package/es/attributeSelector/option.js +3 -13
  29. package/es/attributeSelector/types.js +0 -5
  30. package/es/attributeSelector/util.js +0 -3
  31. package/es/chart/demo/index.js +5 -14
  32. package/es/chart/index.js +30 -44
  33. package/es/chart/util/chartOptionConfig.d.ts +3 -3
  34. package/es/chart/util/chartOptionConfig.js +13 -37
  35. package/es/chart/util/data/china.js +1 -4
  36. package/es/chart/util/formatData.d.ts +2 -2
  37. package/es/chart/util/formatData.js +0 -5
  38. package/es/chart/util/formatOption.js +0 -13
  39. package/es/chart/util/mapUtil.js +5 -26
  40. package/es/config.js +0 -2
  41. package/es/cycleTime/demo/disable.js +0 -1
  42. package/es/cycleTime/index.js +19 -46
  43. package/es/cycleTime/month.js +8 -27
  44. package/es/datePicker/datePicker.js +5 -23
  45. package/es/datePicker/demo/customType.js +13 -22
  46. package/es/datePicker/demo/day.js +13 -22
  47. package/es/datePicker/demo/index.js +12 -21
  48. package/es/datePicker/index.js +18 -41
  49. package/es/datePicker/utils.js +0 -7
  50. package/es/demoWrapper/content.js +31 -56
  51. package/es/demoWrapper/head.js +9 -23
  52. package/es/demoWrapper/index.js +14 -30
  53. package/es/dialog/demo/index.js +5 -12
  54. package/es/dialog/index.js +4 -6
  55. package/es/dnd/demo/data.js +19 -28
  56. package/es/dnd/demo/handle.js +19 -28
  57. package/es/dnd/index.js +21 -45
  58. package/es/dnd/item.js +10 -30
  59. package/es/eventSelector/demo/index.js +12 -23
  60. package/es/eventSelector/index.js +14 -42
  61. package/es/eventSelector/listPanel.js +26 -60
  62. package/es/eventSelector/option.js +6 -11
  63. package/es/icon/iconFont.js +7 -13
  64. package/es/layout/analysisLayout/demo/index.js +0 -6
  65. package/es/layout/analysisLayout/index.d.ts +1 -1
  66. package/es/layout/analysisLayout/index.js +16 -34
  67. package/es/layout/detail/index.js +1 -3
  68. package/es/loginForm/index.js +7 -18
  69. package/es/searchInput/index.js +2 -7
  70. package/es/select/demo/children.js +8 -16
  71. package/es/select/demo/customLabel.js +0 -2
  72. package/es/select/demo/group.js +8 -17
  73. package/es/select/demo/index.js +11 -19
  74. package/es/select/demo/loading.js +8 -18
  75. package/es/select/demo/multiple.js +8 -16
  76. package/es/select/handle.js +14 -34
  77. package/es/select/index.js +22 -58
  78. package/es/select/option.js +10 -26
  79. package/es/select/overlay.js +25 -55
  80. package/es/table/demo/data/table.js +0 -2
  81. package/es/table/demo/index.js +13 -39
  82. package/es/table/demo/index2.js +5 -15
  83. package/es/table/demo/index3.js +7 -28
  84. package/es/table/index.js +14 -33
  85. package/es/targetConditionGroup/components/targetDimension.js +12 -37
  86. package/es/targetConditionGroup/demo/group.js +21 -36
  87. package/es/targetConditionGroup/demo/index.js +5 -13
  88. package/es/targetConditionGroup/index.js +31 -82
  89. package/es/targetSelector/demo/index.js +15 -28
  90. package/es/targetSelector/editBox.js +5 -20
  91. package/es/targetSelector/index.js +15 -36
  92. package/es/targetSelector/optionIcon.js +1 -5
  93. package/es/targetSelector/optionMenu.js +0 -3
  94. package/es/userCondition/conditionTypeList.js +7 -12
  95. package/es/userCondition/conditionWrap.js +0 -2
  96. package/es/userCondition/conditions/cdpCondition.js +51 -97
  97. package/es/userCondition/conditions/eventCondition.js +6 -16
  98. package/es/userCondition/conditions/periodCondition.d.ts +1 -1
  99. package/es/userCondition/conditions/periodCondition.js +8 -26
  100. package/es/userCondition/conditions/propCondition.js +29 -61
  101. package/es/userCondition/conditions/runTimesCondition.js +5 -10
  102. package/es/userCondition/conditions/tagsCondition.d.ts +1 -1
  103. package/es/userCondition/conditions/tagsCondition.js +15 -33
  104. package/es/userCondition/conditions/textDesc.js +16 -67
  105. package/es/userCondition/demo/index.js +11 -21
  106. package/es/userCondition/index.js +51 -91
  107. package/es/userCondition/orConditions.js +11 -48
  108. package/es/userCondition/relationLabel.js +1 -4
  109. package/es/userCondition/types.d.ts +2 -2
  110. package/es/userCondition/types.js +0 -1
  111. package/es/userCondition/util.js +4 -13
  112. package/es/userGroup/demo/group.js +14 -23
  113. package/es/userGroup/demo/index.js +5 -15
  114. package/es/userGroup/index.js +12 -30
  115. package/es/userTagsSelector/cascaderOverlay.js +19 -51
  116. package/es/userTagsSelector/components/search/index.js +0 -2
  117. package/es/userTagsSelector/demo/index.js +0 -3
  118. package/es/userTagsSelector/groups/groupOption.js +6 -8
  119. package/es/userTagsSelector/groups/index.js +15 -30
  120. package/es/userTagsSelector/index.js +17 -35
  121. package/es/userTagsSelector/multipleCheckPanel/checkOption.js +3 -6
  122. package/es/userTagsSelector/multipleCheckPanel/index.js +8 -21
  123. package/es/userTagsSelector/util.js +0 -2
  124. package/es/utils/ajax.js +45 -71
  125. package/es/utils/base64.js +3 -22
  126. package/es/utils/type.d.ts +1 -1
  127. package/es/utils/type.js +4 -7
  128. package/es/utils/util.js +1 -17
  129. package/package.json +12 -15
@@ -1,20 +1,16 @@
1
1
  import { Input } from 'antd';
2
2
  import React from 'react';
3
3
  import { IconFont } from '..';
4
-
5
4
  var BizSearchInput = function BizSearchInput(props) {
6
5
  var value = props.value,
7
- placeholder = props.placeholder,
8
- className = props.className;
9
-
6
+ placeholder = props.placeholder,
7
+ className = props.className;
10
8
  function onChange(e) {
11
9
  if (props.onChange) props.onChange(e.target.value);
12
10
  }
13
-
14
11
  function onBlur(e) {
15
12
  if (props.onBlur) props.onBlur(e.target.value);
16
13
  }
17
-
18
14
  return /*#__PURE__*/React.createElement(Input, {
19
15
  className: className,
20
16
  value: value,
@@ -32,5 +28,4 @@ var BizSearchInput = function BizSearchInput(props) {
32
28
  onBlur: onBlur
33
29
  });
34
30
  };
35
-
36
31
  export default BizSearchInput;
@@ -1,15 +1,9 @@
1
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
2
  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."); }
4
-
5
3
  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); }
6
-
7
- 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; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
4
+ 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; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
11
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
7
  import React, { useState } from 'react';
14
8
  import { BizSelect } from '@zgfe/business-lib';
15
9
  import { Button } from 'antd';
@@ -51,20 +45,18 @@ var disabledList = [{
51
45
  }];
52
46
  export default (function () {
53
47
  var _useState = useState([{
54
- name: '不是',
55
- value: 'not equal'
56
- }]),
57
- _useState2 = _slicedToArray(_useState, 2),
58
- data = _useState2[0],
59
- setData = _useState2[1];
60
-
48
+ name: '不是',
49
+ value: 'not equal'
50
+ }]),
51
+ _useState2 = _slicedToArray(_useState, 2),
52
+ data = _useState2[0],
53
+ setData = _useState2[1];
61
54
  var onChange = function onChange(value) {
62
55
  console.log(value);
63
56
  setData(function () {
64
57
  return value;
65
58
  });
66
59
  };
67
-
68
60
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizSelect, {
69
61
  options: stringOperate,
70
62
  value: data,
@@ -6,11 +6,9 @@ export default (function () {
6
6
  var store = convertAttributeData({
7
7
  userPropList: userData
8
8
  });
9
-
10
9
  function renderLabel(node, option) {
11
10
  return /*#__PURE__*/React.createElement(React.Fragment, null, node, option.realTime ? '*' : null);
12
11
  }
13
-
14
12
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizSelect, {
15
13
  options: store.userPropList,
16
14
  customLabel: renderLabel,
@@ -1,15 +1,9 @@
1
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
2
  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."); }
4
-
5
3
  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); }
6
-
7
- 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; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
4
+ 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; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
11
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
7
  import React, { useState } from 'react';
14
8
  import { BizSelect, IconFont } from '@zgfe/business-lib';
15
9
  import { Button } from 'antd';
@@ -33,21 +27,18 @@ var option = Array(10).fill(1).map(function (group, i) {
33
27
  });
34
28
  export default (function () {
35
29
  var _useState = useState({
36
- value: 11,
37
- name: 'option1'
38
- }),
39
- _useState2 = _slicedToArray(_useState, 2),
40
- value = _useState2[0],
41
- setValue = _useState2[1];
42
-
30
+ value: 11,
31
+ name: 'option1'
32
+ }),
33
+ _useState2 = _slicedToArray(_useState, 2),
34
+ value = _useState2[0],
35
+ setValue = _useState2[1];
43
36
  var onChange = function onChange(data) {
44
37
  setValue(data);
45
38
  };
46
-
47
39
  var handleClick = function handleClick(value) {
48
40
  console.log('clik>>', value);
49
41
  };
50
-
51
42
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizSelect, {
52
43
  options: option,
53
44
  type: "group",
@@ -1,15 +1,9 @@
1
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
2
  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."); }
4
-
5
3
  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); }
6
-
7
- 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; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
4
+ 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; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
11
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
7
  import React, { useState } from 'react';
14
8
  import { BizSelect } from '@zgfe/business-lib';
15
9
  import { Button } from 'antd';
@@ -54,22 +48,20 @@ var disabledList = [{
54
48
  }];
55
49
  export default (function () {
56
50
  var _useState = useState([].concat(disabledList, [{
57
- name: '不是空值',
58
- value: 'is not null'
59
- }, {
60
- name: '是',
61
- value: 'equal'
62
- }])),
63
- _useState2 = _slicedToArray(_useState, 2),
64
- data = _useState2[0],
65
- setData = _useState2[1];
66
-
51
+ name: '不是空值',
52
+ value: 'is not null'
53
+ }, {
54
+ name: '是',
55
+ value: 'equal'
56
+ }])),
57
+ _useState2 = _slicedToArray(_useState, 2),
58
+ data = _useState2[0],
59
+ setData = _useState2[1];
67
60
  var onChange = function onChange(value) {
68
61
  setData(function () {
69
62
  return value;
70
63
  });
71
64
  };
72
-
73
65
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizSelect, {
74
66
  options: stringOperate,
75
67
  defaultValue: data,
@@ -1,15 +1,9 @@
1
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
2
  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."); }
4
-
5
3
  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); }
6
-
7
- 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; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
4
+ 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; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
11
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
7
  import React, { useEffect, useState } from 'react';
14
8
  import { BizSelect } from '@zgfe/business-lib';
15
9
  var stringOperate = Array(10).fill(1).map(function (_item, index) {
@@ -18,7 +12,6 @@ var stringOperate = Array(10).fill(1).map(function (_item, index) {
18
12
  value: index
19
13
  };
20
14
  });
21
-
22
15
  function getRemoteDat() {
23
16
  return new Promise(function (resolve) {
24
17
  setTimeout(function () {
@@ -26,18 +19,15 @@ function getRemoteDat() {
26
19
  }, 3000);
27
20
  });
28
21
  }
29
-
30
22
  export default (function () {
31
23
  var _useState = useState([]),
32
- _useState2 = _slicedToArray(_useState, 2),
33
- options = _useState2[0],
34
- setOptions = _useState2[1];
35
-
24
+ _useState2 = _slicedToArray(_useState, 2),
25
+ options = _useState2[0],
26
+ setOptions = _useState2[1];
36
27
  var _useState3 = useState(false),
37
- _useState4 = _slicedToArray(_useState3, 2),
38
- loading = _useState4[0],
39
- setLoading = _useState4[1];
40
-
28
+ _useState4 = _slicedToArray(_useState3, 2),
29
+ loading = _useState4[0],
30
+ setLoading = _useState4[1];
41
31
  useEffect(function () {
42
32
  setLoading(true);
43
33
  getRemoteDat().then(function (data) {
@@ -1,15 +1,9 @@
1
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
2
  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."); }
4
-
5
3
  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); }
6
-
7
- 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; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
4
+ 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; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
11
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
7
  import React, { useState } from 'react';
14
8
  import { BizSelect } from '@zgfe/business-lib';
15
9
  var stringOperate = [{
@@ -55,19 +49,17 @@ var disabledList = [{
55
49
  }];
56
50
  export default (function () {
57
51
  var _useState = useState([].concat(disabledList, [{
58
- name: '包含',
59
- value: 'contains'
60
- }])),
61
- _useState2 = _slicedToArray(_useState, 2),
62
- data = _useState2[0],
63
- setData = _useState2[1];
64
-
52
+ name: '包含',
53
+ value: 'contains'
54
+ }])),
55
+ _useState2 = _slicedToArray(_useState, 2),
56
+ data = _useState2[0],
57
+ setData = _useState2[1];
65
58
  var onChange = function onChange(value) {
66
59
  setData(function () {
67
60
  return value;
68
61
  });
69
62
  };
70
-
71
63
  return /*#__PURE__*/React.createElement("div", {
72
64
  style: {
73
65
  width: '400px'
@@ -1,15 +1,9 @@
1
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
2
  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."); }
4
-
5
3
  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); }
6
-
7
- 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; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
4
+ 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; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
11
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
7
  import { Input, Tag, Tooltip } from 'antd';
14
8
  import { FormItemInputContext } from 'antd/es/form/context';
15
9
  import React, { useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
@@ -17,32 +11,26 @@ import IconFont from '../icon/iconFont';
17
11
  import './styles/handle.less';
18
12
  var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
19
13
  var _props$value;
20
-
21
14
  var placeholder = props.placeholder,
22
- labelField = props.labelField,
23
- keyField = props.keyField,
24
- border = props.border,
25
- showSelectIcon = props.showSelectIcon,
26
- disable = props.disable;
15
+ labelField = props.labelField,
16
+ keyField = props.keyField,
17
+ border = props.border,
18
+ showSelectIcon = props.showSelectIcon,
19
+ disable = props.disable;
27
20
  var classPrefix = 'biz-select-handle';
28
-
29
21
  var _useState = useState(false),
30
- _useState2 = _slicedToArray(_useState, 2),
31
- focus = _useState2[0],
32
- setFocus = _useState2[1];
33
-
22
+ _useState2 = _slicedToArray(_useState, 2),
23
+ focus = _useState2[0],
24
+ setFocus = _useState2[1];
34
25
  var handleRef = useRef(null);
35
26
  var inputRef = useRef(null);
36
27
  var textRef = useRef();
37
-
38
28
  var _useState3 = useState(''),
39
- _useState4 = _slicedToArray(_useState3, 2),
40
- searchValue = _useState4[0],
41
- setSearchValue = _useState4[1];
42
-
29
+ _useState4 = _slicedToArray(_useState3, 2),
30
+ searchValue = _useState4[0],
31
+ setSearchValue = _useState4[1];
43
32
  var _useContext = useContext(FormItemInputContext),
44
- contextStatus = _useContext.status;
45
-
33
+ contextStatus = _useContext.status;
46
34
  var mergedStatus = props.status || contextStatus;
47
35
  var disableKeyMap = useMemo(function () {
48
36
  if (!props.disableItemList || !keyField) return {};
@@ -57,7 +45,6 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
57
45
  if (props.disable) return;
58
46
  setFocus(flag);
59
47
  if (!props.multiple) return;
60
-
61
48
  if (flag) {
62
49
  inputRef.current.focus();
63
50
  } else {
@@ -82,30 +69,24 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
82
69
  var searchInputWidth = useMemo(function () {
83
70
  return textRef.current && searchValue ? textRef.current.offsetWidth : 3;
84
71
  }, [searchValue]);
85
-
86
72
  var onDelete = function onDelete(data) {
87
73
  if (props.onDelete) props.onDelete(data);
88
74
  };
89
-
90
75
  var onSearch = function onSearch(e) {
91
76
  var value = e.target.value;
92
77
  setSearchValue(value);
93
78
  if (props.onSearch) props.onSearch(value);
94
79
  };
95
-
96
80
  var onKeyDown = function onKeyDown(e) {
97
81
  if (e.keyCode === 13 && props.multiple) {
98
82
  var value = e.target.value.trim();
99
-
100
83
  if (value && props.onCreate) {
101
84
  props.onCreate(value);
102
85
  }
103
-
104
86
  setFocus(false);
105
87
  setSearchValue('');
106
88
  }
107
89
  };
108
-
109
90
  if (props.multiple) {
110
91
  return /*#__PURE__*/React.createElement("div", {
111
92
  ref: handleRef,
@@ -143,7 +124,6 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
143
124
  ref: textRef
144
125
  }, searchValue));
145
126
  }
146
-
147
127
  return /*#__PURE__*/React.createElement("div", {
148
128
  ref: handleRef,
149
129
  className: "".concat(classPrefix, "-input ").concat(props.theme ? props.theme : '', "\n ").concat(props.disable ? 'disable' : '', " ").concat(focus ? 'active' : '', " \n ").concat(mergedStatus ? "".concat(classPrefix, "-status-").concat(mergedStatus) : '', "\n ").concat(border ? '' : 'borderless', " ").concat(props.size ? props.size : 'middle'),
@@ -1,27 +1,18 @@
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
1
2
  var _excluded = ["overlayWidth", "minDropdownWidth", "labelField", "keyField"];
2
-
3
3
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
-
5
4
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
-
7
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
8
-
5
+ 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; }
6
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
7
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
9
8
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
10
-
11
9
  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."); }
12
-
13
10
  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); }
14
-
15
- 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; }
16
-
17
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
18
-
11
+ 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; }
12
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
19
13
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
-
21
14
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
22
-
23
15
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
24
-
25
16
  import { Dropdown } from 'antd';
26
17
  import React, { useEffect, useRef, useState } from 'react';
27
18
  import SelectHandle from './handle';
@@ -29,58 +20,46 @@ import SelectOverlay from './overlay';
29
20
  import './styles/index.less';
30
21
  import _ from 'lodash';
31
22
  export var classPrefix = 'biz-select';
32
-
33
23
  var BizSelect = function BizSelect(props) {
34
24
  var _boxRef$current3;
35
-
36
25
  var overlayWidth = props.overlayWidth,
37
- minDropdownWidth = props.minDropdownWidth,
38
- labelField = props.labelField,
39
- keyField = props.keyField,
40
- res = _objectWithoutProperties(props, _excluded);
41
-
26
+ minDropdownWidth = props.minDropdownWidth,
27
+ labelField = props.labelField,
28
+ keyField = props.keyField,
29
+ res = _objectWithoutProperties(props, _excluded);
42
30
  var _useState = useState(),
43
- _useState2 = _slicedToArray(_useState, 2),
44
- current = _useState2[0],
45
- setCurrent = _useState2[1];
46
-
31
+ _useState2 = _slicedToArray(_useState, 2),
32
+ current = _useState2[0],
33
+ setCurrent = _useState2[1];
47
34
  var _useState3 = useState(''),
48
- _useState4 = _slicedToArray(_useState3, 2),
49
- searchValue = _useState4[0],
50
- setSearchValue = _useState4[1];
51
-
35
+ _useState4 = _slicedToArray(_useState3, 2),
36
+ searchValue = _useState4[0],
37
+ setSearchValue = _useState4[1];
52
38
  var _useState5 = useState(false),
53
- _useState6 = _slicedToArray(_useState5, 2),
54
- visible = _useState6[0],
55
- setVisible = _useState6[1];
56
-
39
+ _useState6 = _slicedToArray(_useState5, 2),
40
+ visible = _useState6[0],
41
+ setVisible = _useState6[1];
57
42
  var selectRef = useRef(null);
58
43
  var overlayRef = useRef(null);
59
44
  var boxRef = useRef(null);
60
45
  var selectId = Math.random().toString();
61
-
62
46
  var _useState7 = useState(200),
63
- _useState8 = _slicedToArray(_useState7, 2),
64
- width = _useState8[0],
65
- setWidth = _useState8[1];
66
-
47
+ _useState8 = _slicedToArray(_useState7, 2),
48
+ width = _useState8[0],
49
+ setWidth = _useState8[1];
67
50
  useEffect(function () {
68
51
  if (props.defaultValue) {
69
52
  setCurrent(getValue(props.defaultValue));
70
53
  }
71
-
72
54
  var handleClick = function handleClick(e) {
73
55
  var _selectRef$current, _overlayRef$current, _boxRef$current;
74
-
75
56
  var clicked = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.contains(e.target);
76
57
  var overlayClicked = (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.contains(e.target);
77
58
  (_boxRef$current = boxRef.current) === null || _boxRef$current === void 0 ? void 0 : _boxRef$current.create(clicked, overlayClicked);
78
-
79
59
  if (!clicked && !props.enableCreate || overlayClicked) {
80
60
  setSearchValue('');
81
61
  }
82
62
  };
83
-
84
63
  window.addEventListener('click', handleClick);
85
64
  return function () {
86
65
  window.removeEventListener('click', handleClick);
@@ -88,14 +67,12 @@ var BizSelect = function BizSelect(props) {
88
67
  }, []);
89
68
  useEffect(function () {
90
69
  var _boxRef$current2;
91
-
92
70
  setWidth((boxRef === null || boxRef === void 0 ? void 0 : (_boxRef$current2 = boxRef.current) === null || _boxRef$current2 === void 0 ? void 0 : _boxRef$current2.width) || 200);
93
71
  }, [boxRef === null || boxRef === void 0 ? void 0 : (_boxRef$current3 = boxRef.current) === null || _boxRef$current3 === void 0 ? void 0 : _boxRef$current3.width]);
94
72
  useEffect(function () {
95
73
  if (!props.value) return;
96
74
  setCurrent(getValue(props.value));
97
75
  }, [props.value, props.options]);
98
-
99
76
  var getValue = function getValue(data) {
100
77
  if (props.multiple) {
101
78
  var result = [];
@@ -107,7 +84,6 @@ var BizSelect = function BizSelect(props) {
107
84
  return getCheckedData(data);
108
85
  }
109
86
  };
110
-
111
87
  var getCheckedData = function getCheckedData(data) {
112
88
  var result = data;
113
89
  props.options.forEach(function (option) {
@@ -123,10 +99,8 @@ var BizSelect = function BizSelect(props) {
123
99
  });
124
100
  return result;
125
101
  };
126
-
127
102
  var onDelete = function onDelete(option) {
128
103
  var data = _.cloneDeep(current);
129
-
130
104
  data.forEach(function (item, index) {
131
105
  if (item[keyField] === option[keyField]) {
132
106
  data.splice(index, 1);
@@ -136,27 +110,21 @@ var BizSelect = function BizSelect(props) {
136
110
  setCurrent(data);
137
111
  if (props.onChange) props.onChange(data);
138
112
  };
139
-
140
113
  var onChange = function onChange(option) {
141
114
  setCurrent(option);
142
115
  setSearchValue('');
143
-
144
116
  if (!props.multiple) {
145
117
  onVisibleChange(false);
146
118
  }
147
-
148
119
  if (props.onChange) props.onChange(option);
149
120
  };
150
-
151
121
  var onVisibleChange = function onVisibleChange(flag) {
152
122
  setSearchValue('');
153
123
  setVisible(flag);
154
124
  props.onVisibleChange && props.onVisibleChange(flag);
155
125
  };
156
-
157
126
  var onCreate = function onCreate(val) {
158
127
  var _data;
159
-
160
128
  if (current) {
161
129
  var flag = true;
162
130
  current.forEach(function (item) {
@@ -166,7 +134,6 @@ var BizSelect = function BizSelect(props) {
166
134
  });
167
135
  if (!flag) return;
168
136
  }
169
-
170
137
  var data = (_data = {}, _defineProperty(_data, keyField, val), _defineProperty(_data, labelField, val), _data);
171
138
  var originData = current || [];
172
139
  originData.push(data);
@@ -174,11 +141,9 @@ var BizSelect = function BizSelect(props) {
174
141
  setSearchValue('');
175
142
  if (props.onChange) props.onChange(originData);
176
143
  };
177
-
178
144
  var onVisible = function onVisible() {
179
145
  setVisible(true);
180
146
  };
181
-
182
147
  return /*#__PURE__*/React.createElement(Dropdown, {
183
148
  overlay: /*#__PURE__*/React.createElement(SelectOverlay, _objectSpread(_objectSpread({}, res), {}, {
184
149
  value: current,
@@ -228,7 +193,6 @@ var BizSelect = function BizSelect(props) {
228
193
  disableItemList: props.disableItemList
229
194
  })));
230
195
  };
231
-
232
196
  BizSelect.defaultProps = {
233
197
  labelField: 'label',
234
198
  keyField: 'id',