@polyv/vue-components 1.2.3 → 1.4.0

package/vue3/src/components/form/checkbox/use-checkbox.d.ts

@@ -1,14 +1,5 @@
 import { VueEmit, VueProps } from '../../../vue-utils';
 import { FormCheckboxValue } from './type';
-export declare const checkboxGroupProps: () => {
-    /**
-     * 复选框组绑定值，支持 v-model
-     */
-    "v-model-key": import('vue-types').VueTypeValidableDef<FormCheckboxValue[], import('vue-types/dist/types').ValidatorFunction<FormCheckboxValue[]>> & {
-        default: () => FormCheckboxValue[];
-    };
-};
-export declare const checkboxGroupEmits: () => {};
 export declare const checkboxProps: () => {
     /**
      * 是否选中，可通过 `change` 事件更新
@@ -55,6 +46,13 @@ export declare const checkboxProps: () => {
     showPrefix: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    /**
+     * 设置 `indeterminate` 状态，只负责样式控制
+     * @default false
+     */
+    indeterminate: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 };
 export declare const checkboxEmits: () => {
     /**
@@ -68,5 +66,7 @@ export declare const useCheckbox: (options: {
     emit: VueEmit<typeof checkboxEmits>;
 }) => {
     isChecked: import('vue').ComputedRef<boolean>;
+    isReadonly: import('vue').ComputedRef<boolean>;
+    isDisabled: import('vue').ComputedRef<boolean>;
     onClickCheckbox: () => void;
 };

package/vue3/src/components/form/date-picker/components/date-presets/date-presets.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+export default _default;

package/vue3/src/components/form/date-picker/components/date-select/date-select-header.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import('vue').DefineComponent<{
+    year: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    month: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "next-year": (arg?: void | undefined) => void;
+    "prev-year": (arg?: void | undefined) => void;
+    "next-month": (arg?: void | undefined) => void;
+    "prev-month": (arg?: void | undefined) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    year: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    month: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+}>>, {
+    month: number;
+    year: number;
+}>;
+export default _default;

package/vue3/src/components/form/date-picker/components/date-select/date-select.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+export default _default;

package/vue3/src/components/form/date-picker/components/picker-popper/pick-popper.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+export default _default;

package/vue3/src/components/form/date-picker/components/picker-reference/date-range-reference.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+export default _default;

package/vue3/src/components/form/date-picker/components/picker-reference/date-reference.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+export default _default;

package/vue3/src/components/form/date-picker/components/picker-reference/picker-reference.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+export default _default;

package/vue3/src/components/form/date-picker/components/time-select/time-select-column.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import('vue').DefineComponent<{
+    count: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    active: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (arg: number) => void;
+    hover: (arg: number) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    count: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    active: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+}>>, {
+    count: number;
+}>;
+export default _default;

package/vue3/src/components/form/date-picker/components/time-select/time-select.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+export default _default;

package/vue3/src/components/form/date-picker/date-picker.vue.d.ts

@@ -0,0 +1,76 @@
+declare const _default: import('vue').DefineComponent<{
+    "v-model-key": import('vue-types').VueTypeDef<import('./types').DatePickerValue | import('./types').DatePickerValue[]>;
+    type: import('vue-types').VueTypeDef<"date" | "daterange"> & {
+        default: "date" | "daterange";
+    };
+    format: import('vue-types').VueTypeDef<import('./types').DatePickerFormatType>;
+    valueFormat: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    placeholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    startPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    endPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    showTime: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    presets: import('vue-types').VueTypeValidableDef<import('./types').DatePickerPresetType[], import('vue-types/dist/types').ValidatorFunction<import('./types').DatePickerPresetType[]>> & {
+        default: () => import('./types').DatePickerPresetType[];
+    };
+    allowDate: import('vue-types').VueTypeDef<import('./types').DatePickerLimitType>;
+    disabledDate: import('vue-types').VueTypeDef<import('./types').DatePickerLimitType>;
+    disabledAfterToday: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    disabledBeforeToday: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
+    disabled: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    readonly: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    business: import('vue-types').VueTypeValidableDef<import('..').FormBusiness, import('vue-types/dist/types').ValidatorFunction<import('..').FormBusiness>>;
+    validateForm: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    "v-model-key": import('vue-types').VueTypeDef<import('./types').DatePickerValue | import('./types').DatePickerValue[]>;
+    type: import('vue-types').VueTypeDef<"date" | "daterange"> & {
+        default: "date" | "daterange";
+    };
+    format: import('vue-types').VueTypeDef<import('./types').DatePickerFormatType>;
+    valueFormat: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    placeholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    startPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    endPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    showTime: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    presets: import('vue-types').VueTypeValidableDef<import('./types').DatePickerPresetType[], import('vue-types/dist/types').ValidatorFunction<import('./types').DatePickerPresetType[]>> & {
+        default: () => import('./types').DatePickerPresetType[];
+    };
+    allowDate: import('vue-types').VueTypeDef<import('./types').DatePickerLimitType>;
+    disabledDate: import('vue-types').VueTypeDef<import('./types').DatePickerLimitType>;
+    disabledAfterToday: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    disabledBeforeToday: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
+    disabled: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    readonly: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    business: import('vue-types').VueTypeValidableDef<import('..').FormBusiness, import('vue-types/dist/types').ValidatorFunction<import('..').FormBusiness>>;
+    validateForm: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    type: "date" | "daterange";
+    validateForm: boolean;
+    valueFormat: string;
+    showTime: boolean;
+    presets: import('./types').DatePickerPresetType[];
+    disabledAfterToday: boolean;
+    disabledBeforeToday: boolean;
+}>;
+export default _default;

package/vue3/src/components/form/date-picker/hooks/picker-types/common.d.ts

@@ -0,0 +1,54 @@
+import { MaybeResponsive, ResponsiveRef } from '../../../../../vue-utils';
+import { ComputedRef, InjectionKey } from 'vue';
+import { CalendarItem, TimeArr } from '../../utils/date-utils';
+export interface PickerTypeInject {
+    /**
+     * 当前时间戳
+     */
+    currentSelected: ComputedRef<number | undefined>;
+    /**
+     * 当前选择的范围
+     */
+    currentRange?: ComputedRef<[number | undefined, number | undefined] | undefined>;
+    /**
+     * 选择日期
+     */
+    selectDate: (calendarItem: CalendarItem) => unknown;
+    /**
+     * 选择时间
+     */
+    selectTime: (time: TimeArr) => unknown;
+    /**
+     * 设置占位
+     */
+    setPlaceholder?: (data: {
+        calendarItem?: CalendarItem;
+        time?: TimeArr;
+    } | undefined) => unknown;
+    /**
+     * 是否显示此刻
+     * @default false
+     */
+    showCurrent?: MaybeResponsive<boolean>;
+    /**
+     * 选择此刻
+     */
+    selectCurrent?: () => unknown;
+    /**
+     * 是否显示确认
+     * @default false
+     */
+    showConfirm?: MaybeResponsive<boolean>;
+    /**
+     * 确认是否禁用
+     * @default false
+     */
+    confirmDisabled?: ResponsiveRef<boolean>;
+    /**
+     * 点击确认
+     */
+    clickConfirm?: () => unknown;
+}
+export declare const PICKER_TYPE_INJECT_KEY: InjectionKey<PickerTypeInject>;
+export declare const usePickerTypeProvide: (data: PickerTypeInject) => void;
+export declare const usePickerTypeInject: () => PickerTypeInject;

