vft 0.0.249 → 0.0.252

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("@vft/utils");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const n=require("vue"),P=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const p=require("../constants.cjs"),g=require("../utils.cjs"),_=require("./use-shortcut.cjs"),I=(c,{defaultValue:l,leftDate:o,rightDate:d,unit:v,onParsedValueChanged:m})=>{const{emit:q}=n.getCurrentInstance(),i=n.ref("zh-cn"),{pickerNs:h}=n.inject(p.ROOT_PICKER_INJECTION_KEY),k=P.useNamespace("date-range-picker"),D=_.useShortcut(i),r=n.ref(),u=n.ref(),a=n.ref({endDate:null,selecting:!1}),R=e=>{a.value=e},S=(e=!1)=>{const t=n.unref(r),s=n.unref(u);g.isValidRange([t,s])&&q("pick",[t,s],e)},C=e=>{a.value.selecting=e,e||(a.value.endDate=null)},f=()=>{const[e,t]=g.getDefaultValue(n.unref(l),{lang:n.unref(i),unit:v,unlinkPanels:c.unlinkPanels});r.value=void 0,u.value=void 0,o.value=e,d.value=t};return n.watch(l,e=>{e&&f()},{immediate:!0}),n.watch(()=>c.parsedValue,e=>{if(N.isArray(e)&&e.length===2){const[t,s]=e;r.value=t,o.value=t,u.value=s,m(n.unref(r),n.unref(u))}else f()},{immediate:!0}),{minDate:r,maxDate:u,rangeState:a,lang:i,ppNs:h,drpNs:k,handleChangeRange:R,handleRangeConfirm:S,handleShortcutClick:D,onSelect:C}};exports.useRangePicker=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),q=require("dayjs"),S=require("@vft/utils");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const j=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const k=require("../utils.cjs"),x=require("../constants.cjs"),w=require("./use-shortcut.cjs"),A=(d,{defaultValue:m,defaultTime:R,leftDate:g,rightDate:D,step:O,unit:p,onParsedValueChanged:C})=>{const{emit:N}=t.getCurrentInstance(),l=t.ref("zh-cn"),{pickerNs:P}=t.inject(x.ROOT_PICKER_INJECTION_KEY),y=j.useNamespace("date-range-picker"),_=w.useShortcut(l),a=t.ref(),i=t.ref(),u=t.ref({endDate:null,selecting:!1}),E=e=>{u.value=e},I=(e=!1)=>{const n=t.unref(a),r=t.unref(i);k.isValidRange([n,r])&&N("pick",[n,r],e)},T=e=>{u.value.selecting=e,e||(u.value.endDate=null)},h=e=>{if(S.isArray(e)&&e.length===2){const[n,r]=e;a.value=n,g.value=n,i.value=r,C(t.unref(a),t.unref(i))}else v()},v=()=>{let[e,n]=k.getDefaultValue(t.unref(m),{lang:t.unref(l),step:O,unit:p,unlinkPanels:d.unlinkPanels});const r=s=>s.diff(s.startOf("d"),"ms"),c=t.unref(R);if(c){let s=0,f=0;if(S.isArray(c)){const[o,b]=c.map(q);s=r(o),f=r(b)}else{const o=r(q(c));s=o,f=o}e=e.startOf("d").add(s,"ms"),n=n.startOf("d").add(f,"ms")}a.value=void 0,i.value=void 0,g.value=e,D.value=n};return t.watch(m,e=>{e&&v()},{immediate:!0}),t.watch(()=>d.parsedValue,h,{immediate:!0}),{minDate:a,maxDate:i,rangeState:u,lang:l,ppNs:P,drpNs:y,handleChangeRange:E,handleRangeConfirm:I,handleShortcutClick:_,onSelect:T,onReset:h}};exports.useRangePicker=A;

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

@@ -1,17 +1,20 @@
-import type { Dayjs } from 'dayjs';
+import dayjs from 'dayjs';
 import type { Ref } from 'vue';
+import type { Dayjs } from 'dayjs';
 import type { PanelRangeSharedProps, RangeState } from '../props/shared';
 import type { DefaultValue } from '../utils';
 type UseRangePickerProps = {
     onParsedValueChanged: (minDate: Dayjs | undefined, maxDate: Dayjs | undefined) => void;
     defaultValue: Ref<DefaultValue>;
+    defaultTime?: Ref<DefaultValue>;
     leftDate: Ref<Dayjs>;
     rightDate: Ref<Dayjs>;
+    step?: number;
     unit: 'month' | 'year';
 };
