cnhis-design-vue 3.1.27-beta.4 → 3.1.27

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

@@ -1,37 +1,21 @@
-import { defineComponent, ref, reactive, computed, nextTick, watch, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createCommentVNode, withKeys, createTextVNode, toDisplayString, createBlock, withDirectives, vShow, mergeProps, renderSlot, Fragment, renderList, normalizeClass } from 'vue';
-import { useMessage, NSpin, NInputGroup, NInput, NButton, NCheckbox, NTree, NSpace, NIcon, NTooltip } from 'naive-ui';
+import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, withKeys, createTextVNode, toDisplayString, createCommentVNode, createElementBlock, createElementVNode, Fragment, renderList } from 'vue';
+import { useMessage, NGrid, NGi, NSpace, NInputGroup, NInput, NButton, NCheckbox, NTree, NIcon, NTooltip } from 'naive-ui';
 import { CloseCircleSharp } from '@vicons/ionicons5';
-import XEUtils from 'xe-utils';
-import 'moment';
-import SearchTree from './SearchTree.js';
 import { filterTree } from './utils/index.js';
+import { cloneDeep } from 'lodash-es';
 
 const _hoisted_1 = {
-  class: "personnel"
+  key: 0
 };
 const _hoisted_2 = {
-  class: "people-tree"
-};
-const _hoisted_3 = {
-  class: "people-tree-item people-tree-left"
-};
-const _hoisted_4 = {
-  class: "people-tree-item"
-};
-const _hoisted_5 = {
-  key: 0
+  class: "c-select-person__scroll",
+  style: {
+    "height": "342px"
+  }
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectPerson",
   props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    isDetail: {
-      type: Boolean,
-      default: false
-    },
     defaultList: {
       type: Array,
       default: () => []
@@ -56,19 +40,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: Object,
       default: () => ({})
     },
-    SearchLoadMore: {
-      type: Boolean,
-      default: false
-    },
-    queryMainTreeData: {
-      type: Function
-    },
-    queryLoadChildData: {
-      type: Function
-    },
-    queryTreeSearch: {
-      type: Function
-    },
     showCount: {
       type: Boolean,
       default: true
@@ -82,887 +53,217 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       default: true
     }
   },
