@tddc/assign-modal 1.2.2 → 1.2.4

package/lib/AssignModal/AssignApp/index.js

@@ -25,6 +25,8 @@ Object.defineProperty(exports, '__esModule', {
 exports.default = void 0;
 require('antd/lib/checkbox/style');
 var _checkbox = _interopRequireDefault(require('antd/lib/checkbox'));
+require('antd/lib/input/style');
+var _input = _interopRequireDefault(require('antd/lib/input'));
 require('antd/lib/tree/style');
 var _tree = _interopRequireDefault(require('antd/lib/tree'));
 var _react = _interopRequireWildcard(require('react'));
@@ -162,6 +164,7 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 var TreeNode = _tree.default.TreeNode;
+var Search = _input.default.Search;
 var path = []; // 上级机构到当前机构的路径
 
 var AssignModal = function AssignModal(props) {
@@ -175,18 +178,32 @@ var AssignModal = function AssignModal(props) {
     onChange = props.onChange,
     orgTitle = props.orgTitle,
     appTitle = props.appTitle,
+    userTitle = props.userTitle,
     orgCheckboxTitle = props.orgCheckboxTitle,
-    appCheckboxTitle = props.appCheckboxTitle;
+    appCheckboxTitle = props.appCheckboxTitle,
+    userCheckboxTitle = props.userCheckboxTitle,
+    _props$userList = props.userList,
+    userList = _props$userList === void 0 ? [] : _props$userList,
+    showUser = props.showUser;
   var _dataItem$appCodes = dataItem.appCodes,
     appCodes = _dataItem$appCodes === void 0 ? [] : _dataItem$appCodes,
     _dataItem$orgCodes = dataItem.orgCodes,
     orgCodes = _dataItem$orgCodes === void 0 ? [] : _dataItem$orgCodes,
     orgCode = dataItem.orgCode,
-    appCode = dataItem.appCode;
+    appCode = dataItem.appCode,
+    _dataItem$accounts = dataItem.accounts,
+    accounts = _dataItem$accounts === void 0 ? [] : _dataItem$accounts,
+    account = dataItem.account;
   var allOrg = (0, _utils.preorder)(orgList[0]);
   var allApp = appList.map(function (item) {
     return item.value;
   });
+  var allUser =
+    (userList === null || userList === void 0
+      ? void 0
+      : userList.map(function (item) {
+          return item.account;
+        })) || [];
   var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
     checkedKeys = _useState2[0],
@@ -195,14 +212,26 @@ var AssignModal = function AssignModal(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     appKeys = _useState4[0],
     setAppKeys = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = (0, _react.useState)(accounts || []),
     _useState6 = _slicedToArray(_useState5, 2),
-    allOrgChecked = _useState6[0],
-    setAllOrgChecked = _useState6[1];
+    userKeys = _useState6[0],
+    setUserKeys = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    allAppChecked = _useState8[0],
-    setAllAppChecked = _useState8[1];
+    allOrgChecked = _useState8[0],
+    setAllOrgChecked = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    allAppChecked = _useState10[0],
+    setAllAppChecked = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    allUserChecked = _useState12[0],
+    setAllUserChecked = _useState12[1];
+  var _useState13 = (0, _react.useState)(),
+    _useState14 = _slicedToArray(_useState13, 2),
+    filterUser = _useState14[0],
+    setFilterUser = _useState14[1];
   if (!((_orgList$ = orgList[0]) === null || _orgList$ === void 0 ? void 0 : _orgList$.path)) {
     (0, _utils.addPath)(orgList[0], []); // 添加 上级机构到子机构的路径
   }
@@ -213,6 +242,7 @@ var AssignModal = function AssignModal(props) {
       path = (0, _utils.findSameCodePath)(orgList[0], orgCode);
       var initOrgs = [];
       var initApps = [];
+      var initAccounts = [];
       if (orgCodes.includes('all')) {
         setAllOrgChecked(orgCodes.includes('all'));
         initOrgs = allOrg;
@@ -227,20 +257,31 @@ var AssignModal = function AssignModal(props) {
       } else {
         initApps = Array.from(new Set([].concat(_toConsumableArray(appCodes || []), [appCode])));
       }
+      if (showUser) {
+        if (accounts.includes('all')) {
+          setAllUserChecked(true);
+          initAccounts = allUser;
+        } else {
+          initAccounts = Array.from(
+            new Set([].concat(_toConsumableArray(accounts || []), [account])),
+          );
+        }
+      }
       setCheckedKeys(initOrgs);
       setAppKeys(initApps || []);
-      console.log({
-        initApps: initApps,
-      });
+      setUserKeys(initAccounts || []);
       onChange &&
         onChange({
           appKeys: appCodes.includes('all') ? ['all'] : initApps,
           checkedKeys: orgCodes.includes('all') ? ['all'] : initOrgs,
+          userKeys: accounts.includes('all') ? ['all'] : initAccounts,
           appCheckAll: appCodes.includes('all'),
           orgCheckAll: orgCodes.includes('all'),
+          userCheckAll: accounts.includes('all'),
           checkData: {
             apps: initApps,
             orgs: initOrgs,
+            accounts: initAccounts,
           },
         });
     },
@@ -314,9 +355,12 @@ var AssignModal = function AssignModal(props) {
       checkedKeys: checked,
       appCheckAll: allAppChecked,
       orgCheckAll: allOrgChecked,
+      userKeys: allUserChecked ? ['all'] : userKeys,
+      userCheckAll: allUserChecked,
       checkData: {
         apps: appKeys,
         orgs: checked,
+        accounts: userKeys,
       },
     });
   };
@@ -341,9 +385,42 @@ var AssignModal = function AssignModal(props) {
       checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
       appCheckAll: allAppChecked,
       orgCheckAll: allOrgChecked,
+      userKeys: allUserChecked ? ['all'] : userKeys,
+      userCheckAll: allUserChecked,
       checkData: {
         apps: newAppKeys,
         orgs: checkedKeys,
+        accounts: userKeys,
+      },
+    });
+  };
+  var assignUser = function assignUser(e) {
+    var value = '';
+    var newUserKeys = [];
+    if (e.target.checked) {
+      value = e.target.value;
+      newUserKeys = [].concat(_toConsumableArray(userKeys), [value]);
+    } else {
+      value = e.target.value;
+      newUserKeys = (0, _lodash.cloneDeep)(userKeys);
+      newUserKeys.map(function (item, index) {
+        if (value === item) {
+          newUserKeys.splice(index, 1);
+        }
+      });
+    }
+    setUserKeys(newUserKeys);
+    onChange({
+      appKeys: appKeys,
+      checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
+      appCheckAll: allAppChecked,
+      orgCheckAll: allOrgChecked,
+      userKeys: userKeys,
+      userCheckAll: allUserChecked,
+      checkData: {
+        apps: appKeys,
+        orgs: checkedKeys,
+        accounts: newUserKeys,
       },
     });
   };
@@ -360,9 +437,12 @@ var AssignModal = function AssignModal(props) {
         checkedKeys: ['all'],
         appCheckAll: allAppChecked,
         orgCheckAll: true,
+        userKeys: allUserChecked ? ['all'] : userKeys,
+        userCheckAll: allUserChecked,
         checkData: {
           apps: appKeys,
           orgs: checkedKeys,
+          accounts: accounts,
         },
       });
     } else {
@@ -377,9 +457,12 @@ var AssignModal = function AssignModal(props) {
         checkedKeys: orgChecks,
         appCheckAll: allAppChecked,
         orgCheckAll: false,
+        userKeys: allUserChecked ? ['all'] : userKeys,
+        userCheckAll: allUserChecked,
         checkData: {
           apps: appKeys,
           orgs: orgChecks,
+          accounts: accounts,
         },
       });
     }
