@tddc/assign-modal 2.0.1 → 2.0.2

package/lib/AssignModal/AssignApp/index.js

@@ -0,0 +1,502 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ellipsis = _interopRequireDefault(require("tntd/lib/ellipsis"));
+var _checkbox = _interopRequireDefault(require("tntd/lib/checkbox"));
+var _input = _interopRequireDefault(require("tntd/lib/input"));
+var _tree = _interopRequireDefault(require("tntd/lib/tree"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+require("./index.less");
+var _utils = require("./utils");
+var _locale = require("../../locale");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+var TreeNode = _tree.default.TreeNode;
+var Search = _input.default.Search;
+var path = []; // 上级机构到当前机构的路径
+
+var AssignModal = function AssignModal(props) {
+  var _orgList$;
+  var _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,
+    onChange = props.onChange,
+    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;
+  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 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],
+    setCheckedKeys = _useState2[1];
+  var _useState3 = (0, _react.useState)(appCodes || []),
+    _useState4 = _slicedToArray(_useState3, 2),
+    appKeys = _useState4[0],
+    setAppKeys = _useState4[1];
+  var _useState5 = (0, _react.useState)(accounts || []),
+    _useState6 = _slicedToArray(_useState5, 2),
+    userKeys = _useState6[0],
+    setUserKeys = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    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], []); // 添加 上级机构到子机构的路径
+  }
+  (0, _react.useEffect)(function () {
+    // path 和 allOrgList 赋值
+    path = (0, _utils.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 {
+        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]);
+  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.default.createElement("div", {
+        className: "node-title"
+      }, node.title);
+    };
+    return data.map(function (item) {
+      var orgDisabled = path.includes(item.code);
+      if (item.children) {
+        return /*#__PURE__*/_react.default.createElement(TreeNode, {
+          key: item.code,
+          title: /*#__PURE__*/_react.default.createElement(NodeTitle, {
+            node: item
+          }),
+          item: item,
+          disabled: orgDisabled || disabled || allOrgChecked
+        }, loopTreeNodes(item.children, level + 1));
+      }
+      return /*#__PURE__*/_react.default.createElement(TreeNode, {
+        style: {
+          paddingLeft: "".concat((level + 1) * 14, "px"),
+          marginLeft: "-".concat(level * 14, "px")
+        },
+        key: item.code,
+        title: /*#__PURE__*/_react.default.createElement(NodeTitle, {
+          node: item
+        }),
+        item: item,
+        disabled: orgDisabled || disabled
+      });
+    });
+  };
+  var onCheck = function onCheck(keys, info) {
+    var props = info.node.props;
+    var item = props.item;
+    var path = item.path;
+    var checked = keys.checked;
+    if (!info.node.isLeaf() && !info.node.checked) {
+      var arr = (0, _utils.preorder)(info.node.props.item);
+      arr.splice(0, 1);
+      arr.map(function (item) {
+        var i = checked.findIndex(function (i) {
+          return i === item;
+        });
+        if (i !== -1) checked.splice(i, 1);
+      });
+    }
+    if (info.checked) {
+      checked = Array.from(new Set([].concat(_toConsumableArray(checked), _toConsumableArray(path))));
+    }
+    setCheckedKeys(checked);
+    onChange({
+      appKeys: allAppChecked ? ['all'] : appKeys,
+      checkedKeys: checked,
+      appCheckAll: allAppChecked,
+      orgCheckAll: allOrgChecked,
+      userKeys: allUserChecked ? ['all'] : userKeys,
+      userCheckAll: allUserChecked,
+      checkData: {
+        apps: appKeys,
+        orgs: checked,
+        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 = (0, _lodash.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 = (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: 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 = (0, _utils.preorder)(orgList[0]);
+      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 debouncedSearch = (0, _react.useCallback)((0, _lodash.debounce)(function (nextValue) {
+    setFilterUser(nextValue);
+  }, 200), []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "assign-box-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "left"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "menu-header"
+  }, orgTitle || (0, _locale.getText)('authorizesOrgList', 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: checkAllOrg,
+    checked: allOrgChecked,
+    disabled: disabled
+  }, orgCheckboxTitle || (0, _locale.getText)('allOrgAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/_react.default.createElement(_tree.default, {
+    blockNode: true,
+    className: "tree-list",
+    checkable: true,
+    checkStrictly: true,
+    checkedKeys: checkedKeys,
+    defaultExpandAll: true,
+    onCheck: onCheck,
+    disabled: true
+  }, loopTreeNodes(orgList, 0))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "right"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "menu-header"
+  }, appTitle || (0, _locale.getText)('authorizesAppList', 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: checkedAllApp,
+    checked: allAppChecked,
+    disabled: disabled
+  }, appCheckboxTitle || (0, _locale.getText)('allAppAvailable', props === null || props === void 0 ? void 0 : props.lang)))), /*#__PURE__*/_react.default.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.default.createElement(_checkbox.default, {
+      checked: isCheck,
+      disabled: disabled || isOwnAppCode || allAppChecked,
+      onChange: assignApp,
+      value: item.value,
+      key: index
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        display: 'inline-block'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ellipsis.default, {
+      widthLimit: 100,
+      title: item.label
+    })));
+  }))), !!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(_ellipsis.default, {
+      widthLimit: 240,
+      title: item.userName
+    }))));
+  }))));
+};
+var _default = exports.default = AssignModal;

