@vaebe/ccui 2.0.0-beta.0 → 2.0.1-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/button/index.es.js +28 -22
- package/button/index.umd.js +1 -1
- package/calendar/index.es.js +445 -90
- package/calendar/index.umd.js +1 -1
- package/ccui-cli.css +1 -1
- package/check-box/index.es.js +8 -2
- package/check-box/index.umd.js +1 -1
- package/chunk-Ndeg2fpE.js +20 -0
- package/collapse/index.es.js +10 -7
- package/collapse/index.umd.js +1 -1
- package/config-provider/chunk-C_CI6nMA.js +13 -0
- package/config-provider/en-BG83iZ_P.js +24 -0
- package/config-provider/index.es.js +408 -53
- package/config-provider/index.umd.js +1 -1
- package/config-provider/ja-B-93MQG5.js +56 -0
- package/config-provider/ko-86th3uXt.js +56 -0
- package/config-provider/zh-cn-BQE-LNg1.js +59 -0
- package/date-picker/ccui-cli.css +1 -1
- package/date-picker/index.es.js +664 -482
- package/date-picker/index.umd.js +1 -1
- package/drawer/index.es.js +271 -279
- package/drawer/index.umd.js +1 -1
- package/dropdown/index.es.js +187 -171
- package/dropdown/index.umd.js +1 -1
- package/empty/index.es.js +341 -24
- package/empty/index.umd.js +1 -1
- package/en-BVwCvuzF.js +24 -0
- package/float-button/index.es.js +1134 -46
- package/float-button/index.umd.js +1 -1
- package/form/index.es.js +1357 -261
- package/form/index.umd.js +1 -1
- package/icon/index.es.js +93 -10
- package/icon/index.umd.js +1 -1
- package/image/index.es.js +353 -36
- package/image/index.umd.js +1 -1
- package/input/index.es.js +24 -15
- package/input/index.umd.js +1 -1
- package/input-number/index.es.js +45 -25
- package/input-number/index.umd.js +1 -1
- package/ja-B4U4rt8A.js +56 -0
- package/ko-BG35I8uK.js +56 -0
- package/menu/index.es.js +3 -1
- package/menu/index.umd.js +1 -1
- package/message/index.es.js +1179 -86
- package/message/index.umd.js +1 -1
- package/modal/index.es.js +735 -335
- package/modal/index.umd.js +1 -1
- package/notification/index.es.js +1176 -83
- package/notification/index.umd.js +1 -1
- package/package.json +9 -9
- package/pagination/index.es.js +381 -60
- package/pagination/index.umd.js +1 -1
- package/popconfirm/index.es.js +469 -143
- package/popconfirm/index.umd.js +1 -1
- package/popover/index.es.js +192 -175
- package/popover/index.umd.js +1 -1
- package/radio/index.es.js +8 -2
- package/radio/index.umd.js +1 -1
- package/rate/index.es.js +22 -12
- package/rate/index.umd.js +1 -1
- package/select/index.es.js +135 -53
- package/select/index.umd.js +1 -1
- package/slider/index.es.js +165 -155
- package/slider/index.umd.js +1 -1
- package/steps/index.es.js +1140 -49
- package/steps/index.umd.js +1 -1
- package/switch/index.es.js +2 -0
- package/switch/index.umd.js +1 -1
- package/tabs/index.es.js +31 -5
- package/tabs/index.umd.js +1 -1
- package/tag/index.es.js +53 -35
- package/tag/index.umd.js +1 -1
- package/tooltip/index.es.js +78 -77
- package/tooltip/index.umd.js +1 -1
- package/tree/ccui-cli.css +1 -1
- package/tree/index.es.js +1491 -276
- package/tree/index.umd.js +1 -1
- package/typography/index.es.js +1213 -125
- package/typography/index.umd.js +1 -1
- package/vue-ccui.es.js +8726 -7604
- package/vue-ccui.umd.js +1 -1
- package/zh-cn-C8nbfD5S.js +59 -0
package/slider/index.umd.js
CHANGED
|
@@ -1 +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={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)}}});
|
|
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)}}});
|