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

package/dist/C_OrgChart.cjs

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

package/dist/C_OrgChart.css

@@ -47,8 +47,6 @@
   gap: var(--c-orgchart-node-spacing);
   position: relative;
   /* 垂直连线：父→子 */
-  /* 横连线：兄弟节点 */
-  /* 兄弟之间的水平线 */
 }
 .c-orgchart--vertical .c-orgchart__children::before {
   content: "";
@@ -60,6 +58,9 @@
   background: var(--c-orgchart-line-color);
   transform: translateX(-50%);
 }
+.c-orgchart--vertical .c-orgchart__children {
+  /* 横连线：兄弟节点 */
+}
 .c-orgchart--vertical .c-orgchart__children > .c-orgchart__node-wrapper {
   position: relative;
 }
@@ -73,6 +74,9 @@
   background: var(--c-orgchart-line-color);
   transform: translateX(-50%);
 }
+.c-orgchart--vertical .c-orgchart__children {
+  /* 兄弟之间的水平线 */
+}
 .c-orgchart--vertical .c-orgchart__children > .c-orgchart__node-wrapper:not(:only-child)::after {
   content: "";
   position: absolute;
@@ -278,5 +282,3 @@
   min-width: 40px;
   text-align: center;
 }
-
-/*# sourceMappingURL=C_OrgChart-BXEp4i4w.css.map*/

package/dist/C_OrgChart.d.cts

@@ -1,2 +1,2 @@
-import { a as OrgChartProps, i as OrgChartNode, n as OrgChartDirection, r as OrgChartLineStyle, t as _default } from "./index20.vue.js";
+import { a as OrgChartProps, i as OrgChartNode, n as OrgChartDirection, r as OrgChartLineStyle, t as _default } from "./index19.vue.cjs";
 export { _default as C_OrgChart, type OrgChartDirection, type OrgChartLineStyle, type OrgChartNode, type OrgChartProps };

package/dist/C_OrgChart.d.ts

@@ -1,2 +1,2 @@
-import { a as OrgChartProps, i as OrgChartNode, n as OrgChartDirection, r as OrgChartLineStyle, t as _default } from "./index20.vue.js";
+import { a as OrgChartProps, i as OrgChartNode, n as OrgChartDirection, r as OrgChartLineStyle, t as _default } from "./index19.vue.js";
 export { _default as C_OrgChart, type OrgChartDirection, type OrgChartLineStyle, type OrgChartNode, type OrgChartProps };