package/lib/AssignModal/AssignApp/index.less

@@ -0,0 +1,99 @@
+.assign-box-container {
+  display: flex;
+  height: 550px;
+  background-color: #fff;
+  .menu-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 44px;
+    padding: 0 20px;
+    color: #17233d;
+    font-size: 14px;
+    border-bottom: 1px solid #e1e6ee;
+  }
+
+  .left {
+    position: relative;
+    z-index: 3;
+    width: 430px;
+    background: #ffffff;
+    box-shadow: 0px 0px 6px 0px rgba(58, 48, 48, 0.12);
+    .tree-list {
+      height: calc(100% - 52px);
+      padding-top: 10px;
+      overflow: auto;
+
+      .node-title {
+        position: relative;
+        display: inline;
+        width: 100%;
+        &.active {
+          &::after {
+            position: absolute;
+            top: 1px;
+            right: -9px;
+            width: 6px;
+            height: 6px;
+            background-color: #f7b036;
+            border-radius: 50%;
+            content: ' ';
+          }
+        }
+      }
+
+      // .ant-tree-checkbox-indeterminate
+      // .ant-tree-checkbox-inner:after{
+      //     position: absolute;
+      //     display: table;
+      //     border: 2px solid #fff;
+      //     border-top: 0;
+      //     border-left: 0;
+      //     transform: rotate(45deg) scale(1) translate(-50%, -50%);
+      //     opacity: 1;
+      //     transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+      //     width: 5.71428571px;
+      //     height: 9.14285714px;
+      //     content: ' ';
+      //     left: 3px;
+      // }
+
+      // .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
+      //     background-color: #126BFB;
+      //     border-color: #126BFB;
+      // }
+    }
+  }
+
+  .right {
+    z-index: 2;
+    flex: 1;
+    overflow: scroll;
+    background: #fcfcfc;
+    box-shadow: 0 0 10px 0 rgba(213, 213, 213, 0.5);
+    .menu-body {
+      margin: 20px;
+      .ant-checkbox-wrapper {
+        margin-left: 16px !important;
+      }
+    }
+  }
+
+  .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/AssignApp/utils.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preorder = exports.findSameCodePath = exports.addPath = void 0;
+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 _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 _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 _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; }
+// 遍历机构树 添加 path属性 （上级机构到子机构的路径）
+var addPath = exports.addPath = function addPath(root) {
+  var parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  if (!root) {
+    return;
+  }
+  var path = [].concat(_toConsumableArray(parent), [root.code]);
+  root.path = _toConsumableArray(path);
+  for (var i = 0; i < root.children.length; i++) {
+    addPath(root.children[i], path);
+  }
+};
+
+// 遍历寻找 当前规则集所属机构
+var findSameCodePath = exports.findSameCodePath = function findSameCodePath(root, code) {
+  var res = {};
+  var dfs = function dfs(root, code) {
+    if (!root) {
+      return;
+    }
+    if (root.code === code) res = root;
+    for (var i = 0; i < root.children.length; i++) {
+      dfs(root.children[i], code);
+    }
+  };
+  dfs(root, code);
+  return res.path || [];
+};
+
+// 遍历输出 orgCode；
+var preorder = exports.preorder = function preorder(root) {
+  var res = [];
+  var dfs = function dfs(root) {
+    var res = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    if (!root) {
+      return;
+    }
+    res.push(root.code || root.key);
+    for (var i = 0; i < root.children.length; i++) {
+      dfs(root.children[i], res);
+    }
+  };
+  dfs(root, res);
+  return res;
+};

