ele-admin-plus 1.2.2-beta.4 → 1.3.1-beta.1

package/lib/ele-pro-form/index.d.ts

@@ -0,0 +1,418 @@
+import { nextTick } from 'vue';
+import { FormItemProp } from 'element-plus';
+import { ProFormItemProps, ProFormItemKey } from './types';
+
+declare const _default: import('vue').DefineComponent<{
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    items: import('vue').PropType<ProFormItemProps[]>;
+    grid: import('vue').PropType<boolean | import('../ele-app/el').ElColProps>;
+    rowProps: import('vue').PropType<import('../ele-app/el').ElRowProps>;
+    footer: BooleanConstructor;
+    footerProps: import('vue').PropType<import('../ele-app/el').ElFormItemProps>;
+    footerSlots: ObjectConstructor;
+    footerColProps: {
+        type: import('vue').PropType<import('../ele-app/el').ElColProps>;
+        default: () => {
+            span: number;
+        };
+    };
+    footerStyle: import('vue').PropType<import('vue').CSSProperties>;
+    submitText: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetText: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>;
+    resetButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>;
+    showSearchExpand: BooleanConstructor;
+    searchExpandButtonProps: import('vue').PropType<import('../ele-app/el').ElLinkProps>;
+    searchExpandText: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchShrinkText: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchExpand: BooleanConstructor;
+    preventFormSubmit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: BooleanConstructor;
+    activeKey: import('vue').PropType<ProFormItemKey>;
+    model: ObjectConstructor;
+    rules: {
+        readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+    requireAsteriskPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+    labelSuffix: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    validateOnRuleChange: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: BooleanConstructor;
+    scrollToError: BooleanConstructor;
+    scrollIntoViewOptions: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+}, {
+    slotExcludes: string[];
+    footerSlotExcludes: string[];
+    formItems: import('vue').ModelRef<ProFormItemProps[] | undefined, PropertyKey>;
+    formRef: import('vue').Ref<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly inline: boolean;
+            readonly disabled: boolean;
+            readonly labelWidth: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly requireAsteriskPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+            readonly labelSuffix: string;
+            readonly validateOnRuleChange: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly statusIcon: boolean;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly labelPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
+            readonly requireAsteriskPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "right" | "left", unknown>;
+            readonly labelWidth: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelSuffix: string;
+            readonly inline: boolean;
+            readonly inlineMessage: boolean;
+            readonly statusIcon: boolean;
+            readonly showMessage: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly validateOnRuleChange: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+            readonly size?: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown> | undefined;
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>> | undefined;
+            readonly scrollIntoViewOptions?: import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown> | undefined;
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly labelPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+            readonly requireAsteriskPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+            readonly labelWidth: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly validateOnRuleChange: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: BooleanConstructor;
+            readonly scrollToError: BooleanConstructor;
+            readonly scrollIntoViewOptions: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly size: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }, "disabled" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly labelPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+            readonly requireAsteriskPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+            readonly labelWidth: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly validateOnRuleChange: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: BooleanConstructor;
+            readonly scrollToError: BooleanConstructor;
+            readonly scrollIntoViewOptions: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly size: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }, {
+            validate: (callback?: import('element-plus').FormValidateCallback | undefined) => import('element-plus').FormValidationResult;
+            validateField: (props?: import('element-plus/es/utils/typescript').Arrayable<FormItemProp> | undefined, callback?: import('element-plus').FormValidateCallback | undefined) => import('element-plus').FormValidationResult;
+            resetFields: (props?: import('element-plus/es/utils/typescript').Arrayable<FormItemProp> | undefined) => void;
+            clearValidate: (props?: import('element-plus/es/utils/typescript').Arrayable<FormItemProp> | undefined) => void;
+            scrollToField: (prop: FormItemProp) => void;
+            fields: import('element-plus').FormItemContext[];
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            readonly inline: boolean;
+            readonly disabled: boolean;
+            readonly labelWidth: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly requireAsteriskPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+            readonly labelSuffix: string;
+            readonly validateOnRuleChange: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly statusIcon: boolean;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Omit<Readonly<import('vue').ExtractPropTypes<{
+        readonly model: ObjectConstructor;
+        readonly rules: {
+            readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly labelPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+        readonly requireAsteriskPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+        readonly labelWidth: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly labelSuffix: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly inline: BooleanConstructor;
+        readonly inlineMessage: BooleanConstructor;
+        readonly statusIcon: BooleanConstructor;
+        readonly showMessage: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly validateOnRuleChange: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly hideRequiredAsterisk: BooleanConstructor;
+        readonly scrollToError: BooleanConstructor;
+        readonly scrollIntoViewOptions: {
+            readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+    }>> & {
+        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }, "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "fields"> & import('vue').ShallowUnwrapRef<{
+        validate: (callback?: import('element-plus').FormValidateCallback | undefined) => import('element-plus').FormValidationResult;
+        validateField: (props?: import('element-plus/es/utils/typescript').Arrayable<FormItemProp> | undefined, callback?: import('element-plus').FormValidateCallback | undefined) => import('element-plus').FormValidationResult;
+        resetFields: (props?: import('element-plus/es/utils/typescript').Arrayable<FormItemProp> | undefined) => void;
+        clearValidate: (props?: import('element-plus/es/utils/typescript').Arrayable<FormItemProp> | undefined) => void;
+        scrollToField: (prop: FormItemProp) => void;
+        fields: import('element-plus').FormItemContext[];
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null>;
+    formSearchExpand: import('vue').Ref<boolean>;
+    activeItemKey: import('vue').Ref<string | number | symbol | undefined>;
+    updateValue: (prop: string, value: unknown) => void;
+    handleUpdateItemsData: (items: ProFormItemProps[], parentItem?: ProFormItemProps) => void;
+    handleUpdateActiveItemKey: (key: any) => void;
+    updateSearchExpand: (expand: boolean) => void;
+    handleSubmit: () => void;
+    handleReset: () => void;
+    handleFormSubmit: (e: MouseEvent) => void;
+    handleFormValidate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+    validate: (callback?: import('element-plus').FormValidateCallback | undefined) => import('element-plus').FormValidationResult;
+    validateField: (props?: import('element-plus/es/utils/typescript').Arrayable<FormItemProp> | undefined, callback?: import('element-plus').FormValidateCallback | undefined) => import('element-plus').FormValidationResult;
+    resetFields: (props?: import('element-plus/es/utils/typescript').Arrayable<FormItemProp> | undefined) => void;
+    scrollToField: (prop: FormItemProp) => void;
+    clearValidate: (props?: import('element-plus/es/utils/typescript').Arrayable<FormItemProp> | undefined) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:searchExpand': (_expand: boolean) => boolean;
+    updateValue: (_prop: string, _value: unknown) => boolean;
+    'update:items': (_items: ProFormItemProps[]) => boolean;
+    'update:activeKey': (_activeKey: ProFormItemKey) => boolean;
+    submit: (_model: Record<string, any>) => boolean;
+    reset: () => boolean;
+    validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    items: import('vue').PropType<ProFormItemProps[]>;
+    grid: import('vue').PropType<boolean | import('../ele-app/el').ElColProps>;
+    rowProps: import('vue').PropType<import('../ele-app/el').ElRowProps>;
+    footer: BooleanConstructor;
+    footerProps: import('vue').PropType<import('../ele-app/el').ElFormItemProps>;
+    footerSlots: ObjectConstructor;
+    footerColProps: {
+        type: import('vue').PropType<import('../ele-app/el').ElColProps>;
+        default: () => {
+            span: number;
+        };
+    };
+    footerStyle: import('vue').PropType<import('vue').CSSProperties>;
+    submitText: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetText: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>;
+    resetButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>;
+    showSearchExpand: BooleanConstructor;
+    searchExpandButtonProps: import('vue').PropType<import('../ele-app/el').ElLinkProps>;
+    searchExpandText: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchShrinkText: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchExpand: BooleanConstructor;
+    preventFormSubmit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: BooleanConstructor;
+    activeKey: import('vue').PropType<ProFormItemKey>;
+    model: ObjectConstructor;
+    rules: {
+        readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+    requireAsteriskPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+    labelSuffix: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    validateOnRuleChange: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: BooleanConstructor;
+    scrollToError: BooleanConstructor;
+    scrollIntoViewOptions: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+}>> & {
+    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    onSubmit?: ((_model: Record<string, any>) => any) | undefined;
+    "onUpdate:searchExpand"?: ((_expand: boolean) => any) | undefined;
+    onUpdateValue?: ((_prop: string, _value: unknown) => any) | undefined;
+    "onUpdate:items"?: ((_items: ProFormItemProps[]) => any) | undefined;
+    "onUpdate:activeKey"?: ((_activeKey: string | number | symbol) => any) | undefined;
+}, {
+    disabled: boolean;
+    footer: boolean;
+    labelPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
+    requireAsteriskPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "right" | "left", unknown>;
+    labelWidth: string | number;
+    labelSuffix: string;
+    inline: boolean;
+    inlineMessage: boolean;
+    statusIcon: boolean;
+    showMessage: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    validateOnRuleChange: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    hideRequiredAsterisk: boolean;
+    scrollToError: boolean;
+    editable: boolean;
+    searchExpand: boolean;
+    resetText: string;
+    submitText: string;
+    showSearchExpand: boolean;
+    searchExpandText: string;
+    searchShrinkText: string;
+    footerColProps: import('../ele-app/el').ElColProps;
+    preventFormSubmit: boolean;
+}, {}>;
+export default _default;

package/lib/ele-pro-form/props.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const proFormProps = {
+  ...elementPlus.formProps,
+  /** 标签宽度 */
+  labelWidth: {
+    type: [String, Number],
+    default: "80px"
+  },
+  /** 表单项 */
+  items: Array,
+  /** 是否栅格布局 */
+  grid: [Boolean, Object],
+  /** 栅格布局时更多 ElRow 属性 */
+  rowProps: Object,
+  /** 是否需要底栏 */
+  footer: Boolean,
+  /** 底栏 ElFormItem 属性 */
+  footerProps: Object,
+  /** 底栏 ElFormItem 插槽 */
+  footerSlots: Object,
+  /** 栅格布局时底栏 ElCol 属性 */
+  footerColProps: {
+    type: Object,
+    default: () => {
+      return { span: 24 };
+    }
+  },
+  /** 底栏样式 */
+  footerStyle: Object,
+  /** 提交按钮文本 */
+  submitText: {
+    type: String,
+    default: "提交"
+  },
+  /** 重置按钮文本 */
+  resetText: {
+    type: String,
+    default: "重置"
+  },
+  /** 提交按钮属性 */
+  submitButtonProps: Object,
+  /** 重置按钮属性 */
+  resetButtonProps: Object,
+  /** 是否在底栏显示表单展开收起按钮 */
+  showSearchExpand: Boolean,
+  /** 展开和收起按钮属性 */
+  searchExpandButtonProps: Object,
+  /** 展开按钮的文字 */
+  searchExpandText: {
+    type: String,
+    default: "展开"
+  },
+  /** 收起按钮的文字 */
+  searchShrinkText: {
+    type: String,
+    default: "收起"
+  },
+  /** 搜索表单展开状态 */
+  searchExpand: Boolean,
+  /** 阻止表单原生的表单提交事件 */
+  preventFormSubmit: {
+    type: Boolean,
+    default: true
+  },
+  /** 编辑模式 */
+  editable: Boolean,
+  /** 编辑模式选中的表单项 */
+  activeKey: [String, Number]
+};
+const proFormEmits = {
+  ...elementPlus.formEmits,
+  "update:searchExpand": (_expand) => true,
+  updateValue: (_prop, _value) => true,
+  "update:items": (_items) => true,
+  "update:activeKey": (_activeKey) => true,
+  submit: (_model) => true,
+  reset: () => true
+};
+exports.proFormEmits = proFormEmits;
+exports.proFormProps = proFormProps;

package/lib/ele-pro-form/props.d.ts

@@ -0,0 +1,117 @@
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { ElRowProps, ElColProps, ElFormItemProps, ElButtonProps, ElLinkProps } from '../ele-app/el';
+import { ProFormItemProps, ProFormItemKey } from './types';
+
+/**
+ * 属性
+ */
+export declare const proFormProps: {
+    /** 标签宽度 */
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /** 表单项 */
+    items: PropType<ProFormItemProps[]>;
+    /** 是否栅格布局 */
+    grid: PropType<boolean | ElColProps>;
+    /** 栅格布局时更多 ElRow 属性 */
+    rowProps: PropType<ElRowProps>;
+    /** 是否需要底栏 */
+    footer: BooleanConstructor;
+    /** 底栏 ElFormItem 属性 */
+    footerProps: PropType<ElFormItemProps>;
+    /** 底栏 ElFormItem 插槽 */
+    footerSlots: ObjectConstructor;
+    /** 栅格布局时底栏 ElCol 属性 */
+    footerColProps: {
+        type: PropType<ElColProps>;
+        default: () => {
+            span: number;
+        };
+    };
+    /** 底栏样式 */
+    footerStyle: PropType<CSSProperties>;
+    /** 提交按钮文本 */
+    submitText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 重置按钮文本 */
+    resetText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 提交按钮属性 */
+    submitButtonProps: PropType<ElButtonProps>;
+    /** 重置按钮属性 */
+    resetButtonProps: PropType<ElButtonProps>;
+    /** 是否在底栏显示表单展开收起按钮 */
+    showSearchExpand: BooleanConstructor;
+    /** 展开和收起按钮属性 */
+    searchExpandButtonProps: PropType<ElLinkProps>;
+    /** 展开按钮的文字 */
+    searchExpandText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 收起按钮的文字 */
+    searchShrinkText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 搜索表单展开状态 */
+    searchExpand: BooleanConstructor;
+    /** 阻止表单原生的表单提交事件 */
+    preventFormSubmit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 编辑模式 */
+    editable: BooleanConstructor;
+    /** 编辑模式选中的表单项 */
+    activeKey: PropType<ProFormItemKey>;
+    model: ObjectConstructor;
+    rules: {
+        readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+    requireAsteriskPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+    labelSuffix: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    validateOnRuleChange: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: BooleanConstructor;
+    scrollToError: BooleanConstructor;
+    scrollIntoViewOptions: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+};
+export type ProFormProps = ExtractPropTypes<typeof proFormProps>;
+/**
+ * 事件
+ */
+export declare const proFormEmits: {
+    'update:searchExpand': (_expand: boolean) => boolean;
+    updateValue: (_prop: string, _value: unknown) => boolean;
+    'update:items': (_items: ProFormItemProps[]) => boolean;
+    'update:activeKey': (_activeKey: ProFormItemKey) => boolean;
+    submit: (_model: Record<string, any>) => boolean;
+    reset: () => boolean;
+    validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => boolean;
+};

package/lib/ele-pro-form/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 高级表单主题变量 */
+@mixin set-pro-form-var($var) {
+  .ele-pro-form {
+    @include set-ele-var('pro-form', $var);
+  }
+}