package/vue3/src/components/form/date-picker/hooks/picker-types/use-date-input.d.ts

@@ -0,0 +1,22 @@
+import { ComputedRef, Ref } from 'vue';
+import { ResponsiveRef } from '../../../../../vue-utils';
+import { DatePickerFormatBase, DatePickerFormatFn } from '../../types';
+import { DatePickerInject } from '../use-date-picker';
+export declare const useDateInput: (options: {
+    datePickerInject: DatePickerInject;
+    inputRef?: Ref<HTMLInputElement | undefined>;
+    /** 当前输入框的值 */
+    inputValue?: ResponsiveRef<string>;
+    /** 额外的校验格式 */
+    validFormat?: ComputedRef<DatePickerFormatBase | DatePickerFormatFn | undefined>;
+    /** 设置值 */
+    setValue?: (timestamp: number | undefined) => unknown;
+    /** 触发键盘 */
+    triggerKeyboard?: () => unknown;
+    /** 输入框聚焦时回调 */
+    onInputFocus?: () => unknown;
+}) => {
+    inputRef: Ref<HTMLInputElement | undefined>;
+    focusInput: () => void;
+    blurInput: () => void;
+};

package/vue3/src/components/form/date-picker/hooks/picker-types/use-date-range-type.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+import { DatePickerInject } from '../use-date-picker';
+import { DateValueItemType } from './use-date-value-item';
+import { FormEntranceInject } from '../../../hooks/use-form-entrance';
+interface DateRangeTypeInject {
+    startValueItem: DateValueItemType;
+    endValueItem: DateValueItemType;
+    currentDateType: Ref<'start' | 'end' | undefined>;
+    setCurrentDateType: (type: 'start' | 'end' | undefined) => void;
+}
+/**
+ * 类型处理：daterange
+ */
+export declare const useDateRangeType: (options: {
+    formEntrance: FormEntranceInject;
+    datePickerInject: DatePickerInject;
+}) => void;
+export declare const useDateRangeTypeInject: () => DateRangeTypeInject;
+export {};

