vft 0.0.429 → 0.0.431

package/lib/components/scrollbar/scrollbar.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils"),C=require("@vueuse/core"),k=require("../../utils/error.cjs"),x=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const W=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const L=require("./bar.vue2.cjs"),P=require("./constants.cjs"),c=require("./util.cjs"),B="ElScrollbar",j=e.defineComponent({name:"vft-scrollbar"}),G=e.defineComponent({...j,props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},wrapStyle:{type:[Boolean,null,String,Object,Array],default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{type:[Boolean,null,String,Object,Array],default:""},noresize:{type:Boolean},tag:{default:"div"},always:{type:Boolean},minSize:{default:20}},emits:{scroll:({scrollTop:r,scrollLeft:f})=>[r,f].every(s.isNumber)},setup(r,{expose:f,emit:N}){const o=W.useNamespace("scrollbar"),R=N;let h,y;const b=e.ref(),l=e.ref(),g=e.ref(),w=e.ref("0"),S=e.ref("0"),d=e.ref(),z=e.ref(1),p=e.ref(1),T=e.computed(()=>{const t={};return r.height&&(t.height=x.addUnit(r.height)),r.maxHeight&&(t.maxHeight=x.addUnit(r.maxHeight)),[r.wrapStyle,t]}),H=e.computed(()=>[r.wrapClass,o.e("wrap"),{[o.em("wrap","hidden-default")]:!r.native}]),E=e.computed(()=>[o.e("view"),r.viewClass]),q=()=>{l.value&&(d.value?.handleScroll(l.value),R("scroll",{scrollTop:l.value.scrollTop,scrollLeft:l.value.scrollLeft}))};function O(t,a){s.isObject(t)?l.value.scrollTo(t):s.isNumber(t)&&s.isNumber(a)&&l.value.scrollTo(t,a)}const A=t=>{if(!s.isNumber(t)){k.debugWarn(B,"value must be a number");return}l.value.scrollTop=t},M=t=>{if(!s.isNumber(t)){k.debugWarn(B,"value must be a number");return}l.value.scrollLeft=t},i=()=>{if(!l.value)return;const t=l.value.offsetHeight-c.GAP,a=l.value.offsetWidth-c.GAP,v=t**2/l.value.scrollHeight,m=a**2/l.value.scrollWidth,n=Math.max(v,r.minSize),u=Math.max(m,r.minSize);z.value=v/(t-v)/(n/(t-n)),p.value=m/(a-m)/(u/(a-u)),S.value=n+c.GAP<t?`${n}px`:"",w.value=u+c.GAP<a?`${u}px`:""};return e.watch(()=>r.noresize,t=>{t?(h?.(),y?.()):({stop:h}=C.useResizeObserver(g,i),y=C.useEventListener("resize",i))},{immediate:!0}),e.watch(()=>[r.maxHeight,r.height],()=>{r.native||e.nextTick(()=>{i(),l.value&&d.value?.handleScroll(l.value)})}),e.provide(P.scrollbarContextKey,e.reactive({scrollbarElement:b,wrapElement:l})),e.onMounted(()=>{r.native||e.nextTick(()=>{i()})}),e.onUpdated(()=>i()),f({wrapRef:l,update:i,scrollTo:O,setScrollTop:A,setScrollLeft:M,handleScroll:q}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarRef",ref:b,class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:l,class:e.normalizeClass(H.value),style:e.normalizeStyle(T.value),onScroll:q},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"resizeRef",ref:g,class:e.normalizeClass(E.value),style:e.normalizeStyle(t.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),t.native?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(L.default,{key:0,ref_key:"barRef",ref:d,height:S.value,width:w.value,always:t.always,"ratio-x":p.value,"ratio-y":z.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils"),C=require("@vueuse/core"),k=require("../../utils/error.cjs"),B=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const W=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const L=require("./bar.vue2.cjs"),P=require("./constants.cjs"),c=require("./util.cjs"),N="ElScrollbar",j=e.defineComponent({name:"vft-scrollbar"}),G=e.defineComponent({...j,props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},wrapStyle:{type:[Boolean,null,String,Object,Array],default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{type:[Boolean,null,String,Object,Array],default:""},noresize:{type:Boolean},tag:{default:"div"},always:{type:Boolean},minSize:{default:20}},emits:{scroll:({scrollTop:l,scrollLeft:f})=>[l,f].every(s.isNumber)},setup(l,{expose:f,emit:R}){const o=W.useNamespace("scrollbar"),T=R;let h,y;const b=e.ref(),r=e.ref(),g=e.ref(),w=e.ref("0"),S=e.ref("0"),d=e.ref(),z=e.ref(1),x=e.ref(1),p=e.computed(()=>{const t={};return l.height&&(t.height=B.addUnit(l.height)),l.maxHeight&&(t.maxHeight=B.addUnit(l.maxHeight)),[l.wrapStyle,t]}),H=e.computed(()=>[l.wrapClass,o.e("wrap"),{[o.em("wrap","hidden-default")]:!l.native}]),E=e.computed(()=>[o.e("view"),l.viewClass]),q=()=>{r.value&&(d.value?.handleScroll(r.value),T("scroll",{scrollTop:r.value.scrollTop,scrollLeft:r.value.scrollLeft}))};function O(t,a){s.isObject(t)?r.value.scrollTo(t):s.isNumber(t)&&s.isNumber(a)&&r.value.scrollTo(t,a)}const A=t=>{if(!s.isNumber(t)){k.debugWarn(N,"value must be a number");return}r.value.scrollTop=t},M=t=>{if(!s.isNumber(t)){k.debugWarn(N,"value must be a number");return}r.value.scrollLeft=t},i=()=>{if(!r.value)return;const t=r.value.offsetHeight-c.GAP,a=r.value.offsetWidth-c.GAP,v=t**2/r.value.scrollHeight,m=a**2/r.value.scrollWidth,n=Math.max(v,l.minSize),u=Math.max(m,l.minSize);z.value=v/(t-v)/(n/(t-n)),x.value=m/(a-m)/(u/(a-u)),S.value=n+c.GAP<t?`${n}px`:"",w.value=u+c.GAP<a?`${u}px`:""};return e.watch(()=>l.noresize,t=>{t?(h?.(),y?.()):({stop:h}=C.useResizeObserver(g,i),y=C.useEventListener("resize",i))},{immediate:!0}),e.watch(()=>[l.maxHeight,l.height],()=>{l.native||e.nextTick(()=>{i(),r.value&&d.value?.handleScroll(r.value)})}),e.provide(P.scrollbarContextKey,e.reactive({scrollbarElement:b,wrapElement:r})),e.onMounted(()=>{l.native||e.nextTick(()=>{i()})}),e.onUpdated(()=>i()),f({wrapRef:r,update:i,scrollTo:O,setScrollTop:A,setScrollLeft:M,handleScroll:q}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarRef",ref:b,class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:r,class:e.normalizeClass(H.value),style:e.normalizeStyle(p.value),onScroll:q},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.tag),{ref_key:"resizeRef",ref:g,class:e.normalizeClass(E.value),style:e.normalizeStyle(l.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),l.native?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(L.default,{key:0,ref_key:"barRef",ref:d,height:S.value,width:w.value,always:l.always,"ratio-x":x.value,"ratio-y":z.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});exports.default=G;

package/lib/components/scrollbar/thumb.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");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 R=require("./constants.cjs"),S=require("./util.cjs"),T="Thumb",x=e.defineComponent({__name:"thumb",props:{vertical:{type:Boolean},size:{},move:{},ratio:{},always:{type:Boolean}},setup(s){const o=e.inject(R.scrollbarContextKey),u=L.useNamespace("scrollbar");o||B.throwError(T,"can not inject scrollbar context");const l=e.ref(),a=e.ref(),v=e.ref({}),c=e.ref(!1);let i=!1,m=!1,f=E.isClient?document.onselectstart:null;const t=e.computed(()=>S.BAR_MAP[s.vertical?"vertical":"horizontal"]),y=e.computed(()=>S.renderThumbStyle({size:s.size,move:s.move,bar:t.value})),g=e.computed(()=>l.value[t.value.offset]**2/o.wrapElement[t.value.scrollSize]/s.ratio/a.value[t.value.offset]),q=n=>{if(n.stopPropagation(),n.ctrlKey||[1,2].includes(n.button))return;window.getSelection()?.removeAllRanges(),C(n);const r=n.currentTarget;r&&(v.value[t.value.axis]=r[t.value.offset]-(n[t.value.client]-r.getBoundingClientRect()[t.value.direction]))},z=n=>{if(!a.value||!l.value||!o.wrapElement)return;const r=Math.abs(n.target.getBoundingClientRect()[t.value.direction]-n[t.value.client]),b=a.value[t.value.offset]/2,h=(r-b)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=h*o.wrapElement[t.value.scrollSize]/100},C=n=>{n.stopImmediatePropagation(),i=!0,document.addEventListener("mousemove",p),document.addEventListener("mouseup",d),f=document.onselectstart,document.onselectstart=()=>!1},p=n=>{if(!l.value||!a.value||i===!1)return;const r=v.value[t.value.axis];if(!r)return;const b=(l.value.getBoundingClientRect()[t.value.direction]-n[t.value.client])*-1,h=a.value[t.value.offset]-r,k=(b-h)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=k*o.wrapElement[t.value.scrollSize]/100},d=()=>{i=!1,v.value[t.value.axis]=0,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",d),w(),m&&(c.value=!1)},P=()=>{m=!1,c.value=!!s.size},M=()=>{m=!0,c.value=i};e.onBeforeUnmount(()=>{w(),document.removeEventListener("mouseup",d)});const w=()=>{document.onselectstart!==f&&(document.onselectstart=f)};return E.useEventListener(e.toRef(o,"scrollbarElement"),"mousemove",P),E.useEventListener(e.toRef(o,"scrollbarElement"),"mouseleave",M),(n,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(u).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"instance",ref:l,class:e.normalizeClass([e.unref(u).e("bar"),e.unref(u).is(t.value.key)]),onMousedown:z},[e.createElementVNode("div",{ref_key:"thumb",ref:a,class:e.normalizeClass(e.unref(u).e("thumb")),style:e.normalizeStyle(y.value),onMousedown:q},null,38)],34),[[e.vShow,n.always||c.value]])]),_:1},8,["name"]))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");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 x=require("./constants.cjs"),S=require("./util.cjs"),R="Thumb",T=e.defineComponent({__name:"thumb",props:{vertical:{type:Boolean},size:{},move:{},ratio:{},always:{type:Boolean}},setup(a){const o=e.inject(x.scrollbarContextKey),u=L.useNamespace("scrollbar");o||B.throwError(R,"can not inject scrollbar context");const l=e.ref(),s=e.ref(),v=e.ref({}),c=e.ref(!1);let i=!1,m=!1,f=E.isClient?document.onselectstart:null;const t=e.computed(()=>S.BAR_MAP[a.vertical?"vertical":"horizontal"]),y=e.computed(()=>S.renderThumbStyle({size:a.size,move:a.move,bar:t.value})),g=e.computed(()=>l.value[t.value.offset]**2/o.wrapElement[t.value.scrollSize]/a.ratio/s.value[t.value.offset]),q=n=>{if(n.stopPropagation(),n.ctrlKey||[1,2].includes(n.button))return;window.getSelection()?.removeAllRanges(),C(n);const r=n.currentTarget;r&&(v.value[t.value.axis]=r[t.value.offset]-(n[t.value.client]-r.getBoundingClientRect()[t.value.direction]))},z=n=>{if(!s.value||!l.value||!o.wrapElement)return;const r=Math.abs(n.target.getBoundingClientRect()[t.value.direction]-n[t.value.client]),b=s.value[t.value.offset]/2,h=(r-b)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=h*o.wrapElement[t.value.scrollSize]/100},C=n=>{n.stopImmediatePropagation(),i=!0,document.addEventListener("mousemove",p),document.addEventListener("mouseup",d),f=document.onselectstart,document.onselectstart=()=>!1},p=n=>{if(!l.value||!s.value||i===!1)return;const r=v.value[t.value.axis];if(!r)return;const b=(l.value.getBoundingClientRect()[t.value.direction]-n[t.value.client])*-1,h=s.value[t.value.offset]-r,k=(b-h)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=k*o.wrapElement[t.value.scrollSize]/100},d=()=>{i=!1,v.value[t.value.axis]=0,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",d),w(),m&&(c.value=!1)},P=()=>{m=!1,c.value=!!a.size},M=()=>{m=!0,c.value=i};e.onBeforeUnmount(()=>{w(),document.removeEventListener("mouseup",d)});const w=()=>{document.onselectstart!==f&&(document.onselectstart=f)};return E.useEventListener(e.toRef(o,"scrollbarElement"),"mousemove",P),E.useEventListener(e.toRef(o,"scrollbarElement"),"mouseleave",M),(n,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(u).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"instance",ref:l,class:e.normalizeClass([e.unref(u).e("bar"),e.unref(u).is(t.value.key)]),onMousedown:z},[e.createElementVNode("div",{ref_key:"thumb",ref:s,class:e.normalizeClass(e.unref(u).e("thumb")),style:e.normalizeStyle(y.value),onMousedown:q},null,38)],34),[[e.vShow,a.always||c.value]])]),_:1},8,["name"]))}});exports.default=T;

