@polyv/vue-components 1.3.0 → 1.4.0

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,9 +2,12 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        'content-suffix'?(_: {}): any;
+        footer?(_: {}): any;
     };
     refs: {
         itemWrapRef: HTMLDivElement;
+        labelRef: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
 };
@@ -23,6 +26,14 @@ 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;
+    };
 }, {
     formItemId: string;
     scrollIntoView(): void;
@@ -44,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>;
+};

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

@@ -1,3 +1,4 @@
+import { ValidatorRule } from '../../../plugins/async-validator';
 import { VueProps } from '../../../vue-utils';
 import { ComputedRef, InjectionKey } from 'vue';
 import { FormValidateOptions } from '../types';
@@ -44,6 +45,27 @@ export declare const formItemProps: () => {
     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>>;
+    /**
+     * 行内提示
+     * @default false
+     */
+    tipsInline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 当前表单节点的验证规则
+     */
+    validateRules: import('vue-types').VueTypeDef<ValidatorRule>;
+    /**
+     * 当前表单节点的验证数据
+     */
+    validateData: import('vue-types').VueTypeValidableDef<any, import('vue-types/dist/types').ValidatorFunction<any>> & {
+        default: any;
+    };
 };
 /**
  * 表单节点对象
@@ -67,18 +89,8 @@ export declare const useFormItem: (options: {
     props: VueProps<typeof formItemProps>;
 }) => {
     itemWrapRef: import('vue').Ref<HTMLDivElement | undefined>;
-    labelModel: ComputedRef<"header" | "inline">;
-    labelStyle: ComputedRef<{
-        width?: undefined;
-        height?: undefined;
-    } | {
-        width: string | undefined;
-        height: string | undefined;
-    }>;
     contentWidthStyle: ComputedRef<string | undefined>;
-    contentStyle: ComputedRef<{
-        width: string | undefined;
-    }>;
+    contentStyle: ComputedRef<Record<string, string>>;
     itemErrorMessage: import('vue').Ref<string | undefined>;
     formItemIsError: ComputedRef<boolean>;
     removeErrorMessage: () => void;

package/vue3/src/components/form/form-submit-button/form-submit-button.vue.d.ts

@@ -23,6 +23,9 @@ declare const _default: import('vue').DefineComponent<{
     square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    link: 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<{
     text: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
@@ -48,8 +51,12 @@ declare const _default: import('vue').DefineComponent<{
     square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    link: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 }>>, {
     square: boolean;
+    link: boolean;
     text: string;
     type: import('../../button').ButtonType;
     block: boolean;

package/vue3/src/components/form/form-submit-button/use-form-submit-button.d.ts

@@ -32,6 +32,9 @@ export declare const formSubmitButtonProps: () => {
     square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    link: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 };
 export declare const useFormSubmitButton: (options: {
     props: VueProps<typeof formSubmitButtonProps>;

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

@@ -18,10 +18,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
     labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
     contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
     submitAction: import('vue-types').VueTypeValidableDef<import('./use-form-wrap').FormSubmitAction, import('vue-types/dist/types').ValidatorFunction<import('./use-form-wrap').FormSubmitAction>>;
-    labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
-        default: "header" | "inline";
-    };
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline">;
     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>>;
 }, {
     validateCurrentForm: (validateOptions?: import('..').FormValidateOptions) => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -37,14 +38,14 @@ declare const __VLS_component: import('vue').DefineComponent<{
     labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
     contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
     submitAction: import('vue-types').VueTypeValidableDef<import('./use-form-wrap').FormSubmitAction, import('vue-types/dist/types').ValidatorFunction<import('./use-form-wrap').FormSubmitAction>>;
-    labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
-        default: "header" | "inline";
-    };
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline">;
     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>>;
 }>>, {
     formData: import('../../..').UniversalParams;
     formRules: import('async-validator').Rules;
-    labelModel: "header" | "inline";
 }>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -3,7 +3,7 @@ import { ValidatorRules } from '../../../plugins/async-validator';
 import { VueEmit, VueProps } from '../../../vue-utils';
 import { ComputedRef, InjectionKey, Ref } from 'vue';
 import { FormItemInstance } from '../form-item/use-form-item';
-import { FormSize, FormValidateOptions } from '../types';
+import { FormBusiness, FormSize, FormValidateOptions } from '../types';
 export type FormSubmitAction = (formData: UniversalParams) => Promise<void>;
 export declare const formWrapProps: () => {
     /**
@@ -22,17 +22,14 @@ export declare const formWrapProps: () => {
     };
     /**
      * 表单标题宽度
-     * @default 0
      */
     labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
     /**
      * 表单标题高度
-     * @default 0
      */
     labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
     /**
      * 表单输入框内容宽度
-     * @default 0
      */
     contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
     /**
@@ -43,13 +40,23 @@ export declare const formWrapProps: () => {
      * label 模式
      * @default header
      */
-    labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
-        default: "header" | "inline";
-    };
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline">;
     /**
      * 表单尺寸
      */
     size: import('vue-types').VueTypeValidableDef<FormSize, import('vue-types/dist/types').ValidatorFunction<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<FormBusiness, import('vue-types/dist/types').ValidatorFunction<FormBusiness>>;
 };
 export declare const formWrapEmits: () => {
     /**

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

@@ -0,0 +1,25 @@
+import { VueEmit, VueProps } from '../../../vue-utils';
+export declare const formClearableProps: () => {
+    /**
+     * 清空
+     * @default false
+     */
+    clearable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+export declare const formClearableEmits: () => {
+    /**
+     * 清空
+     */
+    clear: import('../../../vue-utils').EmitFuncType<void>;
+};
+export declare const useFormClearable: (options: {
+    props: VueProps<typeof formClearableProps>;
+    emit: VueEmit<typeof formClearableEmits>;
+    /** 触发清空 */
+    triggerClear: () => void;
+}) => {
+    clearRef: import('vue').Ref<any>;
+    clearValue: () => void;
+};