-  emits: ["check", "pubCheckedTreeItem", "handleOk", "change", "submitData", "update:visible"],
+  emits: ["check"],
   setup(__props, {
     emit
   }) {
     const props = __props;
-    const $message = useMessage();
-    const FIXEDKEY = "8982eeb4-0439-4100-9805-8cdd12b2256c-front-end-fixed-key";
-    const searchTree = ref(null);
-    const state = reactive({
-      treeData: {
-        main: [],
-        search: []
-      },
-      expandedKeys: [],
-      autoExpandParent: true,
-      dataList: {
-        main: [],
-        other: []
-      },
-      checkedKeys: {
-        main: [],
-        other: []
-      },
-      search: {
-        defaultExpandedKeys: [],
-        status: 0,
-        dataListKeys: {
-          main: [],
-          other: []
-        },
-        records: 0
-      },
-      searchValue: "",
-      searchPage: 1,
-      searchNoMore: false,
-      title: "",
-      checkedLeafKeys: [],
-      spinning: false,
-      loadMorenLoadinng: false,
-      errorMsg: "",
-      defaultShowList: [],
-      checkedKeysMain: [],
-      cacheParentIdObj: {},
-      singleChecked: false,
-      indeterminate: false,
-      searchIndeterminate: false,
-      searchChecked: false
-    });
-    const searchTreeVisable = computed(() => state.search.status == 2);
-    const dataListMainKeys = computed(() => {
-      if (!state.dataList.main.length)
-        return [];
-      return state.dataList.main.map((i) => i.key);
-    });
-    const dataListOtherKeys = computed(() => {
-      if (!state.dataList.other.length)
-        return [];
-      return state.dataList.other.map((i) => i.key);
-    });
-    const checkedTreeItem = computed(() => {
-      let otherItems = state.dataList.other.filter((item) => {
-        return state.checkedKeys.other.includes(item.key);
-      });
-      let mainItems = state.dataList.main.filter((item) => {
-        let {
-          isLeaf,
-          key
-        } = item;
-        let parentId = getParentId(item);
-        let showKeys = [...state.checkedKeys.main, ...otherItems];
-        let checked = showKeys.includes(key);
-        if (isLeaf && parentId && state.checkedKeys.main.some((v) => v == parentId)) {
-          checked = false;
+    useMessage();
+    const keyword = ref("");
+    const checkedAll = ref(false);
+    const checkedKeys = ref([]);
+    const expandedKeys = ref([]);
+    const treeData = ref([]);
+    const tagData = ref([]);
+    const temp = cloneDeep(props.data);
+    let allCheckedKeys = [];
+    init();
+    function init() {
+      transformTree(temp);
+      treeData.value = temp;
+      if (props.defaultList.length > 0) {
+        props.defaultList.forEach((key) => checkedKeys.value.push(key));
+        setTagData(temp);
+      }
+    }
+    function transformTree(tree) {
+      tree.forEach((item) => {
+        var _a, _b;
+        item.title = getLabelName(item);
+        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) {
+          transformTree(item.children);
+        } else if (((_b = item.children) == null ? void 0 : _b.length) === 0) {
+          Reflect.deleteProperty(item, "children");
         }
-        return checked;
+        if (!item.disabled && !item.children)
+          allCheckedKeys.push(item.key);
       });
-      let list = uniqArrObj([...mainItems, ...otherItems], "key");
-      return list;
-    });
-    const wordbookConfig = computed(() => {
-      const {
-        parent_id_obj,
-        parent_name_obj
-      } = props.wordbook || {};
-      const {
-        user_id_obj,
-        user_name_obj
-      } = props.wordbookChild || {};
-      return {
-        parent_id_obj,
-        parent_name_obj,
-        user_id_obj,
-        user_name_obj
-      };
-    });
-    const getLoadChildData = computed(() => {
-      if (typeof props.queryLoadChildData == "function") {
-        return onLoadData;
-      }
-      return null;
-    });
-    const renderLabel = ({
+    }
+    function renderLabel({
       option
-    }) => {
-      if (option.isLeaf || !option.children) {
+    }) {
+      var _a;
+      if (option.isLeaf || !((_a = option.children) == null ? void 0 : _a.length)) {
         return createVNode(NTooltip, {
           "trigger": "hover"
         }, {
-          default: () => `${option.title} ${option.sub_title || ""}`,
-          trigger: () => createVNode("span", null, [createVNode("span", {
-            "class": "c-title"
-          }, [option.title || option.key, createTextVNode("\u2009 ")]), createVNode("span", {
-            "class": "c-sub-title"
-          }, [option.sub_title])])
+          default: () => createVNode("span", null, [option.title]),
+          trigger: () => createVNode("span", null, [option.title])
         });
       } else {
-        return createVNode("span", {
-          "class": "p-title"
-        }, [createVNode("span", null, [option.title || option.key]), treeCount(option.count)]);
-      }
-    };
-    const initDefault = () => {
-      if (getLoadChildData.value) {
-        getDefaultList();
-      } else {
-        nextTick(() => {
-          state.checkedKeys.main = [...props.defaultList];
-        });
-      }
-    };
-    const getDefaultList = () => {
-      let copy = JSON.parse(JSON.stringify(props.defaultList));
-      if (Array.isArray(copy)) {
-        copy.forEach((v) => {
-          handleDefMapping(v);
-          getuniqKey(v);
-          let pId = getParentId(v);
-          state.cacheParentIdObj[pId] = pId;
-        });
-        state.defaultShowList = copy;
+        const count = props.wordbook.user_count_obj ? option[props.wordbook.user_count_obj] || "" : "";
+        return createVNode("span", null, [`${option.title}${count}`]);
       }
-    };
-    const handleDefMapping = (v) => {
-      const {
-        parent_id_obj,
-        parent_name_obj,
-        user_id_obj,
-        user_name_obj
-      } = wordbookConfig.value || {};
-      const {
-        parent_id_obj_key,
-        parent_name_obj_key
-      } = props.wordbook;
-      const {
-        user_id_obj_key,
-        user_name_obj_key
-      } = props.wordbookChild;
-      v[parent_id_obj] = v[parent_id_obj_key] || v.parent_id;
-      v[parent_name_obj] = v[parent_name_obj_key] || v.parent_name;
-      v[user_id_obj] = v[user_id_obj_key] || v.user_id;
-      v[user_name_obj] = v[user_name_obj_key] || v.user_name;
-    };
-    const staticDataInit = () => {
-      if (!Array.isArray(props.data) || props.data.length == 0)
-        return;
-      state.treeData.main = JSON.parse(JSON.stringify(props.data));
-      generateDataList(state.treeData.main, state.dataList.main);
-      generateDataList(state.treeData.main, state.dataList.other);
-    };
-    const getcheckedKeys = () => {
-      let checkedKeysMain = [], checkedKeysOther = [];
-      let copy = JSON.parse(JSON.stringify(props.defaultList));
-      if (Array.isArray(copy)) {
-        copy.forEach((v) => {
-          handleDefMapping(v);
-          let key = getuniqKey(v);
-          checkedKeysMain.push(key);
-          if (String(key).includes(FIXEDKEY)) {
-            checkedKeysOther.push(key);
-          }
-        });
-      }
-      return {
-        checkedKeysMain,
-        checkedKeysOther
-      };
-    };
-    const loadSelected = async () => {
-      try {
-        let list = await Promise.all(state.treeData.main.map(async (v) => {
-          const {
-            parent_id_obj
-          } = props.wordbook || {};
-          if ([v.key, v[parent_id_obj], String(v[parent_id_obj])].includes(state.cacheParentIdObj[v[parent_id_obj]])) {
-            await onLoadData(v);
-            return v;
-          }
-        }));
-        return list;
-      } catch (error) {
-        return Promise.resolve();
-      }
-    };
-    const onLoadData = (option) => {
-      return new Promise(async (resolve) => {
-        if (option.children) {
-          resolve();
-          return;
-        }
-        option.children = await handleLoadChildData(option.key, option);
-        hanldeFilterDefaultShowList(option.children);
-        nextTick(() => {
-          state.treeData.main = [...state.treeData.main];
-        });
-        addCheckedKeysChildrenMain(option);
-        generateDataList(option.children || [], state.dataList.main);
-        resolve();
+    }
+    function getLabelName(option) {
+      return option[props.wordbookChild.user_name_obj] || option[props.wordbook.parent_name_obj] || option["orgName"] || option["title"] || "";
+    }
+    function setAllCheckedKeys(tree) {
+      tree.forEach((item) => {
+        var _a;
+        ((_a = item.children) == null ? void 0 : _a.length) && setAllCheckedKeys(item.children);
+        if (!item.disabled && !item.children)
+          allCheckedKeys.push(item.key);
       });
-    };
-    const getUsers = async () => {
-      try {
-        if (typeof props.queryMainTreeData !== "function") {
-          return;
-        }
-        state.spinning = true;
-        const {
-          parent_id_obj
-        } = wordbookConfig.value || {};
-        let rows = await props.queryMainTreeData();
-        let list = uniqArrObj(rows || [], parent_id_obj);
-        state.treeData.main = list;
-        generateDataList(state.treeData.main, state.dataList.main);
-        await loadSelected();
-        let {
-          checkedKeysMain,
-          checkedKeysOther
-        } = getcheckedKeys();
-        state.checkedKeys.main.push(...checkedKeysMain);
-        state.checkedKeys.other = [...checkedKeysOther];
-        state.treeData.main.forEach((f) => {
-          if (f && f.children && f.children.length) {
-            let flag = f.children.every((c) => checkedKeysMain.includes(c.key));
-            if (flag && f.key) {
-              state.checkedKeys.main.push(f.key);
-            }
+    }
+    function searchClick() {
+      treeData.value = filterTree(temp, keyword.value);
+      allCheckedKeys = [];
+      setAllCheckedKeys(treeData.value);
+      setCheckedAll();
+    }
+    function setTreeCheckd(tree, checked) {
+      tree.forEach((item) => {
+        if (!item.disabled && !item.children) {
+          if (checked && !checkedKeys.value.includes(item.key)) {
+            checkedKeys.value.push(item.key);
           }
-        });
-        state.spinning = false;
-      } catch (error) {
-        state.spinning = false;
-        $message.error("\u67E5\u8BE2\u5F02\u5E38");
-      }
-    };
-    const loadMainChildData = (searchResultTreeData) => {
-      return new Promise(async (resolve) => {
-        let promises = searchResultTreeData.map(async (item) => {
-          if (item.users) {
-            let mainTreeItem = state.treeData.main.find((mainItem) => mainItem.key == item.key);
-            if (!mainTreeItem || mainTreeItem && !mainTreeItem.children) {
-              if (!mainTreeItem) {
-                mainTreeItem = {
-                  ...item
-                };
-              }
-              mainTreeItem.children = await handleLoadChildData(item.key, mainTreeItem);
-              generateDataList(mainTreeItem.children, state.dataList.main);
-              addCheckedKeysChildrenMain(mainTreeItem);
-            }
+          if (!checked) {
+            const keyIndex = checkedKeys.value.findIndex((key) => key === item.key);
+            checkedKeys.value.splice(keyIndex, 1);
           }
-        });
-        await Promise.all(promises);
-        resolve();
-      });
-    };
-    const handleLoadChildData = async (key, option) => {
-      let rows = props.queryLoadChildData && await props.queryLoadChildData(key, option);
-      let list = rows;
-      return list;
-    };
-    const generateDataList = (data, dataList) => {
-      for (let i = 0; i < data.length; i++) {
-        const node = data[i];
-        if (node.children) {
-          generateDataList(node.children, dataList);
-        } else {
-          !node.disabled && dataList.push({
-            parentId: getParentId(node),
-            ...node
-          });
-        }
-      }
-    };
-    const addCheckedKeysChildrenMain = (item) => {
-      if (!item.key)
-        return;
-      if (!state.checkedKeys.main.includes(String(item.key)))
-        return false;
-      if (!Array.isArray(item.children))
-        return false;
-      item.children.forEach(({
-        key
-      }) => {
-        if (state.checkedKeys.main.includes(key) || !key)
-          return false;
-        state.checkedKeys.main.push(key);
-      });
-    };
-    const hanldeFilterDefaultShowList = (list) => {
-      state.defaultShowList = state.defaultShowList.filter((d) => list.findIndex((l) => getuniqKey(d) == getuniqKey(l)) == -1);
-    };
-    const searchFetch = async (data = {}, config = {}) => {
-      if (typeof props.queryTreeSearch !== "function") {
-        staticDataSearch();
-        state.spinning = false;
-        isSearchAllCheck();
-        return;
-      }
-      if (!state.searchValue) {
-        state.search.status = 0;
-        state.search.defaultExpandedKeys = [];
-        state.expandedKeys = [];
-        state.spinning = false;
-        state.searchNoMore = false;
-        return false;
-      }
-      if (!config.loadMoren) {
-        state.search.status = 1;
-      } else {
-        state.loadMorenLoadinng = true;
-      }
-      let rows = await props.queryTreeSearch(state.searchValue, data);
-      let searchResultTreeData = rows;
-      state.loadMorenLoadinng = false;
-      if (!searchResultTreeData || !searchResultTreeData.length) {
-        if (state.searchPage == 1) {
-          state.search.defaultExpandedKeys = [];
-          state.search.status = 3;
-        } else {
-          state.search.status = 2;
-          state.searchNoMore = true;
-        }
-        state.spinning = false;
-        isSearchAllCheck();
-        return false;
-      }
-      const {
-        parent_id_obj,
-        parent_name_obj,
-        user_count_obj
-      } = props.wordbook || {};
-      props.wordbookChild || {};
-      let pObj = {};
-      searchResultTreeData.forEach((item) => {
-        item[parent_id_obj] && (pObj[item[parent_id_obj]] = {
-          key: item[parent_id_obj],
-          users: []
-        });
-        if (item.users) {
-          insertSearchTreeData(item);
-        } else {
-          insertSearchTreeDataOther(item);
         }
+        item.children && setTreeCheckd(item.children, checked);
       });
-      let pList = [];
-      Object.keys(pObj || {}).forEach((v) => {
-        if (v) {
-          pList.push({
-            ...pObj[v]
-          });
-        }
-      });
-      state.treeData.search.length || 0;
-      if (props.SearchLoadMore) {
-        state.searchNoMore = false;
-      } else {
-        state.searchNoMore = true;
-      }
-      await loadMainChildData(pList);
-      generateSearchDataListKeys(searchResultTreeData);
-      hanldeFilterDefaultShowList(searchResultTreeData);
-      refreshSearchTree();
-      state.search.status = 2;
-      state.spinning = false;
-      isSearchAllCheck();
-    };
-    const refreshSearchTree = () => {
-      if (!searchTreeVisable.value)
-        return false;
-      searchTree.value.setDefaultCheckedKeys();
-      nextTick(() => {
-        isSearchAllCheck();
-      });
-    };
-    const generateSearchDataListKeys = (searchResultTreeData) => {
-      searchResultTreeData.forEach((item) => {
-        if (!dataListMainKeys.value.includes(item.key)) {
-          state.search.dataListKeys.other.push(item.key);
-          item.children && item.children.forEach((childItem) => {
-            state.search.dataListKeys.other.push(childItem.key);
-          });
-          return;
-        }
-        state.search.dataListKeys.main.push(item.key);
-        item.children && item.children.forEach((childItem) => {
-          state.search.dataListKeys.main.push(childItem.key);
-        });
-      });
-    };
-    const insertSearchTreeData = (item) => {
-      const {
-        user_count_obj
-      } = props.wordbook || {};
-      state.search.defaultExpandedKeys.push(item.key);
-      hanldeFilterDefaultShowList(item.children || []);
-      if (item[user_count_obj] == item.children.length) {
-        item.disableCheckbox = false;
-      }
-      state.treeData.search.push(item);
-    };
-    const insertSearchTreeDataOther = (item) => {
-      let formatItem = Object.assign({}, item, {
-        isLeaf: true
-      });
-      state.treeData.search.push(formatItem);
-      if (dataListOtherKeys.value.includes(formatItem.key))
-        return false;
-      generateDataList([formatItem], state.dataList.other);
-    };
-    const isSearchAllCheck = () => {
-      nextTick(() => {
-        let skeyArr = state.treeData.search.map((item) => item.key);
-        let serchCheckedKeys = searchTree.value.checkedKeys;
-        state.searchIndeterminate = !!serchCheckedKeys.length && serchCheckedKeys.length < skeyArr.length;
-        state.searchChecked = serchCheckedKeys.length === skeyArr.length;
-      });
-    };
-    const staticDataSearch = () => {
-      state.expandedKeys = [];
-      if (!state.title) {
-        state.treeData.main = JSON.parse(JSON.stringify(props.data));
-        state.dataList.main = [];
-        generateDataList(state.treeData.main, state.dataList.main);
-        state.checkedKeys.main = state.checkedKeys.other.slice();
-        isAllCheck();
-        return;
-      }
-      let copyData = JSON.parse(JSON.stringify(props.data));
-      state.treeData.main = filterTree({
-        value: state.title,
-        data: copyData,
-        prop: "title",
-        filter: true,
-        callback: (child) => {
-          var _a;
-          child.visible && ((_a = child.children) == null ? void 0 : _a.length) && state.expandedKeys.push(child.key);
-        }
-      }) || [];
-      state.dataList.main = [];
-      generateDataList(state.treeData.main, state.dataList.main);
-      const currentKeys = state.checkedKeys.other.slice();
-      state.checkedKeys.main = [];
-      const setCheckedKeys = (data) => {
-        if (!(data == null ? void 0 : data.length))
-          return;
-        data.forEach((item) => {
-          var _a;
-          currentKeys.includes(item.key) && !item.disabled && state.checkedKeys.main.push(item.key);
-          ((_a = item.children) == null ? void 0 : _a.length) && setCheckedKeys(item.children);
-        });
-      };
-      setCheckedKeys(state.treeData.main);
-      state.checkedKeys.other = currentKeys;
-    };
-    const onExpand = (expandedKeys) => {
-      state.expandedKeys = expandedKeys;
-      state.autoExpandParent = false;
-    };
-    const searchClick = () => {
-      state.searchValue = state.title;
-      state.treeData.search = [];
-      state.search.dataListKeys.other = [];
-      state.search.dataListKeys.main = [];
-      state.search.defaultExpandedKeys = [];
-      state.spinning = true;
-      state.searchPage = 1;
-      searchFetch();
-    };
-    const isAllCheck = (checkedKeys = [], isTo = false) => {
-      if (!checkedKeys || checkedKeys.length == 0 && !isTo) {
-        state.indeterminate = false;
-        state.singleChecked = false;
-      } else {
-        const getAllKeys = (tree) => {
-          if (!(tree == null ? void 0 : tree.length))
-            return 0;
-          let n = 0;
-          tree.forEach((item) => {
-            var _a;
-            if (!((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) && !item.disabled) {
-              n++;
-            } else {
-              n += getAllKeys(item.children);
-            }
-          });
-          return n;
-        };
-        let keys = getAllKeys(state.treeData.main);
-        state.indeterminate = !(keys == state.checkedKeys.main.length);
-        state.singleChecked = keys == state.checkedKeys.main.length;
-        if (typeof props.queryTreeSearch !== "function") {
-          state.checkedKeys.other = [...new Set(state.checkedKeys.other.concat(state.checkedKeys.main))];
-          state.checkedKeys.other = state.checkedKeys.other.filter((v) => {
-            return state.checkedKeys.main.includes(v) || !state.checkedKeys.main.includes(v) && state.dataList.main.findIndex((item) => item.key == v) == -1;
-          });
-        }
-      }
-    };
-    const addCheckedkeysMain = (keys) => {
-      let checkedKeys = state.checkedKeys.main;
-      let filterKey = (keys || {}).filter(Boolean);
-      filterKey.forEach((key) => {
+    }
+    function checkedAllChange(checked) {
+      setTreeCheckd(treeData.value, checked);
+    }
+    function setTagData(tree) {
+      tree.forEach((item) => {
         var _a;
-        checkedKeys.push(key);
-        let _getParentKey = getParentKey(key, state.treeData.main);
-        if (!_getParentKey)
-          return;
-        let parent = state.treeData.main.filter((item) => {
-          return item.key == _getParentKey;
-        });
-        let allCheck = (((_a = parent[0]) == null ? void 0 : _a.children) || []).every((item) => {
-          return checkedKeys.includes(item.key);
+        checkedKeys.value.includes(item.key) && tagData.value.push({
+          key: item.key,
+          name: item.title
         });
-        allCheck && checkedKeys.push(_getParentKey);
+        ((_a = item.children) == null ? void 0 : _a.length) && setTagData(item.children);
       });
-    };
-    const getParentKey = (key, tree) => {
-      let parentKey;
-      for (let i = 0; i < tree.length; i++) {
-        const node = tree[i];
-        if (node.key == key) {
-          parentKey = node.key;
-          return parentKey;
-        }
-        if (node.children) {
-          if (node.children.some((item) => item.key == key)) {
-            parentKey = node.key;
-          } else if (getParentKey(key, node.children)) {
-            parentKey = getParentKey(key, node.children);
-          }
-        }
-      }
-      return parentKey;
-    };
-    const radioChange = (checked) => {
-      if (searchTreeVisable.value) {
-        state.searchChecked = checked;
-      } else {
-        state.singleChecked = checked;
-      }
-      checkAll(checked ? 1 : 2);
-    };
-    const checkAll = (type) => {
-      if (checkAllSearchTree(type))
-        return false;
-      if (type == 1) {
-        state.expandedKeys = [];
-        state.dataList.main = [];
-        generateDataList(state.treeData.main, state.dataList.main);
-        state.checkedKeys.main = dataListMainKeys.value;
-      } else if (type == 2) {
-        state.checkedKeys.main = [];
-        state.autoExpandParent = true;
-        isAllCheck([], true);
-      }
-    };
-    const checkAllSearchTree = (type) => {
-      if (!searchTreeVisable.value)
-        return false;
-      if (type == 1) {
-        let allSearchkeysMain = state.search.dataListKeys.main.filter((key) => {
-          return !state.search.defaultExpandedKeys.includes(key);
-        });
-        let allSearchkeysOther = state.search.dataListKeys.other;
-        state.checkedKeys.main = XEUtils.uniq([...state.checkedKeys.main, ...allSearchkeysMain]);
-        state.checkedKeys.other = XEUtils.uniq([...state.checkedKeys.other, ...allSearchkeysOther]);
-        state.search.dataListKeys.main.forEach((key) => {
-          let parentKey = getParentKey(key, state.treeData.main);
-          let parent = state.treeData.main.filter((item) => {
-            return item.key == parentKey;
-          });
-          let allCheck = parent[0].children.every((item) => {
-            return state.checkedKeys.main.includes(item.key);
-          });
-          allCheck && state.checkedKeys.main.push(parentKey);
-        });
-        refreshSearchTree();
-      } else if (type == 2) {
-        searchTree.value.emptyCheckedKeys();
-        state.autoExpandParent = true;
-      }
-      isSearchAllCheck();
-      return true;
-    };
-    const removeCheckedkeysMain = (keys) => {
-      let checkedKeysMain = XEUtils.clone(state.checkedKeys.main, true);
-      keys.forEach((key) => {
-        let index = checkedKeysMain.findIndex((mainKey) => mainKey == key);
-        if (index !== -1) {
-          checkedKeysMain.splice(index, 1);
-          state.checkedKeys.main = [...checkedKeysMain];
-        }
-        let parentKey = getParentKey(key, state.treeData.main);
-        let parentIndex = checkedKeysMain.findIndex((mainKey) => mainKey == parentKey);
-        if (parentIndex !== -1) {
-          checkedKeysMain.splice(parentIndex, 1);
-        }
-      });
-      state.checkedKeys.main = [...checkedKeysMain];
-    };
-    const addCheckedkeysOther = (keys) => {
-      state.checkedKeys.other.push(...keys);
-    };
-    const removeCheckedkeysOther = (keys) => {
-      let checkedKeys = state.checkedKeys.other;
-      keys.forEach((key) => {
-        let index = checkedKeys.findIndex((otherKey) => otherKey == key);
-        checkedKeys.splice(index, 1);
-        handleDeldefaultShowList(key);
-      });
-      removeCheckedkeysMain(keys);
-    };
-    const handleDeldefaultShowList = (key) => {
-      var _a;
-      let len = ((_a = state == null ? void 0 : state.defaultShowList) == null ? void 0 : _a.length) || 0;
-      if (len > 0) {
-        for (let i = len - 1; i >= 0; i--) {
-          let d = state.defaultShowList[i];
-          if (`${d.parent_id}_${d.user_id}` == key) {
-            closeDefaultTag(d, i);
-          }
-        }
-      }
-    };
-    const closeDefaultTag = (tag, i) => {
-      state.defaultShowList.splice(i, 1);
-      closeTag({
-        parentId: getParentId(tag),
-        ...tag
-      });
-    };
-    const closeTag = (removedTag) => {
-      removedCheckedkeysMain(removedTag);
-      removedCheckedkeysOther(removedTag);
-      refreshSearchTree();
-    };
+    }
+    function updateTreeChecked(keys) {
+      checkedKeys.value = keys;
+    }
+    function setCheckedAll() {
+      checkedAll.value = allCheckedKeys.every((key) => tagData.value.findIndex((tag) => tag.key === key) > -1);
+    }
     function clearAll() {
-      state.defaultShowList = [];
-      state.indeterminate = state.singleChecked = false;
-      checkedTreeItem.value.forEach((tag) => closeTag(tag));
+      checkedKeys.value = [];
     }
-    const removeCheckedkeysIncludeChildren = (parentKey) => {
-      let needRemoveChildKeys = state.dataList.main.filter((i) => {
-        let parentId = getParentId(i);
-        return parentId == parentKey || i.key == parentKey;
-      }).map((i) => {
-        return i.key;
-      });
-      state.checkedKeys.main = state.checkedKeys.main.filter((i) => {
-        return !needRemoveChildKeys.includes(i);
-      });
-    };
-    const removedCheckedkeysMain = (tag) => {
-      let checkedKeys = state.checkedKeys.main;
-      let parentId = getParentId(tag);
-      for (let i = 0; i < checkedKeys.length; i++) {
-        if (tag.key == checkedKeys[i] && tag.key == parentId) {
-          removeCheckedkeysIncludeChildren(tag.key);
-          return false;
-        } else if (tag.key == checkedKeys[i]) {
-          checkedKeys.splice(i, 1);
-          return false;
-        }
-      }
-    };
-    const removedCheckedkeysOther = (tag) => {
-      let checkedKeys = state.checkedKeys.other;
-      if (checkedKeys.includes(tag.key)) {
-        for (let i = 0; i < checkedKeys.length; i++) {
-          if (tag.key == checkedKeys[i]) {
-            checkedKeys.splice(i, 1);
-            return false;
-          }
-        }
-      } else {
-        OtherRemoveCheckedkeysIncludeChildren(tag.key);
-      }
-    };
-    const OtherRemoveCheckedkeysIncludeChildren = (parentKey) => {
-      let needRemoveChildKeys = state.dataList.main.filter((i) => {
-        let parentId = getParentId(i);
-        return parentId == parentKey || i.key == parentKey;
-      }).map((i) => {
-        return i.key;
-      });
-      state.checkedKeys.other = state.checkedKeys.other.filter((i) => {
-        return !needRemoveChildKeys.includes(i);
-      });
-    };
-    const searchOnloadMore = () => {
-      state.searchPage = state.searchPage + 1;
-      searchFetch({
-        page: state.searchPage
-      }, {
-        loadMoren: true
-      });
-    };
-    const treeCount = (count) => {
-      if (!count)
-        return "";
-      return `(${count})`;
-    };
-    const getParentId = (v) => {
-      const {
-        parent_id_obj
-      } = wordbookConfig.value || {};
-      return `${v[parent_id_obj]}`;
-    };
-    const uniqArrObj = (arr, name) => {
-      let obj = {};
-      return arr.reduce((cur, next) => {
-        obj[next[name]] ? "" : obj[next[name]] = cur.push(next);
-        return cur;
-      }, []);
-    };
-    const getuniqKey = (v) => {
-      const {
-        user_id_obj
-      } = wordbookConfig.value || {};
-      return `${getParentId(v)}_${v[user_id_obj]}`;
-    };
-    watch(() => props.defaultList, (val) => {
-      if (!val)
-        return;
-      initDefault();
-    }, {
-      immediate: true
-    });
-    watch(() => state.checkedKeys.main, (val) => {
-      if (!searchTreeVisable.value) {
-        isAllCheck(val);
-      } else {
-        isSearchAllCheck();
-      }
-      const checkedKeys = [.../* @__PURE__ */ new Set([...state.checkedKeys.other, ...val])];
-      emit("check", checkedKeys);
+    function closeTag(tag) {
+      checkedKeys.value = checkedKeys.value.filter((key) => key !== tag.key);
+    }
+    watch(() => checkedKeys, (value) => {
+      tagData.value = [];
+      value.value.length && setTagData(temp);
+      setCheckedAll();
+      emit("check", value.value);
     }, {
-      immediate: true,
       deep: true
     });
-    watch(() => props.data, (val) => {
-      staticDataInit();
-    }, {
-      immediate: true
-    });
-    onMounted(() => {
-      getUsers();
-    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(NSpin), {
-        show: state.spinning
+      return openBlock(), createBlock(unref(NGrid), {
+        cols: 2,
+        class: "c-select-person"
       }, {
-        default: withCtx(() => [createElementVNode("div", _hoisted_2, [createCommentVNode(" \u6811\u4E3B\u4F53\u4E0E\u68C0\u7D22 "), createElementVNode("div", _hoisted_3, [createVNode(unref(NInputGroup), {
-          style: {
-            "margin-bottom": "12px"
-          }
-        }, {
-          default: withCtx(() => [createVNode(unref(NInput), {
+        default: withCtx(() => [createVNode(unref(NGi), null, {
+          default: withCtx(() => [createVNode(unref(NSpace), {
+            vertical: "",
             style: {
-              "text-align": "left"
-            },
-            clearable: "",
-            value: state.title,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.title = $event),
-            placeholder: __props.searchPlaceholder,
-            onKeyup: withKeys(searchClick, ["enter"])
-          }, null, 8, ["value", "placeholder", "onKeyup"]), createVNode(unref(NButton), {
-            type: "primary",
-            onClick: searchClick
+              "padding-right": "12px",
+              "border-right": "1px solid #e8e8e8"
+            }
           }, {
-            default: withCtx(() => [createTextVNode(toDisplayString(__props.searchButtonText), 1)]),
+            default: withCtx(() => [createVNode(unref(NInputGroup), {
+              style: {
+                "margin-bottom": "12px"
+              }
+            }, {
+              default: withCtx(() => [createVNode(unref(NInput), {
+                clearable: "",
+                value: keyword.value,
+                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
+                placeholder: __props.searchPlaceholder,
+                onKeyup: withKeys(searchClick, ["enter"])
+              }, null, 8, ["value", "placeholder", "onKeyup"]), createVNode(unref(NButton), {
+                type: "primary",
+                onClick: searchClick
+              }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(__props.searchButtonText), 1)]),
+                _: 1
+              })]),
+              _: 1
+            }), __props.multiple ? (openBlock(), createBlock(unref(NCheckbox), {
+              key: 0,
+              checked: checkedAll.value,
+              "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => checkedAll.value = $event), checkedAllChange]
+            }, {
+              default: withCtx(() => [createTextVNode("\u5168\u9009")]),
+              _: 1
+            }, 8, ["checked"])) : createCommentVNode("v-if", true), createVNode(unref(NTree), {
+              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: "",
+              "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,
+              "onUpdate:checkedKeys": updateTreeChecked
+            }, null, 8, ["checked-keys", "expanded-keys", "checkable", "selectable", "selected-keys", "data"])]),
             _: 1
           })]),
           _: 1
-        }), unref(searchTreeVisable) ? (openBlock(), createBlock(unref(NCheckbox), {
-          key: 0,
-          checked: state.searchChecked,
-          "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => state.searchChecked = $event), radioChange],
-          indeterminate: state.searchIndeterminate
-        }, {
-          default: withCtx(() => [createTextVNode(" \u5168\u9009 ")]),
-          _: 1
-        }, 8, ["checked", "indeterminate"])) : createCommentVNode("v-if", true), !unref(searchTreeVisable) && __props.multiple ? (openBlock(), createBlock(unref(NCheckbox), {
-          key: 1,
-          checked: state.singleChecked,
-          indeterminate: state.searchIndeterminate,
-          "onUpdate:checked": radioChange
-        }, {
-          default: withCtx(() => [createTextVNode(" \u5168\u9009 ")]),
-          _: 1
-        }, 8, ["checked", "indeterminate"])) : createCommentVNode("v-if", true), createCommentVNode(' <div v-show="state.search.status == 3 || (state.search.status == 0 && state.treeData.main && state.treeData.main.length == 0)" class="no-data-tips">\n            \u67E5\u65E0\u7ED3\u679C\n          </div> '), createCommentVNode(" main tree "), withDirectives(createVNode(unref(NTree), {
-          class: "main-tree-container",
-          "checked-keys": state.checkedKeys.main,
-          "onUpdate:checked-keys": _cache[2] || (_cache[2] = ($event) => state.checkedKeys.main = $event),
-          "expanded-keys": state.expandedKeys,
-          checkable: __props.multiple,
-          cascade: "",
-          "allow-checking-not-loaded": "",
-          selectable: !__props.multiple,
-          "selected-keys": state.checkedKeys.main,
-          "onUpdate:selected-keys": _cache[3] || (_cache[3] = ($event) => state.checkedKeys.main = $event),
-          data: state.treeData.main,
-          "check-strategy": __props.queryMainTreeData ? "all" : "child",
-          "onUpdate:expandedKeys": onExpand,
-          "on-load": onLoadData,
-          "render-label": renderLabel
-        }, null, 8, ["checked-keys", "expanded-keys", "checkable", "selectable", "selected-keys", "data", "check-strategy"]), [[vShow, state.search.status == 0]]), createCommentVNode(" search tree "), createVNode(SearchTree, mergeProps(_ctx.$attrs, {
-          ref_key: "searchTree",
-          ref: searchTree,
-          visible: unref(searchTreeVisable),
-          formatTreeData: state.treeData.search,
-          searchValue: state.searchValue,
-          allCheckedKeys: state.checkedKeys,
-          defaultExpandedKeys: state.search.defaultExpandedKeys,
-          dataListKeys: state.search.dataListKeys,
-          searchNoMore: state.searchNoMore,
-          loadMorenLoadinng: state.loadMorenLoadinng,
-          onAddCheckedkeysMain: addCheckedkeysMain,
-          onRemoveCheckedkeysMain: removeCheckedkeysMain,
-          onAddCheckedkeysOther: addCheckedkeysOther,
-          onRemoveCheckedkeysOther: removeCheckedkeysOther,
-          onSearchOnloadMore: searchOnloadMore
-        }), null, 16, ["visible", "formatTreeData", "searchValue", "allCheckedKeys", "defaultExpandedKeys", "dataListKeys", "searchNoMore", "loadMorenLoadinng"])]), createCommentVNode(" \u6811\u5DF2\u9009\u7684\u6570\u636E "), createElementVNode("div", _hoisted_4, [state.defaultShowList.length || unref(checkedTreeItem).length ? (openBlock(), createBlock(unref(NSpace), {
-          key: 0,
-          justify: "space-between",
-          style: {
-            "margin-bottom": "20px"
-          }
-        }, {
-          default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("div", _hoisted_5, "\u5DF2\u9009\u62E9\uFF1A" + toDisplayString(state.defaultShowList.length + unref(checkedTreeItem).length), 1)) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: "clear-btn",
-            onClick: clearAll
-          }, "\u6E05\u7A7A")) : createCommentVNode("v-if", true)]),
+        }), 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_1, "\u5DF2\u9009\u62E9\uFF1A" + toDisplayString(tagData.value.length), 1)) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("span", {
+                key: 1,
+                class: "c-select-person__clear-btn",
+                onClick: clearAll
+              }, "\u6E05\u7A7A")) : createCommentVNode("v-if", true)]),
+              _: 1
+            }), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(tagData.value, (tag) => {
+              return openBlock(), createElementBlock("span", {
+                class: "c-select-person__tag-item",
+                key: tag.key
+              }, [createTextVNode(toDisplayString(tag.name) + " ", 1), createVNode(unref(NIcon), {
+                class: "tag-close",
+                component: unref(CloseCircleSharp),
+                onClick: ($event) => closeTag(tag)
+              }, null, 8, ["component", "onClick"])]);
+            }), 128))])]),
+            _: 1
+          })]),
           _: 1
-        })) : createCommentVNode("v-if", true), state.defaultShowList && state.defaultShowList.length ? renderSlot(_ctx.$slots, "default", {
-          key: 1
-        }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(state.defaultShowList, (tag, i) => {
-          return openBlock(), createElementBlock("div", {
-            class: "tag-item def-item",
-            key: i
-          }, [createTextVNode(toDisplayString(tag.title || tag[__props.wordbookChild.user_name_obj]) + " ", 1), !__props.isDetail ? (openBlock(), createBlock(unref(NIcon), {
-            key: 0,
-            class: "tag-close",
-            component: unref(CloseCircleSharp),
-            onClick: ($event) => closeDefaultTag(tag, i)
-          }, null, 8, ["component", "onClick"])) : createCommentVNode("v-if", true)]);
-        }), 128))]) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(checkedTreeItem), (tag) => {
-          return openBlock(), createElementBlock("div", {
-            class: normalizeClass(["tag-item", {
-              isRoot: !tag.isLeaf
-            }]),
-            key: tag.key
-          }, [createTextVNode(toDisplayString(tag.title || tag.key) + " " + toDisplayString(treeCount(tag.count)) + " ", 1), !__props.isDetail ? (openBlock(), createBlock(unref(NIcon), {
-            key: 0,
-            class: "tag-close",
-            component: unref(CloseCircleSharp),
-            onClick: ($event) => closeTag(tag)
-          }, null, 8, ["component", "onClick"])) : createCommentVNode("v-if", true)], 2);
-        }), 128))])])]),
-        _: 3
-      }, 8, ["show"])]);
+        })]),
+        _: 1
+      });
     };
   }
 });