@zgfe/business-lib 1.0.0-beta.6 → 1.0.3

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 (283) hide show
  1. package/es/analysisLayout/demo/index.js +4 -1
  2. package/es/analysisLayout/index.d.ts +1 -28
  3. package/es/analysisLayout/index.js +38 -48
  4. package/es/analysisLayout/index.less +1 -1
  5. package/es/assets/styles/chunks.less +143 -0
  6. package/es/assets/styles/inner.less +3 -0
  7. package/es/assets/styles/resetAntd.less +398 -0
  8. package/es/assets/styles/variable.less +21 -0
  9. package/es/assets/theme.d.ts +5 -0
  10. package/es/assets/theme.js +4 -0
  11. package/es/attrConditions/components/operateList.d.ts +8 -0
  12. package/es/attrConditions/components/operateList.js +83 -0
  13. package/es/attrConditions/components/stringList.d.ts +9 -0
  14. package/es/attrConditions/components/stringList.js +168 -0
  15. package/es/attrConditions/components/valuesList.d.ts +10 -0
  16. package/es/attrConditions/components/valuesList.js +188 -0
  17. package/es/{attributeSelector/demo/multi.d.ts → attrConditions/demo/group.d.ts} +0 -0
  18. package/es/attrConditions/demo/group.js +82 -0
  19. package/es/{globalAttributes → attrConditions}/demo/index.d.ts +0 -0
  20. package/es/{datePicker/demo/form.js → attrConditions/demo/index.js} +43 -23
  21. package/es/attrConditions/group.d.ts +5 -0
  22. package/es/attrConditions/group.js +183 -0
  23. package/es/attrConditions/index.d.ts +6 -0
  24. package/es/attrConditions/index.js +160 -0
  25. package/es/attrConditions/styles/group.less +49 -0
  26. package/es/attrConditions/styles/index.less +94 -0
  27. package/es/attrConditions/types.d.ts +63 -0
  28. package/es/attrConditions/types.js +19 -0
  29. package/es/attrConditions/utils/operates.d.ts +16 -0
  30. package/es/attrConditions/utils/operates.js +67 -0
  31. package/es/attributeSelector/demo/index.d.ts +3 -0
  32. package/es/attributeSelector/demo/{singleForm.js → index.js} +42 -44
  33. package/es/attributeSelector/index.d.ts +4 -111
  34. package/es/attributeSelector/index.js +88 -543
  35. package/es/attributeSelector/listPanel.d.ts +4 -0
  36. package/es/attributeSelector/listPanel.js +208 -0
  37. package/es/attributeSelector/option.d.ts +15 -0
  38. package/es/attributeSelector/option.js +53 -0
  39. package/es/attributeSelector/styles/index.less +100 -0
  40. package/es/attributeSelector/types.d.ts +79 -0
  41. package/es/attributeSelector/types.js +15 -0
  42. package/es/attributeSelector/util.d.ts +7 -0
  43. package/es/attributeSelector/util.js +69 -0
  44. package/es/chart/demo/pie.js +1 -0
  45. package/es/chart/index.d.ts +2 -96
  46. package/es/chart/index.js +28 -35
  47. package/es/chart/styles/index.less +50 -0
  48. package/es/chart/types.d.ts +46 -0
  49. package/es/chart/{type.js → types.js} +0 -0
  50. package/es/chart/util/{chartConfig.d.ts → chartOptionConfig.d.ts} +4 -35
  51. package/es/chart/util/{chartConfig.js → chartOptionConfig.js} +45 -111
  52. package/es/chart/util/formatData.d.ts +3 -7
  53. package/es/chart/util/formatData.js +47 -26
  54. package/es/chart/util/formatOption.d.ts +2 -1
  55. package/es/chart/util/formatOption.js +22 -9
  56. package/es/chart/util/mapUtil.d.ts +3 -3
  57. package/es/chart/util/mapUtil.js +9 -19
  58. package/es/commonStyle/icon.less +116 -112
  59. package/es/commonStyle/select.less +1 -1
  60. package/es/commonStyle/theme.less +520 -473
  61. package/es/components/iconFont.js +4 -2
  62. package/es/context/index.d.ts +16 -0
  63. package/es/context/index.js +3 -0
  64. package/es/datePicker/datePicker.d.ts +10 -0
  65. package/es/datePicker/datePicker.js +115 -0
  66. package/es/datePicker/demo/index.d.ts +1 -0
  67. package/es/datePicker/demo/index.js +9 -2
  68. package/es/datePicker/index.d.ts +4 -27
  69. package/es/datePicker/index.js +72 -148
  70. package/es/datePicker/styles/index.less +48 -0
  71. package/es/datePicker/types.d.ts +24 -0
  72. package/es/{eventSelector/type.js → datePicker/types.js} +0 -0
  73. package/es/datePicker/utils.d.ts +6 -0
  74. package/es/datePicker/utils.js +70 -0
  75. package/es/dialog/components/itemNode.d.ts +10 -0
  76. package/es/dialog/components/itemNode.js +109 -0
  77. package/es/dialog/components/list.d.ts +3 -13
  78. package/es/dialog/components/list.js +15 -12
  79. package/es/dialog/components/selectToInput.d.ts +4 -48
  80. package/es/dialog/components/selectToInput.js +74 -80
  81. package/es/dialog/components/styles/handle.less +39 -0
  82. package/es/dialog/components/styles/list.less +60 -0
  83. package/es/dialog/components/styles/tab.less +55 -0
  84. package/es/dialog/components/tab.d.ts +3 -7
  85. package/es/dialog/components/tab.js +57 -19
  86. package/es/dialog/data/{chart.d.ts → data.d.ts} +9 -0
  87. package/es/dialog/data/{chart.js → data.js} +11 -0
  88. package/es/dialog/demo/index.d.ts +23 -0
  89. package/es/dialog/demo/index.js +34 -3
  90. package/es/dialog/demo/index2.js +14 -2
  91. package/es/dialog/index.d.ts +4 -97
  92. package/es/dialog/index.js +54 -109
  93. package/es/dialog/styles/index.less +11 -0
  94. package/es/dialog/types.d.ts +77 -0
  95. package/es/{targetConditionGroup/type.js → dialog/types.js} +0 -0
  96. package/es/eventSelector/demo/index.js +26 -44
  97. package/es/eventSelector/index.d.ts +4 -30
  98. package/es/eventSelector/index.js +90 -416
  99. package/es/eventSelector/listPanel.d.ts +4 -0
  100. package/es/eventSelector/listPanel.js +197 -0
  101. package/es/eventSelector/option.d.ts +17 -0
  102. package/es/eventSelector/option.js +54 -0
  103. package/es/eventSelector/styles/index.less +77 -0
  104. package/es/eventSelector/types.d.ts +31 -0
  105. package/es/eventSelector/types.js +1 -0
  106. package/es/index.d.ts +14 -11
  107. package/es/index.js +9 -11
  108. package/es/{attributeSelector/data → mock}/env.d.ts +0 -0
  109. package/es/{attributeSelector/data → mock}/env.js +0 -0
  110. package/es/{attributeSelector/data → mock}/event.d.ts +0 -0
  111. package/es/{attributeSelector/data → mock}/event.js +0 -0
  112. package/es/{attributeSelector/data → mock}/user.d.ts +0 -0
  113. package/es/{attributeSelector/data → mock}/user.js +0 -0
  114. package/es/{multipleSelector → searchInput}/demo/index.d.ts +0 -0
  115. package/es/searchInput/demo/index.js +5 -0
  116. package/es/searchInput/index.d.ts +8 -0
  117. package/es/searchInput/index.js +31 -0
  118. package/es/{attributeSelector/demo/multiForm.d.ts → select/demo/group.d.ts} +0 -0
  119. package/es/{globalAttributes/demo/index.js → select/demo/group.js} +49 -31
  120. package/es/select/demo/index.js +49 -21
  121. package/es/{attributeSelector/demo/single.d.ts → select/demo/multiple.d.ts} +0 -0
  122. package/es/{multipleSelector/demo/index.js → select/demo/multiple.js} +55 -12
  123. package/es/select/handle.d.ts +5 -0
  124. package/es/select/handle.js +119 -0
  125. package/es/select/index.d.ts +4 -49
  126. package/es/select/index.js +168 -122
  127. package/es/select/option.d.ts +4 -0
  128. package/es/select/option.js +59 -0
  129. package/es/select/overlay.d.ts +4 -0
  130. package/es/select/overlay.js +154 -0
  131. package/es/select/styles/handle.less +111 -0
  132. package/es/select/styles/index.less +99 -0
  133. package/es/select/types.d.ts +65 -0
  134. package/es/select/types.js +1 -0
  135. package/es/table/demo/data/table.js +1 -1
  136. package/es/table/demo/index.d.ts +1 -1
  137. package/es/table/demo/index.js +9 -8
  138. package/es/table/demo/index3.js +9 -18
  139. package/es/table/index.d.ts +4 -30
  140. package/es/table/index.js +30 -26
  141. package/es/table/styles/index.less +5 -0
  142. package/es/table/type.d.ts +10 -0
  143. package/es/table/type.js +1 -0
  144. package/es/targetConditionGroup/components/targetDimension.d.ts +8 -0
  145. package/es/targetConditionGroup/components/targetDimension.js +153 -0
  146. package/es/targetConditionGroup/data/operates.d.ts +8 -24
  147. package/es/targetConditionGroup/data/operates.js +26 -69
  148. package/es/targetConditionGroup/demo/group.d.ts +1 -0
  149. package/es/targetConditionGroup/demo/group.js +108 -23
  150. package/es/targetConditionGroup/demo/index.js +34 -34
  151. package/es/targetConditionGroup/demo/styles/index.less +29 -0
  152. package/es/targetConditionGroup/index.d.ts +4 -57
  153. package/es/targetConditionGroup/index.js +177 -274
  154. package/es/targetConditionGroup/styles/index.less +25 -0
  155. package/es/targetConditionGroup/types.d.ts +32 -0
  156. package/es/targetConditionGroup/types.js +1 -0
  157. package/es/targetSelector/demo/index.d.ts +1 -0
  158. package/es/targetSelector/demo/index.js +29 -71
  159. package/es/targetSelector/editBox.d.ts +8 -0
  160. package/es/targetSelector/{components/BizEventNameEditBox.js → editBox.js} +49 -24
  161. package/es/targetSelector/index.d.ts +5 -55
  162. package/es/targetSelector/index.js +103 -214
  163. package/es/targetSelector/optionIcon.d.ts +9 -0
  164. package/es/targetSelector/optionIcon.js +24 -0
  165. package/es/targetSelector/optionMenu.d.ts +7 -0
  166. package/es/targetSelector/optionMenu.js +38 -0
  167. package/es/targetSelector/styles/index.less +88 -0
  168. package/es/targetSelector/types.d.ts +18 -0
  169. package/es/targetSelector/types.js +1 -0
  170. package/es/userCondition/conditionTypeList.d.ts +10 -0
  171. package/es/userCondition/conditionTypeList.js +43 -0
  172. package/es/userCondition/conditionWrap.d.ts +7 -0
  173. package/es/userCondition/conditionWrap.js +18 -0
  174. package/es/userCondition/conditions/eventCondition.d.ts +8 -0
  175. package/es/userCondition/conditions/eventCondition.js +104 -0
  176. package/es/userCondition/conditions/periodCondition.d.ts +11 -0
  177. package/es/userCondition/conditions/periodCondition.js +156 -0
  178. package/es/userCondition/conditions/propCondition.d.ts +11 -0
  179. package/es/userCondition/conditions/propCondition.js +147 -0
  180. package/es/userCondition/conditions/runTimesCondition.d.ts +9 -0
  181. package/es/userCondition/conditions/runTimesCondition.js +78 -0
  182. package/es/userCondition/conditions/styles/eventCondition.less +49 -0
  183. package/es/userCondition/conditions/styles/periodCondition.less +14 -0
  184. package/es/userCondition/conditions/styles/propCondition.less +36 -0
  185. package/es/userCondition/conditions/styles/runTimesCondition.less +16 -0
  186. package/es/{attributeSelector/demo/singleForm.d.ts → userCondition/demo/index.d.ts} +0 -0
  187. package/es/userCondition/demo/index.js +97 -0
  188. package/es/userCondition/index.d.ts +7 -0
  189. package/es/userCondition/index.js +146 -0
  190. package/es/userCondition/orConditions.d.ts +5 -0
  191. package/es/userCondition/orConditions.js +202 -0
  192. package/es/userCondition/relationLabel.d.ts +6 -0
  193. package/es/userCondition/relationLabel.js +12 -0
  194. package/es/userCondition/styles/conditionTypeList.less +31 -0
  195. package/es/userCondition/styles/conditionWrap.less +14 -0
  196. package/es/userCondition/styles/index.less +13 -0
  197. package/es/userCondition/styles/orConditions.less +16 -0
  198. package/es/userCondition/styles/relationLabel.less +18 -0
  199. package/es/userCondition/types.d.ts +79 -0
  200. package/es/userCondition/types.js +1 -0
  201. package/es/userCondition/util.d.ts +2 -0
  202. package/es/userCondition/util.js +54 -0
  203. package/es/{datePicker/demo/form.d.ts → userGroup/demo/group.d.ts} +0 -0
  204. package/es/{targetConditionGroup/demo/form.js → userGroup/demo/group.js} +68 -72
  205. package/es/userGroup/demo/index.d.ts +0 -1
  206. package/es/userGroup/demo/index.js +5 -62
  207. package/es/userGroup/index.d.ts +3 -77
  208. package/es/userGroup/index.js +60 -108
  209. package/es/userGroup/styles/index.less +20 -0
  210. package/es/userGroup/types.d.ts +15 -0
  211. package/es/userGroup/types.js +1 -0
  212. package/es/utils/ajax.js +5 -20
  213. package/es/utils/type.d.ts +42 -44
  214. package/es/utils/util.d.ts +1 -35
  215. package/es/utils/util.js +27 -57
  216. package/package.json +11 -4
  217. package/es/attributeSelector/demo/multi.js +0 -39
  218. package/es/attributeSelector/demo/multiForm.js +0 -64
  219. package/es/attributeSelector/demo/single.js +0 -43
  220. package/es/attributeSelector/group.d.ts +0 -31
  221. package/es/attributeSelector/group.js +0 -225
  222. package/es/attributeSelector/index.less +0 -172
  223. package/es/chart/index.less +0 -38
  224. package/es/chart/style/circle.svg +0 -4
  225. package/es/chart/type.d.ts +0 -22
  226. package/es/datePicker/data.d.ts +0 -9
  227. package/es/datePicker/data.js +0 -65
  228. package/es/datePicker/index.less +0 -364
  229. package/es/dialog/components/style/list.less +0 -59
  230. package/es/dialog/components/style/tab.less +0 -61
  231. package/es/dialog/style/index.less +0 -86
  232. package/es/eventSelector/demo/form.d.ts +0 -2
  233. package/es/eventSelector/demo/form.js +0 -89
  234. package/es/eventSelector/demo/nodata.d.ts +0 -2
  235. package/es/eventSelector/demo/nodata.js +0 -13
  236. package/es/eventSelector/index.less +0 -121
  237. package/es/eventSelector/type.d.ts +0 -41
  238. package/es/globalAttributes/demo/data/env.d.ts +0 -11
  239. package/es/globalAttributes/demo/data/env.js +0 -181
  240. package/es/globalAttributes/demo/data/event.d.ts +0 -237
  241. package/es/globalAttributes/demo/data/event.js +0 -3483
  242. package/es/globalAttributes/demo/data/user.d.ts +0 -22
  243. package/es/globalAttributes/demo/data/user.js +0 -218
  244. package/es/globalAttributes/index.d.ts +0 -47
  245. package/es/globalAttributes/index.js +0 -112
  246. package/es/multipleSelector/index.d.ts +0 -36
  247. package/es/multipleSelector/index.js +0 -131
  248. package/es/multipleSelector/index.less +0 -136
  249. package/es/table/demo/index.less +0 -8
  250. package/es/table/index.less +0 -139
  251. package/es/targetConditionGroup/components/conditionGroup.d.ts +0 -30
  252. package/es/targetConditionGroup/components/conditionGroup.js +0 -112
  253. package/es/targetConditionGroup/components/conditionItem.d.ts +0 -47
  254. package/es/targetConditionGroup/components/conditionItem.js +0 -232
  255. package/es/targetConditionGroup/components/style/group.less +0 -47
  256. package/es/targetConditionGroup/components/style/index.less +0 -16
  257. package/es/targetConditionGroup/demo/data/env.d.ts +0 -11
  258. package/es/targetConditionGroup/demo/data/env.js +0 -181
  259. package/es/targetConditionGroup/demo/data/event.d.ts +0 -237
  260. package/es/targetConditionGroup/demo/data/event.js +0 -3483
  261. package/es/targetConditionGroup/demo/data/user.d.ts +0 -22
  262. package/es/targetConditionGroup/demo/data/user.js +0 -218
  263. package/es/targetConditionGroup/demo/form.d.ts +0 -2
  264. package/es/targetConditionGroup/demo/item.d.ts +0 -2
  265. package/es/targetConditionGroup/demo/item.js +0 -5
  266. package/es/targetConditionGroup/group.d.ts +0 -56
  267. package/es/targetConditionGroup/group.js +0 -204
  268. package/es/targetConditionGroup/index.less +0 -76
  269. package/es/targetConditionGroup/type.d.ts +0 -95
  270. package/es/targetSelector/components/BizCascadeBox.d.ts +0 -34
  271. package/es/targetSelector/components/BizCascadeBox.js +0 -213
  272. package/es/targetSelector/components/BizEventNameEditBox.d.ts +0 -20
  273. package/es/targetSelector/demo/form.d.ts +0 -2
  274. package/es/targetSelector/demo/form.js +0 -133
  275. package/es/targetSelector/demo/nodata.d.ts +0 -2
  276. package/es/targetSelector/demo/nodata.js +0 -13
  277. package/es/targetSelector/index.less +0 -28
  278. package/es/userGroup/demo/cluster.d.ts +0 -3
  279. package/es/userGroup/demo/cluster.js +0 -102
  280. package/es/userGroup/demo/index.less +0 -3
  281. package/es/userGroup/index.less +0 -2
  282. package/es/userGroup/userCluster.d.ts +0 -63
  283. package/es/userGroup/userCluster.js +0 -255
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- import '../index.less';
3
- import { Event, Option } from '../../eventSelector/type';
4
- interface DropDownProps {
5
- /**
6
- * @description 可选项数据源
7
- * @default -
8
- */
9
- options: Option[];
10
- /**
11
- * @description 选择完成后的回调
12
- * @default -
13
- */
14
- onChange: (selectedOptions: object) => void;
15
- /**
16
- * @description 默认的选中项
17
- * @default -
18
- */
19
- defaultValue?: Event;
20
- /**
21
- * @description 自定义节点 label、value 的字段
22
- * @description.zh-CN
23
- * @default -
24
- */
25
- fieldNames?: {
26
- label: string;
27
- value: string;
28
- groupLabel: string;
29
- groupValue: string;
30
- };
31
- onFocusChange?: (value: boolean) => void;
32
- }
33
- export declare const BizEventSelector: React.FC<DropDownProps>;
34
- export default BizEventSelector;
@@ -1,213 +0,0 @@
1
- var _excluded = ["children"];
2
-
3
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
4
-
5
- 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."); }
6
-
7
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
8
-
9
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
10
-
11
- 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; }
12
-
13
- 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; }
14
-
15
- 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; }
16
-
17
- 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; }
18
-
19
- 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; }
20
-
21
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
22
-
23
- 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."); }
24
-
25
- 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); }
26
-
27
- 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; }
28
-
29
- 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; }
30
-
31
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
32
-
33
- /**
34
- * 级联下拉框
35
- */
36
- import { Input, List, Skeleton } from 'antd';
37
- import React, { useEffect, useState } from 'react';
38
- import '../index.less';
39
- import { UserOutlined } from '@ant-design/icons';
40
- import InfiniteScroll from 'react-infinite-scroll-component';
41
- export var BizEventSelector = function BizEventSelector(props) {
42
- // export const BizEventSelector = (props: DropDownProps, ref: any) => {
43
- var defaultValue = props.defaultValue,
44
- _props$fieldNames = props.fieldNames,
45
- fieldNames = _props$fieldNames === void 0 ? {
46
- label: 'name',
47
- value: 'id',
48
- groupLabel: 'name',
49
- groupValue: 'id'
50
- } : _props$fieldNames,
51
- options = props.options,
52
- onChange = props.onChange,
53
- onFocusChange = props.onFocusChange; // 分组(下拉框第一列)信息,用于存储hover的信息,(事件搜索后)
54
-
55
- var _useState = useState([]),
56
- _useState2 = _slicedToArray(_useState, 2),
57
- group = _useState2[0],
58
- setGroup = _useState2[1]; // 分组(下拉框第一列)信息, 原始信息
59
-
60
-
61
- var _useState3 = useState([]),
62
- _useState4 = _slicedToArray(_useState3, 2),
63
- group2 = _useState4[0],
64
- setGroup2 = _useState4[1]; // group的children数量
65
-
66
-
67
- var _useState5 = useState(0),
68
- _useState6 = _slicedToArray(_useState5, 2),
69
- eventCount = _useState6[0],
70
- setEventCount = _useState6[1]; // 搜索框是否是聚焦状态
71
-
72
-
73
- var _useState7 = useState(false),
74
- _useState8 = _slicedToArray(_useState7, 2),
75
- focused = _useState8[0],
76
- setFocused = _useState8[1]; // 第二列数据 虚拟滚动,每次滚动10条
77
-
78
-
79
- var _useState9 = useState([]),
80
- _useState10 = _slicedToArray(_useState9, 2),
81
- eventData = _useState10[0],
82
- setEventData = _useState10[1];
83
-
84
- var _useState11 = useState({}),
85
- _useState12 = _slicedToArray(_useState11, 2),
86
- event = _useState12[0],
87
- setEvent = _useState12[1]; // 搜索值
88
-
89
-
90
- var _useState13 = useState(''),
91
- _useState14 = _slicedToArray(_useState13, 2),
92
- searchValue = _useState14[0],
93
- setSearchValue = _useState14[1];
94
-
95
- var pagesize = 9;
96
- useEffect(function () {
97
- if (options.length > 0) {
98
- setGroup(options[0]);
99
- setGroup2(options[0]);
100
- }
101
-
102
- if (defaultValue && defaultValue !== {}) {
103
- setEvent(defaultValue);
104
- }
105
- }, []); // 更改group后,事件列表响应
106
-
107
- useEffect(function () {
108
- var arr = [],
109
- size = 0;
110
-
111
- if (group && group.children) {
112
- var _group$children;
113
-
114
- arr = (_group$children = group.children) === null || _group$children === void 0 ? void 0 : _group$children.slice(0, pagesize);
115
- size = group.children.length;
116
- }
117
-
118
- setEventData(arr);
119
- setEventCount(size);
120
- }, [group]); // 搜索结果
121
-
122
- useEffect(function () {
123
- var arr = group2.children && group2.children.filter(function (item) {
124
- return item[fieldNames.label] && JSON.stringify(item[fieldNames.label]).toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
125
- });
126
- setGroup(function (group) {
127
- var children = group.children,
128
- res = _objectWithoutProperties(group, _excluded);
129
-
130
- return _objectSpread(_objectSpread({}, res), {}, {
131
- children: arr
132
- });
133
- });
134
- }, [searchValue, group2]); // 加载更多
135
-
136
- var loadMoreData = function loadMoreData() {
137
- var _group$children2;
138
-
139
- var arr = group.children ? (_group$children2 = group.children) === null || _group$children2 === void 0 ? void 0 : _group$children2.slice(eventData.length, eventData.length + pagesize) : [];
140
- setEventData([].concat(_toConsumableArray(eventData), _toConsumableArray(arr)));
141
- };
142
-
143
- return /*#__PURE__*/React.createElement("div", {
144
- className: "biz-dropdown-cascade biz-flex"
145
- }, /*#__PURE__*/React.createElement("div", {
146
- className: "biz-dropdown-menu"
147
- }, options.map(function (menu, index) {
148
- var _menu$children;
149
-
150
- return /*#__PURE__*/React.createElement("div", {
151
- className: "biz-dropdown-item ".concat(menu[fieldNames.groupValue] === group[fieldNames.groupValue] && 'box-hover'),
152
- key: menu[fieldNames.groupValue],
153
- onMouseEnter: function onMouseEnter(e) {
154
- e.stopPropagation();
155
- setGroup(function () {
156
- return _objectSpread({}, menu);
157
- });
158
- setGroup2(function () {
159
- return _objectSpread({}, menu);
160
- });
161
- }
162
- }, /*#__PURE__*/React.createElement("span", null, menu[fieldNames.groupLabel]), /*#__PURE__*/React.createElement("span", {
163
- className: "biz-count"
164
- }, (_menu$children = menu.children) === null || _menu$children === void 0 ? void 0 : _menu$children.length));
165
- })), /*#__PURE__*/React.createElement("div", {
166
- className: "biz-dropdown-content"
167
- }, /*#__PURE__*/React.createElement("div", {
168
- className: "biz-search ".concat(focused && 'active')
169
- }, /*#__PURE__*/React.createElement(Input, {
170
- className: "biz-search-box",
171
- prefix: /*#__PURE__*/React.createElement(UserOutlined, null),
172
- value: searchValue,
173
- placeholder: "\u641C\u7D22\u57CB\u70B9\u4E8B\u4EF6",
174
- onChange: function onChange(e) {
175
- setSearchValue(e.target.value);
176
- },
177
- onFocus: function onFocus() {
178
- setFocused(true);
179
- onFocusChange && onFocusChange(true);
180
- },
181
- onBlur: function onBlur() {
182
- setFocused(false);
183
- onFocusChange && onFocusChange(false);
184
- }
185
- })), /*#__PURE__*/React.createElement("div", {
186
- className: "biz-dropdown-box",
187
- id: "scrollableDiv"
188
- }, /*#__PURE__*/React.createElement(InfiniteScroll, {
189
- dataLength: eventData.length,
190
- next: loadMoreData,
191
- hasMore: eventData.length < eventCount,
192
- loader: /*#__PURE__*/React.createElement(Skeleton, {
193
- paragraph: {
194
- rows: 1
195
- },
196
- active: true
197
- }),
198
- scrollableTarget: "scrollableDiv"
199
- }, /*#__PURE__*/React.createElement(List, {
200
- dataSource: eventData,
201
- renderItem: function renderItem(item) {
202
- return /*#__PURE__*/React.createElement(List.Item, {
203
- key: item[fieldNames.value],
204
- className: "biz-dropdown-item ".concat(item[fieldNames.value] === event[fieldNames.value] && 'box-active'),
205
- onClick: function onClick(e) {
206
- e.stopPropagation();
207
- onChange(item);
208
- }
209
- }, /*#__PURE__*/React.createElement("div", null, item[fieldNames.label]));
210
- }
211
- })))));
212
- };
213
- export default BizEventSelector; // export default React.forwardRef(BizEventSelector);
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- interface ModalProps {
3
- /**
4
- * @description 取消编辑别名
5
- * @default -
6
- */
7
- onCancel: () => void;
8
- /**
9
- * @description 编辑别名的回调
10
- * @default -
11
- */
12
- onChange: (alias: string) => void;
13
- /**
14
- * @description 别名
15
- * @default -
16
- */
17
- defaultValue?: string;
18
- }
19
- declare const BizEventNameEditBox: React.FC<ModalProps>;
20
- export default BizEventNameEditBox;
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,133 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- 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
- 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
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
- import { Button, Form } from 'antd';
14
- import React, { useState } from 'react';
15
- import { BizTargetSelector, BizEventSelector } from '@zgfe/business-lib';
16
- var cascadeOptions = [{
17
- value: 1,
18
- label: '整体',
19
- children: [{
20
- value: 'xihu',
21
- label: 'West Lake'
22
- }, {
23
- value: 'xiasha',
24
- label: 'Xia Sha'
25
- }]
26
- }, {
27
- value: 2,
28
- label: '分组',
29
- children: [{
30
- value: 'xihu2',
31
- label: 'West Lake2'
32
- }, {
33
- value: 'xiasha2',
34
- label: 'Xia Sha2j'
35
- }, {
36
- value: 'xihu21',
37
- label: 'West Lake2h'
38
- }, {
39
- value: 'xiasha21',
40
- label: 'Xia Sha2'
41
- }, {
42
- value: 'xihu22',
43
- label: 'West Lake2m'
44
- }, {
45
- value: 'xiasha22',
46
- label: 'Xia Sha2n'
47
- }, {
48
- value: 'xihu27',
49
- label: 'West Lake2b'
50
- }, {
51
- value: 'xiasha82',
52
- label: 'Xia Sha2v'
53
- }, {
54
- value: 'xihu23',
55
- label: 'West Lake2c'
56
- }, {
57
- value: 'xiasha23',
58
- label: 'Xia Sha2z'
59
- }, {
60
- value: 'xihu24',
61
- label: 'West Lake22x'
62
- }, {
63
- value: 'xiasha24',
64
- label: 'Xia Sha2a'
65
- }]
66
- }];
67
-
68
- var EventDemo = function EventDemo() {
69
- var _Form$useForm = Form.useForm(),
70
- _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
71
- form = _Form$useForm2[0];
72
-
73
- var _useState = useState(''),
74
- _useState2 = _slicedToArray(_useState, 2),
75
- formData = _useState2[0],
76
- setFormData = _useState2[1];
77
-
78
- var onFinish = function onFinish(values) {
79
- setFormData(JSON.stringify(values));
80
- };
81
-
82
- var onFinishFailed = function onFinishFailed(errorInfo) {
83
- console.log('Failed:', errorInfo);
84
- };
85
-
86
- var handleAdd = function handleAdd(data) {
87
- console.log('add', data);
88
- };
89
-
90
- var handleDelete = function handleDelete(data) {
91
- console.log('delete', data);
92
- };
93
-
94
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form, {
95
- form: form,
96
- onFinish: onFinish,
97
- onFinishFailed: onFinishFailed,
98
- initialValues: {
99
- target: {
100
- alias: '别名',
101
- option: 'xiasha2'
102
- }
103
- }
104
- }, /*#__PURE__*/React.createElement(Form.Item, {
105
- label: "\u6307\u6807",
106
- name: "target"
107
- }, /*#__PURE__*/React.createElement(BizTargetSelector, {
108
- onAdd: handleAdd,
109
- onDelete: handleDelete
110
- }, /*#__PURE__*/React.createElement(BizEventSelector, {
111
- responseType: 'object',
112
- fieldNames: {
113
- label: 'label',
114
- value: 'value',
115
- groupLabel: 'label',
116
- groupValue: 'value',
117
- children: 'children'
118
- },
119
- options: cascadeOptions
120
- }))), /*#__PURE__*/React.createElement(Form.Item, {
121
- wrapperCol: {
122
- offset: 8,
123
- span: 16
124
- }
125
- }, /*#__PURE__*/React.createElement(Button, {
126
- type: "primary",
127
- htmlType: "submit"
128
- }, "Submit"))), /*#__PURE__*/React.createElement("p", null, formData));
129
- };
130
-
131
- export default (function () {
132
- return /*#__PURE__*/React.createElement(EventDemo, null);
133
- });
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { BizTargetSelector, BizEventSelector } from '@zgfe/business-lib';
3
- var optionGroup = [];
4
-
5
- var EventDemo = function EventDemo() {
6
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizTargetSelector, null, /*#__PURE__*/React.createElement(BizEventSelector, {
7
- options: optionGroup
8
- })));
9
- };
10
-
11
- export default (function () {
12
- return /*#__PURE__*/React.createElement(EventDemo, null);
13
- });
@@ -1,28 +0,0 @@
1
- @import '../commonStyle/icon.less';
2
- @import '../commonStyle/select.less';
3
-
4
- .biz-placeholder {
5
- color: #9797af;
6
- }
7
-
8
- .biz-menu-item-edit {
9
- width: 100%;
10
- height: 100%;
11
- .ant-dropdown-menu-item-icon {
12
- margin-right: 15px;
13
- font-size: @iconSize;
14
- }
15
- }
16
- .biz-target-container {
17
- .biz-select-cotainer {
18
- margin-bottom: 0;
19
- padding: 0;
20
- border: none;
21
- }
22
- .ant-form {
23
- flex: 1;
24
- .ant-form-item {
25
- margin-bottom: 0;
26
- }
27
- }
28
- }
@@ -1,3 +0,0 @@
1
- import './index.less';
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -1,102 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- 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
- 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
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
- import React, { useState } from 'react';
14
- import { BizUserCluster } from '@zgfe/business-lib';
15
- import './index.less';
16
- import { Button, Form } from 'antd';
17
- var groupOptions = [{
18
- id: 1,
19
- name: '用户群1'
20
- }, {
21
- id: 2,
22
- name: '用户群2'
23
- }, {
24
- id: 3,
25
- name: '用户群3'
26
- }];
27
- var groupOptions2 = [{
28
- id: 1,
29
- name: '用户群1'
30
- }, {
31
- id: 2,
32
- name: '用户群2'
33
- }, {
34
- id: 3,
35
- name: '用户群3'
36
- }];
37
-
38
- var UserClusterDemo = function UserClusterDemo() {
39
- var _Form$useForm = Form.useForm(),
40
- _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
41
- form = _Form$useForm2[0];
42
-
43
- var _useState = useState(),
44
- _useState2 = _slicedToArray(_useState, 2),
45
- userCluster = _useState2[0],
46
- setUserCluster = _useState2[1];
47
-
48
- var onFinish = function onFinish(values) {
49
- setUserCluster(JSON.stringify(values));
50
- };
51
-
52
- var onFinishFailed = function onFinishFailed(errorInfo) {
53
- console.log('Failed:', errorInfo);
54
- };
55
-
56
- var handleChange = function handleChange(selectedGroups, actualGroups) {
57
- console.log(selectedGroups, actualGroups);
58
- };
59
-
60
- return /*#__PURE__*/React.createElement("div", {
61
- className: "biz-user-group-demo"
62
- }, /*#__PURE__*/React.createElement(Form, {
63
- form: form,
64
- onFinish: onFinish,
65
- onFinishFailed: onFinishFailed,
66
- initialValues: {
67
- cluster: [1, 2],
68
- cluster2: [{
69
- id: 3
70
- }, {
71
- id: 4
72
- }]
73
- }
74
- }, /*#__PURE__*/React.createElement(Form.Item, {
75
- label: "\u7528\u6237\u7FA4",
76
- name: "cluster"
77
- }, /*#__PURE__*/React.createElement(BizUserCluster, {
78
- options: groupOptions,
79
- maxUserGroup: 6,
80
- onChange: handleChange
81
- })), /*#__PURE__*/React.createElement(Form.Item, {
82
- label: "\u7528\u6237\u7FA42",
83
- name: "cluster2"
84
- }, /*#__PURE__*/React.createElement(BizUserCluster, {
85
- options: groupOptions2,
86
- responseType: 'object',
87
- maxUserGroup: 2,
88
- onChange: handleChange
89
- })), /*#__PURE__*/React.createElement(Form.Item, {
90
- wrapperCol: {
91
- offset: 8,
92
- span: 16
93
- }
94
- }, /*#__PURE__*/React.createElement(Button, {
95
- type: "primary",
96
- htmlType: "submit"
97
- }, "Submit"))), /*#__PURE__*/React.createElement("p", null, "\u5DF2\u9009\u7528\u6237\u7FA4\u4FE1\u606F\uFF1A", userCluster));
98
- };
99
-
100
- export default (function () {
101
- return /*#__PURE__*/React.createElement(UserClusterDemo, null);
102
- });
@@ -1,3 +0,0 @@
1
- .biz-user-group-demo {
2
- width: 500px;
3
- }
@@ -1,2 +0,0 @@
1
- @import '../commonStyle/icon.less';
2
- @import '../commonStyle/select.less';
@@ -1,63 +0,0 @@
1
- import React from 'react';
2
- interface UserClusterProps {
3
- /**
4
- * @description 若组件是表单选项,value就是form的initialValues,也是组件的默认选项
5
- * @description.zh-CN
6
- * @default []
7
- */
8
- value?: Array<ValueType>;
9
- /**
10
- * @description 默认值
11
- * @default []
12
- */
13
- defaultValue?: Array<ValueType>;
14
- /**
15
- * @description 返回数据类型
16
- * @description.zh-CN id | object
17
- * @default id
18
- */
19
- responseType?: string;
20
- /**
21
- * @description 自定义节点 label、value 的字段
22
- * @description.zh-CN
23
- * @default -
24
- */
25
- fieldNames?: {
26
- label: string;
27
- value: string;
28
- };
29
- /**
30
- * @description 数据化配置选项内容
31
- * @description.zh-CN
32
- * @default { label: 'name', value: 'id' }
33
- */
34
- options: Option[];
35
- /**
36
- * @description 选中 option 时,调用此函数
37
- * @description.zh-CN
38
- * @default -
39
- */
40
- onChange: (valueObject: Option[] | (string | number)[], value: Option[] | (string | number)[]) => void;
41
- /**
42
- * @description 最多个数
43
- * @description.zh-CN
44
- * @default 3
45
- */
46
- maxUserGroup?: number;
47
- /**
48
- * @description 选择框默认文本
49
- * @description.zh-CN
50
- * @default 请选择
51
- */
52
- placeholder?: string;
53
- }
54
- interface Option {
55
- key?: string | number;
56
- disabled?: boolean | null;
57
- [prop: string]: any;
58
- }
59
- interface ValueType {
60
- [prop: string]: any;
61
- }
62
- declare const BizUserCluster: React.FC<UserClusterProps>;
63
- export default BizUserCluster;