@tddc/assign-modal 3.0.7 → 3.0.8

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 (10) hide show
  1. package/es/AssignModal/AssignApp/Edit.js +1101 -484
  2. package/es/AssignModal/AssignApp/Edit_without_TntdVirtualTree.js +928 -435
  3. package/es/AssignModal/AssignApp/View.js +576 -247
  4. package/es/AssignModal/AssignApp/index.js +5 -3
  5. package/es/AssignModal/AssignApp/index.less +4 -0
  6. package/es/AssignModal/AssignApp/utils.js +133 -30
  7. package/es/AssignModal/index.js +135 -32
  8. package/es/index.js +1 -1
  9. package/es/locale.js +22 -12
  10. package/package.json +1 -1
package/es/AssignModal/AssignApp/Edit_without_TntdVirtualTree.js CHANGED
@@ -1,21 +1,94 @@
1
- import _Input from "tntd/es/input";
2
- import _Icon from "tntd/es/icon";
3
- import _Segmented from "tntd/es/segmented";
4
- import _Empty from "tntd/es/empty";
5
- import _Checkbox from "tntd/es/checkbox";
6
- import _Ellipsis from "tntd/es/ellipsis";
7
- import _Tree from "tntd/es/tree";
8
- function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
9
- 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."); }
10
- function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
11
- function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
12
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
13
- 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."); }
14
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
15
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
16
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
17
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
18
- import React from "react";
1
+ import _Input from 'tntd/es/input';
2
+ import _Icon from 'tntd/es/icon';
3
+ import _Segmented from 'tntd/es/segmented';
4
+ import _Empty from 'tntd/es/empty';
5
+ import _Checkbox from 'tntd/es/checkbox';
6
+ import _Ellipsis from 'tntd/es/ellipsis';
7
+ import _Tree from 'tntd/es/tree';
8
+ function _toConsumableArray(r) {
9
+ return (
10
+ _arrayWithoutHoles(r) ||
11
+ _iterableToArray(r) ||
12
+ _unsupportedIterableToArray(r) ||
13
+ _nonIterableSpread()
14
+ );
15
+ }
16
+ function _nonIterableSpread() {
17
+ throw new TypeError(
18
+ 'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
19
+ );
20
+ }
21
+ function _iterableToArray(r) {
22
+ if (('undefined' != typeof Symbol && null != r[Symbol.iterator]) || null != r['@@iterator'])
23
+ return Array.from(r);
24
+ }
25
+ function _arrayWithoutHoles(r) {
26
+ if (Array.isArray(r)) return _arrayLikeToArray(r);
27
+ }
28
+ function _slicedToArray(r, e) {
29
+ return (
30
+ _arrayWithHoles(r) ||
31
+ _iterableToArrayLimit(r, e) ||
32
+ _unsupportedIterableToArray(r, e) ||
33
+ _nonIterableRest()
34
+ );
35
+ }
36
+ function _nonIterableRest() {
37
+ throw new TypeError(
38
+ 'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
39
+ );
40
+ }
41
+ function _unsupportedIterableToArray(r, a) {
42
+ if (r) {
43
+ if ('string' == typeof r) return _arrayLikeToArray(r, a);
44
+ var t = {}.toString.call(r).slice(8, -1);
45
+ return (
46
+ 'Object' === t && r.constructor && (t = r.constructor.name),
47
+ 'Map' === t || 'Set' === t
48
+ ? Array.from(r)
49
+ : 'Arguments' === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)
50
+ ? _arrayLikeToArray(r, a)
51
+ : void 0
52
+ );
53
+ }
54
+ }
55
+ function _arrayLikeToArray(r, a) {
56
+ (null == a || a > r.length) && (a = r.length);
57
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
58
+ return n;
59
+ }
60
+ function _iterableToArrayLimit(r, l) {
61
+ var t =
62
+ null == r ? null : ('undefined' != typeof Symbol && r[Symbol.iterator]) || r['@@iterator'];
63
+ if (null != t) {
64
+ var e,
65
+ n,
66
+ i,
67
+ u,
68
+ a = [],
69
+ f = !0,
70
+ o = !1;
71
+ try {
72
+ if (((i = (t = t.call(r)).next), 0 === l)) {
73
+ if (Object(t) !== t) return;
74
+ f = !1;
75
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
76
+ } catch (r) {
77
+ (o = !0), (n = r);
78
+ } finally {
79
+ try {
80
+ if (!f && null != t.return && ((u = t.return()), Object(u) !== u)) return;
81
+ } finally {
82
+ if (o) throw n;
83
+ }
84
+ }
85
+ return a;
86
+ }
87
+ }
88
+ function _arrayWithHoles(r) {
89
+ if (Array.isArray(r)) return r;
90
+ }
91
+ import React from 'react';
19
92
  import { useEffect, useState, useCallback, useRef, useMemo } from 'react';
20
93
  import { cloneDeep, debounce } from 'lodash';
21
94
  import './index.less';
@@ -53,25 +126,48 @@ var AssignModal = function AssignModal(props) {
53
126
  var appMapRef = useRef({});
54
127
  var userMapRef = useRef({});
55
128
  var rootNode = orgList[0];
56
- var _useMemo = useMemo(function () {
57
- var org = preorder(rootNode, function (key, root) {
58
- orgMapRef.current[key] = root;
59
- }, true);
60
- var app = appList.map(function (item) {
61
- appMapRef.current[item.value] = item;
62
- return item.value;
63
- });
64
- var user = (userList === null || userList === void 0 ? void 0 : userList.map(function (item) {
65
- userMapRef.current[item.account] = item;
66
- return item.account;
67
- })) || [];
68
- return [org, app, user];
69
- }, [rootNode, appList, userList]),
129
+ var _useMemo = useMemo(
130
+ function () {
131
+ var org = preorder(
132
+ rootNode,
133
+ function (key, root) {
134
+ orgMapRef.current[key] = root;
135
+ },
136
+ true,
137
+ );
138
+ var app = appList.map(function (item) {
139
+ appMapRef.current[item.value] = item;
140
+ return item.value;
141
+ });
142
+ var user =
143
+ (userList === null || userList === void 0
144
+ ? void 0
145
+ : userList.map(function (item) {
146
+ userMapRef.current[item.account] = item;
147
+ return item.account;
148
+ })) || [];
149
+ return [org, app, user];
150
+ },
151
+ [rootNode, appList, userList],
152
+ ),
70
153
  _useMemo2 = _slicedToArray(_useMemo, 3),
71
154
  allOrg = _useMemo2[0],
72
155
  allApp = _useMemo2[1],
73
156
  allUser = _useMemo2[2];
74
- var titleOptions = ["".concat(orgTitle || getText('availableOrgs', props === null || props === void 0 ? void 0 : props.lang)), "".concat(appTitle || getText('availableApps', props === null || props === void 0 ? void 0 : props.lang)), "".concat(userTitle || getText('availableUsers', props === null || props === void 0 ? void 0 : props.lang))];
157
+ var titleOptions = [
158
+ ''.concat(
159
+ orgTitle ||
160
+ getText('availableOrgs', props === null || props === void 0 ? void 0 : props.lang),
161
+ ),
162
+ ''.concat(
163
+ appTitle ||
164
+ getText('availableApps', props === null || props === void 0 ? void 0 : props.lang),
165
+ ),
166
+ ''.concat(
167
+ userTitle ||
168
+ getText('availableUsers', props === null || props === void 0 ? void 0 : props.lang),
169
+ ),
170
+ ];
75
171
  if (!showUser) {
76
172
  titleOptions.pop();
77
173
  }
@@ -92,93 +188,108 @@ var AssignModal = function AssignModal(props) {
92
188
  checkedKeys = _useState8[0],
93
189
  setCheckedKeys = _useState8[1];
94
190
  var _useState9 = useState(appCodes || []),
95
- _useState10 = _slicedToArray(_useState9, 2),
96
- appKeys = _useState10[0],
97
- setAppKeys = _useState10[1];
98
- var _useState11 = useState(accounts || []),
191
+ _useState0 = _slicedToArray(_useState9, 2),
192
+ appKeys = _useState0[0],
193
+ setAppKeys = _useState0[1];
194
+ var _useState1 = useState(accounts || []),
195
+ _useState10 = _slicedToArray(_useState1, 2),
196
+ userKeys = _useState10[0],
197
+ setUserKeys = _useState10[1];
198
+ var _useState11 = useState(false),
99
199
  _useState12 = _slicedToArray(_useState11, 2),
100
- userKeys = _useState12[0],
101
- setUserKeys = _useState12[1];
200
+ allOrgChecked = _useState12[0],
201
+ setAllOrgChecked = _useState12[1];
102
202
  var _useState13 = useState(false),
103
203
  _useState14 = _slicedToArray(_useState13, 2),
104
- allOrgChecked = _useState14[0],
105
- setAllOrgChecked = _useState14[1];
204
+ allAppChecked = _useState14[0],
205
+ setAllAppChecked = _useState14[1];
106
206
  var _useState15 = useState(false),
107
207
  _useState16 = _slicedToArray(_useState15, 2),
108
- allAppChecked = _useState16[0],
109
- setAllAppChecked = _useState16[1];
110
- var _useState17 = useState(false),
208
+ allUserChecked = _useState16[0],
209
+ setAllUserChecked = _useState16[1];
210
+ var _useState17 = useState(),
111
211
  _useState18 = _slicedToArray(_useState17, 2),
112
- allUserChecked = _useState18[0],
113
- setAllUserChecked = _useState18[1];
212
+ filterOrg = _useState18[0],
213
+ setFilterOrg = _useState18[1];
114
214
  var _useState19 = useState(),
115
215
  _useState20 = _slicedToArray(_useState19, 2),
116
- filterOrg = _useState20[0],
117
- setFilterOrg = _useState20[1];
216
+ filterUser = _useState20[0],
217
+ setFilterUser = _useState20[1];
118
218
  var _useState21 = useState(),
119
219
  _useState22 = _slicedToArray(_useState21, 2),
120
- filterUser = _useState22[0],
121
- setFilterUser = _useState22[1];
122
- var _useState23 = useState(),
123
- _useState24 = _slicedToArray(_useState23, 2),
124
- filterApp = _useState24[0],
125
- setFilterApp = _useState24[1];
126
- useEffect(function () {
127
- // path 和 allOrgList 赋值
128
- path = findSameCodePath(rootNode, orgCode);
129
- var initOrgs = [];
130
- var initApps = [];
131
- var initAccounts = [];
132
- if (orgCodes.includes('all')) {
133
- setAllOrgChecked(orgCodes.includes('all'));
134
- initOrgs = allOrg;
135
- } else {
136
- initOrgs = Array.from(new Set([].concat(_toConsumableArray(orgCodes || []), _toConsumableArray(path))));
137
- }
138
- if (appCodes.includes('all')) {
139
- setAllAppChecked(appCodes.includes('all'));
140
- initApps = allApp;
141
- } else {
142
- initApps = Array.from(new Set([].concat(_toConsumableArray(appCodes || []), [appCode])));
143
- }
144
- if (showUser) {
145
- if (accounts.includes('all')) {
146
- setAllUserChecked(true);
147
- initAccounts = allUser;
220
+ filterApp = _useState22[0],
221
+ setFilterApp = _useState22[1];
222
+ useEffect(
223
+ function () {
224
+ // path 和 allOrgList 赋值
225
+ path = findSameCodePath(rootNode, orgCode);
226
+ var initOrgs = [];
227
+ var initApps = [];
228
+ var initAccounts = [];
229
+ if (orgCodes.includes('all')) {
230
+ setAllOrgChecked(orgCodes.includes('all'));
231
+ initOrgs = allOrg;
148
232
  } else {
149
- initAccounts = Array.from(new Set([].concat(_toConsumableArray(accounts || []), [account])));
233
+ initOrgs = Array.from(
234
+ new Set([].concat(_toConsumableArray(orgCodes || []), _toConsumableArray(path))),
235
+ );
150
236
  }
151
- }
152
- setCheckedKeys(initOrgs);
153
- setAppKeys(initApps || []);
154
- setUserKeys(initAccounts || []);
155
- onChange && onChange({
156
- appKeys: appCodes.includes('all') ? ['all'] : initApps,
157
- checkedKeys: orgCodes.includes('all') ? ['all'] : initOrgs,
158
- userKeys: accounts.includes('all') ? ['all'] : initAccounts,
159
- appCheckAll: appCodes.includes('all'),
160
- orgCheckAll: orgCodes.includes('all'),
161
- userCheckAll: accounts.includes('all'),
162
- checkData: {
163
- apps: initApps,
164
- orgs: initOrgs,
165
- accounts: initAccounts
237
+ if (appCodes.includes('all')) {
238
+ setAllAppChecked(appCodes.includes('all'));
239
+ initApps = allApp;
240
+ } else {
241
+ initApps = Array.from(new Set([].concat(_toConsumableArray(appCodes || []), [appCode])));
166
242
  }
167
- });
168
- }, [dataItem]);
169
- useEffect(function () {
170
- doSearch(filterOrg, orgMapRef.current, function () {
171
- var newData = cloneDeep([orgMapRef.current[orgList[0].value]]);
172
- setTreeData(newData);
173
- });
174
- }, [filterOrg]);
243
+ if (showUser) {
244
+ if (accounts.includes('all')) {
245
+ setAllUserChecked(true);
246
+ initAccounts = allUser;
247
+ } else {
248
+ initAccounts = Array.from(
249
+ new Set([].concat(_toConsumableArray(accounts || []), [account])),
250
+ );
251
+ }
252
+ }
253
+ setCheckedKeys(initOrgs);
254
+ setAppKeys(initApps || []);
255
+ setUserKeys(initAccounts || []);
256
+ onChange &&
257
+ onChange({
258
+ appKeys: appCodes.includes('all') ? ['all'] : initApps,
259
+ checkedKeys: orgCodes.includes('all') ? ['all'] : initOrgs,
260
+ userKeys: accounts.includes('all') ? ['all'] : initAccounts,
261
+ appCheckAll: appCodes.includes('all'),
262
+ orgCheckAll: orgCodes.includes('all'),
263
+ userCheckAll: accounts.includes('all'),
264
+ checkData: {
265
+ apps: initApps,
266
+ orgs: initOrgs,
267
+ accounts: initAccounts,
268
+ },
269
+ });
270
+ },
271
+ [dataItem],
272
+ );
273
+ useEffect(
274
+ function () {
275
+ doSearch(filterOrg, orgMapRef.current, function () {
276
+ var newData = cloneDeep([orgMapRef.current[orgList[0].value]]);
277
+ setTreeData(newData);
278
+ });
279
+ },
280
+ [filterOrg],
281
+ );
175
282
  var _loopTreeNodes = function loopTreeNodes(data) {
176
283
  var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
177
284
  var NodeTitle = function NodeTitle(_ref) {
178
285
  var node = _ref.node;
179
- return /*#__PURE__*/React.createElement("div", {
180
- className: "node-title"
181
- }, node.title);
286
+ return /*#__PURE__*/ React.createElement(
287
+ 'div',
288
+ {
289
+ className: 'node-title',
290
+ },
291
+ node.title,
292
+ );
182
293
  };
183
294
  return data.map(function (item) {
184
295
  var _ref2 = item || {},
@@ -187,26 +298,30 @@ var AssignModal = function AssignModal(props) {
187
298
  if (!show) return null;
188
299
  var orgDisabled = path.includes(code);
189
300
  if (item.children) {
190
- return /*#__PURE__*/React.createElement(TreeNode, {
191
- key: code,
192
- title: /*#__PURE__*/React.createElement(NodeTitle, {
193
- node: item
194
- }),
195
- item: item,
196
- disabled: orgDisabled || disabled || allOrgChecked
197
- }, _loopTreeNodes(item.children, level + 1));
301
+ return /*#__PURE__*/ React.createElement(
302
+ TreeNode,
303
+ {
304
+ key: code,
305
+ title: /*#__PURE__*/ React.createElement(NodeTitle, {
306
+ node: item,
307
+ }),
308
+ item: item,
309
+ disabled: orgDisabled || disabled || allOrgChecked,
310
+ },
311
+ _loopTreeNodes(item.children, level + 1),
312
+ );
198
313
  }
199
- return /*#__PURE__*/React.createElement(TreeNode, {
314
+ return /*#__PURE__*/ React.createElement(TreeNode, {
200
315
  style: {
201
- paddingLeft: "".concat((level + 1) * 14, "px"),
202
- marginLeft: "-".concat(level * 14, "px")
316
+ paddingLeft: ''.concat((level + 1) * 14, 'px'),
317
+ marginLeft: '-'.concat(level * 14, 'px'),
203
318
  },
204
319
  key: code,
205
- title: /*#__PURE__*/React.createElement(NodeTitle, {
206
- node: item
320
+ title: /*#__PURE__*/ React.createElement(NodeTitle, {
321
+ node: item,
207
322
  }),
208
323
  item: item,
209
- disabled: orgDisabled || disabled
324
+ disabled: orgDisabled || disabled,
210
325
  });
211
326
  });
212
327
  };
@@ -240,8 +355,8 @@ var AssignModal = function AssignModal(props) {
240
355
  checkData: {
241
356
  apps: appKeys,
242
357
  orgs: checked,
243
- accounts: userKeys
244
- }
358
+ accounts: userKeys,
359
+ },
245
360
  });
246
361
  };
247
362
  var assignApp = function assignApp(e) {
@@ -270,8 +385,8 @@ var AssignModal = function AssignModal(props) {
270
385
  checkData: {
271
386
  apps: newAppKeys,
272
387
  orgs: checkedKeys,
273
- accounts: userKeys
274
- }
388
+ accounts: userKeys,
389
+ },
275
390
  });
276
391
  };
277
392
  var assignUser = function assignUser(e) {
@@ -300,8 +415,8 @@ var AssignModal = function AssignModal(props) {
300
415
  checkData: {
301
416
  apps: appKeys,
302
417
  orgs: checkedKeys,
303
- accounts: newUserKeys
304
- }
418
+ accounts: newUserKeys,
419
+ },
305
420
  });
306
421
  };
307
422
 
@@ -322,13 +437,15 @@ var AssignModal = function AssignModal(props) {
322
437
  checkData: {
323
438
  apps: appKeys,
324
439
  orgs: checkedKeys,
325
- accounts: accounts
326
- }
440
+ accounts: accounts,
441
+ },
327
442
  });
328
443
  } else {
329
444
  setAllOrgChecked(false);
330
445
  var arr = orgCodes.includes('all') ? allOrg : orgCodes;
331
- orgChecks = Array.from(new Set([].concat(_toConsumableArray(arr || []), _toConsumableArray(path))));
446
+ orgChecks = Array.from(
447
+ new Set([].concat(_toConsumableArray(arr || []), _toConsumableArray(path))),
448
+ );
332
449
  setCheckedKeys(orgChecks);
333
450
  onChange({
334
451
  appKeys: allAppChecked ? ['all'] : appKeys,
@@ -340,8 +457,8 @@ var AssignModal = function AssignModal(props) {
340
457
  checkData: {
341
458
  apps: appKeys,
342
459
  orgs: orgChecks,
343
- accounts: accounts
344
- }
460
+ accounts: accounts,
461
+ },
345
462
  });
346
463
  }
