@tddc/assign-modal 1.2.4 → 1.2.6
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.
- package/lib/AssignModal/AssignApp/index.js +214 -530
- package/lib/AssignModal/AssignApp/utils.js +27 -52
- package/lib/AssignModal/index.js +48 -227
- package/lib/index.js +7 -9
- package/lib/locale.js +17 -29
- package/package.json +1 -1
|
@@ -1,168 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
(_typeof =
|
|
7
|
-
'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
|
|
8
|
-
? function (obj) {
|
|
9
|
-
return typeof obj;
|
|
10
|
-
}
|
|
11
|
-
: function (obj) {
|
|
12
|
-
return obj &&
|
|
13
|
-
'function' == typeof Symbol &&
|
|
14
|
-
obj.constructor === Symbol &&
|
|
15
|
-
obj !== Symbol.prototype
|
|
16
|
-
? 'symbol'
|
|
17
|
-
: typeof obj;
|
|
18
|
-
}),
|
|
19
|
-
_typeof(obj)
|
|
20
|
-
);
|
|
21
|
-
}
|
|
22
|
-
Object.defineProperty(exports, '__esModule', {
|
|
23
|
-
value: true,
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
24
6
|
});
|
|
25
7
|
exports.default = void 0;
|
|
26
|
-
require(
|
|
27
|
-
var _checkbox = _interopRequireDefault(require(
|
|
28
|
-
require(
|
|
29
|
-
var
|
|
30
|
-
require(
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}
|
|
46
|
-
function
|
|
47
|
-
|
|
48
|
-
return obj;
|
|
49
|
-
}
|
|
50
|
-
if (obj === null || (_typeof(obj) !== 'object' && typeof obj !== 'function')) {
|
|
51
|
-
return { default: obj };
|
|
52
|
-
}
|
|
53
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
54
|
-
if (cache && cache.has(obj)) {
|
|
55
|
-
return cache.get(obj);
|
|
56
|
-
}
|
|
57
|
-
var newObj = {};
|
|
58
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
59
|
-
for (var key in obj) {
|
|
60
|
-
if (key !== 'default' && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
61
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
62
|
-
if (desc && (desc.get || desc.set)) {
|
|
63
|
-
Object.defineProperty(newObj, key, desc);
|
|
64
|
-
} else {
|
|
65
|
-
newObj[key] = obj[key];
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
newObj.default = obj;
|
|
70
|
-
if (cache) {
|
|
71
|
-
cache.set(obj, newObj);
|
|
72
|
-
}
|
|
73
|
-
return newObj;
|
|
74
|
-
}
|
|
75
|
-
function _interopRequireDefault(obj) {
|
|
76
|
-
return obj && obj.__esModule ? obj : { default: obj };
|
|
77
|
-
}
|
|
78
|
-
function _toConsumableArray(arr) {
|
|
79
|
-
return (
|
|
80
|
-
_arrayWithoutHoles(arr) ||
|
|
81
|
-
_iterableToArray(arr) ||
|
|
82
|
-
_unsupportedIterableToArray(arr) ||
|
|
83
|
-
_nonIterableSpread()
|
|
84
|
-
);
|
|
85
|
-
}
|
|
86
|
-
function _nonIterableSpread() {
|
|
87
|
-
throw new TypeError(
|
|
88
|
-
'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
|
|
89
|
-
);
|
|
90
|
-
}
|
|
91
|
-
function _iterableToArray(iter) {
|
|
92
|
-
if (
|
|
93
|
-
(typeof Symbol !== 'undefined' && iter[Symbol.iterator] != null) ||
|
|
94
|
-
iter['@@iterator'] != null
|
|
95
|
-
)
|
|
96
|
-
return Array.from(iter);
|
|
97
|
-
}
|
|
98
|
-
function _arrayWithoutHoles(arr) {
|
|
99
|
-
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
|
100
|
-
}
|
|
101
|
-
function _slicedToArray(arr, i) {
|
|
102
|
-
return (
|
|
103
|
-
_arrayWithHoles(arr) ||
|
|
104
|
-
_iterableToArrayLimit(arr, i) ||
|
|
105
|
-
_unsupportedIterableToArray(arr, i) ||
|
|
106
|
-
_nonIterableRest()
|
|
107
|
-
);
|
|
108
|
-
}
|
|
109
|
-
function _nonIterableRest() {
|
|
110
|
-
throw new TypeError(
|
|
111
|
-
'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
|
|
112
|
-
);
|
|
113
|
-
}
|
|
114
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
115
|
-
if (!o) return;
|
|
116
|
-
if (typeof o === 'string') return _arrayLikeToArray(o, minLen);
|
|
117
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
118
|
-
if (n === 'Object' && o.constructor) n = o.constructor.name;
|
|
119
|
-
if (n === 'Map' || n === 'Set') return Array.from(o);
|
|
120
|
-
if (n === 'Arguments' || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
|
|
121
|
-
return _arrayLikeToArray(o, minLen);
|
|
122
|
-
}
|
|
123
|
-
function _arrayLikeToArray(arr, len) {
|
|
124
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
125
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
126
|
-
return arr2;
|
|
127
|
-
}
|
|
128
|
-
function _iterableToArrayLimit(arr, i) {
|
|
129
|
-
var _i =
|
|
130
|
-
null == arr
|
|
131
|
-
? null
|
|
132
|
-
: ('undefined' != typeof Symbol && arr[Symbol.iterator]) || arr['@@iterator'];
|
|
133
|
-
if (null != _i) {
|
|
134
|
-
var _s,
|
|
135
|
-
_e,
|
|
136
|
-
_x,
|
|
137
|
-
_r,
|
|
138
|
-
_arr = [],
|
|
139
|
-
_n = !0,
|
|
140
|
-
_d = !1;
|
|
141
|
-
try {
|
|
142
|
-
if (((_x = (_i = _i.call(arr)).next), 0 === i)) {
|
|
143
|
-
if (Object(_i) !== _i) return;
|
|
144
|
-
_n = !1;
|
|
145
|
-
} else
|
|
146
|
-
for (
|
|
147
|
-
;
|
|
148
|
-
!(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i);
|
|
149
|
-
_n = !0
|
|
150
|
-
);
|
|
151
|
-
} catch (err) {
|
|
152
|
-
(_d = !0), (_e = err);
|
|
153
|
-
} finally {
|
|
154
|
-
try {
|
|
155
|
-
if (!_n && null != _i.return && ((_r = _i.return()), Object(_r) !== _r)) return;
|
|
156
|
-
} finally {
|
|
157
|
-
if (_d) throw _e;
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
return _arr;
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
function _arrayWithHoles(arr) {
|
|
164
|
-
if (Array.isArray(arr)) return arr;
|
|
165
|
-
}
|
|
8
|
+
var _ellipsis = _interopRequireDefault(require("tntd/es/ellipsis"));
|
|
9
|
+
var _checkbox = _interopRequireDefault(require("tntd/es/checkbox"));
|
|
10
|
+
var _input = _interopRequireDefault(require("tntd/es/input"));
|
|
11
|
+
var _tree = _interopRequireDefault(require("tntd/es/tree"));
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
var _lodash = require("lodash");
|
|
14
|
+
require("./index.less");
|
|
15
|
+
var _utils = require("./utils");
|
|
16
|
+
var _locale = require("../../locale");
|
|
17
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
21
|
+
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."); }
|
|
22
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
23
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
24
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
+
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."); }
|
|
26
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
27
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
28
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
29
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
166
30
|
var TreeNode = _tree.default.TreeNode;
|
|
167
31
|
var Search = _input.default.Search;
|
|
168
32
|
var path = []; // 上级机构到当前机构的路径
|
|
@@ -198,12 +62,9 @@ var AssignModal = function AssignModal(props) {
|
|
|
198
62
|
var allApp = appList.map(function (item) {
|
|
199
63
|
return item.value;
|
|
200
64
|
});
|
|
201
|
-
var allUser =
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
: userList.map(function (item) {
|
|
205
|
-
return item.account;
|
|
206
|
-
})) || [];
|
|
65
|
+
var allUser = (userList === null || userList === void 0 ? void 0 : userList.map(function (item) {
|
|
66
|
+
return item.account;
|
|
67
|
+
})) || [];
|
|
207
68
|
var _useState = (0, _react.useState)([]),
|
|
208
69
|
_useState2 = _slicedToArray(_useState, 2),
|
|
209
70
|
checkedKeys = _useState2[0],
|
|
@@ -233,99 +94,85 @@ var AssignModal = function AssignModal(props) {
|
|
|
233
94
|
filterUser = _useState14[0],
|
|
234
95
|
setFilterUser = _useState14[1];
|
|
235
96
|
if (!((_orgList$ = orgList[0]) === null || _orgList$ === void 0 ? void 0 : _orgList$.path)) {
|
|
236
|
-
(0
|
|
97
|
+
for (var i = 0; i < orgList.length; i++) {
|
|
98
|
+
(0, _utils.addPath)(orgList[i], []); // 添加 上级机构到子机构的路径
|
|
99
|
+
}
|
|
237
100
|
}
|
|
238
101
|
|
|
239
|
-
(0, _react.useEffect)(
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
102
|
+
(0, _react.useEffect)(function () {
|
|
103
|
+
// path 和 allOrgList 赋值
|
|
104
|
+
path = (0, _utils.findSameCodePath)(orgList, orgCode);
|
|
105
|
+
var initOrgs = [];
|
|
106
|
+
var initApps = [];
|
|
107
|
+
var initAccounts = [];
|
|
108
|
+
if (orgCodes.includes('all')) {
|
|
109
|
+
setAllOrgChecked(orgCodes.includes('all'));
|
|
110
|
+
initOrgs = allOrg;
|
|
111
|
+
} else {
|
|
112
|
+
initOrgs = Array.from(new Set([].concat(_toConsumableArray(orgCodes || []), _toConsumableArray(path))));
|
|
113
|
+
}
|
|
114
|
+
if (appCodes.includes('all')) {
|
|
115
|
+
setAllAppChecked(appCodes.includes('all'));
|
|
116
|
+
initApps = allApp;
|
|
117
|
+
} else {
|
|
118
|
+
initApps = Array.from(new Set([].concat(_toConsumableArray(appCodes || []), [appCode])));
|
|
119
|
+
}
|
|
120
|
+
if (showUser) {
|
|
121
|
+
if (accounts.includes('all')) {
|
|
122
|
+
setAllUserChecked(true);
|
|
123
|
+
initAccounts = allUser;
|
|
257
124
|
} else {
|
|
258
|
-
|
|
125
|
+
initAccounts = Array.from(new Set([].concat(_toConsumableArray(accounts || []), [account])));
|
|
259
126
|
}
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
127
|
+
}
|
|
128
|
+
setCheckedKeys(initOrgs);
|
|
129
|
+
setAppKeys(initApps || []);
|
|
130
|
+
setUserKeys(initAccounts || []);
|
|
131
|
+
onChange && onChange({
|
|
132
|
+
appKeys: appCodes.includes('all') ? ['all'] : initApps,
|
|
133
|
+
checkedKeys: orgCodes.includes('all') ? ['all'] : initOrgs,
|
|
134
|
+
userKeys: accounts.includes('all') ? ['all'] : initAccounts,
|
|
135
|
+
appCheckAll: appCodes.includes('all'),
|
|
136
|
+
orgCheckAll: orgCodes.includes('all'),
|
|
137
|
+
userCheckAll: accounts.includes('all'),
|
|
138
|
+
checkData: {
|
|
139
|
+
apps: initApps,
|
|
140
|
+
orgs: initOrgs,
|
|
141
|
+
accounts: initAccounts
|
|
269
142
|
}
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
setUserKeys(initAccounts || []);
|
|
273
|
-
onChange &&
|
|
274
|
-
onChange({
|
|
275
|
-
appKeys: appCodes.includes('all') ? ['all'] : initApps,
|
|
276
|
-
checkedKeys: orgCodes.includes('all') ? ['all'] : initOrgs,
|
|
277
|
-
userKeys: accounts.includes('all') ? ['all'] : initAccounts,
|
|
278
|
-
appCheckAll: appCodes.includes('all'),
|
|
279
|
-
orgCheckAll: orgCodes.includes('all'),
|
|
280
|
-
userCheckAll: accounts.includes('all'),
|
|
281
|
-
checkData: {
|
|
282
|
-
apps: initApps,
|
|
283
|
-
orgs: initOrgs,
|
|
284
|
-
accounts: initAccounts,
|
|
285
|
-
},
|
|
286
|
-
});
|
|
287
|
-
},
|
|
288
|
-
[dataItem],
|
|
289
|
-
);
|
|
143
|
+
});
|
|
144
|
+
}, [dataItem]);
|
|
290
145
|
var loopTreeNodes = function loopTreeNodes(data) {
|
|
291
146
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
292
147
|
var NodeTitle = function NodeTitle(_ref) {
|
|
293
148
|
var node = _ref.node;
|
|
294
|
-
return /*#__PURE__*/
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
className: 'node-title',
|
|
298
|
-
},
|
|
299
|
-
node.title,
|
|
300
|
-
);
|
|
149
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
150
|
+
className: "node-title"
|
|
151
|
+
}, node.title);
|
|
301
152
|
};
|
|
302
153
|
return data.map(function (item) {
|
|
303
154
|
var orgDisabled = path.includes(item.code);
|
|
304
155
|
if (item.children) {
|
|
305
|
-
return /*#__PURE__*/
|
|
306
|
-
|
|
307
|
-
{
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
disabled: orgDisabled || disabled || allOrgChecked,
|
|
314
|
-
},
|
|
315
|
-
loopTreeNodes(item.children, level + 1),
|
|
316
|
-
);
|
|
156
|
+
return /*#__PURE__*/_react.default.createElement(TreeNode, {
|
|
157
|
+
key: item.code,
|
|
158
|
+
title: /*#__PURE__*/_react.default.createElement(NodeTitle, {
|
|
159
|
+
node: item
|
|
160
|
+
}),
|
|
161
|
+
item: item,
|
|
162
|
+
disabled: orgDisabled || disabled || allOrgChecked
|
|
163
|
+
}, loopTreeNodes(item.children, level + 1));
|
|
317
164
|
}
|
|
318
|
-
return /*#__PURE__*/
|
|
165
|
+
return /*#__PURE__*/_react.default.createElement(TreeNode, {
|
|
319
166
|
style: {
|
|
320
|
-
paddingLeft:
|
|
321
|
-
marginLeft:
|
|
167
|
+
paddingLeft: "".concat((level + 1) * 14, "px"),
|
|
168
|
+
marginLeft: "-".concat(level * 14, "px")
|
|
322
169
|
},
|
|
323
170
|
key: item.code,
|
|
324
|
-
title: /*#__PURE__*/
|
|
325
|
-
node: item
|
|
171
|
+
title: /*#__PURE__*/_react.default.createElement(NodeTitle, {
|
|
172
|
+
node: item
|
|
326
173
|
}),
|
|
327
174
|
item: item,
|
|
328
|
-
disabled: orgDisabled || disabled
|
|
175
|
+
disabled: orgDisabled || disabled
|
|
329
176
|
});
|
|
330
177
|
});
|
|
331
178
|
};
|
|
@@ -345,9 +192,7 @@ var AssignModal = function AssignModal(props) {
|
|
|
345
192
|
});
|
|
346
193
|
}
|
|
347
194
|
if (info.checked) {
|
|
348
|
-
checked = Array.from(
|
|
349
|
-
new Set([].concat(_toConsumableArray(checked), _toConsumableArray(path))),
|
|
350
|
-
);
|
|
195
|
+
checked = Array.from(new Set([].concat(_toConsumableArray(checked), _toConsumableArray(path))));
|
|
351
196
|
}
|
|
352
197
|
setCheckedKeys(checked);
|
|
353
198
|
onChange({
|
|
@@ -360,8 +205,8 @@ var AssignModal = function AssignModal(props) {
|
|
|
360
205
|
checkData: {
|
|
361
206
|
apps: appKeys,
|
|
362
207
|
orgs: checked,
|
|
363
|
-
accounts: userKeys
|
|
364
|
-
}
|
|
208
|
+
accounts: userKeys
|
|
209
|
+
}
|
|
365
210
|
});
|
|
366
211
|
};
|
|
367
212
|
var assignApp = function assignApp(e) {
|
|
@@ -390,8 +235,8 @@ var AssignModal = function AssignModal(props) {
|
|
|
390
235
|
checkData: {
|
|
391
236
|
apps: newAppKeys,
|
|
392
237
|
orgs: checkedKeys,
|
|
393
|
-
accounts: userKeys
|
|
394
|
-
}
|
|
238
|
+
accounts: userKeys
|
|
239
|
+
}
|
|
395
240
|
});
|
|
396
241
|
};
|
|
397
242
|
var assignUser = function assignUser(e) {
|
|
@@ -415,13 +260,13 @@ var AssignModal = function AssignModal(props) {
|
|
|
415
260
|
checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
|
|
416
261
|
appCheckAll: allAppChecked,
|
|
417
262
|
orgCheckAll: allOrgChecked,
|
|
418
|
-
userKeys:
|
|
263
|
+
userKeys: newUserKeys,
|
|
419
264
|
userCheckAll: allUserChecked,
|
|
420
265
|
checkData: {
|
|
421
266
|
apps: appKeys,
|
|
422
267
|
orgs: checkedKeys,
|
|
423
|
-
accounts: newUserKeys
|
|
424
|
-
}
|
|
268
|
+
accounts: newUserKeys
|
|
269
|
+
}
|
|
425
270
|
});
|
|
426
271
|
};
|
|
427
272
|
|
|
@@ -442,15 +287,13 @@ var AssignModal = function AssignModal(props) {
|
|
|
442
287
|
checkData: {
|
|
443
288
|
apps: appKeys,
|
|
444
289
|
orgs: checkedKeys,
|
|
445
|
-
accounts: accounts
|
|
446
|
-
}
|
|
290
|
+
accounts: accounts
|
|
291
|
+
}
|
|
447
292
|
});
|
|
448
293
|
} else {
|
|
449
294
|
setAllOrgChecked(false);
|
|
450
295
|
var arr = orgCodes.includes('all') ? allOrg : orgCodes;
|
|
451
|
-
orgChecks = Array.from(
|
|
452
|
-
new Set([].concat(_toConsumableArray(arr || []), _toConsumableArray(path))),
|
|
453
|
-
);
|
|
296
|
+
orgChecks = Array.from(new Set([].concat(_toConsumableArray(arr || []), _toConsumableArray(path))));
|
|
454
297
|
setCheckedKeys(orgChecks);
|
|
455
298
|
onChange({
|
|
456
299
|
appKeys: allAppChecked ? ['all'] : appKeys,
|
|
@@ -462,8 +305,8 @@ var AssignModal = function AssignModal(props) {
|
|
|
462
305
|
checkData: {
|
|
463
306
|
apps: appKeys,
|
|
464
307
|
orgs: orgChecks,
|
|
465
|
-
accounts: accounts
|
|
466
|
-
}
|
|
308
|
+
accounts: accounts
|
|
309
|
+
}
|
|
467
310
|
});
|
|
468
311
|
}
|
|
469
312
|
};
|
|
@@ -487,8 +330,8 @@ var AssignModal = function AssignModal(props) {
|
|
|
487
330
|
checkData: {
|
|
488
331
|
apps: appChecks,
|
|
489
332
|
orgs: checkedKeys,
|
|
490
|
-
accounts: accounts
|
|
491
|
-
}
|
|
333
|
+
accounts: accounts
|
|
334
|
+
}
|
|
492
335
|
});
|
|
493
336
|
} else {
|
|
494
337
|
setAllAppChecked(false);
|
|
@@ -505,8 +348,8 @@ var AssignModal = function AssignModal(props) {
|
|
|
505
348
|
checkData: {
|
|
506
349
|
apps: appChecks,
|
|
507
350
|
orgs: checkedKeys,
|
|
508
|
-
accounts: accounts
|
|
509
|
-
}
|
|
351
|
+
accounts: accounts
|
|
352
|
+
}
|
|
510
353
|
});
|
|
511
354
|
}
|
|
512
355
|
};
|
|
@@ -530,8 +373,8 @@ var AssignModal = function AssignModal(props) {
|
|
|
530
373
|
checkData: {
|
|
531
374
|
apps: appKeys,
|
|
532
375
|
orgs: checkedKeys,
|
|
533
|
-
accounts: userChecks
|
|
534
|
-
}
|
|
376
|
+
accounts: userChecks
|
|
377
|
+
}
|
|
535
378
|
});
|
|
536
379
|
} else {
|
|
537
380
|
setAllUserChecked(false);
|
|
@@ -548,275 +391,116 @@ var AssignModal = function AssignModal(props) {
|
|
|
548
391
|
checkData: {
|
|
549
392
|
apps: appKeys,
|
|
550
393
|
orgs: checkedKeys,
|
|
551
|
-
accounts: userChecks
|
|
552
|
-
}
|
|
394
|
+
accounts: userChecks
|
|
395
|
+
}
|
|
553
396
|
});
|
|
554
397
|
}
|
|
555
398
|
};
|
|
556
|
-
var debouncedSearch = (0, _react.useCallback)(
|
|
557
|
-
(
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
399
|
+
var debouncedSearch = (0, _react.useCallback)((0, _lodash.debounce)(function (nextValue) {
|
|
400
|
+
setFilterUser(nextValue);
|
|
401
|
+
}, 200), []);
|
|
402
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
403
|
+
className: "assign-box-container"
|
|
404
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
405
|
+
className: "left"
|
|
406
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
407
|
+
className: "menu-header"
|
|
408
|
+
}, orgTitle || (0, _locale.getText)('authorizesOrgList', props === null || props === void 0 ? void 0 : props.lang), /*#__PURE__*/_react.default.createElement("div", {
|
|
409
|
+
className: "menu-all-checked"
|
|
410
|
+
}, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
411
|
+
onChange: checkAllOrg,
|
|
412
|
+
checked: allOrgChecked,
|
|
413
|
+
disabled: disabled
|
|
414
|
+
}, orgCheckboxTitle || (0, _locale.getText)('allOrgAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/_react.default.createElement(_tree.default, {
|
|
415
|
+
blockNode: true,
|
|
416
|
+
className: "tree-list",
|
|
417
|
+
checkable: true,
|
|
418
|
+
checkStrictly: true,
|
|
419
|
+
checkedKeys: checkedKeys,
|
|
420
|
+
defaultExpandAll: true,
|
|
421
|
+
onCheck: onCheck,
|
|
422
|
+
disabled: true
|
|
423
|
+
}, loopTreeNodes(orgList, 0))), /*#__PURE__*/_react.default.createElement("div", {
|
|
424
|
+
className: "right"
|
|
425
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
426
|
+
className: "menu-header"
|
|
427
|
+
}, appTitle || (0, _locale.getText)('authorizesAppList', props === null || props === void 0 ? void 0 : props.lang), /*#__PURE__*/_react.default.createElement("div", {
|
|
428
|
+
className: "menu-all-checked"
|
|
429
|
+
}, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
430
|
+
onChange: checkedAllApp,
|
|
431
|
+
checked: allAppChecked,
|
|
432
|
+
disabled: disabled
|
|
433
|
+
}, appCheckboxTitle || (0, _locale.getText)('allAppAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
434
|
+
className: "menu-body"
|
|
435
|
+
}, appList.map(function (item, index) {
|
|
436
|
+
var isCheck = appKeys === null || appKeys === void 0 ? void 0 : appKeys.includes(item.value);
|
|
437
|
+
var isOwnAppCode = appCode === item.value;
|
|
438
|
+
return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
439
|
+
checked: isCheck,
|
|
440
|
+
disabled: disabled || isOwnAppCode || allAppChecked,
|
|
441
|
+
onChange: assignApp,
|
|
442
|
+
value: item.value,
|
|
443
|
+
key: index
|
|
444
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
445
|
+
style: {
|
|
446
|
+
display: 'inline-block'
|
|
447
|
+
}
|
|
448
|
+
}, /*#__PURE__*/_react.default.createElement(_ellipsis.default, {
|
|
449
|
+
widthLimit: 100,
|
|
450
|
+
title: item.label
|
|
451
|
+
})));
|
|
452
|
+
}))), !!showUser && /*#__PURE__*/_react.default.createElement("div", {
|
|
453
|
+
className: "user"
|
|
454
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
455
|
+
className: "menu-header"
|
|
456
|
+
}, userTitle || (0, _locale.getText)('authorizesUserList', props === null || props === void 0 ? void 0 : props.lang), /*#__PURE__*/_react.default.createElement("div", {
|
|
457
|
+
className: "menu-all-checked"
|
|
458
|
+
}, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
459
|
+
onChange: checkedAllUser,
|
|
460
|
+
checked: allUserChecked,
|
|
461
|
+
disabled: disabled
|
|
462
|
+
}, userCheckboxTitle || (0, _locale.getText)('allUserAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
463
|
+
className: "menu-body"
|
|
464
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
465
|
+
className: "assign-search-wrap"
|
|
466
|
+
}, /*#__PURE__*/_react.default.createElement(Search, {
|
|
467
|
+
size: "small",
|
|
468
|
+
allowClear: true,
|
|
469
|
+
placeholder: (0, _locale.getText)('search', props === null || props === void 0 ? void 0 : props.lang),
|
|
470
|
+
onChange: function onChange(e) {
|
|
471
|
+
debouncedSearch(e.target.value);
|
|
566
472
|
},
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
),
|
|
599
|
-
),
|
|
600
|
-
),
|
|
601
|
-
),
|
|
602
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
603
|
-
_tree.default,
|
|
604
|
-
{
|
|
605
|
-
blockNode: true,
|
|
606
|
-
className: 'tree-list',
|
|
607
|
-
checkable: true,
|
|
608
|
-
checkStrictly: true,
|
|
609
|
-
checkedKeys: checkedKeys,
|
|
610
|
-
defaultExpandAll: true,
|
|
611
|
-
onCheck: onCheck,
|
|
612
|
-
disabled: true,
|
|
613
|
-
},
|
|
614
|
-
loopTreeNodes(orgList, 0),
|
|
615
|
-
),
|
|
616
|
-
),
|
|
617
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
618
|
-
'div',
|
|
619
|
-
{
|
|
620
|
-
className: 'right',
|
|
621
|
-
},
|
|
622
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
623
|
-
'div',
|
|
624
|
-
{
|
|
625
|
-
className: 'menu-header',
|
|
626
|
-
},
|
|
627
|
-
appTitle ||
|
|
628
|
-
(0, _locale.getText)(
|
|
629
|
-
'authorizesAppList',
|
|
630
|
-
props === null || props === void 0 ? void 0 : props.lang,
|
|
631
|
-
),
|
|
632
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
633
|
-
'div',
|
|
634
|
-
{
|
|
635
|
-
className: 'menu-all-checked',
|
|
636
|
-
},
|
|
637
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
638
|
-
_checkbox.default,
|
|
639
|
-
{
|
|
640
|
-
onChange: checkedAllApp,
|
|
641
|
-
checked: allAppChecked,
|
|
642
|
-
disabled: disabled,
|
|
643
|
-
},
|
|
644
|
-
appCheckboxTitle ||
|
|
645
|
-
(0, _locale.getText)(
|
|
646
|
-
'allAppAvailable',
|
|
647
|
-
props === null || props === void 0 ? void 0 : props.lang,
|
|
648
|
-
),
|
|
649
|
-
),
|
|
650
|
-
),
|
|
651
|
-
),
|
|
652
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
653
|
-
'div',
|
|
654
|
-
{
|
|
655
|
-
className: 'menu-body',
|
|
656
|
-
},
|
|
657
|
-
appList.map(function (item, index) {
|
|
658
|
-
var isCheck =
|
|
659
|
-
appKeys === null || appKeys === void 0 ? void 0 : appKeys.includes(item.value);
|
|
660
|
-
var isOwnAppCode = appCode === item.value;
|
|
661
|
-
return /*#__PURE__*/ _react.default.createElement(
|
|
662
|
-
_checkbox.default,
|
|
663
|
-
{
|
|
664
|
-
checked: isCheck,
|
|
665
|
-
disabled: disabled || isOwnAppCode || allAppChecked,
|
|
666
|
-
onChange: assignApp,
|
|
667
|
-
value: item.value,
|
|
668
|
-
key: index,
|
|
669
|
-
},
|
|
670
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
671
|
-
'span',
|
|
672
|
-
{
|
|
673
|
-
style: {
|
|
674
|
-
display: 'inline-block',
|
|
675
|
-
},
|
|
676
|
-
},
|
|
677
|
-
/*#__PURE__*/ _react.default.createElement(_tntd.Ellipsis, {
|
|
678
|
-
widthLimit: 100,
|
|
679
|
-
title: item.label,
|
|
680
|
-
}),
|
|
681
|
-
),
|
|
682
|
-
);
|
|
683
|
-
}),
|
|
684
|
-
),
|
|
685
|
-
),
|
|
686
|
-
!!showUser &&
|
|
687
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
688
|
-
'div',
|
|
689
|
-
{
|
|
690
|
-
className: 'user',
|
|
691
|
-
},
|
|
692
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
693
|
-
'div',
|
|
694
|
-
{
|
|
695
|
-
className: 'menu-header',
|
|
696
|
-
},
|
|
697
|
-
userTitle ||
|
|
698
|
-
(0, _locale.getText)(
|
|
699
|
-
'authorizesUserList',
|
|
700
|
-
props === null || props === void 0 ? void 0 : props.lang,
|
|
701
|
-
),
|
|
702
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
703
|
-
'div',
|
|
704
|
-
{
|
|
705
|
-
className: 'menu-all-checked',
|
|
706
|
-
},
|
|
707
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
708
|
-
_checkbox.default,
|
|
709
|
-
{
|
|
710
|
-
onChange: checkedAllUser,
|
|
711
|
-
checked: allUserChecked,
|
|
712
|
-
disabled: disabled,
|
|
713
|
-
},
|
|
714
|
-
userCheckboxTitle ||
|
|
715
|
-
(0, _locale.getText)(
|
|
716
|
-
'allUserAvailable',
|
|
717
|
-
props === null || props === void 0 ? void 0 : props.lang,
|
|
718
|
-
),
|
|
719
|
-
),
|
|
720
|
-
),
|
|
721
|
-
),
|
|
722
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
723
|
-
'div',
|
|
724
|
-
{
|
|
725
|
-
className: 'menu-body',
|
|
726
|
-
},
|
|
727
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
728
|
-
'div',
|
|
729
|
-
{
|
|
730
|
-
className: 'assign-search-wrap',
|
|
731
|
-
},
|
|
732
|
-
/*#__PURE__*/ _react.default.createElement(Search, {
|
|
733
|
-
size: 'small',
|
|
734
|
-
allowClear: true,
|
|
735
|
-
placeholder: (0, _locale.getText)(
|
|
736
|
-
'search',
|
|
737
|
-
props === null || props === void 0 ? void 0 : props.lang,
|
|
738
|
-
),
|
|
739
|
-
onChange: function onChange(e) {
|
|
740
|
-
debouncedSearch(e.target.value);
|
|
741
|
-
},
|
|
742
|
-
onSearch: function onSearch(v) {
|
|
743
|
-
setFilterUser(v);
|
|
744
|
-
},
|
|
745
|
-
style: {
|
|
746
|
-
width: '90%',
|
|
747
|
-
},
|
|
748
|
-
}),
|
|
749
|
-
),
|
|
750
|
-
userList === null || userList === void 0
|
|
751
|
-
? void 0
|
|
752
|
-
: userList
|
|
753
|
-
.filter(function (item) {
|
|
754
|
-
if (filterUser) {
|
|
755
|
-
var _item$account, _item$userName;
|
|
756
|
-
return (
|
|
757
|
-
(item === null || item === void 0
|
|
758
|
-
? void 0
|
|
759
|
-
: (_item$account = item.account) === null || _item$account === void 0
|
|
760
|
-
? void 0
|
|
761
|
-
: _item$account
|
|
762
|
-
.toLocaleLowerCase()
|
|
763
|
-
.includes(
|
|
764
|
-
filterUser === null || filterUser === void 0
|
|
765
|
-
? void 0
|
|
766
|
-
: filterUser.toLocaleLowerCase(),
|
|
767
|
-
)) ||
|
|
768
|
-
(item === null || item === void 0
|
|
769
|
-
? void 0
|
|
770
|
-
: (_item$userName = item.userName) === null || _item$userName === void 0
|
|
771
|
-
? void 0
|
|
772
|
-
: _item$userName
|
|
773
|
-
.toLocaleLowerCase()
|
|
774
|
-
.includes(
|
|
775
|
-
filterUser === null || filterUser === void 0
|
|
776
|
-
? void 0
|
|
777
|
-
: filterUser.toLocaleLowerCase(),
|
|
778
|
-
))
|
|
779
|
-
);
|
|
780
|
-
} else {
|
|
781
|
-
return item;
|
|
782
|
-
}
|
|
783
|
-
})
|
|
784
|
-
.map(function (item, index) {
|
|
785
|
-
var isCheck =
|
|
786
|
-
userKeys === null || userKeys === void 0
|
|
787
|
-
? void 0
|
|
788
|
-
: userKeys.includes(item.account);
|
|
789
|
-
var isOwnAccount = account === item.account;
|
|
790
|
-
return /*#__PURE__*/ _react.default.createElement(
|
|
791
|
-
'div',
|
|
792
|
-
null,
|
|
793
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
794
|
-
_checkbox.default,
|
|
795
|
-
{
|
|
796
|
-
checked: isCheck,
|
|
797
|
-
disabled: disabled || isOwnAccount || allUserChecked,
|
|
798
|
-
onChange: assignUser,
|
|
799
|
-
value: item.account,
|
|
800
|
-
key: index,
|
|
801
|
-
},
|
|
802
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
803
|
-
'span',
|
|
804
|
-
{
|
|
805
|
-
style: {
|
|
806
|
-
display: 'inline-block',
|
|
807
|
-
},
|
|
808
|
-
},
|
|
809
|
-
/*#__PURE__*/ _react.default.createElement(_tntd.Ellipsis, {
|
|
810
|
-
widthLimit: 240,
|
|
811
|
-
title: item.userName,
|
|
812
|
-
}),
|
|
813
|
-
),
|
|
814
|
-
),
|
|
815
|
-
);
|
|
816
|
-
}),
|
|
817
|
-
),
|
|
818
|
-
),
|
|
819
|
-
);
|
|
473
|
+
onSearch: function onSearch(v) {
|
|
474
|
+
setFilterUser(v);
|
|
475
|
+
},
|
|
476
|
+
style: {
|
|
477
|
+
width: '90%'
|
|
478
|
+
}
|
|
479
|
+
})), userList === null || userList === void 0 ? void 0 : userList.filter(function (item) {
|
|
480
|
+
if (filterUser) {
|
|
481
|
+
var _item$account, _item$userName;
|
|
482
|
+
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()));
|
|
483
|
+
} else {
|
|
484
|
+
return item;
|
|
485
|
+
}
|
|
486
|
+
}).map(function (item, index) {
|
|
487
|
+
var isCheck = userKeys === null || userKeys === void 0 ? void 0 : userKeys.includes(item.account);
|
|
488
|
+
var isOwnAccount = account === item.account;
|
|
489
|
+
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
490
|
+
checked: isCheck,
|
|
491
|
+
disabled: disabled || isOwnAccount || allUserChecked,
|
|
492
|
+
onChange: assignUser,
|
|
493
|
+
value: item.account,
|
|
494
|
+
key: index
|
|
495
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
496
|
+
style: {
|
|
497
|
+
display: 'inline-block'
|
|
498
|
+
}
|
|
499
|
+
}, /*#__PURE__*/_react.default.createElement(_ellipsis.default, {
|
|
500
|
+
widthLimit: 240,
|
|
501
|
+
title: item.userName
|
|
502
|
+
}))));
|
|
503
|
+
}))));
|
|
820
504
|
};
|
|
821
505
|
var _default = AssignModal;
|
|
822
506
|
exports.default = _default;
|