vft 0.0.312 → 0.0.313

package/lib/components/color-picker/color-picker.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),G=require("@vft/directives"),N=require("../button/index.cjs");require("../form/index.cjs");const _=require("../icon/index.cjs"),H=require("../input/index.cjs"),J=require("../tooltip/index.cjs"),p=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const z=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const Q=require("lodash-es"),X=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./components/alpha-slider.vue2.cjs"),Z=require("./components/hue-slider.vue.cjs"),ee=require("./components/predefine.vue.cjs"),oe=require("./components/sv-panel.vue.cjs"),le=require("./contants.cjs"),k=require("./utils/color.cjs"),B=require("../form/hooks/use-form-item.cjs"),T=require("../form/hooks/use-form-common-props.cjs"),re=["id","aria-label","aria-labelledby","aria-description","tabindex"],ae=e.defineComponent({name:"VftColorPicker"}),te=e.defineComponent({...ae,props:{modelValue:{},id:{},showAlpha:{type:Boolean},colorFormat:{},disabled:{type:Boolean},size:{},popperClass:{},label:{},tabindex:{default:0},predefine:{},validateEvent:{type:Boolean,default:!0}},emits:[p.UPDATE_MODEL_EVENT,p.CHANGE_EVENT,"activeChange","click-outside"],setup(x,{expose:A,emit:I}){const r=x,s=I,l=X.useNamespace("color"),{formItem:c}=B.useFormItem(),S=T.useFormSize(),m=T.useFormDisabled(),{inputId:$,isLabeledByFormItem:V}=B.useFormItemInputId(r,{formItemContext:c}),C=e.ref(),P=e.ref(),w=e.ref(),D=e.ref();let v=!0;const a=e.reactive(new k.default({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue})),u=e.ref(!1),n=e.ref(!1),i=e.ref(""),F=e.computed(()=>!r.modelValue&&!n.value?"transparent":O(a,r.showAlpha)),b=e.computed(()=>!r.modelValue&&!n.value?"":a.value),K=e.computed(()=>V.value?void 0:r.label||"色彩选择器"),L=e.computed(()=>V.value?c?.labelId:void 0),M=e.computed(()=>[l.b("picker"),l.is("disabled",m.value),l.bm("picker",S.value)]);function O(o,t){if(!(o instanceof k.default))throw new TypeError("color should be instance of _color Class");const{r:f,g:y,b:q}=o.toRgb();return t?`rgba(${f}, ${y}, ${q}, ${o.get("alpha")/100})`:`rgb(${f}, ${y}, ${q})`}function U(o){u.value=o}const d=Q.debounce(U,100);function R(o){d(!1),h(),s("click-outside",o)}function h(){e.nextTick(()=>{r.modelValue?a.fromString(r.modelValue):(a.value="",e.nextTick(()=>{n.value=!1}))})}function g(){m.value||d(!u.value)}function E(){a.fromString(i.value)}function W(){const o=a.value;s(p.UPDATE_MODEL_EVENT,o),s("change",o),r.validateEvent&&c?.validate("change").catch(t=>z.debugWarn(t)),d(!1),e.nextTick(()=>{const t=new k.default({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue});a.compare(t)||h()})}function j(){d(!1),s(p.UPDATE_MODEL_EVENT,null),s("change",null),r.modelValue!==null&&r.validateEvent&&c?.validate("change").catch(o=>z.debugWarn(o)),h()}return e.onMounted(()=>{r.modelValue&&(i.value=b.value)}),e.watch(()=>r.modelValue,o=>{o?o&&o!==a.value&&(v=!1,a.fromString(o)):n.value=!1}),e.watch(()=>b.value,o=>{i.value=o,v&&s("activeChange",o),v=!0}),e.watch(()=>a.value,()=>{!r.modelValue&&!n.value&&(n.value=!0)}),e.watch(()=>u.value,()=>{e.nextTick(()=>{C.value?.update(),P.value?.update(),w.value?.update()})}),e.provide(le.colorPickerContextKey,{currentColor:b}),A({color:a,showPicker:u}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(J.VftTooltip),{ref_key:"popper",ref:D,visible:u.value,"show-arrow":!1,"fallback-placements":["bottom","top","right","left"],offset:0,"gpu-acceleration":!1,"popper-class":[e.unref(l).be("picker","panel"),e.unref(l).b("dropdown"),o.popperClass],"stop-popper-mouse-event":!1,effect:"light",trigger:"click",transition:`${e.unref(l).namespace.value}-zoom-in-top`,persistent:""},{content:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","main-wrapper"))},[e.createVNode(Z.default,{ref_key:"hue",ref:C,class:"hue-slider",color:a,vertical:""},null,8,["color"]),e.createVNode(oe.default,{ref:"svPanel",color:a},null,8,["color"])],2),o.showAlpha?(e.openBlock(),e.createBlock(Y.default,{key:0,ref_key:"alpha",ref:w,color:a},null,8,["color"])):e.createCommentVNode("",!0),o.predefine?(e.openBlock(),e.createBlock(ee.default,{key:1,ref:"predefine",color:a,colors:o.predefine},null,8,["color","colors"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","btns"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).be("dropdown","value"))},[e.createVNode(e.unref(H.VftInput),{modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=f=>i.value=f),"validate-event":!1,size:"small",onKeyup:e.withKeys(E,["enter"]),onBlur:E},null,8,["modelValue"])],2),e.createVNode(e.unref(N.VftButton),{class:e.normalizeClass(e.unref(l).be("dropdown","link-btn")),text:"",size:"small",onClick:j},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode(" 取消 ")])),_:1,__:[1]},8,["class"]),e.createVNode(e.unref(N.VftButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(l).be("dropdown","btn")),onClick:W},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode(" 确认 ")])),_:1,__:[2]},8,["class"])],2)])),[[e.unref(G.ClickOutside),R]])]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref($),class:e.normalizeClass(M.value),role:"button","aria-label":K.value,"aria-labelledby":L.value,"aria-description":`目前色彩為 {color}。按一下 Enter 以選擇新色彩${o.modelValue}`,tabindex:o.tabindex,onKeydown:e.withKeys(g,["enter"])},[e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).be("picker","mask"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).be("picker","trigger")),onClick:g},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(l).be("picker","color"),e.unref(l).is("alpha",o.showAlpha)])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).be("picker","color-inner")),style:e.normalizeStyle({backgroundColor:F.value})},[e.withDirectives(e.createVNode(e.unref(_.VftIcon),{icon:"icon-arrow-down",class:e.normalizeClass([e.unref(l).be("picker","icon"),e.unref(l).is("icon-arrow-down")])},null,8,["class"]),[[e.vShow,o.modelValue||n.value]]),!o.modelValue&&!n.value?(e.openBlock(),e.createBlock(e.unref(_.VftIcon),{key:0,icon:"icon-circle-close",class:e.normalizeClass([e.unref(l).be("picker","empty"),e.unref(l).is("icon-close")])},null,8,["class"])):e.createCommentVNode("",!0)],6)],2)],2)],42,re)]),_:1},8,["visible","popper-class","transition"]))}});exports.default=te;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),G=require("@vft/directives"),N=require("../button/index.cjs");require("../form/index.cjs");const _=require("../icon/index.cjs"),H=require("../input/index.cjs"),J=require("../tooltip/index.cjs"),p=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const z=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const Q=require("lodash-es"),X=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./components/alpha-slider.vue2.cjs"),Z=require("./components/hue-slider.vue.cjs"),ee=require("./components/predefine.vue.cjs"),oe=require("./components/sv-panel.vue.cjs"),le=require("./contants.cjs"),k=require("./utils/color.cjs"),B=require("../form/hooks/use-form-item.cjs"),T=require("../form/hooks/use-form-common-props.cjs"),re=["id","aria-label","aria-labelledby","aria-description","tabindex"],ae=e.defineComponent({name:"VftColorPicker"}),te=e.defineComponent({...ae,props:{modelValue:{},id:{},showAlpha:{type:Boolean},colorFormat:{},disabled:{type:Boolean},size:{},popperClass:{},label:{},tabindex:{default:0},predefine:{},validateEvent:{type:Boolean,default:!0}},emits:[p.UPDATE_MODEL_EVENT,p.CHANGE_EVENT,"activeChange","click-outside"],setup(x,{expose:A,emit:I}){const r=x,s=I,l=X.useNamespace("color"),{formItem:c}=B.useFormItem(),S=T.useFormSize(),m=T.useFormDisabled(),{inputId:$,isLabeledByFormItem:V}=B.useFormItemInputId(r,{formItemContext:c}),C=e.ref(),P=e.ref(),w=e.ref(),D=e.ref();let v=!0;const a=e.reactive(new k.default({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue})),u=e.ref(!1),n=e.ref(!1),i=e.ref(""),F=e.computed(()=>!r.modelValue&&!n.value?"transparent":O(a,r.showAlpha)),b=e.computed(()=>!r.modelValue&&!n.value?"":a.value),K=e.computed(()=>V.value?void 0:r.label||"色彩选择器"),L=e.computed(()=>V.value?c?.labelId:void 0),M=e.computed(()=>[l.b("picker"),l.is("disabled",m.value),l.bm("picker",S.value)]);function O(o,t){if(!(o instanceof k.default))throw new TypeError("color should be instance of _color Class");const{r:f,g:y,b:q}=o.toRgb();return t?`rgba(${f}, ${y}, ${q}, ${o.get("alpha")/100})`:`rgb(${f}, ${y}, ${q})`}function U(o){u.value=o}const d=Q.debounce(U,100);function R(o){d(!1),h(),s("click-outside",o)}function h(){e.nextTick(()=>{r.modelValue?a.fromString(r.modelValue):(a.value="",e.nextTick(()=>{n.value=!1}))})}function g(){m.value||d(!u.value)}function E(){a.fromString(i.value)}function W(){const o=a.value;s(p.UPDATE_MODEL_EVENT,o),s("change",o),r.validateEvent&&c?.validate("change").catch(t=>z.debugWarn(t)),d(!1),e.nextTick(()=>{const t=new k.default({enableAlpha:r.showAlpha,format:r.colorFormat||"",value:r.modelValue});a.compare(t)||h()})}function j(){d(!1),s(p.UPDATE_MODEL_EVENT,null),s("change",null),r.modelValue!==null&&r.validateEvent&&c?.validate("change").catch(o=>z.debugWarn(o)),h()}return e.onMounted(()=>{r.modelValue&&(i.value=b.value)}),e.watch(()=>r.modelValue,o=>{o?o&&o!==a.value&&(v=!1,a.fromString(o)):n.value=!1}),e.watch(()=>b.value,o=>{i.value=o,v&&s("activeChange",o),v=!0}),e.watch(()=>a.value,()=>{!r.modelValue&&!n.value&&(n.value=!0)}),e.watch(()=>u.value,()=>{e.nextTick(()=>{C.value?.update(),P.value?.update(),w.value?.update()})}),e.provide(le.colorPickerContextKey,{currentColor:b}),A({color:a,showPicker:u}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(J.VftTooltip),{ref_key:"popper",ref:D,visible:u.value,"show-arrow":!1,"fallback-placements":["bottom","top","right","left"],offset:0,"gpu-acceleration":!1,"popper-class":[e.unref(l).be("picker","panel"),e.unref(l).b("dropdown"),o.popperClass],"stop-popper-mouse-event":!1,effect:"light",trigger:"click",transition:`${e.unref(l).namespace.value}-zoom-in-top`,persistent:""},{content:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","main-wrapper"))},[e.createVNode(Z.default,{ref_key:"hue",ref:C,class:"hue-slider",color:a,vertical:""},null,8,["color"]),e.createVNode(oe.default,{ref:"svPanel",color:a},null,8,["color"])],2),o.showAlpha?(e.openBlock(),e.createBlock(Y.default,{key:0,ref_key:"alpha",ref:w,color:a},null,8,["color"])):e.createCommentVNode("",!0),o.predefine?(e.openBlock(),e.createBlock(ee.default,{key:1,ref:"predefine",color:a,colors:o.predefine},null,8,["color","colors"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","btns"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).be("dropdown","value"))},[e.createVNode(e.unref(H.VftInput),{modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=f=>i.value=f),"validate-event":!1,size:"small",onKeyup:e.withKeys(E,["enter"]),onBlur:E},null,8,["modelValue"])],2),e.createVNode(e.unref(N.VftButton),{class:e.normalizeClass(e.unref(l).be("dropdown","link-btn")),text:"",size:"small",onClick:j},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode(" 取消 ")])),_:1,__:[1]},8,["class"]),e.createVNode(e.unref(N.VftButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(l).be("dropdown","btn")),onClick:W},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode(" 确认 ")])),_:1,__:[2]},8,["class"])],2)])),[[e.unref(G.ClickOutside),R]])]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref($),class:e.normalizeClass(M.value),role:"button","aria-label":K.value,"aria-labelledby":L.value,"aria-description":`目前色彩為 {color}。按一下 Enter 以選擇新色彩${o.modelValue}`,tabindex:o.tabindex,onKeydown:e.withKeys(g,["enter"])},[e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).be("picker","mask"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).be("picker","trigger")),onClick:g},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(l).be("picker","color"),e.unref(l).is("alpha",o.showAlpha)])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).be("picker","color-inner")),style:e.normalizeStyle({backgroundColor:F.value})},[e.withDirectives(e.createVNode(e.unref(_.VftIcon),{icon:"icon-arrow-down",class:e.normalizeClass([e.unref(l).be("picker","icon"),e.unref(l).is("icon-arrow-down")])},null,8,["class"]),[[e.vShow,o.modelValue||n.value]]),!o.modelValue&&!n.value?(e.openBlock(),e.createBlock(e.unref(_.VftIcon),{key:0,icon:"icon-circle-close",class:e.normalizeClass([e.unref(l).be("picker","empty"),e.unref(l).is("icon-close")])},null,8,["class"])):e.createCommentVNode("",!0)],6)],2)],2)],42,re)]),_:1},8,["visible","popper-class","transition"]))}});exports.default=te;

