@vaebe/ccui 2.0.1-beta.1 → 2.0.1-beta.3

package/slider/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import Slider from './src/slider';
+export { Slider };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/slider/index.es.js

@@ -988,13 +988,13 @@ var $ = /* @__PURE__ */ r({
 					"aria-disabled": e.disabled ? !0 : void 0
 				};
 				return e.showTooltip ? n(J, {
-					content: N(t),
+					title: N(t),
 					visible: P(t),
 					placement: F(),
 					effect: "dark",
-					showArrow: !0,
+					arrow: !0,
 					trigger: "manual",
-					popperClass: e.tooltipClass
+					overlayClassName: e.tooltipClass
 				}, { default: () => [n("div", s, null)] }) : n("div", s, null);
 			}
 		};

package/slider/index.umd.js

@@ -1 +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=new Set;function g(){return globalThis.process?.env?.NODE_ENV!==`production`}function _(e,t,n){if(!g())return;let r=n?`${n}.${e}`:e;if(h.has(r)||(h.add(r),typeof console>`u`))return;let i=n?`[ccui][${n}]`:`[ccui]`,a=t?`，请改用 ${t}`:``;console.warn(`${i} ${e} 已 deprecated${a}。`)}function v(e,t,n){return e?Object.prototype.hasOwnProperty.call(e,t)||Object.prototype.hasOwnProperty.call(e,n):!1}var y={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}},b=(0,t.defineComponent)({name:`CInputNumber`,props:y,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.computed)(()=>{let t=e.size;return t===`lg`||t===`md`||t===`sm`?(_(`size="${t}"`,d[t],`InputNumber`),d[t]):t}),h=(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)),g=(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=h.value;return}if(r===``){e.allowEmpty?b(void 0,!1):n.value=h.value;return}b(y(r),!1)},S=e=>{let n=e.target;b(y(n.value)),(0,t.nextTick)(()=>{a.value&&(a.value.value=h.value)})},C=e=>{u.value=!0,n(`focus`,e)},w=e=>{u.value=!1,n(`blur`,e),a.value&&(a.value.value=h.value),o?.validate(`blur`)},T=()=>{e.disabled||g.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(p.value)]:p.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:h.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,min:e.min,max:e.max,role:`spinbutton`,"aria-valuenow":l.value??void 0,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-disabled":e.disabled?!0:void 0,"aria-readonly":e.readonly?!0:void 0,"aria-invalid":c.value===`error`?!0:void 0,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`)]:g.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`)]:g.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)])])])])}}});b.install=function(e){e.component(b.name,b)};function x(){return typeof window<`u`}function S(e){return w(e)?(e.nodeName||``).toLowerCase():`#document`}function C(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function w(e){return x()?e instanceof Node||e instanceof C(e).Node:!1}var T=l({Vue:()=>t,Vue2:()=>void 0,del:()=>O,install:()=>E,isVue2:()=>!1,isVue3:()=>!0,set:()=>D});d(T,require(`vue`));function E(){}function D(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 O(e,t){if(Array.isArray(e)){e.splice(t,1);return}delete e[t]}function k(e){return typeof e==`object`&&!!e&&`$el`in e}function A(e){if(k(e)){let t=e.$el;return w(t)&&S(t)===`#comment`?null:t}return e}function j(e){return typeof e==`function`?e():(0,T.unref)(e)}function M(e){return{name:`arrow`,options:e,fn(t){let r=A(j(e.element));return r==null?{}:(0,n.arrow)({element:r,padding:e.padding}).fn(t)}}}function N(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function P(e,t){let n=N(e);return Math.round(t*n)/n}function F(e,t,r){r===void 0&&(r={});let i=r.whileElementsMounted,a=(0,T.computed)(()=>j(r.open)??!0),o=(0,T.computed)(()=>j(r.middleware)),s=(0,T.computed)(()=>j(r.placement)??`bottom`),c=(0,T.computed)(()=>j(r.strategy)??`absolute`),l=(0,T.computed)(()=>j(r.transform)??!0),u=(0,T.computed)(()=>A(e.value)),d=(0,T.computed)(()=>A(t.value)),f=(0,T.ref)(0),p=(0,T.ref)(0),m=(0,T.ref)(c.value),h=(0,T.ref)(s.value),g=(0,T.shallowRef)({}),_=(0,T.ref)(!1),v=(0,T.computed)(()=>{let e={position:m.value,left:`0`,top:`0`};if(!d.value)return e;let t=P(d.value,f.value),n=P(d.value,p.value);return l.value?{...e,transform:`translate(`+t+`px, `+n+`px)`,...N(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 x(){typeof y==`function`&&(y(),y=void 0)}function S(){if(x(),i===void 0){b();return}if(u.value!=null&&d.value!=null){y=i(u.value,d.value,b);return}}function C(){a.value||(_.value=!1)}return(0,T.watch)([o,s,c,a],b,{flush:`sync`}),(0,T.watch)([u,d],S,{flush:`sync`}),(0,T.watch)(a,C,{flush:`sync`}),(0,T.getCurrentScope)()&&(0,T.onScopeDispose)(x),{x:(0,T.shallowReadonly)(f),y:(0,T.shallowReadonly)(p),strategy:(0,T.shallowReadonly)(m),placement:(0,T.shallowReadonly)(h),middlewareData:(0,T.shallowReadonly)(g),isPositioned:(0,T.shallowReadonly)(_),floatingStyles:v,update:b}}var I={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},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 L(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}var R=0,z=(0,t.defineComponent)({name:`CTooltip`,props:I,emits:[`before-show`,`show`,`before-hide`,`hide`,`update:visible`],setup(e,{emit:r,slots:i}){let a=m(`tooltip`),o=`${a.e(`popper`)}-${++R}`,s=(0,t.getCurrentInstance)()?.vnode.props;v(s,`content`,`content`)&&_(`content`,`title`,`Tooltip`),v(s,`showArrow`,`show-arrow`)&&_(`showArrow`,`arrow`,`Tooltip`),v(s,`showAfter`,`show-after`)&&_(`showAfter`,`mouseEnterDelay`,`Tooltip`),v(s,`hideAfter`,`hide-after`)&&_(`hideAfter`,`mouseLeaveDelay`,`Tooltip`),v(s,`popperClass`,`popper-class`)&&_(`popperClass`,`overlayClassName`,`Tooltip`);let c=(0,t.computed)(()=>e.visible),l=(0,t.computed)(()=>c.value!==void 0),u=(0,t.ref)(!1),d=(0,t.ref)(),f=(0,t.ref)(),p=(0,t.ref)(),h=(0,t.ref)(),g=(0,t.ref)(),y=(0,t.computed)(()=>l.value?c.value:u.value),b=(0,t.computed)(()=>e.mouseEnterDelay===void 0?e.showAfter:e.mouseEnterDelay),x=(0,t.computed)(()=>e.mouseLeaveDelay===void 0?e.hideAfter:e.mouseLeaveDelay),S=(0,t.computed)(()=>e.arrow===void 0?e.showArrow:typeof e.arrow==`boolean`?e.arrow:!0),C=(0,t.computed)(()=>L(e.arrow)?!!e.arrow.pointAtCenter:!1),w=(0,t.computed)(()=>e.overlayClassName||e.popperClass),T=(0,t.computed)(()=>e.title||e.content),E=(0,t.computed)(()=>e.color?{backgroundColor:e.color}:{}),D=(0,t.computed)(()=>[a.e(`popper`),a.em(`popper`,e.effect),a.em(`popper`,e.placement.split(`-`)[0]),C.value&&a.em(`popper`,`arrow-center`),w.value].filter(Boolean).join(` `)),{floatingStyles:O,middlewareData:k,update:A}=F(d,f,{placement:e.placement,middleware:[(0,n.offset)(e.offset),...e.autoAdjustOverflow?[(0,n.flip)()]:[],(0,n.shift)({padding:8}),...S.value?[M({element:p})]:[]]}),j=(0,t.computed)(()=>{if(!S.value||!k.value.arrow)return{};let{x:t,y:n}=k.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`}}),N=()=>{h.value&&=(clearTimeout(h.value),void 0),g.value&&=(clearTimeout(g.value),void 0)},P=()=>{if(e.disabled)return;N();let n=()=>{r(`before-show`),l.value||(u.value=!0),r(`update:visible`,!0),(0,t.nextTick)(()=>{A(),r(`show`)})};b.value>0?h.value=window.setTimeout(n,b.value):n()},I=()=>{N();let t=()=>{r(`before-hide`),l.value||(u.value=!1),r(`update:visible`,!1),r(`hide`)};x.value>0&&e.trigger!==`click`?g.value=window.setTimeout(t,x.value):t()},z=()=>{e.trigger===`hover`&&P()},B=()=>{e.trigger===`hover`&&I()},V=()=>{e.trigger===`click`&&(y.value?I():P())},H=()=>{e.trigger===`focus`&&P()},U=()=>{e.trigger===`focus`&&I()},W=()=>{e.trigger===`hover`&&e.enterable&&N()},G=()=>{e.trigger===`hover`&&e.enterable&&I()},K;(0,t.onMounted)(()=>{y.value&&d.value&&f.value&&(K=(0,n.autoUpdate)(d.value,f.value,A))}),(0,t.onUnmounted)(()=>{N(),K?.()}),(0,t.watch)(c,e=>{e!==void 0&&e&&(0,t.nextTick)(()=>A())}),(0,t.watch)(y,e=>{e&&d.value&&f.value?(K?.(),K=(0,n.autoUpdate)(d.value,f.value,A)):K?.()});let q=()=>S.value?(0,t.createVNode)(`div`,{ref:p,class:[a.e(`arrow`),a.em(`arrow`,e.placement.split(`-`)[0])].join(` `),style:j.value},null):null,J=()=>i.title?i.title():i.content?i.content():e.rawContent?(0,t.createVNode)(`div`,{innerHTML:T.value},null):T.value;return()=>{let n={};return e.trigger===`hover`?(n.onMouseenter=z,n.onMouseleave=B):e.trigger===`click`?n.onClick=V:e.trigger===`focus`&&(n.onFocus=H,n.onBlur=U),(0,t.createVNode)(`div`,{class:a.b()},[(0,t.createVNode)(`div`,(0,t.mergeProps)({ref:d,class:a.e(`trigger`),"aria-describedby":y.value?o:void 0,"aria-label":e.ariaLabel,tabindex:e.trigger===`focus`?0:void 0},n),[i.default?.()]),y.value&&(0,t.createVNode)(`div`,{ref:f,class:D.value,role:`tooltip`,id:o,style:{...O.value,...E.value,zIndex:2e3,pointerEvents:e.enterable?`auto`:`none`},onMouseenter:W,onMouseleave:G},[q(),(0,t.createVNode)(`div`,{class:a.e(`content`)},[J()])])])}}});z.install=function(e){e.component(z.name,z)};function B(e,n){return{currentValue:(0,t.computed)({get(){return e.modelValue},set(e){n(`update:modelValue`,e),n(`input`,e)}})}}function V(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 H(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 U(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 W(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 G(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 K(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 q(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 J={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}},Y=(0,t.defineComponent)({name:`CSlider`,props:J,emits:[`update:modelValue`,`change`,`change-complete`,`input`],setup(e,{emit:n}){let r=m(`slider`),i=(0,t.ref)(),{currentValue:a}=B(e,n),{getPercent:o,getValueFromPercent:s}=V(e),{trackStyle:c,firstButtonStyle:l,secondButtonStyle:u}=H(e,a,o),{isDragging:d,handleSliderClick:f,handleDragStart:p,handleDragEnd:h,cleanup:g}=U(e,a,n,i,s),{handleKeydown:_}=W(e,a,n),{marks:v,getMarkStyle:y,getMarkLabel:b}=G(e,o),{handleInputChange:x}=K(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}=q(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`,"aria-disabled":e.disabled?!0:void 0};return e.showTooltip?(0,t.createVNode)(z,{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,"aria-disabled":this.disabled?!0:void 0},[this.showInput&&!this.range&&(0,t.createVNode)(`div`,{class:this.ns.e(`input`)},[(0,t.createVNode)(b,{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`)])])])}});Y.install=function(e){e.component(Y.name,Y)},e.Slider=Y,e.default={title:`Slider 滑块`,category:`数据录入`,status:`100%`,install(e){e.component(Y.name,Y)}}});
+(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=new Set;function g(){return globalThis.process?.env?.NODE_ENV!==`production`}function _(e,t,n){if(!g())return;let r=n?`${n}.${e}`:e;if(h.has(r)||(h.add(r),typeof console>`u`))return;let i=n?`[ccui][${n}]`:`[ccui]`,a=t?`，请改用 ${t}`:``;console.warn(`${i} ${e} 已 deprecated${a}。`)}function v(e,t,n){return e?Object.prototype.hasOwnProperty.call(e,t)||Object.prototype.hasOwnProperty.call(e,n):!1}var y={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}},b=(0,t.defineComponent)({name:`CInputNumber`,props:y,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.computed)(()=>{let t=e.size;return t===`lg`||t===`md`||t===`sm`?(_(`size="${t}"`,d[t],`InputNumber`),d[t]):t}),h=(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)),g=(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=h.value;return}if(r===``){e.allowEmpty?b(void 0,!1):n.value=h.value;return}b(y(r),!1)},S=e=>{let n=e.target;b(y(n.value)),(0,t.nextTick)(()=>{a.value&&(a.value.value=h.value)})},C=e=>{u.value=!0,n(`focus`,e)},w=e=>{u.value=!1,n(`blur`,e),a.value&&(a.value.value=h.value),o?.validate(`blur`)},T=()=>{e.disabled||g.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(p.value)]:p.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:h.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,min:e.min,max:e.max,role:`spinbutton`,"aria-valuenow":l.value??void 0,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-disabled":e.disabled?!0:void 0,"aria-readonly":e.readonly?!0:void 0,"aria-invalid":c.value===`error`?!0:void 0,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`)]:g.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`)]:g.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)])])])])}}});b.install=function(e){e.component(b.name,b)};function x(){return typeof window<`u`}function S(e){return w(e)?(e.nodeName||``).toLowerCase():`#document`}function C(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function w(e){return x()?e instanceof Node||e instanceof C(e).Node:!1}var T=l({Vue:()=>t,Vue2:()=>void 0,del:()=>O,install:()=>E,isVue2:()=>!1,isVue3:()=>!0,set:()=>D});d(T,require(`vue`));function E(){}function D(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 O(e,t){if(Array.isArray(e)){e.splice(t,1);return}delete e[t]}function k(e){return typeof e==`object`&&!!e&&`$el`in e}function A(e){if(k(e)){let t=e.$el;return w(t)&&S(t)===`#comment`?null:t}return e}function j(e){return typeof e==`function`?e():(0,T.unref)(e)}function M(e){return{name:`arrow`,options:e,fn(t){let r=A(j(e.element));return r==null?{}:(0,n.arrow)({element:r,padding:e.padding}).fn(t)}}}function N(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function P(e,t){let n=N(e);return Math.round(t*n)/n}function F(e,t,r){r===void 0&&(r={});let i=r.whileElementsMounted,a=(0,T.computed)(()=>j(r.open)??!0),o=(0,T.computed)(()=>j(r.middleware)),s=(0,T.computed)(()=>j(r.placement)??`bottom`),c=(0,T.computed)(()=>j(r.strategy)??`absolute`),l=(0,T.computed)(()=>j(r.transform)??!0),u=(0,T.computed)(()=>A(e.value)),d=(0,T.computed)(()=>A(t.value)),f=(0,T.ref)(0),p=(0,T.ref)(0),m=(0,T.ref)(c.value),h=(0,T.ref)(s.value),g=(0,T.shallowRef)({}),_=(0,T.ref)(!1),v=(0,T.computed)(()=>{let e={position:m.value,left:`0`,top:`0`};if(!d.value)return e;let t=P(d.value,f.value),n=P(d.value,p.value);return l.value?{...e,transform:`translate(`+t+`px, `+n+`px)`,...N(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 x(){typeof y==`function`&&(y(),y=void 0)}function S(){if(x(),i===void 0){b();return}if(u.value!=null&&d.value!=null){y=i(u.value,d.value,b);return}}function C(){a.value||(_.value=!1)}return(0,T.watch)([o,s,c,a],b,{flush:`sync`}),(0,T.watch)([u,d],S,{flush:`sync`}),(0,T.watch)(a,C,{flush:`sync`}),(0,T.getCurrentScope)()&&(0,T.onScopeDispose)(x),{x:(0,T.shallowReadonly)(f),y:(0,T.shallowReadonly)(p),strategy:(0,T.shallowReadonly)(m),placement:(0,T.shallowReadonly)(h),middlewareData:(0,T.shallowReadonly)(g),isPositioned:(0,T.shallowReadonly)(_),floatingStyles:v,update:b}}var I={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},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 L(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}var R=0,z=(0,t.defineComponent)({name:`CTooltip`,props:I,emits:[`before-show`,`show`,`before-hide`,`hide`,`update:visible`],setup(e,{emit:r,slots:i}){let a=m(`tooltip`),o=`${a.e(`popper`)}-${++R}`,s=(0,t.getCurrentInstance)()?.vnode.props;v(s,`content`,`content`)&&_(`content`,`title`,`Tooltip`),v(s,`showArrow`,`show-arrow`)&&_(`showArrow`,`arrow`,`Tooltip`),v(s,`showAfter`,`show-after`)&&_(`showAfter`,`mouseEnterDelay`,`Tooltip`),v(s,`hideAfter`,`hide-after`)&&_(`hideAfter`,`mouseLeaveDelay`,`Tooltip`),v(s,`popperClass`,`popper-class`)&&_(`popperClass`,`overlayClassName`,`Tooltip`);let c=(0,t.computed)(()=>e.visible),l=(0,t.computed)(()=>c.value!==void 0),u=(0,t.ref)(!1),d=(0,t.ref)(),f=(0,t.ref)(),p=(0,t.ref)(),h=(0,t.ref)(),g=(0,t.ref)(),y=(0,t.computed)(()=>l.value?c.value:u.value),b=(0,t.computed)(()=>e.mouseEnterDelay===void 0?e.showAfter:e.mouseEnterDelay),x=(0,t.computed)(()=>e.mouseLeaveDelay===void 0?e.hideAfter:e.mouseLeaveDelay),S=(0,t.computed)(()=>e.arrow===void 0?e.showArrow:typeof e.arrow==`boolean`?e.arrow:!0),C=(0,t.computed)(()=>L(e.arrow)?!!e.arrow.pointAtCenter:!1),w=(0,t.computed)(()=>e.overlayClassName||e.popperClass),T=(0,t.computed)(()=>e.title||e.content),E=(0,t.computed)(()=>e.color?{backgroundColor:e.color}:{}),D=(0,t.computed)(()=>[a.e(`popper`),a.em(`popper`,e.effect),a.em(`popper`,e.placement.split(`-`)[0]),C.value&&a.em(`popper`,`arrow-center`),w.value].filter(Boolean).join(` `)),{floatingStyles:O,middlewareData:k,update:A}=F(d,f,{placement:e.placement,middleware:[(0,n.offset)(e.offset),...e.autoAdjustOverflow?[(0,n.flip)()]:[],(0,n.shift)({padding:8}),...S.value?[M({element:p})]:[]]}),j=(0,t.computed)(()=>{if(!S.value||!k.value.arrow)return{};let{x:t,y:n}=k.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`}}),N=()=>{h.value&&=(clearTimeout(h.value),void 0),g.value&&=(clearTimeout(g.value),void 0)},P=()=>{if(e.disabled)return;N();let n=()=>{r(`before-show`),l.value||(u.value=!0),r(`update:visible`,!0),(0,t.nextTick)(()=>{A(),r(`show`)})};b.value>0?h.value=window.setTimeout(n,b.value):n()},I=()=>{N();let t=()=>{r(`before-hide`),l.value||(u.value=!1),r(`update:visible`,!1),r(`hide`)};x.value>0&&e.trigger!==`click`?g.value=window.setTimeout(t,x.value):t()},z=()=>{e.trigger===`hover`&&P()},B=()=>{e.trigger===`hover`&&I()},V=()=>{e.trigger===`click`&&(y.value?I():P())},H=()=>{e.trigger===`focus`&&P()},U=()=>{e.trigger===`focus`&&I()},W=()=>{e.trigger===`hover`&&e.enterable&&N()},G=()=>{e.trigger===`hover`&&e.enterable&&I()},K;(0,t.onMounted)(()=>{y.value&&d.value&&f.value&&(K=(0,n.autoUpdate)(d.value,f.value,A))}),(0,t.onUnmounted)(()=>{N(),K?.()}),(0,t.watch)(c,e=>{e!==void 0&&e&&(0,t.nextTick)(()=>A())}),(0,t.watch)(y,e=>{e&&d.value&&f.value?(K?.(),K=(0,n.autoUpdate)(d.value,f.value,A)):K?.()});let q=()=>S.value?(0,t.createVNode)(`div`,{ref:p,class:[a.e(`arrow`),a.em(`arrow`,e.placement.split(`-`)[0])].join(` `),style:j.value},null):null,J=()=>i.title?i.title():i.content?i.content():e.rawContent?(0,t.createVNode)(`div`,{innerHTML:T.value},null):T.value;return()=>{let n={};return e.trigger===`hover`?(n.onMouseenter=z,n.onMouseleave=B):e.trigger===`click`?n.onClick=V:e.trigger===`focus`&&(n.onFocus=H,n.onBlur=U),(0,t.createVNode)(`div`,{class:a.b()},[(0,t.createVNode)(`div`,(0,t.mergeProps)({ref:d,class:a.e(`trigger`),"aria-describedby":y.value?o:void 0,"aria-label":e.ariaLabel,tabindex:e.trigger===`focus`?0:void 0},n),[i.default?.()]),y.value&&(0,t.createVNode)(`div`,{ref:f,class:D.value,role:`tooltip`,id:o,style:{...O.value,...E.value,zIndex:2e3,pointerEvents:e.enterable?`auto`:`none`},onMouseenter:W,onMouseleave:G},[q(),(0,t.createVNode)(`div`,{class:a.e(`content`)},[J()])])])}}});z.install=function(e){e.component(z.name,z)};function B(e,n){return{currentValue:(0,t.computed)({get(){return e.modelValue},set(e){n(`update:modelValue`,e),n(`input`,e)}})}}function V(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 H(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 U(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 W(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 G(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 K(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 q(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 J={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}},Y=(0,t.defineComponent)({name:`CSlider`,props:J,emits:[`update:modelValue`,`change`,`change-complete`,`input`],setup(e,{emit:n}){let r=m(`slider`),i=(0,t.ref)(),{currentValue:a}=B(e,n),{getPercent:o,getValueFromPercent:s}=V(e),{trackStyle:c,firstButtonStyle:l,secondButtonStyle:u}=H(e,a,o),{isDragging:d,handleSliderClick:f,handleDragStart:p,handleDragEnd:h,cleanup:g}=U(e,a,n,i,s),{handleKeydown:_}=W(e,a,n),{marks:v,getMarkStyle:y,getMarkLabel:b}=G(e,o),{handleInputChange:x}=K(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}=q(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`,"aria-disabled":e.disabled?!0:void 0};return e.showTooltip?(0,t.createVNode)(z,{title:A(n),visible:j(n),placement:M(),effect:`dark`,arrow:!0,trigger:`manual`,overlayClassName: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,"aria-disabled":this.disabled?!0:void 0},[this.showInput&&!this.range&&(0,t.createVNode)(`div`,{class:this.ns.e(`input`)},[(0,t.createVNode)(b,{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`)])])])}});Y.install=function(e){e.component(Y.name,Y)},e.Slider=Y,e.default={title:`Slider 滑块`,category:`数据录入`,status:`100%`,install(e){e.component(Y.name,Y)}}});

