cnhis-design-vue 3.1.5-beta.7 → 3.1.5-beta.8

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

@@ -1 +1,232 @@
-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 y,createBlock as h,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({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=()=>{D(),T(),P()},D=()=>{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)},T=()=>{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=()=>{U(),$(),j()},U=()=>{O.defaultCheckedKeys.main=L.dataListKeys.main.filter((e=>L.allCheckedKeys.main.includes(e)))},$=()=>{O.defaultCheckedKeys.other=L.dataListKeys.other.filter((e=>L.allCheckedKeys.other.includes(e)))},j=()=>{let{main:e,other:a}=O.defaultCheckedKeys,t=[...new Set([...e,...a])];O.checkedKeys=t},A=()=>{E()},N=e=>{O.expandedKeys=e,O.autoExpandParent=!1},S=()=>{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":n(O).checkedKeys,"onUpdate:checked-keys":t[0]||(t[0]=e=>n(O).checkedKeys=e),"onUpdate:expandedKeys":N,"onUpdate:checkedKeys":A,checkable:"",cascade:"","allow-checking-not-loaded":"","check-strategy":"all",selectable:!1,"expanded-keys":n(O).expandedKeys,data:e.formatTreeData,"render-label":_}),null,16,["checked-keys","expanded-keys","data"]),s(i("div",x,[y(" loadMorenLoadinng "),e.loadMorenLoadinng?(c(),h(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:S}," 加载更多 ")]))],512),[[k,!e.searchNoMore]])],512)),[[k,e.visible]])}});export{g as default};
+import { defineComponent, reactive, computed, watch, withDirectives, openBlock, createElementBlock, createVNode, unref, mergeProps, createElementVNode, createCommentVNode, createBlock, vShow, createTextVNode } from 'vue';
+import { NTree, NSpin, NIcon, NTooltip } from 'naive-ui';
+import { Search } from '@vicons/ionicons5';
+
+const _hoisted_1 = {
+  class: "search-tree-wrap"
+};
+const _hoisted_2 = {
+  style: {
+    "text-align": "center"
+  }
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "load-more-btn-wrap"
+};
+var script = /* @__PURE__ */ defineComponent({
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    searchNoMore: {
+      type: Boolean,
+      default: false
+    },
+    loadMorenLoadinng: {
+      type: Boolean,
+      default: false
+    },
+    formatTreeData: {
+      type: Array,
+      default: () => []
+    },
+    searchValue: {
+      type: String
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      required: true
+    },
+    allCheckedKeys: {
+      type: Object
+    },
+    dataListKeys: {
+      type: Object
+    }
+  },
+  emits: ["addCheckedkeysMain", "removeCheckedkeysMain", "addCheckedkeysOther", "removeCheckedkeysOther", "searchOnloadMore"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const state = reactive({
+      expandedKeys: [],
+      autoExpandParent: true,
+      checkedKeys: [],
+      defaultCheckedKeys: {
+        main: [],
+        other: []
+      }
+    });
+    const dataLen = computed(() => {
+      var _a;
+      return ((_a = props.formatTreeData) == null ? void 0 : _a.length) || 0;
+    });
+    const resetData = () => {
+      state.checkedKeys = [];
+      state.expandedKeys = [];
+      state.autoExpandParent = true;
+      state.defaultCheckedKeys.main = [];
+      state.defaultCheckedKeys.other = [];
+    };
+    const emitCheckedkeys = () => {
+      emitCheckedkeysMain();
+      emitCheckedkeysOther();
+      setDefaultCheckedKeys();
+    };
+    const emitCheckedkeysMain = () => {
+      let searchCheckedKeysMain = state.checkedKeys.filter((key) => {
+        return props.dataListKeys.main.includes(key);
+      });
+      let defaultCheckedKeysMain = state.defaultCheckedKeys.main;
+      let {
+        add,
+        remove
+      } = calcChangeKeys(defaultCheckedKeysMain, searchCheckedKeysMain);
+      emit("addCheckedkeysMain", add);
+      emit("removeCheckedkeysMain", remove);
+    };
+    const emitCheckedkeysOther = () => {
+      let searchCheckedKeysOther = state.checkedKeys.filter((key) => {
+        return props.dataListKeys.other.includes(key);
+      });
+      let defaultCheckedKeysOther = state.defaultCheckedKeys.other;
+      let {
+        add,
+        remove
+      } = calcChangeKeys(defaultCheckedKeysOther, searchCheckedKeysOther);
+      emit("addCheckedkeysOther", add);
+      emit("removeCheckedkeysOther", remove);
+    };
+    const calcChangeKeys = (defaultCheckedKeys, currentCheckedKeys) => {
+      let add = [];
+      let remove = [];
+      currentCheckedKeys.forEach((key) => {
+        if (!defaultCheckedKeys.includes(key)) {
+          add.push(key);
+        }
+      });
+      defaultCheckedKeys.forEach((key) => {
+        if (!currentCheckedKeys.includes(key)) {
+          remove.push(key);
+        }
+      });
+      return {
+        add,
+        remove
+      };
+    };
+    const emptyCheckedKeys = () => {
+      state.checkedKeys = [];
+      emitCheckedkeys();
+    };
+    const setDefaultCheckedKeys = () => {
+      setDefaultCheckedKeysMain();
+      setDefaultCheckedKeysOther();
+      setCurrentCheckedKeys();
+    };
+    const setDefaultCheckedKeysMain = () => {
+      state.defaultCheckedKeys.main = props.dataListKeys.main.filter((key) => {
+        return props.allCheckedKeys.main.includes(key);
+      });
+    };
+    const setDefaultCheckedKeysOther = () => {
+      state.defaultCheckedKeys.other = props.dataListKeys.other.filter((key) => {
+        return props.allCheckedKeys.other.includes(key);
+      });
+    };
+    const setCurrentCheckedKeys = () => {
+      let {
+        main,
+        other
+      } = state.defaultCheckedKeys;
+      let res = [.../* @__PURE__ */ new Set([...main, ...other])];
+      state.checkedKeys = res;
+    };
+    const onCheck = (checkedKeys) => {
+      state.checkedKeys = checkedKeys;
+      emitCheckedkeys();
+    };
+    const onExpand = (expandedKeys) => {
+      state.expandedKeys = expandedKeys;
+      state.autoExpandParent = false;
+    };
+    const searchOnloadMore = () => {
+      emit("searchOnloadMore");
+    };
+    const renderLabel = ({
+      option
+    }) => {
+      return createVNode("div", {
+        "class": "search-tree-item"
+      }, [createVNode("div", {
+        "class": "info-wrap"
+      }, [createVNode(NTooltip, {
+        "trigger": "hover"
+      }, {
+        default: () => `${option.title} ${option.sub_title || ""}`,
+        trigger: () => createVNode("p", {
+          "class": "info-wrap-top",
+          "style": "margin: 0"
+        }, [createVNode("span", {
+          "class": "info-wrap-title"
+        }, [createVNode("span", {
+          "class": "c-title"
+        }, [option.title]), createTextVNode("\u2009"), createVNode("span", {
+          "class": "c-sub-title"
+        }, [option.sub_title])])])
+      })])]);
+    };
+    watch(() => props.defaultExpandedKeys, (val) => {
+      state.expandedKeys = val;
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.visible, (val) => {
+      if (!val) {
+        resetData();
+        return;
+      }
+      setDefaultCheckedKeys();
+    });
+    watch(() => dataLen, (val) => {
+      if (val.value > 0) {
+        setDefaultCheckedKeys();
+      }
+    });
+    expose({
+      setDefaultCheckedKeys,
+      checkedKeys: state.checkedKeys,
+      emptyCheckedKeys
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(NTree), mergeProps(_ctx.$attrs, {
+        ref: "searchTree",
+        "onUpdate:expandedKeys": onExpand,
+        "onUpdate:checkedKeys": onCheck,
+        checkable: "",
+        cascade: "",
+        "check-strategy": "all",
+        selectable: false,
+        "checked-keys": unref(state).checkedKeys,
+        "expanded-keys": unref(state).expandedKeys,
+        data: __props.formatTreeData,
+        "render-label": renderLabel
+      }), null, 16, ["checked-keys", "expanded-keys", "data"]), withDirectives(createElementVNode("div", _hoisted_2, [createCommentVNode(" loadMorenLoadinng "), __props.loadMorenLoadinng ? (openBlock(), createBlock(unref(NSpin), {
+        key: 0
+      })) : (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(NIcon), {
+        component: unref(Search),
+        class: "search-input-icon"
+      }, null, 8, ["component"]), createElementVNode("div", {
+        class: "load-more-btn",
+        onClick: searchOnloadMore
+      }, "\u52A0\u8F7D\u66F4\u591A")]))], 512), [[vShow, !__props.searchNoMore]])], 512)), [[vShow, __props.visible]]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/select-person/src/SearchTree2.mjs

@@ -1 +1,4 @@
-import e from"./SearchTree.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./SearchTree.vue_vue_type_script_setup_true_lang.mjs";e.__file="packages/select-person/src/SearchTree.vue";
+import script from './SearchTree.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './SearchTree.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/select-person/src/SearchTree.vue";

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

@@ -1 +1,2 @@
-import"./SelectPerson2.mjs";export{default}from"./SelectPerson.vue_vue_type_script_setup_true_lang.mjs";
+import './SelectPerson2.mjs';
+export { default } from './SelectPerson.vue_vue_type_script_setup_true_lang.mjs';