347
464
  };
@@ -365,8 +482,8 @@ var AssignModal = function AssignModal(props) {
365
482
  checkData: {
366
483
  apps: appChecks,
367
484
  orgs: checkedKeys,
368
- accounts: accounts
369
- }
485
+ accounts: accounts,
486
+ },
370
487
  });
371
488
  } else {
372
489
  setAllAppChecked(false);
@@ -383,8 +500,8 @@ var AssignModal = function AssignModal(props) {
383
500
  checkData: {
384
501
  apps: appChecks,
385
502
  orgs: checkedKeys,
386
- accounts: accounts
387
- }
503
+ accounts: accounts,
504
+ },
388
505
  });
389
506
  }
390
507
  };
@@ -408,8 +525,8 @@ var AssignModal = function AssignModal(props) {
408
525
  checkData: {
409
526
  apps: appKeys,
410
527
  orgs: checkedKeys,
411
- accounts: userChecks
412
- }
528
+ accounts: userChecks,
529
+ },
413
530
  });
414
531
  } else {
415
532
  setAllUserChecked(false);
@@ -426,28 +543,39 @@ var AssignModal = function AssignModal(props) {
426
543
  checkData: {
427
544
  apps: appKeys,
428
545
  orgs: checkedKeys,
429
- accounts: userChecks
430
- }
546
+ accounts: userChecks,
547
+ },
431
548
  });
