vft 0.0.249 → 0.0.252

package/es/components/super-form/super-form.vue2.js

@@ -1,112 +1,25 @@
-import { defineComponent as K, useAttrs as ot, reactive as rt, ref as l, computed as d, unref as o, watch as h, nextTick as it, onMounted as mt, createBlock as u, createCommentVNode as B, openBlock as n, mergeProps as f, withKeys as at, withCtx as y, renderSlot as P, normalizeProps as g, createElementBlock as lt, createVNode as nt, Fragment as pt, renderList as L, createSlots as st, guardReactiveProps as ut } from "vue";
-import "../alert/index.js";
-import "../avatar/index.js";
-import "../backtop/index.js";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import { VftCol as ft } from "../col/index.js";
-import "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import "../container/index.js";
-import { cloneDeep as ct, isEqual as dt, pick as ht, deepMerge as Bt } from "@vft/utils";
-import "../context-menu/context-menu.vue2.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "../footer-layout/index.js";
-import { VftForm as yt } from "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
-import "../icon/index.js";
-import "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
-import "../menu/index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "../result/index.js";
-import "../router-view-content/index.js";
-import { VftRow as gt } from "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "../side-menu/index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/index.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
-import "../tooltip/index.js";
-import "../tree/index.js";
-import "../verify-code/index.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "./index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../md-comment/index.js";
-import "../md-container/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
-import { useTimeoutFn as vt, useDebounceFn as bt } from "@vueuse/core";
+import { defineComponent as K, useAttrs as oe, reactive as ae, ref as r, computed as B, unref as o, watch as y, nextTick as le, createBlock as f, createCommentVNode as v, openBlock as u, mergeProps as p, withKeys as ne, withCtx as g, renderSlot as O, normalizeProps as b, createElementBlock as se, createVNode as re, Fragment as ue, renderList as L, createSlots as ie, guardReactiveProps as me } from "vue";
+import { VftRow as fe } from "../row/index.js";
+import { VftCol as pe } from "../col/index.js";
+import { VftForm as ce } from "../form/index.js";
+import { useTimeoutFn as de, useDebounceFn as he } from "@vueuse/core";
+import { cloneDeep as Be, isEqual as ye, pick as ve, deepMerge as ge } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as Ft } from "../../hooks/use-namespace/index.js";
+import { useNamespace as be } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "../message/index.js";
-import "../infinite-scroll/index.js";
-import "../progress-i/index.js";
 import z from "./super-form-action.vue2.js";
