@cloud-app-dev/vidc 1.0.34 → 1.0.38

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 (66) hide show
  1. package/.umirc.ts +2 -2
  2. package/es/{WorkerFlow/api.d.ts → Api/index.d.ts} +4 -1
  3. package/es/{WorkerFlow/api.js → Api/index.js} +90 -0
  4. package/es/AppLayout/index.d.ts +2 -2
  5. package/es/DeviceList/index.d.ts +2 -2
  6. package/es/DeviceList/index.js +6 -4
  7. package/es/DeviceSelect/demo.d.ts +2 -0
  8. package/es/DeviceSelect/demo.js +22 -0
  9. package/es/DeviceSelect/index.css +6 -0
  10. package/es/DeviceSelect/index.d.ts +7 -0
  11. package/es/DeviceSelect/index.js +222 -0
  12. package/es/DynamicDeviceList/CheckExt.d.ts +8 -0
  13. package/es/DynamicDeviceList/CheckExt.js +36 -0
  14. package/es/DynamicDeviceList/Demo.js +1 -5
  15. package/es/DynamicDeviceList/index.css +20 -0
  16. package/es/DynamicDeviceList/index.d.ts +7 -4
  17. package/es/DynamicDeviceList/index.js +100 -49
  18. package/es/DynamicDeviceList/utils.d.ts +1 -2
  19. package/es/OrgTree/index.js +5 -5
  20. package/es/OrgUserTree/demo.d.ts +2 -0
  21. package/es/OrgUserTree/demo.js +20 -0
  22. package/es/OrgUserTree/index.css +31 -0
  23. package/es/OrgUserTree/index.d.ts +22 -0
  24. package/es/OrgUserTree/index.js +128 -0
  25. package/es/PlaceTree/demo.d.ts +2 -0
  26. package/es/PlaceTree/demo.js +20 -0
  27. package/es/PlaceTree/index.css +1 -0
  28. package/es/PlaceTree/index.d.ts +2 -2
  29. package/es/PlaceTree/index.js +27 -22
  30. package/es/{WorkerFlow/RefDrawer → RefDrawer}/index.d.ts +5 -1
  31. package/es/{WorkerFlow/RefDrawer → RefDrawer}/index.js +6 -17
  32. package/es/{WorkerFlow/RefModal → RefModal}/index.d.ts +5 -1
  33. package/es/{WorkerFlow/RefModal → RefModal}/index.js +6 -17
  34. package/es/TreeMode/demo.d.ts +2 -0
  35. package/es/TreeMode/demo.js +30 -0
  36. package/es/TreeMode/index.css +36 -0
  37. package/es/TreeMode/index.d.ts +21 -0
  38. package/es/TreeMode/index.js +190 -0
  39. package/es/TreeTitle/index.d.ts +3 -2
  40. package/es/TreeTitle/index.js +4 -2
  41. package/es/UserSelect/index.css +16 -0
  42. package/es/UserSelect/index.d.ts +10 -0
  43. package/es/UserSelect/index.js +168 -0
  44. package/es/WorkerFlow/Form/Condition.js +1 -1
  45. package/es/WorkerFlow/Form/EmptyUserSet.js +1 -1
  46. package/es/WorkerFlow/Form/GroupList.d.ts +1 -1
  47. package/es/WorkerFlow/Form/GroupList.js +3 -1
  48. package/es/WorkerFlow/Form/GroupSelect.js +1 -1
  49. package/es/WorkerFlow/Form/GroupSelectModalContent.js +12 -11
  50. package/es/WorkerFlow/Form/LevelGroupSelect.js +1 -1
  51. package/es/WorkerFlow/Form/Notifier.js +2 -1
  52. package/es/WorkerFlow/Form/UserAndGroupSelect.js +1 -1
  53. package/es/WorkerFlow/Form/UserSelect.js +1 -1
  54. package/es/WorkerFlow/Form/UserSelectModalContent.js +26 -25
  55. package/es/WorkerFlow/Form/UserSet.js +5 -2
  56. package/es/WorkerFlow/index.css +1 -1
  57. package/es/WorkerFlow/index.js +14 -7
  58. package/es/WorkerFlow/utils.js +10 -6
  59. package/es/core.d.ts +91 -0
  60. package/es/index.d.ts +7 -0
  61. package/es/index.js +7 -0
  62. package/es/utils.d.ts +10 -0
  63. package/es/utils.js +54 -1
  64. package/package.json +5 -5
  65. package/tsconfig.json +0 -1
  66. package/es/DynamicDeviceList/interface.d.ts +0 -75
