cnhis-design-vue 3.1.46-beta.34 → 3.1.46-beta.35

package/es/components/scale-view/src/components/formitem/dist/r-address.d.ts

@@ -0,0 +1,36 @@
+export const __esModule: true;
+declare const _default: vue_1.DefineComponent<{
+    form: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => any, any, {}, {}, vue_1.ComponentOptionsMixin, vue_1.ComponentOptionsMixin, "scaleChange"[], "scaleChange", vue_1.VNodeProps & vue_1.AllowedComponentProps & vue_1.ComponentCustomProps, Readonly<vue_1.ExtractPropTypes<{
+    form: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onScaleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    item: Record<string, any>;
+    isLock: boolean;
+    form: Record<string, any>;
+}>;
+export default _default;
+import vue_1 = require("vue");

package/es/components/scale-view/src/components/formitem/dist/r-sign.d.ts

@@ -0,0 +1,36 @@
+export const __esModule: true;
+declare const _default: vue_1.DefineComponent<{
+    form: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => any, any, {}, {}, vue_1.ComponentOptionsMixin, vue_1.ComponentOptionsMixin, "scaleChange"[], "scaleChange", vue_1.VNodeProps & vue_1.AllowedComponentProps & vue_1.ComponentCustomProps, Readonly<vue_1.ExtractPropTypes<{
+    form: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    item: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isLock: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onScaleChange?: ((...args: any[]) => any) | undefined;
+}, {
+    item: Record<string, any>;
+    isLock: boolean;
+    form: Record<string, any>;
+}>;
+export default _default;
+import vue_1 = require("vue");

package/es/components/scale-view/src/components/formitem/dist/standard-modal.d.ts

@@ -0,0 +1,82 @@
+export const __esModule: true;
+declare const _default: vue_1.DefineComponent<{
+    title: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    changeSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    modalHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    handleOk: {
+        type: FunctionConstructor;
+        default: () => {};
+    };
+    cancel: {
+        type: FunctionConstructor;
+        default: () => {};
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => any, any, {}, {}, vue_1.ComponentOptionsMixin, vue_1.ComponentOptionsMixin, ("update:visible" | "onClose")[], "onClose" | "update:visible", vue_1.VNodeProps & vue_1.AllowedComponentProps & vue_1.ComponentCustomProps, Readonly<vue_1.ExtractPropTypes<{
+    title: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    changeSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    modalHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    handleOk: {
+        type: FunctionConstructor;
+        default: () => {};
+    };
+    cancel: {
+        type: FunctionConstructor;
+        default: () => {};
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onOnClose?: ((...args: any[]) => any) | undefined;
+}, {
+    closable: boolean;
+    title: string | Function;
+    visible: boolean;
+    modalWidth: string;
+    modalHeight: string;
+    handleOk: Function;
+    cancel: Function;
+    changeSize: boolean;
+}>;
+export default _default;
+import vue_1 = require("vue");

package/es/components/search-cascader/src/components/dist/SearchMenu.d.ts

@@ -0,0 +1,57 @@
+export const __esModule: true;
+export const SearchMenu: vue_1.DefineComponent<{
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentNode: {
+        type: ObjectConstructor;
+    };
+    cursorNode: {
+        type: ObjectConstructor;
+    };
+}, () => any, any, {}, {}, vue_1.ComponentOptionsMixin, vue_1.ComponentOptionsMixin, ("nodeClick" | "changeCursor")[], "nodeClick" | "changeCursor", vue_1.VNodeProps & vue_1.AllowedComponentProps & vue_1.ComponentCustomProps, Readonly<vue_1.ExtractPropTypes<{
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentNode: {
+        type: ObjectConstructor;
+    };
+    cursorNode: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    onNodeClick?: ((...args: any[]) => any) | undefined;
+    onChangeCursor?: ((...args: any[]) => any) | undefined;
+}, {
+    options: unknown[];
+    valueKey: string;
+    childKey: string;
+    labelKey: string;
+}>;
+import vue_1 = require("vue");

package/es/components/search-cascader/src/components/dist/SearchMenu1.d.ts

@@ -0,0 +1,57 @@
+export const __esModule: true;
+export const SearchMenu: vue_1.DefineComponent<{
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentNode: {
+        type: ObjectConstructor;
+    };
+    cursorNode: {
+        type: ObjectConstructor;
+    };
+}, () => any, any, {}, {}, vue_1.ComponentOptionsMixin, vue_1.ComponentOptionsMixin, ("nodeClick" | "changeCursor")[], "nodeClick" | "changeCursor", vue_1.VNodeProps & vue_1.AllowedComponentProps & vue_1.ComponentCustomProps, Readonly<vue_1.ExtractPropTypes<{
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentNode: {
+        type: ObjectConstructor;
+    };
+    cursorNode: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    onNodeClick?: ((...args: any[]) => any) | undefined;
+    onChangeCursor?: ((...args: any[]) => any) | undefined;
+}, {
+    options: unknown[];
+    valueKey: string;
+    childKey: string;
+    labelKey: string;
+}>;
+import vue_1 = require("vue");

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

@@ -34,6 +34,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<{
             user_id_obj: string | number;
             user_name_obj: string | number;
+            user_expand_keys?: string[] | undefined;
         }>;
         default: () => {};
     };
@@ -113,6 +114,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<{
                 user_id_obj: string | number;
                 user_name_obj: string | number;
+                user_expand_keys?: string[] | undefined;
             }>;
             default: () => {};
         };
@@ -192,6 +194,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         customTitles: string[];
         itemHeight: number;
     }>;
+    wordbookChildExpandkeys: import("vue").ComputedRef<string[]>;
     caculateTagData: import("vue").ComputedRef<any[]>;
     init: () => void;
     getallCheckedKeysWithChild: (item: import("naive-ui").TreeOption) => void;
@@ -606,6 +609,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<{
             user_id_obj: string | number;
             user_name_obj: string | number;
+            user_expand_keys?: string[] | undefined;
         }>;
         default: () => {};
     };
@@ -665,6 +669,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     wordbookChild: {
         user_id_obj: string | number;
         user_name_obj: string | number;
+        user_expand_keys?: string[] | undefined;
     };
     showCount: boolean;
     showClear: boolean;

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

@@ -1 +1 @@
-import{defineComponent as e,computed as t,ref as a,watch as r,openBlock as l,createBlock as n,unref as i,withCtx as o,createElementVNode as u,normalizeStyle as c,createElementBlock as d,Fragment as s,renderList as p,createVNode as v}from"vue";import{NCheckboxGroup as f,NCheckbox as y}from"naive-ui";import{isEqual as h}from"lodash-es";import{useVirtualList as k}from"@vueuse/core";var m=e({__name:"SearchMultiple",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]}},emits:["notifyCheck"],setup(e,{emit:m}){const N=e,_=t((()=>N.treeData)),{list:b,containerProps:g,wrapperProps:D}=k(_,{itemHeight:30,overscan:5}),A=t((()=>({...g.style,height:"308px"}))),K=a(N.checkedKeys),S=a([]);function x(e,t){const{actionType:a,value:r}=t,l=N.treeData.find((e=>e.key===r));if(l){switch(a){case"check":w(K.value.filter((e=>e!==r)),l,r);break;case"uncheck":E(K.value,l,r)}m("notifyCheck",K.value)}}function w(e,t,a){var r;if(!(null==t?void 0:t.parentNode))return K.value=[...e,a],!1;const l=null==(r=t.parentNode)?void 0:r.key;if(e.includes(l))return K.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)),l=e.filter((e=>!a.includes(e)));return r&&C(l,t.parentNode),!1}}w(e,t.parentNode,a)}function C(e,t){if(!t.parentNode||t.parentNode.children.length>1)return K.value=[...e,t.key],!1;C(e,t.parentNode)}function E(e,t,a){var r,l;if(e.includes(a)){const t=e.filter((e=>e!==a));return K.value=t,!1}if(!(null==t?void 0:t.parentNode))return K.value=e,!1;const n=null==(r=t.parentNode)?void 0:r.key,i=e.indexOf(n);if(i>-1){const r=null==(l=t.parentNode)?void 0:l.children;return e.splice(i,1),P(e,r,a),!1}E(e,t.parentNode,a)}function P(e,t,a){if(!Array.isArray(t))return K.value=e,!1;if(t.length>1){const r=t.filter((e=>e.key!==a)).map((e=>e.key));return K.value=[...e,...r],!1}P(e,t[0].children,a)}function H(e,t){const a=N.checkedKeys;return!!e&&(a.includes(e.key)?(S.value.push(t),!1):void H(e.parentNode,t))}return r((()=>N.treeData),(e=>{e&&e.length>0&&(S.value=[],e.forEach((e=>{H(e,e.key)})))}),{deep:!0,immediate:!0}),r((()=>N.checkedKeys),((e,t)=>{h(e,t)||N.treeData.length>0&&(S.value=[],K.value=e,N.treeData.forEach((e=>{H(e,e.key)})))}),{immediate:!0}),(e,t)=>(l(),n(i(f),{value:S.value,"onUpdate:value":[t[1]||(t[1]=e=>S.value=e),x]},{default:o((()=>[u("section",{class:"select-person__multipleWrapper",ref:i(g).ref,style:c(i(A)),onScroll:t[0]||(t[0]=(...e)=>i(g).onScroll&&i(g).onScroll(...e))},[u("section",{style:c(i(D).style)},[(l(!0),d(s,null,p(i(b),(e=>(l(),d("div",{class:"select-person__multiple-search",key:e.data.key},[v(i(y),{value:e.data.key,label:e.data.title,disabled:e.data.disabled},null,8,["value","label","disabled"])])))),128))],4)],36)])),_:1},8,["value"]))}});export{m as default};
+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};

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

