@tddc/assign-modal 3.1.5 → 3.1.6

package/es/AssignModal/AssignApp/Edit.js

@@ -1,1504 +0,0 @@
-function _typeof(o) {
-  '@babel/helpers - typeof';
-  return (
-    (_typeof =
-      'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
-        ? function (o) {
-            return typeof o;
-          }
-        : function (o) {
-            return o &&
-              'function' == typeof Symbol &&
-              o.constructor === Symbol &&
-              o !== Symbol.prototype
-              ? 'symbol'
-              : typeof o;
-          }),
-    _typeof(o)
-  );
-}
-import _TntdVirtualTree from 'tntd/es/tntd-virtual-tree';
-import _Input from 'tntd/es/input';
-import _Icon from 'tntd/es/icon';
-import _Segmented from 'tntd/es/segmented';
-import _Empty from 'tntd/es/empty';
-import _Checkbox from 'tntd/es/checkbox';
-import _Ellipsis from 'tntd/es/ellipsis';
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r &&
-      (o = o.filter(function (r) {
-        return Object.getOwnPropertyDescriptor(e, r).enumerable;
-      })),
-      t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2
-      ? ownKeys(Object(t), !0).forEach(function (r) {
-          _defineProperty(e, r, t[r]);
-        })
-      : Object.getOwnPropertyDescriptors
-      ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t))
-      : ownKeys(Object(t)).forEach(function (r) {
-          Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-        });
-  }
-  return e;
-}
-function _defineProperty(e, r, t) {
-  return (
-    (r = _toPropertyKey(r)) in e
-      ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 })
-      : (e[r] = t),
-    e
-  );
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, 'string');
-  return 'symbol' == _typeof(i) ? i : i + '';
-}
-function _toPrimitive(t, r) {
-  if ('object' != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || 'default');
-    if ('object' != _typeof(i)) return i;
-    throw new TypeError('@@toPrimitive must return a primitive value.');
-  }
-  return ('string' === r ? String : Number)(t);
-}
-function _toConsumableArray(r) {
-  return (
-    _arrayWithoutHoles(r) ||
-    _iterableToArray(r) ||
-    _unsupportedIterableToArray(r) ||
-    _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(r) {
-  if (('undefined' != typeof Symbol && null != r[Symbol.iterator]) || null != r['@@iterator'])
-    return Array.from(r);
-}
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-function _slicedToArray(r, e) {
-  return (
-    _arrayWithHoles(r) ||
-    _iterableToArrayLimit(r, e) ||
-    _unsupportedIterableToArray(r, e) ||
-    _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(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
-    );
-  }
-}
-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;
-}
-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(r) {
-  if (Array.isArray(r)) return r;
-}
-import React from 'react';
-import { useEffect, useState, useCallback, useRef, useMemo } from 'react';
-import { cloneDeep, debounce } from 'lodash';
-import './index.less';
-import { findSameCodePath, preorder, mergeAndDeduplicate, useWindowHeight } from './utils';
-import { getText } from '../../I18N';
-var path = []; // 上级机构到当前机构的路径
-
-var AssignModal = function AssignModal(props) {
-  var onChange = props.onChange,
-    _props$orgList = props.orgList,
-    orgList = _props$orgList === void 0 ? [] : _props$orgList,
-    _props$dataItem = props.dataItem,
-    dataItem = _props$dataItem === void 0 ? {} : _props$dataItem,
-    disabled = props.disabled,
-    appList = props.appList,
-    orgTitle = props.orgTitle,
-    appTitle = props.appTitle,
-    userTitle = props.userTitle,
-    orgCheckboxTitle = props.orgCheckboxTitle,
-    appCheckboxTitle = props.appCheckboxTitle,
-    userCheckboxTitle = props.userCheckboxTitle,
-    _props$userList = props.userList,
-    userList = _props$userList === void 0 ? [] : _props$userList,
-    showUser = props.showUser,
-    customOrgDisabled = props.customOrgDisabled,
-    customAppDisabled = props.customAppDisabled,
-    locale = props.locale;
-
-  // 封装 getText，自动传入 locale
-  var t = function t(key) {
-    for (
-      var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1;
-      _key < _len;
-      _key++
-    ) {
-      params[_key - 1] = arguments[_key];
-    }
-    return getText.apply(
-      void 0,
-      [key, props === null || props === void 0 ? void 0 : props.lang, locale].concat(params),
-    );
-  };
-  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,
-    _dataItem$accounts = dataItem.accounts,
-    accounts = _dataItem$accounts === void 0 ? [] : _dataItem$accounts,
-    account = dataItem.account;
-  var orgMapRef = useRef({});
-  var appMapRef = useRef({});
-  var userMapRef = useRef({});
-  var rootNode = orgList[0];
-  var _useMemo = useMemo(
-      function () {
-        var org = preorder(
-          rootNode,
-          function (key, node) {
-            orgMapRef.current[key] = node;
-          },
-          true,
-        );
-        var app = appList.map(function (item) {
-          appMapRef.current[item.value] = item;
-          return item.value;
-        });
-        var user =
-          (userList === null || userList === void 0
-            ? void 0
-            : userList.map(function (item) {
-                userMapRef.current[item.account] = item;
-                return item.account;
-              })) || [];
-        return [org, app, user];
-      },
-      [rootNode, appList, userList],
-    ),
-    _useMemo2 = _slicedToArray(_useMemo, 3),
-    allOrg = _useMemo2[0],
-    allApp = _useMemo2[1],
-    allUser = _useMemo2[2];
-  var titleOptions = [
-    ''.concat(orgTitle || t('availableOrgs')),
-    ''.concat(appTitle || t('availableApps')),
-    ''.concat(userTitle || t('availableUsers')),
-  ];
-  if (!showUser) {
-    titleOptions.pop();
-  }
-  var _useState = useState(orgList[0]),
-    _useState2 = _slicedToArray(_useState, 2),
-    treeData = _useState2[0],
-    setTreeData = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    curIndex = _useState4[0],
-    setCurIndex = _useState4[1];
-  var _useState5 = useState(titleOptions[0]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    curValue = _useState6[0],
-    setCurValue = _useState6[1];
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    checkedKeys = _useState8[0],
-    setCheckedKeys = _useState8[1];
-  var _useState9 = useState(appCodes || []),
-    _useState0 = _slicedToArray(_useState9, 2),
-    appKeys = _useState0[0],
-    setAppKeys = _useState0[1];
-  var _useState1 = useState(accounts || []),
-    _useState10 = _slicedToArray(_useState1, 2),
-    userKeys = _useState10[0],
-    setUserKeys = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    allOrgChecked = _useState12[0],
-    setAllOrgChecked = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    allAppChecked = _useState14[0],
-    setAllAppChecked = _useState14[1];
-  var _useState15 = useState(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    allUserChecked = _useState16[0],
-    setAllUserChecked = _useState16[1];
-  var _useState17 = useState(),
-    _useState18 = _slicedToArray(_useState17, 2),
-    filterOrg = _useState18[0],
-    setFilterOrg = _useState18[1];
-  var _useState19 = useState(),
-    _useState20 = _slicedToArray(_useState19, 2),
-    filterUser = _useState20[0],
-    setFilterUser = _useState20[1];
-  var _useState21 = useState(),
-    _useState22 = _slicedToArray(_useState21, 2),
-    filterApp = _useState22[0],
-    setFilterApp = _useState22[1];
-  var gap = 335;
-  var windowHeight = useWindowHeight(gap);
-  useEffect(
-    function () {
-      var _Object$keys;
-      if (
-        dataItem &&
-        ((_Object$keys = Object.keys(dataItem)) === null || _Object$keys === void 0
-          ? void 0
-          : _Object$keys.length)
-      ) {
-        // path 和 allOrgList 赋值
-        path = findSameCodePath(rootNode, 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 {
-            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,
-            },
-          });
-      }
-    },
-    [dataItem],
-  );
-  useEffect(
-    function () {
-      if (orgList) {
-        var _loopTreeNodes = function loopTreeNodes(nodes) {
-          var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-          return nodes === null || nodes === void 0
-            ? void 0
-            : nodes.map(function (item) {
-                var orgDisabled = path.includes(item.code);
-                if (item.children && item.children.length > 0) {
-                  return _objectSpread(
-                    _objectSpread({}, item),
-                    {},
-                    {
-                      key: item.code,
-                      title: item.name,
-                      value: item.code,
-                      disabled:
-                        orgDisabled ||
-                        disabled ||
-                        allOrgChecked ||
-                        (customOrgDisabled && customOrgDisabled(item)),
-                      children: _loopTreeNodes(item.children, level + 1),
-                    },
-                  );
-                }
-                return _objectSpread(
-                  _objectSpread({}, item),
-                  {},
-                  {
-                    key: item.code,
-                    value: item.code,
-                    title: item.name,
-                    disabled:
-                      orgDisabled ||
-                      disabled ||
-                      allOrgChecked ||
-                      (customOrgDisabled && customOrgDisabled(item)),
-                  },
-                );
-              });
-        };
-        setTreeData(_loopTreeNodes(orgList, 0));
-      }
-    },
-    [orgList, allOrgChecked, allAppChecked, allUserChecked],
-  );
-  var onCheck = function onCheck() {
-    var _node$childrenValues;
-    for (var _len2 = arguments.length, rest = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      rest[_key2] = arguments[_key2];
-    }
-    var checked = rest[0],
-      node = rest[1],
-      isChecked = rest[2];
-    var isLeaf = !(node === null || node === void 0
-      ? void 0
-      : (_node$childrenValues = node.childrenValues) === null || _node$childrenValues === void 0
-      ? void 0
-      : _node$childrenValues.length);
-    var curNode = orgMapRef.current[node.value] || {};
-    var path = curNode.path;
-    var newChecked = cloneDeep(checked);
-    if (!isLeaf && !isChecked) {
-      var arr = preorder(node);
-      arr.splice(0, 1);
-      arr.map(function (item) {
-        var i = newChecked.findIndex(function (i) {
-          return i === item;
-        });
-        if (i !== -1) newChecked.splice(i, 1);
-      });
-    }
-    if (isChecked) {
-      newChecked.pop();
-      newChecked = mergeAndDeduplicate(newChecked, path);
-    }
-    setCheckedKeys(newChecked);
-    onChange({
-      appKeys: allAppChecked ? ['all'] : appKeys,
-      checkedKeys: newChecked,
-      appCheckAll: allAppChecked,
-      orgCheckAll: allOrgChecked,
-      userKeys: allUserChecked ? ['all'] : userKeys,
-      userCheckAll: allUserChecked,
-      checkData: {
-        apps: appKeys,
-        orgs: newChecked,
-        accounts: userKeys,
-      },
-    });
-  };
-  var assignApp = function assignApp(e) {
-    var value = '';
-    var newAppKeys = [];
-    if (e.target.checked) {
-      value = e.target.value;
-      newAppKeys = [].concat(_toConsumableArray(appKeys), [value]);
-    } else {
-      value = e.target.value;
-      newAppKeys = cloneDeep(appKeys);
-      newAppKeys.map(function (item, index) {
-        if (value === item) {
-          newAppKeys.splice(index, 1);
-        }
-      });
-    }
-    setAppKeys(newAppKeys);
-    onChange({
-      appKeys: newAppKeys,
-      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 = 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: newUserKeys,
-      userCheckAll: allUserChecked,
-      checkData: {
-        apps: appKeys,
-        orgs: checkedKeys,
-        accounts: newUserKeys,
-      },
-    });
-  };
-
-  // org全局授权
-  var checkAllOrg = function checkAllOrg(e) {
-    var orgChecks = [];
-    if (e.target.checked) {
-      setAllOrgChecked(true);
-      orgChecks = preorder(rootNode);
-      setCheckedKeys(orgChecks);
-      onChange({
-        appKeys: allAppChecked ? ['all'] : appKeys,
-        checkedKeys: ['all'],
-        appCheckAll: allAppChecked,
-        orgCheckAll: true,
-        userKeys: allUserChecked ? ['all'] : userKeys,
-        userCheckAll: allUserChecked,
-        checkData: {
-          apps: appKeys,
-          orgs: checkedKeys,
-          accounts: accounts,
-        },
-      });
-    } else {
-      setAllOrgChecked(false);
-      var arr = orgCodes.includes('all') ? allOrg : orgCodes;
-      orgChecks = Array.from(
-        new Set([].concat(_toConsumableArray(arr || []), _toConsumableArray(path))),
-      );
-      setCheckedKeys(orgChecks);
-      onChange({
-        appKeys: allAppChecked ? ['all'] : appKeys,
-        checkedKeys: orgChecks,
-        appCheckAll: allAppChecked,
-        orgCheckAll: false,
-        userKeys: allUserChecked ? ['all'] : userKeys,
-        userCheckAll: allUserChecked,
-        checkData: {
-          apps: appKeys,
-          orgs: orgChecks,
-          accounts: accounts,
-        },
-      });
-    }
-  };
-
-  // app全局授权
-  var checkedAllApp = function checkedAllApp(e) {
-    var appChecks = [];
-    if (e.target.checked) {
-      setAllAppChecked(true);
-      appChecks = appList.map(function (item) {
-        return item.value;
-      });
-      setAppKeys(appChecks);
-      onChange({
-        appKeys: ['all'],
-        checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
-        appCheckAll: true,
-        orgCheckAll: allOrgChecked,
-        userKeys: allUserChecked ? ['all'] : userKeys,
-        userCheckAll: allUserChecked,
-        checkData: {
-          apps: appChecks,
-          orgs: checkedKeys,
-          accounts: accounts,
-        },
-      });
-    } else {
-      setAllAppChecked(false);
-      var arr = appCodes.includes('all') ? allApp : appCodes;
-      appChecks = Array.from(new Set([].concat(_toConsumableArray(arr || []), [appCode])));
-      setAppKeys(appChecks);
-      onChange({
-        appKeys: appChecks,
-        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 debouncedOrgSearch = useCallback(
-    debounce(function (nextValue) {
-      setFilterOrg(nextValue);
-    }, 200),
-    [],
-  );
-  var debouncedUserSearch = useCallback(
-    debounce(function (nextValue) {
-      setFilterUser(nextValue);
-    }, 200),
-    [],
-  );
-  var debouncedAppSearch = useCallback(
-    debounce(function (nextValue) {
-      setFilterApp(nextValue);
-    }, 200),
-    [],
-  );
-
-  // 拼接机构路径显示名
-  var getOrgPathDisplayName = function getOrgPathDisplayName() {
-    var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var displayName = '';
-    if (path.length > 0) {
-      displayName = path
-        .map(function (item) {
-          return orgMapRef.current[item].name;
-        })
-        .join(' / ');
-    }
-    return displayName;
-  };
-
-  // 移除单个机构
-  var onRemoveSingleOrg = function onRemoveSingleOrg(node) {
-    var del_arr = preorder(node);
-    var checked = checkedKeys.filter(function (item) {
-      return !del_arr.includes(item);
-    });
-    setCheckedKeys(checked);
-    setAllOrgChecked(false);
-    onChange({
-      appKeys: allAppChecked ? ['all'] : appKeys,
-      checkedKeys: checked,
-      appCheckAll: allAppChecked,
-      orgCheckAll: false,
-      userKeys: allUserChecked ? ['all'] : userKeys,
-      userCheckAll: allUserChecked,
-      checkData: {
-        apps: appKeys,
-        orgs: checked,
-        accounts: userKeys,
-      },
-    });
-  };
-
-  // 移除全部机构
-  var onRemoveAllOrg = function onRemoveAllOrg() {
-    var checked = [rootNode.key];
-    setCheckedKeys(checked);
-    setAllOrgChecked(false);
-    onChange({
-      appKeys: allAppChecked ? ['all'] : appKeys,
-      checkedKeys: checked,
-      appCheckAll: allAppChecked,
-      orgCheckAll: false,
-      userKeys: allUserChecked ? ['all'] : userKeys,
-      userCheckAll: allUserChecked,
-      checkData: {
-        apps: appKeys,
-        orgs: checked,
-        accounts: userKeys,
-      },
-    });
-  };
-
-  // 移除单个应用
-  var onRemoveSingleApp = function onRemoveSingleApp(value) {
-    var newAppKeys = cloneDeep(appKeys);
-    newAppKeys.map(function (item, index) {
-      if (value === item) {
-        newAppKeys.splice(index, 1);
-      }
-    });
-    setAppKeys(newAppKeys);
-    setAllAppChecked(false);
-    onChange({
-      appKeys: newAppKeys,
-      checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
-      appCheckAll: false,
-      orgCheckAll: allOrgChecked,
-      userKeys: allUserChecked ? ['all'] : userKeys,
-      userCheckAll: allUserChecked,
-      checkData: {
-        apps: newAppKeys,
-        orgs: checkedKeys,
-        accounts: userKeys,
-      },
-    });
-  };
-  // 移除全部应用
-  var onRemoveAllApp = function onRemoveAllApp() {
-    var newAppKeys = [appCode];
-    setAppKeys(newAppKeys);
-    setAllAppChecked(false);
-    onChange({
-      appKeys: newAppKeys,
-      checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
-      appCheckAll: false,
-      orgCheckAll: allOrgChecked,
-      userKeys: allUserChecked ? ['all'] : userKeys,
-      userCheckAll: allUserChecked,
-      checkData: {
-        apps: newAppKeys,
-        orgs: checkedKeys,
-        accounts: userKeys,
-      },
-    });
-  };
-
-  // 移除全部用户
-  var onRemoveAllUser = function onRemoveAllUser() {
-    var newUserKeys = [account];
-    setUserKeys(newUserKeys);
-    setAllUserChecked(false);
-    onChange({
-      appKeys: allAppChecked ? ['all'] : appKeys,
-      checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
-      userKeys: newUserKeys,
-      appCheckAll: allAppChecked,
-      orgCheckAll: allOrgChecked,
-      userCheckAll: false,
-      checkData: {
-        apps: appKeys,
-        orgs: checkedKeys,
-        accounts: newUserKeys,
-      },
-    });
-  };
-
-  // 移除单个用户
-  var onRemoveSingleUser = function onRemoveSingleUser(value) {
-    var newUserKeys = cloneDeep(userKeys);
-    newUserKeys.map(function (item, index) {
-      if (value === item) {
-        newUserKeys.splice(index, 1);
-      }
-    });
-    setUserKeys(newUserKeys);
-    setAllUserChecked(false);
-    onChange({
-      appKeys: allAppChecked ? ['all'] : appKeys,
-      checkedKeys: allOrgChecked ? ['all'] : checkedKeys,
-      userKeys: newUserKeys,
-      appCheckAll: allAppChecked,
-      orgCheckAll: allOrgChecked,
-      userCheckAll: false,
-      checkData: {
-        apps: appKeys,
-        orgs: checkedKeys,
-        accounts: newUserKeys,
-      },
-    });
-  };
-
-  // 已选择的机构列表
-  var areadySelectOrg = useMemo(
-    function () {
-      return (
-        checkedKeys.filter(function (i) {
-          return allOrg.includes(i);
-        }) || []
-      );
-    },
-    [checkedKeys, allOrg],
-  );
-  // 已选择的渠道列表
-  var areadySelectApp = useMemo(
-    function () {
-      return (
-        appKeys.filter(function (i) {
-          return allApp.includes(i);
-        }) || []
-      );
-    },
-    [appKeys, allApp],
-  );
-  // 已选择的用户列表
-  var areadySelectUser = useMemo(
-    function () {
-      return (
-        userKeys.filter(function (i) {
-          return allUser.includes(i);
-        }) || []
-      );
-    },
-    [userKeys, allUser],
-  );
-
-  // 渲染App列表
-  var appListDomRender = useMemo(
-    function () {
-      return appList
-        .filter(function (i) {
-          var label = i.label,
-            value = i.value;
-          if (filterApp) {
-            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(),
-                    ))
-            );
-          }
-          return i;
-        })
-        .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 ||
-                (customAppDisabled && customAppDisabled(item)),
-              onChange: assignApp,
-              value: item.value,
-              key: index,
-            },
-            /*#__PURE__*/ React.createElement(
-              'span',
-              {
-                style: {
-                  display: 'inline-block',
-                },
-              },
-              /*#__PURE__*/ React.createElement(_Ellipsis, {
-                title: item.label,
-              }),
-            ),
-          );
-        });
-    },
-    [appList, appKeys, filterApp],
-  );
-
-  // 渲染User列表
-  var userListDomRender = useMemo(
-    function () {
-      return (
-        (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(),
-                          ))
-                  );
-                }
-                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(
-                  _Checkbox,
-                  {
-                    key: item + index,
-                    checked: isCheck,
-                    disabled: disabled || isOwnAccount || allUserChecked,
-                    onChange: assignUser,
-                    value: item.account,
-                  },
-                  /*#__PURE__*/ React.createElement(
-                    'span',
-                    {
-                      style: {
-                        display: 'inline-block',
-                      },
-                    },
-                    /*#__PURE__*/ React.createElement(_Ellipsis, {
-                      widthLimit: 240,
-                      title: item.userName,
-                    }),
-                  ),
-                );
-              })) || /*#__PURE__*/ React.createElement(_Empty, null)
-      );
-    },
-    [userList, userKeys, filterUser],
-  );
-  var renderOrgItem = function renderOrgItem(item, lang) {
-    var mapResult = {
-      1: {
-        cn: '职能部门',
-        en: 'Func. Dept.',
-        icon: 'crowd',
-      },
-      2: {
-        icon: 'corporation',
-      },
-    };
-    var result = mapResult[item === null || item === void 0 ? void 0 : item.orgAttribute] || {};
-    return /*#__PURE__*/ React.createElement(
-      'div',
-      {
-        className: 'org-item-wrapper',
-        style: {
-          width: 'calc(100% - 32px)',
-        },
-      },
-      /*#__PURE__*/ React.createElement(_Ellipsis, {
-        title: item.title,
-        widthLimit: String(item.orgAttribute) === '1' ? 'calc(100% - 90px}' : '100%',
-      }),
-      String(item.orgAttribute) === '1' &&
-        /*#__PURE__*/ React.createElement(
-          'span',
-          {
-            className: 'org-functional-departemt-marker',
-          },
-          result[lang] || '职能部门',
-        ),
-    );
-  };
-  var defaultRenderItem = function defaultRenderItem(item) {
-    var isOrg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    if (isOrg) {
-      return renderOrgItem(item, props === null || props === void 0 ? void 0 : props.lang);
-    }
-    return /*#__PURE__*/ React.createElement(_Ellipsis, {
-      title: item.title,
-      widthLimit: '100%',
-    });
-  };
-  var canNotRemoveOrg = useMemo(
-    function () {
-      var _orgMapRef$current, _orgMapRef$current$ch;
-      return (
-        (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) === 1 &&
-        ((_orgMapRef$current = orgMapRef.current) === null || _orgMapRef$current === void 0
-          ? void 0
-          : (_orgMapRef$current$ch = _orgMapRef$current[checkedKeys[0]]) === null ||
-            _orgMapRef$current$ch === void 0
-          ? void 0
-          : _orgMapRef$current$ch.key) ===
-          (rootNode === null || rootNode === void 0 ? void 0 : rootNode.key)
-      );
-    },
-    [checkedKeys],
-  );
-  var canNotRemoveApp = useMemo(
-    function () {
-      var _appMapRef$current, _appMapRef$current$ap;
-      return (
-        (appKeys === null || appKeys === void 0 ? void 0 : appKeys.length) === 1 &&
-        ((_appMapRef$current = appMapRef.current) === null || _appMapRef$current === void 0
-          ? void 0
-          : (_appMapRef$current$ap = _appMapRef$current[appKeys[0]]) === null ||
-            _appMapRef$current$ap === void 0
-          ? void 0
-          : _appMapRef$current$ap.name) === appCode
-      );
-    },
-    [appKeys],
-  );
-  console.log(canNotRemoveOrg, 'canNotRemove');
-
-  // 计算面板数量和平移距离
-  var panelCount = showUser ? 3 : 2;
-  var translateX = curIndex === 0 ? 0 : ''.concat(-(100 / panelCount) * curIndex, '%');
-  return /*#__PURE__*/ React.createElement(
-    React.Fragment,
-    null,
-    /*#__PURE__*/ React.createElement(_Segmented, {
-      className: 'menu-title',
-      value: curValue,
-      options: titleOptions,
-      onChange: function onChange(index) {
-        setCurValue(index);
-        setCurIndex(
-          titleOptions.findIndex(function (i) {
-            return i === index;
-          }),
-        );
-      },
-    }),
-    /*#__PURE__*/ React.createElement(
-      'div',
-      {
-        className: 'assign-box-container',
-      },
-      /*#__PURE__*/ React.createElement(
-        'div',
-        {
-          className: 'slider',
-          style: {
-            width: showUser ? '300%' : '200%',
-            transform: 'translateX('.concat(translateX, ')'),
-            transition: 'transform 0.2s ease',
-          },
-        },
-        /*#__PURE__*/ React.createElement(
-          'div',
-          {
-            className: 'org-panel panel',
-          },
-          /*#__PURE__*/ React.createElement(
-            'div',
-            {
-              className: 'menu-header',
-            },
-            /*#__PURE__*/ React.createElement(
-              'span',
-              {
-                className: 'title',
-              },
-              orgTitle || t('authorizesOrgList'),
-            ),
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: 'menu-all-checked',
-              },
-              /*#__PURE__*/ React.createElement(
-                _Checkbox,
-                {
-                  onChange: checkAllOrg,
-                  checked: allOrgChecked,
-                  disabled: disabled,
-                },
-                orgCheckboxTitle || t('allOrgAvailable'),
-              ),
-            ),
-          ),
-          /*#__PURE__*/ React.createElement(
-            'div',
-            {
-              className: 'panel-menu-body',
-            },
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: 'panel-left',
-                style: {
-                  width: '60%',
-                },
-              },
-              /*#__PURE__*/ React.createElement(_Input, {
-                size: 'small',
-                placeholder: t('search'),
-                onChange: function onChange(e) {
-                  debouncedOrgSearch(e.target.value);
-                },
-                suffix: /*#__PURE__*/ React.createElement(_Icon, {
-                  type: 'zoom',
-                }),
-                style: {
-                  marginBottom: 16,
-                  width: 'calc(100% - 16px)',
-                },
-              }),
-              /*#__PURE__*/ React.createElement(_TntdVirtualTree, {
-                style: {
-                  overflowX: 'auto',
-                },
-                isOrg: true,
-                treeData: treeData,
-                filterKey: filterOrg,
-                blockNode: true,
-                checkable: true,
-                checkStrictly: true,
-                checkedKeys: checkedKeys,
-                defaultExpandAll: true,
-                onCheck: onCheck,
-                height: windowHeight,
-                titleRender: defaultRenderItem,
-              }),
-            ),
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: 'panel-right',
-                style: {
-                  width: '40%',
-                },
-              },
-              /*#__PURE__*/ React.createElement(
-                'div',
-                {
-                  className: 'select-menu-header',
-                },
-                /*#__PURE__*/ React.createElement(
-                  'span',
-                  null,
-                  t('hasBeenSelected'),
-                  ': ',
-                  t('numOfOrg', areadySelectOrg.length || 0),
-                ),
-                /*#__PURE__*/ React.createElement(
-                  'a',
-                  {
-                    className: canNotRemoveOrg ? 'disabeld' : '',
-                    onClick: function onClick() {
-                      return onRemoveAllOrg();
-                    },
-                  },
-                  t('clear'),
-                ),
-              ),
-              /*#__PURE__*/ React.createElement(
-                'ul',
-                {
-                  className: 'select-menu-list',
-                },
-                checkedKeys
-                  .filter(function (i) {
-                    return !!orgMapRef.current[i];
-                  })
-                  .map(function (item, index) {
-                    var node = orgMapRef.current[item] || {};
-                    var path = node.path,
-                      name = node.name;
-                    var pathDisplayName = getOrgPathDisplayName(path);
-                    var disabled = rootNode.key === item;
-                    return /*#__PURE__*/ React.createElement(
-                      'li',
-                      {
-                        key: item.value + index,
-                        className: 'select-menu-list-item',
-                      },
-                      /*#__PURE__*/ React.createElement(
-                        'span',
-                        {
-                          className: 'org-name',
-                        },
-                        /*#__PURE__*/ React.createElement(_Ellipsis, {
-                          title: name,
-                        }),
-                      ),
-                      /*#__PURE__*/ React.createElement(
-                        'span',
-                        {
-                          className: 'path-name',
-                        },
-                        /*#__PURE__*/ React.createElement(_Ellipsis, {
-                          title: pathDisplayName,
-                        }),
-                      ),
-                      !disabled &&
-                        /*#__PURE__*/ React.createElement(_Icon, {
-                          type: 'close',
-                          className: 'close-icon',
-                          onClick: function onClick() {
-                            return onRemoveSingleOrg(node);
-                          },
-                        }),
-                    );
-                  }) || /*#__PURE__*/ React.createElement(_Empty, null),
-              ),
-            ),
-          ),
-        ),
-        /*#__PURE__*/ React.createElement(
-          'div',
-          {
-            className: 'app-panel panel',
-          },
-          /*#__PURE__*/ React.createElement(
-            'div',
-            {
-              className: 'menu-header',
-            },
-            /*#__PURE__*/ React.createElement(
-              'span',
-              {
-                className: 'title',
-              },
-              appTitle || t('authorizesAppList'),
-            ),
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: 'menu-all-checked',
-              },
-              /*#__PURE__*/ React.createElement(
-                _Checkbox,
-                {
-                  onChange: checkedAllApp,
-                  checked: allAppChecked,
-                  disabled: disabled,
-                },
-                appCheckboxTitle || t('allAppAvailable'),
-              ),
-            ),
-          ),
-          /*#__PURE__*/ React.createElement(
-            'div',
-            {
-              className: 'panel-menu-body',
-            },
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: 'panel-left',
-              },
-              /*#__PURE__*/ React.createElement(_Input, {
-                onChange: function onChange(e) {
-                  debouncedAppSearch(e.target.value);
-                },
-                placeholder: t('enterAppName'),
-                size: 'small',
-                suffix: /*#__PURE__*/ React.createElement(_Icon, {
-                  type: 'zoom',
-                }),
-                style: {
-                  marginBottom: 16,
-                  width: 'calc(100% - 16px)',
-                },
-              }),
-              appListDomRender,
-            ),
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: 'panel-right',
-              },
-              /*#__PURE__*/ React.createElement(
-                'div',
-                {
-                  className: 'select-menu-header',
-                },
-                /*#__PURE__*/ React.createElement(
-                  'span',
-                  null,
-                  t('hasBeenSelected'),
-                  ': ',
-                  t('numOfApp', areadySelectApp.length || 0),
-                ),
-                /*#__PURE__*/ React.createElement(
-                  'a',
-                  {
-                    className: canNotRemoveApp ? 'disabeld' : '',
-                    onClick: function onClick() {
-                      return onRemoveAllApp();
-                    },
-                  },
-                  t('clear'),
-                ),
-              ),
-              /*#__PURE__*/ React.createElement(
-                'ul',
-                {
-                  className: 'select-menu-list',
-                },
-                appKeys.map(function (item, index) {
-                  var node = appMapRef.current[item] || {};
-                  var value = node.value,
-                    label = node.label;
-                  var isOwnAppCode = appCode === value;
-                  if (!value && !label) return null; // 不显示多余数据
-                  return /*#__PURE__*/ React.createElement(
-                    'li',
-                    {
-                      key: value + index,
-                      className: 'select-menu-list-item',
-                    },
-                    /*#__PURE__*/ React.createElement(
-                      'span',
-                      {
-                        className: 'app-name',
-                      },
-                      /*#__PURE__*/ React.createElement(_Ellipsis, {
-                        title: label,
-                      }),
-                    ),
-                    !isOwnAppCode &&
-                      /*#__PURE__*/ React.createElement(_Icon, {
-                        type: 'close',
-                        className: 'close-icon',
-                        onClick: function onClick() {
-                          return onRemoveSingleApp(value);
-                        },
-                      }),
-                  );
-                }) || /*#__PURE__*/ React.createElement(_Empty, null),
-              ),
-            ),
-          ),
-        ),
-        !!showUser &&
-          /*#__PURE__*/ React.createElement(
-            'div',
-            {
-              className: 'user-panel panel',
-            },
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: 'menu-header',
-              },
-              /*#__PURE__*/ React.createElement(
-                'span',
-                {
-                  className: 'title',
-                },
-                userTitle || t('authorizesUserList'),
-              ),
-              /*#__PURE__*/ React.createElement(
-                'div',
-                {
-                  className: 'menu-all-checked',
-                },
-                /*#__PURE__*/ React.createElement(
-                  _Checkbox,
-                  {
-                    onChange: checkedAllUser,
-                    checked: allUserChecked,
-                    disabled: disabled,
-                  },
-                  userCheckboxTitle || t('allUserAvailable'),
-                ),
-              ),
-            ),
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: 'panel-menu-body',
-              },
-              /*#__PURE__*/ React.createElement(
-                'div',
-                {
-                  className: 'panel-left',
-                },
-                /*#__PURE__*/ React.createElement(_Input, {
-                  size: 'small',
-                  placeholder: t('enterUserName'),
-                  onChange: function onChange(e) {
-                    debouncedUserSearch(e.target.value);
-                  },
-                  suffix: /*#__PURE__*/ React.createElement(_Icon, {
-                    type: 'zoom',
-                  }),
-                  style: {
-                    marginBottom: 16,
-                    width: 'calc(100% - 16px)',
-                  },
-                }),
-                userListDomRender,
-              ),
-              /*#__PURE__*/ React.createElement(
-                'div',
-                {
-                  className: 'panel-right',
-                },
-                /*#__PURE__*/ React.createElement(
-                  'div',
-                  {
-                    className: 'select-menu-header',
-                  },
-                  /*#__PURE__*/ React.createElement(
-                    'span',
-                    null,
-                    t('hasBeenSelected'),
-                    ': ',
-                    t('numOfUser', areadySelectUser.length || 0),
-                  ),
-                  /*#__PURE__*/ React.createElement(
-                    'a',
-                    {
-                      onClick: function onClick() {
-                        return onRemoveAllUser();
-                      },
-                    },
-                    t('clear'),
-                  ),
-                ),
-                /*#__PURE__*/ React.createElement(
-                  'ul',
-                  {
-                    className: 'select-menu-list',
-                  },
-                  userKeys.map(function (item, index) {
-                    var node = userMapRef.current[item] || {};
-                    var userName = node.userName;
-                    var isOwnUserCode = account === node.account;
-                    if (!userName && !node.account) return null; // 不显示多余数据
-                    return /*#__PURE__*/ React.createElement(
-                      'li',
-                      {
-                        key: userName + index,
-                        className: 'select-menu-list-item',
-                      },
-                      /*#__PURE__*/ React.createElement(
-                        'span',
-                        {
-                          className: 'app-name',
-                        },
-                        /*#__PURE__*/ React.createElement(_Ellipsis, {
-                          title: userName,
-                        }),
-                      ),
-                      !isOwnUserCode &&
-                        /*#__PURE__*/ React.createElement(_Icon, {
-                          type: 'close',
-                          className: 'close-icon',
-                          onClick: function onClick() {
-                            return onRemoveSingleUser(node.account);
-                          },
-                        }),
-                    );
-                  }) || /*#__PURE__*/ React.createElement(_Empty, null),
-                ),
-              ),
-            ),
-          ),
-      ),
-    ),
-  );
-};
-export default AssignModal;