@tddc/assign-modal 3.0.6 → 3.0.7

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 +463 -1080
  2. package/es/AssignModal/AssignApp/Edit_without_TntdVirtualTree.js +414 -907
  3. package/es/AssignModal/AssignApp/View.js +240 -569
  4. package/es/AssignModal/AssignApp/index.js +3 -5
  5. package/es/AssignModal/AssignApp/index.less +1 -1
  6. package/es/AssignModal/AssignApp/utils.js +30 -133
  7. package/es/AssignModal/index.js +32 -135
  8. package/es/index.js +1 -1
  9. package/es/locale.js +12 -22
  10. package/package.json +1 -1
package/es/AssignModal/AssignApp/Edit_without_TntdVirtualTree.js CHANGED
@@ -1,94 +1,21 @@
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';
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";
92
19
  import { useEffect, useState, useCallback, useRef, useMemo } from 'react';
93
20
  import { cloneDeep, debounce } from 'lodash';
94
21
  import './index.less';
@@ -126,48 +53,25 @@ var AssignModal = function AssignModal(props) {
126
53
  var appMapRef = useRef({});
127
54
  var userMapRef = useRef({});
128
55
  var rootNode = orgList[0];
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
- ),
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]),
153
70
  _useMemo2 = _slicedToArray(_useMemo, 3),
154
71
  allOrg = _useMemo2[0],
155
72
  allApp = _useMemo2[1],
156
73
  allUser = _useMemo2[2];
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
- ];
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))];
171
75
  if (!showUser) {
172
76
  titleOptions.pop();
173
77
  }
@@ -219,77 +123,62 @@ var AssignModal = function AssignModal(props) {
219
123
  _useState24 = _slicedToArray(_useState23, 2),
220
124
  filterApp = _useState24[0],
221
125
  setFilterApp = _useState24[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;
232
- } else {
233
- initOrgs = Array.from(
234
- new Set([].concat(_toConsumableArray(orgCodes || []), _toConsumableArray(path))),
235
- );
236
- }
237
- if (appCodes.includes('all')) {
238
- setAllAppChecked(appCodes.includes('all'));
239
- initApps = allApp;
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;
240
148
  } else {
241
- initApps = Array.from(new Set([].concat(_toConsumableArray(appCodes || []), [appCode])));
149
+ initAccounts = Array.from(new Set([].concat(_toConsumableArray(accounts || []), [account])));
242
150
  }
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
- }
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
252
166
  }
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
- );
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]);
282
175
  var _loopTreeNodes = function loopTreeNodes(data) {
283
176
  var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
284
177
  var NodeTitle = function NodeTitle(_ref) {
285
178
  var node = _ref.node;
286
- return /*#__PURE__*/ React.createElement(
287
- 'div',
288
- {
289
- className: 'node-title',
290
- },
291
- node.title,
292
- );
179
+ return /*#__PURE__*/React.createElement("div", {
180
+ className: "node-title"
181
+ }, node.title);
293
182
  };
294
183
  return data.map(function (item) {
295
184
  var _ref2 = item || {},
@@ -298,30 +187,26 @@ var AssignModal = function AssignModal(props) {
298
187
  if (!show) return null;
299
188
  var orgDisabled = path.includes(code);
300
189
  if (item.children) {
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
- );
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));
313
198
  }
314
- return /*#__PURE__*/ React.createElement(TreeNode, {
199
+ return /*#__PURE__*/React.createElement(TreeNode, {
315
200
  style: {
316
- paddingLeft: ''.concat((level + 1) * 14, 'px'),
317
- marginLeft: '-'.concat(level * 14, 'px'),
201
+ paddingLeft: "".concat((level + 1) * 14, "px"),
202
+ marginLeft: "-".concat(level * 14, "px")
318
203
  },
319
204
  key: code,
320
- title: /*#__PURE__*/ React.createElement(NodeTitle, {
321
- node: item,
205
+ title: /*#__PURE__*/React.createElement(NodeTitle, {
206
+ node: item
322
207
  }),
323
208
  item: item,
324
- disabled: orgDisabled || disabled,
209
+ disabled: orgDisabled || disabled
325
210
  });
326
211
  });
327
212
  };
@@ -355,8 +240,8 @@ var AssignModal = function AssignModal(props) {
355
240
  checkData: {
356
241
  apps: appKeys,
357
242
  orgs: checked,
358
- accounts: userKeys,
359
- },
243
+ accounts: userKeys
244
+ }
360
245
  });
