vft 0.0.128 → 0.0.129

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../../icon/index.cjs"),B=require("dayjs"),H=require("../composables/use-month-range-header.cjs"),F=require("../composables/use-range-picker.cjs"),_=require("../props/panel-month-range.cjs"),R=require("./basic-month-table.vue2.cjs"),K=["onClick"],O=["disabled"],G=["disabled"],g="year",J=e.defineComponent({name:"DatePickerMonthRange"}),Q=e.defineComponent({...J,props:_.panelMonthRangeProps,emits:_.panelMonthRangeEmits,setup(w,{emit:M}){const u=w,p=e.ref("zh-cn"),b=e.inject("EP_PICKER_BASE"),{shortcuts:k,disabledDate:v,format:Y}=b.props,D=e.toRef(b.props,"defaultValue"),i=e.ref(B().locale(p.value)),l=e.ref(B().locale(p.value).add(1,g)),{minDate:c,maxDate:d,rangeState:C,ppNs:a,drpNs:s,handleChangeRange:h,handleRangeConfirm:q,handleShortcutClick:x,onSelect:V}=F.useRangePicker(u,{defaultValue:D,leftDate:i,rightDate:l,unit:g,onParsedValueChanged:A}),N=e.computed(()=>!!k.length),{leftPrevYear:E,rightNextYear:y,leftNextYear:P,rightPrevYear:S,leftLabel:I,rightLabel:T,leftYear:j,rightYear:L}=H.useMonthRangeHeader({unlinkPanels:e.toRef(u,"unlinkPanels"),leftDate:i,rightDate:l}),f=e.computed(()=>u.unlinkPanels&&L.value>j.value+1),z=(r,n=!0)=>{const t=r.minDate,o=r.maxDate;d.value===o&&c.value===t||(d.value=o,c.value=t,n&&q())},$=r=>r.map(n=>n.format(Y));function A(r,n){if(u.unlinkPanels&&n){const t=(r==null?void 0:r.year())||0,o=n.year();l.value=t===o?n.add(1,g):n}else l.value=i.value.add(1,g)}return M("set-picker-option",["formatToString",$]),(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a).b(),e.unref(s).b(),{"has-sidebar":!!r.$slots.sidebar||N.value}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("body-wrapper"))},[e.renderSlot(r.$slots,"sidebar",{class:e.normalizeClass(e.unref(a).e("sidebar"))}),N.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("sidebar"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(t,o)=>(e.openBlock(),e.createElementBlock("button",{key:o,type:"button",class:e.normalizeClass(e.unref(a).e("shortcut")),onClick:U=>e.unref(x)(t)},e.toDisplayString(t.text),11,K))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("body"))},[e.createElementVNode("div",{class:e.normalizeClass([[e.unref(a).e("content"),e.unref(s).e("content")],"is-left"])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("header"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(a).e("icon-btn"),"d-arrow-left"]),onClick:n[0]||(n[0]=(...t)=>e.unref(E)&&e.unref(E)(...t))},[e.createVNode(e.unref(m.VftIcon),{icon:"ico-ep:d-arrow-left"})],2),r.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!f.value,class:e.normalizeClass([[e.unref(a).e("icon-btn"),{[e.unref(a).is("disabled")]:!f.value}],"d-arrow-right"]),onClick:n[1]||(n[1]=(...t)=>e.unref(P)&&e.unref(P)(...t))},[e.createVNode(e.unref(m.VftIcon),{icon:"ico-ep:d-arrow-right"})],10,O)):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(e.unref(I)),1)],2),e.createVNode(R.default,{"selection-mode":"range",date:i.value,"min-date":e.unref(c),"max-date":e.unref(d),"range-state":e.unref(C),"disabled-date":e.unref(v),onChangerange:e.unref(h),onPick:z,onSelect:e.unref(V)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2),e.createElementVNode("div",{class:e.normalizeClass([[e.unref(a).e("content"),e.unref(s).e("content")],"is-right"])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("header"))},[r.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!f.value,class:e.normalizeClass([[e.unref(a).e("icon-btn"),{"is-disabled":!f.value}],"d-arrow-left"]),onClick:n[2]||(n[2]=(...t)=>e.unref(S)&&e.unref(S)(...t))},[e.createVNode(e.unref(m.VftIcon),{icon:"ico-ep:d-arrow-left"})],10,G)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(a).e("icon-btn"),"d-arrow-right"]),onClick:n[3]||(n[3]=(...t)=>e.unref(y)&&e.unref(y)(...t))},[e.createVNode(e.unref(m.VftIcon),{icon:"ico-ep:d-arrow-right"})],2),e.createElementVNode("div",null,e.toDisplayString(e.unref(T)),1)],2),e.createVNode(R.default,{"selection-mode":"range",date:l.value,"min-date":e.unref(c),"max-date":e.unref(d),"range-state":e.unref(C),"disabled-date":e.unref(v),onChangerange:e.unref(h),onPick:z,onSelect:e.unref(V)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2)],2)],2)],2))}});exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../../icon/index.cjs"),B=require("dayjs"),H=require("../composables/use-month-range-header.cjs"),F=require("../composables/use-range-picker.cjs"),_=require("../props/panel-month-range.cjs"),R=require("./basic-month-table.vue2.cjs"),K=["onClick"],O=["disabled"],G=["disabled"],g="year",J=e.defineComponent({name:"DatePickerMonthRange"}),Q=e.defineComponent({...J,props:_.panelMonthRangeProps,emits:_.panelMonthRangeEmits,setup(w,{emit:M}){const u=w,p=e.ref("zh-cn"),b=e.inject("EP_PICKER_BASE"),{shortcuts:k,disabledDate:v,format:Y}=b.props,D=e.toRef(b.props,"defaultValue"),i=e.ref(B().locale(p.value)),l=e.ref(B().locale(p.value).add(1,g)),{minDate:c,maxDate:d,rangeState:C,ppNs:a,drpNs:s,handleChangeRange:h,handleRangeConfirm:q,handleShortcutClick:x,onSelect:V}=F.useRangePicker(u,{defaultValue:D,leftDate:i,rightDate:l,unit:g,onParsedValueChanged:A}),N=e.computed(()=>!!k.length),{leftPrevYear:E,rightNextYear:y,leftNextYear:P,rightPrevYear:S,leftLabel:I,rightLabel:T,leftYear:j,rightYear:L}=H.useMonthRangeHeader({unlinkPanels:e.toRef(u,"unlinkPanels"),leftDate:i,rightDate:l}),f=e.computed(()=>u.unlinkPanels&&L.value>j.value+1),z=(r,n=!0)=>{const t=r.minDate,o=r.maxDate;d.value===o&&c.value===t||(d.value=o,c.value=t,n&&q())},$=r=>r.map(n=>n.format(Y));function A(r,n){if(u.unlinkPanels&&n){const t=(r==null?void 0:r.year())||0,o=n.year();l.value=t===o?n.add(1,g):n}else l.value=i.value.add(1,g)}return M("set-picker-option",["formatToString",$]),(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a).b(),e.unref(s).b(),{"has-sidebar":!!r.$slots.sidebar||N.value}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("body-wrapper"))},[e.renderSlot(r.$slots,"sidebar",{class:e.normalizeClass(e.unref(a).e("sidebar"))}),N.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("sidebar"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(t,o)=>(e.openBlock(),e.createElementBlock("button",{key:o,type:"button",class:e.normalizeClass(e.unref(a).e("shortcut")),onClick:U=>e.unref(x)(t)},e.toDisplayString(t.text),11,K))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("body"))},[e.createElementVNode("div",{class:e.normalizeClass([[e.unref(a).e("content"),e.unref(s).e("content")],"is-left"])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("header"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(a).e("icon-btn"),"d-arrow-left"]),onClick:n[0]||(n[0]=(...t)=>e.unref(E)&&e.unref(E)(...t))},[e.createVNode(e.unref(m.VftIcon),{icon:"icon-d-arrow-left"})],2),r.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!f.value,class:e.normalizeClass([[e.unref(a).e("icon-btn"),{[e.unref(a).is("disabled")]:!f.value}],"d-arrow-right"]),onClick:n[1]||(n[1]=(...t)=>e.unref(P)&&e.unref(P)(...t))},[e.createVNode(e.unref(m.VftIcon),{icon:"icon-d-arrow-right"})],10,O)):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(e.unref(I)),1)],2),e.createVNode(R.default,{"selection-mode":"range",date:i.value,"min-date":e.unref(c),"max-date":e.unref(d),"range-state":e.unref(C),"disabled-date":e.unref(v),onChangerange:e.unref(h),onPick:z,onSelect:e.unref(V)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2),e.createElementVNode("div",{class:e.normalizeClass([[e.unref(a).e("content"),e.unref(s).e("content")],"is-right"])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("header"))},[r.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!f.value,class:e.normalizeClass([[e.unref(a).e("icon-btn"),{"is-disabled":!f.value}],"d-arrow-left"]),onClick:n[2]||(n[2]=(...t)=>e.unref(S)&&e.unref(S)(...t))},[e.createVNode(e.unref(m.VftIcon),{icon:"icon-d-arrow-left"})],10,G)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(a).e("icon-btn"),"d-arrow-right"]),onClick:n[3]||(n[3]=(...t)=>e.unref(y)&&e.unref(y)(...t))},[e.createVNode(e.unref(m.VftIcon),{icon:"icon-d-arrow-right"})],2),e.createElementVNode("div",null,e.toDisplayString(e.unref(T)),1)],2),e.createVNode(R.default,{"selection-mode":"range",date:l.value,"min-date":e.unref(c),"max-date":e.unref(d),"range-state":e.unref(C),"disabled-date":e.unref(v),onChangerange:e.unref(h),onPick:z,onSelect:e.unref(V)},null,8,["date","min-date","max-date","range-state","disabled-date","onChangerange","onSelect"])],2)],2)],2)],2))}});exports.default=Q;

package/lib/components/date-time-select/date-time-select.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("@vft/utils"),S=require("../date-picker/index.cjs"),$=require("../dropdown/index.cjs"),h=require("../icon/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const j=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("dayjs"),s=j.useNamespace("date-time-select"),A=e.defineComponent({name:"vft-date-time-select"}),H=e.defineComponent({...A,props:{dateList:{default:[]},defaultFormat:{default:"YYYY-MM-DD HH:mm:ss"}},emits:["change"],setup(d,{emit:T}){const N=e.ref(!1),p=e.ref(),I=e.ref("请选择时间"),t=e.ref("");function L(a){const{count:r,type:V,format:i,dateRange:l=!0,startOfType:C,endOfType:k}=a;let f,n,y;const v=i||d.defaultFormat;let o=m().format(v);const w=(u,F=!0)=>{let g,O=F?"startOf":"endOf";return u==="week"?g=m().add(r,u)[O](u).add(1,"day").format(v):g=m().add(r,u)[O](u).format(v),g};C&&(f=w(C)),k&&(n=w(k,!1)),y=m().add(r,V).format(v);let c=f||n||y;return l?f&&n?[c,n]:r>0?[c!==n&&n||o,c]:r===0?[f||o,n||o]:[c,c!==n&&n||o]:c}function M(a,r){p.value=a,D.value.handleClose(),t.value=L(r),T("change",t.value)}function R(){t.value=""}const q=e.computed(()=>{var a;return x.isArray(t.value)&&((a=t.value)!=null&&a.length)?t.value[0]+" - "+t.value[1]:t.value}),D=e.ref();function Y(a){N.value=a}const b=()=>{const a=x.isArray(d.dateList[0])?d.dateList:[d.dateList];return e.createVNode("div",{class:s.e("content")},[e.createVNode(e.Fragment,null,[a.map((r,V)=>e.createVNode("div",{key:V,class:s.e("item-container")},[r.map((i,l)=>e.createVNode("div",{class:[s.e("item"),s.is("active",p.value===l)],onClick:()=>M(l,i)},[e.createVNode("span",{key:l},[i.text]),p.value===l?e.createVNode(h.VftIcon,{icon:"ico-ep:check"},null):null])),e.createVNode(S.default,{type:"daterange","range-separator":"To","start-placeholder":"Start date","end-placeholder":"End date"},null)]))])])};return()=>e.createVNode($.VftDropdown,{ref:D,trigger:"click",teleported:!1,class:s.b(),onVisibleChange:Y},{default:()=>[e.createVNode("span",{class:[s.e("trigger"),"cursor-pointer"]},[e.createVNode("span",{class:[q.value?"text":"placeholder"]},[q.value||I.value]),t.value?e.createVNode(h.VftIcon,{onClick:R,icon:"ico-ep:circle-close",class:"hover:text-black"},null):null,t.value?e.createVNode(h.VftIcon,{icon:"ico-ep:arrow-down",class:[{"rotate-180":N.value}]},null):null])],dropdown:()=>b()})}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("@vft/utils"),S=require("../date-picker/index.cjs"),$=require("../dropdown/index.cjs"),h=require("../icon/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const j=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("dayjs"),s=j.useNamespace("date-time-select"),A=e.defineComponent({name:"vft-date-time-select"}),H=e.defineComponent({...A,props:{dateList:{default:[]},defaultFormat:{default:"YYYY-MM-DD HH:mm:ss"}},emits:["change"],setup(d,{emit:T}){const N=e.ref(!1),V=e.ref(),I=e.ref("请选择时间"),t=e.ref("");function L(a){const{count:r,type:g,format:i,dateRange:l=!0,startOfType:C,endOfType:k}=a;let f,n,y;const v=i||d.defaultFormat;let o=m().format(v);const w=(u,F=!0)=>{let p,O=F?"startOf":"endOf";return u==="week"?p=m().add(r,u)[O](u).add(1,"day").format(v):p=m().add(r,u)[O](u).format(v),p};C&&(f=w(C)),k&&(n=w(k,!1)),y=m().add(r,g).format(v);let c=f||n||y;return l?f&&n?[c,n]:r>0?[c!==n&&n||o,c]:r===0?[f||o,n||o]:[c,c!==n&&n||o]:c}function M(a,r){V.value=a,D.value.handleClose(),t.value=L(r),T("change",t.value)}function R(){t.value=""}const q=e.computed(()=>{var a;return x.isArray(t.value)&&((a=t.value)!=null&&a.length)?t.value[0]+" - "+t.value[1]:t.value}),D=e.ref();function Y(a){N.value=a}const b=()=>{const a=x.isArray(d.dateList[0])?d.dateList:[d.dateList];return e.createVNode("div",{class:s.e("content")},[e.createVNode(e.Fragment,null,[a.map((r,g)=>e.createVNode("div",{key:g,class:s.e("item-container")},[r.map((i,l)=>e.createVNode("div",{class:[s.e("item"),s.is("active",V.value===l)],onClick:()=>M(l,i)},[e.createVNode("span",{key:l},[i.text]),V.value===l?e.createVNode(h.VftIcon,{icon:"icon-check"},null):null])),e.createVNode(S.default,{type:"daterange","range-separator":"To","start-placeholder":"Start date","end-placeholder":"End date"},null)]))])])};return()=>e.createVNode($.VftDropdown,{ref:D,trigger:"click",teleported:!1,class:s.b(),onVisibleChange:Y},{default:()=>[e.createVNode("span",{class:[s.e("trigger"),"cursor-pointer"]},[e.createVNode("span",{class:[q.value?"text":"placeholder"]},[q.value||I.value]),t.value?e.createVNode(h.VftIcon,{onClick:R,icon:"icon-circle-close",class:"hover:text-black"},null):null,t.value?e.createVNode(h.VftIcon,{icon:"icon-arrow-down",class:[{"rotate-180":N.value}]},null):null])],dropdown:()=>b()})}});exports.default=H;

package/lib/components/dialog/dialog-content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const m=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const g=require("../../utils/vue/refs.cjs"),p=require("../../hooks/use-draggable/index.cjs");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("./constants.cjs"),y=["id"],b=e.defineComponent({name:"vft-dialog-content"}),q=e.defineComponent({...b,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{default:"ico-ep:close"},customClass:{},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:["close"],setup(t){const{dialogRef:l,headerRef:n,bodyId:a,ns:r,style:i}=e.inject(C.dialogInjectionKey),{focusTrapRef:u}=e.inject(m.FOCUS_TRAP_INJECTION_KEY),c=g.composeRefs(u,l),f=e.computed(()=>t.draggable);return p.useDraggable(l,n,f),(o,s)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(c),class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("fullscreen",o.fullscreen),e.unref(r).is("draggable",o.draggable),e.unref(r).is("align-center",o.alignCenter),{[e.unref(r).m("center")]:o.center},o.customClass]),style:e.normalizeStyle(e.unref(i)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:n,class:e.normalizeClass(e.unref(r).e("header"))},[e.renderSlot(o.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(o.title),3)]),o.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(r).e("headerbtn")),type:"button",onClick:s[0]||(s[0]=k=>o.$emit("close"))},[e.createVNode(e.unref(d.VftIcon),{class:e.normalizeClass(e.unref(r).e("close")),icon:o.closeIcon,size:"20"},null,8,["class","icon"])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(a),class:e.normalizeClass(e.unref(r).e("body"))},[e.renderSlot(o.$slots,"default")],10,y),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass(e.unref(r).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const m=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const g=require("../../utils/vue/refs.cjs"),p=require("../../hooks/use-draggable/index.cjs");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("./constants.cjs"),y=["id"],b=e.defineComponent({name:"vft-dialog-content"}),q=e.defineComponent({...b,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{default:"icon-close"},customClass:{},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:["close"],setup(t){const{dialogRef:n,headerRef:l,bodyId:a,ns:r,style:i}=e.inject(C.dialogInjectionKey),{focusTrapRef:u}=e.inject(m.FOCUS_TRAP_INJECTION_KEY),c=g.composeRefs(u,n),f=e.computed(()=>t.draggable);return p.useDraggable(n,l,f),(o,s)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(c),class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("fullscreen",o.fullscreen),e.unref(r).is("draggable",o.draggable),e.unref(r).is("align-center",o.alignCenter),{[e.unref(r).m("center")]:o.center},o.customClass]),style:e.normalizeStyle(e.unref(i)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:l,class:e.normalizeClass(e.unref(r).e("header"))},[e.renderSlot(o.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(o.title),3)]),o.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(r).e("headerbtn")),type:"button",onClick:s[0]||(s[0]=k=>o.$emit("close"))},[e.createVNode(e.unref(d.VftIcon),{class:e.normalizeClass(e.unref(r).e("close")),icon:o.closeIcon,size:"20"},null,8,["class","icon"])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(a),class:e.normalizeClass(e.unref(r).e("body"))},[e.renderSlot(o.$slots,"default")],10,y),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass(e.unref(r).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=q;

package/lib/components/drawer/drawer.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../dialog/index.cjs");const z=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const E=require("../icon/index.cjs"),V=require("../overlay/index.cjs"),g=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const N=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("../dialog/hooks/use-dialog.cjs"),$=["aria-label","aria-labelledby","aria-describedby"],A=["id"],D=["id"],t=N.useNamespace("drawer"),R=e.defineComponent({name:"vft-drawer"}),I=e.defineComponent({...R,props:{direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:{[g.UPDATE_MODEL_EVENT]:l=>c.isBoolean(l),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(l,{expose:p}){const m=e.getCurrentInstance(),n=e.ref(),{afterEnter:y,afterLeave:C,beforeLeave:B,handleClose:r,onModalClick:k,close:T,doClose:F,onOpenAutoFocus:L,onCloseAutoFocus:O,onCloseRequested:v,onFocusoutPrevented:M,titleId:s,bodyId:d,closed:P,style:H,overlayDialogStyle:U,rendered:b,visible:u,zIndex:h}=S.useDialog(m.props,n),i=e.ref(),q=e.computed(()=>l.direction==="rtl"||l.direction==="ltr"),f=e.computed(()=>c.addUnit(l.size));return p({close:r}),(o,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.appendToBody},[e.createVNode(e.Transition,{name:e.unref(t).b("fade"),onAfterEnter:e.unref(y),onAfterLeave:e.unref(C),onBeforeLeave:e.unref(B)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(V.VftOverlay),{mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(h),onClick:e.unref(k)},{default:e.withCtx(()=>[e.createVNode(e.unref(z.default),{loop:"",trapped:e.unref(u),"focus-trap-el":n.value,"focus-start-el":i.value,onReleaseRequested:e.unref(v)},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({ref_key:"drawerRef",ref:n,"aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(s),"aria-describedby":e.unref(d)},o.$attrs,{class:[e.unref(t).b(),o.direction,e.unref(u)&&"open",o.customClass],style:q.value?"width: "+f.value:"height: "+f.value,role:"dialog",onClick:a[1]||(a[1]=e.withModifiers(()=>{},["stop"]))}),[e.createElementVNode("span",{ref_key:"focusStartRef",ref:i,class:e.normalizeClass(e.unref(t).e("sr-focus")),tabindex:"-1"},null,2),o.withHeader?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(e.unref(t).e("header"))},[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(r),titleId:e.unref(s),titleClass:e.unref(t).e("title")},()=>[o.$slots.title?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,id:e.unref(s),role:"heading",class:e.normalizeClass(e.unref(t).e("title"))},e.toDisplayString(o.title),11,A))]),o.showClose?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(e.unref(t).e("close-btn")),type:"button",onClick:a[0]||(a[0]=(...w)=>e.unref(r)&&e.unref(r)(...w))},[e.createVNode(e.unref(E.VftIcon),{icon:"ico-ep:close",class:e.normalizeClass(e.unref(t).e("close"))},null,8,["class"])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(d),class:e.normalizeClass(e.unref(t).e("body"))},[e.renderSlot(o.$slots,"default")],10,D)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],16,$)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[e.vShow,e.unref(u)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../dialog/index.cjs");const z=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const E=require("../icon/index.cjs"),V=require("../overlay/index.cjs"),g=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const N=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("../dialog/hooks/use-dialog.cjs"),$=["aria-label","aria-labelledby","aria-describedby"],A=["id"],D=["id"],t=N.useNamespace("drawer"),R=e.defineComponent({name:"vft-drawer"}),I=e.defineComponent({...R,props:{direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:{[g.UPDATE_MODEL_EVENT]:l=>c.isBoolean(l),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(l,{expose:p}){const m=e.getCurrentInstance(),n=e.ref(),{afterEnter:y,afterLeave:C,beforeLeave:B,handleClose:r,onModalClick:k,close:T,doClose:F,onOpenAutoFocus:L,onCloseAutoFocus:O,onCloseRequested:v,onFocusoutPrevented:M,titleId:s,bodyId:d,closed:P,style:H,overlayDialogStyle:U,rendered:b,visible:u,zIndex:h}=S.useDialog(m.props,n),i=e.ref(),q=e.computed(()=>l.direction==="rtl"||l.direction==="ltr"),f=e.computed(()=>c.addUnit(l.size));return p({close:r}),(o,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.appendToBody},[e.createVNode(e.Transition,{name:e.unref(t).b("fade"),onAfterEnter:e.unref(y),onAfterLeave:e.unref(C),onBeforeLeave:e.unref(B)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(V.VftOverlay),{mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(h),onClick:e.unref(k)},{default:e.withCtx(()=>[e.createVNode(e.unref(z.default),{loop:"",trapped:e.unref(u),"focus-trap-el":n.value,"focus-start-el":i.value,onReleaseRequested:e.unref(v)},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({ref_key:"drawerRef",ref:n,"aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(s),"aria-describedby":e.unref(d)},o.$attrs,{class:[e.unref(t).b(),o.direction,e.unref(u)&&"open",o.customClass],style:q.value?"width: "+f.value:"height: "+f.value,role:"dialog",onClick:a[1]||(a[1]=e.withModifiers(()=>{},["stop"]))}),[e.createElementVNode("span",{ref_key:"focusStartRef",ref:i,class:e.normalizeClass(e.unref(t).e("sr-focus")),tabindex:"-1"},null,2),o.withHeader?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(e.unref(t).e("header"))},[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(r),titleId:e.unref(s),titleClass:e.unref(t).e("title")},()=>[o.$slots.title?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,id:e.unref(s),role:"heading",class:e.normalizeClass(e.unref(t).e("title"))},e.toDisplayString(o.title),11,A))]),o.showClose?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(e.unref(t).e("close-btn")),type:"button",onClick:a[0]||(a[0]=(...w)=>e.unref(r)&&e.unref(r)(...w))},[e.createVNode(e.unref(E.VftIcon),{icon:"icon-close",class:e.normalizeClass(e.unref(t).e("close"))},null,8,["class"])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(d),class:e.normalizeClass(e.unref(t).e("body"))},[e.renderSlot(o.$slots,"default")],10,D)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],16,$)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[e.vShow,e.unref(u)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});exports.default=I;