package/dist/C_OrgChart2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);let e=require(`vue`);const t={class:`c-orgchart__node-wrapper`},n={class:`c-orgchart__node-default`},r={key:0,class:`c-orgchart__avatar`},i=[`src`,`alt`],a={class:`c-orgchart__info`},o={class:`c-orgchart__label`},s={key:0,class:`c-orgchart__subtitle`},c={key:0,class:`c-orgchart__children`},l=(0,e.defineComponent)({name:`OrgNode`,__name:`OrgNode`,props:{node:{},collapsible:{type:Boolean}},emits:[`node-click`,`node-expand`,`node-collapse`],setup(l){let u=l,d=(0,e.ref)(!u.node.collapsed),f=(0,e.computed)(()=>u.node.children&&u.node.children.length>0),p=(0,e.computed)(()=>!f.value),m=()=>{d.value=!d.value};return(u,h)=>{let g=(0,e.resolveComponent)(`OrgNode`,!0);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.createCommentVNode)(` 节点卡片 `),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`c-orgchart__node`,[l.node.className,{"c-orgchart__node--leaf":p.value}]]),onClick:h[0]||=(0,e.withModifiers)(e=>u.$emit(`node-click`,l.node),[`stop`])},[(0,e.renderSlot)(u.$slots,`node`,{node:l.node,isLeaf:p.value,isExpanded:d.value},()=>[(0,e.createCommentVNode)(` 默认节点渲染 `),(0,e.createElementVNode)(`div`,n,[l.node.avatar?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.createElementVNode)(`img`,{src:l.node.avatar,alt:l.node.label},null,8,i)])):(0,e.createCommentVNode)(`v-if`,!0),(0,e.createElementVNode)(`div`,a,[(0,e.createElementVNode)(`div`,o,(0,e.toDisplayString)(l.node.label),1),l.node.subtitle?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,s,(0,e.toDisplayString)(l.node.subtitle),1)):(0,e.createCommentVNode)(`v-if`,!0)])])]),(0,e.createCommentVNode)(` 折叠/展开按钮 `),l.collapsible&&!p.value?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,class:`c-orgchart__toggle`,onClick:(0,e.withModifiers)(m,[`stop`])},(0,e.toDisplayString)(d.value?`−`:`+`),1)):(0,e.createCommentVNode)(`v-if`,!0)],2),(0,e.createCommentVNode)(` 子节点容器 `),f.value&&d.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,c,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.node.children,t=>((0,e.openBlock)(),(0,e.createBlock)(g,{key:t.id,node:t,collapsible:l.collapsible,onNodeClick:h[1]||=e=>u.$emit(`node-click`,e),onNodeExpand:h[2]||=e=>u.$emit(`node-expand`,e),onNodeCollapse:h[3]||=e=>u.$emit(`node-collapse`,e)},null,8,[`node`,`collapsible`]))),128))])):(0,e.createCommentVNode)(`v-if`,!0)])}}}),u={key:0,class:`c-orgchart__controls`},d={class:`c-orgchart__zoom-level`},f=(0,e.defineComponent)({name:`C_OrgChart`,__name:`index`,props:{data:{},direction:{default:`vertical`},lineStyle:{default:`rounded`},lineColor:{default:`#d1d5db`},lineWidth:{default:2},nodeSpacing:{default:24},levelSpacing:{default:48},zoomable:{type:Boolean,default:!0},pannable:{type:Boolean,default:!0},initialZoom:{default:1},minZoom:{default:.3},maxZoom:{default:2},collapsible:{type:Boolean,default:!0}},emits:[`node-click`,`node-expand`,`node-collapse`],setup(t,{expose:n,emit:r}){let i=t,a=r,o=(0,e.ref)(null),s=(0,e.ref)(i.initialZoom),c=(0,e.ref)(0),f=(0,e.ref)(0),p=(0,e.ref)(!1),m=(0,e.ref)(0),h=(0,e.ref)(0),g=(0,e.computed)(()=>Math.round(s.value*100)),_=(0,e.computed)(()=>({"--c-orgchart-line-color":i.lineColor,"--c-orgchart-line-width":`${i.lineWidth}px`,"--c-orgchart-node-spacing":`${i.nodeSpacing}px`,"--c-orgchart-level-spacing":`${i.levelSpacing}px`})),v=(0,e.computed)(()=>({transform:`translate(${c.value}px, ${f.value}px) scale(${s.value})`,transformOrigin:`center top`})),y=e=>{if(!i.zoomable)return;let t=e.deltaY>0?-.1:.1,n=Math.max(i.minZoom,Math.min(i.maxZoom,s.value+t));s.value=Math.round(n*100)/100},b=e=>{i.pannable&&(p.value=!0,m.value=e.clientX-c.value,h.value=e.clientY-f.value)},x=e=>{p.value&&(c.value=e.clientX-m.value,f.value=e.clientY-h.value)},S=()=>{p.value=!1},C=()=>{s.value=Math.min(i.maxZoom,s.value+.1)},w=()=>{s.value=Math.max(i.minZoom,s.value-.1)},T=()=>{s.value=i.initialZoom,c.value=0,f.value=0},E=e=>a(`node-click`,e),D=e=>a(`node-expand`,e),O=e=>a(`node-collapse`,e);return n({zoomIn:C,zoomOut:w,resetView:T,zoom:s}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{ref_key:`containerRef`,ref:o,class:(0,e.normalizeClass)([`c-orgchart`,[`c-orgchart--${i.direction}`,`c-orgchart--line-${i.lineStyle}`]]),style:(0,e.normalizeStyle)(_.value),onWheel:(0,e.withModifiers)(y,[`prevent`]),onMousedown:b,onMousemove:x,onMouseup:S,onMouseleave:S},[(0,e.createElementVNode)(`div`,{class:`c-orgchart__viewport`,style:(0,e.normalizeStyle)(v.value)},[(0,e.createVNode)(l,{node:i.data,collapsible:i.collapsible,onNodeClick:E,onNodeExpand:D,onNodeCollapse:O},(0,e.createSlots)({_:2},[t.$slots.node?{name:`node`,fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,`node`,(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:`0`}:void 0]),1032,[`node`,`collapsible`])],4),(0,e.createCommentVNode)(` 缩放控制 `),i.zoomable?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,u,[(0,e.createElementVNode)(`button`,{class:`c-orgchart__control-btn`,title:`放大`,onClick:C},` + `),(0,e.createElementVNode)(`span`,d,(0,e.toDisplayString)(g.value)+`%`,1),(0,e.createElementVNode)(`button`,{class:`c-orgchart__control-btn`,title:`缩小`,onClick:w},` − `),(0,e.createElementVNode)(`button`,{class:`c-orgchart__control-btn`,title:`重置`,onClick:T},` ⟳ `)])):(0,e.createCommentVNode)(`v-if`,!0)],38))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/C_OrgChart2.js

@@ -1,2 +1 @@
-import{Fragment as e,computed as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createSlots as o,createVNode as s,defineComponent as c,guardReactiveProps as l,normalizeClass as u,normalizeProps as d,normalizeStyle as f,openBlock as p,ref as m,renderList as h,renderSlot as g,resolveComponent as _,toDisplayString as v,withCtx as y,withModifiers as b}from"vue";const x={class:`c-orgchart__node-wrapper`},S={class:`c-orgchart__node-default`},C={key:0,class:`c-orgchart__avatar`},w=[`src`,`alt`],T={class:`c-orgchart__info`},E={class:`c-orgchart__label`},D={key:0,class:`c-orgchart__subtitle`},O={key:0,class:`c-orgchart__children`},k=c({name:`OrgNode`,__name:`OrgNode`,props:{node:{},collapsible:{type:Boolean}},emits:[`node-click`,`node-expand`,`node-collapse`],setup(o){let s=o,c=m(!s.node.collapsed),l=t(()=>s.node.children&&s.node.children.length>0),d=t(()=>!l.value),f=()=>{c.value=!c.value};return(t,o)=>{let s=_(`OrgNode`,!0);return p(),i(`div`,x,[r(` 节点卡片 `),a(`div`,{class:u([`c-orgchart__node`,[t.node.className,{"c-orgchart__node--leaf":d.value}]]),onClick:o[0]||=b(e=>t.$emit(`node-click`,t.node),[`stop`])},[g(t.$slots,`node`,{node:t.node,isLeaf:d.value,isExpanded:c.value},()=>[r(` 默认节点渲染 `),a(`div`,S,[t.node.avatar?(p(),i(`div`,C,[a(`img`,{src:t.node.avatar,alt:t.node.label},null,8,w)])):r(`v-if`,!0),a(`div`,T,[a(`div`,E,v(t.node.label),1),t.node.subtitle?(p(),i(`div`,D,v(t.node.subtitle),1)):r(`v-if`,!0)])])]),r(` 折叠/展开按钮 `),t.collapsible&&!d.value?(p(),i(`button`,{key:0,class:`c-orgchart__toggle`,onClick:b(f,[`stop`])},v(c.value?`−`:`+`),1)):r(`v-if`,!0)],2),r(` 子节点容器 `),l.value&&c.value?(p(),i(`div`,O,[(p(!0),i(e,null,h(t.node.children,e=>(p(),n(s,{key:e.id,node:e,collapsible:t.collapsible,onNodeClick:o[1]||=e=>t.$emit(`node-click`,e),onNodeExpand:o[2]||=e=>t.$emit(`node-expand`,e),onNodeCollapse:o[3]||=e=>t.$emit(`node-collapse`,e)},null,8,[`node`,`collapsible`]))),128))])):r(`v-if`,!0)])}}}),A={key:0,class:`c-orgchart__controls`},j={class:`c-orgchart__zoom-level`},M=c({name:`C_OrgChart`,__name:`index`,props:{data:{},direction:{default:`vertical`},lineStyle:{default:`rounded`},lineColor:{default:`#d1d5db`},lineWidth:{default:2},nodeSpacing:{default:24},levelSpacing:{default:48},zoomable:{type:Boolean,default:!0},pannable:{type:Boolean,default:!0},initialZoom:{default:1},minZoom:{default:.3},maxZoom:{default:2},collapsible:{type:Boolean,default:!0}},emits:[`node-click`,`node-expand`,`node-collapse`],setup(e,{expose:n,emit:c}){let h=e,_=c,x=m(null),S=m(h.initialZoom),C=m(0),w=m(0),T=m(!1),E=m(0),D=m(0),O=t(()=>Math.round(S.value*100)),M=t(()=>({"--c-orgchart-line-color":h.lineColor,"--c-orgchart-line-width":`${h.lineWidth}px`,"--c-orgchart-node-spacing":`${h.nodeSpacing}px`,"--c-orgchart-level-spacing":`${h.levelSpacing}px`})),N=t(()=>({transform:`translate(${C.value}px, ${w.value}px) scale(${S.value})`,transformOrigin:`center top`})),P=e=>{if(!h.zoomable)return;let t=e.deltaY>0?-.1:.1,n=Math.max(h.minZoom,Math.min(h.maxZoom,S.value+t));S.value=Math.round(n*100)/100},F=e=>{h.pannable&&(T.value=!0,E.value=e.clientX-C.value,D.value=e.clientY-w.value)},I=e=>{T.value&&(C.value=e.clientX-E.value,w.value=e.clientY-D.value)},L=()=>{T.value=!1},R=()=>{S.value=Math.min(h.maxZoom,S.value+.1)},z=()=>{S.value=Math.max(h.minZoom,S.value-.1)},B=()=>{S.value=h.initialZoom,C.value=0,w.value=0},V=e=>_(`node-click`,e),H=e=>_(`node-expand`,e),U=e=>_(`node-collapse`,e);return n({zoomIn:R,zoomOut:z,resetView:B,zoom:S}),(e,t)=>(p(),i(`div`,{ref_key:`containerRef`,ref:x,class:u([`c-orgchart`,[`c-orgchart--${h.direction}`,`c-orgchart--line-${h.lineStyle}`]]),style:f(M.value),onWheel:b(P,[`prevent`]),onMousedown:F,onMousemove:I,onMouseup:L,onMouseleave:L},[a(`div`,{class:`c-orgchart__viewport`,style:f(N.value)},[s(k,{node:h.data,collapsible:h.collapsible,onNodeClick:V,onNodeExpand:H,onNodeCollapse:U},o({_:2},[e.$slots.node?{name:`node`,fn:y(t=>[g(e.$slots,`node`,d(l(t)))]),key:`0`}:void 0]),1032,[`node`,`collapsible`])],4),r(` 缩放控制 `),h.zoomable?(p(),i(`div`,A,[a(`button`,{class:`c-orgchart__control-btn`,title:`放大`,onClick:R},` + `),a(`span`,j,v(O.value)+`%`,1),a(`button`,{class:`c-orgchart__control-btn`,title:`缩小`,onClick:z},` − `),a(`button`,{class:`c-orgchart__control-btn`,title:`重置`,onClick:B},` ⟳ `)])):r(`v-if`,!0)],38))}});export{M as t};
-//# sourceMappingURL=C_OrgChart2.js.map
+import{Fragment as e,computed as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createSlots as o,createVNode as s,defineComponent as c,guardReactiveProps as l,normalizeClass as u,normalizeProps as d,normalizeStyle as f,openBlock as p,ref as m,renderList as h,renderSlot as g,resolveComponent as _,toDisplayString as v,withCtx as y,withModifiers as b}from"vue";const x={class:`c-orgchart__node-wrapper`},S={class:`c-orgchart__node-default`},C={key:0,class:`c-orgchart__avatar`},w=[`src`,`alt`],T={class:`c-orgchart__info`},E={class:`c-orgchart__label`},D={key:0,class:`c-orgchart__subtitle`},O={key:0,class:`c-orgchart__children`},k=c({name:`OrgNode`,__name:`OrgNode`,props:{node:{},collapsible:{type:Boolean}},emits:[`node-click`,`node-expand`,`node-collapse`],setup(o){let s=o,c=m(!s.node.collapsed),l=t(()=>s.node.children&&s.node.children.length>0),d=t(()=>!l.value),f=()=>{c.value=!c.value};return(t,s)=>{let m=_(`OrgNode`,!0);return p(),i(`div`,x,[r(` 节点卡片 `),a(`div`,{class:u([`c-orgchart__node`,[o.node.className,{"c-orgchart__node--leaf":d.value}]]),onClick:s[0]||=b(e=>t.$emit(`node-click`,o.node),[`stop`])},[g(t.$slots,`node`,{node:o.node,isLeaf:d.value,isExpanded:c.value},()=>[r(` 默认节点渲染 `),a(`div`,S,[o.node.avatar?(p(),i(`div`,C,[a(`img`,{src:o.node.avatar,alt:o.node.label},null,8,w)])):r(`v-if`,!0),a(`div`,T,[a(`div`,E,v(o.node.label),1),o.node.subtitle?(p(),i(`div`,D,v(o.node.subtitle),1)):r(`v-if`,!0)])])]),r(` 折叠/展开按钮 `),o.collapsible&&!d.value?(p(),i(`button`,{key:0,class:`c-orgchart__toggle`,onClick:b(f,[`stop`])},v(c.value?`−`:`+`),1)):r(`v-if`,!0)],2),r(` 子节点容器 `),l.value&&c.value?(p(),i(`div`,O,[(p(!0),i(e,null,h(o.node.children,e=>(p(),n(m,{key:e.id,node:e,collapsible:o.collapsible,onNodeClick:s[1]||=e=>t.$emit(`node-click`,e),onNodeExpand:s[2]||=e=>t.$emit(`node-expand`,e),onNodeCollapse:s[3]||=e=>t.$emit(`node-collapse`,e)},null,8,[`node`,`collapsible`]))),128))])):r(`v-if`,!0)])}}}),A={key:0,class:`c-orgchart__controls`},j={class:`c-orgchart__zoom-level`},M=c({name:`C_OrgChart`,__name:`index`,props:{data:{},direction:{default:`vertical`},lineStyle:{default:`rounded`},lineColor:{default:`#d1d5db`},lineWidth:{default:2},nodeSpacing:{default:24},levelSpacing:{default:48},zoomable:{type:Boolean,default:!0},pannable:{type:Boolean,default:!0},initialZoom:{default:1},minZoom:{default:.3},maxZoom:{default:2},collapsible:{type:Boolean,default:!0}},emits:[`node-click`,`node-expand`,`node-collapse`],setup(e,{expose:n,emit:c}){let h=e,_=c,x=m(null),S=m(h.initialZoom),C=m(0),w=m(0),T=m(!1),E=m(0),D=m(0),O=t(()=>Math.round(S.value*100)),M=t(()=>({"--c-orgchart-line-color":h.lineColor,"--c-orgchart-line-width":`${h.lineWidth}px`,"--c-orgchart-node-spacing":`${h.nodeSpacing}px`,"--c-orgchart-level-spacing":`${h.levelSpacing}px`})),N=t(()=>({transform:`translate(${C.value}px, ${w.value}px) scale(${S.value})`,transformOrigin:`center top`})),P=e=>{if(!h.zoomable)return;let t=e.deltaY>0?-.1:.1,n=Math.max(h.minZoom,Math.min(h.maxZoom,S.value+t));S.value=Math.round(n*100)/100},F=e=>{h.pannable&&(T.value=!0,E.value=e.clientX-C.value,D.value=e.clientY-w.value)},I=e=>{T.value&&(C.value=e.clientX-E.value,w.value=e.clientY-D.value)},L=()=>{T.value=!1},R=()=>{S.value=Math.min(h.maxZoom,S.value+.1)},z=()=>{S.value=Math.max(h.minZoom,S.value-.1)},B=()=>{S.value=h.initialZoom,C.value=0,w.value=0},V=e=>_(`node-click`,e),H=e=>_(`node-expand`,e),U=e=>_(`node-collapse`,e);return n({zoomIn:R,zoomOut:z,resetView:B,zoom:S}),(e,t)=>(p(),i(`div`,{ref_key:`containerRef`,ref:x,class:u([`c-orgchart`,[`c-orgchart--${h.direction}`,`c-orgchart--line-${h.lineStyle}`]]),style:f(M.value),onWheel:b(P,[`prevent`]),onMousedown:F,onMousemove:I,onMouseup:L,onMouseleave:L},[a(`div`,{class:`c-orgchart__viewport`,style:f(N.value)},[s(k,{node:h.data,collapsible:h.collapsible,onNodeClick:V,onNodeExpand:H,onNodeCollapse:U},o({_:2},[e.$slots.node?{name:`node`,fn:y(t=>[g(e.$slots,`node`,d(l(t)))]),key:`0`}:void 0]),1032,[`node`,`collapsible`])],4),r(` 缩放控制 `),h.zoomable?(p(),i(`div`,A,[a(`button`,{class:`c-orgchart__control-btn`,title:`放大`,onClick:R},` + `),a(`span`,j,v(O.value)+`%`,1),a(`button`,{class:`c-orgchart__control-btn`,title:`缩小`,onClick:z},` − `),a(`button`,{class:`c-orgchart__control-btn`,title:`重置`,onClick:B},` ⟳ `)])):r(`v-if`,!0)],38))}});export{M as t};

package/dist/C_Progress.cjs

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

package/dist/C_Progress.css

@@ -0,0 +1 @@
+/* C_Progress has no component-specific styles. */

package/dist/C_Progress.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./index21.vue.js";
+import { t as _default } from "./index20.vue.cjs";
 export { _default as C_Progress };

package/dist/C_Progress.d.ts

@@ -1,2 +1,2 @@
-import { t as _default } from "./index21.vue.js";
+import { t as _default } from "./index20.vue.js";
 export { _default as C_Progress };

package/dist/C_Progress2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);let e=require(`vue`),t=require(`naive-ui`);const n=(0,e.defineComponent)({name:`C_Progress`,__name:`index`,props:{percentage:{default:0},isAnimation:{type:Boolean,default:!1},time:{default:3e3},type:{},borderRadius:{},circleGap:{},color:{},fillBorderRadius:{},gapDegree:{},gapOffsetDegree:{},height:{},indicatorPlacement:{default:`outside`},indicatorTextColor:{},offsetDegree:{},railColor:{},railStyle:{},showIndicator:{type:Boolean,default:!0},status:{default:`default`},strokeWidth:{default:7},unit:{default:`%`}},setup(n){let r=n,i=(0,e.useSlots)(),a=(0,e.ref)(Array.isArray(r.percentage)?[...r.percentage]:0),o=(0,e.computed)(()=>!!i.indicator),s=(0,e.computed)(()=>r.type===`multiple-circle`?Array.isArray(a.value)?a.value:[a.value]:Array.isArray(a.value)?a.value[0]:a.value),c=(0,e.computed)(()=>({type:r.type,borderRadius:r.borderRadius,circleGap:r.circleGap,color:r.color,fillBorderRadius:r.fillBorderRadius,gapDegree:r.gapDegree,gapOffsetDegree:r.gapOffsetDegree,height:r.height,indicatorPlacement:r.indicatorPlacement,indicatorTextColor:r.indicatorTextColor,offsetDegree:r.offsetDegree,railColor:r.railColor,railStyle:r.railStyle,status:r.status,strokeWidth:r.strokeWidth,unit:r.unit}));return(0,e.watch)(()=>r.percentage,e=>{r.isAnimation?r.type===`multiple-circle`&&Array.isArray(e)&&(a.value=[...e]):a.value=e},{immediate:!0,deep:!0}),(0,e.onMounted)(()=>{if(r.isAnimation&&r.type!==`multiple-circle`){let e=Array.isArray(r.percentage)?r.percentage[0]:r.percentage;if(e>0){let t=performance.now(),n=i=>{let o=i-t,s=Math.min(o/r.time,1);a.value=Math.round(s*e),s<1&&requestAnimationFrame(n)};requestAnimationFrame(n)}}}),(r,i)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.NProgress),(0,e.mergeProps)(c.value,{percentage:s.value,processing:n.isAnimation}),(0,e.createSlots)({_:2},[n.showIndicator&&o.value?{name:`default`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,`indicator`)]),key:`0`}:void 0]),1040,[`percentage`,`processing`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/C_Progress2.js

@@ -1,2 +1 @@
-import{NProgress as e}from"naive-ui";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,mergeProps as a,onMounted as o,openBlock as s,ref as c,renderSlot as l,unref as u,useSlots as d,watch as f,withCtx as p}from"vue";const m=i({name:`C_Progress`,__name:`index`,props:{percentage:{default:0},isAnimation:{type:Boolean,default:!1},time:{default:3e3},type:{},borderRadius:{},circleGap:{},color:{},fillBorderRadius:{},gapDegree:{},gapOffsetDegree:{},height:{},indicatorPlacement:{default:`outside`},indicatorTextColor:{},offsetDegree:{},railColor:{},railStyle:{},showIndicator:{type:Boolean,default:!0},status:{default:`default`},strokeWidth:{default:7},unit:{default:`%`}},setup(i){let m=i,h=d(),g=c(Array.isArray(m.percentage)?[...m.percentage]:0),_=t(()=>!!h.indicator),v=t(()=>m.type===`multiple-circle`?Array.isArray(g.value)?g.value:[g.value]:Array.isArray(g.value)?g.value[0]:g.value),y=t(()=>({type:m.type,borderRadius:m.borderRadius,circleGap:m.circleGap,color:m.color,fillBorderRadius:m.fillBorderRadius,gapDegree:m.gapDegree,gapOffsetDegree:m.gapOffsetDegree,height:m.height,indicatorPlacement:m.indicatorPlacement,indicatorTextColor:m.indicatorTextColor,offsetDegree:m.offsetDegree,railColor:m.railColor,railStyle:m.railStyle,status:m.status,strokeWidth:m.strokeWidth,unit:m.unit}));return f(()=>m.percentage,e=>{m.isAnimation?m.type===`multiple-circle`&&Array.isArray(e)&&(g.value=[...e]):g.value=e},{immediate:!0,deep:!0}),o(()=>{if(m.isAnimation&&m.type!==`multiple-circle`){let e=Array.isArray(m.percentage)?m.percentage[0]:m.percentage;if(e>0){let t=performance.now(),n=r=>{let i=r-t,a=Math.min(i/m.time,1);g.value=Math.round(a*e),a<1&&requestAnimationFrame(n)};requestAnimationFrame(n)}}}),(t,i)=>(s(),n(u(e),a(y.value,{percentage:v.value,processing:t.isAnimation}),r({_:2},[t.showIndicator&&_.value?{name:`default`,fn:p(()=>[l(t.$slots,`indicator`)]),key:`0`}:void 0]),1040,[`percentage`,`processing`]))}});export{m as t};
-//# sourceMappingURL=C_Progress2.js.map
+import{computed as e,createBlock as t,createSlots as n,defineComponent as r,mergeProps as i,onMounted as a,openBlock as o,ref as s,renderSlot as c,unref as l,useSlots as u,watch as d,withCtx as f}from"vue";import{NProgress as p}from"naive-ui";const m=r({name:`C_Progress`,__name:`index`,props:{percentage:{default:0},isAnimation:{type:Boolean,default:!1},time:{default:3e3},type:{},borderRadius:{},circleGap:{},color:{},fillBorderRadius:{},gapDegree:{},gapOffsetDegree:{},height:{},indicatorPlacement:{default:`outside`},indicatorTextColor:{},offsetDegree:{},railColor:{},railStyle:{},showIndicator:{type:Boolean,default:!0},status:{default:`default`},strokeWidth:{default:7},unit:{default:`%`}},setup(r){let m=r,h=u(),g=s(Array.isArray(m.percentage)?[...m.percentage]:0),_=e(()=>!!h.indicator),v=e(()=>m.type===`multiple-circle`?Array.isArray(g.value)?g.value:[g.value]:Array.isArray(g.value)?g.value[0]:g.value),y=e(()=>({type:m.type,borderRadius:m.borderRadius,circleGap:m.circleGap,color:m.color,fillBorderRadius:m.fillBorderRadius,gapDegree:m.gapDegree,gapOffsetDegree:m.gapOffsetDegree,height:m.height,indicatorPlacement:m.indicatorPlacement,indicatorTextColor:m.indicatorTextColor,offsetDegree:m.offsetDegree,railColor:m.railColor,railStyle:m.railStyle,status:m.status,strokeWidth:m.strokeWidth,unit:m.unit}));return d(()=>m.percentage,e=>{m.isAnimation?m.type===`multiple-circle`&&Array.isArray(e)&&(g.value=[...e]):g.value=e},{immediate:!0,deep:!0}),a(()=>{if(m.isAnimation&&m.type!==`multiple-circle`){let e=Array.isArray(m.percentage)?m.percentage[0]:m.percentage;if(e>0){let t=performance.now(),n=r=>{let i=r-t,a=Math.min(i/m.time,1);g.value=Math.round(a*e),a<1&&requestAnimationFrame(n)};requestAnimationFrame(n)}}}),(e,a)=>(o(),t(l(p),i(y.value,{percentage:v.value,processing:r.isAnimation}),n({_:2},[r.showIndicator&&_.value?{name:`default`,fn:f(()=>[c(e.$slots,`indicator`)]),key:`0`}:void 0]),1040,[`percentage`,`processing`]))}});export{m as t};

package/dist/C_QRCode.cjs

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

package/dist/C_QRCode.css

@@ -1,12 +1,12 @@
 /* unplugin-vue-components disabled *//* C_QRCode styles */