-export declare const useRangePicker: (props: PanelRangeSharedProps, { defaultValue, leftDate, rightDate, unit, onParsedValueChanged, }: UseRangePickerProps) => {
-    minDate: Ref<Dayjs | undefined, Dayjs | undefined>;
-    maxDate: Ref<Dayjs | undefined, Dayjs | undefined>;
+export declare const useRangePicker: (props: PanelRangeSharedProps, { defaultValue, defaultTime, leftDate, rightDate, step, unit, onParsedValueChanged, }: UseRangePickerProps) => {
+    minDate: Ref<dayjs.Dayjs | undefined, dayjs.Dayjs | undefined>;
+    maxDate: Ref<dayjs.Dayjs | undefined, dayjs.Dayjs | undefined>;
     rangeState: Ref<{
         endDate: {
             clone: () => Dayjs;
@@ -48,14 +51,14 @@ export declare const useRangePicker: (props: PanelRangeSharedProps, { defaultVal
                 (): number;
                 (value: number): Dayjs;
             };
-            set: (unit: import("dayjs").UnitType, value: number) => Dayjs;
-            get: (unit: import("dayjs").UnitType) => number;
-            add: (value: number, unit?: import("dayjs").ManipulateType) => Dayjs;
-            subtract: (value: number, unit?: import("dayjs").ManipulateType) => Dayjs;
-            startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
-            endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
+            set: (unit: dayjs.UnitType, value: number) => Dayjs;
+            get: (unit: dayjs.UnitType) => number;
+            add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            startOf: (unit: dayjs.OpUnitType) => Dayjs;
+            endOf: (unit: dayjs.OpUnitType) => Dayjs;
             format: (template?: string) => string;
-            diff: (date?: import("dayjs").ConfigType, unit?: import("dayjs").QUnitType | import("dayjs").OpUnitType, float?: boolean) => number;
+            diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -64,25 +67,25 @@ export declare const useRangePicker: (props: PanelRangeSharedProps, { defaultVal
             toISOString: () => string;
             toString: () => string;
             utcOffset: () => number;
-            isBefore: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
-            isSame: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
-            isAfter: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
+            isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
             locale: {
                 (): string;
                 (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
             };
-            dayOfYear: {
+            localeData: () => dayjs.InstanceLocaleDataReturn;
+            week: {
                 (): number;
                 (value: number): Dayjs;
             };
-            isSameOrAfter: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
-            isSameOrBefore: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
-            localeData: () => import("dayjs").InstanceLocaleDataReturn;
-            week: {
+            weekYear: () => number;
+            dayOfYear: {
                 (): number;
                 (value: number): Dayjs;
             };
-            weekYear: () => number;
+            isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
         } | null;
         selecting: boolean;
     }, RangeState | {
@@ -121,14 +124,14 @@ export declare const useRangePicker: (props: PanelRangeSharedProps, { defaultVal
                 (): number;
                 (value: number): Dayjs;
             };
-            set: (unit: import("dayjs").UnitType, value: number) => Dayjs;
-            get: (unit: import("dayjs").UnitType) => number;
-            add: (value: number, unit?: import("dayjs").ManipulateType) => Dayjs;
-            subtract: (value: number, unit?: import("dayjs").ManipulateType) => Dayjs;
-            startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
-            endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
+            set: (unit: dayjs.UnitType, value: number) => Dayjs;
+            get: (unit: dayjs.UnitType) => number;
+            add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            startOf: (unit: dayjs.OpUnitType) => Dayjs;
+            endOf: (unit: dayjs.OpUnitType) => Dayjs;
             format: (template?: string) => string;
-            diff: (date?: import("dayjs").ConfigType, unit?: import("dayjs").QUnitType | import("dayjs").OpUnitType, float?: boolean) => number;
+            diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -137,31 +140,31 @@ export declare const useRangePicker: (props: PanelRangeSharedProps, { defaultVal
             toISOString: () => string;
             toString: () => string;
             utcOffset: () => number;
-            isBefore: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
-            isSame: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
-            isAfter: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
+            isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
             locale: {
                 (): string;
                 (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
             };
-            dayOfYear: {
+            localeData: () => dayjs.InstanceLocaleDataReturn;
+            week: {
                 (): number;
                 (value: number): Dayjs;
             };
-            isSameOrAfter: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
-            isSameOrBefore: (date?: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
-            localeData: () => import("dayjs").InstanceLocaleDataReturn;
-            week: {
+            weekYear: () => number;
+            dayOfYear: {
                 (): number;
                 (value: number): Dayjs;
             };
-            weekYear: () => number;
+            isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
         } | null;
         selecting: boolean;
     }>;
     lang: Ref<string, string>;
     ppNs: {
-        namespace: Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -173,13 +176,13 @@ export declare const useRangePicker: (props: PanelRangeSharedProps, { defaultVal
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
     drpNs: {
-        namespace: Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -191,14 +194,15 @@ export declare const useRangePicker: (props: PanelRangeSharedProps, { defaultVal
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
     handleChangeRange: (val: RangeState) => void;
     handleRangeConfirm: (visible?: boolean) => void;
     handleShortcutClick: (shortcut: import("./use-shortcut").Shortcut) => void;
     onSelect: (selecting: boolean) => void;
+    onReset: (parsedValue: PanelRangeSharedProps["parsedValue"]) => void;
 };
 export {};

package/lib/components/date-picker/composables/use-shortcut.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vft/utils"),l=require("dayjs"),u=require("vue"),i=s=>{const{emit:c}=u.getCurrentInstance(),n=u.useAttrs(),o=u.useSlots();return e=>{const t=r.isFunction(e.value)?e.value():e.value;if(t){c("pick",[l(t[0]).locale(s.value),l(t[1]).locale(s.value)]);return}e.onClick&&e.onClick({attrs:n,slots:o,emit:c})}};exports.useShortcut=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),l=require("dayjs"),r=require("@vft/utils"),i=s=>{const{emit:c}=u.getCurrentInstance(),n=u.useAttrs(),o=u.useSlots();return e=>{const t=r.isFunction(e.value)?e.value():e.value;if(t){c("pick",[l(t[0]).locale(s.value),l(t[1]).locale(s.value)]);return}e.onClick&&e.onClick({attrs:n,slots:o,emit:c})}};exports.useShortcut=i;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),Y=({unlinkPanels:u,leftDate:e,rightDate:a})=>{const o=()=>{e.value=e.value.subtract(10,"year"),u.value||(a.value=a.value.subtract(10,"year"))},l=()=>{u.value||(e.value=e.value.add(10,"year")),a.value=a.value.add(10,"year")},c=()=>{e.value=e.value.add(10,"year")},n=()=>{a.value=a.value.subtract(10,"year")},v=t.computed(()=>{const r=Math.floor(e.value.year()/10)*10;return`${r}-${r+9}`}),s=t.computed(()=>{const r=Math.floor(a.value.year()/10)*10;return`${r}-${r+9}`}),d=t.computed(()=>Math.floor(e.value.year()/10)*10+9),y=t.computed(()=>Math.floor(a.value.year()/10)*10);return{leftPrevYear:o,rightNextYear:l,leftNextYear:c,rightPrevYear:n,leftLabel:v,rightLabel:s,leftYear:d,rightYear:y}};exports.useYearRangeHeader=Y;

package/lib/components/date-picker/composables/use-year-range-header.d.ts

@@ -0,0 +1,16 @@
+import type { Ref, ToRef } from 'vue';
+import type { Dayjs } from 'dayjs';
+export declare const useYearRangeHeader: ({ unlinkPanels, leftDate, rightDate, }: {
+    unlinkPanels: ToRef<boolean>;
+    leftDate: Ref<Dayjs>;
+    rightDate: Ref<Dayjs>;
+}) => {
+    leftPrevYear: () => void;
+    rightNextYear: () => void;
+    leftNextYear: () => void;
+    rightPrevYear: () => void;
+    leftLabel: import("vue").ComputedRef<string>;
+    rightLabel: import("vue").ComputedRef<string>;
+    leftYear: import("vue").ComputedRef<number>;
+    rightYear: import("vue").ComputedRef<number>;
+};

package/lib/components/date-picker/constants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=Symbol(),o={month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月"};exports.ROOT_PICKER_INJECTION_KEY=t;exports.datePickerConfig=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=Symbol(),E="ElIsDefaultFormat";exports.ROOT_PICKER_INJECTION_KEY=_;exports.ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY=E;

package/lib/components/date-picker/constants.d.ts

@@ -1,22 +1,9 @@
-import type { UseNamespaceReturn } from 'vft/es/hooks';
 import type { InjectionKey, SetupContext } from 'vue';
+import type { UseNamespaceReturn } from 'vft/es/hooks';
 interface DatePickerContext {
     slots: SetupContext['slots'];
     pickerNs: UseNamespaceReturn;
 }
 export declare const ROOT_PICKER_INJECTION_KEY: InjectionKey<DatePickerContext>;
-export declare const datePickerConfig: {
-    month1: string;
-    month2: string;
-    month3: string;
-    month4: string;
-    month5: string;
-    month6: string;
-    month7: string;
-    month8: string;
-    month9: string;
-    month10: string;
-    month11: string;
-    month12: string;
-};
+export declare const ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY = "ElIsDefaultFormat";
 export {};

package/lib/components/date-picker/date-picker-com/basic-cell-render.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const u=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const c=require("../constants.cjs"),o=require("../props/basic-cell.cjs"),a=e.defineComponent({name:"ElDatePickerCell",props:o.basicCellProps,setup(i){const t=u.useNamespace("date-table-cell"),{slots:r}=e.inject(c.ROOT_PICKER_INJECTION_KEY);return()=>{const{cell:l}=i;if(r.default){const s=r.default(l).filter(n=>n.patchFlag!==-2&&n.type.toString()!=="Symbol(Comment)");if(s.length)return s}return e.createVNode("div",{class:t.b()},[e.createVNode("span",{class:t.e("text")},[l?.text])])}}});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const n=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const u=require("../constants.cjs"),c=require("../props/basic-cell.cjs"),i=e.defineComponent({name:"ElDatePickerCell",props:c.basicCellProps,setup(s){const t=n.useNamespace("date-table-cell"),{slots:l}=e.inject(u.ROOT_PICKER_INJECTION_KEY);return()=>{const{cell:r}=s;return e.renderSlot(l,"default",{...r},()=>[e.createVNode("div",{class:t.b()},[e.createVNode("span",{class:t.e("text")},[r?.renderText??r?.text])])])}}});exports.default=i;

package/lib/components/date-picker/date-picker-com/basic-cell-render.d.ts

@@ -5,7 +5,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly cell: {
         readonly type: import("vue").PropType<import("../date-picker.type").DateCell>;
         readonly required: false;

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

@@ -1,4 +1,3 @@
-import type { Dayjs } from 'dayjs';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly cellClassName: {
         readonly type: import("vue").PropType<(date: Date) => string>;
@@ -9,31 +8,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly showWeekNumber: BooleanConstructor;
     readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     readonly disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly date: {
-        readonly type: import("vue").PropType<Dayjs>;
+        readonly type: import("vue").PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly minDate: {
-        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 type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null) | (((new (...args: any[]) => import("dayjs").Dayjs) | (() => import("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("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null) | (((new (...args: any[]) => import("dayjs").Dayjs) | (() => import("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("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (() => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (((new (...args: any[]) => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (() => import("dayjs").Dayjs | import("dayjs").Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -46,12 +45,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /**
      * @description focus on current cell
      */
-    focus: () => Promise<void>;
-}, {}, {}, {}, 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<{
+    focus: () => Promise<void | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly cellClassName: {
         readonly type: import("vue").PropType<(date: Date) => string>;
         readonly required: false;
@@ -61,31 +56,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly showWeekNumber: BooleanConstructor;
     readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     readonly disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly date: {
-        readonly type: import("vue").PropType<Dayjs>;
+        readonly type: import("vue").PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly minDate: {
-        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 type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null) | (((new (...args: any[]) => import("dayjs").Dayjs) | (() => import("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("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null) | (((new (...args: any[]) => import("dayjs").Dayjs) | (() => import("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("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (() => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (((new (...args: any[]) => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (() => import("dayjs").Dayjs | import("dayjs").Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -94,13 +89,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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<{}>, {
     readonly showWeekNumber: boolean;
+    readonly rangeState: import("../props/shared").RangeState;
     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,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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("../props/basic-date-table.cjs"),p=require("../composables/use-basic-date-table.cjs"),L=require("./basic-cell-render.cjs"),V=["aria-label"],h=["aria-label"],x=["aria-current","aria-selected","tabindex"],P=e.defineComponent({__name:"basic-date-table",props:b.basicDateTableProps,emits:b.basicDateTableEmits,setup(k,{expose:B,emit:C}){const s=k,E=C,{WEEKS:g,rows:M,tbodyRef:D,currentCellRef:v,focus:y,isCurrent:T,isWeekActive:F,isSelectedCell:a,handlePickDate:u,handleMouseUp:i,handleMouseDown:c,handleMouseMove:d,handleFocus:f}=p.useBasicDateTable(s,E),{tableLabel:N,tableKls:R,getCellClasses:S,getRowKls:_,weekHeaderClass:q}=p.useBasicDateTableDOM(s,{isCurrent:T,isWeekActive:F});let m=!1;return e.onBeforeUnmount(()=>{m=!0}),B({focus:y}),(w,t)=>(e.openBlock(),e.createElementBlock("table",{"aria-label":e.unref(N),class:e.normalizeClass(e.unref(R)),cellspacing:"0",cellpadding:"0",role:"grid",onClick:t[1]||(t[1]=(...r)=>e.unref(u)&&e.unref(u)(...r)),onMousemove:t[2]||(t[2]=(...r)=>e.unref(d)&&e.unref(d)(...r)),onMousedown:t[3]||(t[3]=e.withModifiers((...r)=>e.unref(c)&&e.unref(c)(...r),["prevent"])),onMouseup:t[4]||(t[4]=(...r)=>e.unref(i)&&e.unref(i)(...r))},[e.createElementVNode("tbody",{ref_key:"tbodyRef",ref:D},[e.createElementVNode("tr",null,[w.showWeekNumber?(e.openBlock(),e.createElementBlock("th",{key:0,scope:"col",class:e.normalizeClass(e.unref(q))},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(r,l)=>(e.openBlock(),e.createElementBlock("th",{key:l,"aria-label":r,scope:"col"},e.toDisplayString(r),9,h))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(M),(r,l)=>(e.openBlock(),e.createElementBlock("tr",{key:l,class:e.normalizeClass(e.unref(_)(r[1]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(n,z)=>(e.openBlock(),e.createElementBlock("td",{key:`${l}.${z}`,ref_for:!0,ref:o=>!e.unref(m)&&e.unref(a)(n)&&(v.value=o),class:e.normalizeClass(e.unref(S)(n)),"aria-current":n.isCurrent?"date":void 0,"aria-selected":n.isCurrent,tabindex:e.unref(a)(n)?0:-1,onFocus:t[0]||(t[0]=(...o)=>e.unref(f)&&e.unref(f)(...o))},[e.createVNode(e.unref(L.default),{cell:n},null,8,["cell"])],42,x))),128))],2))),128))],512)],42,V))}});exports.default=P;

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

@@ -2,7 +2,7 @@ import dayjs from 'dayjs';
 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 type: import("vue").PropType<import("../props/shared").DisabledDateType>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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"),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;
+"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("../../../utils/ns-cover.cjs");require("lodash-es");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 E=require("../props/basic-month-table.cjs"),x=require("../utils.cjs"),R=require("./basic-cell-render.cjs"),V=["aria-selected","tabindex","onKeydown"],I=t.defineComponent({__name:"basic-month-table",props:E.basicMonthTableProps,emits:["changerange","pick","select"],setup(S,{expose:M,emit:q}){const e=S,d=q,C=A.useNamespace("month-table"),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}),_=()=>{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},T=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:_}),(s,a)=>(t.openBlock(),t.createElementBlock("table",{role:"grid","aria-label":"使用方向键与 Enter 键可选择月份",class:t.normalizeClass(t.unref(C).b()),onClick:y,onMousemove:T},[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(R.default),{cell:{...r,renderText:N.value[r.text]}},null,8,["cell"])],42,V))),128))]))),128))],512)],34))}});exports.default=I;

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

@@ -1,50 +1,91 @@
 import dayjs from 'dayjs';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    date: {
+    readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly disabledDate: {
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly date: {
         readonly type: import("vue").PropType<dayjs.Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+    readonly minDate: {
+        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 maxDate: {
+        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;
+    };
+    readonly parsedValue: {
         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 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 the current cell
      */
     focus: () => void;
 }, {}, {}, {}, 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<{
-    date: {
+    readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly disabledDate: {
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly date: {
         readonly type: import("vue").PropType<dayjs.Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+    readonly minDate: {
+        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;
+    };
+    readonly maxDate: {
+        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 parsedValue: {
         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 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;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    onChangerange?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly rangeState: import("../props/shared").RangeState;
+    readonly selectionMode: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;