vft 0.0.509 → 0.0.511

package/lib/components/cascader/cascader.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("lodash-es"),ae=require("@vueuse/core"),re=require("../../utils/dom/aria.cjs"),ie=require("@vft/utils"),Me=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const p=require("../../constants/aria.cjs"),ue=require("../../constants/event.cjs");require("../form/index.cjs");const Ae=require("../cascader-panel/index.cjs"),Le=require("../input/index.cjs"),ce=require("../tooltip/index.cjs"),pe=require("../scrollbar/index.cjs"),de=require("../tag/index.cjs"),L=require("../icon/index.cjs"),Ke=require("@vft/directives"),fe=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const He=require("../../hooks/use-composition/index.cjs"),Re=require("../../hooks/use-empty-values/index.cjs"),We=require("../../locale/use-locale.cjs"),ve=require("./cascader.cjs"),Ue=require("../form/hooks/use-form-item.cjs"),je=require("../form/hooks/use-form-common-props.cjs"),Ge={key:0},Je=["placeholder"],Qe=["onClick"],Xe="VftCascader",Ye=e.defineComponent({name:Xe}),Ze=e.defineComponent({...Ye,props:ve.cascaderProps,emits:ve.cascaderEmits,setup(me,{expose:ge,emit:he}){const n=me,f=he,ke={modifiers:[{name:"arrowPosition",enabled:!0,phase:"main",fn:({state:t})=>{const{modifiersData:l,placement:o}=t;["right","left","bottom","top"].includes(o)||l.arrow&&(l.arrow.x=35)},requires:["arrow"]}]},K=e.useAttrs(),{t:H}=We.useLocale();let E=0,D=0;const a=fe.useNamespace("cascader"),q=fe.useNamespace("input"),{form:Ce,formItem:R}=Ue.useFormItem(),{valueOnClear:Ee}=Re.useEmptyValues(n),{isComposing:W,handleComposition:d}=He.useComposition({afterComposition(t){const l=t.target?.value;A(l)}}),b=e.ref(null),C=e.ref(null),U=e.ref(null),u=e.ref(null),V=e.ref(null),c=e.ref(!1),j=e.ref(!1),v=e.ref(!1),z=e.ref(!1),w=e.ref(""),h=e.ref(""),k=e.ref([]),T=e.ref([]),P=e.ref([]),ye=e.computed(()=>K.style),m=e.computed(()=>n.disabled||Ce?.disabled),G=e.computed(()=>n.placeholder??H("vft.cascader.placeholder")),be=e.computed(()=>h.value||k.value.length>0||W.value?"":G.value),N=je.useFormSize(),J=e.computed(()=>N.value==="small"?"small":"default"),g=e.computed(()=>!!n.props.multiple),Q=e.computed(()=>!n.filterable||g.value),X=e.computed(()=>g.value?h.value:w.value),Y=[],S=e.computed(()=>{const t=u.value;if(!t)return Y;const l=t.checkedNodes,o=e.unref(l);return Array.isArray(o)&&o.length?o:Y}),Ve=e.computed(()=>!n.clearable||m.value||v.value?!1:!!S.value.length),B=e.computed(()=>{const{showAllLevels:t,separator:l}=n,o=S.value;return o.length?g.value?"":o[0].calcText(t,l):""}),we=e.computed(()=>R?.validateState||""),Z=e.computed({get(){return ne.cloneDeep(n.modelValue)},set(t){const l=t??Ee.value;f(ue.UPDATE_MODEL_EVENT,l),f(ue.CHANGE_EVENT,l),n.validateEvent&&R?.validate("change").catch(o=>Me.debugWarn(o))}}),Te=e.computed(()=>[a.b(),a.m(N.value),a.is("disabled",m.value),K.class]),Ne=e.computed(()=>[q.e("icon"),a.is("reverse",c.value)]),Se=e.computed(()=>a.is("focus",c.value||z.value)),_=e.computed(()=>b.value?.popperRef?.contentRef),i=t=>{m.value||(t=t??!c.value,t!==c.value&&(c.value=t,C.value?.input?.setAttribute("aria-expanded",`${t}`),t?(y(),e.nextTick(u.value?.scrollToExpandingNode)):n.filterable&&M(),f("visibleChange",t)))},y=()=>{e.nextTick(()=>{b.value?.updatePopper()})},I=()=>{v.value=!1},O=t=>{const{showAllLevels:l,separator:o}=n;return{node:t,key:t.uid,text:t.calcText(l,o),hitState:!1,closable:!m.value&&!t.isDisabled,isCollapseTag:!1}},$=t=>{const l=t.node;l.doCheck(!1),u.value?.calculateCheckedValue(),f("removeTag",l.valueByOption)},Be=()=>{switch(n.showCheckedStrategy){case"child":return S.value;case"parent":{const t=te(!1),l=t.map(s=>s.value);return t.filter(s=>!s.parent||!l.includes(s.parent.value))}default:return[]}},$e=()=>{if(!g.value)return;const t=Be(),l=[],o=[];if(t.forEach(s=>o.push(O(s))),T.value=o,t.length){t.slice(0,n.maxCollapseTags).forEach(x=>l.push(O(x)));const s=t.slice(n.maxCollapseTags),r=s.length;r&&(n.collapseTags?l.push({key:-1,text:`+ ${r}`,closable:!1,isCollapseTag:!0}):s.forEach(x=>l.push(O(x))))}k.value=l},ee=()=>{const{filterMethod:t,showAllLevels:l,separator:o}=n,s=u.value?.getFlattedNodes(!n.props.checkStrictly)?.filter(r=>r.isDisabled?!1:(r.calcText(l,o),t(r,X.value)));g.value&&(k.value.forEach(r=>{r.hitState=!1}),T.value.forEach(r=>{r.hitState=!1})),v.value=!0,P.value=s,y()},xe=()=>{let t;v.value&&V.value?t=V.value.$el.querySelector(`.${a.e("suggestion-item")}`):t=u.value?.$el.querySelector(`.${a.b("node")}[tabindex="-1"]`),t&&(t.focus(),!v.value&&t.click())},F=()=>{const t=C.value?.input,l=U.value,o=V.value?.$el;if(!(!ie.isClient||!t)){if(o){const s=o.querySelector(`.${a.e("suggestion-list")}`);s.style.minWidth=`${t.offsetWidth}px`}if(l){const{offsetHeight:s}=l,r=k.value.length>0?`${Math.max(s,E)-2}px`:`${E}px`;t.style.height=r,y()}}},te=t=>u.value?.getCheckedNodes(t),De=t=>{y(),f("expandChange",t)},qe=t=>{if(!W.value)switch(t.code){case p.EVENT_CODE.enter:case p.EVENT_CODE.numpadEnter:i();break;case p.EVENT_CODE.down:i(!0),e.nextTick(xe),t.preventDefault();break;case p.EVENT_CODE.esc:c.value===!0&&(t.preventDefault(),t.stopPropagation(),i(!1));break;case p.EVENT_CODE.tab:i(!1);break}},ze=()=>{u.value?.clearCheckedNodes(),!c.value&&n.filterable&&M(),i(!1),f("clear")},M=()=>{const{value:t}=B;w.value=t,h.value=t},Pe=t=>{const{checked:l}=t;g.value?u.value?.handleCheckChange(t,!l,!1):(!l&&u.value?.handleCheckChange(t,!0,!1),i(!1))},Ie=t=>{const l=t.target,{code:o}=t;switch(o){case p.EVENT_CODE.up:case p.EVENT_CODE.down:{t.preventDefault();const s=o===p.EVENT_CODE.up?-1:1;re.focusNode(re.getSibling(l,s,`.${a.e("suggestion-item")}[tabindex="-1"]`));break}case p.EVENT_CODE.enter:case p.EVENT_CODE.numpadEnter:l.click();break}},Oe=()=>{const t=k.value,l=t[t.length-1];D=h.value?0:D+1,!(!l||!D||n.collapseTags&&t.length>1)&&(l.hitState?$(l):l.hitState=!0)},le=t=>{z.value=!0,f("focus",t)},oe=t=>{e.nextTick(()=>{const l=C.value?.$el,o=document.activeElement;l?.contains(o)||b.value?.isFocusInsideContent?.(t)||(z.value=!1)}),f("blur",t)},Fe=ne.debounce(()=>{const{value:t}=X;if(!t)return;const l=n.beforeFilter(t);ie.isPromise(l)?l.then(ee).catch(()=>{}):l!==!1?ee():I()},n.debounce),A=(t,l)=>{!c.value&&i(!0),!l?.isComposing&&(t?Fe():I())},se=t=>Number.parseFloat(ae.useCssVar(q.cssVarName("input-height"),t).value)-2;return e.watch(v,y),e.watch([S,m,()=>n.collapseTags],$e),e.watch(k,()=>{e.nextTick(()=>F())}),e.watch(N,async()=>{await e.nextTick();const t=C.value.input;E=se(t)||E,F()}),e.watch(B,M,{immediate:!0}),e.onMounted(()=>{const t=C.value.input,l=se(t);E=t.offsetHeight||l,ae.useResizeObserver(t,F)}),ge({getCheckedNodes:te,cascaderPanelRef:u,togglePopperVisible:i,contentRef:_,presentText:B}),(t,l)=>(e.openBlock(),e.createBlock(e.unref(ce.VftTooltip),{ref_key:"tooltipRef",ref:b,visible:c.value,teleported:t.teleported,"popper-class":[e.unref(a).e("dropdown"),t.popperClass],"popper-options":ke,"fallback-placements":t.fallbackPlacements,"stop-popper-mouse-event":!1,"gpu-acceleration":!1,placement:t.placement,transition:`${e.unref(a).namespace.value}-zoom-in-top`,effect:t.effect,pure:"",persistent:t.persistent,onHide:I},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Te.value),style:e.normalizeStyle(ye.value),onClick:l[8]||(l[8]=()=>i(Q.value?void 0:!0)),onKeydown:qe,onMouseenter:l[9]||(l[9]=o=>j.value=!0),onMouseleave:l[10]||(l[10]=o=>j.value=!1)},[e.createVNode(e.unref(Le.VftInput),{ref_key:"input",ref:C,modelValue:w.value,"onUpdate:modelValue":l[1]||(l[1]=o=>w.value=o),placeholder:be.value,readonly:Q.value,disabled:m.value,"validate-event":!1,size:e.unref(N),class:e.normalizeClass(Se.value),tabindex:g.value&&t.filterable&&!m.value?-1:void 0,onCompositionstart:e.unref(d),onCompositionupdate:e.unref(d),onCompositionend:e.unref(d),onFocus:le,onBlur:oe,onInput:A},e.createSlots({suffix:e.withCtx(()=>[Ve.value?(e.openBlock(),e.createBlock(e.unref(L.VftIcon),{key:"clear",icon:"icon-circle-close",class:e.normalizeClass(["icon-circle-close",[e.unref(q).e("icon")]]),onClick:e.withModifiers(ze,["stop"])},null,8,["class"])):(e.openBlock(),e.createBlock(e.unref(L.VftIcon),{icon:"icon-arrow-down",key:"arrow-down",class:e.normalizeClass(Ne.value),onClick:l[0]||(l[0]=e.withModifiers(o=>i(),["stop"]))},null,8,["class"]))]),_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0]),1032,["modelValue","placeholder","readonly","disabled","size","class","tabindex","onCompositionstart","onCompositionupdate","onCompositionend"]),g.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"tagWrapper",ref:U,class:e.normalizeClass([e.unref(a).e("tags"),e.unref(a).is("validate",!!we.value)])},[e.renderSlot(t.$slots,"tag",{data:T.value,deleteTag:$},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,o=>(e.openBlock(),e.createBlock(e.unref(de.VftTag),{key:o.key,type:t.tagType,size:J.value,effect:t.tagEffect,hit:o.hitState,closable:o.closable,"disable-transitions":"",onClose:s=>$(o)},{default:e.withCtx(()=>[o.isCollapseTag===!1?(e.openBlock(),e.createElementBlock("span",Ge,e.toDisplayString(o.text),1)):(e.openBlock(),e.createBlock(e.unref(ce.VftTooltip),{key:1,disabled:c.value||!t.collapseTagsTooltip,"fallback-placements":["bottom","top","right","left"],placement:"bottom",effect:t.effect},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1)]),content:e.withCtx(()=>[e.createVNode(e.unref(pe.VftScrollbar),{"max-height":t.maxCollapseTagsTooltipHeight},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("collapse-tags"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value.slice(t.maxCollapseTags),(s,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(e.unref(a).e("collapse-tag"))},[(e.openBlock(),e.createBlock(e.unref(de.VftTag),{key:s.key,class:"in-tooltip",type:t.tagType,size:J.value,effect:t.tagEffect,hit:s.hitState,closable:s.closable,"disable-transitions":"",onClose:x=>$(s)},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(s.text),1)]),_:2},1032,["type","size","effect","hit","closable","onClose"]))],2))),128))],2)]),_:1},8,["max-height"])]),_:2},1032,["disabled","effect"]))]),_:2},1032,["type","size","effect","hit","closable","onClose"]))),128))]),t.filterable&&!m.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,"onUpdate:modelValue":l[2]||(l[2]=o=>h.value=o),type:"text",class:e.normalizeClass(e.unref(a).e("search-input")),placeholder:B.value?"":G.value,onInput:l[3]||(l[3]=o=>A(h.value,o)),onClick:l[4]||(l[4]=e.withModifiers(o=>i(!0),["stop"])),onKeydown:e.withKeys(Oe,["delete"]),onCompositionstart:l[5]||(l[5]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onCompositionupdate:l[6]||(l[6]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onCompositionend:l[7]||(l[7]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onFocus:le,onBlur:oe},null,42,Je)),[[e.vModelText,h.value]]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],38)),[[e.unref(Ke.ClickOutside),()=>i(!1),_.value]])]),content:e.withCtx(()=>[t.$slots.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("header")),onClick:l[11]||(l[11]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(t.$slots,"header")],2)):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(Ae.VftCascaderPanel),{ref_key:"cascaderPanelRef",ref:u,modelValue:Z.value,"onUpdate:modelValue":l[12]||(l[12]=o=>Z.value=o),options:t.options,props:n.props,border:!1,"render-label":t.$slots.default,onExpandChange:De,onClose:l[13]||(l[13]=o=>t.$nextTick(()=>i(!1)))},{empty:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),_:3},8,["modelValue","options","props","render-label"]),[[e.vShow,!v.value]]),t.filterable?e.withDirectives((e.openBlock(),e.createBlock(e.unref(pe.VftScrollbar),{key:1,ref_key:"suggestionPanel",ref:V,tag:"ul",class:e.normalizeClass(e.unref(a).e("suggestion-panel")),"view-class":e.unref(a).e("suggestion-list"),onKeydown:Ie},{default:e.withCtx(()=>[P.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(P.value,o=>(e.openBlock(),e.createElementBlock("li",{key:o.uid,class:e.normalizeClass([e.unref(a).e("suggestion-item"),e.unref(a).is("checked",o.checked)]),tabindex:-1,onClick:s=>Pe(o)},[e.renderSlot(t.$slots,"suggestion-item",{item:o},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1),o.checked?(e.openBlock(),e.createBlock(e.unref(L.VftIcon),{key:0,icon:"icon-check"})):e.createCommentVNode("",!0)])],10,Qe))),128)):e.renderSlot(t.$slots,"empty",{key:1},()=>[e.createElementVNode("li",{class:e.normalizeClass(e.unref(a).e("empty-text"))},e.toDisplayString(e.unref(H)("vft.cascader.noData")),3)])]),_:3},8,["class","view-class"])),[[e.vShow,v.value]]):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(a).e("footer")),onClick:l[14]||(l[14]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("",!0)]),_:3},8,["visible","teleported","popper-class","fallback-placements","placement","transition","effect","persistent"]))}});exports.default=Ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("lodash-es"),ae=require("@vueuse/core"),re=require("../../utils/dom/aria.cjs"),ie=require("@vft/utils"),Me=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const p=require("../../constants/aria.cjs"),ue=require("../../constants/event.cjs");require("../form/index.cjs");const Ae=require("../cascader-panel/index.cjs"),Ke=require("../input/index.cjs"),ce=require("../tooltip/index.cjs"),pe=require("../scrollbar/index.cjs"),de=require("../tag/index.cjs"),K=require("../icon/index.cjs"),Le=require("@vft/directives"),fe=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const He=require("../../hooks/use-composition/index.cjs"),Re=require("../../hooks/use-empty-values/index.cjs"),We=require("../../locale/use-locale.cjs"),ve=require("./cascader.cjs"),Ue=require("../form/hooks/use-form-item.cjs"),je=require("../form/hooks/use-form-common-props.cjs"),Ge={key:0},Je=["placeholder"],Qe=["onClick"],Xe="VftCascader",Ye=e.defineComponent({name:Xe}),Ze=e.defineComponent({...Ye,props:ve.cascaderProps,emits:ve.cascaderEmits,setup(me,{expose:ge,emit:he}){const n=me,f=he,ke={modifiers:[{name:"arrowPosition",enabled:!0,phase:"main",fn:({state:t})=>{const{modifiersData:l,placement:o}=t;["right","left","bottom","top"].includes(o)||l.arrow&&(l.arrow.x=35)},requires:["arrow"]}]},L=e.useAttrs(),{t:H}=We.default();let E=0,D=0;const a=fe.useNamespace("cascader"),q=fe.useNamespace("input"),{form:Ce,formItem:R}=Ue.useFormItem(),{valueOnClear:Ee}=Re.useEmptyValues(n),{isComposing:W,handleComposition:d}=He.useComposition({afterComposition(t){const l=t.target?.value;A(l)}}),b=e.ref(null),C=e.ref(null),U=e.ref(null),u=e.ref(null),V=e.ref(null),c=e.ref(!1),j=e.ref(!1),v=e.ref(!1),z=e.ref(!1),w=e.ref(""),h=e.ref(""),k=e.ref([]),T=e.ref([]),P=e.ref([]),ye=e.computed(()=>L.style),m=e.computed(()=>n.disabled||Ce?.disabled),G=e.computed(()=>n.placeholder??H("vft.cascader.placeholder")),be=e.computed(()=>h.value||k.value.length>0||W.value?"":G.value),N=je.useFormSize(),J=e.computed(()=>N.value==="small"?"small":"default"),g=e.computed(()=>!!n.props.multiple),Q=e.computed(()=>!n.filterable||g.value),X=e.computed(()=>g.value?h.value:w.value),Y=[],S=e.computed(()=>{const t=u.value;if(!t)return Y;const l=t.checkedNodes,o=e.unref(l);return Array.isArray(o)&&o.length?o:Y}),Ve=e.computed(()=>!n.clearable||m.value||v.value?!1:!!S.value.length),B=e.computed(()=>{const{showAllLevels:t,separator:l}=n,o=S.value;return o.length?g.value?"":o[0].calcText(t,l):""}),we=e.computed(()=>R?.validateState||""),Z=e.computed({get(){return ne.cloneDeep(n.modelValue)},set(t){const l=t??Ee.value;f(ue.UPDATE_MODEL_EVENT,l),f(ue.CHANGE_EVENT,l),n.validateEvent&&R?.validate("change").catch(o=>Me.debugWarn(o))}}),Te=e.computed(()=>[a.b(),a.m(N.value),a.is("disabled",m.value),L.class]),Ne=e.computed(()=>[q.e("icon"),a.is("reverse",c.value)]),Se=e.computed(()=>a.is("focus",c.value||z.value)),_=e.computed(()=>b.value?.popperRef?.contentRef),i=t=>{m.value||(t=t??!c.value,t!==c.value&&(c.value=t,C.value?.input?.setAttribute("aria-expanded",`${t}`),t?(y(),e.nextTick(u.value?.scrollToExpandingNode)):n.filterable&&M(),f("visibleChange",t)))},y=()=>{e.nextTick(()=>{b.value?.updatePopper()})},I=()=>{v.value=!1},O=t=>{const{showAllLevels:l,separator:o}=n;return{node:t,key:t.uid,text:t.calcText(l,o),hitState:!1,closable:!m.value&&!t.isDisabled,isCollapseTag:!1}},$=t=>{const l=t.node;l.doCheck(!1),u.value?.calculateCheckedValue(),f("removeTag",l.valueByOption)},Be=()=>{switch(n.showCheckedStrategy){case"child":return S.value;case"parent":{const t=te(!1),l=t.map(s=>s.value);return t.filter(s=>!s.parent||!l.includes(s.parent.value))}default:return[]}},$e=()=>{if(!g.value)return;const t=Be(),l=[],o=[];if(t.forEach(s=>o.push(O(s))),T.value=o,t.length){t.slice(0,n.maxCollapseTags).forEach(x=>l.push(O(x)));const s=t.slice(n.maxCollapseTags),r=s.length;r&&(n.collapseTags?l.push({key:-1,text:`+ ${r}`,closable:!1,isCollapseTag:!0}):s.forEach(x=>l.push(O(x))))}k.value=l},ee=()=>{const{filterMethod:t,showAllLevels:l,separator:o}=n,s=u.value?.getFlattedNodes(!n.props.checkStrictly)?.filter(r=>r.isDisabled?!1:(r.calcText(l,o),t(r,X.value)));g.value&&(k.value.forEach(r=>{r.hitState=!1}),T.value.forEach(r=>{r.hitState=!1})),v.value=!0,P.value=s,y()},xe=()=>{let t;v.value&&V.value?t=V.value.$el.querySelector(`.${a.e("suggestion-item")}`):t=u.value?.$el.querySelector(`.${a.b("node")}[tabindex="-1"]`),t&&(t.focus(),!v.value&&t.click())},F=()=>{const t=C.value?.input,l=U.value,o=V.value?.$el;if(!(!ie.isClient||!t)){if(o){const s=o.querySelector(`.${a.e("suggestion-list")}`);s.style.minWidth=`${t.offsetWidth}px`}if(l){const{offsetHeight:s}=l,r=k.value.length>0?`${Math.max(s,E)-2}px`:`${E}px`;t.style.height=r,y()}}},te=t=>u.value?.getCheckedNodes(t),De=t=>{y(),f("expandChange",t)},qe=t=>{if(!W.value)switch(t.code){case p.EVENT_CODE.enter:case p.EVENT_CODE.numpadEnter:i();break;case p.EVENT_CODE.down:i(!0),e.nextTick(xe),t.preventDefault();break;case p.EVENT_CODE.esc:c.value===!0&&(t.preventDefault(),t.stopPropagation(),i(!1));break;case p.EVENT_CODE.tab:i(!1);break}},ze=()=>{u.value?.clearCheckedNodes(),!c.value&&n.filterable&&M(),i(!1),f("clear")},M=()=>{const{value:t}=B;w.value=t,h.value=t},Pe=t=>{const{checked:l}=t;g.value?u.value?.handleCheckChange(t,!l,!1):(!l&&u.value?.handleCheckChange(t,!0,!1),i(!1))},Ie=t=>{const l=t.target,{code:o}=t;switch(o){case p.EVENT_CODE.up:case p.EVENT_CODE.down:{t.preventDefault();const s=o===p.EVENT_CODE.up?-1:1;re.focusNode(re.getSibling(l,s,`.${a.e("suggestion-item")}[tabindex="-1"]`));break}case p.EVENT_CODE.enter:case p.EVENT_CODE.numpadEnter:l.click();break}},Oe=()=>{const t=k.value,l=t[t.length-1];D=h.value?0:D+1,!(!l||!D||n.collapseTags&&t.length>1)&&(l.hitState?$(l):l.hitState=!0)},le=t=>{z.value=!0,f("focus",t)},oe=t=>{e.nextTick(()=>{const l=C.value?.$el,o=document.activeElement;l?.contains(o)||b.value?.isFocusInsideContent?.(t)||(z.value=!1)}),f("blur",t)},Fe=ne.debounce(()=>{const{value:t}=X;if(!t)return;const l=n.beforeFilter(t);ie.isPromise(l)?l.then(ee).catch(()=>{}):l!==!1?ee():I()},n.debounce),A=(t,l)=>{!c.value&&i(!0),!l?.isComposing&&(t?Fe():I())},se=t=>Number.parseFloat(ae.useCssVar(q.cssVarName("input-height"),t).value)-2;return e.watch(v,y),e.watch([S,m,()=>n.collapseTags],$e),e.watch(k,()=>{e.nextTick(()=>F())}),e.watch(N,async()=>{await e.nextTick();const t=C.value.input;E=se(t)||E,F()}),e.watch(B,M,{immediate:!0}),e.onMounted(()=>{const t=C.value.input,l=se(t);E=t.offsetHeight||l,ae.useResizeObserver(t,F)}),ge({getCheckedNodes:te,cascaderPanelRef:u,togglePopperVisible:i,contentRef:_,presentText:B}),(t,l)=>(e.openBlock(),e.createBlock(e.unref(ce.VftTooltip),{ref_key:"tooltipRef",ref:b,visible:c.value,teleported:t.teleported,"popper-class":[e.unref(a).e("dropdown"),t.popperClass],"popper-options":ke,"fallback-placements":t.fallbackPlacements,"stop-popper-mouse-event":!1,"gpu-acceleration":!1,placement:t.placement,transition:`${e.unref(a).namespace.value}-zoom-in-top`,effect:t.effect,pure:"",persistent:t.persistent,onHide:I},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Te.value),style:e.normalizeStyle(ye.value),onClick:l[8]||(l[8]=()=>i(Q.value?void 0:!0)),onKeydown:qe,onMouseenter:l[9]||(l[9]=o=>j.value=!0),onMouseleave:l[10]||(l[10]=o=>j.value=!1)},[e.createVNode(e.unref(Ke.VftInput),{ref_key:"input",ref:C,modelValue:w.value,"onUpdate:modelValue":l[1]||(l[1]=o=>w.value=o),placeholder:be.value,readonly:Q.value,disabled:m.value,"validate-event":!1,size:e.unref(N),class:e.normalizeClass(Se.value),tabindex:g.value&&t.filterable&&!m.value?-1:void 0,onCompositionstart:e.unref(d),onCompositionupdate:e.unref(d),onCompositionend:e.unref(d),onFocus:le,onBlur:oe,onInput:A},e.createSlots({suffix:e.withCtx(()=>[Ve.value?(e.openBlock(),e.createBlock(e.unref(K.VftIcon),{key:"clear",icon:"icon-circle-close",class:e.normalizeClass(["icon-circle-close",[e.unref(q).e("icon")]]),onClick:e.withModifiers(ze,["stop"])},null,8,["class"])):(e.openBlock(),e.createBlock(e.unref(K.VftIcon),{icon:"icon-arrow-down",key:"arrow-down",class:e.normalizeClass(Ne.value),onClick:l[0]||(l[0]=e.withModifiers(o=>i(),["stop"]))},null,8,["class"]))]),_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0]),1032,["modelValue","placeholder","readonly","disabled","size","class","tabindex","onCompositionstart","onCompositionupdate","onCompositionend"]),g.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"tagWrapper",ref:U,class:e.normalizeClass([e.unref(a).e("tags"),e.unref(a).is("validate",!!we.value)])},[e.renderSlot(t.$slots,"tag",{data:T.value,deleteTag:$},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,o=>(e.openBlock(),e.createBlock(e.unref(de.VftTag),{key:o.key,type:t.tagType,size:J.value,effect:t.tagEffect,hit:o.hitState,closable:o.closable,"disable-transitions":"",onClose:s=>$(o)},{default:e.withCtx(()=>[o.isCollapseTag===!1?(e.openBlock(),e.createElementBlock("span",Ge,e.toDisplayString(o.text),1)):(e.openBlock(),e.createBlock(e.unref(ce.VftTooltip),{key:1,disabled:c.value||!t.collapseTagsTooltip,"fallback-placements":["bottom","top","right","left"],placement:"bottom",effect:t.effect},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1)]),content:e.withCtx(()=>[e.createVNode(e.unref(pe.VftScrollbar),{"max-height":t.maxCollapseTagsTooltipHeight},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("collapse-tags"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value.slice(t.maxCollapseTags),(s,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(e.unref(a).e("collapse-tag"))},[(e.openBlock(),e.createBlock(e.unref(de.VftTag),{key:s.key,class:"in-tooltip",type:t.tagType,size:J.value,effect:t.tagEffect,hit:s.hitState,closable:s.closable,"disable-transitions":"",onClose:x=>$(s)},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(s.text),1)]),_:2},1032,["type","size","effect","hit","closable","onClose"]))],2))),128))],2)]),_:1},8,["max-height"])]),_:2},1032,["disabled","effect"]))]),_:2},1032,["type","size","effect","hit","closable","onClose"]))),128))]),t.filterable&&!m.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,"onUpdate:modelValue":l[2]||(l[2]=o=>h.value=o),type:"text",class:e.normalizeClass(e.unref(a).e("search-input")),placeholder:B.value?"":G.value,onInput:l[3]||(l[3]=o=>A(h.value,o)),onClick:l[4]||(l[4]=e.withModifiers(o=>i(!0),["stop"])),onKeydown:e.withKeys(Oe,["delete"]),onCompositionstart:l[5]||(l[5]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onCompositionupdate:l[6]||(l[6]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onCompositionend:l[7]||(l[7]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onFocus:le,onBlur:oe},null,42,Je)),[[e.vModelText,h.value]]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],38)),[[e.unref(Le.ClickOutside),()=>i(!1),_.value]])]),content:e.withCtx(()=>[t.$slots.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("header")),onClick:l[11]||(l[11]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(t.$slots,"header")],2)):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(Ae.VftCascaderPanel),{ref_key:"cascaderPanelRef",ref:u,modelValue:Z.value,"onUpdate:modelValue":l[12]||(l[12]=o=>Z.value=o),options:t.options,props:n.props,border:!1,"render-label":t.$slots.default,onExpandChange:De,onClose:l[13]||(l[13]=o=>t.$nextTick(()=>i(!1)))},{empty:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),_:3},8,["modelValue","options","props","render-label"]),[[e.vShow,!v.value]]),t.filterable?e.withDirectives((e.openBlock(),e.createBlock(e.unref(pe.VftScrollbar),{key:1,ref_key:"suggestionPanel",ref:V,tag:"ul",class:e.normalizeClass(e.unref(a).e("suggestion-panel")),"view-class":e.unref(a).e("suggestion-list"),onKeydown:Ie},{default:e.withCtx(()=>[P.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(P.value,o=>(e.openBlock(),e.createElementBlock("li",{key:o.uid,class:e.normalizeClass([e.unref(a).e("suggestion-item"),e.unref(a).is("checked",o.checked)]),tabindex:-1,onClick:s=>Pe(o)},[e.renderSlot(t.$slots,"suggestion-item",{item:o},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1),o.checked?(e.openBlock(),e.createBlock(e.unref(K.VftIcon),{key:0,icon:"icon-check"})):e.createCommentVNode("",!0)])],10,Qe))),128)):e.renderSlot(t.$slots,"empty",{key:1},()=>[e.createElementVNode("li",{class:e.normalizeClass(e.unref(a).e("empty-text"))},e.toDisplayString(e.unref(H)("vft.cascader.noData")),3)])]),_:3},8,["class","view-class"])),[[e.vShow,v.value]]):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(a).e("footer")),onClick:l[14]||(l[14]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("",!0)]),_:3},8,["visible","teleported","popper-class","fallback-placements","placement","transition","effect","persistent"]))}});exports.default=Ze;

