@robot-admin/naive-ui-components 0.10.3 → 0.11.0

package/dist/C_SplitPane2.js

@@ -1,2 +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=r(()=>y.value===`first`),S=r(()=>y.value===`second`),C=e=>Math.min(o,Math.max(a,e)),w=()=>{let e=t.value;return e?n.value===`horizontal`?e.offsetWidth:e.offsetHeight:0},T=()=>{let e=t.value;if(!e)return 0;let r=e.getBoundingClientRect();return n.value===`horizontal`?r.left:r.top},E=e=>{let t=w();return t===0?_.value:C((e-T())/t*100)},D=e=>e instanceof TouchEvent?n.value===`horizontal`?e.touches[0].clientX:e.touches[0].clientY:n.value===`horizontal`?e.clientX:e.clientY,O=e=>{let t=C(e);_.value=t,u?.(t,100-t)},k=e=>{if(!v.value||s.value)return;e.preventDefault();let t=E(D(e));y.value&&=null,O(t)},A=()=>{v.value&&(v.value=!1,document.body.style.cursor=``,document.body.style.userSelect=``,g?.(_.value),document.removeEventListener(`mousemove`,k),document.removeEventListener(`mouseup`,A),document.removeEventListener(`touchmove`,k),document.removeEventListener(`touchend`,A))},j=e=>{s.value||(e.preventDefault(),e.currentTarget?.focus(),v.value=!0,document.body.style.cursor=n.value===`horizontal`?`col-resize`:`row-resize`,document.body.style.userSelect=`none`,h?.(_.value),document.addEventListener(`mousemove`,k),document.addEventListener(`mouseup`,A),document.addEventListener(`touchmove`,k,{passive:!1}),document.addEventListener(`touchend`,A))},M=()=>{s.value||!c.value||F(`first`)},N=(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))},P=()=>{if(!y.value)return;let e=y.value;y.value=null,_.value=b.value,m?.(e),u?.(_.value,100-_.value)},F=(e=`first`)=>{y.value?P():N(e)},I=(e,t)=>({ArrowLeft:t?-l:0,ArrowRight:t?l:0,ArrowUp:t?0:-l,ArrowDown:t?0:l})[e]??null;return d(()=>{document.removeEventListener(`mousemove`,k),document.removeEventListener(`mouseup`,A),document.removeEventListener(`touchmove`,k),document.removeEventListener(`touchend`,A)}),{panelSize:_,isDragging:v,collapsedTarget:y,isFirstCollapsed:x,isSecondCollapsed:S,handleMouseDown:j,handleDoubleClick:M,handleKeyDown:e=>{if(s.value)return;if(e.key===`Home`){O(a),e.preventDefault();return}if(e.key===`End`){O(o),e.preventDefault();return}let t=I(e.key,n.value===`horizontal`);t===null||t===0||(e.preventDefault(),y.value&&=null,O(_.value+t))},collapse:N,expand:P,toggle:F,resetSize:()=>{y.value=null,_.value=i,u?.(i,100-i)},setSize:e=>{y.value=null,O(e)},getPanelInfo:()=>({first:{size:_.value,collapsed:x.value},second:{size:100-_.value,collapsed:S.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}),(t,r)=>(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(t.$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:r[4]||=(...e)=>_(P)&&_(P)(...e),onTouchstart:r[5]||=v((...e)=>_(P)&&_(P)(...e),[`prevent`]),onDblclick:r[6]||=(...e)=>_(F)&&_(F)(...e),onKeydown:r[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:r[0]||=v(e=>_(z)(`first`),[`stop`]),onMousedown:r[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:r[2]||=v(e=>_(z)(`second`),[`stop`]),onMousedown:r[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(t.$slots,`second`,{},void 0,!0)])],4)],2))}}),[[`__scopeId`,`data-v-e35daacb`]]);export{y as n,D as t};
-//# sourceMappingURL=C_SplitPane2.js.map
+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};

package/dist/C_Steps.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Steps.js`);exports.C_Steps=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Steps2.cjs`);exports.C_Steps=e.t;

package/dist/C_Steps.css

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

package/dist/C_Steps.d.cts

@@ -1,2 +1,2 @@
-import { n as StepItem, t as _default } from "./index23.vue.js";
+import { n as StepItem, t as _default } from "./index22.vue.cjs";
 export { _default as C_Steps, type StepItem };

package/dist/C_Steps.d.ts

@@ -1,2 +1,2 @@
-import { n as StepItem, t as _default } from "./index23.vue.js";
+import { n as StepItem, t as _default } from "./index22.vue.js";
 export { _default as C_Steps, type StepItem };

package/dist/C_Steps2.cjs

@@ -0,0 +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}});

package/dist/C_Steps2.js

@@ -1,2 +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(e,a)=>(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-c63dbbdc`]]);export{b as t};
-//# sourceMappingURL=C_Steps2.js.map
+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};