package/lib/components/color-picker/components/hue-slider.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const W=require("../../../utils/dom/position.cjs");require("@vft/utils");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const n=require("vue"),T=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const v=require("../utils/draggable.cjs"),_=n.defineComponent({name:"VftColorHueSlider",props:{color:{type:Object,required:!0},vertical:Boolean},setup(o){const m=T.useNamespace("color-hue-slider"),a=n.getCurrentInstance(),e=n.ref(),l=n.ref(),s=n.ref(0),d=n.ref(0),g=n.computed(()=>o.color.get("hue"));n.watch(()=>g.value,()=>{c()});function b(t){t.target!==e.value&&f(t)}function f(t){if(!l.value||!e.value)return;const i=a.vnode.el.getBoundingClientRect(),{clientX:C,clientY:H}=W.getClientXY(t);let h;if(o.vertical){let u=H-i.top;u=Math.min(u,i.height-e.value.offsetHeight/2),u=Math.max(e.value.offsetHeight/2,u),h=Math.round((u-e.value.offsetHeight/2)/(i.height-e.value.offsetHeight)*360)}else{let u=C-i.left;u=Math.min(u,i.width-e.value.offsetWidth/2),u=Math.max(e.value.offsetWidth/2,u),h=Math.round((u-e.value.offsetWidth/2)/(i.width-e.value.offsetWidth)*360)}o.color.set("hue",h)}function q(){if(!e.value)return 0;const t=a.vnode.el;if(o.vertical)return 0;const r=o.color.get("hue");return t?Math.round(r*(t.offsetWidth-e.value.offsetWidth/2)/360):0}function M(){if(!e.value)return 0;const t=a.vnode.el;if(!o.vertical)return 0;const r=o.color.get("hue");return t?Math.round(r*(t.offsetHeight-e.value.offsetHeight/2)/360):0}function c(){s.value=q(),d.value=M()}return n.onMounted(()=>{if(!l.value||!e.value)return;const t={drag:r=>{f(r)},end:r=>{f(r)}};v.draggable(l.value,t),v.draggable(e.value,t),c()}),{bar:l,thumb:e,thumbLeft:s,thumbTop:d,hueValue:g,handleClick:b,update:c,ns:m}}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const W=require("../../../utils/dom/position.cjs");require("@vft/utils");require("@vueuse/core");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const n=require("vue"),T=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const v=require("../utils/draggable.cjs"),_=n.defineComponent({name:"VftColorHueSlider",props:{color:{type:Object,required:!0},vertical:Boolean},setup(o){const m=T.useNamespace("color-hue-slider"),a=n.getCurrentInstance(),e=n.ref(),l=n.ref(),s=n.ref(0),d=n.ref(0),g=n.computed(()=>o.color.get("hue"));n.watch(()=>g.value,()=>{c()});function q(t){t.target!==e.value&&f(t)}function f(t){if(!l.value||!e.value)return;const i=a.vnode.el.getBoundingClientRect(),{clientX:C,clientY:H}=W.getClientXY(t);let h;if(o.vertical){let u=H-i.top;u=Math.min(u,i.height-e.value.offsetHeight/2),u=Math.max(e.value.offsetHeight/2,u),h=Math.round((u-e.value.offsetHeight/2)/(i.height-e.value.offsetHeight)*360)}else{let u=C-i.left;u=Math.min(u,i.width-e.value.offsetWidth/2),u=Math.max(e.value.offsetWidth/2,u),h=Math.round((u-e.value.offsetWidth/2)/(i.width-e.value.offsetWidth)*360)}o.color.set("hue",h)}function b(){if(!e.value)return 0;const t=a.vnode.el;if(o.vertical)return 0;const r=o.color.get("hue");return t?Math.round(r*(t.offsetWidth-e.value.offsetWidth/2)/360):0}function M(){if(!e.value)return 0;const t=a.vnode.el;if(!o.vertical)return 0;const r=o.color.get("hue");return t?Math.round(r*(t.offsetHeight-e.value.offsetHeight/2)/360):0}function c(){s.value=b(),d.value=M()}return n.onMounted(()=>{if(!l.value||!e.value)return;const t={drag:r=>{f(r)},end:r=>{f(r)}};v.draggable(l.value,t),v.draggable(e.value,t),c()}),{bar:l,thumb:e,thumbLeft:s,thumbTop:d,hueValue:g,handleClick:q,update:c,ns:m}}});exports.default=_;

package/lib/components/color-picker/components/predefine.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const t=require("vue"),d=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const q=require("../contants.cjs"),a=require("../utils/color.cjs"),m=t.defineComponent({props:{colors:{type:Array,required:!0},color:{type:Object,required:!0}},setup(e){const i=d.useNamespace("color-predefine"),{currentColor:s}=t.inject(q.colorPickerContextKey),n=t.ref(l(e.colors,e.color));t.watch(()=>s.value,o=>{const c=new a.default;c.fromString(o),n.value.forEach(u=>{u.selected=c.compare(u)})}),t.watchEffect(()=>{n.value=l(e.colors,e.color)});function f(o){e.color.fromString(e.colors[o])}function l(o,c){return o.map(u=>{const r=new a.default;return r.enableAlpha=!0,r.format="rgba",r.fromString(u),r.selected=r.value===c.value,r})}return{rgbaColors:n,handleSelect:f,ns:i}}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const t=require("vue"),d=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const q=require("../contants.cjs"),a=require("../utils/color.cjs"),m=t.defineComponent({props:{colors:{type:Array,required:!0},color:{type:Object,required:!0}},setup(e){const i=d.useNamespace("color-predefine"),{currentColor:s}=t.inject(q.colorPickerContextKey),n=t.ref(l(e.colors,e.color));t.watch(()=>s.value,o=>{const c=new a.default;c.fromString(o),n.value.forEach(u=>{u.selected=c.compare(u)})}),t.watchEffect(()=>{n.value=l(e.colors,e.color)});function f(o){e.color.fromString(e.colors[o])}function l(o,c){return o.map(u=>{const r=new a.default;return r.enableAlpha=!0,r.format="rgba",r.fromString(u),r.selected=r.value===c.value,r})}return{rgbaColors:n,handleSelect:f,ns:i}}});exports.default=m;

package/lib/components/color-picker/components/sv-panel.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../../utils/dom/position.cjs");require("@vft/utils");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const n=require("vue"),M=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const b=require("../utils/draggable.cjs"),p=n.defineComponent({name:"VftSlPanel",props:{color:{type:Object,required:!0}},setup(o){const q=M.useNamespace("color-svpanel"),c=n.getCurrentInstance(),a=n.ref(0),i=n.ref(0),v=n.ref("hsl(0, 100%, 50%)"),f=n.computed(()=>{const e=o.color.get("hue"),l=o.color.get("value");return{hue:e,value:l}});function s(){const e=o.color.get("saturation"),l=o.color.get("value"),t=c.vnode.el,{clientWidth:g,clientHeight:h}=t;i.value=e*g/100,a.value=(100-l)*h/100,v.value=`hsl(${o.color.get("hue")}, 100%, 50%)`}function d(e){const t=c.vnode.el.getBoundingClientRect(),{clientX:g,clientY:h}=m.getClientXY(e);let r=g-t.left,u=h-t.top;r=Math.max(0,r),r=Math.min(r,t.width),u=Math.max(0,u),u=Math.min(u,t.height),i.value=r,a.value=u,o.color.set({saturation:r/t.width*100,value:100-u/t.height*100})}return n.watch(()=>f.value,()=>{s()}),n.onMounted(()=>{b.draggable(c.vnode.el,{drag:e=>{d(e)},end:e=>{d(e)}}),s()}),{cursorTop:a,cursorLeft:i,background:v,colorValue:f,handleDrag:d,update:s,ns:q}}});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../../utils/dom/position.cjs");require("@vft/utils");require("@vueuse/core");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const n=require("vue"),M=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const b=require("../utils/draggable.cjs"),p=n.defineComponent({name:"VftSlPanel",props:{color:{type:Object,required:!0}},setup(o){const q=M.useNamespace("color-svpanel"),c=n.getCurrentInstance(),a=n.ref(0),i=n.ref(0),v=n.ref("hsl(0, 100%, 50%)"),f=n.computed(()=>{const e=o.color.get("hue"),l=o.color.get("value");return{hue:e,value:l}});function s(){const e=o.color.get("saturation"),l=o.color.get("value"),t=c.vnode.el,{clientWidth:g,clientHeight:h}=t;i.value=e*g/100,a.value=(100-l)*h/100,v.value=`hsl(${o.color.get("hue")}, 100%, 50%)`}function d(e){const t=c.vnode.el.getBoundingClientRect(),{clientX:g,clientY:h}=m.getClientXY(e);let r=g-t.left,u=h-t.top;r=Math.max(0,r),r=Math.min(r,t.width),u=Math.max(0,u),u=Math.min(u,t.height),i.value=r,a.value=u,o.color.set({saturation:r/t.width*100,value:100-u/t.height*100})}return n.watch(()=>f.value,()=>{s()}),n.onMounted(()=>{b.draggable(c.vnode.el,{drag:e=>{d(e)},end:e=>{d(e)}}),s()}),{cursorTop:a,cursorLeft:i,background:v,colorValue:f,handleDrag:d,update:s,ns:q}}});exports.default=p;

package/lib/components/color-picker/composables/use-alpha-slider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@vft/utils"),W=require("../../../utils/dom/position.cjs");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const t=require("vue"),$=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const M=require("../utils/draggable.cjs"),T=a=>{const s=t.getCurrentInstance(),e=t.shallowRef(),c=t.shallowRef();function f(i){i.target!==e.value&&u(i)}function u(i){if(!c.value||!e.value)return;const o=s.vnode.el.getBoundingClientRect(),{clientX:g,clientY:v}=W.getClientXY(i);if(a.vertical){let n=v-o.top;n=Math.max(e.value.offsetHeight/2,n),n=Math.min(n,o.height-e.value.offsetHeight/2),a.color.set("alpha",Math.round((n-e.value.offsetHeight/2)/(o.height-e.value.offsetHeight)*100))}else{let n=g-o.left;n=Math.max(e.value.offsetWidth/2,n),n=Math.min(n,o.width-e.value.offsetWidth/2),a.color.set("alpha",Math.round((n-e.value.offsetWidth/2)/(o.width-e.value.offsetWidth)*100))}}return{thumb:e,bar:c,handleDrag:u,handleClick:f}},k=(a,{bar:s,thumb:e,handleDrag:c})=>{const f=t.getCurrentInstance(),u=$.useNamespace("color-alpha-slider"),i=t.ref(0),h=t.ref(0),o=t.ref();function g(){if(!e.value||a.vertical)return 0;const r=f.vnode.el,l=a.color.get("alpha");return r?Math.round(l*(r.offsetWidth-e.value.offsetWidth/2)/100):0}function v(){if(!e.value)return 0;const r=f.vnode.el;if(!a.vertical)return 0;const l=a.color.get("alpha");return r?Math.round(l*(r.offsetHeight-e.value.offsetHeight/2)/100):0}function n(){if(a.color&&a.color.value){const{r,g:l,b}=a.color.toRgb();return`linear-gradient(to right, rgba(${r}, ${l}, ${b}, 0) 0%, rgba(${r}, ${l}, ${b}, 1) 100%)`}return""}function d(){i.value=g(),h.value=v(),o.value=n()}t.onMounted(()=>{if(!s.value||!e.value)return;const r={drag:l=>{c(l)},end:l=>{c(l)}};M.draggable(s.value,r),M.draggable(e.value,r),d()}),t.watch(()=>a.color.get("alpha"),()=>d()),t.watch(()=>a.color.value,()=>d());const q=t.computed(()=>[u.b(),u.is("vertical",a.vertical)]),S=t.computed(()=>u.e("bar")),w=t.computed(()=>u.e("thumb")),C=t.computed(()=>({background:o.value})),H=t.computed(()=>({left:m.addUnit(i.value),top:m.addUnit(h.value)}));return{rootKls:q,barKls:S,barStyle:C,thumbKls:w,thumbStyle:H,update:d}};exports.useAlphaSlider=T;exports.useAlphaSliderDOM=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("../../../utils/dom/position.cjs");require("@vft/utils");require("@vueuse/core");const m=require("../../../utils/helper.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const t=require("vue"),$=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const q=require("../utils/draggable.cjs"),p=a=>{const s=t.getCurrentInstance(),e=t.shallowRef(),c=t.shallowRef();function f(i){i.target!==e.value&&u(i)}function u(i){if(!c.value||!e.value)return;const o=s.vnode.el.getBoundingClientRect(),{clientX:g,clientY:v}=W.getClientXY(i);if(a.vertical){let r=v-o.top;r=Math.max(e.value.offsetHeight/2,r),r=Math.min(r,o.height-e.value.offsetHeight/2),a.color.set("alpha",Math.round((r-e.value.offsetHeight/2)/(o.height-e.value.offsetHeight)*100))}else{let r=g-o.left;r=Math.max(e.value.offsetWidth/2,r),r=Math.min(r,o.width-e.value.offsetWidth/2),a.color.set("alpha",Math.round((r-e.value.offsetWidth/2)/(o.width-e.value.offsetWidth)*100))}}return{thumb:e,bar:c,handleDrag:u,handleClick:f}},T=(a,{bar:s,thumb:e,handleDrag:c})=>{const f=t.getCurrentInstance(),u=$.useNamespace("color-alpha-slider"),i=t.ref(0),h=t.ref(0),o=t.ref();function g(){if(!e.value||a.vertical)return 0;const n=f.vnode.el,l=a.color.get("alpha");return n?Math.round(l*(n.offsetWidth-e.value.offsetWidth/2)/100):0}function v(){if(!e.value)return 0;const n=f.vnode.el;if(!a.vertical)return 0;const l=a.color.get("alpha");return n?Math.round(l*(n.offsetHeight-e.value.offsetHeight/2)/100):0}function r(){if(a.color&&a.color.value){const{r:n,g:l,b}=a.color.toRgb();return`linear-gradient(to right, rgba(${n}, ${l}, ${b}, 0) 0%, rgba(${n}, ${l}, ${b}, 1) 100%)`}return""}function d(){i.value=g(),h.value=v(),o.value=r()}t.onMounted(()=>{if(!s.value||!e.value)return;const n={drag:l=>{c(l)},end:l=>{c(l)}};q.draggable(s.value,n),q.draggable(e.value,n),d()}),t.watch(()=>a.color.get("alpha"),()=>d()),t.watch(()=>a.color.value,()=>d());const M=t.computed(()=>[u.b(),u.is("vertical",a.vertical)]),S=t.computed(()=>u.e("bar")),w=t.computed(()=>u.e("thumb")),C=t.computed(()=>({background:o.value})),H=t.computed(()=>({left:m.addUnit(i.value),top:m.addUnit(h.value)}));return{rootKls:M,barKls:S,barStyle:C,thumbKls:w,thumbStyle:H,update:d}};exports.useAlphaSlider=p;exports.useAlphaSliderDOM=T;

package/lib/components/color-picker/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./color-picker.vue2.cjs"),e=r.withInstall(t.default);exports.VftColorPicker=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./color-picker.vue2.cjs"),e=r.withInstall(t.default);exports.VftColorPicker=e;exports.default=e;

package/lib/components/color-picker/index.d.ts

@@ -2,12 +2,12 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     label: {
         type: import("vue").PropType<string>;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     size: {
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
@@ -46,12 +46,12 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     label: {
         type: import("vue").PropType<string>;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     size: {
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };

package/lib/components/config-provider/config-provider.vue.d.ts

@@ -20,6 +20,8 @@ export interface ConfigProviderProps {
     message?: MessageConfigContext;
     projectCfg?: Record<string, any>;
     button?: ButtonConfigContext;
+    baseUnit?: string | boolean;
+    baseUnitSize?: number;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;

package/lib/components/config-provider/config-provider.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/utils");require("../button/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const l=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("./constants.cjs"),f=require("./hooks/use-global-config.cjs"),h=e.defineComponent({name:"vft-config-provider"}),g=e.defineComponent({...h,props:{theme:{default:"light"},themeVars:{},themeVarsDark:{},themeVarsLight:{},iconfontClass:{},iconifyPrefixClass:{default:"ico-"},namespace:{default:"vft"},zIndex:{},message:{},projectCfg:{},button:{}},setup(n){const i=l.useNamespace("config-provider");e.watch(()=>n.message,t=>{Object.assign(d.messageConfig,t??{})},{immediate:!0,deep:!0});const c=e.computed(()=>{const t=n.theme==="dark";return u({...n.themeVars,...t?n.themeVarsDark:n.themeVarsLight})});if(o.inBrowser){const t=()=>{document.documentElement.classList.add(n.theme)},r=(s=n.theme)=>{document.documentElement.classList.remove(s)};e.watch(()=>n.theme,(s,a)=>{a&&r(a),t()},{immediate:!0}),e.onActivated(t),e.onDeactivated(r),e.onBeforeUnmount(r)}function u(t){const r={};return Object.keys(t).forEach(s=>{r[`--${n.namespace}-${o.kebabCase(s)}`]=t[s]}),r}const m=e.getCurrentInstance();return f.provideGlobalConfig(m.props),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i).b()),style:e.normalizeStyle(c.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils");require("../button/index.cjs");require("@vueuse/core");const l=require("./hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=require("./constants.cjs"),h=e.defineComponent({name:"vft-config-provider"}),g=e.defineComponent({...h,props:{theme:{default:"light"},themeVars:{},themeVarsDark:{},themeVarsLight:{},iconfontClass:{},iconifyPrefixClass:{default:"ico-"},namespace:{default:"vft"},zIndex:{},message:{},projectCfg:{},button:{},baseUnit:{type:[String,Boolean],default:!1},baseUnitSize:{default:1080}},setup(n){const o=d.useNamespace("config-provider");e.watch(()=>n.message,t=>{Object.assign(f.messageConfig,t??{})},{immediate:!0,deep:!0});const c=e.computed(()=>{const t=n.theme==="dark";return u({...n.themeVars,...t?n.themeVarsDark:n.themeVarsLight})});if(i.inBrowser){const t=()=>{document.documentElement.classList.add(n.theme)},r=(s=n.theme)=>{document.documentElement.classList.remove(s)};e.watch(()=>n.theme,(s,a)=>{a&&r(a),t()},{immediate:!0}),e.onActivated(t),e.onDeactivated(r),e.onBeforeUnmount(r)}function u(t){const r={};return Object.keys(t).forEach(s=>{r[`--${n.namespace}-${i.kebabCase(s)}`]=t[s]}),r}const m=e.getCurrentInstance();return l.provideGlobalConfig(m.props),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o).b()),style:e.normalizeStyle(c.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=g;

package/lib/components/config-provider/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./config-provider.vue2.cjs"),o=require("./constants.cjs"),e=require("./hooks/use-global-config.cjs"),i=r.withInstall(t.default);exports.configProviderContextKey=o.configProviderContextKey;exports.messageConfig=o.messageConfig;exports.provideGlobalConfig=e.provideGlobalConfig;exports.useGlobalComponentSettings=e.useGlobalComponentSettings;exports.useGlobalConfig=e.useGlobalConfig;exports.VftConfigProvider=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");const e=require("./hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./config-provider.vue2.cjs"),o=require("./constants.cjs"),i=r.withInstall(t.default);exports.provideGlobalConfig=e.provideGlobalConfig;exports.useGlobalComponentSettings=e.useGlobalComponentSettings;exports.useGlobalConfig=e.useGlobalConfig;exports.configProviderContextKey=o.configProviderContextKey;exports.messageConfig=o.messageConfig;exports.VftConfigProvider=i;exports.default=i;

package/lib/components/config-provider/index.d.ts

@@ -33,6 +33,12 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
         button: {
             type: import("vue").PropType<import("vft/es/vft").ButtonConfigContext>;
         };
+        baseUnit: {
+            type: import("vue").PropType<string | boolean>;
+        };
+        baseUnitSize: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -74,6 +80,12 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
         button: {
             type: import("vue").PropType<import("vft/es/vft").ButtonConfigContext>;
         };
+        baseUnit: {
+            type: import("vue").PropType<string | boolean>;
+        };
+        baseUnitSize: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -112,6 +124,12 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
     button: {
         type: import("vue").PropType<import("vft/es/vft").ButtonConfigContext>;
     };
+    baseUnit: {
+        type: import("vue").PropType<string | boolean>;
+    };
+    baseUnitSize: {
+        type: import("vue").PropType<number>;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/lib/components/container/aside.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const u=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o=e.defineComponent({name:"vft-aside"}),l=e.defineComponent({...o,props:{width:{}},setup(t){const r=u.useNamespace("aside"),s=e.computed(()=>t.width?r.cssVarBlock({width:n.addUnit(t.width)}):{});return(i,a)=>(e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(e.unref(r).b()),style:e.normalizeStyle(s.value)},[e.renderSlot(i.$slots,"default")],6))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const n=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const u=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o=e.defineComponent({name:"vft-aside"}),l=e.defineComponent({...o,props:{width:{}},setup(r){const t=u.useNamespace("aside"),s=e.computed(()=>r.width?t.cssVarBlock({width:n.addUnit(r.width)}):{});return(i,a)=>(e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(e.unref(t).b()),style:e.normalizeStyle(s.value)},[e.renderSlot(i.$slots,"default")],6))}});exports.default=l;

package/lib/components/container/container.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const a=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const c=e.defineComponent({name:"vft-container"}),l=e.defineComponent({...c,props:{direction:{}},setup(t){const n=a.useNamespace("container"),r=e.useSlots(),u=e.computed(()=>t.direction==="vertical"?!0:t.direction==="horizontal"?!1:r&&r.default?r.default().some(s=>{const i=s.type.name;return i==="vft-header"||i==="vft-footer"}):!1);return(o,s)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).is("vertical",u.value)])},[e.renderSlot(o.$slots,"default")],2))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const a=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const c=e.defineComponent({name:"vft-container"}),l=e.defineComponent({...c,props:{direction:{}},setup(t){const n=a.useNamespace("container"),r=e.useSlots(),u=e.computed(()=>t.direction==="vertical"?!0:t.direction==="horizontal"?!1:r&&r.default?r.default().some(s=>{const i=s.type.name;return i==="vft-header"||i==="vft-footer"}):!1);return(o,s)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).is("vertical",u.value)])},[e.renderSlot(o.$slots,"default")],2))}});exports.default=l;