@@ -399,9 +482,12 @@ var AssignModal = function AssignModal(props) {
         checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
         appCheckAll: true,
         orgCheckAll: allOrgChecked,
+        userKeys: allUserChecked ? ['all'] : userKeys,
+        userCheckAll: allUserChecked,
         checkData: {
           apps: appChecks,
           orgs: checkedKeys,
+          accounts: accounts,
         },
       });
     } else {
@@ -414,13 +500,65 @@ var AssignModal = function AssignModal(props) {
         checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
         appCheckAll: false,
         orgCheckAll: allOrgChecked,
+        userKeys: allUserChecked ? ['all'] : userKeys,
+        userCheckAll: allUserChecked,
         checkData: {
           apps: appChecks,
           orgs: checkedKeys,
+          accounts: accounts,
+        },
+      });
+    }
+  };
+
+  // account全局授权
+  var checkedAllUser = function checkedAllUser(e) {
+    var userChecks = [];
+    if (e.target.checked) {
+      setAllUserChecked(true);
+      userChecks = userList.map(function (item) {
+        return item.account;
+      });
+      setUserKeys(userChecks);
+      onChange({
+        appKeys: allAppChecked ? ['all'] : appKeys,
+        appCheckAll: allAppChecked,
+        checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
+        orgCheckAll: allOrgChecked,
+        userKeys: ['all'],
+        userCheckAll: true,
+        checkData: {
+          apps: appKeys,
+          orgs: checkedKeys,
+          accounts: userChecks,
+        },
+      });
+    } else {
+      setAllUserChecked(false);
+      var arr = accounts.includes('all') ? allUser : accounts;
+      userChecks = Array.from(new Set([].concat(_toConsumableArray(arr || []), [account])));
+      setUserKeys(userChecks);
+      onChange({
+        appKeys: allAppChecked ? ['all'] : appKeys,
+        appCheckAll: allAppChecked,
+        checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
+        orgCheckAll: allOrgChecked,
+        userKeys: userChecks,
+        userCheckAll: false,
+        checkData: {
+          apps: appKeys,
+          orgs: checkedKeys,
+          accounts: userChecks,
         },
       });
     }
   };