package/vue3/src/components/form/date-picker/hooks/picker-types/use-date-type.d.ts

@@ -0,0 +1,23 @@
+import { ComputedRef, Ref } from 'vue';
+import { DatePickerInject } from '../use-date-picker';
+import { FormEntranceInject } from '../../../hooks/use-form-entrance';
+export interface DateTypeInject {
+    dateValue: Ref<number | undefined>;
+    placeholderValue: Ref<number | undefined>;
+    isPlaceholderStatus: Ref<boolean>;
+    inputRef: Ref<HTMLInputElement | undefined>;
+    inputValue: ComputedRef<string>;
+}
+/**
+ * 类型处理：date
+ */
+export declare const useDateType: (options: {
+    formEntrance: FormEntranceInject;
+    datePickerInject: DatePickerInject;
+}) => {
+    dateValue: Ref<number | undefined>;
+};
+/**
+ * 获取日期类型注入数据
+ */
+export declare const useDateTypeInject: () => DateTypeInject;

package/vue3/src/components/form/date-picker/hooks/picker-types/use-date-value-item.d.ts

@@ -0,0 +1,24 @@
+import { ComputedRef } from 'vue';
+import { DatePickerFormatBase, DatePickerFormatFn } from '../../types';
+import { DatePickerInject } from '../use-date-picker';
+export declare const useDateValueItem: (options: {
+    datePickerInject: DatePickerInject;
+    /** 默认值 */
+    defaultValue: () => number | undefined;
+    /** 日期格式 */
+    format: ComputedRef<DatePickerFormatBase | DatePickerFormatFn | undefined>;
+    /** 输入框聚焦时回调 */
+    onInputFocus?: () => unknown;
+}) => {
+    dateValue: import('vue').Ref<number | undefined>;
+    inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+    placeholderValue: import('vue').Ref<number | undefined>;
+    isPlaceholderStatus: import('vue').Ref<boolean>;
+    setPlaceholder: (val: number | undefined) => void;
+    inputValue: ComputedRef<string>;
+    clearData: () => void;
+    setDateValue: (val: number | undefined) => void;
+    focusInput: () => void;
+    blurInput: () => void;
+};
+export type DateValueItemType = ReturnType<typeof useDateValueItem>;