package/lib/components/search/search.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("../input/index.cjs"),A=require("../popover/index.cjs");require("@vueuse/core");require("@vft/utils");const a=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");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 K=require("@vft/directives"),L=e.defineComponent({name:"vft-search"}),H=e.defineComponent({...L,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},id:{},size:{},disabled:{type:Boolean},modelValue:{default:""},type:{},resize:{},autosize:{type:[Object,Boolean]},autocomplete:{},formatter:{},parser:{},placeholder:{default:"请输入你要搜索的内容"},form:{},readonly:{type:Boolean},clearable:{type:Boolean,default:!0},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{},validateEvent:{type:Boolean},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const r=D.useNamespace("search"),o=C,f=e.ref(),p=e.ref(),u=e.ref(),s=e.ref(!1),d=e.ref(!1),i=e.ref(!1),y=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?a.addUnit(n.activeWidth):a.addUnit(n.width)},"input")),k=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?a.addUnit(n.activeWidth):a.addUnit(n.width)},"search")),w=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top",placement:"bottom-start",offset:3,width:500,...n.popoverCfg})),V=t=>{o("update:modelValue",t),o("input",t)},B=()=>{c()};function g(){i.value=!0}function c(){i.value=!1}const b=()=>{o("clear"),l(!1)};function S(){d.value=!0,o("mouseenter",n.modelValue)}function x(){d.value=!1,o("mouseleave",n.modelValue)}const q=()=>{i.value=!0,s.value=!0,o("focus")};function P(){s.value=!1,o("blur")}function $(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function E(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&c(),t&&u.value.blur()}const U=t=>{o("keydown",t)},z=e.computed(()=>f.value?.popperRef?.contentRef),M=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},I=t=>{o("compositionstart",t)},O=t=>{o("compositionupdate",t)},F=t=>{o("compositionend",t)};return h({isFocus:s,isHover:d,visible:i,hidePopover:c,showPopover:g,inputRef:u}),(t,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:p,class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("active",!!i.value||!!t.modelValue)]),style:e.normalizeStyle(k.value)},[e.createVNode(e.unref(j.VftInput),e.mergeProps({ref_key:"inputRef",ref:u},t.$props,{"input-style":y.value,onInput:V,onFocus:q,onEnter:E,onBlur:P,onMouseenter:S,"onUpdate:modelValue":M,onMouseleave:x,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:U,onClear:b,onCompositionstart:I,onCompositionupdate:O,onCompositionend:F}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[e.unref(K.ClickOutside),B,z.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(A.VftPopover),e.mergeProps({key:0,style:{"--vft-transition-duration":"3s"},ref_key:"popoverRef",ref:f},w.value,{"virtual-ref":p.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=N=>i.value=N),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64))}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("../input/index.cjs"),A=require("../popover/index.cjs");require("@vueuse/core");require("@vft/utils");const a=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");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 K=require("@vft/directives"),L=e.defineComponent({name:"vft-search"}),H=e.defineComponent({...L,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},id:{},size:{},disabled:{type:Boolean},modelValue:{default:""},type:{},resize:{},autosize:{type:[Object,Boolean]},autocomplete:{},formatter:{},parser:{},placeholder:{default:"请输入你要搜索的内容"},form:{},readonly:{type:Boolean},clearable:{type:Boolean,default:!0},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{},validateEvent:{type:Boolean},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(o,{expose:h,emit:C}){const r=D.useNamespace("search"),n=C,f=e.ref(),p=e.ref(),u=e.ref(),s=e.ref(!1),d=e.ref(!1),i=e.ref(!1),y=e.computed(()=>m.generateCssVars({width:o.activeWidth&&(i.value||o.modelValue)?a.addUnit(o.activeWidth):a.addUnit(o.width)},"input")),k=e.computed(()=>m.generateCssVars({"active-width":o.activeWidth?a.addUnit(o.activeWidth):a.addUnit(o.width)},"search")),w=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top",placement:"bottom-start",offset:3,width:500,...o.popoverCfg})),V=t=>{n("update:modelValue",t),n("input",t)},B=()=>{c()};function g(){i.value=!0}function c(){i.value=!1}const b=()=>{n("clear"),l(!1)};function x(){d.value=!0,n("mouseenter",o.modelValue)}function S(){d.value=!1,n("mouseleave",o.modelValue)}const q=()=>{i.value=!0,s.value=!0,n("focus")};function P(){s.value=!1,n("blur")}function $(){l(),n("prefixClick",o.modelValue)}function R(){l(),n("suffixClick",o.modelValue)}function E(){l(),n("enter",o.modelValue)}function l(t=!0){o.usePopover&&c(),t&&u.value.blur()}const U=t=>{n("keydown",t)},z=e.computed(()=>f.value?.popperRef?.contentRef),M=t=>{n("update:modelValue",t)},W=t=>{n("change",t)},I=t=>{n("compositionstart",t)},O=t=>{n("compositionupdate",t)},F=t=>{n("compositionend",t)};return h({isFocus:s,isHover:d,visible:i,hidePopover:c,showPopover:g,inputRef:u}),(t,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:p,class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("active",!!i.value||!!o.modelValue)]),style:e.normalizeStyle(k.value)},[e.createVNode(e.unref(j.VftInput),e.mergeProps({ref_key:"inputRef",ref:u},t.$props,{"input-style":y.value,onInput:V,onFocus:q,onEnter:E,onBlur:P,onMouseenter:x,"onUpdate:modelValue":M,onMouseleave:S,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:U,onClear:b,onCompositionstart:I,onCompositionupdate:O,onCompositionend:F}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[e.unref(K.ClickOutside),B,z.value]]),o.usePopover?(e.openBlock(),e.createBlock(e.unref(A.VftPopover),e.mergeProps({key:0,style:{"--vft-transition-duration":"3s"},ref_key:"popoverRef",ref:f},w.value,{"virtual-ref":p.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=N=>i.value=N),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64))}});exports.default=H;

package/lib/components/select/index.d.ts

@@ -2780,6 +2780,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 }, {
-    ClickOutside: import("vue").ObjectDirective<any, any, string, string>;
+    ClickOutside: import("vue").ObjectDirective<any, any, string, any>;
 }, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export * from './token';

package/lib/components/select/select.vue.d.ts

@@ -2776,6 +2776,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 }, {
-    ClickOutside: import("vue").ObjectDirective<any, any, string, string>;
+    ClickOutside: import("vue").ObjectDirective<any, any, string, any>;
 }, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/side-menu/index.d.ts

