@vaebe/ccui 2.0.0-beta.0

package/slider/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@floating-ui/dom`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@floating-ui/dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue,e._floating_ui_dom))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t)=>{let n={};for(var r in e)i(n,r,{get:e[r],enumerable:!0});return t||i(n,Symbol.toStringTag,{value:`Module`}),n},u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e},d=(e,t,n)=>(u(e,t,`default`),n&&u(n,t,`default`));t=((e,t,n)=>(n=e==null?{}:r(s(e)),u(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var f=Symbol(`ccuiFormItem`);function p(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function m(e,t=!1){let n=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>p(n),e:e=>e?p(n,e):``,m:e=>e?p(n,``,e):``,em:(e,t)=>e&&t?p(n,e,t):``,is:e=>`is-${e}`}}var h={modelValue:{type:Number,default:void 0},step:{type:Number,default:1},placeholder:{type:String,default:``},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},precision:{type:Number,default:void 0},size:{type:String,default:`default`},reg:{type:[RegExp,String],default:void 0},allowEmpty:{type:Boolean,default:!1},showGlowStyle:{type:Boolean,default:!0},controls:{type:Boolean,default:!0},controlsPosition:{type:String,default:`both`},variant:{type:String,default:`outlined`},status:{type:String,default:``},classNames:{type:Object,default:void 0},styles:{type:Object,default:void 0}},g=(0,t.defineComponent)({name:`CInputNumber`,props:h,emits:[`update:modelValue`,`change`,`blur`,`focus`,`input`],setup(e,{emit:n,expose:r}){let i=m(`input-number`),a=(0,t.ref)(),o=(0,t.inject)(f,null),s=(0,t.computed)(()=>o?.validateStatus.value??``),c=(0,t.computed)(()=>e.status||s.value),l=(0,t.ref)(e.modelValue),u=(0,t.ref)(!1),d={lg:`large`,md:`default`,sm:`small`},p=(0,t.ref)(!1),h=(0,t.computed)(()=>{let t=e.size;return t===`lg`||t===`md`||t===`sm`?(!p.value&&typeof console<`u`&&(console.warn(`[ccui][InputNumber] size="${t}" 已 deprecated，请改用 "${d[t]}"（'large' | 'default' | 'small'）。`),p.value=!0),d[t]):t}),g=(0,t.computed)(()=>l.value===void 0||l.value===null?e.allowEmpty?``:`0`:e.precision===void 0?String(l.value):Number(l.value).toFixed(e.precision)),_=(0,t.computed)(()=>l.value===void 0?!1:l.value>=e.max),v=(0,t.computed)(()=>l.value===void 0?!1:l.value<=e.min),y=t=>{if(t===``||t==null)return e.allowEmpty?void 0:0;let n=typeof t==`string`?Number.parseFloat(t):t;return Number.isNaN(n)?e.allowEmpty?void 0:0:(e.precision!==void 0&&(n=Number.parseFloat(n.toFixed(e.precision))),n=Math.max(e.min,Math.min(e.max,n)),n)},b=(e,t=!0)=>{let r=l.value;l.value=e,n(`update:modelValue`,e),n(`input`,e),t&&r!==e&&n(`change`,e,r),o?.validate(`change`)},x=t=>{let n=t.target,r=n.value;if(e.reg&&!(typeof e.reg==`string`?new RegExp(e.reg):e.reg).test(r)){n.value=g.value;return}if(r===``){e.allowEmpty?b(void 0,!1):n.value=g.value;return}b(y(r),!1)},S=e=>{let n=e.target;b(y(n.value)),(0,t.nextTick)(()=>{a.value&&(a.value.value=g.value)})},C=e=>{u.value=!0,n(`focus`,e)},w=e=>{u.value=!1,n(`blur`,e),a.value&&(a.value.value=g.value),o?.validate(`blur`)},T=()=>{e.disabled||_.value||b(y((l.value??0)+e.step))},E=()=>{e.disabled||v.value||b(y((l.value??0)-e.step))},D=t=>{if(!(e.disabled||e.readonly))switch(t.key){case`ArrowUp`:t.preventDefault(),T();break;case`ArrowDown`:t.preventDefault(),E();break}};return r({getValue:()=>l.value,setValue:e=>b(e),focus:()=>{a.value?.focus()},blur:()=>{a.value?.blur()},increase:T,decrease:E}),(0,t.watch)(()=>e.modelValue,e=>{e!==l.value&&(l.value=e)},{immediate:!0}),()=>{let n=e.controlsPosition===`right`;return(0,t.createVNode)(`div`,{class:[i.b(),{[i.m(`disabled`)]:e.disabled,[i.m(`readonly`)]:e.readonly,[i.m(`without-controls`)]:!e.controls,[i.m(`controls-right`)]:n,[i.m(h.value)]:h.value!==`default`,[i.m(`focused`)]:u.value,[i.m(`glow`)]:e.showGlowStyle&&u.value,[i.m(`variant-${e.variant}`)]:!!e.variant,[i.m(`status-${c.value}`)]:!!c.value},e.classNames?.root],style:e.styles?.root},[e.controls&&!n&&(0,t.createVNode)(`span`,{class:[i.e(`decrease`),{[i.is(`disabled`)]:v.value||e.disabled}],role:`button`,onClick:E},[(0,t.createVNode)(`svg`,{viewBox:`0 0 1024 1024`,width:`1em`,height:`1em`},[(0,t.createVNode)(`path`,{d:`M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z`},null)])]),(0,t.createVNode)(`div`,{class:[i.e(`input`),e.classNames?.input],style:e.styles?.input},[(0,t.createVNode)(`input`,{ref:a,type:`number`,step:e.step,class:i.e(`inner`),value:g.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,min:e.min,max:e.max,onInput:x,onChange:S,onFocus:C,onBlur:w,onKeydown:D},null)]),e.controls&&!n&&(0,t.createVNode)(`span`,{class:[i.e(`increase`),{[i.is(`disabled`)]:_.value||e.disabled}],role:`button`,onClick:T},[(0,t.createVNode)(`svg`,{viewBox:`0 0 1024 1024`,width:`1em`,height:`1em`},[(0,t.createVNode)(`path`,{d:`M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z`},null)])]),e.controls&&n&&(0,t.createVNode)(`div`,{class:[i.e(`controls`),e.classNames?.controls],style:e.styles?.controls},[(0,t.createVNode)(`span`,{class:[i.e(`increase`),{[i.is(`disabled`)]:_.value||e.disabled}],role:`button`,onClick:T},[(0,t.createVNode)(`svg`,{viewBox:`0 0 1024 1024`,width:`1em`,height:`1em`},[(0,t.createVNode)(`path`,{d:`M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z`},null)])]),(0,t.createVNode)(`span`,{class:[i.e(`decrease`),{[i.is(`disabled`)]:v.value||e.disabled}],role:`button`,onClick:E},[(0,t.createVNode)(`svg`,{viewBox:`0 0 1024 1024`,width:`1em`,height:`1em`},[(0,t.createVNode)(`path`,{d:`M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z`},null)])])])])}}});g.install=function(e){e.component(g.name,g)};function _(){return typeof window<`u`}function v(e){return b(e)?(e.nodeName||``).toLowerCase():`#document`}function y(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function b(e){return _()?e instanceof Node||e instanceof y(e).Node:!1}var x=l({Vue:()=>t,Vue2:()=>void 0,del:()=>w,install:()=>S,isVue2:()=>!1,isVue3:()=>!0,set:()=>C});d(x,require(`vue`));function S(){}function C(e,t,n){return Array.isArray(e)?(e.length=Math.max(e.length,t),e.splice(t,1,n),n):(e[t]=n,n)}function w(e,t){if(Array.isArray(e)){e.splice(t,1);return}delete e[t]}function T(e){return typeof e==`object`&&!!e&&`$el`in e}function E(e){if(T(e)){let t=e.$el;return b(t)&&v(t)===`#comment`?null:t}return e}function D(e){return typeof e==`function`?e():(0,x.unref)(e)}function O(e){return{name:`arrow`,options:e,fn(t){let r=E(D(e.element));return r==null?{}:(0,n.arrow)({element:r,padding:e.padding}).fn(t)}}}function k(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function A(e,t){let n=k(e);return Math.round(t*n)/n}function j(e,t,r){r===void 0&&(r={});let i=r.whileElementsMounted,a=(0,x.computed)(()=>D(r.open)??!0),o=(0,x.computed)(()=>D(r.middleware)),s=(0,x.computed)(()=>D(r.placement)??`bottom`),c=(0,x.computed)(()=>D(r.strategy)??`absolute`),l=(0,x.computed)(()=>D(r.transform)??!0),u=(0,x.computed)(()=>E(e.value)),d=(0,x.computed)(()=>E(t.value)),f=(0,x.ref)(0),p=(0,x.ref)(0),m=(0,x.ref)(c.value),h=(0,x.ref)(s.value),g=(0,x.shallowRef)({}),_=(0,x.ref)(!1),v=(0,x.computed)(()=>{let e={position:m.value,left:`0`,top:`0`};if(!d.value)return e;let t=A(d.value,f.value),n=A(d.value,p.value);return l.value?{...e,transform:`translate(`+t+`px, `+n+`px)`,...k(d.value)>=1.5&&{willChange:`transform`}}:{position:m.value,left:t+`px`,top:n+`px`}}),y;function b(){if(u.value==null||d.value==null)return;let e=a.value;(0,n.computePosition)(u.value,d.value,{middleware:o.value,placement:s.value,strategy:c.value}).then(t=>{f.value=t.x,p.value=t.y,m.value=t.strategy,h.value=t.placement,g.value=t.middlewareData,_.value=e!==!1})}function S(){typeof y==`function`&&(y(),y=void 0)}function C(){if(S(),i===void 0){b();return}if(u.value!=null&&d.value!=null){y=i(u.value,d.value,b);return}}function w(){a.value||(_.value=!1)}return(0,x.watch)([o,s,c,a],b,{flush:`sync`}),(0,x.watch)([u,d],C,{flush:`sync`}),(0,x.watch)(a,w,{flush:`sync`}),(0,x.getCurrentScope)()&&(0,x.onScopeDispose)(S),{x:(0,x.shallowReadonly)(f),y:(0,x.shallowReadonly)(p),strategy:(0,x.shallowReadonly)(m),placement:(0,x.shallowReadonly)(h),middlewareData:(0,x.shallowReadonly)(g),isPositioned:(0,x.shallowReadonly)(_),floatingStyles:v,update:b}}var M=new Set;function N(e,t,n){let r=`${e}.${t}`;M.has(r)||(M.add(r),typeof console<`u`&&console.warn(`[ccui][${e}] ${t} 已 deprecated，请改用 ${n}。`))}function P(e,t,n){return e?Object.prototype.hasOwnProperty.call(e,t)||Object.prototype.hasOwnProperty.call(e,n):!1}var F={content:{type:String,default:``},title:{type:String,default:``},placement:{type:String,default:`bottom`},effect:{type:String,default:`dark`},color:{type:String,default:``},visible:{type:Boolean,default:void 0},open:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},showArrow:{type:Boolean,default:!0},arrow:{type:[Boolean,Object],default:void 0},trigger:{type:String,default:`hover`},showAfter:{type:Number,default:0},hideAfter:{type:Number,default:200},mouseEnterDelay:{type:Number,default:void 0},mouseLeaveDelay:{type:Number,default:void 0},popperClass:{type:String,default:``},overlayClassName:{type:String,default:``},offset:{type:Number,default:8},rawContent:{type:Boolean,default:!1},enterable:{type:Boolean,default:!0},fresh:{type:Boolean,default:!1},destroyTooltipOnHide:{type:Boolean,default:!1},autoAdjustOverflow:{type:Boolean,default:!0},align:{type:Object,default:void 0},getPopupContainer:{type:Function,default:void 0},ariaLabel:{type:String,default:``}};function I(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}var L=(0,t.defineComponent)({name:`CTooltip`,props:F,emits:[`before-show`,`show`,`before-hide`,`hide`,`update:visible`,`update:open`],setup(e,{emit:r,slots:i}){let a=m(`tooltip`),o=(0,t.getCurrentInstance)()?.vnode.props;P(o,`content`,`content`)&&N(`Tooltip`,`content`,`title`),P(o,`visible`,`visible`)&&N(`Tooltip`,`visible`,`open（v-model:open）`),P(o,`showArrow`,`show-arrow`)&&N(`Tooltip`,`showArrow`,`arrow`),P(o,`showAfter`,`show-after`)&&N(`Tooltip`,`showAfter`,`mouseEnterDelay`),P(o,`hideAfter`,`hide-after`)&&N(`Tooltip`,`hideAfter`,`mouseLeaveDelay`),P(o,`popperClass`,`popper-class`)&&N(`Tooltip`,`popperClass`,`overlayClassName`);let s=(0,t.computed)(()=>e.open===void 0?e.visible:e.open),c=(0,t.computed)(()=>s.value!==void 0),l=(0,t.ref)(!1),u=(0,t.ref)(),d=(0,t.ref)(),f=(0,t.ref)(),p=(0,t.ref)(),h=(0,t.ref)(),g=(0,t.computed)(()=>c.value?s.value:l.value),_=(0,t.computed)(()=>e.mouseEnterDelay===void 0?e.showAfter:e.mouseEnterDelay),v=(0,t.computed)(()=>e.mouseLeaveDelay===void 0?e.hideAfter:e.mouseLeaveDelay),y=(0,t.computed)(()=>e.arrow===void 0?e.showArrow:typeof e.arrow==`boolean`?e.arrow:!0),b=(0,t.computed)(()=>I(e.arrow)?!!e.arrow.pointAtCenter:!1),x=(0,t.computed)(()=>e.overlayClassName||e.popperClass),S=(0,t.computed)(()=>e.title||e.content),C=(0,t.computed)(()=>e.color?{backgroundColor:e.color}:{}),w=(0,t.computed)(()=>[a.e(`popper`),a.em(`popper`,e.effect),a.em(`popper`,e.placement.split(`-`)[0]),b.value&&a.em(`popper`,`arrow-center`),x.value].filter(Boolean).join(` `)),{floatingStyles:T,middlewareData:E,update:D}=j(u,d,{placement:e.placement,middleware:[(0,n.offset)(e.offset),...e.autoAdjustOverflow?[(0,n.flip)()]:[],(0,n.shift)({padding:8}),...y.value?[O({element:f})]:[]]}),k=(0,t.computed)(()=>{if(!y.value||!E.value.arrow)return{};let{x:t,y:n}=E.value.arrow,r={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[e.placement.split(`-`)[0]];return{left:t==null?``:`${t}px`,top:n==null?``:`${n}px`,right:``,bottom:``,[r]:`-4px`}}),A=()=>{p.value&&=(clearTimeout(p.value),void 0),h.value&&=(clearTimeout(h.value),void 0)},M=()=>{if(e.disabled)return;A();let n=()=>{r(`before-show`),c.value||(l.value=!0),r(`update:visible`,!0),r(`update:open`,!0),(0,t.nextTick)(()=>{D(),r(`show`)})};_.value>0?p.value=window.setTimeout(n,_.value):n()},F=()=>{A();let t=()=>{r(`before-hide`),c.value||(l.value=!1),r(`update:visible`,!1),r(`update:open`,!1),r(`hide`)};v.value>0&&e.trigger!==`click`?h.value=window.setTimeout(t,v.value):t()},L=()=>{e.trigger===`hover`&&M()},R=()=>{e.trigger===`hover`&&F()},z=()=>{e.trigger===`click`&&(g.value?F():M())},B=()=>{e.trigger===`focus`&&M()},V=()=>{e.trigger===`focus`&&F()},H=()=>{e.trigger===`hover`&&e.enterable&&A()},U=()=>{e.trigger===`hover`&&e.enterable&&F()},W;(0,t.onMounted)(()=>{g.value&&u.value&&d.value&&(W=(0,n.autoUpdate)(u.value,d.value,D))}),(0,t.onUnmounted)(()=>{A(),W?.()}),(0,t.watch)(s,e=>{e!==void 0&&e&&(0,t.nextTick)(()=>D())}),(0,t.watch)(g,e=>{e&&u.value&&d.value?(W?.(),W=(0,n.autoUpdate)(u.value,d.value,D)):W?.()});let G=()=>y.value?(0,t.createVNode)(`div`,{ref:f,class:[a.e(`arrow`),a.em(`arrow`,e.placement.split(`-`)[0])].join(` `),style:k.value},null):null,K=()=>i.title?i.title():i.content?i.content():e.rawContent?(0,t.createVNode)(`div`,{innerHTML:S.value},null):S.value;return()=>{let n={};return e.trigger===`hover`?(n.onMouseenter=L,n.onMouseleave=R):e.trigger===`click`?n.onClick=z:e.trigger===`focus`&&(n.onFocus=B,n.onBlur=V),(0,t.createVNode)(`div`,{class:a.b()},[(0,t.createVNode)(`div`,(0,t.mergeProps)({ref:u,class:a.e(`trigger`),"aria-describedby":g.value?a.e(`popper`):void 0,"aria-label":e.ariaLabel,tabindex:e.trigger===`focus`?0:void 0},n),[i.default?.()]),g.value&&(0,t.createVNode)(`div`,{ref:d,class:w.value,role:`tooltip`,id:a.e(`popper`),style:{...T.value,...C.value,zIndex:2e3,pointerEvents:e.enterable?`auto`:`none`},onMouseenter:H,onMouseleave:U},[G(),(0,t.createVNode)(`div`,{class:a.e(`content`)},[K()])])])}}});L.install=function(e){e.component(L.name,L)};function R(e,n){return{currentValue:(0,t.computed)({get(){return e.modelValue},set(e){n(`update:modelValue`,e),n(`input`,e)}})}}function z(e){let t=e.max-e.min;return{getPercent:n=>{if(t<=0)return 0;let r=(n-e.min)/t*100;return Math.max(0,Math.min(100,r))},getValueFromPercent:n=>{if(t<=0)return e.min;let r=e.min+n/100*t;if(e.step<=0)return Math.max(e.min,Math.min(e.max,r));let i=e.min+Math.round((r-e.min)/e.step)*e.step;return Math.max(e.min,Math.min(e.max,i))}}}function B(e,n,r){return{trackStyle:(0,t.computed)(()=>{if(e.range&&Array.isArray(n.value)){let[t,i]=n.value;return e.vertical?{bottom:`${r(t)}%`,height:`${r(i)-r(t)}%`}:{left:`${r(t)}%`,width:`${r(i)-r(t)}%`}}else{let t=Array.isArray(n.value)?n.value[0]:n.value;return e.vertical?{height:`${r(t)}%`}:{width:`${r(t)}%`}}}),firstButtonStyle:(0,t.computed)(()=>{let t=r(Array.isArray(n.value)?n.value[0]:n.value);return e.vertical?{bottom:`${t}%`}:{left:`${t}%`}}),secondButtonStyle:(0,t.computed)(()=>e.range&&Array.isArray(n.value)?e.vertical?{bottom:`${r(n.value[1])}%`}:{left:`${r(n.value[1])}%`}:{})}}function V(e,n,r,i,a){let o=(0,t.ref)(!1),s=(0,t.ref)(null),c=t=>{let n=i.value?.getBoundingClientRect();if(!n)return 0;if(e.vertical){let e=`touches`in t?t.touches[0].clientY:t.clientY;return(n.bottom-e)/n.height*100}return((`touches`in t?t.touches[0].clientX:t.clientX)-n.left)/n.width*100},l=t=>{if(e.disabled||o.value)return;let i=a(c(t));if(e.range&&Array.isArray(n.value)){let[t,r]=n.value;i<=(t+r)/2?n.value=[Math.max(e.min,Math.min(i,r)),r]:n.value=[t,Math.min(e.max,Math.max(i,t))]}else n.value=Math.max(e.min,Math.min(e.max,i));r(`change`,n.value),r(`change-complete`,n.value)},u=t=>{if(!o.value)return;t.preventDefault();let r=a(c(t));if(e.range&&Array.isArray(n.value)){let[t,i]=n.value;s.value===0?n.value=[Math.max(e.min,Math.min(r,i)),i]:n.value=[t,Math.min(e.max,Math.max(r,t))]}else n.value=Math.max(e.min,Math.min(e.max,r))},d=()=>{o.value&&(o.value=!1,s.value=null,document.removeEventListener(`mousemove`,u),document.removeEventListener(`mouseup`,d),document.removeEventListener(`touchmove`,u),document.removeEventListener(`touchend`,d),r(`change`,n.value),r(`change-complete`,n.value))};return{isDragging:o,dragIndex:s,handleSliderClick:l,handleDragStart:(t,n)=>{e.disabled||(t.preventDefault(),o.value=!0,s.value=n??0,document.addEventListener(`mousemove`,u),document.addEventListener(`mouseup`,d),document.addEventListener(`touchmove`,u),document.addEventListener(`touchend`,d))},handleDragEnd:d,cleanup:()=>{o.value&&d()}}}function H(e,t,n){return{handleKeydown:(r,i)=>{if(e.disabled)return;let a=0;switch(r.key){case`ArrowLeft`:case`ArrowDown`:a=-e.step;break;case`ArrowRight`:case`ArrowUp`:a=e.step;break;case`Home`:a=e.min-(Array.isArray(t.value)?t.value[i??0]:t.value);break;case`End`:a=e.max-(Array.isArray(t.value)?t.value[i??0]:t.value);break;default:return}if(r.preventDefault(),e.range&&Array.isArray(t.value)){let[n,r]=t.value;i===0?t.value=[Math.max(e.min,Math.min(n+a,r)),r]:t.value=[n,Math.min(e.max,Math.max(r+a,n))]}else{let n=Array.isArray(t.value)?t.value[0]:t.value;t.value=Math.max(e.min,Math.min(e.max,n+a))}n(`change`,t.value),n(`change-complete`,t.value)}}}function U(e,n){let r=(0,t.computed)(()=>{if(!e.marks)return{};let t={};return Object.keys(e.marks).forEach(n=>{let r=Number(n);r>=e.min&&r<=e.max&&(t[r]=e.marks[n])}),t});return{marks:r,getMarkStyle:t=>{let i=n(t),a=r.value[t],o=e.vertical?{bottom:`${i}%`}:{left:`${i}%`};return typeof a==`object`&&a.style?{...o,...a.style}:o},getMarkLabel:e=>{let t=r.value[e];return typeof t==`string`?t:typeof t==`object`&&t.label!==void 0?t.label:e}}}function W(e,t,n){return{handleInputChange:(r,i)=>{if(r==null)return;let a=Math.max(e.min,Math.min(e.max,r));if(e.range&&Array.isArray(t.value)){let[e,n]=t.value;i===0?t.value=[Math.min(a,n),n]:t.value=[e,Math.max(a,e)]}else t.value=a;n(`change`,t.value),n(`change-complete`,t.value),e.validateEvent}}}function G(e,n,r){let i=(0,t.ref)(!1),a=(0,t.ref)(null),o=(0,t.computed)(()=>e.showTooltip),s=t=>e.tipsRenderer===null?null:e.formatTooltip?e.formatTooltip(t):e.tipsRenderer?e.tipsRenderer(t):t.toString(),c=t=>e.formatTooltip?e.formatTooltip(t):t.toString(),l=t=>e.formatValueText?e.formatValueText(t):t.toString(),u=t=>{e.disabled||(i.value=!0,a.value=t)},d=()=>{i.value=!1,a.value=null},f=t=>e.range&&Array.isArray(r.value)?r.value[t]:Array.isArray(r.value)?r.value[0]:r.value,p=e=>o.value&&(a.value===e||n.value),m=t=>e.showTooltip&&e.tipsRenderer===null&&e.showDefaultTooltip&&(a.value===t||n.value||e.persistent);return{isHovering:i,hoverIndex:a,shouldShowTooltip:o,formatTooltipText:s,getDefaultText:c,getAriaValueText:l,handleButtonMouseEnter:u,handleButtonMouseLeave:d,getCurrentValue:f,shouldShowTooltipForButton:p,shouldShowDefaultTooltipForButton:m,getTooltipContent:e=>{let t=f(e);return p(e)&&s(t)?s(t):m(e)?c(t):``},getTooltipVisible:e=>p(e)||m(e),getTooltipPlacement:()=>e.placement&&e.placement!==`top`?e.placement:e.vertical?`right`:`top`}}var K={modelValue:{type:[Number,Array],default:0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:Number,default:1},disabled:{type:Boolean,default:!1},showInput:{type:Boolean,default:!1},showInputControls:{type:Boolean,default:!0},size:{type:String,default:`default`},inputSize:{type:String,default:`default`},label:{type:String},precision:{type:Number},showStops:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:!0},formatTooltip:{type:Function},range:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},height:{type:String,default:`200px`},ariaLabel:{type:String},rangeStartLabel:{type:String},rangeEndLabel:{type:String},formatValueText:{type:Function},tooltipClass:{type:String},placement:{type:String,default:`top`},marks:{type:Object},validateEvent:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},tipsRenderer:{type:[Function,null]},showDefaultTooltip:{type:Boolean,default:!1}},q=(0,t.defineComponent)({name:`CSlider`,props:K,emits:[`update:modelValue`,`change`,`change-complete`,`input`],setup(e,{emit:n}){let r=m(`slider`),i=(0,t.ref)(),{currentValue:a}=R(e,n),{getPercent:o,getValueFromPercent:s}=z(e),{trackStyle:c,firstButtonStyle:l,secondButtonStyle:u}=B(e,a,o),{isDragging:d,handleSliderClick:f,handleDragStart:p,handleDragEnd:h,cleanup:g}=V(e,a,n,i,s),{handleKeydown:_}=H(e,a,n),{marks:v,getMarkStyle:y,getMarkLabel:b}=U(e,o),{handleInputChange:x}=W(e,a,n),{formatTooltipText:S,getDefaultText:C,getAriaValueText:w,handleButtonMouseEnter:T,handleButtonMouseLeave:E,shouldShowTooltipForButton:D,shouldShowDefaultTooltipForButton:O,getCurrentValue:k,getTooltipContent:A,getTooltipVisible:j,getTooltipPlacement:M}=G(e,d,a);return(0,t.onBeforeUnmount)(()=>{g()}),(0,t.onUnmounted)(()=>{h()}),{ns:r,sliderRef:i,isDragging:d,currentValue:a,trackStyle:c,firstButtonStyle:l,secondButtonStyle:u,handleSliderClick:f,handleDragStart:p,handleKeydown:_,marks:v,getMarkStyle:y,getMarkLabel:b,formatTooltipText:S,getDefaultText:C,getPercent:o,getValueFromPercent:s,handleInputChange:x,getAriaValueText:w,handleButtonMouseEnter:T,handleButtonMouseLeave:E,shouldShowTooltipForButton:D,shouldShowDefaultTooltipForButton:O,getCurrentValue:k,getTooltipContent:A,getTooltipVisible:j,getTooltipPlacement:M,renderButton:(n,i,a,o)=>{let s={class:[r.e(`button`),{[r.em(`button`,`disabled`)]:e.disabled}],tabindex:e.disabled?-1:0,onMousedown:e=>p(e,n),onTouchstart:e=>p(e,n),onKeydown:e=>_(e,n),onMouseenter:()=>T(n),onMouseleave:E,role:`slider`,"aria-label":o,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":i,"aria-valuetext":w(i),"aria-orientation":e.vertical?`vertical`:`horizontal`};return e.showTooltip?(0,t.createVNode)(L,{content:A(n),visible:j(n),placement:M(),effect:`dark`,showArrow:!0,trigger:`manual`,popperClass:e.tooltipClass},{default:()=>[(0,t.createVNode)(`div`,s,null)]}):(0,t.createVNode)(`div`,s,null)}}},render(){let e=this.range&&Array.isArray(this.currentValue),n=this.getCurrentValue(0),r=e?this.getCurrentValue(1):0;return(0,t.createVNode)(`div`,{class:[this.ns.b(),{[this.ns.m(`disabled`)]:this.disabled,[this.ns.m(`vertical`)]:this.vertical,[this.ns.m(`with-input`)]:this.showInput&&!this.range,[this.ns.m(this.size)]:this.size!==`default`}],style:this.vertical?{height:this.height}:{},"aria-label":this.label||this.ariaLabel},[this.showInput&&!this.range&&(0,t.createVNode)(`div`,{class:this.ns.e(`input`)},[(0,t.createVNode)(g,{modelValue:this.currentValue,min:this.min,max:this.max,step:this.step,disabled:this.disabled,size:this.inputSize,controls:this.showInputControls,precision:this.precision,"onUpdate:modelValue":this.handleInputChange,onChange:this.handleInputChange,class:this.ns.e(`input-number`)},null)]),(0,t.createVNode)(`div`,{ref:`sliderRef`,class:this.ns.e(`wrapper`),onClick:this.handleSliderClick,role:`slider`,"aria-label":this.ariaLabel||(this.range?`range slider`:`slider`),"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-orientation":this.vertical?`vertical`:`horizontal`},[(0,t.createVNode)(`div`,{class:this.ns.e(`track`)},[(0,t.createVNode)(`div`,{class:this.ns.e(`bar`),style:this.trackStyle},null)]),this.showStops&&(0,t.createVNode)(`div`,{class:this.ns.e(`stops`)},[Array.from({length:Math.floor((this.max-this.min)/this.step)+1}).map((e,n)=>{let r=this.min+n*this.step,i=this.getPercent(r);return(0,t.createVNode)(`div`,{key:n,class:this.ns.e(`stop`),style:{[this.vertical?`bottom`:`left`]:`${i}%`}},null)})]),this.marks&&Object.keys(this.marks).length>0&&(0,t.createVNode)(`div`,{class:this.ns.e(`marks`)},[Object.keys(this.marks).map(e=>{let n=Number(e);return(0,t.createVNode)(`div`,{key:n,class:this.ns.e(`mark`),style:this.getMarkStyle(n)},[(0,t.createVNode)(`div`,{class:this.ns.e(`mark-line`)},null),(0,t.createVNode)(`span`,{class:this.ns.e(`mark-label`)},[this.getMarkLabel(n)])])})]),(0,t.createVNode)(`div`,{class:[this.ns.e(`button-wrapper`),{[this.ns.em(`button-wrapper`,`first`)]:e}],style:this.firstButtonStyle},[this.renderButton(0,n,this.firstButtonStyle,this.rangeStartLabel||`start value`)]),e&&(0,t.createVNode)(`div`,{class:[this.ns.e(`button-wrapper`),this.ns.em(`button-wrapper`,`second`)],style:this.secondButtonStyle},[this.renderButton(1,r,this.secondButtonStyle,this.rangeEndLabel||`end value`)])])])}});q.install=function(e){e.component(q.name,q)},e.Slider=q,e.default={title:`Slider 滑块`,category:`数据录入`,status:`100%`,install(e){e.component(q.name,q)}}});