package/vue3/src/components/form/date-picker/hooks/props-define.d.ts

@@ -0,0 +1,76 @@
+import { DatePickerFormatType, DatePickerLimitType, DatePickerPresetType, DatePickerValue } from '../types';
+export declare const datePickerProps: () => {
+    /**
+     * 绑定值，支持 v-model
+     */
+    "v-model-key": import('vue-types').VueTypeDef<DatePickerValue | DatePickerValue[]>;
+    /**
+     * 类型
+     */
+    type: import('vue-types').VueTypeDef<"date" | "daterange"> & {
+        default: "date" | "daterange";
+    };
+    /**
+     * 设置日期格式
+     */
+    format: import('vue-types').VueTypeDef<DatePickerFormatType>;
+    /**
+     * 绑定值的格式
+     */
+    valueFormat: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /**
+     * 占位符
+     */
+    placeholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 开始时间占位符
+     */
+    startPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 结束时间占位符
+     */
+    endPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 显示时间
+     * @default false
+     */
+    showTime: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 预设范围
+     * @default []
+     */
+    presets: import('vue-types').VueTypeValidableDef<DatePickerPresetType[], import('vue-types/dist/types').ValidatorFunction<DatePickerPresetType[]>> & {
+        default: () => DatePickerPresetType[];
+    };
+    /**
+     * 允许选择的日期，传入空数组表示不限制，传入函数返回 true 时表示允许选择
+     */
+    allowDate: import('vue-types').VueTypeDef<DatePickerLimitType>;
+    /**
+     * 禁止选择的日期
+     */
+    disabledDate: import('vue-types').VueTypeDef<DatePickerLimitType>;
+    /**
+     * 禁用今天之后的日期
+     */
+    disabledAfterToday: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 禁止选择今天之前的日期
+     */
+    disabledBeforeToday: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('../..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('../..').FormSize>>;
+    disabled: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    readonly: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    business: import('vue-types').VueTypeValidableDef<import('../..').FormBusiness, import('vue-types/dist/types').ValidatorFunction<import('../..').FormBusiness>>;
+    validateForm: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};

package/vue3/src/components/form/date-picker/hooks/use-date-input.d.ts

@@ -0,0 +1,16 @@
+import { ComputedRef, Ref } from 'vue';
+import { ResponsiveRef } from '../../../../vue-utils';
+import { DatePickerFormatBase, DatePickerFormatFn } from '../types';
+export declare const useDateInput: (options?: {
+    inputRef?: Ref<HTMLInputElement | undefined>;
+    /** 当前输入框的值 */
+    inputValue?: ResponsiveRef<string>;
+    /** 额外的校验格式 */
+    validFormat?: ComputedRef<DatePickerFormatBase | DatePickerFormatFn | undefined>;
+    /** 设置值 */
+    setValue?: (timestamp: number | undefined) => unknown;
+    /** 触发键盘 */
+    triggerKeyboard?: () => unknown;
+}) => {
+    inputRef: Ref<HTMLInputElement | undefined>;
+};

package/vue3/src/components/form/date-picker/hooks/use-date-limit.d.ts

@@ -0,0 +1,10 @@
+import { DatePickerInject } from './use-date-picker';
+export declare const useDateLimit: (options?: {
+    datePickerInject?: DatePickerInject;
+}) => {
+    checkAllowDate: (date: Date) => boolean;
+    checkDisabledDate: (date: Date) => boolean;
+    checkDisabledAfterToday: (date: Date) => boolean;
+    checkDisabledBeforeToday: (date: Date) => boolean;
+    getDateDisabled: (date: Date) => boolean;
+};

package/vue3/src/components/form/date-picker/hooks/use-date-picker.d.ts

@@ -0,0 +1,40 @@
+import { VueProps } from '../../../../vue-utils';
+import { Ref } from 'vue';
+import { DatePickerPresetItem } from '../types';
+import { datePickerProps } from './props-define';
+export interface DatePickerInject {
+    datePickerProps: VueProps<typeof datePickerProps>;
+    referenceRef: Ref<HTMLElement | undefined>;
+    popperRef: Ref<HTMLElement | undefined>;
+    popperVisible: Ref<boolean>;
+    showPopper: () => void;
+    hidePopper: () => void;
+    /**
+     * 额外检查是否禁用，该值会根据日期类型的 hook 中赋值
+     */
+    checkOtherDisabled?: (date: Date) => boolean;
+    /**
+     * 预设点击，该值会根据日期类型的 hook 中赋值
+     */
+    presetClick?: (preset: DatePickerPresetItem | undefined) => unknown;
+    /**
+     * 预设悬停，该值会根据日期类型的 hook 中赋值
+     */
+    presetHover?: (preset: DatePickerPresetItem | undefined) => unknown;
+    /**
+     * 触发聚焦
+     */
+    triggerFocus?: () => unknown;
+    /**
+     * 触发失焦
+     */
+    triggerBlur?: () => unknown;
+}
+export declare const useDatePicker: (options: {
+    props: VueProps<typeof datePickerProps>;
+}) => {
+    referenceRef: Ref<HTMLElement | undefined>;
+    popperRef: Ref<HTMLElement | undefined>;
+    popperVisible: Ref<boolean>;
+};
+export declare const useDatePickerInject: () => DatePickerInject;

package/vue3/src/components/form/date-picker/hooks/use-picker-value.d.ts

@@ -0,0 +1,12 @@
+import { VueProps } from '../../../../vue-utils';
+import { DatePickerFormatBase, DatePickerFormatFn, DatePickerValue } from '../types';
+import { datePickerProps } from './props-define';
+export declare const usePickerValue: (options: {
+    props: VueProps<typeof datePickerProps>;
+}) => {
+    modelValue: import('vue').ComputedRef<DatePickerValue | DatePickerValue[] | undefined>;
+    parseModelValue: (val: DatePickerValue | undefined) => number | undefined;
+    handleValueFormat: (val: number) => DatePickerValue;
+    updatePickerValue: (val: number | number[] | undefined) => void;
+    formatTimestamp: (timestamp: number | undefined, format: DatePickerFormatBase | DatePickerFormatFn | undefined) => string;
+};

package/vue3/src/components/form/date-picker/hooks/use-year-month.d.ts

@@ -0,0 +1,10 @@
+export declare const useYearMonth: () => {
+    year: import('vue').Ref<number>;
+    month: import('vue').Ref<number>;
+    weekTexts: import('vue').ComputedRef<string[]>;
+    calendarTable: import('vue').ComputedRef<import('../utils/date-utils').CalendarItem[][]>;
+    prevYear: () => void;
+    nextYear: () => void;
+    prevMonth: () => void;
+    nextMonth: () => void;
+};

package/vue3/src/components/form/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PwcDatePicker } from './date-picker.vue';
+export * from './types';
+export * from './hooks/props-define';