@@ -96,10 +96,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     "update:width": (val: string | number) => void;
     dragEnd: (oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => void;
     dragWidthEnd: () => void;
-    select: (val: {
-        route: string;
-        indexPath: string[];
-    }) => void;
+    select: (val: import("./types").MenuSelectEventData) => void;
     subMenuClick: (val: any) => void;
     subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
@@ -190,10 +187,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         default: boolean;
     };
 }>> & Readonly<{
-    onSelect?: ((val: {
-        route: string;
-        indexPath: string[];
-    }) => any) | undefined;
+    onSelect?: ((val: import("./types").MenuSelectEventData) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
     onDragEnd?: ((oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => any) | undefined;

package/lib/components/side-menu/side-menu.vue.d.ts

@@ -1,54 +1,6 @@
-import Sortable from 'sortablejs';
-import type { MenuAttrMapping, MenuType } from './types';
-export interface MenuConProps {
-    /** 是否需要固定在左侧 */
-    isFixedLeft?: boolean;
-    /** 菜单列表 */
-    menus: MenuType[];
-    /** 侧边栏宽度 */
-    width?: string | number;
-    /** 侧边栏高度 */
-    height?: string;
-    /** 侧边栏折叠后的宽度 */
-    collapseWidth?: string | number;
-    /** 属性字段映射 */
-    attrMapping?: MenuAttrMapping;
-    /** 菜单内上下 slot 插槽高度总和 */
-    menuTopBottomHeight?: number;
-    /** 是否显示底部收缩 */
-    showCollapse?: boolean;
-    /** 只有一级菜单时拖拽配置 */
-    dragOption?: Sortable.Options & {
-        dragClassName: string;
-    };
-    /** 是否可以拖拽侧边栏宽度 */
-    dragWidthCfg?: boolean | {
-        maxWidth?: number;
-        minWidth?: number;
-    };
-    /** 是否使用菜单组件内部的选中事件 */
-    useRouterJump?: boolean;
-    /** 是否开启菜单禁用 */
-    openDisabled?: boolean;
-    /** 点击子菜单时是否滚动到其父级位置 */
-    autoScrollActiveDom?: boolean | number;
-    /** 开启菜单折叠 */
-    openMenuCollapse?: boolean;
-    /** 是否收缩 */
-    collapse?: boolean;
-    /** 保持只打开一个 */
-    uniqueOpened?: boolean;
-    /** 禁用判断使用相反的条件 */
-    disabledJudgeTurnOver?: boolean;
-    /** 默认选中 */
-    defaultActive?: string;
-    /** 默认展开 */
-    defaultOpeneds?: Array<string | number>;
-    defaultOpenedsLevel?: number | boolean;
-    /** 禁用子菜单的展开收缩行为 */
-    disableSubMenuAction?: boolean;
-}
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+import type { SortableEvent } from 'sortablejs';
+import type { MenuSelectEventData, SideMenuProps } from './types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
     isFixedLeft: boolean;
     autoScrollActiveDom: boolean;
     openMenuCollapse: boolean;
@@ -75,17 +27,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "update:width": (val: string | number) => void;
-    dragEnd: (oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => void;
+    dragEnd: (oldIndex: SortableEvent, newIndex: SortableEvent) => void;
     dragWidthEnd: () => void;
-    select: (val: {
-        route: string;
-        indexPath: string[];
-    }) => void;
+    select: (val: MenuSelectEventData) => void;
     subMenuClick: (val: any) => void;
     subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
     menuItemMouseleave: (val: any) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
     isFixedLeft: boolean;
     autoScrollActiveDom: boolean;
     openMenuCollapse: boolean;
@@ -102,13 +51,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disableSubMenuAction: boolean;
     defaultOpenedsLevel: boolean;
 }>>> & Readonly<{
-    onSelect?: ((val: {
-        route: string;
-        indexPath: string[];
-    }) => any) | undefined;
+    onSelect?: ((val: MenuSelectEventData) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
-    onDragEnd?: ((oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => any) | undefined;
+    onDragEnd?: ((oldIndex: SortableEvent, newIndex: SortableEvent) => any) | undefined;
     onDragWidthEnd?: (() => any) | undefined;
     onSubMenuClick?: ((val: any) => any) | undefined;
     onSubMenuOpenClick?: ((val: any) => any) | undefined;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),R=require("@vft/router"),le=require("@vft/use/sortable"),g=require("@vft/utils");require("@vueuse/core");const I=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const oe=require("../icon/index.cjs"),b=require("../menu/index.cjs"),ue=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ae=require("./use-drag-line.cjs");function se(m){return typeof m=="function"||Object.prototype.toString.call(m)==="[object Object]"&&!n.isVNode(m)}const ie=n.defineComponent({name:"vft-side-menu"}),de=n.defineComponent({...ie,props:{isFixedLeft:{type:Boolean,default:!1},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{},defaultOpenedsLevel:{type:[Number,Boolean],default:!1},disableSubMenuAction:{type:Boolean,default:!1}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","subMenuOpenClick","menuItemMouseenter","menuItemMouseleave"],setup(m,{expose:W,emit:j}){const t=m,r=j,{defaultActive:L,collapse:f,uniqueOpened:E,defaultOpeneds:J,openMenuCollapse:P,defaultOpenedsLevel:y}=n.toRefs(t),s=ue.useNamespace("side-menu"),c=n.useSlots(),O=n.getCurrentInstance(),C=n.ref(),a=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),U=(e,u=1/0)=>{const l=[],o=(i,d=0)=>{d>=u||i.forEach(h=>{h[a.value.children]?.length&&(l.push(h[a.value.index]),o(h[a.value.children],d+1))})};return o(e),l};R.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(C.value=e.path)});const $=e=>{const u=e.e;if(t.autoScrollActiveDom&&u){const l=g.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,o=u.target;x({activeDom:o,offset:l})}r("subMenuOpenClick",e)},H=e=>{r("subMenuClick",e)},x=({activeDom:e=null,offset:u=0,delay:l=300}={})=>{v.value?.menu&&setTimeout(()=>{const o=e||document.querySelector(".vft-menu-item.is-active")||document.querySelector(".vft-sub-menu.is-active");o&&(v.value.menu.scrollTop=v.value.menu.scrollTop+(o.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+u)},l)},F=e=>{r("menuItemMouseenter",e)},Z=e=>{r("menuItemMouseleave",e)},_=(e,u)=>{const l=e[a.value.path],o=e[a.value.title],i=e?.[a.value.children],d=e?.[a.value.index],h=e?.[a.value.icon],D=!!e?.[a.value.disabled],T=t.disabledJudgeTurnOver?!D:D,k=d||l||u+o;return i?.length?n.h(b.VftSubMenu,{...e,popperAppendToBody:!0,key:k,index:k,title:o,icon:h,disabled:t.openDisabled&&T,popperClass:s.e("popper")},{default:()=>i?.map((p,X)=>{const S=p[a.value.path],A=p[a.value.index],ee=p[a.value.icon],te=p[a.value.title],V=!!p[a.value.disabled],ne=t.disabledJudgeTurnOver?!V:V;return p?.[a.value.children]?.length?_(p,X):n.h(b.VftMenuItem,{...p,key:A||S,index:A||S,route:S,icon:ee,title:te,disabled:t.openDisabled&&ne},c.menuItem?()=>c.menuItem?.({item:p}):"")})}):n.h(b.VftMenuItem,{...e,key:d||l,index:d||l,title:o,route:l,icon:h,disabled:t.openDisabled&&T,onMouseenter:()=>F(e),onMouseleave:()=>Z(e)},c.menuItem?()=>c.menuItem?.({item:e,index:u}):"")},v=n.ref(),z=n.computed(()=>({...t.collapseWidth===0&&f.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),q=O.appContext.config.globalProperties.$router;async function Y(e){if(t.useRouterJump){const{go:u}=R.useRouterHelper(q),l=e.route;let o=e.route;e.indexPath.some(d=>g.isUrl(d))&&(o=e.indexPath.slice(-2).join("/"));const i=q.getRoutes().filter(d=>d.path===o)?.[0]?.meta?.linkTarget;u(i?{url:l,winOpenOpt:{target:i}}:l)}r("select",e)}const M=n.ref(),N=n.ref(),B=n.ref(),G=n.computed(()=>({...t.collapseWidth===0&&f.value?{borderRight:"none"}:{},width:I.addUnit(t.width),height:t.height}));n.watch(()=>f.value,e=>{e?r("update:width",t.collapseWidth):r("update:width",B.value||t.width),B.value=t.width}),t.dragWidthCfg&&ae.useDragLine(M,N,O);const K=n.computed(()=>({left:I.addUnit(t.width)})),Q=n.computed(()=>[s.b(),t.isFixedLeft?s.m("fixed"):""]),w=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll(`.${s.e(t.dragOption?.dragClassName)}`)?.[0],{initSortable:u}=le.useSortable(e,{draggable:".vft-menu-item",onEnd:l=>{const{oldIndex:o,newIndex:i}=l;g.isNullOrUndefined(o)||g.isNullOrUndefined(i)||o===i||r("dragEnd",o,i)},...t.dragOption});u()}})}),W({sideRef:M,jumpActiveDom:x,menuRef:v}),()=>{let e;return y.value&&(w.value=U(t.menus,g.isNumber(y.value)?y.value:1/0)),n.createVNode("div",{ref:M,class:Q.value,style:G.value},[c.top?n.createVNode("div",{class:s.e("top")},[c.top()]):null,n.h(n.createVNode(b.VftMenu,{ref:v,onSelect:Y,onOpen:$,onSubMenuClick:H,defaultActive:L?.value||C.value,defaultOpeneds:J?.value||w.value,disableSubMenuAction:t.disableSubMenuAction,class:[s.e("con"),t.dragOption?.dragClassName?s.e(t.dragOption?.dragClassName):""],style:z.value,collapse:P.value?f.value:!1,uniqueOpened:E.value,collapseTransition:!1},se(e=t.menus.map((u,l)=>_(u,l)))?e:{default:()=>[e]})),c.bottom?n.createVNode("div",{class:s.e("bottom")},[c.bottom()]):t.showCollapse?n.createVNode("div",{onClick:()=>r("update:collapse",!f.value),class:[s.e("bottom"),s.e("collapse")]},[n.createVNode(oe.VftIcon,{style:{transform:f.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,c.default?.(),t.dragWidthCfg?n.createVNode("div",{ref:N,style:K.value,class:s.e("drag-bar")},null):null])}}});exports.default=de;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),R=require("@vft/router"),oe=require("@vft/use/sortable"),g=require("@vft/utils");require("@vueuse/core");const I=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const ue=require("../icon/index.cjs"),b=require("../menu/index.cjs"),ae=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("./use-drag-line.cjs");function ie(h){return typeof h=="function"||Object.prototype.toString.call(h)==="[object Object]"&&!n.isVNode(h)}const de=n.defineComponent({name:"vft-side-menu"}),re=n.defineComponent({...de,props:{isFixedLeft:{type:Boolean,default:!1},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{},defaultOpenedsLevel:{type:[Number,Boolean],default:!1},disableSubMenuAction:{type:Boolean,default:!1}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","subMenuOpenClick","menuItemMouseenter","menuItemMouseleave"],setup(h,{expose:W,emit:j}){const t=h,r=j,{defaultActive:L,collapse:f,uniqueOpened:E,defaultOpeneds:J,openMenuCollapse:P,defaultOpenedsLevel:y}=n.toRefs(t),s=ae.useNamespace("side-menu"),c=n.useSlots(),O=n.getCurrentInstance(),C=n.ref(),a=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),U=(e,u=1/0)=>{const l=[],o=(i,d=0)=>{d>=u||i.forEach(m=>{m[a.value.children]?.length&&(l.push(m[a.value.index]),o(m[a.value.children],d+1))})};return o(e),l};R.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(C.value=e.path)});const $=e=>{const u=e.e;if(t.autoScrollActiveDom&&u){const l=g.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,o=u.target;x({activeDom:o,offset:l})}r("subMenuOpenClick",e)},H=e=>{r("subMenuClick",e)},x=({activeDom:e=null,offset:u=0,delay:l=300}={})=>{v.value?.menu&&setTimeout(()=>{const o=e||document.querySelector(".vft-menu-item.is-active")||document.querySelector(".vft-sub-menu.is-active");o&&(v.value.menu.scrollTop=v.value.menu.scrollTop+(o.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+u)},l)},F=e=>{r("menuItemMouseenter",e)},Z=e=>{r("menuItemMouseleave",e)},_=(e,u)=>{const l=e[a.value.path],o=e[a.value.title],i=e?.[a.value.children],d=e?.[a.value.index],m=e?.[a.value.icon],D=!!e?.[a.value.disabled],T=t.disabledJudgeTurnOver?!D:D,k=d||l||u+o;return i?.length?n.h(b.VftSubMenu,{...e,popperAppendToBody:!0,key:k,index:k,title:o,icon:m,disabled:t.openDisabled&&T,popperClass:s.e("popper")},{default:()=>i?.map((p,ee)=>{const S=p[a.value.path],A=p[a.value.index],te=p[a.value.icon],ne=p[a.value.title],V=!!p[a.value.disabled],le=t.disabledJudgeTurnOver?!V:V;return p?.[a.value.children]?.length?_(p,ee):n.h(b.VftMenuItem,{...p,key:A||S,index:A||S,route:S,icon:te,title:ne,disabled:t.openDisabled&&le},c.menuItem?()=>c.menuItem?.({item:p}):"")})}):n.h(b.VftMenuItem,{...e,key:d||l,index:d||l,title:o,route:l,icon:m,disabled:t.openDisabled&&T,onMouseenter:()=>F(e),onMouseleave:()=>Z(e)},c.menuItem?()=>c.menuItem?.({item:e,index:u}):"")},v=n.ref(),z=n.computed(()=>({...t.collapseWidth===0&&f.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),q=O.appContext.config.globalProperties.$router;async function Y(e){if(t.useRouterJump){const{go:u}=R.useRouterHelper(q),l=e.route;let o=e.route;e.indexPath.some(d=>g.isUrl(d))&&(o=e.indexPath.slice(-2).join("/"));const i=q.getRoutes().filter(d=>d.path===o)?.[0]?.meta?.linkTarget;u(i?{url:l,winOpenOpt:{target:i}}:l)}r("select",e)}const M=n.ref(),N=n.ref(),B=n.ref(),G=n.computed(()=>({...t.collapseWidth===0&&f.value?{borderRight:"none"}:{},width:I.addUnit(t.width),height:t.height}));n.watch(()=>f.value,e=>{K.value||(e?r("update:width",t.collapseWidth):r("update:width",B.value||t.width),B.value=t.width)});const{isDraging:K}=se.useDragLine(M,N,O),Q=n.computed(()=>({left:I.addUnit(t.width)})),X=n.computed(()=>[s.b(),t.isFixedLeft?s.m("fixed"):""]),w=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll(`.${s.e(t.dragOption?.dragClassName)}`)?.[0],{initSortable:u}=oe.useSortable(e,{draggable:".vft-menu-item",onEnd:l=>{const{oldIndex:o,newIndex:i}=l;g.isNullOrUndefined(o)||g.isNullOrUndefined(i)||o===i||r("dragEnd",o,i)},...t.dragOption});u()}})}),W({sideRef:M,jumpActiveDom:x,menuRef:v}),()=>{let e;return y.value&&(w.value=U(t.menus,g.isNumber(y.value)?y.value:1/0)),n.createVNode("div",{ref:M,class:X.value,style:G.value},[c.top?n.createVNode("div",{class:s.e("top")},[c.top()]):null,n.h(n.createVNode(b.VftMenu,{ref:v,onSelect:Y,onOpen:$,onSubMenuClick:H,defaultActive:L?.value||C.value,defaultOpeneds:J?.value||w.value,disableSubMenuAction:t.disableSubMenuAction,class:[s.e("con"),t.dragOption?.dragClassName?s.e(t.dragOption?.dragClassName):""],style:z.value,collapse:P.value?f.value:!1,uniqueOpened:E.value,collapseTransition:!1},ie(e=t.menus.map((u,l)=>_(u,l)))?e:{default:()=>[e]})),c.bottom?n.createVNode("div",{class:s.e("bottom")},[c.bottom()]):t.showCollapse?n.createVNode("div",{onClick:()=>r("update:collapse",!f.value),class:[s.e("bottom"),s.e("collapse")]},[n.createVNode(ue.VftIcon,{style:{transform:f.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,c.default?.(),t.dragWidthCfg?n.createVNode("div",{ref:N,style:Q.value,class:s.e("drag-bar")},null):null])}}});exports.default=re;

package/lib/components/side-menu/types.d.ts

@@ -1,14 +1,121 @@
+import type Sortable from 'sortablejs';
+import type { SortableEvent } from 'sortablejs';
+/** 菜单项类型 */
 export type MenuType = {
+    /** 子菜单列表 */
     children?: MenuType[];
+    /** 菜单标题 */
     title: string;
+    /** 菜单图标 */
     icon?: string;
+    /** 其他自定义属性 */
     [key: string]: any;
 };
+/** 菜单属性字段映射配置 */
 export type MenuAttrMapping = {
+    /** 路径字段名 */
     path?: string;
+    /** 子菜单字段名 */
     children?: string;
+    /** 标题字段名 */
     title?: string;
+    /** 索引字段名 */
     index?: string | number;
+    /** 图标字段名 */
     icon?: string;
+    /** 禁用字段名 */
     disabled?: string;
 };
+/** 侧边菜单组件属性 */
+export interface SideMenuProps {
+    /** 是否固定在左侧 */
+    isFixedLeft?: boolean;
+    /** 菜单列表 */
+    menus: MenuType[];
+    /** 侧边栏宽度 */
+    width?: string | number;
+    /** 侧边栏高度 */
+    height?: string;
+    /** 侧边栏折叠后的宽度 */
+    collapseWidth?: string | number;
+    /** 属性字段映射 */
+    attrMapping?: MenuAttrMapping;
+    /** 菜单内上下插槽高度总和 */
+    menuTopBottomHeight?: number;
+    /** 是否显示底部收缩按钮 */
+    showCollapse?: boolean;
+    /** 只有一级菜单时的拖拽配置 */
+    dragOption?: Sortable.Options & {
+        dragClassName: string;
+    };
+    /** 是否可以拖拽侧边栏宽度 */
+    dragWidthCfg?: boolean | {
+        /** 最大宽度 */
+        maxWidth?: number;
+        /** 最小宽度 */
+        minWidth?: number;
+    };
+    /** 是否使用菜单组件内部的选中事件进行路由跳转 */
+    useRouterJump?: boolean;
+    /** 是否开启菜单禁用功能 */
+    openDisabled?: boolean;
+    /** 点击子菜单时是否自动滚动到其父级位置 */
+    autoScrollActiveDom?: boolean | number;
+    /** 是否开启菜单折叠功能 */
+    openMenuCollapse?: boolean;
+    /** 是否折叠菜单 */
+    collapse?: boolean;
+    /** 是否保持只打开一个子菜单 */
+    uniqueOpened?: boolean;
+    /** 禁用判断使用相反的条件 */
+    disabledJudgeTurnOver?: boolean;
+    /** 默认选中的菜单索引 */
+    defaultActive?: string;
+    /** 默认展开的子菜单索引数组 */
+    defaultOpeneds?: Array<string | number>;
+    /** 默认展开的层级深度 */
+    defaultOpenedsLevel?: number | boolean;
+    /** 禁用子菜单的展开收缩行为 */
+    disableSubMenuAction?: boolean;
+}
+/** 菜单选中事件参数 */
+export interface MenuSelectEventData {
+    /** 选中的路由路径 */
+    route: string;
+    /** 选中菜单的索引路径 */
+    indexPath: string[];
+}
+/** 侧边菜单组件 Emits */
+export interface SideMenuEmits {
+    /** 折叠状态更新事件 */
+    (e: 'update:collapse', val: boolean): void;
+    /** 宽度更新事件 */
+    (e: 'update:width', val: string | number): void;
+    /** 拖拽结束事件 */
+    (e: 'dragEnd', oldIndex: SortableEvent, newIndex: SortableEvent): void;
+    /** 拖拽宽度结束事件 */
+    (e: 'dragWidthEnd'): void;
+    /** 菜单选中事件 */
+    (e: 'select', val: MenuSelectEventData): void;
+    /** 子菜单点击事件 */
+    (e: 'subMenuClick', val: any): void;
+    /** 子菜单展开点击事件 */
+    (e: 'subMenuOpenClick', val: any): void;
+    /** 菜单项鼠标进入事件 */
+    (e: 'menuItemMouseenter', val: any): void;
+    /** 菜单项鼠标离开事件 */
+    (e: 'menuItemMouseleave', val: any): void;
+}
+/** 侧边菜单组件暴露的方法和属性 */
+export interface SideMenuExpose {
+    /** 侧边栏容器引用 */
+    sideRef: any;
+    /** 跳转到激活的菜单项 */
+    jumpActiveDom: (options?: {
+        activeDom?: HTMLElement | null;
+        offset?: number;
+        delay?: number;
+    }) => void;
+    /** 菜单组件引用 */
+    menuRef: any;
+}

package/lib/components/side-menu/use-drag-line.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vft/use"),u=require("vue");function W(l,d,r){const a=r.props?.dragWidthCfg?.minWidth||200;u.onMounted(()=>{u.nextTick(()=>{f.useDebounceFn(h,100)()})});function s(e){const n=u.unref(e);return n?Reflect.has(n,"$el")?u.unref(e)?.$el:u.unref(e):null}function m(e,n,i){document.onmousemove=function(o){let t=e.left+(o.clientX-i);o=o||window.event;const c=r.props?.dragWidthCfg?.maxWidth||800,g=u.unref(a);return t<=g?void 0:(t<0&&(t=0),t>c&&(t=c),e.style.left=t+"px",f.useThrottleFn(()=>{r.emit("update:width",t)},150)(),!1)}}function p(e){document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,e.releaseCapture?.()}}function h(){const e=s(d);if(!e)return;const n=s(l);n&&(e.onmousedown=i=>{const o=i?.clientX;return e.left=e.offsetLeft,m(e,n,o),p(e),e.setCapture?.(),!1})}return{}}exports.useDragLine=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const t=require("vue");require("lodash-es");require("../form/index.cjs");const d=require("@vft/use");function v(l,a,r){const i=t.ref(!1),m=r.props?.dragWidthCfg?.minWidth||200;t.onMounted(()=>{r.props?.dragWidthCfg&&t.nextTick(()=>{d.useDebounceFn(h,100)()})});function c(e){const n=t.unref(e);return n?Reflect.has(n,"$el")?t.unref(e)?.$el:t.unref(e):null}function p(e,n,s){document.onmousemove=function(o){let u=e.left+(o.clientX-s);o=o||window.event;const f=r.props?.dragWidthCfg?.maxWidth||800,W=t.unref(m);return u<=W?void 0:(u<0&&(u=0),u>f&&(u=f),e.style.left=u+"px",d.useThrottleFn(()=>{r.emit("update:width",u+"px")},150)(),!1)}}function g(e){document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,i.value=!0,t.nextTick(()=>{r.emit("dragWidthEnd"),setTimeout(()=>{i.value=!1},1e3)}),e.releaseCapture?.()}}function h(){const e=c(a);if(!e)return;const n=c(l);n&&(e.onmousedown=s=>{const o=s?.clientX;return e.left=e.offsetLeft,p(e,n,o),g(e),e.setCapture?.(),!1})}return{isDraging:i}}exports.useDragLine=v;

package/lib/components/side-menu/use-drag-line.d.ts

@@ -1,2 +1,4 @@
 import { type Ref } from 'vue';
-export declare function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, instance: any): {};
+export declare function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, instance: any): {
+    isDraging: Ref<boolean, boolean>;
+};

package/lib/components/skeleton/skeleton-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../icon/index.cjs");require("@vueuse/core");const u=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const c=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const s=e.defineComponent({name:"VftSkeletonItem"}),a=e.defineComponent({...s,props:{variant:{default:"text"},imgIcon:{}},setup(t){const o=e.computed(()=>u.singleAttrToObj(t.imgIcon,"icon",{size:20,icon:"icon-picture-filled"})),r=c.useNamespace("skeleton");return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).e("item"),e.unref(r).e(n.variant)])},[n.variant==="image"?(e.openBlock(),e.createBlock(e.unref(i.VftIcon),e.normalizeProps(e.mergeProps({key:0},o.value)),null,16)):e.createCommentVNode("",!0)],2))}});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../icon/index.cjs");require("@vueuse/core");const o=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");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 c=e.defineComponent({name:"VftSkeletonItem"}),a=e.defineComponent({...c,props:{variant:{default:"text"},imgIcon:{}},setup(r){const t=e.computed(()=>o.singleAttrToObj(r.imgIcon,"icon",{size:20,icon:"icon-picture-filled"})),n=u.useNamespace("skeleton");return(l,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n).e("item"),e.unref(n).e(r.variant)])},[r.variant==="image"?(e.openBlock(),e.createBlock(e.unref(i.VftIcon),e.normalizeProps(e.mergeProps({key:0},t.value)),null,16)):e.createCommentVNode("",!0)],2))}});exports.default=a;

package/lib/components/skeleton/skeleton.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("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const d=require("../../hooks/use-throttle-render/index.cjs");require("../../hooks/use-z-index/index.cjs");const s=require("./skeleton-item.vue2.cjs"),c=e.defineComponent({name:"vft-skeleton"}),m=e.defineComponent({...c,props:{animated:{type:Boolean,default:!1},count:{default:1},rows:{default:3},loading:{type:Boolean,default:!0},throttle:{}},setup(n,{expose:u}){const t=i.useNamespace("skeleton"),o=d.useThrottleRender(e.computed(()=>n.loading),n.throttle);return u({uiLoading:o}),(r,p)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(t).b(),e.unref(t).is("animated",r.animated)]},r.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.count,l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l},[r.loading?e.renderSlot(r.$slots,"template",{key:l},()=>[e.createVNode(s.default,{class:e.normalizeClass(e.unref(t).is("first")),variant:"p"},null,8,["class"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.rows,a=>(e.openBlock(),e.createBlock(s.default,{key:a,class:e.normalizeClass([e.unref(t).e("paragraph"),e.unref(t).is("last",a===r.rows&&r.rows>1)]),variant:"p"},null,8,["class"]))),128))]):e.createCommentVNode("",!0)],64))),128))],16)):e.renderSlot(r.$slots,"default",e.normalizeProps(e.mergeProps({key:1},r.$attrs)))}});exports.default=m;
+"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("lodash-es");require("../form/index.cjs");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const c=require("../../hooks/use-throttle-render/index.cjs");require("../../hooks/use-z-index/index.cjs");const u=require("./skeleton-item.vue2.cjs"),d=e.defineComponent({name:"vft-skeleton"}),m=e.defineComponent({...d,props:{animated:{type:Boolean,default:!1},count:{default:1},rows:{default:3},loading:{type:Boolean,default:!0},throttle:{}},setup(t,{expose:s}){const r=i.useNamespace("skeleton"),l=c.useThrottleRender(e.computed(()=>t.loading),t.throttle);return s({uiLoading:l}),(n,f)=>e.unref(l)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(r).b(),e.unref(r).is("animated",t.animated)]},n.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.count,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a},[t.loading?e.renderSlot(n.$slots,"template",{key:a},()=>[e.createVNode(u.default,{class:e.normalizeClass(e.unref(r).is("first")),variant:"p"},null,8,["class"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,o=>(e.openBlock(),e.createBlock(u.default,{key:o,class:e.normalizeClass([e.unref(r).e("paragraph"),e.unref(r).is("last",o===t.rows&&t.rows>1)]),variant:"p"},null,8,["class"]))),128))]):e.createCommentVNode("",!0)],64))),128))],16)):e.renderSlot(n.$slots,"default",e.normalizeProps(e.mergeProps({key:1},n.$attrs)))}});exports.default=m;

package/lib/components/slider/button.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@popperjs/core");const M=require("@vft/utils"),S=require("../tooltip/index.cjs"),k=require("../../constants/event.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const x=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("../../hooks/use-z-index/index.cjs");const D=require("./composables/use-slider-button.cjs"),N=["tabindex"],T=e.defineComponent({name:"VftSliderButton"}),P=e.defineComponent({...T,props:{modelValue:{default:0},vertical:{type:Boolean},tooltipClass:{},placement:{default:"top"}},emits:{[k.UPDATE_MODEL_EVENT]:u=>M.isNumber(u)},setup(u,{expose:m,emit:g}){const v=g,f=x.useNamespace("slider"),p=e.reactive({hovering:!1,dragging:!1,isClick:!1,startX:0,currentX:0,startY:0,currentY:0,startPosition:0,newPosition:0,oldValue:u.modelValue}),b=e.getCurrentInstance(),{disabled:c,button:q,tooltip:V,showTooltip:w,tooltipVisible:y,wrapperStyle:C,formatValue:B,handleMouseEnter:o,handleMouseLeave:s,onButtonDown:r,onKeyDown:i,setPosition:E}=D.useSliderButton(b.props,p,v),{hovering:l,dragging:a}=e.toRefs(p);return m({onButtonDown:r,onKeyDown:i,setPosition:E,hovering:l,dragging:a}),(d,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"button",ref:q,class:e.normalizeClass([e.unref(f).e("button-wrapper"),{hover:e.unref(l),dragging:e.unref(a)}]),style:e.normalizeStyle(e.unref(C)),tabindex:e.unref(c)?-1:0,onMouseenter:t[0]||(t[0]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onMouseleave:t[1]||(t[1]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onMousedown:t[2]||(t[2]=(...n)=>e.unref(r)&&e.unref(r)(...n)),onTouchstart:t[3]||(t[3]=(...n)=>e.unref(r)&&e.unref(r)(...n)),onFocus:t[4]||(t[4]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onBlur:t[5]||(t[5]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onKeydown:t[6]||(t[6]=(...n)=>e.unref(i)&&e.unref(i)(...n))},[e.createVNode(e.unref(S.VftTooltip),{ref_key:"tooltip",ref:V,visible:e.unref(y),placement:d.placement,"fallback-placements":["top","bottom","right","left"],"stop-popper-mouse-event":!1,"popper-class":d.tooltipClass,disabled:!e.unref(w),persistent:""},{content:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(e.unref(B)),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(f).e("button"),{hover:e.unref(l),dragging:e.unref(a)}])},null,2)]),_:1},8,["visible","placement","popper-class","disabled"])],46,N))}});exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@popperjs/core");const B=require("@vft/utils"),E=require("../tooltip/index.cjs"),M=require("../../constants/event.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("../../hooks/use-z-index/index.cjs");const k=require("./composables/use-slider-button.cjs"),D=["tabindex"],N=e.defineComponent({name:"VftSliderButton"}),T=e.defineComponent({...N,props:{modelValue:{default:0},vertical:{type:Boolean},tooltipClass:{},placement:{default:"top"}},emits:{[M.UPDATE_MODEL_EVENT]:r=>B.isNumber(r)},setup(r,{expose:p,emit:m}){const c=m,f=S.useNamespace("slider"),d=e.reactive({hovering:!1,dragging:!1,isClick:!1,startX:0,currentX:0,startY:0,currentY:0,startPosition:0,newPosition:0,oldValue:r.modelValue}),g=e.getCurrentInstance(),{disabled:v,button:b,tooltip:q,showTooltip:V,tooltipVisible:w,wrapperStyle:y,formatValue:C,handleMouseEnter:u,handleMouseLeave:s,onButtonDown:o,onKeyDown:i,setPosition:x}=k.useSliderButton(g.props,d,c),{hovering:l,dragging:a}=e.toRefs(d);return p({onButtonDown:o,onKeyDown:i,setPosition:x,hovering:l,dragging:a}),(P,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"button",ref:b,class:e.normalizeClass([e.unref(f).e("button-wrapper"),{hover:e.unref(l),dragging:e.unref(a)}]),style:e.normalizeStyle(e.unref(y)),tabindex:e.unref(v)?-1:0,onMouseenter:t[0]||(t[0]=(...n)=>e.unref(u)&&e.unref(u)(...n)),onMouseleave:t[1]||(t[1]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onMousedown:t[2]||(t[2]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onTouchstart:t[3]||(t[3]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onFocus:t[4]||(t[4]=(...n)=>e.unref(u)&&e.unref(u)(...n)),onBlur:t[5]||(t[5]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onKeydown:t[6]||(t[6]=(...n)=>e.unref(i)&&e.unref(i)(...n))},[e.createVNode(e.unref(E.VftTooltip),{ref_key:"tooltip",ref:q,visible:e.unref(w),placement:r.placement,"fallback-placements":["top","bottom","right","left"],"stop-popper-mouse-event":!1,"popper-class":r.tooltipClass,disabled:!e.unref(V),persistent:""},{content:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(e.unref(C)),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(f).e("button"),{hover:e.unref(l),dragging:e.unref(a)}])},null,2)]),_:1},8,["visible","placement","popper-class","disabled"])],46,D))}});exports.default=T;

