@robot-admin/naive-ui-components 0.22.1 → 0.23.1

package/dist/C_SectionNav.css

@@ -0,0 +1,46 @@
+:root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
+
+.c-section-nav[data-v-02658e06] {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+.c-section-nav__item[data-v-02658e06] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 7px 12px;
+  border: 0;
+  border-inline-start: 2px solid transparent;
+  border-radius: var(--c-section-radius);
+  background: transparent;
+  color: var(--c-section-text);
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+.c-section-nav__item[data-v-02658e06]:hover, .c-section-nav__item.is-active[data-v-02658e06] {
+  background: var(--c-section-active);
+}
+.c-section-nav__item.is-active[data-v-02658e06] {
+  color: var(--c-section-primary);
+  border-inline-start-color: currentcolor;
+}
+.c-section-nav__item[data-v-02658e06]:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.c-section-nav__item[data-v-02658e06]:focus-visible {
+  outline: 2px solid var(--c-section-primary);
+  outline-offset: 2px;
+}
+.c-section-nav__label[data-v-02658e06] {
+  flex: 1;
+  overflow-wrap: anywhere;
+}
+.c-section-nav__count[data-v-02658e06] {
+  color: var(--c-section-error);
+  font-variant-numeric: tabular-nums;
+  font-size: 12px;
+}

package/dist/C_SectionNav.d.cts

@@ -0,0 +1,2 @@
+import { n as SectionNavItem, r as SectionNavProps, t as _default } from "./index30.vue.cjs";
+export { _default as C_SectionNav, type SectionNavItem, type SectionNavProps };

package/dist/C_SectionNav.d.ts

@@ -0,0 +1,2 @@
+import { n as SectionNavItem, r as SectionNavProps, t as _default } from "./index30.vue.js";
+export { _default as C_SectionNav, type SectionNavItem, type SectionNavProps };

package/dist/C_SectionNav.js

@@ -0,0 +1 @@
+import{t as e}from"./C_SectionNav2.js";export{e as C_SectionNav};

package/dist/C_SectionNav2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./useComponentLocale.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i=[`aria-label`],a=[`disabled`,`aria-current`,`onClick`,`onKeydown`],o={class:`c-section-nav__label`},s=[`aria-label`],c=(0,n.defineComponent)({name:`C_SectionNav`,__name:`index`,props:{items:{},modelValue:{},ariaLabel:{},locale:{}},emits:[`update:modelValue`,`select`],setup(t,{emit:c}){let l=t,u=c,{t:d}=e.t(()=>l.locale),f=(0,r.useThemeVars)(),p=(0,n.computed)(()=>({"--c-section-primary":f.value.primaryColor,"--c-section-text":f.value.textColor2,"--c-section-error":f.value.errorColor,"--c-section-active":f.value.actionColor,"--c-section-radius":f.value.borderRadius})),m=new Map,h=(e,t)=>{t instanceof HTMLButtonElement?m.set(e,t):m.delete(e)},g=e=>{e.disabled||(u(`update:modelValue`,e.key),u(`select`,e.key))},_=(e,t)=>{let n=l.items.filter(e=>!e.disabled),r=n.findIndex(e=>e.key===t),i=r;if(e.key===`Home`)i=0;else if(e.key===`End`)i=n.length-1;else if(e.key===`ArrowDown`)i=Math.min(n.length-1,r+1);else if(e.key===`ArrowUp`)i=Math.max(0,r-1);else return;e.preventDefault();let a=n[i];a&&m.get(a.key)?.focus()};return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`nav`,{class:`c-section-nav`,"aria-label":t.ariaLabel||(0,n.unref)(d)(`section.navigation`),style:(0,n.normalizeStyle)(p.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t.items,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.key,ref_for:!0,ref:t=>h(e.key,t),type:`button`,class:(0,n.normalizeClass)([`c-section-nav__item`,{"is-active":e.key===t.modelValue}]),disabled:e.disabled,"aria-current":e.key===t.modelValue?`location`:void 0,onClick:t=>g(e),onKeydown:t=>_(t,e.key)},[(0,n.createElementVNode)(`span`,o,(0,n.toDisplayString)(e.label),1),e.errorCount&&e.errorCount>0?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:0,class:`c-section-nav__count`,"aria-label":(0,n.unref)(d)(`section.errors`,{count:e.errorCount})},(0,n.toDisplayString)(e.errorCount),9,s)):(0,n.createCommentVNode)(`v-if`,!0)],42,a))),128))],12,i))}});var l=t.t(c,[[`__scopeId`,`data-v-02658e06`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/C_SectionNav2.js

@@ -0,0 +1 @@
+import{t as e}from"./useComponentLocale.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderList as d,toDisplayString as f,unref as p}from"vue";import{useThemeVars as m}from"naive-ui";const h=[`aria-label`],g=[`disabled`,`aria-current`,`onClick`,`onKeydown`],_={class:`c-section-nav__label`},v=[`aria-label`];var y=t(s({name:`C_SectionNav`,__name:`index`,props:{items:{},modelValue:{},ariaLabel:{},locale:{}},emits:[`update:modelValue`,`select`],setup(t,{emit:s}){let y=t,b=s,{t:x}=e(()=>y.locale),S=m(),C=r(()=>({"--c-section-primary":S.value.primaryColor,"--c-section-text":S.value.textColor2,"--c-section-error":S.value.errorColor,"--c-section-active":S.value.actionColor,"--c-section-radius":S.value.borderRadius})),w=new Map,T=(e,t)=>{t instanceof HTMLButtonElement?w.set(e,t):w.delete(e)},E=e=>{e.disabled||(b(`update:modelValue`,e.key),b(`select`,e.key))},D=(e,t)=>{let n=y.items.filter(e=>!e.disabled),r=n.findIndex(e=>e.key===t),i=r;if(e.key===`Home`)i=0;else if(e.key===`End`)i=n.length-1;else if(e.key===`ArrowDown`)i=Math.min(n.length-1,r+1);else if(e.key===`ArrowUp`)i=Math.max(0,r-1);else return;e.preventDefault();let a=n[i];a&&w.get(a.key)?.focus()};return(e,r)=>(u(),a(`nav`,{class:`c-section-nav`,"aria-label":t.ariaLabel||p(x)(`section.navigation`),style:l(C.value)},[(u(!0),a(n,null,d(t.items,e=>(u(),a(`button`,{key:e.key,ref_for:!0,ref:t=>T(e.key,t),type:`button`,class:c([`c-section-nav__item`,{"is-active":e.key===t.modelValue}]),disabled:e.disabled,"aria-current":e.key===t.modelValue?`location`:void 0,onClick:t=>E(e),onKeydown:t=>D(t,e.key)},[o(`span`,_,f(e.label),1),e.errorCount&&e.errorCount>0?(u(),a(`span`,{key:0,class:`c-section-nav__count`,"aria-label":p(x)(`section.errors`,{count:e.errorCount})},f(e.errorCount),9,v)):i(`v-if`,!0)],42,g))),128))],12,h))}}),[[`__scopeId`,`data-v-02658e06`]]);export{y as t};

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 "./index21.vue.cjs";
+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 "./index28.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 "./index21.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 "./index28.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_SplitPane2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./useComponentLocale.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`);const r=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t,i=e=>Math.max(4,r(e,6));function a(e){let t=Math.max(0,Math.min(100,r(e.minSize,0))),n=Math.max(0,Math.min(100,r(e.maxSize,100))),i=Math.min(t,n),a=Math.max(t,n),o=Math.max(0,r(e.availableLength,0));if(!o)return{min:i,max:a};let s=Math.max(0,r(e.minFirstSize,0)),c=Math.max(0,r(e.minSecondSize,0)),l=Math.max(i,s/o*100),u=Math.min(a,100-c/o*100);if(l<=u)return{min:l,max:u};let d=s+c?s/(s+c)*100:50,f=Math.max(i,Math.min(a,d));return{min:f,max:f}}function o(e,t,n){return Math.min(n,Math.max(t,r(e,50)))}const s=new WeakMap;function c(e){return`button`in e&&e.button!==0?!1:!(`isPrimary`in e)||e.isPrimary}function l(e,t,n){if(!(`touches`in e))return t===`horizontal`?e.clientX:e.clientY;let r=n===void 0?e.touches[0]:Array.from(e.touches).find(e=>e.identifier===n);if(r)return t===`horizontal`?r.clientX:r.clientY}function u(e,t){return t===void 0||!(`pointerId`in e)?!0:e.pointerId===t}function d(e,t){let{style:n}=e.body,r=t===`horizontal`?`col-resize`:`row-resize`,i=[`cursor`,`user-select`].map(e=>({name:e,value:n.getPropertyValue(e),priority:n.getPropertyPriority(e),owned:e===`cursor`?r:`none`}));for(let e of i)n.setProperty(e.name,e.owned);return()=>{for(let e of i)n.getPropertyValue(e.name)===e.owned&&(e.value?n.setProperty(e.name,e.value,e.priority):n.removeProperty(e.name))}}function f(e){return`pointerId`in e?{move:[`pointermove`],end:[`pointerup`,`pointercancel`]}:`touches`in e?{move:[`touchmove`],end:[`touchend`,`touchcancel`]}:{move:[`mousemove`],end:[`mouseup`]}}function p(e,t){let n=l(e,t.direction);if(n===void 0)return;let r=t.element.ownerDocument,i=r.defaultView;s.get(r)?.();let a=d(r,t.direction),o=`pointerId`in e?e.pointerId:void 0,c=`touches`in e?e.touches[0]?.identifier:void 0,p=!0;e.preventDefault(),e.stopPropagation(),e.currentTarget?.focus();let m=e=>{if(!u(e,o))return;let r=l(e,t.direction,c);r!==void 0&&(e.cancelable&&e.preventDefault(),t.onDelta(r-n))},h=e=>{if(!(e&&!u(e,o))&&p){p=!1,a();for(let[e,t]of v)r.removeEventListener(e,t);i?.removeEventListener(`blur`,h),s.get(r)===h&&s.delete(r),t.onEnd()}},g=()=>{r.hidden&&h()},_=f(e),v=[..._.move.map(e=>[e,m]),..._.end.map(e=>[e,h]),[`visibilitychange`,g]];for(let[e,t]of v)r.addEventListener(e,t,{passive:!1});return i?.addEventListener(`blur`,h),s.set(r,h),h}function m(e){return e===0?`first`:e===100?`second`:null}function h(e,t,n,r,i){if(e===`Home`)return i.min;if(e===`End`)return i.max;let a=t===`horizontal`?`ArrowLeft`:`ArrowUp`,o=t===`horizontal`?`ArrowRight`:`ArrowDown`;if(e===a)return r-n;if(e===o)return r+n}function g(e){let{containerRef:t,direction:s,disabled:l,collapsible:u}=e,d=(0,n.ref)(0),f=(0,n.computed)(()=>i((0,n.toValue)(e.gutterSize))),g=(0,n.computed)(()=>Math.max(0,d.value-f.value)),_=(0,n.computed)(()=>a({minSize:(0,n.toValue)(e.minSize),maxSize:(0,n.toValue)(e.maxSize),minFirstSize:(0,n.toValue)(e.minFirstSize)??0,minSecondSize:(0,n.toValue)(e.minSecondSize)??0,availableLength:g.value})),v=(0,n.ref)(o((0,n.toValue)(e.defaultSize),_.value.min,_.value.max)),y=(0,n.computed)(()=>(0,n.toValue)(e.size)!==void 0),b=(0,n.computed)(()=>y.value?r((0,n.toValue)(e.size),50):v.value),x=(0,n.computed)(()=>u.value?b.value===0?`first`:b.value===100?`second`:null:null),S=(0,n.computed)(()=>x.value?x.value===`first`?0:100:o(b.value,_.value.min,_.value.max)),C=(0,n.ref)(!1),w=(0,n.computed)(()=>x.value===`first`),T=(0,n.computed)(()=>x.value===`second`),E=r((0,n.toValue)(e.defaultSize),50),D=x.value?o(E>0&&E<100?E:50,_.value.min,_.value.max):S.value,O,k,A=(t,n=!1)=>{if(!Number.isFinite(t))return;let r=n?t:o(t,_.value.min,_.value.max);r!==b.value&&(y.value||(v.value=r),e.onUpdateSize?.(r))};(0,n.watch)(S,(t,n)=>{let r=m(n),i=x.value;!r&&i&&(D=n),r&&r!==i&&e.onExpand?.(r),i&&i!==r&&e.onCollapse?.(i),e.onResize?.(t,100-t)},{flush:`sync`}),(0,n.watch)(_,()=>{x.value||A(S.value)},{flush:`sync`}),(0,n.watch)([l,s],()=>O?.(),{flush:`sync`}),(0,n.watch)(u,()=>{x.value||A(S.value)},{flush:`sync`});let j=()=>{let e=t.value;if(!e)return;let n=e.getBoundingClientRect();d.value=s.value===`horizontal`?n.width:n.height};(0,n.watch)(s,j,{flush:`post`}),(0,n.onMounted)(()=>{j(),typeof ResizeObserver<`u`&&t.value&&(k=new ResizeObserver(j),k.observe(t.value))});let M=(e=`first`)=>{!u.value||x.value===e||(x.value||(D=S.value),A(e===`first`?0:100,!0))},N=()=>{x.value&&A(D)},P=(e=`first`)=>{x.value===e?N():M(e)};return(0,n.onUnmounted)(()=>{O?.(),k?.disconnect()}),{panelSize:S,isDragging:C,collapsedTarget:x,isFirstCollapsed:w,isSecondCollapsed:T,bounds:_,gutterSize:f,handleMouseDown:n=>{if(l.value||C.value||!c(n))return;let r=t.value;if(!r||(j(),!g.value))return;let i=S.value;O=p(n,{element:r,direction:s.value,onDelta:e=>A(i+e/g.value*100),onEnd:()=>{C.value=!1,O=void 0,e.onDragEnd?.(S.value)}}),O&&(C.value=!0,e.onDragStart?.(S.value))},handleDoubleClick:()=>{l.value||P(`first`)},handleKeyDown:t=>{if(l.value||t.target!==t.currentTarget)return;if(t.key===`Enter`){u.value&&(t.preventDefault(),x.value?N():M(`first`));return}let i=Math.max(0,r((0,n.toValue)(e.step),2))||2,a=t.shiftKey?10:1,o=h(t.key,s.value,i*a,S.value,_.value);o!==void 0&&(t.preventDefault(),A(o))},collapse:M,expand:N,toggle:P,resetSize:()=>A(r((0,n.toValue)(e.defaultSize),50)),setSize:e=>A(e),getPanelInfo:()=>({first:{size:S.value,collapsed:w.value},second:{size:100-S.value,collapsed:T.value}})}}const _=[`aria-hidden`,`inert`],v={class:`split-panel__content`},y=[`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-disabled`,`aria-label`,`tabindex`],b=[`disabled`,`aria-label`,`aria-expanded`,`title`],x={class:`split-gutter__visual`,"aria-hidden":`true`},S={class:`split-gutter__dots`},C=[`disabled`,`aria-label`,`aria-expanded`,`title`],w=[`aria-hidden`,`inert`],T={class:`split-panel__content`},E=(0,n.defineComponent)({name:`C_SplitPane`,__name:`index`,props:{ariaLabel:{},direction:{default:`horizontal`},size:{},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},minFirstSize:{default:0},minSecondSize:{default:0},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`update:size`,`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(t,{expose:r,emit:i}){let{t:a}=e.t(),o=t,s=i,c=(0,n.useId)(),l=`split-${c}-first`,u=`split-${c}-second`,d=(0,n.ref)(null),{panelSize:f,bounds:p,gutterSize:m,isDragging:h,isFirstCollapsed:E,isSecondCollapsed:D,handleMouseDown:O,handleDoubleClick:k,handleKeyDown:A,collapse:j,expand:M,toggle:N,resetSize:P,setSize:F,getPanelInfo:I}=g({containerRef:d,direction:(0,n.toRef)(o,`direction`),size:(0,n.toRef)(o,`size`),defaultSize:(0,n.toRef)(o,`defaultSize`),minSize:(0,n.toRef)(o,`minSize`),maxSize:(0,n.toRef)(o,`maxSize`),minFirstSize:(0,n.toRef)(o,`minFirstSize`),minSecondSize:(0,n.toRef)(o,`minSecondSize`),gutterSize:(0,n.toRef)(o,`gutterSize`),disabled:(0,n.toRef)(o,`disabled`),collapsible:(0,n.toRef)(o,`collapsible`),step:(0,n.toRef)(o,`step`),onUpdateSize:e=>s(`update:size`,e),onResize:(e,t)=>s(`resize`,e,t),onCollapse:e=>s(`collapse`,e),onExpand:e=>s(`expand`,e),onDragStart:e=>s(`drag-start`,e),onDragEnd:e=>s(`drag-end`,e)}),L=(0,n.computed)(()=>({flex:`${f.value} 1 0px`})),R=(0,n.computed)(()=>({flex:`${100-f.value} 1 0px`})),z=(0,n.computed)(()=>o.direction===`horizontal`?{width:`${m.value}px`}:{height:`${m.value}px`});return r({collapse:j,expand:M,toggle:N,resetSize:P,getPanelInfo:I,setSize:F}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`containerRef`,ref:d,class:(0,n.normalizeClass)([`c-split-pane`,[`c-split-pane--${t.direction}`,{"c-split-pane--dragging":(0,n.unref)(h),"c-split-pane--disabled":t.disabled,"c-split-pane--collapsed-first":(0,n.unref)(E),"c-split-pane--collapsed-second":(0,n.unref)(D)}]])},[(0,n.createCommentVNode)(` 首面板 `),(0,n.createElementVNode)(`div`,{class:`split-panel split-panel--first`,id:l,style:(0,n.normalizeStyle)(L.value),"aria-hidden":(0,n.unref)(E)||void 0,inert:(0,n.unref)(E)},[(0,n.createElementVNode)(`div`,v,[(0,n.renderSlot)(e.$slots,`first`,{size:(0,n.unref)(f),collapsed:(0,n.unref)(E)},void 0,!0)])],12,_),(0,n.createCommentVNode)(` 分割线手柄 `),(0,n.createElementVNode)(`div`,{class:`split-gutter`,style:(0,n.normalizeStyle)(z.value),role:`separator`,"aria-orientation":t.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":(0,n.unref)(f),"aria-valuemin":(0,n.unref)(E)?0:(0,n.unref)(p).min,"aria-valuemax":(0,n.unref)(D)?100:(0,n.unref)(p).max,"aria-disabled":t.disabled||void 0,"aria-controls":l,"aria-label":t.ariaLabel??(0,n.unref)(a)(`split.resize`),tabindex:t.disabled?-1:0,onPointerdown:r[6]||=(...e)=>(0,n.unref)(O)&&(0,n.unref)(O)(...e),onDblclick:r[7]||=(...e)=>(0,n.unref)(k)&&(0,n.unref)(k)(...e),onKeydown:r[8]||=(...e)=>(0,n.unref)(A)&&(0,n.unref)(A)(...e)},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`split-gutter__controls`,{"split-gutter__controls--with-collapse":t.showCollapseButton&&t.collapsible}])},[t.showCollapseButton&&t.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:0,class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,type:`button`,disabled:t.disabled,"aria-label":(0,n.unref)(E)?(0,n.unref)(a)(`split.expandFirst`):(0,n.unref)(a)(`split.collapseFirst`),"aria-expanded":!(0,n.unref)(E),"aria-controls":l,title:(0,n.unref)(E)?(0,n.unref)(a)(`split.expandFirst`):(0,n.unref)(a)(`split.collapseFirst`),onClick:r[0]||=(0,n.withModifiers)(e=>(0,n.unref)(N)(`first`),[`stop`]),onPointerdown:r[1]||=(0,n.withModifiers)(()=>{},[`stop`]),onDblclick:r[2]||=(0,n.withModifiers)(()=>{},[`stop`])},[...r[9]||=[(0,n.createElementVNode)(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[(0,n.createElementVNode)(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,b)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,x,[(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))])]),t.showCollapseButton&&t.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,type:`button`,disabled:t.disabled,"aria-label":(0,n.unref)(D)?(0,n.unref)(a)(`split.expandSecond`):(0,n.unref)(a)(`split.collapseSecond`),"aria-expanded":!(0,n.unref)(D),"aria-controls":u,title:(0,n.unref)(D)?(0,n.unref)(a)(`split.expandSecond`):(0,n.unref)(a)(`split.collapseSecond`),onClick:r[3]||=(0,n.withModifiers)(e=>(0,n.unref)(N)(`second`),[`stop`]),onPointerdown:r[4]||=(0,n.withModifiers)(()=>{},[`stop`]),onDblclick:r[5]||=(0,n.withModifiers)(()=>{},[`stop`])},[...r[10]||=[(0,n.createElementVNode)(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[(0,n.createElementVNode)(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,C)):(0,n.createCommentVNode)(`v-if`,!0)],2)],44,y),(0,n.createCommentVNode)(` 第二面板 `),(0,n.createElementVNode)(`div`,{class:`split-panel split-panel--second`,id:u,style:(0,n.normalizeStyle)(R.value),"aria-hidden":(0,n.unref)(D)||void 0,inert:(0,n.unref)(D)},[(0,n.createElementVNode)(`div`,T,[(0,n.renderSlot)(e.$slots,`second`,{size:100-(0,n.unref)(f),collapsed:(0,n.unref)(D)},void 0,!0)])],12,w)],2))}});var D=t.t(E,[[`__scopeId`,`data-v-265c2994`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return D}});
+require(`./chunk.cjs`);const e=require(`./useComponentLocale.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`);const r=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t,i=e=>Math.max(4,r(e,6));function a(e){let t=Math.max(0,Math.min(100,r(e.minSize,0))),n=Math.max(0,Math.min(100,r(e.maxSize,100))),i=Math.min(t,n),a=Math.max(t,n),o=Math.max(0,r(e.availableLength,0));if(!o)return{min:i,max:a};let s=Math.max(0,r(e.minFirstSize,0)),c=Math.max(0,r(e.minSecondSize,0)),l=Math.max(i,s/o*100),u=Math.min(a,100-c/o*100);if(l<=u)return{min:l,max:u};let d=s+c?s/(s+c)*100:50,f=Math.max(i,Math.min(a,d));return{min:f,max:f}}function o(e,t,n){return Math.min(n,Math.max(t,r(e,50)))}const s=new WeakMap;function c(e){return`button`in e&&e.button!==0?!1:!(`isPrimary`in e)||e.isPrimary}function l(e,t,n){if(!(`touches`in e))return t===`horizontal`?e.clientX:e.clientY;let r=n===void 0?e.touches[0]:Array.from(e.touches).find(e=>e.identifier===n);if(r)return t===`horizontal`?r.clientX:r.clientY}function u(e,t){return t===void 0||!(`pointerId`in e)?!0:e.pointerId===t}function d(e,t){let{style:n}=e.body,r=t===`horizontal`?`col-resize`:`row-resize`,i=[`cursor`,`user-select`].map(e=>({name:e,value:n.getPropertyValue(e),priority:n.getPropertyPriority(e),owned:e===`cursor`?r:`none`}));for(let e of i)n.setProperty(e.name,e.owned);return()=>{for(let e of i)n.getPropertyValue(e.name)===e.owned&&(e.value?n.setProperty(e.name,e.value,e.priority):n.removeProperty(e.name))}}function f(e){return`pointerId`in e?{move:[`pointermove`],end:[`pointerup`,`pointercancel`]}:`touches`in e?{move:[`touchmove`],end:[`touchend`,`touchcancel`]}:{move:[`mousemove`],end:[`mouseup`]}}function p(e,t){let n=l(e,t.direction);if(n===void 0)return;let r=t.element.ownerDocument,i=r.defaultView;s.get(r)?.();let a=d(r,t.direction),o=`pointerId`in e?e.pointerId:void 0,c=`touches`in e?e.touches[0]?.identifier:void 0,p=!0;e.preventDefault(),e.stopPropagation(),e.currentTarget?.focus({preventScroll:!0});let m=e=>{if(!u(e,o))return;let r=l(e,t.direction,c);r!==void 0&&(e.cancelable&&e.preventDefault(),t.onDelta(r-n))},h=e=>{if(!(e&&!u(e,o))&&p){p=!1,a();for(let[e,t]of v)r.removeEventListener(e,t);i?.removeEventListener(`blur`,h),s.get(r)===h&&s.delete(r),t.onEnd()}},g=()=>{r.hidden&&h()},_=f(e),v=[..._.move.map(e=>[e,m]),..._.end.map(e=>[e,h]),[`visibilitychange`,g]];for(let[e,t]of v)r.addEventListener(e,t,{passive:!1});return i?.addEventListener(`blur`,h),s.set(r,h),h}function m(e){return e===0?`first`:e===100?`second`:null}function h(e,t,n,r,i){if(e===`Home`)return i.min;if(e===`End`)return i.max;let a=t===`horizontal`?`ArrowLeft`:`ArrowUp`,o=t===`horizontal`?`ArrowRight`:`ArrowDown`;if(e===a)return r-n;if(e===o)return r+n}function g(e){let{containerRef:t,direction:s,disabled:l,collapsible:u}=e,d=(0,n.ref)(0),f=(0,n.computed)(()=>i((0,n.toValue)(e.gutterSize))),g=(0,n.computed)(()=>Math.max(0,d.value-f.value)),_=(0,n.computed)(()=>a({minSize:(0,n.toValue)(e.minSize),maxSize:(0,n.toValue)(e.maxSize),minFirstSize:(0,n.toValue)(e.minFirstSize)??0,minSecondSize:(0,n.toValue)(e.minSecondSize)??0,availableLength:g.value})),v=(0,n.ref)(o((0,n.toValue)(e.defaultSize),_.value.min,_.value.max)),y=(0,n.computed)(()=>(0,n.toValue)(e.size)!==void 0),b=(0,n.computed)(()=>y.value?r((0,n.toValue)(e.size),50):v.value),x=(0,n.computed)(()=>u.value?b.value===0?`first`:b.value===100?`second`:null:null),S=(0,n.computed)(()=>x.value?x.value===`first`?0:100:o(b.value,_.value.min,_.value.max)),C=(0,n.ref)(!1),w=(0,n.computed)(()=>x.value===`first`),T=(0,n.computed)(()=>x.value===`second`),E=r((0,n.toValue)(e.defaultSize),50),D=x.value?o(E>0&&E<100?E:50,_.value.min,_.value.max):S.value,O,k,A=(t,n=!1)=>{if(!Number.isFinite(t))return;let r=n?t:o(t,_.value.min,_.value.max);r!==b.value&&(y.value||(v.value=r),e.onUpdateSize?.(r))};(0,n.watch)(S,(t,n)=>{let r=m(n),i=x.value;!r&&i&&(D=n),r&&r!==i&&e.onExpand?.(r),i&&i!==r&&e.onCollapse?.(i),e.onResize?.(t,100-t)},{flush:`sync`}),(0,n.watch)(_,()=>{x.value||A(S.value)},{flush:`sync`}),(0,n.watch)([l,s],()=>O?.(),{flush:`sync`}),(0,n.watch)(u,()=>{x.value||A(S.value)},{flush:`sync`});let j=()=>{let e=t.value;if(!e)return;let n=e.getBoundingClientRect();d.value=s.value===`horizontal`?n.width:n.height};(0,n.watch)(s,j,{flush:`post`}),(0,n.onMounted)(()=>{j(),typeof ResizeObserver<`u`&&t.value&&(k=new ResizeObserver(j),k.observe(t.value))});let M=(e=`first`)=>{!u.value||x.value===e||(x.value||(D=S.value),A(e===`first`?0:100,!0))},N=()=>{x.value&&A(D)},P=(e=`first`)=>{x.value===e?N():M(e)};return(0,n.onUnmounted)(()=>{O?.(),k?.disconnect()}),{panelSize:S,isDragging:C,collapsedTarget:x,isFirstCollapsed:w,isSecondCollapsed:T,bounds:_,gutterSize:f,handleMouseDown:n=>{if(l.value||C.value||!c(n))return;let r=t.value;if(!r||(j(),!g.value))return;let i=S.value;O=p(n,{element:r,direction:s.value,onDelta:e=>A(i+e/g.value*100),onEnd:()=>{C.value=!1,O=void 0,e.onDragEnd?.(S.value)}}),O&&(C.value=!0,e.onDragStart?.(S.value))},handleDoubleClick:()=>{l.value||P(`first`)},handleKeyDown:t=>{if(l.value||t.target!==t.currentTarget)return;if(t.key===`Enter`){u.value&&(t.preventDefault(),x.value?N():M(`first`));return}let i=Math.max(0,r((0,n.toValue)(e.step),2))||2,a=t.shiftKey?10:1,o=h(t.key,s.value,i*a,S.value,_.value);o!==void 0&&(t.preventDefault(),A(o))},collapse:M,expand:N,toggle:P,resetSize:()=>A(r((0,n.toValue)(e.defaultSize),50)),setSize:e=>A(e),getPanelInfo:()=>({first:{size:S.value,collapsed:w.value},second:{size:100-S.value,collapsed:T.value}})}}const _=[`aria-hidden`,`inert`],v={class:`split-panel__content`},y=[`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-disabled`,`aria-label`,`tabindex`],b=[`disabled`,`aria-label`,`aria-expanded`,`title`],x={class:`split-gutter__visual`,"aria-hidden":`true`},S={class:`split-gutter__dots`},C=[`disabled`,`aria-label`,`aria-expanded`,`title`],w=[`aria-hidden`,`inert`],T={class:`split-panel__content`},E=(0,n.defineComponent)({name:`C_SplitPane`,__name:`index`,props:{ariaLabel:{},direction:{default:`horizontal`},size:{},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},minFirstSize:{default:0},minSecondSize:{default:0},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`update:size`,`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(t,{expose:r,emit:i}){let{t:a}=e.t(),o=t,s=i,c=(0,n.useId)(),l=`split-${c}-first`,u=`split-${c}-second`,d=(0,n.ref)(null),{panelSize:f,bounds:p,gutterSize:m,isDragging:h,isFirstCollapsed:E,isSecondCollapsed:D,handleMouseDown:O,handleDoubleClick:k,handleKeyDown:A,collapse:j,expand:M,toggle:N,resetSize:P,setSize:F,getPanelInfo:I}=g({containerRef:d,direction:(0,n.toRef)(o,`direction`),size:(0,n.toRef)(o,`size`),defaultSize:(0,n.toRef)(o,`defaultSize`),minSize:(0,n.toRef)(o,`minSize`),maxSize:(0,n.toRef)(o,`maxSize`),minFirstSize:(0,n.toRef)(o,`minFirstSize`),minSecondSize:(0,n.toRef)(o,`minSecondSize`),gutterSize:(0,n.toRef)(o,`gutterSize`),disabled:(0,n.toRef)(o,`disabled`),collapsible:(0,n.toRef)(o,`collapsible`),step:(0,n.toRef)(o,`step`),onUpdateSize:e=>s(`update:size`,e),onResize:(e,t)=>s(`resize`,e,t),onCollapse:e=>s(`collapse`,e),onExpand:e=>s(`expand`,e),onDragStart:e=>s(`drag-start`,e),onDragEnd:e=>s(`drag-end`,e)}),L=(0,n.computed)(()=>({flex:`${f.value} 1 0px`})),R=(0,n.computed)(()=>({flex:`${100-f.value} 1 0px`})),z=(0,n.computed)(()=>o.direction===`horizontal`?{width:`${m.value}px`}:{height:`${m.value}px`});return r({collapse:j,expand:M,toggle:N,resetSize:P,getPanelInfo:I,setSize:F}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`containerRef`,ref:d,class:(0,n.normalizeClass)([`c-split-pane`,[`c-split-pane--${t.direction}`,{"c-split-pane--dragging":(0,n.unref)(h),"c-split-pane--disabled":t.disabled,"c-split-pane--collapsed-first":(0,n.unref)(E),"c-split-pane--collapsed-second":(0,n.unref)(D)}]])},[(0,n.createCommentVNode)(` 首面板 `),(0,n.createElementVNode)(`div`,{class:`split-panel split-panel--first`,id:l,style:(0,n.normalizeStyle)(L.value),"aria-hidden":(0,n.unref)(E)||void 0,inert:(0,n.unref)(E)},[(0,n.createElementVNode)(`div`,v,[(0,n.renderSlot)(e.$slots,`first`,{size:(0,n.unref)(f),collapsed:(0,n.unref)(E)},void 0,!0)])],12,_),(0,n.createCommentVNode)(` 分割线手柄 `),(0,n.createElementVNode)(`div`,{class:`split-gutter`,style:(0,n.normalizeStyle)(z.value),role:`separator`,"aria-orientation":t.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":(0,n.unref)(f),"aria-valuemin":(0,n.unref)(E)?0:(0,n.unref)(p).min,"aria-valuemax":(0,n.unref)(D)?100:(0,n.unref)(p).max,"aria-disabled":t.disabled||void 0,"aria-controls":l,"aria-label":t.ariaLabel??(0,n.unref)(a)(`split.resize`),tabindex:t.disabled?-1:0,onPointerdown:r[6]||=(...e)=>(0,n.unref)(O)&&(0,n.unref)(O)(...e),onDblclick:r[7]||=(...e)=>(0,n.unref)(k)&&(0,n.unref)(k)(...e),onKeydown:r[8]||=(...e)=>(0,n.unref)(A)&&(0,n.unref)(A)(...e)},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`split-gutter__controls`,{"split-gutter__controls--with-collapse":t.showCollapseButton&&t.collapsible}])},[t.showCollapseButton&&t.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:0,class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,type:`button`,disabled:t.disabled,"aria-label":(0,n.unref)(E)?(0,n.unref)(a)(`split.expandFirst`):(0,n.unref)(a)(`split.collapseFirst`),"aria-expanded":!(0,n.unref)(E),"aria-controls":l,title:(0,n.unref)(E)?(0,n.unref)(a)(`split.expandFirst`):(0,n.unref)(a)(`split.collapseFirst`),onClick:r[0]||=(0,n.withModifiers)(e=>(0,n.unref)(N)(`first`),[`stop`]),onPointerdown:r[1]||=(0,n.withModifiers)(()=>{},[`stop`]),onDblclick:r[2]||=(0,n.withModifiers)(()=>{},[`stop`])},[...r[9]||=[(0,n.createElementVNode)(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[(0,n.createElementVNode)(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,b)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,x,[(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))])]),t.showCollapseButton&&t.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,type:`button`,disabled:t.disabled,"aria-label":(0,n.unref)(D)?(0,n.unref)(a)(`split.expandSecond`):(0,n.unref)(a)(`split.collapseSecond`),"aria-expanded":!(0,n.unref)(D),"aria-controls":u,title:(0,n.unref)(D)?(0,n.unref)(a)(`split.expandSecond`):(0,n.unref)(a)(`split.collapseSecond`),onClick:r[3]||=(0,n.withModifiers)(e=>(0,n.unref)(N)(`second`),[`stop`]),onPointerdown:r[4]||=(0,n.withModifiers)(()=>{},[`stop`]),onDblclick:r[5]||=(0,n.withModifiers)(()=>{},[`stop`])},[...r[10]||=[(0,n.createElementVNode)(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[(0,n.createElementVNode)(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,C)):(0,n.createCommentVNode)(`v-if`,!0)],2)],44,y),(0,n.createCommentVNode)(` 第二面板 `),(0,n.createElementVNode)(`div`,{class:`split-panel split-panel--second`,id:u,style:(0,n.normalizeStyle)(R.value),"aria-hidden":(0,n.unref)(D)||void 0,inert:(0,n.unref)(D)},[(0,n.createElementVNode)(`div`,T,[(0,n.renderSlot)(e.$slots,`second`,{size:100-(0,n.unref)(f),collapsed:(0,n.unref)(D)},void 0,!0)])],12,w)],2))}});var D=t.t(E,[[`__scopeId`,`data-v-265c2994`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return D}});

package/dist/C_SplitPane2.js

@@ -1 +1 @@
-import{t as e}from"./useComponentLocale.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,onMounted as u,onUnmounted as d,openBlock as f,ref as p,renderList as m,renderSlot as h,toRef as g,toValue as _,unref as v,useId as y,watch as b,withModifiers as x}from"vue";const S=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t,C=e=>Math.max(4,S(e,6));function w(e){let t=Math.max(0,Math.min(100,S(e.minSize,0))),n=Math.max(0,Math.min(100,S(e.maxSize,100))),r=Math.min(t,n),i=Math.max(t,n),a=Math.max(0,S(e.availableLength,0));if(!a)return{min:r,max:i};let o=Math.max(0,S(e.minFirstSize,0)),s=Math.max(0,S(e.minSecondSize,0)),c=Math.max(r,o/a*100),l=Math.min(i,100-s/a*100);if(c<=l)return{min:c,max:l};let u=o+s?o/(o+s)*100:50,d=Math.max(r,Math.min(i,u));return{min:d,max:d}}function T(e,t,n){return Math.min(n,Math.max(t,S(e,50)))}const E=new WeakMap;function D(e){return`button`in e&&e.button!==0?!1:!(`isPrimary`in e)||e.isPrimary}function O(e,t,n){if(!(`touches`in e))return t===`horizontal`?e.clientX:e.clientY;let r=n===void 0?e.touches[0]:Array.from(e.touches).find(e=>e.identifier===n);if(r)return t===`horizontal`?r.clientX:r.clientY}function k(e,t){return t===void 0||!(`pointerId`in e)?!0:e.pointerId===t}function A(e,t){let{style:n}=e.body,r=t===`horizontal`?`col-resize`:`row-resize`,i=[`cursor`,`user-select`].map(e=>({name:e,value:n.getPropertyValue(e),priority:n.getPropertyPriority(e),owned:e===`cursor`?r:`none`}));for(let e of i)n.setProperty(e.name,e.owned);return()=>{for(let e of i)n.getPropertyValue(e.name)===e.owned&&(e.value?n.setProperty(e.name,e.value,e.priority):n.removeProperty(e.name))}}function j(e){return`pointerId`in e?{move:[`pointermove`],end:[`pointerup`,`pointercancel`]}:`touches`in e?{move:[`touchmove`],end:[`touchend`,`touchcancel`]}:{move:[`mousemove`],end:[`mouseup`]}}function M(e,t){let n=O(e,t.direction);if(n===void 0)return;let r=t.element.ownerDocument,i=r.defaultView;E.get(r)?.();let a=A(r,t.direction),o=`pointerId`in e?e.pointerId:void 0,s=`touches`in e?e.touches[0]?.identifier:void 0,c=!0;e.preventDefault(),e.stopPropagation(),e.currentTarget?.focus();let l=e=>{if(!k(e,o))return;let r=O(e,t.direction,s);r!==void 0&&(e.cancelable&&e.preventDefault(),t.onDelta(r-n))},u=e=>{if(!(e&&!k(e,o))&&c){c=!1,a();for(let[e,t]of p)r.removeEventListener(e,t);i?.removeEventListener(`blur`,u),E.get(r)===u&&E.delete(r),t.onEnd()}},d=()=>{r.hidden&&u()},f=j(e),p=[...f.move.map(e=>[e,l]),...f.end.map(e=>[e,u]),[`visibilitychange`,d]];for(let[e,t]of p)r.addEventListener(e,t,{passive:!1});return i?.addEventListener(`blur`,u),E.set(r,u),u}function N(e){return e===0?`first`:e===100?`second`:null}function P(e,t,n,r,i){if(e===`Home`)return i.min;if(e===`End`)return i.max;let a=t===`horizontal`?`ArrowLeft`:`ArrowUp`,o=t===`horizontal`?`ArrowRight`:`ArrowDown`;if(e===a)return r-n;if(e===o)return r+n}function F(e){let{containerRef:t,direction:n,disabled:i,collapsible:a}=e,o=p(0),s=r(()=>C(_(e.gutterSize))),c=r(()=>Math.max(0,o.value-s.value)),l=r(()=>w({minSize:_(e.minSize),maxSize:_(e.maxSize),minFirstSize:_(e.minFirstSize)??0,minSecondSize:_(e.minSecondSize)??0,availableLength:c.value})),f=p(T(_(e.defaultSize),l.value.min,l.value.max)),m=r(()=>_(e.size)!==void 0),h=r(()=>m.value?S(_(e.size),50):f.value),g=r(()=>a.value?h.value===0?`first`:h.value===100?`second`:null:null),v=r(()=>g.value?g.value===`first`?0:100:T(h.value,l.value.min,l.value.max)),y=p(!1),x=r(()=>g.value===`first`),E=r(()=>g.value===`second`),O=S(_(e.defaultSize),50),k=g.value?T(O>0&&O<100?O:50,l.value.min,l.value.max):v.value,A,j,F=(t,n=!1)=>{if(!Number.isFinite(t))return;let r=n?t:T(t,l.value.min,l.value.max);r!==h.value&&(m.value||(f.value=r),e.onUpdateSize?.(r))};b(v,(t,n)=>{let r=N(n),i=g.value;!r&&i&&(k=n),r&&r!==i&&e.onExpand?.(r),i&&i!==r&&e.onCollapse?.(i),e.onResize?.(t,100-t)},{flush:`sync`}),b(l,()=>{g.value||F(v.value)},{flush:`sync`}),b([i,n],()=>A?.(),{flush:`sync`}),b(a,()=>{g.value||F(v.value)},{flush:`sync`});let I=()=>{let e=t.value;if(!e)return;let r=e.getBoundingClientRect();o.value=n.value===`horizontal`?r.width:r.height};b(n,I,{flush:`post`}),u(()=>{I(),typeof ResizeObserver<`u`&&t.value&&(j=new ResizeObserver(I),j.observe(t.value))});let L=(e=`first`)=>{!a.value||g.value===e||(g.value||(k=v.value),F(e===`first`?0:100,!0))},R=()=>{g.value&&F(k)},z=(e=`first`)=>{g.value===e?R():L(e)};return d(()=>{A?.(),j?.disconnect()}),{panelSize:v,isDragging:y,collapsedTarget:g,isFirstCollapsed:x,isSecondCollapsed:E,bounds:l,gutterSize:s,handleMouseDown:r=>{if(i.value||y.value||!D(r))return;let a=t.value;if(!a||(I(),!c.value))return;let o=v.value;A=M(r,{element:a,direction:n.value,onDelta:e=>F(o+e/c.value*100),onEnd:()=>{y.value=!1,A=void 0,e.onDragEnd?.(v.value)}}),A&&(y.value=!0,e.onDragStart?.(v.value))},handleDoubleClick:()=>{i.value||z(`first`)},handleKeyDown:t=>{if(i.value||t.target!==t.currentTarget)return;if(t.key===`Enter`){a.value&&(t.preventDefault(),g.value?R():L(`first`));return}let r=Math.max(0,S(_(e.step),2))||2,o=t.shiftKey?10:1,s=P(t.key,n.value,r*o,v.value,l.value);s!==void 0&&(t.preventDefault(),F(s))},collapse:L,expand:R,toggle:z,resetSize:()=>F(S(_(e.defaultSize),50)),setSize:e=>F(e),getPanelInfo:()=>({first:{size:v.value,collapsed:x.value},second:{size:100-v.value,collapsed:E.value}})}}const I=[`aria-hidden`,`inert`],L={class:`split-panel__content`},R=[`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-disabled`,`aria-label`,`tabindex`],z=[`disabled`,`aria-label`,`aria-expanded`,`title`],B={class:`split-gutter__visual`,"aria-hidden":`true`},V={class:`split-gutter__dots`},H=[`disabled`,`aria-label`,`aria-expanded`,`title`],U=[`aria-hidden`,`inert`],W={class:`split-panel__content`};var G=t(s({name:`C_SplitPane`,__name:`index`,props:{ariaLabel:{},direction:{default:`horizontal`},size:{},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},minFirstSize:{default:0},minSecondSize:{default:0},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`update:size`,`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(t,{expose:s,emit:u}){let{t:d}=e(),_=t,b=u,S=y(),C=`split-${S}-first`,w=`split-${S}-second`,T=p(null),{panelSize:E,bounds:D,gutterSize:O,isDragging:k,isFirstCollapsed:A,isSecondCollapsed:j,handleMouseDown:M,handleDoubleClick:N,handleKeyDown:P,collapse:G,expand:K,toggle:q,resetSize:J,setSize:Y,getPanelInfo:X}=F({containerRef:T,direction:g(_,`direction`),size:g(_,`size`),defaultSize:g(_,`defaultSize`),minSize:g(_,`minSize`),maxSize:g(_,`maxSize`),minFirstSize:g(_,`minFirstSize`),minSecondSize:g(_,`minSecondSize`),gutterSize:g(_,`gutterSize`),disabled:g(_,`disabled`),collapsible:g(_,`collapsible`),step:g(_,`step`),onUpdateSize:e=>b(`update:size`,e),onResize:(e,t)=>b(`resize`,e,t),onCollapse:e=>b(`collapse`,e),onExpand:e=>b(`expand`,e),onDragStart:e=>b(`drag-start`,e),onDragEnd:e=>b(`drag-end`,e)}),Z=r(()=>({flex:`${E.value} 1 0px`})),Q=r(()=>({flex:`${100-E.value} 1 0px`})),$=r(()=>_.direction===`horizontal`?{width:`${O.value}px`}:{height:`${O.value}px`});return s({collapse:G,expand:K,toggle:q,resetSize:J,getPanelInfo:X,setSize:Y}),(e,r)=>(f(),a(`div`,{ref_key:`containerRef`,ref:T,class:c([`c-split-pane`,[`c-split-pane--${t.direction}`,{"c-split-pane--dragging":v(k),"c-split-pane--disabled":t.disabled,"c-split-pane--collapsed-first":v(A),"c-split-pane--collapsed-second":v(j)}]])},[i(` 首面板 `),o(`div`,{class:`split-panel split-panel--first`,id:C,style:l(Z.value),"aria-hidden":v(A)||void 0,inert:v(A)},[o(`div`,L,[h(e.$slots,`first`,{size:v(E),collapsed:v(A)},void 0,!0)])],12,I),i(` 分割线手柄 `),o(`div`,{class:`split-gutter`,style:l($.value),role:`separator`,"aria-orientation":t.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":v(E),"aria-valuemin":v(A)?0:v(D).min,"aria-valuemax":v(j)?100:v(D).max,"aria-disabled":t.disabled||void 0,"aria-controls":C,"aria-label":t.ariaLabel??v(d)(`split.resize`),tabindex:t.disabled?-1:0,onPointerdown:r[6]||=(...e)=>v(M)&&v(M)(...e),onDblclick:r[7]||=(...e)=>v(N)&&v(N)(...e),onKeydown:r[8]||=(...e)=>v(P)&&v(P)(...e)},[o(`div`,{class:c([`split-gutter__controls`,{"split-gutter__controls--with-collapse":t.showCollapseButton&&t.collapsible}])},[t.showCollapseButton&&t.collapsible?(f(),a(`button`,{key:0,class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,type:`button`,disabled:t.disabled,"aria-label":v(A)?v(d)(`split.expandFirst`):v(d)(`split.collapseFirst`),"aria-expanded":!v(A),"aria-controls":C,title:v(A)?v(d)(`split.expandFirst`):v(d)(`split.collapseFirst`),onClick:r[0]||=x(e=>v(q)(`first`),[`stop`]),onPointerdown:r[1]||=x(()=>{},[`stop`]),onDblclick:r[2]||=x(()=>{},[`stop`])},[...r[9]||=[o(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[o(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,z)):i(`v-if`,!0),o(`div`,B,[o(`div`,V,[(f(),a(n,null,m(3,e=>o(`span`,{key:e,class:`split-gutter__dot`})),64))])]),t.showCollapseButton&&t.collapsible?(f(),a(`button`,{key:1,class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,type:`button`,disabled:t.disabled,"aria-label":v(j)?v(d)(`split.expandSecond`):v(d)(`split.collapseSecond`),"aria-expanded":!v(j),"aria-controls":w,title:v(j)?v(d)(`split.expandSecond`):v(d)(`split.collapseSecond`),onClick:r[3]||=x(e=>v(q)(`second`),[`stop`]),onPointerdown:r[4]||=x(()=>{},[`stop`]),onDblclick:r[5]||=x(()=>{},[`stop`])},[...r[10]||=[o(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[o(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,H)):i(`v-if`,!0)],2)],44,R),i(` 第二面板 `),o(`div`,{class:`split-panel split-panel--second`,id:w,style:l(Q.value),"aria-hidden":v(j)||void 0,inert:v(j)},[o(`div`,W,[h(e.$slots,`second`,{size:100-v(E),collapsed:v(j)},void 0,!0)])],12,U)],2))}}),[[`__scopeId`,`data-v-265c2994`]]);export{F as n,G as t};
+import{t as e}from"./useComponentLocale.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,onMounted as u,onUnmounted as d,openBlock as f,ref as p,renderList as m,renderSlot as h,toRef as g,toValue as _,unref as v,useId as y,watch as b,withModifiers as x}from"vue";const S=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t,C=e=>Math.max(4,S(e,6));function w(e){let t=Math.max(0,Math.min(100,S(e.minSize,0))),n=Math.max(0,Math.min(100,S(e.maxSize,100))),r=Math.min(t,n),i=Math.max(t,n),a=Math.max(0,S(e.availableLength,0));if(!a)return{min:r,max:i};let o=Math.max(0,S(e.minFirstSize,0)),s=Math.max(0,S(e.minSecondSize,0)),c=Math.max(r,o/a*100),l=Math.min(i,100-s/a*100);if(c<=l)return{min:c,max:l};let u=o+s?o/(o+s)*100:50,d=Math.max(r,Math.min(i,u));return{min:d,max:d}}function T(e,t,n){return Math.min(n,Math.max(t,S(e,50)))}const E=new WeakMap;function D(e){return`button`in e&&e.button!==0?!1:!(`isPrimary`in e)||e.isPrimary}function O(e,t,n){if(!(`touches`in e))return t===`horizontal`?e.clientX:e.clientY;let r=n===void 0?e.touches[0]:Array.from(e.touches).find(e=>e.identifier===n);if(r)return t===`horizontal`?r.clientX:r.clientY}function k(e,t){return t===void 0||!(`pointerId`in e)?!0:e.pointerId===t}function A(e,t){let{style:n}=e.body,r=t===`horizontal`?`col-resize`:`row-resize`,i=[`cursor`,`user-select`].map(e=>({name:e,value:n.getPropertyValue(e),priority:n.getPropertyPriority(e),owned:e===`cursor`?r:`none`}));for(let e of i)n.setProperty(e.name,e.owned);return()=>{for(let e of i)n.getPropertyValue(e.name)===e.owned&&(e.value?n.setProperty(e.name,e.value,e.priority):n.removeProperty(e.name))}}function j(e){return`pointerId`in e?{move:[`pointermove`],end:[`pointerup`,`pointercancel`]}:`touches`in e?{move:[`touchmove`],end:[`touchend`,`touchcancel`]}:{move:[`mousemove`],end:[`mouseup`]}}function M(e,t){let n=O(e,t.direction);if(n===void 0)return;let r=t.element.ownerDocument,i=r.defaultView;E.get(r)?.();let a=A(r,t.direction),o=`pointerId`in e?e.pointerId:void 0,s=`touches`in e?e.touches[0]?.identifier:void 0,c=!0;e.preventDefault(),e.stopPropagation(),e.currentTarget?.focus({preventScroll:!0});let l=e=>{if(!k(e,o))return;let r=O(e,t.direction,s);r!==void 0&&(e.cancelable&&e.preventDefault(),t.onDelta(r-n))},u=e=>{if(!(e&&!k(e,o))&&c){c=!1,a();for(let[e,t]of p)r.removeEventListener(e,t);i?.removeEventListener(`blur`,u),E.get(r)===u&&E.delete(r),t.onEnd()}},d=()=>{r.hidden&&u()},f=j(e),p=[...f.move.map(e=>[e,l]),...f.end.map(e=>[e,u]),[`visibilitychange`,d]];for(let[e,t]of p)r.addEventListener(e,t,{passive:!1});return i?.addEventListener(`blur`,u),E.set(r,u),u}function N(e){return e===0?`first`:e===100?`second`:null}function P(e,t,n,r,i){if(e===`Home`)return i.min;if(e===`End`)return i.max;let a=t===`horizontal`?`ArrowLeft`:`ArrowUp`,o=t===`horizontal`?`ArrowRight`:`ArrowDown`;if(e===a)return r-n;if(e===o)return r+n}function F(e){let{containerRef:t,direction:n,disabled:i,collapsible:a}=e,o=p(0),s=r(()=>C(_(e.gutterSize))),c=r(()=>Math.max(0,o.value-s.value)),l=r(()=>w({minSize:_(e.minSize),maxSize:_(e.maxSize),minFirstSize:_(e.minFirstSize)??0,minSecondSize:_(e.minSecondSize)??0,availableLength:c.value})),f=p(T(_(e.defaultSize),l.value.min,l.value.max)),m=r(()=>_(e.size)!==void 0),h=r(()=>m.value?S(_(e.size),50):f.value),g=r(()=>a.value?h.value===0?`first`:h.value===100?`second`:null:null),v=r(()=>g.value?g.value===`first`?0:100:T(h.value,l.value.min,l.value.max)),y=p(!1),x=r(()=>g.value===`first`),E=r(()=>g.value===`second`),O=S(_(e.defaultSize),50),k=g.value?T(O>0&&O<100?O:50,l.value.min,l.value.max):v.value,A,j,F=(t,n=!1)=>{if(!Number.isFinite(t))return;let r=n?t:T(t,l.value.min,l.value.max);r!==h.value&&(m.value||(f.value=r),e.onUpdateSize?.(r))};b(v,(t,n)=>{let r=N(n),i=g.value;!r&&i&&(k=n),r&&r!==i&&e.onExpand?.(r),i&&i!==r&&e.onCollapse?.(i),e.onResize?.(t,100-t)},{flush:`sync`}),b(l,()=>{g.value||F(v.value)},{flush:`sync`}),b([i,n],()=>A?.(),{flush:`sync`}),b(a,()=>{g.value||F(v.value)},{flush:`sync`});let I=()=>{let e=t.value;if(!e)return;let r=e.getBoundingClientRect();o.value=n.value===`horizontal`?r.width:r.height};b(n,I,{flush:`post`}),u(()=>{I(),typeof ResizeObserver<`u`&&t.value&&(j=new ResizeObserver(I),j.observe(t.value))});let L=(e=`first`)=>{!a.value||g.value===e||(g.value||(k=v.value),F(e===`first`?0:100,!0))},R=()=>{g.value&&F(k)},z=(e=`first`)=>{g.value===e?R():L(e)};return d(()=>{A?.(),j?.disconnect()}),{panelSize:v,isDragging:y,collapsedTarget:g,isFirstCollapsed:x,isSecondCollapsed:E,bounds:l,gutterSize:s,handleMouseDown:r=>{if(i.value||y.value||!D(r))return;let a=t.value;if(!a||(I(),!c.value))return;let o=v.value;A=M(r,{element:a,direction:n.value,onDelta:e=>F(o+e/c.value*100),onEnd:()=>{y.value=!1,A=void 0,e.onDragEnd?.(v.value)}}),A&&(y.value=!0,e.onDragStart?.(v.value))},handleDoubleClick:()=>{i.value||z(`first`)},handleKeyDown:t=>{if(i.value||t.target!==t.currentTarget)return;if(t.key===`Enter`){a.value&&(t.preventDefault(),g.value?R():L(`first`));return}let r=Math.max(0,S(_(e.step),2))||2,o=t.shiftKey?10:1,s=P(t.key,n.value,r*o,v.value,l.value);s!==void 0&&(t.preventDefault(),F(s))},collapse:L,expand:R,toggle:z,resetSize:()=>F(S(_(e.defaultSize),50)),setSize:e=>F(e),getPanelInfo:()=>({first:{size:v.value,collapsed:x.value},second:{size:100-v.value,collapsed:E.value}})}}const I=[`aria-hidden`,`inert`],L={class:`split-panel__content`},R=[`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-disabled`,`aria-label`,`tabindex`],z=[`disabled`,`aria-label`,`aria-expanded`,`title`],B={class:`split-gutter__visual`,"aria-hidden":`true`},V={class:`split-gutter__dots`},H=[`disabled`,`aria-label`,`aria-expanded`,`title`],U=[`aria-hidden`,`inert`],W={class:`split-panel__content`};var G=t(s({name:`C_SplitPane`,__name:`index`,props:{ariaLabel:{},direction:{default:`horizontal`},size:{},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},minFirstSize:{default:0},minSecondSize:{default:0},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`update:size`,`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(t,{expose:s,emit:u}){let{t:d}=e(),_=t,b=u,S=y(),C=`split-${S}-first`,w=`split-${S}-second`,T=p(null),{panelSize:E,bounds:D,gutterSize:O,isDragging:k,isFirstCollapsed:A,isSecondCollapsed:j,handleMouseDown:M,handleDoubleClick:N,handleKeyDown:P,collapse:G,expand:K,toggle:q,resetSize:J,setSize:Y,getPanelInfo:X}=F({containerRef:T,direction:g(_,`direction`),size:g(_,`size`),defaultSize:g(_,`defaultSize`),minSize:g(_,`minSize`),maxSize:g(_,`maxSize`),minFirstSize:g(_,`minFirstSize`),minSecondSize:g(_,`minSecondSize`),gutterSize:g(_,`gutterSize`),disabled:g(_,`disabled`),collapsible:g(_,`collapsible`),step:g(_,`step`),onUpdateSize:e=>b(`update:size`,e),onResize:(e,t)=>b(`resize`,e,t),onCollapse:e=>b(`collapse`,e),onExpand:e=>b(`expand`,e),onDragStart:e=>b(`drag-start`,e),onDragEnd:e=>b(`drag-end`,e)}),Z=r(()=>({flex:`${E.value} 1 0px`})),Q=r(()=>({flex:`${100-E.value} 1 0px`})),$=r(()=>_.direction===`horizontal`?{width:`${O.value}px`}:{height:`${O.value}px`});return s({collapse:G,expand:K,toggle:q,resetSize:J,getPanelInfo:X,setSize:Y}),(e,r)=>(f(),a(`div`,{ref_key:`containerRef`,ref:T,class:c([`c-split-pane`,[`c-split-pane--${t.direction}`,{"c-split-pane--dragging":v(k),"c-split-pane--disabled":t.disabled,"c-split-pane--collapsed-first":v(A),"c-split-pane--collapsed-second":v(j)}]])},[i(` 首面板 `),o(`div`,{class:`split-panel split-panel--first`,id:C,style:l(Z.value),"aria-hidden":v(A)||void 0,inert:v(A)},[o(`div`,L,[h(e.$slots,`first`,{size:v(E),collapsed:v(A)},void 0,!0)])],12,I),i(` 分割线手柄 `),o(`div`,{class:`split-gutter`,style:l($.value),role:`separator`,"aria-orientation":t.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":v(E),"aria-valuemin":v(A)?0:v(D).min,"aria-valuemax":v(j)?100:v(D).max,"aria-disabled":t.disabled||void 0,"aria-controls":C,"aria-label":t.ariaLabel??v(d)(`split.resize`),tabindex:t.disabled?-1:0,onPointerdown:r[6]||=(...e)=>v(M)&&v(M)(...e),onDblclick:r[7]||=(...e)=>v(N)&&v(N)(...e),onKeydown:r[8]||=(...e)=>v(P)&&v(P)(...e)},[o(`div`,{class:c([`split-gutter__controls`,{"split-gutter__controls--with-collapse":t.showCollapseButton&&t.collapsible}])},[t.showCollapseButton&&t.collapsible?(f(),a(`button`,{key:0,class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,type:`button`,disabled:t.disabled,"aria-label":v(A)?v(d)(`split.expandFirst`):v(d)(`split.collapseFirst`),"aria-expanded":!v(A),"aria-controls":C,title:v(A)?v(d)(`split.expandFirst`):v(d)(`split.collapseFirst`),onClick:r[0]||=x(e=>v(q)(`first`),[`stop`]),onPointerdown:r[1]||=x(()=>{},[`stop`]),onDblclick:r[2]||=x(()=>{},[`stop`])},[...r[9]||=[o(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[o(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,z)):i(`v-if`,!0),o(`div`,B,[o(`div`,V,[(f(),a(n,null,m(3,e=>o(`span`,{key:e,class:`split-gutter__dot`})),64))])]),t.showCollapseButton&&t.collapsible?(f(),a(`button`,{key:1,class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,type:`button`,disabled:t.disabled,"aria-label":v(j)?v(d)(`split.expandSecond`):v(d)(`split.collapseSecond`),"aria-expanded":!v(j),"aria-controls":w,title:v(j)?v(d)(`split.expandSecond`):v(d)(`split.collapseSecond`),onClick:r[3]||=x(e=>v(q)(`second`),[`stop`]),onPointerdown:r[4]||=x(()=>{},[`stop`]),onDblclick:r[5]||=x(()=>{},[`stop`])},[...r[10]||=[o(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[o(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,H)):i(`v-if`,!0)],2)],44,R),i(` 第二面板 `),o(`div`,{class:`split-panel split-panel--second`,id:w,style:l(Q.value),"aria-hidden":v(j)||void 0,inert:v(j)},[o(`div`,W,[h(e.$slots,`second`,{size:100-v(E),collapsed:v(j)},void 0,!0)])],12,U)],2))}}),[[`__scopeId`,`data-v-265c2994`]]);export{F as n,G as t};

package/dist/C_Steps.d.cts

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

package/dist/C_Steps.d.ts

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