432
549
  }
433
550
  };
434
- var debouncedOrgSearch = useCallback(debounce(function (nextValue) {
435
- setFilterOrg(nextValue);
436
- }, 200), []);
437
- var debouncedUserSearch = useCallback(debounce(function (nextValue) {
438
- setFilterUser(nextValue);
439
- }, 200), []);
440
- var debouncedAppSearch = useCallback(debounce(function (nextValue) {
441
- setFilterApp(nextValue);
442
- }, 200), []);
551
+ var debouncedOrgSearch = useCallback(
552
+ debounce(function (nextValue) {
553
+ setFilterOrg(nextValue);
554
+ }, 200),
555
+ [],
556
+ );
557
+ var debouncedUserSearch = useCallback(
558
+ debounce(function (nextValue) {
559
+ setFilterUser(nextValue);
560
+ }, 200),
561
+ [],
562
+ );
563
+ var debouncedAppSearch = useCallback(
564
+ debounce(function (nextValue) {
565
+ setFilterApp(nextValue);
566
+ }, 200),
567
+ [],
568
+ );
443
569
  // 拼接机构路径显示名
444
570
  var getOrgPathDisplayName = function getOrgPathDisplayName() {
445
571
  var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
446
572
  var displayName = '';
447
573
  if (path.length > 0) {
448
- displayName = path.map(function (item) {
449
- return orgMapRef.current[item].name;
450
- }).join(' / ');
574
+ displayName = path
575
+ .map(function (item) {
576
+ return orgMapRef.current[item].name;
577
+ })
578
+ .join(' / ');
451
579
  }
452
580
  return displayName;
453
581
  };
