cnhis-design-vue 3.1.42-release.0 → 3.1.42-release.2

package/es/components/select-label/src/SelectLabel.vue.d.ts

@@ -1,83 +1,108 @@
+import { PropType } from 'vue';
 import { handleLabelColor } from '../../../../es/shared/utils/vexutils';
 declare const _default: import("vue").DefineComponent<{
     selectedList: {
-        type: ArrayConstructor;
-        required: false;
+        type: PropType<any[]>;
         default: () => never[];
     };
     item: {
-        type: null;
-        required: false;
+        type: PropType<any>;
         default: () => {};
     };
     isDetail: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     isLock: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     sourceType: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     getLabelList: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             rows: never[];
         }>;
     };
-    explicit: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    explicitHeiht: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
     queryCommonlabels: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             data: {};
         }>;
     };
     deleteLabel: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             status: boolean;
         }>;
     };
     saveLabelItem: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             status: boolean;
         }>;
     };
 }, {
-    props: {
-        selectedList: any[];
-        item: any;
-        isDetail: boolean;
-        isLock: boolean;
-        sourceType: string;
-        getLabelList: Function;
-        explicit: boolean;
-        explicitHeiht: string;
-        queryCommonlabels: Function;
-        deleteLabel: Function;
-        saveLabelItem: Function;
-    };
-    emit: (event: "onChange" | "scaleChange" | "vodFileList", ...args: any[]) => void;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        selectedList: {
+            type: PropType<any[]>;
+            default: () => never[];
+        };
+        item: {
+            type: PropType<any>;
+            default: () => {};
+        };
+        isDetail: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLock: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sourceType: {
+            type: StringConstructor;
+            default: string;
+        };
+        explicit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        getLabelList: {
+            type: FunctionConstructor;
+            default: () => Promise<{
+                rows: never[];
+            }>;
+        };
+        queryCommonlabels: {
+            type: FunctionConstructor;
+            default: () => Promise<{
+                data: {};
+            }>;
+        };
+        deleteLabel: {
+            type: FunctionConstructor;
+            default: () => Promise<{
+                status: boolean;
+            }>;
+        };
+        saveLabelItem: {
+            type: FunctionConstructor;
+            default: () => Promise<{
+                status: boolean;
+            }>;
+        };
+    }>> & {
+        onOnChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "onChange", ...args: any[]) => void;
     labelFormContentRef: any;
     state: {
         labelVisible: boolean;
@@ -94,7 +119,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     updateCommonChecked: (value: boolean, item: any) => void;
     item_is_edit: import("vue").ComputedRef<any>;
-    titleRender: () => JSX.Element;
     hadleCommonlabels: (commonLabelList: any[], selectList: any[]) => void;
     getCommonlabelsList: (type: any) => Promise<void>;
     closeTag: (d: {
@@ -231,58 +255,6 @@ declare const _default: import("vue").DefineComponent<{
         anchorGetContainer: () => any;
         handleResetOptions: () => void;
         hanldeSetLabelItem: (id: string | number, status: boolean) => void;
-        NTabs: any;
-        NTabPane: import("vue").DefineComponent<{
-            readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }> | (() => import("vue").VNodeChild)>;
-            readonly name: {
-                readonly type: import("vue").PropType<string | number>;
-                readonly required: true;
-            };
-            readonly disabled: BooleanConstructor;
-            readonly displayDirective: {
-                readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
-                readonly default: "if";
-            };
-            readonly closable: {
-                readonly type: import("vue").PropType<boolean | undefined>;
-                readonly default: undefined;
-            };
-            readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
-            readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }> | (() => import("vue").VNodeChild)>;
-        }, {
-            style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
-            class: import("vue").Ref<string | undefined>;
-            mergedClsPrefix: import("vue").Ref<string>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }> | (() => import("vue").VNodeChild)>;
-            readonly name: {
-                readonly type: import("vue").PropType<string | number>;
-                readonly required: true;
-            };
-            readonly disabled: BooleanConstructor;
-            readonly displayDirective: {
-                readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
-                readonly default: "if";
-            };
-            readonly closable: {
-                readonly type: import("vue").PropType<boolean | undefined>;
-                readonly default: undefined;
-            };
-            readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
-            readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }> | (() => import("vue").VNodeChild)>;
-        }>>, {
-            readonly disabled: boolean;
-            readonly closable: boolean | undefined;
-            readonly displayDirective: "if" | "show" | "show:lazy";
-        }>;
         NAnchor: any;
         NAnchorLink: import("vue").DefineComponent<{
             readonly title: StringConstructor;
@@ -481,89 +453,71 @@ declare const _default: import("vue").DefineComponent<{
         item: any;
         isLock: boolean;
         sourceType: string;
-        getLabelList: Function;
         explicit: boolean;
+        getLabelList: Function;
         deleteLabel: Function;
         saveLabelItem: Function;
     }>;
     handleLabelColor: typeof handleLabelColor;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "scaleChange" | "vodFileList")[], "onChange" | "scaleChange" | "vodFileList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onChange"[], "onChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     selectedList: {
-        type: ArrayConstructor;
-        required: false;
+        type: PropType<any[]>;
         default: () => never[];
     };
     item: {
-        type: null;
-        required: false;
+        type: PropType<any>;
         default: () => {};
     };
     isDetail: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     isLock: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     sourceType: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     getLabelList: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             rows: never[];
         }>;
     };