package/lib/components/container/footer.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const u=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=e.defineComponent({name:"vft-footer"}),l=e.defineComponent({...i,props:{height:{}},setup(t){const r=u.useNamespace("footer"),o=e.computed(()=>t.height?r.cssVarBlock({height:s.addUnit(t.height)}):{});return(n,c)=>(e.openBlock(),e.createElementBlock("footer",{class:e.normalizeClass(e.unref(r).b()),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default")],6))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const u=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const s=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=e.defineComponent({name:"vft-footer"}),l=e.defineComponent({...i,props:{height:{}},setup(r){const t=s.useNamespace("footer"),o=e.computed(()=>r.height?t.cssVarBlock({height:u.addUnit(r.height)}):{});return(n,c)=>(e.openBlock(),e.createElementBlock("footer",{class:e.normalizeClass(e.unref(t).b()),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default")],6))}});exports.default=l;

package/lib/components/container/header.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o=e.defineComponent({name:"vft-header"}),l=e.defineComponent({...o,props:{height:{}},setup(r){const t=i.useNamespace("header"),n=e.computed(()=>r.height?t.cssVarBlock({height:s.addUnit(r.height)}):{});return(u,a)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(e.unref(t).b()),style:e.normalizeStyle(n.value)},[e.renderSlot(u.$slots,"default")],6))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const s=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o=e.defineComponent({name:"vft-header"}),l=e.defineComponent({...o,props:{height:{}},setup(r){const t=i.useNamespace("header"),n=e.computed(()=>r.height?t.cssVarBlock({height:s.addUnit(r.height)}):{});return(u,a)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(e.unref(t).b()),style:e.normalizeStyle(n.value)},[e.renderSlot(u.$slots,"default")],6))}});exports.default=l;