-import Ct from "./super-form-item.vue2.js";
-import { useAutoFocus as wt } from "./use/use-auto-focus.js";
-import { createFormContext as St } from "./use/use-form-context.js";
-import { useFormEvents as kt } from "./use/use-form-events.js";
-import { useFormValues as Rt } from "./use/use-form-values.js";
-const Pt = K({
+import Fe from "./super-form-item.vue2.js";
+import { useAutoFocus as we } from "./use/use-auto-focus.js";
+import { createFormContext as Ce } from "./use/use-form-context.js";
+import { useFormEvents as Se } from "./use/use-form-events.js";
+import { useFormValues as ke } from "./use/use-form-values.js";
+const Re = K({
   name: "vft-super-form"
-}), Ro = /* @__PURE__ */ K({
-  ...Pt,
+}), Ke = /* @__PURE__ */ K({
+  ...Re,
   props: {
     rowProps: {
       default: {
@@ -205,6 +118,9 @@ const Pt = K({
     scrollToError: {
       type: Boolean
     },
+    scrollIntoViewOptions: {
+      type: Boolean
+    },
     showResetButton: {
       type: Boolean,
       default: !1
@@ -227,173 +143,171 @@ const Pt = K({
     expose: W,
     emit: j
   }) {
-    const J = Ft("super-form"), O = U, E = j, Q = ot(), m = rt({}), v = l({}), c = l(!1), b = l({}), V = l(), F = l(null), _ = l(), e = d(() => ({
-      ...O,
-      ...o(b)
-    })), p = d(() => ({
+    const J = be("super-form"), P = U, V = j, Q = oe(), n = ae({}), F = r({}), c = r(!1), d = r({}), E = r(), w = r(null), _ = r(), t = B(() => ({
+      ...P,
+      ...o(d)
+    })), i = B(() => ({
       ...Q,
-      ...O,
-      ...o(e)
-    })), i = d(() => {
-      const t = o(V);
-      return ct(t);
+      ...P,
+      ...o(t)
+    })), l = B(() => {
+      const e = o(E);
+      return Be(e);
     }), {
       handleFormValues: X,
       initDefault: A
-    } = Rt({
-      getProps: e,
-      defaultValueRef: v,
-      getSchema: i,
-      formModel: m
+    } = ke({
+      getProps: t,
+      defaultValueRef: F,
+      getSchema: l,
+      formModel: n
     });
-    wt({
-      getSchema: i,
-      getProps: e,
+    we({
+      getSchema: l,
+      getProps: t,
       isInitedDefault: c,
-      formElRef: F
+      formElRef: w
     });
     const {
-      handleSubmit: s,
+      handleSubmit: m,
       setFieldsValue: C,
-      clearValidate: M,
-      validate: I,
+      clearValidate: I,
+      validate: M,
       validateField: T,
-      getFieldsValue: w,
-      updateSchema: S,
-      resetSchema: k,
+      getFieldsValue: S,
+      updateSchema: k,
+      resetSchema: h,
       appendSchemaByField: D,
       removeSchemaByField: q,
       resetFields: R,
       scrollToField: Y,
       getFieldValue: N
-    } = kt({
-      emit: E,
-      getProps: e,
-      formModel: m,
-      getSchema: i,
-      defaultValueRef: v,
-      formElRef: F,
-      schemaRef: V,
+    } = Se({
+      emit: V,
+      getProps: t,
+      formModel: n,
+      getSchema: l,
+      defaultValueRef: F,
+      formElRef: w,
+      schemaRef: E,
       handleFormValues: X,
       initValues: _
     });
-    St({
+    Ce({
       resetAction: R,
-      submitAction: s
-    }), h(() => o(e).model, () => {
+      submitAction: m
+    }), y(() => o(t).model, () => {
       const {
-        model: t
-      } = o(e);
-      t && C(t);
+        model: e
+      } = o(t);
+      e && C(e);
     }, {
       immediate: !0
-    }), h(() => o(e).schemas, (t, a) => {
-      dt(t, a) || k(t ?? []);
-    }), h(() => i.value, (t) => {
-      it(() => {
-      }), !o(c) && t?.length && (A(), c.value = !0, e.value?.watchDataIsChange && vt(() => {
-        _.value = w();
+    }), y(() => o(t).schemas, (e, s) => {
+      ye(e, s) || h(e ?? []);
+    }), y(() => l.value, (e) => {
+      le(() => {
+      }), !o(c) && e?.length && (A(), c.value = !0, t.value?.watchDataIsChange && de(() => {
+        _.value = S();
       }, 40));
-    }), h(() => m, bt(() => {
-      o(e).submitOnChange && s();
+    }), y(() => n, he(() => {
+      o(t).submitOnChange && m();
     }, 300), {
       deep: !0
     });
-    async function $(t) {
-      b.value = Bt(o(b) || {}, t);
+    async function $(e) {
+      d.value = ge(o(d) || {}, e), c.value || (h(d.value?.schemas ?? []), A());
     }
-    function Z(t, a, r) {
-      m[t] = a, r && r.itemProps;
+    function Z(e, s, a) {
+      n[e] = s, a && a.itemProps;
     }
-    function tt(t) {
+    function ee(e) {
       const {
-        autoSubmitOnEnter: a
-      } = o(e);
-      if (a && t.key === "Enter" && t.target && t.target instanceof HTMLElement) {
-        const r = t.target;
-        r && r.tagName && r.tagName.toUpperCase() === "INPUT" && s();
+        autoSubmitOnEnter: s
+      } = o(t);
+      if (s && e.key === "Enter" && e.target && e.target instanceof HTMLElement) {
+        const a = e.target;
+        a && a.tagName && a.tagName.toUpperCase() === "INPUT" && m();
       }
     }
     const x = {
-      getFieldsValue: w,
+      getFieldsValue: S,
       getFieldValue: N,
       setFieldsValue: C,
       resetFields: R,
-      updateSchema: S,
-      resetSchema: k,
+      updateSchema: k,
+      resetSchema: h,
       setProps: $,
       removeSchemaByField: q,
       appendSchemaByField: D,
-      clearValidate: M,
+      clearValidate: I,
       validateField: T,
-      validate: I,
-      submit: s,
+      validate: M,
+      submit: m,
       scrollToField: Y
     };
-    mt(() => {
-      A(), E("register", x);
-    });
-    const G = d(() => ht(e.value, ["showResetButton", "showCommonButton", "showSubmitButton", "resetButtonOptions", "submitButtonOptions", "commonButtonOptions", "actionColOptions", "actionSpan"]));
+    V("register", x);
+    const G = B(() => ve(t.value, ["showResetButton", "showCommonButton", "showSubmitButton", "resetButtonOptions", "submitButtonOptions", "commonButtonOptions", "actionColOptions", "actionSpan"]));
     return W({
-      getFieldsValue: w,
+      getFieldsValue: S,
       getFieldValue: N,
       setFieldsValue: C,
       resetFields: R,
-      updateSchema: S,
-      resetSchema: k,
+      updateSchema: k,
+      resetSchema: h,
       setProps: $,
       removeSchemaByField: q,
       appendSchemaByField: D,
-      clearValidate: M,
+      clearValidate: I,
       validateField: T,
-      validate: I,
-      submit: s,
-      getSchema: i
-    }), (t, a) => c.value && i.value?.length ? (n(), u(o(yt), f({
+      validate: M,
+      submit: m,
+      getSchema: l
+    }), (e, s) => l.value?.length ? (u(), f(o(ce), p({
       key: 0
-    }, p.value, {
+    }, i.value, {
       ref_key: "formElRef",
-      ref: F,
+      ref: w,
       class: o(J).b(),
-      model: m,
-      onKeypress: at(tt, ["enter"])
+      model: n,
+      onKeypress: ne(ee, ["enter"])
     }), {
-      default: y(() => [i.value?.length ? (n(), u(o(gt), g(f({
+      default: g(() => [l.value?.length ? (u(), f(o(fe), b(p({
         key: 0
-      }, p.value?.rowProps)), {
-        default: y(() => [P(t.$slots, "formHeader"), (n(!0), lt(pt, null, L(i.value, (r) => (n(), u(Ct, {
-          key: r.field,
+      }, i.value?.rowProps)), {
+        default: g(() => [O(e.$slots, "formHeader"), (u(!0), se(ue, null, L(l.value, (a) => (u(), f(Fe, {
+          key: a.field,
           "form-action-type": x,
-          schema: r,
-          "form-props": e.value,
-          "all-default-values": v.value,
-          "form-model": m,
+          schema: a,
+          "form-props": t.value,
+          "all-default-values": F.value,
+          "form-model": n,
           "set-form-model": Z,
-          "update-schema": o(S)
-        }, st({
+          "update-schema": o(k)
+        }, ie({
           _: 2
-        }, [L(Object.keys(t.$slots), (H) => ({
+        }, [L(Object.keys(e.$slots), (H) => ({
           name: H,
-          fn: y((et) => [P(t.$slots, H, f({
+          fn: g((te) => [O(e.$slots, H, p({
             ref_for: !0
-          }, et || {}))])
-        }))]), 1032, ["schema", "form-props", "all-default-values", "form-model", "update-schema"]))), 128)), nt(o(ft), g(ut(p.value?.quickColSpan ? {
-          span: Math.ceil(24 / p.value?.quickColSpan),
-          ...p.value?.baseColProps
+          }, te || {}))])
+        }))]), 1032, ["schema", "form-props", "all-default-values", "form-model", "update-schema"]))), 128)), re(o(pe), b(me(i.value?.quickColSpan ? {
+          span: Math.ceil(24 / i.value?.quickColSpan),
+          ...i.value?.baseColProps
         } : {})), {
-          default: y(() => [e.value?.showActionButtonGroup && e.value?.actionInline ? (n(), u(z, g(f({
+          default: g(() => [t.value?.showActionButtonGroup && t.value?.actionInline ? (u(), f(z, b(p({
             key: 0
-          }, G.value)), null, 16)) : B("", !0)]),
+          }, G.value)), null, 16)) : v("", !0)]),
           _: 1
         }, 16)]),
         _: 3
-      }, 16)) : B("", !0), e.value?.showActionButtonGroup && !e.value?.actionInline ? (n(), u(z, g(f({
+      }, 16)) : v("", !0), t.value?.showActionButtonGroup && !t.value?.actionInline ? (u(), f(z, b(p({
         key: 1
-      }, G.value)), null, 16)) : B("", !0), P(t.$slots, "formFooter")]),
+      }, G.value)), null, 16)) : v("", !0), O(e.$slots, "formFooter")]),
       _: 3
-    }, 16, ["class", "model"])) : B("", !0);
+    }, 16, ["class", "model"])) : v("", !0);
   }
 });
 export {
-  Ro as default
+  Ke as default
 };

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

@@ -1,4 +1,6 @@
-import type { ButtonProps, ColProps, RowProps } from 'vft/es/components';
+import type { ColProps } from 'vft/es/components/col';
+import type { RowProps } from 'vft/es/components/row';
+import type { ButtonProps } from 'vft/es/components/button';
 import type { FormItemProp, FormItemProps, FormProps } from 'vft/es/components/form';
 import type { InternalRuleItem, RuleItem } from 'async-validator';
 import type { StyleValue, VNode } from 'vue';

package/es/components/switch/index.d.ts

@@ -26,13 +26,13 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -105,13 +105,13 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;