-.c-qrcode[data-v-40ee5142] {
+.c-qrcode[data-v-959c13aa] {
   display: inline-flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
   max-width: 100%;
 }
-.c-qrcode .qrcode-wrapper[data-v-40ee5142] {
+.c-qrcode .qrcode-wrapper[data-v-959c13aa] {
   display: inline-block;
   padding: 8px;
   background: var(--c-bg-content, #fff);
@@ -16,30 +16,30 @@
   max-width: 100%;
   line-height: 0;
 }
-.c-qrcode .qrcode-wrapper.with-border[data-v-40ee5142] {
+.c-qrcode .qrcode-wrapper.with-border[data-v-959c13aa] {
   border: 1px dashed var(--c-border-default, #e0e0e6);
 }
-.c-qrcode .qrcode-wrapper[data-v-40ee5142]:hover {
+.c-qrcode .qrcode-wrapper[data-v-959c13aa]:hover {
   border-color: var(--primary-color, #409eff);
   box-shadow: var(--c-shadow-sm, 0 1px 4px rgba(0, 0, 0, 0.08));
 }
-.c-qrcode .qrcode-wrapper canvas[data-v-40ee5142] {
+.c-qrcode .qrcode-wrapper canvas[data-v-959c13aa] {
   display: block;
   max-width: 100%;
   height: auto;
 }
-.c-qrcode .qrcode-wrapper .qrcode-svg[data-v-40ee5142] {
+.c-qrcode .qrcode-wrapper .qrcode-svg[data-v-959c13aa] {
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 100%;
 }
-.c-qrcode .qrcode-wrapper .qrcode-svg[data-v-40ee5142] svg {
+.c-qrcode .qrcode-wrapper .qrcode-svg[data-v-959c13aa] svg {
   width: 100%;
   height: 100%;
   display: block;
 }
-.c-qrcode .qrcode-label[data-v-40ee5142] {
+.c-qrcode .qrcode-label[data-v-959c13aa] {
   font-size: 14px;
   color: var(--c-text-secondary, #999);
   text-align: center;
@@ -47,5 +47,3 @@
   word-break: break-all;
   max-width: 100%;
 }
-
-/*# sourceMappingURL=C_QRCode-B_1lHUdx.css.map*/

package/dist/C_QRCode.d.cts

@@ -1,2 +1,2 @@
-import { a as LogoOptions, c as RenderMode, i as ExportType, n as _default, o as QRCodeExpose, r as ErrorCorrectionLevel, s as QRCodeProps, t as useQRCode } from "./useQRCode.js";
+import { a as LogoOptions, c as RenderMode, i as ExportType, n as _default, o as QRCodeExpose, r as ErrorCorrectionLevel, s as QRCodeProps, t as useQRCode } from "./useQRCode.cjs";
 export { _default as C_QRCode, type ErrorCorrectionLevel, type ExportType, type LogoOptions, type QRCodeExpose, type QRCodeProps, type RenderMode, useQRCode };

package/dist/C_QRCode2.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk.cjs`),t=require(`./export-helper.cjs`),n=require(`./html.cjs`);let r=require(`vue`),i=require(`qrcode`);i=e.t(i);function a(e,t,n){return new Promise((r,i)=>{let a=e.getContext(`2d`);if(!a)return i(Error(`Canvas context 不可用`));let o=new Image;o.crossOrigin=`anonymous`,o.onload=()=>{let i=t.size??.2,s=Math.floor(n*i),c=t.padding??4,l=t.borderRadius??4,u=(e.width-s)/2,d=(e.height-s)/2;a.save();let f=u-c,p=d-c,m=s+c*2,h=l+c;a.beginPath(),a.moveTo(f+h,p),a.arcTo(f+m,p,f+m,p+m,h),a.arcTo(f+m,p+m,f,p+m,h),a.arcTo(f,p+m,f,p,h),a.arcTo(f,p,f+m,p,h),a.closePath(),a.fillStyle=t.bgColor??`#ffffff`,a.fill(),a.beginPath(),a.moveTo(u+l,d),a.arcTo(u+s,d,u+s,d+s,l),a.arcTo(u+s,d+s,u,d+s,l),a.arcTo(u,d+s,u,d,l),a.arcTo(u,d,u+s,d,l),a.closePath(),a.clip(),a.drawImage(o,u,d,s,s),a.restore(),r()},o.onerror=()=>i(Error(`Logo 加载失败: ${t.src}`)),o.src=t.src})}function o(e,t){let n=(0,r.ref)(``),o=(0,r.ref)(null),s=(0,r.ref)(!1),c=(0,r.computed)(()=>{if(t.logo.value){let e=t.errorCorrectionLevel.value;return e===`L`||e===`M`?`Q`:e}return t.errorCorrectionLevel.value}),l=(0,r.computed)(()=>({width:t.size.value,margin:t.margin.value,errorCorrectionLevel:c.value,color:{dark:t.color.value,light:t.bgColor.value}}));async function u(){let n=e.value;!n||!t.value.value||(await i.default.toCanvas(n,t.value.value,l.value),t.logo.value&&await a(n,t.logo.value,t.size.value))}async function d(){if(!t.value.value){n.value=``;return}n.value=await i.default.toString(t.value.value,{...l.value,type:`svg`})}async function f(){if(t.value.value){s.value=!0,o.value=null;try{t.mode.value===`canvas`?await u():await d()}catch(e){o.value=e instanceof Error?e:Error(String(e)),console.error(`二维码渲染失败:`,e)}finally{s.value=!1}}}async function p(e=`png`,n=.92){if(e===`svg`){let e=await i.default.toString(t.value.value,{...l.value,type:`svg`});return`data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`}let r=document.createElement(`canvas`);await i.default.toCanvas(r,t.value.value,l.value),t.logo.value&&await a(r,t.logo.value,t.size.value);let o=e===`jpeg`?`image/jpeg`:`image/png`;return r.toDataURL(o,n)}async function m(e=`qrcode`,t=`png`){let n=await p(t),r=document.createElement(`a`);r.download=`${e}.${t}`,r.href=n,r.click()}return(0,r.watch)([t.value,t.size,t.color,t.bgColor,t.errorCorrectionLevel,t.margin,t.mode,t.logo],()=>f(),{deep:!0}),{svgHtml:n,error:o,loading:s,render:f,toDataURL:p,download:m}}const s={class:`c-qrcode`},c=[`innerHTML`],l={key:0,class:`qrcode-label`},u=(0,r.defineComponent)({name:`C_QRCode`,__name:`index`,props:{value:{},size:{default:200},color:{default:`#000000`},bgColor:{default:`#FFFFFF`},errorCorrectionLevel:{default:`M`},margin:{default:2},mode:{default:`canvas`},logo:{default:void 0},showBorder:{type:Boolean,default:!0},label:{default:``},showLabel:{type:Boolean,default:!1}},emits:[`error`],setup(e,{expose:t,emit:i}){let a=e,u=i,d=(0,r.ref)(null),{svgHtml:f,error:p,render:m,toDataURL:h,download:g}=o(d,{value:(0,r.toRef)(a,`value`),size:(0,r.toRef)(a,`size`),color:(0,r.toRef)(a,`color`),bgColor:(0,r.toRef)(a,`bgColor`),errorCorrectionLevel:(0,r.toRef)(a,`errorCorrectionLevel`),margin:(0,r.toRef)(a,`margin`),mode:(0,r.toRef)(a,`mode`),logo:(0,r.toRef)(a,`logo`)}),_=(0,r.computed)(()=>n.n(f.value));return(0,r.watch)(p,e=>{e&&u(`error`,e)}),(0,r.onMounted)(()=>m()),t({toDataURL:(e,t)=>h(e,t),download:(e,t)=>g(e,t),refresh:()=>m()}),(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,s,[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([`qrcode-wrapper`,{"with-border":e.showBorder}])},[(0,r.withDirectives)((0,r.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:d},null,512),[[r.vShow,e.mode===`canvas`]]),e.mode===`svg`?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:`qrcode-svg`,style:(0,r.normalizeStyle)({width:`${e.size}px`,height:`${e.size}px`}),innerHTML:_.value},null,12,c)):(0,r.createCommentVNode)(`v-if`,!0)],2),e.showLabel&&e.label?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,l,(0,r.toDisplayString)(e.label),1)):(0,r.createCommentVNode)(`v-if`,!0)]))}});var d=t.t(u,[[`__scopeId`,`data-v-959c13aa`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/dist/C_QRCode2.js

@@ -1,2 +1 @@
-import{t as e}from"./export-helper.js";import{computed as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,normalizeStyle as s,onMounted as c,openBlock as l,ref as u,toDisplayString as d,toRef as f,unref as p,vShow as m,watch as h,withDirectives as g}from"vue";import _ from"qrcode";function v(e,t,n){return new Promise((r,i)=>{let a=e.getContext(`2d`);if(!a)return i(Error(`Canvas context 不可用`));let o=new Image;o.crossOrigin=`anonymous`,o.onload=()=>{let i=t.size??.2,s=Math.floor(n*i),c=t.padding??4,l=t.borderRadius??4,u=(e.width-s)/2,d=(e.height-s)/2;a.save();let f=u-c,p=d-c,m=s+c*2,h=l+c;a.beginPath(),a.moveTo(f+h,p),a.arcTo(f+m,p,f+m,p+m,h),a.arcTo(f+m,p+m,f,p+m,h),a.arcTo(f,p+m,f,p,h),a.arcTo(f,p,f+m,p,h),a.closePath(),a.fillStyle=t.bgColor??`#ffffff`,a.fill(),a.beginPath(),a.moveTo(u+l,d),a.arcTo(u+s,d,u+s,d+s,l),a.arcTo(u+s,d+s,u,d+s,l),a.arcTo(u,d+s,u,d,l),a.arcTo(u,d,u+s,d,l),a.closePath(),a.clip(),a.drawImage(o,u,d,s,s),a.restore(),r()},o.onerror=()=>i(Error(`Logo 加载失败: ${t.src}`)),o.src=t.src})}function y(e,n){let r=u(``),i=u(null),a=u(!1),o=t(()=>{if(n.logo.value){let e=n.errorCorrectionLevel.value;return e===`L`||e===`M`?`Q`:e}return n.errorCorrectionLevel.value}),s=t(()=>({width:n.size.value,margin:n.margin.value,errorCorrectionLevel:o.value,color:{dark:n.color.value,light:n.bgColor.value}}));async function c(){let t=e.value;!t||!n.value.value||(await _.toCanvas(t,n.value.value,s.value),n.logo.value&&await v(t,n.logo.value,n.size.value))}async function l(){if(!n.value.value){r.value=``;return}r.value=await _.toString(n.value.value,{...s.value,type:`svg`})}async function d(){if(n.value.value){a.value=!0,i.value=null;try{n.mode.value===`canvas`?await c():await l()}catch(e){i.value=e instanceof Error?e:Error(String(e)),console.error(`二维码渲染失败:`,e)}finally{a.value=!1}}}async function f(e=`png`,t=.92){if(e===`svg`){let e=await _.toString(n.value.value,{...s.value,type:`svg`});return`data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`}let r=document.createElement(`canvas`);await _.toCanvas(r,n.value.value,s.value),n.logo.value&&await v(r,n.logo.value,n.size.value);let i=e===`jpeg`?`image/jpeg`:`image/png`;return r.toDataURL(i,t)}async function p(e=`qrcode`,t=`png`){let n=await f(t),r=document.createElement(`a`);r.download=`${e}.${t}`,r.href=n,r.click()}return h([n.value,n.size,n.color,n.bgColor,n.errorCorrectionLevel,n.margin,n.mode,n.logo],()=>d(),{deep:!0}),{svgHtml:r,error:i,loading:a,render:d,toDataURL:f,download:p}}const b={class:`c-qrcode`},x=[`innerHTML`],S={key:0,class:`qrcode-label`};var C=e(a({name:`C_QRCode`,__name:`index`,props:{value:{},size:{default:200},color:{default:`#000000`},bgColor:{default:`#FFFFFF`},errorCorrectionLevel:{default:`M`},margin:{default:2},mode:{default:`canvas`},logo:{default:void 0},showBorder:{type:Boolean,default:!0},label:{default:``},showLabel:{type:Boolean,default:!1}},emits:[`error`],setup(e,{expose:t,emit:a}){let _=e,v=a,C=u(null),{svgHtml:w,error:T,render:E,toDataURL:D,download:O}=y(C,{value:f(_,`value`),size:f(_,`size`),color:f(_,`color`),bgColor:f(_,`bgColor`),errorCorrectionLevel:f(_,`errorCorrectionLevel`),margin:f(_,`margin`),mode:f(_,`mode`),logo:f(_,`logo`)});return h(T,e=>{e&&v(`error`,e)}),c(()=>E()),t({toDataURL:(e,t)=>D(e,t),download:(e,t)=>O(e,t),refresh:()=>E()}),(e,t)=>(l(),r(`div`,b,[i(`div`,{class:o([`qrcode-wrapper`,{"with-border":e.showBorder}])},[g(i(`canvas`,{ref_key:`canvasRef`,ref:C},null,512),[[m,e.mode===`canvas`]]),e.mode===`svg`?(l(),r(`div`,{key:0,class:`qrcode-svg`,style:s({width:`${e.size}px`,height:`${e.size}px`}),innerHTML:p(w)},null,12,x)):n(`v-if`,!0)],2),e.showLabel&&e.label?(l(),r(`div`,S,d(e.label),1)):n(`v-if`,!0)]))}}),[[`__scopeId`,`data-v-40ee5142`]]);export{y as n,C as t};
-//# sourceMappingURL=C_QRCode2.js.map
+import{t as e}from"./export-helper.js";import{n as t}from"./html.js";import{computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,onMounted as l,openBlock as u,ref as d,toDisplayString as f,toRef as p,vShow as m,watch as h,withDirectives as g}from"vue";import _ from"qrcode";function v(e,t,n){return new Promise((r,i)=>{let a=e.getContext(`2d`);if(!a)return i(Error(`Canvas context 不可用`));let o=new Image;o.crossOrigin=`anonymous`,o.onload=()=>{let i=t.size??.2,s=Math.floor(n*i),c=t.padding??4,l=t.borderRadius??4,u=(e.width-s)/2,d=(e.height-s)/2;a.save();let f=u-c,p=d-c,m=s+c*2,h=l+c;a.beginPath(),a.moveTo(f+h,p),a.arcTo(f+m,p,f+m,p+m,h),a.arcTo(f+m,p+m,f,p+m,h),a.arcTo(f,p+m,f,p,h),a.arcTo(f,p,f+m,p,h),a.closePath(),a.fillStyle=t.bgColor??`#ffffff`,a.fill(),a.beginPath(),a.moveTo(u+l,d),a.arcTo(u+s,d,u+s,d+s,l),a.arcTo(u+s,d+s,u,d+s,l),a.arcTo(u,d+s,u,d,l),a.arcTo(u,d,u+s,d,l),a.closePath(),a.clip(),a.drawImage(o,u,d,s,s),a.restore(),r()},o.onerror=()=>i(Error(`Logo 加载失败: ${t.src}`)),o.src=t.src})}function y(e,t){let r=d(``),i=d(null),a=d(!1),o=n(()=>{if(t.logo.value){let e=t.errorCorrectionLevel.value;return e===`L`||e===`M`?`Q`:e}return t.errorCorrectionLevel.value}),s=n(()=>({width:t.size.value,margin:t.margin.value,errorCorrectionLevel:o.value,color:{dark:t.color.value,light:t.bgColor.value}}));async function c(){let n=e.value;!n||!t.value.value||(await _.toCanvas(n,t.value.value,s.value),t.logo.value&&await v(n,t.logo.value,t.size.value))}async function l(){if(!t.value.value){r.value=``;return}r.value=await _.toString(t.value.value,{...s.value,type:`svg`})}async function u(){if(t.value.value){a.value=!0,i.value=null;try{t.mode.value===`canvas`?await c():await l()}catch(e){i.value=e instanceof Error?e:Error(String(e)),console.error(`二维码渲染失败:`,e)}finally{a.value=!1}}}async function f(e=`png`,n=.92){if(e===`svg`){let e=await _.toString(t.value.value,{...s.value,type:`svg`});return`data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`}let r=document.createElement(`canvas`);await _.toCanvas(r,t.value.value,s.value),t.logo.value&&await v(r,t.logo.value,t.size.value);let i=e===`jpeg`?`image/jpeg`:`image/png`;return r.toDataURL(i,n)}async function p(e=`qrcode`,t=`png`){let n=await f(t),r=document.createElement(`a`);r.download=`${e}.${t}`,r.href=n,r.click()}return h([t.value,t.size,t.color,t.bgColor,t.errorCorrectionLevel,t.margin,t.mode,t.logo],()=>u(),{deep:!0}),{svgHtml:r,error:i,loading:a,render:u,toDataURL:f,download:p}}const b={class:`c-qrcode`},x=[`innerHTML`],S={key:0,class:`qrcode-label`};var C=e(o({name:`C_QRCode`,__name:`index`,props:{value:{},size:{default:200},color:{default:`#000000`},bgColor:{default:`#FFFFFF`},errorCorrectionLevel:{default:`M`},margin:{default:2},mode:{default:`canvas`},logo:{default:void 0},showBorder:{type:Boolean,default:!0},label:{default:``},showLabel:{type:Boolean,default:!1}},emits:[`error`],setup(e,{expose:o,emit:_}){let v=e,C=_,w=d(null),{svgHtml:T,error:E,render:D,toDataURL:O,download:k}=y(w,{value:p(v,`value`),size:p(v,`size`),color:p(v,`color`),bgColor:p(v,`bgColor`),errorCorrectionLevel:p(v,`errorCorrectionLevel`),margin:p(v,`margin`),mode:p(v,`mode`),logo:p(v,`logo`)}),A=n(()=>t(T.value));return h(E,e=>{e&&C(`error`,e)}),l(()=>D()),o({toDataURL:(e,t)=>O(e,t),download:(e,t)=>k(e,t),refresh:()=>D()}),(t,n)=>(u(),i(`div`,b,[a(`div`,{class:s([`qrcode-wrapper`,{"with-border":e.showBorder}])},[g(a(`canvas`,{ref_key:`canvasRef`,ref:w},null,512),[[m,e.mode===`canvas`]]),e.mode===`svg`?(u(),i(`div`,{key:0,class:`qrcode-svg`,style:c({width:`${e.size}px`,height:`${e.size}px`}),innerHTML:A.value},null,12,x)):r(`v-if`,!0)],2),e.showLabel&&e.label?(u(),i(`div`,S,f(e.label),1)):r(`v-if`,!0)]))}}),[[`__scopeId`,`data-v-959c13aa`]]);export{y as n,C as t};

package/dist/C_Signature.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Signature.js`);exports.C_Signature=e.t,exports.useSignatureCanvas=e.i,exports.useSignatureExport=e.n,exports.useSignatureHistory=e.r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon2.cjs`);const e=require(`./C_Signature2.cjs`);exports.C_Signature=e.t,exports.useSignatureCanvas=e.i,exports.useSignatureExport=e.n,exports.useSignatureHistory=e.r;

package/dist/C_Signature.css

@@ -81,5 +81,3 @@
   justify-content: flex-end;
   gap: 8px;
 }
-
-/*# sourceMappingURL=C_Signature-Bp-RBpAl.css.map*/

package/dist/C_Signature.d.cts

@@ -1,2 +1,2 @@
-import { a as EraserConfig, c as PenMode, d as SignatureExpose, f as SignaturePoint, g as WatermarkConfig, h as SignatureStroke, i as _default, l as SignatureEmits, m as SignatureSnapshot, n as useSignatureExport, o as ExportOptions, p as SignatureProps, r as useSignatureCanvas, s as PenConfig, t as useSignatureHistory, u as SignatureExportFormat } from "./useSignatureHistory.js";
+import { a as EraserConfig, c as PenMode, d as SignatureExpose, f as SignaturePoint, g as WatermarkConfig, h as SignatureStroke, i as _default, l as SignatureEmits, m as SignatureSnapshot, n as useSignatureExport, o as ExportOptions, p as SignatureProps, r as useSignatureCanvas, s as PenConfig, t as useSignatureHistory, u as SignatureExportFormat } from "./useSignatureHistory.cjs";
 export { _default as C_Signature, type EraserConfig, type ExportOptions, type PenConfig, type PenMode, type SignatureEmits, type SignatureExportFormat, type SignatureExpose, type SignaturePoint, type SignatureProps, type SignatureSnapshot, type SignatureStroke, type WatermarkConfig, useSignatureCanvas, useSignatureExport, useSignatureHistory };

package/dist/C_Signature.js

@@ -1 +1 @@
-import{i as e,n as t,r as n,t as r}from"./C_Signature2.js";export{r as C_Signature,e as useSignatureCanvas,t as useSignatureExport,n as useSignatureHistory};
+import"./C_Icon2.js";import{i as e,n as t,r as n,t as r}from"./C_Signature2.js";export{r as C_Signature,e as useSignatureCanvas,t as useSignatureExport,n as useSignatureHistory};

package/dist/C_Signature2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);function i(e){let{canvasRef:t,penConfig:r,mode:i,disabled:a,onStrokeComplete:o,onDrawStart:s,onDrawing:c}=e,l=(0,n.ref)(!1),u=(0,n.ref)([]),d=null,f=()=>{let e=t.value;if(!e||(d=e.getContext(`2d`,{willReadFrequently:!0}),!d))return;let n=window.devicePixelRatio||1,r=e.getBoundingClientRect();e.width=r.width*n,e.height=r.height*n,e.style.width=`${r.width}px`,e.style.height=`${r.height}px`,d.scale(n,n),d.lineCap=`round`,d.lineJoin=`round`},p=e=>{let n=t.value;if(!n)return{x:0,y:0};let r=n.getBoundingClientRect(),i,a;if(`touches`in e&&e.touches.length>0)({clientX:i,clientY:a}=e.touches[0]);else if(`clientX`in e)({clientX:i,clientY:a}=e);else return{x:0,y:0};return{x:i-r.left,y:a-r.top,timestamp:Date.now()}},m=(e,t,n,r=!1)=>{d&&(d.save(),r?(d.globalCompositeOperation=`destination-out`,d.lineWidth=20):(d.globalCompositeOperation=`source-over`,d.strokeStyle=n.color,d.lineWidth=n.width,d.globalAlpha=n.opacity),d.beginPath(),d.moveTo(e.x,e.y),d.lineTo(t.x,t.y),d.stroke(),d.restore())},h=e=>{if(a.value)return;e.preventDefault(),l.value=!0,u.value=[];let t=p(e);u.value.push(t),s()},g=e=>{if(!l.value||a.value)return;e.preventDefault();let t=p(e),n=u.value[u.value.length-1];n&&m(n,t,r.value,i.value===`eraser`),u.value.push(t),c(t)},_=e=>{!l.value||a.value||(e.preventDefault(),l.value=!1,u.value.length>0&&(o({points:[...u.value],color:r.value.color,width:r.value.width,opacity:r.value.opacity,mode:i.value}),u.value=[]))};return{isDrawing:(0,n.readonly)(l),initCanvas:f,bindEvents:()=>{let e=t.value;e&&(e.addEventListener(`mousedown`,h),e.addEventListener(`mousemove`,g),e.addEventListener(`mouseup`,_),e.addEventListener(`mouseleave`,_),e.addEventListener(`touchstart`,h,{passive:!1}),e.addEventListener(`touchmove`,g,{passive:!1}),e.addEventListener(`touchend`,_),e.addEventListener(`touchcancel`,_))},unbindEvents:()=>{let e=t.value;e&&(e.removeEventListener(`mousedown`,h),e.removeEventListener(`mousemove`,g),e.removeEventListener(`mouseup`,_),e.removeEventListener(`mouseleave`,_),e.removeEventListener(`touchstart`,h),e.removeEventListener(`touchmove`,g),e.removeEventListener(`touchend`,_),e.removeEventListener(`touchcancel`,_))},redrawStrokes:e=>{if(!d||!t.value)return;let n=t.value;d.clearRect(0,0,n.width,n.height),e.forEach(e=>{for(let t=1;t<e.points.length;t++)m(e.points[t-1],e.points[t],{color:e.color,width:e.width,opacity:e.opacity},e.mode===`eraser`)})},clearCanvas:()=>{!d||!t.value||d.clearRect(0,0,t.value.width,t.value.height)}}}function a(e={}){let{maxHistory:t=50,onChange:r}=e,i=(0,n.ref)([]),a=(0,n.ref)([]),o=(0,n.ref)(-1),s=(0,n.computed)(()=>o.value>0),c=(0,n.computed)(()=>o.value<a.value.length-1),l=e=>{i.value.push(e),u()},u=()=>{a.value=a.value.slice(0,o.value+1),a.value.push([...i.value]),o.value++,a.value.length>t&&(a.value.shift(),o.value--),r?.(i.value)},d=()=>s.value?(o.value--,i.value=[...a.value[o.value]],r?.(i.value),!0):!1,f=()=>c.value?(o.value++,i.value=[...a.value[o.value]],r?.(i.value),!0):!1,p=()=>{i.value=[],a.value=[[]],o.value=0,r?.(i.value)},m=e=>{i.value=[...e],a.value=[[...e]],o.value=0,r?.(i.value)},h=(0,n.computed)(()=>i.value.length===0);return a.value=[[]],o.value=0,{strokes:(0,n.readonly)(i),canUndo:(0,n.readonly)(s),canRedo:(0,n.readonly)(c),isEmpty:(0,n.readonly)(h),addStroke:l,undo:d,redo:f,clear:p,loadData:m}}function o(e){let{canvasRef:t,watermark:n}=e,r=(e,t,n,r)=>{let i={"top-left":{x:10,y:n+10},"top-right":{x:e.width-t-10,y:n+10},"bottom-left":{x:10,y:e.height-10},"bottom-right":{x:e.width-t-10,y:e.height-10}};return i[r]||i[`bottom-right`]},i=(e,t)=>{let i=e.getContext(`2d`);if(!i||!n?.value?.show)return;let a={fontSize:n.value.fontSize||12,color:n.value.color||`#999999`,position:n.value.position||`bottom-right`};i.save(),i.font=`${a.fontSize}px Arial`,i.fillStyle=a.color,i.textBaseline=`bottom`;let o=i.measureText(t).width,{x:s,y:c}=r(e,o,a.fontSize,a.position);i.fillText(t,s,c),i.restore()},a=(e,t,n)=>{let r=document.createElement(`canvas`);r.width=e.width,r.height=e.height;let i=r.getContext(`2d`);if(!i)throw Error(`无法创建临时 Canvas`);return t&&(i.fillStyle=n,i.fillRect(0,0,r.width,r.height)),i.drawImage(e,0,0),{canvas:r,ctx:i}},o=(e,t)=>{let{includeBackground:r=!1,backgroundColor:o=`#FFFFFF`,includeWatermark:s=!1}=t,{canvas:c}=a(e,r,o);return s&&n?.value?.text&&i(c,n.value.text),c},s=(e,t)=>new Promise((n,r)=>{e.toBlob(e=>e?n(e):r(Error(`导出失败`)),`image/png`,t)}),c=e=>{let t=e.getContext(`2d`);if(!t)return!0;let{data:n}=t.getImageData(0,0,e.width,e.height);return!n.some(e=>e!==0)},l=async(e={})=>{let n=t.value;if(!n)throw Error(`Canvas 未初始化`);if(c(n))throw Error(`签名为空，请先签名后再导出`);let{format:r=`png`,quality:i=.92}=e;if(r===`svg`)return`data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><text>SVG export placeholder</text></svg>`;let a=o(n,e);if(r===`blob`)return s(a,i);let l=r===`jpeg`?`image/jpeg`:`image/png`;return a.toDataURL(l,i)};return{exportSignature:l,download:async(e=`signature`,t={})=>{let n=t.format||`png`,r=await l({...t,format:n});if(r instanceof Blob){let t=URL.createObjectURL(r),i=document.createElement(`a`);i.href=t,i.download=`${e}.${n}`,i.click(),URL.revokeObjectURL(t)}else if(typeof r==`string`){let t=document.createElement(`a`);t.href=r,t.download=`${e}.${n}`,t.click()}},loadImage:async e=>{let n=t.value;if(!n)throw Error(`Canvas 未初始化`);let r=n.getContext(`2d`);if(!r)throw Error(`无法获取 Canvas 上下文`);return new Promise((t,i)=>{let a=new Image;a.crossOrigin=`anonymous`,a.onload=()=>{r.clearRect(0,0,n.width,n.height),r.drawImage(a,0,0,n.width,n.height),t()},a.onerror=()=>i(Error(`图片加载失败: ${e}`)),a.src=e})}}}const s={color:`#000000`,width:2,opacity:1},c={show:!1,text:``,fontSize:12,color:`#999999`,position:`bottom-right`},l=[`#000000`,`#FF0000`,`#0000FF`,`#00AA00`,`#FF6600`,`#9900FF`],u={class:`c-signature`},d={key:0,class:`signature-toolbar`},f={class:`toolbar-section`},p={key:0,class:`toolbar-section`},m={key:1,class:`toolbar-section`},h={class:`toolbar-section`},g={class:`toolbar-section`},_={key:0,class:`canvas-placeholder`},v=(0,n.defineComponent)({name:`C_Signature`,__name:`index`,props:{width:{default:`100%`},height:{default:300},penConfig:{},eraserConfig:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},backgroundImage:{},backgroundColor:{},watermark:{},showToolbar:{type:Boolean,default:!0},maxHistory:{default:50}},emits:[`start-draw`,`drawing`,`end-draw`,`clear`,`undo`,`redo`,`change`],setup(t,{expose:v,emit:y}){let b=t,x=y,S=(0,n.ref)(null),C=(0,n.ref)(`pen`),w=(0,n.reactive)({...s,...b.penConfig}),T=(0,n.reactive)({...c,...b.watermark}),{strokes:E,canUndo:D,canRedo:O,isEmpty:k,addStroke:A,undo:j,redo:M,clear:N,loadData:P}=a({maxHistory:b.maxHistory,onChange:e=>{F.redrawStrokes(e),x(`change`,e)}}),F=i({canvasRef:S,penConfig:(0,n.toRef)(w),mode:C,disabled:(0,n.toRef)(b,`disabled`),onStrokeComplete:e=>{A(e),x(`end-draw`,e)},onDrawStart:()=>x(`start-draw`),onDrawing:e=>x(`drawing`,e)}),I=o({canvasRef:S,watermark:(0,n.toRef)(T)}),L=()=>{let e=j();return e&&x(`undo`),e},R=()=>{let e=M();return e&&x(`redo`),e},z=()=>{N(),F.clearCanvas(),x(`clear`)},B=async e=>I.exportSignature(e),V=async(e,t)=>I.download(e,t),H=async e=>{await I.loadImage(e),N()};return(0,n.onMounted)(()=>{F.initCanvas(),F.bindEvents(),b.backgroundImage&&H(b.backgroundImage)}),(0,n.onUnmounted)(()=>F.unbindEvents()),v({clear:z,undo:L,redo:R,export:B,download:V,loadImage:H,getSignatureData:()=>E.value,loadSignatureData:e=>P(e),isEmpty:()=>k.value}),(i,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,u,[t.showToolbar?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.createElementVNode)(`div`,f,[(0,n.createVNode)((0,n.unref)(r.NButtonGroup),null,{default:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{type:C.value===`pen`?`primary`:`default`,size:`small`,onClick:a[0]||=e=>C.value=`pen`},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:draw`,size:16,color:`currentColor`})]),default:(0,n.withCtx)(()=>[a[4]||=(0,n.createTextVNode)(` 画笔 `,-1)]),_:1},8,[`type`]),(0,n.createVNode)((0,n.unref)(r.NButton),{type:C.value===`eraser`?`primary`:`default`,size:`small`,onClick:a[1]||=e=>C.value=`eraser`},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:eraser`,size:16,color:`currentColor`})]),default:(0,n.withCtx)(()=>[a[5]||=(0,n.createTextVNode)(` 橡皮擦 `,-1)]),_:1},8,[`type`])]),_:1})]),a[11]||=(0,n.createElementVNode)(`div`,{class:`toolbar-section divider`},null,-1),C.value===`pen`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,p,[a[6]||=(0,n.createElementVNode)(`span`,{class:`section-label`},`颜色`,-1),(0,n.createVNode)((0,n.unref)(r.NColorPicker),{value:w.color,"onUpdate:value":a[2]||=e=>w.color=e,"show-alpha":!1,size:`small`,swatches:(0,n.unref)(l)},null,8,[`value`,`swatches`])])):(0,n.createCommentVNode)(`v-if`,!0),C.value===`pen`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,m,[a[7]||=(0,n.createElementVNode)(`span`,{class:`section-label`},`粗细`,-1),(0,n.createVNode)((0,n.unref)(r.NInputNumber),{value:w.width,"onUpdate:value":a[3]||=e=>w.width=e,min:1,max:20,size:`small`,style:{width:`80px`}},null,8,[`value`])])):(0,n.createCommentVNode)(`v-if`,!0),a[12]||=(0,n.createElementVNode)(`div`,{class:`toolbar-section divider`},null,-1),(0,n.createElementVNode)(`div`,h,[(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,disabled:!(0,n.unref)(D),onClick:L},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:undo`,size:16,color:`currentColor`})]),default:(0,n.withCtx)(()=>[a[8]||=(0,n.createTextVNode)(` 撤销 `,-1)]),_:1},8,[`disabled`]),(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,disabled:!(0,n.unref)(O),onClick:R},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:redo`,size:16,color:`currentColor`})]),default:(0,n.withCtx)(()=>[a[9]||=(0,n.createTextVNode)(` 重做 `,-1)]),_:1},8,[`disabled`])]),a[13]||=(0,n.createElementVNode)(`div`,{class:`toolbar-section divider`},null,-1),(0,n.createElementVNode)(`div`,g,[(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,type:`error`,disabled:(0,n.unref)(k),onClick:z},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:delete-outline`,size:16,color:`currentColor`})]),default:(0,n.withCtx)(()=>[a[10]||=(0,n.createTextVNode)(` 清空 `,-1)]),_:1},8,[`disabled`])])])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`signature-canvas-wrapper`,{disabled:t.disabled,readonly:t.readonly}]),style:(0,n.normalizeStyle)({width:typeof t.width==`number`?`${t.width}px`:t.width,height:typeof t.height==`number`?`${t.height}px`:t.height,backgroundColor:t.backgroundColor||`transparent`})},[(0,n.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:S,class:(0,n.normalizeClass)([`signature-canvas`,{disabled:t.disabled,readonly:t.readonly}])},null,2),(0,n.unref)(k)&&!t.disabled&&!t.readonly?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_,` 请在此处签名 `)):(0,n.createCommentVNode)(`v-if`,!0)],6)]))}});var y=t.t(v,[[`__scopeId`,`data-v-d7438dde`]]);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});

package/dist/C_Signature2.js

@@ -1,2 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n,NButtonGroup as r,NColorPicker as i,NInputNumber as a}from"naive-ui";import{computed as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,normalizeClass as p,normalizeStyle as m,onMounted as h,onUnmounted as g,openBlock as _,reactive as v,readonly as y,ref as b,toRef as x,unref as S,withCtx as C}from"vue";function w(e){let{canvasRef:t,penConfig:n,mode:r,disabled:i,onStrokeComplete:a,onDrawStart:o,onDrawing:s}=e,c=b(!1),l=b([]),u=null,d=()=>{let e=t.value;if(!e||(u=e.getContext(`2d`,{willReadFrequently:!0}),!u))return;let n=window.devicePixelRatio||1,r=e.getBoundingClientRect();e.width=r.width*n,e.height=r.height*n,e.style.width=`${r.width}px`,e.style.height=`${r.height}px`,u.scale(n,n),u.lineCap=`round`,u.lineJoin=`round`},f=e=>{let n=t.value;if(!n)return{x:0,y:0};let r=n.getBoundingClientRect(),i,a;if(`touches`in e&&e.touches.length>0)({clientX:i,clientY:a}=e.touches[0]);else if(`clientX`in e)({clientX:i,clientY:a}=e);else return{x:0,y:0};return{x:i-r.left,y:a-r.top,timestamp:Date.now()}},p=(e,t,n,r=!1)=>{u&&(u.save(),r?(u.globalCompositeOperation=`destination-out`,u.lineWidth=20):(u.globalCompositeOperation=`source-over`,u.strokeStyle=n.color,u.lineWidth=n.width,u.globalAlpha=n.opacity),u.beginPath(),u.moveTo(e.x,e.y),u.lineTo(t.x,t.y),u.stroke(),u.restore())},m=e=>{if(i.value)return;e.preventDefault(),c.value=!0,l.value=[];let t=f(e);l.value.push(t),o()},h=e=>{if(!c.value||i.value)return;e.preventDefault();let t=f(e),a=l.value[l.value.length-1];a&&p(a,t,n.value,r.value===`eraser`),l.value.push(t),s(t)},g=e=>{!c.value||i.value||(e.preventDefault(),c.value=!1,l.value.length>0&&(a({points:[...l.value],color:n.value.color,width:n.value.width,opacity:n.value.opacity,mode:r.value}),l.value=[]))};return{isDrawing:y(c),initCanvas:d,bindEvents:()=>{let e=t.value;e&&(e.addEventListener(`mousedown`,m),e.addEventListener(`mousemove`,h),e.addEventListener(`mouseup`,g),e.addEventListener(`mouseleave`,g),e.addEventListener(`touchstart`,m,{passive:!1}),e.addEventListener(`touchmove`,h,{passive:!1}),e.addEventListener(`touchend`,g),e.addEventListener(`touchcancel`,g))},unbindEvents:()=>{let e=t.value;e&&(e.removeEventListener(`mousedown`,m),e.removeEventListener(`mousemove`,h),e.removeEventListener(`mouseup`,g),e.removeEventListener(`mouseleave`,g),e.removeEventListener(`touchstart`,m),e.removeEventListener(`touchmove`,h),e.removeEventListener(`touchend`,g),e.removeEventListener(`touchcancel`,g))},redrawStrokes:e=>{if(!u||!t.value)return;let n=t.value;u.clearRect(0,0,n.width,n.height),e.forEach(e=>{for(let t=1;t<e.points.length;t++)p(e.points[t-1],e.points[t],{color:e.color,width:e.width,opacity:e.opacity},e.mode===`eraser`)})},clearCanvas:()=>{!u||!t.value||u.clearRect(0,0,t.value.width,t.value.height)}}}function T(e={}){let{maxHistory:t=50,onChange:n}=e,r=b([]),i=b([]),a=b(-1),s=o(()=>a.value>0),c=o(()=>a.value<i.value.length-1),l=e=>{r.value.push(e),u()},u=()=>{i.value=i.value.slice(0,a.value+1),i.value.push([...r.value]),a.value++,i.value.length>t&&(i.value.shift(),a.value--),n?.(r.value)},d=()=>s.value?(a.value--,r.value=[...i.value[a.value]],n?.(r.value),!0):!1,f=()=>c.value?(a.value++,r.value=[...i.value[a.value]],n?.(r.value),!0):!1,p=()=>{r.value=[],i.value=[[]],a.value=0,n?.(r.value)},m=e=>{r.value=[...e],i.value=[[...e]],a.value=0,n?.(r.value)},h=o(()=>r.value.length===0);return i.value=[[]],a.value=0,{strokes:y(r),canUndo:y(s),canRedo:y(c),isEmpty:y(h),addStroke:l,undo:d,redo:f,clear:p,loadData:m}}function E(e){let{canvasRef:t,watermark:n}=e,r=(e,t,n,r)=>{let i={"top-left":{x:10,y:n+10},"top-right":{x:e.width-t-10,y:n+10},"bottom-left":{x:10,y:e.height-10},"bottom-right":{x:e.width-t-10,y:e.height-10}};return i[r]||i[`bottom-right`]},i=(e,t)=>{let i=e.getContext(`2d`);if(!i||!n?.value?.show)return;let a={fontSize:n.value.fontSize||12,color:n.value.color||`#999999`,position:n.value.position||`bottom-right`};i.save(),i.font=`${a.fontSize}px Arial`,i.fillStyle=a.color,i.textBaseline=`bottom`;let o=i.measureText(t).width,{x:s,y:c}=r(e,o,a.fontSize,a.position);i.fillText(t,s,c),i.restore()},a=(e,t,n)=>{let r=document.createElement(`canvas`);r.width=e.width,r.height=e.height;let i=r.getContext(`2d`);if(!i)throw Error(`无法创建临时 Canvas`);return t&&(i.fillStyle=n,i.fillRect(0,0,r.width,r.height)),i.drawImage(e,0,0),{canvas:r,ctx:i}},o=(e,t)=>{let{includeBackground:r=!1,backgroundColor:o=`#FFFFFF`,includeWatermark:s=!1}=t,{canvas:c}=a(e,r,o);return s&&n?.value?.text&&i(c,n.value.text),c},s=(e,t)=>new Promise((n,r)=>{e.toBlob(e=>e?n(e):r(Error(`导出失败`)),`image/png`,t)}),c=e=>{let t=e.getContext(`2d`);if(!t)return!0;let{data:n}=t.getImageData(0,0,e.width,e.height);return!n.some(e=>e!==0)},l=async(e={})=>{let n=t.value;if(!n)throw Error(`Canvas 未初始化`);if(c(n))throw Error(`签名为空，请先签名后再导出`);let{format:r=`png`,quality:i=.92}=e;if(r===`svg`)return`data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><text>SVG export placeholder</text></svg>`;let a=o(n,e);if(r===`blob`)return s(a,i);let l=r===`jpeg`?`image/jpeg`:`image/png`;return a.toDataURL(l,i)};return{exportSignature:l,download:async(e=`signature`,t={})=>{let n=t.format||`png`,r=await l({...t,format:n});if(r instanceof Blob){let t=URL.createObjectURL(r),i=document.createElement(`a`);i.href=t,i.download=`${e}.${n}`,i.click(),URL.revokeObjectURL(t)}else if(typeof r==`string`){let t=document.createElement(`a`);t.href=r,t.download=`${e}.${n}`,t.click()}},loadImage:async e=>{let n=t.value;if(!n)throw Error(`Canvas 未初始化`);let r=n.getContext(`2d`);if(!r)throw Error(`无法获取 Canvas 上下文`);return new Promise((t,i)=>{let a=new Image;a.crossOrigin=`anonymous`,a.onload=()=>{r.clearRect(0,0,n.width,n.height),r.drawImage(a,0,0,n.width,n.height),t()},a.onerror=()=>i(Error(`图片加载失败: ${e}`)),a.src=e})}}}const ee={color:`#000000`,width:2,opacity:1},te={show:!1,text:``,fontSize:12,color:`#999999`,position:`bottom-right`},D=[`#000000`,`#FF0000`,`#0000FF`,`#00AA00`,`#FF6600`,`#9900FF`],O={class:`c-signature`},k={key:0,class:`signature-toolbar`},A={class:`toolbar-section`},j={key:0,class:`toolbar-section`},M={key:1,class:`toolbar-section`},N={class:`toolbar-section`},ne={class:`toolbar-section`},re={key:0,class:`canvas-placeholder`};var P=t(f({name:`C_Signature`,__name:`index`,props:{width:{default:`100%`},height:{default:300},penConfig:{},eraserConfig:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},backgroundImage:{},backgroundColor:{},watermark:{},showToolbar:{type:Boolean,default:!0},maxHistory:{default:50}},emits:[`start-draw`,`drawing`,`end-draw`,`clear`,`undo`,`redo`,`change`],setup(t,{expose:o,emit:f}){let y=t,P=f,F=b(null),I=b(`pen`),L=v({...ee,...y.penConfig}),R=v({...te,...y.watermark}),{strokes:z,canUndo:B,canRedo:V,isEmpty:H,addStroke:U,undo:W,redo:G,clear:K,loadData:q}=T({maxHistory:y.maxHistory,onChange:e=>{J.redrawStrokes(e),P(`change`,e)}}),J=w({canvasRef:F,penConfig:x(L),mode:I,disabled:x(y,`disabled`),onStrokeComplete:e=>{U(e),P(`end-draw`,e)},onDrawStart:()=>P(`start-draw`),onDrawing:e=>P(`drawing`,e)}),Y=E({canvasRef:F,watermark:x(R)}),X=()=>{let e=W();return e&&P(`undo`),e},Z=()=>{let e=G();return e&&P(`redo`),e},Q=()=>{K(),J.clearCanvas(),P(`clear`)},ie=async e=>Y.exportSignature(e),ae=async(e,t)=>Y.download(e,t),$=async e=>{await Y.loadImage(e),K()};return h(()=>{J.initCanvas(),J.bindEvents(),y.backgroundImage&&$(y.backgroundImage)}),g(()=>J.unbindEvents()),o({clear:Q,undo:X,redo:Z,export:ie,download:ae,loadImage:$,getSignatureData:()=>z.value,loadSignatureData:e=>q(e),isEmpty:()=>H.value}),(t,o)=>(_(),c(`div`,O,[t.showToolbar?(_(),c(`div`,k,[l(`div`,A,[d(S(r),null,{default:C(()=>[d(S(n),{type:I.value===`pen`?`primary`:`default`,size:`small`,onClick:o[0]||=e=>I.value=`pen`},{icon:C(()=>[d(e,{name:`mdi:draw`,size:16,color:`currentColor`})]),default:C(()=>[o[4]||=u(` 画笔 `,-1)]),_:1,__:[4]},8,[`type`]),d(S(n),{type:I.value===`eraser`?`primary`:`default`,size:`small`,onClick:o[1]||=e=>I.value=`eraser`},{icon:C(()=>[d(e,{name:`mdi:eraser`,size:16,color:`currentColor`})]),default:C(()=>[o[5]||=u(` 橡皮擦 `,-1)]),_:1,__:[5]},8,[`type`])]),_:1})]),o[11]||=l(`div`,{class:`toolbar-section divider`},null,-1),I.value===`pen`?(_(),c(`div`,j,[o[6]||=l(`span`,{class:`section-label`},`颜色`,-1),d(S(i),{value:L.color,"onUpdate:value":o[2]||=e=>L.color=e,"show-alpha":!1,size:`small`,swatches:S(D)},null,8,[`value`,`swatches`])])):s(`v-if`,!0),I.value===`pen`?(_(),c(`div`,M,[o[7]||=l(`span`,{class:`section-label`},`粗细`,-1),d(S(a),{value:L.width,"onUpdate:value":o[3]||=e=>L.width=e,min:1,max:20,size:`small`,style:{width:`80px`}},null,8,[`value`])])):s(`v-if`,!0),o[12]||=l(`div`,{class:`toolbar-section divider`},null,-1),l(`div`,N,[d(S(n),{size:`small`,disabled:!S(B),onClick:X},{icon:C(()=>[d(e,{name:`mdi:undo`,size:16,color:`currentColor`})]),default:C(()=>[o[8]||=u(` 撤销 `,-1)]),_:1,__:[8]},8,[`disabled`]),d(S(n),{size:`small`,disabled:!S(V),onClick:Z},{icon:C(()=>[d(e,{name:`mdi:redo`,size:16,color:`currentColor`})]),default:C(()=>[o[9]||=u(` 重做 `,-1)]),_:1,__:[9]},8,[`disabled`])]),o[13]||=l(`div`,{class:`toolbar-section divider`},null,-1),l(`div`,ne,[d(S(n),{size:`small`,type:`error`,disabled:S(H),onClick:Q},{icon:C(()=>[d(e,{name:`mdi:delete-outline`,size:16,color:`currentColor`})]),default:C(()=>[o[10]||=u(` 清空 `,-1)]),_:1,__:[10]},8,[`disabled`])])])):s(`v-if`,!0),l(`div`,{class:p([`signature-canvas-wrapper`,{disabled:t.disabled,readonly:t.readonly}]),style:m({width:typeof t.width==`number`?`${t.width}px`:t.width,height:typeof t.height==`number`?`${t.height}px`:t.height,backgroundColor:t.backgroundColor||`transparent`})},[l(`canvas`,{ref_key:`canvasRef`,ref:F,class:p([`signature-canvas`,{disabled:t.disabled,readonly:t.readonly}])},null,2),S(H)&&!t.disabled&&!t.readonly?(_(),c(`div`,re,` 请在此处签名 `)):s(`v-if`,!0)],6)]))}}),[[`__scopeId`,`data-v-d7438dde`]]);export{w as i,E as n,T as r,P as t};
-//# sourceMappingURL=C_Signature2.js.map
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,normalizeClass as l,normalizeStyle as u,onMounted as d,onUnmounted as f,openBlock as p,reactive as m,readonly as h,ref as g,toRef as _,unref as v,withCtx as y}from"vue";import{NButton as b,NButtonGroup as x,NColorPicker as S,NInputNumber as C}from"naive-ui";function w(e){let{canvasRef:t,penConfig:n,mode:r,disabled:i,onStrokeComplete:a,onDrawStart:o,onDrawing:s}=e,c=g(!1),l=g([]),u=null,d=()=>{let e=t.value;if(!e||(u=e.getContext(`2d`,{willReadFrequently:!0}),!u))return;let n=window.devicePixelRatio||1,r=e.getBoundingClientRect();e.width=r.width*n,e.height=r.height*n,e.style.width=`${r.width}px`,e.style.height=`${r.height}px`,u.scale(n,n),u.lineCap=`round`,u.lineJoin=`round`},f=e=>{let n=t.value;if(!n)return{x:0,y:0};let r=n.getBoundingClientRect(),i,a;if(`touches`in e&&e.touches.length>0)({clientX:i,clientY:a}=e.touches[0]);else if(`clientX`in e)({clientX:i,clientY:a}=e);else return{x:0,y:0};return{x:i-r.left,y:a-r.top,timestamp:Date.now()}},p=(e,t,n,r=!1)=>{u&&(u.save(),r?(u.globalCompositeOperation=`destination-out`,u.lineWidth=20):(u.globalCompositeOperation=`source-over`,u.strokeStyle=n.color,u.lineWidth=n.width,u.globalAlpha=n.opacity),u.beginPath(),u.moveTo(e.x,e.y),u.lineTo(t.x,t.y),u.stroke(),u.restore())},m=e=>{if(i.value)return;e.preventDefault(),c.value=!0,l.value=[];let t=f(e);l.value.push(t),o()},_=e=>{if(!c.value||i.value)return;e.preventDefault();let t=f(e),a=l.value[l.value.length-1];a&&p(a,t,n.value,r.value===`eraser`),l.value.push(t),s(t)},v=e=>{!c.value||i.value||(e.preventDefault(),c.value=!1,l.value.length>0&&(a({points:[...l.value],color:n.value.color,width:n.value.width,opacity:n.value.opacity,mode:r.value}),l.value=[]))};return{isDrawing:h(c),initCanvas:d,bindEvents:()=>{let e=t.value;e&&(e.addEventListener(`mousedown`,m),e.addEventListener(`mousemove`,_),e.addEventListener(`mouseup`,v),e.addEventListener(`mouseleave`,v),e.addEventListener(`touchstart`,m,{passive:!1}),e.addEventListener(`touchmove`,_,{passive:!1}),e.addEventListener(`touchend`,v),e.addEventListener(`touchcancel`,v))},unbindEvents:()=>{let e=t.value;e&&(e.removeEventListener(`mousedown`,m),e.removeEventListener(`mousemove`,_),e.removeEventListener(`mouseup`,v),e.removeEventListener(`mouseleave`,v),e.removeEventListener(`touchstart`,m),e.removeEventListener(`touchmove`,_),e.removeEventListener(`touchend`,v),e.removeEventListener(`touchcancel`,v))},redrawStrokes:e=>{if(!u||!t.value)return;let n=t.value;u.clearRect(0,0,n.width,n.height),e.forEach(e=>{for(let t=1;t<e.points.length;t++)p(e.points[t-1],e.points[t],{color:e.color,width:e.width,opacity:e.opacity},e.mode===`eraser`)})},clearCanvas:()=>{!u||!t.value||u.clearRect(0,0,t.value.width,t.value.height)}}}function T(e={}){let{maxHistory:t=50,onChange:r}=e,i=g([]),a=g([]),o=g(-1),s=n(()=>o.value>0),c=n(()=>o.value<a.value.length-1),l=e=>{i.value.push(e),u()},u=()=>{a.value=a.value.slice(0,o.value+1),a.value.push([...i.value]),o.value++,a.value.length>t&&(a.value.shift(),o.value--),r?.(i.value)},d=()=>s.value?(o.value--,i.value=[...a.value[o.value]],r?.(i.value),!0):!1,f=()=>c.value?(o.value++,i.value=[...a.value[o.value]],r?.(i.value),!0):!1,p=()=>{i.value=[],a.value=[[]],o.value=0,r?.(i.value)},m=e=>{i.value=[...e],a.value=[[...e]],o.value=0,r?.(i.value)},_=n(()=>i.value.length===0);return a.value=[[]],o.value=0,{strokes:h(i),canUndo:h(s),canRedo:h(c),isEmpty:h(_),addStroke:l,undo:d,redo:f,clear:p,loadData:m}}function E(e){let{canvasRef:t,watermark:n}=e,r=(e,t,n,r)=>{let i={"top-left":{x:10,y:n+10},"top-right":{x:e.width-t-10,y:n+10},"bottom-left":{x:10,y:e.height-10},"bottom-right":{x:e.width-t-10,y:e.height-10}};return i[r]||i[`bottom-right`]},i=(e,t)=>{let i=e.getContext(`2d`);if(!i||!n?.value?.show)return;let a={fontSize:n.value.fontSize||12,color:n.value.color||`#999999`,position:n.value.position||`bottom-right`};i.save(),i.font=`${a.fontSize}px Arial`,i.fillStyle=a.color,i.textBaseline=`bottom`;let o=i.measureText(t).width,{x:s,y:c}=r(e,o,a.fontSize,a.position);i.fillText(t,s,c),i.restore()},a=(e,t,n)=>{let r=document.createElement(`canvas`);r.width=e.width,r.height=e.height;let i=r.getContext(`2d`);if(!i)throw Error(`无法创建临时 Canvas`);return t&&(i.fillStyle=n,i.fillRect(0,0,r.width,r.height)),i.drawImage(e,0,0),{canvas:r,ctx:i}},o=(e,t)=>{let{includeBackground:r=!1,backgroundColor:o=`#FFFFFF`,includeWatermark:s=!1}=t,{canvas:c}=a(e,r,o);return s&&n?.value?.text&&i(c,n.value.text),c},s=(e,t)=>new Promise((n,r)=>{e.toBlob(e=>e?n(e):r(Error(`导出失败`)),`image/png`,t)}),c=e=>{let t=e.getContext(`2d`);if(!t)return!0;let{data:n}=t.getImageData(0,0,e.width,e.height);return!n.some(e=>e!==0)},l=async(e={})=>{let n=t.value;if(!n)throw Error(`Canvas 未初始化`);if(c(n))throw Error(`签名为空，请先签名后再导出`);let{format:r=`png`,quality:i=.92}=e;if(r===`svg`)return`data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><text>SVG export placeholder</text></svg>`;let a=o(n,e);if(r===`blob`)return s(a,i);let l=r===`jpeg`?`image/jpeg`:`image/png`;return a.toDataURL(l,i)};return{exportSignature:l,download:async(e=`signature`,t={})=>{let n=t.format||`png`,r=await l({...t,format:n});if(r instanceof Blob){let t=URL.createObjectURL(r),i=document.createElement(`a`);i.href=t,i.download=`${e}.${n}`,i.click(),URL.revokeObjectURL(t)}else if(typeof r==`string`){let t=document.createElement(`a`);t.href=r,t.download=`${e}.${n}`,t.click()}},loadImage:async e=>{let n=t.value;if(!n)throw Error(`Canvas 未初始化`);let r=n.getContext(`2d`);if(!r)throw Error(`无法获取 Canvas 上下文`);return new Promise((t,i)=>{let a=new Image;a.crossOrigin=`anonymous`,a.onload=()=>{r.clearRect(0,0,n.width,n.height),r.drawImage(a,0,0,n.width,n.height),t()},a.onerror=()=>i(Error(`图片加载失败: ${e}`)),a.src=e})}}}const D={color:`#000000`,width:2,opacity:1},O={show:!1,text:``,fontSize:12,color:`#999999`,position:`bottom-right`},k=[`#000000`,`#FF0000`,`#0000FF`,`#00AA00`,`#FF6600`,`#9900FF`],A={class:`c-signature`},j={key:0,class:`signature-toolbar`},M={class:`toolbar-section`},ee={key:0,class:`toolbar-section`},te={key:1,class:`toolbar-section`},ne={class:`toolbar-section`},re={class:`toolbar-section`},N={key:0,class:`canvas-placeholder`};var P=t(c({name:`C_Signature`,__name:`index`,props:{width:{default:`100%`},height:{default:300},penConfig:{},eraserConfig:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},backgroundImage:{},backgroundColor:{},watermark:{},showToolbar:{type:Boolean,default:!0},maxHistory:{default:50}},emits:[`start-draw`,`drawing`,`end-draw`,`clear`,`undo`,`redo`,`change`],setup(t,{expose:n,emit:c}){let h=t,P=c,F=g(null),I=g(`pen`),L=m({...D,...h.penConfig}),R=m({...O,...h.watermark}),{strokes:z,canUndo:B,canRedo:V,isEmpty:H,addStroke:U,undo:W,redo:G,clear:K,loadData:q}=T({maxHistory:h.maxHistory,onChange:e=>{J.redrawStrokes(e),P(`change`,e)}}),J=w({canvasRef:F,penConfig:_(L),mode:I,disabled:_(h,`disabled`),onStrokeComplete:e=>{U(e),P(`end-draw`,e)},onDrawStart:()=>P(`start-draw`),onDrawing:e=>P(`drawing`,e)}),Y=E({canvasRef:F,watermark:_(R)}),X=()=>{let e=W();return e&&P(`undo`),e},Z=()=>{let e=G();return e&&P(`redo`),e},Q=()=>{K(),J.clearCanvas(),P(`clear`)},ie=async e=>Y.exportSignature(e),ae=async(e,t)=>Y.download(e,t),$=async e=>{await Y.loadImage(e),K()};return d(()=>{J.initCanvas(),J.bindEvents(),h.backgroundImage&&$(h.backgroundImage)}),f(()=>J.unbindEvents()),n({clear:Q,undo:X,redo:Z,export:ie,download:ae,loadImage:$,getSignatureData:()=>z.value,loadSignatureData:e=>q(e),isEmpty:()=>H.value}),(n,c)=>(p(),i(`div`,A,[t.showToolbar?(p(),i(`div`,j,[a(`div`,M,[s(v(x),null,{default:y(()=>[s(v(b),{type:I.value===`pen`?`primary`:`default`,size:`small`,onClick:c[0]||=e=>I.value=`pen`},{icon:y(()=>[s(e,{name:`mdi:draw`,size:16,color:`currentColor`})]),default:y(()=>[c[4]||=o(` 画笔 `,-1)]),_:1},8,[`type`]),s(v(b),{type:I.value===`eraser`?`primary`:`default`,size:`small`,onClick:c[1]||=e=>I.value=`eraser`},{icon:y(()=>[s(e,{name:`mdi:eraser`,size:16,color:`currentColor`})]),default:y(()=>[c[5]||=o(` 橡皮擦 `,-1)]),_:1},8,[`type`])]),_:1})]),c[11]||=a(`div`,{class:`toolbar-section divider`},null,-1),I.value===`pen`?(p(),i(`div`,ee,[c[6]||=a(`span`,{class:`section-label`},`颜色`,-1),s(v(S),{value:L.color,"onUpdate:value":c[2]||=e=>L.color=e,"show-alpha":!1,size:`small`,swatches:v(k)},null,8,[`value`,`swatches`])])):r(`v-if`,!0),I.value===`pen`?(p(),i(`div`,te,[c[7]||=a(`span`,{class:`section-label`},`粗细`,-1),s(v(C),{value:L.width,"onUpdate:value":c[3]||=e=>L.width=e,min:1,max:20,size:`small`,style:{width:`80px`}},null,8,[`value`])])):r(`v-if`,!0),c[12]||=a(`div`,{class:`toolbar-section divider`},null,-1),a(`div`,ne,[s(v(b),{size:`small`,disabled:!v(B),onClick:X},{icon:y(()=>[s(e,{name:`mdi:undo`,size:16,color:`currentColor`})]),default:y(()=>[c[8]||=o(` 撤销 `,-1)]),_:1},8,[`disabled`]),s(v(b),{size:`small`,disabled:!v(V),onClick:Z},{icon:y(()=>[s(e,{name:`mdi:redo`,size:16,color:`currentColor`})]),default:y(()=>[c[9]||=o(` 重做 `,-1)]),_:1},8,[`disabled`])]),c[13]||=a(`div`,{class:`toolbar-section divider`},null,-1),a(`div`,re,[s(v(b),{size:`small`,type:`error`,disabled:v(H),onClick:Q},{icon:y(()=>[s(e,{name:`mdi:delete-outline`,size:16,color:`currentColor`})]),default:y(()=>[c[10]||=o(` 清空 `,-1)]),_:1},8,[`disabled`])])])):r(`v-if`,!0),a(`div`,{class:l([`signature-canvas-wrapper`,{disabled:t.disabled,readonly:t.readonly}]),style:u({width:typeof t.width==`number`?`${t.width}px`:t.width,height:typeof t.height==`number`?`${t.height}px`:t.height,backgroundColor:t.backgroundColor||`transparent`})},[a(`canvas`,{ref_key:`canvasRef`,ref:F,class:l([`signature-canvas`,{disabled:t.disabled,readonly:t.readonly}])},null,2),v(H)&&!t.disabled&&!t.readonly?(p(),i(`div`,N,` 请在此处签名 `)):r(`v-if`,!0)],6)]))}}),[[`__scopeId`,`data-v-d7438dde`]]);export{w as i,E as n,T as r,P as t};