package/lib/components/container/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./aside.vue2.cjs"),a=require("./container.vue2.cjs"),r=require("./footer.vue2.cjs"),u=require("./header.vue2.cjs"),i=require("./main.vue2.cjs"),_=e.withInstall(a.default,{Aside:t.default,Footer:r.default,Header:u.default,Main:i.default}),o=e.withNoopInstall(t.default),s=e.withNoopInstall(r.default),n=e.withNoopInstall(u.default),l=e.withNoopInstall(i.default);exports.VftAside=o;exports.VftContainer=_;exports.VftFooter=s;exports.VftHeader=n;exports.VftMain=l;exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./aside.vue2.cjs"),a=require("./container.vue2.cjs"),r=require("./footer.vue2.cjs"),u=require("./header.vue2.cjs"),i=require("./main.vue2.cjs"),_=e.withInstall(a.default,{Aside:t.default,Footer:r.default,Header:u.default,Main:i.default}),o=e.withNoopInstall(t.default),s=e.withNoopInstall(r.default),n=e.withNoopInstall(u.default),l=e.withNoopInstall(i.default);exports.VftAside=o;exports.VftContainer=_;exports.VftFooter=s;exports.VftHeader=n;exports.VftMain=l;exports.default=_;

package/lib/components/container/main.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const t=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const u=e.defineComponent({name:"vft-main"}),s=e.defineComponent({...u,setup(i){const r=t.useNamespace("main");return(n,o)=>(e.openBlock(),e.createElementBlock("main",{ref:"testRef",class:e.normalizeClass(e.unref(r).b())},[e.renderSlot(n.$slots,"default")],2))}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const t=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const u=e.defineComponent({name:"vft-main"}),i=e.defineComponent({...u,setup(s){const r=t.useNamespace("main");return(n,o)=>(e.openBlock(),e.createElementBlock("main",{ref:"testRef",class:e.normalizeClass(e.unref(r).b())},[e.renderSlot(n.$slots,"default")],2))}});exports.default=i;

package/lib/components/context-menu/context-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/use"),x=require("../menu/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const h=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p={class:"vft-sub-menu"},w=e.defineComponent({name:"vft-context-menu"}),k=e.defineComponent({...w,props:{axis:{},styles:{},width:{},items:{}},setup(o){const d=h.useNamespace("context-menu");let c=e.ref();const a=e.computed(()=>{const{x:n,y:r}=o.axis||{x:0,y:0},t=(o.items||[]).length*40,s=o.width||0,u=document.body,v=u.clientWidth<n+s?n-s:n,m=u.clientHeight<r+t?r-t:r;return{zIndex:3e3,...o.styles,position:"fixed",width:`${o.width}px`,left:`${v+1}px`,top:`${m+1}px`}});let i=e.ref(!1);l.useTimeoutFn(()=>{i.value=!0},0),l.useClickAway(c,()=>{i.value=!1},{listenerOptions:{capture:!0}}),l.useEventListener(window,"scroll",()=>{i.value=!1},{capture:!0}),l.useEventListener(window,"drag",()=>{i.value=!1},{capture:!0});function f(n){n?.disabled||(n.handler?.(),i.value=!1)}return(n,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-zoom-in-top"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"contextMenuRef",ref:c,style:e.normalizeStyle(a.value),onClick:r[0]||(r[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass([e.unref(d).b(),"vft-menu"])},[e.createElementVNode("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,(t,s)=>(e.openBlock(),e.createBlock(e.unref(x.VftMenuItem),{onClick:u=>f(t),index:s+t.text,title:t.text,divider:t.divider,disabled:t.disabled,icon:t.iconCfg,"is-alone-use":"",key:s},null,8,["onClick","index","title","divider","disabled","icon"]))),128))])],6),[[e.vShow,e.unref(i)]])]),_:1}))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@vft/use"),x=require("../menu/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const h=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p={class:"vft-sub-menu"},w=e.defineComponent({name:"vft-context-menu"}),k=e.defineComponent({...w,props:{axis:{},styles:{},width:{},items:{}},setup(o){const d=h.useNamespace("context-menu");let c=e.ref();const a=e.computed(()=>{const{x:n,y:r}=o.axis||{x:0,y:0},t=(o.items||[]).length*40,s=o.width||0,l=document.body,v=l.clientWidth<n+s?n-s:n,m=l.clientHeight<r+t?r-t:r;return{zIndex:3e3,...o.styles,position:"fixed",width:`${o.width}px`,left:`${v+1}px`,top:`${m+1}px`}});let i=e.ref(!1);u.useTimeoutFn(()=>{i.value=!0},0),u.useClickAway(c,()=>{i.value=!1},{listenerOptions:{capture:!0}}),u.useEventListener(window,"scroll",()=>{i.value=!1},{capture:!0}),u.useEventListener(window,"drag",()=>{i.value=!1},{capture:!0});function f(n){n?.disabled||(n.handler?.(),i.value=!1)}return(n,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-zoom-in-top"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"contextMenuRef",ref:c,style:e.normalizeStyle(a.value),onClick:r[0]||(r[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass([e.unref(d).b(),"vft-menu"])},[e.createElementVNode("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,(t,s)=>(e.openBlock(),e.createBlock(e.unref(x.VftMenuItem),{onClick:l=>f(t),index:s+t.text,title:t.text,divider:t.divider,disabled:t.disabled,icon:t.iconCfg,"is-alone-use":"",key:s},null,8,["onClick","index","title","divider","disabled","icon"]))),128))])],6),[[e.vShow,e.unref(i)]])]),_:1}))}});exports.default=k;

package/lib/components/countdown/countdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const r=require("@vft/utils"),i=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/props/runtime.cjs");require("vue");const n=e.buildProps({format:{type:String,default:"HH:mm:ss"},prefix:String,suffix:String,title:String,value:{type:e.definePropType([Number,Object]),default:0},valueStyle:{type:e.definePropType([String,Object,Array])}}),u={finish:()=>!0,[i.CHANGE_EVENT]:t=>r.isNumber(t)};exports.countdownEmits=u;exports.countdownProps=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const r=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const i=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/props/runtime.cjs");require("vue");const n=e.buildProps({format:{type:String,default:"HH:mm:ss"},prefix:String,suffix:String,title:String,value:{type:e.definePropType([Number,Object]),default:0},valueStyle:{type:e.definePropType([String,Object,Array])}}),u={finish:()=>!0,[i.CHANGE_EVENT]:t=>r.isNumber(t)};exports.countdownEmits=u;exports.countdownProps=n;

