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

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

@@ -0,0 +1,942 @@
+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 { InjectionSelectPersonEmits } from './constants/index.js';
+
+const _hoisted_1 = {
+  class: "search-box"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "select-type-tags"
+};
+const _hoisted_3 = {
+  key: 4,
+  class: "tree-content"
+};
+const _hoisted_4 = {
+  key: 0
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectPersonRole",
+  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([])
+    },
+    showSelectType: {
+      type: Boolean,
+      default: false
+    },
+    roleData: {
+      type: Array,
+      default: () => []
+    },
+    roleFields: {
+      type: Object,
+      default: () => ({
+        label: "name",
+        key: "id",
+        children: "children"
+      })
+    },
+    forceShowSelectAll: {
+      type: Boolean
+    },
+    uncheckableField: {
+      type: String
+    },
+    onlyForwardCascade: {
+      type: Boolean
+    }
+  },
+  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 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 isSearch = ref(false);
+    const allCheckedTreeKeys = 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 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 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");
+      }
+      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: []
+    });
+    const allCheckedKeysMiddle = reactive({
+      main: [],
+      dept: [],
+      role: []
+    });
+    const attrType = computed(() => {
+      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) {
+      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;
+      });
+    }
+    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]
+        });
+        ((_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);
+      }
+    }
+    async function queryLoadChildNode(node) {
+      if (props.queryLoadChildData) {
+        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
+            };
+          });
+        }
+        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}`;
+        return createVNode("span", {
+          "title": labelStr
+        }, [labelStr]);
+      } else {
+        const title_expand_strs = (_b = option.title_expand_strs) != null ? _b : "";
+        return createVNode("p", {
+          "class": "user_item"
+        }, [createVNode("span", {
+          "title": option.title
+        }, [option.title]), 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]);
+        }
+      }
+      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);
+        } else {
+          !tree.disabled && items.push(tree);
+        }
+      }
+      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) : []
+        };
+      });
+    }
+    function searchSetting() {
+      const settings = {
+        [SearchTypeConfig.SEARCH_ORG_STAFF]: isSearchFilter.value,
+        [SearchTypeConfig.SEARCH_ORG]: props.searchInner
+      };
+      const result = Object.keys(settings).find((attr) => settings[attr]);
+      return result != null ? result : "";
+    }
+    async function onSearch() {
+      var _a, _b;
+      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;
+      }
+    }
+    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);
+          }
+          if (!checked) {
+            const keyIndex = checkedKeys.value.findIndex((key) => key === item.key);
+            checkedKeys.value.splice(keyIndex, 1);
+          }
+        }
+        item.children && setTreeCheckd(item.children, checked);
+      }
+    }
+    function setCheckdWithParent(tree, checked) {
+      checkedKeys.value = [];
+      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 (!checked) {
+            const keyIndex = checkedKeys.value.findIndex((key) => key === item.key);
+            checkedKeys.value.splice(keyIndex, 1);
+          }
+        }
+      }
+    }
+    function setCheckdWithAll(tree, checked) {
+      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));
+          }
+        }
+      }
+      if (props.showSelectType) {
+        const curType = curSelectKey.value;
+        checkedKeys.value = checkedKeysMiddle[curType] = newKeys;
+        return;
+      } else {
+        checkedKeys.value = newKeys;
+      }
+    }
+    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);
+      }
+    }
+    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));
+          }
+        }
+      }
+      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;
+      }
+      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] = [];
+      });
+      checkedKeys.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];
+        return;
+      }
+      checkedKeys.value = checkedKeys.value.filter((key) => key !== tag.key);
+    }
+    function notifyCheck(keys) {
+      checkedKeys.value = keys;
+    }
+    function notifySearchClear() {
+      keyword.value = "";
+      setTimeout(() => {
+        onSearch();
+      });
+    }
+    function getCheckWithLevel() {
+      var _a;
+      if (props.showSelectType) {
+        return (_a = caculateTagData.value) != null ? _a : [];
+      }
+      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 : [];
+    }
+    function resetParams() {
+      keyword.value = "";
+      checkedAll.value = isSearch.value = false;
+      checkedKeys.value = [];
+      expandedKeys.value = [];
+      treeData.value = [];
+      tagData.value = [];
+      initTagData.value = [];
+      allCheckedTreeKeys.value = [];
+    }
+    watch(() => props.data, (value) => {
+      resetParams();
+      init();
+    }, {
+      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);
+    }, {
+      deep: true
+    });
+    watch(() => keyword.value, (searchValue) => {
+      if (!searchValue) {
+        notifySearchClear();
+      }
+    });
+    expose({
+      getCheckWithLevel
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NGrid), {
+        cols: 2,
+        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(() => [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 || 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,
+              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";
+                }
+              }()
+            })) : (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
+          })]),
+          _: 3
+        }), createVNode(unref(NGi), null, {
+          default: withCtx(() => [createVNode(unref(NSpace), {
+            vertical: "",
+            style: {
+              "padding-left": "12px"
+            }
+          }, {
+            default: withCtx(() => [createVNode(unref(NSpace), {
+              justify: "space-between",
+              style: {
+                "margin-bottom": "20px"
+              }
+            }, {
+              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
+          })]),
+          _: 3
+        })]),
+        _: 3
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };