jky-component-lib 0.0.46 → 0.0.49

package/dist/es/button/Button.vue.js

@@ -18,20 +18,20 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderSlot, createCommentVNode } from "vue";
-const _hoisted_1$5 = ["disabled"];
-const _hoisted_2$3 = {
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
   key: 0,
   class: "jky-button__loading"
 };
-const _hoisted_3$3 = {
+const _hoisted_3 = {
   key: 0,
   class: "jky-button__icon"
 };
-const _hoisted_4$3 = {
+const _hoisted_4 = {
   key: 1,
   class: "jky-button__icon"
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyButton"
 }), {
   __name: "Button",
@@ -64,7 +64,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         disabled: __props.disabled || __props.loading,
         onClick: handleClick
       }, [
-        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$3, [..._cache[0] || (_cache[0] = [
+        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2, [..._cache[0] || (_cache[0] = [
           createElementVNode("svg", {
             class: "loading-spinner",
             viewBox: "0 0 50 50"
@@ -90,7 +90,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             ])
           ], -1)
         ])])) : __props.icon ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          __props.iconPosition === "prefix" ? (openBlock(), createElementBlock("span", _hoisted_3$3, [
+          __props.iconPosition === "prefix" ? (openBlock(), createElementBlock("span", _hoisted_3, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               createElementVNode("span", {
                 class: normalizeClass(__props.icon)
@@ -98,7 +98,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             ])
           ])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default"),
-          __props.iconPosition === "suffix" ? (openBlock(), createElementBlock("span", _hoisted_4$3, [
+          __props.iconPosition === "suffix" ? (openBlock(), createElementBlock("span", _hoisted_4, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               createElementVNode("span", {
                 class: normalizeClass(__props.icon)
@@ -109,10 +109,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           renderSlot(_ctx.$slots, "icon"),
           renderSlot(_ctx.$slots, "default")
         ], 64))
-      ], 10, _hoisted_1$5);
+      ], 10, _hoisted_1);
     };
   }
 }));
 export {
-  _sfc_main$8 as default
+  _sfc_main as default
 };

package/dist/es/button-nav/ButtonNav.vue.js

@@ -19,8 +19,8 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, inject, computed, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, normalizeClass, normalizeStyle, createSlots, withCtx, createTextVNode, toDisplayString, createElementVNode, createVNode, createCommentVNode } from "vue";
 import { ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
-const _hoisted_1$4 = { class: "jky-button-nav flex flex-wrap items-center gap-2" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+const _hoisted_1 = { class: "jky-button-nav flex flex-wrap items-center gap-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyButtonNav"
 }), {
   __name: "ButtonNav",
@@ -61,7 +61,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item) => {
           return openBlock(), createBlock(unref(ElButton), {
             key: item.value,
@@ -142,5 +142,5 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   }
 }));
 export {
-  _sfc_main$7 as default
+  _sfc_main as default
 };

package/dist/es/form/Form.vue.d.ts

@@ -110,8 +110,207 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     resetFields: typeof resetFields;
     clearValidate: typeof clearValidate;
     getFormInstance: typeof getFormInstance;
+    formRef: globalThis.Ref<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: import('element-plus').FormRules | undefined;
+            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly labelSuffix?: string | undefined;
+            readonly inline?: boolean | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly statusIcon?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+            readonly size?: import('element-plus').ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: globalThis.Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').FormProps> & Readonly<{
+            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
+            clearValidate: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
+            scrollToField: (prop: import('element-plus').FormItemProp) => void;
+            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            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: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+    }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
+        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }>, "labelWidth" | "labelPosition" | "showMessage" | "validate" | "clearValidate" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validateField" | "resetFields" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+        validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
+        clearValidate: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
+        scrollToField: (prop: import('element-plus').FormItemProp) => void;
+        getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+        fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | undefined, ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: import('element-plus').FormRules | undefined;
+            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly labelSuffix?: string | undefined;
+            readonly inline?: boolean | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly statusIcon?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+            readonly size?: import('element-plus').ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: globalThis.Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').FormProps> & Readonly<{
+            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
+            clearValidate: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
+            scrollToField: (prop: import('element-plus').FormItemProp) => void;
+            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            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: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+    }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
+        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }>, "labelWidth" | "labelPosition" | "showMessage" | "validate" | "clearValidate" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validateField" | "resetFields" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+        validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
+        clearValidate: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
+        scrollToField: (prop: import('element-plus').FormItemProp) => void;
+        getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+        fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: Record<string, any>) => any;
+    reset: () => any;
+    submit: (data: Record<string, any>) => any;
     "update:modelValue": (value: Record<string, any>) => any;
     validate: (result: {
         valid: boolean;
@@ -119,6 +318,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     }) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: ((value: Record<string, any>) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    onSubmit?: ((data: Record<string, any>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
     onValidate?: ((result: {
         valid: boolean;
@@ -128,11 +329,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     size: import('element-plus').ComponentSize;
     labelWidth: string | number;
     labelPosition: "left" | "right" | "top";
+    showFooter: boolean;
     showTitle: boolean;
     gutter: number;
     defaultSpan: number;
     responsive: boolean;
     watchDeep: boolean;
+    submitText: string;
+    cancelText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formRef: ({
         $: import('vue').ComponentInternalInstance;

package/dist/es/form/Form.vue.js

@@ -37,15 +37,19 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, useModel, ref, computed, watch, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, unref, mergeProps, withCtx, createElementVNode, normalizeStyle, Fragment, renderList, createBlock, mergeModels } from "vue";
-import { ElForm } from "element-plus";
-import _sfc_main from "./FormItem.vue.js";
+import { defineComponent, useModel, ref, computed, watch, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, unref, mergeProps, withCtx, Fragment, renderList, createBlock, createTextVNode, mergeModels } from "vue";
+import { ElForm, ElButton } from "element-plus";
+import _sfc_main$1 from "./FormItem.vue.js";
 /* empty css              */
-const _hoisted_1$2 = {
+const _hoisted_1 = {
   key: 0,
   class: "jky-form__title mb-4 text-xl font-semibold"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+const _hoisted_2 = {
+  key: 1,
+  class: "jky-form__footer mt-6 flex justify-end gap-2"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyForm"
 }), {
   __name: "Form",
@@ -61,7 +65,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     watchDeep: { type: Boolean, default: true },
+    showFooter: { type: Boolean, default: false },
+    submitText: { default: "提交" },
+    cancelText: { default: "取消" },
+    submitDisabled: { type: Boolean },
+    cancelDisabled: { type: Boolean },
     onValidate: {},
+    onSubmit: {},
+    onReset: {},
     model: {},
     rules: {},
     labelPosition: { default: "right" },
@@ -81,7 +92,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     "modelValue": { required: true, default: () => ({}) },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["change", "validate"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["change", "validate", "submit", "reset"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -118,8 +129,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       });
     }
     function resetFields() {
-      var _a;
+      var _a, _b;
       (_a = formRef.value) == null ? void 0 : _a.resetFields();
+      emit("reset");
+      (_b = props.onReset) == null ? void 0 : _b.call(props);
     }
     function clearValidate(props2) {
       var _a;
@@ -128,17 +141,33 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     function getFormInstance() {
       return formRef.value;
     }
+    function handleSubmit() {
+      return __async(this, null, function* () {
+        var _a, _b;
+        try {
+          yield (_a = formRef.value) == null ? void 0 : _a.validate();
+          emit("submit", __spreadValues({}, modelValue.value));
+          (_b = props.onSubmit) == null ? void 0 : _b.call(props, __spreadValues({}, modelValue.value));
+        } catch (error) {
+          emit("validate", { valid: false, fields: error.fields });
+        }
+      });
+    }
+    function handleCancel() {
+      resetFields();
+    }
     __expose({
       validate,
       resetFields,
       clearValidate,
-      getFormInstance
+      getFormInstance,
+      formRef
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(formClass.value)
       }, [
-        __props.showTitle && __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        __props.showTitle && __props.title ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
         createVNode(unref(ElForm), mergeProps({
           ref_key: "formRef",
           ref: formRef,
@@ -148,31 +177,45 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           size: __props.size
         }, _ctx.$attrs), {
           default: withCtx(() => [
-            createElementVNode("div", {
-              class: "grid",
-              style: normalizeStyle({
-                gridTemplateColumns: "repeat(12, minmax(0, 1fr))",
-                gap: `${__props.gutter}px`
-              })
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-                return openBlock(), createBlock(_sfc_main, {
-                  key: item.field,
-                  field: item.field,
-                  config: item,
-                  model: modelValue.value,
-                  readonly: __props.readonly,
-                  disabled: __props.disabled
-                }, null, 8, ["field", "config", "model", "readonly", "disabled"]);
-              }), 128))
-            ], 4)
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+              return openBlock(), createBlock(_sfc_main$1, {
+                key: item.field,
+                field: item.field,
+                config: item,
+                model: modelValue.value,
+                readonly: __props.readonly,
+                disabled: __props.disabled
+              }, null, 8, ["field", "config", "model", "readonly", "disabled"]);
+            }), 128))
           ]),
           _: 1
-        }, 16, ["model", "label-width", "label-position", "size"])
+        }, 16, ["model", "label-width", "label-position", "size"]),
+        props.showFooter ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(unref(ElButton), {
+            disabled: __props.cancelDisabled || __props.disabled,
+            onClick: handleCancel
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.cancelText), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          createVNode(unref(ElButton), {
+            type: "primary",
+            disabled: __props.submitDisabled || __props.disabled,
+            loading: false,
+            onClick: handleSubmit
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.submitText), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 }));
 export {
-  _sfc_main$5 as default
+  _sfc_main as default
 };