@@ -1 +1 @@
-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 h,createCommentVNode as p,createBlock as f}from"vue";import{useMessage as v,NEmpty as y}from"naive-ui";import{isEqual as m}from"lodash-es";import{useVirtualList as k}from"@vueuse/core";const g={class:"searchOrgAndStaff"},_={key:0,class:"searchOption"},N={class:"search_title"},S=["onClick"],C={class:"title"},b={class:"desc"},D={key:1,class:"SearchOption"},O={class:"search_title"},$=["onClick"],F={class:"title"},T={class:"desc"};var x=e({__name:"SearchOrgAndStaff",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]},searchFilter:{type:Object,default:()=>({})}},emits:["notifyCheck","notifyClear"],setup(e,{emit:x}){var A;const K=e,P=v(),w=t((()=>{var e;return null!=(e=K.searchFilter.itemHeight)?e:300})),E=t((()=>Math.floor(w.value/50))),H=null!=(A=t((()=>K.treeData.filter((e=>!e.children)))))?A:[],{list:W,containerProps:j,wrapperProps:I}=k(H,{itemHeight:50,overscan:E.value}),M=t((()=>({...j.style,height:`${w.value}px`}))),q=t((()=>K.treeData.filter((e=>e.children&&e.children.length>0)))),{list:z,containerProps:B,wrapperProps:G}=k(q,{itemHeight:50,overscan:E.value}),J=t((()=>({...B.style,height:`${w.value}px`}))),L=l(K.checkedKeys),Q=l([]);function R(e){var t;if(L.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){t.children.length>0&&X(t.children);U(e,t,l)}(L.value,e,e.key);break;case"staff":U(L.value,e,e.key)}x("notifyCheck",L.value),(null==K?void 0:K.searchFilter.multiple)||x("notifyClear")}function U(e,t,l){var a;if(!(null==t?void 0:t.parentNode))return L.value=[...e,l],!1;const r=null==(a=t.parentNode)?void 0:a.key;if(e.includes(r))return L.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&&V(r,t.parentNode),!1}}U(e,t.parentNode,l)}function V(e,t){if(!t.parentNode||t.parentNode.children.length>1)return L.value=[...e,t.key],!1;V(e,t.parentNode)}function X(e){e.forEach((e=>{var t;if(L.value.includes(e.key)){const t=L.value.indexOf(e.key);L.value.splice(t,1)}(null==(t=e.children)?void 0:t.length)>0&&X(e.children)}))}function Y(e,t){const l=K.checkedKeys;return!!e&&(l.includes(e.key)?(Q.value.push(t),!1):void Y(e.parentNode,t))}return a((()=>K.treeData),(e=>{e&&e.length>0&&(Q.value=[],e.forEach((e=>{Y(e,e.key)})))}),{deep:!0,immediate:!0}),a((()=>K.checkedKeys),((e,t)=>{m(e,t)||K.treeData.length>0&&(Q.value=[],L.value=e,K.treeData.forEach((e=>{Y(e,e.key)})))}),{immediate:!0}),(t,l)=>{var a,v;return r(),i("div",g,[e.treeData.length>0?(r(),i(n,{key:0},[s(H).length>0?(r(),i("div",_,[c("h4",N,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(E)?s(M):{}),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:h(["search_item",e.data.disabled?"search_disabled":""]),onClick:t=>R(e.data)},[c("span",C,o(e.data.title),1),c("p",b,o(e.data.tempTitle),1)],10,S)])))),128))],4)],36)])):p("v-if",!0),s(q).length>0?(r(),i("div",D,[c("h4",O,o(null==(v=e.searchFilter)?void 0:v.customTitles[1]),1),c("section",{class:"person__OrgWrapper",ref:s(B).ref,style:d(s(z).length>s(E)?s(J):{}),onScroll:l[1]||(l[1]=(...e)=>s(B).onScroll&&s(B).onScroll(...e))},[c("section",{style:d(s(G).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:h(["search_item",e.data.disabled?"search_disabled":""]),onClick:t=>R(e.data)},[c("span",F,o(e.data.title)+"("+o(e.data.innerItemsNum)+"人)",1),c("p",T,o(e.data.tempTitle),1)],10,$)])))),128))],4)],36)])):p("v-if",!0)],64)):(r(),f(s(y),{key:1,description:"暂无数据"}))])}}});export{x as default};
+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 h,createTextVNode as p,createCommentVNode as f,createBlock as v}from"vue";import{useMessage as y,NEmpty as m}from"naive-ui";import{isEqual as k}from"lodash-es";import{useVirtualList as _}from"@vueuse/core";const g={class:"searchOrgAndStaff"},N={key:0,class:"searchOption"},S={class:"search_title"},C=["onClick"],b={class:"title"},x=["title"],D={class:"desc"},O={key:1,class:"SearchOption"},$={class:"search_title"},F=["onClick"],T={class:"title"},A={class:"desc"};var K=e({__name:"SearchOrgAndStaff",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]},searchFilter:{type:Object,default:()=>({})}},emits:["notifyCheck","notifyClear"],setup(e,{emit:K}){var P;const w=e,E=y(),H=t((()=>{var e;return null!=(e=w.searchFilter.itemHeight)?e:300})),W=t((()=>Math.floor(H.value/50))),j=null!=(P=t((()=>w.treeData.filter((e=>!e.children)))))?P:[],{list:I,containerProps:M,wrapperProps:q}=_(j,{itemHeight:50,overscan:W.value}),z=t((()=>({...M.style,height:`${H.value}px`}))),B=t((()=>w.treeData.filter((e=>e.children&&e.children.length>0)))),{list:G,containerProps:J,wrapperProps:L}=_(B,{itemHeight:50,overscan:W.value}),Q=t((()=>({...J.style,height:`${H.value}px`}))),R=l(w.checkedKeys),U=l([]);function V(e){var t;if(R.value.find((t=>t===e.key)))return void E.info(`${e.title}已被选择`);if(e.disabled)return void E.info(`${e.title}已被禁用`);switch((null==(t=e.children)?void 0:t.length)>0?"org":"staff"){case"org":!function(e,t,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)}K("notifyCheck",R.value),(null==w?void 0:w.searchFilter.multiple)||K("notifyClear")}function X(e,t,l){var a;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,E.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=w.checkedKeys;return!!e&&(l.includes(e.key)?(U.value.push(t),!1):void ee(e.parentNode,t))}return a((()=>w.treeData),(e=>{e&&e.length>0&&(U.value=[],e.forEach((e=>{ee(e,e.key)})))}),{deep:!0,immediate:!0}),a((()=>w.checkedKeys),((e,t)=>{k(e,t)||w.treeData.length>0&&(U.value=[],R.value=e,w.treeData.forEach((e=>{ee(e,e.key)})))}),{immediate:!0}),(t,l)=>{var a,y;return r(),i("div",g,[e.treeData.length>0?(r(),i(n,{key:0},[s(j).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(M).ref,style:d(s(I).length>s(W)?s(z):{}),onScroll:l[0]||(l[0]=(...e)=>s(M).onScroll&&s(M).onScroll(...e))},[c("section",{style:d(s(q).style)},[(r(!0),i(n,null,u(s(I),(e=>(r(),i("div",{class:"select-person__multiple-search",key:e.data.key},[c("div",{class:h(["search_item user_item",e.data.disabled?"search_disabled":""]),onClick:t=>V(e.data)},[c("span",b,[p(o(e.data.title)+" ",1),c("span",{class:"user_item_expand",title:e.data.title_expand_strs},o(e.data.title_expand_strs),9,x)]),c("p",D,o(e.data.tempTitle),1)],10,C)])))),128))],4)],36)])):f("v-if",!0),s(B).length>0?(r(),i("div",O,[c("h4",$,o(null==(y=e.searchFilter)?void 0:y.customTitles[1]),1),c("section",{class:"person__OrgWrapper",ref:s(J).ref,style:d(s(G).length>s(W)?s(Q):{}),onScroll:l[1]||(l[1]=(...e)=>s(J).onScroll&&s(J).onScroll(...e))},[c("section",{style:d(s(L).style)},[(r(!0),i(n,null,u(s(G),(e=>(r(),i("div",{class:"select-person__multiple-search",key:e.data.key},[c("div",{class:h(["search_item",e.data.disabled?"search_disabled":""]),onClick:t=>V(e.data)},[c("span",T,o(e.data.title)+"("+o(e.data.innerItemsNum)+"人)",1),c("p",A,o(e.data.tempTitle),1)],10,F)])))),128))],4)],36)])):f("v-if",!0)],64)):(r(),v(s(m),{key:1,description:"暂无数据"}))])}}});export{K as default};

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