361
246
  };
362
247
  var assignApp = function assignApp(e) {
@@ -385,8 +270,8 @@ var AssignModal = function AssignModal(props) {
385
270
  checkData: {
386
271
  apps: newAppKeys,
387
272
  orgs: checkedKeys,
388
- accounts: userKeys,
389
- },
273
+ accounts: userKeys
274
+ }
390
275
  });
391
276
  };
392
277
  var assignUser = function assignUser(e) {
@@ -415,8 +300,8 @@ var AssignModal = function AssignModal(props) {
415
300
  checkData: {
416
301
  apps: appKeys,
417
302
  orgs: checkedKeys,
418
- accounts: newUserKeys,
419
- },
303
+ accounts: newUserKeys
304
+ }
420
305
  });
421
306
  };
422
307
 
@@ -437,15 +322,13 @@ var AssignModal = function AssignModal(props) {
437
322
  checkData: {
438
323
  apps: appKeys,
439
324
  orgs: checkedKeys,
440
- accounts: accounts,
441
- },
325
+ accounts: accounts
326
+ }
442
327
  });
443
328
  } else {
444
329
  setAllOrgChecked(false);
445
330
  var arr = orgCodes.includes('all') ? allOrg : orgCodes;
446
- orgChecks = Array.from(
447
- new Set([].concat(_toConsumableArray(arr || []), _toConsumableArray(path))),
448
- );
331
+ orgChecks = Array.from(new Set([].concat(_toConsumableArray(arr || []), _toConsumableArray(path))));
449
332
  setCheckedKeys(orgChecks);
450
333
  onChange({
451
334
  appKeys: allAppChecked ? ['all'] : appKeys,
@@ -457,8 +340,8 @@ var AssignModal = function AssignModal(props) {
457
340
  checkData: {
458
341
  apps: appKeys,
459
342
  orgs: orgChecks,
460
- accounts: accounts,
461
- },
343
+ accounts: accounts
344
+ }
462
345
  });
463
346
  }
464
347
  };
@@ -482,8 +365,8 @@ var AssignModal = function AssignModal(props) {
482
365
  checkData: {
483
366
  apps: appChecks,
484
367
  orgs: checkedKeys,
485
- accounts: accounts,
486
- },
368
+ accounts: accounts
369
+ }
487
370
  });
488
371
  } else {
489
372
  setAllAppChecked(false);
@@ -500,8 +383,8 @@ var AssignModal = function AssignModal(props) {
500
383
  checkData: {
501
384
  apps: appChecks,
502
385
  orgs: checkedKeys,
503
- accounts: accounts,
504
- },
386
+ accounts: accounts
387
+ }
505
388
  });
506
389
  }
507
390
  };
@@ -525,8 +408,8 @@ var AssignModal = function AssignModal(props) {
525
408
  checkData: {
526
409
  apps: appKeys,
527
410
  orgs: checkedKeys,
528
- accounts: userChecks,
529
- },
411
+ accounts: userChecks
412
+ }
530
413
  });
531
414
  } else {
532
415
  setAllUserChecked(false);
@@ -543,39 +426,28 @@ var AssignModal = function AssignModal(props) {
543
426
  checkData: {
544
427
  apps: appKeys,
545
428
  orgs: checkedKeys,
546
- accounts: userChecks,
547
- },
429
+ accounts: userChecks
430
+ }
548
431
  });
549
432
  }
550
433
  };
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
- );
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), []);
569
443
  // 拼接机构路径显示名
