vft 0.0.507 → 0.0.511

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("dayjs"),ue=require("@vft/directives"),We=require("@vft/utils"),se=require("../../button/index.cjs"),$=require("../../input/index.cjs");require("../../time-picker/index.cjs");const f=require("../../icon/index.cjs"),je=require("../props/panel-date-range.cjs"),Ge=require("../composables/use-range-picker.cjs"),Y=require("../utils.cjs"),He=require("../composables/use-panel-date-range.cjs"),Qe=require("../constants.cjs"),ie=require("./basic-year-table.vue2.cjs"),de=require("./basic-month-table.vue2.cjs"),ce=require("./basic-date-table.vue2.cjs"),me=require("../../time-picker/time-picker-com/panel-time-pick.vue2.cjs"),Xe=require("../../time-picker/constants.cjs"),ve=require("../../time-picker/utils.cjs"),Ze=["onClick"],ea=["disabled"],aa=["disabled"],na=["disabled"],ta=["disabled"],_="month",la=e.defineComponent({__name:"panel-date-range",props:je.panelDateRangeProps,emits:["pick","set-picker-option","calendar-change","panel-change"],setup(fe,{emit:pe}){const d=fe,b=pe,D=e.inject(Xe.PICKER_BASE_INJECTION_KEY),ke=e.inject(Qe.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY),{disabledDate:c,cellClassName:U,defaultTime:I,clearable:he}=D.props,N=e.toRef(D.props,"format"),J=e.toRef(D.props,"shortcuts"),W=e.toRef(D.props,"defaultValue"),C=e.ref("zh-cn"),o=e.ref(E().locale(C.value)),u=e.ref(E().locale(C.value).add(1,_)),{minDate:l,maxDate:r,rangeState:p,ppNs:i,drpNs:s,handleChangeRange:j,handleRangeConfirm:G,handleShortcutClick:be,onSelect:F,onReset:Ce}=Ge.useRangePicker(d,{defaultValue:W,defaultTime:I,leftDate:o,rightDate:u,unit:_,onParsedValueChanged:Je});e.watch(()=>d.visible,t=>{!t&&p.value.selecting&&(Ce(d.parsedValue),F(!1))});const g=e.ref({min:null,max:null}),k=e.ref({min:null,max:null}),{leftCurrentView:v,rightCurrentView:m,leftCurrentViewRef:K,rightCurrentViewRef:O,leftYear:H,rightYear:Q,leftMonth:A,rightMonth:X,leftYearLabel:Ve,rightYearLabel:ge,showLeftPicker:R,showRightPicker:T,handleLeftYearPick:we,handleRightYearPick:ye,handleLeftMonthPick:Ne,handleRightMonthPick:Pe,handlePanelChange:h,adjustDateByView:P}=He.usePanelDateRange(d,b,o,u),Z=e.computed(()=>!!J.value.length),Be=e.computed(()=>g.value.min!==null?g.value.min:l.value?l.value.format(L.value):""),ze=e.computed(()=>g.value.max!==null?g.value.max:r.value||l.value?(r.value||l.value).format(L.value):""),Ee=e.computed(()=>k.value.min!==null?k.value.min:l.value?l.value.format(B.value):""),De=e.computed(()=>k.value.max!==null?k.value.max:r.value||l.value?(r.value||l.value).format(B.value):""),B=e.computed(()=>d.timeFormat||ve.extractTimeFormat(N.value)),L=e.computed(()=>d.dateFormat||ve.extractDateFormat(N.value)),Ie=t=>Y.isValidRange(t)&&(c?!c(t[0].toDate())&&!c(t[1].toDate()):!0),Re=()=>{o.value=P(v.value,o.value,!1),d.unlinkPanels||(u.value=o.value.add(1,"month")),h("year")},Te=()=>{o.value=o.value.subtract(1,"month"),d.unlinkPanels||(u.value=o.value.add(1,"month")),h("month")},xe=()=>{d.unlinkPanels?u.value=P(m.value,u.value,!0):(o.value=P(m.value,o.value,!0),u.value=o.value.add(1,"month")),h("year")},Se=()=>{d.unlinkPanels?u.value=u.value.add(1,"month"):(o.value=o.value.add(1,"month"),u.value=o.value.add(1,"month")),h("month")},Me=()=>{o.value=P(v.value,o.value,!0),h("year")},qe=()=>{o.value=o.value.add(1,"month"),h("month")},$e=()=>{u.value=P(m.value,u.value,!1),h("year")},Ye=()=>{u.value=u.value.subtract(1,"month"),h("month")},x=e.computed(()=>{const t=(A.value+1)%12,a=A.value+1>=12?1:0;return d.unlinkPanels&&new Date(H.value+a,t)<new Date(Q.value,X.value)}),S=e.computed(()=>d.unlinkPanels&&Q.value*12+X.value-(H.value*12+A.value+1)>=12),_e=e.computed(()=>!(l.value&&r.value&&!p.value.selecting&&Y.isValidRange([l.value,r.value]))),M=e.computed(()=>d.type==="datetime"||d.type==="datetimerange"),ee=(t,a)=>{if(t)return I?E(I[a]||I).locale(C.value).year(t.year()).month(t.month()).date(t.date()):t},ae=(t,a=!0)=>{const n=t.minDate,V=t.maxDate,z=ee(n,0),q=ee(V,1);r.value===q&&l.value===z||(b("calendar-change",[n.toDate(),V&&V.toDate()]),r.value=q,l.value=z,!(!a||M.value)&&G())},w=e.ref(!1),y=e.ref(!1),Fe=()=>{w.value=!1},Ke=()=>{y.value=!1},ne=(t,a)=>{g.value[a]=t;const n=E(t,L.value).locale(C.value);if(n.isValid()){if(c&&c(n.toDate()))return;a==="min"?(o.value=n,l.value=(l.value||o.value).year(n.year()).month(n.month()).date(n.date()),!d.unlinkPanels&&(!r.value||r.value.isBefore(l.value))&&(u.value=n.add(1,"month"),r.value=l.value.add(1,"month"))):(u.value=n,r.value=(r.value||u.value).year(n.year()).month(n.month()).date(n.date()),!d.unlinkPanels&&(!l.value||l.value.isAfter(r.value))&&(o.value=n.subtract(1,"month"),l.value=r.value.subtract(1,"month")))}},te=(t,a)=>{g.value[a]=null},le=(t,a)=>{k.value[a]=t;const n=E(t,B.value).locale(C.value);n.isValid()&&(a==="min"?(w.value=!0,l.value=(l.value||o.value).hour(n.hour()).minute(n.minute()).second(n.second())):(y.value=!0,r.value=(r.value||u.value).hour(n.hour()).minute(n.minute()).second(n.second()),u.value=r.value))},re=(t,a)=>{k.value[a]=null,a==="min"?(o.value=l.value,w.value=!1,(!r.value||r.value.isBefore(l.value))&&(r.value=l.value)):(u.value=r.value,y.value=!1,r.value&&r.value.isBefore(l.value)&&(l.value=r.value))},Oe=(t,a,n)=>{k.value.min||(t&&(o.value=t,l.value=(l.value||o.value).hour(t.hour()).minute(t.minute()).second(t.second())),n||(w.value=a),(!r.value||r.value.isBefore(l.value))&&(r.value=l.value,u.value=t))},Ae=(t,a,n)=>{k.value.max||(t&&(u.value=t,r.value=(r.value||u.value).hour(t.hour()).minute(t.minute()).second(t.second())),n||(y.value=a),r.value&&r.value.isBefore(l.value)&&(l.value=r.value))},oe=()=>{o.value=Y.getDefaultValue(e.unref(W),{lang:e.unref(C),unit:"month",unlinkPanels:d.unlinkPanels})[0],u.value=o.value.add(1,"month"),r.value=void 0,l.value=void 0,b("pick",null)},Le=t=>We.isArray(t)?t.map(a=>a.format(N.value)):t.format(N.value),Ue=t=>Y.correctlyParseUserInput(t,N.value,C.value,ke);function Je(t,a){if(d.unlinkPanels&&a){const n=t?.year()||0,V=t?.month()||0,z=a.year(),q=a.month();u.value=n===z&&V===q?a.add(1,_):a}else u.value=o.value.add(1,_),a&&(u.value=u.value.hour(a.hour()).minute(a.minute()).second(a.second()))}return b("set-picker-option",["isValidValue",Ie]),b("set-picker-option",["parseUserInput",Ue]),b("set-picker-option",["formatToString",Le]),b("set-picker-option",["handleClear",oe]),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i).b(),e.unref(s).b(),{"has-sidebar":t.$slots.sidebar||Z.value,"has-time":M.value}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("body-wrapper"))},[e.renderSlot(t.$slots,"sidebar",{class:e.normalizeClass(e.unref(i).e("sidebar"))}),Z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i).e("sidebar"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J.value,(n,V)=>(e.openBlock(),e.createElementBlock("button",{key:V,type:"button",class:e.normalizeClass(e.unref(i).e("shortcut")),onClick:z=>e.unref(be)(n)},e.toDisplayString(n.text),11,Ze))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("body"))},[M.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("time-header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).e("editors-wrap"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).e("time-picker-wrap"))},[e.createVNode(e.unref($.VftInput),{size:"small",disabled:e.unref(p).selecting,placeholder:"开始日期",class:e.normalizeClass(e.unref(s).e("editor")),"model-value":Be.value,"validate-event":!1,onInput:a[0]||(a[0]=n=>ne(n,"min")),onChange:a[1]||(a[1]=n=>te(n,"min"))},null,8,["disabled","class","model-value"])],2),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s).e("time-picker-wrap"))},[e.createVNode(e.unref($.VftInput),{size:"small",class:e.normalizeClass(e.unref(s).e("editor")),disabled:e.unref(p).selecting,placeholder:"开始时间","model-value":Ee.value,"validate-event":!1,onFocus:a[2]||(a[2]=n=>w.value=!0),onInput:a[3]||(a[3]=n=>le(n,"min")),onChange:a[4]||(a[4]=n=>re(n,"min"))},null,8,["class","disabled","model-value"]),e.createVNode(e.unref(me.default),{visible:w.value,format:B.value,"datetime-role":"start","parsed-value":o.value,onPick:Oe},null,8,["visible","format","parsed-value"])],2)),[[e.unref(ue.ClickOutside),Fe]])],2),e.createElementVNode("span",null,[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})]),e.createElementVNode("span",{class:e.normalizeClass([e.unref(s).e("editors-wrap"),"is-right"])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).e("time-picker-wrap"))},[e.createVNode(e.unref($.VftInput),{size:"small",class:e.normalizeClass(e.unref(s).e("editor")),disabled:e.unref(p).selecting,placeholder:"结束日期","model-value":ze.value,readonly:!e.unref(l),"validate-event":!1,onInput:a[5]||(a[5]=n=>ne(n,"max")),onChange:a[6]||(a[6]=n=>te(n,"max"))},null,8,["class","disabled","model-value","readonly"])],2),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s).e("time-picker-wrap"))},[e.createVNode(e.unref($.VftInput),{size:"small",class:e.normalizeClass(e.unref(s).e("editor")),disabled:e.unref(p).selecting,placeholder:"结束时间","model-value":De.value,readonly:!e.unref(l),"validate-event":!1,onFocus:a[7]||(a[7]=n=>e.unref(l)&&(y.value=!0)),onInput:a[8]||(a[8]=n=>le(n,"max")),onChange:a[9]||(a[9]=n=>re(n,"max"))},null,8,["class","disabled","model-value","readonly"]),e.createVNode(e.unref(me.default),{"datetime-role":"end",visible:y.value,format:B.value,"parsed-value":u.value,onPick:Ae},null,8,["visible","format","parsed-value"])],2)),[[e.unref(ue.ClickOutside),Ke]])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([[e.unref(i).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(i).e("icon-btn"),"d-arrow-left"]),onClick:Re},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-d-arrow-left"})],2),e.withDirectives(e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(i).e("icon-btn"),"arrow-left"]),onClick:Te},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-left"})],2),[[e.vShow,e.unref(v)==="date"]]),t.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!S.value,class:e.normalizeClass([[e.unref(i).e("icon-btn"),{"is-disabled":!S.value}],"d-arrow-right"]),onClick:Me},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-d-arrow-right"})],10,ea)):e.createCommentVNode("",!0),t.unlinkPanels&&e.unref(v)==="date"?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",disabled:!x.value,class:e.normalizeClass([[e.unref(i).e("icon-btn"),{"is-disabled":!x.value}],"arrow-right"]),onClick:qe},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})],10,aa)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("span",{role:"button",class:e.normalizeClass(e.unref(s).e("header-label")),"aria-live":"polite",tabindex:"0",onKeydown:a[10]||(a[10]=e.withKeys(n=>e.unref(R)("year"),["enter"])),onClick:a[11]||(a[11]=n=>e.unref(R)("year"))},e.toDisplayString(e.unref(Ve)),35),e.withDirectives(e.createElementVNode("span",{role:"button","aria-live":"polite",tabindex:"0",class:e.normalizeClass([e.unref(s).e("header-label"),{active:e.unref(v)==="month"}]),onKeydown:a[12]||(a[12]=e.withKeys(n=>e.unref(R)("month"),["enter"])),onClick:a[13]||(a[13]=n=>e.unref(R)("month"))},e.toDisplayString(o.value.month()+1),35),[[e.vShow,e.unref(v)==="date"]])])],2),e.unref(v)==="date"?(e.openBlock(),e.createBlock(ce.default,{key:0,ref_key:"leftCurrentViewRef",ref:K,"selection-mode":"range",date:o.value,"min-date":e.unref(l),"max-date":e.unref(r),"range-state":e.unref(p),"disabled-date":e.unref(c),"cell-class-name":e.unref(U),"show-week-number":t.showWeekNumber,onChangerange:e.unref(j),onPick:ae,onSelect:e.unref(F)},null,8,["date","min-date","max-date","range-state","disabled-date","cell-class-name","show-week-number","onChangerange","onSelect"])):e.createCommentVNode("",!0),e.unref(v)==="year"?(e.openBlock(),e.createBlock(ie.default,{key:1,ref_key:"leftCurrentViewRef",ref:K,"selection-mode":"year",date:o.value,"disabled-date":e.unref(c),"parsed-value":t.parsedValue,onPick:e.unref(we)},null,8,["date","disabled-date","parsed-value","onPick"])):e.createCommentVNode("",!0),e.unref(v)==="month"?(e.openBlock(),e.createBlock(de.default,{key:2,ref_key:"leftCurrentViewRef",ref:K,"selection-mode":"month",date:o.value,"parsed-value":t.parsedValue,"disabled-date":e.unref(c),onPick:e.unref(Ne)},null,8,["date","parsed-value","disabled-date","onPick"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass([[e.unref(i).e("content"),e.unref(s).e("content")],"is-right"])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("header"))},[t.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!S.value,class:e.normalizeClass([[e.unref(i).e("icon-btn"),{"is-disabled":!S.value}],"d-arrow-left"]),onClick:$e},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-d-arrow-left"})],10,na)):e.createCommentVNode("",!0),t.unlinkPanels&&e.unref(m)==="date"?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",disabled:!x.value,class:e.normalizeClass([[e.unref(i).e("icon-btn"),{"is-disabled":!x.value}],"arrow-left"]),onClick:Ye},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-left"})],10,ta)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(i).e("icon-btn"),"d-arrow-right"]),onClick:xe},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-d-arrow-right"})],2),e.withDirectives(e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(i).e("icon-btn"),"arrow-right"]),onClick:Se},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})],2),[[e.vShow,e.unref(m)==="date"]]),e.createElementVNode("div",null,[e.createElementVNode("span",{role:"button",class:e.normalizeClass(e.unref(s).e("header-label")),"aria-live":"polite",tabindex:"0",onKeydown:a[14]||(a[14]=e.withKeys(n=>e.unref(T)("year"),["enter"])),onClick:a[15]||(a[15]=n=>e.unref(T)("year"))},e.toDisplayString(e.unref(ge)),35),e.withDirectives(e.createElementVNode("span",{role:"button","aria-live":"polite",tabindex:"0",class:e.normalizeClass([e.unref(s).e("header-label"),{active:e.unref(m)==="month"}]),onKeydown:a[16]||(a[16]=e.withKeys(n=>e.unref(T)("month"),["enter"])),onClick:a[17]||(a[17]=n=>e.unref(T)("month"))},e.toDisplayString(u.value.month()+1),35),[[e.vShow,e.unref(m)==="date"]])])],2),e.unref(m)==="date"?(e.openBlock(),e.createBlock(ce.default,{key:0,ref_key:"rightCurrentViewRef",ref:O,"selection-mode":"range",date:u.value,"min-date":e.unref(l),"max-date":e.unref(r),"range-state":e.unref(p),"disabled-date":e.unref(c),"cell-class-name":e.unref(U),"show-week-number":t.showWeekNumber,onChangerange:e.unref(j),onPick:ae,onSelect:e.unref(F)},null,8,["date","min-date","max-date","range-state","disabled-date","cell-class-name","show-week-number","onChangerange","onSelect"])):e.createCommentVNode("",!0),e.unref(m)==="year"?(e.openBlock(),e.createBlock(ie.default,{key:1,ref_key:"rightCurrentViewRef",ref:O,"selection-mode":"year",date:u.value,"disabled-date":e.unref(c),"parsed-value":t.parsedValue,onPick:e.unref(ye)},null,8,["date","disabled-date","parsed-value","onPick"])):e.createCommentVNode("",!0),e.unref(m)==="month"?(e.openBlock(),e.createBlock(de.default,{key:2,ref_key:"rightCurrentViewRef",ref:O,"selection-mode":"month",date:u.value,"parsed-value":t.parsedValue,"disabled-date":e.unref(c),onPick:e.unref(Pe)},null,8,["date","parsed-value","disabled-date","onPick"])):e.createCommentVNode("",!0)],2)],2)],2),M.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i).e("footer"))},[e.unref(he)?(e.openBlock(),e.createBlock(e.unref(se.VftButton),{key:0,text:"",size:"small",class:e.normalizeClass(e.unref(i).e("link-btn")),onClick:oe},{default:e.withCtx(()=>[...a[19]||(a[19]=[e.createTextVNode(" 清除 ",-1)])]),_:1},8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(se.VftButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(i).e("link-btn")),disabled:_e.value,onClick:a[18]||(a[18]=n=>e.unref(G)(!1))},{default:e.withCtx(()=>[...a[20]||(a[20]=[e.createTextVNode(" 确认 ",-1)])]),_:1},8,["class","disabled"])],2)):e.createCommentVNode("",!0)],2))}});exports.default=la;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("dayjs"),se=require("@vft/directives"),je=require("@vft/utils"),ie=require("../../button/index.cjs"),$=require("../../input/index.cjs");require("../../time-picker/index.cjs");const v=require("../../icon/index.cjs"),Ge=require("../props/panel-date-range.cjs"),He=require("../composables/use-range-picker.cjs"),Y=require("../utils.cjs"),Qe=require("../composables/use-panel-date-range.cjs"),Xe=require("../constants.cjs"),de=require("./basic-year-table.vue2.cjs"),ce=require("./basic-month-table.vue2.cjs"),fe=require("./basic-date-table.vue2.cjs"),Ze=require("../../../locale/use-locale.cjs"),ea=require("../../time-picker/constants.cjs"),me=require("../../time-picker/utils.cjs"),ve=require("../../time-picker/time-picker-com/panel-time-pick.vue2.cjs"),aa=["onClick"],na=["disabled"],ta=["disabled"],la=["disabled"],ra=["disabled"],F="month",oa=e.defineComponent({__name:"panel-date-range",props:Ge.panelDateRangeProps,emits:["pick","set-picker-option","calendar-change","panel-change"],setup(pe,{emit:he}){const d=pe,b=he,I=e.inject(ea.PICKER_BASE_INJECTION_KEY),ke=e.inject(Xe.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY),{disabledDate:c,cellClassName:J,defaultTime:T,clearable:be}=I.props,P=e.toRef(I.props,"format"),W=e.toRef(I.props,"shortcuts"),j=e.toRef(I.props,"defaultValue"),C=e.ref("zh-cn"),o=e.ref(D().locale(C.value)),u=e.ref(D().locale(C.value).add(1,F)),{t:g}=Ze.default(),{minDate:l,maxDate:r,rangeState:p,ppNs:i,drpNs:s,handleChangeRange:G,handleRangeConfirm:H,handleShortcutClick:Ce,onSelect:K,onReset:Ve}=He.useRangePicker(d,{defaultValue:j,defaultTime:T,leftDate:o,rightDate:u,unit:F,onParsedValueChanged:We});e.watch(()=>d.visible,t=>{!t&&p.value.selecting&&(Ve(d.parsedValue),K(!1))});const y=e.ref({min:null,max:null}),h=e.ref({min:null,max:null}),{leftCurrentView:m,rightCurrentView:f,leftCurrentViewRef:O,rightCurrentViewRef:L,leftYear:Q,rightYear:X,leftMonth:A,rightMonth:Z,leftYearLabel:ge,rightYearLabel:ye,showLeftPicker:R,showRightPicker:x,handleLeftYearPick:we,handleRightYearPick:Ne,handleLeftMonthPick:Pe,handleRightMonthPick:Be,handlePanelChange:k,adjustDateByView:B}=Qe.usePanelDateRange(d,b,o,u),ee=e.computed(()=>!!W.value.length),ze=e.computed(()=>y.value.min!==null?y.value.min:l.value?l.value.format(U.value):""),Ee=e.computed(()=>y.value.max!==null?y.value.max:r.value||l.value?(r.value||l.value).format(U.value):""),De=e.computed(()=>h.value.min!==null?h.value.min:l.value?l.value.format(z.value):""),Ie=e.computed(()=>h.value.max!==null?h.value.max:r.value||l.value?(r.value||l.value).format(z.value):""),z=e.computed(()=>d.timeFormat||me.extractTimeFormat(P.value)),U=e.computed(()=>d.dateFormat||me.extractDateFormat(P.value)),Te=t=>Y.isValidRange(t)&&(c?!c(t[0].toDate())&&!c(t[1].toDate()):!0),Re=()=>{o.value=B(m.value,o.value,!1),d.unlinkPanels||(u.value=o.value.add(1,"month")),k("year")},xe=()=>{o.value=o.value.subtract(1,"month"),d.unlinkPanels||(u.value=o.value.add(1,"month")),k("month")},Se=()=>{d.unlinkPanels?u.value=B(f.value,u.value,!0):(o.value=B(f.value,o.value,!0),u.value=o.value.add(1,"month")),k("year")},qe=()=>{d.unlinkPanels?u.value=u.value.add(1,"month"):(o.value=o.value.add(1,"month"),u.value=o.value.add(1,"month")),k("month")},Me=()=>{o.value=B(m.value,o.value,!0),k("year")},_e=()=>{o.value=o.value.add(1,"month"),k("month")},$e=()=>{u.value=B(f.value,u.value,!1),k("year")},Ye=()=>{u.value=u.value.subtract(1,"month"),k("month")},S=e.computed(()=>{const t=(A.value+1)%12,a=A.value+1>=12?1:0;return d.unlinkPanels&&new Date(Q.value+a,t)<new Date(X.value,Z.value)}),q=e.computed(()=>d.unlinkPanels&&X.value*12+Z.value-(Q.value*12+A.value+1)>=12),Fe=e.computed(()=>!(l.value&&r.value&&!p.value.selecting&&Y.isValidRange([l.value,r.value]))),M=e.computed(()=>d.type==="datetime"||d.type==="datetimerange"),ae=(t,a)=>{if(t)return T?D(T[a]||T).locale(C.value).year(t.year()).month(t.month()).date(t.date()):t},ne=(t,a=!0)=>{const n=t.minDate,V=t.maxDate,E=ae(n,0),_=ae(V,1);r.value===_&&l.value===E||(b("calendar-change",[n.toDate(),V&&V.toDate()]),r.value=_,l.value=E,!(!a||M.value)&&H())},w=e.ref(!1),N=e.ref(!1),Ke=()=>{w.value=!1},Oe=()=>{N.value=!1},te=(t,a)=>{y.value[a]=t;const n=D(t,U.value).locale(C.value);if(n.isValid()){if(c&&c(n.toDate()))return;a==="min"?(o.value=n,l.value=(l.value||o.value).year(n.year()).month(n.month()).date(n.date()),!d.unlinkPanels&&(!r.value||r.value.isBefore(l.value))&&(u.value=n.add(1,"month"),r.value=l.value.add(1,"month"))):(u.value=n,r.value=(r.value||u.value).year(n.year()).month(n.month()).date(n.date()),!d.unlinkPanels&&(!l.value||l.value.isAfter(r.value))&&(o.value=n.subtract(1,"month"),l.value=r.value.subtract(1,"month")))}},le=(t,a)=>{y.value[a]=null},re=(t,a)=>{h.value[a]=t;const n=D(t,z.value).locale(C.value);n.isValid()&&(a==="min"?(w.value=!0,l.value=(l.value||o.value).hour(n.hour()).minute(n.minute()).second(n.second())):(N.value=!0,r.value=(r.value||u.value).hour(n.hour()).minute(n.minute()).second(n.second()),u.value=r.value))},oe=(t,a)=>{h.value[a]=null,a==="min"?(o.value=l.value,w.value=!1,(!r.value||r.value.isBefore(l.value))&&(r.value=l.value)):(u.value=r.value,N.value=!1,r.value&&r.value.isBefore(l.value)&&(l.value=r.value))},Le=(t,a,n)=>{h.value.min||(t&&(o.value=t,l.value=(l.value||o.value).hour(t.hour()).minute(t.minute()).second(t.second())),n||(w.value=a),(!r.value||r.value.isBefore(l.value))&&(r.value=l.value,u.value=t))},Ae=(t,a,n)=>{h.value.max||(t&&(u.value=t,r.value=(r.value||u.value).hour(t.hour()).minute(t.minute()).second(t.second())),n||(N.value=a),r.value&&r.value.isBefore(l.value)&&(l.value=r.value))},ue=()=>{o.value=Y.getDefaultValue(e.unref(j),{lang:e.unref(C),unit:"month",unlinkPanels:d.unlinkPanels})[0],u.value=o.value.add(1,"month"),r.value=void 0,l.value=void 0,b("pick",null)},Ue=t=>je.isArray(t)?t.map(a=>a.format(P.value)):t.format(P.value),Je=t=>Y.correctlyParseUserInput(t,P.value,C.value,ke);function We(t,a){if(d.unlinkPanels&&a){const n=t?.year()||0,V=t?.month()||0,E=a.year(),_=a.month();u.value=n===E&&V===_?a.add(1,F):a}else u.value=o.value.add(1,F),a&&(u.value=u.value.hour(a.hour()).minute(a.minute()).second(a.second()))}return b("set-picker-option",["isValidValue",Te]),b("set-picker-option",["parseUserInput",Je]),b("set-picker-option",["formatToString",Ue]),b("set-picker-option",["handleClear",ue]),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i).b(),e.unref(s).b(),{"has-sidebar":t.$slots.sidebar||ee.value,"has-time":M.value}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("body-wrapper"))},[e.renderSlot(t.$slots,"sidebar",{class:e.normalizeClass(e.unref(i).e("sidebar"))}),ee.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i).e("sidebar"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(W.value,(n,V)=>(e.openBlock(),e.createElementBlock("button",{key:V,type:"button",class:e.normalizeClass(e.unref(i).e("shortcut")),onClick:E=>e.unref(Ce)(n)},e.toDisplayString(n.text),11,aa))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("body"))},[M.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("time-header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).e("editors-wrap"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).e("time-picker-wrap"))},[e.createVNode(e.unref($.VftInput),{size:"small",disabled:e.unref(p).selecting,placeholder:e.unref(g)("startDate"),class:e.normalizeClass(e.unref(s).e("editor")),"model-value":ze.value,"validate-event":!1,onInput:a[0]||(a[0]=n=>te(n,"min")),onChange:a[1]||(a[1]=n=>le(n,"min"))},null,8,["disabled","placeholder","class","model-value"])],2),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s).e("time-picker-wrap"))},[e.createVNode(e.unref($.VftInput),{size:"small",class:e.normalizeClass(e.unref(s).e("editor")),disabled:e.unref(p).selecting,placeholder:e.unref(g)("startTime"),"model-value":De.value,"validate-event":!1,onFocus:a[2]||(a[2]=n=>w.value=!0),onInput:a[3]||(a[3]=n=>re(n,"min")),onChange:a[4]||(a[4]=n=>oe(n,"min"))},null,8,["class","disabled","placeholder","model-value"]),e.createVNode(e.unref(ve.default),{visible:w.value,format:z.value,"datetime-role":"start","parsed-value":o.value,onPick:Le},null,8,["visible","format","parsed-value"])],2)),[[e.unref(se.ClickOutside),Ke]])],2),e.createElementVNode("span",null,[e.createVNode(e.unref(v.VftIcon),{icon:"icon-arrow-right"})]),e.createElementVNode("span",{class:e.normalizeClass([e.unref(s).e("editors-wrap"),"is-right"])},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).e("time-picker-wrap"))},[e.createVNode(e.unref($.VftInput),{size:"small",class:e.normalizeClass(e.unref(s).e("editor")),disabled:e.unref(p).selecting,placeholder:e.unref(g)("endDate"),"model-value":Ee.value,readonly:!e.unref(l),"validate-event":!1,onInput:a[5]||(a[5]=n=>te(n,"max")),onChange:a[6]||(a[6]=n=>le(n,"max"))},null,8,["class","disabled","placeholder","model-value","readonly"])],2),e.withDirectives((e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s).e("time-picker-wrap"))},[e.createVNode(e.unref($.VftInput),{size:"small",class:e.normalizeClass(e.unref(s).e("editor")),disabled:e.unref(p).selecting,placeholder:e.unref(g)("endTime"),"model-value":Ie.value,readonly:!e.unref(l),"validate-event":!1,onFocus:a[7]||(a[7]=n=>e.unref(l)&&(N.value=!0)),onInput:a[8]||(a[8]=n=>re(n,"max")),onChange:a[9]||(a[9]=n=>oe(n,"max"))},null,8,["class","disabled","placeholder","model-value","readonly"]),e.createVNode(e.unref(ve.default),{"datetime-role":"end",visible:N.value,format:z.value,"parsed-value":u.value,onPick:Ae},null,8,["visible","format","parsed-value"])],2)),[[e.unref(se.ClickOutside),Oe]])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([[e.unref(i).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(i).e("icon-btn"),"d-arrow-left"]),onClick:Re},[e.createVNode(e.unref(v.VftIcon),{icon:"icon-d-arrow-left"})],2),e.withDirectives(e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(i).e("icon-btn"),"arrow-left"]),onClick:xe},[e.createVNode(e.unref(v.VftIcon),{icon:"icon-arrow-left"})],2),[[e.vShow,e.unref(m)==="date"]]),t.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!q.value,class:e.normalizeClass([[e.unref(i).e("icon-btn"),{"is-disabled":!q.value}],"d-arrow-right"]),onClick:Me},[e.createVNode(e.unref(v.VftIcon),{icon:"icon-d-arrow-right"})],10,na)):e.createCommentVNode("",!0),t.unlinkPanels&&e.unref(m)==="date"?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",disabled:!S.value,class:e.normalizeClass([[e.unref(i).e("icon-btn"),{"is-disabled":!S.value}],"arrow-right"]),onClick:_e},[e.createVNode(e.unref(v.VftIcon),{icon:"icon-arrow-right"})],10,ta)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("span",{role:"button",class:e.normalizeClass(e.unref(s).e("header-label")),"aria-live":"polite",tabindex:"0",onKeydown:a[10]||(a[10]=e.withKeys(n=>e.unref(R)("year"),["enter"])),onClick:a[11]||(a[11]=n=>e.unref(R)("year"))},e.toDisplayString(e.unref(ge)),35),e.withDirectives(e.createElementVNode("span",{role:"button","aria-live":"polite",tabindex:"0",class:e.normalizeClass([e.unref(s).e("header-label"),{active:e.unref(m)==="month"}]),onKeydown:a[12]||(a[12]=e.withKeys(n=>e.unref(R)("month"),["enter"])),onClick:a[13]||(a[13]=n=>e.unref(R)("month"))},e.toDisplayString(o.value.month()+1),35),[[e.vShow,e.unref(m)==="date"]])])],2),e.unref(m)==="date"?(e.openBlock(),e.createBlock(fe.default,{key:0,ref_key:"leftCurrentViewRef",ref:O,"selection-mode":"range",date:o.value,"min-date":e.unref(l),"max-date":e.unref(r),"range-state":e.unref(p),"disabled-date":e.unref(c),"cell-class-name":e.unref(J),"show-week-number":t.showWeekNumber,onChangerange:e.unref(G),onPick:ne,onSelect:e.unref(K)},null,8,["date","min-date","max-date","range-state","disabled-date","cell-class-name","show-week-number","onChangerange","onSelect"])):e.createCommentVNode("",!0),e.unref(m)==="year"?(e.openBlock(),e.createBlock(de.default,{key:1,ref_key:"leftCurrentViewRef",ref:O,"selection-mode":"year",date:o.value,"disabled-date":e.unref(c),"parsed-value":t.parsedValue,onPick:e.unref(we)},null,8,["date","disabled-date","parsed-value","onPick"])):e.createCommentVNode("",!0),e.unref(m)==="month"?(e.openBlock(),e.createBlock(ce.default,{key:2,ref_key:"leftCurrentViewRef",ref:O,"selection-mode":"month",date:o.value,"parsed-value":t.parsedValue,"disabled-date":e.unref(c),onPick:e.unref(Pe)},null,8,["date","parsed-value","disabled-date","onPick"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass([[e.unref(i).e("content"),e.unref(s).e("content")],"is-right"])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("header"))},[t.unlinkPanels?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:!q.value,class:e.normalizeClass([[e.unref(i).e("icon-btn"),{"is-disabled":!q.value}],"d-arrow-left"]),onClick:$e},[e.createVNode(e.unref(v.VftIcon),{icon:"icon-d-arrow-left"})],10,la)):e.createCommentVNode("",!0),t.unlinkPanels&&e.unref(f)==="date"?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",disabled:!S.value,class:e.normalizeClass([[e.unref(i).e("icon-btn"),{"is-disabled":!S.value}],"arrow-left"]),onClick:Ye},[e.createVNode(e.unref(v.VftIcon),{icon:"icon-arrow-left"})],10,ra)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(i).e("icon-btn"),"d-arrow-right"]),onClick:Se},[e.createVNode(e.unref(v.VftIcon),{icon:"icon-d-arrow-right"})],2),e.withDirectives(e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(i).e("icon-btn"),"arrow-right"]),onClick:qe},[e.createVNode(e.unref(v.VftIcon),{icon:"icon-arrow-right"})],2),[[e.vShow,e.unref(f)==="date"]]),e.createElementVNode("div",null,[e.createElementVNode("span",{role:"button",class:e.normalizeClass(e.unref(s).e("header-label")),"aria-live":"polite",tabindex:"0",onKeydown:a[14]||(a[14]=e.withKeys(n=>e.unref(x)("year"),["enter"])),onClick:a[15]||(a[15]=n=>e.unref(x)("year"))},e.toDisplayString(e.unref(ye)),35),e.withDirectives(e.createElementVNode("span",{role:"button","aria-live":"polite",tabindex:"0",class:e.normalizeClass([e.unref(s).e("header-label"),{active:e.unref(f)==="month"}]),onKeydown:a[16]||(a[16]=e.withKeys(n=>e.unref(x)("month"),["enter"])),onClick:a[17]||(a[17]=n=>e.unref(x)("month"))},e.toDisplayString(u.value.month()+1),35),[[e.vShow,e.unref(f)==="date"]])])],2),e.unref(f)==="date"?(e.openBlock(),e.createBlock(fe.default,{key:0,ref_key:"rightCurrentViewRef",ref:L,"selection-mode":"range",date:u.value,"min-date":e.unref(l),"max-date":e.unref(r),"range-state":e.unref(p),"disabled-date":e.unref(c),"cell-class-name":e.unref(J),"show-week-number":t.showWeekNumber,onChangerange:e.unref(G),onPick:ne,onSelect:e.unref(K)},null,8,["date","min-date","max-date","range-state","disabled-date","cell-class-name","show-week-number","onChangerange","onSelect"])):e.createCommentVNode("",!0),e.unref(f)==="year"?(e.openBlock(),e.createBlock(de.default,{key:1,ref_key:"rightCurrentViewRef",ref:L,"selection-mode":"year",date:u.value,"disabled-date":e.unref(c),"parsed-value":t.parsedValue,onPick:e.unref(Ne)},null,8,["date","disabled-date","parsed-value","onPick"])):e.createCommentVNode("",!0),e.unref(f)==="month"?(e.openBlock(),e.createBlock(ce.default,{key:2,ref_key:"rightCurrentViewRef",ref:L,"selection-mode":"month",date:u.value,"parsed-value":t.parsedValue,"disabled-date":e.unref(c),onPick:e.unref(Be)},null,8,["date","parsed-value","disabled-date","onPick"])):e.createCommentVNode("",!0)],2)],2)],2),M.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i).e("footer"))},[e.unref(be)?(e.openBlock(),e.createBlock(e.unref(ie.VftButton),{key:0,text:"",size:"small",class:e.normalizeClass(e.unref(i).e("link-btn")),onClick:ue},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(g)("clear")),1)]),_:1},8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(ie.VftButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(i).e("link-btn")),disabled:Fe.value,onClick:a[18]||(a[18]=n=>e.unref(H)(!1))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(g)("confirm")),1)]),_:1},8,["class","disabled"])],2)):e.createCommentVNode("",!0)],2))}});exports.default=oa;

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

