bm-admin-ui 1.0.78-alpha → 1.0.80-alpha

package/lib/components/staffs-selector/index.js

@@ -66,16 +66,21 @@ vue.readonly([
 vue.ref('');
 const selectState = vue.reactive({
     multipleChecked: {},
-    departmentChecked: [],
     multipDepartment: [],
+    dataMap: new Map(),
+    curlistKeys: new Set(),
+    fetchLoading: false,
+    searched: false,
+});
+vue.reactive({
+    departmentChecked: [],
     staffsChecked: {},
     shopChecked: {},
     groupChecked: {},
     dataMap: new Map(),
-    curlistKeys: new Set(),
     activeKey: 0,
-    fetchLoading: false,
-    searched: false
+    curlistKeys: new Set(),
+    searched: false,
 });
 const list = vue.ref([]);
 const departNative = vue.ref([]);
@@ -88,7 +93,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$4 = vue.defineComponent({
+const _sfc_main$3 = vue.defineComponent({
   components: { SearchOutlined: iconsVue.SearchOutlined, Checkbox: antDesignVue.Checkbox, Empty: antDesignVue.Empty },
   props: {
     limit: {
@@ -167,25 +172,25 @@ const _sfc_main$4 = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "multiple-selector" };
-const _hoisted_2$4 = { class: "__selector-modal-panel" };
-const _hoisted_3$4 = { class: "__search-panel" };
-const _hoisted_4$4 = { class: "__selector-modal-options" };
-const _hoisted_5$4 = { class: "__selector-modal-options-item fixed-option" };
-const _hoisted_6$3 = {
+const _hoisted_1$3 = { class: "multiple-selector" };
+const _hoisted_2$3 = { class: "__selector-modal-panel" };
+const _hoisted_3$3 = { class: "__search-panel" };
+const _hoisted_4$3 = { class: "__selector-modal-options" };
+const _hoisted_5$3 = { class: "__selector-modal-options-item fixed-option" };
+const _hoisted_6$2 = {
   key: 0,
   class: "noData",
   style: { "height": "280px" }
 };
-const _hoisted_7$2 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_7$1 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_search_outlined = vue.resolveComponent("search-outlined");
   const _component_AInput = vue.resolveComponent("AInput");
   const _component_Checkbox = vue.resolveComponent("Checkbox");
   const _component_Empty = vue.resolveComponent("Empty");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-    vue.createElementVNode("div", _hoisted_2$4, [
-      vue.createElementVNode("div", _hoisted_3$4, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+    vue.createElementVNode("div", _hoisted_2$3, [
+      vue.createElementVNode("div", _hoisted_3$3, [
         vue.createVNode(_component_AInput, {
           value: _ctx.searchVal,
           "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.searchVal = $event),
@@ -197,8 +202,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["value", "onBlur"]),
-        vue.createElementVNode("div", _hoisted_4$4, [
-          vue.createElementVNode("div", _hoisted_5$4, [
+        vue.createElementVNode("div", _hoisted_4$3, [
+          vue.createElementVNode("div", _hoisted_5$3, [
             vue.withDirectives(vue.createVNode(_component_Checkbox, {
               checked: _ctx.selectAll,
               "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => _ctx.selectAll = $event),
@@ -231,10 +236,10 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               }, 1032, ["checked", "onUpdate:checked", "disabled"])
             ]);
           }), 128)),
-          _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
+          _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
             vue.createVNode(_component_Empty, { image: _ctx.emptyPic }, {
               description: vue.withCtx(() => [
-                vue.createElementVNode("span", _hoisted_7$2, vue.toDisplayString(!!_ctx.searched ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
+                vue.createElementVNode("span", _hoisted_7$1, vue.toDisplayString(!!_ctx.searched ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
               ]),
               _: 1
             }, 8, ["image"])
@@ -244,9 +249,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var multipleCmp = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3], ["__file", "multipleCmp.vue"]]);
+var multipleCmp = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2], ["__file", "multipleCmp.vue"]]);
 
-const _sfc_main$3 = vue.defineComponent({
+const _sfc_main$2 = vue.defineComponent({
   name: "RadioCmp",
   components: { ARadio: antDesignVue.Radio, AInput: antDesignVue.Input, ARadioGroup: antDesignVue.RadioGroup, Empty: antDesignVue.Empty, SearchOutlined: iconsVue.SearchOutlined },
   props: {
@@ -280,25 +285,25 @@ const _sfc_main$3 = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { class: "radio-selector-panel" };
-const _hoisted_2$3 = { class: "__search-panel withoutpad" };
-const _hoisted_3$3 = {
+const _hoisted_1$2 = { class: "radio-selector-panel" };
+const _hoisted_2$2 = { class: "__search-panel withoutpad" };
+const _hoisted_3$2 = {
   key: 0,
   class: "__selector-modal-options __radio-panel"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$2 = {
   key: 1,
   class: "noData"
 };
-const _hoisted_5$3 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_5$2 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_search_outlined = vue.resolveComponent("search-outlined");
   const _component_a_input = vue.resolveComponent("a-input");
   const _component_ARadio = vue.resolveComponent("ARadio");
   const _component_ARadioGroup = vue.resolveComponent("ARadioGroup");
   const _component_Empty = vue.resolveComponent("Empty");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
-    vue.createElementVNode("div", _hoisted_2$3, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+    vue.createElementVNode("div", _hoisted_2$2, [
       vue.createVNode(_component_a_input, {
         value: _ctx.searchVal,
         "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.searchVal = $event),
@@ -310,7 +315,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["value", "onBlur"]),
-      _ctx.list && _ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
+      _ctx.list && _ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
         vue.createVNode(_component_ARadioGroup, {
           value: _ctx.selected,
           style: { width: "100%" },
@@ -333,10 +338,10 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         }, 8, ["value", "onChange"])
       ])) : vue.createCommentVNode("v-if", true),
-      _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
+      _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
         vue.createVNode(_component_Empty, { image: _ctx.emptyPic }, {
           description: vue.withCtx(() => [
-            vue.createElementVNode("span", _hoisted_5$3, vue.toDisplayString(!!_ctx.searched ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
+            vue.createElementVNode("span", _hoisted_5$2, vue.toDisplayString(!!_ctx.searched ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
           ]),
           _: 1
         }, 8, ["image"])
@@ -344,252 +349,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var radioCmp = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2], ["__file", "radioCmp.vue"]]);
-
-const _sfc_main$2 = vue.defineComponent({
-  props: {
-    list: {
-      type: Array,
-      default: () => []
-    },
-    selected: {
-      type: Array,
-      default: () => []
-    },
-    dataMap: {
-      type: Map,
-      default: () => /* @__PURE__ */ new Map()
-    },
-    curlistKeys: {
-      type: Set,
-      default: () => /* @__PURE__ */ new Set()
-    }
-  },
-  emits: ["fetchList", "update:selected"],
-  setup(props, { emit }) {
-    const indicator = vue.h(iconsVue.LoadingOutlined, {
-      style: {
-        fontSize: "24px"
-      },
-      spin: true
-    });
-    const loading = vue.ref(false);
-    const emptyPic = antDesignVue.Empty.PRESENTED_IMAGE_SIMPLE;
-    const areas = vue.readonly([
-      { title: "\u6210\u5458", key: 0, paramStr: "staff" },
-      { title: "\u90E8\u95E8", key: 1, paramStr: "department" },
-      { title: "\u5DE5\u4F5C\u7EC4", key: 2, paramStr: "group" },
-      { title: "\u5E97\u94FA", key: 3, paramStr: "shop" }
-    ]);
-    const searchVal = vue.ref("");
-    function changeArea(item) {
-      selectState.activeKey = item.key;
-      searchVal.value = "";
-      if (selectState.activeKey === 1) {
-        search();
-      } else
-        emit("fetchList", false);
-    }
-    function search() {
-      emit("fetchList", {
-        searchVal: searchVal.value || "",
-        area: areas[selectState.activeKey].paramStr
-      });
-    }
-    const inputPlaceHolder = vue.computed(() => {
-      if (selectState.activeKey === 1) {
-        return "\u8BF7\u8F93\u5165\u90E8\u95E8\u641C\u7D22";
-      } else if (selectState.activeKey === 2) {
-        return "\u8BF7\u8F93\u5165\u5DE5\u4F5C\u7EC4\u641C\u7D22";
-      } else if (selectState.activeKey === 3) {
-        return "\u8BF7\u8F93\u5165\u5E97\u94FA\u641C\u7D22";
-      }
-      return "\u8BF7\u8F93\u5165\u4EBA\u540D\u641C\u7D22";
-    });
-    function changeTreeCheck(checkedKeys) {
-      let flatMap = selectState.dataMap;
-      let curlistKeys = selectState.curlistKeys;
-      let hadselected = new Set(selectState.departmentChecked);
-      let curselect = new Set(checkedKeys);
-      for (let key of hadselected) {
-        if (curlistKeys.has(String(key)) && (!curselect.has(String(key)) || curselect.has(String(key)) && curselect.has(flatMap.get(String(key))["parent"]))) {
-          hadselected.delete(key);
-        }
-      }
-      for (let key of curselect) {
-        let obj = flatMap.get(String(key));
-        if (obj && !curselect.has(obj["parent"])) {
-          hadselected.add(String(key));
-        }
-      }
-      selectState.departmentChecked = Array.from(hadselected) || [];
-    }
-    return {
-      indicator,
-      loading,
-      emptyPic,
-      areas,
-      searchVal,
-      search,
-      changeArea,
-      inputPlaceHolder,
-      changeTreeCheck,
-      ...vue.toRefs(selectState)
-    };
-  }
-});
-const _hoisted_1$2 = { class: "varied-selector-panel" };
-const _hoisted_2$2 = { class: "__selector-modal-panel-withGroup" };
-const _hoisted_3$2 = { class: "varied-area-tabs" };
-const _hoisted_4$2 = ["onClick"];
-const _hoisted_5$2 = { class: "area-panel" };
-const _hoisted_6$2 = {
-  key: 0,
-  class: "noData"
-};
-const _hoisted_7$1 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
-const _hoisted_8$1 = {
-  key: 0,
-  class: "__selector-modal-options"
-};
-const _hoisted_9 = {
-  key: 1,
-  class: "__selector-modal-options",
-  style: { "overflow": "auto" }
-};
-const _hoisted_10 = { class: "department-option-item" };
-const _hoisted_11 = {
-  key: 0,
-  class: "department-desc"
-};
-const _hoisted_12 = {
-  key: 2,
-  class: "__selector-modal-options"
-};
-const _hoisted_13 = {
-  key: 3,
-  class: "__selector-modal-options"
-};
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_search_outlined = vue.resolveComponent("search-outlined");
-  const _component_a_input = vue.resolveComponent("a-input");
-  const _component_Empty = vue.resolveComponent("Empty");
-  const _component_Checkbox = vue.resolveComponent("Checkbox");
-  const _component_Spin = vue.resolveComponent("Spin");
-  const _component_a_tree = vue.resolveComponent("a-tree");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-    vue.createElementVNode("div", _hoisted_2$2, [
-      vue.createElementVNode("div", _hoisted_3$2, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.areas, (item) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: item.key,
-            class: vue.normalizeClass(["area-tabs-item", { active: item.key === _ctx.activeKey }]),
-            onClick: vue.withModifiers(($event) => _ctx.changeArea(item), ["stop"])
-          }, vue.toDisplayString(item.title), 11, _hoisted_4$2);
-        }), 128))
-      ]),
-      vue.createVNode(_component_a_input, {
-        value: _ctx.searchVal,
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.searchVal = $event),
-        placeholder: _ctx.inputPlaceHolder,
-        onBlur: _ctx.search
-      }, {
-        suffix: vue.withCtx(() => [
-          vue.createVNode(_component_search_outlined, { style: { color: "#9393A3" } })
-        ]),
-        _: 1
-      }, 8, ["value", "placeholder", "onBlur"]),
-      vue.createElementVNode("div", _hoisted_5$2, [
-        _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
-          vue.createVNode(_component_Empty, { image: _ctx.emptyPic }, {
-            description: vue.withCtx(() => [
-              vue.createElementVNode("span", _hoisted_7$1, vue.toDisplayString(!!_ctx.searched ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
-            ]),
-            _: 1
-          }, 8, ["image"])
-        ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          _ctx.activeKey === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: item.key,
-                class: "__selector-modal-options-item"
-              }, [
-                vue.createVNode(_component_Checkbox, {
-                  checked: _ctx.staffsChecked[item.key],
-                  "onUpdate:checked": ($event) => _ctx.staffsChecked[item.key] = $event,
-                  class: "__selector-modal-option-check"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(item.fullTitle || item.title), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["checked", "onUpdate:checked"])
-              ]);
-            }), 128))
-          ])) : _ctx.activeKey === 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-            vue.createVNode(_component_Spin, {
-              indicator: _ctx.indicator,
-              spinning: _ctx.loading
-            }, null, 8, ["indicator", "spinning"]),
-            vue.createCommentVNode("  "),
-            vue.createVNode(_component_a_tree, {
-              "checked-keys": _ctx.departmentChecked,
-              "default-expand-all": false,
-              checkable: "",
-              "tree-data": _ctx.list,
-              onCheck: _ctx.changeTreeCheck
-            }, {
-              title: vue.withCtx(({ title, description }) => [
-                vue.createElementVNode("div", _hoisted_10, [
-                  vue.createElementVNode("span", null, vue.toDisplayString(title), 1),
-                  description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_11, vue.toDisplayString(description), 1)) : vue.createCommentVNode("v-if", true)
-                ])
-              ]),
-              _: 1
-            }, 8, ["checked-keys", "tree-data", "onCheck"])
-          ])) : _ctx.activeKey === 2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: item.key,
-                class: "__selector-modal-options-item"
-              }, [
-                vue.createVNode(_component_Checkbox, {
-                  checked: _ctx.groupChecked[item.key],
-                  "onUpdate:checked": ($event) => _ctx.groupChecked[item.key] = $event,
-                  class: "__selector-modal-option-check"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(item.fullTitle || item.title), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["checked", "onUpdate:checked"])
-              ]);
-            }), 128))
-          ])) : _ctx.activeKey === 3 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: item.key,
-                class: "__selector-modal-options-item"
-              }, [
-                vue.createVNode(_component_Checkbox, {
-                  checked: _ctx.shopChecked[item.key],
-                  "onUpdate:checked": ($event) => _ctx.shopChecked[item.key] = $event,
-                  class: "__selector-modal-option-check"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(item.fullTitle || item.title), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["checked", "onUpdate:checked"])
-              ]);
-            }), 128))
-          ])) : vue.createCommentVNode("v-if", true)
-        ], 64))
-      ])
-    ])
-  ]);
-}
-var VariedCmp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "variedCmp.vue"]]);
+var radioCmp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "radioCmp.vue"]]);
 
 const _sfc_main$1 = vue.defineComponent({
   components: { SearchOutlined: iconsVue.SearchOutlined, Empty: antDesignVue.Empty, ATree: antDesignVue.Tree },
@@ -605,6 +365,7 @@ const _sfc_main$1 = vue.defineComponent({
   },
   emits: ["fetchList", "update:selected"],
   setup(props, { emit }) {
+    const treeRef = vue.ref();
     const state = vue.reactive({
       searchVal: "",
       selectAll: false,
@@ -647,6 +408,7 @@ const _sfc_main$1 = vue.defineComponent({
       changeTreeCheck,
       ...vue.toRefs(state),
       ...vue.toRefs(selectState),
+      treeRef,
       list,
       ...methods
     };
@@ -688,6 +450,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["value", "onBlur"]),
         vue.createElementVNode("div", _hoisted_4$1, [
           vue.createVNode(_component_ATree, {
+            ref: "treeRef",
             "checked-keys": _ctx.multipDepartment,
             checkable: "",
             "tree-data": _ctx.list,
@@ -718,7 +481,7 @@ var departmentCmp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_re
 
 const _hoisted_1 = { class: "selector-content" };
 const _hoisted_2 = {
-  key: 4,
+  key: 3,
   class: "__selector-chosen-panel"
 };
 const _hoisted_3 = {
@@ -747,18 +510,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return list2;
       } else if (props.mode === MODE.DEPARTMENT) {
         return [...selectState.multipDepartment];
-      } else if (props.mode === MODE.VARIED) {
-        list2 = list2.concat(selectState.departmentChecked);
-        for (let [key, value] of Object.entries(selectState.staffsChecked)) {
-          value && list2.push(String(key));
-        }
-        for (let [key, value] of Object.entries(selectState.shopChecked)) {
-          value && list2.push(String(key));
-        }
-        for (let [key, value] of Object.entries(selectState.groupChecked)) {
-          value && list2.push(String(key));
-        }
-        return list2;
       }
       return [];
     });
@@ -775,17 +526,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("update:visible", !props.visible);
       list.value = [];
     }
-    function isCurrentFetch(area) {
-      let activeKey = 0;
-      activeKey = area === "department" ? 1 : activeKey;
-      activeKey = area === "group" ? 2 : activeKey;
-      activeKey = area === "shop" ? 3 : activeKey;
-      return selectState.activeKey === activeKey;
-    }
     async function fetch(params) {
       list.value = [];
       selectState.searched = !!params?.searchVal;
-      let isDepartTree = params.area === "department" || props.mode === MODE.DEPARTMENT;
+      let isDepartTree = props.mode === MODE.DEPARTMENT;
       if (isDepartTree) {
         if (!departNative.value.length) {
           departNative.value = await props.load(params);
@@ -808,13 +552,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
         return;
       }
-      if (!!params.searchVal) {
+      if (params.searchVal) {
         await props.load(params).then((data) => {
           if (data && data.length) {
             let result = data.map((item) => {
               return item;
             });
-            list.value = isCurrentFetch(params.area) ? result : [];
+            list.value = result;
             selectState.dataMap = flatListFunc(data);
           } else {
             list.value = [];
@@ -865,29 +609,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         let arr = computeSelected.value.map((key) => findDataByKey(key));
         emit("update:select", arr);
         emit("change", arr);
-      } else if (props.mode === MODE.VARIED) {
-        let department = selectState.departmentChecked.map((key) => {
-          let data = findDataByKey(key);
-          return { ...data, area: "department" };
-        });
-        let group = [];
-        for (let key in selectState.groupChecked) {
-          let data = findDataByKey(key);
-          group.push({ ...data, area: "group" });
-        }
-        let shop = [];
-        for (let key in selectState.shopChecked) {
-          let data = findDataByKey(key);
-          shop.push({ ...data, area: "shop" });
-        }
-        let staff = [];
-        for (let key in selectState.staffsChecked) {
-          let data = findDataByKey(key);
-          staff.push({ ...data, area: "staff" });
-        }
-        let arr = [...department, ...group, ...shop, ...staff];
-        emit("update:select", arr);
-        emit("change", arr);
       }
       list.value = [];
       modalCancel();
@@ -913,19 +634,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           (item) => String(item) === String(key)
         );
         index > -1 && selectState.multipDepartment.splice(index, 1);
-      } else if (props.mode === MODE.VARIED) {
-        if (selectState.staffsChecked[String(key)]) {
-          selectState.staffsChecked[String(key)] = false;
-        } else if (selectState.shopChecked[String(key)]) {
-          selectState.shopChecked[String(key)] = false;
-        } else if (selectState.groupChecked[String(key)]) {
-          selectState.groupChecked[String(key)] = false;
-        } else {
-          let index = selectState.departmentChecked.findIndex(
-            (item) => String(item) === String(key)
-          );
-          index > -1 && selectState.departmentChecked.splice(index, 1);
-        }
       }
     }
     vue.watch(
@@ -947,36 +655,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             let multipleChecked = {};
             arr.forEach((item) => multipleChecked[String(item?.key)] = true);
             selectState.multipleChecked = multipleChecked;
-          } else {
-            let arr = props.select;
-            selected.value = arr.length ? arr.map((item) => String(item?.key)) : [];
-            let department = [];
-            let shop = {};
-            let staff = {};
-            let group = {};
-            arr.forEach((item) => {
-              if (item["area"] && item["area"] === "department")
-                department.push(String(item?.key));
-              else if (item["area"] && item["area"] === "shop")
-                shop[String(item?.key)] = true;
-              else if (item["area"] && item["area"] === "staff")
-                staff[String(item?.key)] = true;
-              else if (item["area"] && item["area"] === "group")
-                group[String(item?.key)] = true;
-            });
-            selectState.departmentChecked = department;
-            selectState.shopChecked = shop;
-            selectState.staffsChecked = staff;
-            selectState.groupChecked = group;
           }
         } else {
           selected.value = [];
           selectState.multipleChecked = {};
-          selectState.departmentChecked = [];
-          selectState.shopChecked = {};
-          selectState.staffsChecked = {};
-          selectState.groupChecked = {};
-          selectState.activeKey = 0;
         }
       },
       { immediate: true, deep: true }
@@ -1001,29 +683,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
               list: vue.unref(list),
               onFetchList: fetch
-            }, null, 8, ["selected", "list"])) : _ctx.mode === "varied" ? (vue.openBlock(), vue.createBlock(VariedCmp, {
+            }, null, 8, ["selected", "list"])) : _ctx.mode === "department" ? (vue.openBlock(), vue.createBlock(departmentCmp, {
               key: 1,
               selected: selected.value,
               "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => selected.value = $event),
-              list: vue.unref(list),
-              "show-count": _ctx.showCount,
-              onFetchList: fetch
-            }, null, 8, ["selected", "list", "show-count"])) : _ctx.mode === "department" ? (vue.openBlock(), vue.createBlock(departmentCmp, {
-              key: 2,
-              selected: selected.value,
-              "onUpdate:selected": _cache[2] || (_cache[2] = ($event) => selected.value = $event),
               limit: _ctx.limit,
               onFetchList: fetch
             }, null, 8, ["selected", "limit"])) : (vue.openBlock(), vue.createBlock(multipleCmp, {
-              key: 3,
+              key: 2,
               selected: selected.value,
-              "onUpdate:selected": _cache[3] || (_cache[3] = ($event) => selected.value = $event),
+              "onUpdate:selected": _cache[2] || (_cache[2] = ($event) => selected.value = $event),
               limit: _ctx.limit,
               list: vue.unref(list),
               "is-tree": multipTree.value,
               onFetchList: fetch
             }, null, 8, ["selected", "limit", "list", "is-tree"])),
-            ["multiple", "varied", "department"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            ["multiple", "department"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
               ["multiple", "varied"].includes(_ctx.mode) && _ctx.showCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                 vue.createElementVNode("span", null, "\u5DF2\u9009\u62E9" + vue.toDisplayString(vue.unref(computeSelected) && vue.unref(computeSelected).length || 0) + vue.toDisplayString(_ctx.$props.unitStr), 1),
                 _ctx.limit ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, "\u6700\u591A\u9009\u62E9" + vue.toDisplayString(_ctx.limit) + vue.toDisplayString(_ctx.$props.unitStr), 1)) : vue.createCommentVNode("v-if", true)

package/lib/components/staffs-selector/src/action.d.ts

@@ -54,15 +54,20 @@ export declare const areas: readonly {
 export declare const searchVal: import("vue").Ref<string>;
 export declare const selectState: {
     multipleChecked: any;
-    departmentChecked: string[];
     multipDepartment: string[];
+    dataMap: Map<string, any>;
+    curlistKeys: Set<string>;
+    fetchLoading: boolean;
+    searched: boolean;
+};
+export declare const vairedState: {
+    departmentChecked: string[];
     staffsChecked: any;
     shopChecked: any;
     groupChecked: any;
     dataMap: Map<string, any>;
-    curlistKeys: Set<string>;
     activeKey: number;
-    fetchLoading: boolean;
+    curlistKeys: Set<string>;
     searched: boolean;
 };
 export declare const list: any;

package/lib/components/staffs-selector/src/departmentCmp.vue.d.ts

@@ -9,16 +9,12 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     search(): void;
+    treeRef: import("vue").Ref<any>;
     list: any;
     multipleChecked: import("vue").Ref<any>;
-    departmentChecked: import("vue").Ref<string[]>;
     multipDepartment: import("vue").Ref<string[]>;
-    staffsChecked: import("vue").Ref<any>;
-    shopChecked: import("vue").Ref<any>;
-    groupChecked: import("vue").Ref<any>;
     dataMap: import("vue").Ref<Map<string, any>>;
     curlistKeys: import("vue").Ref<Set<string>>;
-    activeKey: import("vue").Ref<number>;
     fetchLoading: import("vue").Ref<boolean>;
     searched: import("vue").Ref<boolean>;
     searchVal: import("vue").Ref<string>;

package/lib/components/staffs-selector/src/multipleCmp.vue.d.ts

@@ -13,14 +13,9 @@ declare const _default: import("vue").DefineComponent<{
     setState(): void;
     list: any;
     multipleChecked: import("vue").Ref<any>;
-    departmentChecked: import("vue").Ref<string[]>;
     multipDepartment: import("vue").Ref<string[]>;
-    staffsChecked: import("vue").Ref<any>;
-    shopChecked: import("vue").Ref<any>;
-    groupChecked: import("vue").Ref<any>;
     dataMap: import("vue").Ref<Map<string, any>>;
     curlistKeys: import("vue").Ref<Set<string>>;
-    activeKey: import("vue").Ref<number>;
     fetchLoading: import("vue").Ref<boolean>;
     searched: import("vue").Ref<boolean>;
     searchVal: import("vue").Ref<string>;