cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

package/es/components/select-person/src/components/SearchMultiple.vue2.js

@@ -1 +1,196 @@
-import{defineComponent as e,computed as t,ref as a,watch as r,openBlock as n,createBlock as l,unref as i,withCtx as o,createElementVNode as u,normalizeStyle as s,createElementBlock as c,Fragment as d,renderList as p,createVNode as f,createTextVNode as v,toDisplayString as y}from"vue";import{NCheckboxGroup as h,NCheckbox as k}from"naive-ui";import{isEqual as m}from"lodash-es";import{useVirtualList as N}from"@vueuse/core";const _={class:"user_item"},g=["title"];var x=e({__name:"SearchMultiple",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]}},emits:["notifyCheck"],setup(e,{emit:x}){const D=e,b=t((()=>D.treeData)),{list:A,containerProps:K,wrapperProps:S}=N(b,{itemHeight:30,overscan:5}),w=t((()=>({...K.style,height:"308px"}))),C=a(D.checkedKeys),E=a([]);function P(e,t){const{actionType:a,value:r}=t,n=D.treeData.find((e=>e.key===r));if(n){switch(a){case"check":H(C.value.filter((e=>e!==r)),n,r);break;case"uncheck":O(C.value,n,r)}x("notifyCheck",C.value)}}function H(e,t,a){var r;if(!(null==t?void 0:t.parentNode))return C.value=[...e,a],!1;const n=null==(r=t.parentNode)?void 0:r.key;if(e.includes(n))return C.value=e,!1;if(t.parentNode.children){const r=t.parentNode.children.every((t=>[...e,a].includes(t.key)));if(r){const a=null==t?void 0:t.parentNode.children.map((e=>e.key)),n=e.filter((e=>!a.includes(e)));return r&&M(n,t.parentNode),!1}}H(e,t.parentNode,a)}function M(e,t){if(!t.parentNode||t.parentNode.children.length>1)return C.value=[...e,t.key],!1;M(e,t.parentNode)}function O(e,t,a){var r,n;if(e.includes(a)){const t=e.filter((e=>e!==a));return C.value=t,!1}if(!(null==t?void 0:t.parentNode))return C.value=e,!1;const l=null==(r=t.parentNode)?void 0:r.key,i=e.indexOf(l);if(i>-1){const r=null==(n=t.parentNode)?void 0:n.children;return e.splice(i,1),T(e,r,a),!1}O(e,t.parentNode,a)}function T(e,t,a){if(!Array.isArray(t))return C.value=e,!1;if(t.length>1){const r=t.filter((e=>e.key!==a)).map((e=>e.key));return C.value=[...e,...r],!1}T(e,t[0].children,a)}function U(e,t){const a=D.checkedKeys;return!!e&&(a.includes(e.key)?(E.value.push(t),!1):void U(e.parentNode,t))}return r((()=>D.treeData),(e=>{e&&e.length>0&&(E.value=[],e.forEach((e=>{U(e,e.key)})))}),{deep:!0,immediate:!0}),r((()=>D.checkedKeys),((e,t)=>{m(e,t)||D.treeData.length>0&&(E.value=[],C.value=e,D.treeData.forEach((e=>{U(e,e.key)})))}),{immediate:!0}),(e,t)=>(n(),l(i(h),{value:E.value,"onUpdate:value":[t[1]||(t[1]=e=>E.value=e),P]},{default:o((()=>[u("section",{class:"select-person__multipleWrapper",ref:i(K).ref,style:s(i(w)),onScroll:t[0]||(t[0]=(...e)=>i(K).onScroll&&i(K).onScroll(...e))},[u("section",{style:s(i(S).style)},[(n(!0),c(d,null,p(i(A),(e=>(n(),c("div",{class:"select-person__multiple-search",key:e.data.key},[f(i(k),{value:e.data.key,disabled:e.data.disabled},{default:o((()=>[u("p",_,[v(y(e.data.title)+" ",1),u("span",{class:"user_item_expand",title:e.data.title_expand_strs},y(e.data.title_expand_strs),9,g)])])),_:2},1032,["value","disabled"])])))),128))],4)],36)])),_:1},8,["value"]))}});export{x as default};
+import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeStyle, createElementBlock, Fragment, renderList, createVNode, createTextVNode, toDisplayString } from 'vue';
+import { NCheckboxGroup, NCheckbox } from 'naive-ui';
+import { isEqual } from 'lodash-es';
+import { useVirtualList } from '@vueuse/core';
+
+const _hoisted_1 = {
+  class: "user_item"
+};
+const _hoisted_2 = ["title"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchMultiple",
+  props: {
+    treeData: {
+      type: Array,
+      default: () => []
+    },
+    checkedKeys: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: [
+    "notifyCheck"
+  ],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const optionsRef = computed(() => props.treeData);
+    const {
+      list,
+      containerProps,
+      wrapperProps
+    } = useVirtualList(optionsRef, {
+      itemHeight: 30,
+      overscan: 5
+    });
+    const containerStyleWithHeight = computed(() => {
+      return {
+        ...containerProps.style,
+        height: "308px"
+      };
+    });
+    const searchCheckKeys = ref(props.checkedKeys);
+    const showSelectKeys = ref([]);
+    function checkedChange(checkList, meta) {
+      const {
+        actionType,
+        value
+      } = meta;
+      const currentTree = props.treeData.find((tree) => tree.key === value);
+      if (currentTree) {
+        switch (actionType) {
+          case "check": {
+            const baseKeyList = searchCheckKeys.value.filter((key) => key !== value);
+            handleCheckKey(baseKeyList, currentTree, value);
+            break;
+          }
+          case "uncheck":
+            handleUnCheckKey(searchCheckKeys.value, currentTree, value);
+            break;
+        }
+        emit("notifyCheck", searchCheckKeys.value);
+      }
+    }
+    function handleCheckKey(baseKeys, currentTree, value) {
+      var _a;
+      if (!(currentTree == null ? void 0 : currentTree.parentNode)) {
+        searchCheckKeys.value = [...baseKeys, value];
+        return false;
+      }
+      const parentkey = (_a = currentTree.parentNode) == null ? void 0 : _a.key;
+      if (baseKeys.includes(parentkey)) {
+        searchCheckKeys.value = baseKeys;
+        return false;
+      }
+      if (currentTree.parentNode.children) {
+        const isState = currentTree.parentNode.children.every((tree) => [...baseKeys, value].includes(tree.key));
+        if (isState) {
+          const childKeys = currentTree == null ? void 0 : currentTree.parentNode.children.map((tree) => tree.key);
+          const lastKeys = baseKeys.filter((key) => !childKeys.includes(key));
+          isState && findParent(lastKeys, currentTree.parentNode);
+          return false;
+        }
+      }
+      handleCheckKey(baseKeys, currentTree.parentNode, value);
+    }
+    function findParent(baseKeys, currentTree) {
+      if (!currentTree.parentNode || currentTree.parentNode.children.length > 1) {
+        searchCheckKeys.value = [...baseKeys, currentTree.key];
+        return false;
+      }
+      findParent(baseKeys, currentTree.parentNode);
+    }
+    function handleUnCheckKey(baseKeys, currentTree, value) {
+      var _a, _b;
+      if (baseKeys.includes(value)) {
+        const resultKeys = baseKeys.filter((key) => key !== value);
+        searchCheckKeys.value = resultKeys;
+        return false;
+      }
+      if (!(currentTree == null ? void 0 : currentTree.parentNode)) {
+        searchCheckKeys.value = baseKeys;
+        return false;
+      }
+      const parentkey = (_a = currentTree.parentNode) == null ? void 0 : _a.key;
+      const index = baseKeys.indexOf(parentkey);
+      if (index > -1) {
+        const list2 = (_b = currentTree.parentNode) == null ? void 0 : _b.children;
+        baseKeys.splice(index, 1);
+        findChild(baseKeys, list2, value);
+        return false;
+      }
+      handleUnCheckKey(baseKeys, currentTree.parentNode, value);
+    }
+    function findChild(baseKeys, children, value) {
+      if (!Array.isArray(children)) {
+        searchCheckKeys.value = baseKeys;
+        return false;
+      }
+      if (children.length > 1) {
+        const lastKeys = children.filter((node) => node.key !== value).map((node) => node.key);
+        searchCheckKeys.value = [...baseKeys, ...lastKeys];
+        return false;
+      }
+      findChild(baseKeys, children[0].children, value);
+    }
+    function checkInitTree(tree, baseKey) {
+      const checkedKeys = props.checkedKeys;
+      if (!tree) {
+        return false;
+      }
+      if (checkedKeys.includes(tree.key)) {
+        showSelectKeys.value.push(baseKey);
+        return false;
+      }
+      checkInitTree(tree.parentNode, baseKey);
+    }
+    watch(() => props.treeData, (treeList) => {
+      if (treeList && treeList.length > 0) {
+        showSelectKeys.value = [];
+        treeList.forEach((tree) => {
+          checkInitTree(tree, tree.key);
+        });
+      }
+    }, {
+      deep: true,
+      immediate: true
+    });
+    watch(() => props.checkedKeys, (newList, oldList) => {
+      if (isEqual(newList, oldList))
+        return;
+      if (props.treeData.length > 0) {
+        showSelectKeys.value = [];
+        searchCheckKeys.value = newList;
+        props.treeData.forEach((tree) => {
+          checkInitTree(tree, tree.key);
+        });
+      }
+    }, {
+      immediate: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NCheckboxGroup), {
+        value: showSelectKeys.value,
+        "onUpdate:value": [_cache[1] || (_cache[1] = ($event) => showSelectKeys.value = $event), checkedChange]
+      }, {
+        default: withCtx(() => [createElementVNode("section", {
+          class: "select-person__multipleWrapper",
+          ref: unref(containerProps).ref,
+          style: normalizeStyle(unref(containerStyleWithHeight)),
+          onScroll: _cache[0] || (_cache[0] = (...args) => unref(containerProps).onScroll && unref(containerProps).onScroll(...args))
+        }, [createElementVNode("section", {
+          style: normalizeStyle(unref(wrapperProps).style)
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (tree) => {
+          return openBlock(), createElementBlock("div", {
+            class: "select-person__multiple-search",
+            key: tree.data.key
+          }, [createVNode(unref(NCheckbox), {
+            value: tree.data.key,
+            disabled: tree.data.disabled
+          }, {
+            default: withCtx(() => [createElementVNode("p", _hoisted_1, [createTextVNode(toDisplayString(tree.data.title) + " ", 1), createElementVNode("span", {
+              class: "user_item_expand",
+              title: tree.data.title_expand_strs
+            }, toDisplayString(tree.data.title_expand_strs), 9, _hoisted_2)])]),
+            _: 2
+          }, 1032, ["value", "disabled"])]);
+        }), 128))], 4)], 36)]),
+        _: 1
+      }, 8, ["value"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/select-person/src/components/SearchOrgAndStaff.vue.js

@@ -1 +1,6 @@
-import r from"./SearchOrgAndStaff.vue2.js";import e from"../../../../_virtual/_plugin-vue_export-helper.js";var a=e(r,[["__file","SearchOrgAndStaff.vue"]]);export{a as default};
+import _sfc_main from './SearchOrgAndStaff.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var SearchOrgAndStaff = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "SearchOrgAndStaff.vue"]]);
+
+export { SearchOrgAndStaff as default };

package/es/components/select-person/src/components/SearchOrgAndStaff.vue2.js

@@ -1 +1,269 @@
-import{defineComponent as e,computed as t,ref as l,watch as a,openBlock as r,createElementBlock as i,Fragment as n,unref as s,createElementVNode as c,toDisplayString as o,normalizeStyle as d,renderList as u,normalizeClass as p,createTextVNode as h,createCommentVNode as v,createBlock as f}from"vue";import{useMessage as y,NEmpty as m}from"naive-ui";import{isEqual as k}from"lodash-es";import{useVirtualList as g}from"@vueuse/core";const _={class:"searchOrgAndStaff"},N={key:0,class:"searchOption"},S={class:"search_title"},x=["onClick"],C={class:"title"},b=["title"],w={class:"desc"},D={key:1,class:"SearchOption"},O={class:"search_title"},$=["onClick"],F={class:"title"},T={class:"desc"};var A=e({__name:"SearchOrgAndStaff",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]},searchFilter:{type:Object,default:()=>({})},isMultiple:{type:Boolean,default:!0}},emits:["notifyCheck","notifyClear"],setup(e,{emit:A}){var K;const M=e,P=y(),E=t((()=>{var e;return null!=(e=M.searchFilter.itemHeight)?e:300})),H=t((()=>Math.floor(E.value/50))),B=null!=(K=t((()=>M.treeData.filter((e=>!e.children)))))?K:[],{list:W,containerProps:j,wrapperProps:I}=g(B,{itemHeight:50,overscan:H.value}),L=t((()=>{var e;return{...j.style,height:(null==(e=z.value)?void 0:e.length)>0?`${E.value}px`:2*E.value+"px"}})),q=t((()=>M.treeData.filter((e=>e.children&&e.children.length>0)))),{list:z,containerProps:G,wrapperProps:J}=g(q,{itemHeight:50,overscan:H.value}),Q=t((()=>{var e;return{...G.style,height:(null==(e=W.value)?void 0:e.length)>0?`${E.value}px`:2*E.value+"px"}})),R=l(M.checkedKeys),U=l([]);function V(e){var t;if(R.value.find((t=>t===e.key)))return void P.info(`${e.title}已被选择`);if(e.disabled)return void P.info(`${e.title}已被禁用`);switch((null==(t=e.children)?void 0:t.length)>0?"org":"staff"){case"org":!function(e,t,l){if(!M.isMultiple)return void(R.value=[l]);t.children.length>0&&Z(t.children);X(e,t,l)}(R.value,e,e.key);break;case"staff":X(R.value,e,e.key)}A("notifyCheck",R.value),(null==M?void 0:M.searchFilter.multiple)||A("notifyClear")}function X(e,t,l){var a;if(!M.isMultiple)return void(R.value=[l]);if(!(null==t?void 0:t.parentNode))return R.value=[...e,l],!1;const r=null==(a=t.parentNode)?void 0:a.key;if(e.includes(r))return R.value=e,P.info(`${t.title}已存在于${t.tempTitle}中`),!1;if(t.parentNode.children){const a=t.parentNode.children.every((t=>[...e,l].includes(t.key)));if(a){const l=null==t?void 0:t.parentNode.children.map((e=>e.key)),r=e.filter((e=>!l.includes(e)));return a&&Y(r,t.parentNode),!1}}X(e,t.parentNode,l)}function Y(e,t){if(!t.parentNode||t.parentNode.children.length>1)return R.value=[...e,t.key],!1;Y(e,t.parentNode)}function Z(e){e.forEach((e=>{var t;if(R.value.includes(e.key)){const t=R.value.indexOf(e.key);R.value.splice(t,1)}(null==(t=e.children)?void 0:t.length)>0&&Z(e.children)}))}function ee(e,t){const l=M.checkedKeys;return!!e&&(l.includes(e.key)?(U.value.push(t),!1):void ee(e.parentNode,t))}return a((()=>M.treeData),(e=>{e&&e.length>0&&(U.value=[],e.forEach((e=>{ee(e,e.key)})))}),{deep:!0,immediate:!0}),a((()=>M.checkedKeys),((e,t)=>{k(e,t)||M.treeData.length>0&&(U.value=[],R.value=e,M.treeData.forEach((e=>{ee(e,e.key)})))}),{immediate:!0}),(t,l)=>{var a,y,k;return r(),i("div",_,[e.treeData.length>0?(r(),i(n,{key:0},[s(B).length>0?(r(),i("div",N,[c("h4",S,o(null==(a=e.searchFilter)?void 0:a.customTitles[0]),1),c("section",{class:"select-person__multipleWrapper",ref:s(j).ref,style:d(s(W).length>s(H)?s(L):{}),onScroll:l[0]||(l[0]=(...e)=>s(j).onScroll&&s(j).onScroll(...e))},[c("section",{style:d(s(I).style)},[(r(!0),i(n,null,u(s(W),(e=>(r(),i("div",{class:"select-person__multiple-search",key:e.data.key},[c("div",{class:p(["search_item user_item",e.data.disabled?"search_disabled":""]),onClick:t=>V(e.data)},[c("span",C,[h(o(e.data.title)+" ",1),c("span",{class:"user_item_expand",title:e.data.title_expand_strs},o(e.data.title_expand_strs),9,b)]),c("span",w,o(e.data.tempTitle),1)],10,x)])))),128))],4)],36)])):v("v-if",!0),s(q).length>0?(r(),i("div",D,[c("h4",O,o(null==(y=e.searchFilter)?void 0:y.customTitles[1]),1),c("section",{class:"person__OrgWrapper",ref:s(G).ref,style:d(s(z).length>s(H)?s(Q):{}),onScroll:l[1]||(l[1]=(...e)=>s(G).onScroll&&s(G).onScroll(...e))},[c("section",{style:d(s(J).style)},[(r(!0),i(n,null,u(s(z),(e=>(r(),i("div",{class:"select-person__multiple-search",key:e.data.key},[c("div",{class:p(["search_item",e.data.disabled?"search_disabled":""]),onClick:t=>V(e.data)},[c("span",F,o(e.data.title)+"("+o(e.data.innerItemsNum)+"人)",1),c("span",T,o(e.data.tempTitle),1)],10,$)])))),128))],4)],36)])):v("v-if",!0)],64)):(r(),f(s(m),{key:1,description:(null==(k=window.getLanguageByCode)?void 0:k.call(window,"10010.1.445"))||"暂无数据"}))])}}});export{A as default};
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, Fragment, unref, createElementVNode, toDisplayString, normalizeStyle, renderList, normalizeClass, createTextVNode, createCommentVNode, createBlock } from 'vue';
+import { useMessage, NEmpty } from 'naive-ui';
+import { isEqual } from 'lodash-es';
+import { useVirtualList } from '@vueuse/core';
+
+const _hoisted_1 = {
+  class: "searchOrgAndStaff"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "searchOption"
+};
+const _hoisted_3 = {
+  class: "search_title"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  class: "title"
+};
+const _hoisted_6 = ["title"];
+const _hoisted_7 = {
+  class: "desc"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "SearchOption"
+};
+const _hoisted_9 = {
+  class: "search_title"
+};
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = {
+  class: "title"
+};
+const _hoisted_12 = {
+  class: "desc"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchOrgAndStaff",
+  props: {
+    treeData: {
+      type: Array,
+      default: () => []
+    },
+    checkedKeys: {
+      type: Array,
+      default: () => []
+    },
+    searchFilter: {
+      type: Object,
+      default: () => ({})
+    },
+    isMultiple: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: [
+    "notifyCheck",
+    "notifyClear"
+  ],
+  setup(__props, {
+    emit
+  }) {
+    var _a;
+    const props = __props;
+    const $message = useMessage();
+    const virtualItemHeight = 50;
+    const moduleHeight = computed(() => {
+      var _a2;
+      return (_a2 = props.searchFilter.itemHeight) != null ? _a2 : 300;
+    });
+    const showNums = computed(() => Math.floor(moduleHeight.value / virtualItemHeight));
+    const staffDataRef = (_a = computed(() => props.treeData.filter((tree) => !tree.children))) != null ? _a : [];
+    const {
+      list: staffList,
+      containerProps: staffContainerProps,
+      wrapperProps: staffWrapperProps
+    } = useVirtualList(staffDataRef, {
+      itemHeight: virtualItemHeight,
+      overscan: showNums.value
+    });
+    const staffContainerStyleWithHeight = computed(() => {
+      var _a2;
+      return {
+        ...staffContainerProps.style,
+        height: ((_a2 = orgList.value) == null ? void 0 : _a2.length) > 0 ? `${moduleHeight.value}px` : `${moduleHeight.value * 2}px`
+      };
+    });
+    const orgDataRef = computed(() => props.treeData.filter((tree) => tree.children && tree.children.length > 0));
+    const {
+      list: orgList,
+      containerProps: orgContainerProps,
+      wrapperProps: orgWrapperProps
+    } = useVirtualList(orgDataRef, {
+      itemHeight: virtualItemHeight,
+      overscan: showNums.value
+    });
+    const orgContainerStyleWithHeight = computed(() => {
+      var _a2;
+      return {
+        ...orgContainerProps.style,
+        height: ((_a2 = staffList.value) == null ? void 0 : _a2.length) > 0 ? `${moduleHeight.value}px` : `${moduleHeight.value * 2}px`
+      };
+    });
+    const searchCheckKeys = ref(props.checkedKeys);
+    const showSelectKeys = ref([]);
+    function handleClick(tree) {
+      var _a2;
+      const curTree = searchCheckKeys.value.find((key) => key === tree.key);
+      if (curTree) {
+        $message.info(`${tree.title}\u5DF2\u88AB\u9009\u62E9`);
+        return;
+      }
+      if (tree.disabled) {
+        $message.info(`${tree.title}\u5DF2\u88AB\u7981\u7528`);
+        return;
+      }
+      const type = ((_a2 = tree.children) == null ? void 0 : _a2.length) > 0 ? "org" : "staff";
+      switch (type) {
+        case "org":
+          handleOrgClick(searchCheckKeys.value, tree, tree.key);
+          break;
+        case "staff":
+          handleStaffClick(searchCheckKeys.value, tree, tree.key);
+          break;
+      }
+      emit("notifyCheck", searchCheckKeys.value);
+      if (!(props == null ? void 0 : props.searchFilter.multiple)) {
+        emit("notifyClear");
+      }
+    }
+    function handleStaffClick(baseKeys, currentTree, value) {
+      var _a2;
+      if (!props.isMultiple) {
+        searchCheckKeys.value = [value];
+        return;
+      }
+      if (!(currentTree == null ? void 0 : currentTree.parentNode)) {
+        searchCheckKeys.value = [...baseKeys, value];
+        return false;
+      }
+      const parentkey = (_a2 = currentTree.parentNode) == null ? void 0 : _a2.key;
+      if (baseKeys.includes(parentkey)) {
+        searchCheckKeys.value = baseKeys;
+        $message.info(`${currentTree.title}\u5DF2\u5B58\u5728\u4E8E${currentTree.tempTitle}\u4E2D`);
+        return false;
+      }
+      if (currentTree.parentNode.children) {
+        const isState = currentTree.parentNode.children.every((tree) => [...baseKeys, value].includes(tree.key));
+        if (isState) {
+          const childKeys = currentTree == null ? void 0 : currentTree.parentNode.children.map((tree) => tree.key);
+          const lastKeys = baseKeys.filter((key) => !childKeys.includes(key));
+          isState && findParent(lastKeys, currentTree.parentNode);
+          return false;
+        }
+      }
+      handleStaffClick(baseKeys, currentTree.parentNode, value);
+    }
+    function findParent(baseKeys, currentTree) {
+      if (!currentTree.parentNode || currentTree.parentNode.children.length > 1) {
+        searchCheckKeys.value = [...baseKeys, currentTree.key];
+        return false;
+      }
+      findParent(baseKeys, currentTree.parentNode);
+    }
+    function handleOrgClick(baseKeys, currentTree, value) {
+      if (!props.isMultiple) {
+        searchCheckKeys.value = [value];
+        return;
+      }
+      if (currentTree.children.length > 0) {
+        handleFindChildren(currentTree.children);
+      }
+      handleStaffClick(baseKeys, currentTree, value);
+    }
+    function handleFindChildren(treeList) {
+      treeList.forEach((curTree) => {
+        var _a2;
+        if (searchCheckKeys.value.includes(curTree.key)) {
+          const index = searchCheckKeys.value.indexOf(curTree.key);
+          searchCheckKeys.value.splice(index, 1);
+        }
+        if (((_a2 = curTree.children) == null ? void 0 : _a2.length) > 0) {
+          handleFindChildren(curTree.children);
+        }
+      });
+    }
+    function checkInitTree(tree, baseKey) {
+      const checkedKeys = props.checkedKeys;
+      if (!tree) {
+        return false;
+      }
+      if (checkedKeys.includes(tree.key)) {
+        showSelectKeys.value.push(baseKey);
+        return false;
+      }
+      checkInitTree(tree.parentNode, baseKey);
+    }
+    watch(() => props.treeData, (treeList) => {
+      if (treeList && treeList.length > 0) {
+        showSelectKeys.value = [];
+        treeList.forEach((tree) => {
+          checkInitTree(tree, tree.key);
+        });
+      }
+    }, {
+      deep: true,
+      immediate: true
+    });
+    watch(() => props.checkedKeys, (newList, oldList) => {
+      if (isEqual(newList, oldList))
+        return;
+      if (props.treeData.length > 0) {
+        showSelectKeys.value = [];
+        searchCheckKeys.value = newList;
+        props.treeData.forEach((tree) => {
+          checkInitTree(tree, tree.key);
+        });
+      }
+    }, {
+      immediate: true
+    });
+    return (_ctx, _cache) => {
+      var _a2, _b, _c;
+      return openBlock(), createElementBlock("div", _hoisted_1, [__props.treeData.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [unref(staffDataRef).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("h4", _hoisted_3, toDisplayString((_a2 = __props.searchFilter) == null ? void 0 : _a2.customTitles[0]), 1), createElementVNode("section", {
+        class: "select-person__multipleWrapper",
+        ref: unref(staffContainerProps).ref,
+        style: normalizeStyle(unref(staffList).length > unref(showNums) ? unref(staffContainerStyleWithHeight) : {}),
+        onScroll: _cache[0] || (_cache[0] = (...args) => unref(staffContainerProps).onScroll && unref(staffContainerProps).onScroll(...args))
+      }, [createElementVNode("section", {
+        style: normalizeStyle(unref(staffWrapperProps).style)
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(staffList), (tree) => {
+        return openBlock(), createElementBlock("div", {
+          class: "select-person__multiple-search",
+          key: tree.data.key
+        }, [createElementVNode("div", {
+          class: normalizeClass(["search_item user_item", tree.data.disabled ? "search_disabled" : ""]),
+          onClick: ($event) => handleClick(tree.data)
+        }, [createElementVNode("span", _hoisted_5, [createTextVNode(toDisplayString(tree.data.title) + " ", 1), createElementVNode("span", {
+          class: "user_item_expand",
+          title: tree.data.title_expand_strs
+        }, toDisplayString(tree.data.title_expand_strs), 9, _hoisted_6)]), createElementVNode("span", _hoisted_7, toDisplayString(tree.data.tempTitle), 1)], 10, _hoisted_4)]);
+      }), 128))], 4)], 36)])) : createCommentVNode("v-if", true), unref(orgDataRef).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("h4", _hoisted_9, toDisplayString((_b = __props.searchFilter) == null ? void 0 : _b.customTitles[1]), 1), createElementVNode("section", {
+        class: "person__OrgWrapper",
+        ref: unref(orgContainerProps).ref,
+        style: normalizeStyle(unref(orgList).length > unref(showNums) ? unref(orgContainerStyleWithHeight) : {}),
+        onScroll: _cache[1] || (_cache[1] = (...args) => unref(orgContainerProps).onScroll && unref(orgContainerProps).onScroll(...args))
+      }, [createElementVNode("section", {
+        style: normalizeStyle(unref(orgWrapperProps).style)
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(orgList), (tree) => {
+        return openBlock(), createElementBlock("div", {
+          class: "select-person__multiple-search",
+          key: tree.data.key
+        }, [createElementVNode("div", {
+          class: normalizeClass(["search_item", tree.data.disabled ? "search_disabled" : ""]),
+          onClick: ($event) => handleClick(tree.data)
+        }, [createElementVNode("span", _hoisted_11, toDisplayString(tree.data.title) + "(" + toDisplayString(tree.data.innerItemsNum) + "\u4EBA)", 1), createElementVNode("span", _hoisted_12, toDisplayString(tree.data.tempTitle), 1)], 10, _hoisted_10)]);
+      }), 128))], 4)], 36)])) : createCommentVNode("v-if", true)], 64)) : (openBlock(), createBlock(unref(NEmpty), {
+        key: 1,
+        description: ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.445")) || "\u6682\u65E0\u6570\u636E"
+      }))]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/select-person/src/constants/index.js