@@ -469,8 +597,8 @@ var AssignModal = function AssignModal(props) {
469
597
  checkData: {
470
598
  apps: appKeys,
471
599
  orgs: checked,
472
- accounts: userKeys
473
- }
600
+ accounts: userKeys,
601
+ },
474
602
  });
475
603
  };
476
604
  // 移除全部机构
@@ -488,8 +616,8 @@ var AssignModal = function AssignModal(props) {
488
616
  checkData: {
489
617
  apps: appKeys,
490
618
  orgs: checked,
491
- accounts: userKeys
492
- }
619
+ accounts: userKeys,
620
+ },
493
621
  });
494
622
  };
495
623
  // 移除单个应用
@@ -512,8 +640,8 @@ var AssignModal = function AssignModal(props) {
512
640
  checkData: {
513
641
  apps: newAppKeys,
514
642
  orgs: checkedKeys,
515
- accounts: userKeys
516
- }
643
+ accounts: userKeys,
644
+ },
517
645
  });
518
646
  };
519
647
  // 移除全部应用
@@ -531,8 +659,8 @@ var AssignModal = function AssignModal(props) {
531
659
  checkData: {
532
660
  apps: newAppKeys,
533
661
  orgs: checkedKeys,
534
- accounts: userKeys
535
- }
662
+ accounts: userKeys,
663
+ },
536
664
  });
537
665
  };
538
666
  // 移除全部用户
@@ -550,8 +678,8 @@ var AssignModal = function AssignModal(props) {
550
678
  checkData: {
551
679
  apps: appKeys,
552
680
  orgs: checkedKeys,
553
- accounts: newUserKeys
554
- }
681
+ accounts: newUserKeys,
682
+ },
555
683
  });
556
684
  };
557
685
  // 移除单个用户
@@ -574,293 +702,658 @@ var AssignModal = function AssignModal(props) {
574
702
  checkData: {
575
703
  apps: appKeys,
576
704
  orgs: checkedKeys,
577
- accounts: newUserKeys
578
- }
705
+ accounts: newUserKeys,
706
+ },
579
707
  });
580
708
  };
581
709
 
582
710
  // 已选择的机构列表
583
- var areadySelectOrg = useMemo(function () {
584
- return checkedKeys.filter(function (i) {
585
- return allOrg.includes(i);
586
- }) || [];
587
- }, [checkedKeys, allOrg]);
711
+ var areadySelectOrg = useMemo(
712
+ function () {
713
+ return (
714
+ checkedKeys.filter(function (i) {
715
+ return allOrg.includes(i);
716
+ }) || []
717
+ );
718
+ },
719
+ [checkedKeys, allOrg],
720
+ );
588
721
  // 已选择的渠道列表
589
- var areadySelectApp = useMemo(function () {
590
- return appKeys.filter(function (i) {
591
- return allApp.includes(i);
592
- }) || [];
593
- }, [appKeys, allApp]);
722
+ var areadySelectApp = useMemo(
723
+ function () {
724
+ return (
725
+ appKeys.filter(function (i) {
726
+ return allApp.includes(i);
727
+ }) || []
728
+ );
729
+ },
730
+ [appKeys, allApp],
731
+ );
594
732
  // 已选择的用户列表
595
- var areadySelectUser = useMemo(function () {
596
- return userKeys.filter(function (i) {
597
- return allUser.includes(i);
598
- }) || [];
599
- }, [userKeys, allUser]);
733
+ var areadySelectUser = useMemo(
734
+ function () {
735
+ return (
736
+ userKeys.filter(function (i) {
737
+ return allUser.includes(i);
738
+ }) || []
739
+ );
740
+ },
741
+ [userKeys, allUser],
742
+ );
600
743
 
601
744
  // 渲染App列表
602
- var appListDomRender = useMemo(function () {
603
- return appList.filter(function (i) {
604
- var label = i.label,
605
- value = i.value;
606
- if (filterApp) {
607
- return (label === null || label === void 0 ? void 0 : label.toLocaleLowerCase().includes(filterApp === null || filterApp === void 0 ? void 0 : filterApp.toLocaleLowerCase())) || (value === null || value === void 0 ? void 0 : value.toLocaleLowerCase().includes(filterApp === null || filterApp === void 0 ? void 0 : filterApp.toLocaleLowerCase()));
608
- }
609
- return i;
610
- }).map(function (item, index) {
611
- var isCheck = appKeys === null || appKeys === void 0 ? void 0 : appKeys.includes(item.value);
612
- var isOwnAppCode = appCode === item.value;
613
- return /*#__PURE__*/React.createElement(_Checkbox, {
614
- checked: isCheck,
615
- disabled: disabled || isOwnAppCode || allAppChecked,
616
- onChange: assignApp,
617
- value: item.value,
618
- key: index
619
- }, /*#__PURE__*/React.createElement("span", {
620
- style: {
621
- display: 'inline-block'
622
- }
623
- }, /*#__PURE__*/React.createElement(_Ellipsis, {
624
- title: item.label
625
- })));
626
- });
627
- }, [appList, appKeys, filterApp]);
745
+ var appListDomRender = useMemo(
746
+ function () {
747
+ return appList
748
+ .filter(function (i) {
749
+ var label = i.label,
750
+ value = i.value;
751
+ if (filterApp) {
752
+ return (
753
+ (label === null || label === void 0
754
+ ? void 0
755
+ : label
756
+ .toLocaleLowerCase()
757
+ .includes(
758
+ filterApp === null || filterApp === void 0
759
+ ? void 0
760
+ : filterApp.toLocaleLowerCase(),
761
+ )) ||
762
+ (value === null || value === void 0
763
+ ? void 0
764
+ : value
765
+ .toLocaleLowerCase()
766
+ .includes(
767
+ filterApp === null || filterApp === void 0
768
+ ? void 0
769
+ : filterApp.toLocaleLowerCase(),
770
+ ))
771
+ );
772
+ }
773
+ return i;
774
+ })
775
+ .map(function (item, index) {
776
+ var isCheck =
777
+ appKeys === null || appKeys === void 0 ? void 0 : appKeys.includes(item.value);
778
+ var isOwnAppCode = appCode === item.value;
779
+ return /*#__PURE__*/ React.createElement(
780
+ _Checkbox,
781
+ {
782
+ checked: isCheck,
783
+ disabled: disabled || isOwnAppCode || allAppChecked,
784
+ onChange: assignApp,
785
+ value: item.value,
786
+ key: index,
787
+ },
788
+ /*#__PURE__*/ React.createElement(
789
+ 'span',
790
+ {
791
+ style: {
792
+ display: 'inline-block',
793
+ },
794
+ },
795
+ /*#__PURE__*/ React.createElement(_Ellipsis, {
796
+ title: item.label,
797
+ }),
798
+ ),
799
+ );
800
+ });
801
+ },
802
+ [appList, appKeys, filterApp],
803
+ );
628
804
 
629
805
  // 渲染User列表
