@vunk/form 0.0.1-alpha.2 → 0.0.1-alpha.22

package/components/date-picker/src/index.vue.d.ts

@@ -1,52 +1,96 @@
 declare const _default: import("vue").DefineComponent<{
     datePickerSlots: {
         type: import("vue").PropType<import("./types").DatePickerSlots>;
-        default: any;
+        default: undefined;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
     };
     type: {
-        type: import("vue").PropType<"date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        type: import("vue").PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
         default: string;
     };
     disabledDate: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     cellClassName: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    label: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     unlinkPanels: BooleanConstructor;
     disabledHours: {
         readonly type: import("vue").PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledHours>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledMinutes: {
         readonly type: import("vue").PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledMinutes>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledSeconds: {
         readonly type: import("vue").PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledSeconds>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     id: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     name: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown, "", boolean>;
@@ -60,10 +104,9 @@ declare const _default: import("vue").DefineComponent<{
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => {}, boolean>;
@@ -74,35 +117,112 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     defaultTime: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     isRange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}, {
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        label: string | undefined;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        prop: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown> | undefined;
+        rules: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown> | undefined;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        formItemSize: "default" | "small" | "large";
+        formItemSlots: import("../../form-item/src/types").FormItemSlots | undefined;
+        elRef: any;
+        inline: boolean;
+        readonly: boolean | undefined;
+    }>;
+    datePickerBindProps: import("vue").ComputedRef<{
+        label: string | undefined;
+        size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
+        name: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
+        disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        id: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown> | undefined;
+        disabledDate: Function | undefined;
+        cellClassName: Function | undefined;
+        shortcuts: unknown[];
+        arrowControl: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        tabindex: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>;
+        validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        unlinkPanels: boolean;
+        disabledHours: import("element-plus/es/components/time-picker/src/props/shared").GetDisabledHours | undefined;
+        disabledMinutes: import("element-plus/es/components/time-picker/src/props/shared").GetDisabledMinutes | undefined;
+        disabledSeconds: import("element-plus/es/components/time-picker/src/props/shared").GetDisabledSeconds | undefined;
+        popperClass: string;
+        format: string | undefined;
+        valueFormat: string | undefined;
+        clearable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        clearIcon: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
+        editable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        prefixIcon: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
+        placeholder: string;
+        popperOptions: Partial<import("element-plus").Options>;
+        modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType))[], unknown, unknown>;
+        rangeSeparator: string;
+        startPlaceholder: string | undefined;
+        endPlaceholder: string | undefined;
+        defaultValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown> | undefined;
+        defaultTime: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown> | undefined;
+        isRange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    }>;
+    datePickerOnEmits: {
+        blur: (...e: any[]) => void;
+        change: (...e: any[]) => void;
+        focus: (...e: any[]) => void;
+        keydown: (...e: any[]) => void;
+        "update:modelValue": (...e: any[]) => void;
+        "calendar-change": (...e: any[]) => void;
+        "panel-change": (...e: any[]) => void;
+        "visible-change": (...e: any[]) => void;
+    };
+    readonly: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': null;
+    change: null;
+    focus: null;
+    blur: null;
+    'calendar-change': null;
+    'panel-change': null;
+    'visible-change': null;
+    keydown: null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    datePickerSlots: {
+        type: import("vue").PropType<import("./types").DatePickerSlots>;
+        default: undefined;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     rules: {
-        readonly type: import("vue").PropType<unknown>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -114,116 +234,63 @@ declare const _default: import("vue").DefineComponent<{
     };
     formItemSlots: {
         type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
-        default: any;
+        default: undefined;
     };
     elRef: {
         type: import("vue").PropType<any>;
         required: boolean;
     };
-}, {
-    formItemBindProps: import("vue").ComputedRef<{}>;
-    datePickerBindProps: import("vue").ComputedRef<{
-        label: string;
-        size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>;
-        name: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
-        disabledDate: Function;
-        cellClassName: Function;
-        shortcuts: unknown[];
-        arrowControl: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        tabindex: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>;
-        validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        unlinkPanels: boolean;
-        disabledHours: import("element-plus/es/components/time-picker/src/props/shared").GetDisabledHours;
-        disabledMinutes: import("element-plus/es/components/time-picker/src/props/shared").GetDisabledMinutes;
-        disabledSeconds: import("element-plus/es/components/time-picker/src/props/shared").GetDisabledSeconds;
-        id: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
-        popperClass: string;
-        format: string;
-        valueFormat: string;
-        clearable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        clearIcon: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        editable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        prefixIcon: "";
-        readonly: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        placeholder: string;
-        popperOptions: {};
-        modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType))[], unknown, unknown>;
-        rangeSeparator: string;
-        startPlaceholder: string;
-        endPlaceholder: string;
-        defaultValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>;
-        defaultTime: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>;
-        isRange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    }>;
-    datePickerOnEmits: {
-        "update:modelValue": ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "calendar-change", ...args: unknown[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: unknown[]) => void) & ((event: "panel-change", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "keydown", ...args: unknown[]) => void) & ((event: "keydown", ...args: any[]) => void);
-        change: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "calendar-change", ...args: unknown[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: unknown[]) => void) & ((event: "panel-change", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "keydown", ...args: unknown[]) => void) & ((event: "keydown", ...args: any[]) => void);
-        focus: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "calendar-change", ...args: unknown[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: unknown[]) => void) & ((event: "panel-change", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "keydown", ...args: unknown[]) => void) & ((event: "keydown", ...args: any[]) => void);
-        blur: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "calendar-change", ...args: unknown[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: unknown[]) => void) & ((event: "panel-change", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "keydown", ...args: unknown[]) => void) & ((event: "keydown", ...args: any[]) => void);
-        "calendar-change": ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "calendar-change", ...args: unknown[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: unknown[]) => void) & ((event: "panel-change", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "keydown", ...args: unknown[]) => void) & ((event: "keydown", ...args: any[]) => void);
-        "panel-change": ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "calendar-change", ...args: unknown[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: unknown[]) => void) & ((event: "panel-change", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "keydown", ...args: unknown[]) => void) & ((event: "keydown", ...args: any[]) => void);
-        "visible-change": ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "calendar-change", ...args: unknown[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: unknown[]) => void) & ((event: "panel-change", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "keydown", ...args: unknown[]) => void) & ((event: "keydown", ...args: any[]) => void);
-        keydown: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "calendar-change", ...args: unknown[]) => void) & ((event: "calendar-change", ...args: any[]) => void) & ((event: "panel-change", ...args: unknown[]) => void) & ((event: "panel-change", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "keydown", ...args: unknown[]) => void) & ((event: "keydown", ...args: any[]) => void);
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': any;
-    change: any;
-    focus: any;
-    blur: any;
-    'calendar-change': any;
-    'panel-change': any;
-    'visible-change': any;
-    keydown: any;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    datePickerSlots: {
-        type: import("vue").PropType<import("./types").DatePickerSlots>;
-        default: any;
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
     };
     type: {
-        type: import("vue").PropType<"date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        type: import("vue").PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
         default: string;
     };
     disabledDate: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     cellClassName: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    label: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     unlinkPanels: BooleanConstructor;
     disabledHours: {
         readonly type: import("vue").PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledHours>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledMinutes: {
         readonly type: import("vue").PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledMinutes>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledSeconds: {
         readonly type: import("vue").PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledSeconds>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     id: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     name: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown, "", boolean>;
@@ -237,10 +304,9 @@ declare const _default: import("vue").DefineComponent<{
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => {}, boolean>;
@@ -251,71 +317,37 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     defaultTime: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     isRange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    prop: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
-    };
-    rules: {
-        readonly type: import("vue").PropType<unknown>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
-    };
-    error: StringConstructor;
-    validateStatus: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
-    };
-    for: StringConstructor;
-    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
-    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    formItemSize: {
-        type: import("vue").PropType<"default" | "small" | "large">;
-        default: string;
-    };
-    formItemSlots: {
-        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
-        default: any;
-    };
-    elRef: {
-        type: import("vue").PropType<any>;
-        required: boolean;
-    };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    onChange?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    onFocus?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    onBlur?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    "onCalendar-change"?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    "onPanel-change"?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    "onVisible-change"?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    onKeydown?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    "onCalendar-change"?: ((...args: any[]) => any) | undefined;
+    "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }, {
     required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    type: "date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange";
-    label: string;
+    type: "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange";
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     formItemSize: "default" | "small" | "large";
     formItemSlots: import("../../form-item/src/types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
     name: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
+    disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     shortcuts: unknown[];
     arrowControl: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tabindex: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>;
@@ -323,16 +355,14 @@ declare const _default: import("vue").DefineComponent<{
     unlinkPanels: boolean;
     popperClass: string;
     clearable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    clearIcon: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    clearIcon: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
     editable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    prefixIcon: "";
-    readonly: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    prefixIcon: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
     placeholder: string;
-    popperOptions: {};
+    popperOptions: Partial<import("element-plus").Options>;
     modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType))[], unknown, unknown>;
     rangeSeparator: string;
     isRange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    datePickerSlots: any;
+    datePickerSlots: import("./types").DatePickerSlots;
 }>;
 export default _default;

package/components/date-picker/src/types.d.ts

@@ -4,11 +4,11 @@ export declare type DatePickerSlots = {
     'range-separator'?: Func;
 };
 export declare const datePickerEmits: {
-    'update:modelValue': any;
-    change: any;
-    focus: any;
-    blur: any;
-    'calendar-change': any;
-    'panel-change': any;
-    'visible-change': any;
+    'update:modelValue': null;
+    change: null;
+    focus: null;
+    blur: null;
+    'calendar-change': null;
+    'panel-change': null;
+    'visible-change': null;
 };

package/components/form/index.js

@@ -1,6 +1,7 @@
 import { formProps, formEmits, ElForm } from 'element-plus';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
+import { NOOP } from '@vunk/core/shared/utils-function';
+import { defineComponent, shallowRef, getCurrentInstance, provide, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
 import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
 import { createFormBindProps, createFormOnEmits } from '@vunk/form/shared/element-plus';
 import { getValue } from '@vunk/core/shared/helper';
@@ -34,10 +35,12 @@ const props = __spreadProps(__spreadValues({}, formProps), {
     type: Array,
     default: () => []
   },
+  readonly: {
+    type: Boolean
+  },
   elRef: {
     type: Function,
-    default: () => () => {
-    }
+    default: () => NOOP
   }
 });
 const createBindProps = bindPropsFactory(props);
@@ -67,10 +70,19 @@ var script = defineComponent({
   setup(props2, { emit }) {
     const formProps = createFormBindProps(props2, ["model"]);
     const formEmits = createFormOnEmits(emit);
+    const formRef = shallowRef();
+    const vm = getCurrentInstance();
+    provide("vkfFormVm", vm);
+    provide("elFormRef", formRef);
+    const getRef = (e) => {
+      formRef.value = e;
+      props2.elRef(e);
+    };
     return {
       formProps,
       formEmits,
-      getValue
+      getValue,
+      getRef
     };
   }
 });
@@ -79,9 +91,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfFormItemRendererTemplateDefault = resolveComponent("VkfFormItemRendererTemplateDefault");
   const _component_VkfFormItemRenderer = resolveComponent("VkfFormItemRenderer");
   const _component_ElForm = resolveComponent("ElForm");
-  return openBlock(), createBlock(_component_ElForm, mergeProps(_ctx.formProps, toHandlers(_ctx.formEmits), {
+  return openBlock(), createBlock(_component_ElForm, mergeProps({
+    class: {
+      "is-readonly": _ctx.readonly
+    }
+  }, _ctx.formProps, toHandlers(_ctx.formEmits), {
     model: _ctx.model || _ctx.data,
-    ref: _ctx.elRef
+    ref: _ctx.getRef
   }), {
     default: withCtx(() => [
       createVNode(_component_VkfFormItemRenderer, { source: _ctx.formItems }, {
@@ -97,7 +113,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 16, ["model"]);
+  }, 16, ["class", "model"]);
 }
 
 script.render = render;