package/lib/components/countdown/countdown.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../statistic/index.cjs");require("@vueuse/core");require("@vft/utils");const S=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const l=require("../../utils/vue/raf.cjs"),m=require("./countdown.cjs"),u=require("./utils.cjs"),y=e.defineComponent({name:"VftCountdown"}),C=e.defineComponent({...y,props:m.countdownProps,emits:m.countdownEmits,setup(d,{expose:p,emit:v}){const r=d,f=v;let o;const n=e.ref(0),q=e.computed(()=>u.formatTime(n.value,r.format)),w=t=>u.formatTime(t,r.format),s=()=>{o&&(l.cAF(o),o=void 0)},T=()=>{const t=u.getTime(r.value),a=()=>{let i=t-Date.now();f(S.CHANGE_EVENT,i),i<=0?(i=0,s(),f("finish")):o=l.rAF(a),n.value=i};o=l.rAF(a)};return e.onMounted(()=>{n.value=u.getTime(r.value)-Date.now(),e.watch(()=>[r.value,r.format],()=>{s(),T()},{immediate:!0})}),e.onBeforeUnmount(()=>{s()}),p({displayValue:q}),(t,a)=>(e.openBlock(),e.createBlock(e.unref(_.VftStatistic),{value:n.value,title:t.title,prefix:t.prefix,suffix:t.suffix,"value-style":t.valueStyle,formatter:w},e.createSlots({_:2},[e.renderList(t.$slots,(i,c)=>({name:c,fn:e.withCtx(()=>[e.renderSlot(t.$slots,c)])}))]),1032,["value","title","prefix","suffix","value-style"]))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../statistic/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const S=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const l=require("../../utils/vue/raf.cjs"),m=require("./countdown.cjs"),u=require("./utils.cjs"),y=e.defineComponent({name:"VftCountdown"}),C=e.defineComponent({...y,props:m.countdownProps,emits:m.countdownEmits,setup(d,{expose:p,emit:v}){const r=d,f=v;let o;const n=e.ref(0),q=e.computed(()=>u.formatTime(n.value,r.format)),w=t=>u.formatTime(t,r.format),s=()=>{o&&(l.cAF(o),o=void 0)},T=()=>{const t=u.getTime(r.value),a=()=>{let i=t-Date.now();f(S.CHANGE_EVENT,i),i<=0?(i=0,s(),f("finish")):o=l.rAF(a),n.value=i};o=l.rAF(a)};return e.onMounted(()=>{n.value=u.getTime(r.value)-Date.now(),e.watch(()=>[r.value,r.format],()=>{s(),T()},{immediate:!0})}),e.onBeforeUnmount(()=>{s()}),p({displayValue:q}),(t,a)=>(e.openBlock(),e.createBlock(e.unref(_.VftStatistic),{value:n.value,title:t.title,prefix:t.prefix,suffix:t.suffix,"value-style":t.valueStyle,formatter:w},e.createSlots({_:2},[e.renderList(t.$slots,(i,c)=>({name:c,fn:e.withCtx(()=>[e.renderSlot(t.$slots,c)])}))]),1032,["value","title","prefix","suffix","value-style"]))}});exports.default=C;

package/lib/components/countdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const u=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const o=require("./countdown.vue2.cjs"),e=require("./countdown.cjs"),t=u.withInstall(o.default);exports.countdownEmits=e.countdownEmits;exports.countdownProps=e.countdownProps;exports.VftCountdown=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const u=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const o=require("./countdown.vue2.cjs"),e=require("./countdown.cjs"),t=u.withInstall(o.default);exports.countdownEmits=e.countdownEmits;exports.countdownProps=e.countdownProps;exports.VftCountdown=t;exports.default=t;

package/lib/components/date-picker/composables/use-range-picker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),q=require("dayjs"),S=require("@vft/utils");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const j=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const k=require("../utils.cjs"),x=require("../constants.cjs"),w=require("./use-shortcut.cjs"),A=(d,{defaultValue:m,defaultTime:R,leftDate:g,rightDate:D,step:O,unit:p,onParsedValueChanged:C})=>{const{emit:N}=t.getCurrentInstance(),l=t.ref("zh-cn"),{pickerNs:P}=t.inject(x.ROOT_PICKER_INJECTION_KEY),y=j.useNamespace("date-range-picker"),_=w.useShortcut(l),a=t.ref(),i=t.ref(),u=t.ref({endDate:null,selecting:!1}),E=e=>{u.value=e},I=(e=!1)=>{const n=t.unref(a),r=t.unref(i);k.isValidRange([n,r])&&N("pick",[n,r],e)},T=e=>{u.value.selecting=e,e||(u.value.endDate=null)},h=e=>{if(S.isArray(e)&&e.length===2){const[n,r]=e;a.value=n,g.value=n,i.value=r,C(t.unref(a),t.unref(i))}else v()},v=()=>{let[e,n]=k.getDefaultValue(t.unref(m),{lang:t.unref(l),step:O,unit:p,unlinkPanels:d.unlinkPanels});const r=s=>s.diff(s.startOf("d"),"ms"),c=t.unref(R);if(c){let s=0,f=0;if(S.isArray(c)){const[o,b]=c.map(q);s=r(o),f=r(b)}else{const o=r(q(c));s=o,f=o}e=e.startOf("d").add(s,"ms"),n=n.startOf("d").add(f,"ms")}a.value=void 0,i.value=void 0,g.value=e,D.value=n};return t.watch(m,e=>{e&&v()},{immediate:!0}),t.watch(()=>d.parsedValue,h,{immediate:!0}),{minDate:a,maxDate:i,rangeState:u,lang:l,ppNs:P,drpNs:y,handleChangeRange:E,handleRangeConfirm:I,handleShortcutClick:_,onSelect:T,onReset:h}};exports.useRangePicker=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),v=require("dayjs"),S=require("@vft/utils");require("@vueuse/core");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const j=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const k=require("../utils.cjs"),x=require("../constants.cjs"),w=require("./use-shortcut.cjs"),A=(d,{defaultValue:m,defaultTime:R,leftDate:g,rightDate:D,step:O,unit:p,onParsedValueChanged:C})=>{const{emit:N}=t.getCurrentInstance(),l=t.ref("zh-cn"),{pickerNs:P}=t.inject(x.ROOT_PICKER_INJECTION_KEY),y=j.useNamespace("date-range-picker"),_=w.useShortcut(l),i=t.ref(),a=t.ref(),u=t.ref({endDate:null,selecting:!1}),E=e=>{u.value=e},I=(e=!1)=>{const n=t.unref(i),r=t.unref(a);k.isValidRange([n,r])&&N("pick",[n,r],e)},T=e=>{u.value.selecting=e,e||(u.value.endDate=null)},h=e=>{if(S.isArray(e)&&e.length===2){const[n,r]=e;i.value=n,g.value=n,a.value=r,C(t.unref(i),t.unref(a))}else q()},q=()=>{let[e,n]=k.getDefaultValue(t.unref(m),{lang:t.unref(l),step:O,unit:p,unlinkPanels:d.unlinkPanels});const r=s=>s.diff(s.startOf("d"),"ms"),c=t.unref(R);if(c){let s=0,f=0;if(S.isArray(c)){const[o,b]=c.map(v);s=r(o),f=r(b)}else{const o=r(v(c));s=o,f=o}e=e.startOf("d").add(s,"ms"),n=n.startOf("d").add(f,"ms")}i.value=void 0,a.value=void 0,g.value=e,D.value=n};return t.watch(m,e=>{e&&q()},{immediate:!0}),t.watch(()=>d.parsedValue,h,{immediate:!0}),{minDate:i,maxDate:a,rangeState:u,lang:l,ppNs:P,drpNs:y,handleChangeRange:E,handleRangeConfirm:I,handleShortcutClick:_,onSelect:T,onReset:h}};exports.useRangePicker=A;