-    explicit: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    explicitHeiht: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
     queryCommonlabels: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             data: {};
         }>;
     };
     deleteLabel: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             status: boolean;
         }>;
     };
     saveLabelItem: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             status: boolean;
         }>;
     };
 }>> & {
     onOnChange?: ((...args: any[]) => any) | undefined;
-    onScaleChange?: ((...args: any[]) => any) | undefined;
-    onVodFileList?: ((...args: any[]) => any) | undefined;
 }, {
-    selectedList: unknown[];
+    selectedList: any[];
     item: any;
     isDetail: boolean;
     isLock: boolean;
     sourceType: string;
-    getLabelList: Function;
     explicit: boolean;
-    explicitHeiht: string;
+    getLabelList: Function;
     queryCommonlabels: Function;
     deleteLabel: Function;
     saveLabelItem: Function;

package/es/components/select-label/src/SelectLabel.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as l,reactive as t,computed as a,onMounted as i,watch as o,openBlock as s,createElementBlock as n,Fragment as d,createElementVNode as m,createVNode as c,unref as b,withCtx as r,renderList as p,createBlock as u,normalizeStyle as L,toDisplayString as h,withDirectives as y,normalizeClass as C,createTextVNode as f,vShow as g,createCommentVNode as v,mergeProps as I,nextTick as w}from"vue";import{NSpace as x,NTag as S,NTooltip as k,NIcon as O,NModal as N}from"naive-ui";import{AddCircleOutline as j}from"@vicons/ionicons5";import W from"../../../shared/components/SvgIcon/SvgIcon.vue.js";import P from"./LabelFormContent.vue.js";import{handleLabelColor as _}from"../../../shared/utils/vexutils.js";import B from"xe-utils";const H={class:"c-select-label"},E=m("span",null,"常用",-1),F={key:1};var A=e({__name:"SelectLabel",props:{selectedList:{default:()=>[]},item:{default:()=>({})},isDetail:{type:Boolean,default:!1},isLock:{type:Boolean,default:!1},sourceType:{default:""},getLabelList:{type:Function,default:()=>Promise.resolve({rows:[]})},explicit:{type:Boolean,default:!1},explicitHeiht:{default:""},queryCommonlabels:{type:Function,default:()=>Promise.resolve({data:{}})},deleteLabel:{type:Function,default:()=>Promise.resolve({status:!0})},saveLabelItem:{type:Function,default:()=>Promise.resolve({status:!0})}},emits:["onChange","scaleChange","vodFileList"],setup(e,{emit:A}){const V=e,T=l(null),U=t({labelVisible:!1,editLabelItem:{},labelSelectedList:[],labelSelectedEdit:[],inited:!1,isChangeWindow:!1,modalWidth:"763px",modalHeight:"404px",maxHeight:"404px",commonLabelList:[],multipleChoiceConfig:{}});const z=a((()=>{const e=(null==V?void 0:V.item)||{};return(1==e.is_edit||e.isShow)&&!V.isDetail})),D=()=>c(d,null,[c("div",null,[f("选择标签")]),c("div",{class:"svg-wrap"},[c(W,{onClick:K,"icon-class":U.isChangeWindow?"xitongtubiaodaohangtubiaozuixiaohua":"xitongtubiaodaohangtubiaozuidahua"},null)])]),$=(e,l)=>{e.length&&e.forEach((e=>{let t=l.some((l=>l.labelId==e.labelId));e.isSelect=t}))},q=(e,l)=>{let t=U.multipleChoiceConfig,a=U.labelSelectedList||[];if(e){if(a.some((e=>e.labelId==l.labelId)))return;"2"==t[l.typeId]&&(a=a.filter((e=>e.typeId!==l.typeId))),a.push(l)}else{const e=a.findIndex((e=>e.labelId==l.labelId));-1!=e&&a.splice(e,1)}A("onChange",[...a]),U.labelSelectedList=a},J=e=>{V.isLock||(V.explicit||"init"===e||(U.labelVisible=!0),M(V.item))},R=()=>{var e;V.explicit||(null==(e=T.value)||e.resetShowAdd(),U.editLabelItem.showAdd=!1,U.editLabelItem={},U.inited=!1,U.modalWidth="763px",U.modalHeight="404px",U.maxHeight="404px",U.isChangeWindow=!1,U.labelVisible=!1)},K=()=>{U.isChangeWindow=!U.isChangeWindow;let e=document.body.clientHeight;U.modalWidth="763px"===U.modalWidth?"100%":"763px",U.modalHeight="404px"===U.modalHeight?e-110+"px":"404px",U.maxHeight="auto"===U.modalHeight?"404px":"none"},G=()=>{var e;null==(e=T.value)||e.handleLabelForm((e=>{A("onChange",[...e]),U.labelSelectedList=e,$(U.commonLabelList,e),R()}))},M=async(e,l)=>{const{rows:t,results:a}=await V.getLabelList(e,{update:l}),i=t||[],o={},s=`${e.val_key}_${e.name}`,n=l?[...U.labelSelectedEdit||[]]:[...U.labelSelectedList||[]];i.forEach((e=>{e.cacheKey=s,e.isSelect=!1,o[e.typeName]?o[e.typeName].itemList.push({...e}):o[e.typeName]={itemList:[{...e}],showAdd:!1,addVal:"",typeName:e.typeName,typeId:e.typeId}})),a&&(e.labelObj=o,e.labelList=i),l&&(U.labelSelectedEdit=n),U.editLabelItem=e,Q(a)},Q=e=>{if(!e)return!1;let l=Object.keys(e),t={},a=(e.typeList||[]).reduce(((e,l)=>(t[l.typeId]=l.multipleChoice,e[l.typeName]={multipleChoice:l.multipleChoice,parentColor:l.parentColor,allowCreateByPersonal:l.allowCreateByPersonal},e)),{});V.explicit&&(U.multipleChoiceConfig=t),l.forEach((l=>{var t,i,o,s,n,d,m;"typeList"!==l&&("emptyTypes"!==l?B.isPlainObject(e[l])?U.editLabelItem.labelObj[l]?(U.editLabelItem.labelObj[l].isNoAdd=!0,U.editLabelItem.labelObj[l].multipleChoice=null==(i=a[l])?void 0:i.multipleChoice,U.editLabelItem.labelObj[l].allowCreateByPersonal=null==(o=a[l])?void 0:o.allowCreateByPersonal,U.editLabelItem.labelObj[l].parentColor=null==(s=a[l])?void 0:s.parentColor):U.editLabelItem.labelObj[l]={addVal:"",showAdd:!1,itemList:!1,typeId:"",typeName:l,allowCreateByPersonal:null==(t=a[l])?void 0:t.allowCreateByPersonal,...a[l]||{}}:(U.editLabelItem.labelObj[l].multipleChoice=null==(n=a[l])?void 0:n.multipleChoice,U.editLabelItem.labelObj[l].allowCreateByPersonal=null==(d=a[l])?void 0:d.allowCreateByPersonal,U.editLabelItem.labelObj[l].parentColor=null==(m=a[l])?void 0:m.parentColor):e[l].forEach((e=>{U.editLabelItem.labelObj[e.typeName]={addVal:"",showAdd:!1,itemList:[],typeId:e.typeId,typeName:e.typeName,allowCreateByPersonal:e.allowCreateByPersonal,...a[e.typeName]||{}}})))}))},X=()=>{M(V.item,!0)},Y=()=>{G()},Z=(e,l)=>{V.explicit&&w((()=>{var t;null==(t=T.value)||t.hanldeSetLabelItem(e,l)}))};return i((()=>{V.explicit?J():(async e=>{const{rows:l,results:t}=await V.getLabelList(e);if(!t)return!1;let a=(t.typeList||[]).reduce(((e,l)=>(e[l.typeId]=l.multipleChoice,e)),{});U.multipleChoiceConfig=a})(V.item)})),o((()=>V.selectedList),(e=>{if(e){let l=Array.isArray(e)?e:[];U.labelSelectedList=JSON.parse(JSON.stringify(l)),$(U.commonLabelList,U.labelSelectedList)}}),{immediate:!0,deep:!0}),o((()=>{var e;return null==(e=V.item)?void 0:e.label_type}),(e=>{e&&"form"==V.sourceType&&(async e=>{var l;let{data:t={}}=await V.queryCommonlabels(e)||{};if("SUCCESS"!==t.result)return;let a=(null==(l=t.map)?void 0:l.rows)||[];$(a,U.labelSelectedList),U.commonLabelList=a})(e)}),{immediate:!0,deep:!0}),(l,t)=>(s(),n(d,null,[m("div",H,[c(b(x),{align:"center"},{default:r((()=>[(s(!0),n(d,null,p(U.labelSelectedList,(e=>(s(),u(b(S),{bordered:!1,key:e.labelId,style:L(b(_)(e,!0)),closable:b(z),onClose:l=>(e=>{const l=U.labelSelectedList||[],t=l.findIndex((l=>l.labelId==e.labelId));-1!=t&&l.splice(t,1),A("onChange",[...l]),U.labelSelectedList=l,Z(e.labelId,!1)})(e),size:"small"},{default:r((()=>[c(b(k),{placement:"top-start"},{trigger:r((()=>[m("span",null,h(e.labelName),1)])),default:r((()=>[m("span",null,h(e.labelName),1)])),_:2},1024)])),_:2},1032,["style","closable","onClose"])))),128)),e.explicit?v("v-if",!0):y((s(),n("span",{key:0,class:C(["form-add-icon form-add-icon-label",{disable:e.isLock}]),onClick:J},[c(b(O),{class:"add-icon",component:b(j)},null,8,["component"]),f(" 新增 ")],2)),[[g,b(z)]])])),_:1}),"form"==e.sourceType&&U.commonLabelList.length&&b(z)&&!e.explicit?(s(),u(b(x),{key:0,align:"center",class:"common-label"},{default:r((()=>[E,(s(!0),n(d,null,p(U.commonLabelList,((e,l)=>(s(),u(b(S),{checkable:"",checked:e.isSelect,"onUpdate:checked":l=>function(e,l){l.isSelect=e,q(e,l)}(l,e),key:l,style:L(b(_)(e)),size:"small"},{default:r((()=>[c(b(k),{placement:"top-start"},{trigger:r((()=>[m("span",null,h(e.labelName),1)])),default:r((()=>[m("span",null,h(e.labelName),1)])),_:2},1024)])),_:2},1032,["checked","onUpdate:checked","style"])))),128))])),_:1})):v("v-if",!0),e.explicit&&b(z)?(s(),n("div",F,[c(P,I(l.$attrs,{ref_key:"labelFormContentRef",ref:T,labelSelectedList:U.labelSelectedList,isChangeWindow:U.isChangeWindow,labelOptions:U.editLabelItem.labelObj,deleteLabel:e.deleteLabel,saveLabelItem:e.saveLabelItem,onUpdateLabelData:X,onExplicitOnChange:Y}),null,16,["labelSelectedList","isChangeWindow","labelOptions","deleteLabel","saveLabelItem"])])):v("v-if",!0)]),v(" 弹窗 "),c(b(N),{preset:"dialog",class:C(["label-form-modal-wrap modal-wrap standard-modal standard-modal-white",{"modal-screen":U.isChangeWindow}]),show:U.labelVisible,"onUpdate:show":t[0]||(t[0]=e=>U.labelVisible=e),onPositiveClick:G,onNegativeClick:R,onClose:R,"mask-closable":!1,"close-on-esc":!1,"show-icon":!1,"negative-text":"取消","positive-text":"确定",style:L({width:U.modalWidth}),title:D},{default:r((()=>[c(P,I(l.$attrs,{ref_key:"labelFormContentRef",ref:T,labelSelectedList:U.labelSelectedList,isChangeWindow:U.isChangeWindow,labelOptions:U.editLabelItem.labelObj,sourceType:e.sourceType,deleteLabel:e.deleteLabel,saveLabelItem:e.saveLabelItem,onUpdateLabelData:X}),null,16,["labelSelectedList","isChangeWindow","labelOptions","sourceType","deleteLabel","saveLabelItem"])])),_:1},8,["show","class","style"])],64))}});export{A as default};
+import{defineComponent as e,ref as l,reactive as t,computed as a,onMounted as i,watch as o,openBlock as s,createElementBlock as n,Fragment as d,createElementVNode as c,createBlock as b,unref as m,withCtx as r,renderList as p,normalizeStyle as u,createVNode as L,toDisplayString as y,withDirectives as h,normalizeClass as C,createTextVNode as f,vShow as g,createCommentVNode as v,mergeProps as I,nextTick as w}from"vue";import{NSpace as x,NTag as S,NTooltip as k,NIcon as O,NModal as N}from"naive-ui";import{AddCircleOutline as j}from"@vicons/ionicons5";import W from"./LabelFormContent.vue.js";import{handleLabelColor as P}from"../../../shared/utils/vexutils.js";import _ from"xe-utils";const B={class:"c-select-label"},A=c("span",null,"常用",-1),E={key:2,class:"outexplicit"},H=c("span",null,"选择标签",-1),z={class:"svg-wrap"};var F=e({__name:"SelectLabel",props:{selectedList:{type:Array,default:()=>[]},item:{type:Object,default:()=>({})},isDetail:{type:Boolean,default:!1},isLock:{type:Boolean,default:!1},sourceType:{type:String,default:""},explicit:{type:Boolean,default:!1},getLabelList:{type:Function,default:()=>Promise.resolve({rows:[]})},queryCommonlabels:{type:Function,default:()=>Promise.resolve({data:{}})},deleteLabel:{type:Function,default:()=>Promise.resolve({status:!0})},saveLabelItem:{type:Function,default:()=>Promise.resolve({status:!0})}},emits:["onChange"],setup(e,{emit:F}){const V=e,T=l(null),U=t({labelVisible:!1,editLabelItem:{},labelSelectedList:[],labelSelectedEdit:[],inited:!1,isChangeWindow:!1,modalWidth:"763px",modalHeight:"404px",maxHeight:"404px",commonLabelList:[],multipleChoiceConfig:{}});const D=a((()=>{const e=(null==V?void 0:V.item)||{};return(1==e.is_edit||e.isShow)&&!V.isDetail})),$=(e,l)=>{e.length&&e.forEach((e=>{let t=l.some((l=>l.labelId==e.labelId));e.isSelect=t}))},q=(e,l)=>{let t=U.multipleChoiceConfig,a=U.labelSelectedList||[];if(e){if(a.some((e=>e.labelId==l.labelId)))return;"2"==t[l.typeId]&&(a=a.filter((e=>e.typeId!==l.typeId))),a.push(l)}else{const e=a.findIndex((e=>e.labelId==l.labelId));-1!=e&&a.splice(e,1)}F("onChange",[...a]),U.labelSelectedList=a},J=e=>{V.isLock||(V.explicit||"init"===e||(U.labelVisible=!0),M(V.item))},R=()=>{var e;V.explicit||(null==(e=T.value)||e.resetShowAdd(),U.editLabelItem.showAdd=!1,U.editLabelItem={},U.inited=!1,U.modalWidth="763px",U.modalHeight="404px",U.maxHeight="404px",U.isChangeWindow=!1,U.labelVisible=!1)},K=()=>{U.isChangeWindow=!U.isChangeWindow;let e=document.body.clientHeight;U.modalWidth="763px"===U.modalWidth?"100%":"763px",U.modalHeight="404px"===U.modalHeight?e-110+"px":"404px",U.maxHeight="auto"===U.modalHeight?"404px":"none"},G=()=>{var e;null==(e=T.value)||e.handleLabelForm((e=>{F("onChange",[...e]),U.labelSelectedList=e,$(U.commonLabelList,e),R()}))},M=async(e,l)=>{const{rows:t,results:a}=await V.getLabelList(e,{update:l}),i=t||[],o={},s=`${e.val_key}_${e.name}`,n=l?[...U.labelSelectedEdit||[]]:[...U.labelSelectedList||[]];i.forEach((e=>{e.cacheKey=s,e.isSelect=!1,o[e.typeName]?o[e.typeName].itemList.push({...e}):o[e.typeName]={itemList:[{...e}],showAdd:!1,addVal:"",typeName:e.typeName,typeId:e.typeId}})),a&&(e.labelObj=o,e.labelList=i),l&&(U.labelSelectedEdit=n),U.editLabelItem=e,Q(a)},Q=e=>{if(!e)return!1;let l=Object.keys(e),t={},a=(e.typeList||[]).reduce(((e,l)=>(t[l.typeId]=l.multipleChoice,e[l.typeName]={multipleChoice:l.multipleChoice,parentColor:l.parentColor,allowCreateByPersonal:l.allowCreateByPersonal},e)),{});V.explicit&&(U.multipleChoiceConfig=t),l.forEach((l=>{var t,i,o,s,n,d,c;"typeList"!==l&&("emptyTypes"!==l?_.isPlainObject(e[l])?U.editLabelItem.labelObj[l]?(U.editLabelItem.labelObj[l].isNoAdd=!0,U.editLabelItem.labelObj[l].multipleChoice=null==(i=a[l])?void 0:i.multipleChoice,U.editLabelItem.labelObj[l].allowCreateByPersonal=null==(o=a[l])?void 0:o.allowCreateByPersonal,U.editLabelItem.labelObj[l].parentColor=null==(s=a[l])?void 0:s.parentColor):U.editLabelItem.labelObj[l]={addVal:"",showAdd:!1,itemList:!1,typeId:"",typeName:l,allowCreateByPersonal:null==(t=a[l])?void 0:t.allowCreateByPersonal,...a[l]||{}}:(U.editLabelItem.labelObj[l].multipleChoice=null==(n=a[l])?void 0:n.multipleChoice,U.editLabelItem.labelObj[l].allowCreateByPersonal=null==(d=a[l])?void 0:d.allowCreateByPersonal,U.editLabelItem.labelObj[l].parentColor=null==(c=a[l])?void 0:c.parentColor):e[l].forEach((e=>{U.editLabelItem.labelObj[e.typeName]={addVal:"",showAdd:!1,itemList:[],typeId:e.typeId,typeName:e.typeName,allowCreateByPersonal:e.allowCreateByPersonal,...a[e.typeName]||{}}})))}))},X=()=>{M(V.item,!0)},Y=()=>{G()},Z=(e,l)=>{V.explicit&&w((()=>{var t;null==(t=T.value)||t.hanldeSetLabelItem(e,l)}))};return i((()=>{V.explicit?J():(async e=>{const{rows:l,results:t}=await V.getLabelList(e);if(!t)return!1;let a=(t.typeList||[]).reduce(((e,l)=>(e[l.typeId]=l.multipleChoice,e)),{});U.multipleChoiceConfig=a})(V.item)})),o((()=>V.selectedList),(e=>{if(e){let l=Array.isArray(e)?e:[];U.labelSelectedList=JSON.parse(JSON.stringify(l)),$(U.commonLabelList,U.labelSelectedList)}}),{immediate:!0,deep:!0}),o((()=>{var e;return null==(e=V.item)?void 0:e.label_type}),(e=>{e&&"form"==V.sourceType&&(async e=>{var l;let{data:t={}}=await V.queryCommonlabels(e)||{};if("SUCCESS"!==t.result)return;let a=(null==(l=t.map)?void 0:l.rows)||[];$(a,U.labelSelectedList),U.commonLabelList=a})(e)}),{immediate:!0,deep:!0}),(l,t)=>(s(),n(d,null,[c("div",B,[e.explicit?v("v-if",!0):(s(),b(m(x),{key:0,align:"center"},{default:r((()=>[(s(!0),n(d,null,p(U.labelSelectedList,(e=>(s(),b(m(S),{bordered:!1,key:e.labelId,style:u(m(P)(e,!0)),closable:m(D),onClose:l=>(e=>{const l=U.labelSelectedList||[],t=l.findIndex((l=>l.labelId==e.labelId));-1!=t&&l.splice(t,1),F("onChange",[...l]),U.labelSelectedList=l,Z(e.labelId,!1)})(e),size:"small"},{default:r((()=>[L(m(k),{placement:"top-start"},{trigger:r((()=>[c("span",null,y(e.labelName),1)])),default:r((()=>[c("span",null,y(e.labelName),1)])),_:2},1024)])),_:2},1032,["style","closable","onClose"])))),128)),e.explicit?v("v-if",!0):h((s(),n("span",{key:0,class:C(["form-add-icon form-add-icon-label",{disable:e.isLock}]),onClick:J},[L(m(O),{class:"add-icon",component:m(j)},null,8,["component"]),f(" 新增 ")],2)),[[g,m(D)]])])),_:1})),"form"==e.sourceType&&U.commonLabelList.length&&m(D)&&!e.explicit?(s(),b(m(x),{key:1,align:"center",class:"common-label"},{default:r((()=>[A,(s(!0),n(d,null,p(U.commonLabelList,((e,l)=>(s(),b(m(S),{checkable:"",checked:e.isSelect,"onUpdate:checked":l=>function(e,l){l.isSelect=e,q(e,l)}(l,e),key:l,style:u(m(P)(e)),size:"small"},{default:r((()=>[L(m(k),{placement:"top-start"},{trigger:r((()=>[c("span",null,y(e.labelName),1)])),default:r((()=>[c("span",null,y(e.labelName),1)])),_:2},1024)])),_:2},1032,["checked","onUpdate:checked","style"])))),128))])),_:1})):v("v-if",!0),e.explicit&&m(D)?(s(),n("div",E,[L(W,I(l.$attrs,{ref_key:"labelFormContentRef",ref:T,explicit:e.explicit,labelSelectedList:U.labelSelectedList,isChangeWindow:U.isChangeWindow,labelOptions:U.editLabelItem.labelObj,deleteLabel:e.deleteLabel,saveLabelItem:e.saveLabelItem,onUpdateLabelData:X,onExplicitOnChange:Y}),null,16,["explicit","labelSelectedList","isChangeWindow","labelOptions","deleteLabel","saveLabelItem"])])):v("v-if",!0)]),v(" 弹窗 "),L(m(N),{preset:"dialog",class:C(["label-form-modal-wrap modal-wrap standard-modal standard-modal-white",{"modal-screen":U.isChangeWindow}]),show:U.labelVisible,"onUpdate:show":t[0]||(t[0]=e=>U.labelVisible=e),onPositiveClick:G,onNegativeClick:R,onClose:R,"mask-closable":!1,"close-on-esc":!1,"show-icon":!1,"negative-text":"取消","positive-text":"确定",style:u({width:U.modalWidth})},{header:r((()=>[H,c("div",z,[c("i",{onClick:K,class:C(["iconfont-select-label",U.isChangeWindow?"icon-select-label-menzhenyishengzhanxitongtubiaozuixiaohua2":"icon-select-label-menzhenyishengzhanxitongtubiaozuidahua"])},null,2)])])),default:r((()=>[L(W,I(l.$attrs,{ref_key:"labelFormContentRef",ref:T,labelSelectedList:U.labelSelectedList,isChangeWindow:U.isChangeWindow,labelOptions:U.editLabelItem.labelObj,sourceType:e.sourceType,deleteLabel:e.deleteLabel,saveLabelItem:e.saveLabelItem,onUpdateLabelData:X}),null,16,["labelSelectedList","isChangeWindow","labelOptions","sourceType","deleteLabel","saveLabelItem"])])),_:1},8,["show","class","style"])],64))}});export{F as default};