@@ -11,6 +11,7 @@ declare type IWordBook<T> = {
 declare type IWordBookChild<T> = {
     user_id_obj: keyof T;
     user_name_obj: keyof T;
+    user_expand_keys?: string[];
 };
 declare type ITag = {
     key: IKey;
@@ -180,6 +181,7 @@ declare const _default: import("vue").DefineComponent<{
         customTitles: string[];
         itemHeight: number;
     }>;
+    wordbookChildExpandkeys: import("vue").ComputedRef<string[]>;
     caculateTagData: import("vue").ComputedRef<any[]>;
     init: () => void;
     getallCheckedKeysWithChild: (item: TreeOption) => void;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as l,computed as t,watch as n,openBlock as a,createBlock as u,unref as i,withCtx as r,createVNode as c,createCommentVNode as o,withKeys as s,createTextVNode as d,toDisplayString as h,withDirectives as v,vShow as p,createElementBlock as f,Fragment as y,mergeProps as k,createElementVNode as m,renderList as g}from"vue";import{NGrid as b,NGi as _,NSpace as C,NInputGroup as w,NInput as L,NIcon as S,NButton as x,NCheckbox as j,NTree as T,NTooltip as N}from"naive-ui";import{CloseCircleSharp as I}from"@vicons/ionicons5";import{searchFilterTree as F,getExpandedKeys as O}from"./utils/index.js";import{cloneDeep as D}from"lodash-es";import{SearchTypeConfig as $}from"./types/enums.js";import E from"./SearchMultiple.vue.js";import K from"./SearchOrgAndStaff.vue.js";const q={key:0},A={class:"c-select-person__scroll",style:{height:"342px"}};var B=e({__name:"SelectPerson",props:{defaultList:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},searchPlaceholder:{type:String,default:"输入关键字搜索"},searchButtonText:{type:String,default:"搜索"},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([])}},emits:["check","checkWithLevel"],setup(e,{expose:B,emit:P}){const R=e,U={isOpen:!1,multiple:!1,customTitles:["联系人","部门"],itemHeight:250},H=l(""),W=l(!1),G=l([]),z=l([]),M=l([]),J=l([]),Q=l([]),V=l(!1),X=D(function e(l){return l.forEach((l=>{var t;if(null==(t=l.children)?void 0:t.length){const t=se(l.children,[]);l.innerItemsNum=t.length,l.innerLeafs=t,e(l.children)}})),de(l,"")}(R.data));let Y=[];const Z=t((()=>!!R.queryLoadChildData)),ee=t((()=>{var e,l;return null!=(l=null==(e=null==R?void 0:R.treeSetting)?void 0:e.checkStrategy)?l:"child"})),le=t((()=>(null==R?void 0:R.searchFilter)&&Object.keys(null==R?void 0:R.searchFilter).length>0)),te=t((()=>le.value?{...D(U),...R.searchFilter}:D(U))),ne=t((()=>{let e=[];return G.value.forEach((l=>{for(let t=0;t<J.value.length;t++){const n=J.value[t];if(n.key==l){e.push(n);break}}})),e}));function ae(e){e.disabled||e.children||!e.key||Y.push(e.key)}function ue(e){e.disabled||e.tempTitle||!e.key||Y.push(e.key)}async function ie(e){if(R.queryLoadChildData){const l=await R.queryLoadChildData(e);return l.children&&(l.children=l.children.map((e=>({...e,tempTitle:l.tempTitle?`${l.title}/${l.tempTitle}`:l.title})))),l}return e}function re(e){var l;(null==(l=e.children)?void 0:l.every((e=>e.disabled)))&&(e.disabled=!0)}function ce({option:e}){var l;if((null==(l=e.children)?void 0:l.length)||Z.value&&!(null==e?void 0:e.isLeaf)){const l=R.wordbook.user_count_obj&&e[R.wordbook.user_count_obj]||"",t=l?`(${l})`:"";return c("span",null,[`${e.title}${t}`])}return c(N,{trigger:"hover"},{default:()=>c("span",null,[e.title]),trigger:()=>c("span",null,[e.title])})}function oe(e){return e[R.wordbookChild.user_name_obj]||e[R.wordbook.parent_name_obj]||e.orgName||e.title||""}function se(e,l){return e.forEach((e=>{var t;(null==(t=e.children)?void 0:t.length)?se(e.children,l):!e.disabled&&l.push(e)})),l}function de(e,l){return e&&0!==e.length?e.map((e=>{var t;const n=oe(e),a=l?`${n}/${l}`:n;return{...e,tempTitle:l,children:(null==(t=e.children)?void 0:t.length)?de(null==e?void 0:e.children,a):[]}})):[]}async function he(){if(V.value=!!H.value.trim(),Z.value)M.value=await R.queryTreeSearch(H.value);else{const e=function(){const e={[$.SEARCH_ORG_STAFF]:le.value,[$.SEARCH_ORG]:R.searchInner},l=Object.keys(e).find((l=>e[l]));return null!=l?l:""}();M.value=F(e,X,H.value)}z.value=M.value.length&&H.value?O(M.value):[]}function ve(e,l){var t,n;switch(null!=(n=null==(t=null==R?void 0:R.treeSetting)?void 0:t.checkStrategy)?n:"child"){case"child":!function(e,l){for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&(!n.children||n.isLeaf)&&(l&&!G.value.includes(n.key)&&G.value.push(n.key),!l)){const e=G.value.findIndex((e=>e===n.key));G.value.splice(e,1)}n.children&&ve(n.children,l)}}(e,l);break;case"parent":!function(e,l){G.value=[];for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&!n.tempTitle&&(l&&!G.value.includes(n.key)&&G.value.push(n.key),!l)){const e=G.value.findIndex((e=>e===n.key));G.value.splice(e,1)}}}(e,l)}}function pe(e){ve(M.value,e)}function fe(e){var l;for(let t=0,n=e.length;t<n;t++){const n=e[t],a=Q.value.map((e=>e.key));G.value.includes(n.key)&&!a.includes(n.key)&&J.value.push({key:n.key,name:n.title,parentName:n.tempTitle,innerItemsNum:n.innerItemsNum,innerLeafs:n.innerLeafs}),(null==(l=n.children)?void 0:l.length)&&fe(n.children)}}function ye(e){G.value=e}function ke(){G.value=[]}function me(e){G.value=e}function ge(){H.value="",setTimeout((()=>{he()}))}return function e(l,t){var n,a,u,i;for(let r=0,c=l.length;r<c;r++){const c=l[r];switch(c.title=oe(c),c.label=oe(c),c.parentNode=t,c.key||(c.key=c[R.wordbookChild.user_id_obj]||c[R.wordbook.parent_id_obj]||Date.now()),(null==(n=c.children)?void 0:n.length)?(e(c.children,c),re(c)):0===(null==(a=c.children)?void 0:a.length)&&Reflect.deleteProperty(c,"children"),null!=(i=null==(u=null==R?void 0:R.treeSetting)?void 0:u.checkStrategy)?i:"child"){case"child":ae(c);break;case"parent":ue(c)}}}(X,null),M.value=X,R.defaultList.length>0&&(Z.value?(R.defaultList.forEach((e=>G.value.push(e.key))),J.value=D(R.defaultList),Q.value=D(R.defaultList)):(R.defaultList.forEach((e=>G.value.push(e))),fe(X))),n((()=>G),(e=>{J.value=Q.value.filter((l=>e.value.includes(l.key))),e.value.length&&fe(Z.value?M.value:X),W.value=Y.every((e=>J.value.findIndex((l=>l.key===e))>-1));const l=J.value.filter((l=>e.value.includes(l.key)));P("check",e.value),P("checkWithLevel",l)}),{deep:!0}),n((()=>H.value),(e=>{e||ge()})),B({getCheckWithLevel:function(){const e=G.value,l=J.value.filter((l=>e.includes(l.key)));return null!=l?l:[]}}),(l,t)=>(a(),u(i(b),{cols:2,class:"c-select-person"},{default:r((()=>[c(i(_),null,{default:r((()=>[c(i(C),{vertical:"",style:{"padding-right":"12px","border-right":"1px solid #e8e8e8"}},{default:r((()=>[c(i(w),{style:{"margin-bottom":"12px"}},{default:r((()=>[o(" clearable "),c(i(L),{class:"search-input",value:H.value,"onUpdate:value":t[0]||(t[0]=e=>H.value=e),placeholder:e.searchPlaceholder,onKeyup:s(he,["enter"])},{suffix:r((()=>[H.value?(a(),u(i(S),{key:0,class:"search-clear",component:i(I),size:"16",onClick:ge},null,8,["component"])):o("v-if",!0)])),_:1},8,["value","placeholder","onKeyup"]),c(i(x),{type:"primary",onClick:he},{default:r((()=>[d(h(e.searchButtonText),1)])),_:1})])),_:1}),e.multiple&&!V.value?v((a(),u(i(j),{key:0,checked:W.value,"onUpdate:checked":[t[1]||(t[1]=e=>W.value=e),pe]},{default:r((()=>[d(" 全选 ")])),_:1},8,["checked"])),[[p,i(Y).length<1e3]]):o("v-if",!0),o(" 支持选人 "),e.searchInner&&e.multiple&&V.value&&"parent"===i(ee)?(a(),u(E,{key:1,treeData:M.value,checkedKeys:G.value,onNotifyCheck:me},null,8,["treeData","checkedKeys"])):i(le)&&e.multiple&&V.value&&"parent"===i(ee)?(a(),f(y,{key:2},[o(" 同时兼容选人和选部门 "),c(K,{treeData:M.value,checkedKeys:G.value,searchFilter:i(te),onNotifyCheck:me,onNotifyClear:ge},null,8,["treeData","checkedKeys","searchFilter"])],2112)):(a(),u(i(T),k({key:3,"virtual-scroll":"",class:"c-select-person__scroll","checked-keys":G.value,"expanded-keys":z.value,"onUpdate:expanded-keys":t[2]||(t[2]=e=>z.value=e),checkable:e.multiple,cascade:"","allow-checking-not-loaded":"",selectable:!e.multiple,"selected-keys":G.value,"onUpdate:selected-keys":t[3]||(t[3]=e=>G.value=e),data:M.value,"check-strategy":"child","render-label":ce},e.treeSetting,{"onUpdate:checkedKeys":ye,onLoad:ie}),null,16,["checked-keys","expanded-keys","checkable","selectable","selected-keys","data"]))])),_:1})])),_:1}),c(i(_),null,{default:r((()=>[c(i(C),{vertical:"",style:{"padding-left":"12px"}},{default:r((()=>[c(i(C),{justify:"space-between",style:{"margin-bottom":"20px"}},{default:r((()=>[e.showCount?(a(),f("span",q,"已选择："+h(i(ne).length),1)):o("v-if",!0),e.showClear?(a(),f("span",{key:1,class:"c-select-person__clear-btn",onClick:ke},"清空")):o("v-if",!0)])),_:1}),m("div",A,[(a(!0),f(y,null,g(i(ne),(e=>(a(),f("span",{class:"c-select-person__tag-item",key:e.key},[d(h(e.name)+" "+h(e.parentName?`(${e.parentName})`:"")+" "+h(e.innerItemsNum?`(${e.innerItemsNum}人)`:"")+" ",1),c(i(S),{class:"tag-close",component:i(I),onClick:l=>function(e){G.value=G.value.filter((l=>l!==e.key))}(e)},null,8,["component","onClick"])])))),128))])])),_:1})])),_:1})])),_:1}))}});export{B as default};
