vft 0.0.239 → 0.0.241

package/lib/components/date-picker/date-picker-com/basic-date-table.vue.d.ts

@@ -1,5 +1,5 @@
 import type { Dayjs } from 'dayjs';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly cellClassName: {
         readonly type: import("vue").PropType<(date: Date) => string>;
         readonly required: false;
@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly showWeekNumber: BooleanConstructor;
-    readonly selectionMode: import("../../../utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     readonly disabledDate: {
         readonly type: import("vue").PropType<(date: Date) => boolean>;
         readonly required: false;
@@ -21,33 +21,33 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly minDate: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | ((new (...args: any[]) => Dayjs) | (() => Dayjs | null))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly maxDate: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | ((new (...args: any[]) => Dayjs) | (() => Dayjs | null))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly parsedValue: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | ((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly rangeState: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | ((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState))[], unknown, unknown, () => {
+    readonly rangeState: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
         endDate: null;
         selecting: boolean;
     }, boolean>;
-}, {
+}>, {
     /**
      * @description focus on current cell
      */
     focus: () => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (...args: any[]) => void;
     pick: (...args: any[]) => void;
     changerange: (...args: any[]) => void;
@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly showWeekNumber: BooleanConstructor;
-    readonly selectionMode: import("../../../utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     readonly disabledDate: {
         readonly type: import("vue").PropType<(date: Date) => boolean>;
         readonly required: false;
@@ -73,34 +73,34 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly minDate: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | ((new (...args: any[]) => Dayjs) | (() => Dayjs | null))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly maxDate: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | ((new (...args: any[]) => Dayjs) | (() => Dayjs | null))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly parsedValue: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | ((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly rangeState: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | ((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState))[], unknown, unknown, () => {
+    readonly rangeState: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
         endDate: null;
         selecting: boolean;
     }, boolean>;
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onPick?: ((...args: any[]) => any) | undefined;
     onChangerange?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly rangeState: import("../props/shared").RangeState;
     readonly showWeekNumber: boolean;
     readonly selectionMode: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),J=require("../../../constants/date.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const K=require("lodash-es"),Q=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("dayjs"),X=require("../props/basic-date-table.cjs"),p=require("../utils.cjs"),Z=require("./basic-cell-render.cjs"),ee={key:0,scope:"col"},te=["aria-label"],ae=["aria-current","aria-selected","tabindex"],ne=a.defineComponent({__name:"basic-date-table",props:X.basicDateTableProps,emits:["changerange","pick","select"],setup(S,{expose:V,emit:R}){const n=S,l=R,g=Q.useNamespace("date-table"),v=a.ref("zh-cn"),M=a.ref(),y=a.ref(),w=a.ref(),C=a.ref(),A=a.ref([[],[],[],[],[],[]]);let h=!1;const f=n.date.$locale("zh-cn").weekStart||7,k=a.computed(()=>f>3?7-f:-f),D=a.computed(()=>{const e=n.date.startOf("month");return e.subtract(e.day()||7,"day")}),O=a.computed(()=>K.flatten(m.value).some(e=>e.isCurrent)),W=a.computed(()=>{const e=n.date.startOf("month"),t=e.day()||7,s=e.daysInMonth(),r=e.subtract(1,"month").daysInMonth();return{startOfMonthDay:t,dateCountOfMonth:s,dateCountOfLastMonth:r}}),F=a.computed(()=>n.selectionMode==="dates"?p.castArray(n.parsedValue):[]),I=(e,{count:t,rowIndex:s,columnIndex:r})=>{const{startOfMonthDay:o,dateCountOfMonth:i,dateCountOfLastMonth:u}=a.unref(W),d=a.unref(k);if(s>=0&&s<=1){const c=o+d<0?7+o+d:o+d;if(r+s*7>=c)return e.text=t,!0;e.text=u-(c-r%7)+1+s*7,e.type="prev-month"}else return t<=i?e.text=t:(e.text=t-i,e.type="next-month"),!0;return!1},T=(e,{columnIndex:t,rowIndex:s},r)=>{const{disabledDate:o,cellClassName:i}=n,u=a.unref(F),d=I(e,{count:r,rowIndex:s,columnIndex:t}),c=e.dayjs.toDate();return e.selected=u.find(H=>H.valueOf()===e.dayjs.valueOf()),e.isSelected=!!e.selected,e.isCurrent=x(e),e.disabled=o==null?void 0:o(c),e.customClass=i==null?void 0:i(c),d},P=e=>{if(n.selectionMode==="week"){const[t,s]=n.showWeekNumber?[1,7]:[0,6],r=E(e[t+1]);e[t].inRange=r,e[t].start=r,e[s].inRange=r,e[s].end=r}},m=a.computed(()=>{const{minDate:e,maxDate:t,rangeState:s,showWeekNumber:r}=n,o=k.value,i=A.value,u="day";let d=1;if(r)for(let c=0;c<6;c++)i[c][0]||(i[c][0]={type:"week",text:D.value.add(c*7+1,u).week()});return p.buildPickerTable({row:6,column:7},i,{startDate:e,columnIndexOffset:r?1:0,nextEndDate:s.endDate||t||s.selecting&&e||null,now:q().locale(a.unref(v)).startOf(u),unit:u,relativeDateGetter:c=>D.value.add(c-o,u),setCellMetadata:(...c)=>{T(...c,d)&&(d+=1)},setRowMetadata:P}),i});a.watch(()=>n.date,async()=>{var e,t;(e=M.value)!=null&&e.contains(document.activeElement)&&(await a.nextTick(),(t=y.value)==null||t.focus())});const j=async()=>{var e;(e=y.value)==null||e.focus()},b=(e="")=>["normal","today"].includes(e),x=e=>n.selectionMode==="date"&&b(e.type)&&z(e,n.parsedValue),z=(e,t)=>t?q(t).locale(v.value).isSame(n.date.date(Number(e.text)),"day"):!1,L=e=>{const t=[];return b(e.type)&&!e.disabled?(t.push("available"),e.type==="today"&&t.push("today")):t.push(e.type),x(e)&&t.push("current"),e.inRange&&(b(e.type)||n.selectionMode==="week")&&(t.push("in-range"),e.start&&t.push("start-date"),e.end&&t.push("end-date")),e.disabled&&t.push("disabled"),e.selected&&t.push("selected"),e.customClass&&t.push(e.customClass),t.join(" ")},N=(e,t)=>{const s=e*7+(t-(n.showWeekNumber?1:0))-k.value;return D.value.add(s,"day")},$=e=>{var o;if(!n.rangeState.selecting)return;let t=e.target;if(t.tagName==="SPAN"&&(t=(o=t.parentNode)==null?void 0:o.parentNode),t.tagName==="DIV"&&(t=t.parentNode),t.tagName!=="TD")return;const s=t.parentNode.rowIndex-1,r=t.cellIndex;m.value[s][r].disabled||(s!==w.value||r!==C.value)&&(w.value=s,C.value=r,l("changerange",{selecting:!0,endDate:N(s,r)}))},_=e=>!O.value&&(e==null?void 0:e.text)===1&&e.type==="normal"||e.isCurrent,U=e=>{h||O.value||n.selectionMode!=="date"||B(e,!0)},G=e=>{e.target.closest("td")&&(h=!0)},Y=e=>{e.target.closest("td")&&(h=!1)},B=(e,t=!1)=>{const s=e.target.closest("td");if(!s)return;const r=s.parentNode.rowIndex-1,o=s.cellIndex,i=m.value[r][o];if(i.disabled||i.type==="week")return;const u=N(r,o);if(n.selectionMode==="range")!n.rangeState.selecting||!n.minDate?(l("pick",{minDate:u,maxDate:null}),l("select",!0)):(u>=n.minDate?l("pick",{minDate:n.minDate,maxDate:u}):l("pick",{minDate:u,maxDate:n.minDate}),l("select",!1));else if(n.selectionMode==="date")l("pick",u,t);else if(n.selectionMode==="week"){const d=u.week(),c=`${u.year()}w${d}`;l("pick",{year:u.year(),week:d,value:c,date:u.startOf("week")})}else if(n.selectionMode==="dates"){const d=i.selected?p.castArray(n.parsedValue).filter(c=>(c==null?void 0:c.valueOf())!==u.valueOf()):p.castArray(n.parsedValue).concat([u]);l("pick",d)}},E=e=>{if(n.selectionMode!=="week")return!1;let t=n.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)),n.parsedValue&&!Array.isArray(n.parsedValue)){const s=(n.parsedValue.day()-f+7)%7-1;return n.parsedValue.subtract(s,"day").isSame(t,"day")}return!1};return V({focus:j}),(e,t)=>(a.openBlock(),a.createElementBlock("table",{role:"grid","aria-label":"使用方向键与 Enter 键以选择日期",cellspacing:"0",cellpadding:"0",class:a.normalizeClass([a.unref(g).b(),{"is-week-mode":e.selectionMode==="week"}]),onClick:B,onMousemove:$,onMousedown:a.withModifiers(G,["prevent"]),onMouseup:Y},[a.createElementVNode("tbody",{ref_key:"tbodyRef",ref:M},[a.createElementVNode("tr",null,[e.showWeekNumber?(a.openBlock(),a.createElementBlock("th",ee,"周")):a.createCommentVNode("",!0),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(a.unref(J.WEEK_DAYS),(s,r)=>(a.openBlock(),a.createElementBlock("th",{key:r,scope:"col","aria-label":"星期"+s},a.toDisplayString(s),9,te))),128))]),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(m.value,(s,r)=>(a.openBlock(),a.createElementBlock("tr",{key:r,class:a.normalizeClass([a.unref(g).e("row"),{current:E(s[1])}])},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(s,(o,i)=>(a.openBlock(),a.createElementBlock("td",{key:`${r}.${i}`,ref_for:!0,ref:u=>_(o)&&(y.value=u),class:a.normalizeClass(L(o)),"aria-current":o.isCurrent?"date":void 0,"aria-selected":o.isCurrent,tabindex:_(o)?0:-1,onFocus:U},[a.createVNode(a.unref(Z.default),{cell:o},null,8,["cell"])],42,ae))),128))],2))),128))],512)],34))}});exports.default=ne;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),J=require("../../../constants/date.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const K=require("lodash-es"),Q=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("dayjs"),X=require("../props/basic-date-table.cjs"),p=require("../utils.cjs"),Z=require("./basic-cell-render.cjs"),ee={key:0,scope:"col"},te=["aria-label"],ae=["aria-current","aria-selected","tabindex"],ne=a.defineComponent({__name:"basic-date-table",props:X.basicDateTableProps,emits:["changerange","pick","select"],setup(S,{expose:V,emit:R}){const n=S,d=R,g=Q.useNamespace("date-table"),v=a.ref("zh-cn"),M=a.ref(),y=a.ref(),w=a.ref(),C=a.ref(),A=a.ref([[],[],[],[],[],[]]);let h=!1;const f=n.date.$locale("zh-cn").weekStart||7,k=a.computed(()=>f>3?7-f:-f),D=a.computed(()=>{const e=n.date.startOf("month");return e.subtract(e.day()||7,"day")}),N=a.computed(()=>K.flatten(m.value).some(e=>e.isCurrent)),W=a.computed(()=>{const e=n.date.startOf("month"),t=e.day()||7,s=e.daysInMonth(),r=e.subtract(1,"month").daysInMonth();return{startOfMonthDay:t,dateCountOfMonth:s,dateCountOfLastMonth:r}}),F=a.computed(()=>n.selectionMode==="dates"?p.castArray(n.parsedValue):[]),I=(e,{count:t,rowIndex:s,columnIndex:r})=>{const{startOfMonthDay:u,dateCountOfMonth:i,dateCountOfLastMonth:o}=a.unref(W),l=a.unref(k);if(s>=0&&s<=1){const c=u+l<0?7+u+l:u+l;if(r+s*7>=c)return e.text=t,!0;e.text=o-(c-r%7)+1+s*7,e.type="prev-month"}else return t<=i?e.text=t:(e.text=t-i,e.type="next-month"),!0;return!1},T=(e,{columnIndex:t,rowIndex:s},r)=>{const{disabledDate:u,cellClassName:i}=n,o=a.unref(F),l=I(e,{count:r,rowIndex:s,columnIndex:t}),c=e.dayjs.toDate();return e.selected=o.find(H=>H.valueOf()===e.dayjs.valueOf()),e.isSelected=!!e.selected,e.isCurrent=O(e),e.disabled=u?.(c),e.customClass=i?.(c),l},P=e=>{if(n.selectionMode==="week"){const[t,s]=n.showWeekNumber?[1,7]:[0,6],r=E(e[t+1]);e[t].inRange=r,e[t].start=r,e[s].inRange=r,e[s].end=r}},m=a.computed(()=>{const{minDate:e,maxDate:t,rangeState:s,showWeekNumber:r}=n,u=k.value,i=A.value,o="day";let l=1;if(r)for(let c=0;c<6;c++)i[c][0]||(i[c][0]={type:"week",text:D.value.add(c*7+1,o).week()});return p.buildPickerTable({row:6,column:7},i,{startDate:e,columnIndexOffset:r?1:0,nextEndDate:s.endDate||t||s.selecting&&e||null,now:q().locale(a.unref(v)).startOf(o),unit:o,relativeDateGetter:c=>D.value.add(c-u,o),setCellMetadata:(...c)=>{T(...c,l)&&(l+=1)},setRowMetadata:P}),i});a.watch(()=>n.date,async()=>{M.value?.contains(document.activeElement)&&(await a.nextTick(),y.value?.focus())});const j=async()=>{y.value?.focus()},b=(e="")=>["normal","today"].includes(e),O=e=>n.selectionMode==="date"&&b(e.type)&&z(e,n.parsedValue),z=(e,t)=>t?q(t).locale(v.value).isSame(n.date.date(Number(e.text)),"day"):!1,L=e=>{const t=[];return b(e.type)&&!e.disabled?(t.push("available"),e.type==="today"&&t.push("today")):t.push(e.type),O(e)&&t.push("current"),e.inRange&&(b(e.type)||n.selectionMode==="week")&&(t.push("in-range"),e.start&&t.push("start-date"),e.end&&t.push("end-date")),e.disabled&&t.push("disabled"),e.selected&&t.push("selected"),e.customClass&&t.push(e.customClass),t.join(" ")},x=(e,t)=>{const s=e*7+(t-(n.showWeekNumber?1:0))-k.value;return D.value.add(s,"day")},$=e=>{if(!n.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;m.value[s][r].disabled||(s!==w.value||r!==C.value)&&(w.value=s,C.value=r,d("changerange",{selecting:!0,endDate:x(s,r)}))},_=e=>!N.value&&e?.text===1&&e.type==="normal"||e.isCurrent,U=e=>{h||N.value||n.selectionMode!=="date"||B(e,!0)},G=e=>{e.target.closest("td")&&(h=!0)},Y=e=>{e.target.closest("td")&&(h=!1)},B=(e,t=!1)=>{const s=e.target.closest("td");if(!s)return;const r=s.parentNode.rowIndex-1,u=s.cellIndex,i=m.value[r][u];if(i.disabled||i.type==="week")return;const o=x(r,u);if(n.selectionMode==="range")!n.rangeState.selecting||!n.minDate?(d("pick",{minDate:o,maxDate:null}),d("select",!0)):(o>=n.minDate?d("pick",{minDate:n.minDate,maxDate:o}):d("pick",{minDate:o,maxDate:n.minDate}),d("select",!1));else if(n.selectionMode==="date")d("pick",o,t);else if(n.selectionMode==="week"){const l=o.week(),c=`${o.year()}w${l}`;d("pick",{year:o.year(),week:l,value:c,date:o.startOf("week")})}else if(n.selectionMode==="dates"){const l=i.selected?p.castArray(n.parsedValue).filter(c=>c?.valueOf()!==o.valueOf()):p.castArray(n.parsedValue).concat([o]);d("pick",l)}},E=e=>{if(n.selectionMode!=="week")return!1;let t=n.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)),n.parsedValue&&!Array.isArray(n.parsedValue)){const s=(n.parsedValue.day()-f+7)%7-1;return n.parsedValue.subtract(s,"day").isSame(t,"day")}return!1};return V({focus:j}),(e,t)=>(a.openBlock(),a.createElementBlock("table",{role:"grid","aria-label":"使用方向键与 Enter 键以选择日期",cellspacing:"0",cellpadding:"0",class:a.normalizeClass([a.unref(g).b(),{"is-week-mode":e.selectionMode==="week"}]),onClick:B,onMousemove:$,onMousedown:a.withModifiers(G,["prevent"]),onMouseup:Y},[a.createElementVNode("tbody",{ref_key:"tbodyRef",ref:M},[a.createElementVNode("tr",null,[e.showWeekNumber?(a.openBlock(),a.createElementBlock("th",ee,"周")):a.createCommentVNode("",!0),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(a.unref(J.WEEK_DAYS),(s,r)=>(a.openBlock(),a.createElementBlock("th",{key:r,scope:"col","aria-label":"星期"+s},a.toDisplayString(s),9,te))),128))]),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(m.value,(s,r)=>(a.openBlock(),a.createElementBlock("tr",{key:r,class:a.normalizeClass([a.unref(g).e("row"),{current:E(s[1])}])},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(s,(u,i)=>(a.openBlock(),a.createElementBlock("td",{key:`${r}.${i}`,ref_for:!0,ref:o=>_(u)&&(y.value=o),class:a.normalizeClass(L(u)),"aria-current":u.isCurrent?"date":void 0,"aria-selected":u.isCurrent,tabindex:_(u)?0:-1,onFocus:U},[a.createVNode(a.unref(Z.default),{cell:u},null,8,["cell"])],42,ae))),128))],2))),128))],512)],34))}});exports.default=ne;