package/lib/components/slider/slider.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@popperjs/core");require("../form/index.cjs");const G=require("../input-number/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const H=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("../../hooks/use-z-index/index.cjs");const h=require("./button.vue2.cjs"),J=require("./composables/use-lifecycle.cjs"),Q=require("./composables/use-marks.cjs"),X=require("./composables/use-slide.cjs");require("./composables/use-slider-button.cjs");const Y=require("./composables/use-stops.cjs"),Z=require("./composables/use-watch.cjs"),_=require("./constants.cjs"),ee=require("./marker.cjs"),re=require("./slider.cjs"),ae=require("../form/hooks/use-form-item.cjs"),le=require("../form/hooks/use-form-common-props.cjs"),te=["id","role","aria-labelledby"],ne={key:1},oe=e.defineComponent({name:"vft-slider"}),ue=e.defineComponent({...oe,props:{modelValue:{default:0},id:{},min:{default:0},max:{default:100},step:{default:1},showInput:{type:Boolean},showInputControls:{type:Boolean,default:!0},size:{},inputSize:{},showStops:{type:Boolean},showTooltip:{type:Boolean,default:!0},formatTooltip:{},disabled:{type:Boolean},range:{type:Boolean},vertical:{type:Boolean},height:{},debounce:{default:300},label:{},rangeStartLabel:{},rangeEndLabel:{},formatValueText:{},tooltipClass:{},placement:{default:"top"},marks:{},validateEvent:{type:Boolean,default:!0}},emits:re.sliderEmits,setup(t,{expose:w,emit:I}){const k=I,l=H.useNamespace("slider"),u=e.reactive({firstValue:0,secondValue:0,oldValue:0,dragging:!1,sliderSize:1}),o=e.getCurrentInstance(),{elFormItem:c,slider:E,firstButton:T,secondButton:F,sliderDisabled:s,minValue:b,maxValue:g,runwayStyle:L,barStyle:N,resetSize:B,emitChange:V,onSliderWrapperPrevent:p,onSliderClick:M,onSliderDown:f,setFirstValue:S,setSecondValue:U}=X.useSlide(o.props,u,k),{stops:W,getStopStyle:v}=Y.useStops(o.props,u,b,g),{inputId:C,isLabeledByFormItem:z}=ae.useFormItemInputId(o.props,{formItemContext:c}),q=le.useFormSize(),D=e.computed(()=>t.inputSize||q.value),$=e.computed(()=>t.formatValueText?t.formatValueText(i.value):`${i.value}`),P=e.computed(()=>t.rangeEndLabel||""),x=e.computed(()=>t.formatValueText?t.formatValueText(d.value):`${d.value}`),K=e.computed(()=>[l.b(),l.m(q.value),l.is("vertical",t.vertical),{[l.m("with-input")]:t.showInput}]),y=Q.useMarks(o.props);Z.useWatch(o.props,u,b,g,k,c);const R=e.computed(()=>{const r=[t.min,t.max,t.step].map(n=>{const a=`${n}`.split(".")[1];return a?a.length:0});return Math.max.apply(null,r)}),{sliderWrapper:j}=J.useLifecycle(o.props,u,B),{firstValue:i,secondValue:d,sliderSize:O}=e.toRefs(u),A=r=>{u.dragging=r};return e.provide(_.sliderContextKey,{...e.toRefs(o.props),sliderSize:O,disabled:s.value,precision:R,emitChange:V,resetSize:B,updateDragging:A}),w({onSliderClick:M}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{id:r.range?e.unref(C):void 0,ref_key:"sliderWrapper",ref:j,class:e.normalizeClass(K.value),role:r.range?"group":void 0,"aria-labelledby":r.range&&e.unref(z)?e.unref(c)?.labelId:void 0,onTouchstart:n[2]||(n[2]=(...a)=>e.unref(p)&&e.unref(p)(...a)),onTouchmove:n[3]||(n[3]=(...a)=>e.unref(p)&&e.unref(p)(...a))},[e.createElementVNode("div",{ref_key:"slider",ref:E,class:e.normalizeClass([e.unref(l).e("runway"),{"show-input":r.showInput&&!r.range},e.unref(l).is("disabled",e.unref(s))]),style:e.normalizeStyle(e.unref(L)),onMousedown:n[0]||(n[0]=(...a)=>e.unref(f)&&e.unref(f)(...a)),onTouchstart:n[1]||(n[1]=(...a)=>e.unref(f)&&e.unref(f)(...a))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("bar")),style:e.normalizeStyle(e.unref(N))},null,6),e.createVNode(h.default,{id:r.range?void 0:e.unref(C),ref_key:"firstButton",ref:T,"model-value":e.unref(i),vertical:r.vertical,"tooltip-class":r.tooltipClass,placement:r.placement,role:"slider","aria-labelledby":!r.range&&e.unref(z)?e.unref(c)?.labelId:void 0,"aria-valuemin":r.min,"aria-valuemax":r.range?e.unref(d):r.max,"aria-valuenow":e.unref(i),"aria-valuetext":$.value,"aria-orientation":r.vertical?"vertical":"horizontal","aria-disabled":e.unref(s),"onUpdate:modelValue":e.unref(S)},null,8,["id","model-value","vertical","tooltip-class","placement","aria-labelledby","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"]),r.range?(e.openBlock(),e.createBlock(h.default,{key:0,ref_key:"secondButton",ref:F,"model-value":e.unref(d),vertical:r.vertical,"tooltip-class":r.tooltipClass,placement:r.placement,role:"slider","aria-label":P.value,"aria-valuemin":e.unref(i),"aria-valuemax":r.max,"aria-valuenow":e.unref(d),"aria-valuetext":x.value,"aria-orientation":r.vertical?"vertical":"horizontal","aria-disabled":e.unref(s),"onUpdate:modelValue":e.unref(U)},null,8,["model-value","vertical","tooltip-class","placement","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.showStops?(e.openBlock(),e.createElementBlock("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(W),(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,class:e.normalizeClass(e.unref(l).e("stop")),style:e.normalizeStyle(e.unref(v)(a))},null,6))),128))])):e.createCommentVNode("",!0),e.unref(y).length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,style:e.normalizeStyle(e.unref(v)(a.position)),class:e.normalizeClass([e.unref(l).e("stop"),e.unref(l).e("marks-stop")])},null,6))),128))]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("marks"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(a,m)=>(e.openBlock(),e.createBlock(e.unref(ee.default),{key:m,mark:a.mark,style:e.normalizeStyle(e.unref(v)(a.position))},null,8,["mark","style"]))),128))],2)],64)):e.createCommentVNode("",!0)],38),r.showInput&&!r.range?(e.openBlock(),e.createBlock(e.unref(G.VftInputNumber),{key:0,ref:"input","model-value":e.unref(i),class:e.normalizeClass(e.unref(l).e("input")),step:r.step,disabled:e.unref(s),controls:r.showInputControls,min:r.min,max:r.max,debounce:r.debounce,size:D.value,"onUpdate:modelValue":e.unref(S),onChange:e.unref(V)},null,8,["model-value","class","step","disabled","controls","min","max","debounce","size","onUpdate:modelValue","onChange"])):e.createCommentVNode("",!0)],42,te))}});exports.default=ue;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@popperjs/core");require("../form/index.cjs");const G=require("../input-number/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const H=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("../../hooks/use-z-index/index.cjs");const q=require("./button.vue2.cjs"),J=require("./composables/use-lifecycle.cjs"),Q=require("./composables/use-marks.cjs"),X=require("./composables/use-slide.cjs");require("./composables/use-slider-button.cjs");const Y=require("./composables/use-stops.cjs"),Z=require("./composables/use-watch.cjs"),_=require("./constants.cjs"),ee=require("./marker.cjs"),te=require("./slider.cjs"),ae=require("../form/hooks/use-form-item.cjs"),le=require("../form/hooks/use-form-common-props.cjs"),ne=["id","role","aria-labelledby"],re={key:1},oe=e.defineComponent({name:"vft-slider"}),ue=e.defineComponent({...oe,props:{modelValue:{default:0},id:{},min:{default:0},max:{default:100},step:{default:1},showInput:{type:Boolean},showInputControls:{type:Boolean,default:!0},size:{},inputSize:{},showStops:{type:Boolean},showTooltip:{type:Boolean,default:!0},formatTooltip:{},disabled:{type:Boolean},range:{type:Boolean},vertical:{type:Boolean},height:{},debounce:{default:300},label:{},rangeStartLabel:{},rangeEndLabel:{},formatValueText:{},tooltipClass:{},placement:{default:"top"},marks:{},validateEvent:{type:Boolean,default:!0}},emits:te.sliderEmits,setup(t,{expose:h,emit:w}){const k=w,l=H.useNamespace("slider"),o=e.reactive({firstValue:0,secondValue:0,oldValue:0,dragging:!1,sliderSize:1}),r=e.getCurrentInstance(),{elFormItem:c,slider:I,firstButton:E,secondButton:T,sliderDisabled:i,minValue:b,maxValue:g,runwayStyle:F,barStyle:L,resetSize:B,emitChange:V,onSliderWrapperPrevent:m,onSliderClick:N,onSliderDown:f,setFirstValue:x,setSecondValue:M}=X.useSlide(r.props,o,k),{stops:U,getStopStyle:p}=Y.useStops(r.props,o,b,g),{inputId:S,isLabeledByFormItem:C}=ae.useFormItemInputId(r.props,{formItemContext:c}),z=le.useFormSize(),W=e.computed(()=>t.inputSize||z.value),D=e.computed(()=>t.formatValueText?t.formatValueText(u.value):`${u.value}`),$=e.computed(()=>t.rangeEndLabel||""),P=e.computed(()=>t.formatValueText?t.formatValueText(s.value):`${s.value}`),K=e.computed(()=>[l.b(),l.m(z.value),l.is("vertical",t.vertical),{[l.m("with-input")]:t.showInput}]),y=Q.useMarks(r.props);Z.useWatch(r.props,o,b,g,k,c);const R=e.computed(()=>{const v=[t.min,t.max,t.step].map(n=>{const a=`${n}`.split(".")[1];return a?a.length:0});return Math.max.apply(null,v)}),{sliderWrapper:j}=J.useLifecycle(r.props,o,B),{firstValue:u,secondValue:s,sliderSize:O}=e.toRefs(o),A=v=>{o.dragging=v};return e.provide(_.sliderContextKey,{...e.toRefs(r.props),sliderSize:O,disabled:i.value,precision:R,emitChange:V,resetSize:B,updateDragging:A}),h({onSliderClick:N}),(v,n)=>(e.openBlock(),e.createElementBlock("div",{id:t.range?e.unref(S):void 0,ref_key:"sliderWrapper",ref:j,class:e.normalizeClass(K.value),role:t.range?"group":void 0,"aria-labelledby":t.range&&e.unref(C)?e.unref(c)?.labelId:void 0,onTouchstart:n[2]||(n[2]=(...a)=>e.unref(m)&&e.unref(m)(...a)),onTouchmove:n[3]||(n[3]=(...a)=>e.unref(m)&&e.unref(m)(...a))},[e.createElementVNode("div",{ref_key:"slider",ref:I,class:e.normalizeClass([e.unref(l).e("runway"),{"show-input":t.showInput&&!t.range},e.unref(l).is("disabled",e.unref(i))]),style:e.normalizeStyle(e.unref(F)),onMousedown:n[0]||(n[0]=(...a)=>e.unref(f)&&e.unref(f)(...a)),onTouchstart:n[1]||(n[1]=(...a)=>e.unref(f)&&e.unref(f)(...a))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("bar")),style:e.normalizeStyle(e.unref(L))},null,6),e.createVNode(q.default,{id:t.range?void 0:e.unref(S),ref_key:"firstButton",ref:E,"model-value":e.unref(u),vertical:t.vertical,"tooltip-class":t.tooltipClass,placement:t.placement,role:"slider","aria-labelledby":!t.range&&e.unref(C)?e.unref(c)?.labelId:void 0,"aria-valuemin":t.min,"aria-valuemax":t.range?e.unref(s):t.max,"aria-valuenow":e.unref(u),"aria-valuetext":D.value,"aria-orientation":t.vertical?"vertical":"horizontal","aria-disabled":e.unref(i),"onUpdate:modelValue":e.unref(x)},null,8,["id","model-value","vertical","tooltip-class","placement","aria-labelledby","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"]),t.range?(e.openBlock(),e.createBlock(q.default,{key:0,ref_key:"secondButton",ref:T,"model-value":e.unref(s),vertical:t.vertical,"tooltip-class":t.tooltipClass,placement:t.placement,role:"slider","aria-label":$.value,"aria-valuemin":e.unref(u),"aria-valuemax":t.max,"aria-valuenow":e.unref(s),"aria-valuetext":P.value,"aria-orientation":t.vertical?"vertical":"horizontal","aria-disabled":e.unref(i),"onUpdate:modelValue":e.unref(M)},null,8,["model-value","vertical","tooltip-class","placement","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.showStops?(e.openBlock(),e.createElementBlock("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(U),(a,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:e.normalizeClass(e.unref(l).e("stop")),style:e.normalizeStyle(e.unref(p)(a))},null,6))),128))])):e.createCommentVNode("",!0),e.unref(y).length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(a,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,style:e.normalizeStyle(e.unref(p)(a.position)),class:e.normalizeClass([e.unref(l).e("stop"),e.unref(l).e("marks-stop")])},null,6))),128))]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("marks"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(a,d)=>(e.openBlock(),e.createBlock(e.unref(ee.default),{key:d,mark:a.mark,style:e.normalizeStyle(e.unref(p)(a.position))},null,8,["mark","style"]))),128))],2)],64)):e.createCommentVNode("",!0)],38),t.showInput&&!t.range?(e.openBlock(),e.createBlock(e.unref(G.VftInputNumber),{key:0,ref:"input","model-value":e.unref(u),class:e.normalizeClass(e.unref(l).e("input")),step:t.step,disabled:e.unref(i),controls:t.showInputControls,min:t.min,max:t.max,debounce:t.debounce,size:W.value,"onUpdate:modelValue":e.unref(x),onChange:e.unref(V)},null,8,["model-value","class","step","disabled","controls","min","max","debounce","size","onUpdate:modelValue","onChange"])):e.createCommentVNode("",!0)],42,ne))}});exports.default=ue;

package/lib/components/steps/item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../icon/index.cjs");require("@vueuse/core");const E=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");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 w=require("./tokens.cjs"),D=e.defineComponent({name:"VftStep"}),P=e.defineComponent({...D,props:{title:{},icon:{},description:{},status:{}},setup(N){const k=N,t=I.useNamespace("step"),r=e.ref(-1),S=e.ref({}),i=e.ref(""),n=e.inject(w.STEPS_INJECTION_KEY),u=e.getCurrentInstance();e.onMounted(()=>{e.watch([()=>n.props.active,()=>n.props.processStatus,()=>n.props.finishStatus],([s])=>{T(s)},{immediate:!0})});const C=e.computed(()=>E.singleAttrToObj(k.icon,"icon")),o=e.computed(()=>k.status||i.value),$=e.computed(()=>{const s=n.steps.value[r.value-1];return s?s.currentStatus:"wait"}),p=e.computed(()=>n.props.alignCenter),B=e.computed(()=>n.props.direction==="vertical"),l=e.computed(()=>n.props.simple),d=e.computed(()=>n.props.contentPosition==="top"),v=e.computed(()=>n.steps.value.length),y=e.computed(()=>n.steps.value[v.value-1]?.uid===u.uid),c=e.computed(()=>l.value?"":n.props.space),g=e.computed(()=>[t.b(),t.is(l.value?"simple":n.props.direction),t.is("flex",y.value&&!c.value&&!p.value),t.is("center",p.value&&!B.value&&!l.value),t.is("content-top",d.value),t.is(o.value)]),h=e.computed(()=>{const s={flexBasis:E.isNumber(c.value)?`${c.value}px`:c.value?c.value:`${100/(v.value-(p.value?0:1))}%`};return B.value||y.value&&(s.maxWidth=`${100/v.value}%`),s}),q=s=>{r.value=s},b=s=>{const a=s==="wait",m={transitionDelay:`${a?"-":""}${150*r.value}ms`},z=s===n.props.processStatus||a?0:100;m.borderWidth=z&&!l.value?"1px":0,m[n.props.direction==="vertical"?"height":"width"]=`${z}%`,S.value=m},T=s=>{s>r.value?i.value=n.props.finishStatus:s===r.value&&$.value!=="error"?i.value=n.props.processStatus:i.value="wait";const a=n.steps.value[r.value-1];a&&a.calcProgress(i.value)},V=e.reactive({uid:u.uid,getVnode:()=>u.vnode,currentStatus:o,setIndex:q,calcProgress:b});return n.addStep(V),e.onBeforeUnmount(()=>{n.removeStep(V)}),(s,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(h.value),class:e.normalizeClass(g.value)},[s.$slots.top?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("top-slot"))},[e.renderSlot(s.$slots,"top")],2)):d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(s.description),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("head"),e.unref(t).is(o.value)])},[l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("line"))},[e.createElementVNode("i",{class:e.normalizeClass(e.unref(t).e("line-inner")),style:e.normalizeStyle(S.value)},null,6)],2)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("icon"),e.unref(t).is(s.icon||s.$slots.icon?"icon":"text")])},[e.renderSlot(s.$slots,"icon",{},()=>[C.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.mergeProps({key:0},C.value,{class:e.unref(t).e("icon-inner")}),null,16,["class"])):o.value==="success"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:1,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-check"},null,8,["class"])):o.value==="error"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:2,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-close"},null,8,["class"])):l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("icon-inner"))},e.toDisplayString(r.value+1),3))])],2)],2),s.$slots.bottom?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("bottom-slot"))},[e.renderSlot(s.$slots,"bottom")],2)):d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(s.description),1)])],2))],2))],6))}});exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../icon/index.cjs");require("@vueuse/core");const N=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");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 w=require("./tokens.cjs"),D=e.defineComponent({name:"VftStep"}),P=e.defineComponent({...D,props:{title:{},icon:{},description:{},status:{}},setup(a){const S=a,t=I.useNamespace("step"),r=e.ref(-1),C=e.ref({}),c=e.ref(""),n=e.inject(w.STEPS_INJECTION_KEY),p=e.getCurrentInstance();e.onMounted(()=>{e.watch([()=>n.props.active,()=>n.props.processStatus,()=>n.props.finishStatus],([s])=>{T(s)},{immediate:!0})});const B=e.computed(()=>N.singleAttrToObj(S.icon,"icon")),o=e.computed(()=>S.status||c.value),$=e.computed(()=>{const s=n.steps.value[r.value-1];return s?s.currentStatus:"wait"}),d=e.computed(()=>n.props.alignCenter),y=e.computed(()=>n.props.direction==="vertical"),l=e.computed(()=>n.props.simple),v=e.computed(()=>n.props.contentPosition==="top"),m=e.computed(()=>n.steps.value.length),V=e.computed(()=>n.steps.value[m.value-1]?.uid===p.uid),u=e.computed(()=>l.value?"":n.props.space),g=e.computed(()=>[t.b(),t.is(l.value?"simple":n.props.direction),t.is("flex",V.value&&!u.value&&!d.value),t.is("center",d.value&&!y.value&&!l.value),t.is("content-top",v.value),t.is(o.value)]),h=e.computed(()=>{const s={flexBasis:N.isNumber(u.value)?`${u.value}px`:u.value?u.value:`${100/(m.value-(d.value?0:1))}%`};return y.value||V.value&&(s.maxWidth=`${100/m.value}%`),s}),q=s=>{r.value=s},b=s=>{const i=s==="wait",f={transitionDelay:`${i?"-":""}${150*r.value}ms`},E=s===n.props.processStatus||i?0:100;f.borderWidth=E&&!l.value?"1px":0,f[n.props.direction==="vertical"?"height":"width"]=`${E}%`,C.value=f},T=s=>{s>r.value?c.value=n.props.finishStatus:s===r.value&&$.value!=="error"?c.value=n.props.processStatus:c.value="wait";const i=n.steps.value[r.value-1];i&&i.calcProgress(c.value)},z=e.reactive({uid:p.uid,getVnode:()=>p.vnode,currentStatus:o,setIndex:q,calcProgress:b});return n.addStep(z),e.onBeforeUnmount(()=>{n.removeStep(z)}),(s,i)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(h.value),class:e.normalizeClass(g.value)},[s.$slots.top?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("top-slot"))},[e.renderSlot(s.$slots,"top")],2)):v.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(a.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(a.description),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("head"),e.unref(t).is(o.value)])},[l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("line"))},[e.createElementVNode("i",{class:e.normalizeClass(e.unref(t).e("line-inner")),style:e.normalizeStyle(C.value)},null,6)],2)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("icon"),e.unref(t).is(a.icon||s.$slots.icon?"icon":"text")])},[e.renderSlot(s.$slots,"icon",{},()=>[B.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},B.value,{class:e.unref(t).e("icon-inner")}),null,16,["class"])):o.value==="success"?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:1,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-check"},null,8,["class"])):o.value==="error"?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:2,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-close"},null,8,["class"])):l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("icon-inner"))},e.toDisplayString(r.value+1),3))])],2)],2),s.$slots.bottom?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("bottom-slot"))},[e.renderSlot(s.$slots,"bottom")],2)):v.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(a.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(a.description),1)])],2))],2))],6))}});exports.default=P;