package/lib/AssignModal/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AssignApp", {
+  enumerable: true,
+  get: function get() {
+    return _AssignApp.default;
+  }
+});
+exports.default = void 0;
+var _modal = _interopRequireDefault(require("tntd/lib/modal"));
+var _react = _interopRequireWildcard(require("react"));
+var _AssignApp = _interopRequireDefault(require("./AssignApp"));
+require("./index.less");
+var _universalCookie = _interopRequireDefault(require("universal-cookie"));
+var _excluded = ["visible", "orgList", "dataItem", "close", "disabled", "title", "onSubmit", "appList", "userList", "showUser"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var cookies = new _universalCookie.default();
+var AssignModal = function AssignModal(props) {
+  var visible = props.visible,
+    orgList = props.orgList,
+    _props$dataItem = props.dataItem,
+    dataItem = _props$dataItem === void 0 ? {} : _props$dataItem,
+    close = props.close,
+    disabled = props.disabled,
+    _props$title = props.title,
+    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),
+    assignData = _useState2[0],
+    setAssignData = _useState2[1];
+  var submit = function submit() {
+    console.log({
+      assignData: assignData
+    });
+    onSubmit(assignData);
+  };
+  return /*#__PURE__*/_react.default.createElement(_modal.default, {
+    className: "modelTool-assign",
+    title: title,
+    visible: visible,
+    width: showUser ? '80%' : '65%',
+    onCancel: close,
+    onOk: submit,
+    maskClosable: false,
+    destroyOnClose: true,
+    okButtonProps: {
+      disabled: disabled
+    }
+  }, /*#__PURE__*/_react.default.createElement(_AssignApp.default, _extends({
+    dataItem: dataItem,
+    orgList: orgList,
+    appList: appList,
+    userList: userList,
+    onChange: function onChange(data) {
+      setAssignData(data);
+    },
+    disabled: disabled,
+    lang: (props === null || props === void 0 ? void 0 : props.lang) || cookies.get('lang') || 'cn',
+    showUser: showUser
+  }, restProps)));
+};
+var _default = exports.default = AssignModal;

package/lib/AssignModal/index.less

@@ -0,0 +1,7 @@
+.modelTool-assign {
+  .ant-modal-body {
+    height: 550px;
+    padding: 0;
+    overflow: hidden;
+  }
+}

package/lib/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AssignModal.default;
+  }
+});
+var _AssignModal = _interopRequireDefault(require("./AssignModal"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/locale.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zh_CN = exports.getText = exports.getLanguage = exports.en_US = exports.default = void 0;
+var _universalCookie = _interopRequireDefault(require("universal-cookie"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var cookies = new _universalCookie.default();
+var zh_CN = exports.zh_CN = {
+  authorizesOrgList: '机构列表',
+  allOrgAvailable: '全部机构',
+  authorizesAppList: '渠道列表',
+  allAppAvailable: '全部渠道',
+  authorizesUserList: '用户列表',
+  allUserAvailable: '全部用户',
+  search: '查询'
+};
+var en_US = exports.en_US = {
+  authorizesOrgList: 'Organization List',
+  allOrgAvailable: 'All Organizations',
+  authorizesAppList: 'Channel List',
+  allAppAvailable: 'All Channels',
+  authorizesUserList: 'Account List',
+  allUserAvailable: 'All Accounts',
+  search: 'Search'
+};
+var getText = exports.getText = function getText(key, language) {
+  var _ref;
+  var text = (_ref = {
+    cn: zh_CN,
+    en: en_US
+  }[language || getLanguage()] || zh_CN) === null || _ref === void 0 ? void 0 : _ref[key];
+  for (var _len = arguments.length, params = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    params[_key - 2] = arguments[_key];
+  }
+  if (params === null || params === void 0 ? void 0 : params.length) {
+    return params.reduce(function (acc, cur) {
+      return acc.replace(/%s/, cur);
+    }, text);
+  }
+  return text;
+};
+var getLanguage = exports.getLanguage = function getLanguage() {
+  return cookies.get('lang', {
+    path: '/'
+  }) || 'cn';
+};
+var _default = exports.default = {
+  en_US: en_US,
+  zh_CN: zh_CN
+};

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@tddc/assign-modal",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "assign-modal",
   "author": "zj <jun.zhang002383@tongdun.net>",
   "license": "ISC",
   "main": "es/index.js",
   "files": [
-    "es"
+    "es",
+    "lib"
   ],
   "devDependencies": {
     "universal-cookie": ">=2.2.0",