package/lib/components/date-picker/date-picker-com/basic-cell-render.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const n=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const u=require("../constants.cjs"),c=require("../props/basic-cell.cjs"),i=e.defineComponent({name:"ElDatePickerCell",props:c.basicCellProps,setup(s){const t=n.useNamespace("date-table-cell"),{slots:l}=e.inject(u.ROOT_PICKER_INJECTION_KEY);return()=>{const{cell:r}=s;return e.renderSlot(l,"default",{...r},()=>[e.createVNode("div",{class:t.b()},[e.createVNode("span",{class:t.e("text")},[r?.renderText??r?.text])])])}}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const u=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const i=require("../constants.cjs"),n=require("../props/basic-cell.cjs"),c=e.defineComponent({name:"ElDatePickerCell",props:n.basicCellProps,setup(s){const t=u.useNamespace("date-table-cell"),{slots:l}=e.inject(i.ROOT_PICKER_INJECTION_KEY);return()=>{const{cell:r}=s;return e.renderSlot(l,"default",{...r},()=>[e.createVNode("div",{class:t.b()},[e.createVNode("span",{class:t.e("text")},[r?.renderText??r?.text])])])}}});exports.default=c;

package/lib/components/date-picker/date-picker-com/panel-date-pick.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("dayjs"),ae=require("../../button/index.cjs"),Ye=require("@vft/directives");require("@vueuse/core");const C=require("@vft/utils"),p=require("../../../constants/aria.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const ne=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const le=require("../../input/index.cjs");require("../../time-picker/index.cjs");const I=require("../../icon/index.cjs");require("../../tooltip/index.cjs");const xe=require("../props/panel-date-pick.cjs"),D=require("../utils.cjs"),Ke=require("../constants.cjs"),Re=require("./basic-date-table.vue2.cjs"),Ae=require("./basic-month-table.vue2.cjs"),Ue=require("./basic-year-table.vue2.cjs"),Le=require("../../time-picker/constants.cjs"),Je=require("../../tooltip/constants.cjs"),re=require("../../time-picker/utils.cjs"),We=require("../../time-picker/time-picker-com/panel-time-pick.vue2.cjs"),je=["onClick"],He=e.defineComponent({__name:"panel-date-pick",props:xe.panelDatePickProps,emits:["pick","set-picker-option","panel-change"],setup(oe,{emit:ue}){const se=(t,a,l)=>!0,r=oe,V=ue,v=ne.useNamespace("picker-panel"),k=ne.useNamespace("date-picker"),ie=e.useAttrs(),ce=e.useSlots(),c=e.ref("zh-cn"),A=e.inject(Le.PICKER_BASE_INJECTION_KEY),U=e.inject(Ke.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY),de=e.inject(Je.TOOLTIP_INJECTION_KEY),{shortcuts:L,disabledDate:i,cellClassName:ve,defaultTime:B}=A.props,E=e.toRef(A.props,"defaultValue"),P=e.ref(),n=e.ref(h().locale(c.value)),F=e.ref(!1);let $=!1;const J=e.computed(()=>h(B).locale(c.value)),me=e.computed(()=>n.value.month()),W=e.computed(()=>n.value.year()),j=e.ref([]),w=e.ref(null),b=e.ref(null),S=t=>j.value.length>0?se(t,j.value,r.format||"HH:mm:ss"):!0,H=t=>B&&!ee.value&&!F.value&&!$?J.value.year(t.year()).month(t.month()).date(t.date()):N.value?t.millisecond(0):t.startOf("day"),d=(t,...a)=>{if(!t)V("pick",t,...a);else if(C.isArray(t)){const l=t.map(H);V("pick",l,...a)}else V("pick",H(t),...a);w.value=null,b.value=null,F.value=!1,$=!1},fe=async(t,a)=>{if(s.value==="date"){t=t;let l=r.parsedValue?r.parsedValue.year(t.year()).month(t.month()).date(t.date()):t;S(l),n.value=l,d(l,N.value||a),r.type==="datetime"&&(await e.nextTick(),T())}else s.value==="week"?d(t.date):s.value==="dates"&&d(t,!0)},G=t=>{const a=t?"add":"subtract";n.value=n.value[a](1,"month"),z("month")},Q=t=>{const a=n.value,l=t?"add":"subtract";n.value=u.value==="year"?a[l](10,"year"):a[l](1,"year"),z("year")},u=e.ref("date"),pe=e.computed(()=>{const t="年";if(u.value==="year"){const a=Math.floor(W.value/10)*10;return`${a} ${t} - ${a+9} ${t}`}return`${W.value} ${t}`}),he=t=>{const a=C.isFunction(t.value)?t.value():t.value;if(a){$=!0,d(h(a).locale(c.value));return}t.onClick&&t.onClick({attrs:ie,slots:ce,emit:V})},s=e.computed(()=>{const{type:t}=r;return["week","month","months","year","years","dates"].includes(t)?t:"date"}),M=e.computed(()=>s.value==="dates"||s.value==="months"||s.value==="years"),Ve=e.computed(()=>s.value==="date"?u.value:s.value),X=e.computed(()=>!!L.length),ke=async(t,a)=>{s.value==="month"?(n.value=D.getValidDateOfMonth(n.value,n.value.year(),t,c.value,i),d(n.value,!1)):s.value==="months"?d(t,a??!0):(n.value=D.getValidDateOfMonth(n.value,n.value.year(),t,c.value,i),u.value="date",["month","year","date","week"].includes(s.value)&&(d(n.value,!0),await e.nextTick(),T())),z("month")},ye=async(t,a)=>{if(s.value==="year"){const l=n.value.startOf("year").year(t);n.value=D.getValidDateOfYear(l,c.value,i),d(n.value,!1)}else if(s.value==="years")d(t,a??!0);else{const l=n.value.year(t);n.value=D.getValidDateOfYear(l,c.value,i),u.value="month",["month","year","date","week"].includes(s.value)&&(d(n.value,!0),await e.nextTick(),T())}z("year")},q=async t=>{u.value=t,await e.nextTick(),T()},N=e.computed(()=>r.type==="datetime"||r.type==="datetimerange"),we=e.computed(()=>{const t=N.value||s.value==="dates",a=s.value==="years",l=s.value==="months",m=u.value==="date",f=u.value==="year",_=u.value==="month";return t&&m||a&&f||l&&_}),be=e.computed(()=>i?r.parsedValue?C.isArray(r.parsedValue)?i(r.parsedValue[0].toDate()):i(r.parsedValue.toDate()):!0:!1),Ce=()=>{if(M.value)d(r.parsedValue);else{let t=r.parsedValue;if(!t){const a=h(B).locale(c.value),l=K();t=a.year(l.year()).month(l.month()).date(l.date())}n.value=t,d(t)}},De=e.computed(()=>i?i(h().locale(c.value).toDate()):!1),Ee=()=>{const a=h().locale(c.value).toDate();F.value=!0,(!i||!i(a))&&S(a)&&(n.value=h().locale(c.value),d(n.value))},Y=e.computed(()=>r.timeFormat||re.extractTimeFormat(r.format)),Z=e.computed(()=>r.dateFormat||re.extractDateFormat(r.format)),ee=e.computed(()=>{if(b.value)return b.value;if(!(!r.parsedValue&&!E.value))return(r.parsedValue||n.value).format(Y.value)}),Ne=e.computed(()=>{if(w.value)return w.value;if(!(!r.parsedValue&&!E.value))return(r.parsedValue||n.value).format(Z.value)}),g=e.ref(!1),ge=()=>{g.value=!0},Te=()=>{g.value=!1},x=t=>({hour:t.hour(),minute:t.minute(),second:t.second(),year:t.year(),month:t.month(),date:t.date()}),_e=(t,a,l)=>{const{hour:m,minute:f,second:_}=x(t),R=r.parsedValue?r.parsedValue.hour(m).minute(f).second(_):t;n.value=R,d(n.value,!0),l||(g.value=a)},Oe=t=>{const a=h(t,Y.value).locale(c.value);if(a.isValid()&&S(a)){const{year:l,month:m,date:f}=x(n.value);n.value=a.year(l).month(m).date(f),b.value=null,g.value=!1,d(n.value,!0)}},Pe=t=>{const a=D.correctlyParseUserInput(t,Z.value,c.value,U);if(a.isValid()){if(i&&i(a.toDate()))return;const{hour:l,minute:m,second:f}=x(n.value);n.value=a.hour(l).minute(m).second(f),w.value=null,d(n.value,!0)}},qe=t=>h.isDayjs(t)&&t.isValid()&&(i?!i(t.toDate()):!0),ze=t=>C.isArray(t)?t.map(a=>a.format(r.format)):t.format(r.format),Ie=t=>D.correctlyParseUserInput(t,r.format,c.value,U),K=()=>{const t=h(E.value).locale(c.value);if(!E.value){const a=J.value;return h().hour(a.hour()).minute(a.minute()).second(a.second()).locale(c.value)}return t},T=()=>{["week","month","year","date"].includes(s.value)&&P.value?.focus()},Be=()=>{T(),s.value==="week"&&te(p.EVENT_CODE.down)},Fe=t=>{const{code:a}=t;[p.EVENT_CODE.up,p.EVENT_CODE.down,p.EVENT_CODE.left,p.EVENT_CODE.right,p.EVENT_CODE.home,p.EVENT_CODE.end,p.EVENT_CODE.pageUp,p.EVENT_CODE.pageDown].includes(a)&&(te(a),t.stopPropagation(),t.preventDefault()),[p.EVENT_CODE.enter,p.EVENT_CODE.space,p.EVENT_CODE.numpadEnter].includes(a)&&w.value===null&&b.value===null&&(t.preventDefault(),d(n.value,!1))},te=t=>{const{up:a,down:l,left:m,right:f,home:_,end:R,pageUp:$e,pageDown:Se}=p.EVENT_CODE,Me={year:{[a]:-4,[l]:4,[m]:-1,[f]:1,offset:(o,y)=>o.setFullYear(o.getFullYear()+y)},month:{[a]:-4,[l]:4,[m]:-1,[f]:1,offset:(o,y)=>o.setMonth(o.getMonth()+y)},week:{[a]:-1,[l]:1,[m]:-1,[f]:1,offset:(o,y)=>o.setDate(o.getDate()+y*7)},date:{[a]:-7,[l]:7,[m]:-1,[f]:1,[_]:o=>-o.getDay(),[R]:o=>-o.getDay()+6,[$e]:o=>-new Date(o.getFullYear(),o.getMonth(),0).getDate(),[Se]:o=>new Date(o.getFullYear(),o.getMonth()+1,0).getDate(),offset:(o,y)=>o.setDate(o.getDate()+y)}},O=n.value.toDate();for(;Math.abs(n.value.diff(O,"year",!0))<1;){const o=Me[Ve.value];if(!o)return;if(o.offset(O,C.isFunction(o[t])?o[t](O):o[t]??0),i&&i(O))break;const y=h(O).locale(c.value);n.value=y,V("pick",y,!0);break}},z=t=>{V("panel-change",n.value.toDate(),t,u.value)};return e.watch(()=>s.value,t=>{if(["month","year"].includes(t)){u.value=t;return}else if(t==="years"){u.value="year";return}else if(t==="months"){u.value="month";return}u.value="date"},{immediate:!0}),e.watch(()=>u.value,()=>{de?.updatePopper()}),e.watch(()=>E.value,t=>{t&&(n.value=K())},{immediate:!0}),e.watch(()=>r.parsedValue,t=>{if(t){if(M.value||C.isArray(t))return;n.value=t}else n.value=K()},{immediate:!0}),V("set-picker-option",["isValidValue",qe]),V("set-picker-option",["formatToString",ze]),V("set-picker-option",["parseUserInput",Ie]),V("set-picker-option",["handleFocusPicker",Be]),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(v).b(),e.unref(k).b(),{"has-sidebar":t.$slots.sidebar||X.value,"has-time":N.value}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).e("body-wrapper"))},[e.renderSlot(t.$slots,"sidebar",{class:e.normalizeClass(e.unref(v).e("sidebar"))}),X.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(v).e("sidebar"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(L),(l,m)=>(e.openBlock(),e.createElementBlock("button",{key:m,type:"button",class:e.normalizeClass(e.unref(v).e("shortcut")),onClick:f=>he(l)},e.toDisplayString(l.text),11,je))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).e("body"))},[N.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(k).e("time-header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(k).e("editor-wrap"))},[e.createVNode(e.unref(le.VftInput),{placeholder:"选择日期","model-value":Ne.value,size:"small","validate-event":!1,onInput:a[0]||(a[0]=l=>w.value=l),onChange:Pe},null,8,["model-value"])],2),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(k).e("editor-wrap"))},[e.createVNode(e.unref(le.VftInput),{placeholder:"选择时间","model-value":ee.value,size:"small","validate-event":!1,onFocus:ge,onInput:a[1]||(a[1]=l=>b.value=l),onChange:Oe},null,8,["model-value"]),e.createVNode(e.unref(We.default),{visible:g.value,format:Y.value,"parsed-value":n.value,onPick:_e},null,8,["visible","format","parsed-value"])],2)),[[e.unref(Ye.ClickOutside),Te]])],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(k).e("header"),(u.value==="year"||u.value==="month")&&e.unref(k).e("header--bordered")])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(k).e("prev-btn"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["d-arrow-left",e.unref(v).e("icon-btn")]),onClick:a[2]||(a[2]=l=>Q(!1))},[e.createVNode(e.unref(I.VftIcon),{icon:"icon-d-arrow-left"})],2),e.withDirectives(e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(v).e("icon-btn"),"arrow-left"]),onClick:a[3]||(a[3]=l=>G(!1))},[e.createVNode(e.unref(I.VftIcon),{icon:"icon-arrow-left"})],2),[[e.vShow,u.value==="date"]])],2),e.createElementVNode("span",{role:"button",class:e.normalizeClass(e.unref(k).e("header-label")),"aria-live":"polite",tabindex:"0",onKeydown:a[4]||(a[4]=e.withKeys(l=>q("year"),["enter"])),onClick:a[5]||(a[5]=l=>q("year"))},e.toDisplayString(pe.value),35),e.withDirectives(e.createElementVNode("span",{role:"button","aria-live":"polite",tabindex:"0",class:e.normalizeClass([e.unref(k).e("header-label"),{active:u.value==="month"}]),onKeydown:a[6]||(a[6]=e.withKeys(l=>q("month"),["enter"])),onClick:a[7]||(a[7]=l=>q("month"))},e.toDisplayString(me.value+1),35),[[e.vShow,u.value==="date"]]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(k).e("next-btn"))},[e.withDirectives(e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(v).e("icon-btn"),"arrow-right"]),onClick:a[8]||(a[8]=l=>G(!0))},[e.createVNode(e.unref(I.VftIcon),{icon:"icon-arrow-right"})],2),[[e.vShow,u.value==="date"]]),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(v).e("icon-btn"),"d-arrow-right"]),onClick:a[9]||(a[9]=l=>Q(!0))},[e.createVNode(e.unref(I.VftIcon),{icon:"icon-d-arrow-right"})],2)],2)],2),[[e.vShow,u.value!=="time"]]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).e("content")),onKeydown:Fe},[u.value==="date"?(e.openBlock(),e.createBlock(Re.default,{key:0,ref_key:"currentViewRef",ref:P,"selection-mode":s.value,date:n.value,"parsed-value":t.parsedValue,"disabled-date":e.unref(i),"cell-class-name":e.unref(ve),"show-week-number":t.showWeekNumber,onPick:fe},null,8,["selection-mode","date","parsed-value","disabled-date","cell-class-name","show-week-number"])):e.createCommentVNode("",!0),u.value==="year"?(e.openBlock(),e.createBlock(Ue.default,{key:1,ref_key:"currentViewRef",ref:P,"selection-mode":s.value,date:n.value,"disabled-date":e.unref(i),"parsed-value":t.parsedValue,onPick:ye},null,8,["selection-mode","date","disabled-date","parsed-value"])):e.createCommentVNode("",!0),u.value==="month"?(e.openBlock(),e.createBlock(Ae.default,{key:2,ref_key:"currentViewRef",ref:P,"selection-mode":s.value,date:n.value,"parsed-value":t.parsedValue,"disabled-date":e.unref(i),onPick:ke},null,8,["selection-mode","date","parsed-value","disabled-date"])):e.createCommentVNode("",!0)],34)],2)],2),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).e("footer"))},[e.withDirectives(e.createVNode(e.unref(ae.VftButton),{text:"",size:"small",class:e.normalizeClass(e.unref(v).e("link-btn")),disabled:De.value,onClick:Ee},{default:e.withCtx(()=>a[10]||(a[10]=[e.createTextVNode(" 现在 ")])),_:1,__:[10]},8,["class","disabled"]),[[e.vShow,!M.value&&t.showNow]]),e.createVNode(e.unref(ae.VftButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(v).e("link-btn")),disabled:be.value,onClick:Ce},{default:e.withCtx(()=>a[11]||(a[11]=[e.createTextVNode(" 确认 ")])),_:1,__:[11]},8,["class","disabled"])],2),[[e.vShow,we.value]])],2))}});exports.default=He;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("dayjs"),ae=require("../../button/index.cjs"),Ye=require("@vft/directives");require("@vueuse/core");const C=require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");const p=require("../../../constants/aria.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const ne=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const le=require("../../input/index.cjs");require("../../time-picker/index.cjs");const I=require("../../icon/index.cjs");require("../../tooltip/index.cjs");const xe=require("../props/panel-date-pick.cjs"),D=require("../utils.cjs"),Ke=require("../constants.cjs"),Re=require("./basic-date-table.vue2.cjs"),Ae=require("./basic-month-table.vue2.cjs"),Ue=require("./basic-year-table.vue2.cjs"),Le=require("../../time-picker/constants.cjs"),Je=require("../../tooltip/constants.cjs"),re=require("../../time-picker/utils.cjs"),We=require("../../time-picker/time-picker-com/panel-time-pick.vue2.cjs"),je=["onClick"],He=e.defineComponent({__name:"panel-date-pick",props:xe.panelDatePickProps,emits:["pick","set-picker-option","panel-change"],setup(oe,{emit:ue}){const se=(t,a,l)=>!0,r=oe,V=ue,v=ne.useNamespace("picker-panel"),k=ne.useNamespace("date-picker"),ie=e.useAttrs(),ce=e.useSlots(),c=e.ref("zh-cn"),A=e.inject(Le.PICKER_BASE_INJECTION_KEY),U=e.inject(Ke.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY),de=e.inject(Je.TOOLTIP_INJECTION_KEY),{shortcuts:L,disabledDate:i,cellClassName:ve,defaultTime:B}=A.props,E=e.toRef(A.props,"defaultValue"),q=e.ref(),n=e.ref(h().locale(c.value)),F=e.ref(!1);let $=!1;const J=e.computed(()=>h(B).locale(c.value)),me=e.computed(()=>n.value.month()),W=e.computed(()=>n.value.year()),j=e.ref([]),w=e.ref(null),b=e.ref(null),S=t=>j.value.length>0?se(t,j.value,r.format||"HH:mm:ss"):!0,H=t=>B&&!ee.value&&!F.value&&!$?J.value.year(t.year()).month(t.month()).date(t.date()):N.value?t.millisecond(0):t.startOf("day"),d=(t,...a)=>{if(!t)V("pick",t,...a);else if(C.isArray(t)){const l=t.map(H);V("pick",l,...a)}else V("pick",H(t),...a);w.value=null,b.value=null,F.value=!1,$=!1},fe=async(t,a)=>{if(s.value==="date"){t=t;let l=r.parsedValue?r.parsedValue.year(t.year()).month(t.month()).date(t.date()):t;S(l),n.value=l,d(l,N.value||a),r.type==="datetime"&&(await e.nextTick(),T())}else s.value==="week"?d(t.date):s.value==="dates"&&d(t,!0)},G=t=>{const a=t?"add":"subtract";n.value=n.value[a](1,"month"),z("month")},Q=t=>{const a=n.value,l=t?"add":"subtract";n.value=u.value==="year"?a[l](10,"year"):a[l](1,"year"),z("year")},u=e.ref("date"),pe=e.computed(()=>{const t="年";if(u.value==="year"){const a=Math.floor(W.value/10)*10;return`${a} ${t} - ${a+9} ${t}`}return`${W.value} ${t}`}),he=t=>{const a=C.isFunction(t.value)?t.value():t.value;if(a){$=!0,d(h(a).locale(c.value));return}t.onClick&&t.onClick({attrs:ie,slots:ce,emit:V})},s=e.computed(()=>{const{type:t}=r;return["week","month","months","year","years","dates"].includes(t)?t:"date"}),M=e.computed(()=>s.value==="dates"||s.value==="months"||s.value==="years"),Ve=e.computed(()=>s.value==="date"?u.value:s.value),X=e.computed(()=>!!L.length),ke=async(t,a)=>{s.value==="month"?(n.value=D.getValidDateOfMonth(n.value,n.value.year(),t,c.value,i),d(n.value,!1)):s.value==="months"?d(t,a??!0):(n.value=D.getValidDateOfMonth(n.value,n.value.year(),t,c.value,i),u.value="date",["month","year","date","week"].includes(s.value)&&(d(n.value,!0),await e.nextTick(),T())),z("month")},ye=async(t,a)=>{if(s.value==="year"){const l=n.value.startOf("year").year(t);n.value=D.getValidDateOfYear(l,c.value,i),d(n.value,!1)}else if(s.value==="years")d(t,a??!0);else{const l=n.value.year(t);n.value=D.getValidDateOfYear(l,c.value,i),u.value="month",["month","year","date","week"].includes(s.value)&&(d(n.value,!0),await e.nextTick(),T())}z("year")},P=async t=>{u.value=t,await e.nextTick(),T()},N=e.computed(()=>r.type==="datetime"||r.type==="datetimerange"),we=e.computed(()=>{const t=N.value||s.value==="dates",a=s.value==="years",l=s.value==="months",m=u.value==="date",f=u.value==="year",_=u.value==="month";return t&&m||a&&f||l&&_}),be=e.computed(()=>i?r.parsedValue?C.isArray(r.parsedValue)?i(r.parsedValue[0].toDate()):i(r.parsedValue.toDate()):!0:!1),Ce=()=>{if(M.value)d(r.parsedValue);else{let t=r.parsedValue;if(!t){const a=h(B).locale(c.value),l=K();t=a.year(l.year()).month(l.month()).date(l.date())}n.value=t,d(t)}},De=e.computed(()=>i?i(h().locale(c.value).toDate()):!1),Ee=()=>{const a=h().locale(c.value).toDate();F.value=!0,(!i||!i(a))&&S(a)&&(n.value=h().locale(c.value),d(n.value))},Y=e.computed(()=>r.timeFormat||re.extractTimeFormat(r.format)),Z=e.computed(()=>r.dateFormat||re.extractDateFormat(r.format)),ee=e.computed(()=>{if(b.value)return b.value;if(!(!r.parsedValue&&!E.value))return(r.parsedValue||n.value).format(Y.value)}),Ne=e.computed(()=>{if(w.value)return w.value;if(!(!r.parsedValue&&!E.value))return(r.parsedValue||n.value).format(Z.value)}),g=e.ref(!1),ge=()=>{g.value=!0},Te=()=>{g.value=!1},x=t=>({hour:t.hour(),minute:t.minute(),second:t.second(),year:t.year(),month:t.month(),date:t.date()}),_e=(t,a,l)=>{const{hour:m,minute:f,second:_}=x(t),R=r.parsedValue?r.parsedValue.hour(m).minute(f).second(_):t;n.value=R,d(n.value,!0),l||(g.value=a)},Oe=t=>{const a=h(t,Y.value).locale(c.value);if(a.isValid()&&S(a)){const{year:l,month:m,date:f}=x(n.value);n.value=a.year(l).month(m).date(f),b.value=null,g.value=!1,d(n.value,!0)}},qe=t=>{const a=D.correctlyParseUserInput(t,Z.value,c.value,U);if(a.isValid()){if(i&&i(a.toDate()))return;const{hour:l,minute:m,second:f}=x(n.value);n.value=a.hour(l).minute(m).second(f),w.value=null,d(n.value,!0)}},Pe=t=>h.isDayjs(t)&&t.isValid()&&(i?!i(t.toDate()):!0),ze=t=>C.isArray(t)?t.map(a=>a.format(r.format)):t.format(r.format),Ie=t=>D.correctlyParseUserInput(t,r.format,c.value,U),K=()=>{const t=h(E.value).locale(c.value);if(!E.value){const a=J.value;return h().hour(a.hour()).minute(a.minute()).second(a.second()).locale(c.value)}return t},T=()=>{["week","month","year","date"].includes(s.value)&&q.value?.focus()},Be=()=>{T(),s.value==="week"&&te(p.EVENT_CODE.down)},Fe=t=>{const{code:a}=t;[p.EVENT_CODE.up,p.EVENT_CODE.down,p.EVENT_CODE.left,p.EVENT_CODE.right,p.EVENT_CODE.home,p.EVENT_CODE.end,p.EVENT_CODE.pageUp,p.EVENT_CODE.pageDown].includes(a)&&(te(a),t.stopPropagation(),t.preventDefault()),[p.EVENT_CODE.enter,p.EVENT_CODE.space,p.EVENT_CODE.numpadEnter].includes(a)&&w.value===null&&b.value===null&&(t.preventDefault(),d(n.value,!1))},te=t=>{const{up:a,down:l,left:m,right:f,home:_,end:R,pageUp:$e,pageDown:Se}=p.EVENT_CODE,Me={year:{[a]:-4,[l]:4,[m]:-1,[f]:1,offset:(o,y)=>o.setFullYear(o.getFullYear()+y)},month:{[a]:-4,[l]:4,[m]:-1,[f]:1,offset:(o,y)=>o.setMonth(o.getMonth()+y)},week:{[a]:-1,[l]:1,[m]:-1,[f]:1,offset:(o,y)=>o.setDate(o.getDate()+y*7)},date:{[a]:-7,[l]:7,[m]:-1,[f]:1,[_]:o=>-o.getDay(),[R]:o=>-o.getDay()+6,[$e]:o=>-new Date(o.getFullYear(),o.getMonth(),0).getDate(),[Se]:o=>new Date(o.getFullYear(),o.getMonth()+1,0).getDate(),offset:(o,y)=>o.setDate(o.getDate()+y)}},O=n.value.toDate();for(;Math.abs(n.value.diff(O,"year",!0))<1;){const o=Me[Ve.value];if(!o)return;if(o.offset(O,C.isFunction(o[t])?o[t](O):o[t]??0),i&&i(O))break;const y=h(O).locale(c.value);n.value=y,V("pick",y,!0);break}},z=t=>{V("panel-change",n.value.toDate(),t,u.value)};return e.watch(()=>s.value,t=>{if(["month","year"].includes(t)){u.value=t;return}else if(t==="years"){u.value="year";return}else if(t==="months"){u.value="month";return}u.value="date"},{immediate:!0}),e.watch(()=>u.value,()=>{de?.updatePopper()}),e.watch(()=>E.value,t=>{t&&(n.value=K())},{immediate:!0}),e.watch(()=>r.parsedValue,t=>{if(t){if(M.value||C.isArray(t))return;n.value=t}else n.value=K()},{immediate:!0}),V("set-picker-option",["isValidValue",Pe]),V("set-picker-option",["formatToString",ze]),V("set-picker-option",["parseUserInput",Ie]),V("set-picker-option",["handleFocusPicker",Be]),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(v).b(),e.unref(k).b(),{"has-sidebar":t.$slots.sidebar||X.value,"has-time":N.value}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).e("body-wrapper"))},[e.renderSlot(t.$slots,"sidebar",{class:e.normalizeClass(e.unref(v).e("sidebar"))}),X.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(v).e("sidebar"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(L),(l,m)=>(e.openBlock(),e.createElementBlock("button",{key:m,type:"button",class:e.normalizeClass(e.unref(v).e("shortcut")),onClick:f=>he(l)},e.toDisplayString(l.text),11,je))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).e("body"))},[N.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(k).e("time-header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(k).e("editor-wrap"))},[e.createVNode(e.unref(le.VftInput),{placeholder:"选择日期","model-value":Ne.value,size:"small","validate-event":!1,onInput:a[0]||(a[0]=l=>w.value=l),onChange:qe},null,8,["model-value"])],2),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(k).e("editor-wrap"))},[e.createVNode(e.unref(le.VftInput),{placeholder:"选择时间","model-value":ee.value,size:"small","validate-event":!1,onFocus:ge,onInput:a[1]||(a[1]=l=>b.value=l),onChange:Oe},null,8,["model-value"]),e.createVNode(e.unref(We.default),{visible:g.value,format:Y.value,"parsed-value":n.value,onPick:_e},null,8,["visible","format","parsed-value"])],2)),[[e.unref(Ye.ClickOutside),Te]])],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(k).e("header"),(u.value==="year"||u.value==="month")&&e.unref(k).e("header--bordered")])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(k).e("prev-btn"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["d-arrow-left",e.unref(v).e("icon-btn")]),onClick:a[2]||(a[2]=l=>Q(!1))},[e.createVNode(e.unref(I.VftIcon),{icon:"icon-d-arrow-left"})],2),e.withDirectives(e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(v).e("icon-btn"),"arrow-left"]),onClick:a[3]||(a[3]=l=>G(!1))},[e.createVNode(e.unref(I.VftIcon),{icon:"icon-arrow-left"})],2),[[e.vShow,u.value==="date"]])],2),e.createElementVNode("span",{role:"button",class:e.normalizeClass(e.unref(k).e("header-label")),"aria-live":"polite",tabindex:"0",onKeydown:a[4]||(a[4]=e.withKeys(l=>P("year"),["enter"])),onClick:a[5]||(a[5]=l=>P("year"))},e.toDisplayString(pe.value),35),e.withDirectives(e.createElementVNode("span",{role:"button","aria-live":"polite",tabindex:"0",class:e.normalizeClass([e.unref(k).e("header-label"),{active:u.value==="month"}]),onKeydown:a[6]||(a[6]=e.withKeys(l=>P("month"),["enter"])),onClick:a[7]||(a[7]=l=>P("month"))},e.toDisplayString(me.value+1),35),[[e.vShow,u.value==="date"]]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(k).e("next-btn"))},[e.withDirectives(e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(v).e("icon-btn"),"arrow-right"]),onClick:a[8]||(a[8]=l=>G(!0))},[e.createVNode(e.unref(I.VftIcon),{icon:"icon-arrow-right"})],2),[[e.vShow,u.value==="date"]]),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(v).e("icon-btn"),"d-arrow-right"]),onClick:a[9]||(a[9]=l=>Q(!0))},[e.createVNode(e.unref(I.VftIcon),{icon:"icon-d-arrow-right"})],2)],2)],2),[[e.vShow,u.value!=="time"]]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).e("content")),onKeydown:Fe},[u.value==="date"?(e.openBlock(),e.createBlock(Re.default,{key:0,ref_key:"currentViewRef",ref:q,"selection-mode":s.value,date:n.value,"parsed-value":t.parsedValue,"disabled-date":e.unref(i),"cell-class-name":e.unref(ve),"show-week-number":t.showWeekNumber,onPick:fe},null,8,["selection-mode","date","parsed-value","disabled-date","cell-class-name","show-week-number"])):e.createCommentVNode("",!0),u.value==="year"?(e.openBlock(),e.createBlock(Ue.default,{key:1,ref_key:"currentViewRef",ref:q,"selection-mode":s.value,date:n.value,"disabled-date":e.unref(i),"parsed-value":t.parsedValue,onPick:ye},null,8,["selection-mode","date","disabled-date","parsed-value"])):e.createCommentVNode("",!0),u.value==="month"?(e.openBlock(),e.createBlock(Ae.default,{key:2,ref_key:"currentViewRef",ref:q,"selection-mode":s.value,date:n.value,"parsed-value":t.parsedValue,"disabled-date":e.unref(i),onPick:ke},null,8,["selection-mode","date","parsed-value","disabled-date"])):e.createCommentVNode("",!0)],34)],2)],2),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(v).e("footer"))},[e.withDirectives(e.createVNode(e.unref(ae.VftButton),{text:"",size:"small",class:e.normalizeClass(e.unref(v).e("link-btn")),disabled:De.value,onClick:Ee},{default:e.withCtx(()=>a[10]||(a[10]=[e.createTextVNode(" 现在 ")])),_:1,__:[10]},8,["class","disabled"]),[[e.vShow,!M.value&&t.showNow]]),e.createVNode(e.unref(ae.VftButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(v).e("link-btn")),disabled:be.value,onClick:Ce},{default:e.withCtx(()=>a[11]||(a[11]=[e.createTextVNode(" 确认 ")])),_:1,__:[11]},8,["class","disabled"])],2),[[e.vShow,we.value]])],2))}});exports.default=He;

package/lib/components/date-picker/date-picker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("dayjs"),E=require("dayjs/plugin/customParseFormat.js"),O=require("dayjs/plugin/advancedFormat.js"),P=require("dayjs/plugin/localeData.js"),f=require("dayjs/plugin/weekOfYear.js"),v=require("dayjs/plugin/weekYear.js"),T=require("dayjs/plugin/dayOfYear.js"),x=require("dayjs/plugin/isSameOrAfter.js"),D=require("dayjs/plugin/isSameOrBefore.js");require("@vueuse/core");require("@vft/utils");const i=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const N=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../time-picker/index.cjs");const c=require("./constants.cjs"),y=require("./props/date-picker.cjs"),I=require("./panel-utils.cjs"),u=require("../time-picker/constants.cjs"),A=require("../time-picker/common/picker.vue2.cjs");r.extend(P);r.extend(O);r.extend(E);r.extend(f);r.extend(v);r.extend(T);r.extend(x);r.extend(D);const C=e.defineComponent({name:"ElDatePicker",install:null,props:y.datePickerProps,emits:[i.UPDATE_MODEL_EVENT],setup(t,{expose:s,emit:d,slots:n}){const l=N.useNamespace("picker-panel"),_=e.computed(()=>!t.format);e.provide(c.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,_),e.provide(u.PICKER_POPPER_OPTIONS_INJECTION_KEY,e.reactive(e.toRef(t,"popperOptions"))),e.provide(c.ROOT_PICKER_INJECTION_KEY,{slots:n,pickerNs:l});const a=e.ref();s({focus:()=>{a.value?.focus()},blur:()=>{a.value?.blur()},handleOpen:()=>{a.value?.handleOpen()},handleClose:()=>{a.value?.handleClose()}});const p=o=>{d(i.UPDATE_MODEL_EVENT,o)};return()=>{const o=t.format??(u.DEFAULT_FORMATS_DATEPICKER[t.type]||u.DEFAULT_FORMATS_DATE),m=I.getPanel(t.type);return e.createVNode(A.default,e.mergeProps(t,{format:o,type:t.type,ref:a,"onUpdate:modelValue":p}),{default:q=>e.createVNode(m,q,{"prev-month":n["prev-month"],"next-month":n["next-month"],"prev-year":n["prev-year"],"next-year":n["next-year"]}),"range-separator":n["range-separator"]})}}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("dayjs"),E=require("dayjs/plugin/customParseFormat.js"),O=require("dayjs/plugin/advancedFormat.js"),P=require("dayjs/plugin/localeData.js"),f=require("dayjs/plugin/weekOfYear.js"),v=require("dayjs/plugin/weekYear.js"),T=require("dayjs/plugin/dayOfYear.js"),x=require("dayjs/plugin/isSameOrAfter.js"),D=require("dayjs/plugin/isSameOrBefore.js");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const i=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const N=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../time-picker/index.cjs");const c=require("./constants.cjs"),y=require("./props/date-picker.cjs"),I=require("./panel-utils.cjs"),u=require("../time-picker/constants.cjs"),A=require("../time-picker/common/picker.vue2.cjs");r.extend(P);r.extend(O);r.extend(E);r.extend(f);r.extend(v);r.extend(T);r.extend(x);r.extend(D);const C=e.defineComponent({name:"ElDatePicker",install:null,props:y.datePickerProps,emits:[i.UPDATE_MODEL_EVENT],setup(t,{expose:s,emit:d,slots:n}){const l=N.useNamespace("picker-panel"),_=e.computed(()=>!t.format);e.provide(c.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,_),e.provide(u.PICKER_POPPER_OPTIONS_INJECTION_KEY,e.reactive(e.toRef(t,"popperOptions"))),e.provide(c.ROOT_PICKER_INJECTION_KEY,{slots:n,pickerNs:l});const a=e.ref();s({focus:()=>{a.value?.focus()},blur:()=>{a.value?.blur()},handleOpen:()=>{a.value?.handleOpen()},handleClose:()=>{a.value?.handleClose()}});const p=o=>{d(i.UPDATE_MODEL_EVENT,o)};return()=>{const o=t.format??(u.DEFAULT_FORMATS_DATEPICKER[t.type]||u.DEFAULT_FORMATS_DATE),q=I.getPanel(t.type);return e.createVNode(A.default,e.mergeProps(t,{format:o,type:t.type,ref:a,"onUpdate:modelValue":p}),{default:m=>e.createVNode(q,m,{"prev-month":n["prev-month"],"next-month":n["next-month"],"prev-year":n["prev-year"],"next-year":n["next-year"]}),"range-separator":n["range-separator"]})}}});exports.default=C;

package/lib/components/date-picker/date-picker.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly unlinkPanels: BooleanConstructor;
-    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
     readonly fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
     readonly emptyValues: ArrayConstructor;
     readonly valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly unlinkPanels: BooleanConstructor;
-    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
     readonly fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
     readonly emptyValues: ArrayConstructor;
     readonly valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -157,7 +157,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -186,10 +186,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
     readonly disabled: boolean;
+    readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType)) | null)[], unknown, unknown>;
-    readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
+    readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
     readonly placeholder: string;