+  var debouncedSearch = (0, _react.useCallback)(
+    (0, _lodash.debounce)(function (nextValue) {
+      setFilterUser(nextValue);
+    }, 200),
+    [],
+  );
   return /*#__PURE__*/ _react.default.createElement(
     'div',
     {
@@ -545,6 +683,139 @@ var AssignModal = function AssignModal(props) {
         }),
       ),
     ),
+    !!showUser &&
+      /*#__PURE__*/ _react.default.createElement(
+        'div',
+        {
+          className: 'user',
+        },
+        /*#__PURE__*/ _react.default.createElement(
+          'div',
+          {
+            className: 'menu-header',
+          },
+          userTitle ||
+            (0, _locale.getText)(
+              'authorizesUserList',
+              props === null || props === void 0 ? void 0 : props.lang,
+            ),
+          /*#__PURE__*/ _react.default.createElement(
+            'div',
+            {
+              className: 'menu-all-checked',
+            },
+            /*#__PURE__*/ _react.default.createElement(
+              _checkbox.default,
+              {
+                onChange: checkedAllUser,
+                checked: allUserChecked,
+                disabled: disabled,
+              },
+              userCheckboxTitle ||
+                (0, _locale.getText)(
+                  'allUserAvailable',
+                  props === null || props === void 0 ? void 0 : props.lang,
+                ),
+            ),
+          ),
+        ),
+        /*#__PURE__*/ _react.default.createElement(
+          'div',
+          {
+            className: 'menu-body',
+          },
+          /*#__PURE__*/ _react.default.createElement(
+            'div',
+            {
+              className: 'assign-search-wrap',
+            },
+            /*#__PURE__*/ _react.default.createElement(Search, {
+              size: 'small',
+              allowClear: true,
+              placeholder: (0, _locale.getText)(
+                'search',
+                props === null || props === void 0 ? void 0 : props.lang,
+              ),
+              onChange: function onChange(e) {
+                debouncedSearch(e.target.value);
+              },
+              onSearch: function onSearch(v) {
+                setFilterUser(v);
+              },
+              style: {
+                width: '90%',
+              },
+            }),
+          ),
+          userList === null || userList === void 0
+            ? void 0
+            : userList
+                .filter(function (item) {
+                  if (filterUser) {
+                    var _item$account, _item$userName;
+                    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(),
+                            ))
+                    );
+                  } else {
+                    return item;
+                  }
+                })
+                .map(function (item, index) {
+                  var isCheck =
+                    userKeys === null || userKeys === void 0
+                      ? void 0
+                      : userKeys.includes(item.account);
+                  var isOwnAccount = account === item.account;
+                  return /*#__PURE__*/ _react.default.createElement(
+                    'div',
+                    null,
+                    /*#__PURE__*/ _react.default.createElement(
+                      _checkbox.default,
+                      {
+                        checked: isCheck,
+                        disabled: disabled || isOwnAccount || allUserChecked,
+                        onChange: assignUser,
+                        value: item.account,
+                        key: index,
+                      },
+                      /*#__PURE__*/ _react.default.createElement(
+                        'span',
+                        {
+                          style: {
+                            display: 'inline-block',
+                          },
+                        },
+                        /*#__PURE__*/ _react.default.createElement(_tntd.Ellipsis, {
+                          widthLimit: 240,
+                          title: item.userName,
+                        }),
+                      ),
+                    ),
+                  );
+                }),
+        ),
+      ),
   );
 };
 var _default = AssignModal;