@@ -13,17 +13,13 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
13
13
 
14
14
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
15
15
 
16
- import React, { useContext, useEffect, useImperativeHandle, useMemo, useState } from 'react';
17
- import ReactDOM from 'react-dom';
16
+ import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
18
17
 
19
18
  function RefModal(_, ref) {
20
19
  var context = useContext(_ConfigContext);
21
20
  var root = useMemo(function () {
22
21
  return (context === null || context === void 0 ? void 0 : context.root) || document.body;
23
22
  }, [context === null || context === void 0 ? void 0 : context.root]);
24
- var div = useMemo(function () {
25
- return document.createElement('div');
26
- }, []);
27
23
 
28
24
  var _useState = useState({
29
25
  content: null,
@@ -37,15 +33,6 @@ function RefModal(_, ref) {
37
33
  state = _useState2[0],
38
34
  setState = _useState2[1];
39
35
 
40
- useEffect(function () {
41
- root.appendChild(div);
42
- return function () {
43
- root.removeChild(div);
44
- ReactDOM.unmountComponentAtNode(div);
45
- div.remove();
46
- };
47
- }, []);
48
-
49
36
  var open = function open(options) {
50
37
  setState(function (old) {
51
38
  return Object.assign(Object.assign(Object.assign({}, old), options), {
@@ -68,7 +55,7 @@ function RefModal(_, ref) {
68
55
  close: close
69
56
  };
70
57
  }, [state]);
71
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(_Modal, {
58
+ return /*#__PURE__*/React.createElement(_Modal, {
72
59
  okText: "\u786E\u5B9A",
73
60
  cancelText: "\u53D6\u6D88",
74
61
  visible: state.visible,
@@ -78,8 +65,10 @@ function RefModal(_, ref) {
78
65
  title: state.title,
79
66
  width: state.width,
80
67
  className: state.className,
81
- getContainer: false
82
- }, state.content), div));
68
+ getContainer: function getContainer() {
69
+ return root;
70
+ }
71
+ }, state.content);
83
72
  }
84
73
 
85
74
  export default /*#__PURE__*/React.forwardRef(RefModal);
@@ -0,0 +1,2 @@
1
+ declare function App(): JSX.Element;
2
+ export default App;
@@ -0,0 +1,30 @@
1
+ import "antd/lib/config-provider/style";
2
+ import _ConfigProvider from "antd/lib/config-provider";
3
+ import React from 'react';
4
+ import BsTree from './index';
5
+
6
+ function App() {
7
+ return /*#__PURE__*/React.createElement(_ConfigProvider, {
8
+ prefixCls: "cloudapp"
9
+ }, /*#__PURE__*/React.createElement("div", {
10
+ style: {
11
+ padding: 20,
12
+ height: 400,
13
+ display: 'flex'
14
+ }
15
+ }, /*#__PURE__*/React.createElement(BsTree, {
16
+ title: "\u8BBE\u5907\u4E1A\u52A1\u6811",
17
+ mode: "Bz"
18
+ }), /*#__PURE__*/React.createElement(BsTree, {
19
+ title: "\u81EA\u5B9A\u4E49\u5206\u7EC4",
20
+ mode: "Custom"
21
+ }), /*#__PURE__*/React.createElement(BsTree, {
22
+ title: "\u884C\u653F\u533A\u5212",
23
+ mode: "Place"
24
+ }), /*#__PURE__*/React.createElement(BsTree, {
25
+ title: "\u7EC4\u7EC7\u673A\u6784",
26
+ mode: "Org"
27
+ })));
28
+ }
29
+
30
+ export default App;
@@ -0,0 +1,36 @@
1
+ .bc-type-tree-layout {
2
+ height: 100%;
3
+ display: flex;
4
+ flex-direction: column;
5
+ border: 1px solid var(--bd-color);
6
+ margin-left: -1px;
7
+ }
8
+ .bc-type-tree-layout .lm-c-tree-title-part {
9
+ border-bottom: 1px solid var(--bd-color);
10
+ background-color: var(--form-bg-light);
11
+ }
12
+ .bc-type-tree-layout > .lm-base-tree-component {
13
+ flex: 1;
14
+ overflow: auto;
15
+ }
16
+ .bc-type-tree-layout .lm-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover:after,
17
+ .bc-type-tree-layout .lm-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected:after {
18
+ left: 10px;
19
+ width: calc(100% - 10px);
20
+ }
21
+ .bc-type-tree-layout .cloudapp-tree {
22
+ height: 100%;
23
+ overflow: auto;
24
+ }
25
+ .bc-type-tree-layout .anticon {
26
+ font-size: var(--fs);
27
+ }
28
+ .bc-type-tree-layout .cloudapp-tree-title {
29
+ font-size: var(--fs-small);
30
+ flex: 1;
31
+ }
32
+ .bc-type-tree-layout .cloudapp-tree-title > span {
33
+ min-width: 100%;
34
+ display: inline-flex;
35
+ justify-content: space-between;
36
+ }
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ import { BaseTreeProps } from '@cloud-app-dev/basic-components/es/Tree';
3
+ import './index.less';
4
+ interface IBsTreeProps extends BaseTreeProps {
5
+ title?: React.ReactNode;
6
+ inputPlaceholder?: string;
7
+ renderHeader?: () => JSX.Element;
8
+ /**
9
+ * @description 需要默认选中时触发 事件
10
+ */
11
+ onDefailtSelect?: (id?: string) => void;
12
+ mode?: 'Bz' | 'Custom' | 'Place' | 'Org';
13
+ }
14
+ declare function TreeMode({ title, className, renderHeader, inputPlaceholder, treeNodeProps, onDefailtSelect, mode, ...props }: IBsTreeProps): JSX.Element;
15
+ declare namespace TreeMode {
16
+ var defaultProps: {
17
+ mode: string;
18
+ className: string;
19
+ };
20
+ }
21
+ export default TreeMode;
@@ -0,0 +1,190 @@
1
+ import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
2
+ import _Tree from "@cloud-app-dev/basic-components/es/Tree";
3
+ import _CBox from "@cloud-app-dev/basic-components/es/CBox";
4
+ import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
5
+
6
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
7
+
8
+ 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."); }
9
+
10
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
11
+
12
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
13
+
14
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
+
16
+ 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."); }
17
+
18
+ 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); }
19
+
20
+ 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; }
21
+
22
+ 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; }
23
+
24
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
+
26
+ import { __rest } from "tslib";
27
+ import React, { useEffect, useMemo, useState } from 'react';
28
+ import api from '../Api';
29
+ import TreeTitle from '../TreeTitle';
30
+ import { treeHelper } from '@cloud-app-dev/utils';
31
+ import { getParentListById, getPlaceCodesWithParent } from '../utils';
32
+ import "./index.css";
33
+ var defaultList = [];
34
+
35
+ function TreeMode(_a) {
36
+ var title = _a.title,
37
+ className = _a.className,
38
+ renderHeader = _a.renderHeader,
39
+ inputPlaceholder = _a.inputPlaceholder,
40
+ treeNodeProps = _a.treeNodeProps,
41
+ onDefailtSelect = _a.onDefailtSelect,
42
+ mode = _a.mode,
43
+ props = __rest(_a, ["title", "className", "renderHeader", "inputPlaceholder", "treeNodeProps", "onDefailtSelect", "mode"]);
44
+
45
+ var _useState = useState({
46
+ keyword: undefined,
47
+ expandedKeys: undefined,
48
+ focusKey: Date.now()
49
+ }),
50
+ _useState2 = _slicedToArray(_useState, 2),
51
+ state = _useState2[0],
52
+ setState = _useState2[1];
53
+ /**
54
+ * @description 根据mode获取树的数据
55
+ */
56
+
57
+
58
+ var _useHttp = _useHttp2(['TreeMode', mode], function (_ref) {
59
+ var _ref2 = _slicedToArray(_ref, 2),
60
+ _ = _ref2[0],
61
+ mode = _ref2[1];
62
+
63
+ return mode === 'Bz' ? api.getDeviceBzTree() : mode === 'Custom' ? api.getCustomDeviceGroup() : mode === 'Org' ? api.getOrgs() : api.getPlacesByHasDevice();
64
+ }),
65
+ _useHttp$data = _useHttp.data,
66
+ list = _useHttp$data === void 0 ? defaultList : _useHttp$data;
67
+
68
+ var treeData = useMemo(function () {
69
+ return mode === 'Place' ? treeHelper.computPlaceTree(list) : treeHelper.computTreeList(list);
70
+ }, [list, mode]);
71
+ useEffect(function () {
72
+ var _a, _b;
73
+
74
+ var keys = [];
75
+ var defaultKeys = mode === 'Place' ? [] : ((_a = treeData[0]) === null || _a === void 0 ? void 0 : _a.id) ? [(_b = treeData[0]) === null || _b === void 0 ? void 0 : _b.id] : [];
76
+
77
+ if (!state.keyword) {
78
+ setState(function (old) {
79
+ return Object.assign(Object.assign({}, old), {
80
+ expandedKeys: defaultKeys,
81
+ focusKey: Date.now()
82
+ });
83
+ });
84
+ return null;
85
+ }
86
+
87
+ switch (mode) {
88
+ case 'Place':
89
+ var places = list.filter(function (v) {
90
+ return v.areaName.includes(state.keyword);
91
+ });
92
+ places.forEach(function (v) {
93
+ var codes = getPlaceCodesWithParent(v.areaCode, list);
94
+ keys = [].concat(keys, codes);
95
+ });
96
+ break;
97
+
98
+ case 'Bz':
99
+ case 'Custom':
100
+ var trees = list.filter(function (v) {
101
+ return v.groupName.includes(state.keyword);
102
+ });
103
+ trees.forEach(function (v) {
104
+ var ids = getParentListById(v.id, list).map(function (v) {
105
+ return v.id;
106
+ });
107
+ keys = [].concat(keys, ids);
108
+ });
109
+
110
+ case 'Org':
111
+ var orgs = list.filter(function (v) {
112
+ return v.organizationName.includes(state.keyword);
113
+ });
114
+ orgs.forEach(function (v) {
115
+ var ids = getParentListById(v.id, list).map(function (v) {
116
+ return v.id;
117
+ });
118
+ keys = [].concat(keys, ids);
119
+ });
120
+ break;
121
+ }
122
+
123
+ var expandedKeys = _toConsumableArray(new Set(_toConsumableArray(keys)));
124
+
125
+ setState(function (old) {
126
+ var _a;
127
+
128
+ return Object.assign(Object.assign({}, old), {
129
+ expandedKeys: expandedKeys.length > 0 ? expandedKeys : [(_a = treeData[0]) === null || _a === void 0 ? void 0 : _a.id],
130
+ focusKey: Date.now()
131
+ });
132
+ });
133
+ }, [state.keyword, list, treeData, mode]);
134
+ var treeKey = useMemo(function () {
135
+ return mode === 'Place' ? 'areaCode' : 'id';
136
+ }, [mode]);
137
+ var treeName = useMemo(function () {
138
+ return mode === 'Place' ? 'areaName' : mode === 'Org' ? 'organizationName' : 'groupName';
139
+ }, [mode]);
140
+ useEffect(function () {
141
+ var id = treeData[0] ? treeData[0][treeKey] : undefined;
142
+
143
+ if (id && onDefailtSelect) {
144
+ onDefailtSelect(id);
145
+ }
146
+ }, [treeData, treeKey]);
147
+ return /*#__PURE__*/React.createElement(_CBox, {
148
+ className: "bc-type-tree-layout ".concat(className)
149
+ }, /*#__PURE__*/React.createElement(TreeTitle, {
150
+ title: title,
151
+ value: state.keyword,
152
+ inputPlaceholder: inputPlaceholder,
153
+ onChange: function onChange(val) {
154
+ return setState(function (old) {
155
+ return Object.assign(Object.assign({}, old), {
156
+ keyword: val
157
+ });
158
+ });
159
+ }
160
+ }), renderHeader && renderHeader(), list.length > 0 && /*#__PURE__*/React.createElement(_Tree, Object.assign({}, props, {
161
+ treeData: treeData,
162
+ key: state.focusKey,
163
+ onExpand: function onExpand(keys) {
164
+ return setState(function (old) {
165
+ return Object.assign(Object.assign({}, old), {
166
+ expandedKeys: keys
167
+ });
168
+ });
169
+ },
170
+ expandedKeys: state.expandedKeys,
171
+ defaultExpandedKeys: treeData[0] ? [treeData[0].id] : undefined,
172
+ treeNodeProps: {
173
+ keyword: state.keyword,
174
+ suffix: treeNodeProps === null || treeNodeProps === void 0 ? void 0 : treeNodeProps.suffix,
175
+ nameKey: treeName,
176
+ key: treeKey
177
+ },
178
+ icon: function icon(node) {
179
+ return /*#__PURE__*/React.createElement(_IconFont, {
180
+ type: "".concat(treeData.length > 0 && node.id === treeData[0].id ? 'icon-S_Bar_Home' : mode === 'Place' && node.level > 4 ? 'icon-S_Place_Place' : 'icon-S_Photo_ListTree')
181
+ });
182
+ }
183
+ })));
184
+ }
185
+
186
+ TreeMode.defaultProps = {
187
+ mode: 'Bz',
188
+ className: ''
189
+ };
190
+ export default TreeMode;
@@ -1,11 +1,12 @@
1
1
  import React from 'react';
2
2
  import './index.less';
3
3
  interface ITreeTitleProps {
4
- title?: string;
4
+ title?: React.ReactNode;
5
5
  inputPlaceholder?: string;
6
6
  onChange?: (val: string) => void;
7
7
  hasInput?: boolean;
8
8
  titleExt?: React.ReactNode;
9
+ value?: string;
9
10
  }
10
- export default function TreeTitle({ title, inputPlaceholder, onChange, hasInput, titleExt }: ITreeTitleProps): JSX.Element;
11
+ export default function TreeTitle({ title, inputPlaceholder, onChange, hasInput, titleExt, value }: ITreeTitleProps): JSX.Element;
11
12
  export {};
@@ -7,7 +7,8 @@ export default function TreeTitle(_ref) {
7
7
  onChange = _ref.onChange,
8
8
  _ref$hasInput = _ref.hasInput,
9
9
  hasInput = _ref$hasInput === void 0 ? true : _ref$hasInput,
10
- titleExt = _ref.titleExt;
10
+ titleExt = _ref.titleExt,
11
+ value = _ref.value;
11
12
 
12
13
  if (!title) {
13
14
  return null;
@@ -20,6 +21,7 @@ export default function TreeTitle(_ref) {
20
21
  }, title), hasInput && /*#__PURE__*/React.createElement(_Input, {
21
22
  className: "input-keword",
22
23
  placeholder: inputPlaceholder,
23
- onChange: onChange
24
+ onChange: onChange,
25
+ value: value
24
26
  }), titleExt);
25
27
  }