package/lib/components/dropdown/dropdown.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),q=require("@vft/utils"),B=require("../button/index.cjs");require("../form/index.cjs");const M=require("../icon/index.cjs"),U=require("../roving-focus-group/roving-focus-group.vue.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const h=require("../../constants/aria.cjs"),j=require("../scrollbar/index.cjs"),x=require("../slot/only-child.cjs"),G=require("../tooltip/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const J=require("../../hooks/use-id/index.cjs"),W=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./tokens.cjs"),Q=require("./types.cjs"),X=require("../form/hooks/use-form-common-props.cjs"),l=W.useNamespace("dropdown"),Z=t.defineComponent({name:"vft-dropdown"}),ee=t.defineComponent({...Z,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(g,{expose:$,emit:u}){const a=g,V=t.getCurrentInstance(),n=t.ref(),m=t.ref(),f=t.ref(null),i=t.ref(null),N=t.ref(null),p=t.ref(null),b=t.ref(!1),O=[h.EVENT_CODE.enter,h.EVENT_CODE.space,h.EVENT_CODE.down],S=t.computed(()=>({maxHeight:q.addUnit(a.maxHeight)})),T=J.useId().value,c=t.computed(()=>a.id||T);t.watch([n,t.toRef(a,"trigger")],([e,o],[r])=>{var y,w,k;const d=q.isArray(o)?o:[o];(y=r==null?void 0:r.$el)!=null&&y.removeEventListener&&r.$el.removeEventListener("pointerenter",s),(w=e==null?void 0:e.$el)!=null&&w.removeEventListener&&e.$el.removeEventListener("pointerenter",s),(k=e==null?void 0:e.$el)!=null&&k.addEventListener&&d.includes("hover")&&e.$el.addEventListener("pointerenter",s)},{immediate:!0}),t.onBeforeUnmount(()=>{var e,o;(o=(e=n.value)==null?void 0:e.$el)!=null&&o.removeEventListener&&n.value.$el.removeEventListener("pointerenter",s)});function I(){C()}function C(){var e;(e=f.value)==null||e.onClose()}function E(){var e;(e=f.value)==null||e.onOpen()}const v=X.useFormSize();function R(...e){u("command",...e)}function s(){var e,o;(o=(e=n.value)==null?void 0:e.$el)==null||o.focus()}function z(){}function L(){const e=t.unref(i);e==null||e.focus(),p.value=null}function P(e){p.value=e}function D(e){b.value||(e.preventDefault(),e.stopImmediatePropagation())}function F(){u("visible-change",!0)}function H(e){var o;(e==null?void 0:e.type)==="keydown"&&((o=i.value)==null||o.focus())}function A(){u("visible-change",!1)}t.provide(Y.DROPDOWN_INJECTION_KEY,{contentRef:i,role:t.computed(()=>a.role),triggerId:c,isUsingKeyboard:b,onItemEnter:z,onItemLeave:L}),t.provide("elDropdown",{instance:V,dropdownSize:v,handleClick:I,commandHandler:R,trigger:t.toRef(a,"trigger"),hideOnClick:t.toRef(a,"hideOnClick")});const _=e=>{var o,r;e.preventDefault(),(r=(o=i.value)==null?void 0:o.focus)==null||r.call(o,{preventScroll:!0})},K=e=>{u("click",e)};return $({handleClose:C,handleOpen:E,onFocusAfterTrapped:_}),(e,o)=>{var d;const r=t.resolveComponent("vft-button-group");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(l).b(),t.unref(l).is("disabled",e.disabled)])},[t.createVNode(t.unref(G.VftTooltip),{ref_key:"popperRef",ref:f,role:e.role,effect:e.effect,"fallback-placements":["bottom","top"],"popper-options":e.popperOptions,"gpu-acceleration":!1,"hide-after":e.trigger==="hover"?e.hideTimeout:0,"manual-mode":!0,placement:e.placement,"popper-class":[t.unref(l).e("popper"),e.popperClass],"reference-element":(d=m.value)==null?void 0:d.$el,trigger:e.trigger,"trigger-keys":O,"trigger-target-el":i.value,"show-after":e.trigger==="hover"?e.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":n.value,"virtual-triggering":e.splitButton,disabled:e.disabled,transition:`${t.unref(l).namespace.value}-zoom-in-top`,teleported:e.teleported,pure:"",persistent:"",onBeforeShow:F,onShow:H,onBeforeHide:A},t.createSlots({content:t.withCtx(()=>[t.createVNode(t.unref(j.VftScrollbar),{ref_key:"scrollbar",ref:N,"wrap-style":S.value,tag:"div","view-class":[t.unref(l).e("list"),"test"]},{default:t.withCtx(()=>[t.createVNode(t.unref(U.default),{loop:e.loop,"current-tab-id":p.value,orientation:"horizontal",onCurrentTabIdChange:P,onEntryFocus:D},{default:t.withCtx(()=>[t.createVNode(t.unref(Q.VftCollection),null,{default:t.withCtx(()=>[t.renderSlot(e.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[e.splitButton?void 0:{name:"default",fn:t.withCtx(()=>[t.createVNode(t.unref(x.OnlyChild),{id:c.value,ref_key:"triggeringElementRef",ref:n,role:"button",tabindex:e.tabindex},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),e.splitButton?(t.openBlock(),t.createBlock(r,{key:0},{default:t.withCtx(()=>[t.createVNode(t.unref(B.VftButton),t.mergeProps({ref_key:"referenceElementRef",ref:m},e.buttonProps,{size:t.unref(v),type:e.type,disabled:e.disabled,tabindex:e.tabindex,onClick:K}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),t.createVNode(t.unref(B.VftButton),t.mergeProps({id:c.value,ref_key:"triggeringElementRef",ref:n},e.buttonProps,{role:"button",size:t.unref(v),type:e.type,class:t.unref(l).e("caret-button"),disabled:e.disabled,tabindex:e.tabindex,"aria-label":"切换下拉菜单"}),{default:t.withCtx(()=>[t.createVNode(t.unref(M.VftIcon),{class:t.normalizeClass(t.unref(l).e("icon")),icon:"ico-ep:arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):t.createCommentVNode("",!0)],2)}}});exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),q=require("@vft/utils"),B=require("../button/index.cjs");require("../form/index.cjs");const M=require("../icon/index.cjs"),U=require("../roving-focus-group/roving-focus-group.vue.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const h=require("../../constants/aria.cjs"),j=require("../scrollbar/index.cjs"),x=require("../slot/only-child.cjs"),G=require("../tooltip/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const J=require("../../hooks/use-id/index.cjs"),W=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./tokens.cjs"),Q=require("./types.cjs"),X=require("../form/hooks/use-form-common-props.cjs"),l=W.useNamespace("dropdown"),Z=t.defineComponent({name:"vft-dropdown"}),ee=t.defineComponent({...Z,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(g,{expose:$,emit:u}){const a=g,V=t.getCurrentInstance(),n=t.ref(),m=t.ref(),f=t.ref(null),i=t.ref(null),N=t.ref(null),p=t.ref(null),b=t.ref(!1),O=[h.EVENT_CODE.enter,h.EVENT_CODE.space,h.EVENT_CODE.down],S=t.computed(()=>({maxHeight:q.addUnit(a.maxHeight)})),T=J.useId().value,c=t.computed(()=>a.id||T);t.watch([n,t.toRef(a,"trigger")],([e,o],[r])=>{var y,w,k;const d=q.isArray(o)?o:[o];(y=r==null?void 0:r.$el)!=null&&y.removeEventListener&&r.$el.removeEventListener("pointerenter",s),(w=e==null?void 0:e.$el)!=null&&w.removeEventListener&&e.$el.removeEventListener("pointerenter",s),(k=e==null?void 0:e.$el)!=null&&k.addEventListener&&d.includes("hover")&&e.$el.addEventListener("pointerenter",s)},{immediate:!0}),t.onBeforeUnmount(()=>{var e,o;(o=(e=n.value)==null?void 0:e.$el)!=null&&o.removeEventListener&&n.value.$el.removeEventListener("pointerenter",s)});function I(){C()}function C(){var e;(e=f.value)==null||e.onClose()}function E(){var e;(e=f.value)==null||e.onOpen()}const v=X.useFormSize();function R(...e){u("command",...e)}function s(){var e,o;(o=(e=n.value)==null?void 0:e.$el)==null||o.focus()}function z(){}function L(){const e=t.unref(i);e==null||e.focus(),p.value=null}function P(e){p.value=e}function D(e){b.value||(e.preventDefault(),e.stopImmediatePropagation())}function F(){u("visible-change",!0)}function H(e){var o;(e==null?void 0:e.type)==="keydown"&&((o=i.value)==null||o.focus())}function A(){u("visible-change",!1)}t.provide(Y.DROPDOWN_INJECTION_KEY,{contentRef:i,role:t.computed(()=>a.role),triggerId:c,isUsingKeyboard:b,onItemEnter:z,onItemLeave:L}),t.provide("elDropdown",{instance:V,dropdownSize:v,handleClick:I,commandHandler:R,trigger:t.toRef(a,"trigger"),hideOnClick:t.toRef(a,"hideOnClick")});const _=e=>{var o,r;e.preventDefault(),(r=(o=i.value)==null?void 0:o.focus)==null||r.call(o,{preventScroll:!0})},K=e=>{u("click",e)};return $({handleClose:C,handleOpen:E,onFocusAfterTrapped:_}),(e,o)=>{var d;const r=t.resolveComponent("vft-button-group");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(l).b(),t.unref(l).is("disabled",e.disabled)])},[t.createVNode(t.unref(G.VftTooltip),{ref_key:"popperRef",ref:f,role:e.role,effect:e.effect,"fallback-placements":["bottom","top"],"popper-options":e.popperOptions,"gpu-acceleration":!1,"hide-after":e.trigger==="hover"?e.hideTimeout:0,"manual-mode":!0,placement:e.placement,"popper-class":[t.unref(l).e("popper"),e.popperClass],"reference-element":(d=m.value)==null?void 0:d.$el,trigger:e.trigger,"trigger-keys":O,"trigger-target-el":i.value,"show-after":e.trigger==="hover"?e.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":n.value,"virtual-triggering":e.splitButton,disabled:e.disabled,transition:`${t.unref(l).namespace.value}-zoom-in-top`,teleported:e.teleported,pure:"",persistent:"",onBeforeShow:F,onShow:H,onBeforeHide:A},t.createSlots({content:t.withCtx(()=>[t.createVNode(t.unref(j.VftScrollbar),{ref_key:"scrollbar",ref:N,"wrap-style":S.value,tag:"div","view-class":[t.unref(l).e("list"),"test"]},{default:t.withCtx(()=>[t.createVNode(t.unref(U.default),{loop:e.loop,"current-tab-id":p.value,orientation:"horizontal",onCurrentTabIdChange:P,onEntryFocus:D},{default:t.withCtx(()=>[t.createVNode(t.unref(Q.VftCollection),null,{default:t.withCtx(()=>[t.renderSlot(e.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[e.splitButton?void 0:{name:"default",fn:t.withCtx(()=>[t.createVNode(t.unref(x.OnlyChild),{id:c.value,ref_key:"triggeringElementRef",ref:n,role:"button",tabindex:e.tabindex},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),e.splitButton?(t.openBlock(),t.createBlock(r,{key:0},{default:t.withCtx(()=>[t.createVNode(t.unref(B.VftButton),t.mergeProps({ref_key:"referenceElementRef",ref:m},e.buttonProps,{size:t.unref(v),type:e.type,disabled:e.disabled,tabindex:e.tabindex,onClick:K}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),t.createVNode(t.unref(B.VftButton),t.mergeProps({id:c.value,ref_key:"triggeringElementRef",ref:n},e.buttonProps,{role:"button",size:t.unref(v),type:e.type,class:t.unref(l).e("caret-button"),disabled:e.disabled,tabindex:e.tabindex,"aria-label":"切换下拉菜单"}),{default:t.withCtx(()=>[t.createVNode(t.unref(M.VftIcon),{class:t.normalizeClass(t.unref(l).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):t.createCommentVNode("",!0)],2)}}});exports.default=ee;

package/lib/components/full-screen/full-screen.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/use"),i=require("@vft/utils"),u=require("../icon-text/index.cjs");require("@vueuse/core");const l=require("../../utils/ns-cover.cjs");require("lodash");const a=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=a.useNamespace("full-screen"),p=e.defineComponent({name:"vft-full-screen"}),d=e.defineComponent({...p,props:{text:{},icon:{},color:{},hoverColor:{},distance:{},reverse:{type:Boolean},size:{},direction:{},pointer:{type:Boolean},adjustOrigin:{type:Boolean}},setup(o){const n=o,{toggle:t,isFullscreen:r}=c.useFullscreen(),s=l.primaryColor().value;return(x,_)=>(e.openBlock(),e.createBlock(e.unref(u.VftIconText),e.mergeProps({class:e.unref(f).b(),distance:2,"hover-color":e.unref(s),onClick:e.unref(t),icon:e.unref(r)?"ico-radix-icons:exit-full-screen":"ico-radix-icons:enter-full-screen",text:e.unref(r)?"退出全屏":"全屏"},e.unref(i.delObjAttrNotExist)(n,!0,!0),{pointer:""}),null,16,["class","hover-color","onClick","icon","text"]))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/use"),u=require("@vft/utils"),i=require("../icon-text/index.cjs");require("@vueuse/core");const l=require("../../utils/ns-cover.cjs");require("lodash");const a=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=a.useNamespace("full-screen"),p=e.defineComponent({name:"vft-full-screen"}),d=e.defineComponent({...p,props:{text:{},icon:{},color:{},hoverColor:{},distance:{},reverse:{type:Boolean},size:{},direction:{},pointer:{type:Boolean},adjustOrigin:{type:Boolean}},setup(o){const n=o,{toggle:t,isFullscreen:r}=c.useFullscreen(),s=l.primaryColor().value;return(_,q)=>(e.openBlock(),e.createBlock(e.unref(i.VftIconText),e.mergeProps({class:e.unref(f).b(),distance:2,"hover-color":e.unref(s),onClick:e.unref(t),icon:e.unref(r)?"icon-exit-full-screen":"icon-full-screen",text:e.unref(r)?"退出全屏":"全屏"},e.unref(u.delObjAttrNotExist)(n,!0,!0),{pointer:""}),null,16,["class","hover-color","onClick","icon","text"]))}});exports.default=d;

package/lib/components/icon/icon.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const a=require("../../utils/ns-cover.cjs");require("lodash");const u=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("../config-provider/hooks/use-global-config.cjs"),m=["src"],r=u.useNamespace("icon"),f=e.defineComponent({name:"vft-icon"}),v=e.defineComponent({...f,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){const i=d.useGlobalConfig(),t=e.computed(()=>a.generateCssVars({size:c.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${i.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),l=n=>n==null?void 0:n.includes("/"),s=e.computed(()=>l(o.icon));return(n,C)=>s.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(r).e("image")),src:n.icon,alt:"",style:e.normalizeStyle(t.value)},null,14,m)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(r).b(),n.icon]),style:e.normalizeStyle(t.value)},null,6))}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const a=require("../../utils/ns-cover.cjs");require("lodash");const u=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("../config-provider/hooks/use-global-config.cjs"),m=["src"],r=u.useNamespace("icon"),f=e.defineComponent({name:"vft-icon"}),v=e.defineComponent({...f,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){const i=d.useGlobalConfig(),t=e.computed(()=>a.generateCssVars({size:c.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${i.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),l=n=>n==null?void 0:n.includes("/"),s=e.computed(()=>l(o.icon));return(n,C)=>s.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(r).e("image")),src:n.icon,alt:"",style:e.normalizeStyle(t.value)},null,14,m)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(r).b(),n.icon]),style:e.normalizeStyle({...t.value})},null,6))}});exports.default=v;

package/lib/components/icon-text/icon-text.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@vft/utils"),d=require("../icon/index.cjs");require("@vueuse/core");const y=require("../../utils/ns-cover.cjs");require("lodash");const C=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B=C.useNamespace("icon-text"),S=e.defineComponent({name:"vft-icon-text"}),h=e.defineComponent({...S,props:{text:{},icon:{},color:{},hoverColor:{},distance:{default:3},reverse:{type:Boolean},size:{},direction:{default:"row"},pointer:{type:Boolean},adjustOrigin:{type:Boolean,default:!0}},setup(t){const v=e.computed(()=>t.hoverColor?t.hoverColor:t.color),n=e.computed(()=>r.singleAttrToObj(t.icon,"icon",{size:t.size,color:t.color})),i=e.computed(()=>t.direction==="col"),u=e.computed(()=>{const o=r.addUnit(t.distance);return i.value?t.reverse?{marginTop:o}:{marginBottom:o}:t.reverse?{marginLeft:o}:{marginRight:o}}),l=e.computed(()=>r.removeUnit(t.size)),c=e.computed(()=>l.value<12),m=e.computed(()=>l.value&&c.value?{transform:`scale(${l.value/12})`}:{}),f=e.computed(()=>{const o=y.generateCssVars({cursor:t.pointer?"pointer":void 0,color:t.color,"hover-color":v.value,fontSize:c.value?"12px":r.addUnit(t.size)},"icon-text");return{...c.value&&t.adjustOrigin?{transformOrigin:"left top"}:{},...o,...m.value}});return(o,g)=>{var a,s;return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(B).b(),{"flex-col":i.value}]),style:e.normalizeStyle(f.value)},[!o.reverse&&((a=n.value)!=null&&a.icon)?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.mergeProps({key:0},n.value,{style:u.value}),null,16,["style"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(o.text),1),o.reverse&&((s=n.value)!=null&&s.icon)?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.mergeProps({key:1},n.value,{style:u.value}),null,16,["style"])):e.createCommentVNode("",!0)],6)}}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@vft/utils"),d=require("../icon/index.cjs");require("@vueuse/core");const C=require("../../utils/ns-cover.cjs");require("lodash");const B=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const v=B.useNamespace("icon-text"),S=e.defineComponent({name:"vft-icon-text"}),h=e.defineComponent({...S,props:{text:{},icon:{},color:{},hoverColor:{},distance:{default:3},reverse:{type:Boolean},size:{},direction:{default:"row"},pointer:{type:Boolean},adjustOrigin:{type:Boolean,default:!0}},setup(t){const m=e.computed(()=>t.hoverColor?t.hoverColor:t.color),n=e.computed(()=>r.singleAttrToObj(t.icon,"icon",{size:t.size,color:t.color})),u=e.computed(()=>t.direction==="col"),c=e.computed(()=>{const o=r.addUnit(t.distance);return u.value?t.reverse?{marginTop:o}:{marginBottom:o}:t.reverse?{marginLeft:o}:{marginRight:o}}),l=e.computed(()=>r.removeUnit(t.size)),i=e.computed(()=>l.value<12),f=e.computed(()=>l.value&&i.value?{transform:`scale(${l.value/12})`}:{}),g=e.computed(()=>{const o=C.generateCssVars({cursor:t.pointer?"pointer":void 0,color:t.color,"hover-color":m.value,fontSize:i.value?"12px":r.addUnit(t.size)},"icon-text");return{...i.value&&t.adjustOrigin?{transformOrigin:"left top"}:{},...o,...f.value}});return(o,y)=>{var a,s;return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(v).b(),e.unref(v).is("col",u.value)]),style:e.normalizeStyle(g.value)},[!o.reverse&&((a=n.value)!=null&&a.icon)?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.mergeProps({key:0},n.value,{style:c.value}),null,16,["style"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(o.text),1),o.reverse&&((s=n.value)!=null&&s.icon)?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.mergeProps({key:1},n.value,{style:c.value}),null,16,["style"])):e.createCommentVNode("",!0)],6)}}});exports.default=h;

package/lib/components/image-viewer/image-viewer.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),p=require("@vueuse/core");require("../../utils/ns-cover.cjs");const z=require("lodash"),P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const Z=require("../../hooks/use-z-index/index.cjs"),A=["src"],a=P.useNamespace("image-viewer"),j=e.defineComponent({name:"vft-image-viewer"}),W=e.defineComponent({...j,props:{urlList:{default:[]},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:{close:()=>!0,switch:r=>O.isNumber(r)},setup(r,{expose:B,emit:C}){const{nextZIndex:D}=Z.useZIndex(),g=e.ref(),N=e.ref([]),w=e.effectScope(),m=e.ref(!0),u=e.ref(r.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),$=e.computed(()=>r.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===r.urlList.length-1),q=e.computed(()=>r.urlList[u.value]),M=e.computed(()=>{const{scale:t,deg:n,offsetX:o,offsetY:l,enableTransition:E}=s.value;let i=o/t,c=l/t;switch(n%360){case 90:case-270:[i,c]=[c,-i];break;case 180:case-180:[i,c]=[-i,-c];break;case 270:case-90:[i,c]=[-c,i];break}const v={transform:`scale(${t}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:E?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),X=e.computed(()=>O.isNumber(r.zIndex)?r.zIndex:D());function b(){S(),C("close")}function Y(){const t=z.throttle(o=>{switch(o.code){case k.EVENT_CODE.esc:r.closeOnPressEscape&&b();break;case k.EVENT_CODE.space:T();break;case k.EVENT_CODE.left:y();break;case k.EVENT_CODE.up:d("zoomIn");break;case k.EVENT_CODE.right:L();break;case k.EVENT_CODE.down:d("zoomOut");break}}),n=z.throttle(o=>{const l=o.deltaY||o.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:r.zoomRate,enableTransition:!1})});w.run(()=>{p.useEventListener(document,"keydown",t),p.useEventListener(document,"wheel",n)})}function S(){w.stop()}function F(){m.value=!1}function R(t){m.value=!1,t.target.alt="加载失败"}function H(t){if(m.value||t.button!==0||!g.value)return;s.value.enableTransition=!1;const{offsetX:n,offsetY:o}=s.value,l=t.pageX,E=t.pageY,i=z.throttle(v=>{s.value={...s.value,offsetX:n+v.pageX-l,offsetY:o+v.pageY-E}}),c=p.useEventListener(document,"mousemove",i);p.useEventListener(document,"mouseup",()=>{c()}),t.preventDefault()}function x(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function T(){m.value||x()}function V(t){const n=r.urlList.length;u.value=(t+n)%n}function y(){h.value&&!r.infinite||V(u.value-1)}function L(){I.value&&!r.infinite||V(u.value+1)}function d(t,n={}){if(m.value)return;const{rotateDeg:o,enableTransition:l}={rotateDeg:90,enableTransition:!0,...n};switch(t){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/r.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*r.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=o;break;case"anticlockwise":s.value.deg-=o;break}s.value.enableTransition=l}return e.watch(q,()=>{e.nextTick(()=>{const t=N.value[0];t!=null&&t.complete||(m.value=!0)})}),e.watch(u,t=>{x(),C("switch",t)}),e.onMounted(()=>{var t,n;Y(),(n=(t=g.value)==null?void 0:t.focus)==null||n.call(t)}),B({setActiveItem:V}),(t,n)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!t.teleported},[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:g,tabindex:-1,class:e.normalizeClass(e.unref(a).e("wrapper")),style:e.normalizeStyle({zIndex:X.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(o=>t.hideOnClickModal&&b(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("close")]),onClick:b},[e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:close"})],2),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("prev"),e.unref(a).is("disabled",!t.infinite&&h.value)]),onClick:y},[e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:arrow-left"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("next"),e.unref(a).is("disabled",!t.infinite&&I.value)]),onClick:L},[e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:arrow-right"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("actions__inner"))},[e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:zoom-out",onClick:n[1]||(n[1]=o=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:zoom-in",onClick:n[2]||(n[2]=o=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:scale-to-original",onClick:T}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:refresh-left",onClick:n[3]||(n[3]=o=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"ico-ep:refresh-right",onClick:n[4]||(n[4]=o=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urlList,(o,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:E=>N.value[l]=E,key:o,src:o,style:e.normalizeStyle(M.value),class:e.normalizeClass(e.unref(a).e("img")),onLoad:F,onError:R,onMousedown:H},null,46,A)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(t.$slots,"default")],6)]),_:3})],8,["disabled"]))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),g=require("@vueuse/core");require("../../utils/ns-cover.cjs");const z=require("lodash"),P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const Z=require("../../hooks/use-z-index/index.cjs"),A=["src"],a=P.useNamespace("image-viewer"),j=e.defineComponent({name:"vft-image-viewer"}),W=e.defineComponent({...j,props:{urlList:{default:[]},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:{close:()=>!0,switch:r=>O.isNumber(r)},setup(r,{expose:B,emit:C}){const{nextZIndex:D}=Z.useZIndex(),b=e.ref(),N=e.ref([]),w=e.effectScope(),m=e.ref(!0),u=e.ref(r.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),$=e.computed(()=>r.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===r.urlList.length-1),q=e.computed(()=>r.urlList[u.value]),M=e.computed(()=>{const{scale:n,deg:t,offsetX:o,offsetY:l,enableTransition:E}=s.value;let i=o/n,c=l/n;switch(t%360){case 90:case-270:[i,c]=[c,-i];break;case 180:case-180:[i,c]=[-i,-c];break;case 270:case-90:[i,c]=[-c,i];break}const v={transform:`scale(${n}) rotate(${t}deg) translate(${i}px, ${c}px)`,transition:E?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),X=e.computed(()=>O.isNumber(r.zIndex)?r.zIndex:D());function V(){S(),C("close")}function Y(){const n=z.throttle(o=>{switch(o.code){case k.EVENT_CODE.esc:r.closeOnPressEscape&&V();break;case k.EVENT_CODE.space:T();break;case k.EVENT_CODE.left:y();break;case k.EVENT_CODE.up:d("zoomIn");break;case k.EVENT_CODE.right:L();break;case k.EVENT_CODE.down:d("zoomOut");break}}),t=z.throttle(o=>{const l=o.deltaY||o.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:r.zoomRate,enableTransition:!1})});w.run(()=>{g.useEventListener(document,"keydown",n),g.useEventListener(document,"wheel",t)})}function S(){w.stop()}function F(){m.value=!1}function R(n){m.value=!1,n.target.alt="加载失败"}function H(n){if(m.value||n.button!==0||!b.value)return;s.value.enableTransition=!1;const{offsetX:t,offsetY:o}=s.value,l=n.pageX,E=n.pageY,i=z.throttle(v=>{s.value={...s.value,offsetX:t+v.pageX-l,offsetY:o+v.pageY-E}}),c=g.useEventListener(document,"mousemove",i);g.useEventListener(document,"mouseup",()=>{c()}),n.preventDefault()}function x(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function T(){m.value||x()}function p(n){const t=r.urlList.length;u.value=(n+t)%t}function y(){h.value&&!r.infinite||p(u.value-1)}function L(){I.value&&!r.infinite||p(u.value+1)}function d(n,t={}){if(m.value)return;const{rotateDeg:o,enableTransition:l}={rotateDeg:90,enableTransition:!0,...t};switch(n){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/r.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*r.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=o;break;case"anticlockwise":s.value.deg-=o;break}s.value.enableTransition=l}return e.watch(q,()=>{e.nextTick(()=>{const n=N.value[0];n!=null&&n.complete||(m.value=!0)})}),e.watch(u,n=>{x(),C("switch",n)}),e.onMounted(()=>{var n,t;Y(),(t=(n=b.value)==null?void 0:n.focus)==null||t.call(n)}),B({setActiveItem:p}),(n,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!n.teleported},[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:b,tabindex:-1,class:e.normalizeClass(e.unref(a).e("wrapper")),style:e.normalizeStyle({zIndex:X.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("mask")),onClick:t[0]||(t[0]=e.withModifiers(o=>n.hideOnClickModal&&V(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("close")]),onClick:V},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-close"})],2),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("prev"),e.unref(a).is("disabled",!n.infinite&&h.value)]),onClick:y},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-left"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("next"),e.unref(a).is("disabled",!n.infinite&&I.value)]),onClick:L},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("actions__inner"))},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-out",onClick:t[1]||(t[1]=o=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-in",onClick:t[2]||(t[2]=o=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-scale-to-original",onClick:T}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-left",onClick:t[3]||(t[3]=o=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-right",onClick:t[4]||(t[4]=o=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.urlList,(o,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:E=>N.value[l]=E,key:o,src:o,style:e.normalizeStyle(M.value),class:e.normalizeClass(e.unref(a).e("img")),onLoad:F,onError:R,onMousedown:H},null,46,A)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(n.$slots,"default")],6)]),_:3})],8,["disabled"]))}});exports.default=W;

package/lib/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./alert/index.cjs"),k=require("./avatar/index.cjs"),K=require("./backtop/index.cjs"),q=require("./button/index.cjs"),R=require("./card/index.cjs"),G=require("./check-tag/index.cjs"),a=require("./checkbox/index.cjs"),O=require("./clamp/index.cjs"),w=require("./clamp-toggle/index.cjs"),N=require("./col/index.cjs"),z=require("./collapse-transition/index.cjs"),h=require("./color-picker/index.cjs"),U=require("./config-provider/index.cjs"),o=require("./container/index.cjs"),m=require("./context-menu/createContextMenu.cjs"),B=require("./context-menu/useContextMenu.cjs"),H=require("./date-picker/index.cjs"),J=require("./date-time-select/index.cjs"),x=require("./descriptions/index.cjs"),Y=require("./dialog/index.cjs"),j=require("./divider/index.cjs"),Q=require("./drawer/index.cjs"),c=require("./dropdown/index.cjs"),W=require("./empty/index.cjs"),X=require("./exception/index.cjs"),Z=require("./footer-layout/index.cjs"),T=require("./form/index.cjs"),ee=require("./full-screen/index.cjs"),te=require("./header-layout/index.cjs"),re=require("./horizontal-menu/index.cjs"),C=require("./icon/index.cjs"),oe=require("./icon-text/index.cjs"),ie=require("./iframe-layout/index.cjs"),ne=require("./image/index.cjs"),se=require("./image-viewer/index.cjs"),ue=require("./input/index.cjs"),ae=require("./input-number/index.cjs"),ce=require("./link/index.cjs"),fe=require("./list-cell/index.cjs"),de=require("./logo/index.cjs"),i=require("./menu/index.cjs"),Ve=require("./multiple-tabs/index.cjs"),le=require("./overlay/index.cjs"),pe=require("./page-wrapper/index.cjs"),qe=require("./pagination/index.cjs"),me=require("./popconfirm/index.cjs"),xe=require("./popover/index.cjs"),Te=require("./popper/index.cjs"),Ce=require("./qrcode/index.cjs"),f=require("./radio/index.cjs"),Ie=require("./result/index.cjs"),ge=require("./router-view-content/index.cjs"),De=require("./row/index.cjs"),$e=require("./scrollbar/index.cjs"),Ee=require("./search/index.cjs"),_e=require("./select/index.cjs"),Pe=require("./side-menu/index.cjs"),I=require("./skeleton/index.cjs"),Me=require("./slider/index.cjs"),ye=require("./space/index.cjs"),Fe=require("./switch/index.cjs"),Se=require("./table/index.cjs"),g=require("./tabs/index.cjs"),be=require("./tag/index.cjs"),Le=require("./time-picker/index.cjs"),ve=require("./tooltip/index.cjs"),Ae=require("./tree/index.cjs"),ke=require("./verify-code/index.cjs"),Ke=require("./virtual-list/components/dynamic-size-grid.cjs"),Re=require("./virtual-list/components/dynamic-size-list.cjs"),Ge=require("./virtual-list/components/fixed-size-grid.cjs"),Oe=require("./virtual-list/components/fixed-size-list.cjs"),n=require("./virtual-list/props.cjs"),we=require("./autocomplete/index.cjs"),Ne=require("./modal/index.cjs"),ze=require("./progress/index.cjs"),he=require("./super-form/index.cjs"),Ue=require("./upload/index.cjs"),Be=require("./md-code-demo/index.cjs"),He=require("./md-code-tabs/index.cjs"),Je=require("./md-comment/index.cjs"),Ye=require("./md-container/index.cjs"),je=require("./md-tabs/index.cjs"),Qe=require("./md-vue-playground/index.cjs"),We=require("./loading/index.cjs"),D=require("./message/index.cjs"),Xe=require("./button/constants.cjs"),Ze=require("./checkbox/constants.cjs"),$=require("./config-provider/constants.cjs"),d=require("./config-provider/hooks/use-global-config.cjs"),E=require("./date-picker/constants.cjs"),et=require("./date-picker/props/date-picker.cjs"),tt=require("./dialog/constants.cjs"),rt=require("./dialog/hooks/use-dialog.cjs"),ot=require("./dropdown/tokens.cjs"),it=require("./empty/constants.cjs"),_=require("./form/constants.cjs"),s=require("./form/hooks/use-form-common-props.cjs"),P=require("./form/hooks/use-form-item.cjs"),nt=require("./form/types.cjs"),st=require("./horizontal-menu/constants.cjs"),M=require("./multiple-tabs/use/use-multiple-tabs.cjs"),ut=require("./multiple-tabs/use/use-tab-dropdown.cjs"),y=require("./pagination/usePagination.cjs"),at=require("./popper/arrow.vue2.cjs"),ct=require("./popper/content.vue2.cjs"),ft=require("./popper/trigger.vue2.cjs"),dt=require("./radio/constants.cjs"),Vt=require("./row/constants.cjs"),lt=require("./scrollbar/constants.cjs"),V=require("./scrollbar/util.cjs"),pt=require("./select/token.cjs"),qt=require("./slider/constants.cjs"),mt=require("./slider/slider.cjs"),xt=require("./space/space.cjs"),Tt=require("./space/use-space.cjs"),e=require("./table/field.cjs"),Ct=require("./table/use/use-table.cjs"),l=require("./table/utils.cjs"),It=require("./tabs/types.cjs"),gt=require("./time-picker/common/props.cjs"),u=require("./time-picker/constants.cjs"),t=require("./time-picker/utils.cjs"),Dt=require("./time-picker/common/picker.vue2.cjs"),$t=require("./time-picker/time-picker-com/panel-time-pick.vue2.cjs"),Et=require("./tooltip/constants.cjs"),_t=require("./tree/model/node.cjs"),F=require("./tree/model/useDragNode.cjs"),S=require("./modal/use/use-modal.cjs"),r=require("./super-form/component-map.cjs"),b=require("./super-form/use/use-form.cjs"),L=require("./upload/constants.cjs"),p=require("./loading/directive.cjs"),Pt=require("./loading/service.cjs"),v=require("./message/types.cjs");exports.VftAlert=A.VftAlert;exports.VftAvatar=k.VftAvatar;exports.VftBacktop=K.VftBacktop;exports.VftButton=q.VftButton;exports.VftButtonGroup=q.VftButtonGroup;exports.VftCard=R.VftCard;exports.VftCheckTag=G.VftCheckTag;exports.VftCheckbox=a.VftCheckbox;exports.VftCheckboxButton=a.VftCheckboxButton;exports.VftCheckboxGroup=a.VftCheckboxGroup;exports.VftClamp=O.VftClamp;exports.VftClampToggle=w.VftClampToggle;exports.VftCol=N.VftCol;exports.VftCollapseTransition=z.VftCollapseTransition;exports.VftColorPicker=h.VftColorPicker;exports.VftConfigProvider=U.VftConfigProvider;exports.VftAside=o.VftAside;exports.VftContainer=o.VftContainer;exports.VftFooter=o.VftFooter;exports.VftHeader=o.VftHeader;exports.VftMain=o.VftMain;exports.createContextMenu=m.createContextMenu;exports.destroyContextMenu=m.destroyContextMenu;exports.useContextMenu=B.useContextMenu;exports.VftDatePicker=H.VftDatePicker;exports.VftDateTimeSelect=J.VftDateTimeSelect;exports.VftDescriptions=x.VftDescriptions;exports.VftDescriptionsItem=x.VftDescriptionsItem;exports.VftDialog=Y.VftDialog;exports.VftDivider=j.VftDivider;exports.VftDrawer=Q.VftDrawer;exports.VftDropdown=c.VftDropdown;exports.VftDropdownItem=c.VftDropdownItem;exports.VftDropdownMenu=c.VftDropdownMenu;exports.VftEmpty=W.VftEmpty;exports.VftException=X.VftException;exports.VftFooterLayout=Z.VftFooterLayout;exports.VftForm=T.VftForm;exports.VftFormItem=T.VftFormItem;exports.VftFullScreen=ee.VftFullScreen;exports.VftHeaderLayout=te.VftHeaderLayout;exports.VftHorizontalMenu=re.VftHorizontalMenu;exports.Icon=C.VftIcon;exports.VftIcon=C.VftIcon;exports.VftIconText=oe.VftIconText;exports.VftIframeLayout=ie.VftIframeLayout;exports.VftImage=ne.VftImage;exports.VftImageViewer=se.VftImageViewer;exports.VftInput=ue.VftInput;exports.VftInputNumber=ae.VftInputNumber;exports.VftLink=ce.VftLink;exports.VftListCell=fe.VftListCell;exports.VftLogo=de.VftLogo;exports.VftMenu=i.VftMenu;exports.VftMenuItem=i.VftMenuItem;exports.VftMenuItemGroup=i.VftMenuItemGroup;exports.VftSubMenu=i.VftSubMenu;exports.VftMultipleTabs=Ve.VftMultipleTabs;exports.VftOverlay=le.VftOverlay;exports.VftPageWrapper=pe.VftPageWrapper;exports.VftPagination=qe.VftPagination;exports.VftPopconfirm=me.VftPopconfirm;exports.VftPopover=xe.VftPopover;exports.VftPopper=Te.VftPopper;exports.VftQrcode=Ce.VftQrcode;exports.VftRadio=f.VftRadio;exports.VftRadioButton=f.VftRadioButton;exports.VftRadioGroup=f.VftRadioGroup;exports.VftResult=Ie.VftResult;exports.VftRouterViewContent=ge.VftRouterViewContent;exports.VftRow=De.VftRow;exports.VftScrollbar=$e.VftScrollbar;exports.VftSearch=Ee.VftSearch;exports.VftSelect=_e.VftSelect;exports.VftSideMenu=Pe.VftSideMenu;exports.VftSkeleton=I.VftSkeleton;exports.VftSkeletonItem=I.VftSkeletonItem;exports.VftSlider=Me.VftSlider;exports.VftSpace=ye.VftSpace;exports.VftSwitch=Fe.VftSwitch;exports.VftTable=Se.VftTable;exports.VftTabPane=g.VftTabPane;exports.VftTabs=g.VftTabs;exports.VftTag=be.VftTag;exports.VftTimePicker=Le.VftTimePicker;exports.VftTooltip=ve.VftTooltip;exports.VftTree=Ae.VftTree;exports.VftVerifyCode=ke.VftVerifyCode;exports.DynamicSizeGrid=Ke.default;exports.DynamicSizeList=Re.default;exports.FixedSizeGrid=Ge.default;exports.FixedSizeList=Oe.default;exports.virtualizedGridProps=n.virtualizedGridProps;exports.virtualizedListProps=n.virtualizedListProps;exports.virtualizedProps=n.virtualizedProps;exports.virtualizedScrollbarProps=n.virtualizedScrollbarProps;exports.VftAutocomplete=we.VftAutocomplete;exports.VftModal=Ne.VftModal;exports.VftProgress=ze.VftProgress;exports.VftSuperForm=he.VftSuperForm;exports.VftUpload=Ue.VftUpload;exports.VftMdCodeDemo=Be.VftMdCodeDemo;exports.VftMdCodeTabs=He.VftMdCodeTabs;exports.VftMdComment=Je.VftMdComment;exports.VftMdContainer=Ye.VftMdContainer;exports.VftMdTabs=je.VftMdTabs;exports.VftMdVuePlayground=Qe.VftMdVuePlayground;exports.VftLoading=We.VftLoading;exports.Message=D.VftMessage;exports.VftMessage=D.VftMessage;exports.buttonGroupContextKey=Xe.buttonGroupContextKey;exports.checkboxGroupContextKey=Ze.checkboxGroupContextKey;exports.configProviderContextKey=$.configProviderContextKey;exports.messageConfig=$.messageConfig;exports.provideGlobalConfig=d.provideGlobalConfig;exports.useGlobalComponentSettings=d.useGlobalComponentSettings;exports.useGlobalConfig=d.useGlobalConfig;exports.ROOT_PICKER_INJECTION_KEY=E.ROOT_PICKER_INJECTION_KEY;exports.datePickerConfig=E.datePickerConfig;exports.datePickerProps=et.datePickerProps;exports.dialogInjectionKey=tt.dialogInjectionKey;exports.useDialog=rt.useDialog;exports.DROPDOWN_INJECTION_KEY=ot.DROPDOWN_INJECTION_KEY;exports.EmptyEnum=it.EmptyEnum;exports.formContextKey=_.formContextKey;exports.formItemContextKey=_.formItemContextKey;exports.useDisabled=s.useDisabled;exports.useFormDisabled=s.useFormDisabled;exports.useFormSize=s.useFormSize;exports.useSize=s.useSize;exports.useFormItem=P.useFormItem;exports.useFormItemInputId=P.useFormItemInputId;exports.formItemValidateStates=nt.formItemValidateStates;exports.MenuTypeEnum=st.MenuTypeEnum;exports.initAffixTabs=M.initAffixTabs;exports.useTabsDrag=M.useTabsDrag;exports.useTabDropdown=ut.useTabDropdown;exports.usePagination=y.usePagination;exports.vftPaginationKey=y.vftPaginationKey;exports.VftPopperArrow=at.default;exports.VftPopperContent=ct.default;exports.VftPopperTrigger=ft.default;exports.radioGroupKey=dt.radioGroupKey;exports.rowContextKey=Vt.rowContextKey;exports.scrollbarContextKey=lt.scrollbarContextKey;exports.BAR_MAP=V.BAR_MAP;exports.GAP=V.GAP;exports.renderThumbStyle=V.renderThumbStyle;exports.selectInjectionKey=pt.selectInjectionKey;exports.sliderContextKey=qt.sliderContextKey;exports.sliderEmits=mt.sliderEmits;exports.spaceProps=xt.spaceProps;exports.useSpace=Tt.useSpace;exports.ACTION_FIELD=e.ACTION_FIELD;exports.CHECKED_FIELD=e.CHECKED_FIELD;exports.CREATE_TIME_FIELD=e.CREATE_TIME_FIELD;exports.DATE_FIELD=e.DATE_FIELD;exports.DATE_TIME_FIELD=e.DATE_TIME_FIELD;exports.ID_FIELD=e.ID_FIELD;exports.NAME_FIELD=e.NAME_FIELD;exports.SEQ_FIELD=e.SEQ_FIELD;exports.STATUS_FIELD=e.STATUS_FIELD;exports.UPDATE_TIME_FIELD=e.UPDATE_TIME_FIELD;exports.useTable=Ct.useTable;exports.addRequire=l.addRequire;exports.removeRequire=l.removeRequire;exports.selectMapping=l.selectMapping;exports.TabsRootContextKey=It.TabsRootContextKey;exports.timePickerDefaultProps=gt.timePickerDefaultProps;exports.DEFAULT_FORMATS_DATE=u.DEFAULT_FORMATS_DATE;exports.DEFAULT_FORMATS_DATEPICKER=u.DEFAULT_FORMATS_DATEPICKER;exports.DEFAULT_FORMATS_TIME=u.DEFAULT_FORMATS_TIME;exports.timeUnits=u.timeUnits;exports.buildTimeList=t.buildTimeList;exports.dateEquals=t.dateEquals;exports.extractDateFormat=t.extractDateFormat;exports.extractTimeFormat=t.extractTimeFormat;exports.formatter=t.formatter;exports.makeList=t.makeList;exports.parseDate=t.parseDate;exports.rangeArr=t.rangeArr;exports.valueEquals=t.valueEquals;exports.CommonPicker=Dt.default;exports.TimePickPanel=$t.default;exports.TOOLTIP_INJECTION_KEY=Et.TOOLTIP_INJECTION_KEY;exports.getChildState=_t.getChildState;exports.dragEventsKey=F.dragEventsKey;exports.useDragNodeHandler=F.useDragNodeHandler;exports.useModal=S.useModal;exports.useModalInner=S.useModalInner;exports.FormCompEnum=r.FormCompEnum;exports.add=r.add;exports.componentMap=r.componentMap;exports.del=r.del;exports.isDatePicker=r.isDatePicker;exports.isInput=r.isInput;exports.isRangePicker=r.isRangePicker;exports.getDynamicProps=b.getDynamicProps;exports.useForm=b.useForm;exports.genFileId=L.genFileId;exports.uploadContextKey=L.uploadContextKey;exports.VftLoadingDirective=p.vLoading;exports.createLoadingDirective=p.createLoadingDirective;exports.vLoading=p.vLoading;exports.VftLoadingService=Pt.Loading;exports.messageDefaults=v.messageDefaults;exports.messageTypes=v.messageTypes;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./alert/index.cjs"),k=require("./avatar/index.cjs"),K=require("./backtop/index.cjs"),q=require("./button/index.cjs"),R=require("./card/index.cjs"),G=require("./check-tag/index.cjs"),a=require("./checkbox/index.cjs"),O=require("./clamp/index.cjs"),w=require("./clamp-toggle/index.cjs"),N=require("./col/index.cjs"),z=require("./collapse-transition/index.cjs"),h=require("./color-picker/index.cjs"),U=require("./config-provider/index.cjs"),o=require("./container/index.cjs"),m=require("./context-menu/createContextMenu.cjs"),B=require("./context-menu/useContextMenu.cjs"),H=require("./date-picker/index.cjs"),J=require("./date-time-select/index.cjs"),x=require("./descriptions/index.cjs"),Y=require("./dialog/index.cjs"),j=require("./divider/index.cjs"),Q=require("./drawer/index.cjs"),c=require("./dropdown/index.cjs"),W=require("./empty/index.cjs"),X=require("./exception/index.cjs"),Z=require("./footer-layout/index.cjs"),T=require("./form/index.cjs"),ee=require("./full-screen/index.cjs"),te=require("./header-layout/index.cjs"),re=require("./horizontal-menu/index.cjs"),C=require("./icon/index.cjs"),oe=require("./icon-text/index.cjs"),ie=require("./iframe-layout/index.cjs"),ne=require("./image/index.cjs"),se=require("./image-viewer/index.cjs"),ue=require("./input/index.cjs"),ae=require("./input-number/index.cjs"),ce=require("./link/index.cjs"),fe=require("./list-cell/index.cjs"),de=require("./logo/index.cjs"),i=require("./menu/index.cjs"),Ve=require("./multiple-tabs/index.cjs"),le=require("./overlay/index.cjs"),pe=require("./page-wrapper/index.cjs"),qe=require("./pagination/index.cjs"),me=require("./popconfirm/index.cjs"),xe=require("./popover/index.cjs"),Te=require("./popper/index.cjs"),Ce=require("./qrcode/index.cjs"),f=require("./radio/index.cjs"),Ie=require("./result/index.cjs"),ge=require("./router-view-content/index.cjs"),De=require("./row/index.cjs"),$e=require("./scrollbar/index.cjs"),Ee=require("./search/index.cjs"),_e=require("./select/index.cjs"),Pe=require("./side-menu/index.cjs"),I=require("./skeleton/index.cjs"),Me=require("./slider/index.cjs"),ye=require("./space/index.cjs"),Fe=require("./switch/index.cjs"),Se=require("./table/index.cjs"),g=require("./tabs/index.cjs"),be=require("./tag/index.cjs"),Le=require("./time-picker/index.cjs"),ve=require("./tooltip/index.cjs"),Ae=require("./tree/index.cjs"),ke=require("./verify-code/index.cjs"),Ke=require("./virtual-list/components/dynamic-size-grid.cjs"),Re=require("./virtual-list/components/dynamic-size-list.cjs"),Ge=require("./virtual-list/components/fixed-size-grid.cjs"),Oe=require("./virtual-list/components/fixed-size-list.cjs"),n=require("./virtual-list/props.cjs"),we=require("./autocomplete/index.cjs"),Ne=require("./modal/index.cjs"),ze=require("./progress/index.cjs"),he=require("./super-form/index.cjs"),Ue=require("./upload/index.cjs"),Be=require("./md-code-demo/index.cjs"),He=require("./md-code-tabs/index.cjs"),Je=require("./md-comment/index.cjs"),Ye=require("./md-container/index.cjs"),je=require("./md-tabs/index.cjs"),Qe=require("./md-vue-playground/index.cjs"),We=require("./loading/index.cjs"),D=require("./message/index.cjs"),Xe=require("./time-picker/common/picker.vue2.cjs"),Ze=require("./time-picker/time-picker-com/panel-time-pick.vue2.cjs"),et=require("./button/constants.cjs"),tt=require("./checkbox/constants.cjs"),$=require("./config-provider/constants.cjs"),d=require("./config-provider/hooks/use-global-config.cjs"),E=require("./date-picker/constants.cjs"),rt=require("./date-picker/props/date-picker.cjs"),ot=require("./dialog/constants.cjs"),it=require("./dialog/hooks/use-dialog.cjs"),nt=require("./dropdown/tokens.cjs"),st=require("./empty/constants.cjs"),_=require("./form/constants.cjs"),s=require("./form/hooks/use-form-common-props.cjs"),P=require("./form/hooks/use-form-item.cjs"),ut=require("./form/types.cjs"),at=require("./horizontal-menu/constants.cjs"),M=require("./multiple-tabs/use/use-multiple-tabs.cjs"),ct=require("./multiple-tabs/use/use-tab-dropdown.cjs"),y=require("./pagination/usePagination.cjs"),ft=require("./popper/arrow.vue2.cjs"),dt=require("./popper/content.vue2.cjs"),Vt=require("./popper/trigger.vue2.cjs"),lt=require("./radio/constants.cjs"),pt=require("./row/constants.cjs"),qt=require("./scrollbar/constants.cjs"),V=require("./scrollbar/util.cjs"),mt=require("./select/token.cjs"),xt=require("./slider/constants.cjs"),Tt=require("./slider/slider.cjs"),Ct=require("./space/space.cjs"),It=require("./space/use-space.cjs"),e=require("./table/field.cjs"),gt=require("./table/use/use-table.cjs"),l=require("./table/utils.cjs"),Dt=require("./tabs/types.cjs"),$t=require("./time-picker/common/props.cjs"),u=require("./time-picker/constants.cjs"),t=require("./time-picker/utils.cjs"),Et=require("./tooltip/constants.cjs"),_t=require("./tree/model/node.cjs"),F=require("./tree/model/useDragNode.cjs"),S=require("./modal/use/use-modal.cjs"),r=require("./super-form/component-map.cjs"),b=require("./super-form/use/use-form.cjs"),L=require("./upload/constants.cjs"),p=require("./loading/directive.cjs"),Pt=require("./loading/service.cjs"),v=require("./message/types.cjs");exports.VftAlert=A.VftAlert;exports.VftAvatar=k.VftAvatar;exports.VftBacktop=K.VftBacktop;exports.VftButton=q.VftButton;exports.VftButtonGroup=q.VftButtonGroup;exports.VftCard=R.VftCard;exports.VftCheckTag=G.VftCheckTag;exports.VftCheckbox=a.VftCheckbox;exports.VftCheckboxButton=a.VftCheckboxButton;exports.VftCheckboxGroup=a.VftCheckboxGroup;exports.VftClamp=O.VftClamp;exports.VftClampToggle=w.VftClampToggle;exports.VftCol=N.VftCol;exports.VftCollapseTransition=z.VftCollapseTransition;exports.VftColorPicker=h.VftColorPicker;exports.VftConfigProvider=U.VftConfigProvider;exports.VftAside=o.VftAside;exports.VftContainer=o.VftContainer;exports.VftFooter=o.VftFooter;exports.VftHeader=o.VftHeader;exports.VftMain=o.VftMain;exports.createContextMenu=m.createContextMenu;exports.destroyContextMenu=m.destroyContextMenu;exports.useContextMenu=B.useContextMenu;exports.VftDatePicker=H.VftDatePicker;exports.VftDateTimeSelect=J.VftDateTimeSelect;exports.VftDescriptions=x.VftDescriptions;exports.VftDescriptionsItem=x.VftDescriptionsItem;exports.VftDialog=Y.VftDialog;exports.VftDivider=j.VftDivider;exports.VftDrawer=Q.VftDrawer;exports.VftDropdown=c.VftDropdown;exports.VftDropdownItem=c.VftDropdownItem;exports.VftDropdownMenu=c.VftDropdownMenu;exports.VftEmpty=W.VftEmpty;exports.VftException=X.VftException;exports.VftFooterLayout=Z.VftFooterLayout;exports.VftForm=T.VftForm;exports.VftFormItem=T.VftFormItem;exports.VftFullScreen=ee.VftFullScreen;exports.VftHeaderLayout=te.VftHeaderLayout;exports.VftHorizontalMenu=re.VftHorizontalMenu;exports.Icon=C.VftIcon;exports.VftIcon=C.VftIcon;exports.VftIconText=oe.VftIconText;exports.VftIframeLayout=ie.VftIframeLayout;exports.VftImage=ne.VftImage;exports.VftImageViewer=se.VftImageViewer;exports.VftInput=ue.VftInput;exports.VftInputNumber=ae.VftInputNumber;exports.VftLink=ce.VftLink;exports.VftListCell=fe.VftListCell;exports.VftLogo=de.VftLogo;exports.VftMenu=i.VftMenu;exports.VftMenuItem=i.VftMenuItem;exports.VftMenuItemGroup=i.VftMenuItemGroup;exports.VftSubMenu=i.VftSubMenu;exports.VftMultipleTabs=Ve.VftMultipleTabs;exports.VftOverlay=le.VftOverlay;exports.VftPageWrapper=pe.VftPageWrapper;exports.VftPagination=qe.VftPagination;exports.VftPopconfirm=me.VftPopconfirm;exports.VftPopover=xe.VftPopover;exports.VftPopper=Te.VftPopper;exports.VftQrcode=Ce.VftQrcode;exports.VftRadio=f.VftRadio;exports.VftRadioButton=f.VftRadioButton;exports.VftRadioGroup=f.VftRadioGroup;exports.VftResult=Ie.VftResult;exports.VftRouterViewContent=ge.VftRouterViewContent;exports.VftRow=De.VftRow;exports.VftScrollbar=$e.VftScrollbar;exports.VftSearch=Ee.VftSearch;exports.VftSelect=_e.VftSelect;exports.VftSideMenu=Pe.VftSideMenu;exports.VftSkeleton=I.VftSkeleton;exports.VftSkeletonItem=I.VftSkeletonItem;exports.VftSlider=Me.VftSlider;exports.VftSpace=ye.VftSpace;exports.VftSwitch=Fe.VftSwitch;exports.VftTable=Se.VftTable;exports.VftTabPane=g.VftTabPane;exports.VftTabs=g.VftTabs;exports.VftTag=be.VftTag;exports.VftTimePicker=Le.VftTimePicker;exports.VftTooltip=ve.VftTooltip;exports.VftTree=Ae.VftTree;exports.VftVerifyCode=ke.VftVerifyCode;exports.DynamicSizeGrid=Ke.default;exports.DynamicSizeList=Re.default;exports.FixedSizeGrid=Ge.default;exports.FixedSizeList=Oe.default;exports.virtualizedGridProps=n.virtualizedGridProps;exports.virtualizedListProps=n.virtualizedListProps;exports.virtualizedProps=n.virtualizedProps;exports.virtualizedScrollbarProps=n.virtualizedScrollbarProps;exports.VftAutocomplete=we.VftAutocomplete;exports.VftModal=Ne.VftModal;exports.VftProgress=ze.VftProgress;exports.VftSuperForm=he.VftSuperForm;exports.VftUpload=Ue.VftUpload;exports.VftMdCodeDemo=Be.VftMdCodeDemo;exports.VftMdCodeTabs=He.VftMdCodeTabs;exports.VftMdComment=Je.VftMdComment;exports.VftMdContainer=Ye.VftMdContainer;exports.VftMdTabs=je.VftMdTabs;exports.VftMdVuePlayground=Qe.VftMdVuePlayground;exports.VftLoading=We.VftLoading;exports.Message=D.VftMessage;exports.VftMessage=D.VftMessage;exports.CommonPicker=Xe.default;exports.TimePickPanel=Ze.default;exports.buttonGroupContextKey=et.buttonGroupContextKey;exports.checkboxGroupContextKey=tt.checkboxGroupContextKey;exports.configProviderContextKey=$.configProviderContextKey;exports.messageConfig=$.messageConfig;exports.provideGlobalConfig=d.provideGlobalConfig;exports.useGlobalComponentSettings=d.useGlobalComponentSettings;exports.useGlobalConfig=d.useGlobalConfig;exports.ROOT_PICKER_INJECTION_KEY=E.ROOT_PICKER_INJECTION_KEY;exports.datePickerConfig=E.datePickerConfig;exports.datePickerProps=rt.datePickerProps;exports.dialogInjectionKey=ot.dialogInjectionKey;exports.useDialog=it.useDialog;exports.DROPDOWN_INJECTION_KEY=nt.DROPDOWN_INJECTION_KEY;exports.EmptyEnum=st.EmptyEnum;exports.formContextKey=_.formContextKey;exports.formItemContextKey=_.formItemContextKey;exports.useDisabled=s.useDisabled;exports.useFormDisabled=s.useFormDisabled;exports.useFormSize=s.useFormSize;exports.useSize=s.useSize;exports.useFormItem=P.useFormItem;exports.useFormItemInputId=P.useFormItemInputId;exports.formItemValidateStates=ut.formItemValidateStates;exports.MenuTypeEnum=at.MenuTypeEnum;exports.initAffixTabs=M.initAffixTabs;exports.useTabsDrag=M.useTabsDrag;exports.useTabDropdown=ct.useTabDropdown;exports.usePagination=y.usePagination;exports.vftPaginationKey=y.vftPaginationKey;exports.VftPopperArrow=ft.default;exports.VftPopperContent=dt.default;exports.VftPopperTrigger=Vt.default;exports.radioGroupKey=lt.radioGroupKey;exports.rowContextKey=pt.rowContextKey;exports.scrollbarContextKey=qt.scrollbarContextKey;exports.BAR_MAP=V.BAR_MAP;exports.GAP=V.GAP;exports.renderThumbStyle=V.renderThumbStyle;exports.selectInjectionKey=mt.selectInjectionKey;exports.sliderContextKey=xt.sliderContextKey;exports.sliderEmits=Tt.sliderEmits;exports.spaceProps=Ct.spaceProps;exports.useSpace=It.useSpace;exports.ACTION_FIELD=e.ACTION_FIELD;exports.CHECKED_FIELD=e.CHECKED_FIELD;exports.CREATE_TIME_FIELD=e.CREATE_TIME_FIELD;exports.DATE_FIELD=e.DATE_FIELD;exports.DATE_TIME_FIELD=e.DATE_TIME_FIELD;exports.ID_FIELD=e.ID_FIELD;exports.NAME_FIELD=e.NAME_FIELD;exports.SEQ_FIELD=e.SEQ_FIELD;exports.STATUS_FIELD=e.STATUS_FIELD;exports.UPDATE_TIME_FIELD=e.UPDATE_TIME_FIELD;exports.useTable=gt.useTable;exports.addRequire=l.addRequire;exports.removeRequire=l.removeRequire;exports.selectMapping=l.selectMapping;exports.TabsRootContextKey=Dt.TabsRootContextKey;exports.timePickerDefaultProps=$t.timePickerDefaultProps;exports.DEFAULT_FORMATS_DATE=u.DEFAULT_FORMATS_DATE;exports.DEFAULT_FORMATS_DATEPICKER=u.DEFAULT_FORMATS_DATEPICKER;exports.DEFAULT_FORMATS_TIME=u.DEFAULT_FORMATS_TIME;exports.timeUnits=u.timeUnits;exports.buildTimeList=t.buildTimeList;exports.dateEquals=t.dateEquals;exports.extractDateFormat=t.extractDateFormat;exports.extractTimeFormat=t.extractTimeFormat;exports.formatter=t.formatter;exports.makeList=t.makeList;exports.parseDate=t.parseDate;exports.rangeArr=t.rangeArr;exports.valueEquals=t.valueEquals;exports.TOOLTIP_INJECTION_KEY=Et.TOOLTIP_INJECTION_KEY;exports.getChildState=_t.getChildState;exports.dragEventsKey=F.dragEventsKey;exports.useDragNodeHandler=F.useDragNodeHandler;exports.useModal=S.useModal;exports.useModalInner=S.useModalInner;exports.FormCompEnum=r.FormCompEnum;exports.add=r.add;exports.componentMap=r.componentMap;exports.del=r.del;exports.isDatePicker=r.isDatePicker;exports.isInput=r.isInput;exports.isRangePicker=r.isRangePicker;exports.getDynamicProps=b.getDynamicProps;exports.useForm=b.useForm;exports.genFileId=L.genFileId;exports.uploadContextKey=L.uploadContextKey;exports.VftLoadingDirective=p.vLoading;exports.createLoadingDirective=p.createLoadingDirective;exports.vLoading=p.vLoading;exports.VftLoadingService=Pt.Loading;exports.messageDefaults=v.messageDefaults;exports.messageTypes=v.messageTypes;

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("@vft/constants"),Be=require("@vft/use"),r=require("@vft/utils");require("../form/index.cjs");const C=require("../icon/index.cjs"),ee=require("@vueuse/core"),M=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const Ve=require("lodash"),Se=require("../../hooks/use-cursor/index.cjs"),te=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ne=require("./utils.cjs"),oe=require("../form/hooks/use-form-item.cjs"),ae=require("../form/hooks/use-form-common-props.cjs"),ze=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Ne=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],Pe=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{}},emits:{[F.UPDATE_MODEL_EVENT]:n=>r.isString(n),input:n=>r.isString(n),change:n=>r.isString(n),suffixClick:n=>r.isString(n),prefixClick:n=>r.isString(n),focus:n=>n instanceof FocusEvent,blur:n=>n instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:n=>n instanceof MouseEvent,mouseenter:n=>n instanceof MouseEvent,keydown:n=>n instanceof Event,compositionstart:n=>n instanceof CompositionEvent,compositionupdate:n=>n instanceof CompositionEvent,compositionend:n=>n instanceof CompositionEvent},setup(n,{expose:le,emit:l}){const y=e.useAttrs(),d=e.useSlots(),A=e.computed(()=>{const t={};return n.containerRole==="combobox"&&(t["aria-haspopup"]=y["aria-haspopup"],t["aria-owns"]=y["aria-owns"],t["aria-expanded"]=y["aria-expanded"]),t}),se=e.computed(()=>[n.type==="textarea"?O.b():o.b(),o.m(ie.value),o.is("disabled",f.value),o.is("exceed",me.value),o.is("focus",p.value),{[o.b("group")]:d.prepend||d.append,[o.bm("group","append")]:d.append,[o.bm("group","prepend")]:d.prepend,[o.m("prefix")]:d.prefix||n.prefixIcon,[o.m("suffix")]:d.suffix||n.suffixIcon||n.clearable||n.showPassword,[o.bm("suffix","password-clear")]:B.value&&P.value},y.class]),re=e.getCurrentInstance(),ue=e.computed(()=>[o.e("wrapper"),o.is("focus",p.value)]),u=Be.useAttrs({excludeKeys:e.computed(()=>Object.keys(A.value))}),{form:S,formItem:s}=oe.useFormItem(),{inputId:D}=oe.useFormItemInputId(re.props,{formItemContext:s}),ie=ae.useFormSize(),f=ae.useFormDisabled(),o=te.useNamespace("input"),O=te.useNamespace("textarea"),x=e.shallowRef(),m=e.shallowRef(),p=e.ref(!1),z=e.ref(!1),h=e.ref(!1),w=e.ref(!1),R=e.ref(),I=e.shallowRef(n.inputStyle),k=e.computed(()=>x.value||m.value),N=e.computed(()=>r.singleAttrToObj(n.prefixIcon,"icon",{size:16})),$=e.computed(()=>r.singleAttrToObj(n.suffixIcon,"icon",{size:16})),ce=e.computed(()=>r.singleAttrToObj(n.clearIcon,"icon",{icon:"ico-ep:circle-close",size:16})),K=e.computed(()=>(S==null?void 0:S.statusIcon)??!1),E=e.computed(()=>(s==null?void 0:s.validateState)||""),j=e.computed(()=>E.value&&"vico-user"),de=e.computed(()=>w.value?{icon:"ico-ep:view",size:16}:{icon:"ico-ep:hide",size:16}),fe=e.computed(()=>[y.style,n.inputStyle]),L=e.computed(()=>[n.inputStyle,I.value,{resize:n.resize}]),c=e.computed(()=>Ve.isNil(n.modelValue)?"":String(n.modelValue)),B=e.computed(()=>n.clearable&&!f.value&&!n.readonly&&!!c.value&&(p.value||z.value)),P=e.computed(()=>n.showPassword&&!f.value&&!n.readonly&&!!c.value&&(!!c.value||p.value)),v=e.computed(()=>n.showWordLimit&&!!u.value.maxlength&&(n.type==="text"||n.type==="textarea")&&!f.value&&!n.readonly&&!n.showPassword),T=e.computed(()=>Array.from(c.value).length),me=e.computed(()=>!!v.value&&T.value>Number(u.value.maxlength)),pe=e.computed(()=>!!d.suffix||!!n.suffixIcon||B.value||n.showPassword||v.value||!!E.value&&K.value),[ve,ye]=Se.useCursor(x);ee.useResizeObserver(m,t=>{if(!v.value||n.resize!=="both")return;const a=t[0],{width:i}=a.contentRect;R.value={right:`calc(100% - ${i+15+6}px)`}});const V=()=>{if(!(!ee.isClient||n.type!=="textarea"))if(n.autosize){const t=r.isObject(n.autosize)?n.autosize.minRows:void 0,a=r.isObject(n.autosize)?n.autosize.maxRows:void 0;I.value={...ne.calcTextareaHeight(m.value,t,a)}}else I.value={minHeight:ne.calcTextareaHeight(m.value).minHeight}},b=()=>{const t=k.value;!t||t.value===c.value||(t.value=c.value)},q=async t=>{ve();let{value:a}=t.target;if(u.value.maxlength&&a.length>=u.value.maxlength&&(a=a.slice(0,Number(u.value.maxlength))),n.formatter&&(a=n.parser?n.parser(a):a,a=n.formatter(a)),!h.value){if(a===c.value){b();return}l(F.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},W=t=>{l("change",t.target.value)},he=()=>{l("suffixClick",n.modelValue)},ke=()=>{l("prefixClick",n.modelValue)},H=t=>{l("compositionstart",t),h.value=!0},be=t=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(t),U=t=>{var g;l("compositionupdate",t);const a=(g=t.target)==null?void 0:g.value,i=a[a.length-1]||"";h.value=!be(i)},G=t=>{l("compositionend",t),h.value&&(h.value=!1,q(t))},ge=()=>{w.value=!w.value,J()},J=async()=>{var t;await e.nextTick(),(t=k.value)==null||t.focus()},Ce=()=>{var t;return(t=k.value)==null?void 0:t.blur()},Q=t=>{p.value=!0,l("focus",t)},X=t=>{var a;p.value=!1,l("blur",t),n.validateEvent&&((a=s==null?void 0:s.validate)==null||a.call(s,"blur").catch(i=>M.debugWarn(i)))},xe=t=>{z.value=!1,l("mouseleave",t)},we=t=>{z.value=!0,l("mouseenter",t)},Y=t=>{let a=t.key;if(t.target.type==="number"&&["e","+","-0","E"].includes(a))return t.returnValue=!1,!1;l("keydown",t)},Ee=()=>{var t;(t=k.value)==null||t.select()},Z=()=>{l(F.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>n.modelValue,()=>{var t;e.nextTick(()=>V()),n.validateEvent&&((t=s==null?void 0:s.validate)==null||t.call(s,"change").catch(a=>M.debugWarn(a)))}),e.watch(c,()=>b()),e.watch(()=>n.type,async()=>{await e.nextTick(),b(),V()}),e.onMounted(()=>{!n.formatter&&n.parser&&M.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(V)}),le({input:x,textarea:m,ref:k,textareaStyle:L,autosize:n.autosize,focus:J,blur:Ce,select:Ee,clear:Z,resizeTextarea:V}),(t,a)=>{var i,g,_;return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(A.value,{class:se.value,style:fe.value,role:t.containerRole,onMouseenter:we,onMouseleave:xe}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(t.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(ue.value)},[t.$slots.prefix||(i=N.value)!=null&&i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:ke},[e.renderSlot(t.$slots,"prefix"),(g=N.value)!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:0,pointer:""},N.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(D),ref_key:"input",ref:x,class:e.unref(o).e("inner")},e.unref(u),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(f),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:H,onCompositionupdate:U,onCompositionend:G,onInput:q,onFocus:Q,onBlur:X,onChange:W,onKeydown:Y,onKeyup:a[0]||(a[0]=e.withKeys(Te=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!B.value||!P.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(t.$slots,"suffix"),(_=$.value)!=null&&_.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:0},$.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),B.value?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(r.noop),["prevent"]),onClick:e.withModifiers(Z,["stop"])}),null,16,["class","onMousedown","onClick"])):e.createCommentVNode("",!0),P.value?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:ge}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(T.value)+" / "+e.toDisplayString(e.unref(u).maxlength),3)],2)):e.createCommentVNode("",!0),E.value&&j.value&&K.value?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),{key:4,icon:j.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",E.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(t.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(D),ref_key:"textarea",ref:m,class:e.unref(O).e("inner")},e.unref(u),{tabindex:t.tabindex,disabled:e.unref(f),readonly:t.readonly,autocomplete:t.autocomplete,style:L.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:H,onCompositionupdate:U,onCompositionend:G,onInput:q,onFocus:Q,onBlur:X,onChange:W,onKeydown:Y}),null,16,Ne),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(R.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(T.value)+" / "+e.toDisplayString(e.unref(u).maxlength),7)):e.createCommentVNode("",!0)],64))],16,ze)),[[e.vShow,t.type!=="hidden"]])}}});exports.default=Pe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("@vft/constants"),Be=require("@vft/use"),r=require("@vft/utils");require("../form/index.cjs");const x=require("../icon/index.cjs"),ee=require("@vueuse/core"),M=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const Ve=require("lodash"),Se=require("../../hooks/use-cursor/index.cjs"),ne=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const te=require("./utils.cjs"),oe=require("../form/hooks/use-form-item.cjs"),ae=require("../form/hooks/use-form-common-props.cjs"),ze=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Ne=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],Pe=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{}},emits:{[F.UPDATE_MODEL_EVENT]:t=>r.isString(t),input:t=>r.isString(t),change:t=>r.isString(t),suffixClick:t=>r.isString(t),prefixClick:t=>r.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:le,emit:l}){const y=e.useAttrs(),d=e.useSlots(),A=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=y["aria-haspopup"],n["aria-owns"]=y["aria-owns"],n["aria-expanded"]=y["aria-expanded"]),n}),se=e.computed(()=>[t.type==="textarea"?O.b():o.b(),o.m(ie.value),o.is("disabled",f.value),o.is("exceed",me.value),o.is("focus",v.value),{[o.b("group")]:d.prepend||d.append,[o.bm("group","append")]:d.append,[o.bm("group","prepend")]:d.prepend,[o.m("prefix")]:d.prefix||t.prefixIcon,[o.m("suffix")]:d.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:B.value&&P.value},y.class]),re=e.getCurrentInstance(),ue=e.computed(()=>[o.e("wrapper"),o.is("focus",v.value)]),u=Be.useAttrs({excludeKeys:e.computed(()=>Object.keys(A.value))}),{form:S,formItem:s}=oe.useFormItem(),{inputId:D}=oe.useFormItemInputId(re.props,{formItemContext:s}),ie=ae.useFormSize(),f=ae.useFormDisabled(),o=ne.useNamespace("input"),O=ne.useNamespace("textarea"),w=e.shallowRef(),m=e.shallowRef(),v=e.ref(!1),z=e.ref(!1),h=e.ref(!1),E=e.ref(!1),R=e.ref(),I=e.shallowRef(t.inputStyle),k=e.computed(()=>w.value||m.value),N=e.computed(()=>r.singleAttrToObj(t.prefixIcon,"icon",{size:16})),$=e.computed(()=>r.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>r.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),K=e.computed(()=>(S==null?void 0:S.statusIcon)??!1),g=e.computed(()=>(s==null?void 0:s.validateState)||""),j=e.computed(()=>g.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[g.value]),de=e.computed(()=>E.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),fe=e.computed(()=>[y.style,t.inputStyle]),L=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),c=e.computed(()=>Ve.isNil(t.modelValue)?"":String(t.modelValue)),B=e.computed(()=>t.clearable&&!f.value&&!t.readonly&&!!c.value&&(v.value||z.value)),P=e.computed(()=>t.showPassword&&!f.value&&!t.readonly&&!!c.value&&(!!c.value||v.value)),p=e.computed(()=>t.showWordLimit&&!!u.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!f.value&&!t.readonly&&!t.showPassword),T=e.computed(()=>Array.from(c.value).length),me=e.computed(()=>!!p.value&&T.value>Number(u.value.maxlength)),ve=e.computed(()=>!!d.suffix||!!t.suffixIcon||B.value||t.showPassword||p.value||!!g.value&&K.value),[pe,ye]=Se.useCursor(w);ee.useResizeObserver(m,n=>{if(!p.value||t.resize!=="both")return;const a=n[0],{width:i}=a.contentRect;R.value={right:`calc(100% - ${i+15+6}px)`}});const V=()=>{if(!(!ee.isClient||t.type!=="textarea"))if(t.autosize){const n=r.isObject(t.autosize)?t.autosize.minRows:void 0,a=r.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...te.calcTextareaHeight(m.value,n,a)}}else I.value={minHeight:te.calcTextareaHeight(m.value).minHeight}},b=()=>{const n=k.value;!n||n.value===c.value||(n.value=c.value)},q=async n=>{pe();let{value:a}=n.target;if(u.value.maxlength&&a.length>=u.value.maxlength&&(a=a.slice(0,Number(u.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!h.value){if(a===c.value){b();return}l(F.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},W=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},ke=()=>{l("prefixClick",t.modelValue)},H=n=>{l("compositionstart",n),h.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),U=n=>{var C;l("compositionupdate",n);const a=(C=n.target)==null?void 0:C.value,i=a[a.length-1]||"";h.value=!ge(i)},G=n=>{l("compositionend",n),h.value&&(h.value=!1,q(n))},be=()=>{E.value=!E.value,J()},J=async()=>{var n;await e.nextTick(),(n=k.value)==null||n.focus()},Ce=()=>{var n;return(n=k.value)==null?void 0:n.blur()},Q=n=>{v.value=!0,l("focus",n)},X=n=>{var a;v.value=!1,l("blur",n),t.validateEvent&&((a=s==null?void 0:s.validate)==null||a.call(s,"blur").catch(i=>M.debugWarn(i)))},xe=n=>{z.value=!1,l("mouseleave",n)},we=n=>{z.value=!0,l("mouseenter",n)},Y=n=>{let a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{var n;(n=k.value)==null||n.select()},Z=()=>{l(F.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{var n;e.nextTick(()=>V()),t.validateEvent&&((n=s==null?void 0:s.validate)==null||n.call(s,"change").catch(a=>M.debugWarn(a)))}),e.watch(c,()=>b()),e.watch(()=>t.type,async()=>{await e.nextTick(),b(),V()}),e.onMounted(()=>{!t.formatter&&t.parser&&M.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(V)}),le({input:w,textarea:m,ref:k,textareaStyle:L,autosize:t.autosize,focus:J,blur:Ce,select:Ee,clear:Z,resizeTextarea:V}),(n,a)=>{var i,C,_;return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(A.value,{class:se.value,style:fe.value,role:n.containerRole,onMouseenter:we,onMouseleave:xe}),[n.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(ue.value)},[n.$slots.prefix||(i=N.value)!=null&&i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:ke},[e.renderSlot(n.$slots,"prefix"),(C=N.value)!=null&&C.icon?(e.openBlock(),e.createBlock(e.unref(x.VftIcon),e.mergeProps({key:0,pointer:""},N.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(D),ref_key:"input",ref:w,class:e.unref(o).e("inner")},e.unref(u),{type:n.showPassword?E.value?"text":"password":n.type,disabled:e.unref(f),formatter:n.formatter,parser:n.parser,readonly:n.readonly,autocomplete:n.autocomplete,tabindex:n.tabindex,"aria-label":n.label,placeholder:n.placeholder,style:n.inputStyle,form:n.form,onCompositionstart:H,onCompositionupdate:U,onCompositionend:G,onInput:q,onFocus:Q,onBlur:X,onChange:W,onKeydown:Y,onKeyup:a[0]||(a[0]=e.withKeys(Te=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!B.value||!P.value||!p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),(_=$.value)!=null&&_.icon?(e.openBlock(),e.createBlock(e.unref(x.VftIcon),e.mergeProps({key:0},$.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),B.value?(e.openBlock(),e.createBlock(e.unref(x.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(r.noop),["prevent"]),onClick:e.withModifiers(Z,["stop"])}),null,16,["class","onMousedown","onClick"])):e.createCommentVNode("",!0),P.value?(e.openBlock(),e.createBlock(e.unref(x.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(T.value)+" / "+e.toDisplayString(e.unref(u).maxlength),3)],2)):e.createCommentVNode("",!0),g.value&&j.value&&K.value?(e.openBlock(),e.createBlock(e.unref(x.VftIcon),{key:4,icon:j.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",g.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(D),ref_key:"textarea",ref:m,class:e.unref(O).e("inner")},e.unref(u),{tabindex:n.tabindex,disabled:e.unref(f),readonly:n.readonly,autocomplete:n.autocomplete,style:L.value,"aria-label":n.label,placeholder:n.placeholder,form:n.form,onCompositionstart:H,onCompositionupdate:U,onCompositionend:G,onInput:q,onFocus:Q,onBlur:X,onChange:W,onKeydown:Y}),null,16,Ne),p.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(R.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(T.value)+" / "+e.toDisplayString(e.unref(u).maxlength),7)):e.createCommentVNode("",!0)],64))],16,ze)),[[e.vShow,n.type!=="hidden"]])}}});exports.default=Pe;

package/lib/components/input-number/input-number.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@vft/utils");require("../form/index.cjs");const x=require("../icon/index.cjs"),$=require("../input/index.cjs"),o=require("../../constants/event.cjs");require("@vueuse/core");const I=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const b=require("lodash"),G=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("./directives.cjs"),R=require("../form/hooks/use-form-item.cjs"),O=require("../form/hooks/use-form-common-props.cjs"),H=["onKeydown"],Y=["onKeydown"],d=G.useNamespace("input-number"),j=t.defineComponent({name:"vft-input-number"}),J=t.defineComponent({...j,props:{id:{default:void 0},step:{default:1},stepStrictly:{type:Boolean},max:{default:Number.POSITIVE_INFINITY},min:{default:Number.NEGATIVE_INFINITY},modelValue:{},readonly:{type:Boolean},disabled:{type:Boolean},size:{default:"default"},controls:{type:Boolean,default:!0},controlsPosition:{default:""},valueOnClear:{default:null},name:{},label:{},placeholder:{},precision:{},validateEvent:{type:Boolean,default:!0}},emits:{[o.CHANGE_EVENT]:(n,v)=>v!==n,blur:n=>n instanceof FocusEvent,focus:n=>n instanceof FocusEvent,[o.INPUT_EVENT]:n=>l.isNumber(n)||b.isNil(n),[o.UPDATE_MODEL_EVENT]:n=>l.isNumber(n)||b.isNil(n)},setup(n,{expose:v,emit:s}){const m=t.ref(),r=t.reactive({currentValue:n.modelValue,userInput:null}),{formItem:c}=R.useFormItem(),P=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue<=n.min),C=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue>=n.max),U=t.computed(()=>{const e=D(n.step);return l.isUndefined(n.precision)?Math.max(D(n.modelValue),e):(e>n.precision&&I.debugWarn("InputNumber","precision should not be less than the decimal places of step"),n.precision)}),V=t.computed(()=>n.controls&&n.controlsPosition==="right"),A=O.useFormSize(),f=O.useFormDisabled(),E=t.computed(()=>{if(r.userInput!==null)return r.userInput;let e=r.currentValue;if(b.isNil(e))return"";if(l.isNumber(e)){if(Number.isNaN(e))return"";l.isUndefined(n.precision)||(e=e==null?void 0:e.toFixed(n.precision))}return e}),h=(e,u)=>{if(l.isUndefined(u)&&(u=U.value),u===0)return Math.round(e);let i=String(e);const a=i.indexOf(".");if(a===-1||!i.replace(".","").split("")[a+u])return e;const M=i.length;return i.charAt(M-1)==="5"&&(i=`${i.slice(0,Math.max(0,M-1))}6`),Number.parseFloat(Number(i).toFixed(u))},D=e=>{if(b.isNil(e))return 0;const u=e.toString(),i=u.indexOf(".");let a=0;return i!==-1&&(a=u.length-i-1),a},q=(e,u=1)=>l.isNumber(e)?h(e+n.step*u):r.currentValue,w=()=>{if(n.readonly||f.value||C.value)return;const e=Number(E.value)||0,u=q(e);N(u),s(o.INPUT_EVENT,r.currentValue)},y=()=>{if(n.readonly||f.value||P.value)return;const e=Number(E.value)||0,u=q(e,-1);N(u),s(o.INPUT_EVENT,r.currentValue)},T=(e,u)=>{let i=Number(e);if(b.isNil(e)||Number.isNaN(i))return null;if(e===""){if(n.valueOnClear===null)return null;i=l.isString(n.valueOnClear)?{min:n.min,max:n.max}[n.valueOnClear]:n.valueOnClear}return n.stepStrictly&&(i=h(Math.round(i/n.step)*n.step,n.precision)),l.isUndefined(n.precision)||(i=h(i,n.precision)),(i>n.max||i<n.min)&&(i=i>n.max?n.max:n.min,u&&s(o.UPDATE_MODEL_EVENT,i)),i},N=(e,u=!0)=>{var g;const i=r.currentValue,a=T(e);if(!u){s(o.UPDATE_MODEL_EVENT,a);return}i!==a&&(r.userInput=null,s(o.UPDATE_MODEL_EVENT,a),s(o.CHANGE_EVENT,a,i),n.validateEvent&&((g=c==null?void 0:c.validate)==null||g.call(c,"change").catch(F=>I.debugWarn(F))),r.currentValue=a)},B=e=>{r.userInput=e;const u=e===""?null:Number(e);s(o.INPUT_EVENT,u),N(u,!1)},k=e=>{const u=e!==""?Number(e):"";(l.isNumber(u)&&!Number.isNaN(u)||e==="")&&N(u),r.userInput=null},K=()=>{var e,u;(u=(e=m.value)==null?void 0:e.focus)==null||u.call(e)},z=()=>{var e,u;(u=(e=m.value)==null?void 0:e.blur)==null||u.call(e)},L=e=>{s("focus",e)},W=e=>{var u;s("blur",e),n.validateEvent&&((u=c==null?void 0:c.validate)==null||u.call(c,"blur").catch(i=>I.debugWarn(i)))};return t.watch(()=>n.modelValue,e=>{const u=T(r.userInput),i=T(e,!0);!l.isNumber(u)&&(!u||u!==i)&&(r.currentValue=i,r.userInput=null)},{immediate:!0}),t.onMounted(()=>{var u;const e=(u=m.value)==null?void 0:u.input;if(e.setAttribute("role","spinbutton"),Number.isFinite(n.max)?e.setAttribute("aria-valuemax",String(n.max)):e.removeAttribute("aria-valuemax"),Number.isFinite(n.min)?e.setAttribute("aria-valuemin",String(n.min)):e.removeAttribute("aria-valuemin"),e.setAttribute("aria-valuenow",String(r.currentValue)),e.setAttribute("aria-disabled",String(f.value)),!l.isNumber(n.modelValue)&&n.modelValue!==null){let i=Number(n.modelValue);Number.isNaN(i)&&(i=null),s(o.UPDATE_MODEL_EVENT,i)}}),t.onUpdated(()=>{var u;const e=(u=m.value)==null?void 0:u.input;e==null||e.setAttribute("aria-valuenow",`${r.currentValue}`)}),v({focus:K,blur:z}),(e,u)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(d).b(),t.unref(d).m(t.unref(A)),t.unref(d).is("disabled",t.unref(f)),t.unref(d).is("without-controls",!e.controls),t.unref(d).is("controls-right",V.value)]),onDragstart:u[1]||(u[1]=t.withModifiers(()=>{},["prevent"]))},[e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:0,role:"button",class:t.normalizeClass([t.unref(d).e("decrease"),t.unref(d).is("disabled",P.value)]),onKeydown:t.withKeys(y,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"ico-ep:arrow-down":"ico-ep:minus"},null,8,["icon"])],42,H)),[[t.unref(S.vRepeatClick),y]]):t.createCommentVNode("",!0),e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:1,role:"button",class:t.normalizeClass([t.unref(d).e("increase"),t.unref(d).is("disabled",C.value)]),onKeydown:t.withKeys(w,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"ico-ep:arrow-up":"ico-ep:plus"},null,8,["icon"])],42,Y)),[[t.unref(S.vRepeatClick),w]]):t.createCommentVNode("",!0),t.createVNode(t.unref($.VftInput),{id:e.id,ref_key:"input",ref:m,type:"number",step:e.step,"model-value":E.value,placeholder:e.placeholder,readonly:e.readonly,disabled:t.unref(f),size:t.unref(A),max:e.max,min:e.min,name:e.name,label:e.label,"validate-event":!1,onWheel:u[0]||(u[0]=t.withModifiers(()=>{},["prevent"])),onKeydown:[t.withKeys(t.withModifiers(w,["prevent"]),["up"]),t.withKeys(t.withModifiers(y,["prevent"]),["down"])],onBlur:W,onFocus:L,onInput:B,onChange:k},null,8,["id","step","model-value","placeholder","readonly","disabled","size","max","min","name","label","onKeydown"])],34))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@vft/utils");require("../form/index.cjs");const x=require("../icon/index.cjs"),$=require("../input/index.cjs"),o=require("../../constants/event.cjs");require("@vueuse/core");const I=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const b=require("lodash"),G=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("./directives.cjs"),R=require("../form/hooks/use-form-item.cjs"),O=require("../form/hooks/use-form-common-props.cjs"),H=["onKeydown"],Y=["onKeydown"],d=G.useNamespace("input-number"),j=t.defineComponent({name:"vft-input-number"}),J=t.defineComponent({...j,props:{id:{default:void 0},step:{default:1},stepStrictly:{type:Boolean},max:{default:Number.POSITIVE_INFINITY},min:{default:Number.NEGATIVE_INFINITY},modelValue:{},readonly:{type:Boolean},disabled:{type:Boolean},size:{default:"default"},controls:{type:Boolean,default:!0},controlsPosition:{default:""},valueOnClear:{default:null},name:{},label:{},placeholder:{},precision:{},validateEvent:{type:Boolean,default:!0}},emits:{[o.CHANGE_EVENT]:(n,v)=>v!==n,blur:n=>n instanceof FocusEvent,focus:n=>n instanceof FocusEvent,[o.INPUT_EVENT]:n=>l.isNumber(n)||b.isNil(n),[o.UPDATE_MODEL_EVENT]:n=>l.isNumber(n)||b.isNil(n)},setup(n,{expose:v,emit:s}){const m=t.ref(),r=t.reactive({currentValue:n.modelValue,userInput:null}),{formItem:c}=R.useFormItem(),P=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue<=n.min),C=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue>=n.max),U=t.computed(()=>{const e=D(n.step);return l.isUndefined(n.precision)?Math.max(D(n.modelValue),e):(e>n.precision&&I.debugWarn("InputNumber","precision should not be less than the decimal places of step"),n.precision)}),V=t.computed(()=>n.controls&&n.controlsPosition==="right"),A=O.useFormSize(),f=O.useFormDisabled(),E=t.computed(()=>{if(r.userInput!==null)return r.userInput;let e=r.currentValue;if(b.isNil(e))return"";if(l.isNumber(e)){if(Number.isNaN(e))return"";l.isUndefined(n.precision)||(e=e==null?void 0:e.toFixed(n.precision))}return e}),h=(e,u)=>{if(l.isUndefined(u)&&(u=U.value),u===0)return Math.round(e);let i=String(e);const a=i.indexOf(".");if(a===-1||!i.replace(".","").split("")[a+u])return e;const M=i.length;return i.charAt(M-1)==="5"&&(i=`${i.slice(0,Math.max(0,M-1))}6`),Number.parseFloat(Number(i).toFixed(u))},D=e=>{if(b.isNil(e))return 0;const u=e.toString(),i=u.indexOf(".");let a=0;return i!==-1&&(a=u.length-i-1),a},q=(e,u=1)=>l.isNumber(e)?h(e+n.step*u):r.currentValue,w=()=>{if(n.readonly||f.value||C.value)return;const e=Number(E.value)||0,u=q(e);N(u),s(o.INPUT_EVENT,r.currentValue)},y=()=>{if(n.readonly||f.value||P.value)return;const e=Number(E.value)||0,u=q(e,-1);N(u),s(o.INPUT_EVENT,r.currentValue)},T=(e,u)=>{let i=Number(e);if(b.isNil(e)||Number.isNaN(i))return null;if(e===""){if(n.valueOnClear===null)return null;i=l.isString(n.valueOnClear)?{min:n.min,max:n.max}[n.valueOnClear]:n.valueOnClear}return n.stepStrictly&&(i=h(Math.round(i/n.step)*n.step,n.precision)),l.isUndefined(n.precision)||(i=h(i,n.precision)),(i>n.max||i<n.min)&&(i=i>n.max?n.max:n.min,u&&s(o.UPDATE_MODEL_EVENT,i)),i},N=(e,u=!0)=>{var g;const i=r.currentValue,a=T(e);if(!u){s(o.UPDATE_MODEL_EVENT,a);return}i!==a&&(r.userInput=null,s(o.UPDATE_MODEL_EVENT,a),s(o.CHANGE_EVENT,a,i),n.validateEvent&&((g=c==null?void 0:c.validate)==null||g.call(c,"change").catch(F=>I.debugWarn(F))),r.currentValue=a)},B=e=>{r.userInput=e;const u=e===""?null:Number(e);s(o.INPUT_EVENT,u),N(u,!1)},k=e=>{const u=e!==""?Number(e):"";(l.isNumber(u)&&!Number.isNaN(u)||e==="")&&N(u),r.userInput=null},K=()=>{var e,u;(u=(e=m.value)==null?void 0:e.focus)==null||u.call(e)},z=()=>{var e,u;(u=(e=m.value)==null?void 0:e.blur)==null||u.call(e)},L=e=>{s("focus",e)},W=e=>{var u;s("blur",e),n.validateEvent&&((u=c==null?void 0:c.validate)==null||u.call(c,"blur").catch(i=>I.debugWarn(i)))};return t.watch(()=>n.modelValue,e=>{const u=T(r.userInput),i=T(e,!0);!l.isNumber(u)&&(!u||u!==i)&&(r.currentValue=i,r.userInput=null)},{immediate:!0}),t.onMounted(()=>{var u;const e=(u=m.value)==null?void 0:u.input;if(e.setAttribute("role","spinbutton"),Number.isFinite(n.max)?e.setAttribute("aria-valuemax",String(n.max)):e.removeAttribute("aria-valuemax"),Number.isFinite(n.min)?e.setAttribute("aria-valuemin",String(n.min)):e.removeAttribute("aria-valuemin"),e.setAttribute("aria-valuenow",String(r.currentValue)),e.setAttribute("aria-disabled",String(f.value)),!l.isNumber(n.modelValue)&&n.modelValue!==null){let i=Number(n.modelValue);Number.isNaN(i)&&(i=null),s(o.UPDATE_MODEL_EVENT,i)}}),t.onUpdated(()=>{var u;const e=(u=m.value)==null?void 0:u.input;e==null||e.setAttribute("aria-valuenow",`${r.currentValue}`)}),v({focus:K,blur:z}),(e,u)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(d).b(),t.unref(d).m(t.unref(A)),t.unref(d).is("disabled",t.unref(f)),t.unref(d).is("without-controls",!e.controls),t.unref(d).is("controls-right",V.value)]),onDragstart:u[1]||(u[1]=t.withModifiers(()=>{},["prevent"]))},[e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:0,role:"button",class:t.normalizeClass([t.unref(d).e("decrease"),t.unref(d).is("disabled",P.value)]),onKeydown:t.withKeys(y,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"icon-arrow-down":"icon-minus"},null,8,["icon"])],42,H)),[[t.unref(S.vRepeatClick),y]]):t.createCommentVNode("",!0),e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:1,role:"button",class:t.normalizeClass([t.unref(d).e("increase"),t.unref(d).is("disabled",C.value)]),onKeydown:t.withKeys(w,["enter"])},[t.createVNode(t.unref(x.VftIcon),{icon:V.value?"icon-arrow-up":"icon-plus"},null,8,["icon"])],42,Y)),[[t.unref(S.vRepeatClick),w]]):t.createCommentVNode("",!0),t.createVNode(t.unref($.VftInput),{id:e.id,ref_key:"input",ref:m,type:"number",step:e.step,"model-value":E.value,placeholder:e.placeholder,readonly:e.readonly,disabled:t.unref(f),size:t.unref(A),max:e.max,min:e.min,name:e.name,label:e.label,"validate-event":!1,onWheel:u[0]||(u[0]=t.withModifiers(()=>{},["prevent"])),onKeydown:[t.withKeys(t.withModifiers(w,["prevent"]),["up"]),t.withKeys(t.withModifiers(y,["prevent"]),["down"])],onBlur:W,onFocus:L,onInput:B,onChange:k},null,8,["id","step","model-value","placeholder","readonly","disabled","size","max","min","name","label","onKeydown"])],34))}});exports.default=J;

package/lib/components/list-cell/list-cell.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@vft/utils"),a=require("../icon/index.cjs");require("@vueuse/core");const m=require("../../utils/ns-cover.cjs");require("lodash");const v=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=["onClick"],l=v.useNamespace("list-cell"),p=e.defineComponent({name:"vft-list-cell"}),C=e.defineComponent({...p,props:{list:{default:[]},cellHeight:{default:50},leftTextDistance:{default:8},activeIndex:{}},emits:["item-click"],setup(c,{emit:u}){const i=e.ref(c.activeIndex),d=e.computed(()=>c.list.map(t=>(t.leftIcon=r.singleAttrToObj(t.leftIcon,"icon",{size:16}),t.rightIcon=r.singleAttrToObj(t.rightIcon,"icon",{icon:"ico-ep:arrow-right",size:16}),t))),f=e.computed(()=>m.generateCssVars({height:r.addUnit(c.cellHeight),"left-text-distance":r.addUnit(c.leftTextDistance)},"list-cell"));function g(t,o){i.value=o,u("item-click",t,o)}return(t,o)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(f.value),class:e.normalizeClass(e.unref(l).b())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(n,s)=>(e.openBlock(),e.createElementBlock("div",{onClick:h=>g(n,s),key:s,class:e.normalizeClass([e.unref(l).e("item"),e.unref(l).is("active",i.value===s)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).m("left"))},[e.createVNode(e.unref(a.VftIcon),e.normalizeProps(e.guardReactiveProps(n.leftIcon)),null,16),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).e("text"))},e.toDisplayString(n.text),3)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).m("right"))},[n!=null&&n.rightContent?(e.openBlock(),e.createBlock(e.unref(r.VNode),{key:0,content:n.rightContent},null,8,["content"])):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),e.normalizeProps(e.mergeProps({key:1},n.rightIcon)),null,16))],2)],10,k))),128))],6))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@vft/utils"),a=require("../icon/index.cjs");require("@vueuse/core");const m=require("../../utils/ns-cover.cjs");require("lodash");const v=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=["onClick"],l=v.useNamespace("list-cell"),p=e.defineComponent({name:"vft-list-cell"}),C=e.defineComponent({...p,props:{list:{default:[]},cellHeight:{default:50},leftTextDistance:{default:8},activeIndex:{}},emits:["item-click"],setup(c,{emit:u}){const i=e.ref(c.activeIndex),d=e.computed(()=>c.list.map(t=>(t.leftIcon=r.singleAttrToObj(t.leftIcon,"icon",{size:16}),t.rightIcon=r.singleAttrToObj(t.rightIcon,"icon",{icon:"icon-arrow-right",size:16}),t))),f=e.computed(()=>m.generateCssVars({height:r.addUnit(c.cellHeight),"left-text-distance":r.addUnit(c.leftTextDistance)},"list-cell"));function g(t,o){i.value=o,u("item-click",t,o)}return(t,o)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(f.value),class:e.normalizeClass(e.unref(l).b())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(n,s)=>(e.openBlock(),e.createElementBlock("div",{onClick:h=>g(n,s),key:s,class:e.normalizeClass([e.unref(l).e("item"),e.unref(l).is("active",i.value===s)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).m("left"))},[e.createVNode(e.unref(a.VftIcon),e.normalizeProps(e.guardReactiveProps(n.leftIcon)),null,16),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).e("text"))},e.toDisplayString(n.text),3)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).m("right"))},[n!=null&&n.rightContent?(e.openBlock(),e.createBlock(e.unref(r.VNode),{key:0,content:n.rightContent},null,8,["content"])):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),e.normalizeProps(e.mergeProps({key:1},n.rightIcon)),null,16))],2)],10,k))),128))],6))}});exports.default=C;

package/lib/components/md-code-demo/md-code-demo.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("../icon/index.cjs"),S=require("../loading/directive.cjs");require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const e=require("vue");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("./code-demo/code.cjs"),m=require("./code-demo/loadScript.cjs"),i=require("./utils.cjs"),q=800,C=e.defineComponent({name:"VftMdCodeDemo",props:{id:{type:String,required:!0},type:{type:String,default:"normal"},title:{type:String,default:""},config:{type:String,default:""},code:{type:String,required:!0}},setup(a,{slots:s}){const n=e.ref(!1),f=e.ref(),g=e.ref(),u=e.ref("0"),c=e.ref(!1),r=e.computed(()=>JSON.parse(a.config?i.atou(a.config):"{}")),l=e.computed(()=>{const o=JSON.parse(i.atou(a.code));return d.getCode(o)}),t=e.computed(()=>a.type==="react"?d.getReactCode(l.value,r.value):a.type==="vue"?d.getVueCode(l.value,r.value):d.getNormalCode(l.value,r.value)),y=e.computed(()=>t.value.isLegal),v=(o=!1)=>{const p=f.value.attachShadow({mode:"open"}),h=document.createElement("div");h.classList.add("code-demo-app"),p.appendChild(h),y.value?(o&&(h.innerHTML=t.value.html),i.injectCSS(p,t.value),i.injectScript(a.id,p,t.value),u.value="0"):u.value="auto",c.value=!0},j=()=>{switch(a.type){case"react":return m.loadReact(t.value).then(()=>v());case"vue":return m.loadVue(t.value).then(()=>v());default:return m.loadNormal(t.value).then(()=>v(!0))}};return e.onMounted(()=>{setTimeout(()=>{j()},q)}),()=>{var o;return e.withDirectives(e.h("div",{class:"vft-md-code-demo",id:a.id},[e.h("div",{class:"code-demo-header"},[t.value.isLegal?e.h("button",{class:["toggle-button",n.value?"down":"right"],onClick:()=>{u.value=n.value?"0":`${g.value.clientHeight+13.8}px`,n.value=!n.value}}):null,a.title?e.h("span",{class:"title"},decodeURIComponent(a.title)):null,e.h("div",{style:{display:"flex"}},[t.value.isLegal&&t.value.jsfiddle!==!1?e.h("form",{class:"code-demo-jsfiddle",target:"_blank",action:"https://jsfiddle.net/api/post/library/pure/",method:"post"},[e.h("input",{type:"hidden",name:"html",value:t.value.html}),e.h("input",{type:"hidden",name:"js",value:t.value.js}),e.h("input",{type:"hidden",name:"css",value:t.value.css}),e.h("input",{type:"hidden",name:"wrap",value:"1"}),e.h("input",{type:"hidden",name:"panel_js",value:"3"}),e.h("input",{type:"hidden",name:"resources",value:[...t.value.cssLib,...t.value.jsLib].join(",")}),e.h("button",{type:"submit","aria-label":"JSFiddle","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"ico-cib:jsfiddle",class:"jsfiddle-button"}))]):null,!t.value.isLegal||t.value.codepen!==!1?e.h("form",{class:"code-demo-codepen",target:"_blank",action:"https://codepen.io/pen/define",method:"post"},[e.h("input",{type:"hidden",name:"data",value:JSON.stringify({html:t.value.html,js:t.value.js,css:t.value.css,js_external:t.value.jsLib.join(";"),css_external:t.value.cssLib.join(";"),layout:t.value.codepenLayout,html_pre_processor:l.value?l.value.html[1]:"none",js_pre_processor:l.value?l.value.js[1]:t.value.jsx?"babel":"none",css_pre_processor:l.value?l.value.css[1]:"none",editors:t.value.codepenEditors})}),e.h("button",{type:"submit","aria-label":"Codepen","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"ico-mdi:codepen",class:"codepen-button"}))]):null])]),e.h("div",{ref:f,class:"code-demo-container",style:{display:y.value&&c.value?"block":"none"}}),e.h("div",{class:"code-demo-code-wrapper",style:{height:u.value}},e.h("div",{ref:g,class:"code-demo-codes"},(o=s.default)==null?void 0:o.call(s)))]),[[S.vLoading,!c.value]])}}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("../icon/index.cjs"),S=require("../loading/directive.cjs");require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const e=require("vue");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("./code-demo/code.cjs"),m=require("./code-demo/loadScript.cjs"),i=require("./utils.cjs"),q=800,C=e.defineComponent({name:"VftMdCodeDemo",props:{id:{type:String,required:!0},type:{type:String,default:"normal"},title:{type:String,default:""},config:{type:String,default:""},code:{type:String,required:!0}},setup(a,{slots:s}){const n=e.ref(!1),f=e.ref(),g=e.ref(),u=e.ref("0"),c=e.ref(!1),r=e.computed(()=>JSON.parse(a.config?i.atou(a.config):"{}")),l=e.computed(()=>{const o=JSON.parse(i.atou(a.code));return d.getCode(o)}),t=e.computed(()=>a.type==="react"?d.getReactCode(l.value,r.value):a.type==="vue"?d.getVueCode(l.value,r.value):d.getNormalCode(l.value,r.value)),y=e.computed(()=>t.value.isLegal),v=(o=!1)=>{const p=f.value.attachShadow({mode:"open"}),h=document.createElement("div");h.classList.add("code-demo-app"),p.appendChild(h),y.value?(o&&(h.innerHTML=t.value.html),i.injectCSS(p,t.value),i.injectScript(a.id,p,t.value),u.value="0"):u.value="auto",c.value=!0},j=()=>{switch(a.type){case"react":return m.loadReact(t.value).then(()=>v());case"vue":return m.loadVue(t.value).then(()=>v());default:return m.loadNormal(t.value).then(()=>v(!0))}};return e.onMounted(()=>{setTimeout(()=>{j()},q)}),()=>{var o;return e.withDirectives(e.h("div",{class:"vft-md-code-demo",id:a.id},[e.h("div",{class:"code-demo-header"},[t.value.isLegal?e.h("button",{class:["toggle-button",n.value?"down":"right"],onClick:()=>{u.value=n.value?"0":`${g.value.clientHeight+13.8}px`,n.value=!n.value}}):null,a.title?e.h("span",{class:"title"},decodeURIComponent(a.title)):null,e.h("div",{style:{display:"flex"}},[t.value.isLegal&&t.value.jsfiddle!==!1?e.h("form",{class:"code-demo-jsfiddle",target:"_blank",action:"https://jsfiddle.net/api/post/library/pure/",method:"post"},[e.h("input",{type:"hidden",name:"html",value:t.value.html}),e.h("input",{type:"hidden",name:"js",value:t.value.js}),e.h("input",{type:"hidden",name:"css",value:t.value.css}),e.h("input",{type:"hidden",name:"wrap",value:"1"}),e.h("input",{type:"hidden",name:"panel_js",value:"3"}),e.h("input",{type:"hidden",name:"resources",value:[...t.value.cssLib,...t.value.jsLib].join(",")}),e.h("button",{type:"submit","aria-label":"JSFiddle","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"icon-jsfiddle",class:"jsfiddle-button"}))]):null,!t.value.isLegal||t.value.codepen!==!1?e.h("form",{class:"code-demo-codepen",target:"_blank",action:"https://codepen.io/pen/define",method:"post"},[e.h("input",{type:"hidden",name:"data",value:JSON.stringify({html:t.value.html,js:t.value.js,css:t.value.css,js_external:t.value.jsLib.join(";"),css_external:t.value.cssLib.join(";"),layout:t.value.codepenLayout,html_pre_processor:l.value?l.value.html[1]:"none",js_pre_processor:l.value?l.value.js[1]:t.value.jsx?"babel":"none",css_pre_processor:l.value?l.value.css[1]:"none",editors:t.value.codepenEditors})}),e.h("button",{type:"submit","aria-label":"Codepen","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"icon-codepen",class:"codepen-button"}))]):null])]),e.h("div",{ref:f,class:"code-demo-container",style:{display:y.value&&c.value?"block":"none"}}),e.h("div",{class:"code-demo-code-wrapper",style:{height:u.value}},e.h("div",{ref:g,class:"code-demo-codes"},(o=s.default)==null?void 0:o.call(s)))]),[[S.vLoading,!c.value]])}}});exports.default=C;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vft/router"),g=require("@vft/use"),s=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const v=require("../icon/index.cjs"),T=require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");const B=require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");const D=require("../md-comment/index.cjs");require("./index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");const S=require("../../utils/ns-cover.cjs");require("lodash");const $=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");const b=require("./toc.cjs"),w=require("./use/useCopyCode.cjs"),z=require("./use/useActiveHeaderLinks.cjs"),A=require("./utils.cjs"),P={class:"info-container"},M={key:0,class:"flex align-center"},H={class:"infos"},I={class:"reading",title:"阅读量"},L=["data-path"],n=$.useNamespace("md-container"),R=e.defineComponent({name:"vft-md-container"}),j=e.defineComponent({...R,setup(F,{expose:h}){const c=e.getCurrentInstance(),{initPhotoSwipe:_}=g.usePhotoSwipe(`.${n.e("content")} img`);_(),z.useActiveHeaderLinks({}),w.useCopyCode();const o=e.ref(),a=c.appContext.config.globalProperties.$router,i=a.currentRoute.value;e.onMounted(()=>{e.nextTick(()=>{o.value=c.exposed.infos,setTimeout(()=>{s.jumpElement(i.hash)});const t=document.querySelectorAll(".item.expand"),u=document.querySelectorAll("div.language-vue");for(let r=0;r<t.length;r++)g.useEventListener(t[r],"click",()=>{u[r].offsetHeight===0?(u[r].style.height="auto",u[r].style.visibility="visible"):(u[r].style.height="0px",u[r].style.visibility="hidden")})})}),h({infos:e.unref(o)});const y=location.pathname,{go:x}=E.useRouterHelper(a);function C(t){x("/?tag="+t)}const V=e.computed(()=>{var t;return(t=i.meta.category)==null?void 0:t.includes("api")}),k=e.ref(S.primaryColor());return(t,u)=>{var r,l,q,d,m,f;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).is("api",V.value)])},[(r=o.value)!=null&&r.sideData?(e.openBlock(),e.createBlock(e.unref(b.default),{key:0,items:o.value.sideData,route:e.unref(i)},null,8,["items","route"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("h1",{class:e.normalizeClass(e.unref(n).e("title"))},e.toDisplayString((l=e.unref(i).meta)==null?void 0:l.title),3),e.createElementVNode("div",P,[(d=(q=e.unref(i).meta)==null?void 0:q.category)!=null&&d.length?(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(e.unref(v.VftIcon),{size:14,color:k.value,icon:"ico-bx:category",class:"mr-8px"},null,8,["color"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((m=e.unref(i).meta)==null?void 0:m.category,(p,N)=>(e.openBlock(),e.createBlock(e.unref(B.VftTag),{size:"small",class:"mr-5px cursor-pointer",type:e.unref(s.getRandomElementForArr)(e.unref(A.COMP_TYPE),1)[0],key:N,onClick:O=>C(p)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.createVNode(e.unref(T.VftIconText),{title:"发布时间",icon:"ico-uiw:date",size:12,class:"mr-10px",distance:5,text:e.unref(s.formatToDateTime)(new Date((f=e.unref(i).meta)==null?void 0:f.date).getTime()-e.unref(s.getDayTimestamp)())},null,8,["text"]),e.createElementVNode("div",I,[e.createVNode(e.unref(v.VftIcon),{icon:"ico-flat-color-icons:reading",size:14,class:"mr-5px"}),e.createElementVNode("div",{class:"waline-pageview-count lh-1","data-path":e.unref(y)},"0",8,L)])])])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("content"))},[e.renderSlot(t.$slots,"default")],2),e.createVNode(e.unref(D.VftMdComment))],2)}}});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vft/router"),g=require("@vft/use"),s=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const v=require("../icon/index.cjs"),T=require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");const B=require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");const D=require("../md-comment/index.cjs");require("./index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");const S=require("../../utils/ns-cover.cjs");require("lodash");const $=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");const z=require("./toc.cjs"),b=require("./use/useCopyCode.cjs"),w=require("./use/useActiveHeaderLinks.cjs"),A=require("./utils.cjs"),P={class:"info-container"},M={key:0,class:"flex align-center"},H={class:"infos"},I={class:"reading",title:"阅读量"},L=["data-path"],n=$.useNamespace("md-container"),R=e.defineComponent({name:"vft-md-container"}),j=e.defineComponent({...R,setup(F,{expose:h}){const c=e.getCurrentInstance(),{initPhotoSwipe:_}=g.usePhotoSwipe(`.${n.e("content")} img`);_(),w.useActiveHeaderLinks({}),b.useCopyCode();const o=e.ref(),a=c.appContext.config.globalProperties.$router,i=a.currentRoute.value;e.onMounted(()=>{e.nextTick(()=>{o.value=c.exposed.infos,setTimeout(()=>{s.jumpElement(i.hash)});const t=document.querySelectorAll(".item.expand"),u=document.querySelectorAll("div.language-vue");for(let r=0;r<t.length;r++)g.useEventListener(t[r],"click",()=>{u[r].offsetHeight===0?(u[r].style.height="auto",u[r].style.visibility="visible"):(u[r].style.height="0px",u[r].style.visibility="hidden")})})}),h({infos:e.unref(o)});const y=location.pathname,{go:C}=E.useRouterHelper(a);function x(t){C("/?tag="+t)}const V=e.computed(()=>{var t;return(t=i.meta.category)==null?void 0:t.includes("api")}),k=e.ref(S.primaryColor());return(t,u)=>{var r,l,q,d,m,f;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).is("api",V.value)])},[(r=o.value)!=null&&r.sideData?(e.openBlock(),e.createBlock(e.unref(z.default),{key:0,items:o.value.sideData,route:e.unref(i)},null,8,["items","route"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("h1",{class:e.normalizeClass(e.unref(n).e("title"))},e.toDisplayString((l=e.unref(i).meta)==null?void 0:l.title),3),e.createElementVNode("div",P,[(d=(q=e.unref(i).meta)==null?void 0:q.category)!=null&&d.length?(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(e.unref(v.VftIcon),{size:14,color:k.value,icon:"icon-category",class:"mr-8px"},null,8,["color"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((m=e.unref(i).meta)==null?void 0:m.category,(p,N)=>(e.openBlock(),e.createBlock(e.unref(B.VftTag),{size:"small",class:"mr-5px cursor-pointer",type:e.unref(s.getRandomElementForArr)(e.unref(A.COMP_TYPE),1)[0],key:N,onClick:O=>x(p)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.createVNode(e.unref(T.VftIconText),{title:"发布时间",icon:"icon-date",size:12,class:"mr-10px",distance:5,text:e.unref(s.formatToDateTime)(new Date((f=e.unref(i).meta)==null?void 0:f.date).getTime()-e.unref(s.getDayTimestamp)())},null,8,["text"]),e.createElementVNode("div",I,[e.createVNode(e.unref(v.VftIcon),{icon:"icon-reading",size:14,class:"mr-5px"}),e.createElementVNode("div",{class:"waline-pageview-count lh-1","data-path":e.unref(y)},"0",8,L)])])])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("content"))},[e.renderSlot(t.$slots,"default")],2),e.createVNode(e.unref(D.VftMdComment))],2)}}});exports.default=j;

package/lib/components/md-vue-playground/md-vue-playground.vue2.cjs

@@ -1 +1 @@
-"use strict";var d=Object.create;var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var m=(t,o,l,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of p(o))!g.call(t,n)&&n!==l&&r(t,n,{get:()=>o[n],enumerable:!(u=v(o,n))||u.enumerable});return t};var w=(t,o,l)=>(l=t!=null?d(f(t)):{},m(o||!t||!t.__esModule?r(l,"default",{value:t,enumerable:!0}):l,t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./playground.cjs"),y=q.useNamespace("md-vue-playground"),C=e.defineComponent({name:"vft-md-vue-playground"}),N=e.defineComponent({...C,props:{title:{},files:{},settings:{}},setup(t){const o=e.ref(!0),l=e.shallowRef(),u=e.ref(),n=e.computed(()=>h.getVuePlaygroundSettings(t.settings)),a=e.ref(n.value.showCode||!1),s=async()=>{const{ReplStore:i,Repl:c}=await import("@vue/repl");l.value=c,u.value=new i({serializedState:decodeURIComponent(t.files),showOutput:!0}),n.value.vueVersion&&await u.value.setVueVersion(n.value.vueVersion)};return e.onMounted(async()=>{await s(),o.value=!1}),()=>e.createVNode("div",{class:y.b()},[e.createVNode("div",{class:"title-wrapper"},[t.title?e.createVNode("div",{class:"title"},[decodeURIComponent(t.title)]):null,e.createVNode(V.VftIcon,{cursor:!0,icon:a.value?"ico-bx:collapse-alt":"ico-bx:expand-alt",size:20,onClick:()=>{a.value=!a.value}},null)]),e.withDirectives(e.createVNode("div",{class:["repl-container",a.value?"show-code":"hide-code"]},[l.value?e.h(l.value,{store:u.value,...n.value}):null]),[[e.resolveDirective("loading"),o.value]])])}});exports.default=N;
+"use strict";var d=Object.create;var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var m=(t,o,l,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of p(o))!g.call(t,n)&&n!==l&&r(t,n,{get:()=>o[n],enumerable:!(u=v(o,n))||u.enumerable});return t};var w=(t,o,l)=>(l=t!=null?d(f(t)):{},m(o||!t||!t.__esModule?r(l,"default",{value:t,enumerable:!0}):l,t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./playground.cjs"),y=q.useNamespace("md-vue-playground"),C=e.defineComponent({name:"vft-md-vue-playground"}),N=e.defineComponent({...C,props:{title:{},files:{},settings:{}},setup(t){const o=e.ref(!0),l=e.shallowRef(),u=e.ref(),n=e.computed(()=>h.getVuePlaygroundSettings(t.settings)),a=e.ref(n.value.showCode||!1),s=async()=>{const{ReplStore:i,Repl:c}=await import("@vue/repl");l.value=c,u.value=new i({serializedState:decodeURIComponent(t.files),showOutput:!0}),n.value.vueVersion&&await u.value.setVueVersion(n.value.vueVersion)};return e.onMounted(async()=>{await s(),o.value=!1}),()=>e.createVNode("div",{class:y.b()},[e.createVNode("div",{class:"title-wrapper"},[t.title?e.createVNode("div",{class:"title"},[decodeURIComponent(t.title)]):null,e.createVNode(V.VftIcon,{cursor:!0,icon:a.value?"icon-collapse-alt":"icon-expand-alt",size:20,onClick:()=>{a.value=!a.value}},null)]),e.withDirectives(e.createVNode("div",{class:["repl-container",a.value?"show-code":"hide-code"]},[l.value?e.h(l.value,{store:u.value,...n.value}):null]),[[e.resolveDirective("loading"),o.value]])])}});exports.default=N;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const K=require("../../utils/vue/vnode.cjs"),B=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),x=B.useNamespace("menu"),_=n.defineComponent({name:"vft-menu"}),ee=n.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0}},emits:["update:collapse","select","close","open"],setup(u,{expose:R,emit:b}){const q=n.useSlots(),m=n.getCurrentInstance(),C=m.appContext.config.globalProperties.$router,i=n.ref(),I=B.useNamespace("sub-menu"),f=n.ref(-1),a=n.ref(u.defaultOpeneds&&!u.collapse?u.defaultOpeneds.slice(0):[]),s=n.ref(u.defaultActive),r=n.ref({}),h=n.ref({}),k=n.computed(()=>u.mode==="horizontal"||u.mode==="vertical"&&u.collapse),A=()=>{const e=s.value&&r.value[s.value];if(!e||u.mode==="horizontal"||u.collapse)return;e.indexPath.forEach(l=>{const o=h.value[l];o&&p(l,o.indexPath)})},p=(e,t,l)=>{a.value.includes(e)||(u.uniqueOpened&&(a.value=a.value.filter(o=>t.includes(o))),a.value.push(e),b("open",{index:e,indexPath:t,e:l}))},y=(e,t,l)=>{const o=a.value.indexOf(e);o!==-1&&a.value.splice(o,1),b("close",{index:e,indexPath:t,e:l})},E=({e,index:t,indexPath:l})=>{a.value.includes(t)?y(t,l,e):p(t,l,e)},W=e=>{(u.mode==="horizontal"||u.collapse)&&(a.value=[]);const{index:t,indexPath:l}=e;if(!(P.isNullOrUndefined(t)||P.isNullOrUndefined(l)))if(u.router&&C){const o=e.route||t,v=C.push(o).then(c=>(c||(s.value=t),c));b("select",e,v)}else s.value=t,b("select",e)},V=e=>{const t=r.value,l=t[e]||s.value&&t[s.value]||t[u.defaultActive];l?s.value=l.index:s.value=e},$=()=>{var d;if(!i.value)return-1;const e=Array.from(((d=i.value)==null?void 0:d.childNodes)??[]).filter(S=>S.nodeName!=="#text"||S.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),v=i.value.clientWidth-l-o;let c=0,M=0;return e.forEach((S,G)=>{c+=S.offsetWidth||0,c<=v-t&&(M=G+1)}),M===e.length?-1:M},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let O=!0;const T=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};O?e():D(e)(),O=!1};n.watch(()=>u.defaultActive,e=>{r.value[e]||(s.value=""),V(e)}),n.watch(()=>u.collapse,e=>{e&&(a.value=[])}),n.watch(r.value,A);let g;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?g=J.useResizeObserver(i,T).stop:g==null||g()});const N=e=>{h.value[e.index]=e},w=e=>{delete h.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},z=n.ref(!1),j=n.ref(),F=n.ref();return n.provide("rootMenu",n.reactive({props:m.props,openedMenus:a,items:r,subMenus:h,activeIndex:s,isMenuPopup:k,inSubMenu:z,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:N,removeSubMenu:w,openMenu:p,closeMenu:y,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${m.uid}`,{addSubMenu:N,removeSubMenu:w,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.default(m.vnode.el,x.namespace.value)}),R({open:e=>{const{indexPath:t}=h.value[e];t.forEach(l=>p(l,t))},close:y,handleResize:T,menu:i,inSubMenu:z}),()=>{var v;let e=((v=q.default)==null?void 0:v.call(q))??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),M=f.value===-1?c:c.slice(0,f.value),d=f.value===-1?[]:c.slice(f.value);d!=null&&d.length&&u.ellipsis&&(e=M,t.push(n.h(X.default,{index:"sub-menu-more",class:I.e("hide-arrow")},{title:()=>n.h(H.VftIcon,{icon:"ico-line-md:menu",class:I.e("icon-more")}),default:()=>d})))}const l=Y.useMenuCssVar(m.props,0),o=n.h("ul",{key:String(u.collapse),role:"menubar",ref:i,style:l.value,class:{[x.b()]:!0,[x.m(u.mode)]:!0,[x.m("collapse")]:u.collapse}},[...e,...t]);return u.collapseTransition&&u.mode==="vertical"?n.h(Q.default,()=>o):o}}});exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const K=require("../../utils/vue/vnode.cjs"),B=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),x=B.useNamespace("menu"),_=n.defineComponent({name:"vft-menu"}),ee=n.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0}},emits:["update:collapse","select","close","open"],setup(u,{expose:R,emit:b}){const q=n.useSlots(),m=n.getCurrentInstance(),C=m.appContext.config.globalProperties.$router,i=n.ref(),I=B.useNamespace("sub-menu"),f=n.ref(-1),a=n.ref(u.defaultOpeneds&&!u.collapse?u.defaultOpeneds.slice(0):[]),s=n.ref(u.defaultActive),r=n.ref({}),h=n.ref({}),k=n.computed(()=>u.mode==="horizontal"||u.mode==="vertical"&&u.collapse),A=()=>{const e=s.value&&r.value[s.value];if(!e||u.mode==="horizontal"||u.collapse)return;e.indexPath.forEach(l=>{const o=h.value[l];o&&p(l,o.indexPath)})},p=(e,t,l)=>{a.value.includes(e)||(u.uniqueOpened&&(a.value=a.value.filter(o=>t.includes(o))),a.value.push(e),b("open",{index:e,indexPath:t,e:l}))},y=(e,t,l)=>{const o=a.value.indexOf(e);o!==-1&&a.value.splice(o,1),b("close",{index:e,indexPath:t,e:l})},E=({e,index:t,indexPath:l})=>{a.value.includes(t)?y(t,l,e):p(t,l,e)},W=e=>{(u.mode==="horizontal"||u.collapse)&&(a.value=[]);const{index:t,indexPath:l}=e;if(!(P.isNullOrUndefined(t)||P.isNullOrUndefined(l)))if(u.router&&C){const o=e.route||t,v=C.push(o).then(c=>(c||(s.value=t),c));b("select",e,v)}else s.value=t,b("select",e)},V=e=>{const t=r.value,l=t[e]||s.value&&t[s.value]||t[u.defaultActive];l?s.value=l.index:s.value=e},$=()=>{var d;if(!i.value)return-1;const e=Array.from(((d=i.value)==null?void 0:d.childNodes)??[]).filter(S=>S.nodeName!=="#text"||S.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),v=i.value.clientWidth-l-o;let c=0,M=0;return e.forEach((S,G)=>{c+=S.offsetWidth||0,c<=v-t&&(M=G+1)}),M===e.length?-1:M},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let O=!0;const T=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};O?e():D(e)(),O=!1};n.watch(()=>u.defaultActive,e=>{r.value[e]||(s.value=""),V(e)}),n.watch(()=>u.collapse,e=>{e&&(a.value=[])}),n.watch(r.value,A);let g;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?g=J.useResizeObserver(i,T).stop:g==null||g()});const N=e=>{h.value[e.index]=e},w=e=>{delete h.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},z=n.ref(!1),j=n.ref(),F=n.ref();return n.provide("rootMenu",n.reactive({props:m.props,openedMenus:a,items:r,subMenus:h,activeIndex:s,isMenuPopup:k,inSubMenu:z,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:N,removeSubMenu:w,openMenu:p,closeMenu:y,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${m.uid}`,{addSubMenu:N,removeSubMenu:w,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.default(m.vnode.el,x.namespace.value)}),R({open:e=>{const{indexPath:t}=h.value[e];t.forEach(l=>p(l,t))},close:y,handleResize:T,menu:i,inSubMenu:z}),()=>{var v;let e=((v=q.default)==null?void 0:v.call(q))??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),M=f.value===-1?c:c.slice(0,f.value),d=f.value===-1?[]:c.slice(f.value);d!=null&&d.length&&u.ellipsis&&(e=M,t.push(n.h(X.default,{index:"sub-menu-more",class:I.e("hide-arrow")},{title:()=>n.h(H.VftIcon,{icon:"icon-menu-line",class:I.e("icon-more")}),default:()=>d})))}const l=Y.useMenuCssVar(m.props,0),o=n.h("ul",{key:String(u.collapse),role:"menubar",ref:i,style:l.value,class:{[x.b()]:!0,[x.m(u.mode)]:!0,[x.m("collapse")]:u.collapse}},[...e,...t]);return u.collapseTransition&&u.mode==="vertical"?n.h(Q.default,()=>o):o}}});exports.default=ee;