package/slider/src/composables/use-slider-tooltip.d.ts

@@ -0,0 +1,18 @@
+import type { Ref } from 'vue';
+import type { SliderProps } from '../slider-types';
+export declare function useSliderTooltip(props: SliderProps, isDragging: Ref<boolean>, currentValue: Ref<number | number[]>): {
+    isHovering: Ref<boolean, boolean>;
+    hoverIndex: Ref<number | null, number | null>;
+    shouldShowTooltip: import("vue").ComputedRef<boolean>;
+    formatTooltipText: (value: number) => string | null;
+    getDefaultText: (value: number) => string;
+    getAriaValueText: (value: number) => string;
+    handleButtonMouseEnter: (index: number) => void;
+    handleButtonMouseLeave: () => void;
+    getCurrentValue: (index: number) => number;
+    shouldShowTooltipForButton: (index: number) => boolean;
+    shouldShowDefaultTooltipForButton: (index: number) => boolean;
+    getTooltipContent: (index: number) => string | null;
+    getTooltipVisible: (index: number) => boolean;
+    getTooltipPlacement: () => "bottom" | "left" | "right" | "top";
+};

package/slider/src/composables/use-slider.d.ts

@@ -0,0 +1,68 @@
+import type { Ref } from 'vue';
+import type { SliderProps } from '../slider-types';
+export declare function useSliderValue(props: SliderProps, emit: (event: 'update:modelValue' | 'input' | 'change' | 'change-complete', value: number | number[]) => void): {
+    currentValue: import("vue").WritableComputedRef<number | number[], number | number[]>;
+};
+export declare function useSliderCalculation(props: SliderProps): {
+    getPercent: (value: number) => number;
+    getValueFromPercent: (percent: number) => number;
+};
+export declare function useSliderStyle(props: SliderProps, currentValue: Ref<number | number[]>, getPercent: (value: number) => number): {
+    trackStyle: import("vue").ComputedRef<{
+        bottom: string;
+        height: string;
+        left?: undefined;
+        width?: undefined;
+    } | {
+        left: string;
+        width: string;
+        bottom?: undefined;
+        height?: undefined;
+    } | {
+        height: string;
+        bottom?: undefined;
+        left?: undefined;
+        width?: undefined;
+    } | {
+        width: string;
+        bottom?: undefined;
+        height?: undefined;
+        left?: undefined;
+    }>;
+    firstButtonStyle: import("vue").ComputedRef<{
+        bottom: string;
+        left?: undefined;
+    } | {
+        left: string;
+        bottom?: undefined;
+    }>;
+    secondButtonStyle: import("vue").ComputedRef<{
+        bottom: string;
+        left?: undefined;
+    } | {
+        left: string;
+        bottom?: undefined;
+    } | {
+        bottom?: undefined;
+        left?: undefined;
+    }>;
+};
+export declare function useSliderInteraction(props: SliderProps, currentValue: Ref<number | number[]>, emit: (event: 'update:modelValue' | 'input' | 'change' | 'change-complete', value: number | number[]) => void, sliderRef: Ref<HTMLElement | undefined>, getValueFromPercent: (percent: number) => number): {
+    isDragging: Ref<boolean, boolean>;
+    dragIndex: Ref<number | null, number | null>;
+    handleSliderClick: (event: MouseEvent) => void;
+    handleDragStart: (event: MouseEvent | TouchEvent, index?: number) => void;
+    handleDragEnd: () => void;
+    cleanup: () => void;
+};
+export declare function useSliderKeyboard(props: SliderProps, currentValue: Ref<number | number[]>, emit: (event: 'update:modelValue' | 'input' | 'change' | 'change-complete', value: number | number[]) => void): {
+    handleKeydown: (event: KeyboardEvent, index?: number) => void;
+};
+export declare function useSliderMarks(props: SliderProps, getPercent: (value: number) => number): {
+    marks: import("vue").ComputedRef<Record<number, any>>;
+    getMarkStyle: (value: number) => any;
+    getMarkLabel: (value: number) => any;
+};
+export declare function useSliderInput(props: SliderProps, currentValue: Ref<number | number[]>, emit: (event: 'update:modelValue' | 'input' | 'change' | 'change-complete', value: number | number[]) => void): {
+    handleInputChange: (value: number | undefined, index?: number) => void;
+};