package/vue3/src/components/form/date-picker/types/index.d.ts

@@ -0,0 +1,19 @@
+export type DatePickerValue = number | string | Date;
+export declare const datePickerTypes: readonly ["date", "daterange"];
+export type DatePickerType = typeof datePickerTypes[number];
+export type DatePickerFormatBase = string;
+export type DatePickerFormatFn = (value: number) => string;
+export type DatePickerFormatType = DatePickerFormatBase | DatePickerFormatFn | Array<DatePickerFormatBase | DatePickerFormatFn>;
+export type DatePickerLimitFn = (date: Date) => boolean;
+export type DatePickerLimitType = Date | Date[] | DatePickerLimitFn;
+/** 内部预设类型 */
+export type DatePickerPresetInternal = 'today' | 'yesterday' | 'tomorrow' | '30-minutes-later' | '1-hour-later' | 'last-7-days' | 'last-30-days' | 'last-90-days' | 'last-180-days' | 'last-360-days';
+export type DatePickerPresetValue = number | number[];
+export type DatePickerPresetValueFn = () => DatePickerPresetValue;
+export interface DatePickerPresetItem {
+    /** 标签 */
+    label: string;
+    /** 值 */
+    value: DatePickerPresetValue | DatePickerPresetValueFn;
+}
+export type DatePickerPresetType = DatePickerPresetInternal | DatePickerPresetItem;