package/space/ccui-cli.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-space{display:inline-flex}.ccui-space--horizontal{flex-direction:row}.ccui-space--vertical{flex-direction:column}.ccui-space--align-start{align-items:flex-start}.ccui-space--align-end{align-items:flex-end}.ccui-space--align-center{align-items:center}.ccui-space--align-baseline{align-items:baseline}.ccui-space--wrap{flex-wrap:wrap}.ccui-space__item{display:inline-flex}.ccui-space__split{color:var(--ccui-color-text-quaternary,#00000040);align-items:center;display:inline-flex}
+/*$vite$:1*/

package/space/index.es.js

@@ -0,0 +1,108 @@
+import { Comment as e, Fragment as t, computed as n, createVNode as r, defineComponent as i } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function a(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function o(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => a(n),
+		e: (e) => e ? a(n, e) : "",
+		m: (e) => e ? a(n, "", e) : "",
+		em: (e, t) => e && t ? a(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/space/src/space-types.ts
+var s = {
+	align: {
+		type: String,
+		default: void 0
+	},
+	direction: {
+		type: String,
+		default: "horizontal"
+	},
+	size: {
+		type: [
+			String,
+			Number,
+			Array
+		],
+		default: "small"
+	},
+	wrap: {
+		type: Boolean,
+		default: !1
+	},
+	split: {
+		type: String,
+		default: ""
+	}
+}, c = {
+	small: 8,
+	middle: 16,
+	large: 24
+};
+function l(e) {
+	if (Array.isArray(e)) return [e[0] ?? 0, e[1] ?? 0];
+	if (typeof e == "number") return [e, e];
+	let t = c[e] ?? 8;
+	return [t, t];
+}
+//#endregion
+//#region ../ccui/ui/space/src/space.tsx
+function u(n) {
+	let r = [];
+	return n.forEach((n) => {
+		n.type === t && Array.isArray(n.children) ? r.push(...u(n.children)) : n.type !== e && r.push(n);
+	}), r;
+}
+var d = /* @__PURE__ */ i({
+	name: "CSpace",
+	props: s,
+	setup(e, { slots: i }) {
+		let a = o("space"), s = n(() => l(e.size)), c = n(() => ({
+			[a.b()]: !0,
+			[a.m(e.direction)]: !0,
+			[a.m(`align-${e.align}`)]: !!e.align,
+			[a.m("wrap")]: e.wrap
+		})), d = n(() => {
+			let [e, t] = s.value;
+			return {
+				columnGap: `${e}px`,
+				rowGap: `${t}px`
+			};
+		});
+		return () => {
+			let n = u(i.default?.() ?? []), o = i.split?.() ?? e.split, s = n.length;
+			return r("div", {
+				class: c.value,
+				style: d.value
+			}, [n.map((e, n) => {
+				let i = r("div", {
+					class: a.e("item"),
+					key: n
+				}, [e]);
+				return o && n < s - 1 ? r(t, { key: n }, [i, r("span", { class: a.e("split") }, [o])]) : i;
+			})]);
+		};
+	}
+});
+//#endregion
+//#region ../ccui/ui/space/index.ts
+d.install = function(e) {
+	e.component(d.name, d);
+};
+var f = {
+	title: "Space 间距",
+	category: "布局",
+	status: "100%",
+	install(e) {
+		e.component(d.name, d);
+	}
+};
+//#endregion
+export { d as Space, f as default };

package/space/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={align:{type:String,default:void 0},direction:{type:String,default:`horizontal`},size:{type:[String,Number,Array],default:`small`},wrap:{type:Boolean,default:!1},split:{type:String,default:``}},a={small:8,middle:16,large:24};function o(e){if(Array.isArray(e))return[e[0]??0,e[1]??0];if(typeof e==`number`)return[e,e];let t=a[e]??8;return[t,t]}function s(e){let n=[];return e.forEach(e=>{e.type===t.Fragment&&Array.isArray(e.children)?n.push(...s(e.children)):e.type!==t.Comment&&n.push(e)}),n}var c=(0,t.defineComponent)({name:`CSpace`,props:i,setup(e,{slots:n}){let i=r(`space`),a=(0,t.computed)(()=>o(e.size)),c=(0,t.computed)(()=>({[i.b()]:!0,[i.m(e.direction)]:!0,[i.m(`align-${e.align}`)]:!!e.align,[i.m(`wrap`)]:e.wrap})),l=(0,t.computed)(()=>{let[e,t]=a.value;return{columnGap:`${e}px`,rowGap:`${t}px`}});return()=>{let r=s(n.default?.()??[]),a=n.split?.()??e.split,o=r.length;return(0,t.createVNode)(`div`,{class:c.value,style:l.value},[r.map((e,n)=>{let r=(0,t.createVNode)(`div`,{class:i.e(`item`),key:n},[e]);return a&&n<o-1?(0,t.createVNode)(t.Fragment,{key:n},[r,(0,t.createVNode)(`span`,{class:i.e(`split`)},[a])]):r})])}}});c.install=function(e){e.component(c.name,c)},e.Space=c,e.default={title:`Space 间距`,category:`布局`,status:`100%`,install(e){e.component(c.name,c)}}});

package/spin/ccui-cli.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-spin{color:var(--ccui-color-primary,#1677ff);text-align:center;vertical-align:middle;flex-direction:column;align-items:center;display:inline-flex}.ccui-spin__dot{width:20px;height:20px;font-size:20px;animation:1.2s linear infinite ccuiSpinRotate;display:inline-block;position:relative;transform:rotate(45deg)}.ccui-spin__dot--small{width:14px;height:14px;font-size:14px}.ccui-spin__dot--large{width:32px;height:32px;font-size:32px}.ccui-spin__dot-item{background-color:var(--ccui-color-primary,#1677ff);opacity:.3;transform-origin:50%;border-radius:100%;width:9px;height:9px;animation:1s linear infinite alternate ccuiSpinAnim;display:block;position:absolute;transform:scale(.75)}.ccui-spin__dot-item--1{top:0;inset-inline-start:0}.ccui-spin__dot-item--2{top:0;animation-delay:.4s;inset-inline-end:0}.ccui-spin__dot-item--3{inset-inline-end:0;animation-delay:.8s;bottom:0}.ccui-spin__dot-item--4{bottom:0;animation-delay:1.2s;inset-inline-start:0}.ccui-spin--small .ccui-spin__dot-item{width:6px;height:6px}.ccui-spin--large .ccui-spin__dot-item{width:14px;height:14px}.ccui-spin__text{font-size:var(--ccui-font-size,14px);color:var(--ccui-color-primary,#1677ff);margin-top:8px}.ccui-spin--fullscreen{z-index:var(--ccui-z-index-modal,1050);color:#fff;background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ccui-spin__nested{position:relative}.ccui-spin__overlay{z-index:4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ccui-spin__container.is-blur{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes ccuiSpinAnim{to{opacity:1;transform:scale(1)}}@keyframes ccuiSpinRotate{to{transform:rotate(405deg)}}
+/*$vite$:1*/

package/spin/index.es.js

@@ -0,0 +1,86 @@
+import { computed as e, createVNode as t, defineComponent as n, onBeforeUnmount as r, ref as i, watch as a } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function o(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function s(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => o(n),
+		e: (e) => e ? o(n, e) : "",
+		m: (e) => e ? o(n, "", e) : "",
+		em: (e, t) => e && t ? o(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/spin/src/spin.tsx
+var c = /* @__PURE__ */ n({
+	name: "CSpin",
+	props: {
+		spinning: {
+			type: Boolean,
+			default: !0
+		},
+		size: {
+			type: String,
+			default: "default"
+		},
+		tip: {
+			type: String,
+			default: ""
+		},
+		delay: {
+			type: Number,
+			default: 0
+		},
+		fullscreen: {
+			type: Boolean,
+			default: !1
+		},
+		percent: {
+			type: [Number, String],
+			default: void 0
+		}
+	},
+	setup(n, { slots: o }) {
+		let c = s("spin"), l = i(n.spinning), u = null, d = () => {
+			u &&= (clearTimeout(u), null);
+		};
+		a(() => n.spinning, (e) => {
+			d(), e && n.delay > 0 ? (u = setTimeout(() => {
+				l.value = !0;
+			}, n.delay), l.value = !1) : l.value = e;
+		}, { immediate: !0 }), r(d);
+		let f = e(() => ({
+			[c.e("dot")]: !0,
+			[c.em("dot", n.size)]: !0
+		})), p = () => o.indicator ? o.indicator() : t("span", { class: f.value }, [
+			t("i", { class: [c.e("dot-item"), c.em("dot-item", "1")] }, null),
+			t("i", { class: [c.e("dot-item"), c.em("dot-item", "2")] }, null),
+			t("i", { class: [c.e("dot-item"), c.em("dot-item", "3")] }, null),
+			t("i", { class: [c.e("dot-item"), c.em("dot-item", "4")] }, null)
+		]), m = () => t("div", { class: [
+			c.b(),
+			c.m(n.size),
+			c.m("spinning")
+		] }, [p(), n.tip && t("div", { class: c.e("text") }, [n.tip])]);
+		return () => n.fullscreen ? l.value ? t("div", { class: c.m("fullscreen") }, [m()]) : null : o.default ? t("div", { class: [c.e("nested"), l.value && c.is("blur")] }, [l.value && t("div", { class: c.e("overlay") }, [m()]), t("div", { class: [c.e("container"), l.value && c.is("blur")] }, [o.default()])]) : l.value ? m() : null;
+	}
+});
+//#endregion
+//#region ../ccui/ui/spin/index.ts
+c.install = function(e) {
+	e.component(c.name, c);
+};
+var l = {
+	title: "Spin 加载中",
+	category: "反馈",
+	status: "100%",
+	install(e) {
+		e.component(c.name, c);
+	}
+};
+//#endregion
+export { c as Spin, l as default };

package/spin/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={spinning:{type:Boolean,default:!0},size:{type:String,default:`default`},tip:{type:String,default:``},delay:{type:Number,default:0},fullscreen:{type:Boolean,default:!1},percent:{type:[Number,String],default:void 0}},a=(0,t.defineComponent)({name:`CSpin`,props:i,setup(e,{slots:n}){let i=r(`spin`),a=(0,t.ref)(e.spinning),o=null,s=()=>{o&&=(clearTimeout(o),null)};(0,t.watch)(()=>e.spinning,t=>{s(),t&&e.delay>0?(o=setTimeout(()=>{a.value=!0},e.delay),a.value=!1):a.value=t},{immediate:!0}),(0,t.onBeforeUnmount)(s);let c=(0,t.computed)(()=>({[i.e(`dot`)]:!0,[i.em(`dot`,e.size)]:!0})),l=()=>n.indicator?n.indicator():(0,t.createVNode)(`span`,{class:c.value},[(0,t.createVNode)(`i`,{class:[i.e(`dot-item`),i.em(`dot-item`,`1`)]},null),(0,t.createVNode)(`i`,{class:[i.e(`dot-item`),i.em(`dot-item`,`2`)]},null),(0,t.createVNode)(`i`,{class:[i.e(`dot-item`),i.em(`dot-item`,`3`)]},null),(0,t.createVNode)(`i`,{class:[i.e(`dot-item`),i.em(`dot-item`,`4`)]},null)]),u=()=>(0,t.createVNode)(`div`,{class:[i.b(),i.m(e.size),i.m(`spinning`)]},[l(),e.tip&&(0,t.createVNode)(`div`,{class:i.e(`text`)},[e.tip])]);return()=>e.fullscreen?a.value?(0,t.createVNode)(`div`,{class:i.m(`fullscreen`)},[u()]):null:n.default?(0,t.createVNode)(`div`,{class:[i.e(`nested`),a.value&&i.is(`blur`)]},[a.value&&(0,t.createVNode)(`div`,{class:i.e(`overlay`)},[u()]),(0,t.createVNode)(`div`,{class:[i.e(`container`),a.value&&i.is(`blur`)]},[n.default()])]):a.value?u():null}});a.install=function(e){e.component(a.name,a)},e.Spin=a,e.default={title:`Spin 加载中`,category:`反馈`,status:`100%`,install(e){e.component(a.name,a)}}});

package/splitter/ccui-cli.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-splitter{align-items:stretch;width:100%;height:100%;display:flex}.ccui-splitter--horizontal{flex-direction:row}.ccui-splitter--vertical{flex-direction:column}.ccui-splitter-panel{background:var(--ccui-color-bg-container,#fff);flex-grow:0;flex-shrink:0;min-width:0;min-height:0;position:relative;overflow:hidden}.ccui-splitter-panel__resizer{background:var(--ccui-color-border-secondary,#f0f0f0);-webkit-user-select:none;user-select:none;transition:background-color var(--ccui-motion-duration-fast,.1s);flex-grow:0;flex-shrink:0;position:relative}.ccui-splitter-panel__resizer:after{content:"";background:0 0;position:absolute}.ccui-splitter-panel__resizer:hover,.ccui-splitter-panel__resizer:active{background:var(--ccui-color-primary,#1677ff)}.ccui-splitter-panel__resizer--horizontal{cursor:col-resize;width:1px}.ccui-splitter-panel__resizer--horizontal:after{top:0;bottom:0;inset-inline:-3px}.ccui-splitter-panel__resizer--vertical{cursor:row-resize;height:1px}.ccui-splitter-panel__resizer--vertical:after{inset-inline:0;top:-3px;bottom:-3px}.ccui-splitter-panel__resizer:last-child{display:none}.ccui-splitter-panel__collapse-btn{z-index:1;border:1px solid var(--ccui-color-border-secondary,#f0f0f0);background:var(--ccui-color-bg-container,#fff);width:16px;height:16px;color:var(--ccui-color-text-secondary,#000000a6);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:inline-flex;position:absolute}.ccui-splitter-panel__collapse-btn:hover{border-color:var(--ccui-color-primary,#1677ff);color:var(--ccui-color-primary,#1677ff)}.ccui-splitter-panel__resizer--horizontal .ccui-splitter-panel__collapse-btn,.ccui-splitter-panel__resizer--vertical .ccui-splitter-panel__collapse-btn{top:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.ccui-splitter>.ccui-splitter-panel__resizer:last-child{display:none}
+/*$vite$:1*/

package/splitter/index.es.js

@@ -0,0 +1,198 @@
+import { Fragment as e, computed as t, createVNode as n, defineComponent as r, inject as i, onBeforeUnmount as a, provide as o, reactive as s, ref as c } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function l(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function u(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => l(n),
+		e: (e) => e ? l(n, e) : "",
+		m: (e) => e ? l(n, "", e) : "",
+		em: (e, t) => e && t ? l(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/splitter/src/splitter-types.ts
+var d = {
+	layout: {
+		type: String,
+		default: void 0
+	},
+	orientation: {
+		type: String,
+		default: void 0
+	}
+}, f = {
+	size: {
+		type: [Number, String],
+		default: void 0
+	},
+	defaultSize: {
+		type: [Number, String],
+		default: void 0
+	},
+	min: {
+		type: [Number, String],
+		default: 0
+	},
+	max: {
+		type: [Number, String],
+		default: void 0
+	},
+	collapsible: {
+		type: [Boolean, Object],
+		default: !1
+	},
+	resizable: {
+		type: Boolean,
+		default: !0
+	},
+	showCollapsibleIcon: {
+		type: Boolean,
+		default: !1
+	}
+}, p = Symbol("ccui-splitter"), m = 0;
+function h(e) {
+	if (e == null || e === "") return;
+	if (typeof e == "number") return e;
+	let t = Number.parseFloat(e);
+	return Number.isNaN(t) ? void 0 : t;
+}
+var g = /* @__PURE__ */ r({
+	name: "CSplitter",
+	props: d,
+	emits: [
+		"resize",
+		"resizeStart",
+		"resizeEnd"
+	],
+	setup(e, { slots: r, emit: i }) {
+		let l = u("splitter"), d = c(null), f = t(() => e.layout ?? e.orientation ?? "horizontal"), m = s([]), g = s(/* @__PURE__ */ new Map()), _ = (e, t) => {
+			m.push({
+				id: e,
+				props: t,
+				size: h(t.size ?? t.defaultSize)
+			});
+		}, v = (e) => {
+			let t = m.findIndex((t) => t.id === e);
+			t >= 0 && m.splice(t, 1);
+		}, y = (e) => m.find((t) => t.id === e)?.size, b = null, x = (e, t) => e.size === void 0 ? t / m.length : typeof e.props.size == "string" && e.props.size.endsWith("%") ? e.size / 100 * t : e.size, S = (e) => {
+			if (!b || !d.value) return;
+			let t = (f.value === "horizontal" ? e.clientX : e.clientY) - b.startPos, n = m[b.panelIdx], r = m[b.panelIdx + 1];
+			if (!n || !r) return;
+			let a = b.total, o = h(n.props.min) ?? 0, s = h(n.props.max) ?? a, c = h(r.props.min) ?? 0, l = h(r.props.max) ?? a, u = b.startA + t, p = b.startB - t;
+			u = Math.max(o, Math.min(s, u)), p = b.startA + b.startB - u, p = Math.max(c, Math.min(l, p)), u = b.startA + b.startB - p, n.size = u, r.size = p, i("resize", m.map((e) => e.size));
+		}, C = () => {
+			b && i("resizeEnd", m.map((e) => e.size)), b = null, window.removeEventListener("pointermove", S), window.removeEventListener("pointerup", C), document.body.style.cursor = "", document.body.style.userSelect = "";
+		};
+		a(() => {
+			window.removeEventListener("pointermove", S), window.removeEventListener("pointerup", C);
+		}), o(p, {
+			get layout() {
+				return f.value;
+			},
+			registerPanel: _,
+			unregisterPanel: v,
+			getSize: y,
+			startResize: (e, t) => {
+				let n = m.findIndex((t) => t.id === e);
+				if (n < 0 || n === m.length - 1 || !d.value) return;
+				let r = f.value === "horizontal", a = d.value.getBoundingClientRect(), o = r ? a.width : a.height;
+				m.forEach((e) => {
+					e.size = x(e, o);
+				});
+				let s = m[n], c = m[n + 1];
+				b = {
+					panelIdx: n,
+					startPos: r ? t.clientX : t.clientY,
+					startA: s.size,
+					startB: c.size,
+					total: o
+				}, window.addEventListener("pointermove", S), window.addEventListener("pointerup", C), document.body.style.cursor = r ? "col-resize" : "row-resize", document.body.style.userSelect = "none", i("resizeStart", m.map((e) => e.size));
+			},
+			isCollapsed: (e) => g.has(e),
+			toggleCollapse: (e) => {
+				let t = m.find((t) => t.id === e);
+				t && (g.has(e) ? (t.size = g.get(e), g.delete(e)) : (g.set(e, t.size), t.size = 0));
+			}
+		});
+		let w = t(() => ({
+			[l.b()]: !0,
+			[l.m(f.value)]: !0
+		}));
+		return () => n("div", {
+			ref: d,
+			class: w.value
+		}, [r.default?.()]);
+	}
+}), _ = /* @__PURE__ */ r({
+	name: "CSplitterPanel",
+	props: f,
+	setup(r, { slots: o }) {
+		let s = u("splitter-panel"), c = i(p, null), l = ++m;
+		c && c.registerPanel(l, r), a(() => {
+			c?.unregisterPanel(l);
+		});
+		let d = t(() => c?.layout === "horizontal"), f = t(() => {
+			if (c?.isCollapsed(l)) return {
+				flex: "0 0 0",
+				overflow: "hidden"
+			};
+			let e = c?.getSize(l);
+			return e === void 0 ? { flex: "1 1 0" } : {
+				flex: "0 0 auto",
+				[d.value ? "width" : "height"]: typeof e == "number" ? `${e}px` : e
+			};
+		}), h = t(() => {
+			let e = r.collapsible;
+			return e === !0 ? {
+				start: !0,
+				end: !0
+			} : e ? {
+				start: !!e.start,
+				end: !!e.end
+			} : {
+				start: !1,
+				end: !1
+			};
+		}), g = (e) => {
+			!r.resizable || !c || (e.preventDefault(), c.startResize(l, e));
+		};
+		return () => {
+			let t = [s.e("resizer"), d.value ? s.em("resizer", "horizontal") : s.em("resizer", "vertical")], i = r.showCollapsibleIcon && (h.value.start || h.value.end), a = c?.isCollapsed(l) ?? !1, u = d.value ? a ? "▶" : "◀" : a ? "▼" : "▲";
+			return n(e, null, [n("div", {
+				class: s.b(),
+				style: f.value
+			}, [o.default?.()]), r.resizable && n("div", {
+				class: t,
+				onPointerdown: g
+			}, [i && n("button", {
+				type: "button",
+				class: [s.e("collapse-btn"), s.em("collapse-btn", a ? "collapsed" : "expanded")],
+				"aria-label": a ? "Expand panel" : "Collapse panel",
+				onClick: (e) => {
+					e.stopPropagation(), c?.toggleCollapse(l);
+				},
+				onPointerdown: (e) => e.stopPropagation()
+			}, [u])])]);
+		};
+	}
+});
+//#endregion
+//#region ../ccui/ui/splitter/index.ts
+g.install = function(e) {
+	e.component(g.name, g), e.component(_.name, _);
+};
+var v = {
+	title: "Splitter 分隔面板",
+	category: "布局",
+	status: "100%",
+	install(e) {
+		e.component(g.name, g), e.component(_.name, _);
+	}
+};
+//#endregion
+export { _ as Panel, g as Splitter, v as default };

package/splitter/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={layout:{type:String,default:void 0},orientation:{type:String,default:void 0}},a={size:{type:[Number,String],default:void 0},defaultSize:{type:[Number,String],default:void 0},min:{type:[Number,String],default:0},max:{type:[Number,String],default:void 0},collapsible:{type:[Boolean,Object],default:!1},resizable:{type:Boolean,default:!0},showCollapsibleIcon:{type:Boolean,default:!1}},o=Symbol(`ccui-splitter`),s=0;function c(e){if(e==null||e===``)return;if(typeof e==`number`)return e;let t=Number.parseFloat(e);return Number.isNaN(t)?void 0:t}var l=(0,t.defineComponent)({name:`CSplitter`,props:i,emits:[`resize`,`resizeStart`,`resizeEnd`],setup(e,{slots:n,emit:i}){let a=r(`splitter`),s=(0,t.ref)(null),l=(0,t.computed)(()=>e.layout??e.orientation??`horizontal`),u=(0,t.reactive)([]),d=(0,t.reactive)(new Map),f=(e,t)=>{u.push({id:e,props:t,size:c(t.size??t.defaultSize)})},p=e=>{let t=u.findIndex(t=>t.id===e);t>=0&&u.splice(t,1)},m=e=>u.find(t=>t.id===e)?.size,h=null,g=(e,t)=>e.size===void 0?t/u.length:typeof e.props.size==`string`&&e.props.size.endsWith(`%`)?e.size/100*t:e.size,_=e=>{if(!h||!s.value)return;let t=(l.value===`horizontal`?e.clientX:e.clientY)-h.startPos,n=u[h.panelIdx],r=u[h.panelIdx+1];if(!n||!r)return;let a=h.total,o=c(n.props.min)??0,d=c(n.props.max)??a,f=c(r.props.min)??0,p=c(r.props.max)??a,m=h.startA+t,g=h.startB-t;m=Math.max(o,Math.min(d,m)),g=h.startA+h.startB-m,g=Math.max(f,Math.min(p,g)),m=h.startA+h.startB-g,n.size=m,r.size=g,i(`resize`,u.map(e=>e.size))},v=()=>{h&&i(`resizeEnd`,u.map(e=>e.size)),h=null,window.removeEventListener(`pointermove`,_),window.removeEventListener(`pointerup`,v),document.body.style.cursor=``,document.body.style.userSelect=``};(0,t.onBeforeUnmount)(()=>{window.removeEventListener(`pointermove`,_),window.removeEventListener(`pointerup`,v)}),(0,t.provide)(o,{get layout(){return l.value},registerPanel:f,unregisterPanel:p,getSize:m,startResize:(e,t)=>{let n=u.findIndex(t=>t.id===e);if(n<0||n===u.length-1||!s.value)return;let r=l.value===`horizontal`,a=s.value.getBoundingClientRect(),o=r?a.width:a.height;u.forEach(e=>{e.size=g(e,o)});let c=u[n],d=u[n+1];h={panelIdx:n,startPos:r?t.clientX:t.clientY,startA:c.size,startB:d.size,total:o},window.addEventListener(`pointermove`,_),window.addEventListener(`pointerup`,v),document.body.style.cursor=r?`col-resize`:`row-resize`,document.body.style.userSelect=`none`,i(`resizeStart`,u.map(e=>e.size))},isCollapsed:e=>d.has(e),toggleCollapse:e=>{let t=u.find(t=>t.id===e);t&&(d.has(e)?(t.size=d.get(e),d.delete(e)):(d.set(e,t.size),t.size=0))}});let y=(0,t.computed)(()=>({[a.b()]:!0,[a.m(l.value)]:!0}));return()=>(0,t.createVNode)(`div`,{ref:s,class:y.value},[n.default?.()])}}),u=(0,t.defineComponent)({name:`CSplitterPanel`,props:a,setup(e,{slots:n}){let i=r(`splitter-panel`),a=(0,t.inject)(o,null),c=++s;a&&a.registerPanel(c,e),(0,t.onBeforeUnmount)(()=>{a?.unregisterPanel(c)});let l=(0,t.computed)(()=>a?.layout===`horizontal`),u=(0,t.computed)(()=>{if(a?.isCollapsed(c))return{flex:`0 0 0`,overflow:`hidden`};let e=a?.getSize(c);return e===void 0?{flex:`1 1 0`}:{flex:`0 0 auto`,[l.value?`width`:`height`]:typeof e==`number`?`${e}px`:e}}),d=(0,t.computed)(()=>{let t=e.collapsible;return t===!0?{start:!0,end:!0}:t?{start:!!t.start,end:!!t.end}:{start:!1,end:!1}}),f=t=>{!e.resizable||!a||(t.preventDefault(),a.startResize(c,t))};return()=>{let r=[i.e(`resizer`),l.value?i.em(`resizer`,`horizontal`):i.em(`resizer`,`vertical`)],o=e.showCollapsibleIcon&&(d.value.start||d.value.end),s=a?.isCollapsed(c)??!1,p=l.value?s?`▶`:`◀`:s?`▼`:`▲`;return(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(`div`,{class:i.b(),style:u.value},[n.default?.()]),e.resizable&&(0,t.createVNode)(`div`,{class:r,onPointerdown:f},[o&&(0,t.createVNode)(`button`,{type:`button`,class:[i.e(`collapse-btn`),i.em(`collapse-btn`,s?`collapsed`:`expanded`)],"aria-label":s?`Expand panel`:`Collapse panel`,onClick:e=>{e.stopPropagation(),a?.toggleCollapse(c)},onPointerdown:e=>e.stopPropagation()},[p])])])}}});l.install=function(e){e.component(l.name,l),e.component(u.name,u)},e.Panel=u,e.Splitter=l,e.default={title:`Splitter 分隔面板`,category:`布局`,status:`100%`,install(e){e.component(l.name,l),e.component(u.name,u)}}});

package/status/ccui-cli.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-status{font-size:var(--ccui-font-size,14px);color:var(--ccui-color-text,#000000e0);align-items:center;display:inline-flex}.ccui-status:before{content:"";border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.ccui-status span{margin-left:0}.ccui-status--invalid:before{background:var(--ccui-color-text-disabled,#00000040)}.ccui-status--error:before{background:var(--ccui-color-error,#ff4d4f)}.ccui-status--initial:before{background:var(--ccui-color-fill,#00000026)}.ccui-status--warning:before{background:var(--ccui-color-warning,#faad14)}.ccui-status--waiting:before{background:var(--ccui-color-text-tertiary,#00000073)}.ccui-status--running:before{background:var(--ccui-color-primary,#1677ff)}.ccui-status--success:before{background:var(--ccui-color-success,#52c41a)}
+/*$vite$:1*/

package/status/index.es.js

@@ -0,0 +1,44 @@
+import { computed as e, createVNode as t, defineComponent as n } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function r(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function i(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => r(n),
+		e: (e) => e ? r(n, e) : "",
+		m: (e) => e ? r(n, "", e) : "",
+		em: (e, t) => e && t ? r(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/status/src/status.tsx
+var a = /* @__PURE__ */ n({
+	name: "CStatus",
+	props: { type: {
+		type: String,
+		default: "initial"
+	} },
+	setup(n, { slots: r }) {
+		let a = i("status"), o = e(() => `${a.b()} ${a.m(n.type)}`);
+		return () => t("div", { class: o.value }, [t("span", null, [r.default && r.default()])]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/status/index.ts
+a.install = function(e) {
+	e.component(a.name, a);
+};
+var o = {
+	title: "Status 状态",
+	category: "通用",
+	status: "100%",
+	install(e) {
+		e.component(a.name, a);
+	}
+};
+//#endregion
+export { a as Status, o as default };

package/status/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={type:{type:String,default:`initial`}},a=(0,t.defineComponent)({name:`CStatus`,props:i,setup(e,{slots:n}){let i=r(`status`),a=(0,t.computed)(()=>`${i.b()} ${i.m(e.type)}`);return()=>(0,t.createVNode)(`div`,{class:a.value},[(0,t.createVNode)(`span`,null,[n.default&&n.default()])])}});a.install=function(e){e.component(a.name,a)},e.Status=a,e.default={title:`Status 状态`,category:`通用`,status:`100%`,install(e){e.component(a.name,a)}}});