+import{defineComponent as e,ref as l,computed as t,watch as n,openBlock as a,createBlock as u,unref as i,withCtx as r,createVNode as c,createCommentVNode as o,withKeys as s,createTextVNode as d,toDisplayString as h,withDirectives as v,vShow as p,createElementBlock as f,Fragment as y,mergeProps as k,createElementVNode as m,renderList as g}from"vue";import{NGrid as _,NGi as b,NSpace as C,NInputGroup as x,NInput as w,NIcon as L,NButton as S,NCheckbox as j,NTree as T}from"naive-ui";import{CloseCircleSharp as N}from"@vicons/ionicons5";import{searchFilterTree as I,getExpandedKeys as F}from"./utils/index.js";import{cloneDeep as O}from"lodash-es";import{SearchTypeConfig as $}from"./types/enums.js";import D from"./SearchMultiple.vue.js";import E from"./SearchOrgAndStaff.vue.js";const K={key:0},q={class:"c-select-person__scroll",style:{height:"342px"}};var A=e({__name:"SelectPerson",props:{defaultList:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},searchPlaceholder:{type:String,default:"输入关键字搜索"},searchButtonText:{type:String,default:"搜索"},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([])}},emits:["check","checkWithLevel"],setup(e,{expose:A,emit:B}){const P=e,R={isOpen:!1,multiple:!1,customTitles:["联系人","部门"],itemHeight:250},U=l(""),H=l(!1),W=l([]),G=l([]),z=l([]),M=l([]),J=l([]),Q=l(!1),V=O(function e(l){return l.forEach((l=>{var t;if(null==(t=l.children)?void 0:t.length){const t=se(l.children,[]);l.innerItemsNum=t.length,l.innerLeafs=t,e(l.children)}})),de(l,"")}(P.data));let X=[];const Y=t((()=>!!P.queryLoadChildData)),Z=t((()=>{var e,l;return null!=(l=null==(e=null==P?void 0:P.treeSetting)?void 0:e.checkStrategy)?l:"child"})),ee=t((()=>(null==P?void 0:P.searchFilter)&&Object.keys(null==P?void 0:P.searchFilter).length>0)),le=t((()=>ee.value?{...O(R),...P.searchFilter}:O(R))),te=t((()=>{var e,l;return null!=(l=null==(e=null==P?void 0:P.wordbookChild)?void 0:e.user_expand_keys)?l:[]})),ne=t((()=>{let e=[];return W.value.forEach((l=>{for(let t=0;t<M.value.length;t++){const n=M.value[t];if(n.key==l){e.push(n);break}}})),e}));function ae(e){e.disabled||e.children||!e.key||X.push(e.key)}function ue(e){e.disabled||e.tempTitle||!e.key||X.push(e.key)}async function ie(e){if(P.queryLoadChildData){const l=await P.queryLoadChildData(e);return l.children&&(l.children=l.children.map((e=>({...e,tempTitle:l.tempTitle?`${l.title}/${l.tempTitle}`:l.title})))),l}return e}function re(e){var l;(null==(l=e.children)?void 0:l.every((e=>e.disabled)))&&(e.disabled=!0)}function ce({option:e}){var l,t;if((null==(l=e.children)?void 0:l.length)||Y.value&&!(null==e?void 0:e.isLeaf)){const l=P.wordbook.user_count_obj&&e[P.wordbook.user_count_obj]||"",t=l?`(${l})`:"";return c("span",null,[`${e.title}${t}`])}{const l=null!=(t=e.title_expand_strs)?t:"";return c("p",{class:"user_item"},[e.title,c("span",{class:"user_item_expand",title:l},[l])])}}function oe(e){return e[P.wordbookChild.user_name_obj]||e[P.wordbook.parent_name_obj]||e.orgName||e.title||""}function se(e,l){return e.forEach((e=>{var t;(null==(t=e.children)?void 0:t.length)?se(e.children,l):!e.disabled&&l.push(e)})),l}function de(e,l){return e&&0!==e.length?e.map((e=>{var t;const n=oe(e),a=l?`${n}/${l}`:n;return{...e,tempTitle:l,children:(null==(t=e.children)?void 0:t.length)?de(null==e?void 0:e.children,a):[]}})):[]}async function he(){if(Q.value=!!U.value.trim(),Y.value)z.value=await P.queryTreeSearch(U.value);else{const e=function(){const e={[$.SEARCH_ORG_STAFF]:ee.value,[$.SEARCH_ORG]:P.searchInner},l=Object.keys(e).find((l=>e[l]));return null!=l?l:""}();z.value=I(e,V,U.value)}G.value=z.value.length&&U.value?F(z.value):[]}function ve(e,l){var t,n;switch(null!=(n=null==(t=null==P?void 0:P.treeSetting)?void 0:t.checkStrategy)?n:"child"){case"child":!function(e,l){for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&(!n.children||n.isLeaf)&&(l&&!W.value.includes(n.key)&&W.value.push(n.key),!l)){const e=W.value.findIndex((e=>e===n.key));W.value.splice(e,1)}n.children&&ve(n.children,l)}}(e,l);break;case"parent":!function(e,l){W.value=[];for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&!n.tempTitle&&(l&&!W.value.includes(n.key)&&W.value.push(n.key),!l)){const e=W.value.findIndex((e=>e===n.key));W.value.splice(e,1)}}}(e,l)}}function pe(e){ve(z.value,e)}function fe(e){var l;for(let t=0,n=e.length;t<n;t++){const n=e[t],a=J.value.map((e=>e.key));W.value.includes(n.key)&&!a.includes(n.key)&&M.value.push({key:n.key,name:n.title,parentName:n.tempTitle,innerItemsNum:n.innerItemsNum,innerLeafs:n.innerLeafs}),(null==(l=n.children)?void 0:l.length)&&fe(n.children)}}function ye(e){W.value=e}function ke(){W.value=[]}function me(e){W.value=e}function ge(){U.value="",setTimeout((()=>{he()}))}return function e(l,t){var n,a,u,i;for(let r=0,c=l.length;r<c;r++){const c=l[r];let o=te.value.reduce(((e,l)=>e+(c[l]?`${c[l]}，`:"")),"");switch(c.title_expand_strs=o.slice(0,-1),c.title=oe(c),c.label=oe(c),c.parentNode=t,c.key||(c.key=c[P.wordbookChild.user_id_obj]||c[P.wordbook.parent_id_obj]||Date.now()),(null==(n=c.children)?void 0:n.length)?(e(c.children,c),re(c)):0===(null==(a=c.children)?void 0:a.length)&&Reflect.deleteProperty(c,"children"),null!=(i=null==(u=null==P?void 0:P.treeSetting)?void 0:u.checkStrategy)?i:"child"){case"child":ae(c);break;case"parent":ue(c)}}}(V,null),z.value=V,P.defaultList.length>0&&(Y.value?(P.defaultList.forEach((e=>W.value.push(e.key))),M.value=O(P.defaultList),J.value=O(P.defaultList)):(P.defaultList.forEach((e=>W.value.push(e))),fe(V))),n((()=>W),(e=>{M.value=J.value.filter((l=>e.value.includes(l.key))),e.value.length&&fe(Y.value?z.value:V),H.value=X.every((e=>M.value.findIndex((l=>l.key===e))>-1));const l=M.value.filter((l=>e.value.includes(l.key)));B("check",e.value),B("checkWithLevel",l)}),{deep:!0}),n((()=>U.value),(e=>{e||ge()})),A({getCheckWithLevel:function(){const e=W.value,l=M.value.filter((l=>e.includes(l.key)));return null!=l?l:[]}}),(l,t)=>(a(),u(i(_),{cols:2,class:"c-select-person"},{default:r((()=>[c(i(b),null,{default:r((()=>[c(i(C),{vertical:"",style:{"padding-right":"12px","border-right":"1px solid #e8e8e8"}},{default:r((()=>[c(i(x),{style:{"margin-bottom":"12px"}},{default:r((()=>[o(" clearable "),c(i(w),{class:"search-input",value:U.value,"onUpdate:value":t[0]||(t[0]=e=>U.value=e),placeholder:e.searchPlaceholder,onKeyup:s(he,["enter"])},{suffix:r((()=>[U.value?(a(),u(i(L),{key:0,class:"search-clear",component:i(N),size:"16",onClick:ge},null,8,["component"])):o("v-if",!0)])),_:1},8,["value","placeholder","onKeyup"]),c(i(S),{type:"primary",onClick:he},{default:r((()=>[d(h(e.searchButtonText),1)])),_:1})])),_:1}),e.multiple&&!Q.value?v((a(),u(i(j),{key:0,checked:H.value,"onUpdate:checked":[t[1]||(t[1]=e=>H.value=e),pe]},{default:r((()=>[d(" 全选 ")])),_:1},8,["checked"])),[[p,i(X).length<1e3]]):o("v-if",!0),o(" 支持选人 "),e.searchInner&&e.multiple&&Q.value&&"parent"===i(Z)?(a(),u(D,{key:1,treeData:z.value,checkedKeys:W.value,onNotifyCheck:me},null,8,["treeData","checkedKeys"])):i(ee)&&e.multiple&&Q.value&&"parent"===i(Z)?(a(),f(y,{key:2},[o(" 同时兼容选人和选部门 "),c(E,{treeData:z.value,checkedKeys:W.value,searchFilter:i(le),onNotifyCheck:me,onNotifyClear:ge},null,8,["treeData","checkedKeys","searchFilter"])],2112)):(a(),u(i(T),k({key:3,"virtual-scroll":"",class:"c-select-person__scroll","checked-keys":W.value,"expanded-keys":G.value,"onUpdate:expanded-keys":t[2]||(t[2]=e=>G.value=e),checkable:e.multiple,cascade:"","allow-checking-not-loaded":"",selectable:!e.multiple,"selected-keys":W.value,"onUpdate:selected-keys":t[3]||(t[3]=e=>W.value=e),data:z.value,"check-strategy":"child","render-label":ce},e.treeSetting,{"onUpdate:checkedKeys":ye,onLoad:ie}),null,16,["checked-keys","expanded-keys","checkable","selectable","selected-keys","data"]))])),_:1})])),_:1}),c(i(b),null,{default:r((()=>[c(i(C),{vertical:"",style:{"padding-left":"12px"}},{default:r((()=>[c(i(C),{justify:"space-between",style:{"margin-bottom":"20px"}},{default:r((()=>[e.showCount?(a(),f("span",K,"已选择："+h(i(ne).length),1)):o("v-if",!0),e.showClear?(a(),f("span",{key:1,class:"c-select-person__clear-btn",onClick:ke},"清空")):o("v-if",!0)])),_:1}),m("div",q,[(a(!0),f(y,null,g(i(ne),(e=>(a(),f("span",{class:"c-select-person__tag-item",key:e.key},[d(h(e.name)+" "+h(e.parentName?`(${e.parentName})`:"")+" "+h(e.innerItemsNum?`(${e.innerItemsNum}人)`:"")+" ",1),c(i(L),{class:"tag-close",component:i(N),onClick:l=>function(e){W.value=W.value.filter((l=>l!==e.key))}(e)},null,8,["component","onClick"])])))),128))])])),_:1})])),_:1})])),_:1}))}});export{A as default};

