cnhis-design-vue 3.3.3-beta.7 → 3.3.3-release.7

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

@@ -0,0 +1,788 @@
+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 { getAllChildren, searchBasisTree, getExpandedKeys } 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: 2,
+  class: "c-select-person__hide"
+};
+const _hoisted_3 = {
+  key: 0
+};
+const _hoisted_4 = {
+  class: "c-select-person__containerRight"
+};
+const _hoisted_5 = {
+  class: "c-select-person__popover"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectPerson",
+  props: {
+    defaultList: {
+      type: Array,
+      default: () => []
+    },
+    data: {
+      type: Array,
+      default: () => []
+    },
+    searchPlaceholder: {
+      type: String,
+      default: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.508")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.508")) || "\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22";
+        } catch (e) {
+          return "\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22";
+        }
+      }()
+    },
+    searchButtonText: {
+      type: String,
+      default: function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.36")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.36")) || "\u641C\u7D22";
+        } catch (e) {
+          return "\u641C\u7D22";
+        }
+      }()
+    },
+    wordbook: {
+      type: Object,
+      default: () => ({})
+    },
+    wordbookChild: {
+      type: Object,
+      default: () => ({})
+    },
+    showCount: {
+      type: Boolean,
+      default: true
+    },
+    showClear: {
+      type: Boolean,
+      default: true
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    searchInner: {
+      type: Boolean,
+      default: false
+    },
+    searchFilter: {
+      type: Object,
+      default: () => ({})
+    },
+    treeSetting: {
+      type: Object,
+      default: () => ({})
+    },
+    queryLoadChildData: {
+      type: Function,
+      default: void 0
+    },
+    queryTreeSearch: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    forceShowSelectAll: {
+      type: Boolean
+    },
+    uncheckableField: {
+      type: String
+    },
+    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 $message = useMessage();
+    const emit = inject(InjectionSelectPersonEmits);
+    const keyword = ref("");
+    const checkedAll = ref(false);
+    const checkedKeys = ref([]);
+    const expandedKeys = ref([]);
+    const treeData = shallowRef([]);
+    const treeAsyncData = ref([]);
+    const searchTreeData = shallowRef([]);
+    const searchData = shallowRef([]);
+    const treeMap = /* @__PURE__ */ new Map();
+    const isSearch = ref(false);
+    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 isShowGroupList = computed(() => {
+      const isInnerMultiple = (props == null ? void 0 : props.searchInner) && (props == null ? void 0 : props.multiple);
+      return checkStrategyResult.value === "parent" && (isSearchFilter.value || isInnerMultiple);
+    });
+    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(() => {
+      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];
+      }
+      return re;
+    });
+    const renderTreeData = computed(() => {
+      if (isRemote.value)
+        return treeAsyncData.value;
+      if (isSearch.value && !isShowGroupList.value)
+        return searchTreeData.value;
+      return treeData.value;
+    });
+    function initTreeData() {
+      var _a;
+      treeMap.clear();
+      const {
+        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
+      });
+      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
+          };
+        });
+      }
+      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 ((_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 renderLabel({
+      option
+    }) {
+      var _a, _b;
+      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 labelExpand = (_b = option.labelExpand) != null ? _b : "";
+        return createVNode("p", {
+          "class": "user_item"
+        }, [createVNode("span", {
+          "title": option.label
+        }, [option.label]), createVNode("span", {
+          "class": "user_item_expand",
+          "title": labelExpand
+        }, [labelExpand])]);
+      }
+    }
+    function getChildren(tag) {
+      var _a;
+      const {
+        children: childrenKey = "children"
+      } = props.wordbook;
+      if (!tag || !(tag == null ? void 0 : tag.originItem) || !((_a = tag == null ? void 0 : tag.originItem[childrenKey]) == null ? void 0 : _a.length))
+        return [];
+      const {
+        itemKey,
+        hideLeaf
+      } = props;
+      const tempData = transformData(tag.originItem[childrenKey], tag, {
+        enter(node) {
+          node.key = itemKey ? itemKey(node.originItem) : node.key;
+          treeMap.set(node.key, node);
+        }
+      });
+      return getAllChildren(tempData.treeItems, childrenKey);
+    }
+    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;
+      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,
+          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++;
+          }
+        } else {
+          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;
+            leafCount += tree.innerItemsNum;
+          }
+          if (!empty_enable && tree.innerItemsNum == 0 && !isRemote.value)
+            tree.disabled = true;
+        }
+        leave && leave(tree);
+        return tree;
+      });
+      return {
+        treeItems,
+        leafCount
+      };
+    }
+    async function onSearch() {
+      var _a, _b, _c, _d;
+      const filterKey = (_b = (_a = props == null ? void 0 : props.wordbook) == null ? void 0 : _a.filter_key) != null ? _b : "keyword";
+      const kw = keyword.value.trim();
+      isSearch.value = !!kw;
+      if (!kw) {
+        searchData.value = [];
+        return;
+      }
+      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);
+          }
+          if (node.children && node.children.length > 0) {
+            stack.push(...node.children);
+          }
+        }
+        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;
+          expandedKeys.value = searchTreeData.value.length ? getExpandedKeys(searchTreeData.value) : [];
+          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 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.key) {
+          if (!recursion || strategy == "all" || !item.children) {
+            keys.push(item.key);
+          }
+          if (recursion && item.children) {
+            keys.push(...getAllKeys(item.children, strategy));
+          }
+        }
+      }
+      return keys;
+    }
+    function getParentKeys(node, map) {
+      var _a;
+      const parents = [];
+      let parentKey = node.parentKey;
+      while (parentKey) {
+        parents.push(parentKey);
+        parentKey = (_a = map.get(parentKey)) == null ? void 0 : _a.parentKey;
+      }
+      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) {
+      checkedKeys.value = checked ? getAllKeys(treeData.value, checkStrategyResult.value) : [];
+    }
+    function getFlattenKeys(tree) {
+      const arr = [];
+      tree.forEach((item) => {
+        var _a;
+        if (!item.disabled && item.key) {
+          arr.push(item.key);
+        }
+        if ((_a = item.children) == null ? void 0 : _a.length) {
+          const _arr = getFlattenKeys(item.children);
+          arr.push(..._arr);
+        }
+      });
+      return arr;
+    }
+    function updateTreeChecked(keys, _, meta) {
+      var _a;
+      let newKeys = keys;
+      if (props.onlyForwardCascade && checkStrategyResult.value === "all") {
+        const {
+          node,
+          action
+        } = meta;
+        if ((_a = node == null ? void 0 : node.children) == null ? void 0 : _a.length) {
+          const flattenKeys = getFlattenKeys(node.children);
+          if (action === "check") {
+            newKeys = union(keys, flattenKeys);
+          } else {
+            remove(newKeys, (key) => flattenKeys.includes(key));
+          }
+        }
+      }
+      checkedKeys.value = newKeys;
+      if (!keys.length) {
+        checkedAll.value = false;
+      }
+    }
+    function clearAll() {
+      checkedAll.value = false;
+      checkedKeys.value = [];
+      remoteDefaultList.value = [];
+    }
+    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"
+        });
+      }
+      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 notifyCheck(key, isChecked = true) {
+      const node = treeMap.get(key);
+      if (!node)
+        return;
+      if (!isChecked) {
+        updateChecked(key, isChecked);
+        return;
+      }
+      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 = treeAsyncData.value = [];
+    }
+    watch(() => props.data, (value) => {
+      resetParams();
+      initTreeData();
+    }, {
+      immediate: true
+    });
+    watch(() => checkedKeys, (value) => {
+      emit("check", value.value);
+      emit("checkWithLevel", caculateTagData.value);
+    }, {
+      deep: true
+    });
+    expose({
+      getCheckWithLevel
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NGrid), {
+        cols: 2,
+        class: "c-select-person"
+      }, {
+        default: withCtx(() => [createVNode(unref(NGi), null, {
+          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(toDisplayString(__props.searchButtonText), 1)]),
+              _: 1
+            })]),
+            _: 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),
+            showTagHover: __props.showTagHover,
+            getChildren,
+            onChecked: notifyCheck
+          }, null, 8, ["type", "data", "showTagHover"])) : (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 {
+                  return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.445")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.445")) || "\u6682\u65E0\u6570\u636E";
+                } catch (e) {
+                  return "\u6682\u65E0\u6570\u636E";
+                }
+              }()
+            })]),
+            _: 1
+          }, 16, ["expanded-keys", "selected-keys", "checked-keys", "checkable", "selectable", "data", "cascade"])]))], 4)]),
+          _: 3
+        }), createVNode(unref(NGi), null, {
+          default: withCtx(() => [createElementVNode("div", {
+            class: "c-select-person__container",
+            style: normalizeStyle(`padding-left: 12px;height:${__props.height}`)
+          }, [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"
+            }, {
+              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(getChildren(tag), (childTag) => {
+                return openBlock(), createBlock(TagItem, {
+                  key: childTag.key,
+                  tag: childTag,
+                  showClose: false
+                }, 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
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };