cnhis-design-vue 3.1.5 → 3.1.6-beta.1

package/es/packages/select-label/style/index.css

@@ -1,9 +1,3 @@
-.c-select-label .edit-content {
-  width: 100%;
-}
-.c-select-label .edit-content {
-  margin-bottom: 10px;
-}
 .c-select-label .label-disable-wrap {
   width: 100%;
   font-size: 14px;
@@ -17,8 +11,8 @@
   height: 248px;
 }
 .c-select-label .common-label {
-  padding: 8px 12px 4px;
-  margin-top: 8px;
+  padding: 4px 12px;
+  margin-top: 8px !important;
   border-radius: 4px;
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
@@ -30,51 +24,124 @@
   margin-bottom: 4px;
   color: #2d7aff;
   cursor: pointer;
+  display: inline-flex;
+  align-items: center;
 }
 .c-select-label .anticon + .anticon {
   margin-left: 16px;
 }
-.c-select-label .labelFormContent-page {
+.c-select-label .label-disable-wrap {
+  text-align: center;
+}
+.c-select-label .n-tag {
+  max-width: 108px;
+  margin: 0 8px 0 0;
+  border: 1px solid #e0e0e6;
+}
+.c-select-label .n-tag .n-base-icon {
+  color: #fff;
+}
+.c-select-label .n-tag .n-tag__content {
+  display: inline-block;
+  align-items: center;
+  max-width: 80px;
+  height: 100%;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.c-label-form-content {
   width: 100%;
   height: 100%;
+  border-top: 1px solid #e8e8e8;
+  border-bottom: 1px solid #e8e8e8;
 }
-.c-select-label .labelFormContent-page .label-wrap {
+.c-label-form-content .label-wrap {
   display: flex;
   width: 100%;
   height: 100%;
 }
-.c-select-label .labelFormContent-page .label-wrap .left-label-wrap {
-  width: 160px;
+.c-label-form-content .label-wrap .left-label-wrap {
+  width: 140px;
   height: 404px;
   max-height: 404px;
+  border-right: 1px solid #e8e8e8;
 }
-.c-select-label .labelFormContent-page .label-wrap .left-label-wrap.total-left-label-wrap {
+.c-label-form-content .label-wrap .left-label-wrap.total-left-label-wrap {
   height: calc(100vh - 109px);
   max-height: calc(100vh - 109px);
 }
-.c-select-label .labelFormContent-page .label-wrap .left-label-wrap.explicit-label-wrap {
+.c-label-form-content .label-wrap .left-label-wrap.explicit-label-wrap {
   width: 100%;
   height: auto;
   overflow: hidden;
   overflow-y: auto;
 }
-.c-select-label .labelFormContent-page .label-wrap .right-label-wrap {
+.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link {
+  padding: 10px 8px;
+  font-size: 14px;
+}
+.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link.n-anchor-link--active {
+  background-color: #f2f2f2;
+}
+.c-label-form-content .label-wrap .right-label-wrap {
   flex: 1;
   height: 404px;
   max-height: 404px;
   overflow-y: auto;
 }
-.c-select-label .labelFormContent-page .label-wrap .right-label-wrap.total-right-label-wrap {
+.c-label-form-content .label-wrap .right-label-wrap.total-right-label-wrap {
   max-height: calc(100vh - 109px);
 }
-.c-select-label .labelFormContent-page .label-wrap .explicit-continer {
+.c-label-form-content .label-wrap .right-label-wrap .label-add {
+  position: relative;
+  top: 2px;
+  height: 30px;
+  line-height: 30px;
+  width: 108px;
+  text-align: center;
+  display: inline-flex;
+  justify-content: center;
+}
+.c-label-form-content .label-wrap .right-label-wrap .add-input {
+  width: 108px;
+}
+.c-label-form-content .label-wrap .right-label-wrap .add-input .n-input__suffix {
+  cursor: pointer;
+}
+.c-label-form-content .label-wrap .explicit-continer {
   width: 100%;
   border: 1px solid #d5d5d5;
 }
-.c-select-label .labelFormContent-page .edit-label-type {
+.c-label-form-content .edit-label-type {
   font-size: 12px;
   margin-left: 4px;
 }
-.c-select-label .label-disable-wrap {
+.c-label-form-content .edit-label-content {
+  padding: 0 14px;
+}
+.c-label-form-content .edit-label-content .edit-content {
+  width: 100%;
+  margin-top: 8px;
+  margin-bottom: 10px;
+}
+.c-label-form-content .edit-label-content .edit-content .n-tag {
+  max-width: 108px;
+  margin: 0 8px 8px 0;
   text-align: center;
+  border: 1px solid #e0e0e6;
+}
+.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content {
+  display: inline-flex;
+  align-items: center;
+}
+.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content span {
+  display: inline-block;
+  width: 80px;
+  height: 100%;
+  line-height: 30px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }

package/es/packages/select-label/style/index.less

@@ -1,85 +1,151 @@
-.c-select-label {
-  .edit-content {
-    width: 100%;
-  }
-  .edit-content {
-    margin-bottom: 10px;
-  }
-  
-  .label-disable-wrap {
-    width: 100%;
-    font-size: 14px;
-    line-height: 20px;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-  
-    .label-disable-img {
-      width: 320px;
-      height: 248px;
-    }
-  }
-  .common-label {
-    padding: 8px 12px 4px;
-    margin-top: 8px;
-    border-radius: 4px;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    > span {
-      margin-right: 16px;
-      color: rgba(0, 0, 0, 0.9);
-    }
-  }
-  .form-add-icon-label {
-    margin-bottom: 4px;
-    color: #2d7aff;
-    cursor: pointer;
-  }
-  .anticon + .anticon {
-    margin-left: 16px;
-  }
-  
-  .labelFormContent-page {
-    width: 100%;
-    height: 100%;
-    .label-wrap {
-      display: flex;
-      width: 100%;
-      height: 100%;
-      .left-label-wrap {
-        width: 160px;
-        height: 404px;
-        max-height: 404px;
-        &.total-left-label-wrap {
-          height: calc(100vh - 109px);
-          max-height: calc(100vh - 109px);
-        }
-        &.explicit-label-wrap {
-          width: 100%;
-          height: auto;
-          overflow: hidden;
-          overflow-y: auto;
-        }
-      }
-      .right-label-wrap {
-        flex: 1;
-        height: 404px;
-        max-height: 404px;
-        overflow-y: auto;
-        &.total-right-label-wrap {
-          max-height: calc(100vh - 109px);
-        }
-      }
-      .explicit-continer {
-        width: 100%;
-        border: 1px solid #d5d5d5;
-      }
-    }
-    .edit-label-type {
-      font-size: 12px;
-      margin-left: 4px;
-    }
-  }
-  .label-disable-wrap {
-    text-align: center;
-  }
-}
+.c-select-label {
+  .label-disable-wrap {
+    width: 100%;
+    font-size: 14px;
+    line-height: 20px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+
+    .label-disable-img {
+      width: 320px;
+      height: 248px;
+    }
+  }
+  .common-label {
+    padding: 4px 12px;
+    margin-top: 8px !important;
+    border-radius: 4px;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    > span {
+      margin-right: 16px;
+      color: rgba(0, 0, 0, 0.9);
+    }
+  }
+  .form-add-icon-label {
+    margin-bottom: 4px;
+    color: #2d7aff;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+  }
+  .anticon + .anticon {
+    margin-left: 16px;
+  }
+  .label-disable-wrap {
+    text-align: center;
+  }
+  .n-tag {
+    max-width: 108px;
+    margin: 0 8px 0 0;
+    border: 1px solid rgb(224, 224, 230);
+    .n-base-icon {
+      color: #fff;
+    }
+    .n-tag__content {
+      display: inline-block;
+      align-items: center;
+      max-width: 80px;
+      height: 100%;
+      line-height: 20px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}
+
+.c-label-form-content {
+  width: 100%;
+  height: 100%;
+  border-top: 1px solid #e8e8e8;
+  border-bottom: 1px solid #e8e8e8;
+  .label-wrap {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    .left-label-wrap {
+      width: 140px;
+      height: 404px;
+      max-height: 404px;
+      border-right: 1px solid #e8e8e8;
+      &.total-left-label-wrap {
+        height: calc(100vh - 109px);
+        max-height: calc(100vh - 109px);
+      }
+      &.explicit-label-wrap {
+        width: 100%;
+        height: auto;
+        overflow: hidden;
+        overflow-y: auto;
+      }
+      .n-anchor.n-anchor--block .n-anchor-link {
+        padding: 10px 8px;
+        font-size: 14px;
+        &.n-anchor-link--active {
+          background-color: #f2f2f2;
+        }
+      }
+    }
+    .right-label-wrap {
+      flex: 1;
+      height: 404px;
+      max-height: 404px;
+      overflow-y: auto;
+      &.total-right-label-wrap {
+        max-height: calc(100vh - 109px);
+      }
+      .label-add {
+        position: relative;
+        top: 2px;
+        height: 30px;
+        line-height: 30px;
+        width: 108px;
+        text-align: center;
+        display: inline-flex;
+        justify-content: center;
+      }
+      .add-input {
+        width: 108px;
+        .n-input__suffix {
+          cursor: pointer;
+        }
+      }
+    }
+    .explicit-continer {
+      width: 100%;
+      border: 1px solid #d5d5d5;
+    }
+  }
+  .edit-label-type {
+    font-size: 12px;
+    margin-left: 4px;
+  }
+  .edit-label-content {
+    padding: 0 14px;
+    .edit-content {
+      width: 100%;
+      margin-top: 8px;
+      margin-bottom: 10px;
+      .n-tag {
+        max-width: 108px;
+        margin: 0 8px 8px 0;
+        text-align: center;
+        border: 1px solid rgb(224, 224, 230);
+        .n-tag__content {
+          display: inline-flex;
+          align-items: center;
+          span {
+            display: inline-block;
+            width: 80px;
+            height: 100%;
+            line-height: 30px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+  }
+}

package/es/packages/select-person/index.d.ts

@@ -2610,11 +2610,11 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             default: boolean;
         };
         checkedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         'onUpdate:checked': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/checkbox/src/interface").OnUpdateChecked>>;
@@ -2908,11 +2908,11 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             default: boolean;
         };
         checkedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         'onUpdate:checked': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/checkbox/src/interface").OnUpdateChecked>>;

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

@@ -1 +1 @@
-import{defineComponent as e,reactive as a,computed as t,watch as d,withDirectives as s,openBlock as c,createElementBlock as r,createVNode as l,unref as n,mergeProps as o,createElementVNode as i,createCommentVNode as h,createBlock as y,vShow as k,createTextVNode as p}from"vue";import{NTree as u,NSpin as K,NIcon as m,NTooltip as f}from"naive-ui";import{Search as v}from"@vicons/ionicons5";const C={class:"search-tree-wrap"},x={style:{"text-align":"center"}},b={key:1,class:"load-more-btn-wrap"};var g=e({name:"SearchTree",props:{visible:{type:Boolean,default:!1},searchNoMore:{type:Boolean,default:!1},loadMorenLoadinng:{type:Boolean,default:!1},formatTreeData:{type:Array,default:()=>[]},searchValue:{type:String},defaultExpandedKeys:{type:Array,required:!0},allCheckedKeys:{type:Object},dataListKeys:{type:Object}},emits:["addCheckedkeysMain","removeCheckedkeysMain","addCheckedkeysOther","removeCheckedkeysOther","searchOnloadMore"],setup(e,{expose:g,emit:M}){const L=e,O=a({expandedKeys:[],autoExpandParent:!0,checkedKeys:[],defaultCheckedKeys:{main:[],other:[]}}),w=t((()=>L.formatTreeData?.length||0)),E=()=>{T(),D(),P()},T=()=>{let e=O.checkedKeys.filter((e=>L.dataListKeys.main.includes(e))),a=O.defaultCheckedKeys.main,{add:t,remove:d}=B(a,e);M("addCheckedkeysMain",t),M("removeCheckedkeysMain",d)},D=()=>{let e=O.checkedKeys.filter((e=>L.dataListKeys.other.includes(e))),a=O.defaultCheckedKeys.other,{add:t,remove:d}=B(a,e);M("addCheckedkeysOther",t),M("removeCheckedkeysOther",d)},B=(e,a)=>{let t=[],d=[];return a.forEach((a=>{e.includes(a)||t.push(a)})),e.forEach((e=>{a.includes(e)||d.push(e)})),{add:t,remove:d}},P=()=>{S(),U(),$()},S=()=>{O.defaultCheckedKeys.main=L.dataListKeys.main.filter((e=>L.allCheckedKeys.main.includes(e)))},U=()=>{O.defaultCheckedKeys.other=L.dataListKeys.other.filter((e=>L.allCheckedKeys.other.includes(e)))},$=()=>{let{main:e,other:a}=O.defaultCheckedKeys,t=[...new Set([...e,...a])];O.checkedKeys=t},j=()=>{E()},A=e=>{O.expandedKeys=e,O.autoExpandParent=!1},N=()=>{M("searchOnloadMore")},_=({option:e})=>l("div",{class:"search-tree-item"},[l("div",{class:"info-wrap"},[l(f,{trigger:"hover"},{default:()=>`${e.title} ${e.sub_title||""}`,trigger:()=>l("p",{class:"info-wrap-top",style:"margin: 0"},[l("span",{class:"info-wrap-title"},[l("span",{class:"c-title"},[e.title]),p(" "),l("span",{class:"c-sub-title"},[e.sub_title])])])})])]);return d((()=>L.defaultExpandedKeys),(e=>{O.expandedKeys=e}),{immediate:!0,deep:!0}),d((()=>L.visible),(e=>{if(!e)return O.checkedKeys=[],O.expandedKeys=[],O.autoExpandParent=!0,O.defaultCheckedKeys.main=[],void(O.defaultCheckedKeys.other=[]);P()})),d((()=>w),(e=>{e.value>0&&P()})),g({setDefaultCheckedKeys:P,checkedKeys:O.checkedKeys,emptyCheckedKeys:()=>{O.checkedKeys=[],E()}}),(a,t)=>s((c(),r("div",C,[l(n(u),o(a.$attrs,{ref:"searchTree","checked-keys":O.checkedKeys,"onUpdate:checked-keys":t[0]||(t[0]=e=>O.checkedKeys=e),"onUpdate:expandedKeys":A,"onUpdate:checkedKeys":j,checkable:"",cascade:"","allow-checking-not-loaded":"","check-strategy":"all",selectable:!1,"expanded-keys":O.expandedKeys,data:e.formatTreeData,"render-label":_}),null,16,["checked-keys","expanded-keys","data"]),s(i("div",x,[h(" loadMorenLoadinng "),e.loadMorenLoadinng?(c(),y(n(K),{key:0})):(c(),r("div",b,[l(n(m),{component:n(v),class:"search-input-icon"},null,8,["component"]),i("div",{class:"load-more-btn",onClick:N}," 加载更多 ")]))],512),[[k,!e.searchNoMore]])],512)),[[k,e.visible]])}});export{g as default};
+import{defineComponent as e,reactive as a,computed as t,watch as d,withDirectives as s,openBlock as c,createElementBlock as r,createVNode as l,unref as n,mergeProps as o,createElementVNode as i,createCommentVNode as h,createBlock as y,vShow as k,createTextVNode as p}from"vue";import{NTree as u,NSpin as K,NIcon as m,NTooltip as f}from"naive-ui";import{Search as v}from"@vicons/ionicons5";const C={class:"search-tree-wrap"},x={style:{"text-align":"center"}},b={key:1,class:"load-more-btn-wrap"};var g=e({name:"SearchTree",props:{visible:{type:Boolean,default:!1},searchNoMore:{type:Boolean,default:!1},loadMorenLoadinng:{type:Boolean,default:!1},formatTreeData:{type:Array,default:()=>[]},searchValue:{type:String},defaultExpandedKeys:{type:Array,required:!0},allCheckedKeys:{type:Object},dataListKeys:{type:Object}},emits:["addCheckedkeysMain","removeCheckedkeysMain","addCheckedkeysOther","removeCheckedkeysOther","searchOnloadMore"],setup(e,{expose:g,emit:M}){const L=e,O=a({expandedKeys:[],autoExpandParent:!0,checkedKeys:[],defaultCheckedKeys:{main:[],other:[]}}),w=t((()=>{var e;return(null==(e=L.formatTreeData)?void 0:e.length)||0})),E=()=>{T(),D(),P()},T=()=>{let e=O.checkedKeys.filter((e=>L.dataListKeys.main.includes(e))),a=O.defaultCheckedKeys.main,{add:t,remove:d}=B(a,e);M("addCheckedkeysMain",t),M("removeCheckedkeysMain",d)},D=()=>{let e=O.checkedKeys.filter((e=>L.dataListKeys.other.includes(e))),a=O.defaultCheckedKeys.other,{add:t,remove:d}=B(a,e);M("addCheckedkeysOther",t),M("removeCheckedkeysOther",d)},B=(e,a)=>{let t=[],d=[];return a.forEach((a=>{e.includes(a)||t.push(a)})),e.forEach((e=>{a.includes(e)||d.push(e)})),{add:t,remove:d}},P=()=>{S(),U(),$()},S=()=>{O.defaultCheckedKeys.main=L.dataListKeys.main.filter((e=>L.allCheckedKeys.main.includes(e)))},U=()=>{O.defaultCheckedKeys.other=L.dataListKeys.other.filter((e=>L.allCheckedKeys.other.includes(e)))},$=()=>{let{main:e,other:a}=O.defaultCheckedKeys,t=[...new Set([...e,...a])];O.checkedKeys=t},j=()=>{E()},A=e=>{O.expandedKeys=e,O.autoExpandParent=!1},N=()=>{M("searchOnloadMore")},_=({option:e})=>l("div",{class:"search-tree-item"},[l("div",{class:"info-wrap"},[l(f,{trigger:"hover"},{default:()=>`${e.title} ${e.sub_title||""}`,trigger:()=>l("p",{class:"info-wrap-top",style:"margin: 0"},[l("span",{class:"info-wrap-title"},[l("span",{class:"c-title"},[e.title]),p(" "),l("span",{class:"c-sub-title"},[e.sub_title])])])})])]);return d((()=>L.defaultExpandedKeys),(e=>{O.expandedKeys=e}),{immediate:!0,deep:!0}),d((()=>L.visible),(e=>{if(!e)return O.checkedKeys=[],O.expandedKeys=[],O.autoExpandParent=!0,O.defaultCheckedKeys.main=[],void(O.defaultCheckedKeys.other=[]);P()})),d((()=>w),(e=>{e.value>0&&P()})),g({setDefaultCheckedKeys:P,checkedKeys:O.checkedKeys,emptyCheckedKeys:()=>{O.checkedKeys=[],E()}}),(a,t)=>s((c(),r("div",C,[l(n(u),o(a.$attrs,{ref:"searchTree","checked-keys":O.checkedKeys,"onUpdate:checked-keys":t[0]||(t[0]=e=>O.checkedKeys=e),"onUpdate:expandedKeys":A,"onUpdate:checkedKeys":j,checkable:"",cascade:"","allow-checking-not-loaded":"","check-strategy":"all",selectable:!1,"expanded-keys":O.expandedKeys,data:e.formatTreeData,"render-label":_}),null,16,["checked-keys","expanded-keys","data"]),s(i("div",x,[h(" loadMorenLoadinng "),e.loadMorenLoadinng?(c(),y(n(K),{key:0})):(c(),r("div",b,[l(n(m),{component:n(v),class:"search-input-icon"},null,8,["component"]),i("div",{class:"load-more-btn",onClick:N}," 加载更多 ")]))],512),[[k,!e.searchNoMore]])],512)),[[k,e.visible]])}});export{g as default};

package/es/packages/select-person/src/SelectPerson.vue.d.ts

@@ -2113,7 +2113,7 @@ declare const _default: import("vue").DefineComponent<{
             '--n-text-color': string;
             '--n-caret-color': string;
             '--n-text-decoration-color': string;
-            '--n-border': string;
+            '--n-border': string; /** 提交映射 */
             '--n-border-disabled': string;
             '--n-border-hover': string;
             '--n-border-focus': string;
@@ -2149,9 +2149,7 @@ declare const _default: import("vue").DefineComponent<{
             '--n-icon-color-pressed': string;
             '--n-icon-color-disabled': string;
             '--n-suffix-text-color': string;
-        }> | undefined; /**
-         * 拼接key
-         */
+        }> | undefined;
         themeClass: import("vue").Ref<string> | undefined;
         onRender: (() => void) | undefined;
         isCompositing: import("vue").Ref<boolean>;
@@ -2611,11 +2609,11 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         checkedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         'onUpdate:checked': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/checkbox/src/interface").OnUpdateChecked>>;
@@ -2789,9 +2787,7 @@ declare const _default: import("vue").DefineComponent<{
                 hoverColor: string;
                 tableColorHover: string;
                 tableColorStriped: string;
-                pressedColor: string; /**
-                 * 过滤默认值的右边展示
-                 */
+                pressedColor: string;
                 opacityDisabled: string;
                 inputColorDisabled: string;
                 buttonColor2: string;
@@ -2913,11 +2909,11 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         checkedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
             default: boolean;
         };
         'onUpdate:checked': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/checkbox/src/interface").OnUpdateChecked>>;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as a,reactive as t,computed as r,nextTick as n,watch as s,onMounted as i,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 L,normalizeClass as v}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),s=[...G.checkedKeys.main,...e].includes(r);return t&&n&&G.checkedKeys.main.some((e=>e==n))&&(s=!1),s}));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:s,parent_name_obj_key:i}=F.wordbook,{user_id_obj_key:c,user_name_obj_key:d}=F.wordbookChild;e[a]=e[s]||e.parent_id,e[t]=e[i]||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 se(e.key,e),de(e.children),n((()=>{G.treeData.main=[...G.treeData.main]})),ce(e),ie(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,ie(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("查询异常")}},se=async(e,a)=>F.queryLoadChildData&&await F.queryLoadChildData(e,a),ie=(e,a)=>{for(let t=0;t<e.length;t++){const r=e[t];a.push({parentId:Te(r),...r}),r.children&&ie(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:s}=F.wordbook||{};F.wordbookChild;let i={};t.forEach((e=>{e[r]&&(i[e[r]]={key:e[r],users:[]}),e.users?ue(e):ye(e)}));let c=[];Object.keys(i||{}).forEach((e=>{e&&c.push({...i[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 se(e.key,a),ie(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;ie([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=>{e.visible&&a.push(e.key),e.children?.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=>{a.push(e);let t=_e(e,G.treeData.main);t&&(G.treeData.main.filter((e=>e.key==t))[0]?.children||[]).every((e=>a.includes(e.key)))&&a.push(t)}))},_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(Le(e))return!1;1==e?(G.expandedKeys=[],G.checkedKeys.main=Q.value):2==e&&(G.checkedKeys.main=[],G.autoExpandParent=!0)},Le=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},ve=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)})),ve(e)},xe=e=>{let a=G?.defaultShowList?.length||0;if(a>0)for(let t=a-1;t>=0;t--){let a=G.defaultShowList[t];`${a.parent_id}_${a.user_id}`==e&&je(a,t)}},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 s((()=>F.defaultList),(e=>{e&&(Z.value?ae():n((()=>{G.checkedKeys.main=[...F.defaultList]})))}),{immediate:!0}),s((()=>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}),s((()=>F.data),(e=>{Array.isArray(F.data)&&0!=F.data.length&&(G.treeData.main=JSON.parse(JSON.stringify(F.data)),ie(G.treeData.main,G.dataList.main))}),{immediate:!0}),i((()=>{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">\n            查无结果\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:ve,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,L(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,L(h(X),(a=>(c(),d("div",{class:v(["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 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};