package/es/components/select-label/src/components/label-classify.vue.js

@@ -1 +1 @@
-import{defineComponent as e,ref as l,watch as a,openBlock as s,createElementBlock as t,createCommentVNode as i,unref as d,Fragment as c,createElementVNode as n,renderList as o,createBlock as u,normalizeStyle as p,normalizeClass as f,withCtx as y,createVNode as m,toDisplayString as r,withDirectives as b,withModifiers as v,vShow as h,createTextVNode as k}from"vue";import{NTag as I,NTooltip as g,NIcon as C,NButton as L,NInput as _}from"naive-ui";import{Close as A,Add as B}from"@vicons/ionicons5";import F from"../../../../_virtual/plugin-vue_export-helper.js";const P={class:"edit-content"},w={key:0,class:"label-disable-wrap"},N=[n("p",{class:"label-disable-title"},"无可选标签",-1),n("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],T={class:"label-content"};var V=F(e({__name:"label-classify",props:{classifyItem:{default:()=>({})},handleLabelChange:{type:Function,default:()=>{}},handleLabelColor:{type:Function,default:()=>{}},handleDelLabel:{type:Function,default:()=>{}},handleAddLabel:{type:Function,default:()=>{}},hanldeBlur:{type:Function,default:()=>{}},clearaddVal:{type:Function,default:()=>{}},isEdit:{type:Boolean,default:!1},sourceType:null},setup(e){var F;const V=e;let x=l((null==(F=V.classifyItem)?void 0:F.itemList)||[]);return a((()=>V.classifyItem),(e=>{x.value=(null==e?void 0:e.itemList)||[]}),{immediate:!0,deep:!0}),(l,a)=>(s(),t("div",P,[i(" disable "),d(x)?(s(),t(c,{key:1},[i("  "),n("div",T,[(s(!0),t(c,null,o(d(x),(l=>(s(),u(d(I),{checkable:"",checked:l.isSelect,"onUpdate:checked":a=>((e,l,a)=>{l.isSelect=e,V.handleLabelChange(e,l,a)})(a,l,e.classifyItem),key:l.labelId,style:p(e.handleLabelColor(l)),class:f({"sys-label-tag":l.isPublic&&1==l.isPublic})},{default:y((()=>[m(d(g),{placement:"top-start"},{trigger:y((()=>[n("span",null,r(l.labelName),1)])),default:y((()=>[n("span",null,r(l.labelName),1)])),_:2},1024),"guage"!=e.sourceType?b((s(),u(d(C),{key:0,class:"label-close",component:d(A),onClick:v((a=>e.handleDelLabel(l,e.classifyItem)),["stop"])},null,8,["component","onClick"])),[[h,!(l.isPublic&&1==l.isPublic)]]):i("v-if",!0)])),_:2},1032,["checked","onUpdate:checked","style","class"])))),128)),1==e.classifyItem.allowCreateByPersonal?(s(),t(c,{key:0},[e.isEdit&&!e.classifyItem.isNoAdd&&"guage"!=e.sourceType?b((s(),u(d(L),{key:0,dashed:"",class:"label-add",onClick:a[0]||(a[0]=l=>e.handleAddLabel(l,e.classifyItem))},{default:y((()=>[m(d(C),{component:d(B)},null,8,["component"]),k(" 标签 ")])),_:1},512)),[[h,!e.classifyItem.showAdd]]):i("v-if",!0),i(" 是否允许新增个人标签 allowCreateByPersonal "),e.isEdit&&!e.classifyItem.isNoAdd&&"guage"!=e.sourceType?b((s(),u(d(_),{key:1,class:"label-add add-input",value:e.classifyItem.addVal,"onUpdate:value":a[2]||(a[2]=l=>e.classifyItem.addVal=l),valueModifiers:{trim:!0},onBlur:a[3]||(a[3]=l=>e.hanldeBlur(l,e.classifyItem))},{suffix:y((()=>[m(d(C),{component:d(A),onClick:a[1]||(a[1]=v((l=>e.clearaddVal(l,e.classifyItem)),["stop"]))},null,8,["component"])])),_:1},8,["value"])),[[h,e.classifyItem.showAdd]]):i("v-if",!0)],64)):i("v-if",!0)])],2112)):(s(),t("div",w,N))]))}}),[["__file","label-classify.vue"]]);export{V as default};
+import{defineComponent as e,ref as l,watch as a,openBlock as s,createElementBlock as t,createCommentVNode as i,unref as d,Fragment as c,createElementVNode as n,renderList as o,createBlock as u,normalizeStyle as f,normalizeClass as p,withCtx as y,createVNode as m,toDisplayString as r,withDirectives as b,withModifiers as v,vShow as h,createTextVNode as k}from"vue";import{NTag as I,NTooltip as g,NIcon as C,NButton as L,NInput as _}from"naive-ui";import{Close as A,Add as B}from"@vicons/ionicons5";import F from"../../../../_virtual/plugin-vue_export-helper.js";const P={class:"edit-content"},V={key:0,class:"label-disable-wrap"},w=[n("p",{class:"label-disable-title"},"无可选标签",-1),n("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],N={class:"label-content"},T={key:0,class:"selfval"},x={key:1,class:"selfval"};var E=F(e({__name:"label-classify",props:{classifyItem:{default:()=>({})},handleLabelChange:{type:Function,default:()=>{}},handleLabelColor:{type:Function,default:()=>{}},handleDelLabel:{type:Function,default:()=>{}},handleAddLabel:{type:Function,default:()=>{}},hanldeBlur:{type:Function,default:()=>{}},clearaddVal:{type:Function,default:()=>{}},isEdit:{type:Boolean,default:!1},sourceType:null},setup(e){var F;const E=e;let U=l((null==(F=E.classifyItem)?void 0:F.itemList)||[]);return a((()=>E.classifyItem),(e=>{U.value=(null==e?void 0:e.itemList)||[]}),{immediate:!0,deep:!0}),(l,a)=>(s(),t("div",P,[i(" disable "),d(U)?(s(),t(c,{key:1},[i("  "),n("div",N,[(s(!0),t(c,null,o(d(U),(l=>(s(),u(d(I),{checkable:"",checked:l.isSelect,"onUpdate:checked":a=>((e,l,a)=>{l.isSelect=e,E.handleLabelChange(e,l,a)})(a,l,e.classifyItem),key:l.labelId,style:f(e.handleLabelColor(l)),class:p({"sys-label-tag":l.isPublic&&1==l.isPublic})},{default:y((()=>[m(d(g),{placement:"top-start"},{trigger:y((()=>[n("span",null,r(l.labelName),1)])),default:y((()=>[n("span",null,r(l.labelName),1)])),_:2},1024),"guage"!=e.sourceType?b((s(),u(d(C),{key:0,class:"label-close",component:d(A),onClick:v((a=>e.handleDelLabel(l,e.classifyItem)),["stop"])},null,8,["component","onClick"])),[[h,!(l.isPublic&&1==l.isPublic)]]):i("v-if",!0)])),_:2},1032,["checked","onUpdate:checked","style","class"])))),128)),1==e.classifyItem.allowCreateByPersonal?(s(),t(c,{key:0},[e.isEdit&&!e.classifyItem.isNoAdd&&"guage"!=e.sourceType?b((s(),u(d(L),{key:0,dashed:"",class:"label-add",onClick:a[0]||(a[0]=l=>e.handleAddLabel(l,e.classifyItem))},{default:y((()=>[e.classifyItem.addVal?(s(),t("span",T,r(e.classifyItem.addVal),1)):(s(),t("span",x,[m(d(C),{component:d(B)},null,8,["component"]),k("标签")]))])),_:1},512)),[[h,!e.classifyItem.showAdd]]):i("v-if",!0),i(" 是否允许新增个人标签 allowCreateByPersonal "),e.isEdit&&!e.classifyItem.isNoAdd&&"guage"!=e.sourceType?b((s(),u(d(_),{key:1,class:"label-add add-input",value:e.classifyItem.addVal,"onUpdate:value":a[2]||(a[2]=l=>e.classifyItem.addVal=l),valueModifiers:{trim:!0},onBlur:a[3]||(a[3]=l=>e.hanldeBlur(l,e.classifyItem))},{suffix:y((()=>[m(d(C),{component:d(A),onClick:a[1]||(a[1]=v((l=>e.clearaddVal(l,e.classifyItem)),["stop"]))},null,8,["component"])])),_:1},8,["value"])),[[h,e.classifyItem.showAdd]]):i("v-if",!0)],64)):i("v-if",!0)])],2112)):(s(),t("div",V,w))]))}}),[["__file","label-classify.vue"]]);export{E as default};

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

@@ -1 +1 @@
-.c-select-label .label-disable-wrap{align-items:center;display:flex;flex-direction:column;font-size:14px;line-height:20px;width:100%}.c-select-label .label-disable-wrap .label-disable-img{height:248px;width:320px}.c-select-label .common-label{border:1px solid rgba(0,0,0,.1);border-radius:4px;margin-top:8px!important;padding:4px 12px}.c-select-label .common-label>span{color:rgba(0,0,0,.9);margin-right:16px}.c-select-label .form-add-icon-label{align-items:center;color:#2d7aff;cursor:pointer;display:inline-flex;margin-bottom:4px}.c-select-label .anticon+.anticon{margin-left:16px}.c-select-label .label-disable-wrap{text-align:center}.c-select-label .n-tag{border:1px solid #e0e0e6;margin:0 8px 0 0;max-width:108px}.c-select-label .n-tag .n-base-icon{color:#fff}.c-select-label .n-tag .n-tag__content{align-items:center;display:inline-block;height:100%;line-height:20px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-label-form-content{border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;height:100%;width:100%}.c-label-form-content .label-wrap{display:flex;height:100%;width:100%}.c-label-form-content .label-wrap .left-label-wrap{border-right:1px solid #e8e8e8;height:404px;max-height:404px;width:140px}.c-label-form-content .label-wrap .left-label-wrap.total-left-label-wrap{height:calc(100vh - 109px);max-height:calc(100vh - 109px)}.c-label-form-content .label-wrap .left-label-wrap.explicit-label-wrap{height:auto;overflow:hidden;overflow-y:auto;width:100%}.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link{font-size:14px;padding:10px 8px}.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link.n-anchor-link--active{background-color:#f2f2f2}.c-label-form-content .label-wrap .right-label-wrap{flex:1;height:404px;max-height:404px;overflow-y:auto}.c-label-form-content .label-wrap .right-label-wrap.total-right-label-wrap{max-height:calc(100vh - 109px)}.c-label-form-content .label-wrap .right-label-wrap .label-add{display:inline-flex;height:30px;justify-content:center;line-height:30px;position:relative;text-align:center;top:2px;width:108px}.c-label-form-content .label-wrap .right-label-wrap .add-input{width:108px}.c-label-form-content .label-wrap .right-label-wrap .add-input .n-input__suffix{cursor:pointer}.c-label-form-content .label-wrap .explicit-continer{border:1px solid #d5d5d5;width:100%}.c-label-form-content .edit-label-type{font-size:12px;margin-left:4px}.c-label-form-content .edit-label-content{padding:0 14px}.c-label-form-content .edit-label-content .edit-content{margin-bottom:10px;margin-top:8px;width:100%}.c-label-form-content .edit-label-content .edit-content .n-tag{border:1px solid #e0e0e6;margin:0 8px 8px 0;max-width:108px;text-align:center}.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content{align-items:center;display:inline-flex}.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content span{display:inline-block;height:100%;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.n-dialog__title .svg-wrap{margin:0 0 0 auto}.n-dialog__title .svg-wrap .svg-icon{fill:currentcolor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.n-dialog__title .svg-wrap svg{cursor:pointer;font-size:14px}.n-dialog__title .svg-wrap svg+svg{margin-left:16px}
+@font-face{font-family:iconfont;src:url(iconfont.ttf) format("truetype")}.iconfont-select-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:14px;font-style:normal}.icon-select-label-menzhenyishengzhanxitongtubiaozuixiaohua2:before{content:"\e778"}.icon-select-label-menzhenyishengzhanxitongtubiaozuidahua:before{content:"\e779"}.c-select-label .label-disable-wrap{align-items:center;display:flex;flex-direction:column;font-size:14px;line-height:20px;width:100%}.c-select-label .label-disable-wrap .label-disable-img{height:248px;width:320px}.c-select-label .common-label{border:1px solid rgba(0,0,0,.1);border-radius:4px;margin-top:8px!important;padding:4px 12px}.c-select-label .common-label>span{color:rgba(0,0,0,.9);margin-right:16px}.c-select-label .form-add-icon-label{align-items:center;color:#2d7aff;cursor:pointer;display:inline-flex;vertical-align:middle}.c-select-label .anticon+.anticon{margin-left:16px}.c-select-label .n-tag{border:1px solid #e0e0e6;margin:0 8px 0 0;max-width:108px}.c-select-label .n-tag .n-base-icon{color:#fff}.c-select-label .n-tag .n-tag__content{align-items:center;display:inline-block;line-height:20px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-label-form-content{border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;height:100%;width:100%}.c-label-form-content .label-wrap{display:flex;height:100%;width:100%}.c-label-form-content .label-wrap .left-label-wrap{border-right:1px solid #e8e8e8;max-height:404px;width:140px}.c-label-form-content .label-wrap .left-label-wrap.total-left-label-wrap{height:calc(100vh - 109px);max-height:calc(100vh - 109px)}.c-label-form-content .label-wrap .left-label-wrap.explicit-label-wrap{height:auto;overflow:hidden;overflow-y:auto;width:100%}.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link{font-size:14px;padding:10px 8px}.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link.n-anchor-link--active{background-color:#f2f2f2}.c-label-form-content .label-wrap .right-label-wrap{flex:1;max-height:404px;overflow-y:auto}.c-label-form-content .label-wrap .right-label-wrap.total-right-label-wrap{max-height:calc(100vh - 109px)}.c-label-form-content .label-wrap .right-label-wrap .label-add{display:inline-flex;height:30px;justify-content:center;line-height:30px;position:relative;text-align:center;top:2px;width:108px}.c-label-form-content .label-wrap .right-label-wrap .label-add .selfval{align-items:center;display:flex;justify-content:center}.c-label-form-content .label-wrap .right-label-wrap .add-input{width:108px}.c-label-form-content .label-wrap .right-label-wrap .add-input .n-input__suffix{cursor:pointer}.c-label-form-content .label-wrap .explicit-continer{border:1px solid #d5d5d5;width:100%}.c-label-form-content .edit-label-type{font-size:12px;margin-left:4px}.c-label-form-content .edit-label-content{margin-top:10px;padding:0 14px}.c-label-form-content .edit-label-content .edit-content{margin-top:8px;width:100%}.c-label-form-content .edit-label-content .edit-content .n-tag{border:1px solid #e0e0e6;margin:0 8px 8px 0;max-width:108px;text-align:center}.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content{align-items:center;display:inline-flex}.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content span{display:inline-block;height:100%;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.n-dialog__title .svg-wrap{margin:0 0 0 auto}.n-dialog__title .svg-wrap i{cursor:pointer;font-size:16px}

package/es/components/shortcut-setter/index.d.ts

@@ -38,7 +38,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
     fieldList: import("vue").Ref<{
         [x: string]: any;
         val_key: string;
-        html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+        html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
         annotation?: boolean | undefined;
         val_key_unit?: string | undefined;
         is_edit?: import("..").FormCommonState | undefined;
@@ -1984,7 +1984,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+            emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
             formHeight: import("vue").ComputedRef<string>;
@@ -2154,28 +2154,24 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                     title: string;
                     form: import("@formily/core").Form<any>;
                     content: any;
-                    hidden: boolean;
-                    active: boolean;
-                    dataSource: import("@formily/core").FieldDataSource;
-                    description: string;
-                    display: import("@formily/core").FieldDisplayTypes;
-                    mounted: boolean;
-                    readonly destroyed: boolean;
-                    unmounted: boolean;
                     componentProps: Record<string, any>;
                     decoratorProps: Record<string, any>;
+                    display: import("@formily/core").FieldDisplayTypes;
+                    description: string;
                     readOnly: boolean;
                     editable: boolean;
+                    hidden: boolean;
                     component: import("@formily/core").FieldComponent<any, any>;
                     decorator: import("@formily/core").FieldDecorator<any, any>;
-                    readPretty: boolean;
                     validating: boolean;
                     submitting: boolean;
+                    active: boolean;
                     visited: boolean;
                     selfModified: boolean;
                     modified: boolean;
                     inputValue: string;
                     inputValues: any[];
+                    dataSource: import("@formily/core").FieldDataSource;
                     feedbacks: import("@formily/core").IFieldFeedback[];
                     caches: import("@formily/core").IFieldCaches;
                     selfErrors: import("@formily/core").FeedbackMessage;
@@ -2206,11 +2202,15 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                     queryFeedbacks: (search?: import("@formily/core").ISearchFeedback | undefined) => import("@formily/core").IFieldFeedback[];
                     modify: () => void;
                     initialized: boolean;
+                    mounted: boolean;
+                    unmounted: boolean;
                     decoratorType: any;
                     componentType: any;
                     designable: boolean;
                     locate: (address: import("@formily/path").Pattern) => void;
                     readonly parent: import("@formily/core").GeneralField;
+                    readPretty: boolean;
+                    readonly destroyed: boolean;
                     setTitle: (title?: string | undefined) => void;
                     setDescription: (description?: string | undefined) => void;
                     setDisplay: (type?: import("@formily/core").FieldDisplayTypes | undefined) => void;
@@ -2294,7 +2294,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 readonly displayDirective: "if" | "show" | "show:lazy";
             }>;
             NTabs: any;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<import("..").FieldItem[]>;
             };

package/es/components/shortcut-setter/src/ShortcutSetter.vue.d.ts

@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     fieldList: import("vue").Ref<{
         [x: string]: any;
         val_key: string;
-        html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+        html_type: "LINEBAR" | ({} & string) | "INPUT" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
         annotation?: boolean | undefined;
         val_key_unit?: string | undefined;
         is_edit?: import("../../../../es/components/form-render").FormCommonState | undefined;
@@ -1986,7 +1986,7 @@ declare const _default: import("vue").DefineComponent<{
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+            emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
             formHeight: import("vue").ComputedRef<string>;
@@ -2156,28 +2156,24 @@ declare const _default: import("vue").DefineComponent<{
                     title: string;
                     form: import("../../../../es/components/form-render").Form<any>;
                     content: any;
-                    hidden: boolean;
-                    active: boolean;
-                    dataSource: import("../../../../es/components/form-render").FieldDataSource;
-                    description: string;
-                    display: import("../../../../es/components/form-render").FieldDisplayTypes;
-                    mounted: boolean;
-                    readonly destroyed: boolean;
-                    unmounted: boolean;
                     componentProps: Record<string, any>;
                     decoratorProps: Record<string, any>;
+                    display: import("../../../../es/components/form-render").FieldDisplayTypes;
+                    description: string;
                     readOnly: boolean;
                     editable: boolean;
+                    hidden: boolean;
                     component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                     decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
-                    readPretty: boolean;
                     validating: boolean;
                     submitting: boolean;
+                    active: boolean;
                     visited: boolean;
                     selfModified: boolean;
                     modified: boolean;
                     inputValue: string;
                     inputValues: any[];
+                    dataSource: import("../../../../es/components/form-render").FieldDataSource;
                     feedbacks: import("../../../../es/components/form-render").IFieldFeedback[];
                     caches: import("../../../../es/components/form-render").IFieldCaches;
                     selfErrors: import("../../../../es/components/form-render").FeedbackMessage;
@@ -2208,11 +2204,15 @@ declare const _default: import("vue").DefineComponent<{
                     queryFeedbacks: (search?: import("../../../../es/components/form-render").ISearchFeedback | undefined) => import("../../../../es/components/form-render").IFieldFeedback[];
                     modify: () => void;
                     initialized: boolean;
+                    mounted: boolean;
+                    unmounted: boolean;
                     decoratorType: any;
                     componentType: any;
                     designable: boolean;
                     locate: (address: import("@formily/path").Pattern) => void;
                     readonly parent: import("../../../../es/components/form-render").GeneralField;
+                    readPretty: boolean;
+                    readonly destroyed: boolean;
                     setTitle: (title?: string | undefined) => void;
                     setDescription: (description?: string | undefined) => void;
                     setDisplay: (type?: import("../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;
@@ -2296,7 +2296,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly displayDirective: "if" | "show" | "show:lazy";
             }>;
             NTabs: any;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;
             };

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

@@ -57,6 +57,7 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
             default: string;
         };
     }>> & {}>>;
+    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     nodeRowCount: import("vue").ComputedRef<number>;
     lastNodeRenderShow: import("vue").ComputedRef<boolean>;
     noDataMsg: import("vue").Ref<string>;

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

@@ -56,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
         };
     }>> & {}>>;
+    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     nodeRowCount: import("vue").ComputedRef<number>;
     lastNodeRenderShow: import("vue").ComputedRef<boolean>;
     noDataMsg: import("vue").Ref<string>;

package/es/components/steps-wheel/src/StepsWheel.vue.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 p,unref as a,normalizeClass as r,createElementVNode as d,Fragment as u,renderList as c,createCommentVNode as m,withDirectives as f,renderSlot as h,toDisplayString as v,vShow as g,createBlock as I,withCtx as x,createVNode as y,createTextVNode as B}from"vue";import{NTooltip as w,NEmpty as T}from"naive-ui";import S from"../../../_virtual/plugin-vue_export-helper.js";const _={class:"stepBox"},b=["title"],k=d("ul",{class:"nodeTipContent"},[d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(1)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是测试案例,请使用插槽：#nodeTipBox 自定义")]),d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(2)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是个测试案例,请使用插槽：#nodeTipBox 自定义")])],-1),C=["title"],$=["title"],L=["title"],R={key:0,style:{height:"48px"}},M={key:1},N={key:1};var D=S(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 B=e,S=t((()=>Math.ceil(O.value.length/B.stepInfo.cols))),D=t((()=>B.lastNodeRender)),{noDataMsg:j}=l(B),A=n(null),E=t((()=>{var e;let t=72;if(null==(e=null==A?void 0:A.value)?void 0:e.length){let e=A.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+B.stepInfo.cols*t}px`})),O=n([]),W=n([]),F=e=>{if(W.value.length){if(e.rowIndex===W.value.length)return!0;if(e.rowIndex<W.value.length)return W.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},P=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},q=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},z=(e,t)=>e.rowIndex%2==0?B.currentStep>=t+(B.stepInfo.cols-2*e.sort):B.currentStep>=t+2,G=(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},H=e=>{const{cols:t}=B.stepInfo;let l=G(O.value,t),n=l[l.length-1].filter((e=>e));return S.value%2==0?e!=n[n.length-1].nodeIndex-(t-2*n[n.length-1].sort):e!=n[n.length-1].nodeIndex-1},J=e=>{const{cols:t}=B.stepInfo;let l=G(O.value,t),n=l[l.length-1].filter((e=>e));return S.value%2==0?D.value&&e==n[0].nodeIndex-(t-2*n[0].sort):D.value&&e==n[n.length-1].nodeIndex-1},K=(e,t)=>{const{cols:l}=B.stepInfo;let n=G(O.value,l),s=n[n.length-1].filter((e=>e));return S.value%2==0?"circle"===t?D.value&&e==s[0].nodeIndex-(l-2*s[0].sort)-l:D.value&&e==s[0].nodeIndex-(l-2*s[0].sort):"circle"===t?D.value&&e==s[s.length-1].nodeIndex-1-l:D.value&&e==s[s.length-1].nodeIndex-2};return s((()=>B.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 p=0,a=0;for(let n=1;n<l;n++)o[p][a]=Object.assign(e[n-1],{nodeIndex:n,rowIndex:p+1}),s?n%t!=0?a++:(s=!s,p++):n%t!=0?a--:(s=!s,p++);let r=[];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"),r=[...r,...e]})),O.value=r,W.value=o})(e.list,e.cols)}),{immediate:!0,deep:!0}),(t,l)=>(o(),i("div",{class:"step-wheel-box",style:p({minWidth:a(E)})},[O.value.length?(o(),i("div",{key:0,class:r(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[d("ul",_,[(o(!0),i(u,null,c(O.value,((l,n)=>(o(),i("li",{ref_for:!0,ref_key:"stepItemRef",ref:A,key:(null==l?void 0:l.stepId)||n,class:r(["stepItem",{[`stepItem_${n+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(o(),i(u,{key:0},[m(" 步骤头部信息 "),f(d("div",{class:r(["stepTopBox",{finished:J(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,b)]))],2),[[g,l.title]]),m(" 步骤条的节点，此处为圆圈 "),e.toolTipShow?(o(),I(a(w),{key:0,placement:"top","show-arrow":!0,trigger:"hover",style:p({opacity:"0.88"})},{trigger:x((()=>[d("div",{class:r(["icon",{active:e.currentStep>=l.nodeIndex,finished:J(n)}])},null,2)])),default:x((()=>[h(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId},(()=>[k]))])),_:2},1032,["style"])):(o(),i("div",{key:1,class:r(["icon",{active:e.currentStep>=l.nodeIndex,finished:J(n)}])},null,2)),m(" 步骤条连接线，动态显示  "),"last"!==l.nodeType?f((o(),i("div",{key:2,class:r(["line",{lineActive:z(l,n),finished:K(n)}])},null,2)),[[g,H(n)]]):m("v-if",!0),m(" 步骤条弯曲连线，动态渲染 "),P(l)||q(l)?(o(),i("div",{key:3,class:r({lineCircleActive:e.currentStep>l.nodeIndex,lineCircleFinished:K(n,"circle"),lineCircleRight:q(l),lineCircleLeft:P(l),lineCirclePlacementRight:q(l)&&"right"===e.placement,lineCirclePlacementLeft:P(l)&&"left"===e.placement})},null,2)):m("v-if",!0),m(" 步骤底部信息 "),d("div",{class:r(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}])},[h(t.$slots,"stepBottomBox",{stepItem:l},(()=>[m(" 步骤名称  "),f(d("p",{class:r(["stepLabel",{labelFinsh:J(n),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},v(l.label),11,C),[[g,l.label]]),d("div",{class:r({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[h(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[d("div",{class:r({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,$),[[g,l.person]]),m(" 步骤时间  "),f(d("p",{class:"statusTime",title:l.statusTime},v(l.statusTime),9,L),[[g,l.statusTime]])],2)]))],2)])),F(l)?(o(),i("div",R)):m("v-if",!0)],2)],64)):(o(),i("div",M,[m("null元素占位")]))],2)))),128))])],2)):(o(),i("div",N,[y(a(T),{description:a(j)},null,8,["description"])]))],4))}}),[["__file","StepsWheel.vue"]]);export{D as default};
+import{defineComponent as e,computed as t,toRefs as l,ref as n,watch as s,openBlock as o,createElementBlock as i,normalizeStyle as p,unref as r,normalizeClass as a,createElementVNode as d,Fragment as u,renderList as c,createCommentVNode as m,withDirectives as h,renderSlot as f,toDisplayString as v,vShow as g,createBlock as I,withCtx as x,createVNode as y,createTextVNode as B}from"vue";import{NTooltip as w,NEmpty as T}from"naive-ui";import{useTheme as S}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"lodash-es";import{defaultCssVars as _}from"./constants/index.js";import k from"../../../_virtual/plugin-vue_export-helper.js";const b={class:"stepBox"},C=["title"],$=d("ul",{class:"nodeTipContent"},[d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(1)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是测试案例,请使用插槽：#nodeTipBox 自定义")]),d("li",null,[d("p",null,[d("span",{style:{"margin-right":"10px"}},"(2)"),B(" 2022-07-30 14:15:12 ")]),d("p",null,"周老师"),d("p",null,"步骤条提示"),d("p",null,"咱这是个测试案例,请使用插槽：#nodeTipBox 自定义")])],-1),L=["title"],R=["title"],j=["title"],M={key:0,style:{height:"48px"}},N={key:1},D={key:1};var W=k(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 B=e,k=S(_,"StepsWheel"),W=t((()=>Math.ceil(P.value.length/B.stepInfo.cols))),A=t((()=>B.lastNodeRender)),{noDataMsg:E}=l(B),O=n(null),F=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+B.stepInfo.cols*t}px`})),P=n([]),q=n([]),z=e=>{if(q.value.length){if(e.rowIndex===q.value.length)return!0;if(e.rowIndex<q.value.length)return q.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},G=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},H=e=>{const{list:t=[]}=B.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},J=(e,t)=>e.rowIndex%2==0?B.currentStep>=t+(B.stepInfo.cols-2*e.sort):B.currentStep>=t+2,K=(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},Q=e=>{const{cols:t}=B.stepInfo;let l=K(P.value,t),n=l[l.length-1].filter((e=>e));return W.value%2==0?e!=n[n.length-1].nodeIndex-(t-2*n[n.length-1].sort):e!=n[n.length-1].nodeIndex-1},U=e=>{const{cols:t}=B.stepInfo;let l=K(P.value,t),n=l[l.length-1].filter((e=>e));return W.value%2==0?A.value&&e==n[0].nodeIndex-(t-2*n[0].sort):A.value&&e==n[n.length-1].nodeIndex-1},V=(e,t)=>{const{cols:l}=B.stepInfo;let n=K(P.value,l),s=n[n.length-1].filter((e=>e));return W.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((()=>B.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 p=0,r=0;for(let n=1;n<l;n++)o[p][r]=Object.assign(e[n-1],{nodeIndex:n,rowIndex:p+1}),s?n%t!=0?r++:(s=!s,p++):n%t!=0?r--:(s=!s,p++);let a=[];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"),a=[...a,...e]})),P.value=a,q.value=o})(e.list,e.cols)}),{immediate:!0,deep:!0}),(t,l)=>(o(),i("div",{class:"step-wheel-box",style:p({minWidth:r(F),...r(k)})},[P.value.length?(o(),i("div",{key:0,class:a(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[d("ul",b,[(o(!0),i(u,null,c(P.value,((l,n)=>(o(),i("li",{ref_for:!0,ref_key:"stepItemRef",ref:O,key:(null==l?void 0:l.stepId)||n,class:a(["stepItem",{[`stepItem_${n+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(o(),i(u,{key:0},[m(" 步骤头部信息 "),h(d("div",{class:a(["stepTopBox",{finished:U(n),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}])},[f(t.$slots,"stepTopBox",{stepItem:l},(()=>[d("span",{title:l.title},v(l.title),9,C)]))],2),[[g,l.title]]),m(" 步骤条的节点，此处为圆圈 "),e.toolTipShow?(o(),I(r(w),{key:0,placement:"top","show-arrow":!0,trigger:"hover",style:p({opacity:"0.88"})},{trigger:x((()=>[d("div",{class:a(["icon",{active:e.currentStep>=l.nodeIndex,finished:U(n)}])},null,2)])),default:x((()=>[f(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId},(()=>[$]))])),_:2},1032,["style"])):(o(),i("div",{key:1,class:a(["icon",{active:e.currentStep>=l.nodeIndex,finished:U(n)}])},null,2)),m(" 步骤条连接线，动态显示  "),"last"!==l.nodeType?h((o(),i("div",{key:2,class:a(["line",{lineActive:J(l,n),finished:V(n)}])},null,2)),[[g,Q(n)]]):m("v-if",!0),m(" 步骤条弯曲连线，动态渲染 "),G(l)||H(l)?(o(),i("div",{key:3,class:a({lineCircleActive:e.currentStep>l.nodeIndex,lineCircleFinished:V(n,"circle"),lineCircleRight:H(l),lineCircleLeft:G(l),lineCirclePlacementRight:H(l)&&"right"===e.placement,lineCirclePlacementLeft:G(l)&&"left"===e.placement})},null,2)):m("v-if",!0),m(" 步骤底部信息 "),d("div",{class:a(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}])},[f(t.$slots,"stepBottomBox",{stepItem:l},(()=>[m(" 步骤名称  "),h(d("p",{class:a(["stepLabel",{labelFinsh:U(n),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},v(l.label),11,L),[[g,l.label]]),d("div",{class:a({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[f(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[d("div",{class:a({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[h(d("p",{class:"stepExtra",title:l.person},v(l.person),9,R),[[g,l.person]]),m(" 步骤时间  "),h(d("p",{class:"statusTime",title:l.statusTime},v(l.statusTime),9,j),[[g,l.statusTime]])],2)]))],2)])),z(l)?(o(),i("div",M)):m("v-if",!0)],2)],64)):(o(),i("div",N,[m("null元素占位")]))],2)))),128))])],2)):(o(),i("div",D,[y(r(T),{description:r(E)},null,8,["description"])]))],4))}}),[["__file","StepsWheel.vue"]]);export{W as default};

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

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'vue';
+export declare const defaultCssVars: CSSProperties;

package/es/components/steps-wheel/src/constants/index.js

@@ -0,0 +1 @@
+const c={"--c-primary-color":"#2563f4","--c-success-color":"#5dc055"};export{c as defaultCssVars};