cnhis-design-vue 3.3.3-beta.1 → 3.3.3-beta.13

package/es/components/select-person/src/SelectPerson.vue2.js

@@ -1,26 +1,27 @@
-import { defineComponent, inject, ref, computed, reactive, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, createCommentVNode, renderSlot, withKeys, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, withDirectives, vShow, mergeProps, normalizeStyle } from 'vue';
-import { NGrid, NGi, NSpace, NInputGroup, NInput, NIcon, NButton, NTag, NCheckbox, NEmpty, NTree } from 'naive-ui';
-import { CloseCircleSharp } from '@vicons/ionicons5';
-import { searchFilterTree, getExpandedKeys } from './utils/index.js';
-import { cloneDeep, union, remove } from 'lodash-es';
-import { SelectItemTypesConfig, SelectRoleEnumsConfig, SearchTypeConfig } from './types/enums.js';
-import SearchMultiple from './components/SearchMultiple.vue.js';
-import SearchOrgAndStaff from './components/SearchOrgAndStaff.vue.js';
+import { defineComponent, inject, ref, shallowRef, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeStyle, createCommentVNode, renderSlot, withKeys, createTextVNode, toDisplayString, withDirectives, vShow, createElementBlock, mergeProps, Fragment, renderList, normalizeProps, guardReactiveProps } from 'vue';
+import { useMessage, NGrid, NGi, NInputGroup, NInput, NButton, NCheckbox, NTree, NSpace, NPopover } from 'naive-ui';
+import { searchBasisTree } from './utils/index.js';
+import { union, remove } from 'lodash-es';
+import SearchGroupList from './components/SearchGroupList.vue.js';
+import TagItem from './components/TagItem.vue.js';
+import DefaultPage from '../../default-page/index.js';
 import { InjectionSelectPersonEmits } from './constants/index.js';
 
 const _hoisted_1 = {
   class: "search-box"
 };
 const _hoisted_2 = {
-  key: 0,
-  class: "select-type-tags"
+  key: 2,
+  class: "c-select-person__hide"
 };
 const _hoisted_3 = {
-  key: 4,
-  class: "tree-content"
+  key: 0
 };
 const _hoisted_4 = {
-  key: 0
+  class: "c-select-person__containerRight"
+};
+const _hoisted_5 = {
+  class: "c-select-person__popover"
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectPerson",
@@ -95,22 +96,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: Function,
       default: () => Promise.resolve([])
     },
-    showSelectType: {
-      type: Boolean,
-      default: false
-    },
-    roleData: {
-      type: Array,
-      default: () => []
-    },
-    roleFields: {
-      type: Object,
-      default: () => ({
-        label: "name",
-        key: "id",
-        children: "children"
-      })
-    },
     forceShowSelectAll: {
       type: Boolean
     },
@@ -119,532 +104,348 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     },
     onlyForwardCascade: {
       type: Boolean
+    },
+    height: {
+      type: String
+    },
+    hideLeaf: {
+      type: Boolean,
+      default: false
+    },
+    itemKey: {
+      type: Function,
+      default: void 0
+    },
+    showTagHover: {
+      type: Boolean,
+      default: false
     }
   },
   setup(__props, {
     expose
   }) {
     const props = __props;
-    const searchFilterBase = {
-      isOpen: false,
-      multiple: false,
-      customTitles: [function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.510")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.510")) || "\u8054\u7CFB\u4EBA";
-        } catch (e) {
-          return "\u8054\u7CFB\u4EBA";
-        }
-      }(), function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.511")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.511")) || "\u90E8\u95E8";
-        } catch (e) {
-          return "\u90E8\u95E8";
-        }
-      }()],
-      itemHeight: 250
-    };
-    const labelList = [{
-      key: "main",
-      label: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.512")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.512")) || "\u9009\u4EBA\u5458";
-        } catch (e) {
-          return "\u9009\u4EBA\u5458";
-        }
-      }()
-    }, {
-      key: "dept",
-      label: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.513")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.513")) || "\u9009\u79D1\u5BA4";
-        } catch (e) {
-          return "\u9009\u79D1\u5BA4";
-        }
-      }()
-    }, {
-      key: "role",
-      label: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.514")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.514")) || "\u9009\u89D2\u8272";
-        } catch (e) {
-          return "\u9009\u89D2\u8272";
-        }
-      }()
-    }];
-    const labelListName = {
-      dept: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.202")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.202")) || "\u79D1\u5BA4";
-        } catch (e) {
-          return "\u79D1\u5BA4";
-        }
-      }(),
-      role: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.515")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.515")) || "\u89D2\u8272";
-        } catch (e) {
-          return "\u89D2\u8272";
-        }
-      }()
-    };
+    const $message = useMessage();
     const emit = inject(InjectionSelectPersonEmits);
     const keyword = ref("");
     const checkedAll = ref(false);
     const checkedKeys = ref([]);
     const expandedKeys = ref([]);
-    const treeData = ref([]);
-    const tagData = ref([]);
-    const initTagData = ref([]);
+    const treeData = shallowRef([]);
+    const treeAsyncData = ref([]);
+    const searchTreeData = shallowRef([]);
+    const searchData = shallowRef([]);
+    const treeMap = /* @__PURE__ */ new Map();
     const isSearch = ref(false);
-    const allCheckedTreeKeys = ref([]);
+    const remoteDefaultList = ref([]);
     const isRemote = computed(() => props.queryLoadChildData ? true : false);
     const checkStrategyResult = computed(() => {
       var _a, _b;
       return (_b = (_a = props == null ? void 0 : props.treeSetting) == null ? void 0 : _a.checkStrategy) != null ? _b : "child";
     });
     const isSearchFilter = computed(() => (props == null ? void 0 : props.searchFilter) && Object.keys(props == null ? void 0 : props.searchFilter).length > 0);