@@ -1 +1,3 @@
-const e=Symbol("InjectionSelectPersonEmits");export{e as InjectionSelectPersonEmits};
+const InjectionSelectPersonEmits = Symbol("InjectionSelectPersonEmits");
+
+export { InjectionSelectPersonEmits };

package/es/components/select-person/src/index.vue.js

@@ -1 +1,6 @@
-import e from"./index.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var i=r(e,[["__file","index.vue"]]);export{i as default};
+import _sfc_main from './index.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { script as default };

package/es/components/select-person/src/index.vue2.js

@@ -1 +1,146 @@
-import{defineComponent as e,useAttrs as t,ref as l,computed as a,provide as o,openBlock as r,createBlock as n,resolveDynamicComponent as d,unref as u,mergeProps as i,withCtx as c,createCommentVNode as p,renderSlot as s,normalizeProps as y,guardReactiveProps as f}from"vue";import{InjectionSelectPersonEmits as h}from"./constants/index.js";import w from"./SelectPersonType.vue.js";import g from"./SelectPerson.vue.js";var v,m,b=e({__name:"index",props:{defaultList:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},searchPlaceholder:{type:String,default:(null==(v=window.getLanguageByCode)?void 0:v.call(window,"10010.1.508"))||"输入关键字搜索"},searchButtonText:{type:String,default:(null==(m=window.getLanguageByCode)?void 0:m.call(window,"10010.1.36"))||"搜索"},wordbook:{type:Object,default:()=>({})},wordbookChild:{type:Object,default:()=>({})},showCount:{type:Boolean,default:!0},showClear:{type:Boolean,default:!0},multiple:{type:Boolean,default:!0},searchInner:{type:Boolean,default:!1},searchFilter:{type:Object,default:()=>({})},treeSetting:{type:Object,default:()=>({})},queryLoadChildData:{type:Function,default:void 0},queryTreeSearch:{type:Function,default:()=>Promise.resolve([])},showSelectType:{type:Boolean,default:!1},roleData:{type:Array,default:()=>[]},roleFields:{type:Object,default:()=>({label:"name",key:"id",children:"children"})},switchTypeProps:{type:Array,default:()=>[]},switchTypeData:{type:Object,default:()=>({})},tagProps:{type:Object,default:()=>({})},forceShowSelectAll:{type:Boolean},uncheckableField:{type:String},onlyForwardCascade:{type:Boolean}},emits:["check","checkWithLevel"],setup(e,{expose:v,emit:m}){const b=e,j=t(),B=l(),S=a((()=>{var e;return(null==(e=b.switchTypeProps)?void 0:e.length)>0?w:g})),k=a((()=>Object.assign({},b,j)));o(h,(function(e,...t){m(e,...t)}));return v({getCheckWithLevel:()=>{var e;return null==(e=B.value)?void 0:e.getCheckWithLevel()}}),(e,t)=>(r(),n(d(u(S)),i({ref_key:"selectPersonRef",ref:B},u(k)),{tag:c((t=>[p(" 标签插槽 "),s(e.$slots,"tag",y(f(t)))])),filter:c((t=>[p(" 搜索左侧过滤筛选插槽 "),s(e.$slots,"filter",y(f(t)))])),_:3},16))}});export{b as default};
+import { defineComponent, useAttrs, ref, computed, provide, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { InjectionSelectPersonEmits } from './constants/index.js';
+import SelectPersonType from './SelectPersonType.vue.js';
+import SelectPerson from './SelectPerson.vue.js';
+
+var _a, _b;
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    defaultList: {
+      type: Array,
+      default: () => []
+    },
+    data: {
+      type: Array,
+      default: () => []
+    },
+    searchPlaceholder: {
+      type: String,
+      default: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.508")) || "\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22"
+    },
+    searchButtonText: {
+      type: String,
+      default: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.36")) || "\u641C\u7D22"
+    },
+    wordbook: {
+      type: Object,
+      default: () => ({})
+    },
+    wordbookChild: {
+      type: Object,
+      default: () => ({})
+    },
+    showCount: {
+      type: Boolean,
+      default: true
+    },
+    showClear: {
+      type: Boolean,
+      default: true
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    searchInner: {
+      type: Boolean,
+      default: false
+    },
+    searchFilter: {
+      type: Object,
+      default: () => ({})
+    },
+    treeSetting: {
+      type: Object,
+      default: () => ({})
+    },
+    queryLoadChildData: {
+      type: Function,
+      default: void 0
+    },
+    queryTreeSearch: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    showSelectType: {
+      type: Boolean,
+      default: false
+    },
+    roleData: {
+      type: Array,
+      default: () => []
+    },
+    roleFields: {
+      type: Object,
+      default: () => ({
+        label: "name",
+        key: "id",
+        children: "children"
+      })
+    },
+    switchTypeProps: {
+      type: Array,
+      default: () => []
+    },
+    switchTypeData: {
+      type: Object,
+      default: () => ({})
+    },
+    tagProps: {
+      type: Object,
+      default: () => ({})
+    },
+    forceShowSelectAll: {
+      type: Boolean
+    },
+    uncheckableField: {
+      type: String
+    },
+    onlyForwardCascade: {
+      type: Boolean
+    }
+  },
+  emits: [
+    "check",
+    "checkWithLevel"
+  ],
+  setup(__props, {
+    expose,
+    emit: __emits
+  }) {
+    const props = __props;
+    const $attrs = useAttrs();
+    const selectPersonRef = ref();
+    const isComponent = computed(() => {
+      var _a2;
+      return ((_a2 = props.switchTypeProps) == null ? void 0 : _a2.length) > 0 ? SelectPersonType : SelectPerson;
+    });
+    const getProps = computed(() => {
+      return Object.assign({}, props, $attrs);
+    });
+    const emits = function(eventName, ...args) {
+      __emits(eventName, ...args);
+    };
+    provide(InjectionSelectPersonEmits, emits);
+    const getCheckWithLevel = () => {
+      var _a2;
+      return (_a2 = selectPersonRef.value) == null ? void 0 : _a2.getCheckWithLevel();
+    };
+    expose({
+      getCheckWithLevel
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(isComponent)), mergeProps({
+        ref_key: "selectPersonRef",
+        ref: selectPersonRef
+      }, unref(getProps)), {
+        tag: withCtx((tagProps) => [createCommentVNode(" \u6807\u7B7E\u63D2\u69FD "), renderSlot(_ctx.$slots, "tag", normalizeProps(guardReactiveProps(tagProps)))]),
+        filter: withCtx((filterProps) => [createCommentVNode(" \u641C\u7D22\u5DE6\u4FA7\u8FC7\u6EE4\u7B5B\u9009\u63D2\u69FD "), renderSlot(_ctx.$slots, "filter", normalizeProps(guardReactiveProps(filterProps)))]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/select-person/src/types/enums.js

@@ -1 +1,15 @@
-const e={SEARCH_ORG_STAFF:"isSearchFilter",SEARCH_ORG:"searchInner"},r={DEPT:1,STAFF:2},E={DEPT:"dept",PERSON:"person",ROLE:"role"};export{e as SearchTypeConfig,E as SelectItemTypesConfig,r as SelectRoleEnumsConfig};
+const SearchTypeConfig = {
+  SEARCH_ORG_STAFF: "isSearchFilter",
+  SEARCH_ORG: "searchInner"
+};
+const SelectRoleEnumsConfig = {
+  DEPT: 1,
+  STAFF: 2
+};
+const SelectItemTypesConfig = {
+  DEPT: "dept",
+  PERSON: "person",
+  ROLE: "role"
+};
+
+export { SearchTypeConfig, SelectItemTypesConfig, SelectRoleEnumsConfig };