package/slider/src/slider-types.d.ts

@@ -0,0 +1,112 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type SliderSize = 'large' | 'default' | 'small';
+export type SliderPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type SliderMarks = Record<number, string | {
+    style?: Record<string, any>;
+    label?: any;
+}>;
+export declare const sliderProps: {
+    readonly modelValue: {
+        readonly type: PropType<number | number[]>;
+        readonly default: 0;
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly step: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showInput: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showInputControls: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly size: {
+        readonly type: PropType<SliderSize>;
+        readonly default: "default";
+    };
+    readonly inputSize: {
+        readonly type: PropType<SliderSize>;
+        readonly default: "default";
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+    };
+    readonly precision: {
+        readonly type: NumberConstructor;
+    };
+    readonly showStops: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly formatTooltip: {
+        readonly type: PropType<(value: number) => string>;
+    };
+    readonly range: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly vertical: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly height: {
+        readonly type: StringConstructor;
+        readonly default: "200px";
+    };
+    readonly ariaLabel: {
+        readonly type: StringConstructor;
+    };
+    readonly rangeStartLabel: {
+        readonly type: StringConstructor;
+    };
+    readonly rangeEndLabel: {
+        readonly type: StringConstructor;
+    };
+    readonly formatValueText: {
+        readonly type: PropType<(value: number) => string>;
+    };
+    readonly tooltipClass: {
+        readonly type: StringConstructor;
+    };
+    readonly placement: {
+        readonly type: PropType<SliderPlacement>;
+        readonly default: "top";
+    };
+    readonly marks: {
+        readonly type: PropType<SliderMarks>;
+    };
+    readonly validateEvent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly tipsRenderer: {
+        readonly type: PropType<((value: number) => string) | null>;
+    };
+    readonly showDefaultTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type SliderProps = ExtractPropTypes<typeof sliderProps>;

package/slider/src/slider.d.ts

@@ -0,0 +1,149 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly height: string;
+    readonly size: import("./slider-types").SliderSize;
+    readonly vertical: boolean;
+    readonly range: boolean;
+    readonly disabled: boolean;
+    readonly modelValue: number | number[];
+    readonly placement: import("./slider-types").SliderPlacement;
+    readonly persistent: boolean;
+    readonly min: number;
+    readonly max: number;
+    readonly step: number;
+    readonly showInput: boolean;
+    readonly showInputControls: boolean;
+    readonly inputSize: import("./slider-types").SliderSize;
+    readonly showStops: boolean;
+    readonly showTooltip: boolean;
+    readonly validateEvent: boolean;
+    readonly showDefaultTooltip: boolean;
+    readonly label?: string | undefined;
+    readonly ariaLabel?: string | undefined;
+    readonly precision?: number | undefined;
+    readonly formatTooltip?: ((value: number) => string) | undefined;
+    readonly rangeStartLabel?: string | undefined;
+    readonly rangeEndLabel?: string | undefined;
+    readonly formatValueText?: ((value: number) => string) | undefined;
+    readonly tooltipClass?: string | undefined;
+    readonly marks?: import("./slider-types").SliderMarks | undefined;
+    readonly tipsRenderer?: ((value: number) => string) | null | undefined;
+}, {
+    ns: import("../../shared/hooks/use-namespace").UseNamespace;
+    sliderRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    isDragging: import("vue").Ref<boolean, boolean>;
+    currentValue: import("vue").WritableComputedRef<number | number[], number | number[]>;
+    trackStyle: import("vue").ComputedRef<{
+        bottom: string;
+        height: string;
+        left?: undefined;
+        width?: undefined;
+    } | {
+        left: string;
+        width: string;
+        bottom?: undefined;
+        height?: undefined;
+    } | {
+        height: string;
+        bottom?: undefined;
+        left?: undefined;
+        width?: undefined;
+    } | {
+        width: string;
+        bottom?: undefined;
+        height?: undefined;
+        left?: undefined;
+    }>;
+    firstButtonStyle: import("vue").ComputedRef<{
+        bottom: string;
+        left?: undefined;
+    } | {
+        left: string;
+        bottom?: undefined;
+    }>;
+    secondButtonStyle: import("vue").ComputedRef<{
+        bottom: string;
+        left?: undefined;
+    } | {
+        left: string;
+        bottom?: undefined;
+    } | {
+        bottom?: undefined;
+        left?: undefined;
+    }>;
+    handleSliderClick: (event: MouseEvent) => void;
+    handleDragStart: (event: MouseEvent | TouchEvent, index?: number) => void;
+    handleKeydown: (event: KeyboardEvent, index?: number) => void;
+    marks: import("vue").ComputedRef<Record<number, any>>;
+    getMarkStyle: (value: number) => any;
+    getMarkLabel: (value: number) => any;
+    formatTooltipText: (value: number) => string | null;
+    getDefaultText: (value: number) => string;
+    getPercent: (value: number) => number;
+    getValueFromPercent: (percent: number) => number;
+    handleInputChange: (value: number | undefined, index?: number) => void;
+    getAriaValueText: (value: number) => string;
+    handleButtonMouseEnter: (index: number) => void;
+    handleButtonMouseLeave: () => void;
+    shouldShowTooltipForButton: (index: number) => boolean;
+    shouldShowDefaultTooltipForButton: (index: number) => boolean;
+    getCurrentValue: (index: number) => number;
+    getTooltipContent: (index: number) => string | null;
+    getTooltipVisible: (index: number) => boolean;
+    getTooltipPlacement: () => "bottom" | "left" | "right" | "top";
+    renderButton: (index: number, value: number, style: any, ariaLabel: string) => JSX.Element;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "update:modelValue" | "change-complete")[], "input" | "change" | "update:modelValue" | "change-complete", import("vue").PublicProps, Readonly<{
+    readonly height: string;
+    readonly size: import("./slider-types").SliderSize;
+    readonly vertical: boolean;
+    readonly range: boolean;
+    readonly disabled: boolean;
+    readonly modelValue: number | number[];
+    readonly placement: import("./slider-types").SliderPlacement;
+    readonly persistent: boolean;
+    readonly min: number;
+    readonly max: number;
+    readonly step: number;
+    readonly showInput: boolean;
+    readonly showInputControls: boolean;
+    readonly inputSize: import("./slider-types").SliderSize;
+    readonly showStops: boolean;
+    readonly showTooltip: boolean;
+    readonly validateEvent: boolean;
+    readonly showDefaultTooltip: boolean;
+    readonly label?: string | undefined;
+    readonly ariaLabel?: string | undefined;
+    readonly precision?: number | undefined;
+    readonly formatTooltip?: ((value: number) => string) | undefined;
+    readonly rangeStartLabel?: string | undefined;
+    readonly rangeEndLabel?: string | undefined;
+    readonly formatValueText?: ((value: number) => string) | undefined;
+    readonly tooltipClass?: string | undefined;
+    readonly marks?: import("./slider-types").SliderMarks | undefined;
+    readonly tipsRenderer?: ((value: number) => string) | null | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onChange-complete"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly height: string;
+    readonly size: import("./slider-types").SliderSize;
+    readonly vertical: boolean;
+    readonly range: boolean;
+    readonly disabled: boolean;
+    readonly modelValue: number | number[];
+    readonly placement: import("./slider-types").SliderPlacement;
+    readonly persistent: boolean;
+    readonly min: number;
+    readonly max: number;
+    readonly step: number;
+    readonly showInput: boolean;
+    readonly showInputControls: boolean;
+    readonly inputSize: import("./slider-types").SliderSize;
+    readonly showStops: boolean;
+    readonly showTooltip: boolean;
+    readonly validateEvent: boolean;
+    readonly showDefaultTooltip: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/space/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import Space from './src/space';
+export { Space };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/space/src/space-types.d.ts

@@ -0,0 +1,28 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type SpaceSize = 'small' | 'middle' | 'large' | number | [number, number];
+export type SpaceDirection = 'horizontal' | 'vertical';
+export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
+export declare const spaceProps: {
+    readonly align: {
+        readonly type: PropType<SpaceAlign>;
+        readonly default: undefined;
+    };
+    readonly direction: {
+        readonly type: PropType<SpaceDirection>;
+        readonly default: "horizontal";
+    };
+    readonly size: {
+        readonly type: PropType<SpaceSize>;
+        readonly default: "small";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly split: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export type SpaceProps = ExtractPropTypes<typeof spaceProps>;
+export declare function resolveSize(size: SpaceSize): [number, number];

package/space/src/space.d.ts

@@ -0,0 +1,21 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly split: string;
+    readonly direction: import("./space-types").SpaceDirection;
+    readonly size: import("./space-types").SpaceSize;
+    readonly wrap: boolean;
+    readonly align?: import("./space-types").SpaceAlign | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly split: string;
+    readonly direction: import("./space-types").SpaceDirection;
+    readonly size: import("./space-types").SpaceSize;
+    readonly wrap: boolean;
+    readonly align?: import("./space-types").SpaceAlign | undefined;
+}> & Readonly<{}>, {
+    readonly split: string;
+    readonly direction: import("./space-types").SpaceDirection;
+    readonly size: import("./space-types").SpaceSize;
+    readonly wrap: boolean;
+    readonly align: import("./space-types").SpaceAlign;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/space-compact/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import SpaceCompact from './src/space-compact';
+export { SpaceCompact };
+export type { SpaceCompactDirection, SpaceCompactProps, SpaceCompactSize } from './src/space-compact-types';
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/space-compact/index.es.js

@@ -0,0 +1,59 @@
+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/space-compact/src/space-compact.tsx
+var a = /* @__PURE__ */ n({
+	name: "CSpaceCompact",
+	props: {
+		direction: {
+			type: String,
+			default: "horizontal"
+		},
+		size: {
+			type: String,
+			default: "middle"
+		},
+		block: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n, { slots: r }) {
+		let a = i("space-compact"), o = e(() => ({
+			[a.b()]: !0,
+			[a.m(n.direction)]: !0,
+			[a.m(n.size)]: n.size && n.size !== "middle",
+			[a.m("block")]: n.block
+		}));
+		return () => t("div", { class: o.value }, [r.default?.()]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/space-compact/index.ts
+a.install = function(e) {
+	e.component(a.name, a);
+};
+var o = {
+	title: "SpaceCompact 紧凑组合",
+	category: "布局",
+	status: "90%",
+	install(e) {
+		e.component(a.name, a);
+	}
+};
+//#endregion
+export { a as SpaceCompact, o as default };

package/space-compact/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={direction:{type:String,default:`horizontal`},size:{type:String,default:`middle`},block:{type:Boolean,default:!1}},a=(0,t.defineComponent)({name:`CSpaceCompact`,props:i,setup(e,{slots:n}){let i=r(`space-compact`),a=(0,t.computed)(()=>({[i.b()]:!0,[i.m(e.direction)]:!0,[i.m(e.size)]:e.size&&e.size!==`middle`,[i.m(`block`)]:e.block}));return()=>(0,t.createVNode)(`div`,{class:a.value},[n.default?.()])}});a.install=function(e){e.component(a.name,a)},e.SpaceCompact=a,e.default={title:`SpaceCompact 紧凑组合`,category:`布局`,status:`90%`,install(e){e.component(a.name,a)}}});