package/lib/components/date-picker/date-picker-com/basic-month-table.vue.d.ts

@@ -1,6 +1,6 @@
 import dayjs from 'dayjs';
-declare const _default: import("vue").DefineComponent<{
-    selectionMode: import("../../../utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     disabledDate: {
         readonly type: import("vue").PropType<(date: Date) => boolean>;
         readonly required: false;
@@ -14,38 +14,38 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     minDate: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | ((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     maxDate: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | ((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     parsedValue: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | ((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    rangeState: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | ((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState))[], unknown, unknown, () => {
+    rangeState: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
         endDate: null;
         selecting: boolean;
     }, boolean>;
-}, {
+}>, {
     /**
      * @description focus current cell
      */
     focus: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (...args: any[]) => void;
     pick: (...args: any[]) => void;
     changerange: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    selectionMode: import("../../../utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     disabledDate: {
         readonly type: import("vue").PropType<(date: Date) => boolean>;
         readonly required: false;
@@ -59,33 +59,33 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     minDate: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | ((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     maxDate: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | ((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     parsedValue: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | ((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    rangeState: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | ((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState))[], unknown, unknown, () => {
+    rangeState: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
         endDate: null;
         selecting: boolean;
     }, boolean>;
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onPick?: ((...args: any[]) => any) | undefined;
     onChangerange?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     rangeState: import("../props/shared").RangeState;
     selectionMode: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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 e=require("vue"),T=require("@vft/utils");require("../../time-picker/index.cjs");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const I=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const D=require("dayjs"),R=require("../constants.cjs"),A=require("../props/basic-month-table.cjs"),w=require("../utils.cjs"),V=require("../../time-picker/utils.cjs"),K=["aria-selected","tabindex","onKeydown"],z={class:"cell"},F=e.defineComponent({__name:"basic-month-table",props:A.basicMonthTableProps,emits:["changerange","pick","select"],setup(S,{expose:q,emit:M}){const _=(r,t,o)=>{const s=D().locale(o).startOf("month").month(t).year(r),a=s.daysInMonth();return V.rangeArr(a).map(i=>s.add(i,"day").toDate())},n=S,u=M,N=I.useNamespace("month-table"),g=e.ref("zh-cn"),p=e.ref(),f=e.ref(),B=e.ref([[],[],[]]),b=e.ref(),v=e.ref(),x=e.computed(()=>{var o,s;const r=B.value,t=D().locale(g.value).startOf("month");for(let a=0;a<3;a++){const i=r[a];for(let l=0;l<4;l++){const d=i[l]||(i[l]={row:a,column:l,type:"normal",inRange:!1,start:!1,end:!1,text:-1,disabled:!1});d.type="normal";const k=a*4+l,c=n.date.startOf("year").month(k),m=n.rangeState.endDate||n.maxDate||n.rangeState.selecting&&n.minDate||null;d.inRange=!!(n.minDate&&c.isSameOrAfter(n.minDate,"month")&&m&&c.isSameOrBefore(m,"month"))||!!(n.minDate&&c.isSameOrBefore(n.minDate,"month")&&m&&c.isSameOrAfter(m,"month")),(o=n.minDate)!=null&&o.isSameOrAfter(m)?(d.start=!!(m&&c.isSame(m,"month")),d.end=n.minDate&&c.isSame(n.minDate,"month")):(d.start=!!(n.minDate&&c.isSame(n.minDate,"month")),d.end=!!(m&&c.isSame(m,"month"))),t.isSame(c)&&(d.type="today"),d.text=k,d.disabled=((s=n.disabledDate)==null?void 0:s.call(n,c.toDate()))||!1}}return r}),O=()=>{var r;(r=f.value)==null||r.focus()},C=r=>{const t={},o=n.date.year(),s=new Date,a=r.text;return t.disabled=n.disabledDate?_(o,a,g.value).every(n.disabledDate):!1,t.current=w.castArray(n.parsedValue).findIndex(i=>D.isDayjs(i)&&i.year()===o&&i.month()===a)>=0,t.today=s.getFullYear()===o&&s.getMonth()===a,r.inRange&&(t["in-range"]=!0,r.start&&(t["start-date"]=!0),r.end&&(t["end-date"]=!0)),t},h=r=>{const t=n.date.year(),o=r.text;return w.castArray(n.date).findIndex(s=>s.year()===t&&s.month()===o)>=0},E=r=>{var a;if(!n.rangeState.selecting)return;let t=r.target;if(t.tagName==="A"&&(t=(a=t.parentNode)==null?void 0:a.parentNode),t.tagName==="DIV"&&(t=t.parentNode),t.tagName!=="TD")return;const o=t.parentNode.rowIndex,s=t.cellIndex;x.value[o][s].disabled||(o!==b.value||s!==v.value)&&(b.value=o,v.value=s,u("changerange",{selecting:!0,endDate:n.date.startOf("year").month(o*4+s)}))},y=r=>{var l;const t=(l=r.target)==null?void 0:l.closest("td");if((t==null?void 0:t.tagName)!=="TD"||T.hasClass(t,"disabled"))return;const o=t.cellIndex,a=t.parentNode.rowIndex*4+o,i=n.date.startOf("year").month(a);n.selectionMode==="range"?n.rangeState.selecting?(n.minDate&&i>=n.minDate?u("pick",{minDate:n.minDate,maxDate:i}):u("pick",{minDate:i,maxDate:n.minDate}),u("select",!1)):(u("pick",{minDate:i,maxDate:null}),u("select",!0)):u("pick",a)};return e.watch(()=>n.date,async()=>{var r,t;(r=p.value)!=null&&r.contains(document.activeElement)&&(await e.nextTick(),(t=f.value)==null||t.focus())}),q({focus:O}),(r,t)=>(e.openBlock(),e.createElementBlock("table",{role:"grid","aria-label":"使用方向键与 Enter 键以选择月份",class:e.normalizeClass(e.unref(N).b()),onClick:y,onMousemove:E},[e.createElementVNode("tbody",{ref_key:"tbodyRef",ref:p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,(o,s)=>(e.openBlock(),e.createElementBlock("tr",{key:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o,(a,i)=>(e.openBlock(),e.createElementBlock("td",{key:i,ref_for:!0,ref:l=>h(a)&&(f.value=l),class:e.normalizeClass(C(a)),"aria-selected":`${h(a)}`,tabindex:h(a)?0:-1,onKeydown:[e.withKeys(e.withModifiers(y,["prevent","stop"]),["space"]),e.withKeys(e.withModifiers(y,["prevent","stop"]),["enter"])]},[e.createElementVNode("div",null,[e.createElementVNode("span",z,e.toDisplayString(e.unref(R.datePickerConfig)["month"+(a.text+1)]),1)])],42,K))),128))]))),128))],512)],34))}});exports.default=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("@vft/utils");require("../../time-picker/index.cjs");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");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 y=require("dayjs"),T=require("../constants.cjs"),I=require("../props/basic-month-table.cjs"),w=require("../utils.cjs"),R=require("../../time-picker/utils.cjs"),A=["aria-selected","tabindex","onKeydown"],V={class:"cell"},j=e.defineComponent({__name:"basic-month-table",props:I.basicMonthTableProps,emits:["changerange","pick","select"],setup(x,{expose:k,emit:S}){const q=(i,n,a)=>{const s=y().locale(a).startOf("month").month(n).year(i),o=s.daysInMonth();return R.rangeArr(o).map(r=>s.add(r,"day").toDate())},t=x,d=S,M=E.useNamespace("month-table"),p=e.ref("zh-cn"),D=e.ref(),u=e.ref(),_=e.ref([[],[],[]]),g=e.ref(),b=e.ref(),v=e.computed(()=>{const i=_.value,n=y().locale(p.value).startOf("month");for(let a=0;a<3;a++){const s=i[a];for(let o=0;o<4;o++){const r=s[o]||={row:a,column:o,type:"normal",inRange:!1,start:!1,end:!1,text:-1,disabled:!1};r.type="normal";const m=a*4+o,l=t.date.startOf("year").month(m),c=t.rangeState.endDate||t.maxDate||t.rangeState.selecting&&t.minDate||null;r.inRange=!!(t.minDate&&l.isSameOrAfter(t.minDate,"month")&&c&&l.isSameOrBefore(c,"month"))||!!(t.minDate&&l.isSameOrBefore(t.minDate,"month")&&c&&l.isSameOrAfter(c,"month")),t.minDate?.isSameOrAfter(c)?(r.start=!!(c&&l.isSame(c,"month")),r.end=t.minDate&&l.isSame(t.minDate,"month")):(r.start=!!(t.minDate&&l.isSame(t.minDate,"month")),r.end=!!(c&&l.isSame(c,"month"))),n.isSame(l)&&(r.type="today"),r.text=m,r.disabled=t.disabledDate?.(l.toDate())||!1}}return i}),N=()=>{u.value?.focus()},B=i=>{const n={},a=t.date.year(),s=new Date,o=i.text;return n.disabled=t.disabledDate?q(a,o,p.value).every(t.disabledDate):!1,n.current=w.castArray(t.parsedValue).findIndex(r=>y.isDayjs(r)&&r.year()===a&&r.month()===o)>=0,n.today=s.getFullYear()===a&&s.getMonth()===o,i.inRange&&(n["in-range"]=!0,i.start&&(n["start-date"]=!0),i.end&&(n["end-date"]=!0)),n},f=i=>{const n=t.date.year(),a=i.text;return w.castArray(t.date).findIndex(s=>s.year()===n&&s.month()===a)>=0},O=i=>{if(!t.rangeState.selecting)return;let n=i.target;if(n.tagName==="A"&&(n=n.parentNode?.parentNode),n.tagName==="DIV"&&(n=n.parentNode),n.tagName!=="TD")return;const a=n.parentNode.rowIndex,s=n.cellIndex;v.value[a][s].disabled||(a!==g.value||s!==b.value)&&(g.value=a,b.value=s,d("changerange",{selecting:!0,endDate:t.date.startOf("year").month(a*4+s)}))},h=i=>{const n=i.target?.closest("td");if(n?.tagName!=="TD"||C.hasClass(n,"disabled"))return;const a=n.cellIndex,o=n.parentNode.rowIndex*4+a,r=t.date.startOf("year").month(o);t.selectionMode==="range"?t.rangeState.selecting?(t.minDate&&r>=t.minDate?d("pick",{minDate:t.minDate,maxDate:r}):d("pick",{minDate:r,maxDate:t.minDate}),d("select",!1)):(d("pick",{minDate:r,maxDate:null}),d("select",!0)):d("pick",o)};return e.watch(()=>t.date,async()=>{D.value?.contains(document.activeElement)&&(await e.nextTick(),u.value?.focus())}),k({focus:N}),(i,n)=>(e.openBlock(),e.createElementBlock("table",{role:"grid","aria-label":"使用方向键与 Enter 键以选择月份",class:e.normalizeClass(e.unref(M).b()),onClick:h,onMousemove:O},[e.createElementVNode("tbody",{ref_key:"tbodyRef",ref:D},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(a,s)=>(e.openBlock(),e.createElementBlock("tr",{key:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,(o,r)=>(e.openBlock(),e.createElementBlock("td",{key:r,ref_for:!0,ref:m=>f(o)&&(u.value=m),class:e.normalizeClass(B(o)),"aria-selected":`${f(o)}`,tabindex:f(o)?0:-1,onKeydown:[e.withKeys(e.withModifiers(h,["prevent","stop"]),["space"]),e.withKeys(e.withModifiers(h,["prevent","stop"]),["enter"])]},[e.createElementVNode("div",null,[e.createElementVNode("span",V,e.toDisplayString(e.unref(T.datePickerConfig)["month"+(o.text+1)]),1)])],42,A))),128))]))),128))],512)],34))}});exports.default=j;

package/lib/components/date-picker/date-picker-com/basic-year-table.vue.d.ts

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     date: {
         readonly type: import("vue").PropType<dayjs.Dayjs>;
         readonly required: true;
@@ -13,17 +13,17 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     parsedValue: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | ((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, {
+}>, {
     /**
      * @description focus on the current cell
      */
     focus: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pick: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     date: {
@@ -39,12 +39,12 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     parsedValue: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | ((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>> & {
+}>> & Readonly<{
     onPick?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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"),C=require("@vft/utils");require("../../time-picker/index.cjs");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");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 m=require("dayjs"),w=require("../props/basic-year-table.cjs"),p=require("../utils.cjs"),D=require("../../time-picker/utils.cjs"),T=["aria-selected","tabindex","onKeydown"],Y={class:"cell"},K={key:1},M=e.defineComponent({__name:"basic-year-table",props:w.basicYearTableProps,emits:["pick"],setup(k,{expose:b,emit:v}){const _=(t,a)=>{const n=m(String(t)).locale(a).startOf("year"),f=n.endOf("year").dayOfYear();return D.rangeArr(f).map(s=>n.add(s,"day").toDate())},l=k,g=v,q=E.useNamespace("year-table"),d=e.ref("zh-cn"),y=e.ref(),c=e.ref(),o=e.computed(()=>Math.floor(l.date.year()/10)*10),h=()=>{var t;(t=c.value)==null||t.focus()},B=t=>{const a={},n=m().locale(d.value);return a.disabled=l.disabledDate?_(t,d.value).every(l.disabledDate):!1,a.current=p.castArray(l.parsedValue).findIndex(r=>r.year()===t)>=0,a.today=n.year()===t,a},i=t=>t===o.value&&l.date.year()<o.value&&l.date.year()>o.value+9||p.castArray(l.date).findIndex(a=>a.year()===t)>=0,u=t=>{const n=t.target.closest("td");if(n&&n.textContent){if(C.hasClass(n,"disabled"))return;const r=n.textContent||n.innerText;g("pick",Number(r))}};return e.watch(()=>l.date,async()=>{var t,a;(t=y.value)!=null&&t.contains(document.activeElement)&&(await e.nextTick(),(a=c.value)==null||a.focus())}),b({focus:h}),(t,a)=>(e.openBlock(),e.createElementBlock("table",{role:"grid","aria-label":"使用方向键与 Enter 键以选择年份",class:e.normalizeClass(e.unref(q).b()),onClick:u},[e.createElementVNode("tbody",{ref_key:"tbodyRef",ref:y},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,(n,r)=>e.createElementVNode("tr",{key:r},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(4,(f,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r+"_"+s},[r*4+s<10?(e.openBlock(),e.createElementBlock("td",{key:0,ref_for:!0,ref:x=>i(o.value+r*4+s)&&(c.value=x),class:e.normalizeClass(["available",B(o.value+r*4+s)]),"aria-selected":`${i(o.value+r*4+s)}`,tabindex:i(o.value+r*4+s)?0:-1,onKeydown:[e.withKeys(e.withModifiers(u,["prevent","stop"]),["space"]),e.withKeys(e.withModifiers(u,["prevent","stop"]),["enter"])]},[e.createElementVNode("span",Y,e.toDisplayString(o.value+r*4+s),1)],42,T)):(e.openBlock(),e.createElementBlock("td",K))],64))),64))])),64))],512)],2))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("@vft/utils");require("../../time-picker/index.cjs");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");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 m=require("dayjs"),w=require("../props/basic-year-table.cjs"),p=require("../utils.cjs"),D=require("../../time-picker/utils.cjs"),T=["aria-selected","tabindex","onKeydown"],Y={class:"cell"},K={key:1},M=e.defineComponent({__name:"basic-year-table",props:w.basicYearTableProps,emits:["pick"],setup(k,{expose:b,emit:v}){const _=(a,n)=>{const r=m(String(a)).locale(n).startOf("year"),f=r.endOf("year").dayOfYear();return D.rangeArr(f).map(s=>r.add(s,"day").toDate())},l=k,g=v,q=E.useNamespace("year-table"),d=e.ref("zh-cn"),y=e.ref(),c=e.ref(),o=e.computed(()=>Math.floor(l.date.year()/10)*10),h=()=>{c.value?.focus()},B=a=>{const n={},r=m().locale(d.value);return n.disabled=l.disabledDate?_(a,d.value).every(l.disabledDate):!1,n.current=p.castArray(l.parsedValue).findIndex(t=>t.year()===a)>=0,n.today=r.year()===a,n},i=a=>a===o.value&&l.date.year()<o.value&&l.date.year()>o.value+9||p.castArray(l.date).findIndex(n=>n.year()===a)>=0,u=a=>{const r=a.target.closest("td");if(r&&r.textContent){if(C.hasClass(r,"disabled"))return;const t=r.textContent||r.innerText;g("pick",Number(t))}};return e.watch(()=>l.date,async()=>{y.value?.contains(document.activeElement)&&(await e.nextTick(),c.value?.focus())}),b({focus:h}),(a,n)=>(e.openBlock(),e.createElementBlock("table",{role:"grid","aria-label":"使用方向键与 Enter 键以选择年份",class:e.normalizeClass(e.unref(q).b()),onClick:u},[e.createElementVNode("tbody",{ref_key:"tbodyRef",ref:y},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,(r,t)=>e.createElementVNode("tr",{key:t},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(4,(f,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t+"_"+s},[t*4+s<10?(e.openBlock(),e.createElementBlock("td",{key:0,ref_for:!0,ref:x=>i(o.value+t*4+s)&&(c.value=x),class:e.normalizeClass(["available",B(o.value+t*4+s)]),"aria-selected":`${i(o.value+t*4+s)}`,tabindex:i(o.value+t*4+s)?0:-1,onKeydown:[e.withKeys(e.withModifiers(u,["prevent","stop"]),["space"]),e.withKeys(e.withModifiers(u,["prevent","stop"]),["enter"])]},[e.createElementVNode("span",Y,e.toDisplayString(o.value+t*4+s),1)],42,T)):(e.openBlock(),e.createElementBlock("td",K))],64))),64))])),64))],512)],2))}});exports.default=M;

package/lib/components/date-picker/date-picker-com/panel-date-pick.vue.d.ts

@@ -1,59 +1,61 @@
 import type { Dayjs } from 'dayjs';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    sidebar?(_: {
+        class: string;
+    }): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly parsedValue: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | ((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly visible: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly format: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly type: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | ((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange"))[], "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange")) | null)[], "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange", unknown>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "panel-change": (...args: any[]) => void;
     pick: (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly parsedValue: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | ((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly visible: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly format: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly type: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | ((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange"))[], "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange")) | null)[], "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange", unknown>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>> & {
-    onPick?: ((...args: any[]) => any) | undefined;
+}>> & Readonly<{
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly format: string;
-}, {}>, {
-    sidebar?(_: {
-        class: string;
-    }): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

package/lib/components/date-picker/date-picker-com/panel-date-range.vue.d.ts

@@ -1,5 +1,10 @@
 import type { Dayjs } from 'dayjs';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    sidebar?(_: {
+        class: string;
+    }): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly unlinkPanels: BooleanConstructor;
     readonly parsedValue: {
         readonly type: import("vue").PropType<Dayjs[]>;
@@ -8,12 +13,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly type: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | ((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange"))[], "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange")) | null)[], "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange", unknown>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "calendar-change": (...args: any[]) => void;
     "panel-change": (...args: any[]) => void;
     pick: (...args: any[]) => void;
@@ -27,23 +32,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly type: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | ((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange"))[], "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange") | (() => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange")) | null)[], "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange", unknown>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>> & {
-    onPick?: ((...args: any[]) => any) | undefined;
+}>> & Readonly<{
     "onCalendar-change"?: ((...args: any[]) => any) | undefined;
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly unlinkPanels: boolean;
-}, {}>, {
-    sidebar?(_: {
-        class: string;
-    }): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {