@tddc/assign-modal 2.0.2 → 2.0.3

package/es/AssignModal/AssignApp/index.js

@@ -1,89 +1,18 @@
-import _Ellipsis from 'tntd/es/ellipsis';
-import _Checkbox from 'tntd/es/checkbox';
-import _Input from 'tntd/es/input';
-import _Tree from 'tntd/es/tree';
-function _toConsumableArray(arr) {
-  return (
-    _arrayWithoutHoles(arr) ||
-    _iterableToArray(arr) ||
-    _unsupportedIterableToArray(arr) ||
-    _nonIterableSpread()
-  );
-}
-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.',
-  );
-}
-function _iterableToArray(iter) {
-  if (
-    (typeof Symbol !== 'undefined' && iter[Symbol.iterator] != null) ||
-    iter['@@iterator'] != null
-  )
-    return Array.from(iter);
-}
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _slicedToArray(arr, i) {
-  return (
-    _arrayWithHoles(arr) ||
-    _iterableToArrayLimit(arr, i) ||
-    _unsupportedIterableToArray(arr, i) ||
-    _nonIterableRest()
-  );
-}
-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.',
-  );
-}
-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);
-}
-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;
-}
-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;
-  }
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-import React from 'react';
+import _Ellipsis from "tntd/es/ellipsis";
+import _Checkbox from "tntd/es/checkbox";
+import _Input from "tntd/es/input";
+import _Tree from "tntd/es/tree";
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+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."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from "react";
 import { useEffect, useState, useCallback } from 'react';
 import { cloneDeep, debounce } from 'lodash';
 import './index.less';
@@ -124,12 +53,9 @@ var AssignModal = function AssignModal(props) {
   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 allUser = (userList === null || userList === void 0 ? void 0 : userList.map(function (item) {
+    return item.account;
+  })) || [];
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     checkedKeys = _useState2[0],
@@ -161,96 +87,80 @@ var AssignModal = function AssignModal(props) {
   if (!((_orgList$ = orgList[0]) === null || _orgList$ === void 0 ? void 0 : _orgList$.path)) {
     addPath(orgList[0], []); // 添加 上级机构到子机构的路径
   }
-  useEffect(
-    function () {
-      // path 和 allOrgList 赋值
-      path = findSameCodePath(orgList[0], orgCode);
-      var initOrgs = [];
-      var initApps = [];
-      var initAccounts = [];
-      if (orgCodes.includes('all')) {
-        setAllOrgChecked(orgCodes.includes('all'));
-        initOrgs = allOrg;
-      } else {
-        initOrgs = Array.from(
-          new Set([].concat(_toConsumableArray(orgCodes || []), _toConsumableArray(path))),
-        );
-      }
-      if (appCodes.includes('all')) {
-        setAllAppChecked(appCodes.includes('all'));
-        initApps = allApp;
+  useEffect(function () {
+    // path 和 allOrgList 赋值
+    path = findSameCodePath(orgList[0], orgCode);
+    var initOrgs = [];
+    var initApps = [];
+    var initAccounts = [];
+    if (orgCodes.includes('all')) {
+      setAllOrgChecked(orgCodes.includes('all'));
+      initOrgs = allOrg;
+    } else {
+      initOrgs = Array.from(new Set([].concat(_toConsumableArray(orgCodes || []), _toConsumableArray(path))));
+    }
+    if (appCodes.includes('all')) {
+      setAllAppChecked(appCodes.includes('all'));
+      initApps = allApp;
+    } else {
+      initApps = Array.from(new Set([].concat(_toConsumableArray(appCodes || []), [appCode])));
+    }
+    if (showUser) {
+      if (accounts.includes('all')) {
+        setAllUserChecked(true);
+        initAccounts = allUser;
       } else {
-        initApps = Array.from(new Set([].concat(_toConsumableArray(appCodes || []), [appCode])));
+        initAccounts = Array.from(new Set([].concat(_toConsumableArray(accounts || []), [account])));
       }
-      if (showUser) {
-        if (accounts.includes('all')) {
-          setAllUserChecked(true);
-          initAccounts = allUser;
-        } else {
-          initAccounts = Array.from(
-            new Set([].concat(_toConsumableArray(accounts || []), [account])),
-          );
-        }
+    }
+    setCheckedKeys(initOrgs);
+    setAppKeys(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
       }
-      setCheckedKeys(initOrgs);
-      setAppKeys(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,
-          },
-        });
-    },
-    [dataItem],
-  );
+    });
+  }, [dataItem]);
   var loopTreeNodes = function loopTreeNodes(data) {
     var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var NodeTitle = function NodeTitle(_ref) {
       var node = _ref.node;
-      return /*#__PURE__*/ React.createElement(
-        'div',
-        {
-          className: 'node-title',
-        },
-        node.title,
-      );
+      return /*#__PURE__*/React.createElement("div", {
+        className: "node-title"
+      }, node.title);
     };
     return data.map(function (item) {
       var orgDisabled = path.includes(item.code);
       if (item.children) {
-        return /*#__PURE__*/ React.createElement(
-          TreeNode,
-          {
-            key: item.code,
-            title: /*#__PURE__*/ React.createElement(NodeTitle, {
-              node: item,
-            }),
-            item: item,
-            disabled: orgDisabled || disabled || allOrgChecked,
-          },
-          loopTreeNodes(item.children, level + 1),
-        );
+        return /*#__PURE__*/React.createElement(TreeNode, {
+          key: item.code,
+          title: /*#__PURE__*/React.createElement(NodeTitle, {
+            node: item
+          }),
+          item: item,
+          disabled: orgDisabled || disabled || allOrgChecked
+        }, loopTreeNodes(item.children, level + 1));
       }
-      return /*#__PURE__*/ React.createElement(TreeNode, {
+      return /*#__PURE__*/React.createElement(TreeNode, {
         style: {
-          paddingLeft: ''.concat((level + 1) * 14, 'px'),
-          marginLeft: '-'.concat(level * 14, 'px'),
+          paddingLeft: "".concat((level + 1) * 14, "px"),
+          marginLeft: "-".concat(level * 14, "px")
         },
         key: item.code,
-        title: /*#__PURE__*/ React.createElement(NodeTitle, {
-          node: item,
+        title: /*#__PURE__*/React.createElement(NodeTitle, {
+          node: item
         }),
         item: item,
-        disabled: orgDisabled || disabled,
+        disabled: orgDisabled || disabled
       });
     });
   };
@@ -270,9 +180,7 @@ var AssignModal = function AssignModal(props) {
       });
     }
     if (info.checked) {
-      checked = Array.from(
-        new Set([].concat(_toConsumableArray(checked), _toConsumableArray(path))),
-      );
+      checked = Array.from(new Set([].concat(_toConsumableArray(checked), _toConsumableArray(path))));
     }
     setCheckedKeys(checked);
     onChange({
@@ -285,8 +193,8 @@ var AssignModal = function AssignModal(props) {
       checkData: {
         apps: appKeys,
         orgs: checked,
-        accounts: userKeys,
-      },
+        accounts: userKeys
+      }
     });
   };
   var assignApp = function assignApp(e) {
@@ -315,8 +223,8 @@ var AssignModal = function AssignModal(props) {
       checkData: {
         apps: newAppKeys,
         orgs: checkedKeys,
-        accounts: userKeys,
-      },
+        accounts: userKeys
+      }
     });
   };
   var assignUser = function assignUser(e) {
@@ -345,8 +253,8 @@ var AssignModal = function AssignModal(props) {
       checkData: {
         apps: appKeys,
         orgs: checkedKeys,
-        accounts: newUserKeys,
-      },
+        accounts: newUserKeys
+      }
     });
   };
 
@@ -367,15 +275,13 @@ var AssignModal = function AssignModal(props) {
         checkData: {
           apps: appKeys,
           orgs: checkedKeys,
-          accounts: accounts,
-        },
+          accounts: accounts
+        }
       });
     } else {
       setAllOrgChecked(false);
       var arr = orgCodes.includes('all') ? allOrg : orgCodes;
-      orgChecks = Array.from(
-        new Set([].concat(_toConsumableArray(arr || []), _toConsumableArray(path))),
-      );
+      orgChecks = Array.from(new Set([].concat(_toConsumableArray(arr || []), _toConsumableArray(path))));
       setCheckedKeys(orgChecks);
       onChange({
         appKeys: allAppChecked ? ['all'] : appKeys,
@@ -387,8 +293,8 @@ var AssignModal = function AssignModal(props) {
         checkData: {
           apps: appKeys,
           orgs: orgChecks,
-          accounts: accounts,
-        },
+          accounts: accounts
+        }
       });
     }
   };
@@ -412,8 +318,8 @@ var AssignModal = function AssignModal(props) {
         checkData: {
           apps: appChecks,
           orgs: checkedKeys,
-          accounts: accounts,
-        },
+          accounts: accounts
+        }
       });
     } else {
       setAllAppChecked(false);
@@ -430,8 +336,8 @@ var AssignModal = function AssignModal(props) {
         checkData: {
           apps: appChecks,
           orgs: checkedKeys,
-          accounts: accounts,
-        },
+          accounts: accounts
+        }
       });
     }
   };
