bm-admin-ui 1.0.65-alpha → 1.0.67-alpha

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

@@ -11,6 +11,7 @@ const MODE = {
     RADIO: 'radio',
     MULTIPLE: 'multiple',
     VARIED: 'varied',
+    DEPARTMENT: 'department',
 };
 const selectProps = {
     visible: {
@@ -73,6 +74,7 @@ const selectState = vue.reactive({
     dataMap: new Map(),
     curlistKeys: new Set(),
     activeKey: 0,
+    fetchLoading: false,
 });
 const list = vue.ref([]);
 const departNative = vue.ref([]);
@@ -85,8 +87,8 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$3 = vue.defineComponent({
-  components: { SearchOutlined: iconsVue.SearchOutlined, Checkbox: antDesignVue.Checkbox, Empty: antDesignVue.Empty, ATree: antDesignVue.Tree },
+const _sfc_main$4 = vue.defineComponent({
+  components: { SearchOutlined: iconsVue.SearchOutlined, Checkbox: antDesignVue.Checkbox, Empty: antDesignVue.Empty },
   props: {
     limit: {
       type: Number,
@@ -95,10 +97,6 @@ const _sfc_main$3 = vue.defineComponent({
     selected: {
       type: Array,
       default: () => []
-    },
-    isTree: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ["fetchList", "update:selected"],
@@ -121,7 +119,7 @@ const _sfc_main$3 = vue.defineComponent({
         });
       },
       search() {
-        let data = state.searchVal ? { searchVal: state.searchVal } : false;
+        let data = { searchVal: state.searchVal || "" };
         emit("fetchList", data);
       },
       setState() {
@@ -156,35 +154,11 @@ const _sfc_main$3 = vue.defineComponent({
     vue.watch(
       () => list,
       () => {
-        !props.isTree && methods.setState();
+        methods.setState();
       },
       { deep: true }
     );
-    function changeTreeCheck(checkedKeys) {
-      let flatMap = selectState.dataMap;
-      let curlistKeys = selectState.curlistKeys;
-      let hadselected = new Set(selectState.multipDepartment);
-      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(String(key));
-        }
-      }
-      for (let key of curselect) {
-        let obj = flatMap.get(String(key));
-        if (obj && !curselect.has(obj["parent"])) {
-          hadselected.add(String(key));
-        }
-      }
-      let arr = Array.from(hadselected) || [];
-      if (props.limit && props.limit > 0 && arr.length > props.limit) {
-        antDesignVue.message.error("\u52FE\u9009\u540E\u5C06\u8D85\u8FC7\u4EBA\u5458\u9650\u5236");
-        return;
-      }
-      selectState.multipDepartment = Array.from(hadselected) || [];
-    }
     return {
-      changeTreeCheck,
       ...vue.toRefs(state),
       ...vue.toRefs(selectState),
       list,
@@ -192,31 +166,25 @@ const _sfc_main$3 = vue.defineComponent({
     };
   }
 });
-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 = { class: "department-option-item" };
-const _hoisted_7$1 = {
+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 = {
   key: 0,
-  class: "department-desc"
-};
-const _hoisted_8$1 = {
-  key: 2,
   class: "noData",
   style: { "height": "280px" }
 };
-const _hoisted_9$1 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_7$2 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
+function _sfc_render$3(_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_ATree = vue.resolveComponent("ATree");
   const _component_Empty = vue.resolveComponent("Empty");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
-    vue.createElementVNode("div", _hoisted_2$3, [
-      vue.createElementVNode("div", _hoisted_3$3, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+    vue.createElementVNode("div", _hoisted_2$4, [
+      vue.createElementVNode("div", _hoisted_3$4, [
         vue.createVNode(_component_AInput, {
           value: _ctx.searchVal,
           "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.searchVal = $event),
@@ -228,60 +196,44 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["value", "onChange"]),
-        vue.createElementVNode("div", _hoisted_4$3, [
-          !_ctx.isTree ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            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),
-                indeterminate: _ctx.indeterminate,
-                onChange: _ctx.changeAllOption
+        vue.createElementVNode("div", _hoisted_4$4, [
+          vue.createElementVNode("div", _hoisted_5$4, [
+            vue.withDirectives(vue.createVNode(_component_Checkbox, {
+              checked: _ctx.selectAll,
+              "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => _ctx.selectAll = $event),
+              indeterminate: _ctx.indeterminate,
+              onChange: _ctx.changeAllOption
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("\u5168\u9009")
+              ]),
+              _: 1
+            }, 8, ["checked", "indeterminate", "onChange"]), [
+              [vue.vShow, _ctx.list.length]
+            ])
+          ]),
+          (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.multipleChecked[item.key],
+                "onUpdate:checked": ($event) => _ctx.multipleChecked[item.key] = $event,
+                class: "__selector-modal-option-check",
+                disabled: _ctx.isFulfill
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode("\u5168\u9009")
+                  vue.createTextVNode(vue.toDisplayString(item?.fullTitle || item.title), 1)
                 ]),
-                _: 1
-              }, 8, ["checked", "indeterminate", "onChange"]), [
-                [vue.vShow, _ctx.list.length]
-              ])
-            ]),
-            (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.multipleChecked[item.key],
-                  "onUpdate:checked": ($event) => _ctx.multipleChecked[item.key] = $event,
-                  class: "__selector-modal-option-check",
-                  disabled: _ctx.isFulfill
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(item?.fullTitle || item.title), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["checked", "onUpdate:checked", "disabled"])
-              ]);
-            }), 128))
-          ], 64)) : _ctx.isTree ? (vue.openBlock(), vue.createBlock(_component_ATree, {
-            key: 1,
-            "checked-keys": _ctx.multipDepartment,
-            checkable: "",
-            "tree-data": _ctx.list,
-            onCheck: _ctx.changeTreeCheck
-          }, {
-            title: vue.withCtx(({ title, key, description }) => [
-              vue.createElementVNode("div", _hoisted_6$2, [
-                vue.createElementVNode("span", null, vue.toDisplayString(title) + vue.toDisplayString(key ? `(${key})` : ""), 1),
-                description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$1, vue.toDisplayString(description), 1)) : vue.createCommentVNode("v-if", true)
-              ])
-            ]),
-            _: 1
-          }, 8, ["checked-keys", "tree-data", "onCheck"])) : vue.createCommentVNode("v-if", true),
-          _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
+                _: 2
+              }, 1032, ["checked", "onUpdate:checked", "disabled"])
+            ]);
+          }), 128)),
+          _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
             vue.createVNode(_component_Empty, { image: _ctx.emptyPic }, {
               description: vue.withCtx(() => [
-                vue.createElementVNode("span", _hoisted_9$1, vue.toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
+                vue.createElementVNode("span", _hoisted_7$2, vue.toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
               ]),
               _: 1
             }, 8, ["image"])
@@ -291,9 +243,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var multipleCmp = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2], ["__file", "multipleCmp.vue"]]);
+var multipleCmp = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3], ["__file", "multipleCmp.vue"]]);
 
-const _sfc_main$2 = vue.defineComponent({
+const _sfc_main$3 = vue.defineComponent({
   name: "RadioCmp",
   components: { ARadio: antDesignVue.Radio, AInput: antDesignVue.Input, ARadioGroup: antDesignVue.RadioGroup, Empty: antDesignVue.Empty, SearchOutlined: iconsVue.SearchOutlined },
   props: {
@@ -311,11 +263,11 @@ const _sfc_main$2 = vue.defineComponent({
     const searchVal = vue.ref("");
     const emptyPic = antDesignVue.Empty.PRESENTED_IMAGE_SIMPLE;
     function search() {
-      let data = searchVal.value ? { searchVal: searchVal.value } : false;
+      let data = { searchVal: searchVal.value || "" };
       emit("fetchList", data);
     }
     function radioChange(e) {
-      emit("update:selected", e.target.value);
+      emit("update:selected", String(e.target.value));
     }
     return {
       searchVal,
@@ -325,25 +277,25 @@ const _sfc_main$2 = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "radio-selector-panel" };
-const _hoisted_2$2 = { class: "__search-panel withoutpad" };
-const _hoisted_3$2 = {
+const _hoisted_1$3 = { class: "radio-selector-panel" };
+const _hoisted_2$3 = { class: "__search-panel withoutpad" };
+const _hoisted_3$3 = {
   key: 0,
   class: "__selector-modal-options __radio-panel"
 };
-const _hoisted_4$2 = {
+const _hoisted_4$3 = {
   key: 1,
   class: "noData"
 };
-const _hoisted_5$2 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_5$3 = { 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_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$2, [
-    vue.createElementVNode("div", _hoisted_2$2, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+    vue.createElementVNode("div", _hoisted_2$3, [
       vue.createVNode(_component_a_input, {
         value: _ctx.searchVal,
         "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.searchVal = $event),
@@ -355,7 +307,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["value", "onChange"]),
-      _ctx.list && _ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
+      _ctx.list && _ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
         vue.createVNode(_component_ARadioGroup, {
           value: _ctx.selected,
           style: { width: "100%" },
@@ -378,10 +330,10 @@ function _sfc_render$1(_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$2, [
+      _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
         vue.createVNode(_component_Empty, { image: _ctx.emptyPic }, {
           description: vue.withCtx(() => [
-            vue.createElementVNode("span", _hoisted_5$2, vue.toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
+            vue.createElementVNode("span", _hoisted_5$3, vue.toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
           ]),
           _: 1
         }, 8, ["image"])
@@ -389,9 +341,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var radioCmp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "radioCmp.vue"]]);
+var radioCmp = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2], ["__file", "radioCmp.vue"]]);
 
-const _sfc_main$1 = vue.defineComponent({
+const _sfc_main$2 = vue.defineComponent({
   props: {
     list: {
       type: Array,
@@ -437,7 +389,7 @@ const _sfc_main$1 = vue.defineComponent({
     }
     function search() {
       emit("fetchList", {
-        searchVal: searchVal.value,
+        searchVal: searchVal.value || "",
         area: areas[selectState.activeKey].paramStr
       });
     }
@@ -483,17 +435,17 @@ const _sfc_main$1 = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "varied-selector-panel" };
-const _hoisted_2$1 = { class: "__selector-modal-panel-withGroup" };
-const _hoisted_3$1 = { class: "varied-area-tabs" };
-const _hoisted_4$1 = ["onClick"];
-const _hoisted_5$1 = { class: "area-panel" };
-const _hoisted_6$1 = {
+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 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
-const _hoisted_8 = {
+const _hoisted_7$1 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
+const _hoisted_8$1 = {
   key: 0,
   class: "__selector-modal-options"
 };
@@ -515,22 +467,22 @@ const _hoisted_13 = {
   key: 3,
   class: "__selector-modal-options"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $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$1, [
-    vue.createElementVNode("div", _hoisted_2$1, [
-      vue.createElementVNode("div", _hoisted_3$1, [
+  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$1);
+          }, vue.toDisplayString(item.title), 11, _hoisted_4$2);
         }), 128))
       ]),
       vue.createVNode(_component_a_input, {
@@ -544,16 +496,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["value", "placeholder", "onChange"]),
-      vue.createElementVNode("div", _hoisted_5$1, [
-        _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+      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, vue.toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
+              vue.createElementVNode("span", _hoisted_7$1, vue.toDisplayString(!!_ctx.searchVal ? "\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, [
+          _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,
@@ -634,11 +586,136 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var VariedCmp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "variedCmp.vue"]]);
+var VariedCmp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "variedCmp.vue"]]);
+
+const _sfc_main$1 = vue.defineComponent({
+  components: { SearchOutlined: iconsVue.SearchOutlined, Empty: antDesignVue.Empty, ATree: antDesignVue.Tree },
+  props: {
+    limit: {
+      type: Number,
+      default: 0
+    },
+    selected: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["fetchList", "update:selected"],
+  setup(props, { emit }) {
+    const state = vue.reactive({
+      searchVal: "",
+      selectAll: false,
+      indeterminate: false,
+      emptyPic: antDesignVue.Empty.PRESENTED_IMAGE_SIMPLE,
+      isFulfill: false
+    });
+    const methods = {
+      search() {
+        let data = state.searchVal ? { searchVal: state.searchVal } : { searchVal: "" };
+        emit("fetchList", data);
+      }
+    };
+    function changeTreeCheck(checkedKeys) {
+      let flatMap = selectState.dataMap;
+      let curlistKeys = selectState.curlistKeys;
+      let hadselected = new Set(selectState.multipDepartment);
+      let curselect = new Set(checkedKeys);
+      console.log(hadselected, curselect);
+      for (let key of hadselected) {
+        if (curlistKeys.has(key) && (!curselect.has(key) || curselect.has(key) && curselect.has(flatMap.get(key)["parent"]))) {
+          hadselected.delete(key);
+        }
+      }
+      for (let key of curselect) {
+        let obj = flatMap.get(key);
+        if (obj && !curselect.has(obj["parent"])) {
+          hadselected.add(key);
+        }
+      }
+      let arr = Array.from(hadselected) || [];
+      if (props.limit && props.limit > 0 && arr.length > props.limit) {
+        antDesignVue.message.error("\u52FE\u9009\u540E\u5C06\u8D85\u8FC7\u4EBA\u5458\u9650\u5236");
+        return;
+      }
+      selectState.multipDepartment = Array.from(hadselected) || [];
+      console.log(selectState.multipDepartment);
+    }
+    return {
+      changeTreeCheck,
+      ...vue.toRefs(state),
+      ...vue.toRefs(selectState),
+      list,
+      ...methods
+    };
+  }
+});
+const _hoisted_1$1 = { class: "multiple-selector" };
+const _hoisted_2$1 = { class: "__selector-modal-panel" };
+const _hoisted_3$1 = { class: "__search-panel" };
+const _hoisted_4$1 = { class: "__selector-modal-options" };
+const _hoisted_5$1 = { class: "department-option-item" };
+const _hoisted_6$1 = {
+  key: 0,
+  class: "department-desc"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "noData",
+  style: { "height": "280px" }
+};
+const _hoisted_8 = { style: { "color": "#9393a3", "font-size": "12px", "font-weight": "400" } };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_search_outlined = vue.resolveComponent("search-outlined");
+  const _component_AInput = vue.resolveComponent("AInput");
+  const _component_ATree = vue.resolveComponent("ATree");
+  const _component_Empty = vue.resolveComponent("Empty");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+    vue.createElementVNode("div", _hoisted_2$1, [
+      vue.createElementVNode("div", _hoisted_3$1, [
+        vue.createVNode(_component_AInput, {
+          value: _ctx.searchVal,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.searchVal = $event),
+          placeholder: "\u8BF7\u8F93\u5165\u90E8\u95E8\u540D\u79F0",
+          onBlur: _ctx.search
+        }, {
+          suffix: vue.withCtx(() => [
+            vue.createVNode(_component_search_outlined, { style: { color: "#9393A3" } })
+          ]),
+          _: 1
+        }, 8, ["value", "onBlur"]),
+        vue.createElementVNode("div", _hoisted_4$1, [
+          vue.createVNode(_component_ATree, {
+            "checked-keys": _ctx.multipDepartment,
+            checkable: "",
+            "tree-data": _ctx.list,
+            onCheck: _ctx.changeTreeCheck
+          }, {
+            title: vue.withCtx(({ title, key, description }) => [
+              vue.createElementVNode("div", _hoisted_5$1, [
+                vue.createElementVNode("span", null, vue.toDisplayString(title) + vue.toDisplayString(key ? `(${key})` : ""), 1),
+                description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$1, vue.toDisplayString(description), 1)) : vue.createCommentVNode("v-if", true)
+              ])
+            ]),
+            _: 1
+          }, 8, ["checked-keys", "tree-data", "onCheck"]),
+          _ctx.list && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+            vue.createVNode(_component_Empty, { image: _ctx.emptyPic }, {
+              description: vue.withCtx(() => [
+                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(!!_ctx.searchVal ? "\u6682\u65E0\u6570\u636E" : "\u8BF7\u5148\u641C\u7D22\u4EBA\u5458\u5173\u952E\u5B57"), 1)
+              ]),
+              _: 1
+            }, 8, ["image"])
+          ])) : vue.createCommentVNode("v-if", true)
+        ])
+      ])
+    ])
+  ]);
+}
+var departmentCmp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "departmentCmp.vue"]]);
 
 const _hoisted_1 = { class: "selector-content" };
 const _hoisted_2 = {
-  key: 3,
+  key: 4,
   class: "__selector-chosen-panel"
 };
 const _hoisted_3 = {
@@ -661,13 +738,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const computeSelected = vue.computed(() => {
       let list2 = [];
       if (props.mode === MODE.MULTIPLE) {
-        if (multipTree.value) {
-          return [...selectState.multipDepartment];
-        }
         for (let [key, value] of Object.entries(selectState.multipleChecked)) {
           value && list2.push(String(key));
         }
         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)) {
@@ -703,50 +779,42 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       activeKey = area === "shop" ? 3 : activeKey;
       return selectState.activeKey === activeKey;
     }
-    function fetch(params) {
+    async function fetch(params) {
       list.value = [];
-      if (typeof params !== "boolean") {
-        let isDepartTree = params.area === "department" || props.mode === MODE.MULTIPLE && multipTree.value;
-        if (isDepartTree && departNative.value.length) {
-          if (props.mode === MODE.VARIED && !params.searchVal || params.searchVal === "") {
-            list.value = isCurrentFetch(params.area || "") ? [...departNative.value] : [];
-            return;
-          } else {
-            let result = [];
-            let queues = [...departNative.value];
-            while (queues.length) {
-              let node = queues.shift();
-              if (node["title"] && node["title"].includes(params?.searchVal || "")) {
-                result.push({ ...node });
-              }
-              if (node.children)
-                queues.push(...node.children);
-            }
-            list.value = isCurrentFetch(params?.area || "") ? result : [];
-            return;
-          }
+      let isDepartTree = params.area === "department" || props.mode === MODE.DEPARTMENT;
+      if (isDepartTree) {
+        if (!departNative.value.length) {
+          departNative.value = await props.load(params);
+          selectState.dataMap = flatListFunc([...departNative.value]);
         }
-        props.load(params).then((data) => {
-          if (data && data.length) {
-            if (params.area && params.area === "department") {
-              departNative.value = data;
-              fetch(params);
-            } else {
-              let result = data.map((item) => {
-                return item;
-              });
-              list.value = isCurrentFetch(params.area) ? result : [];
+        if (params.searchVal) {
+          let result = [];
+          let queues = [...departNative.value];
+          while (queues.length) {
+            let node = queues.shift();
+            if (node["title"] && node["title"].includes(params?.searchVal || "")) {
+              result.push({ ...node });
             }
-            selectState.dataMap = flatListFunc(data);
-          } else {
-            list.value = [];
+            if (node.children)
+              queues.push(...node.children);
           }
-        });
-      } else {
-        if (props.mode === MODE.MULTIPLE && multipTree.value) {
-          list.value = [...departNative.value];
+          list.value = result;
+        } else {
+          list.value = departNative.value;
         }
+        return;
       }
+      await props.load(params).then((data) => {
+        if (data && data.length) {
+          let result = data.map((item) => {
+            return item;
+          });
+          list.value = isCurrentFetch(params.area) ? result : [];
+          selectState.dataMap = flatListFunc(data);
+        } else {
+          list.value = [];
+        }
+      });
     }
     function flatListFunc(list2) {
       let queue = [...list2];
@@ -785,7 +853,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         let data = selectState.dataMap.get(String(selected.value));
         emit("update:select", [data]);
         emit("change", [data]);
-      } else if (props.mode === MODE.MULTIPLE) {
+      } else if (props.mode === MODE.MULTIPLE || props.mode === MODE.DEPARTMENT) {
         let arr = computeSelected.value.map((key) => findDataByKey(key));
         emit("update:select", arr);
         emit("change", arr);
@@ -831,12 +899,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (props.mode === MODE.MULTIPLE) {
         if (selectState.multipleChecked[String(key)]) {
           selectState.multipleChecked[String(key)] = false;
-        } else {
-          let index = selectState.multipDepartment.findIndex(
-            (item) => String(item) === String(key)
-          );
-          index > -1 && selectState.multipDepartment.splice(index, 1);
         }
+      } else if (props.mode === MODE.DEPARTMENT) {
+        let index = selectState.multipDepartment.findIndex(
+          (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;
@@ -856,43 +924,42 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       () => props.visible,
       (val) => {
         if (val) {
-          if (props.mode === "radio") {
+          if (props.mode === MODE.RADIO) {
             selected.value = "";
+          } else if (props.mode === MODE.DEPARTMENT) {
+            let arr = props.select;
+            selected.value = arr.length ? arr.map((item) => String(item?.key)) : [];
+            const multipDepartment = [];
+            arr.forEach((item) => multipDepartment.push(String(item?.key)));
+            selectState.multipDepartment = multipDepartment;
+            fetch({});
+          } else if (props.mode === MODE.MULTIPLE) {
+            let arr = props.select;
+            selected.value = arr.length ? arr.map((item) => String(item?.key)) : [];
+            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)) : [];
-            if (props.mode === MODE.MULTIPLE) {
-              if (props.immediateFetch) {
-                const multipDepartment = [];
-                arr.forEach((item) => multipDepartment.push(String(item?.key)));
-                selectState.multipDepartment = multipDepartment;
-              } else {
-                let multipleChecked = {};
-                arr.forEach(
-                  (item) => multipleChecked[String(item?.key)] = true
-                );
-                selectState.multipleChecked = multipleChecked;
-              }
-            } else if (props.mode === MODE.VARIED) {
-              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;
-            }
+            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 = [];
@@ -903,9 +970,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           selectState.groupChecked = {};
           selectState.activeKey = 0;
         }
-        if (val && props.mode === MODE.MULTIPLE && props.immediateFetch) {
-          fetch({});
-        }
       },
       { immediate: true, deep: true }
     );
@@ -936,17 +1000,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               list: vue.unref(list),
               "show-count": _ctx.showCount,
               onFetchList: fetch
-            }, null, 8, ["selected", "list", "show-count"])) : (vue.openBlock(), vue.createBlock(multipleCmp, {
+            }, 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,
+              selected: selected.value,
+              "onUpdate:selected": _cache[3] || (_cache[3] = ($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"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-              _ctx.showCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            ["multiple", "varied", "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)
               ])) : vue.createCommentVNode("v-if", true),