package/lib/components/steps/steps.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const m=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./tokens.cjs"),q=e.defineComponent({name:"vft-steps"}),S=e.defineComponent({...q,props:{space:{},active:{default:0},direction:{default:"horizontal"},alignCenter:{type:Boolean},simple:{type:Boolean},finishStatus:{default:"finish"},processStatus:{default:"process"},contentPosition:{default:"bottom"}},emits:["change"],setup(i,{emit:u}){const s=i,a=u,o=f.useNamespace("steps"),{children:n,addChild:c,removeChild:l,ChildrenSorter:d}=m.useOrderedChildren(e.getCurrentInstance(),"VftStep");return e.watch(n,()=>{n.value.forEach((t,r)=>{t.setIndex(r)})}),e.provide(h.STEPS_INJECTION_KEY,{props:s,steps:n,addStep:c,removeStep:l}),e.watch(()=>s.active,(t,r)=>{a(p.CHANGE_EVENT,t,r)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o).b(),e.unref(o).m(t.simple?"simple":t.direction)])},[e.renderSlot(t.$slots,"default"),e.createVNode(e.unref(d))],2))}});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const m=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./tokens.cjs"),q=e.defineComponent({name:"vft-steps"}),S=e.defineComponent({...q,props:{space:{},active:{default:0},direction:{default:"horizontal"},alignCenter:{type:Boolean},simple:{type:Boolean},finishStatus:{default:"finish"},processStatus:{default:"process"},contentPosition:{default:"bottom"}},emits:["change"],setup(n,{emit:u}){const i=n,a=u,o=f.useNamespace("steps"),{children:s,addChild:c,removeChild:l,ChildrenSorter:d}=m.useOrderedChildren(e.getCurrentInstance(),"VftStep");return e.watch(s,()=>{s.value.forEach((t,r)=>{t.setIndex(r)})}),e.provide(h.STEPS_INJECTION_KEY,{props:i,steps:s,addStep:c,removeStep:l}),e.watch(()=>i.active,(t,r)=>{a(p.CHANGE_EVENT,t,r)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o).b(),e.unref(o).m(n.simple?"simple":n.direction)])},[e.renderSlot(t.$slots,"default"),e.createVNode(e.unref(d))],2))}});exports.default=S;