package/es/components/select-person/style/index.css

@@ -1 +1 @@
-.c-select-person{padding:0 12px}.c-select-person__scroll{height:308px;overflow-y:auto}.c-select-person__clear-btn{color:#5585f5;cursor:pointer}.c-select-person__tag-item{align-items:center;background:rgba(85,133,245,.08);border:1px solid rgba(85,133,245,.5);border-radius:4px;box-sizing:border-box;color:#5585f5;display:inline-flex;font-size:14px;height:24px;line-height:24px;list-style:none;margin:0 8px 4px 0;padding:0 6px;transition:all .3s cubic-bezier(.215,.61,.355,1);white-space:nowrap}.c-select-person__tag-item .tag-close{color:#5585f5;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-left:3px;transition:all .3s}.c-select-person__tag-item .tag-close:hover{color:rgba(85,133,245,.6)}.c-select-person__tag-item .tag-close:active{color:#fff}.c-select-person .search-input .search-clear{cursor:pointer}.c-select-person .search_title{border-bottom:1px solid #eee;font-size:16px;margin-top:8px;padding-bottom:5px}.c-select-person .select-person__multiple-search{display:flex;flex-direction:column}.c-select-person .select-person__multiple-search .n-checkbox{height:30px;overflow:hidden}.c-select-person .select-person__multiple-search .search_item{box-sizing:content-box;cursor:pointer;height:40px;margin:2px;padding:3px}.c-select-person .select-person__multiple-search .search_item .title{font-size:14px}.c-select-person .select-person__multiple-search .search_item .desc{color:#7d88b5;font-size:12px;margin-top:5px}.c-select-person .select-person__multiple-search .search_item:hover{background:#f1f1f1}.c-select-person .select-person__multiple-search .search_disabled{color:#c2c2c2;cursor:not-allowed}.c-select-person .select-person__multiple-search .search_disabled .desc{color:#c2c2c2}.c-select-person .n-empty{margin-top:30px}
+.c-select-person{padding:0 12px}.c-select-person__scroll{height:308px;overflow-y:auto}.c-select-person__clear-btn{color:#5585f5;cursor:pointer}.c-select-person__tag-item{align-items:center;background:rgba(85,133,245,.08);border:1px solid rgba(85,133,245,.5);border-radius:4px;box-sizing:border-box;color:#5585f5;display:inline-flex;font-size:14px;height:24px;line-height:24px;list-style:none;margin:0 8px 4px 0;padding:0 6px;transition:all .3s cubic-bezier(.215,.61,.355,1);white-space:nowrap}.c-select-person__tag-item .tag-close{color:#5585f5;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-left:3px;transition:all .3s}.c-select-person__tag-item .tag-close:hover{color:rgba(85,133,245,.6)}.c-select-person__tag-item .tag-close:active{color:#fff}.c-select-person .n-tree-node-content{flex:1;overflow:hidden}.c-select-person .search-input .search-clear{cursor:pointer}.c-select-person .user_item{align-items:center;display:flex;font-size:14px}.c-select-person .user_item .user_item_expand{flex:1;font-size:12px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-select-person .search_title{border-bottom:1px solid #eee;font-size:16px;margin-top:8px;padding-bottom:5px}.c-select-person .select-person__multiple-search{display:flex;flex-direction:column}.c-select-person .select-person__multiple-search .n-checkbox{height:30px;overflow:hidden}.c-select-person .select-person__multiple-search .n-checkbox .n-checkbox__label{overflow:hidden}.c-select-person .select-person__multiple-search .search_item{align-items:flex-start;box-sizing:content-box;cursor:pointer;display:flex;flex-direction:column;height:40px;margin:2px;padding:3px}.c-select-person .select-person__multiple-search .search_item .title{align-items:center;display:flex;font-size:14px;overflow:hidden;width:100%}.c-select-person .select-person__multiple-search .search_item .desc{color:#7d88b5;font-size:12px;margin-top:5px}.c-select-person .select-person__multiple-search .search_item:hover{background:#f1f1f1}.c-select-person .select-person__multiple-search .search_disabled{color:#c2c2c2;cursor:not-allowed}.c-select-person .select-person__multiple-search .search_disabled .desc{color:#c2c2c2}.c-select-person .n-empty{margin-top:30px}

package/es/components/steps-wheel/index.d.ts

@@ -19,6 +19,10 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nextNodeRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     noDataMsg: {
         type: StringConstructor;
         default: string;
@@ -48,6 +52,10 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        nextNodeRender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         noDataMsg: {
             type: StringConstructor;
             default: string;
@@ -61,10 +69,13 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
     nodeRowCount: import("vue").ComputedRef<number>;
     lastNodeRenderShow: import("vue").ComputedRef<boolean>;
     noDataMsg: import("vue").Ref<string>;
+    nextNodeRender: import("vue").Ref<boolean>;
     stepItemRef: any;
     countBoxWidth: import("vue").ComputedRef<string>;
     stepInfoList: import("vue").Ref<any[]>;
     stepInfoArray: import("vue").Ref<any[]>;
+    mouseEnter: (stepItem: any) => void;
+    mouseLeave: (stepItem: any) => void;
     handleNode: (nodeList: any[], cols: number) => void;
     fillBoxShow: (item: any) => any;
     lineCircleLeft: (stepItem: any) => boolean;
@@ -97,6 +108,10 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nextNodeRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     noDataMsg: {
         type: StringConstructor;
         default: string;
@@ -111,6 +126,7 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
     currentStep: number;
     toolTipShow: boolean;
     lastNodeRender: boolean;
+    nextNodeRender: boolean;
     placement: string;
 }>>;
 export default StepsWheel;

package/es/components/steps-wheel/src/StepsWheel.vue.d.ts

@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nextNodeRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     noDataMsg: {
         type: StringConstructor;
         default: string;
@@ -47,6 +51,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        nextNodeRender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         noDataMsg: {
             type: StringConstructor;
             default: string;
@@ -60,10 +68,13 @@ declare const _default: import("vue").DefineComponent<{
     nodeRowCount: import("vue").ComputedRef<number>;
     lastNodeRenderShow: import("vue").ComputedRef<boolean>;
     noDataMsg: import("vue").Ref<string>;
+    nextNodeRender: import("vue").Ref<boolean>;
     stepItemRef: any;
     countBoxWidth: import("vue").ComputedRef<string>;
     stepInfoList: import("vue").Ref<any[]>;
     stepInfoArray: import("vue").Ref<any[]>;
+    mouseEnter: (stepItem: any) => void;
+    mouseLeave: (stepItem: any) => void;
     handleNode: (nodeList: any[], cols: number) => void;
     fillBoxShow: (item: any) => any;
     lineCircleLeft: (stepItem: any) => boolean;
@@ -96,6 +107,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nextNodeRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     noDataMsg: {
         type: StringConstructor;
         default: string;
@@ -110,6 +125,7 @@ declare const _default: import("vue").DefineComponent<{
     currentStep: number;
     toolTipShow: boolean;
     lastNodeRender: boolean;
+    nextNodeRender: boolean;
     placement: string;
 }>;
 export default _default;

package/es/components/steps-wheel/src/StepsWheel.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,computed as t,toRefs as l,ref as n,watch as s,openBlock as o,createElementBlock as i,normalizeStyle as r,unref as a,normalizeClass as p,createElementVNode as d,Fragment as c,renderList as u,createCommentVNode as m,withDirectives as f,renderSlot as h,toDisplayString as v,vShow as g,createBlock as I,withCtx as x,createVNode as y}from"vue";import{NTooltip as B,NEmpty as w}from"naive-ui";import{useTheme as S}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import{defaultCssVars as T}from"./constants/index.js";const k={class:"stepBox"},_=["title"],b=["title"],C=["title"],$=["title"],L={key:0,style:{height:"48px"}},R={key:1},M={key:1};var N=e({__name:"StepsWheel",props:{stepInfo:{type:Object,default:()=>({list:[],cols:6})},currentStep:{type:Number,default:1},toolTipShow:{type:Boolean,default:!0},lastNodeRender:{type:Boolean,default:!1},noDataMsg:{type:String,default:"暂无节点数据"},placement:{type:String,default:"center"}},setup(e){const N=e,j=S(T,"StepsWheel"),D=t((()=>Math.ceil(F.value.length/N.stepInfo.cols))),A=t((()=>N.lastNodeRender)),{noDataMsg:E}=l(N),O=n(null),W=t((()=>{var e;let t=72;if(null==(e=null==O?void 0:O.value)?void 0:e.length){let e=O.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+N.stepInfo.cols*t}px`})),F=n([]),P=n([]),q=e=>{if(P.value.length){if(e.rowIndex===P.value.length)return!0;if(e.rowIndex<P.value.length)return P.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},z=e=>{const{list:t=[]}=N.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},G=e=>{const{list:t=[]}=N.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},H=(e,t)=>e.rowIndex%2==0?N.currentStep>=t+(N.stepInfo.cols-2*e.sort):N.currentStep>=t+2,J=(e,t)=>{let l=e.length,n=l%t==0?l/t:Math.floor(l/t+1),s=[];for(let l=0;l<n;l++){let n=e.slice(l*t,l*t+t);s.push(n)}return s},K=e=>{const{cols:t}=N.stepInfo;let l=J(F.value,t),n=l[l.length-1].filter((e=>e));return D.value%2==0?e!=n[n.length-1].nodeIndex-(t-2*n[n.length-1].sort):e!=n[n.length-1].nodeIndex-1},Q=e=>{const{cols:t}=N.stepInfo;let l=J(F.value,t),n=l[l.length-1].filter((e=>e));return D.value%2==0?A.value&&e==n[0].nodeIndex-(t-2*n[0].sort):A.value&&e==n[n.length-1].nodeIndex-1},U=(e,t)=>{const{cols:l}=N.stepInfo;let n=J(F.value,l),s=n[n.length-1].filter((e=>e));return D.value%2==0?"circle"===t?A.value&&e==s[0].nodeIndex-(l-2*s[0].sort)-l:A.value&&e==s[0].nodeIndex-(l-2*s[0].sort):"circle"===t?A.value&&e==s[s.length-1].nodeIndex-1-l:A.value&&e==s[s.length-1].nodeIndex-2};return s((()=>N.stepInfo),(e=>{var t;(null==(t=null==e?void 0:e.list)?void 0:t.length)&&((e,t)=>{let l=e.length+1,n=Math.ceil(e.length/t),s=!0,o=[];for(var i=0;i<n;i++)o[i]=new Array(t),o[i].fill(null);let r=0,a=0;for(let n=1;n<l;n++)o[r][a]=Object.assign(e[n-1],{nodeIndex:n,rowIndex:r+1}),s?n%t!=0?a++:(s=!s,r++):n%t!=0?a--:(s=!s,r++);let p=[];o.map((e=>{e.map(((e,t)=>e&&(e.sort=t))),e[0]&&(e[0].nodeType="frist"),e[e.length-1]&&(e[e.length-1].nodeType="last"),p=[...p,...e]})),F.value=p,P.value=o})(e.list,e.cols)}),{immediate:!0,deep:!0}),(t,l)=>(o(),i("div",{class:"step-wheel-box",style:r({minWidth:a(W),...a(j)})},[F.value.length?(o(),i("div",{key:0,class:p(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[d("ul",k,[(o(!0),i(c,null,u(F.value,((l,n)=>(o(),i("li",{ref_for:!0,ref_key:"stepItemRef",ref:O,key:(null==l?void 0:l.stepId)||n,class:p(["stepItem",{[`stepItem_${n+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(o(),i(c,{key:0},[m(" 步骤头部信息 "),f(d("div",{class:p(["stepTopBox",{finished:Q(n),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}])},[h(t.$slots,"stepTopBox",{stepItem:l},(()=>[d("span",{title:l.title},v(l.title),9,_)]))],2),[[g,l.title]]),m(" 步骤条的节点，此处为圆圈 "),e.toolTipShow?(o(),I(a(B),{key:0,placement:"top","show-arrow":!0,trigger:"hover",style:r({opacity:"0.88"})},{trigger:x((()=>[d("div",{class:p(["icon",{active:e.currentStep>=l.nodeIndex,finished:Q(n)}])},null,2)])),default:x((()=>[h(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId})])),_:2},1032,["style"])):(o(),i("div",{key:1,class:p(["icon",{active:e.currentStep>=l.nodeIndex,finished:Q(n)}])},null,2)),m(" 步骤条连接线，动态显示  "),"last"!==l.nodeType?f((o(),i("div",{key:2,class:p(["line",{lineActive:H(l,n),finished:U(n)}])},null,2)),[[g,K(n)]]):m("v-if",!0),m(" 步骤条弯曲连线，动态渲染 "),z(l)||G(l)?(o(),i("div",{key:3,class:p({lineCircleActive:e.currentStep>l.nodeIndex,lineCircleFinished:U(n,"circle"),lineCircleRight:G(l),lineCircleLeft:z(l),lineCirclePlacementRight:G(l)&&"right"===e.placement,lineCirclePlacementLeft:z(l)&&"left"===e.placement})},null,2)):m("v-if",!0),m(" 步骤底部信息 "),d("div",{class:p(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}])},[h(t.$slots,"stepBottomBox",{stepItem:l},(()=>[m(" 步骤名称  "),f(d("p",{class:p(["stepLabel",{labelFinsh:Q(n),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},v(l.label),11,b),[[g,l.label]]),d("div",{class:p({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[h(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[d("div",{class:p({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[f(d("p",{class:"stepExtra",title:l.person},v(l.person),9,C),[[g,l.person]]),m(" 步骤时间  "),f(d("p",{class:"statusTime",title:l.statusTime},v(l.statusTime),9,$),[[g,l.statusTime]])],2)]))],2)])),q(l)?(o(),i("div",L)):m("v-if",!0)],2)],64)):(o(),i("div",R,[m("null元素占位")]))],2)))),128))])],2)):(o(),i("div",M,[y(a(w),{description:a(E)},null,8,["description"])]))],4))}});export{N as default};
+import{defineComponent as e,computed as t,toRefs as l,ref as n,watch as o,openBlock as s,createElementBlock as i,normalizeStyle as r,unref as a,normalizeClass as p,createElementVNode as d,Fragment as u,renderList as c,createCommentVNode as m,withDirectives as f,renderSlot as v,toDisplayString as h,vShow as I,createBlock as g,withCtx as x,createVNode as y}from"vue";import{NTooltip as w,NEmpty as B}from"naive-ui";import{useTheme as S}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import{defaultCssVars as T}from"./constants/index.js";const M={class:"stepBox"},b=["title"],k=["onMouseenter","onMouseleave"],_=["onMouseenter","onMouseleave"],C=["title"],R=["title"],N=["title"],$={key:0,style:{height:"48px"}},L={key:1},V={key:1};var j=e({__name:"StepsWheel",props:{stepInfo:{type:Object,default:()=>({list:[],cols:6})},currentStep:{type:Number,default:1},toolTipShow:{type:Boolean,default:!0},lastNodeRender:{type:Boolean,default:!1},nextNodeRender:{type:Boolean,default:!1},noDataMsg:{type:String,default:"暂无节点数据"},placement:{type:String,default:"center"}},setup(e){const j=e,D=S(T,"StepsWheel"),O=t((()=>Math.ceil(q.value.length/j.stepInfo.cols))),A=t((()=>j.lastNodeRender)),{noDataMsg:E,nextNodeRender:P}=l(j),W=n(null),F=t((()=>{var e;let t=72;if(null==(e=null==W?void 0:W.value)?void 0:e.length){let e=W.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+j.stepInfo.cols*t}px`})),q=n([]),z=n([]),G=e=>{e.tipVisible=!0},H=e=>{e.tipVisible=!1},J=e=>{if(z.value.length){if(e.rowIndex===z.value.length)return!0;if(e.rowIndex<z.value.length)return z.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},K=e=>{const{list:t=[]}=j.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},Q=e=>{const{list:t=[]}=j.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},U=(e,t)=>P.value?e.rowIndex%2==0?j.currentStep>=t+(j.stepInfo.cols-2*e.sort)-1:j.currentStep>=t+1:e.rowIndex%2==0?j.currentStep>=t+(j.stepInfo.cols-2*e.sort):j.currentStep>=t+2,X=(e,t)=>{let l=e.length,n=l%t==0?l/t:Math.floor(l/t+1),o=[];for(let l=0;l<n;l++){let n=e.slice(l*t,l*t+t);o.push(n)}return o},Y=e=>{const{cols:t}=j.stepInfo;let l=X(q.value,t),n=l[l.length-1].filter((e=>e));return O.value%2==0?e!=n[n.length-1].nodeIndex-(t-2*n[n.length-1].sort):e!=n[n.length-1].nodeIndex-1},Z=e=>{const{cols:t}=j.stepInfo;let l=X(q.value,t),n=l[l.length-1].filter((e=>e));return O.value%2==0?A.value&&e==n[0].nodeIndex-(t-2*n[0].sort):A.value&&e==n[n.length-1].nodeIndex-1},ee=(e,t)=>{const{cols:l}=j.stepInfo;let n=X(q.value,l),o=n[n.length-1].filter((e=>e));return O.value%2==0?"circle"===t?A.value&&e==o[0].nodeIndex-(l-2*o[0].sort)-l:A.value&&e==o[0].nodeIndex-(l-2*o[0].sort):"circle"===t?A.value&&e==o[o.length-1].nodeIndex-1-l:A.value&&e==o[o.length-1].nodeIndex-2};return o((()=>j.stepInfo),(e=>{var t;(null==(t=null==e?void 0:e.list)?void 0:t.length)&&((e,t)=>{let l=e.length+1,n=Math.ceil(e.length/t),o=!0,s=[];for(var i=0;i<n;i++)s[i]=new Array(t),s[i].fill(null);let r=0,a=0;for(let n=1;n<l;n++)s[r][a]=Object.assign(e[n-1],{nodeIndex:n,rowIndex:r+1}),o?n%t!=0?a++:(o=!o,r++):n%t!=0?a--:(o=!o,r++);let p=[];s.map((e=>{e.map(((e,t)=>{e&&(e.sort=t,!e.hasOwnProperty("tipVisible")&&(e.tipVisible=!1))})),e[0]&&(e[0].nodeType="frist"),e[e.length-1]&&(e[e.length-1].nodeType="last"),p=[...p,...e]})),q.value=p,z.value=s})(e.list,e.cols)}),{immediate:!0,deep:!0}),(t,l)=>(s(),i("div",{class:"step-wheel-box",style:r({minWidth:a(F),...a(D)})},[q.value.length?(s(),i("div",{key:0,class:p(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[d("ul",M,[(s(!0),i(u,null,c(q.value,((l,n)=>(s(),i("li",{ref_for:!0,ref_key:"stepItemRef",ref:W,key:(null==l?void 0:l.stepId)||n,class:p(["stepItem",{[`stepItem_${n+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(s(),i(u,{key:0},[m(" 步骤头部信息 "),f(d("div",{class:p(["stepTopBox",{activeTitle:e.currentStep>=l.nodeIndex,finished:Z(n),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}])},[v(t.$slots,"stepTopBox",{stepItem:l},(()=>[d("span",{title:l.title},h(l.title),9,b)]))],2),[[I,l.title]]),m(" 步骤条的节点，此处为圆圈 "),e.toolTipShow?(s(),g(a(w),{key:0,placement:"top",delay:0,"show-arrow":!0,show:l.tipVisible,trigger:"manual",style:r({opacity:"0.88"}),onMouseenter:e=>G(l),onMouseleave:e=>H(l)},{trigger:x((()=>[d("div",{class:p(["icon",{active:e.currentStep>=l.nodeIndex,finished:Z(n)}]),onMouseenter:e=>G(l),onMouseleave:e=>H(l)},null,42,k)])),default:x((()=>[v(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId})])),_:2},1032,["show","style","onMouseenter","onMouseleave"])):(s(),i("div",{key:1,class:p(["icon",{active:e.currentStep>=l.nodeIndex,finished:Z(n)}])},null,2)),m(" 步骤条连接线，动态显示  "),"last"!==l.nodeType?f((s(),i("div",{key:2,class:p(["line",{lineActive:U(l,n),finished:ee(n)}])},null,2)),[[I,Y(n)]]):m("v-if",!0),m(" 步骤条弯曲连线，动态渲染 "),K(l)||Q(l)?(s(),i("div",{key:3,class:p({lineCircleActive:a(P)?e.currentStep>=l.nodeIndex:e.currentStep>l.nodeIndex,lineCircleFinished:ee(n,"circle"),lineCircleRight:Q(l),lineCircleLeft:K(l),lineCirclePlacementRight:Q(l)&&"right"===e.placement,lineCirclePlacementLeft:K(l)&&"left"===e.placement})},null,2)):m("v-if",!0),m(" 步骤底部信息 "),d("div",{class:p(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}]),onMouseenter:e=>G(l),onMouseleave:e=>H(l)},[v(t.$slots,"stepBottomBox",{stepItem:l},(()=>[m(" 步骤名称  "),f(d("p",{class:p(["stepLabel",{labelFinsh:Z(n),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},h(l.label),11,C),[[I,l.label]]),d("div",{class:p({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[v(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[d("div",{class:p({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[f(d("p",{class:"stepExtra",title:l.person},h(l.person),9,R),[[I,l.person]]),m(" 步骤时间  "),f(d("p",{class:"statusTime",title:l.statusTime},h(l.statusTime),9,N),[[I,l.statusTime]])],2)]))],2)])),J(l)?(s(),i("div",$)):m("v-if",!0)],42,_)],64)):(s(),i("div",L,[m("null元素占位")]))],2)))),128))])],2)):(s(),i("div",V,[y(a(B),{description:a(E)},null,8,["description"])]))],4))}});export{j as default};

