cnhis-design-vue 3.1.47-beta.1 → 3.1.47-beta.12

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

@@ -22,6 +22,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    lastNodeColor: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    singleNodeRender: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     noDataMsg: {
         type: StringConstructor;
         default: string;
@@ -55,6 +63,14 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        lastNodeColor: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        singleNodeRender: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
         noDataMsg: {
             type: StringConstructor;
             default: string;
@@ -85,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
     isLastNode: (index: number) => boolean;
     handleFinishLastNodeCss: (index: number) => boolean;
     handleFinishLastNodeLine: (index: number, type?: string) => boolean;
+    handlerActive: (stepItem: any, index: number, position: string) => any;
     NTooltip: any;
     NEmpty: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -111,6 +128,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    lastNodeColor: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    singleNodeRender: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     noDataMsg: {
         type: StringConstructor;
         default: string;
@@ -126,6 +151,8 @@ declare const _default: import("vue").DefineComponent<{
     toolTipShow: boolean;
     lastNodeRender: boolean;
     nextNodeRender: boolean;
+    lastNodeColor: Record<string, any>;
+    singleNodeRender: Record<string, any>;
     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 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};
+import{defineComponent as e,computed as t,toRefs as l,ref as o,watch as n,openBlock as s,createElementBlock as r,normalizeStyle as i,unref as a,normalizeClass as d,createElementVNode as c,Fragment as p,renderList as u,createCommentVNode as f,withDirectives as m,renderSlot as g,toDisplayString as h,vShow as v,createBlock as x,withCtx as y,createVNode as I}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 k}from"./constants/index.js";const B={class:"stepBox"},j=["title"],N=["onMouseenter","onMouseleave"],M=["onMouseenter","onMouseleave"],R=["title"],T=["title"],O=["title"],C={key:0,style:{height:"48px"}},_={key:1},L={key:1};var $=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},lastNodeColor:{type:Object,default:()=>({})},singleNodeRender:{type:Object,default:()=>({})},noDataMsg:{type:String,default:"暂无节点数据"},placement:{type:String,default:"center"}},setup(e){const $=e;let V=S(k,"StepsWheel");const D=t((()=>Math.ceil(q.value.length/$.stepInfo.cols))),W=t((()=>$.lastNodeRender)),{noDataMsg:E,nextNodeRender:P}=l($),F=o(null),A=t((()=>{var e;let t=72;if(null==(e=null==F?void 0:F.value)?void 0:e.length){let e=F.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+$.stepInfo.cols*t}px`})),q=o([]),z=o([]),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=[]}=$.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},Q=e=>{const{list:t=[]}=$.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},U=(e,t)=>{let l=e.length,o=l%t==0?l/t:Math.floor(l/t+1),n=[];for(let l=0;l<o;l++){let o=e.slice(l*t,l*t+t);n.push(o)}return n},X=e=>{const{cols:t}=$.stepInfo;let l=U(q.value,t),o=l[l.length-1].filter((e=>e));return D.value%2==0?e!=o[o.length-1].nodeIndex-(t-2*o[o.length-1].sort):e!=o[o.length-1].nodeIndex-1},Y=e=>{const{cols:t}=$.stepInfo;let l=U(q.value,t),o=l[l.length-1].filter((e=>e));return D.value%2==0?W.value&&e==o[0].nodeIndex-(t-2*o[0].sort):W.value&&e==o[o.length-1].nodeIndex-1},Z=(e,t)=>{const{cols:l}=$.stepInfo;let o=U(q.value,l),n=o[o.length-1].filter((e=>e));return D.value%2==0?"circle"===t?W.value&&e==n[0].nodeIndex-(l-2*n[0].sort)-l:W.value&&e==n[0].nodeIndex-(l-2*n[0].sort):"circle"===t?W.value&&e==n[n.length-1].nodeIndex-1-l:W.value&&e==n[n.length-1].nodeIndex-2},ee=(e,t,l)=>{var o,n;if((null==(o=$.singleNodeRender)?void 0:o.field)&&(null==(n=$.singleNodeRender)?void 0:n.details)&&"[object Object]"===Object.prototype.toString.call($.singleNodeRender.details)&&Object.keys($.singleNodeRender.details).length){const{details:o,field:n}=$.singleNodeRender;if(o[e[n]]&&"[object Object]"===Object.prototype.toString.call(o[e[n]])&&Object.keys(o[e[n]]).length){let s={};switch(l){case"title":s={color:o[e[n]].color,background:o[e[n]].background};break;case"icon":s={background:o[e[n]].nodeLineColor};break;case"line":s={"border-bottom":`1px solid ${o[e[n]].nodeLineColor}`},$.nextNodeRender?e.rowIndex%2==0&&(s={"border-bottom":`1px solid ${o[q.value[t+1][n]].nodeLineColor}`}):s={};break;case"circle":$.nextNodeRender&&(s={border:`1px solid ${o[e[n]].nodeLineColor}`})}return s}}let s={color:"var(--c-primary-color)",background:"#f1f5fe"};if("icon"===l){if(s={background:"var(--c-primary-color)"},$.currentStep>=e.nodeIndex)return s}else if("circle"===l){if(s={border:"1px solid var(--c-primary-color)"},$.nextNodeRender){if($.currentStep>=e.nodeIndex)return s}else if($.currentStep>e.nodeIndex)return s}else if("line"===l){if(s={"border-bottom":"1px solid var(--c-primary-color)"},((e,t)=>P.value?e.rowIndex%2==0?$.currentStep>=t+($.stepInfo.cols-2*e.sort)-1:$.currentStep>=t+1:e.rowIndex%2==0?$.currentStep>=t+($.stepInfo.cols-2*e.sort):$.currentStep>=t+2)(e,t))return s}else if("title"===l&&$.currentStep>=e.nodeIndex)return s;return{}};return n((()=>$.stepInfo),(e=>{var t;(null==(t=null==e?void 0:e.list)?void 0:t.length)&&((e,t)=>{let l=e.length+1,o=Math.ceil(e.length/t),n=!0,s=[];for(var r=0;r<o;r++)s[r]=new Array(t),s[r].fill(null);let i=0,a=0;for(let o=1;o<l;o++)s[i][a]=Object.assign(e[o-1],{nodeIndex:o,rowIndex:i+1}),n?o%t!=0?a++:(n=!n,i++):o%t!=0?a--:(n=!n,i++);let d=[];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"),d=[...d,...e]})),q.value=d,z.value=s})(e.list,e.cols)}),{immediate:!0,deep:!0}),n((()=>$.lastNodeColor),(e=>{if(e&&"[object Object]"===Object.prototype.toString.call(e)&&Object.keys(e).length){const t=Object.assign({},k,{"--c-success-color":e.color||"#5dc055","--c-success-title-color":e.background||"#fff"});V=S(t,"StepsWheel")}}),{immediate:!0,deep:!0}),(t,l)=>(s(),r("div",{class:"step-wheel-box",style:i({minWidth:a(A),...a(V)})},[q.value.length?(s(),r("div",{key:0,class:d(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[c("ul",B,[(s(!0),r(p,null,u(q.value,((l,o)=>(s(),r("li",{ref_for:!0,ref_key:"stepItemRef",ref:F,key:(null==l?void 0:l.stepId)||o,class:d(["stepItem",{[`stepItem_${o+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(s(),r(p,{key:0},[f(" 步骤头部信息 "),m(c("div",{class:d(["stepTopBox",{finished:Y(o),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}]),style:i({...ee(l,o,"title")})},[g(t.$slots,"stepTopBox",{stepItem:l},(()=>[c("span",{title:l.title},h(l.title),9,j)]))],6),[[v,l.title]]),f(" 步骤条的节点，此处为圆圈 "),e.toolTipShow&&l.tipShow?(s(),x(a(b),{key:0,placement:"top",delay:0,"show-arrow":!0,show:l.tipVisible,trigger:"manual",style:i({opacity:"0.88"}),onMouseenter:e=>G(l),onMouseleave:e=>H(l)},{trigger:y((()=>[c("div",{class:d(["icon",{finished:Y(o)}]),style:i({...ee(l,o,"icon")}),onMouseenter:e=>G(l),onMouseleave:e=>H(l)},null,46,N)])),default:y((()=>[g(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId})])),_:2},1032,["show","style","onMouseenter","onMouseleave"])):(s(),r("div",{key:1,class:d(["icon",{finished:Y(o)}]),style:i({...ee(l,o,"icon")})},null,6)),f(" 步骤条连接线，动态显示  "),"last"!==l.nodeType?m((s(),r("div",{key:2,class:d(["line",{finished:Z(o)}]),style:i({...ee(l,o,"line")})},null,6)),[[v,X(o)]]):f("v-if",!0),f(" 步骤条弯曲连线，动态渲染 "),K(l)||Q(l)?(s(),r("div",{key:3,class:d({lineCircleFinished:Z(o,"circle"),lineCircleRight:Q(l),lineCircleLeft:K(l),lineCirclePlacementRight:Q(l)&&"right"===e.placement,lineCirclePlacementLeft:K(l)&&"left"===e.placement}),style:i({...ee(l,o,"circle")})},null,6)):f("v-if",!0),f(" 步骤底部信息 "),c("div",{class:d(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}]),onMouseenter:e=>G(l),onMouseleave:e=>H(l)},[g(t.$slots,"stepBottomBox",{stepItem:l},(()=>[f(" 步骤名称  "),m(c("p",{class:d(["stepLabel",{labelFinsh:Y(o),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},h(l.label),11,R),[[v,l.label]]),c("div",{class:d({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[g(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[c("div",{class:d({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[m(c("p",{class:"stepExtra",title:l.person},h(l.person),9,T),[[v,l.person]]),f(" 步骤时间  "),m(c("p",{class:"statusTime",title:l.statusTime},h(l.statusTime),9,O),[[v,l.statusTime]])],2)]))],2)])),J(l)?(s(),r("div",C)):f("v-if",!0)],42,M)],64)):(s(),r("div",_,[f("null元素占位")]))],2)))),128))])],2)):(s(),r("div",L,[I(a(w),{description:a(E)},null,8,["description"])]))],4))}});export{$ as default};

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

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

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:#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}
+.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:#9a9a9a;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-title-color)!important;border-color:var(--c-success-title-color)!important;color:var(--c-success-color)!important}.step-wheel-box .stepOut .stepItem .labelFinsh{color:var(--c-success-title-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.47-beta.1",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.47-beta.1",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.47-beta.12",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.47-beta.12",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};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.1.47-beta.1",
+	"version": "3.1.47-beta.12",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -42,8 +42,10 @@
 		"min-dom": "^3.2.1",
 		"moment": "^2.29.1",
 		"naive-ui": "^2.30.0",
+		"sockjs-client": "^1.6.1",
 		"sortablejs": "^1.15.0",
 		"spark-md5": "^3.0.2",
+		"stompjs": "^2.3.3",
 		"tiny-svg": "^2.2.4",
 		"v-viewer": "^3.0.10",
 		"video.js": "^7.19.2",
@@ -61,5 +63,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "178dc7379dbacac66394f7c1587e231be0d2c12f"
+	"gitHead": "fe2c3dba9cd5b8030b2dcba2e626d5a3f309bad8"
 }