package/lib/components/super-form/super-form-action.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../button/index.cjs"),f=require("../form/index.cjs"),v=require("../row/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const C=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("./use/use-form-context.cjs"),k=e.defineComponent({__name:"super-form-action",props:{showResetButton:{type:Boolean},showSubmitButton:{type:Boolean},showCommonButton:{type:Boolean},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{},submitResetReverse:{type:Boolean}},setup(o){const r=C.useNamespace("form-action"),{resetAction:m,submitAction:p,commonAction:a}=b.useFormContext(),B=e.computed(()=>({justify:"end",...o.actionRowOptions})),d=e.computed(()=>Object.assign({btnText:"重置"},o.resetButtonOptions)),c=e.computed(()=>Object.assign({btnText:"确认"},o.submitButtonOptions)),n=e.computed(()=>Object.assign({btnText:"取消"},o.commonButtonOptions)),l=t=>({type:t?"warning":"primary",options:t?d.value:c.value,action:t?m:p,className:t?r.e("reset"):r.e("submit"),show:t?o.showResetButton:o.showSubmitButton}),s=e.computed(()=>l(!o.submitResetReverse)),u=e.computed(()=>l(o.submitResetReverse));return(t,y)=>(e.openBlock(),e.createBlock(e.unref(v.VftRow),e.normalizeProps(e.guardReactiveProps(B.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(f.VftFormItem),{class:e.normalizeClass([{"submit-block":c.value.block},e.unref(r).b()])},{default:e.withCtx(()=>[t.showCommonButton&&!n.value.isBehind?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:0},n.value,{class:e.unref(r).e("common"),onClick:e.unref(a)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"resetBefore"),s.value.show?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:1,type:s.value.type},s.value.options,{onClick:s.value.action,class:s.value.className}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value.options.btnText),1)]),_:1},16,["type","onClick","class"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"submitBefore"),u.value.show?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:2,type:u.value.type},u.value.options,{onClick:u.value.action,class:u.value.className}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.options.btnText),1)]),_:1},16,["type","onClick","class"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"submitAfter"),t.showCommonButton&&n.value.isBehind?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:3},n.value,{class:e.unref(r).e("common"),onClick:e.unref(a)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},16))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../button/index.cjs"),f=require("../form/index.cjs"),v=require("../row/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const C=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("./use/use-form-context.cjs"),k=e.defineComponent({__name:"super-form-action",props:{showResetButton:{type:Boolean},showSubmitButton:{type:Boolean},showCommonButton:{type:Boolean},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{},submitResetReverse:{type:Boolean}},setup(t){const r=C.useNamespace("form-action"),{resetAction:m,submitAction:B,commonAction:c}=b.useFormContext(),p=e.computed(()=>({justify:"end",...t.actionRowOptions})),d=e.computed(()=>Object.assign({btnText:"重置"},t.resetButtonOptions)),a=e.computed(()=>Object.assign({btnText:"确认"},t.submitButtonOptions)),n=e.computed(()=>Object.assign({btnText:"取消"},t.commonButtonOptions)),l=o=>({type:o?"warning":"primary",options:o?d.value:a.value,action:o?m:B,className:o?r.e("reset"):r.e("submit"),show:o?t.showResetButton:t.showSubmitButton}),s=e.computed(()=>l(!t.submitResetReverse)),u=e.computed(()=>l(t.submitResetReverse));return(o,y)=>(e.openBlock(),e.createBlock(e.unref(v.VftRow),e.normalizeProps(e.guardReactiveProps(p.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(f.VftFormItem),{class:e.normalizeClass([{"submit-block":a.value.block},e.unref(r).b()])},{default:e.withCtx(()=>[t.showCommonButton&&!n.value.isBehind?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:0},n.value,{class:e.unref(r).e("common"),onClick:e.unref(c)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"resetBefore"),s.value.show?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:1,type:s.value.type},s.value.options,{onClick:s.value.action,class:s.value.className}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value.options.btnText),1)]),_:1},16,["type","onClick","class"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"submitBefore"),u.value.show?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:2,type:u.value.type},u.value.options,{onClick:u.value.action,class:u.value.className}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.options.btnText),1)]),_:1},16,["type","onClick","class"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"submitAfter"),t.showCommonButton&&n.value.isBehind?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:3},n.value,{class:e.unref(r).e("common"),onClick:e.unref(c)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},16))}});exports.default=k;

