vft 0.0.487 → 0.0.493

package/es/components/dialog/use-dialog.js

@@ -1,23 +1,23 @@
-import { DEFAULT_DIALOG_TRANSITION as P } from "./constants.js";
 import "../config-provider/index.js";
 import { UPDATE_MODEL_EVENT as Y } from "../../constants/event.js";
-import { useTimeoutFn as M, isClient as H } from "@vueuse/core";
-import { isObject as R, isArray as p, isFunction as N } from "@vft/utils";
+import { useTimeoutFn as P, isClient as H } from "@vueuse/core";
+import { isObject as R, isArray as p, isFunction as M } from "@vft/utils";
 import { addUnit as ee } from "../../utils/helper.js";
 import { getCurrentInstance as ne, ref as r, computed as l, watch as x, nextTick as oe, onMounted as te } from "vue";
 import "lodash-es";
 import "../form/index.js";
-import { useId as k } from "../../hooks/use-id/index.js";
+import { useId as N } from "../../hooks/use-id/index.js";
 import { useLockscreen as le } from "../../hooks/use-lockscreen/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import { defaultNamespace as ie } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import { useZIndex as ae } from "../../hooks/use-z-index/index.js";
+import { DEFAULT_DIALOG_TRANSITION as k } from "./constants.js";
 import { useGlobalConfig as fe } from "../config-provider/hooks/use-global-config.js";
 const Te = (e, t) => {
   const i = ne().emit, { nextZIndex: m } = ae();
   let T = "";
-  const B = k(), S = k(), a = r(!1), v = r(!1), u = r(!1), d = r(e.zIndex ?? m());
+  const B = N(), S = N(), a = r(!1), v = r(!1), u = r(!1), d = r(e.zIndex ?? m());
   let C, y;
   const O = fe(), U = l(() => O.value?.namespace ?? ie), c = l(() => O.value?.dialog), V = l(() => {
     const n = {}, f = `--${U.value}-dialog`;
@@ -29,7 +29,7 @@ const Te = (e, t) => {
   ), G = l(
     () => e.overflow ?? c.value?.overflow ?? !1
   ), Z = l(() => F.value ? { display: "flex" } : {}), j = l(() => {
-    const n = e.transition ?? c.value?.transition ?? P, f = {
+    const n = e.transition ?? c.value?.transition ?? k, f = {
       name: n,
       onAfterEnter: g,
       onBeforeLeave: I,
@@ -38,10 +38,10 @@ const Te = (e, t) => {
     if (R(n)) {
       const o = { ...n }, b = (s, X) => (w) => {
         p(s) ? s.forEach((z) => {
-          N(z) && z(w);
-        }) : N(s) && s(w), X();
+          M(z) && z(w);
+        }) : M(s) && s(w), X();
       };
-      return o.onAfterEnter = b(o.onAfterEnter, g), o.onBeforeLeave = b(o.onBeforeLeave, I), o.onAfterLeave = b(o.onAfterLeave, A), o.name || (o.name = P), o;
+      return o.onAfterEnter = b(o.onAfterEnter, g), o.onBeforeLeave = b(o.onBeforeLeave, I), o.onAfterLeave = b(o.onAfterLeave, A), o.name || (o.name = k), o;
     }
     return f;
   });
@@ -55,10 +55,10 @@ const Te = (e, t) => {
     i("close");
   }
   function _() {
-    y?.(), C?.(), e.openDelay && e.openDelay > 0 ? { stop: C } = M(() => h(), e.openDelay) : h();
+    y?.(), C?.(), e.openDelay && e.openDelay > 0 ? { stop: C } = P(() => h(), e.openDelay) : h();
   }
   function D() {
-    C?.(), y?.(), e.closeDelay && e.closeDelay > 0 ? { stop: y } = M(() => L(), e.closeDelay) : L();
+    C?.(), y?.(), e.closeDelay && e.closeDelay > 0 ? { stop: y } = P(() => L(), e.closeDelay) : L();
   }
   function E() {
     function n(f) {

package/es/components/message/message.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as V, ref as f, computed as i, onMounted as H, watch as $, createBlock as w, openBlock as c, Transition as D, unref as o, withCtx as F, withDirectives as P, createElementVNode as j, normalizeStyle as A, normalizeClass as a, createElementBlock as d, createCommentVNode as k, renderSlot as U, createVNode as Z, normalizeProps as G, guardReactiveProps as q, toDisplayString as J, mergeProps as K, withModifiers as Q, vShow as W } from "vue";
-import { VftIcon as B } from "../icon/index.js";
+import { defineComponent as V, ref as m, computed as i, onMounted as H, watch as $, createBlock as w, openBlock as c, Transition as D, unref as o, withCtx as F, withDirectives as P, createElementVNode as j, normalizeStyle as A, normalizeClass as a, createElementBlock as d, createCommentVNode as B, renderSlot as U, createVNode as Z, normalizeProps as G, guardReactiveProps as q, toDisplayString as J, mergeProps as K, withModifiers as Q, vShow as W } from "vue";
+import { VftIcon as k } from "../icon/index.js";
 import { EVENT_CODE as X } from "@vft/constants";
 import { useEventListener as Y } from "@vft/use";
 import { singleAttrToObj as T } from "@vft/utils";
 import { useResizeObserver as _, useTimeoutFn as ee } from "@vueuse/core";
 import "../config-provider/index.js";
-import { getLastOffset as oe, getOffsetOrSpace as te } from "./instance.js";
-import { useGlobalComponentSettings as ne } from "../config-provider/hooks/use-global-config.js";
-const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
+import { getLastOffset as oe, getOffsetOrSpace as ne } from "./instance.js";
+import { useGlobalComponentSettings as te } from "../config-provider/hooks/use-global-config.js";
+const se = ["id"], ie = ["innerHTML"], ve = /* @__PURE__ */ V({
   __name: "message",
   props: {
     customClass: {},
@@ -15,6 +15,7 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
     dangerouslyUseHTMLString: { type: Boolean },
     duration: {},
     icon: {},
+    showIcon: { type: Boolean },
     closeIcon: {},
     id: {},
     message: { type: [String, Object, Function] },
@@ -28,36 +29,38 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
   },
   emits: ["destroy"],
   setup(e, { expose: b }) {
-    const t = e, { ns: n, zIndex: M } = ne("message"), { currentZIndex: S, nextZIndex: x } = M, u = f(), l = f(!1), g = f(0);
-    let v;
-    const L = /* @__PURE__ */ new Map([
+    const n = e, { ns: t, zIndex: I } = te("message"), { currentZIndex: M, nextZIndex: S } = I, u = m(), l = m(!1), g = m(0);
+    let y;
+    const x = /* @__PURE__ */ new Map([
+      ["primary", { icon: "icon-info-filled" }],
+      ["info", { icon: "icon-info-filled" }],
       ["success", { icon: "icon-success-filled" }],
       ["error", { icon: "icon-circle-close-filled" }],
       ["warning", { icon: "icon-warning-filled" }]
-    ]), y = i(
-      () => T(t.icon, "icon", {
-        icon: L.get(t.type)?.icon
+    ]), v = i(
+      () => T(n.icon, "icon", {
+        icon: x.get(n.type)?.icon
       })
-    ), I = i(
-      () => T(t.icon, "icon", {
+    ), L = i(
+      () => T(n.icon, "icon", {
         icon: "icon-close"
       })
     ), O = i(() => {
-      const s = t.type;
-      return { [n.bm("icon", s)]: s };
-    }), z = i(() => oe(t.id)), p = i(
-      () => te(t.id, t.offset) + z.value
+      const s = n.type;
+      return { [t.bm("icon", s)]: s };
+    }), z = i(() => oe(n.id)), p = i(
+      () => ne(n.id, n.offset) + z.value
     ), E = i(() => g.value + p.value), N = i(() => ({
       top: `${p.value}px`,
-      zIndex: S.value
+      zIndex: M.value
     }));
-    function m() {
-      t.duration !== 0 && ({ stop: v } = ee(() => {
+    function f() {
+      n.duration !== 0 && ({ stop: y } = ee(() => {
         r();
-      }, t.duration));
+      }, n.duration));
     }
     function C() {
-      v?.();
+      y?.();
     }
     function r() {
       l.value = !1;
@@ -66,11 +69,11 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
       s === X.esc && r();
     }
     return H(() => {
-      m(), x(), l.value = !0;
+      f(), S(), l.value = !0;
     }), $(
-      () => t.repeatNum,
+      () => n.repeatNum,
       () => {
-        C(), m();
+        C(), f();
       }
     ), Y(document, "keydown", R), _(u, () => {
       g.value = u.value.getBoundingClientRect().height;
@@ -79,7 +82,7 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
       bottom: E,
       close: r
     }), (s, h) => (c(), w(D, {
-      name: o(n).b("fade"),
+      name: o(t).b("fade"),
       onBeforeLeave: e.onClose,
       onAfterLeave: h[0] || (h[0] = (ce) => s.$emit("destroy"))
     }, {
@@ -89,39 +92,39 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
           ref_key: "messageRef",
           ref: u,
           class: a([
-            o(n).b(),
-            { [o(n).m(e.type)]: e.type && !e.icon },
-            o(n).is("center", e.center),
-            o(n).is("closable", e.showClose),
+            o(t).b(),
+            { [o(t).m(e.type)]: e.type && !e.icon },
+            o(t).is("center", e.center),
+            o(t).is("closable", e.showClose),
             e.customClass
           ]),
           style: A(N.value),
           role: "alert",
           onMouseenter: C,
-          onMouseleave: m
+          onMouseleave: f
         }, [
-          y.value?.icon ? (c(), d("div", {
+          e.showIcon && v.value?.icon ? (c(), d("div", {
             key: 0,
-            class: a([o(n).e("icon"), O.value])
+            class: a([o(t).e("icon"), O.value])
           }, [
-            Z(o(B), G(q(y.value)), null, 16)
-          ], 2)) : k("", !0),
+            Z(o(k), G(q(v.value)), null, 16)
+          ], 2)) : B("", !0),
           U(s.$slots, "default", {}, () => [
             e.dangerouslyUseHTMLString ? (c(), d("p", {
               key: 1,
-              class: a(o(n).e("content")),
+              class: a(o(t).e("content")),
               innerHTML: e.message
             }, null, 10, ie)) : (c(), d("p", {
               key: 0,
-              class: a(o(n).e("content"))
+              class: a(o(t).e("content"))
             }, J(e.message), 3))
           ]),
-          e.showClose ? (c(), w(o(B), K({
+          e.showClose ? (c(), w(o(k), K({
             key: 1,
-            class: o(n).e("closeBtn")
-          }, I.value, {
+            class: o(t).e("closeBtn")
+          }, L.value, {
             onClick: Q(r, ["stop"])
-          }), null, 16, ["class"])) : k("", !0)
+          }), null, 16, ["class"])) : B("", !0)
         ], 46, se), [
           [W, l.value]
         ])
@@ -131,5 +134,5 @@ const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
   }
 });
 export {
-  ye as default
+  ve as default
 };

package/es/components/message/types.d.ts

@@ -1,6 +1,6 @@
 import type { AppContext, VNode } from 'vue';
-export declare const messageTypes: readonly ["success", "info", "warning", "error"];
-export type MessageType = 'success' | 'warning' | 'info' | 'error';
+export declare const messageTypes: readonly ["primary", "success", "info", "warning", "error"];
+export type MessageType = 'primary' | 'success' | 'warning' | 'info' | 'error';
 export interface MessageConfigContext {
     /** 可同时显示的消息最大数量 */
     max?: number;
@@ -14,6 +14,8 @@ export interface MessageConfigContext {
     duration?: number;
     /** 默认图标 */
     icon?: string;
+    /** 默认是否显示图标 */
+    showIcon?: boolean;
     /** 默认是否显示关闭按钮 */
     showClose?: boolean;
     /** 默认消息类型 */
@@ -33,6 +35,7 @@ export declare const messageDefaults: {
     dangerouslyUseHTMLString: boolean;
     duration: number;
     icon: undefined;
+    showIcon: boolean;
     id: string;
     message: string;
     onClose: undefined;
@@ -55,6 +58,8 @@ export interface MessageProps {
     duration: number;
     /** 自定义图标，该属性会覆盖 type 的图标 */
     icon?: any;
+    /** 是否显示图标 */
+    showIcon?: boolean;
     /** 自定义关闭图标 */
     closeIcon?: any;
     /** 消息的唯一标识 */
@@ -94,6 +99,7 @@ export type MessageFn = {
 };
 export type MessageTypedFn = (options?: MessageParamsWithType, appContext?: null | AppContext) => MessageHandler;
 export interface Message extends MessageFn {
+    primary: MessageTypedFn;
     success: MessageTypedFn;
     warning: MessageTypedFn;
     info: MessageTypedFn;

package/es/components/message/types.js

@@ -1,10 +1,11 @@
 import { isClient as e } from "@vueuse/core";
-const o = ["success", "info", "warning", "error"], n = {
+const o = ["primary", "success", "info", "warning", "error"], n = {
   customClass: "",
   center: !1,
   dangerouslyUseHTMLString: !1,
   duration: 3e3,
   icon: void 0,
+  showIcon: !0,
   id: "",
   message: "",
   onClose: void 0,

package/es/components/modal/modal-footer-action.vue.d.ts

@@ -1,4 +1,4 @@
-import { ModalActionProps } from 'vft/es/components/modal';
+import type { ModalActionProps } from 'vft/es/components/modal';
 declare function __VLS_template(): {
     submitBefore?(_: {}): any;
     submitAfter?(_: {}): any;

package/es/components/modal/modal-footer-action.vue2.js

@@ -1,8 +1,6 @@
-import { defineComponent as O, computed as e, createBlock as n, openBlock as i, unref as o, normalizeProps as w, guardReactiveProps as y, withCtx as s, createCommentVNode as c, renderSlot as p, mergeProps as l, createTextVNode as f, toDisplayString as B } from "vue";
+import { defineComponent as O, computed as e, createBlock as n, openBlock as s, unref as o, normalizeProps as w, guardReactiveProps as y, withCtx as i, createCommentVNode as c, renderSlot as l, mergeProps as p, createTextVNode as f, toDisplayString as B } from "vue";
 import { VftRow as g } from "../row/index.js";
 import { VftButton as b } from "../button/index.js";
-import "../super-form/index.js";
-import "./index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -12,7 +10,7 @@ import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const q = /* @__PURE__ */ O({
+const A = /* @__PURE__ */ O({
   __name: "modal-footer-action",
   props: {
     showSubmitButton: { type: Boolean },
@@ -27,36 +25,36 @@ const q = /* @__PURE__ */ O({
       ...t.actionRowOptions
     })), r = e(
       () => Object.assign({ btnText: "确认" }, t.submitButtonOptions)
-    ), m = e(
+    ), u = e(
       () => Object.assign({ btnText: "取消" }, t.cancelButtonOptions)
     );
-    return (u, v) => (i(), n(o(g), w(y(d.value)), {
-      default: s(() => [
-        t.showCancelButton ? (i(), n(o(b), l({ key: 0 }, m.value, {
+    return (m, v) => (s(), n(o(g), w(y(d.value)), {
+      default: i(() => [
+        t.showCancelButton ? (s(), n(o(b), p({ key: 0 }, u.value, {
           class: o(a).e("cancel")
         }), {
-          default: s(() => [
-            f(B(m.value.btnText), 1)
+          default: i(() => [
+            f(B(u.value.btnText), 1)
           ]),
           _: 1
         }, 16, ["class"])) : c("", !0),
-        p(u.$slots, "submitBefore"),
-        t.showSubmitButton ? (i(), n(o(b), l({
+        l(m.$slots, "submitBefore"),
+        t.showSubmitButton ? (s(), n(o(b), p({
           key: 1,
           type: "primary",
           class: o(a).e("submit")
         }, r.value), {
-          default: s(() => [
+          default: i(() => [
             f(B(r.value.btnText), 1)
           ]),
           _: 1
         }, 16, ["class"])) : c("", !0),
-        p(u.$slots, "submitAfter")
+        l(m.$slots, "submitAfter")
       ]),
       _: 3
     }, 16));
   }
 });
 export {
-  q as default
+  A as default
 };

package/es/components/modal/modal.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as k, useAttrs as A, ref as f, getCurrentInstance as $, computed as r, unref as l, watchEffect as M, watch as P, nextTick as m, createBlock as b, openBlock as y, mergeProps as T, createSlots as R, withCtx as C, renderSlot as S, createCommentVNode as x } from "vue";
-import { deepMerge as D, isFunction as G } from "@vft/utils";
-import { VftDialog as I } from "../dialog/index.js";
+import { defineComponent as k, useAttrs as A, ref as m, getCurrentInstance as $, computed as r, unref as l, watchEffect as M, watch as P, nextTick as B, createBlock as y, openBlock as C, mergeProps as T, createSlots as R, withCtx as g, renderSlot as S, createCommentVNode as x } from "vue";
+import { VftDialog as D } from "../dialog/index.js";
+import { deepMerge as G, isFunction as I } from "@vft/utils";
 import E from "./modal-footer-action.vue2.js";
 const W = /* @__PURE__ */ k({
   __name: "modal",
@@ -47,33 +47,33 @@ const W = /* @__PURE__ */ k({
     actionRowOptions: {}
   },
   emits: ["visible-change", "close", "ok", "register", "update:modelValue", "submit", "open", "opened", "closed", "openAutoFocus", "closeAutoFocus"],
-  setup(a, { emit: g }) {
-    const n = a, t = g, w = A(), d = f(null), s = f(!1), u = f(null), p = {
-      setModalProps: O,
+  setup(s, { emit: w }) {
+    const n = s, t = w, h = A(), d = m(null), a = m(!1), u = m(null), f = {
+      setModalProps: p,
       emitVisible: void 0,
       redoModalHeight: () => {
-        m(() => {
+        B(() => {
           l(u) && l(u).setModalHeight();
         });
       }
     }, i = $();
-    i && t("register", p, i.uid);
-    const v = r(() => ({
+    i && t("register", f, i.uid);
+    const V = r(() => ({
       ...n,
       ...l(d)
-    })), h = r(() => ({
-      ...w,
-      ...l(v),
-      modelValue: l(s)
+    })), v = r(() => ({
+      ...h,
+      ...l(V),
+      modelValue: l(a)
     }));
     M(() => {
-      s.value = !!n.modelValue;
+      a.value = !!n.modelValue;
     }), P(
-      () => l(s),
+      () => l(a),
       (e) => {
-        t("visible-change", e), t("update:modelValue", e), i && p.emitVisible && m(() => {
-          p.emitVisible(e, i.uid);
-        }), m(() => {
+        t("visible-change", e), t("update:modelValue", e), i && f.emitVisible && B(() => {
+          f.emitVisible(e, i.uid);
+        }), B(() => {
           n.scrollTop && e && l(u) && l(u).scrollTop();
         });
       },
@@ -81,45 +81,44 @@ const W = /* @__PURE__ */ k({
         immediate: !1
       }
     );
-    async function B(e) {
-      if (e?.stopPropagation(), n.closeFunc && G(n.closeFunc)) {
-        const o = await n.closeFunc();
-        s.value = !o;
+    async function b(e) {
+      if (e?.stopPropagation(), n.closeFunc && I(n.closeFunc)) {
+        await n.closeFunc() || p({ modelValue: !1 });
         return;
       }
-      s.value = !1, t("close", e);
+      p({ modelValue: !1 }), t("close", e);
     }
-    function O(e) {
-      d.value = D(l(d) || {}, e), Reflect.has(e, "modelValue") && (s.value = !!e.modelValue);
+    function p(e) {
+      d.value = G(l(d) || {}, e), Reflect.has(e, "modelValue") && (a.value = !!e.modelValue);
     }
-    const V = r(() => ({
-      onClick: (e) => B(e),
+    const O = r(() => ({
+      onClick: (e) => b(e),
       ...n.cancelButtonOptions
     })), F = r(() => ({
       onClick: () => t("submit"),
       ...n.submitButtonOptions
     }));
-    return (e, o) => (y(), b(l(I), T(h.value, {
-      onClose: B,
+    return (e, o) => (C(), y(l(D), T(v.value, {
+      onClose: b,
       onOpen: o[0] || (o[0] = (c) => t("open")),
       onOpened: o[1] || (o[1] = (c) => t("opened")),
       onClosed: o[2] || (o[2] = (c) => t("closed")),
       onOpenAutoFocus: o[3] || (o[3] = (c) => t("openAutoFocus")),
       onCloseAutoFocus: o[4] || (o[4] = (c) => t("closeAutoFocus"))
     }), R({
-      default: C(() => [
+      default: g(() => [
         S(e.$slots, "default")
       ]),
       _: 2
     }, [
-      e.$slots.footer || a.showActionButtonGroup ? {
+      e.$slots.footer || s.showActionButtonGroup ? {
         name: "footer",
-        fn: C(() => [
-          a.showActionButtonGroup ? (y(), b(E, {
+        fn: g(() => [
+          s.showActionButtonGroup ? (C(), y(E, {
             key: 0,
-            "show-cancel-button": a.showCancelButton,
-            "show-submit-button": a.showSubmitButton,
-            "cancel-button-options": V.value,
+            "show-cancel-button": s.showCancelButton,
+            "show-submit-button": s.showSubmitButton,
+            "cancel-button-options": O.value,
             "submit-button-options": F.value
           }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : x("", !0)
         ]),

package/es/components/super-form/index.d.ts

@@ -45,6 +45,13 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         submitResetReverse: {
             type: import("vue").PropType<boolean>;
         };
+        baseColProps: {
+            type: import("vue").PropType<Partial<import("vft/es/vft").ColProps>>;
+        };
+        quickColSpan: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         mergeDynamicData: {
             type: import("vue").PropType<import("../types").Recordable>;
         };
@@ -64,13 +71,6 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        quickColSpan: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        baseColProps: {
-            type: import("vue").PropType<Partial<import("vft/es/vft").ColProps>>;
-        };
         resetFunc: {
             type: import("vue").PropType<() => Promise<void>>;
         };
@@ -145,6 +145,8 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         getSchema: import("vue").ComputedRef<import("./types").FormSchema[]>;
         setFormItemError: (field: string, errMess: string) => Promise<void>;
         formModel: import("vue").ComputedRef<import("../types").Recordable>;
+        hasActionButton: import("vue").ComputedRef<boolean>;
+        willExceedOneRow: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         register: (instance: Partial<import("./types").FormActionType>) => void;
         reset: (data: import("../types").Recordable) => void;
@@ -158,11 +160,11 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         showResetButton: boolean;
         showSubmitButton: boolean;
         showCommonButton: boolean;
+        quickColSpan: number;
         rulesMessageJoinLabel: boolean;
         autoCleanErrorMessage: boolean;
         compFullWidth: boolean;
         autoSetPlaceHolder: boolean;
-        quickColSpan: number;
         rowProps: import("vft/es/vft").RowProps;
         autoFocusFirstItem: boolean;
         autoSubmitOnEnter: boolean;
@@ -222,6 +224,13 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         submitResetReverse: {
             type: import("vue").PropType<boolean>;
         };
+        baseColProps: {
+            type: import("vue").PropType<Partial<import("vft/es/vft").ColProps>>;
+        };
+        quickColSpan: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         mergeDynamicData: {
             type: import("vue").PropType<import("../types").Recordable>;
         };
@@ -241,13 +250,6 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        quickColSpan: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        baseColProps: {
-            type: import("vue").PropType<Partial<import("vft/es/vft").ColProps>>;
-        };
         resetFunc: {
             type: import("vue").PropType<() => Promise<void>>;
         };
@@ -322,6 +324,8 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         getSchema: import("vue").ComputedRef<import("./types").FormSchema[]>;
         setFormItemError: (field: string, errMess: string) => Promise<void>;
         formModel: import("vue").ComputedRef<import("../types").Recordable>;
+        hasActionButton: import("vue").ComputedRef<boolean>;
+        willExceedOneRow: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, {
         size: import("vft/es/constants").ComponentSize;
         labelPosition: "left" | "right" | "top";
@@ -329,11 +333,11 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         showResetButton: boolean;
         showSubmitButton: boolean;
         showCommonButton: boolean;
+        quickColSpan: number;
         rulesMessageJoinLabel: boolean;
         autoCleanErrorMessage: boolean;
         compFullWidth: boolean;
         autoSetPlaceHolder: boolean;
-        quickColSpan: number;
         rowProps: import("vft/es/vft").RowProps;
         autoFocusFirstItem: boolean;
         autoSubmitOnEnter: boolean;
@@ -390,6 +394,13 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
     submitResetReverse: {
         type: import("vue").PropType<boolean>;
     };
+    baseColProps: {
+        type: import("vue").PropType<Partial<import("vft/es/vft").ColProps>>;
+    };
+    quickColSpan: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     mergeDynamicData: {
         type: import("vue").PropType<import("../types").Recordable>;
     };
@@ -409,13 +420,6 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    quickColSpan: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    baseColProps: {
-        type: import("vue").PropType<Partial<import("vft/es/vft").ColProps>>;
-    };
     resetFunc: {
         type: import("vue").PropType<() => Promise<void>>;
     };
@@ -490,6 +494,8 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
     getSchema: import("vue").ComputedRef<import("./types").FormSchema[]>;
     setFormItemError: (field: string, errMess: string) => Promise<void>;
     formModel: import("vue").ComputedRef<import("../types").Recordable>;
+    hasActionButton: import("vue").ComputedRef<boolean>;
+    willExceedOneRow: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     register: (instance: Partial<import("./types").FormActionType>) => void;
     reset: (data: import("../types").Recordable) => void;
@@ -503,11 +509,11 @@ export declare const VftSuperForm: import("vft/es/utils").SFCWithInstall<{
     showResetButton: boolean;
     showSubmitButton: boolean;
     showCommonButton: boolean;
+    quickColSpan: number;
     rulesMessageJoinLabel: boolean;
     autoCleanErrorMessage: boolean;
     compFullWidth: boolean;
     autoSetPlaceHolder: boolean;
-    quickColSpan: number;
     rowProps: import("vft/es/vft").RowProps;
     autoFocusFirstItem: boolean;
     autoSubmitOnEnter: boolean;