package/dist/C_Skeleton.cjs

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

package/dist/C_Skeleton.css

@@ -249,5 +249,3 @@
 .c-skeleton__detail-value {
   margin-top: 4px;
 }
-
-/*# sourceMappingURL=C_Skeleton-BJoFYwrF.css.map*/

package/dist/C_Skeleton.d.cts

@@ -1,2 +1,2 @@
-import { a as SkeletonFormConfig, c as SkeletonProps, i as SkeletonDetailConfig, l as SkeletonTableConfig, n as SkeletonAnimation, o as SkeletonListConfig, r as SkeletonCardConfig, s as SkeletonPreset, t as _default } from "./index22.vue.js";
+import { a as SkeletonFormConfig, c as SkeletonProps, i as SkeletonDetailConfig, l as SkeletonTableConfig, n as SkeletonAnimation, o as SkeletonListConfig, r as SkeletonCardConfig, s as SkeletonPreset, t as _default } from "./index21.vue.cjs";
 export { _default as C_Skeleton, type SkeletonAnimation, type SkeletonCardConfig, type SkeletonDetailConfig, type SkeletonFormConfig, type SkeletonListConfig, type SkeletonPreset, type SkeletonProps, type SkeletonTableConfig };

package/dist/C_Skeleton.d.ts

