cnhis-design-vue 3.1.6 → 3.1.7-beta.3

package/es/packages/select-person/src/SelectPerson.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1,894 @@
-import{defineComponent as e,ref as a,reactive as t,computed as r,nextTick as n,watch as i,onMounted as s,openBlock as c,createElementBlock as d,createVNode as l,unref as h,withCtx as o,createElementVNode as u,createCommentVNode as y,createTextVNode as k,toDisplayString as p,createBlock as m,withDirectives as f,vShow as g,mergeProps as _,renderSlot as K,Fragment as b,renderList as v,normalizeClass as L}from"vue";import{useMessage as D,NSpin as w,NInputGroup as x,NInput as j,NButton as C,NCheckbox as S,NTree as M,NIcon as E,NTooltip as O}from"naive-ui";import{CloseCircleSharp as P}from"@vicons/ionicons5";import N from"cnhis-design-vue/es/src/utils/vexutils";import"./SearchTree2.mjs";import{filterTree as T}from"./utils/index2.mjs";import I from"./SearchTree.vue_vue_type_script_setup_true_lang.mjs";const q={class:"personnel"},A={class:"people-tree"},J={class:"people-tree-item people-tree-left"},$=k("全选 "),V=k("全选 "),B={class:"people-tree-item tags-box"};var U=e({name:"SelectPerson",props:{visible:{type:Boolean,default:!1},isDetail:{type:Boolean,default:!1},defaultList:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},searchPlaceholder:{type:String,default:"输入关键字搜索"},searchButtonText:{type:String,default:"搜索"},wordbook:{type:Object,default:()=>({})},wordbookChild:{type:Object,default:()=>({})},SearchLoadMore:{type:Boolean,default:!1},queryMainTreeData:{type:Function},queryLoadChildData:{type:Function},queryTreeSearch:{type:Function}},emits:["check","pubCheckedTreeItem","handleOk","change","submitData","update:visible"],setup(e,{emit:U}){const F=e,R=D(),z=a(null),G=t({treeData:{main:[],search:[]},expandedKeys:[],autoExpandParent:!0,dataList:{main:[],other:[]},checkedKeys:{main:[],other:[]},search:{defaultExpandedKeys:[],status:0,dataListKeys:{main:[],other:[]},records:0},searchValue:"",searchPage:1,searchNoMore:!1,title:"",checkedLeafKeys:[],spinning:!1,loadMorenLoadinng:!1,errorMsg:"",defaultShowList:[],checkedKeysMain:[],cacheParentIdObj:{},singleChecked:!1,indeterminate:!1,searchIndeterminate:!1,searchChecked:!1}),H=r((()=>2==G.search.status)),Q=r((()=>G.dataList.main.length?G.dataList.main.map((e=>e.key)):[])),W=r((()=>G.dataList.other.length?G.dataList.other.map((e=>e.key)):[])),X=r((()=>{let e=G.dataList.other.filter((e=>G.checkedKeys.other.includes(e.key))),a=G.dataList.main.filter((a=>{let{isLeaf:t,key:r}=a,n=Te(a),i=[...G.checkedKeys.main,...e].includes(r);return t&&n&&G.checkedKeys.main.some((e=>e==n))&&(i=!1),i}));return Ie([...a,...e],"key")})),Y=r((()=>{const{parent_id_obj:e,parent_name_obj:a}=F.wordbook||{},{user_id_obj:t,user_name_obj:r}=F.wordbookChild||{};return{parent_id_obj:e,parent_name_obj:a,user_id_obj:t,user_name_obj:r}})),Z=r((()=>"function"==typeof F.queryLoadChildData?re:null)),ee=({option:e})=>e.isLeaf||!e.children?l(O,{trigger:"hover"},{default:()=>`${e.title} ${e.sub_title||""}`,trigger:()=>l("span",null,[l("span",{class:"c-title"},[e.title||e.key,k("  ")]),l("span",{class:"c-sub-title"},[e.sub_title])])}):l("span",{class:"p-title"},[l("span",null,[e.title||e.key]),Ne(e.count)]),ae=()=>{let e=JSON.parse(JSON.stringify(F.defaultList));Array.isArray(e)&&(e.forEach((e=>{te(e),qe(e);let a=Te(e);G.cacheParentIdObj[a]=a})),G.defaultShowList=e)},te=e=>{const{parent_id_obj:a,parent_name_obj:t,user_id_obj:r,user_name_obj:n}=Y.value||{},{parent_id_obj_key:i,parent_name_obj_key:s}=F.wordbook,{user_id_obj_key:c,user_name_obj_key:d}=F.wordbookChild;e[a]=e[i]||e.parent_id,e[t]=e[s]||e.parent_name,e[r]=e[c]||e.user_id,e[n]=e[d]||e.user_name},re=e=>new Promise((async a=>{e.children||(e.children=await ie(e.key,e),de(e.children),n((()=>{G.treeData.main=[...G.treeData.main]})),ce(e),se(e.children||[],G.dataList.main)),a()})),ne=async()=>{try{if("function"!=typeof F.queryMainTreeData)return;G.spinning=!0;const{parent_id_obj:e}=Y.value||{};let a=await F.queryMainTreeData(),t=Ie(a||[],e);G.treeData.main=t,se(G.treeData.main,G.dataList.main),await(async()=>{try{return await Promise.all(G.treeData.main.map((async e=>{const{parent_id_obj:a}=F.wordbook||{};if([e.key,e[a],String(e[a])].includes(G.cacheParentIdObj[e[a]]))return await re(e),e})))}catch(e){return Promise.resolve()}})();let{checkedKeysMain:r,checkedKeysOther:n}=(()=>{let e=[],a=[],t=JSON.parse(JSON.stringify(F.defaultList));return Array.isArray(t)&&t.forEach((t=>{te(t);let r=qe(t);e.push(r),String(r).includes("8982eeb4-0439-4100-9805-8cdd12b2256c-front-end-fixed-key")&&a.push(r)})),{checkedKeysMain:e,checkedKeysOther:a}})();G.checkedKeys.main.push(...r),G.checkedKeys.other=[...n],G.treeData.main.forEach((e=>{if(e&&e.children&&e.children.length){e.children.every((e=>r.includes(e.key)))&&e.key&&G.checkedKeys.main.push(e.key)}})),G.spinning=!1}catch(e){G.spinning=!1,R.error("查询异常")}},ie=async(e,a)=>F.queryLoadChildData&&await F.queryLoadChildData(e,a),se=(e,a)=>{for(let t=0;t<e.length;t++){const r=e[t];a.push({parentId:Te(r),...r}),r.children&&se(r.children,a)}},ce=e=>{if(e.key)return!!G.checkedKeys.main.includes(String(e.key))&&(!!Array.isArray(e.children)&&void e.children.forEach((({key:e})=>{if(G.checkedKeys.main.includes(e)||!e)return!1;G.checkedKeys.main.push(e)})))},de=e=>{G.defaultShowList=G.defaultShowList.filter((a=>-1==e.findIndex((e=>qe(a)==qe(e)))))},le=async(e={},a={})=>{if("function"!=typeof F.queryTreeSearch)return pe(),G.spinning=!1,void ke();if(!G.searchValue)return G.search.status=0,G.search.defaultExpandedKeys=[],G.expandedKeys=[],G.spinning=!1,G.searchNoMore=!1,!1;a.loadMoren?G.loadMorenLoadinng=!0:G.search.status=1;let t=await F.queryTreeSearch(G.searchValue,e);if(G.loadMorenLoadinng=!1,!t||!t.length)return 1==G.searchPage?(G.search.defaultExpandedKeys=[],G.search.status=3):(G.search.status=2,G.searchNoMore=!0),G.spinning=!1,ke(),!1;const{parent_id_obj:r,parent_name_obj:n,user_count_obj:i}=F.wordbook||{};F.wordbookChild;let s={};t.forEach((e=>{e[r]&&(s[e[r]]={key:e[r],users:[]}),e.users?ue(e):ye(e)}));let c=[];Object.keys(s||{}).forEach((e=>{e&&c.push({...s[e]})})),G.treeData.search.length,F.SearchLoadMore?G.searchNoMore=!1:G.searchNoMore=!0,await(e=>new Promise((async a=>{let t=e.map((async e=>{if(e.users){let a=G.treeData.main.find((a=>a.key==e.key));(!a||a&&!a.children)&&(a||(a={...e}),a.children=await ie(e.key,a),se(a.children,G.dataList.main),ce(a))}}));await Promise.all(t),a()})))(c),oe(t),de(t),he(),G.search.status=2,G.spinning=!1,ke()},he=()=>{if(!H.value)return!1;z.value.setDefaultCheckedKeys(),n((()=>{ke()}))},oe=e=>{e.forEach((e=>{if(!Q.value.includes(e.key))return G.search.dataListKeys.other.push(e.key),void(e.children&&e.children.forEach((e=>{G.search.dataListKeys.other.push(e.key)})));G.search.dataListKeys.main.push(e.key),e.children&&e.children.forEach((e=>{G.search.dataListKeys.main.push(e.key)}))}))},ue=e=>{const{user_count_obj:a}=F.wordbook||{};G.search.defaultExpandedKeys.push(e.key),de(e.children||[]),e[a]==e.children.length&&(e.disableCheckbox=!1),G.treeData.search.push(e)},ye=e=>{let a=Object.assign({},e,{isLeaf:!0});if(G.treeData.search.push(a),W.value.includes(a.key))return!1;se([a],G.dataList.other)},ke=()=>{n((()=>{let e=G.treeData.search.map((e=>e.key)),a=z.value.checkedKeys;G.searchIndeterminate=!!a.length&&a.length<e.length,G.searchChecked=a.length===e.length}))},pe=()=>{if(!G.title)return void(G.treeData.main=JSON.parse(JSON.stringify(F.data)));let e=JSON.parse(JSON.stringify(G.treeData.main));T({value:G.title,data:e,prop:"title"});const a=[];N.searchTree(e,(e=>{var t;e.visible&&a.push(e.key),(null==(t=e.children)?void 0:t.length)&&(e.children=e.children.filter((e=>e.visible)))})),G.treeData.main=e,G.expandedKeys=a},me=e=>{G.expandedKeys=e,G.autoExpandParent=!1},fe=()=>{G.searchValue=G.title,G.treeData.search=[],G.search.dataListKeys.other=[],G.search.dataListKeys.main=[],G.search.defaultExpandedKeys=[],G.spinning=!0,G.searchPage=1,le()},ge=e=>{let a=G.checkedKeys.main;(e||{}).filter(Boolean).forEach((e=>{var t;a.push(e);let r=_e(e,G.treeData.main);r&&((null==(t=G.treeData.main.filter((e=>e.key==r))[0])?void 0:t.children)||[]).every((e=>a.includes(e.key)))&&a.push(r)}))},_e=(e,a)=>{let t;for(let r=0;r<a.length;r++){const n=a[r];if(n.key==e)return t=n.key,t;n.children&&(n.children.some((a=>a.key==e))?t=n.key:_e(e,n.children)&&(t=_e(e,n.children)))}return t},Ke=e=>{H.value?G.singleChecked=e:G.searchChecked=e,be(e?1:2)},be=e=>{if(ve(e))return!1;1==e?(G.expandedKeys=[],G.checkedKeys.main=Q.value):2==e&&(G.checkedKeys.main=[],G.autoExpandParent=!0)},ve=e=>{if(!H.value)return!1;if(1==e){let e=G.search.dataListKeys.main.filter((e=>!G.search.defaultExpandedKeys.includes(e))),a=G.search.dataListKeys.other;G.checkedKeys.main=N.uniq([...G.checkedKeys.main,...e]),G.checkedKeys.other=N.uniq([...G.checkedKeys.other,...a]),G.search.dataListKeys.main.forEach((e=>{let a=_e(e,G.treeData.main);G.treeData.main.filter((e=>e.key==a))[0].children.every((e=>G.checkedKeys.main.includes(e.key)))&&G.checkedKeys.main.push(a)})),he()}else 2==e&&(z.value.emptyCheckedKeys(),G.autoExpandParent=!0);return ke(),!0},Le=e=>{let a=N.clone(G.checkedKeys.main,!0);e.forEach((e=>{let t=a.findIndex((a=>a==e));-1!==t&&(a.splice(t,1),G.checkedKeys.main=[...a]);let r=_e(e,G.treeData.main),n=a.findIndex((e=>e==r));-1!==n&&a.splice(n,1)})),G.checkedKeys.main=[...a]},De=e=>{G.checkedKeys.other.push(...e)},we=e=>{let a=G.checkedKeys.other;e.forEach((e=>{let t=a.findIndex((a=>a==e));a.splice(t,1),xe(e)})),Le(e)},xe=e=>{var a;let t=(null==(a=null==G?void 0:G.defaultShowList)?void 0:a.length)||0;if(t>0)for(let a=t-1;a>=0;a--){let t=G.defaultShowList[a];`${t.parent_id}_${t.user_id}`==e&&je(t,a)}},je=(e,a)=>{G.defaultShowList.splice(a,1),Ce({parentId:Te(e),...e})},Ce=e=>{Me(e),Ee(e),he()},Se=e=>{let a=G.dataList.main.filter((a=>Te(a)==e||a.key==e)).map((e=>e.key));G.checkedKeys.main=G.checkedKeys.main.filter((e=>!a.includes(e)))},Me=e=>{let a=G.checkedKeys.main,t=Te(e);for(let r=0;r<a.length;r++){if(e.key==a[r]&&e.key==t)return Se(e.key),!1;if(e.key==a[r])return a.splice(r,1),!1}},Ee=e=>{let a=G.checkedKeys.other;if(a.includes(e.key)){for(let t=0;t<a.length;t++)if(e.key==a[t])return a.splice(t,1),!1}else Oe(e.key)},Oe=e=>{let a=G.dataList.main.filter((a=>Te(a)==e||a.key==e)).map((e=>e.key));G.checkedKeys.other=G.checkedKeys.other.filter((e=>!a.includes(e)))},Pe=()=>{G.searchPage=G.searchPage+1,le({page:G.searchPage},{loadMoren:!0})},Ne=e=>e?`(${e})`:"",Te=e=>{const{parent_id_obj:a}=Y.value||{};return`${e[a]}`},Ie=(e,a)=>{let t={};return e.reduce(((e,r)=>(!t[r[a]]&&(t[r[a]]=e.push(r)),e)),[])},qe=e=>{const{user_id_obj:a}=Y.value||{};return`${Te(e)}_${e[a]}`};return i((()=>F.defaultList),(e=>{e&&(Z.value?ae():n((()=>{G.checkedKeys.main=[...F.defaultList]})))}),{immediate:!0}),i((()=>G.checkedKeys.main),(e=>{((e=[])=>{if(e&&0!=e.length){let a=G.treeData.main.map((e=>e.key)),t=a.filter((a=>-1!==e.indexOf(a)));G.indeterminate=!(a.length==t.length),G.singleChecked=a.length==t.length}else G.indeterminate=!1,G.singleChecked=!1})(e),ke(),U("check",e)}),{immediate:!0,deep:!0}),i((()=>F.data),(e=>{Array.isArray(F.data)&&0!=F.data.length&&(G.treeData.main=JSON.parse(JSON.stringify(F.data)),se(G.treeData.main,G.dataList.main))}),{immediate:!0}),s((()=>{ne()})),(a,t)=>(c(),d("div",q,[l(h(w),{show:G.spinning},{default:o((()=>[u("div",A,[y(" 树主体与检索 "),u("div",J,[l(h(x),{style:{"margin-bottom":"12px"}},{default:o((()=>[l(h(j),{style:{"text-align":"left"},clearable:"",value:G.title,"onUpdate:value":t[0]||(t[0]=e=>G.title=e),placeholder:e.searchPlaceholder},null,8,["value","placeholder"]),l(h(C),{type:"primary",onClick:fe},{default:o((()=>[k(p(e.searchButtonText),1)])),_:1})])),_:1}),h(H)?(c(),m(h(S),{key:0,checked:G.searchChecked,"onUpdate:checked":[t[1]||(t[1]=e=>G.searchChecked=e),Ke],indeterminate:G.searchIndeterminate},{default:o((()=>[$])),_:1},8,["checked","indeterminate"])):(c(),m(h(S),{key:1,checked:G.singleChecked,"onUpdate:checked":[t[2]||(t[2]=e=>G.singleChecked=e),Ke],indeterminate:G.searchIndeterminate},{default:o((()=>[V])),_:1},8,["checked","indeterminate"])),y(' <div v-show="state.search.status == 3 || (state.search.status == 0 && state.treeData.main && state.treeData.main.length == 0)" class="no-data-tips">\r\n            查无结果\r\n          </div> '),y(" main tree "),f(l(h(M),{class:"main-tree-container","checked-keys":G.checkedKeys.main,"onUpdate:checked-keys":t[3]||(t[3]=e=>G.checkedKeys.main=e),"expanded-keys":G.expandedKeys,checkable:"",cascade:"","allow-checking-not-loaded":"",selectable:!1,data:G.treeData.main,"check-strategy":e.queryMainTreeData?"all":"child","onUpdate:expandedKeys":me,"on-load":re,"render-label":ee},null,8,["checked-keys","expanded-keys","data","check-strategy"]),[[g,0==G.search.status]]),y(" search tree "),l(I,_(a.$attrs,{ref_key:"searchTree",ref:z,visible:h(H),formatTreeData:G.treeData.search,searchValue:G.searchValue,allCheckedKeys:G.checkedKeys,defaultExpandedKeys:G.search.defaultExpandedKeys,dataListKeys:G.search.dataListKeys,searchNoMore:G.searchNoMore,loadMorenLoadinng:G.loadMorenLoadinng,onAddCheckedkeysMain:ge,onRemoveCheckedkeysMain:Le,onAddCheckedkeysOther:De,onRemoveCheckedkeysOther:we,onSearchOnloadMore:Pe}),null,16,["visible","formatTreeData","searchValue","allCheckedKeys","defaultExpandedKeys","dataListKeys","searchNoMore","loadMorenLoadinng"])]),y(" 树已选的数据 "),u("div",B,[G.defaultShowList&&G.defaultShowList.length?K(a.$slots,"default",{key:0},(()=>[(c(!0),d(b,null,v(G.defaultShowList,((a,t)=>(c(),d("div",{class:"tag-item def-item",key:t},[k(p(a.title||a[e.wordbookChild.user_name_obj])+" ",1),e.isDetail?y("v-if",!0):(c(),m(h(E),{key:0,class:"tag-close",component:h(P),onClick:e=>je(a,t)},null,8,["component","onClick"]))])))),128))])):y("v-if",!0),(c(!0),d(b,null,v(h(X),(a=>(c(),d("div",{class:L(["tag-item",{isRoot:!a.isLeaf}]),key:a.key},[k(p(a.title||a.key)+" "+p(Ne(a.count))+" ",1),e.isDetail?y("v-if",!0):(c(),m(h(E),{key:0,class:"tag-close",component:h(P),onClick:e=>Ce(a)},null,8,["component","onClick"]))],2)))),128))])])])),_:3},8,["show"])]))}});export{U as default};
+import { defineComponent, ref, reactive, computed, nextTick, watch, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, createBlock, withDirectives, vShow, mergeProps, renderSlot, Fragment, renderList, normalizeClass } from 'vue';
+import { useMessage, NSpin, NInputGroup, NInput, NButton, NCheckbox, NTree, NIcon, NTooltip } from 'naive-ui';
+import { CloseCircleSharp } from '@vicons/ionicons5';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import './SearchTree2.mjs';
+import { filterTree } from './utils/index2.mjs';
+import script$1 from './SearchTree.vue_vue_type_script_setup_true_lang.mjs';
+
+const _hoisted_1 = {
+  class: "personnel"
+};
+const _hoisted_2 = {
+  class: "people-tree"
+};
+const _hoisted_3 = {
+  class: "people-tree-item people-tree-left"
+};
+const _hoisted_4 = /* @__PURE__ */ createTextVNode(" \u5168\u9009 ");
+const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u5168\u9009 ");
+const _hoisted_6 = {
+  class: "people-tree-item tags-box"
+};
+var script = /* @__PURE__ */ defineComponent({
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    isDetail: {
+      type: Boolean,
+      default: false
+    },
+    defaultList: {
+      type: Array,
+      default: () => []
+    },
+    data: {
+      type: Array,
+      default: () => []
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22"
+    },
+    searchButtonText: {
+      type: String,
+      default: "\u641C\u7D22"
+    },
+    wordbook: {
+      type: Object,
+      default: () => ({})
+    },
+    wordbookChild: {
+      type: Object,
+      default: () => ({})
+    },
+    SearchLoadMore: {
+      type: Boolean,
+      default: false
+    },
+    queryMainTreeData: {
+      type: Function
+    },
+    queryLoadChildData: {
+      type: Function
+    },
+    queryTreeSearch: {
+      type: Function
+    }
+  },
+  emits: ["check", "pubCheckedTreeItem", "handleOk", "change", "submitData", "update:visible"],
+  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;
+        }
+        return checked;
+      });
+      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 = ({
+      option
+    }) => {
+      if (option.isLeaf || !option.children) {
+        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])])
+        });
+      } 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 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);
+    };
+    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();
+      });
+    };
+    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);
+            }
+          }
+        });
+        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);
+            }
+          }
+        });
+        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];
+        dataList.push({
+          parentId: getParentId(node),
+          ...node
+        });
+        if (node.children) {
+          generateDataList(node.children, dataList);
+        }
+      }
+    };
+    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);
+        }
+      });
+      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 = () => {
+      if (!state.title) {
+        state.treeData.main = JSON.parse(JSON.stringify(props.data));
+        return;
+      }
+      let copyData = JSON.parse(JSON.stringify(state.treeData.main));
+      filterTree({
+        value: state.title,
+        data: copyData,
+        prop: "title"
+      });
+      const expandedKeys = [];
+      vexutils.searchTree(copyData, (item) => {
+        var _a;
+        if (item.visible) {
+          expandedKeys.push(item.key);
+        }
+        if ((_a = item.children) == null ? void 0 : _a.length) {
+          item.children = item.children.filter((child) => child.visible);
+        }
+      });
+      state.treeData.main = copyData;
+      state.expandedKeys = expandedKeys;
+    };
+    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 = []) => {
+      if (!checkedKeys || checkedKeys.length == 0) {
+        state.indeterminate = false;
+        state.singleChecked = false;
+      } else {
+        let keyArr = state.treeData.main.map((item) => item.key);
+        let keyArrTemp = keyArr.filter((item) => checkedKeys.indexOf(item) !== -1);
+        state.indeterminate = !(keyArr.length == keyArrTemp.length);
+        state.singleChecked = keyArr.length == keyArrTemp.length;
+      }
+    };
+    const addCheckedkeysMain = (keys) => {
+      let checkedKeys = state.checkedKeys.main;
+      let filterKey = (keys || {}).filter(Boolean);
+      filterKey.forEach((key) => {
+        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);
+        });
+        allCheck && checkedKeys.push(_getParentKey);
+      });
+    };
+    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.singleChecked = checked;
+      } else {
+        state.searchChecked = checked;
+      }
+      checkAll(checked ? 1 : 2);
+    };
+    const checkAll = (type) => {
+      if (checkAllSearchTree(type))
+        return false;
+      if (type == 1) {
+        state.expandedKeys = [];
+        state.checkedKeys.main = dataListMainKeys.value;
+      } else if (type == 2) {
+        state.checkedKeys.main = [];
+        state.autoExpandParent = 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 = vexutils.uniq([...state.checkedKeys.main, ...allSearchkeysMain]);
+        state.checkedKeys.other = vexutils.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 = vexutils.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();
+    };
+    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) => {
+      isAllCheck(val);
+      isSearchAllCheck();
+      emit("check", val);
+    }, {
+      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: unref(state).spinning
+      }, {
+        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), {
+            style: {
+              "text-align": "left"
+            },
+            clearable: "",
+            value: unref(state).title,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => unref(state).title = $event),
+            placeholder: __props.searchPlaceholder
+          }, null, 8, ["value", "placeholder"]), createVNode(unref(NButton), {
+            type: "primary",
+            onClick: searchClick
+          }, {
+            default: withCtx(() => [createTextVNode(toDisplayString(__props.searchButtonText), 1)]),
+            _: 1
+          })]),
+          _: 1
+        }), unref(searchTreeVisable) ? (openBlock(), createBlock(unref(NCheckbox), {
+          key: 0,
+          checked: unref(state).searchChecked,
+          "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => unref(state).searchChecked = $event), radioChange],
+          indeterminate: unref(state).searchIndeterminate
+        }, {
+          default: withCtx(() => [_hoisted_4]),
+          _: 1
+        }, 8, ["checked", "indeterminate"])) : (openBlock(), createBlock(unref(NCheckbox), {
+          key: 1,
+          checked: unref(state).singleChecked,
+          "onUpdate:checked": [_cache[2] || (_cache[2] = ($event) => unref(state).singleChecked = $event), radioChange],
+          indeterminate: unref(state).searchIndeterminate
+        }, {
+          default: withCtx(() => [_hoisted_5]),
+          _: 1
+        }, 8, ["checked", "indeterminate"])), createCommentVNode(' <div v-show="state.search.status == 3 || (state.search.status == 0 && state.treeData.main && state.treeData.main.length == 0)" class="no-data-tips">\r\n            \u67E5\u65E0\u7ED3\u679C\r\n          </div> '), createCommentVNode(" main tree "), withDirectives(createVNode(unref(NTree), {
+          class: "main-tree-container",
+          "checked-keys": unref(state).checkedKeys.main,
+          "onUpdate:checked-keys": _cache[3] || (_cache[3] = ($event) => unref(state).checkedKeys.main = $event),
+          "expanded-keys": unref(state).expandedKeys,
+          checkable: "",
+          cascade: "",
+          "allow-checking-not-loaded": "",
+          selectable: false,
+          data: unref(state).treeData.main,
+          "check-strategy": __props.queryMainTreeData ? "all" : "child",
+          "onUpdate:expandedKeys": onExpand,
+          "on-load": onLoadData,
+          "render-label": renderLabel
+        }, null, 8, ["checked-keys", "expanded-keys", "data", "check-strategy"]), [[vShow, unref(state).search.status == 0]]), createCommentVNode(" search tree "), createVNode(script$1, mergeProps(_ctx.$attrs, {
+          ref_key: "searchTree",
+          ref: searchTree,
+          visible: unref(searchTreeVisable),
+          formatTreeData: unref(state).treeData.search,
+          searchValue: unref(state).searchValue,
+          allCheckedKeys: unref(state).checkedKeys,
+          defaultExpandedKeys: unref(state).search.defaultExpandedKeys,
+          dataListKeys: unref(state).search.dataListKeys,
+          searchNoMore: unref(state).searchNoMore,
+          loadMorenLoadinng: unref(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_6, [unref(state).defaultShowList && unref(state).defaultShowList.length ? renderSlot(_ctx.$slots, "default", {
+          key: 0
+        }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(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"])]);
+    };
+  }
+});
+
+export { script as default };