-    const curSelectKey = ref("main");
-    const mergeSearchFilter = computed(() => {
-      if (isSearchFilter.value) {
-        return {
-          ...cloneDeep(searchFilterBase),
-          ...props.searchFilter
-        };
-      }
-      return cloneDeep(searchFilterBase);
+    const isShowGroupList = computed(() => {
+      const isInnerMultiple = (props == null ? void 0 : props.searchInner) && (props == null ? void 0 : props.multiple);
+      return checkStrategyResult.value === "parent" && (isSearchFilter.value || isInnerMultiple);
     });
-    const wordbookChildExpandkeys = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props == null ? void 0 : props.wordbookChild) == null ? void 0 : _a.user_expand_keys) != null ? _b : [];
-    });
-    const styleObject = computed(() => {
-      return {
-        height: props.multiple ? "342px" : "308px"
-      };
+    const showType = computed(() => {
+      const isInnerMultiple = (props == null ? void 0 : props.searchInner) && (props == null ? void 0 : props.multiple);
+      return isSearchFilter.value ? "searchGroup" : isInnerMultiple ? "searchChild" : "";
     });
     const caculateTagData = computed(() => {
-      if (props.showSelectType) {
-        const mainItems = checkedTagsMiddle.main.filter((item) => {
-          item.itemType = SelectItemTypesConfig.PERSON;
-          if (!props.uncheckableField)
-            return item[attrType.value] == SelectRoleEnumsConfig.STAFF;
-          return item[attrType.value] == SelectRoleEnumsConfig.STAFF && !item[props.uncheckableField];
-        });
-        const deptItems = checkedTagsMiddle.dept.filter((item) => {
-          item.itemType = SelectItemTypesConfig.DEPT;
-          if (!props.uncheckableField)
-            return item[attrType.value] == SelectRoleEnumsConfig.DEPT;
-          return item[attrType.value] == SelectRoleEnumsConfig.DEPT && !item[props.uncheckableField];
-        });
-        const roleItems = checkedTagsMiddle.role.filter((item) => {
-          item.itemType = SelectItemTypesConfig.ROLE;
-          if (!props.uncheckableField)
-            return item;
-          return !item[props.uncheckableField];
-        });
-        return uniqArrObj([...mainItems, ...deptItems, ...roleItems], "key");
+      const re = checkedKeys.value.map((key) => {
+        return treeMap.get(key);
+      }).filter((tag) => !props.uncheckableField || props.uncheckableField && !tag.originItem[props.uncheckableField]);
+      if (isRemote.value) {
+        return [...remoteDefaultList.value, ...re];
       }
-      let lasetTagData = [];
-      checkedKeys.value.forEach((key) => {
-        for (let i = 0, len = tagData.value.length; i < len; i++) {
-          const tag = tagData.value[i];
-          if (tag.key == key) {
-            if (!props.uncheckableField || props.uncheckableField && !tag.originItem[props.uncheckableField])
-              lasetTagData.push(tag);
-            break;
-          }
-        }
-      });
-      return lasetTagData;
-    });
-    const treeDataMiddle = reactive({
-      main: [],
-      dept: [],
-      role: [],
-      temp: []
-    });
-    const checkedKeysMiddle = reactive({
-      main: [],
-      dept: [],
-      role: []
-    });
-    const checkedTagsMiddle = reactive({
-      main: [],
-      dept: [],
-      role: []
+      return re;
     });
-    const allCheckedKeysMiddle = reactive({
-      main: [],
-      dept: [],
-      role: []
+    const renderTreeData = computed(() => {
+      if (isRemote.value)
+        return treeAsyncData.value;
+      if (isSearch.value && !isShowGroupList.value)
+        return searchTreeData.value;
+      return treeData.value;
     });
-    const attrType = computed(() => {
+    function initTreeData() {
       var _a;
-      return ((_a = props.wordbook) == null ? void 0 : _a.type) || "type";
-    });
-    const keyStr = computed(() => props.wordbookChild.user_id_obj || props.wordbook.parent_id_obj || Date.now());
-    function getTreeDataMiddleData() {
-      const tempData = cloneDeep(transformData(props.data));
-      treeDataMiddle.main = treeDataMiddle.temp = tempData;
-      getMainData(treeDataMiddle.temp, null, (tree) => {
-        allCheckedKeysMiddle.main.push(tree.key);
-      });
-      allCheckedTreeKeys.value = allCheckedKeysMiddle.main;
-      treeDataMiddle.dept = getDeptData(cloneDeep(tempData), (tree) => {
-        allCheckedKeysMiddle.dept.push(tree.key);
-      });
-      treeDataMiddle.role = getRoleData(cloneDeep(props.roleData), (tree) => {
-        allCheckedKeysMiddle.role.push(tree.key);
-      });
-    }
-    function getDeptData(list, cb) {
-      return list.filter((item) => {
-        var _a;
-        if (props.showSelectType && ((_a = item.children) == null ? void 0 : _a.length)) {
-          item.children = getDeptData(item.children, cb);
-        }
-        const isFilter = item[attrType.value] == SelectRoleEnumsConfig.DEPT;
-        if (isFilter) {
-          setAllCheckedKeys(item, cb);
-        }
-        return isFilter;
-      });
-    }
-    function getRoleData(list, cb) {
+      treeMap.clear();
       const {
-        label,
-        key,
-        children = "children"
-      } = props.roleFields;
-      return list.map((item) => {
-        var _a;
-        item.key = item[key];
-        item.label = item.title = item[label];
-        if ((_a = item[children]) == null ? void 0 : _a.length) {
-          item.children = getRoleData(item[children], cb);
-        }
-        setAllCheckedKeys(item, cb);
-        return item;
+        itemKey,
+        hideLeaf
+      } = props;
+      const tempData = transformData(props.data, null, {
+        enter(node) {
+          node.key = itemKey ? itemKey(node.originItem) : node.key;
+          treeMap.set(node.key, node);
+        },
+        leave: hideLeaf ? (node) => {
+          var _a2;
+          if (!node.leaf && ((_a2 = node.children) == null ? void 0 : _a2.length)) {
+            const children = node.children.filter((val) => !val.leaf);
+            node.children = children.length ? children : void 0;
+          }
+        } : void 0
       });
-    }
-    function onHandleLabelChange(item) {
-      curSelectKey.value = item.key;
-      treeData.value = treeDataMiddle.temp = treeDataMiddle[item.key];
-      checkedKeys.value = checkedKeysMiddle[item.key];
-      allCheckedTreeKeys.value = allCheckedKeysMiddle[item.key];
-    }
-    function setSelectTagData(tree, operatorType) {
-      var _a, _b;
-      const keyName = ["main", "dept"].includes(operatorType) ? keyStr.value : (_a = props.roleFields) == null ? void 0 : _a.key;
-      for (let i = 0, len = tree.length; i < len; i++) {
-        const item = tree[i];
-        const initTagKeys = initTagData.value.map((tag) => tag.key);
-        checkedKeysMiddle[operatorType].includes(item.key) && !initTagKeys.includes(item.key) && checkedTagsMiddle[operatorType].push({
-          ...item,
-          key: item[keyName]
+      isRemote.value ? treeAsyncData.value = tempData.treeItems : treeData.value = tempData.treeItems;
+      if (isRemote.value) {
+        remoteDefaultList.value = (_a = props == null ? void 0 : props.defaultList) == null ? void 0 : _a.map((tag) => {
+          return {
+            ...tag,
+            label: tag.name
+          };
         });
-        ((_b = item.children) == null ? void 0 : _b.length) && setSelectTagData(item.children, operatorType);
-      }
-    }
-    function uniqArrObj(arr, name) {
-      let obj = {};
-      return arr.reduce((cur, next) => {
-        obj[next[name]] ? "" : obj[next[name]] = cur.push(next);
-        return cur;
-      }, []);
-    }
-    function init() {
-      getTreeDataMiddleData();
-      treeData.value = treeDataMiddle.temp;
-      if (props.defaultList.length > 0) {
-        if (isRemote.value) {
-          props.defaultList.forEach((key) => checkedKeys.value.push(key.key));
-          tagData.value = cloneDeep(props.defaultList);
-          initTagData.value = cloneDeep(props.defaultList);
-        } else {
-          if (props.showSelectType) {
-            const curType = curSelectKey.value;
-            props.defaultList.forEach((tag) => {
-              if (tag["itemType"] === SelectItemTypesConfig.PERSON) {
-                checkedKeysMiddle.main.push(tag[keyStr.value]);
-                checkedTagsMiddle.main.push(tag);
-              }
-              if (tag["itemType"] === SelectItemTypesConfig.DEPT) {
-                checkedKeysMiddle.dept.push(tag[keyStr.value]);
-                checkedTagsMiddle.dept.push(tag);
-              }
-              if (tag["itemType"] === SelectItemTypesConfig.ROLE) {
-                checkedKeysMiddle.role.push(tag[props.roleFields.key]);
-                checkedTagsMiddle.role.push(tag);
-              }
-            });
-            checkedKeys.value = checkedKeysMiddle[curType];
-            return;
-          }
-          props.defaultList.forEach((key) => checkedKeys.value.push(key));
-          setTagData(treeDataMiddle.temp);
-        }
-      }
-    }
-    function getMainData(tree, parentNode, cb) {
-      var _a, _b;
-      for (let i = 0, len = tree.length; i < len; i++) {
-        const item = tree[i];
-        let title_expand_strs = wordbookChildExpandkeys.value.reduce((acc, current) => {
-          const currentValue = item[current] ? `${item[current]}\uFF0C` : "";
-          return acc + currentValue;
-        }, "");
-        item.title_expand_strs = title_expand_strs.slice(0, -1);
-        item.title = getLabelName(item);
-        item.label = getLabelName(item);
-        item.parentNode = parentNode;
-        if (!item.key)
-          item.key = item[props.wordbookChild.user_id_obj] || item[props.wordbook.parent_id_obj] || Date.now();
-        if ((_a = item.children) == null ? void 0 : _a.length) {
-          getMainData(item.children, item, cb);
-          setDisabled(item);
-        } else if (((_b = item.children) == null ? void 0 : _b.length) === 0) {
-          Reflect.deleteProperty(item, "children");
-        }
-        setAllCheckedKeys(item, cb);
-      }
-    }
-    function setAllCheckedKeys(tree, cb) {
-      var _a, _b;
-      const checkStrategy = (_b = (_a = props == null ? void 0 : props.treeSetting) == null ? void 0 : _a.checkStrategy) != null ? _b : "child";
-      switch (checkStrategy) {
-        case "child":
-          setAllCheckedKeysWithChild(tree, cb);
-          break;
-        case "parent":
-          setAllCheckedKeysWithParent(tree, cb);
-          break;
-        case "all":
-          setAllCheckedKeysWithAll(tree, cb);
-          break;
-      }
-    }
-    function setAllCheckedKeysWithChild(item, cb) {
-      if (!item.disabled && !item.children && item.key) {
-        cb && cb(item);
-      }
-    }
-    function setAllCheckedKeysWithParent(item, cb) {
-      if (!item.disabled && !item.tempTitle && item.key) {
-        cb && cb(item);
-      }
-    }
-    function setAllCheckedKeysWithAll(item, cb) {
-      if (!item.disabled && item.key) {
-        cb && cb(item);
       }
+      checkedKeys.value = props.defaultList.filter((k) => treeMap.has(k));
     }
     async function queryLoadChildNode(node) {
+      var _a;
       if (props.queryLoadChildData) {
+        const {
+          itemKey,
+          hideLeaf
+        } = props;
         const curNode = await props.queryLoadChildData(node);
-        if (curNode.children) {
-          curNode.children = curNode.children.map((childNode) => {
-            return {
-              ...childNode,
-              tempTitle: curNode.tempTitle ? `${curNode.title}/${curNode.tempTitle}` : curNode.title
-            };
+        if ((_a = curNode == null ? void 0 : curNode.children) == null ? void 0 : _a.length) {
+          const tempData = transformData(curNode.children, curNode, {
+            enter(node2) {
+              node2.key = itemKey ? itemKey(node2.originItem) : node2.key;
+              treeMap.set(node2.key, node2);
+            },
+            leave: hideLeaf ? (node2) => {
+              var _a2;
+              if (!node2.leaf && ((_a2 = node2.children) == null ? void 0 : _a2.length)) {
+                const children = node2.children.filter((val) => !val.leaf);
+                node2.children = children.length ? children : void 0;
+              }
+            } : void 0
           });
+          curNode.children = tempData.treeItems;
         }
         return curNode;
       }
       return node;
     }
-    function setDisabled(data) {
-      var _a;
-      const isDisabled = (_a = data.children) == null ? void 0 : _a.every((item) => item.disabled);
-      if (isDisabled)
-        data.disabled = true;
-    }
     function renderLabel({
       option
     }) {
       var _a, _b;
-      if (((_a = option.children) == null ? void 0 : _a.length) || isRemote.value && !(option == null ? void 0 : option.isLeaf)) {
-        const count = props.wordbook.user_count_obj ? option[props.wordbook.user_count_obj] || "" : "";
-        const countText = count ? `(${count})` : "";
-        const labelStr = `${option.title}${countText}`;
+      if (((_a = option.children) == null ? void 0 : _a.length) || isRemote.value && !(option == null ? void 0 : option.leaf)) {
+        const countText = option.count ? `(${option.count})` : "";
+        const labelStr = `${option.label}${countText}`;
         return createVNode("span", {
           "title": labelStr
         }, [labelStr]);
       } else {
-        const title_expand_strs = (_b = option.title_expand_strs) != null ? _b : "";
+        const labelExpand = (_b = option.labelExpand) != null ? _b : "";
         return createVNode("p", {
           "class": "user_item"
         }, [createVNode("span", {
-          "title": option.title
-        }, [option.title]), createVNode("span", {
+          "title": option.label
+        }, [option.label]), createVNode("span", {
           "class": "user_item_expand",
-          "title": title_expand_strs
-        }, [title_expand_strs])]);
-      }
-    }
-    function getLabelName(option) {
-      return option[props.wordbookChild.user_name_obj] || option[props.wordbook.parent_name_obj] || option["orgName"] || option["title"] || "";
-    }
-    function transformData(trees) {
-      var _a;
-      for (let index = 0, len = trees.length; index < len; index++) {
-        const tree = trees[index];
-        const childrenKey = props.wordbook.children || "children";
-        if ((_a = tree[childrenKey]) == null ? void 0 : _a.length) {
-          const items = calculateRootItems(tree[childrenKey], []);
-          tree.innerItemsNum = items.length;
-          tree.innerLeafs = items;
-          tree.children = transformData(tree[childrenKey]);
-        }
+          "title": labelExpand
+        }, [labelExpand])]);
       }
-      if (!props.showSelectType)
-        return transformParentNodeName(trees, "");
-      return trees;
     }
-    function calculateRootItems(trees, items) {
-      var _a;
-      for (let index = 0, len = trees.length; index < len; index++) {
-        const tree = trees[index];
-        if ((_a = tree.children) == null ? void 0 : _a.length) {
-          calculateRootItems(tree.children, items);
+    function transformData(trees, parentNode, visitor) {
+      const {
+        children: childrenKey = "children",
+        parent_id_obj = "key",
+        parent_name_obj = "label",
+        user_count_obj = "count",
+        empty_enable
+      } = props.wordbook;
+      const {
+        user_id_obj,
+        user_name_obj,
+        leaf_field,
+        leaf_value,
+        user_expand_keys
+      } = props.wordbookChild;
+      let leafCount = 0;
+      let innerItems = [];
+      const {
+        label: parentLabel = "",
+        parentName = "",
+        disabled,
+        key: parentKey
+      } = parentNode || {};
+      const {
+        enter,
+        leave
+      } = visitor || {};
+      const treeItems = trees.map((item) => {
+        const children = item[childrenKey];
+        const isLeaf = item.isLeaf !== void 0 ? item.isLeaf : leaf_field && leaf_value ? item[leaf_field] === leaf_value : !Array.isArray(children) || (children == null ? void 0 : children.length) === 0;
+        const tree = {
+          key: item[parent_id_obj] || item[user_id_obj] || (item == null ? void 0 : item.key),
+          label: item[parent_name_obj] || item[user_name_obj] || (item == null ? void 0 : item.title),
+          name: item[parent_name_obj] || item[user_name_obj] || (item == null ? void 0 : item.title),
+          count: item[user_count_obj],
+          labelExpand: "",
+          parentKey,
+          parentName: parentLabel + (parentName ? parentLabel ? `/${parentName}` : parentName : ""),
+          innerItemsNum: 0,
+          innerChildren: [],
+          children: void 0,
+          originItem: item,
+          leaf: isLeaf,
+          disabled: disabled || item.disabled
+        };
+        if (isRemote.value)
+          tree.isLeaf = isLeaf;
+        enter && enter(tree);
+        if (isLeaf) {
+          if (Array.isArray(user_expand_keys)) {
+            tree.labelExpand = user_expand_keys.reduce((acc, key) => {
+              const str = item[key];
+              return str ? acc ? `${acc}\uFF0C${str}` : str : acc;
+            }, "");
+          }
+          if (!tree.disabled) {
+            leafCount++;
+            innerItems.push(tree);
+          }
         } else {
-          !tree.disabled && items.push(tree);
+          if (children == null ? void 0 : children.length) {
+            const childData = transformData(children, tree, visitor);
+            if (childData.treeItems.length) {
+              tree.children = childData.treeItems;
+            }
+            tree.innerItemsNum += childData.leafCount;
+            tree.innerChildren = [...childData.innerItems, ...tree.innerChildren];
+            leafCount += tree.innerItemsNum;
+            innerItems = [...innerItems, ...tree.innerChildren];
+          }
+          if (!empty_enable && tree.innerItemsNum == 0 && !isRemote.value)
+            tree.disabled = true;
         }
-      }
-      return items;
-    }
-    function transformParentNodeName(trees, tempContent) {
-      if (!trees || trees.length === 0)
-        return [];
-      return trees.map((tree) => {
-        var _a;
-        const tempName = getLabelName(tree);
-        const tempTitle = tempContent ? `${tempName}/${tempContent}` : tempName;
-        return {
-          ...tree,
-          tempTitle: tempContent,
-          children: ((_a = tree.children) == null ? void 0 : _a.length) ? transformParentNodeName(tree == null ? void 0 : tree.children, tempTitle) : []
-        };
+        leave && leave(tree);
+        return tree;
       });
-    }
-    function searchSetting() {
-      const settings = {
-        [SearchTypeConfig.SEARCH_ORG_STAFF]: isSearchFilter.value,
-        [SearchTypeConfig.SEARCH_ORG]: props.searchInner
+      return {
+        treeItems,
+        leafCount,
+        innerItems
       };
-      const result = Object.keys(settings).find((attr) => settings[attr]);
-      return result != null ? result : "";
     }
     async function onSearch() {
-      var _a, _b;
+      var _a, _b, _c, _d;
       const filterKey = (_b = (_a = props == null ? void 0 : props.wordbook) == null ? void 0 : _a.filter_key) != null ? _b : "keyword";
-      isSearch.value = !!keyword.value.trim();
-      if (!isRemote.value) {
-        const curAttr = searchSetting();
-        treeData.value = searchFilterTree(curAttr, treeDataMiddle.temp, keyword.value, filterKey);
-      } else {
-        treeData.value = await props.queryTreeSearch(keyword.value);
-      }
-      expandedKeys.value = treeData.value.length && keyword.value ? getExpandedKeys(treeData.value) : [];
-    }
-    function setTreeCheckd(tree, checked) {
-      switch (checkStrategyResult.value) {
-        case "child":
-          setCheckdWithChild(tree, checked);
-          break;
-        case "parent":
-          setCheckdWithParent(tree, checked);
-          break;
-        case "all":
-          setCheckdWithAll(tree, checked);
-          break;
+      const kw = keyword.value.trim();
+      isSearch.value = !!kw;
+      if (!kw) {
+        searchData.value = [];
+        return;
       }
-    }
-    function setCheckdWithChild(tree, checked) {
-      for (let i = 0, len = tree.length; i < len; i++) {
-        const item = tree[i];
-        if (!item.disabled && (!item.children || item.isLeaf)) {
-          if (checked && !checkedKeys.value.includes(item.key)) {
-            checkedKeys.value.push(item.key);
+      function flatFilter(nodes) {
+        var _a2, _b2;
+        const result = [];
+        const stack = [...nodes];
+        while (stack.length) {
+          const node = stack.pop();
+          if (node.disabled)
+            continue;
+          const label = (_a2 = node.label) != null ? _a2 : "";
+          const labelExpand = (_b2 = node.labelExpand) != null ? _b2 : "";
+          const originItem = node.originItem;
+          const match = label.includes(kw) || labelExpand.includes(kw) || originItem && originItem[filterKey] && String(originItem[filterKey]).includes(kw);
+          if (match) {
+            result.push({
+              ...node,
+              children: void 0
+            });
           }
-          if (!checked) {
-            const keyIndex = checkedKeys.value.findIndex((key) => key === item.key);
-            checkedKeys.value.splice(keyIndex, 1);
+          if (node.children && node.children.length > 0) {
+            stack.push(...node.children);
           }
         }
-        item.children && setTreeCheckd(item.children, checked);
+        return result;
+      }
+      if (!isRemote.value) {
+        if (isSearch.value && !isShowGroupList.value) {
+          const filterKey2 = (_d = (_c = props == null ? void 0 : props.wordbook) == null ? void 0 : _c.filter_key) != null ? _d : "keyword";
+          const data = searchBasisTree(treeData.value, kw, filterKey2);
+          searchTreeData.value = data;
+          return;
+        }
+        const flatResult = flatFilter(treeData.value);
+        const parentList = [];
+        const childList = [];
+        flatResult.forEach((item) => item.leaf ? childList.push(item) : parentList.push(item));
+        const searchFilter = {
+          ...props.searchFilter
+        };
+        const customTitles = searchFilter.customTitles || [""];
+        const values = [childList, parentList];
+        searchData.value = customTitles.map((title, i) => ({
+          title,
+          data: values[i] || []
+        })).filter((val) => val.data.length);
+      } else {
+        const {
+          itemKey,
+          hideLeaf
+        } = props;
+        const data = await props.queryTreeSearch(keyword.value);
+        const tempData = transformData(data || [], null, {
+          enter(node) {
+            node.key = itemKey ? itemKey(node.originItem) : node.key;
+            treeMap.set(node.key, node);
+          },
+          leave: hideLeaf ? (node) => {
+            var _a2;
+            if (!node.leaf && ((_a2 = node.children) == null ? void 0 : _a2.length)) {
+              const children = node.children.filter((val) => !val.leaf);
+              node.children = children.length ? children : void 0;
+            }
+          } : void 0
+        });
+        treeAsyncData.value = tempData.treeItems;
       }
     }
-    function setCheckdWithParent(tree, checked) {
-      checkedKeys.value = [];
+    function getAllKeys(tree, strategy) {
+      const keys = [];
+      const recursion = strategy != "parent";
       for (let i = 0, len = tree.length; i < len; i++) {
         const item = tree[i];
-        if (!item.disabled && !item.tempTitle) {
-          if (checked && !checkedKeys.value.includes(item.key)) {
-            checkedKeys.value.push(item.key);
+        if (!item.disabled && item.key) {
+          if (!recursion || strategy == "all" || !item.children) {
+            keys.push(item.key);
           }
-          if (!checked) {
-            const keyIndex = checkedKeys.value.findIndex((key) => key === item.key);
-            checkedKeys.value.splice(keyIndex, 1);
+          if (recursion && item.children) {
+            keys.push(...getAllKeys(item.children, strategy));
           }
         }
       }
+      return keys;
     }
-    function setCheckdWithAll(tree, checked) {
+    function getParentKeys(node, map) {
       var _a;
-      let newKeys = checkedKeys.value;
-      for (let i = 0, len = tree.length; i < len; i++) {
-        const item = tree[i];
-        if (!item.disabled) {
-          if (checked) {
-            newKeys = union(newKeys, [item.key]);
-          } else {
-            remove(newKeys, (key) => [item.key].includes(key));
-          }
-        }
-        if ((_a = item.children) == null ? void 0 : _a.length) {
-          const flattenKeys = getFlattenKeys(item.children);
-          if (checked) {
-            newKeys = union(newKeys, flattenKeys);
-          } else {
-            remove(newKeys, (key) => flattenKeys.includes(key));
-          }
-        }
+      const parents = [];
+      let parentKey = node.parentKey;
+      while (parentKey) {
+        parents.push(parentKey);
+        parentKey = (_a = map.get(parentKey)) == null ? void 0 : _a.parentKey;
       }
-      if (props.showSelectType) {
-        const curType = curSelectKey.value;
-        checkedKeys.value = checkedKeysMiddle[curType] = newKeys;
-        return;
-      } else {
-        checkedKeys.value = newKeys;
+      return parents;
+    }
+    function getTopLevelCheckedKey(node, checked, map) {
+      const parent = map.get(node.parentKey);
+      if (parent) {
+        checked.add(node.key);
+        const children = parent.children || [];
+        const result = children.every((item) => item.disabled ? true : checked.has(item.key));
+        if (result) {
+          return getTopLevelCheckedKey(parent, checked, map);
+        }
       }
+      return node.key;
     }
     function checkedAllChange(checked) {
-      setTreeCheckd(treeData.value, checked);
-    }
-    function setTagData(tree) {
-      var _a;
-      for (let i = 0, len = tree.length; i < len; i++) {
-        const item = tree[i];
-        const initTagKeys = initTagData.value.map((tag) => tag.key);
-        checkedKeys.value.includes(item.key) && !initTagKeys.includes(item.key) && tagData.value.push({
-          key: item.key,
-          name: item.title,
-          parentName: item.tempTitle,
-          innerItemsNum: item.innerItemsNum,
-          innerLeafs: item.innerLeafs,
-          originItem: item
-        });
-        ((_a = item.children) == null ? void 0 : _a.length) && setTagData(item.children);
-      }
+      checkedKeys.value = checked ? getAllKeys(treeData.value, checkStrategyResult.value) : [];
     }
     function getFlattenKeys(tree) {
       const arr = [];
@@ -677,105 +478,154 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
       }
-      if (props.showSelectType) {
-        const curType = curSelectKey.value;
-        checkedKeys.value = checkedKeysMiddle[curType] = newKeys;
-        return;
-      } else {
-        checkedKeys.value = newKeys;
-      }
-    }
-    function setCheckedAll() {
-      if (props.showSelectType) {
-        checkedAll.value = allCheckedTreeKeys.value.every((key) => checkedKeys.value.findIndex((checkedKey) => checkedKey === key) > -1);
-        return;
+      checkedKeys.value = newKeys;
+      if (!keys.length) {
+        checkedAll.value = false;
       }
-      checkedAll.value = allCheckedTreeKeys.value.every((key) => tagData.value.findIndex((tag) => tag.key === key) > -1);
     }
     function clearAll() {
-      Object.keys(checkedKeysMiddle).forEach((key) => {
-        checkedKeysMiddle[key] = checkedTagsMiddle[key] = [];
-      });
+      checkedAll.value = false;
       checkedKeys.value = [];
+      remoteDefaultList.value = [];
     }
-    function closeTag(tag) {
-      if (props.showSelectType) {
-        const tagType = tag.itemType === SelectItemTypesConfig.PERSON ? "main" : tag.itemType;
-        checkedKeysMiddle[tagType] = checkedKeysMiddle[tagType].filter((key) => key !== tag.key);
-        checkedTagsMiddle[tagType] = initTagData.value.filter((tag2) => checkedKeysMiddle[tagType].includes(tag2.key));
-        setSelectTagData(treeDataMiddle[tagType], tagType);
-        if (curSelectKey.value == tagType)
-          checkedKeys.value = checkedKeysMiddle[tagType];
+    function updateChecked(key, checked) {
+      if (isRemote.value) {
+        remoteDefaultList.value = remoteDefaultList.value.filter((item) => item.key !== key);
+      }
+      const node = treeMap.get(key);
+      if (!node)
         return;
+      if (!props.multiple) {
+        return updateTreeChecked(checked ? [key] : [], void 0, {
+          node,
+          action: checked ? "check" : "uncheck"
+        });
       }
-      checkedKeys.value = checkedKeys.value.filter((key) => key !== tag.key);
-    }
-    function notifyCheck(keys) {
-      checkedKeys.value = keys;
-    }
-    function notifySearchClear() {
-      keyword.value = "";
-      setTimeout(() => {
-        onSearch();
+      const keys = checkedKeys.value;
+      const map = new Set(keys);
+      if (checked) {
+        const targetKey = getTopLevelCheckedKey(node, new Set(keys), treeMap);
+        const allKeys = getAllKeys([treeMap.get(targetKey)], "all");
+        if (checkStrategyResult.value === "all") {
+          allKeys.forEach((k) => map.add(k));
+        } else {
+          allKeys.forEach((k) => map.delete(k));
+          if (checkStrategyResult.value === "child") {
+            getAllKeys([treeMap.get(targetKey)], "child").forEach((k) => map.add(k));
+          } else {
+            map.add(targetKey);
+          }
+        }
+      } else {
+        getParentKeys(node, treeMap).forEach((k) => map.delete(k));
+        getAllKeys([treeMap.get(key)], "all").forEach((k) => map.delete(k));
+      }
+      updateTreeChecked(Array.from(map), void 0, {
+        node,
+        action: checked ? "check" : "uncheck"
       });
     }
-    function getCheckWithLevel() {
-      var _a;
-      if (props.showSelectType) {
-        return (_a = caculateTagData.value) != null ? _a : [];
+    function notifyCheck(key, isChecked = true) {
+      const node = treeMap.get(key);
+      if (!node)
+        return;
+      if (!isChecked) {
+        updateChecked(key, isChecked);
+        return;
       }
-      const keys = checkedKeys.value;
-      const checkResult = tagData.value.filter((tree) => {
-        if (!props.uncheckableField)
-          return keys.includes(tree.key);
-        return keys.includes(tree.key) && !tree.originItem[props.uncheckableField];
-      });
-      return checkResult != null ? checkResult : [];
+      const has = checkedKeys.value.includes(key);
+      if (has) {
+        $message.info(`${node.label}\u5DF2\u88AB\u9009\u62E9`);
+        return;
+      }
+      if (node.disabled) {
+        $message.info(`${node.label}\u5DF2\u88AB\u7981\u7528`);
+        return;
+      }
+      const hasParent = props.multiple && getParentKeys(node, treeMap).find((key2) => checkedKeys.value.includes(key2));
+      if (hasParent) {
+        $message.info(`${node.label}\u5DF2\u5B58\u5728\u4E8E${treeMap.get(hasParent).label}\u4E2D`);
+        return;
+      }
+      if (!props.multiple) {
+        keyword.value = "";
+        checkSearchClear("");
+      }
+      updateChecked(key, isChecked);
+    }
+    function checkSearchClear(kw) {
+      if (!kw) {
+        isSearch.value = false;
+      }
+    }
+    function getCheckWithLevel(strategy, hideLeaf) {
+      const getCheckedKeys = (map2, strategy2) => {
+        const visited = /* @__PURE__ */ new Set();
+        const checked = new Set(checkedKeys.value);
+        const result = [];
+        checkedKeys.value.forEach((k) => {
+          const node = !visited.has(k) && map2.get(k);
+          if (node) {
+            const key = getTopLevelCheckedKey(node, checked, map2);
+            const target = !visited.has(key) && map2.get(key);
+            visited.add(key);
+            if (target)
+              result.push(...getAllKeys([target], strategy2));
+          }
+        });
+        return result;
+      };
+      const createMap = (hideLeaf2) => {
+        const itemKey = props.itemKey;
+        const result = /* @__PURE__ */ new Map();
+        transformData(props.data, null, {
+          enter(node) {
+            node.key = itemKey ? itemKey(node.originItem) : node.key;
+            result.set(node.key, node);
+          },
+          leave: hideLeaf2 ? (node) => {
+            var _a;
+            if (!node.leaf && ((_a = node.children) == null ? void 0 : _a.length)) {
+              const children = node.children.filter((val) => !val.leaf);
+              node.children = children.length ? children : void 0;
+            }
+          } : void 0
+        });
+        return result;
+      };
+      strategy = strategy || checkStrategyResult.value;
+      hideLeaf = hideLeaf != null ? hideLeaf : props.hideLeaf;
+      const same = hideLeaf === props.hideLeaf && strategy === checkStrategyResult.value;
+      const map = same ? treeMap : createMap(hideLeaf);
+      const keys = same ? checkedKeys.value : getCheckedKeys(map, strategy);
+      return keys.map((k) => {
+        const node = map.get(k);
+        const parent = node.parentKey ? map.get(node.parentKey) : void 0;
+        return {
+          ...node,
+          parentNode: parent
+        };
+      }).filter((tag) => !props.uncheckableField || props.uncheckableField && !tag.originItem[props.uncheckableField]);
     }
     function resetParams() {
       keyword.value = "";
       checkedAll.value = isSearch.value = false;
       checkedKeys.value = [];
       expandedKeys.value = [];
-      treeData.value = [];
-      tagData.value = [];
-      initTagData.value = [];
-      allCheckedTreeKeys.value = [];
+      treeData.value = treeAsyncData.value = [];
     }
     watch(() => props.data, (value) => {
       resetParams();
-      init();
+      initTreeData();
     }, {
       immediate: true
     });
     watch(() => checkedKeys, (value) => {
-      if (props.showSelectType) {
-        const curType = curSelectKey.value;
-        checkedTagsMiddle[curType] = initTagData.value.filter((tag) => value.value.includes(tag.key));
-        setSelectTagData(treeDataMiddle[curType], curType);
-        setCheckedAll();
-        const checkTagKeys = caculateTagData.value.map((tag) => tag.key);
-        emit("check", checkTagKeys);
-        emit("checkWithLevel", caculateTagData.value);
-        return;
-      }
-      tagData.value = initTagData.value.filter((tag) => value.value.includes(tag.key));
-      setTagData(isRemote.value ? treeData.value : treeDataMiddle.temp);
-      const checkResult = tagData.value.filter((tree) => {
-        if (!props.uncheckableField)
-          return value.value.includes(tree.key);
-        return value.value.includes(tree.key) && !tree.originItem[props.uncheckableField];
-      });
       emit("check", value.value);
-      emit("checkWithLevel", checkResult);
+      emit("checkWithLevel", caculateTagData.value);
     }, {
       deep: true
     });
-    watch(() => keyword.value, (searchValue) => {
-      if (!searchValue) {
-        notifySearchClear();
-      }
-    });
     expose({
       getCheckWithLevel
     });
@@ -785,78 +635,69 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         class: "c-select-person"
       }, {
         default: withCtx(() => [createVNode(unref(NGi), null, {
-          default: withCtx(() => [createVNode(unref(NSpace), {
-            vertical: "",
-            style: {
-              "padding-right": "12px",
-              "border-right": "1px solid #e8e8e8"
-            }
-          }, {
-            default: withCtx(() => [createElementVNode("div", _hoisted_1, [createCommentVNode(" \u641C\u7D22\u5DE6\u4FA7\u8FC7\u6EE4\u7B5B\u9009\u63D2\u69FD  "), renderSlot(_ctx.$slots, "filter"), createVNode(unref(NInputGroup), null, {
-              default: withCtx(() => [createCommentVNode(" clearable "), createVNode(unref(NInput), {
-                class: "search-input",
-                value: keyword.value,
-                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
-                placeholder: __props.searchPlaceholder,
-                onKeyup: withKeys(onSearch, ["enter"])
-              }, {
-                suffix: withCtx(() => [keyword.value ? (openBlock(), createBlock(unref(NIcon), {
-                  key: 0,
-                  class: "search-clear",
-                  component: unref(CloseCircleSharp),
-                  size: "16",
-                  onClick: notifySearchClear
-                }, null, 8, ["component"])) : createCommentVNode("v-if", true)]),
-                _: 1
-              }, 8, ["value", "placeholder", "onKeyup"]), createVNode(unref(NButton), {
-                type: "primary",
-                onClick: onSearch
-              }, {
-                default: withCtx(() => [createTextVNode(toDisplayString(__props.searchButtonText), 1)]),
-                _: 1
-              })]),
-              _: 1
-            })]), __props.showSelectType ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createElementBlock(Fragment, null, renderList(labelList, (item) => {
-              return createVNode(unref(NTag), {
-                round: "",
-                checkable: "",
-                checked: curSelectKey.value === item.key,
-                key: item.key,
-                "onUpdate:checked": ($event) => onHandleLabelChange(item)
-              }, {
-                default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
-                _: 2
-              }, 1032, ["checked", "onUpdate:checked"]);
-            }), 64))])) : createCommentVNode("v-if", true), __props.multiple && !isSearch.value ? withDirectives((openBlock(), createBlock(unref(NCheckbox), {
-              key: 1,
-              checked: checkedAll.value,
-              "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => checkedAll.value = $event), checkedAllChange]
+          default: withCtx(() => [createElementVNode("div", {
+            class: "c-select-person__container",
+            style: normalizeStyle(`padding-right: 12px;border-right: 1px solid #e8e8e8;height: ${__props.height}`)
+          }, [createElementVNode("div", _hoisted_1, [createCommentVNode(" \u641C\u7D22\u5DE6\u4FA7\u8FC7\u6EE4\u7B5B\u9009\u63D2\u69FD  "), renderSlot(_ctx.$slots, "filter"), createVNode(unref(NInputGroup), null, {
+            default: withCtx(() => [createVNode(unref(NInput), {
+              class: "search-input",
+              clearable: "",
+              value: keyword.value,
+              "onUpdate:value": [_cache[0] || (_cache[0] = ($event) => keyword.value = $event), checkSearchClear],
+              placeholder: __props.searchPlaceholder,
+              onKeyup: withKeys(onSearch, ["enter"])
+            }, null, 8, ["value", "placeholder", "onKeyup"]), createVNode(unref(NButton), {
+              type: "primary",
+              onClick: onSearch
             }, {
-              default: withCtx(() => [createTextVNode(function() {
-                var _a, _b, _c;
-                try {
-                  return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.37")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.37")) || "\u5168\u9009";
-                } catch (e) {
-                  return "\u5168\u9009";
-                }
-              }())]),
+              default: withCtx(() => [createTextVNode(toDisplayString(__props.searchButtonText), 1)]),
               _: 1
-            }, 8, ["checked"])), [[vShow, __props.forceShowSelectAll || allCheckedTreeKeys.value.length < 1e3]]) : createCommentVNode("v-if", true), createCommentVNode(" \u652F\u6301\u9009\u4EBA "), __props.searchInner && __props.multiple && isSearch.value && unref(checkStrategyResult) === "parent" ? (openBlock(), createBlock(SearchMultiple, {
-              key: 2,
-              treeData: treeData.value,
-              checkedKeys: checkedKeys.value,
-              onNotifyCheck: notifyCheck
-            }, null, 8, ["treeData", "checkedKeys"])) : unref(isSearchFilter) && isSearch.value && unref(checkStrategyResult) === "parent" ? (openBlock(), createElementBlock(Fragment, {
-              key: 3
-            }, [createCommentVNode(" \u540C\u65F6\u517C\u5BB9\u9009\u4EBA\u548C\u9009\u90E8\u95E8 "), createCommentVNode(` v-else-if="isSearchFilter && multiple && isSearch && checkStrategyResult === 'parent'" `), createVNode(SearchOrgAndStaff, {
-              treeData: treeData.value,
-              checkedKeys: checkedKeys.value,
-              searchFilter: unref(mergeSearchFilter),
-              isMultiple: __props.multiple,
-              onNotifyCheck: notifyCheck,
-              onNotifyClear: notifySearchClear
-            }, null, 8, ["treeData", "checkedKeys", "searchFilter", "isMultiple"])], 2112)) : (openBlock(), createElementBlock("div", _hoisted_3, [treeData.value.length === 0 ? (openBlock(), createBlock(unref(NEmpty), {
-              key: 0,
+            })]),
+            _: 1
+          })]), __props.multiple && !isSearch.value && unref(treeData).length > 0 ? withDirectives((openBlock(), createBlock(unref(NCheckbox), {
+            key: 0,
+            checked: checkedAll.value,
+            "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => checkedAll.value = $event), checkedAllChange]
+          }, {
+            default: withCtx(() => [createTextVNode(function() {
+              var _a, _b, _c;
+              try {
+                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.37")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.37")) || "\u5168\u9009";
+              } catch (e) {
+                return "\u5168\u9009";
+              }
+            }())]),
+            _: 1
+          }, 8, ["checked"])), [[vShow, __props.forceShowSelectAll]]) : createCommentVNode("v-if", true), createCommentVNode(" \u540C\u65F6\u517C\u5BB9\u9009\u4EBA\u548C\u9009\u90E8\u95E8 "), isSearch.value && unref(isShowGroupList) ? (openBlock(), createBlock(SearchGroupList, {
+            key: 1,
+            class: "c-select-person__hide",
+            type: unref(showType),
+            data: unref(searchData),
+            onChecked: notifyCheck
+          }, null, 8, ["type", "data"])) : (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(NTree), mergeProps({
+            "expanded-keys": expandedKeys.value,
+            "onUpdate:expanded-keys": _cache[2] || (_cache[2] = ($event) => expandedKeys.value = $event),
+            "selected-keys": checkedKeys.value,
+            "onUpdate:selected-keys": _cache[3] || (_cache[3] = ($event) => checkedKeys.value = $event),
+            style: {
+              "height": "100%"
+            },
+            "checked-keys": checkedKeys.value,
+            checkable: __props.multiple,
+            selectable: !__props.multiple,
+            data: unref(renderTreeData),
+            "render-label": renderLabel,
+            "virtual-scroll": "",
+            cascade: !__props.onlyForwardCascade,
+            "allow-checking-not-loaded": "",
+            "check-strategy": "child"
+          }, __props.treeSetting, {
+            class: "c-select-person__scroll",
+            "onUpdate:checkedKeys": updateTreeChecked,
+            onLoad: queryLoadChildNode
+          }), {
+            empty: withCtx(() => [createVNode(unref(DefaultPage), {
+              type: "16",
               description: function() {
                 var _a, _b, _c;
                 try {
@@ -865,72 +706,65 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   return "\u6682\u65E0\u6570\u636E";
                 }
               }()
-            })) : (openBlock(), createBlock(unref(NTree), mergeProps({
-              key: 1,
-              "virtual-scroll": "",
-              class: "c-select-person__scroll",
-              "checked-keys": checkedKeys.value,
-              "expanded-keys": expandedKeys.value,
-              "onUpdate:expanded-keys": _cache[2] || (_cache[2] = ($event) => expandedKeys.value = $event),
-              checkable: __props.multiple,
-              cascade: !__props.onlyForwardCascade,
-              "allow-checking-not-loaded": "",
-              selectable: !__props.multiple,
-              "selected-keys": checkedKeys.value,
-              "onUpdate:selected-keys": _cache[3] || (_cache[3] = ($event) => checkedKeys.value = $event),
-              data: treeData.value,
-              "check-strategy": "child",
-              "render-label": renderLabel
-            }, __props.treeSetting, {
-              "onUpdate:checkedKeys": updateTreeChecked,
-              onLoad: queryLoadChildNode
-            }), null, 16, ["checked-keys", "expanded-keys", "checkable", "cascade", "selectable", "selected-keys", "data"]))]))]),
-            _: 3
-          })]),
+            })]),
+            _: 1
+          }, 16, ["expanded-keys", "selected-keys", "checked-keys", "checkable", "selectable", "data", "cascade"])]))], 4)]),
           _: 3
         }), createVNode(unref(NGi), null, {
-          default: withCtx(() => [createVNode(unref(NSpace), {
-            vertical: "",
+          default: withCtx(() => [createElementVNode("div", {
+            class: "c-select-person__container",
+            style: normalizeStyle(`padding-left: 12px;height:${__props.height}`)
+          }, [createVNode(unref(NSpace), {
+            justify: "space-between",
             style: {
-              "padding-left": "12px"
+              "margin-bottom": "20px"
             }
           }, {
-            default: withCtx(() => [createVNode(unref(NSpace), {
-              justify: "space-between",
-              style: {
-                "margin-bottom": "20px"
+            default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("span", _hoisted_3, "\u5DF2\u9009\u62E9\uFF1A" + toDisplayString(unref(caculateTagData).length), 1)) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: "c-select-person__clear-btn",
+              onClick: clearAll
+            }, function() {
+              var _a, _b, _c;
+              try {
+                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.509")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.509")) || "\u6E05\u7A7A";
+              } catch (e) {
+                return "\u6E05\u7A7A";
               }
+            }())) : createCommentVNode("v-if", true)]),
+            _: 1
+          }), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(caculateTagData), (tag) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: tag.key
+            }, [__props.showTagHover && tag.innerItemsNum > 0 ? (openBlock(), createBlock(unref(NPopover), {
+              key: 0,
+              trigger: "hover"
             }, {
-              default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("span", _hoisted_4, "\u5DF2\u9009\u62E9\uFF1A" + toDisplayString(unref(caculateTagData).length), 1)) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("span", {
-                key: 1,
-                class: "c-select-person__clear-btn",
-                onClick: clearAll
-              }, function() {
-                var _a, _b, _c;
-                try {
-                  return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.509")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.509")) || "\u6E05\u7A7A";
-                } catch (e) {
-                  return "\u6E05\u7A7A";
-                }
-              }())) : createCommentVNode("v-if", true)]),
-              _: 1
-            }), createElementVNode("div", {
-              class: "c-select-person__scroll",
-              style: normalizeStyle(unref(styleObject))
-            }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(caculateTagData), (tag) => {
-              return openBlock(), createElementBlock("span", {
-                class: "c-select-person__tag-item",
-                key: tag.key
-              }, [createCommentVNode(" \u6807\u7B7E\u63D2\u69FD "), renderSlot(_ctx.$slots, "tag", {
-                tag
-              }, () => [createTextVNode(toDisplayString(tag.name) + " " + toDisplayString(tag.parentName ? `(${tag.parentName})` : "") + " " + toDisplayString(tag.innerItemsNum ? `(${tag.innerItemsNum}\u4EBA)` : "") + " " + toDisplayString(__props.showSelectType && labelListName[tag.itemType] ? `(${labelListName[tag.itemType]})` : ""), 1)]), createVNode(unref(NIcon), {
-                class: "tag-close",
-                component: unref(CloseCircleSharp),
-                onClick: ($event) => closeTag(tag)
-              }, null, 8, ["component", "onClick"])]);
-            }), 128))], 4)]),
-            _: 3
-          })]),
+              trigger: withCtx(() => [createVNode(TagItem, {
+                tag,
+                onUnchecked: updateChecked
+              }, {
+                tag: withCtx((filterProps) => [renderSlot(_ctx.$slots, "tag", normalizeProps(guardReactiveProps(filterProps)))]),
+                _: 2
+              }, 1032, ["tag"])]),
+              default: withCtx(() => [createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(tag.innerChildren, (childTag) => {
+                return openBlock(), createBlock(TagItem, {
+                  key: childTag.key,
+                  tag: childTag,
+                  showClose: false,
+                  onUnchecked: updateChecked
+                }, null, 8, ["tag"]);
+              }), 128))])]),
+              _: 2
+            }, 1024)) : (openBlock(), createBlock(TagItem, {
+              key: 1,
+              tag,
+              onUnchecked: updateChecked
+            }, {
+              tag: withCtx((filterProps) => [renderSlot(_ctx.$slots, "tag", normalizeProps(guardReactiveProps(filterProps)))]),
+              _: 2
+            }, 1032, ["tag"]))], 64);
+          }), 128))])], 4)]),
           _: 3
         })]),
         _: 3