package/lib/components/switch/switch.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../form/index.cjs");const f=require("../icon/index.cjs"),l=require("../../constants/event.cjs");require("@vueuse/core");const k=require("../../utils/error.cjs"),S=require("../../utils/helper.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 b=require("../form/hooks/use-form-item.cjs"),y=require("../form/hooks/use-form-common-props.cjs"),A=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex"],O=["aria-hidden"],M=["aria-hidden"],U=["aria-hidden"],F=e.defineComponent({name:"vft-switch"}),x=e.defineComponent({...F,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT,l.INPUT_EVENT],setup(B,{expose:N,emit:T}){const t=D.useNamespace("switch"),a=B,r=T,{formItem:V}=b.useFormItem(),g=y.useFormSize(),{inputId:P}=b.useFormItemInputId(a,{formItemContext:V}),c=e.computed(()=>d.singleAttrToObj(a.activeIcon,"icon")),u=e.computed(()=>d.singleAttrToObj(a.inactiveIcon,"icon")),m=y.useFormDisabled(e.computed(()=>a.loading)),p=e.ref(a.modelValue!==!1),s=e.ref(),I=e.ref(),w=e.computed(()=>[t.b(),t.m(g.value),t.is("disabled",m.value),t.is("checked",n.value)]),z=e.computed(()=>({width:S.addUnit(a.width)}));e.watch(()=>a.modelValue,()=>{p.value=!0}),e.watch(()=>a.value,()=>{p.value=!1});const C=e.computed(()=>p.value?a.modelValue:a.value),n=e.computed(()=>C.value===a.activeValue);[a.activeValue,a.inactiveValue].includes(C.value)||(r(l.UPDATE_MODEL_EVENT,a.inactiveValue),r(l.CHANGE_EVENT,a.inactiveValue),r(l.INPUT_EVENT,a.inactiveValue)),e.watch(n,o=>{s.value.checked=o,a.validateEvent&&V?.validate?.("change").catch(i=>k.debugWarn(i))});const v=()=>{const o=n.value?a.inactiveValue:a.activeValue;r(l.UPDATE_MODEL_EVENT,o),r(l.CHANGE_EVENT,o),r(l.INPUT_EVENT,o),e.nextTick(()=>{s.value.checked=n.value})},E=()=>{if(m.value)return;const{beforeChange:o}=a;if(!o){v();return}const i=o();[d.isPromise(i),d.isBoolean(i)].includes(!0)||k.throwError(t.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),d.isPromise(i)?i.then(h=>{h&&v()}).catch(h=>{k.debugWarn(t.b(),`some error occurred: ${h}`)}):i&&v()},q=e.computed(()=>t.cssVarBlock({...a.activeColor?{"on-color":a.activeColor}:null,...a.inactiveColor?{"off-color":a.inactiveColor}:null,...a.borderColor?{"border-color":a.borderColor}:null})),_=()=>{s.value?.focus?.()};return e.onMounted(()=>{s.value.checked=n.value}),N({focus:_,checked:n}),(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(w.value),style:e.normalizeStyle(q.value),onClick:e.withModifiers(E,["prevent"])},[e.createElementVNode("input",{id:e.unref(P),ref_key:"input",ref:s,class:e.normalizeClass(e.unref(t).e("input")),type:"checkbox",role:"switch","aria-checked":n.value,"aria-disabled":e.unref(m),name:o.name,"true-value":o.activeValue,"false-value":o.inactiveValue,disabled:e.unref(m),tabindex:o.tabindex,onChange:v,onKeydown:e.withKeys(E,["enter"])},null,42,A),!o.inlinePrompt&&(o.inactiveIcon||o.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","left"),e.unref(t).is("active",!n.value)])},[u.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),!u.value?.icon&&o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":n.value},e.toDisplayString(o.inactiveText),9,O)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:I,class:e.normalizeClass(e.unref(t).e("core")),style:e.normalizeStyle(z.value)},[o.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("inner"))},[c.value?.icon||u.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},n.value?c.value:u.value)),null,16)):o.activeText||o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).is("text")),"aria-hidden":!n.value},e.toDisplayString(n.value?o.activeText:o.inactiveText),11,M)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("action"))},[o.loading?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(t).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!o.inlinePrompt&&(c.value?.icon||o.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","right"),e.unref(t).is("active",n.value)])},[c.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},c.value)),null,16)):e.createCommentVNode("",!0),!c.value?.icon&&o.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!n.value},e.toDisplayString(o.activeText),9,U)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils");require("../form/index.cjs");const h=require("../icon/index.cjs"),i=require("../../constants/event.cjs");require("@vueuse/core");const C=require("../../utils/error.cjs"),S=require("../../utils/helper.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 B=require("../form/hooks/use-form-item.cjs"),N=require("../form/hooks/use-form-common-props.cjs"),A=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex"],O=["aria-hidden"],M=["aria-hidden"],U=["aria-hidden"],F=e.defineComponent({name:"vft-switch"}),j=e.defineComponent({...F,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[i.UPDATE_MODEL_EVENT,i.CHANGE_EVENT,i.INPUT_EVENT],setup(a,{expose:T,emit:g}){const n=D.useNamespace("switch"),t=a,r=g,{formItem:E}=B.useFormItem(),p=N.useFormSize(),{inputId:x}=B.useFormItemInputId(t,{formItemContext:E}),u=e.computed(()=>m.singleAttrToObj(t.activeIcon,"icon")),s=e.computed(()=>m.singleAttrToObj(t.inactiveIcon,"icon")),v=N.useFormDisabled(e.computed(()=>t.loading)),k=e.ref(t.modelValue!==!1),d=e.ref(),P=e.ref(),I=e.computed(()=>[n.b(),n.m(p.value),n.is("disabled",v.value),n.is("checked",o.value)]),w=e.computed(()=>({width:S.addUnit(t.width)}));e.watch(()=>t.modelValue,()=>{k.value=!0}),e.watch(()=>t.value,()=>{k.value=!1});const b=e.computed(()=>k.value?t.modelValue:t.value),o=e.computed(()=>b.value===t.activeValue);[t.activeValue,t.inactiveValue].includes(b.value)||(r(i.UPDATE_MODEL_EVENT,t.inactiveValue),r(i.CHANGE_EVENT,t.inactiveValue),r(i.INPUT_EVENT,t.inactiveValue)),e.watch(o,l=>{d.value.checked=l,t.validateEvent&&E?.validate?.("change").catch(c=>C.debugWarn(c))});const f=()=>{const l=o.value?t.inactiveValue:t.activeValue;r(i.UPDATE_MODEL_EVENT,l),r(i.CHANGE_EVENT,l),r(i.INPUT_EVENT,l),e.nextTick(()=>{d.value.checked=o.value})},y=()=>{if(v.value)return;const{beforeChange:l}=t;if(!l){f();return}const c=l();[m.isPromise(c),m.isBoolean(c)].includes(!0)||C.throwError(n.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),m.isPromise(c)?c.then(V=>{V&&f()}).catch(V=>{C.debugWarn(n.b(),`some error occurred: ${V}`)}):c&&f()},z=e.computed(()=>n.cssVarBlock({...t.activeColor?{"on-color":t.activeColor}:null,...t.inactiveColor?{"off-color":t.inactiveColor}:null,...t.borderColor?{"border-color":t.borderColor}:null})),q=()=>{d.value?.focus?.()};return e.onMounted(()=>{d.value.checked=o.value}),T({focus:q,checked:o}),(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(I.value),style:e.normalizeStyle(z.value),onClick:e.withModifiers(y,["prevent"])},[e.createElementVNode("input",{id:e.unref(x),ref_key:"input",ref:d,class:e.normalizeClass(e.unref(n).e("input")),type:"checkbox",role:"switch","aria-checked":o.value,"aria-disabled":e.unref(v),name:a.name,"true-value":a.activeValue,"false-value":a.inactiveValue,disabled:e.unref(v),tabindex:a.tabindex,onChange:f,onKeydown:e.withKeys(y,["enter"])},null,42,A),!a.inlinePrompt&&(a.inactiveIcon||a.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(n).e("label"),e.unref(n).em("label","left"),e.unref(n).is("active",!o.value)])},[s.value?.icon?(e.openBlock(),e.createBlock(e.unref(h.VftIcon),e.normalizeProps(e.mergeProps({key:0},s.value)),null,16)):e.createCommentVNode("",!0),!s.value?.icon&&a.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":o.value},e.toDisplayString(a.inactiveText),9,O)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:P,class:e.normalizeClass(e.unref(n).e("core")),style:e.normalizeStyle(w.value)},[a.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("inner"))},[u.value?.icon||s.value?.icon?(e.openBlock(),e.createBlock(e.unref(h.VftIcon),e.normalizeProps(e.mergeProps({key:0},o.value?u.value:s.value)),null,16)):a.activeText||a.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).is("text")),"aria-hidden":!o.value},e.toDisplayString(o.value?a.activeText:a.inactiveText),11,M)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("action"))},[a.loading?(e.openBlock(),e.createBlock(e.unref(h.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(n).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!a.inlinePrompt&&(u.value?.icon||a.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(n).e("label"),e.unref(n).em("label","right"),e.unref(n).is("active",o.value)])},[u.value?.icon?(e.openBlock(),e.createBlock(e.unref(h.VftIcon),e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),!u.value?.icon&&a.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!o.value},e.toDisplayString(a.activeText),9,U)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=j;