package/lib/components/dropdown/dropdown-item-impl.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onClickimpl?: ((event: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    icon: string;
     command: object | string | number;
+    icon: string;
     divided: boolean;
     textValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/dropdown/dropdown-item.vue.d.ts

@@ -30,8 +30,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onPointermove?: ((event: PointerEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    icon: string;
     command: object | string | number;
+    icon: string;
     divided: boolean;
     textValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     teleported: boolean;
 }>>> & Readonly<{
     onClick?: ((val: MouseEvent) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
     maxHeight: number | string;

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

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

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

@@ -70,8 +70,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         buttonProps: ButtonProps;
     }>> & Readonly<{
         onClick?: ((val: MouseEvent) => any) | undefined;
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         onCommand?: ((val: string) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {
         handleClose: () => void;
         handleOpen: () => void;
@@ -172,8 +172,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         buttonProps: ButtonProps;
     }>> & Readonly<{
         onClick?: ((val: MouseEvent) => any) | undefined;
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         onCommand?: ((val: string) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {
         handleClose: () => void;
         handleOpen: () => void;
@@ -267,8 +267,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     buttonProps: ButtonProps;
 }>> & Readonly<{
     onClick?: ((val: MouseEvent) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {
     handleClose: () => void;
     handleOpen: () => void;
@@ -303,14 +303,14 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            icon: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             command: {
                 type: import("vue").PropType<string | number | object>;
                 default: () => {};
             };
+            icon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             divided: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -329,8 +329,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             click: (event: PointerEvent) => void;
         }, import("vue").PublicProps, {
             disabled: boolean;
-            icon: string;
             command: object | string | number;
+            icon: string;
             divided: boolean;
             textValue: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -345,14 +345,14 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            icon: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             command: {
                 type: import("vue").PropType<string | number | object>;
                 default: () => {};
             };
+            icon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             divided: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -367,8 +367,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             onPointermove?: ((event: PointerEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
             disabled: boolean;
-            icon: string;
             command: object | string | number;
+            icon: string;
             divided: boolean;
             textValue: string;
         }>;
@@ -380,14 +380,14 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         command: {
             type: import("vue").PropType<string | number | object>;
             default: () => {};
         };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         divided: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -406,8 +406,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         click: (event: PointerEvent) => void;
     }, string, {
         disabled: boolean;
-        icon: string;
         command: object | string | number;
+        icon: string;
         divided: boolean;
         textValue: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -451,14 +451,14 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         command: {
             type: import("vue").PropType<string | number | object>;
             default: () => {};
         };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         divided: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -477,8 +477,8 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
         click: (event: PointerEvent) => void;
     }, import("vue").PublicProps, {
         disabled: boolean;
-        icon: string;
         command: object | string | number;
+        icon: string;
         divided: boolean;
         textValue: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -493,14 +493,14 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         command: {
             type: import("vue").PropType<string | number | object>;
             default: () => {};
         };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         divided: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -515,8 +515,8 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
         onPointermove?: ((event: PointerEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         disabled: boolean;
-        icon: string;
         command: object | string | number;
+        icon: string;
         divided: boolean;
         textValue: string;
     }>;
@@ -528,14 +528,14 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    icon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     command: {
         type: import("vue").PropType<string | number | object>;
         default: () => {};
     };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     divided: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -554,8 +554,8 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
     click: (event: PointerEvent) => void;
 }, string, {
     disabled: boolean;
-    icon: string;
     command: object | string | number;
+    icon: string;
     divided: boolean;
     textValue: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/lib/components/empty/empty.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("@vueuse/core");const s=require("@vft/utils"),p=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const t=require("./constants.cjs"),E=e.defineComponent({name:"vft-empty"}),y=e.defineComponent({...E,props:{icon:{},type:{default:()=>t.EmptyEnum.NoData},size:{default:"default"},desc:{}},setup(n){const o=f.useNamespace("empty"),c=e.getCurrentInstance(),a=new Map([[t.EmptyEnum.NotFound,{text:"页面不存在"}],[t.EmptyEnum.Delete,{text:"已删除"}],[t.EmptyEnum.NetworkDisconnect,{text:"网络已断开"}],[t.EmptyEnum.NoData,{text:"暂无数据"}],[t.EmptyEnum.PageError,{text:"系统异常"}],[t.EmptyEnum.NoFilter,{text:"此筛选条件下无结果"}],[t.EmptyEnum.NoSearch,{text:"没有搜索结果"}]]),l=e.computed(()=>a.get(n.type)),i=e.computed(()=>{switch(n.size){case"large":return 120;case"default":return 80;case"small":return 60;default:return n.size||80}}),m=e.computed(()=>s.singleAttrToObj(n.icon,"icon",{size:p.addUnit(i.value),icon:n.type})),u=e.computed(()=>s.renderTNode(c,"desc",{defaultNode:l.value?.text}));return(r,N)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o).b()])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("image"))},[r.$slots.img?e.renderSlot(r.$slots,"img",{key:0}):(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.normalizeProps(e.mergeProps({key:1},m.value)),null,16))],2),u.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("desc"))},[e.createVNode(e.unref(s.VNode),{content:u.value},null,8,["content"])],2)):e.createCommentVNode("",!0),r.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).e("bottom"))},[e.renderSlot(r.$slots,"default")],2)):e.createCommentVNode("",!0)],2))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../icon/index.cjs");require("@vueuse/core");const u=require("@vft/utils"),f=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const y=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E=require("../../locale/use-locale.cjs"),t=require("./constants.cjs"),v=e.defineComponent({name:"vft-empty"}),g=e.defineComponent({...v,props:{icon:{},type:{default:()=>t.EmptyEnum.NoData},size:{default:"default"},desc:{}},setup(o){const r=y.useNamespace("empty"),a=e.getCurrentInstance(),{t:n}=E.default(),l=new Map([[t.EmptyEnum.NotFound,{text:n("vft.empty.notFound")}],[t.EmptyEnum.Delete,{text:n("vft.empty.deleted")}],[t.EmptyEnum.NetworkDisconnect,{text:n("vft.empty.networkDisconnect")}],[t.EmptyEnum.NoData,{text:n("vft.empty.noData")}],[t.EmptyEnum.PageError,{text:n("vft.empty.pageError")}],[t.EmptyEnum.NoFilter,{text:n("vft.empty.noFilter")}],[t.EmptyEnum.NoSearch,{text:n("vft.empty.noSearch")}]]),m=e.computed(()=>l.get(o.type)),i=e.computed(()=>{switch(o.size){case"large":return 120;case"default":return 80;case"small":return 60;default:return o.size||80}}),d=e.computed(()=>u.singleAttrToObj(o.icon,"icon",{size:f.addUnit(i.value),icon:o.type})),c=e.computed(()=>u.renderTNode(a,"desc",{defaultNode:m.value?.text}));return(s,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b()])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("image"))},[s.$slots.img?e.renderSlot(s.$slots,"img",{key:0}):(e.openBlock(),e.createBlock(e.unref(p.VftIcon),e.normalizeProps(e.mergeProps({key:1},d.value)),null,16))],2),c.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r).e("desc"))},[e.createVNode(e.unref(u.VNode),{content:c.value},null,8,["content"])],2)):e.createCommentVNode("",!0),s.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r).e("bottom"))},[e.renderSlot(s.$slots,"default")],2)):e.createCommentVNode("",!0)],2))}});exports.default=g;

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"),l=require("@vft/use"),u=require("@vft/utils"),c=require("../icon-text/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const a=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=e.defineComponent({name:"full-screen"}),d=e.defineComponent({...f,props:{text:{},icon:{},color:{},hoverColor:{},disableIconHover:{type:Boolean},distance:{},reverse:{type:Boolean},size:{},direction:{},pointer:{type:Boolean},adjustOrigin:{type:Boolean},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const n=o,t=p.useNamespace("full-screen"),{toggle:s,isFullscreen:r}=l.useFullscreen(),i=a.primaryColor().value;return(q,m)=>(e.openBlock(),e.createBlock(e.unref(c.VftIconText),e.mergeProps({class:e.unref(t).b(),distance:2,"hover-color":e.unref(i),onClick:e.unref(s),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/use"),i=require("@vft/utils"),a=require("../icon-text/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const f=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("../../locale/use-locale.cjs"),q=e.defineComponent({name:"full-screen"}),m=e.defineComponent({...q,props:{text:{},icon:{},color:{},hoverColor:{},disableIconHover:{type:Boolean},distance:{},reverse:{type:Boolean},size:{},direction:{},pointer:{type:Boolean},adjustOrigin:{type:Boolean},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(n){const t=n,u=p.useNamespace("full-screen"),{t:r}=d.default(),{toggle:l,isFullscreen:o}=c.useFullscreen(),s=f.primaryColor().value;return(v,x)=>(e.openBlock(),e.createBlock(e.unref(a.VftIconText),e.mergeProps({class:e.unref(u).b(),distance:2,"hover-color":e.unref(s),onClick:e.unref(l),icon:e.unref(o)?"icon-exit-full-screen":"icon-full-screen",text:e.unref(o)?e.unref(r)("vft.fullScreen.exit"):e.unref(r)("vft.fullScreen.enter")},e.unref(i.delObjAttrNotExist)(t,!0,!0),{pointer:""}),null,16,["class","hover-color","onClick","icon","text"]))}});exports.default=m;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),o=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const F=["src","loading"],j={key:0},D=e.defineComponent({name:"vft-image",inheritAttrs:!1}),Y=e.defineComponent({...D,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(t,{expose:S,emit:B}){const s=B,i=P.useNamespace("image");let y="";const E=e.useAttrs(),p=$.useAttrs(),d=e.ref(),a=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),q=o.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const V=e.computed(()=>E.style),x=e.computed(()=>o.isClient&&t.fit?{objectFit:t.fit}:{}),v=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),I=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),h=e.computed(()=>t.loading==="eager"?!1:!q&&t.loading==="lazy"||t.lazy),m=()=>{o.isClient&&(n.value=!0,a.value=!1,d.value=t.src)};function N(l){n.value=!1,a.value=!1,s("load",l)}function b(l){n.value=!1,a.value=!0,s("error",l)}function g(){c.isInContainer(u.value,r.value)&&(m(),z())}const k=o.useThrottleFn(g,200);async function L(){o.isClient&&(await e.nextTick(),c.isElement(t.scrollContainer)?r.value=t.scrollContainer:c.isString(t.scrollContainer)&&t.scrollContainer!==""?r.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>g(),100)))}function z(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function M(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function T(){v.value&&(C=o.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function A(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function O(l){s("switch",l)}return e.watch(()=>t.src,()=>{h.value?(n.value=!0,a.value=!1,z(),L()):m()}),e.onMounted(()=>{h.value?L():m()}),S({isLoading:n}),(l,K)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(i).b(),l.$attrs.class]),style:e.normalizeStyle(V.value)},[d.value!==void 0&&!a.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(p),{src:d.value,loading:t.loading,style:x.value,class:[e.unref(i).e("inner"),v.value&&e.unref(i).e("preview"),n.value&&e.unref(i).is("loading")],onClick:T,onLoad:N,onError:b,alt:""}),null,16,F)):e.createCommentVNode("",!0),n.value||a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(i).e("wrapper"))},[n.value?e.renderSlot(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("placeholder"))},null,2)]):a.value?e.renderSlot(l.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":I.value,infinite:t.infinite,"zoom-rate":l.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:A,onSwitch:O},{default:e.withCtx(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=Y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),o=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const D=require("../../locale/use-locale.cjs"),j=["src","loading"],Y={key:0},K=e.defineComponent({name:"vft-image",inheritAttrs:!1}),R=e.defineComponent({...K,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(t,{expose:z,emit:B}){const s=B,i=P.useNamespace("image"),{t:E}=D.default();let y="";const p=e.useAttrs(),q=F.useAttrs(),d=e.ref(),a=e.ref(!1),n=e.ref(!0),f=e.ref(!1),u=e.ref(),r=e.ref(),V=o.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const x=e.computed(()=>p.style),I=e.computed(()=>o.isClient&&t.fit?{objectFit:t.fit}:{}),v=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),N=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),g=e.computed(()=>t.loading==="eager"?!1:!V&&t.loading==="lazy"||t.lazy),m=()=>{o.isClient&&(n.value=!0,a.value=!1,d.value=t.src)};function b(l){n.value=!1,a.value=!1,s("load",l)}function M(l){n.value=!1,a.value=!0,s("error",l)}function h(){c.isInContainer(u.value,r.value)&&(m(),S())}const k=o.useThrottleFn(h,200);async function L(){o.isClient&&(await e.nextTick(),c.isElement(t.scrollContainer)?r.value=t.scrollContainer:c.isString(t.scrollContainer)&&t.scrollContainer!==""?r.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(r.value=c.getScrollContainer(u.value)),r.value&&(w=o.useEventListener(r,"scroll",k),setTimeout(()=>h(),100)))}function S(){!o.isClient||!r.value||!k||(w?.(),r.value=void 0)}function T(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function A(){v.value&&(C=o.useEventListener("wheel",T,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function O(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function $(l){s("switch",l)}return e.watch(()=>t.src,()=>{g.value?(n.value=!0,a.value=!1,S(),L()):m()}),e.onMounted(()=>{g.value?L():m()}),z({isLoading:n}),(l,W)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(i).b(),l.$attrs.class]),style:e.normalizeStyle(x.value)},[d.value!==void 0&&!a.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(q),{src:d.value,loading:t.loading,style:I.value,class:[e.unref(i).e("inner"),v.value&&e.unref(i).e("preview"),n.value&&e.unref(i).is("loading")],onClick:A,onLoad:b,onError:M,alt:""}),null,16,j)):e.createCommentVNode("",!0),n.value||a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(i).e("wrapper"))},[n.value?e.renderSlot(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("placeholder"))},null,2)]):a.value?e.renderSlot(l.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("error"))},e.toDisplayString(e.unref(E)("vft.imageViewer.loadFailed")),3)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":N.value,infinite:t.infinite,"zoom-rate":l.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:O,onSwitch:$},{default:e.withCtx(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(l.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=R;

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"),g=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),E=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const z=require("lodash-es");require("../form/index.cjs");const Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const A=require("../../hooks/use-z-index/index.cjs"),j=require("../teleport/index.cjs"),W=["src","referrerpolicy","crossorigin"],G=e.defineComponent({name:"vft-image-viewer"}),J=e.defineComponent({...G,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},referrerpolicy:{default:"no-referrer"},crossorigin:{}},emits:{close:()=>!0,switch:t=>O.isNumber(t)},setup(t,{expose:$,emit:q}){const w=q,a=Z.useNamespace("image-viewer"),{nextZIndex:B}=A.useZIndex(),b=e.ref(),N=e.ref([]),x=e.effectScope(),m=e.ref(!0),u=e.ref(t.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),D=e.computed(()=>t.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===t.urlList.length-1),M=e.computed(()=>t.urlList[u.value]),X=e.computed(()=>{const{scale:o,deg:n,offsetX:r,offsetY:l,enableTransition:k}=s.value;let i=r/o,c=l/o;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(${o}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:k?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),Y=e.computed(()=>O.isNumber(t.zIndex)?t.zIndex:B());function V(){F(),w("close")}function S(){const o=z.throttle(r=>{switch(r.code){case g.EVENT_CODE.esc:t.closeOnPressEscape&&V();break;case g.EVENT_CODE.space:y();break;case g.EVENT_CODE.left:T();break;case g.EVENT_CODE.up:d("zoomIn");break;case g.EVENT_CODE.right:L();break;case g.EVENT_CODE.down:d("zoomOut");break}}),n=z.throttle(r=>{const l=r.deltaY||r.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:t.zoomRate,enableTransition:!1})});x.run(()=>{E.useEventListener(document,"keydown",o),E.useEventListener(document,"wheel",n)})}function F(){x.stop()}function R(){m.value=!1}function H(o){m.value=!1,o.target.alt="加载失败"}function P(o){if(m.value||o.button!==0||!b.value)return;s.value.enableTransition=!1;const{offsetX:n,offsetY:r}=s.value,l=o.pageX,k=o.pageY,i=z.throttle(v=>{s.value={...s.value,offsetX:n+v.pageX-l,offsetY:r+v.pageY-k}}),c=E.useEventListener(document,"mousemove",i);E.useEventListener(document,"mouseup",()=>{c()}),o.preventDefault()}function p(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function y(){m.value||p()}function C(o){const n=t.urlList.length;u.value=(o+n)%n}function T(){h.value&&!t.infinite||C(u.value-1)}function L(){I.value&&!t.infinite||C(u.value+1)}function d(o,n={}){if(m.value)return;const{rotateDeg:r,enableTransition:l}={rotateDeg:90,enableTransition:!0,...n};switch(o){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/t.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*t.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=r;break;case"anticlockwise":s.value.deg-=r;break}s.value.enableTransition=l}return e.watch(M,()=>{e.nextTick(()=>{N.value[0]?.complete||(m.value=!0)})}),e.watch(u,o=>{p(),w("switch",o)}),e.onMounted(()=>{S(),b.value?.focus?.()}),$({setActiveItem:C}),(o,n)=>(e.openBlock(),e.createBlock(e.unref(j.VftTeleport),{to:"body",disabled:!t.teleported},{default:e.withCtx(()=>[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:Y.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(r=>t.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),D.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:T},[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",!t.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:n[1]||(n[1]=r=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-in",onClick:n[2]||(n[2]=r=>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:y}),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:n[3]||(n[3]=r=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-right",onClick:n[4]||(n[4]=r=>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,(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:k=>N.value[l]=k,key:r,src:r,style:e.normalizeStyle(X.value),class:e.normalizeClass(e.unref(a).e("img")),referrerpolicy:t.referrerpolicy,crossorigin:t.crossorigin,onLoad:R,onError:H,onMousedown:P},null,46,W)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(o.$slots,"default")],6)]),_:3})]),_:3},8,["disabled"]))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),E=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const w=require("lodash-es");require("../form/index.cjs");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const j=require("../../hooks/use-z-index/index.cjs"),W=require("../../locale/use-locale.cjs"),G=require("../teleport/index.cjs"),J=["src","referrerpolicy","crossorigin"],K=e.defineComponent({name:"vft-image-viewer"}),Q=e.defineComponent({...K,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},referrerpolicy:{default:"no-referrer"},crossorigin:{}},emits:{close:()=>!0,switch:t=>O.isNumber(t)},setup(t,{expose:$,emit:q}){const z=q,a=A.useNamespace("image-viewer"),{nextZIndex:B}=j.useZIndex(),{t:D}=W.default(),b=e.ref(),N=e.ref([]),x=e.effectScope(),m=e.ref(!0),u=e.ref(t.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),M=e.computed(()=>t.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===t.urlList.length-1),X=e.computed(()=>t.urlList[u.value]),Y=e.computed(()=>{const{scale:o,deg:n,offsetX:r,offsetY:l,enableTransition:k}=s.value;let i=r/o,c=l/o;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(${o}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:k?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),S=e.computed(()=>O.isNumber(t.zIndex)?t.zIndex:B());function V(){R(),z("close")}function F(){const o=w.throttle(r=>{switch(r.code){case g.EVENT_CODE.esc:t.closeOnPressEscape&&V();break;case g.EVENT_CODE.space:y();break;case g.EVENT_CODE.left:L();break;case g.EVENT_CODE.up:d("zoomIn");break;case g.EVENT_CODE.right:T();break;case g.EVENT_CODE.down:d("zoomOut");break}}),n=w.throttle(r=>{const l=r.deltaY||r.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:t.zoomRate,enableTransition:!1})});x.run(()=>{E.useEventListener(document,"keydown",o),E.useEventListener(document,"wheel",n)})}function R(){x.stop()}function H(){m.value=!1}function P(o){m.value=!1,o.target.alt=D("vft.imageViewer.loadFailed")}function Z(o){if(m.value||o.button!==0||!b.value)return;s.value.enableTransition=!1;const{offsetX:n,offsetY:r}=s.value,l=o.pageX,k=o.pageY,i=w.throttle(v=>{s.value={...s.value,offsetX:n+v.pageX-l,offsetY:r+v.pageY-k}}),c=E.useEventListener(document,"mousemove",i);E.useEventListener(document,"mouseup",()=>{c()}),o.preventDefault()}function p(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function y(){m.value||p()}function C(o){const n=t.urlList.length;u.value=(o+n)%n}function L(){h.value&&!t.infinite||C(u.value-1)}function T(){I.value&&!t.infinite||C(u.value+1)}function d(o,n={}){if(m.value)return;const{rotateDeg:r,enableTransition:l}={rotateDeg:90,enableTransition:!0,...n};switch(o){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/t.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*t.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=r;break;case"anticlockwise":s.value.deg-=r;break}s.value.enableTransition=l}return e.watch(X,()=>{e.nextTick(()=>{N.value[0]?.complete||(m.value=!0)})}),e.watch(u,o=>{p(),z("switch",o)}),e.onMounted(()=>{F(),b.value?.focus?.()}),$({setActiveItem:C}),(o,n)=>(e.openBlock(),e.createBlock(e.unref(G.VftTeleport),{to:"body",disabled:!t.teleported},{default:e.withCtx(()=>[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:S.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(r=>t.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),M.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:L},[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",!t.infinite&&I.value)]),onClick:T},[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:n[1]||(n[1]=r=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-in",onClick:n[2]||(n[2]=r=>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:y}),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:n[3]||(n[3]=r=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-right",onClick:n[4]||(n[4]=r=>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,(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:k=>N.value[l]=k,key:r,src:r,style:e.normalizeStyle(Y.value),class:e.normalizeClass(e.unref(a).e("img")),referrerpolicy:t.referrerpolicy,crossorigin:t.crossorigin,onLoad:H,onError:P,onMousedown:Z},null,46,J)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(o.$slots,"default")],6)]),_:3})]),_:3},8,["disabled"]))}});exports.default=Q;