package/lib/components/cascader-panel/menu.vue2.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("../scrollbar/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const T=require("../../hooks/use-id/index.cjs"),E=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const L=require("../../locale/use-locale.cjs"),N=require("../icon/index.cjs"),V=require("./node.vue2.cjs"),w=require("./types.cjs"),H=e.defineComponent({name:"VftCascaderMenu"}),z=e.defineComponent({...H,props:{nodes:{type:Array,required:!0},index:{type:Number,required:!0}},setup(c){const d=c,q=e.getCurrentInstance(),t=E.useNamespace("cascader-menu"),{t:f}=L.useLocale(),h=T.useId();let r,o;const l=e.inject(w.CASCADER_PANEL_INJECTION_KEY),s=e.ref(),p=e.computed(()=>!d.nodes.length),C=e.computed(()=>!l.initialLoaded),v=e.computed(()=>`${h.value}-${d.index}`),$=n=>{r=n.target},x=n=>{if(!(!l.isHoverMenu||!r||!s.value))if(r.contains(n.target)){m();const u=q.vnode.el,{left:a}=u.getBoundingClientRect(),{offsetWidth:y,offsetHeight:B}=u,_=n.clientX-a,i=r.offsetTop,k=i+r.offsetHeight;s.value.innerHTML=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("../scrollbar/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const T=require("../../hooks/use-id/index.cjs"),E=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const N=require("../../locale/use-locale.cjs"),L=require("../icon/index.cjs"),V=require("./node.vue2.cjs"),w=require("./types.cjs"),H=e.defineComponent({name:"VftCascaderMenu"}),z=e.defineComponent({...H,props:{nodes:{type:Array,required:!0},index:{type:Number,required:!0}},setup(c){const d=c,q=e.getCurrentInstance(),t=E.useNamespace("cascader-menu"),{t:f}=N.default(),h=T.useId();let r,o;const l=e.inject(w.CASCADER_PANEL_INJECTION_KEY),s=e.ref(),p=e.computed(()=>!d.nodes.length),C=e.computed(()=>!l.initialLoaded),v=e.computed(()=>`${h.value}-${d.index}`),$=n=>{r=n.target},x=n=>{if(!(!l.isHoverMenu||!r||!s.value))if(r.contains(n.target)){m();const u=q.vnode.el,{left:a}=u.getBoundingClientRect(),{offsetWidth:y,offsetHeight:B}=u,_=n.clientX-a,i=r.offsetTop,k=i+r.offsetHeight;s.value.innerHTML=`
           <path style="pointer-events: auto;" fill="transparent" d="M${_} ${i} L${y} 0 V${i} Z" />
           <path style="pointer-events: auto;" fill="transparent" d="M${_} ${k} L${y} ${B} V${k} Z" />
-        `}else o||(o=window.setTimeout(g,l.config.hoverThreshold))},m=()=>{o&&(clearTimeout(o),o=void 0)},g=()=>{s.value&&(s.value.innerHTML="",m())};return(n,u)=>(e.openBlock(),e.createBlock(e.unref(M.VftScrollbar),{key:v.value,tag:"ul",role:"menu",class:e.normalizeClass(e.unref(t).b()),"wrap-class":e.unref(t).e("wrap"),"view-class":[e.unref(t).e("list"),e.unref(t).is("empty",p.value)],onMousemove:x,onMouseleave:g},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.nodes,a=>(e.openBlock(),e.createBlock(V.default,{key:a.uid,node:a,"menu-id":v.value,onExpand:$},null,8,["node","menu-id"]))),128)),C.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("empty-text"))},[e.createVNode(e.unref(N.VftIcon),{icon:"icon-loadding",size:"14",class:e.normalizeClass(e.unref(t).is("loading"))},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(e.unref(f)("vft.loading")),1)],2)):p.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("empty-text"))},[e.renderSlot(n.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(f)("vft.noData")),1)])],2)):e.unref(l)?.isHoverMenu?(e.openBlock(),e.createElementBlock("svg",{key:2,ref_key:"hoverZone",ref:s,class:e.normalizeClass(e.unref(t).e("hover-zone"))},null,2)):e.createCommentVNode("",!0)]),_:3},8,["class","wrap-class","view-class"]))}});exports.default=z;
+        `}else o||(o=window.setTimeout(g,l.config.hoverThreshold))},m=()=>{o&&(clearTimeout(o),o=void 0)},g=()=>{s.value&&(s.value.innerHTML="",m())};return(n,u)=>(e.openBlock(),e.createBlock(e.unref(M.VftScrollbar),{key:v.value,tag:"ul",role:"menu",class:e.normalizeClass(e.unref(t).b()),"wrap-class":e.unref(t).e("wrap"),"view-class":[e.unref(t).e("list"),e.unref(t).is("empty",p.value)],onMousemove:x,onMouseleave:g},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.nodes,a=>(e.openBlock(),e.createBlock(V.default,{key:a.uid,node:a,"menu-id":v.value,onExpand:$},null,8,["node","menu-id"]))),128)),C.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("empty-text"))},[e.createVNode(e.unref(L.VftIcon),{icon:"icon-loadding",size:"14",class:e.normalizeClass(e.unref(t).is("loading"))},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(e.unref(f)("vft.loading")),1)],2)):p.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("empty-text"))},[e.renderSlot(n.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(f)("vft.noData")),1)])],2)):e.unref(l)?.isHoverMenu?(e.openBlock(),e.createElementBlock("svg",{key:2,ref_key:"hoverZone",ref:s,class:e.normalizeClass(e.unref(t).e("hover-zone"))},null,2)):e.createCommentVNode("",!0)]),_:3},8,["class","wrap-class","view-class"]))}});exports.default=z;

package/lib/components/clamp-toggle/clamp-toggle.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../clamp/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const g=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("../../locale/use-locale.cjs"),x=["onClick"],f=e.defineComponent({name:"vft-clamp-toggle"}),q=e.defineComponent({...f,props:{text:{},maxHeight:{},maxLines:{default:1},expanded:{type:Boolean,default:!1},location:{default:"end"},ellipsis:{default:"…"},autoResize:{type:Boolean,default:!1},color:{},size:{},toggleColor:{},toggleSize:{},toggleText:{}},setup(t){const{t:l}=m.useLocale(),i=d.useNamespace("clamp-toggle"),n=e.computed(()=>[l("vft.clampToggle.expand"),l("vft.clampToggle.collapse")]),o=e.computed(()=>t.toggleText||n.value),r=e.computed(()=>g.generateCssVars({color:t.color,size:t.size,toggleColor:t.toggleColor,toggleSize:t.toggleSize},"clamp-toggle"));return(C,z)=>(e.openBlock(),e.createBlock(e.unref(c.VftClamp),{style:e.normalizeStyle(r.value),text:t.text,"max-height":t.maxHeight,"max-lines":t.maxLines,expanded:t.expanded,location:t.location,ellipsis:t.ellipsis,"auto-resize":t.autoResize},{after:e.withCtx(({toggle:s,expanded:a,clamped:u})=>[a||u?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["cursor-pointer",[e.unref(i).e("more")]]),onClick:s},e.toDisplayString(a?o.value[1]:o.value[0]),11,x)):e.createCommentVNode("",!0)]),_:1},8,["style","text","max-height","max-lines","expanded","location","ellipsis","auto-resize"]))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../clamp/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const g=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("../../locale/use-locale.cjs"),x=["onClick"],f=e.defineComponent({name:"vft-clamp-toggle"}),q=e.defineComponent({...f,props:{text:{},maxHeight:{},maxLines:{default:1},expanded:{type:Boolean,default:!1},location:{default:"end"},ellipsis:{default:"…"},autoResize:{type:Boolean,default:!1},color:{},size:{},toggleColor:{},toggleSize:{},toggleText:{}},setup(t){const{t:l}=m.default(),i=d.useNamespace("clamp-toggle"),n=e.computed(()=>[l("vft.clampToggle.expand"),l("vft.clampToggle.collapse")]),o=e.computed(()=>t.toggleText||n.value),r=e.computed(()=>g.generateCssVars({color:t.color,size:t.size,toggleColor:t.toggleColor,toggleSize:t.toggleSize},"clamp-toggle"));return(C,z)=>(e.openBlock(),e.createBlock(e.unref(c.VftClamp),{style:e.normalizeStyle(r.value),text:t.text,"max-height":t.maxHeight,"max-lines":t.maxLines,expanded:t.expanded,location:t.location,ellipsis:t.ellipsis,"auto-resize":t.autoResize},{after:e.withCtx(({toggle:u,expanded:a,clamped:s})=>[a||s?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["cursor-pointer",[e.unref(i).e("more")]]),onClick:u},e.toDisplayString(a?o.value[1]:o.value[0]),11,x)):e.createCommentVNode("",!0)]),_:1},8,["style","text","max-height","max-lines","expanded","location","ellipsis","auto-resize"]))}});exports.default=q;

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

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

package/lib/components/date-picker/composables/use-basic-date-table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),A=require("dayjs"),j=require("lodash-es");require("@vueuse/core");require("@vft/utils");const O=require("../../../utils/helper.cjs");require("../../form/index.cjs");const Z=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const p=require("../../../locale/use-locale.cjs"),ee=require("../utils.cjs"),x=(n="")=>["normal","today"].includes(n),te=(n,l)=>{const{t:N}=p.useLocale(),h=s.ref("zh-cn"),D=s.ref(),b=s.ref(),g=s.ref(),w=s.ref(),c=s.ref([[],[],[],[],[],[]]);let u=!1;const k=n.date.$locale().weekStart||7,v=n.date.locale("zh-cn").localeData().weekdaysShort().map(e=>e.toLowerCase()),C=s.computed(()=>k>3?7-k:-k),S=s.computed(()=>{const e=n.date.startOf("month");return e.subtract(e.day()||7,"day")}),E=s.computed(()=>v.concat(v).slice(k,k+7)),q=s.computed(()=>j.flatten(s.unref(M)).some(e=>e.isCurrent)),I=s.computed(()=>{const e=n.date.startOf("month"),a=e.day()||7,r=e.daysInMonth(),o=e.subtract(1,"month").daysInMonth();return{startOfMonthDay:a,dateCountOfMonth:r,dateCountOfLastMonth:o}}),L=s.computed(()=>n.selectionMode==="dates"?O.castArray(n.parsedValue):[]),B=(e,{count:a,rowIndex:r,columnIndex:o})=>{const{startOfMonthDay:m,dateCountOfMonth:i,dateCountOfLastMonth:f}=s.unref(I),y=s.unref(C);if(r>=0&&r<=1){const d=m+y<0?7+m+y:m+y;if(o+r*7>=d)return e.text=a,!0;e.text=f-(d-o%7)+1+r*7,e.type="prev-month"}else return a<=i?e.text=a:(e.text=a-i,e.type="next-month"),!0;return!1},K=(e,{columnIndex:a,rowIndex:r},o)=>{const{disabledDate:m,cellClassName:i}=n,f=s.unref(L),y=B(e,{count:o,rowIndex:r,columnIndex:a}),d=e.dayjs.toDate();return e.selected=f.find(Y=>Y.isSame(e.dayjs,"day")),e.isSelected=!!e.selected,e.isCurrent=R(e),e.disabled=m?.(d),e.customClass=i?.(d),y},F=e=>{if(n.selectionMode==="week"){const[a,r]=n.showWeekNumber?[1,7]:[0,6],o=W(e[a+1]);e[a].inRange=o,e[a].start=o,e[r].inRange=o,e[r].end=o}},M=s.computed(()=>{const{minDate:e,maxDate:a,rangeState:r,showWeekNumber:o}=n,m=s.unref(C),i=s.unref(c),f="day";let y=1;if(ee.buildPickerTable({row:6,column:7},i,{startDate:e,columnIndexOffset:o?1:0,nextEndDate:r.endDate||a||r.selecting&&e||null,now:A().locale(s.unref(h)).startOf(f),unit:f,relativeDateGetter:d=>s.unref(S).add(d-m,f),setCellMetadata:(...d)=>{K(...d,y)&&(y+=1)},setRowMetadata:F}),o)for(let d=0;d<6;d++)i[d][1].dayjs&&(i[d][0]={type:"week",text:i[d][1].dayjs.week()});return i});s.watch(()=>n.date,async()=>{s.unref(D)?.contains(document.activeElement)&&(await s.nextTick(),await T())});const T=async()=>s.unref(b)?.focus(),R=e=>n.selectionMode==="date"&&x(e.type)&&_(e,n.parsedValue),_=(e,a)=>a?A(a).locale(s.unref(h)).isSame(n.date.date(Number(e.text)),"day"):!1,V=(e,a)=>{const r=e*7+(a-(n.showWeekNumber?1:0))-s.unref(C);return s.unref(S).add(r,"day")},$=e=>{if(!n.rangeState.selecting)return;let a=e.target;if(a.tagName==="SPAN"&&(a=a.parentNode?.parentNode),a.tagName==="DIV"&&(a=a.parentNode),a.tagName!=="TD")return;const r=a.parentNode.rowIndex-1,o=a.cellIndex;s.unref(M)[r][o].disabled||(r!==s.unref(g)||o!==s.unref(w))&&(g.value=r,w.value=o,l("changerange",{selecting:!0,endDate:V(r,o)}))},z=e=>!s.unref(q)&&e?.text===1&&e.type==="normal"||e.isCurrent,U=e=>{u||s.unref(q)||n.selectionMode!=="date"||P(e,!0)},G=e=>{e.target.closest("td")&&(u=!0)},H=e=>{e.target.closest("td")&&(u=!1)},J=e=>{!n.rangeState.selecting||!n.minDate?(l("pick",{minDate:e,maxDate:null}),l("select",!0)):(e>=n.minDate?l("pick",{minDate:n.minDate,maxDate:e}):l("pick",{minDate:e,maxDate:n.minDate}),l("select",!1))},Q=e=>{const a=e.week(),r=`${e.year()}w${a}`;l("pick",{year:e.year(),week:a,value:r,date:e.startOf("week")})},X=(e,a)=>{const r=a?O.castArray(n.parsedValue).filter(o=>o?.valueOf()!==e.valueOf()):O.castArray(n.parsedValue).concat([e]);l("pick",r)},P=(e,a=!1)=>{const r=e.target.closest("td");if(!r)return;const o=r.parentNode.rowIndex-1,m=r.cellIndex,i=s.unref(M)[o][m];if(i.disabled||i.type==="week")return;const f=V(o,m);switch(n.selectionMode){case"range":{J(f);break}case"date":{l("pick",f,a);break}case"week":{Q(f);break}case"dates":{X(f,!!i.selected);break}}},W=e=>{if(n.selectionMode!=="week")return!1;let a=n.date.startOf("day");if(e.type==="prev-month"&&(a=a.subtract(1,"month")),e.type==="next-month"&&(a=a.add(1,"month")),a=a.date(Number.parseInt(e.text,10)),n.parsedValue&&!j.isArray(n.parsedValue)){const r=(n.parsedValue.day()-k+7)%7-1;return n.parsedValue.subtract(r,"day").isSame(a,"day")}return!1};return{WEEKS:E,rows:M,tbodyRef:D,currentCellRef:b,focus:T,isCurrent:R,isWeekActive:W,isSelectedCell:z,handlePickDate:P,handleMouseUp:H,handleMouseDown:G,handleMouseMove:$,handleFocus:U}},ae=(n,{isCurrent:l,isWeekActive:N})=>{const h=Z.useNamespace("date-table"),D=s.computed(()=>[h.b(),{"is-week-mode":n.selectionMode==="week"}]),b=s.computed(()=>t("vft.datePicker.dateTableLabel")),g=c=>{const u=[];return x(c.type)&&!c.disabled?(u.push("available"),c.type==="today"&&u.push("today")):u.push(c.type),l(c)&&u.push("current"),c.inRange&&(x(c.type)||n.selectionMode==="week")&&(u.push("in-range"),c.start&&u.push("start-date"),c.end&&u.push("end-date")),c.disabled&&u.push("disabled"),c.selected&&u.push("selected"),c.customClass&&u.push(c.customClass),u.join(" ")},w=c=>[h.e("row"),{current:N(c)}];return{tableKls:D,tableLabel:b,weekHeaderClass:h.e("week-header"),getCellClasses:g,getRowKls:w}};exports.useBasicDateTable=te;exports.useBasicDateTableDOM=ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),W=require("dayjs"),A=require("lodash-es");require("@vueuse/core");require("@vft/utils");const C=require("../../../utils/helper.cjs");require("../../form/index.cjs");const Z=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const j=require("../../../locale/use-locale.cjs"),p=require("../utils.cjs"),O=(a="")=>["normal","today"].includes(a),ee=(a,f)=>{const{t:x}=j.default(),h=n.ref("zh-cn"),y=n.ref(),k=n.ref(),D=n.ref(),b=n.ref(),w=n.ref([[],[],[],[],[],[]]);let o=!1;const c=a.date.$locale().weekStart||7,N=a.date.locale("zh-cn").localeData().weekdaysShort().map(e=>e.toLowerCase()),M=n.computed(()=>c>3?7-c:-c),v=n.computed(()=>{const e=a.date.startOf("month");return e.subtract(e.day()||7,"day")}),E=n.computed(()=>N.concat(N).slice(c,c+7)),S=n.computed(()=>A.flatten(n.unref(g)).some(e=>e.isCurrent)),I=n.computed(()=>{const e=a.date.startOf("month"),t=e.day()||7,s=e.daysInMonth(),r=e.subtract(1,"month").daysInMonth();return{startOfMonthDay:t,dateCountOfMonth:s,dateCountOfLastMonth:r}}),L=n.computed(()=>a.selectionMode==="dates"?C.castArray(a.parsedValue):[]),B=(e,{count:t,rowIndex:s,columnIndex:r})=>{const{startOfMonthDay:l,dateCountOfMonth:d,dateCountOfLastMonth:i}=n.unref(I),m=n.unref(M);if(s>=0&&s<=1){const u=l+m<0?7+l+m:l+m;if(r+s*7>=u)return e.text=t,!0;e.text=i-(u-r%7)+1+s*7,e.type="prev-month"}else return t<=d?e.text=t:(e.text=t-d,e.type="next-month"),!0;return!1},K=(e,{columnIndex:t,rowIndex:s},r)=>{const{disabledDate:l,cellClassName:d}=a,i=n.unref(L),m=B(e,{count:r,rowIndex:s,columnIndex:t}),u=e.dayjs.toDate();return e.selected=i.find(Y=>Y.isSame(e.dayjs,"day")),e.isSelected=!!e.selected,e.isCurrent=T(e),e.disabled=l?.(u),e.customClass=d?.(u),m},F=e=>{if(a.selectionMode==="week"){const[t,s]=a.showWeekNumber?[1,7]:[0,6],r=P(e[t+1]);e[t].inRange=r,e[t].start=r,e[s].inRange=r,e[s].end=r}},g=n.computed(()=>{const{minDate:e,maxDate:t,rangeState:s,showWeekNumber:r}=a,l=n.unref(M),d=n.unref(w),i="day";let m=1;if(p.buildPickerTable({row:6,column:7},d,{startDate:e,columnIndexOffset:r?1:0,nextEndDate:s.endDate||t||s.selecting&&e||null,now:W().locale(n.unref(h)).startOf(i),unit:i,relativeDateGetter:u=>n.unref(v).add(u-l,i),setCellMetadata:(...u)=>{K(...u,m)&&(m+=1)},setRowMetadata:F}),r)for(let u=0;u<6;u++)d[u][1].dayjs&&(d[u][0]={type:"week",text:d[u][1].dayjs.week()});return d});n.watch(()=>a.date,async()=>{n.unref(y)?.contains(document.activeElement)&&(await n.nextTick(),await q())});const q=async()=>n.unref(k)?.focus(),T=e=>a.selectionMode==="date"&&O(e.type)&&_(e,a.parsedValue),_=(e,t)=>t?W(t).locale(n.unref(h)).isSame(a.date.date(Number(e.text)),"day"):!1,R=(e,t)=>{const s=e*7+(t-(a.showWeekNumber?1:0))-n.unref(M);return n.unref(v).add(s,"day")},$=e=>{if(!a.rangeState.selecting)return;let t=e.target;if(t.tagName==="SPAN"&&(t=t.parentNode?.parentNode),t.tagName==="DIV"&&(t=t.parentNode),t.tagName!=="TD")return;const s=t.parentNode.rowIndex-1,r=t.cellIndex;n.unref(g)[s][r].disabled||(s!==n.unref(D)||r!==n.unref(b))&&(D.value=s,b.value=r,f("changerange",{selecting:!0,endDate:R(s,r)}))},z=e=>!n.unref(S)&&e?.text===1&&e.type==="normal"||e.isCurrent,U=e=>{o||n.unref(S)||a.selectionMode!=="date"||V(e,!0)},G=e=>{e.target.closest("td")&&(o=!0)},H=e=>{e.target.closest("td")&&(o=!1)},J=e=>{!a.rangeState.selecting||!a.minDate?(f("pick",{minDate:e,maxDate:null}),f("select",!0)):(e>=a.minDate?f("pick",{minDate:a.minDate,maxDate:e}):f("pick",{minDate:e,maxDate:a.minDate}),f("select",!1))},Q=e=>{const t=e.week(),s=`${e.year()}w${t}`;f("pick",{year:e.year(),week:t,value:s,date:e.startOf("week")})},X=(e,t)=>{const s=t?C.castArray(a.parsedValue).filter(r=>r?.valueOf()!==e.valueOf()):C.castArray(a.parsedValue).concat([e]);f("pick",s)},V=(e,t=!1)=>{const s=e.target.closest("td");if(!s)return;const r=s.parentNode.rowIndex-1,l=s.cellIndex,d=n.unref(g)[r][l];if(d.disabled||d.type==="week")return;const i=R(r,l);switch(a.selectionMode){case"range":{J(i);break}case"date":{f("pick",i,t);break}case"week":{Q(i);break}case"dates":{X(i,!!d.selected);break}}},P=e=>{if(a.selectionMode!=="week")return!1;let t=a.date.startOf("day");if(e.type==="prev-month"&&(t=t.subtract(1,"month")),e.type==="next-month"&&(t=t.add(1,"month")),t=t.date(Number.parseInt(e.text,10)),a.parsedValue&&!A.isArray(a.parsedValue)){const s=(a.parsedValue.day()-c+7)%7-1;return a.parsedValue.subtract(s,"day").isSame(t,"day")}return!1};return{WEEKS:E,rows:g,tbodyRef:y,currentCellRef:k,focus:q,isCurrent:T,isWeekActive:P,isSelectedCell:z,handlePickDate:V,handleMouseUp:H,handleMouseDown:G,handleMouseMove:$,handleFocus:U}},te=(a,{isCurrent:f,isWeekActive:x})=>{const{t:h}=j.default(),y=Z.useNamespace("date-table"),k=n.computed(()=>[y.b(),{"is-week-mode":a.selectionMode==="week"}]),D=n.computed(()=>h("vft.datePicker.dateTableLabel")),b=o=>{const c=[];return O(o.type)&&!o.disabled?(c.push("available"),o.type==="today"&&c.push("today")):c.push(o.type),f(o)&&c.push("current"),o.inRange&&(O(o.type)||a.selectionMode==="week")&&(c.push("in-range"),o.start&&c.push("start-date"),o.end&&c.push("end-date")),o.disabled&&c.push("disabled"),o.selected&&c.push("selected"),o.customClass&&c.push(o.customClass),c.join(" ")},w=o=>[y.e("row"),{current:x(o)}];return{tableKls:k,tableLabel:D,weekHeaderClass:y.e("week-header"),getCellClasses:b,getRowKls:w}};exports.useBasicDateTable=ee;exports.useBasicDateTableDOM=te;

package/lib/components/date-picker/composables/use-basic-date-table.d.ts

@@ -179,7 +179,7 @@ export declare const useBasicDateTableDOM: (props: BasicDateTableProps, { isCurr
     tableKls: import("vue").ComputedRef<(string | {
         'is-week-mode': boolean;
     })[]>;
-    tableLabel: import("vue").ComputedRef<any>;
+    tableLabel: import("vue").ComputedRef<string>;
     weekHeaderClass: string;
     getCellClasses: (cell: DateCell) => string;
     getRowKls: (cell: DateCell) => (string | {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),b=require("../../../locale/use-locale.cjs"),Y=({unlinkPanels:u,leftDate:e,rightDate:r})=>{const{t:v}=b.useLocale(),c=()=>{e.value=e.value.subtract(1,"year"),u.value||(r.value=r.value.subtract(1,"year"))},o=()=>{u.value||(e.value=e.value.add(1,"year")),r.value=r.value.add(1,"year")},l=()=>{e.value=e.value.add(1,"year")},n=()=>{r.value=r.value.subtract(1,"year")},s=a.computed(()=>`${e.value.year()} ${v("vft.datePicker.year")}`),y=a.computed(()=>`${r.value.year()} ${v("vft.datePicker.year")}`),d=a.computed(()=>e.value.year()),t=a.computed(()=>r.value.year()===e.value.year()?e.value.year()+1:r.value.year());return{leftPrevYear:c,rightNextYear:o,leftNextYear:l,rightPrevYear:n,leftLabel:s,rightLabel:y,leftYear:d,rightYear:t}};exports.useMonthRangeHeader=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),b=require("../../../locale/use-locale.cjs"),Y=({unlinkPanels:u,leftDate:e,rightDate:r})=>{const{t:v}=b.default(),c=()=>{e.value=e.value.subtract(1,"year"),u.value||(r.value=r.value.subtract(1,"year"))},o=()=>{u.value||(e.value=e.value.add(1,"year")),r.value=r.value.add(1,"year")},l=()=>{e.value=e.value.add(1,"year")},n=()=>{r.value=r.value.subtract(1,"year")},s=a.computed(()=>`${e.value.year()} ${v("vft.datePicker.year")}`),d=a.computed(()=>`${r.value.year()} ${v("vft.datePicker.year")}`),t=a.computed(()=>e.value.year()),y=a.computed(()=>r.value.year()===e.value.year()?e.value.year()+1:r.value.year());return{leftPrevYear:c,rightNextYear:o,leftNextYear:l,rightPrevYear:n,leftLabel:s,rightLabel:d,leftYear:t,rightYear:y}};exports.useMonthRangeHeader=Y;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");require("../../time-picker/index.cjs");const j=require("../../../locale/use-locale.cjs"),R=require("../utils.cjs"),B=require("../../time-picker/constants.cjs"),I=(V,Y,o,u)=>{const{t:L}=j.useLocale(),i=n.ref("date"),f=n.ref(),l=n.ref("date"),h=n.ref(),b=n.inject(B.PICKER_BASE_INJECTION_KEY),{disabledDate:d}=b.props,v=n.ref("zh-cn"),P=n.computed(()=>o.value.year()),p=n.computed(()=>o.value.month()),g=n.computed(()=>u.value.year()),$=n.computed(()=>u.value.month());function y(e,r){const a=L("vft.datePicker.year");if(e.value==="year"){const t=Math.floor(r.value/10)*10;return a?`${t} ${a} - ${t+9} ${a}`:`${t} - ${t+9}`}return`${r.value} ${a}`}function w(e){e?.focus()}async function k(e,r){const a=e==="left"?i:l,t=e==="left"?f:h;a.value=r,await n.nextTick(),w(t.value)}async function s(e,r,a){const t=r==="left",c=t?o:u,M=t?u:o,q=t?i:l,E=t?f:h;if(e==="year"){const O=c.value.year(a);c.value=R.getValidDateOfYear(O,v.value,d)}e==="month"&&(c.value=R.getValidDateOfMonth(c.value,c.value.year(),a,v.value,d)),V.unlinkPanels||(M.value=r==="left"?c.value.add(1,"month"):c.value.subtract(1,"month")),q.value=e==="year"?"month":"date",await n.nextTick(),w(E.value),m(e)}function m(e){Y("panel-change",[o.value.toDate(),u.value.toDate()],e)}function C(e,r,a){const t=a?"add":"subtract";return e==="year"?r[t](10,"year"):r[t](1,"year")}return{leftCurrentView:i,rightCurrentView:l,leftCurrentViewRef:f,rightCurrentViewRef:h,leftYear:P,rightYear:g,leftMonth:p,rightMonth:$,leftYearLabel:n.computed(()=>y(i,P)),rightYearLabel:n.computed(()=>y(l,g)),showLeftPicker:e=>k("left",e),showRightPicker:e=>k("right",e),handleLeftYearPick:e=>s("year","left",e),handleRightYearPick:e=>s("year","right",e),handleLeftMonthPick:e=>s("month","left",e),handleRightMonthPick:e=>s("month","right",e),handlePanelChange:m,adjustDateByView:C}};exports.usePanelDateRange=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");require("../../time-picker/index.cjs");const j=require("../../../locale/use-locale.cjs"),R=require("../utils.cjs"),B=require("../../time-picker/constants.cjs"),I=(V,Y,u,o)=>{const{t:b}=j.default(),i=n.ref("date"),f=n.ref(),l=n.ref("date"),h=n.ref(),p=n.inject(B.PICKER_BASE_INJECTION_KEY),{disabledDate:d}=p.props,v=n.ref("zh-cn"),P=n.computed(()=>u.value.year()),L=n.computed(()=>u.value.month()),g=n.computed(()=>o.value.year()),$=n.computed(()=>o.value.month());function y(e,r){const a=b("vft.datePicker.year");if(e.value==="year"){const t=Math.floor(r.value/10)*10;return a?`${t} ${a} - ${t+9} ${a}`:`${t} - ${t+9}`}return`${r.value} ${a}`}function w(e){e?.focus()}async function k(e,r){const a=e==="left"?i:l,t=e==="left"?f:h;a.value=r,await n.nextTick(),w(t.value)}async function s(e,r,a){const t=r==="left",c=t?u:o,M=t?o:u,q=t?i:l,E=t?f:h;if(e==="year"){const O=c.value.year(a);c.value=R.getValidDateOfYear(O,v.value,d)}e==="month"&&(c.value=R.getValidDateOfMonth(c.value,c.value.year(),a,v.value,d)),V.unlinkPanels||(M.value=r==="left"?c.value.add(1,"month"):c.value.subtract(1,"month")),q.value=e==="year"?"month":"date",await n.nextTick(),w(E.value),m(e)}function m(e){Y("panel-change",[u.value.toDate(),o.value.toDate()],e)}function C(e,r,a){const t=a?"add":"subtract";return e==="year"?r[t](10,"year"):r[t](1,"year")}return{leftCurrentView:i,rightCurrentView:l,leftCurrentViewRef:f,rightCurrentViewRef:h,leftYear:P,rightYear:g,leftMonth:L,rightMonth:$,leftYearLabel:n.computed(()=>y(i,P)),rightYearLabel:n.computed(()=>y(l,g)),showLeftPicker:e=>k("left",e),showRightPicker:e=>k("right",e),handleLeftYearPick:e=>s("year","left",e),handleRightYearPick:e=>s("year","right",e),handleLeftMonthPick:e=>s("month","left",e),handleRightMonthPick:e=>s("month","right",e),handlePanelChange:m,adjustDateByView:C}};exports.usePanelDateRange=I;

package/lib/components/date-picker/date-picker-com/basic-month-table.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),D=require("dayjs");require("@vueuse/core");const v=require("@vft/utils"),m=require("../../../utils/helper.cjs");require("lodash-es");require("../../form/index.cjs");const R=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const V=require("../../../locale/use-locale.cjs"),E=require("../props/basic-month-table.cjs"),x=require("../utils.cjs"),I=require("./basic-cell-render.cjs"),L=["aria-label"],j=["aria-selected","tabindex","onKeydown"],z=t.defineComponent({__name:"basic-month-table",props:E.basicMonthTableProps,emits:["changerange","pick","select"],setup(S,{expose:M,emit:q}){const e=S,d=q,_=R.useNamespace("month-table"),{t:C}=V.useLocale(),f=t.ref("zh-cn"),g=t.ref(),h=t.ref(),N=t.ref(e.date.locale("zh-cn").localeData().monthsShort().map(s=>s.toLowerCase())),B=t.ref([[],[],[]]),b=t.ref(),w=t.ref(),k=t.computed(()=>{const s=B.value,a=D().locale(f.value).startOf("month");for(let n=0;n<3;n++){const l=s[n];for(let r=0;r<4;r++){const o=l[r]||={row:n,column:r,type:"normal",inRange:!1,start:!1,end:!1,text:-1,disabled:!1};o.type="normal";const u=n*4+r,i=e.date.startOf("year").month(u),c=e.rangeState.endDate||e.maxDate||e.rangeState.selecting&&e.minDate||null;o.inRange=!!(e.minDate&&i.isSameOrAfter(e.minDate,"month")&&c&&i.isSameOrBefore(c,"month"))||!!(e.minDate&&i.isSameOrBefore(e.minDate,"month")&&c&&i.isSameOrAfter(c,"month")),e.minDate?.isSameOrAfter(c)?(o.start=!!(c&&i.isSame(c,"month")),o.end=e.minDate&&i.isSame(e.minDate,"month")):(o.start=!!(e.minDate&&i.isSame(e.minDate,"month")),o.end=!!(c&&i.isSame(c,"month"))),a.isSame(i)&&(o.type="today"),o.text=u,o.disabled=e.disabledDate?.(i.toDate())||!1}}return s}),T=()=>{h.value?.focus()},O=s=>{const a={},n=e.date.year(),l=new Date,r=s.text;return a.disabled=e.disabledDate?x.datesInMonth(e.date,n,r,f.value).every(e.disabledDate):!1,a.current=m.castArray(e.parsedValue).findIndex(o=>D.isDayjs(o)&&o.year()===n&&o.month()===r)>=0,a.today=l.getFullYear()===n&&l.getMonth()===r,s.inRange&&(a["in-range"]=!0,s.start&&(a["start-date"]=!0),s.end&&(a["end-date"]=!0)),a},p=s=>{const a=e.date.year(),n=s.text;return m.castArray(e.date).findIndex(l=>l.year()===a&&l.month()===n)>=0},A=s=>{if(!e.rangeState.selecting)return;let a=s.target;if(a.tagName==="SPAN"&&(a=a.parentNode?.parentNode),a.tagName==="DIV"&&(a=a.parentNode),a.tagName!=="TD")return;const n=a.parentNode.rowIndex,l=a.cellIndex;k.value[n][l].disabled||(n!==b.value||l!==w.value)&&(b.value=n,w.value=l,d("changerange",{selecting:!0,endDate:e.date.startOf("year").month(n*4+l)}))},y=s=>{const a=s.target?.closest("td");if(a?.tagName!=="TD"||v.hasClass(a,"disabled"))return;const n=a.cellIndex,r=a.parentNode.rowIndex*4+n,o=e.date.startOf("year").month(r);if(e.selectionMode==="months"){if(s.type==="keydown"){d("pick",m.castArray(e.parsedValue),!1);return}const u=x.getValidDateOfMonth(e.date,e.date.year(),r,f.value,e.disabledDate),i=v.hasClass(a,"current")?m.castArray(e.parsedValue).filter(c=>c?.year()!==u.year()||c?.month()!==u.month()):m.castArray(e.parsedValue).concat([D(u)]);d("pick",i)}else e.selectionMode==="range"?e.rangeState.selecting?(e.minDate&&o>=e.minDate?d("pick",{minDate:e.minDate,maxDate:o}):d("pick",{minDate:o,maxDate:e.minDate}),d("select",!1)):(d("pick",{minDate:o,maxDate:null}),d("select",!0)):d("pick",r)};return t.watch(()=>e.date,async()=>{g.value?.contains(document.activeElement)&&(await t.nextTick(),h.value?.focus())}),M({focus:T}),(s,a)=>(t.openBlock(),t.createElementBlock("table",{role:"grid","aria-label":t.unref(C)("vft.datePicker.monthTableLabel"),class:t.normalizeClass(t.unref(_).b()),onClick:y,onMousemove:A},[t.createElementVNode("tbody",{ref_key:"tbodyRef",ref:g},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(k.value,(n,l)=>(t.openBlock(),t.createElementBlock("tr",{key:l},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n,(r,o)=>(t.openBlock(),t.createElementBlock("td",{key:o,ref_for:!0,ref:u=>p(r)&&(h.value=u),class:t.normalizeClass(O(r)),"aria-selected":`${p(r)}`,tabindex:p(r)?0:-1,onKeydown:[t.withKeys(t.withModifiers(y,["prevent","stop"]),["space"]),t.withKeys(t.withModifiers(y,["prevent","stop"]),["enter"])]},[t.createVNode(t.unref(I.default),{cell:{...r,renderText:N.value[r.text]}},null,8,["cell"])],42,j))),128))]))),128))],512)],42,L))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),D=require("dayjs");require("@vueuse/core");const v=require("@vft/utils"),m=require("../../../utils/helper.cjs");require("lodash-es");require("../../form/index.cjs");const R=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const V=require("../../../locale/use-locale.cjs"),E=require("../props/basic-month-table.cjs"),x=require("../utils.cjs"),I=require("./basic-cell-render.cjs"),L=["aria-label"],j=["aria-selected","tabindex","onKeydown"],z=t.defineComponent({__name:"basic-month-table",props:E.basicMonthTableProps,emits:["changerange","pick","select"],setup(S,{expose:M,emit:q}){const e=S,d=q,_=R.useNamespace("month-table"),{t:C}=V.default(),f=t.ref("zh-cn"),g=t.ref(),h=t.ref(),N=t.ref(e.date.locale("zh-cn").localeData().monthsShort().map(s=>s.toLowerCase())),B=t.ref([[],[],[]]),b=t.ref(),w=t.ref(),k=t.computed(()=>{const s=B.value,a=D().locale(f.value).startOf("month");for(let n=0;n<3;n++){const l=s[n];for(let r=0;r<4;r++){const o=l[r]||={row:n,column:r,type:"normal",inRange:!1,start:!1,end:!1,text:-1,disabled:!1};o.type="normal";const u=n*4+r,i=e.date.startOf("year").month(u),c=e.rangeState.endDate||e.maxDate||e.rangeState.selecting&&e.minDate||null;o.inRange=!!(e.minDate&&i.isSameOrAfter(e.minDate,"month")&&c&&i.isSameOrBefore(c,"month"))||!!(e.minDate&&i.isSameOrBefore(e.minDate,"month")&&c&&i.isSameOrAfter(c,"month")),e.minDate?.isSameOrAfter(c)?(o.start=!!(c&&i.isSame(c,"month")),o.end=e.minDate&&i.isSame(e.minDate,"month")):(o.start=!!(e.minDate&&i.isSame(e.minDate,"month")),o.end=!!(c&&i.isSame(c,"month"))),a.isSame(i)&&(o.type="today"),o.text=u,o.disabled=e.disabledDate?.(i.toDate())||!1}}return s}),T=()=>{h.value?.focus()},O=s=>{const a={},n=e.date.year(),l=new Date,r=s.text;return a.disabled=e.disabledDate?x.datesInMonth(e.date,n,r,f.value).every(e.disabledDate):!1,a.current=m.castArray(e.parsedValue).findIndex(o=>D.isDayjs(o)&&o.year()===n&&o.month()===r)>=0,a.today=l.getFullYear()===n&&l.getMonth()===r,s.inRange&&(a["in-range"]=!0,s.start&&(a["start-date"]=!0),s.end&&(a["end-date"]=!0)),a},p=s=>{const a=e.date.year(),n=s.text;return m.castArray(e.date).findIndex(l=>l.year()===a&&l.month()===n)>=0},A=s=>{if(!e.rangeState.selecting)return;let a=s.target;if(a.tagName==="SPAN"&&(a=a.parentNode?.parentNode),a.tagName==="DIV"&&(a=a.parentNode),a.tagName!=="TD")return;const n=a.parentNode.rowIndex,l=a.cellIndex;k.value[n][l].disabled||(n!==b.value||l!==w.value)&&(b.value=n,w.value=l,d("changerange",{selecting:!0,endDate:e.date.startOf("year").month(n*4+l)}))},y=s=>{const a=s.target?.closest("td");if(a?.tagName!=="TD"||v.hasClass(a,"disabled"))return;const n=a.cellIndex,r=a.parentNode.rowIndex*4+n,o=e.date.startOf("year").month(r);if(e.selectionMode==="months"){if(s.type==="keydown"){d("pick",m.castArray(e.parsedValue),!1);return}const u=x.getValidDateOfMonth(e.date,e.date.year(),r,f.value,e.disabledDate),i=v.hasClass(a,"current")?m.castArray(e.parsedValue).filter(c=>c?.year()!==u.year()||c?.month()!==u.month()):m.castArray(e.parsedValue).concat([D(u)]);d("pick",i)}else e.selectionMode==="range"?e.rangeState.selecting?(e.minDate&&o>=e.minDate?d("pick",{minDate:e.minDate,maxDate:o}):d("pick",{minDate:o,maxDate:e.minDate}),d("select",!1)):(d("pick",{minDate:o,maxDate:null}),d("select",!0)):d("pick",r)};return t.watch(()=>e.date,async()=>{g.value?.contains(document.activeElement)&&(await t.nextTick(),h.value?.focus())}),M({focus:T}),(s,a)=>(t.openBlock(),t.createElementBlock("table",{role:"grid","aria-label":t.unref(C)("vft.datePicker.monthTableLabel"),class:t.normalizeClass(t.unref(_).b()),onClick:y,onMousemove:A},[t.createElementVNode("tbody",{ref_key:"tbodyRef",ref:g},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(k.value,(n,l)=>(t.openBlock(),t.createElementBlock("tr",{key:l},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n,(r,o)=>(t.openBlock(),t.createElementBlock("td",{key:o,ref_for:!0,ref:u=>p(r)&&(h.value=u),class:t.normalizeClass(O(r)),"aria-selected":`${p(r)}`,tabindex:p(r)?0:-1,onKeydown:[t.withKeys(t.withModifiers(y,["prevent","stop"]),["space"]),t.withKeys(t.withModifiers(y,["prevent","stop"]),["enter"])]},[t.createVNode(t.unref(I.default),{cell:{...r,renderText:N.value[r.text]}},null,8,["cell"])],42,j))),128))]))),128))],512)],42,L))}});exports.default=z;

package/lib/components/date-picker/date-picker-com/basic-year-table.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("dayjs");require("@vueuse/core");const S=require("@vft/utils"),m=require("../../../utils/helper.cjs");require("lodash-es");require("../../form/index.cjs");const E=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const V=require("../../../locale/use-locale.cjs");require("../../time-picker/index.cjs");const I=require("../props/basic-year-table.cjs"),L=require("../utils.cjs"),N=require("./basic-cell-render.cjs"),K=require("../../time-picker/utils.cjs"),$=["aria-label"],j=["aria-selected","aria-label","tabindex","onKeydown"],z=e.defineComponent({__name:"basic-year-table",props:I.basicYearTableProps,emits:["changerange","pick","select"],setup(h,{expose:q,emit:_}){const t=h,d=_,{t:C}=V.useLocale(),O=(l,a)=>{const r=f(String(l)).locale(a).startOf("year"),n=r.endOf("year").dayOfYear();return K.rangeArr(n).map(s=>r.add(s,"day").toDate())},B=E.useNamespace("year-table"),y=e.ref("zh-cn"),v=e.ref(),p=e.ref(),D=e.computed(()=>Math.floor(t.date.year()/10)*10),M=e.ref([[],[],[]]),k=e.ref(),x=e.ref(),w=e.computed(()=>{const l=M.value,a=f().locale(y.value).startOf("year");for(let r=0;r<3;r++){const o=l[r];for(let n=0;n<4&&!(r*4+n>=10);n++){let s=o[n];s||(s={row:r,column:n,type:"normal",inRange:!1,start:!1,end:!1,text:-1,disabled:!1}),s.type="normal";const u=r*4+n+D.value,i=f().year(u),c=t.rangeState.endDate||t.maxDate||t.rangeState.selecting&&t.minDate||null;s.inRange=!!(t.minDate&&i.isSameOrAfter(t.minDate,"year")&&c&&i.isSameOrBefore(c,"year"))||!!(t.minDate&&i.isSameOrBefore(t.minDate,"year")&&c&&i.isSameOrAfter(c,"year")),t.minDate?.isSameOrAfter(c)?(s.start=!!(c&&i.isSame(c,"year")),s.end=!!(t.minDate&&i.isSame(t.minDate,"year"))):(s.start=!!(t.minDate&&i.isSame(t.minDate,"year")),s.end=!!(c&&i.isSame(c,"year"))),a.isSame(i)&&(s.type="today"),s.text=u;const Y=i.toDate();s.disabled=t.disabledDate&&t.disabledDate(Y)||!1,o[n]=s}}return l}),A=()=>{p.value?.focus()},R=l=>{const a={},r=f().locale(y.value),o=l.text;return a.disabled=t.disabledDate?O(o,y.value).every(t.disabledDate):!1,a.today=r.year()===o,a.current=m.castArray(t.parsedValue).findIndex(n=>n.year()===o)>=0,l.inRange&&(a["in-range"]=!0,l.start&&(a["start-date"]=!0),l.end&&(a["end-date"]=!0)),a},b=l=>{const a=l.text;return m.castArray(t.date).findIndex(r=>r.year()===a)>=0},g=l=>{const a=l.target?.closest("td");if(!a||!a.textContent||S.hasClass(a,"disabled"))return;const r=a.cellIndex,n=a.parentNode.rowIndex*4+r+D.value,s=f().year(n);if(t.selectionMode==="range")t.rangeState.selecting?(t.minDate&&s>=t.minDate?d("pick",{minDate:t.minDate,maxDate:s}):d("pick",{minDate:s,maxDate:t.minDate}),d("select",!1)):(d("pick",{minDate:s,maxDate:null}),d("select",!0));else if(t.selectionMode==="years"){if(l.type==="keydown"){d("pick",m.castArray(t.parsedValue),!1);return}const u=L.getValidDateOfYear(s.startOf("year"),y.value,t.disabledDate),i=S.hasClass(a,"current")?m.castArray(t.parsedValue).filter(c=>c?.year()!==n):m.castArray(t.parsedValue).concat([u]);d("pick",i)}else d("pick",n)},T=l=>{if(!t.rangeState.selecting)return;const a=l.target?.closest("td");if(!a)return;const r=a.parentNode.rowIndex,o=a.cellIndex;w.value[r][o].disabled||(r!==k.value||o!==x.value)&&(k.value=r,x.value=o,d("changerange",{selecting:!0,endDate:f().year(D.value).add(r*4+o,"year")}))};return e.watch(()=>t.date,async()=>{v.value?.contains(document.activeElement)&&(await e.nextTick(),p.value?.focus())}),q({focus:A}),(l,a)=>(e.openBlock(),e.createElementBlock("table",{role:"grid","aria-label":e.unref(C)("vft.datePicker.yearTableLabel"),class:e.normalizeClass(e.unref(B).b()),onClick:g,onMousemove:T},[e.createElementVNode("tbody",{ref_key:"tbodyRef",ref:v},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(r,o)=>(e.openBlock(),e.createElementBlock("tr",{key:o},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(n,s)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}_${s}`,ref_for:!0,ref:u=>b(n)&&(p.value=u),class:e.normalizeClass(["available",R(n)]),"aria-selected":b(n),"aria-label":String(n.text),tabindex:b(n)?0:-1,onKeydown:[e.withKeys(e.withModifiers(g,["prevent","stop"]),["space"]),e.withKeys(e.withModifiers(g,["prevent","stop"]),["enter"])]},[e.createVNode(e.unref(N.default),{cell:n},null,8,["cell"])],42,j))),128))]))),128))],512)],42,$))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("dayjs");require("@vueuse/core");const S=require("@vft/utils"),m=require("../../../utils/helper.cjs");require("lodash-es");require("../../form/index.cjs");const E=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const V=require("../../../locale/use-locale.cjs");require("../../time-picker/index.cjs");const I=require("../props/basic-year-table.cjs"),N=require("../utils.cjs"),K=require("./basic-cell-render.cjs"),L=require("../../time-picker/utils.cjs"),$=["aria-label"],j=["aria-selected","aria-label","tabindex","onKeydown"],z=e.defineComponent({__name:"basic-year-table",props:I.basicYearTableProps,emits:["changerange","pick","select"],setup(h,{expose:q,emit:_}){const t=h,d=_,{t:C}=V.default(),O=(l,a)=>{const r=f(String(l)).locale(a).startOf("year"),n=r.endOf("year").dayOfYear();return L.rangeArr(n).map(s=>r.add(s,"day").toDate())},B=E.useNamespace("year-table"),y=e.ref("zh-cn"),v=e.ref(),p=e.ref(),D=e.computed(()=>Math.floor(t.date.year()/10)*10),M=e.ref([[],[],[]]),k=e.ref(),x=e.ref(),w=e.computed(()=>{const l=M.value,a=f().locale(y.value).startOf("year");for(let r=0;r<3;r++){const o=l[r];for(let n=0;n<4&&!(r*4+n>=10);n++){let s=o[n];s||(s={row:r,column:n,type:"normal",inRange:!1,start:!1,end:!1,text:-1,disabled:!1}),s.type="normal";const u=r*4+n+D.value,i=f().year(u),c=t.rangeState.endDate||t.maxDate||t.rangeState.selecting&&t.minDate||null;s.inRange=!!(t.minDate&&i.isSameOrAfter(t.minDate,"year")&&c&&i.isSameOrBefore(c,"year"))||!!(t.minDate&&i.isSameOrBefore(t.minDate,"year")&&c&&i.isSameOrAfter(c,"year")),t.minDate?.isSameOrAfter(c)?(s.start=!!(c&&i.isSame(c,"year")),s.end=!!(t.minDate&&i.isSame(t.minDate,"year"))):(s.start=!!(t.minDate&&i.isSame(t.minDate,"year")),s.end=!!(c&&i.isSame(c,"year"))),a.isSame(i)&&(s.type="today"),s.text=u;const Y=i.toDate();s.disabled=t.disabledDate&&t.disabledDate(Y)||!1,o[n]=s}}return l}),A=()=>{p.value?.focus()},R=l=>{const a={},r=f().locale(y.value),o=l.text;return a.disabled=t.disabledDate?O(o,y.value).every(t.disabledDate):!1,a.today=r.year()===o,a.current=m.castArray(t.parsedValue).findIndex(n=>n.year()===o)>=0,l.inRange&&(a["in-range"]=!0,l.start&&(a["start-date"]=!0),l.end&&(a["end-date"]=!0)),a},b=l=>{const a=l.text;return m.castArray(t.date).findIndex(r=>r.year()===a)>=0},g=l=>{const a=l.target?.closest("td");if(!a||!a.textContent||S.hasClass(a,"disabled"))return;const r=a.cellIndex,n=a.parentNode.rowIndex*4+r+D.value,s=f().year(n);if(t.selectionMode==="range")t.rangeState.selecting?(t.minDate&&s>=t.minDate?d("pick",{minDate:t.minDate,maxDate:s}):d("pick",{minDate:s,maxDate:t.minDate}),d("select",!1)):(d("pick",{minDate:s,maxDate:null}),d("select",!0));else if(t.selectionMode==="years"){if(l.type==="keydown"){d("pick",m.castArray(t.parsedValue),!1);return}const u=N.getValidDateOfYear(s.startOf("year"),y.value,t.disabledDate),i=S.hasClass(a,"current")?m.castArray(t.parsedValue).filter(c=>c?.year()!==n):m.castArray(t.parsedValue).concat([u]);d("pick",i)}else d("pick",n)},T=l=>{if(!t.rangeState.selecting)return;const a=l.target?.closest("td");if(!a)return;const r=a.parentNode.rowIndex,o=a.cellIndex;w.value[r][o].disabled||(r!==k.value||o!==x.value)&&(k.value=r,x.value=o,d("changerange",{selecting:!0,endDate:f().year(D.value).add(r*4+o,"year")}))};return e.watch(()=>t.date,async()=>{v.value?.contains(document.activeElement)&&(await e.nextTick(),p.value?.focus())}),q({focus:A}),(l,a)=>(e.openBlock(),e.createElementBlock("table",{role:"grid","aria-label":e.unref(C)("vft.datePicker.yearTableLabel"),class:e.normalizeClass(e.unref(B).b()),onClick:g,onMousemove:T},[e.createElementVNode("tbody",{ref_key:"tbodyRef",ref:v},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(r,o)=>(e.openBlock(),e.createElementBlock("tr",{key:o},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(n,s)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}_${s}`,ref_for:!0,ref:u=>b(n)&&(p.value=u),class:e.normalizeClass(["available",R(n)]),"aria-selected":b(n),"aria-label":String(n.text),tabindex:b(n)?0:-1,onKeydown:[e.withKeys(e.withModifiers(g,["prevent","stop"]),["space"]),e.withKeys(e.withModifiers(g,["prevent","stop"]),["enter"])]},[e.createVNode(e.unref(K.default),{cell:n},null,8,["cell"])],42,j))),128))]))),128))],512)],42,$))}});exports.default=z;

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"),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.useLocale(),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;
+"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"),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"),me=require("./basic-date-table.vue2.cjs"),Ze=require("../../../locale/use-locale.cjs"),fe=require("../../time-picker/time-picker-com/panel-time-pick.vue2.cjs"),ea=require("../../time-picker/constants.cjs"),ve=require("../../time-picker/utils.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.useLocale(),{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:f,rightCurrentView:m,leftCurrentViewRef:L,rightCurrentViewRef:O,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||ve.extractTimeFormat(P.value)),U=e.computed(()=>d.dateFormat||ve.extractDateFormat(P.value)),Te=t=>Y.isValidRange(t)&&(c?!c(t[0].toDate())&&!c(t[1].toDate()):!0),Re=()=>{o.value=B(f.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(m.value,u.value,!0):(o.value=B(m.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(f.value,o.value,!0),k("year")},_e=()=>{o.value=o.value.add(1,"month"),k("month")},$e=()=>{u.value=B(m.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},Le=()=>{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))},Oe=(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(fe.default),{visible:w.value,format:z.value,"datetime-role":"start","parsed-value":o.value,onPick:Oe},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(fe.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),Le]])],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(f)==="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(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-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(f)==="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(f)==="date"]])])],2),e.unref(f)==="date"?(e.openBlock(),e.createBlock(me.default,{key:0,ref_key:"leftCurrentViewRef",ref:L,"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(f)==="year"?(e.openBlock(),e.createBlock(de.default,{key:1,ref_key:"leftCurrentViewRef",ref:L,"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(f)==="month"?(e.openBlock(),e.createBlock(ce.default,{key:2,ref_key:"leftCurrentViewRef",ref:L,"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(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-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(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(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(m)==="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(m)==="date"]])])],2),e.unref(m)==="date"?(e.openBlock(),e.createBlock(me.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(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:"rightCurrentViewRef",ref:O,"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(m)==="month"?(e.openBlock(),e.createBlock(ce.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(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;
+"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"),L=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:T}){const x=T,o=A.useNamespace("date-time-select"),{t:$}=H.useLocale(),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: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 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 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 R(n,a){V.value=n,D.value.handleClose(),t.value=M(a),x("change",t.value)}function S(){t.value=""}const N=e.computed(()=>L.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=L.isArray(i.dateList[0])?i.dateList:[i.dateList];return e.createVNode("div",{class:o.e("content")},[e.createVNode(e.Fragment,null,[n.map((a,p)=>e.createVNode("div",{key:p,class:o.e("item-container")},[a.map((d,l)=>e.createVNode("div",{class:[o.e("item"),o.is("active",V.value===l)],onClick:()=>R(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(j.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: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;
+"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 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.useLocale(),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;
+"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;