package/lib/AssignModal/AssignApp/index.less

@@ -15,7 +15,7 @@
 
   .left {
     position: relative;
-    z-index: 1;
+    z-index: 3;
     width: 430px;
     background: #ffffff;
     box-shadow: 0px 0px 6px 0px rgba(58, 48, 48, 0.12);
@@ -66,6 +66,7 @@
   }
 
   .right {
+    z-index: 2;
     flex: 1;
     overflow: scroll;
     background: #fcfcfc;
@@ -77,4 +78,22 @@
       }
     }
   }
+
+  .user {
+    position: relative;
+    z-index: 1;
+    width: 320px;
+    overflow: auto;
+    background: #ffffff;
+    box-shadow: 0px 0px 6px 0px rgba(58, 48, 48, 0.12);
+    .menu-body {
+      margin: 20px;
+      .ant-checkbox-wrapper {
+        margin: 0 4px !important;
+      }
+    }
+  }
+  .assign-search-wrap {
+    margin: -8px 0 10px 0;
+  }
 }

package/lib/AssignModal/index.js

@@ -44,6 +44,8 @@ var _excluded = [
   'title',
   'onSubmit',
   'appList',
+  'userList',
+  'showUser',
 ];
 function _getRequireWildcardCache(nodeInterop) {
   if (typeof WeakMap !== 'function') return null;
@@ -205,6 +207,8 @@ var AssignModal = function AssignModal(props) {
     title = _props$title === void 0 ? '' : _props$title,
     onSubmit = props.onSubmit,
     appList = props.appList,
+    userList = props.userList,
+    showUser = props.showUser,
     restProps = _objectWithoutProperties(props, _excluded);
   var _useState = (0, _react.useState)({}),
     _useState2 = _slicedToArray(_useState, 2),
@@ -222,7 +226,7 @@ var AssignModal = function AssignModal(props) {
       className: 'modelTool-assign',
       title: title,
       visible: visible,
-      width: '65%',
+      width: showUser ? '80%' : '65%',
       onCancel: close,
       onOk: submit,
       maskClosable: false,
@@ -238,6 +242,7 @@ var AssignModal = function AssignModal(props) {
           dataItem: dataItem,
           orgList: orgList,
           appList: appList,
+          userList: userList,
           onChange: function onChange(data) {
             setAssignData(data);
           },
@@ -246,6 +251,7 @@ var AssignModal = function AssignModal(props) {
             (props === null || props === void 0 ? void 0 : props.lang) ||
             cookies.get('lang') ||
             'cn',
+          showUser: showUser,
         },
         restProps,
       ),

package/lib/locale.js

@@ -10,17 +10,23 @@ function _interopRequireDefault(obj) {
 }
 var cookies = new _universalCookie.default();
 var zh_CN = {
-  authorizesOrgList: '授权可用机构列表',
-  allOrgAvailable: '全部机构可用',
-  authorizesAppList: '授权可用渠道列表',
-  allAppAvailable: '全部渠道可用',
+  authorizesOrgList: '机构列表',
+  allOrgAvailable: '全部机构',
+  authorizesAppList: '渠道列表',
+  allAppAvailable: '全部渠道',
+  authorizesUserList: '用户列表',
+  allUserAvailable: '全部用户',
+  search: '查询',
 };
 exports.zh_CN = zh_CN;
 var en_US = {
-  authorizesOrgList: 'Authorizes the list of organization available',
-  allOrgAvailable: 'All organization are available',
-  authorizesAppList: 'Authorizes the list of application available',
-  allAppAvailable: 'All application are available',
+  authorizesOrgList: 'Organization List',
+  allOrgAvailable: 'All Organizations',
+  authorizesAppList: 'Channel List',
+  allAppAvailable: 'All Channels',
+  authorizesUserList: 'Account List',
+  allUserAvailable: 'All Accounts',
+  search: 'Search',
 };
 exports.en_US = en_US;
 var getText = function getText(key, language) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tddc/assign-modal",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Layout",
   "author": "zj <jun.zhang002383@tongdun.net>",
   "license": "ISC",