@@ -0,0 +1,16 @@
1
+ .user-select-layout {
2
+ display: flex;
3
+ height: 480px;
4
+ }
5
+ .user-select-layout > div {
6
+ flex: 1;
7
+ }
8
+ .user-select-layout .lm-organization-tree {
9
+ border-right: none;
10
+ }
11
+ .user-select-layout .user-source-list {
12
+ border-right: none;
13
+ }
14
+ .user-select-layout .lm-c-check-list-wrapper {
15
+ background-color: #fff;
16
+ }
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
3
+ import './index.less';
4
+ interface IUserSelectProps {
5
+ selectUsers: UserInfo[];
6
+ onChange?: (users: UserInfo[]) => void;
7
+ className?: string;
8
+ }
9
+ declare const _default: React.ForwardRefExoticComponent<IUserSelectProps & React.RefAttributes<any>>;
10
+ export default _default;
@@ -0,0 +1,168 @@
1
+ import _useChangeEffect from "@cloud-app-dev/basic-components/es/useChangeEffect";
2
+ import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
3
+
4
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
5
+
6
+ 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."); }
7
+
8
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
9
+
10
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
11
+
12
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
13
+
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
+
16
+ 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); }
17
+
18
+ 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; }
19
+
20
+ 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; }
21
+
22
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
+
24
+ import React, { useCallback, useMemo, useState, useImperativeHandle } from 'react';
25
+ import api from '../Api';
26
+ import OrgUserTree from '../OrgUserTree';
27
+ import { treeHelper } from '@cloud-app-dev/utils';
28
+ import List from '../List';
29
+ import { uniq, intersectionWith, uniqBy, differenceWith } from 'lodash';
30
+ import "./index.css";
31
+
32
+ function UserSelect(_ref, ref) {
33
+ var selectUsers = _ref.selectUsers,
34
+ onChange = _ref.onChange,
35
+ _ref$className = _ref.className,
36
+ className = _ref$className === void 0 ? '' : _ref$className;
37
+
38
+ var _useState = useState({
39
+ keyword1: '',
40
+ keyword2: '',
41
+ orgId: '',
42
+ selectUsers: selectUsers,
43
+ selectIds: selectUsers.map(function (v) {
44
+ return v.id;
45
+ })
46
+ }),
47
+ _useState2 = _slicedToArray(_useState, 2),
48
+ state = _useState2[0],
49
+ setState = _useState2[1];
50
+
51
+ var _useHttp = _useHttp2('QueryOrgList', function () {
52
+ return api.getOrgs();
53
+ }),
54
+ _useHttp$data = _useHttp.data,
55
+ orgList = _useHttp$data === void 0 ? [] : _useHttp$data;
56
+
57
+ var treeData = useMemo(function () {
58
+ return treeHelper.computTreeList(orgList);
59
+ }, [orgList]);
60
+ var selectId = useMemo(function () {
61
+ return state.orgId ? state.orgId : treeData[0] ? treeData[0].id : undefined;
62
+ }, [treeData, state.orgId]);
63
+
64
+ var _useHttp3 = _useHttp2(['QueryUserList', selectId], function (_ref2) {
65
+ var _ref3 = _slicedToArray(_ref2, 2),
66
+ _ = _ref3[0],
67
+ id = _ref3[1];
68
+
69
+ return id ? api.getUsers(id) : Promise.resolve();
70
+ }),
71
+ _useHttp3$data = _useHttp3.data,
72
+ userList = _useHttp3$data === void 0 ? [] : _useHttp3$data;
73
+
74
+ var onUserChecked1 = useCallback(function (ids) {
75
+ var items = userList.filter(function (v) {
76
+ return ids.includes(v.id);
77
+ });
78
+ var notInList = differenceWith(state.selectUsers, userList, function (a, b) {
79
+ return a.id === b.id;
80
+ });
81
+ var arr = [];
82
+ items.forEach(function (item) {
83
+ arr.push(item);
84
+ });
85
+ var newUsers = uniqBy([].concat(_toConsumableArray(notInList), arr), 'id');
86
+ setState(function (old) {
87
+ return Object.assign(Object.assign({}, old), {
88
+ selectUsers: newUsers,
89
+ selectIds: uniq([].concat(_toConsumableArray(old.selectIds), _toConsumableArray(ids)))
90
+ });
91
+ });
92
+ }, [userList, state.selectUsers]);
93
+ var onUserChecked2 = useCallback(function (ids) {
94
+ return setState(function (old) {
95
+ return Object.assign(Object.assign({}, old), {
96
+ selectIds: ids
97
+ });
98
+ });
99
+ }, []);
100
+ var list1CheckedKeys = useMemo(function () {
101
+ return intersectionWith(userList, state.selectUsers, function (a, b) {
102
+ return a.id === b.id;
103
+ }).map(function (v) {
104
+ return v.id;
105
+ });
106
+ }, [userList, state.selectUsers]);
107
+ useImperativeHandle(ref, function () {
108
+ return {
109
+ userList: state.selectUsers.filter(function (v) {
110
+ return state.selectIds.includes(v.id);
111
+ })
112
+ };
113
+ }, [state.selectUsers, state.selectIds]);
114
+
115
+ _useChangeEffect(function () {
116
+ return onChange && onChange(state.selectUsers.filter(function (v) {
117
+ return state.selectIds.includes(v.id);
118
+ }));
119
+ }, [state.selectUsers, state.selectIds]);
120
+
121
+ return /*#__PURE__*/React.createElement("div", {
122
+ className: "user-select-modal-content ".concat(className)
123
+ }, /*#__PURE__*/React.createElement(OrgUserTree, {
124
+ onSelect: function onSelect(ids) {
125
+ return setState(function (old) {
126
+ return Object.assign(Object.assign({}, old), {
127
+ orgId: ids[0]
128
+ });
129
+ });
130
+ },
131
+ activeKey: selectId
132
+ }), /*#__PURE__*/React.createElement(List, {
133
+ onChecked: onUserChecked1,
134
+ list: userList,
135
+ key: userList.length,
136
+ checkedKeys: list1CheckedKeys,
137
+ itemKey: "id",
138
+ itemNameKey: "realName",
139
+ className: "user-source-list",
140
+ title: "\u4EBA\u5458",
141
+ onKeywordChange: function onKeywordChange(v) {
142
+ return setState(function (old) {
143
+ return Object.assign(Object.assign({}, old), {
144
+ keyword1: v
145
+ });
146
+ });
147
+ },
148
+ keywords: state.keyword1
149
+ }), /*#__PURE__*/React.createElement(List, {
150
+ list: state.selectUsers,
151
+ itemKey: "id",
152
+ itemNameKey: "realName",
153
+ checkedKeys: state.selectIds,
154
+ className: "user-select-list",
155
+ title: "\u5DF2\u6DFB\u52A0",
156
+ onKeywordChange: function onKeywordChange(v) {
157
+ return setState(function (old) {
158
+ return Object.assign(Object.assign({}, old), {
159
+ keyword2: v
160
+ });
161
+ });
162
+ },
163
+ keywords: state.keyword2,
164
+ onChecked: onUserChecked2
165
+ }));
166
+ }
167
+
168
+ export default /*#__PURE__*/React.forwardRef(UserSelect);
@@ -19,7 +19,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
19
19
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
20
 