package/es/components/steps-wheel/style/index.css

@@ -1 +1 @@
-.step-wheel-box{font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:100%;overflow:hidden;width:100%}.step-wheel-box .stepOut{display:flex;justify-content:center}.step-wheel-box .stepOut .stepBox{display:flex;flex-wrap:wrap;list-style:none;width:100%}.step-wheel-box .stepOut .stepItem{font-family:SimSun;font-size:16px;min-width:73px;position:relative;text-align:center;top:48px;width:15%}.step-wheel-box .stepOut .stepItem .lineCircleRight{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:0 dashed rgba(3,2,2,.4)!important;border-radius:0 25px 25px 0;border-right:1px dashed rgba(3,2,2,.4);border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:55%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementRight{width:100%}.step-wheel-box .stepOut .stepItem .lineCircleLeft{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:1px dashed rgba(3,2,2,.4);border-radius:25px 0 0 25px;border-right:0 dashed rgba(3,2,2,.4)!important;border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:15%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementLeft{left:-55%;width:100%}.step-wheel-box .stepOut .stepItem .lineCircleActive{border:1px solid var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .lineCircleFinished{border:1px solid var(--c-success-color)}.step-wheel-box .stepOut .stepItem .icon{background:#969696;border-radius:50%;height:13px;margin:0 auto;position:relative;width:13px;z-index:888}.step-wheel-box .stepOut .stepItem .active{background-color:var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .finished{background-color:var(--c-success-color)!important;border-color:var(--c-success-color)!important;color:#fff!important}.step-wheel-box .stepOut .stepItem .labelFinsh{color:var(--c-success-color)!important}.step-wheel-box .stepOut .stepItem .line{border-bottom:1px dashed rgba(3,2,2,.4);left:55%;position:absolute;top:6px;width:90%;z-index:111}.step-wheel-box .stepOut .stepItem .lineActive{border-bottom:1px solid var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .stepTopBox{background:rgba(110,153,255,.11);border-radius:4px;color:var(--c-primary-color);cursor:pointer;height:40px;left:50%;line-height:40px;max-width:70%;min-width:73px;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-48px;transform:translateX(-50%);white-space:nowrap}.step-wheel-box .stepOut .stepItem .stepTopBox_right{transform:translateX(-10%)}.step-wheel-box .stepOut .stepItem .stepTopBox_left{transform:translateX(-90%)}.step-wheel-box .stepOut .stepItem .stepBottomBox{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:73px;overflow:hidden;padding:8px 0;width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox{align-items:center;display:flex;flex-direction:column;height:calc(100% - 27px);width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .stepBottomDefaultBox{align-items:center}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox_right{align-items:flex-start;left:45%;position:relative}.step-wheel-box .stepOut .stepItem .stepBottomBox_left{align-items:flex-end;left:-45%;position:relative}.step-wheel-box .stepOut .stepItem .stepLabel{color:#212121;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.step-wheel-box .stepOut .stepItem .stepLabel_right{text-align:left}.step-wheel-box .stepOut .stepItem .stepLabel_left{text-align:right}.step-wheel-box .stepOut .stepItem .stepExtra{border:1px solid #cacaca;border-radius:4px;display:inline-block;margin:0;max-width:90%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap;width:auto}.step-wheel-box .stepOut .stepItem .statusTime{color:rgba(0,0,0,.6);font-size:14px;font-weight:400;margin:0;max-width:90%}.placementRight{left:-1%;position:relative}.placementLeft{left:10%;position:relative}.nodeTipContent{margin:0;max-height:200px;max-width:400px;overflow:auto;padding:0;text-align:center}.nodeTipContent li{list-style:none;margin-bottom:5px}.nodeTipContent li p{margin:0}
+.step-wheel-box{font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:100%;overflow:hidden;width:100%}.step-wheel-box .stepOut{display:flex;justify-content:center}.step-wheel-box .stepOut .stepBox{display:flex;flex-wrap:wrap;list-style:none;width:100%}.step-wheel-box .stepOut .stepItem{font-family:SimSun;font-size:16px;min-width:73px;position:relative;text-align:center;top:48px;width:15%}.step-wheel-box .stepOut .stepItem .lineCircleRight{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:0 dashed rgba(3,2,2,.4)!important;border-radius:0 25px 25px 0;border-right:1px dashed rgba(3,2,2,.4);border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:55%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementRight{width:100%}.step-wheel-box .stepOut .stepItem .lineCircleLeft{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:1px dashed rgba(3,2,2,.4);border-radius:25px 0 0 25px;border-right:0 dashed rgba(3,2,2,.4)!important;border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:15%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementLeft{left:-55%;width:100%}.step-wheel-box .stepOut .stepItem .lineCircleActive{border:1px solid var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .lineCircleFinished{border:1px solid var(--c-success-color)}.step-wheel-box .stepOut .stepItem .icon{background:#969696;border-radius:50%;height:13px;margin:0 auto;position:relative;width:13px;z-index:888}.step-wheel-box .stepOut .stepItem .active{background-color:var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .finished{background-color:var(--c-success-color)!important;border-color:var(--c-success-color)!important;color:#fff!important}.step-wheel-box .stepOut .stepItem .labelFinsh{color:var(--c-success-color)!important}.step-wheel-box .stepOut .stepItem .line{border-bottom:1px dashed rgba(3,2,2,.4);left:55%;position:absolute;top:6px;width:90%;z-index:111}.step-wheel-box .stepOut .stepItem .lineActive{border-bottom:1px solid var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .stepTopBox{background:#e6e6e6;border-radius:4px;color:#000;cursor:pointer;height:40px;left:50%;line-height:40px;max-width:70%;min-width:73px;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-48px;transform:translateX(-50%);white-space:nowrap}.step-wheel-box .stepOut .stepItem .activeTitle{background:#f1f5fe;color:var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .stepTopBox_right{transform:translateX(-10%)}.step-wheel-box .stepOut .stepItem .stepTopBox_left{transform:translateX(-90%)}.step-wheel-box .stepOut .stepItem .stepBottomBox{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin:8px 0 16px;min-width:73px;overflow:hidden;width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox{align-items:center;display:flex;flex-direction:column;height:calc(100% - 27px);width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .stepBottomDefaultBox{align-items:center}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox_right{align-items:flex-start;left:45%;position:relative}.step-wheel-box .stepOut .stepItem .stepBottomBox_left{align-items:flex-end;left:-45%;position:relative}.step-wheel-box .stepOut .stepItem .stepLabel{color:#212121;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.step-wheel-box .stepOut .stepItem .stepLabel_right{text-align:left}.step-wheel-box .stepOut .stepItem .stepLabel_left{text-align:right}.step-wheel-box .stepOut .stepItem .stepExtra{border:1px solid #cacaca;border-radius:4px;display:inline-block;margin:0;max-width:90%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap;width:auto}.step-wheel-box .stepOut .stepItem .statusTime{color:rgba(0,0,0,.6);font-size:14px;font-weight:400;margin:0;max-width:90%}.placementRight{left:-1%;position:relative}.placementLeft{left:10%;position:relative}.nodeTipContent{margin:0;max-height:200px;max-width:400px;overflow:auto;padding:0;text-align:center}.nodeTipContent li{list-style:none;margin-bottom:5px}.nodeTipContent li p{margin:0}

package/es/shared/package.json.js

@@ -1 +1 @@
-var e="@cnhis-design-vue/shared",i="3.1.46-beta.34",s="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.1.46-beta.34",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,s as main,e as name,n as peerDependencies,i as version};
+var e="@cnhis-design-vue/shared",i="3.1.46-beta.35",s="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.1.46-beta.35",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,s as main,e as name,n as peerDependencies,i as version};