package/vue3/src/components/form/date-picker/utils/date-utils.d.ts

@@ -0,0 +1,34 @@
+import { Dayjs } from 'dayjs';
+import { DatePickerPresetItem, DatePickerPresetValue } from '../types';
+export interface CalendarItem {
+    /** dayjs 对象 */
+    dayjsTarget: Dayjs;
+    /** 日期对象 */
+    dateTarget: Date;
+    /** 年份 */
+    year: number;
+    /** 月份 */
+    month: number;
+    /** 日期 */
+    day: number;
+    /** 是否上一月 */
+    isPreviousMonth: boolean;
+    /** 是否下一月 */
+    isNextMonth: boolean;
+    /** 是否当前月 */
+    isCurrentMonth: boolean;
+    /** 是否今天 */
+    isToday: boolean;
+}
+export declare function getMonthCalendar(year: number, month: number): CalendarItem[][];
+/**
+ * 清空时分秒
+ */
+export declare function clearTime(timestamp: number): number;
+export declare function clearTime(date: Date): Date;
+export type TimeArr = [hour: number, minute: number, second: number];
+export declare function setTimestamp(timestamp: number | undefined, data: {
+    date?: Date;
+    time?: TimeArr;
+}): number;
+export declare function getPresetValue(preset: DatePickerPresetItem | undefined): DatePickerPresetValue | undefined;

package/vue3/src/components/form/form-item/form-item.vue.d.ts

@@ -2,8 +2,13 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        'content-suffix'?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        itemWrapRef: HTMLDivElement;
+        labelRef: HTMLDivElement;
     };
-    refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -21,8 +26,17 @@ declare const __VLS_component: import('vue').DefineComponent<{
     required: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    tips: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    tipsInline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    validateRules: import('vue-types').VueTypeDef<import('async-validator').Rule>;
+    validateData: import('vue-types').VueTypeValidableDef<any, import('vue-types/dist/types').ValidatorFunction<any>> & {
+        default: any;
+    };
 }, {
-    isFormItem: true;
+    formItemId: string;
+    scrollIntoView(): void;
     formItemIsError: import('vue').ComputedRef<boolean>;
     setErrorMessage(message: string | undefined): void;
     removeErrorMessage(): void;
@@ -41,9 +55,19 @@ declare const __VLS_component: import('vue').DefineComponent<{
     required: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    tips: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    tipsInline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    validateRules: import('vue-types').VueTypeDef<import('async-validator').Rule>;
+    validateData: import('vue-types').VueTypeValidableDef<any, import('vue-types/dist/types').ValidatorFunction<any>> & {
+        default: any;
+    };
 }>>, {
     required: boolean;
     showErrorMessage: boolean;
+    tipsInline: boolean;
+    validateData: any;
 }>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/vue3/src/components/form/form-item/hooks/use-item-label.d.ts

@@ -0,0 +1,10 @@
+import { VueProps } from '../../../../vue-utils';
+import { formItemProps } from '../use-form-item';
+export declare const useItemLabel: (options: {
+    props: VueProps<typeof formItemProps>;
+}) => {
+    labelRef: import('vue').Ref<HTMLDivElement | undefined>;
+    labelModel: import('vue').ComputedRef<"header" | "inline">;
+    labelStyle: import('vue').ComputedRef<Record<string, string>>;
+    labelElemWidth: import('vue').Ref<number>;
+};