@@ -455,8 +361,8 @@ var AssignModal = function AssignModal(props) {
         checkData: {
           apps: appKeys,
           orgs: checkedKeys,
-          accounts: userChecks,
-        },
+          accounts: userChecks
+        }
       });
     } else {
       setAllUserChecked(false);
@@ -473,259 +379,115 @@ var AssignModal = function AssignModal(props) {
         checkData: {
           apps: appKeys,
           orgs: checkedKeys,
-          accounts: userChecks,
-        },
+          accounts: userChecks
+        }
       });
     }
   };
-  var debouncedSearch = useCallback(
-    debounce(function (nextValue) {
-      setFilterUser(nextValue);
-    }, 200),
-    [],
-  );
-  return /*#__PURE__*/ React.createElement(
-    'div',
-    {
-      className: 'assign-box-container',
+  var debouncedSearch = useCallback(debounce(function (nextValue) {
+    setFilterUser(nextValue);
+  }, 200), []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "assign-box-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "menu-header"
+  }, orgTitle || getText('authorizesOrgList', props === null || props === void 0 ? void 0 : props.lang), /*#__PURE__*/React.createElement("div", {
+    className: "menu-all-checked"
+  }, /*#__PURE__*/React.createElement(_Checkbox, {
+    onChange: checkAllOrg,
+    checked: allOrgChecked,
+    disabled: disabled
+  }, orgCheckboxTitle || getText('allOrgAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/React.createElement(_Tree, {
+    blockNode: true,
+    className: "tree-list",
+    checkable: true,
+    checkStrictly: true,
+    checkedKeys: checkedKeys,
+    defaultExpandAll: true,
+    onCheck: onCheck,
+    disabled: true
+  }, loopTreeNodes(orgList, 0))), /*#__PURE__*/React.createElement("div", {
+    className: "right"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "menu-header"
+  }, appTitle || getText('authorizesAppList', props === null || props === void 0 ? void 0 : props.lang), /*#__PURE__*/React.createElement("div", {
+    className: "menu-all-checked"
+  }, /*#__PURE__*/React.createElement(_Checkbox, {
+    onChange: checkedAllApp,
+    checked: allAppChecked,
+    disabled: disabled
+  }, appCheckboxTitle || getText('allAppAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/React.createElement("div", {
+    className: "menu-body"
+  }, appList.map(function (item, index) {
+    var isCheck = appKeys === null || appKeys === void 0 ? void 0 : appKeys.includes(item.value);
+    var isOwnAppCode = appCode === item.value;
+    return /*#__PURE__*/React.createElement(_Checkbox, {
+      checked: isCheck,
+      disabled: disabled || isOwnAppCode || allAppChecked,
+      onChange: assignApp,
+      value: item.value,
+      key: index
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: 'inline-block'
+      }
+    }, /*#__PURE__*/React.createElement(_Ellipsis, {
+      widthLimit: 100,
+      title: item.label
+    })));
+  }))), !!showUser && /*#__PURE__*/React.createElement("div", {
+    className: "user"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "menu-header"
+  }, userTitle || getText('authorizesUserList', props === null || props === void 0 ? void 0 : props.lang), /*#__PURE__*/React.createElement("div", {
+    className: "menu-all-checked"
+  }, /*#__PURE__*/React.createElement(_Checkbox, {
+    onChange: checkedAllUser,
+    checked: allUserChecked,
+    disabled: disabled
+  }, userCheckboxTitle || getText('allUserAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/React.createElement("div", {
+    className: "menu-body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "assign-search-wrap"
+  }, /*#__PURE__*/React.createElement(Search, {
+    size: "small",
+    allowClear: true,
+    placeholder: getText('search', props === null || props === void 0 ? void 0 : props.lang),
+    onChange: function onChange(e) {
+      debouncedSearch(e.target.value);
     },
-    /*#__PURE__*/ React.createElement(
-      'div',
-      {
-        className: 'left',
-      },
-      /*#__PURE__*/ React.createElement(
-        'div',
-        {
-          className: 'menu-header',
-        },
-        orgTitle ||
-          getText('authorizesOrgList', props === null || props === void 0 ? void 0 : props.lang),
-        /*#__PURE__*/ React.createElement(
-          'div',
-          {
-            className: 'menu-all-checked',
-          },
-          /*#__PURE__*/ React.createElement(
-            _Checkbox,
-            {
-              onChange: checkAllOrg,
-              checked: allOrgChecked,
-              disabled: disabled,
-            },
-            orgCheckboxTitle ||
-              getText('allOrgAvailable', props === null || props === void 0 ? void 0 : props.lang),
-          ),
-        ),
-      ),
-      /*#__PURE__*/ React.createElement(
-        _Tree,
-        {
-          blockNode: true,
-          className: 'tree-list',
-          checkable: true,
-          checkStrictly: true,
-          checkedKeys: checkedKeys,
-          defaultExpandAll: true,
-          onCheck: onCheck,
-          disabled: true,
-        },
-        loopTreeNodes(orgList, 0),
-      ),
-    ),
-    /*#__PURE__*/ React.createElement(
-      'div',
-      {
-        className: 'right',
-      },
-      /*#__PURE__*/ React.createElement(
-        'div',
-        {
-          className: 'menu-header',
-        },
-        appTitle ||
-          getText('authorizesAppList', props === null || props === void 0 ? void 0 : props.lang),
-        /*#__PURE__*/ React.createElement(
-          'div',
-          {
-            className: 'menu-all-checked',
-          },
-          /*#__PURE__*/ React.createElement(
-            _Checkbox,
-            {
-              onChange: checkedAllApp,
-              checked: allAppChecked,
-              disabled: disabled,
-            },
-            appCheckboxTitle ||
-              getText('allAppAvailable', props === null || props === void 0 ? void 0 : props.lang),
-          ),
-        ),
-      ),
-      /*#__PURE__*/ React.createElement(
-        'div',
-        {
-          className: 'menu-body',
-        },
-        appList.map(function (item, index) {
-          var isCheck =
-            appKeys === null || appKeys === void 0 ? void 0 : appKeys.includes(item.value);
-          var isOwnAppCode = appCode === item.value;
-          return /*#__PURE__*/ React.createElement(
-            _Checkbox,
-            {
-              checked: isCheck,
-              disabled: disabled || isOwnAppCode || allAppChecked,
-              onChange: assignApp,
-              value: item.value,
-              key: index,
-            },
-            /*#__PURE__*/ React.createElement(
-              'span',
-              {
-                style: {
-                  display: 'inline-block',
-                },
-              },
-              /*#__PURE__*/ React.createElement(_Ellipsis, {
-                widthLimit: 100,
-                title: item.label,
-              }),
-            ),
-          );
-        }),
-      ),
-    ),
-    !!showUser &&
-      /*#__PURE__*/ React.createElement(
-        'div',
-        {
-          className: 'user',
-        },
-        /*#__PURE__*/ React.createElement(
-          'div',
-          {
-            className: 'menu-header',
-          },
-          userTitle ||
-            getText('authorizesUserList', props === null || props === void 0 ? void 0 : props.lang),
-          /*#__PURE__*/ React.createElement(
-            'div',
-            {
-              className: 'menu-all-checked',
-            },
-            /*#__PURE__*/ React.createElement(
-              _Checkbox,
-              {
-                onChange: checkedAllUser,
-                checked: allUserChecked,
-                disabled: disabled,
-              },
-              userCheckboxTitle ||
-                getText(
-                  'allUserAvailable',
-                  props === null || props === void 0 ? void 0 : props.lang,
-                ),
-            ),
-          ),
-        ),
-        /*#__PURE__*/ React.createElement(
-          'div',
-          {
-            className: 'menu-body',
-          },
-          /*#__PURE__*/ React.createElement(
-            'div',
-            {
-              className: 'assign-search-wrap',
-            },
-            /*#__PURE__*/ React.createElement(Search, {
-              size: 'small',
-              allowClear: true,
-              placeholder: 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.createElement(
-                    'div',
-                    null,
-                    /*#__PURE__*/ React.createElement(
-                      _Checkbox,
-                      {
-                        checked: isCheck,
-                        disabled: disabled || isOwnAccount || allUserChecked,
-                        onChange: assignUser,
-                        value: item.account,
-                        key: index,
-                      },
-                      /*#__PURE__*/ React.createElement(
-                        'span',
-                        {
-                          style: {
-                            display: 'inline-block',
-                          },
-                        },
-                        /*#__PURE__*/ React.createElement(_Ellipsis, {
-                          widthLimit: 240,
-                          title: item.userName,
-                        }),
-                      ),
-                    ),
-                  );
-                }),
-        ),
-      ),
-  );
+    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.createElement("div", null, /*#__PURE__*/React.createElement(_Checkbox, {
+      checked: isCheck,
+      disabled: disabled || isOwnAccount || allUserChecked,
+      onChange: assignUser,
+      value: item.account,
+      key: index
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: 'inline-block'
+      }
+    }, /*#__PURE__*/React.createElement(_Ellipsis, {
+      widthLimit: 240,
+      title: item.userName
+    }))));
+  }))));
 };
-export default AssignModal;
+export default AssignModal;