@robot-admin/naive-ui-components 0.11.8 → 0.13.0

package/dist/C_SplitPane2.js

@@ -1 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineComponent as c,normalizeClass as l,normalizeStyle as u,onUnmounted as d,openBlock as f,ref as p,renderList as m,renderSlot as h,toRef as g,unref as _,withModifiers as v}from"vue";function y(e){let{containerRef:t,direction:n,defaultSize:i,minSize:a,maxSize:o,disabled:s,collapsible:c,step:l,onResize:u,onCollapse:f,onExpand:m,onDragStart:h,onDragEnd:g}=e,_=p(i),v=p(!1),y=p(null),b=p(i),x=``,S=``,C=r(()=>y.value===`first`),w=r(()=>y.value===`second`),T=e=>Math.min(o,Math.max(a,e)),E=()=>{let e=t.value;return e?n.value===`horizontal`?e.offsetWidth:e.offsetHeight:0},D=()=>{let e=t.value;if(!e)return 0;let r=e.getBoundingClientRect();return n.value===`horizontal`?r.left:r.top},O=e=>{let t=E();return t===0?_.value:T((e-D())/t*100)},k=e=>e instanceof TouchEvent?n.value===`horizontal`?e.touches[0].clientX:e.touches[0].clientY:n.value===`horizontal`?e.clientX:e.clientY,A=e=>{let t=T(e);_.value=t,u?.(t,100-t)},j=e=>{if(!v.value||s.value)return;e.preventDefault();let t=O(k(e));y.value&&=null,A(t)},M=()=>{v.value&&(v.value=!1,document.body.style.cursor=x,document.body.style.userSelect=S,g?.(_.value),document.removeEventListener(`mousemove`,j),document.removeEventListener(`mouseup`,M),document.removeEventListener(`touchmove`,j),document.removeEventListener(`touchend`,M))},N=e=>{s.value||v.value||(e.preventDefault(),e.currentTarget?.focus(),v.value=!0,x=document.body.style.cursor,S=document.body.style.userSelect,document.body.style.cursor=n.value===`horizontal`?`col-resize`:`row-resize`,document.body.style.userSelect=`none`,h?.(_.value),document.addEventListener(`mousemove`,j),document.addEventListener(`mouseup`,M),document.addEventListener(`touchmove`,j,{passive:!1}),document.addEventListener(`touchend`,M))},P=()=>{s.value||!c.value||L(`first`)},F=(e=`first`)=>{!c.value||y.value===e||(y.value||(b.value=_.value),y.value=e,e===`first`?_.value=0:_.value=100,f?.(e),u?.(_.value,100-_.value))},I=()=>{if(!y.value)return;let e=y.value;y.value=null,_.value=b.value,m?.(e),u?.(_.value,100-_.value)},L=(e=`first`)=>{y.value?I():F(e)},R=(e,t)=>({ArrowLeft:t?-l:0,ArrowRight:t?l:0,ArrowUp:t?0:-l,ArrowDown:t?0:l})[e]??null;return d(()=>{v.value&&=(document.body.style.cursor=x,document.body.style.userSelect=S,!1),document.removeEventListener(`mousemove`,j),document.removeEventListener(`mouseup`,M),document.removeEventListener(`touchmove`,j),document.removeEventListener(`touchend`,M)}),{panelSize:_,isDragging:v,collapsedTarget:y,isFirstCollapsed:C,isSecondCollapsed:w,handleMouseDown:N,handleDoubleClick:P,handleKeyDown:e=>{if(s.value)return;if(e.key===`Home`){A(a),e.preventDefault();return}if(e.key===`End`){A(o),e.preventDefault();return}let t=R(e.key,n.value===`horizontal`);t===null||t===0||(e.preventDefault(),y.value&&=null,A(_.value+t))},collapse:F,expand:I,toggle:L,resetSize:()=>{y.value=null,_.value=i,u?.(i,100-i)},setSize:e=>{y.value=null,A(e)},getPanelInfo:()=>({first:{size:_.value,collapsed:C.value},second:{size:100-_.value,collapsed:w.value}})}}const b={class:`split-panel__content`},x=[`aria-orientation`,`aria-valuenow`],S={class:`split-gutter__visual`},C={class:`split-gutter__dots`},w=[`title`],T=[`title`],E={class:`split-panel__content`};var D=t(c({name:`C_SplitPane`,__name:`index`,props:{direction:{default:`horizontal`},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(t,{expose:c,emit:d}){let D=t,O=d,k=p(null),{panelSize:A,isDragging:j,isFirstCollapsed:M,isSecondCollapsed:N,handleMouseDown:P,handleDoubleClick:F,handleKeyDown:I,collapse:L,expand:R,toggle:z,resetSize:B,setSize:V,getPanelInfo:H}=y({containerRef:k,direction:g(D,`direction`),defaultSize:D.defaultSize,minSize:D.minSize,maxSize:D.maxSize,disabled:g(D,`disabled`),collapsible:g(D,`collapsible`),step:D.step,onResize:(e,t)=>O(`resize`,e,t),onCollapse:e=>O(`collapse`,e),onExpand:e=>O(`expand`,e),onDragStart:e=>O(`drag-start`,e),onDragEnd:e=>O(`drag-end`,e)}),U=r(()=>{let e=`calc(${A.value}% - ${D.gutterSize/2}px)`;return D.direction===`horizontal`?{width:e}:{height:e}}),W=r(()=>{let e=`calc(${100-A.value}% - ${D.gutterSize/2}px)`;return D.direction===`horizontal`?{width:e}:{height:e}}),G=r(()=>D.direction===`horizontal`?{width:`${D.gutterSize}px`}:{height:`${D.gutterSize}px`}),K=r(()=>D.direction===`horizontal`?M.value?`mdi:chevron-right`:`mdi:chevron-left`:M.value?`mdi:chevron-down`:`mdi:chevron-up`),q=r(()=>D.direction===`horizontal`?N.value?`mdi:chevron-left`:`mdi:chevron-right`:N.value?`mdi:chevron-up`:`mdi:chevron-down`);return c({collapse:L,expand:R,toggle:z,resetSize:B,getPanelInfo:H,setSize:V}),(r,c)=>(f(),a(`div`,{ref_key:`containerRef`,ref:k,class:l([`c-split-pane`,[`c-split-pane--${t.direction}`,{"c-split-pane--dragging":_(j),"c-split-pane--disabled":t.disabled,"c-split-pane--collapsed-first":_(M),"c-split-pane--collapsed-second":_(N)}]])},[i(` 首面板 `),o(`div`,{class:`split-panel split-panel--first`,style:u(U.value)},[o(`div`,b,[h(r.$slots,`first`,{},void 0,!0)])],4),i(` 分割线手柄 `),o(`div`,{class:`split-gutter`,style:u(G.value),role:`separator`,"aria-orientation":t.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":Math.round(_(A)),"aria-valuemin":0,"aria-valuemax":100,tabindex:`0`,onMousedown:c[4]||=(...e)=>_(P)&&_(P)(...e),onTouchstart:c[5]||=v((...e)=>_(P)&&_(P)(...e),[`prevent`]),onDblclick:c[6]||=(...e)=>_(F)&&_(F)(...e),onKeydown:c[7]||=(...e)=>_(I)&&_(I)(...e)},[o(`div`,S,[o(`div`,C,[(f(),a(n,null,m(3,e=>o(`span`,{key:e,class:`split-gutter__dot`})),64))])]),i(` 折叠按钮 `),t.showCollapseButton&&t.collapsible?(f(),a(n,{key:0},[o(`button`,{class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,title:_(M)?`展开首面板`:`折叠首面板`,onClick:c[0]||=v(e=>_(z)(`first`),[`stop`]),onMousedown:c[1]||=v(()=>{},[`stop`])},[s(e,{name:K.value,size:16,color:`currentColor`},null,8,[`name`])],40,w),o(`button`,{class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,title:_(N)?`展开第二面板`:`折叠第二面板`,onClick:c[2]||=v(e=>_(z)(`second`),[`stop`]),onMousedown:c[3]||=v(()=>{},[`stop`])},[s(e,{name:q.value,size:16,color:`currentColor`},null,8,[`name`])],40,T)],64)):i(`v-if`,!0)],44,x),i(` 第二面板 `),o(`div`,{class:`split-panel split-panel--second`,style:u(W.value)},[o(`div`,E,[h(r.$slots,`second`,{},void 0,!0)])],4)],2))}}),[[`__scopeId`,`data-v-e35daacb`]]);export{y as n,D as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineComponent as c,normalizeClass as l,normalizeStyle as u,onUnmounted as d,openBlock as f,ref as p,renderList as m,renderSlot as h,toRef as g,unref as _,withModifiers as v}from"vue";function y(e){let{containerRef:t,direction:n,defaultSize:i,minSize:a,maxSize:o,disabled:s,collapsible:c,step:l,onResize:u,onCollapse:f,onExpand:m,onDragStart:h,onDragEnd:g}=e,_=Number.isFinite(a)?a:0,v=Number.isFinite(o)?o:100,y=Math.max(0,Math.min(100,Math.min(_,v))),b=Math.max(0,Math.min(100,Math.max(_,v))),x=Math.min(b,Math.max(y,Number.isFinite(i)?i:50)),S=p(x),C=p(!1),w=p(null),T=p(x),E=``,D=``,O=r(()=>w.value===`first`),k=r(()=>w.value===`second`),A=e=>Number.isFinite(e)?Math.min(b,Math.max(y,e)):S.value,j=()=>{let e=t.value;return e?n.value===`horizontal`?e.offsetWidth:e.offsetHeight:0},M=()=>{let e=t.value;if(!e)return 0;let r=e.getBoundingClientRect();return n.value===`horizontal`?r.left:r.top},N=e=>{let t=j();return t===0?S.value:A((e-M())/t*100)},P=e=>e instanceof TouchEvent?n.value===`horizontal`?e.touches[0].clientX:e.touches[0].clientY:n.value===`horizontal`?e.clientX:e.clientY,F=e=>{let t=A(e);t!==S.value&&(S.value=t,u?.(t,100-t))},I=e=>{if(!C.value||s.value)return;e.preventDefault();let t=N(P(e));w.value&&=null,F(t)},L=()=>{C.value&&(C.value=!1,document.body.style.cursor=E,document.body.style.userSelect=D,g?.(S.value),document.removeEventListener(`mousemove`,I),document.removeEventListener(`mouseup`,L),document.removeEventListener(`touchmove`,I),document.removeEventListener(`touchend`,L))},R=e=>{s.value||C.value||(e.preventDefault(),e.currentTarget?.focus(),C.value=!0,E=document.body.style.cursor,D=document.body.style.userSelect,document.body.style.cursor=n.value===`horizontal`?`col-resize`:`row-resize`,document.body.style.userSelect=`none`,h?.(S.value),document.addEventListener(`mousemove`,I),document.addEventListener(`mouseup`,L),document.addEventListener(`touchmove`,I,{passive:!1}),document.addEventListener(`touchend`,L))},z=()=>{s.value||!c.value||H(`first`)},B=(e=`first`)=>{!c.value||w.value===e||(w.value||(T.value=S.value),w.value=e,e===`first`?S.value=0:S.value=100,f?.(e),u?.(S.value,100-S.value))},V=()=>{if(!w.value)return;let e=w.value;w.value=null,S.value=A(T.value),m?.(e),u?.(S.value,100-S.value)},H=(e=`first`)=>{w.value===e?V():B(e)},U=(e,t)=>{let n=Number.isFinite(l)&&l>0?l:2;return{ArrowLeft:t?-n:0,ArrowRight:t?n:0,ArrowUp:t?0:-n,ArrowDown:t?0:n}[e]??null};return d(()=>{C.value&&=(document.body.style.cursor=E,document.body.style.userSelect=D,!1),document.removeEventListener(`mousemove`,I),document.removeEventListener(`mouseup`,L),document.removeEventListener(`touchmove`,I),document.removeEventListener(`touchend`,L)}),{panelSize:S,isDragging:C,collapsedTarget:w,isFirstCollapsed:O,isSecondCollapsed:k,handleMouseDown:R,handleDoubleClick:z,handleKeyDown:e=>{if(s.value)return;if(e.key===`Home`){F(y),e.preventDefault();return}if(e.key===`End`){F(b),e.preventDefault();return}let t=U(e.key,n.value===`horizontal`);t===null||t===0||(e.preventDefault(),w.value&&=null,F(S.value+t))},collapse:B,expand:V,toggle:H,resetSize:()=>{w.value=null,S.value=x,u?.(x,100-x)},setSize:e=>{w.value=null,F(e)},getPanelInfo:()=>({first:{size:S.value,collapsed:O.value},second:{size:100-S.value,collapsed:k.value}})}}const b={class:`split-panel__content`},x=[`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-disabled`,`tabindex`],S={class:`split-gutter__visual`},C={class:`split-gutter__dots`},w=[`title`],T=[`title`],E={class:`split-panel__content`};var D=t(c({name:`C_SplitPane`,__name:`index`,props:{direction:{default:`horizontal`},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(t,{expose:c,emit:d}){let D=t,O=d,k=p(null),{panelSize:A,isDragging:j,isFirstCollapsed:M,isSecondCollapsed:N,handleMouseDown:P,handleDoubleClick:F,handleKeyDown:I,collapse:L,expand:R,toggle:z,resetSize:B,setSize:V,getPanelInfo:H}=y({containerRef:k,direction:g(D,`direction`),defaultSize:D.defaultSize,minSize:D.minSize,maxSize:D.maxSize,disabled:g(D,`disabled`),collapsible:g(D,`collapsible`),step:D.step,onResize:(e,t)=>O(`resize`,e,t),onCollapse:e=>O(`collapse`,e),onExpand:e=>O(`expand`,e),onDragStart:e=>O(`drag-start`,e),onDragEnd:e=>O(`drag-end`,e)}),U=r(()=>{let e=`calc(${A.value}% - ${Math.max(0,D.gutterSize)/2}px)`;return D.direction===`horizontal`?{width:e}:{height:e}}),W=r(()=>{let e=`calc(${100-A.value}% - ${Math.max(0,D.gutterSize)/2}px)`;return D.direction===`horizontal`?{width:e}:{height:e}}),G=r(()=>D.direction===`horizontal`?{width:`${Math.max(0,D.gutterSize)}px`}:{height:`${Math.max(0,D.gutterSize)}px`}),K=r(()=>D.direction===`horizontal`?M.value?`mdi:chevron-right`:`mdi:chevron-left`:M.value?`mdi:chevron-down`:`mdi:chevron-up`),q=r(()=>D.direction===`horizontal`?N.value?`mdi:chevron-left`:`mdi:chevron-right`:N.value?`mdi:chevron-up`:`mdi:chevron-down`);return c({collapse:L,expand:R,toggle:z,resetSize:B,getPanelInfo:H,setSize:V}),(r,c)=>(f(),a(`div`,{ref_key:`containerRef`,ref:k,class:l([`c-split-pane`,[`c-split-pane--${t.direction}`,{"c-split-pane--dragging":_(j),"c-split-pane--disabled":t.disabled,"c-split-pane--collapsed-first":_(M),"c-split-pane--collapsed-second":_(N)}]])},[i(` 首面板 `),o(`div`,{class:`split-panel split-panel--first`,style:u(U.value)},[o(`div`,b,[h(r.$slots,`first`,{},void 0,!0)])],4),i(` 分割线手柄 `),o(`div`,{class:`split-gutter`,style:u(G.value),role:`separator`,"aria-orientation":t.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":Math.round(_(A)),"aria-valuemin":Math.min(t.minSize,t.maxSize),"aria-valuemax":Math.max(t.minSize,t.maxSize),"aria-disabled":t.disabled||void 0,tabindex:t.disabled?-1:0,onMousedown:c[4]||=(...e)=>_(P)&&_(P)(...e),onTouchstart:c[5]||=v((...e)=>_(P)&&_(P)(...e),[`prevent`]),onDblclick:c[6]||=(...e)=>_(F)&&_(F)(...e),onKeydown:c[7]||=(...e)=>_(I)&&_(I)(...e)},[o(`div`,S,[o(`div`,C,[(f(),a(n,null,m(3,e=>o(`span`,{key:e,class:`split-gutter__dot`})),64))])]),i(` 折叠按钮 `),t.showCollapseButton&&t.collapsible?(f(),a(n,{key:0},[o(`button`,{class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,title:_(M)?`展开首面板`:`折叠首面板`,onClick:c[0]||=v(e=>_(z)(`first`),[`stop`]),onMousedown:c[1]||=v(()=>{},[`stop`])},[s(e,{name:K.value,size:16,color:`currentColor`},null,8,[`name`])],40,w),o(`button`,{class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,title:_(N)?`展开第二面板`:`折叠第二面板`,onClick:c[2]||=v(e=>_(z)(`second`),[`stop`]),onMousedown:c[3]||=v(()=>{},[`stop`])},[s(e,{name:q.value,size:16,color:`currentColor`},null,8,[`name`])],40,T)],64)):i(`v-if`,!0)],44,x),i(` 第二面板 `),o(`div`,{class:`split-panel split-panel--second`,style:u(W.value)},[o(`div`,E,[h(r.$slots,`second`,{},void 0,!0)])],4)],2))}}),[[`__scopeId`,`data-v-b547c019`]]);export{y as n,D as t};

package/dist/C_Steps.css

@@ -1,4 +1,4 @@
-/* unplugin-vue-components disabled */.c-steps[data-v-61118ef9] {
+/* unplugin-vue-components disabled */.c-steps[data-v-46bc3122] {
   --step-gap: 24px;
   --icon-size: 32px;
   --line-width: 2px;
@@ -11,48 +11,58 @@
   --bg-hover: rgba(0, 0, 0, 0.04);
   display: flex;
 }
-.steps-connected[data-v-61118ef9] {
+.steps-connected[data-v-46bc3122] {
   --line-gap: 0px;
 }
-.steps-horizontal[data-v-61118ef9] {
+.steps-horizontal[data-v-46bc3122] {
   flex-direction: row;
   align-items: flex-start;
 }
-.steps-vertical[data-v-61118ef9] {
+.steps-vertical[data-v-46bc3122] {
   flex-direction: column;
 }
-.step-item[data-v-61118ef9] {
+.step-item[data-v-46bc3122] {
   display: flex;
   position: relative;
   flex: 1;
   gap: 12px;
-}
-.steps-horizontal .step-item[data-v-61118ef9] {
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  text-align: inherit;
+  background: transparent;
+  border: 0;
+}
+.step-item[data-v-46bc3122]:focus-visible {
+  outline: 2px solid var(--primary);
+  outline-offset: 2px;
+}
+.steps-horizontal .step-item[data-v-46bc3122] {
   flex-direction: column;
   align-items: center;
   text-align: center;
   min-width: 0;
 }
-.steps-vertical .step-item[data-v-61118ef9] {
+.steps-vertical .step-item[data-v-46bc3122] {
   flex-direction: row;
   min-height: 72px;
   flex: none;
   width: 100%;
 }
-.step-indicator[data-v-61118ef9] {
+.step-indicator[data-v-46bc3122] {
   position: relative;
   display: flex;
   align-items: center;
   flex-shrink: 0;
 }
-.steps-horizontal .step-indicator[data-v-61118ef9] {
+.steps-horizontal .step-indicator[data-v-46bc3122] {
   width: 100%;
   justify-content: center;
 }
-.steps-vertical .step-indicator[data-v-61118ef9] {
+.steps-vertical .step-indicator[data-v-46bc3122] {
   flex-direction: column;
 }
-.step-icon[data-v-61118ef9] {
+.step-icon[data-v-46bc3122] {
   width: var(--icon-size);
   height: var(--icon-size);
   border-radius: 50%;
@@ -66,108 +76,108 @@
   transition: all 0.2s ease;
   font-size: 16px;
 }
-.step-finish .step-icon[data-v-61118ef9] {
+.step-finish .step-icon[data-v-46bc3122] {
   border-color: var(--success);
   color: var(--success);
 }
-.step-process .step-icon[data-v-61118ef9] {
+.step-process .step-icon[data-v-46bc3122] {
   border-color: var(--primary);
   background: var(--primary);
   color: white;
 }
-.step-error .step-icon[data-v-61118ef9] {
+.step-error .step-icon[data-v-46bc3122] {
   border-color: var(--error);
   color: var(--error);
 }
-.step-index[data-v-61118ef9] {
+.step-index[data-v-46bc3122] {
   font-size: 14px;
   font-weight: 500;
 }
-.step-line[data-v-61118ef9] {
+.step-line[data-v-46bc3122] {
   background: var(--border);
   position: absolute;
   transition: background 0.2s ease;
 }
-.steps-horizontal .step-line[data-v-61118ef9] {
+.steps-horizontal .step-line[data-v-46bc3122] {
   height: var(--line-width);
   left: calc(50% + var(--icon-size) / 2 + var(--line-gap));
   right: calc(-50% + var(--icon-size) / 2 + var(--line-gap));
   top: calc(var(--icon-size) / 2);
 }
-.steps-vertical .step-line[data-v-61118ef9] {
+.steps-vertical .step-line[data-v-46bc3122] {
   width: var(--line-width);
   top: var(--icon-size);
   bottom: 0;
   left: calc(var(--icon-size) / 2 - 1px);
 }
-.step-finish .step-line[data-v-61118ef9] {
+.step-finish .step-line[data-v-46bc3122] {
   background: var(--success);
 }
-.step-content[data-v-61118ef9] {
+.step-content[data-v-46bc3122] {
   flex: 1;
   min-width: 0;
 }
-.steps-vertical .step-content[data-v-61118ef9] {
+.steps-vertical .step-content[data-v-46bc3122] {
   padding-top: 4px;
 }
-.step-title[data-v-61118ef9] {
+.step-title[data-v-46bc3122] {
   font-size: 14px;
   font-weight: 500;
   line-height: 22px;
   margin-bottom: 2px;
   word-break: break-word;
 }
-.step-time[data-v-61118ef9] {
+.step-time[data-v-46bc3122] {
   font-size: 12px;
   line-height: 20px;
   margin-bottom: 2px;
   opacity: 0.65;
 }
-.step-finish .step-time[data-v-61118ef9] {
+.step-finish .step-time[data-v-46bc3122] {
   color: var(--success);
 }
-.step-description[data-v-61118ef9] {
+.step-description[data-v-46bc3122] {
   font-size: 12px;
   line-height: 20px;
   opacity: 0.65;
 }
-.step-wait .step-title[data-v-61118ef9] {
+.step-wait .step-title[data-v-46bc3122] {
   opacity: 0.65;
 }
-.step-process .step-title[data-v-61118ef9] {
+.step-process .step-title[data-v-46bc3122] {
   color: var(--primary);
   font-weight: 600;
 }
-.step-error .step-title[data-v-61118ef9] {
+.step-error .step-title[data-v-46bc3122] {
   color: var(--error);
 }
-.step-clickable[data-v-61118ef9] {
+.step-clickable[data-v-46bc3122] {
   cursor: pointer;
 }
-.step-clickable:hover .step-icon[data-v-61118ef9] {
+.step-clickable:hover .step-icon[data-v-46bc3122] {
   transform: scale(1.05);
 }
-.step-clickable:not(.step-process):hover .step-icon[data-v-61118ef9] {
+.step-clickable:not(.step-process):hover .step-icon[data-v-46bc3122] {
   background: var(--bg-hover);
 }
-.step-clickable:hover .step-title[data-v-61118ef9] {
+.step-clickable:hover .step-title[data-v-46bc3122] {
   color: var(--primary);
 }
 @media (max-width: 768px) {
-.steps-horizontal[data-v-61118ef9] {
+.steps-horizontal[data-v-46bc3122] {
     flex-wrap: wrap;
 }
-.steps-horizontal .step-item[data-v-61118ef9] {
+.steps-horizontal .step-item[data-v-46bc3122] {
     flex: 0 0 50%;
     margin-bottom: 24px;
 }
-.steps-horizontal .step-line[data-v-61118ef9] {
+.steps-horizontal .step-line[data-v-46bc3122] {
     display: none;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.step-icon[data-v-61118ef9],
-  .step-line[data-v-61118ef9] {
+.step-icon[data-v-46bc3122],
+  .step-line[data-v-46bc3122] {
     transition: none;
 }
 }

package/dist/C_Steps2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`);const n=[`onClick`],r={class:`step-indicator`},i={class:`step-icon`},a={key:1,class:`i-mdi:check`},o={key:2,class:`step-index`},s={key:0,class:`step-line`},c={class:`step-content`},l={class:`step-title`},u={key:0,class:`step-time`},d={key:1,class:`step-description`},f=(0,t.defineComponent)({name:`C_Steps`,__name:`index`,props:{steps:{},current:{default:0},direction:{default:`horizontal`},clickable:{type:Boolean,default:!1},connected:{type:Boolean,default:!1}},emits:[`update:current`,`change`],setup(e,{emit:f}){let p=e,m=f,h=e=>p.steps[e].status?p.steps[e].status:e<p.current?`finish`:e===p.current?`process`:`wait`,g=e=>{!p.clickable||p.steps[e].disabled||(m(`update:current`,e),m(`change`,e))};return(f,p)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`c-steps`,[`steps-${e.direction}`,{"steps-connected":e.connected}]])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.steps,(f,p)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:p,class:(0,t.normalizeClass)([`step-item`,[`step-${h(p)}`,{"step-clickable":e.clickable&&!f.disabled}]]),onClick:e=>g(p)},[(0,t.createElementVNode)(`div`,r,[(0,t.createElementVNode)(`div`,i,[f.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:0,class:(0,t.normalizeClass)(f.icon)},null,2)):h(p)===`finish`?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,a)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,o,(0,t.toDisplayString)(p+1),1))]),p<e.steps.length-1?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,s)):(0,t.createCommentVNode)(`v-if`,!0)]),(0,t.createElementVNode)(`div`,c,[(0,t.createElementVNode)(`div`,l,(0,t.toDisplayString)(f.title),1),f.time?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,u,(0,t.toDisplayString)(f.time),1)):(0,t.createCommentVNode)(`v-if`,!0),f.description?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,d,(0,t.toDisplayString)(f.description),1)):(0,t.createCommentVNode)(`v-if`,!0)])],10,n))),128))],2))}});var p=e.t(f,[[`__scopeId`,`data-v-61118ef9`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
+require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`);const n={class:`step-indicator`},r={class:`step-icon`},i={key:1,class:`i-mdi:check`},a={key:2,class:`step-index`},o={key:0,class:`step-line`},s={class:`step-content`},c={class:`step-title`},l={key:0,class:`step-time`},u={key:1,class:`step-description`},d=(0,t.defineComponent)({name:`C_Steps`,__name:`index`,props:{steps:{},current:{default:0},direction:{default:`horizontal`},clickable:{type:Boolean,default:!1},connected:{type:Boolean,default:!1}},emits:[`update:current`,`change`],setup(e,{emit:d}){let f=e,p=d,m=e=>f.steps[e].status?f.steps[e].status:e<f.current?`finish`:e===f.current?`process`:`wait`,h=e=>{!f.clickable||f.steps[e].disabled||(p(`update:current`,e),p(`change`,e))};return(d,f)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`c-steps`,[`steps-${e.direction}`,{"steps-connected":e.connected}]])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.steps,(d,f)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.clickable?`button`:`div`),{key:f,type:e.clickable?`button`:void 0,disabled:e.clickable&&d.disabled,"aria-current":m(f)===`process`?`step`:void 0,class:(0,t.normalizeClass)([`step-item`,[`step-${m(f)}`,{"step-clickable":e.clickable&&!d.disabled}]]),onClick:e=>h(f)},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,n,[(0,t.createElementVNode)(`div`,r,[d.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:0,class:(0,t.normalizeClass)(d.icon)},null,2)):m(f)===`finish`?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,i)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,(0,t.toDisplayString)(f+1),1))]),f<e.steps.length-1?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,o)):(0,t.createCommentVNode)(`v-if`,!0)]),(0,t.createElementVNode)(`div`,s,[(0,t.createElementVNode)(`div`,c,(0,t.toDisplayString)(d.title),1),d.time?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,(0,t.toDisplayString)(d.time),1)):(0,t.createCommentVNode)(`v-if`,!0),d.description?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,u,(0,t.toDisplayString)(d.description),1)):(0,t.createCommentVNode)(`v-if`,!0)])]),_:2},1032,[`type`,`disabled`,`aria-current`,`class`,`onClick`]))),128))],2))}});var f=e.t(d,[[`__scopeId`,`data-v-46bc3122`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/C_Steps2.js

@@ -1 +1 @@
-import{t as e}from"./export-helper.js";import{Fragment as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderList as c,toDisplayString as l}from"vue";const u=[`onClick`],d={class:`step-indicator`},f={class:`step-icon`},p={key:1,class:`i-mdi:check`},m={key:2,class:`step-index`},h={key:0,class:`step-line`},g={class:`step-content`},_={class:`step-title`},v={key:0,class:`step-time`},y={key:1,class:`step-description`};var b=e(a({name:`C_Steps`,__name:`index`,props:{steps:{},current:{default:0},direction:{default:`horizontal`},clickable:{type:Boolean,default:!1},connected:{type:Boolean,default:!1}},emits:[`update:current`,`change`],setup(e,{emit:a}){let b=e,x=a,S=e=>b.steps[e].status?b.steps[e].status:e<b.current?`finish`:e===b.current?`process`:`wait`,C=e=>{!b.clickable||b.steps[e].disabled||(x(`update:current`,e),x(`change`,e))};return(a,b)=>(s(),r(`div`,{class:o([`c-steps`,[`steps-${e.direction}`,{"steps-connected":e.connected}]])},[(s(!0),r(t,null,c(e.steps,(t,a)=>(s(),r(`div`,{key:a,class:o([`step-item`,[`step-${S(a)}`,{"step-clickable":e.clickable&&!t.disabled}]]),onClick:e=>C(a)},[i(`div`,d,[i(`div`,f,[t.icon?(s(),r(`i`,{key:0,class:o(t.icon)},null,2)):S(a)===`finish`?(s(),r(`i`,p)):(s(),r(`span`,m,l(a+1),1))]),a<e.steps.length-1?(s(),r(`div`,h)):n(`v-if`,!0)]),i(`div`,g,[i(`div`,_,l(t.title),1),t.time?(s(),r(`div`,v,l(t.time),1)):n(`v-if`,!0),t.description?(s(),r(`div`,y,l(t.description),1)):n(`v-if`,!0)])],10,u))),128))],2))}}),[[`__scopeId`,`data-v-61118ef9`]]);export{b as t};
+import{t as e}from"./export-helper.js";import{Fragment as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderList as l,resolveDynamicComponent as u,toDisplayString as d,withCtx as f}from"vue";const p={class:`step-indicator`},m={class:`step-icon`},h={key:1,class:`i-mdi:check`},g={key:2,class:`step-index`},_={key:0,class:`step-line`},v={class:`step-content`},y={class:`step-title`},b={key:0,class:`step-time`},x={key:1,class:`step-description`};var S=e(o({name:`C_Steps`,__name:`index`,props:{steps:{},current:{default:0},direction:{default:`horizontal`},clickable:{type:Boolean,default:!1},connected:{type:Boolean,default:!1}},emits:[`update:current`,`change`],setup(e,{emit:o}){let S=e,C=o,w=e=>S.steps[e].status?S.steps[e].status:e<S.current?`finish`:e===S.current?`process`:`wait`,T=e=>{!S.clickable||S.steps[e].disabled||(C(`update:current`,e),C(`change`,e))};return(o,S)=>(c(),i(`div`,{class:s([`c-steps`,[`steps-${e.direction}`,{"steps-connected":e.connected}]])},[(c(!0),i(t,null,l(e.steps,(t,o)=>(c(),n(u(e.clickable?`button`:`div`),{key:o,type:e.clickable?`button`:void 0,disabled:e.clickable&&t.disabled,"aria-current":w(o)===`process`?`step`:void 0,class:s([`step-item`,[`step-${w(o)}`,{"step-clickable":e.clickable&&!t.disabled}]]),onClick:e=>T(o)},{default:f(()=>[a(`div`,p,[a(`div`,m,[t.icon?(c(),i(`i`,{key:0,class:s(t.icon)},null,2)):w(o)===`finish`?(c(),i(`i`,h)):(c(),i(`span`,g,d(o+1),1))]),o<e.steps.length-1?(c(),i(`div`,_)):r(`v-if`,!0)]),a(`div`,v,[a(`div`,y,d(t.title),1),t.time?(c(),i(`div`,b,d(t.time),1)):r(`v-if`,!0),t.description?(c(),i(`div`,x,d(t.description),1)):r(`v-if`,!0)])]),_:2},1032,[`type`,`disabled`,`aria-current`,`class`,`onClick`]))),128))],2))}}),[[`__scopeId`,`data-v-46bc3122`]]);export{S as t};