570
444
  var getOrgPathDisplayName = function getOrgPathDisplayName() {
571
445
  var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
572
446
  var displayName = '';
573
447
  if (path.length > 0) {
574
- displayName = path
575
- .map(function (item) {
576
- return orgMapRef.current[item].name;
577
- })
578
- .join(' / ');
448
+ displayName = path.map(function (item) {
449
+ return orgMapRef.current[item].name;
450
+ }).join(' / ');
579
451
  }
580
452
  return displayName;
581
453
  };
@@ -597,8 +469,8 @@ var AssignModal = function AssignModal(props) {
597
469
  checkData: {
598
470
  apps: appKeys,
599
471
  orgs: checked,
600
- accounts: userKeys,
601
- },
472
+ accounts: userKeys
473
+ }
602
474
  });
603
475
  };
604
476
  // 移除全部机构
@@ -616,8 +488,8 @@ var AssignModal = function AssignModal(props) {
616
488
  checkData: {
617
489
  apps: appKeys,
618
490
  orgs: checked,
619
- accounts: userKeys,
620
- },
491
+ accounts: userKeys
492
+ }
621
493
  });
622
494
  };
623
495
  // 移除单个应用
@@ -640,8 +512,8 @@ var AssignModal = function AssignModal(props) {
640
512
  checkData: {
641
513
  apps: newAppKeys,
642
514
  orgs: checkedKeys,
643
- accounts: userKeys,
644
- },
515
+ accounts: userKeys
516
+ }
645
517
  });
646
518
  };
647
519
  // 移除全部应用
@@ -659,8 +531,8 @@ var AssignModal = function AssignModal(props) {
659
531
  checkData: {
660
532
  apps: newAppKeys,
661
533
  orgs: checkedKeys,
662
- accounts: userKeys,
663
- },
534
+ accounts: userKeys
535
+ }
664
536
  });
665
537
  };
666
538
  // 移除全部用户
@@ -678,8 +550,8 @@ var AssignModal = function AssignModal(props) {
678
550
  checkData: {
679
551
  apps: appKeys,
680
552
  orgs: checkedKeys,
681
- accounts: newUserKeys,
682
- },
553
+ accounts: newUserKeys
554
+ }
683
555
  });
684
556
  };
685
557
  // 移除单个用户
@@ -702,658 +574,293 @@ var AssignModal = function AssignModal(props) {
702
574
  checkData: {
703
575
  apps: appKeys,
704
576
  orgs: checkedKeys,
705
- accounts: newUserKeys,
706
- },
577
+ accounts: newUserKeys
578
+ }
707
579
  });
708
580
  };
709
581
 
710
582
  // 已选择的机构列表
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
- );
583
+ var areadySelectOrg = useMemo(function () {
584
+ return checkedKeys.filter(function (i) {
585
+ return allOrg.includes(i);
586
+ }) || [];
587
+ }, [checkedKeys, allOrg]);
721
588
  // 已选择的渠道列表
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
- );
589
+ var areadySelectApp = useMemo(function () {
590
+ return appKeys.filter(function (i) {
591
+ return allApp.includes(i);
592
+ }) || [];
593
+ }, [appKeys, allApp]);
732
594
  // 已选择的用户列表
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
- );
595
+ var areadySelectUser = useMemo(function () {
596
+ return userKeys.filter(function (i) {
597
+ return allUser.includes(i);
598
+ }) || [];
599
+ }, [userKeys, allUser]);
743
600
 
744
601
  // 渲染App列表
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
- );
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]);
804
628
 
805
629
  // 渲染User列表
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
- );
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);
872
695
  },
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
- },
696
+ suffix: /*#__PURE__*/React.createElement(_Icon, {
697
+ type: "zoom"
890
698
  }),
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
- );
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);
827
+ },
828
+ suffix: /*#__PURE__*/React.createElement(_Icon, {
829
+ type: "zoom"
830
+ }),
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))))))));
1358
865
  };
1359
- export default AssignModal;
866
+ export default AssignModal;