630
- var userListDomRender = useMemo(function () {
631
- return (userList === null || userList === void 0 ? void 0 : userList.filter(function (item) {
632
- if (filterUser) {
633
- var _item$account, _item$userName;
634
- return (item === null || item === void 0 ? void 0 : (_item$account = item.account) === null || _item$account === void 0 ? void 0 : _item$account.toLocaleLowerCase().includes(filterUser === null || filterUser === void 0 ? void 0 : filterUser.toLocaleLowerCase())) || (item === null || item === void 0 ? void 0 : (_item$userName = item.userName) === null || _item$userName === void 0 ? void 0 : _item$userName.toLocaleLowerCase().includes(filterUser === null || filterUser === void 0 ? void 0 : filterUser.toLocaleLowerCase()));
635
- }
636
- return item;
637
- }).map(function (item, index) {
638
- var isCheck = userKeys === null || userKeys === void 0 ? void 0 : userKeys.includes(item.account);
639
- var isOwnAccount = account === item.account;
640
- return /*#__PURE__*/React.createElement(_Checkbox, {
641
- key: item + index,
642
- checked: isCheck,
643
- disabled: disabled || isOwnAccount || allUserChecked,
644
- onChange: assignUser,
645
- value: item.account
646
- }, /*#__PURE__*/React.createElement("span", {
647
- style: {
648
- display: 'inline-block'
649
- }
650
- }, /*#__PURE__*/React.createElement(_Ellipsis, {
651
- widthLimit: 240,
652
- title: item.userName
653
- })));
654
- })) || /*#__PURE__*/React.createElement(_Empty, null);
655
- }, [userList, userKeys, filterUser]);
656
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Segmented, {
657
- className: "menu-title",
658
- value: curValue,
659
- options: titleOptions,
660
- onChange: function onChange(index) {
661
- setCurValue(index);
662
- setCurIndex(titleOptions.findIndex(function (i) {
663
- return i === index;
664
- }));
665
- }
666
- }), /*#__PURE__*/React.createElement("div", {
667
- className: "assign-box-container"
668
- }, /*#__PURE__*/React.createElement("div", {
669
- className: "slider panel-".concat(curIndex),
670
- style: {
671
- width: !!showUser ? '300%' : '200%'
672
- }
673
- }, /*#__PURE__*/React.createElement("div", {
674
- className: "org-panel panel"
675
- }, /*#__PURE__*/React.createElement("div", {
676
- className: "menu-header"
677
- }, /*#__PURE__*/React.createElement("span", {
678
- className: "title"
679
- }, orgTitle || getText('authorizesOrgList', props === null || props === void 0 ? void 0 : props.lang)), /*#__PURE__*/React.createElement("div", {
680
- className: "menu-all-checked"
681
- }, /*#__PURE__*/React.createElement(_Checkbox, {
682
- onChange: checkAllOrg,
683
- checked: allOrgChecked,
684
- disabled: disabled
685
- }, orgCheckboxTitle || getText('allOrgAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/React.createElement("div", {
686
- className: "panel-menu-body"
687
- }, /*#__PURE__*/React.createElement("div", {
688
- className: "panel-left"
689
- }, /*#__PURE__*/React.createElement(_Input, {
690
- size: "small",
691
- allowClear: true,
692
- placeholder: getText('search', props === null || props === void 0 ? void 0 : props.lang),
693
- onChange: function onChange(e) {
694
- debouncedOrgSearch(e.target.value);
695
- },
696
- suffix: /*#__PURE__*/React.createElement(_Icon, {
697
- type: "zoom"
698
- }),
699
- style: {
700
- marginBottom: 16,
701
- width: 'calc(100% - 16px)'
702
- }
703
- }), /*#__PURE__*/React.createElement(_Tree, {
704
- blockNode: true,
705
- className: "tree-list",
706
- checkable: true,
707
- checkStrictly: true,
708
- checkedKeys: checkedKeys,
709
- defaultExpandAll: true,
710
- onCheck: onCheck
711
- }, _loopTreeNodes(treeData, 0))), /*#__PURE__*/React.createElement("div", {
712
- className: "panel-right"
713
- }, /*#__PURE__*/React.createElement("div", {
714
- className: "select-menu-header"
715
- }, getText('hasBeenSelected', props === null || props === void 0 ? void 0 : props.lang), ":", ' ', getText('numOfOrg', props === null || props === void 0 ? void 0 : props.lang, areadySelectOrg.length || 0), /*#__PURE__*/React.createElement("a", {
716
- onClick: function onClick() {
717
- return onRemoveAllOrg();
718
- }
719
- }, getText('clear', props === null || props === void 0 ? void 0 : props.lang))), /*#__PURE__*/React.createElement("ul", {
720
- className: "select-menu-list"
721
- }, checkedKeys.map(function (item, index) {
722
- var node = orgMapRef.current[item] || {};
723
- var path = node.path,
724
- name = node.name;
725
- var pathDisplayName = getOrgPathDisplayName(path);
726
- var disabled = rootNode.key === item;
727
- return /*#__PURE__*/React.createElement("li", {
728
- key: item.value + index,
729
- className: "select-menu-list-item"
730
- }, /*#__PURE__*/React.createElement("span", {
731
- className: "org-name"
732
- }, /*#__PURE__*/React.createElement(_Ellipsis, {
733
- title: name
734
- })), /*#__PURE__*/React.createElement("span", {
735
- className: "path-name"
736
- }, /*#__PURE__*/React.createElement(_Ellipsis, {
737
- title: pathDisplayName
738
- })), !disabled && /*#__PURE__*/React.createElement(_Icon, {
739
- type: "close",
740
- className: "close-icon",
741
- onClick: function onClick() {
742
- return onRemoveSingleOrg(node);
743
- }
744
- }));
745
- }) || /*#__PURE__*/React.createElement(_Empty, null))))), /*#__PURE__*/React.createElement("div", {
746
- className: "app-panel panel"
747
- }, /*#__PURE__*/React.createElement("div", {
748
- className: "menu-header"
749
- }, /*#__PURE__*/React.createElement("span", {
750
- className: "title"
751
- }, appTitle || getText('authorizesAppList', props === null || props === void 0 ? void 0 : props.lang)), /*#__PURE__*/React.createElement("div", {
752
- className: "menu-all-checked"
753
- }, /*#__PURE__*/React.createElement(_Checkbox, {
754
- onChange: checkedAllApp,
755
- checked: allAppChecked,
756
- disabled: disabled
757
- }, appCheckboxTitle || getText('allAppAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/React.createElement("div", {
758
- className: "panel-menu-body"
759
- }, /*#__PURE__*/React.createElement("div", {
760
- className: "panel-left"
761
- }, /*#__PURE__*/React.createElement(_Input, {
762
- onChange: function onChange(e) {
763
- debouncedAppSearch(e.target.value);
764
- },
765
- size: "small",
766
- allowClear: true,
767
- placeholder: getText('search', props === null || props === void 0 ? void 0 : props.lang),
768
- suffix: /*#__PURE__*/React.createElement(_Icon, {
769
- type: "zoom"
770
- }),
771
- style: {
772
- marginBottom: 16,
773
- width: 'calc(100% - 16px)'
774
- }
775
- }), appListDomRender), /*#__PURE__*/React.createElement("div", {
776
- className: "panel-right"
777
- }, /*#__PURE__*/React.createElement("div", {
778
- className: "select-menu-header"
779
- }, /*#__PURE__*/React.createElement("span", null, getText('hasBeenSelected', props === null || props === void 0 ? void 0 : props.lang), ":", ' ', getText('numOfApp', props === null || props === void 0 ? void 0 : props.lang, areadySelectApp.length || 0)), /*#__PURE__*/React.createElement("a", {
780
- onClick: function onClick() {
781
- return onRemoveAllApp();
782
- }
783
- }, getText('clear', props === null || props === void 0 ? void 0 : props.lang))), /*#__PURE__*/React.createElement("ul", {
784
- className: "select-menu-list"
785
- }, appKeys.map(function (item, index) {
786
- var node = appMapRef.current[item] || {};
787
- var value = node.value,
788
- label = node.label;
789
- var isOwnAppCode = appCode === value;
790
- if (!value && !label) return null; // 不显示多余数据
791
- return /*#__PURE__*/React.createElement("li", {
792
- key: value + index,
793
- className: "select-menu-list-item"
794
- }, /*#__PURE__*/React.createElement("span", {
795
- className: "app-name"
796
- }, /*#__PURE__*/React.createElement(_Ellipsis, {
797
- title: label
798
- })), !isOwnAppCode && /*#__PURE__*/React.createElement(_Icon, {
799
- type: "close",
800
- className: "close-icon",
801
- onClick: function onClick() {
802
- return onRemoveSingleApp(value);
803
- }
804
- }));
805
- }) || /*#__PURE__*/React.createElement(_Empty, null))))), !!showUser && /*#__PURE__*/React.createElement("div", {
806
- className: "user-panel panel"
807
- }, /*#__PURE__*/React.createElement("div", {
808
- className: "menu-header"
809
- }, /*#__PURE__*/React.createElement("span", {
810
- className: "title"
811
- }, userTitle || getText('authorizesUserList', props === null || props === void 0 ? void 0 : props.lang)), /*#__PURE__*/React.createElement("div", {
812
- className: "menu-all-checked"
813
- }, /*#__PURE__*/React.createElement(_Checkbox, {
814
- onChange: checkedAllUser,
815
- checked: allUserChecked,
816
- disabled: disabled
817
- }, userCheckboxTitle || getText('allUserAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/React.createElement("div", {
818
- className: "panel-menu-body"
819
- }, /*#__PURE__*/React.createElement("div", {
820
- className: "panel-left"
821
- }, /*#__PURE__*/React.createElement(_Input, {
822
- size: "small",
823
- allowClear: true,
824
- placeholder: getText('search', props === null || props === void 0 ? void 0 : props.lang),
825
- onChange: function onChange(e) {
826
- debouncedUserSearch(e.target.value);
806
+ var userListDomRender = useMemo(
807
+ function () {
808
+ return (
809
+ (userList === null || userList === void 0
810
+ ? void 0
811
+ : userList
812
+ .filter(function (item) {
813
+ if (filterUser) {
814
+ var _item$account, _item$userName;
815
+ return (
816
+ (item === null || item === void 0
817
+ ? void 0
818
+ : (_item$account = item.account) === null || _item$account === void 0
819
+ ? void 0
820
+ : _item$account
821
+ .toLocaleLowerCase()
822
+ .includes(
823
+ filterUser === null || filterUser === void 0
824
+ ? void 0
825
+ : filterUser.toLocaleLowerCase(),
826
+ )) ||
827
+ (item === null || item === void 0
828
+ ? void 0
829
+ : (_item$userName = item.userName) === null || _item$userName === void 0
830
+ ? void 0
831
+ : _item$userName
832
+ .toLocaleLowerCase()
833
+ .includes(
834
+ filterUser === null || filterUser === void 0
835
+ ? void 0
836
+ : filterUser.toLocaleLowerCase(),
837
+ ))
838
+ );
839
+ }
840
+ return item;
841
+ })
842
+ .map(function (item, index) {
843
+ var isCheck =
844
+ userKeys === null || userKeys === void 0
845
+ ? void 0
846
+ : userKeys.includes(item.account);
847
+ var isOwnAccount = account === item.account;
848
+ return /*#__PURE__*/ React.createElement(
849
+ _Checkbox,
850
+ {
851
+ key: item + index,
852
+ checked: isCheck,
853
+ disabled: disabled || isOwnAccount || allUserChecked,
854
+ onChange: assignUser,
855
+ value: item.account,
856
+ },
857
+ /*#__PURE__*/ React.createElement(
858
+ 'span',
859
+ {
860
+ style: {
861
+ display: 'inline-block',
862
+ },
863
+ },
864
+ /*#__PURE__*/ React.createElement(_Ellipsis, {
865
+ widthLimit: 240,
866
+ title: item.userName,
867
+ }),
868
+ ),
869
+ );
870
+ })) || /*#__PURE__*/ React.createElement(_Empty, null)
871
+ );
827
872
  },
828
- suffix: /*#__PURE__*/React.createElement(_Icon, {
829
- type: "zoom"
873
+ [userList, userKeys, filterUser],
874
+ );
875
+ return /*#__PURE__*/ React.createElement(
876
+ React.Fragment,
877
+ null,
878
+ /*#__PURE__*/ React.createElement(_Segmented, {
879
+ className: 'menu-title',
880
+ value: curValue,
881
+ options: titleOptions,
882
+ onChange: function onChange(index) {
883
+ setCurValue(index);
884
+ setCurIndex(
885
+ titleOptions.findIndex(function (i) {
886
+ return i === index;
887
+ }),
888
+ );
889
+ },
830
890
  }),
831
- style: {
832
- marginBottom: 16,
833
- width: 'calc(100% - 16px)'
834
- }
835
- }), userListDomRender), /*#__PURE__*/React.createElement("div", {
836
- className: "panel-right"
837
- }, /*#__PURE__*/React.createElement("div", {
838
- className: "select-menu-header"
839
- }, getText('hasBeenSelected', props === null || props === void 0 ? void 0 : props.lang), ":", ' ', getText('numOfUser', props === null || props === void 0 ? void 0 : props.lang, areadySelectUser.length || 0), /*#__PURE__*/React.createElement("a", {
840
- onClick: function onClick() {
841
- return onRemoveAllUser();
842
- }
843
- }, getText('clear', props === null || props === void 0 ? void 0 : props.lang))), /*#__PURE__*/React.createElement("ul", {
844
- className: "select-menu-list"
845
- }, userKeys.map(function (item, index) {
846
- var node = userMapRef.current[item] || {};
847
- var userName = node.userName;
848
- var isOwnAppCode = accounts === node.account;
849
- if (!userName && !node.account) return null; // 不显示多余数据
850
- return /*#__PURE__*/React.createElement("li", {
851
- key: userName + index,
852
- className: "select-menu-list-item"
853
- }, /*#__PURE__*/React.createElement("span", {
854
- className: "app-name"
855
- }, /*#__PURE__*/React.createElement(_Ellipsis, {
856
- title: userName
857
- })), !isOwnAppCode && /*#__PURE__*/React.createElement(_Icon, {
858
- type: "close",
859
- className: "close-icon",
860
- onClick: function onClick() {
861
- return onRemoveSingleUser(node.account);
862
- }
863
- }));
864
- }) || /*#__PURE__*/React.createElement(_Empty, null))))))));
891
+ /*#__PURE__*/ React.createElement(
892
+ 'div',
893
+ {
894
+ className: 'assign-box-container',
895
+ },
896
+ /*#__PURE__*/ React.createElement(
897
+ 'div',
898
+ {
899
+ className: 'slider panel-'.concat(curIndex),
900
+ style: {
901
+ width: !!showUser ? '300%' : '200%',
902
+ },
903
+ },
904
+ /*#__PURE__*/ React.createElement(
905
+ 'div',
906
+ {
907
+ className: 'org-panel panel',
908
+ },
909
+ /*#__PURE__*/ React.createElement(
910
+ 'div',
911
+ {
912
+ className: 'menu-header',
913
+ },
914
+ /*#__PURE__*/ React.createElement(
915
+ 'span',
916
+ {
917
+ className: 'title',
918
+ },
919
+ orgTitle ||
920
+ getText(
921
+ 'authorizesOrgList',
922
+ props === null || props === void 0 ? void 0 : props.lang,
923
+ ),
924
+ ),
925
+ /*#__PURE__*/ React.createElement(
926
+ 'div',
927
+ {
928
+ className: 'menu-all-checked',
929
+ },
930
+ /*#__PURE__*/ React.createElement(
931
+ _Checkbox,
932
+ {
933
+ onChange: checkAllOrg,
934
+ checked: allOrgChecked,
935
+ disabled: disabled,
936
+ },
937
+ orgCheckboxTitle ||
938
+ getText(
939
+ 'allOrgAvailable',
940
+ props === null || props === void 0 ? void 0 : props.lang,
941
+ ),
942
+ ),
943
+ ),
944
+ ),
945
+ /*#__PURE__*/ React.createElement(
946
+ 'div',
947
+ {
948
+ className: 'panel-menu-body',
949
+ },
950
+ /*#__PURE__*/ React.createElement(
951
+ 'div',
952
+ {
953
+ className: 'panel-left',
954
+ },
955
+ /*#__PURE__*/ React.createElement(_Input, {
956
+ size: 'small',
957
+ allowClear: true,
958
+ placeholder: getText(
959
+ 'search',
960
+ props === null || props === void 0 ? void 0 : props.lang,
961
+ ),
962
+ onChange: function onChange(e) {
963
+ debouncedOrgSearch(e.target.value);
964
+ },
965
+ suffix: /*#__PURE__*/ React.createElement(_Icon, {
966
+ type: 'zoom',
967
+ }),
968
+ style: {
969
+ marginBottom: 16,
970
+ width: 'calc(100% - 16px)',
971
+ },
972
+ }),
973
+ /*#__PURE__*/ React.createElement(
974
+ _Tree,
975
+ {
976
+ blockNode: true,
977
+ className: 'tree-list',
978
+ checkable: true,
979
+ checkStrictly: true,
980
+ checkedKeys: checkedKeys,
981
+ defaultExpandAll: true,
982
+ onCheck: onCheck,
983
+ },
984
+ _loopTreeNodes(treeData, 0),
985
+ ),
986
+ ),
987
+ /*#__PURE__*/ React.createElement(
988
+ 'div',
989
+ {
990
+ className: 'panel-right',
991
+ },
992
+ /*#__PURE__*/ React.createElement(
993
+ 'div',
994
+ {
995
+ className: 'select-menu-header',
996
+ },
997
+ getText(
998
+ 'hasBeenSelected',
999
+ props === null || props === void 0 ? void 0 : props.lang,
1000
+ ),
1001
+ ':',
1002
+ ' ',
1003
+ getText(
1004
+ 'numOfOrg',
1005
+ props === null || props === void 0 ? void 0 : props.lang,
1006
+ areadySelectOrg.length || 0,
1007
+ ),
1008
+ /*#__PURE__*/ React.createElement(
1009
+ 'a',
1010
+ {
1011
+ onClick: function onClick() {
1012
+ return onRemoveAllOrg();
1013
+ },
1014
+ },
1015
+ getText('clear', props === null || props === void 0 ? void 0 : props.lang),
1016
+ ),
1017
+ ),
1018
+ /*#__PURE__*/ React.createElement(
1019
+ 'ul',
1020
+ {
1021
+ className: 'select-menu-list',
1022
+ },
1023
+ checkedKeys.map(function (item, index) {
1024
+ var node = orgMapRef.current[item] || {};
1025
+ var path = node.path,
1026
+ name = node.name;
1027
+ var pathDisplayName = getOrgPathDisplayName(path);
1028
+ var disabled = rootNode.key === item;
1029
+ return /*#__PURE__*/ React.createElement(
1030
+ 'li',
1031
+ {
1032
+ key: item.value + index,
1033
+ className: 'select-menu-list-item',
1034
+ },
1035
+ /*#__PURE__*/ React.createElement(
1036
+ 'span',
1037
+ {
1038
+ className: 'org-name',
1039
+ },
1040
+ /*#__PURE__*/ React.createElement(_Ellipsis, {
1041
+ title: name,
1042
+ }),
1043
+ ),
1044
+ /*#__PURE__*/ React.createElement(
1045
+ 'span',
1046
+ {
1047
+ className: 'path-name',
1048
+ },
1049
+ /*#__PURE__*/ React.createElement(_Ellipsis, {
1050
+ title: pathDisplayName,
1051
+ }),
1052
+ ),
1053
+ !disabled &&
1054
+ /*#__PURE__*/ React.createElement(_Icon, {
1055
+ type: 'close',
1056
+ className: 'close-icon',
1057
+ onClick: function onClick() {
1058
+ return onRemoveSingleOrg(node);
1059
+ },
1060
+ }),
1061
+ );
1062
+ }) || /*#__PURE__*/ React.createElement(_Empty, null),
1063
+ ),
1064
+ ),
1065
+ ),
1066
+ ),
1067
+ /*#__PURE__*/ React.createElement(
1068
+ 'div',
1069
+ {
1070
+ className: 'app-panel panel',
1071
+ },
1072
+ /*#__PURE__*/ React.createElement(
1073
+ 'div',
1074
+ {
1075
+ className: 'menu-header',
1076
+ },
1077
+ /*#__PURE__*/ React.createElement(
1078
+ 'span',
1079
+ {
1080
+ className: 'title',
1081
+ },
1082
+ appTitle ||
1083
+ getText(
1084
+ 'authorizesAppList',
1085
+ props === null || props === void 0 ? void 0 : props.lang,
1086
+ ),
1087
+ ),
1088
+ /*#__PURE__*/ React.createElement(
1089
+ 'div',
1090
+ {
1091
+ className: 'menu-all-checked',
1092
+ },
1093
+ /*#__PURE__*/ React.createElement(
1094
+ _Checkbox,
1095
+ {
1096
+ onChange: checkedAllApp,
1097
+ checked: allAppChecked,
1098
+ disabled: disabled,
1099
+ },
1100
+ appCheckboxTitle ||
1101
+ getText(
1102
+ 'allAppAvailable',
1103
+ props === null || props === void 0 ? void 0 : props.lang,
1104
+ ),
1105
+ ),
1106
+ ),
1107
+ ),
1108
+ /*#__PURE__*/ React.createElement(
1109
+ 'div',
1110
+ {
1111
+ className: 'panel-menu-body',
1112
+ },
1113
+ /*#__PURE__*/ React.createElement(
1114
+ 'div',
1115
+ {
1116
+ className: 'panel-left',
1117
+ },
1118
+ /*#__PURE__*/ React.createElement(_Input, {
1119
+ onChange: function onChange(e) {
1120
+ debouncedAppSearch(e.target.value);
1121
+ },
1122
+ size: 'small',
1123
+ allowClear: true,
1124
+ placeholder: getText(
1125
+ 'search',
1126
+ props === null || props === void 0 ? void 0 : props.lang,
1127
+ ),
1128
+ suffix: /*#__PURE__*/ React.createElement(_Icon, {
1129
+ type: 'zoom',
1130
+ }),
1131
+ style: {
1132
+ marginBottom: 16,
1133
+ width: 'calc(100% - 16px)',
1134
+ },
1135
+ }),
1136
+ appListDomRender,
1137
+ ),
1138
+ /*#__PURE__*/ React.createElement(
1139
+ 'div',
1140
+ {
1141
+ className: 'panel-right',
1142
+ },
1143
+ /*#__PURE__*/ React.createElement(
1144
+ 'div',
1145
+ {
1146
+ className: 'select-menu-header',
1147
+ },
1148
+ /*#__PURE__*/ React.createElement(
1149
+ 'span',
1150
+ null,
1151
+ getText(
1152
+ 'hasBeenSelected',
1153
+ props === null || props === void 0 ? void 0 : props.lang,
1154
+ ),
1155
+ ':',
1156
+ ' ',
1157
+ getText(
1158
+ 'numOfApp',
1159
+ props === null || props === void 0 ? void 0 : props.lang,
1160
+ areadySelectApp.length || 0,
1161
+ ),
1162
+ ),
1163
+ /*#__PURE__*/ React.createElement(
1164
+ 'a',
1165
+ {
1166
+ onClick: function onClick() {
1167
+ return onRemoveAllApp();
1168
+ },
1169
+ },
1170
+ getText('clear', props === null || props === void 0 ? void 0 : props.lang),
1171
+ ),
1172
+ ),
1173
+ /*#__PURE__*/ React.createElement(
1174
+ 'ul',
1175
+ {
1176
+ className: 'select-menu-list',
1177
+ },
1178
+ appKeys.map(function (item, index) {
1179
+ var node = appMapRef.current[item] || {};
1180
+ var value = node.value,
1181
+ label = node.label;
1182
+ var isOwnAppCode = appCode === value;
1183
+ if (!value && !label) return null; // 不显示多余数据
1184
+ return /*#__PURE__*/ React.createElement(
1185
+ 'li',
1186
+ {
1187
+ key: value + index,
1188
+ className: 'select-menu-list-item',
1189
+ },
1190
+ /*#__PURE__*/ React.createElement(
1191
+ 'span',
1192
+ {
1193
+ className: 'app-name',
1194
+ },
1195
+ /*#__PURE__*/ React.createElement(_Ellipsis, {
1196
+ title: label,
1197
+ }),
1198
+ ),
1199
+ !isOwnAppCode &&
1200
+ /*#__PURE__*/ React.createElement(_Icon, {
1201
+ type: 'close',
1202
+ className: 'close-icon',
1203
+ onClick: function onClick() {
1204
+ return onRemoveSingleApp(value);
1205
+ },
1206
+ }),
1207
+ );
1208
+ }) || /*#__PURE__*/ React.createElement(_Empty, null),
1209
+ ),
1210
+ ),
1211
+ ),
1212
+ ),
1213
+ !!showUser &&
1214
+ /*#__PURE__*/ React.createElement(
1215
+ 'div',
1216
+ {
1217
+ className: 'user-panel panel',
1218
+ },
1219
+ /*#__PURE__*/ React.createElement(
1220
+ 'div',
1221
+ {
1222
+ className: 'menu-header',
1223
+ },
1224
+ /*#__PURE__*/ React.createElement(
1225
+ 'span',
1226
+ {
1227
+ className: 'title',
1228
+ },
1229
+ userTitle ||
1230
+ getText(
1231
+ 'authorizesUserList',
1232
+ props === null || props === void 0 ? void 0 : props.lang,
1233
+ ),
1234
+ ),
1235
+ /*#__PURE__*/ React.createElement(
1236
+ 'div',
1237
+ {
1238
+ className: 'menu-all-checked',
1239
+ },
1240
+ /*#__PURE__*/ React.createElement(
1241
+ _Checkbox,
1242
+ {
1243
+ onChange: checkedAllUser,
1244
+ checked: allUserChecked,
1245
+ disabled: disabled,
1246
+ },
1247
+ userCheckboxTitle ||
1248
+ getText(
1249
+ 'allUserAvailable',
1250
+ props === null || props === void 0 ? void 0 : props.lang,
1251
+ ),
1252
+ ),
1253
+ ),
1254
+ ),
1255
+ /*#__PURE__*/ React.createElement(
1256
+ 'div',
1257
+ {
1258
+ className: 'panel-menu-body',
1259
+ },
1260
+ /*#__PURE__*/ React.createElement(
1261
+ 'div',
1262
+ {
1263
+ className: 'panel-left',
1264
+ },
1265
+ /*#__PURE__*/ React.createElement(_Input, {
1266
+ size: 'small',
1267
+ allowClear: true,
1268
+ placeholder: getText(
1269
+ 'search',
1270
+ props === null || props === void 0 ? void 0 : props.lang,
1271
+ ),
1272
+ onChange: function onChange(e) {
1273
+ debouncedUserSearch(e.target.value);
1274
+ },
1275
+ suffix: /*#__PURE__*/ React.createElement(_Icon, {
1276
+ type: 'zoom',
1277
+ }),
1278
+ style: {
1279
+ marginBottom: 16,
1280
+ width: 'calc(100% - 16px)',
1281
+ },
1282
+ }),
1283
+ userListDomRender,
1284
+ ),
1285
+ /*#__PURE__*/ React.createElement(
1286
+ 'div',
1287
+ {
1288
+ className: 'panel-right',
1289
+ },
1290
+ /*#__PURE__*/ React.createElement(
1291
+ 'div',
1292
+ {
1293
+ className: 'select-menu-header',
1294
+ },
1295
+ getText(
1296
+ 'hasBeenSelected',
1297
+ props === null || props === void 0 ? void 0 : props.lang,
1298
+ ),
1299
+ ':',
1300
+ ' ',
1301
+ getText(
1302
+ 'numOfUser',
1303
+ props === null || props === void 0 ? void 0 : props.lang,
1304
+ areadySelectUser.length || 0,
1305
+ ),
1306
+ /*#__PURE__*/ React.createElement(
1307
+ 'a',
1308
+ {
1309
+ onClick: function onClick() {
1310
+ return onRemoveAllUser();
1311
+ },
1312
+ },
1313
+ getText('clear', props === null || props === void 0 ? void 0 : props.lang),
1314
+ ),
1315
+ ),
1316
+ /*#__PURE__*/ React.createElement(
1317
+ 'ul',
1318
+ {
1319
+ className: 'select-menu-list',
1320
+ },
1321
+ userKeys.map(function (item, index) {
1322
+ var node = userMapRef.current[item] || {};
1323
+ var userName = node.userName;
1324
+ var isOwnAppCode = accounts === node.account;
1325
+ if (!userName && !node.account) return null; // 不显示多余数据
1326
+ return /*#__PURE__*/ React.createElement(
1327
+ 'li',
1328
+ {
1329
+ key: userName + index,
1330
+ className: 'select-menu-list-item',
1331
+ },
1332
+ /*#__PURE__*/ React.createElement(
1333
+ 'span',
1334
+ {
1335
+ className: 'app-name',
1336
+ },
1337
+ /*#__PURE__*/ React.createElement(_Ellipsis, {
1338
+ title: userName,
1339
+ }),
1340
+ ),
1341
+ !isOwnAppCode &&
1342
+ /*#__PURE__*/ React.createElement(_Icon, {
1343
+ type: 'close',
1344
+ className: 'close-icon',
1345
+ onClick: function onClick() {
1346
+ return onRemoveSingleUser(node.account);
1347
+ },
1348
+ }),
1349
+ );
1350
+ }) || /*#__PURE__*/ React.createElement(_Empty, null),
1351
+ ),
1352
+ ),
1353
+ ),
1354
+ ),
1355
+ ),
1356
+ ),
1357
+ );
865
1358
  };
866
- export default AssignModal;
1359
+ export default AssignModal;