@@ -1,2 +1,2 @@
-import { a as SkeletonFormConfig, c as SkeletonProps, i as SkeletonDetailConfig, l as SkeletonTableConfig, n as SkeletonAnimation, o as SkeletonListConfig, r as SkeletonCardConfig, s as SkeletonPreset, t as _default } from "./index22.vue.js";
+import { a as SkeletonFormConfig, c as SkeletonProps, i as SkeletonDetailConfig, l as SkeletonTableConfig, n as SkeletonAnimation, o as SkeletonListConfig, r as SkeletonCardConfig, s as SkeletonPreset, t as _default } from "./index21.vue.js";
 export { _default as C_Skeleton, type SkeletonAnimation, type SkeletonCardConfig, type SkeletonDetailConfig, type SkeletonFormConfig, type SkeletonListConfig, type SkeletonPreset, type SkeletonProps, type SkeletonTableConfig };

package/dist/C_Skeleton2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);let e=require(`vue`);const t={key:0,class:`c-skeleton__card-cover c-skeleton__item`},n={class:`c-skeleton__card-body`},r={class:`c-skeleton__card-desc`},i={key:1,class:`c-skeleton__card-footer`},a={class:`c-skeleton__table`},o={key:0,class:`c-skeleton__table-header`},s={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},c={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},l={key:0,class:`c-skeleton__form-actions`},u={key:0,class:`c-skeleton__circle c-skeleton__circle--sm c-skeleton__item`},d={class:`c-skeleton__list-content`},f={class:`c-skeleton__detail`},p={key:0,class:`c-skeleton__detail-header`},m={class:`c-skeleton__detail-body`},h={class:`c-skeleton__detail-value`},g=(0,e.defineComponent)({name:`C_Skeleton`,__name:`index`,props:{preset:{default:`text`},loading:{type:Boolean,default:!0},animation:{type:[String,Boolean],default:`wave`},repeat:{default:3},borderRadius:{default:`4px`},table:{},form:{},list:{},card:{},detail:{}},setup(g){let _=g,v=(0,e.computed)(()=>_.animation===!1?`none`:_.animation),y=(0,e.computed)(()=>({rows:_.table?.rows??5,cols:_.table?.cols??4,showHeader:_.table?.showHeader??!0,showActions:_.table?.showActions??!0})),b=(0,e.computed)(()=>({fields:_.form?.fields??6,cols:_.form?.cols??2,showLabel:_.form?.showLabel??!0,showActions:_.form?.showActions??!0})),x=(0,e.computed)(()=>({items:_.list?.items??5,showAvatar:_.list?.showAvatar??!0,descLines:_.list?.descLines??2})),S=(0,e.computed)(()=>({showCover:_.card?.showCover??!0,titleLines:_.card?.titleLines??1,descLines:_.card?.descLines??2,showFooter:_.card?.showFooter??!0})),C=(0,e.computed)(()=>({fields:_.detail?.fields??6,valueLines:_.detail?.valueLines??1,showAvatar:_.detail?.showAvatar??!0}));return(w,T)=>_.loading?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:(0,e.normalizeClass)([`c-skeleton`,[`c-skeleton--${v.value}`]])},[(0,e.createCommentVNode)(` text 预设 `),g.preset===`text`?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(g.repeat,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:t,class:`c-skeleton__text`},[(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item`,style:(0,e.normalizeStyle)({width:t===g.repeat?`60%`:`100%`})},null,4)]))),128)):g.preset===`avatar`?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createCommentVNode)(` avatar 预设 `),T[0]||=(0,e.createStaticVNode)(`<div class="c-skeleton__avatar-group"><div class="c-skeleton__circle c-skeleton__item"></div><div class="c-skeleton__avatar-text"><div class="c-skeleton__line c-skeleton__item" style="width:40%;"></div><div class="c-skeleton__line c-skeleton__item c-skeleton__line--sm" style="width:60%;"></div></div></div>`,1)],64)):g.preset===`image`?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createCommentVNode)(` image 预设 `),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(g.repeat,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:t,class:`c-skeleton__image c-skeleton__item`},[...T[1]||=[(0,e.createElementVNode)(`div`,{class:`c-skeleton__image-icon`},[(0,e.createElementVNode)(`svg`,{viewBox:`0 0 24 24`,fill:`currentColor`,width:`32`,height:`32`},[(0,e.createElementVNode)(`path`,{d:`M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z`})])],-1)]]))),128))],64)):g.preset===`card`?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:3},[(0,e.createCommentVNode)(` card 预设 `),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(g.repeat,a=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:a,class:`c-skeleton__card`},[S.value.showCover?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t)):(0,e.createCommentVNode)(`v-if`,!0),(0,e.createElementVNode)(`div`,n,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(S.value.titleLines,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`t-${t}`,class:`c-skeleton__line c-skeleton__item`,style:(0,e.normalizeStyle)({width:t===S.value.titleLines?`50%`:`80%`})},null,4))),128)),(0,e.createElementVNode)(`div`,r,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(S.value.descLines,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`d-${t}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,e.normalizeStyle)({width:t===S.value.descLines?`70%`:`100%`})},null,4))),128))])]),S.value.showFooter?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,[...T[2]||=[(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1),(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):(0,e.createCommentVNode)(`v-if`,!0)]))),128))],64)):g.preset===`table`?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:4},[(0,e.createCommentVNode)(` table 预设 `),(0,e.createElementVNode)(`div`,a,[y.value.showHeader?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,o,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(y.value.cols,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`h-${t}`,class:`c-skeleton__table-cell`},[...T[3]||=[(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`},null,-1)]]))),128)),y.value.showActions?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,s,[...T[4]||=[(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`60%`}},null,-1)]])):(0,e.createCommentVNode)(`v-if`,!0)])):(0,e.createCommentVNode)(`v-if`,!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(y.value.rows,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`r-${t}`,class:`c-skeleton__table-row`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(y.value.cols,n=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`c-${n}`,class:`c-skeleton__table-cell`},[(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,e.normalizeStyle)({width:`${Math.floor(50+t*n*17%50)}%`})},null,4)]))),128)),y.value.showActions?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,c,[...T[5]||=[(0,e.createElementVNode)(`div`,{class:`c-skeleton__action-btns`},[(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}}),(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}})],-1)]])):(0,e.createCommentVNode)(`v-if`,!0)]))),128))])],64)):g.preset===`form`?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:5},[(0,e.createCommentVNode)(` form 预设 `),(0,e.createElementVNode)(`div`,{class:`c-skeleton__form`,style:(0,e.normalizeStyle)({"--form-cols":b.value.cols})},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(b.value.fields,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:t,class:`c-skeleton__form-field`},[b.value.showLabel?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:(0,e.normalizeStyle)({width:`${60+t*13%30}px`})},null,4)):(0,e.createCommentVNode)(`v-if`,!0),T[6]||=(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--input`},null,-1)]))),128)),b.value.showActions?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,l,[...T[7]||=[(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`100px`}},null,-1),(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):(0,e.createCommentVNode)(`v-if`,!0)],4)],64)):g.preset===`list`?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:6},[(0,e.createCommentVNode)(` list 预设 `),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(x.value.items,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:t,class:`c-skeleton__list-item`},[x.value.showAvatar?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,u)):(0,e.createCommentVNode)(`v-if`,!0),(0,e.createElementVNode)(`div`,d,[T[8]||=(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`30%`}},null,-1),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(x.value.descLines,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`d-${t}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,e.normalizeStyle)({width:t===x.value.descLines?`50%`:`90%`})},null,4))),128))])]))),128))],64)):g.preset===`detail`?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:7},[(0,e.createCommentVNode)(` detail 预设 `),(0,e.createElementVNode)(`div`,f,[C.value.showAvatar?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,p,[...T[9]||=[(0,e.createElementVNode)(`div`,{class:`c-skeleton__circle c-skeleton__circle--lg c-skeleton__item`},null,-1),(0,e.createElementVNode)(`div`,{class:`c-skeleton__detail-title`},[(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`120px`}}),(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`200px`}})],-1)]])):(0,e.createCommentVNode)(`v-if`,!0),(0,e.createElementVNode)(`div`,m,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(C.value.fields,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:t,class:`c-skeleton__detail-field`},[(0,e.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:(0,e.normalizeStyle)({width:`${50+t*17%40}px`})},null,4),(0,e.createElementVNode)(`div`,h,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(C.value.valueLines,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:`v-${t}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,e.normalizeStyle)({width:t===C.value.valueLines?`60%`:`100%`})},null,4))),128))])]))),128))])])],64)):(0,e.createCommentVNode)(`v-if`,!0)],2)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createCommentVNode)(` 加载完成后显示插槽内容 `),(0,e.renderSlot)(w.$slots,`default`)],2112))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});

