cnhis-design-vue 3.0.4 → 3.0.7

package/packages/select-person/src/SelectPerson.vue

@@ -0,0 +1,746 @@
+<template>
+  
+</template>
+
+<script lang="ts">
+import create from '@/core/create.js';
+export default create({
+  name: "SelectPerson"
+})
+</script>
+<script lang="ts" setup>
+import { reactive, onMounted, computed, ref, nextTick } from "vue"
+import { NButton, NCheckbox, NSpin, NTooltip, useMessage } from "naive-ui"
+import type { TreeSelectOption } from 'naive-ui'
+import vexutils from '@/utils/vexutils.js';
+
+(window as any).$message = useMessage()
+
+// const FIXEDKEY = '8982eeb4-0439-4100-9805-8cdd12b2256c-front-end-fixed-key';
+// const props = withDefaults(defineProps<{
+//   visible?: boolean
+//   isDetail?: boolean
+//   defaultList?: any[]
+//   data?: any[]
+//   roleData?: any[]
+//   roleFields?: any
+//   searchPlaceholder?: string
+//   searchButtonText?: string
+//   wordbook: any
+//   wordbookChild?: any
+//   SearchLoadMore?: boolean
+//   showClear?: boolean
+//   showCount?: boolean
+//   selectType?: string
+//   isSingleCheck?: boolean
+//   queryMainTreeData?: Function
+//   queryLoadChildData?: Function
+//   queryTreeSearch?: Function
+// }>(), {
+//   isDetail: false,
+//   defaultList: () => ([]),
+//   data: () => ([]),
+//   roleData: () => ([]),
+//   roleFields: () => ({ title: 'name', key: 'id', children: 'children' }),
+//   searchPlaceholder: '输入关键字搜索',
+//   searchButtonText: '搜索',
+//   wordbook: () => ({}),
+//   wordbookChild: () => ({}),
+//   SearchLoadMore: false,
+//   showClear: true,
+//   showCount: true,
+//   selectType: 'person',
+//   isSingleCheck: false,
+//   queryMainTreeData: () => Promise.resolve(),
+//   queryLoadChildData: () => Promise.resolve(),
+//   queryTreeSearch: () => Promise.resolve() // 检索请求
+// })
+// const searchTree = ref(null)
+// const state = reactive({
+//   treeData: {
+//     main: [] as any[],
+//     search: [] as any[],
+//     dept: [],
+//     role: [],
+//     temp: [] as any[]
+//   },
+//   // 展开的keys
+//   expandedKeys: [] as Array<string | number>,
+//   // 展开的部门keys
+//   expandedDeptKeys: [],
+//   autoExpandParent: true,
+//   // 扁平化tree的options Object{Array[Object]}
+//   dataList: {
+//     main: [],
+//     other: [],
+//     dept: [],
+//     role: []
+//   },
+//   // 当前tree选中的keys Object{Array[Number]}
+//   checkedKeys: {
+//     main: [] as any[],
+//     other: [] as any[],
+//     dept: [],
+//     role: [],
+//     temp: []
+//   },
+//   search: {
+//     defaultExpandedKeys: [] as any[],
+//     // 0: 未查询，1：查询中，2：有查询结果，3无查询结果
+//     status: 0,
+//     dataListKeys: {
+//       main: [] as any[],
+//       other: [] as any[]
+//     },
+//     records: 0
+//   },
+//   searchValue: '',
+//   searchPage: 1,
+//   searchNoMore: false,
+//   title: '',
+//   // 选中的所有叶节点(Leaf)keys <Array[Number]>，最终提交接口所需格式
+//   checkedLeafKeys: [],
+//   spinning: false,
+//   loadMorenLoadinng: false,
+
+//   errorMsg: '',
+
+//   defaultShowList: [] as any[], // 默认选中项
+//   checkedKeysMain: [],
+
+//   cacheParentIdObj: {},
+//   singleChecked: false,
+//   indeterminate: false,
+
+//   searchIndeterminate: false,
+//   searchChecked: false,
+//   typeActiveIndex: 0
+// })
+
+// const emit = defineEmits(['check', 'pubCheckedTreeItem', 'handleOk', 'change', 'submitData', 'update:visible'])
+
+// const searchTreeVisable = computed(() => state.search.status == 2)
+// const dataListMainKeys = computed(() => {
+//   if (!state.dataList.main.length) return []
+//   return state.dataList.main.map((i: any) => i.key)
+// })
+// const dataListDeptKeys = computed(() => {
+//   if (!state.dataList.dept.length) return []
+//   return state.dataList.dept.map((i: any) => i.key)
+// })
+// const dataListRoleKeys = computed(() => {
+//   if (!state.dataList.role.length) return []
+//   return state.dataList.role.map((i: any) => i.key)
+// })
+// const dataListOtherKeys = computed(() => {
+//   if (!state.dataList.other.length) return []
+//   return state.dataList.other.map((i: any) => i.key)
+// })
+// // 右侧展示tabs <Array[Object]>
+// const checkedTreeItem = computed(() => {
+//   let otherItems = state.dataList.other.filter((item: any) => {
+//     return state.checkedKeys.other.includes(item.key);
+//   });
+//   let mainItems = state.dataList.main.filter((item: any) => {
+//     let { isLeaf, key } = item;
+//     let parentId = getParentId(item);
+//     let showKeys = [...state.checkedKeys.main, ...otherItems] as any;
+//     let checked = showKeys.includes(key);
+//     // 父级全选，子级不展示
+//     /** String(parentId) 类型不相等 */
+//     if (isLeaf && parentId && state.checkedKeys.main.some(v => v == parentId)) {
+//       checked = false;
+//     }
+//     item.itemType = 'person';
+//     return checked && item.type == 2;
+//   });
+//   let deptItems = state.dataList.dept.filter((item: any) => {
+//     let { isLeaf, key } = item;
+//     let parentId = getParentId(item);
+//     let showKeys = [...state.checkedKeys.dept, ...otherItems] as any;
+//     let checked = showKeys.includes(key);
+//     // 父级全选，子级不展示
+//     /** String(parentId) 类型不相等 */
+//     if (isLeaf && parentId && state.checkedKeys.dept.some(v => v == parentId)) {
+//       checked = false;
+//     }
+//     item.itemType = 'dept';
+//     return checked && item.type == 1;
+//   });
+//   let roleItems = state.dataList.role.filter((item: any) => {
+//     let showKeys = [...state.checkedKeys.role, ...otherItems] as any[];
+//     let checked = showKeys.includes(item.key);
+//     item.itemType = 'role';
+//     return checked && item.roleId;
+//   });
+//   if (props.selectType === 'multiple') {
+//     deptItems.forEach((item: any) => {
+//       if (item.title) {
+//         item.title = item.title.includes('科室') ? item.title : `${item.title}（科室）`;
+//       }
+//     });
+//     roleItems.map((item: any) => {
+//       if (item.title) {
+//         item.title = item.title.includes('角色') ? item.title : `${item.title}（角色）`;
+//       }
+//       return item;
+//     });
+//   }
+
+//   let list = uniqArrObj([...mainItems, ...deptItems, ...roleItems, ...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 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)) {
+//     // this.defaultShowObj = {};
+
+//     const { user_id_obj } = props.wordbookChild || {};
+//     copy.forEach(v => {
+//       handleDefMapping(v);
+//       let key = getuniqKey(v);
+//       let pId = getParentId(v);
+//       state.cacheParentIdObj[pId] = pId;
+//       // this.defaultShowObj[key] = v[user_id_obj];
+//     });
+//     state.defaultShowList = copy;
+//   }
+// }
+// /**
+//      * 根据配置映射默认值
+//      */
+// const handleDefMapping = (v: any) => {
+//   const { parent_id_obj, parent_name_obj, user_id_obj, user_name_obj } = wordbookConfig.value || {};
+//   // 自定义 key 值
+//   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 = props.data;
+//   generateDataList(state.treeData.main, state.dataList.main);
+// }
+// const staticDeptAndRoleDataInit = () => {
+//   state.treeData.dept = getDeptData(props.data);
+//   generateDataList(state.treeData.dept, state.dataList.dept);
+//   state.treeData.role = handleRoleData(props.roleData);
+//   generateDataList(state.treeData.role, state.dataList.role);
+// }
+// const getDeptData = (data: any) => {
+//   // 把data里面的人员过滤掉
+//   const copyData = JSON.parse(JSON.stringify(data));
+//   vexutils.searchTree(copyData, (item: any) => {
+//     if (item.type === 1 && item.children && item.children.length) {
+//       item.children = item.children.filter((child: any) => child.type === 1);
+//     }
+//   });
+//   return copyData;
+// }
+// const handleRoleData = (data: any) => {
+//   const copyData = JSON.parse(JSON.stringify(data));
+//   vexutils.searchTree(copyData, (item: any) => {
+//     const { title, key, children } = props.roleFields;
+//     item.title = item[title];
+//     item.children = item[children] ? item[children] : [];
+//     item.key = item[key];
+//   });
+//   return copyData;
+// }
+// const getcheckedKeys = () => {
+//   let checkedKeysMain = [] as any[],
+//     checkedKeysOther = [] as any[];
+//   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: TreeSelectOption) => {
+//   return new Promise(async (resolve: Function) => {
+//     if (option.children) {
+//       resolve();
+//       return;
+//     }
+//     option.children = await handleLoadChildData(option.key, option);
+
+//     hanldeFilterDefaultShowList(option.children);
+
+//     nextTick(() => {
+//       state.treeData.main = [...state.treeData.main];
+//       state.treeData.temp = [...state.treeData.main];
+//     });
+
+//     addCheckedKeysChildrenMain(option);
+
+//     generateDataList(option.children || [], state.dataList.main);
+//     resolve();
+//   });
+// }
+// // 查询树结构数据(一级父类)
+// 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);
+//     // TODO:这里的回填
+//     await loadSelected();
+//     let { checkedKeysMain, checkedKeysOther } = getcheckedKeys();
+//     state.checkedKeys.main.push(...checkedKeysMain);
+//     state.checkedKeys.other = [...checkedKeysOther];
+
+//     state.treeData.main.forEach((f: any) => {
+//       if (f && f.children && f.children.length) {
+//         let flag = f.children.every((c: any) => checkedKeysMain.includes(c.key));
+//         if (flag && f.key) {
+//           state.checkedKeys.main.push(f.key);
+//         }
+//       }
+//     });
+//     state.spinning = false;
+//   } catch (error) {
+//     state.spinning = false;
+//     (window as any).$message.error('查询异常');
+//   }
+// }
+// const loadMainChildData = (searchResultTreeData: any[]) => {
+//   return new Promise(async (resolve: Function) => {
+//     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);
+//         }
+//       }
+//     });
+
+//     await Promise.all(promises);
+
+//     resolve();
+//   });
+// }
+// const handleLoadChildData = async (key: string | number | undefined, option: TreeSelectOption) => {
+//   let rows = await props.queryLoadChildData(key, option);
+//   let list = rows;
+//   return list;
+// }
+// // 暂存实际可选节点arr
+// const generateDataList = (data: TreeSelectOption[], dataList: any) => {
+//   for (let i = 0; i < data.length; i++) {
+//     const node = data[i];
+//     dataList.push({
+//       parentId: getParentId(node),
+//       ...node
+//     });
+//     if (node.children) {
+//       generateDataList(node.children, dataList);
+//     }
+//   }
+// }
+// const addCheckedKeysChildrenMain = (item: any) => {
+//   if (!item.key) return;
+//   if (!state.checkedKeys.main.includes(String(item.key))) return false;
+//   // 新查询到插入已选中的main treeData 的child key，需要手动push到checkedKeys中
+//   if (!Array.isArray(item.children)) return false;
+//   item.children.forEach(({ key }: { key: string | number }) => {
+//     // 防止重复添加（已处理，不会重复添加，保留代码以防逻辑缺漏）
+//     if (state.checkedKeys.main.includes(key) || !key) return false;
+//     state.checkedKeys.main.push(key);
+//   });
+// }
+// /**
+//  * 过滤默认值的右边展示
+//  */
+// const hanldeFilterDefaultShowList = (list: any) => {
+//   state.defaultShowList = state.defaultShowList.filter(d => list.findIndex((l: any) => getuniqKey(d) == getuniqKey(l)) == -1);
+//   // this.updateDefaultShowObj(this.defaultShowList);
+// }
+// /**
+//  * 检索
+//  */
+// const searchFetch = async (data = {}, config = {} as any) => {
+//   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 || {};
+//   const { user_name_obj } = props.wordbookChild || {};
+//   let pObj = {};
+//   searchResultTreeData.forEach((item: any) => {
+//     item[parent_id_obj] &&
+//       (pObj[item[parent_id_obj]] = {
+//         key: item[parent_id_obj],
+//         users: []
+//       });
+
+//     if (item.users) {
+//       insertSearchTreeData(item);
+//     } else {
+//       insertSearchTreeDataOther(item);
+//     }
+//   });
+//   let pList = [] as any[];
+//   Object.keys(pObj || {}).forEach(v => {
+//     if (v) {
+//       pList.push({ ...pObj[v] });
+//     }
+//   });
+//   let len = state.treeData.search.length || 0;
+//   // TODO:加载更多
+//   if (props.SearchLoadMore) {
+//     state.searchNoMore = false;
+//   } else {
+//     state.searchNoMore = true;
+//   }
+//   // 防止searchTree选中后切换回mainTree，mainTree checkedKeys状态丢失
+//   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: any[]) => {
+//   // this.search.dataListKeys = {
+//   //   main: [],
+//   //   other: []
+//   // };
+//   searchResultTreeData.forEach((item: any) => {
+//     if (!dataListMainKeys.value.includes(item.key)) {
+//       state.search.dataListKeys.other.push(item.key);
+//       item.children &&
+//         item.children.forEach((childItem: any) => {
+//           state.search.dataListKeys.other.push(childItem.key);
+//         });
+//       return;
+//     }
+
+//     state.search.dataListKeys.main.push(item.key);
+//     item.children &&
+//       item.children.forEach((childItem: any) => {
+//         state.search.dataListKeys.main.push(childItem.key);
+//       });
+//   });
+//   }
+// const insertSearchTreeData = (item: any) => {
+//   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: any) => {
+//   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: any) => item.key);
+//     let serchCheckedKeys = searchTree.value.checkedKeys;
+//     state.searchIndeterminate = !!serchCheckedKeys.length && serchCheckedKeys.length < skeyArr.length;
+//     state.searchChecked = serchCheckedKeys.length === skeyArr.length;
+//   });
+// }
+// const staticDataSearch = () => {
+//   // let expandedKeys = new Set();
+//   // this.getStaticSearchParentKey(this.treeData.main, expandedKeys);
+//   // this.expandedKeys = Array.from(expandedKeys);
+//   // this.autoExpandParent = true;
+//   if (!state.title) {
+//     // 如果为空恢复默认数据
+//     const key = ['main', 'dept', 'role'][state.typeActiveIndex];
+//     state.treeData.temp = state.treeData[key];
+//     return;
+//   }
+//   let copyData = JSON.parse(JSON.stringify(state.treeData.temp));
+//   // 增加visible属性 true展示 false不展示
+//   vexutils.filterTree({ value: state.title, data: copyData, prop: 'title' });
+//   // 过滤visible属性 为true的数据
+//   copyData = copyData.filter((item: any) => item.visible);
+//   const expandedKeys: any[] = [];
+//   vexutils.searchTree(copyData, (item: any) => {
+//     if (item.visible) {
+//       expandedKeys.push(item.key);
+//     }
+//     if (item.children && item.children.length) {
+//       item.children = item.children.filter((child: any) => child.visible);
+//     }
+//   });
+//   state.treeData.temp = copyData;
+//   state.expandedKeys = expandedKeys;
+// }
+// // 展开数节点
+// const onExpand = (expandedKeys: Array<string | number>) => {
+//   // const latestOpenKey = expandedKeys.find(key => this.expandedKeys.indexOf(key) == -1);
+//   // this.expandedKeys = latestOpenKey ? [latestOpenKey] : [];
+//   // this.autoExpandParent = false;
+//   state.expandedKeys = expandedKeys;
+//   state.autoExpandParent = false;
+//   // this.$emit('expand', expandedKeys, ...arg)
+// }
+// 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 = [] as Array<string | number>) => {
+//   const key = ['main', 'dept', 'role'][state.typeActiveIndex];
+//   if (!checkedKeys || checkedKeys.length == 0) {
+//     state.indeterminate = false;
+//     state.singleChecked = false;
+//   } else {
+//     let keyArr = state.treeData[key].map((item: any) => item.key);
+//     let keyArrTemp = keyArr.filter((item: string | number) => checkedKeys.indexOf(item) !== -1);
+//     state.indeterminate = !(keyArr.length == keyArrTemp.length);
+//     state.singleChecked = keyArr.length == keyArrTemp.length;
+//   }
+// }
+// /* 子组件emit方法 */
+// const addCheckedkeysMain = (keys: Array<string | number>) => {
+//   let checkedKeys = state.checkedKeys.main;
+//   let filterKey = (keys || {}).filter(Boolean);
+//   filterKey.forEach(key => {
+//     //
+//     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 = (parent[0]?.children || []).every((item: any) => {
+//       return checkedKeys.includes(item.key);
+//     });
+//     allCheck && checkedKeys.push(_getParentKey);
+//   });
+// }
+// // 获取匹配搜索节点arr
+// const getParentKey = (key: string | number, tree: any[]): string | number => {
+//   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: any) => item.key == key)) {
+//         parentKey = node.key;
+//       } else if (getParentKey(key, node.children)) {
+//         parentKey = getParentKey(key, node.children);
+//       }
+//     }
+//   }
+//   return parentKey;
+// }
+// const radioChange = (checked: boolean) => {
+//   if (searchTreeVisable.value) {
+//     state.singleChecked = checked;
+//   } else {
+//     state.searchChecked = checked;
+//   }
+//   checkAll(checked ? 1 : 2);
+// }
+// // type 1 全选 2 反选(清空)
+// const checkAll = (type: string | number) => {
+//   if (checkAllSearchTree(type)) return false;
+//   const key = ['main', 'dept', 'role'][state.typeActiveIndex];
+//   if (type == 1) {
+//     state.expandedKeys = [];
+//     state.checkedKeys[key] = this[`dataList${key.slice(0, 1).toUpperCase()}${key.slice(1)}Keys`]; // dataListMainKeys dataListDeptKeys dataListRoleKeys;
+//     this.checkedKeys.temp = this.checkedKeys[key];
+//   } else if (type == 2) {
+//     this.checkedKeys[key] = [];
+//     this.checkedKeys.temp = [];
+//     this.autoExpandParent = true;
+//   }
+// }
+// const checkAllSearchTree = (type: string | number) => {
+//   if (!this.searchTreeVisable) return false;
+
+//   if (type == 1) {
+//     // 全选默认不选中父级
+//     let allSearchkeysMain = this.search.dataListKeys.main.filter(key => {
+//       return !this.search.defaultExpandedKeys.includes(key);
+//     });
+
+//     let allSearchkeysOther = this.search.dataListKeys.other;
+
+//     this.checkedKeys.main = vexutils.uniq([...this.checkedKeys.main, ...allSearchkeysMain]);
+//     this.checkedKeys.other = vexutils.uniq([...this.checkedKeys.other, ...allSearchkeysOther]);
+
+//     // 如果子级全选，父级也需要选中
+//     this.search.dataListKeys.main.forEach(key => {
+//       let getParentKey = this.getParentKey(key, this.treeData.main);
+//       let parent = this.treeData.main.filter(item => {
+//         return item.key == getParentKey;
+//       });
+
+//       let allCheck = parent[0].children.every(item => {
+//         return this.checkedKeys.main.includes(item.key);
+//       });
+//       allCheck && this.checkedKeys.main.push(getParentKey);
+//     });
+//     this.refreshSearchTree();
+//   } else if (type == 2) {
+//     this.$refs['searchTree'].emptyCheckedKeys();
+//     this.autoExpandParent = true;
+//   }
+//   this.isSearchAllCheck();
+//   return true;
+// }
+// const getParentId = (v: any) => {
+//   const { parent_id_obj } = wordbookConfig.value || {};
+//   return `${v[parent_id_obj]}`
+// }
+// // 数组对象去重
+// const uniqArrObj = (arr: any[], name: string) => {
+//   let obj = {};
+//   return arr.reduce((cur, next) => {
+//     obj[next[name]] ? '' : (obj[next[name]] = true && cur.push(next));
+//     return cur;
+//   }, []);
+// }
+// /**
+//  * 拼接key
+//  */
+// const getuniqKey = (v: any) => {
+//   const { user_id_obj } = wordbookConfig.value || {};
+//   return `${getParentId(v)}_${v[user_id_obj]}`;
+// }
+
+// </script>
+<style scoped lang="less">
+</style>