21
21
  import React, { useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
22
- import RefModal from '../RefModal';
22
+ import RefModal from '../../RefModal';
23
23
 
24
24
  function ConditionForm(_ref) {
25
25
  var form = _ref.form,
@@ -23,7 +23,7 @@ import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react'
23
23
  import _ from 'lodash';
24
24
  import chroma from 'chroma-js';
25
25
  import UserSelectModalContent from './UserSelectModalContent';
26
- import RefModal from '../RefModal';
26
+ import RefModal from '../../RefModal';
27
27
 
28
28
  function EmptyUserSet(_ref) {
29
29
  var _this = this;
@@ -6,5 +6,5 @@ interface IGroupListProps {
6
6
  keywords?: string;
7
7
  onChecked: (ids: string[]) => void;
8
8
  }
9
- declare function GroupList({ list, onKeywordChange, onChecked }: IGroupListProps): JSX.Element;
9
+ declare function GroupList({ list, onKeywordChange, onChecked, checkedKeys }: IGroupListProps): JSX.Element;
10
10
  export default GroupList;
@@ -6,7 +6,8 @@ import TreeTitle from '../../TreeTitle';
6
6
  function GroupList(_ref) {
7
7
  var list = _ref.list,
8
8
  onKeywordChange = _ref.onKeywordChange,
9
- onChecked = _ref.onChecked;
9
+ onChecked = _ref.onChecked,
10
+ checkedKeys = _ref.checkedKeys;
10
11
  return /*#__PURE__*/React.createElement("div", {
11
12
  className: "lm-c-check-list-wrapper vidc-list-component post-group-list"
12
13
  }, /*#__PURE__*/React.createElement(TreeTitle, {
@@ -17,6 +18,7 @@ function GroupList(_ref) {
17
18
  }), /*#__PURE__*/React.createElement("div", {
18
19
  className: "lm-c-base-list-layout"
19
20
  }, /*#__PURE__*/React.createElement(_Checkbox.Group, {
21
+ value: checkedKeys,
20
22
  onChange: function onChange(v) {
21
23
  return onChecked(v);
22
24
  }
@@ -24,7 +24,7 @@ import _ from 'lodash';
24
24
  import chroma from 'chroma-js';
25
25
  import GroupSelectModalContent from './GroupSelectModalContent';
26
26
  import { formatRenderGroup } from './utils';
27
- import RefModal from '../RefModal';
27
+ import RefModal from '../../RefModal';
28
28
 
29
29
  function GroupSelect(_ref) {
30
30
  var _this = this;