package/dist/C_Skeleton2.js

@@ -1,2 +1 @@
-import{Fragment as e,computed as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,createStaticVNode as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderList as u,renderSlot as d}from"vue";const f={key:0,class:`c-skeleton__card-cover c-skeleton__item`},p={class:`c-skeleton__card-body`},m={class:`c-skeleton__card-desc`},h={key:1,class:`c-skeleton__card-footer`},g={class:`c-skeleton__table`},_={key:0,class:`c-skeleton__table-header`},v={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},y={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},b={key:0,class:`c-skeleton__form-actions`},x={key:0,class:`c-skeleton__circle c-skeleton__circle--sm c-skeleton__item`},S={class:`c-skeleton__list-content`},C={class:`c-skeleton__detail`},w={key:0,class:`c-skeleton__detail-header`},T={class:`c-skeleton__detail-body`},E={class:`c-skeleton__detail-value`},D=o({name:`C_Skeleton`,__name:`index`,props:{preset:{default:`text`},loading:{type:Boolean,default:!0},animation:{type:[String,Boolean],default:`wave`},repeat:{default:3},borderRadius:{default:`4px`},table:{},form:{},list:{},card:{},detail:{}},setup(o){let D=o,O=t(()=>D.animation===!1?`none`:D.animation),k=t(()=>({rows:D.table?.rows??5,cols:D.table?.cols??4,showHeader:D.table?.showHeader??!0,showActions:D.table?.showActions??!0})),A=t(()=>({fields:D.form?.fields??6,cols:D.form?.cols??2,showLabel:D.form?.showLabel??!0,showActions:D.form?.showActions??!0})),j=t(()=>({items:D.list?.items??5,showAvatar:D.list?.showAvatar??!0,descLines:D.list?.descLines??2})),M=t(()=>({showCover:D.card?.showCover??!0,titleLines:D.card?.titleLines??1,descLines:D.card?.descLines??2,showFooter:D.card?.showFooter??!0})),N=t(()=>({fields:D.detail?.fields??6,valueLines:D.detail?.valueLines??1,showAvatar:D.detail?.showAvatar??!0}));return(t,o)=>D.loading?(l(),r(`div`,{key:0,class:s([`c-skeleton`,[`c-skeleton--${O.value}`]])},[n(` text 预设 `),t.preset===`text`?(l(!0),r(e,{key:0},u(t.repeat,e=>(l(),r(`div`,{key:e,class:`c-skeleton__text`},[i(`div`,{class:`c-skeleton__line c-skeleton__item`,style:c({width:e===t.repeat?`60%`:`100%`})},null,4)]))),128)):t.preset===`avatar`?(l(),r(e,{key:1},[n(` avatar 预设 `),o[0]||=a(`<div class="c-skeleton__avatar-group"><div class="c-skeleton__circle c-skeleton__item"></div><div class="c-skeleton__avatar-text"><div class="c-skeleton__line c-skeleton__item" style="width:40%;"></div><div class="c-skeleton__line c-skeleton__item c-skeleton__line--sm" style="width:60%;"></div></div></div>`,1)],64)):t.preset===`image`?(l(),r(e,{key:2},[n(` image 预设 `),(l(!0),r(e,null,u(t.repeat,e=>(l(),r(`div`,{key:e,class:`c-skeleton__image c-skeleton__item`},o[1]||=[i(`div`,{class:`c-skeleton__image-icon`},[i(`svg`,{viewBox:`0 0 24 24`,fill:`currentColor`,width:`32`,height:`32`},[i(`path`,{d:`M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z`})])],-1)]))),128))],64)):t.preset===`card`?(l(),r(e,{key:3},[n(` card 预设 `),(l(!0),r(e,null,u(t.repeat,t=>(l(),r(`div`,{key:t,class:`c-skeleton__card`},[M.value.showCover?(l(),r(`div`,f)):n(`v-if`,!0),i(`div`,p,[(l(!0),r(e,null,u(M.value.titleLines,e=>(l(),r(`div`,{key:`t-${e}`,class:`c-skeleton__line c-skeleton__item`,style:c({width:e===M.value.titleLines?`50%`:`80%`})},null,4))),128)),i(`div`,m,[(l(!0),r(e,null,u(M.value.descLines,e=>(l(),r(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:c({width:e===M.value.descLines?`70%`:`100%`})},null,4))),128))])]),M.value.showFooter?(l(),r(`div`,h,o[2]||=[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1),i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)])):n(`v-if`,!0)]))),128))],64)):t.preset===`table`?(l(),r(e,{key:4},[n(` table 预设 `),i(`div`,g,[k.value.showHeader?(l(),r(`div`,_,[(l(!0),r(e,null,u(k.value.cols,e=>(l(),r(`div`,{key:`h-${e}`,class:`c-skeleton__table-cell`},o[3]||=[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`},null,-1)]))),128)),k.value.showActions?(l(),r(`div`,v,o[4]||=[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`60%`}},null,-1)])):n(`v-if`,!0)])):n(`v-if`,!0),(l(!0),r(e,null,u(k.value.rows,t=>(l(),r(`div`,{key:`r-${t}`,class:`c-skeleton__table-row`},[(l(!0),r(e,null,u(k.value.cols,e=>(l(),r(`div`,{key:`c-${e}`,class:`c-skeleton__table-cell`},[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:c({width:`${Math.floor(50+t*e*17%50)}%`})},null,4)]))),128)),k.value.showActions?(l(),r(`div`,y,o[5]||=[i(`div`,{class:`c-skeleton__action-btns`},[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}}),i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}})],-1)])):n(`v-if`,!0)]))),128))])],64)):t.preset===`form`?(l(),r(e,{key:5},[n(` form 预设 `),i(`div`,{class:`c-skeleton__form`,style:c({"--form-cols":A.value.cols})},[(l(!0),r(e,null,u(A.value.fields,e=>(l(),r(`div`,{key:e,class:`c-skeleton__form-field`},[A.value.showLabel?(l(),r(`div`,{key:0,class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:c({width:`${60+e*13%30}px`})},null,4)):n(`v-if`,!0),o[6]||=i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--input`},null,-1)]))),128)),A.value.showActions?(l(),r(`div`,b,o[7]||=[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`100px`}},null,-1),i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)])):n(`v-if`,!0)],4)],64)):t.preset===`list`?(l(),r(e,{key:6},[n(` list 预设 `),(l(!0),r(e,null,u(j.value.items,t=>(l(),r(`div`,{key:t,class:`c-skeleton__list-item`},[j.value.showAvatar?(l(),r(`div`,x)):n(`v-if`,!0),i(`div`,S,[o[8]||=i(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`30%`}},null,-1),(l(!0),r(e,null,u(j.value.descLines,e=>(l(),r(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:c({width:e===j.value.descLines?`50%`:`90%`})},null,4))),128))])]))),128))],64)):t.preset===`detail`?(l(),r(e,{key:7},[n(` detail 预设 `),i(`div`,C,[N.value.showAvatar?(l(),r(`div`,w,o[9]||=[i(`div`,{class:`c-skeleton__circle c-skeleton__circle--lg c-skeleton__item`},null,-1),i(`div`,{class:`c-skeleton__detail-title`},[i(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`120px`}}),i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`200px`}})],-1)])):n(`v-if`,!0),i(`div`,T,[(l(!0),r(e,null,u(N.value.fields,t=>(l(),r(`div`,{key:t,class:`c-skeleton__detail-field`},[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:c({width:`${50+t*17%40}px`})},null,4),i(`div`,E,[(l(!0),r(e,null,u(N.value.valueLines,e=>(l(),r(`div`,{key:`v-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:c({width:e===N.value.valueLines?`60%`:`100%`})},null,4))),128))])]))),128))])])],64)):n(`v-if`,!0)],2)):(l(),r(e,{key:1},[n(` 加载完成后显示插槽内容 `),d(t.$slots,`default`)],2112))}});export{D as t};
-//# sourceMappingURL=C_Skeleton2.js.map
+import{Fragment as e,computed as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,createStaticVNode as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderList as u,renderSlot as d}from"vue";const f={key:0,class:`c-skeleton__card-cover c-skeleton__item`},p={class:`c-skeleton__card-body`},m={class:`c-skeleton__card-desc`},h={key:1,class:`c-skeleton__card-footer`},g={class:`c-skeleton__table`},_={key:0,class:`c-skeleton__table-header`},v={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},y={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},b={key:0,class:`c-skeleton__form-actions`},x={key:0,class:`c-skeleton__circle c-skeleton__circle--sm c-skeleton__item`},S={class:`c-skeleton__list-content`},C={class:`c-skeleton__detail`},w={key:0,class:`c-skeleton__detail-header`},T={class:`c-skeleton__detail-body`},E={class:`c-skeleton__detail-value`},D=o({name:`C_Skeleton`,__name:`index`,props:{preset:{default:`text`},loading:{type:Boolean,default:!0},animation:{type:[String,Boolean],default:`wave`},repeat:{default:3},borderRadius:{default:`4px`},table:{},form:{},list:{},card:{},detail:{}},setup(o){let D=o,O=t(()=>D.animation===!1?`none`:D.animation),k=t(()=>({rows:D.table?.rows??5,cols:D.table?.cols??4,showHeader:D.table?.showHeader??!0,showActions:D.table?.showActions??!0})),A=t(()=>({fields:D.form?.fields??6,cols:D.form?.cols??2,showLabel:D.form?.showLabel??!0,showActions:D.form?.showActions??!0})),j=t(()=>({items:D.list?.items??5,showAvatar:D.list?.showAvatar??!0,descLines:D.list?.descLines??2})),M=t(()=>({showCover:D.card?.showCover??!0,titleLines:D.card?.titleLines??1,descLines:D.card?.descLines??2,showFooter:D.card?.showFooter??!0})),N=t(()=>({fields:D.detail?.fields??6,valueLines:D.detail?.valueLines??1,showAvatar:D.detail?.showAvatar??!0}));return(t,P)=>D.loading?(l(),r(`div`,{key:0,class:s([`c-skeleton`,[`c-skeleton--${O.value}`]])},[n(` text 预设 `),o.preset===`text`?(l(!0),r(e,{key:0},u(o.repeat,e=>(l(),r(`div`,{key:e,class:`c-skeleton__text`},[i(`div`,{class:`c-skeleton__line c-skeleton__item`,style:c({width:e===o.repeat?`60%`:`100%`})},null,4)]))),128)):o.preset===`avatar`?(l(),r(e,{key:1},[n(` avatar 预设 `),P[0]||=a(`<div class="c-skeleton__avatar-group"><div class="c-skeleton__circle c-skeleton__item"></div><div class="c-skeleton__avatar-text"><div class="c-skeleton__line c-skeleton__item" style="width:40%;"></div><div class="c-skeleton__line c-skeleton__item c-skeleton__line--sm" style="width:60%;"></div></div></div>`,1)],64)):o.preset===`image`?(l(),r(e,{key:2},[n(` image 预设 `),(l(!0),r(e,null,u(o.repeat,e=>(l(),r(`div`,{key:e,class:`c-skeleton__image c-skeleton__item`},[...P[1]||=[i(`div`,{class:`c-skeleton__image-icon`},[i(`svg`,{viewBox:`0 0 24 24`,fill:`currentColor`,width:`32`,height:`32`},[i(`path`,{d:`M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z`})])],-1)]]))),128))],64)):o.preset===`card`?(l(),r(e,{key:3},[n(` card 预设 `),(l(!0),r(e,null,u(o.repeat,t=>(l(),r(`div`,{key:t,class:`c-skeleton__card`},[M.value.showCover?(l(),r(`div`,f)):n(`v-if`,!0),i(`div`,p,[(l(!0),r(e,null,u(M.value.titleLines,e=>(l(),r(`div`,{key:`t-${e}`,class:`c-skeleton__line c-skeleton__item`,style:c({width:e===M.value.titleLines?`50%`:`80%`})},null,4))),128)),i(`div`,m,[(l(!0),r(e,null,u(M.value.descLines,e=>(l(),r(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:c({width:e===M.value.descLines?`70%`:`100%`})},null,4))),128))])]),M.value.showFooter?(l(),r(`div`,h,[...P[2]||=[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1),i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):n(`v-if`,!0)]))),128))],64)):o.preset===`table`?(l(),r(e,{key:4},[n(` table 预设 `),i(`div`,g,[k.value.showHeader?(l(),r(`div`,_,[(l(!0),r(e,null,u(k.value.cols,e=>(l(),r(`div`,{key:`h-${e}`,class:`c-skeleton__table-cell`},[...P[3]||=[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`},null,-1)]]))),128)),k.value.showActions?(l(),r(`div`,v,[...P[4]||=[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`60%`}},null,-1)]])):n(`v-if`,!0)])):n(`v-if`,!0),(l(!0),r(e,null,u(k.value.rows,t=>(l(),r(`div`,{key:`r-${t}`,class:`c-skeleton__table-row`},[(l(!0),r(e,null,u(k.value.cols,e=>(l(),r(`div`,{key:`c-${e}`,class:`c-skeleton__table-cell`},[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:c({width:`${Math.floor(50+t*e*17%50)}%`})},null,4)]))),128)),k.value.showActions?(l(),r(`div`,y,[...P[5]||=[i(`div`,{class:`c-skeleton__action-btns`},[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}}),i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}})],-1)]])):n(`v-if`,!0)]))),128))])],64)):o.preset===`form`?(l(),r(e,{key:5},[n(` form 预设 `),i(`div`,{class:`c-skeleton__form`,style:c({"--form-cols":A.value.cols})},[(l(!0),r(e,null,u(A.value.fields,e=>(l(),r(`div`,{key:e,class:`c-skeleton__form-field`},[A.value.showLabel?(l(),r(`div`,{key:0,class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:c({width:`${60+e*13%30}px`})},null,4)):n(`v-if`,!0),P[6]||=i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--input`},null,-1)]))),128)),A.value.showActions?(l(),r(`div`,b,[...P[7]||=[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`100px`}},null,-1),i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):n(`v-if`,!0)],4)],64)):o.preset===`list`?(l(),r(e,{key:6},[n(` list 预设 `),(l(!0),r(e,null,u(j.value.items,t=>(l(),r(`div`,{key:t,class:`c-skeleton__list-item`},[j.value.showAvatar?(l(),r(`div`,x)):n(`v-if`,!0),i(`div`,S,[P[8]||=i(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`30%`}},null,-1),(l(!0),r(e,null,u(j.value.descLines,e=>(l(),r(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:c({width:e===j.value.descLines?`50%`:`90%`})},null,4))),128))])]))),128))],64)):o.preset===`detail`?(l(),r(e,{key:7},[n(` detail 预设 `),i(`div`,C,[N.value.showAvatar?(l(),r(`div`,w,[...P[9]||=[i(`div`,{class:`c-skeleton__circle c-skeleton__circle--lg c-skeleton__item`},null,-1),i(`div`,{class:`c-skeleton__detail-title`},[i(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`120px`}}),i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`200px`}})],-1)]])):n(`v-if`,!0),i(`div`,T,[(l(!0),r(e,null,u(N.value.fields,t=>(l(),r(`div`,{key:t,class:`c-skeleton__detail-field`},[i(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:c({width:`${50+t*17%40}px`})},null,4),i(`div`,E,[(l(!0),r(e,null,u(N.value.valueLines,e=>(l(),r(`div`,{key:`v-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:c({width:e===N.value.valueLines?`60%`:`100%`})},null,4))),128))])]))),128))])])],64)):n(`v-if`,!0)],2)):(l(),r(e,{key:1},[n(` 加载完成后显示插槽内容 `),d(t.$slots,`default`)],2112))}});export{D as t};

package/dist/C_SplitPane.cjs

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

package/dist/C_SplitPane.css

@@ -6,9 +6,6 @@
   overflow: hidden;
   position: relative;
   /* ─── 方向 ────────────────────────────────── */
-  /* ─── 拖拽中 ──────────────────────────────── */
-  /* ─── 禁用 ────────────────────────────────── */
-  /* ─── 折叠过渡 ────────────────────────────── */
 }
 .c-split-pane--horizontal[data-v-e35daacb] {
   flex-direction: row;
@@ -16,10 +13,16 @@
 .c-split-pane--vertical[data-v-e35daacb] {
   flex-direction: column;
 }
+.c-split-pane[data-v-e35daacb] {
+  /* ─── 拖拽中 ──────────────────────────────── */
+}
 .c-split-pane--dragging .split-panel__content[data-v-e35daacb] {
   pointer-events: none;
   user-select: none;
 }
+.c-split-pane[data-v-e35daacb] {
+  /* ─── 禁用 ────────────────────────────────── */
+}
 .c-split-pane--disabled .split-gutter[data-v-e35daacb] {
   cursor: default !important;
   opacity: 0.5;
@@ -27,6 +30,9 @@
 .c-split-pane--disabled .split-gutter[data-v-e35daacb]:hover {
   background: transparent;
 }
+.c-split-pane[data-v-e35daacb] {
+  /* ─── 折叠过渡 ────────────────────────────── */
+}
 .c-split-pane--collapsed-first .split-panel[data-v-e35daacb], .c-split-pane--collapsed-second .split-panel[data-v-e35daacb] {
   transition: width 0.3s ease, height 0.3s ease;
 }
@@ -54,10 +60,6 @@
   transition: background-color 0.2s ease;
   outline: none;
   /* 水平方向 */
-  /* 垂直方向 */
-  /* focus 轮廓 */
-  /* ─── 视觉指示条 ──────────────────────────── */
-  /* ─── 折叠按钮 ────────────────────────────── */
 }
 .c-split-pane--horizontal .split-gutter[data-v-e35daacb] {
   cursor: col-resize;
@@ -66,6 +68,9 @@
 .c-split-pane--horizontal .split-gutter[data-v-e35daacb]:hover, .c-split-pane--horizontal .split-gutter[data-v-e35daacb]:focus-visible {
   background: var(--c-primary, #409eff);
 }
+.split-gutter[data-v-e35daacb] {
+  /* 垂直方向 */
+}
 .c-split-pane--vertical .split-gutter[data-v-e35daacb] {
   cursor: row-resize;
   min-height: 4px;
@@ -73,9 +78,15 @@
 .c-split-pane--vertical .split-gutter[data-v-e35daacb]:hover, .c-split-pane--vertical .split-gutter[data-v-e35daacb]:focus-visible {
   background: var(--c-primary, #409eff);
 }
+.split-gutter[data-v-e35daacb] {
+  /* focus 轮廓 */
+}
 .split-gutter[data-v-e35daacb]:focus-visible {
   box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.3);
 }
+.split-gutter[data-v-e35daacb] {
+  /* ─── 视觉指示条 ──────────────────────────── */
+}
 .split-gutter__visual[data-v-e35daacb] {
   display: flex;
   align-items: center;
@@ -101,6 +112,9 @@
 .split-gutter:hover .split-gutter__dot[data-v-e35daacb] {
   background: #fff;
 }
+.split-gutter[data-v-e35daacb] {
+  /* ─── 折叠按钮 ────────────────────────────── */
+}
 .split-gutter__collapse-btn[data-v-e35daacb] {
   position: absolute;
   display: flex;
@@ -118,8 +132,6 @@
   opacity: 0;
   transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
   z-index: 2;
-  /* 水平方向的定位 */
-  /* 垂直方向的定位 */
 }
 .split-gutter:hover .split-gutter__collapse-btn[data-v-e35daacb] {
   opacity: 1;
@@ -128,6 +140,9 @@
   color: var(--c-primary, #409eff);
   background: var(--c-bg, #fff);
 }
+.split-gutter__collapse-btn[data-v-e35daacb] {
+  /* 水平方向的定位 */
+}
 .c-split-pane--horizontal .split-gutter__collapse-btn[data-v-e35daacb] {
   left: 50%;
   transform: translateX(-50%);
@@ -138,6 +153,9 @@
 .c-split-pane--horizontal .split-gutter__collapse-btn--second[data-v-e35daacb] {
   bottom: 8px;
 }
+.split-gutter__collapse-btn[data-v-e35daacb] {
+  /* 垂直方向的定位 */
+}
 .c-split-pane--vertical .split-gutter__collapse-btn[data-v-e35daacb] {
   top: 50%;
   transform: translateY(-50%);
@@ -148,5 +166,3 @@
 .c-split-pane--vertical .split-gutter__collapse-btn--second[data-v-e35daacb] {
   right: 8px;
 }
-
-/*# sourceMappingURL=C_SplitPane-CgGWYsRE.css.map*/

package/dist/C_SplitPane.d.cts

@@ -1,2 +1,2 @@
-import { a as SplitDirection, c as SplitPaneProps, i as PanelInfo, n as _default, o as SplitPaneEmits, r as CollapseTarget, s as SplitPaneExpose, t as useSplitResize } from "./useSplitResize.js";
+import { a as SplitDirection, c as SplitPaneProps, i as PanelInfo, n as _default, o as SplitPaneEmits, r as CollapseTarget, s as SplitPaneExpose, t as useSplitResize } from "./useSplitResize.cjs";
 export { _default as C_SplitPane, type CollapseTarget, type PanelInfo, type SplitDirection, type SplitPaneEmits, type SplitPaneExpose, type SplitPaneProps, useSplitResize };

package/dist/C_SplitPane.js

@@ -1 +1 @@
-import{n as e,t}from"./C_SplitPane2.js";export{t as C_SplitPane,e as useSplitResize};
+import"./C_Icon2.js";import{n as e,t}from"./C_SplitPane2.js";export{t as C_SplitPane,e as useSplitResize};

package/dist/C_SplitPane2.cjs

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