vft 0.0.239 → 0.0.240

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

@@ -1,4 +1,4 @@
-import { defineComponent as tt, useAttrs as ut, reactive as ft, ref as l, computed as h, unref as o, watch as y, nextTick as ct, onMounted as dt, createBlock as c, createCommentVNode as g, openBlock as n, mergeProps as v, withKeys as Bt, withCtx as b, renderSlot as E, normalizeProps as d, createElementBlock as ht, createVNode as yt, Fragment as gt, renderList as X, createSlots as vt, guardReactiveProps as Y } from "vue";
+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";
@@ -9,12 +9,12 @@ import "../checkbox/index.js";
 import "../clamp/index.js";
 import "../clamp-toggle/index.js";
 import "../clamp-tooltip/index.js";
-import { VftCol as bt } from "../col/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 Ft, isEqual as Ct, pick as wt, deepMerge as St } from "@vft/utils";
+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";
@@ -26,7 +26,7 @@ import "../dropdown/index.js";
 import "../empty/index.js";
 import "../exception/index.js";
 import "../footer-layout/index.js";
-import { VftForm as kt } from "../form/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";
@@ -52,7 +52,7 @@ import "../qrcode/index.js";
 import "../radio/index.js";
 import "../result/index.js";
 import "../router-view-content/index.js";
-import { VftRow as Rt } from "../row/index.js";
+import { VftRow as gt } from "../row/index.js";
 import "../scrollbar/index.js";
 import "../search/index.js";
 import "../select/index.js";
@@ -87,26 +87,26 @@ import "../md-comment/index.js";
 import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
-import { useTimeoutFn as Pt, useDebounceFn as Ot } from "@vueuse/core";
+import { useTimeoutFn as vt, useDebounceFn as bt } from "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as Et } from "../../hooks/use-namespace/index.js";
+import { useNamespace as Ft } 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 Vt from "./super-form-item.vue2.js";
-import { useAutoFocus as _t } from "./use/use-auto-focus.js";
-import { createFormContext as At } from "./use/use-form-context.js";
-import { useFormEvents as Mt } from "./use/use-form-events.js";
-import { useFormValues as It } from "./use/use-form-values.js";
-const Tt = tt({
+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({
   name: "vft-super-form"
-}), Io = /* @__PURE__ */ tt({
-  ...Tt,
+}), Ro = /* @__PURE__ */ K({
+  ...Pt,
   props: {
     rowProps: {
       default: {
@@ -223,188 +223,177 @@ const Tt = tt({
     actionRowOptions: {}
   },
   emits: ["register", "reset", "submit", "field-value-change"],
-  setup(et, {
-    expose: ot,
-    emit: rt
+  setup(U, {
+    expose: W,
+    emit: j
   }) {
-    const it = Et("super-form"), V = et, _ = rt, mt = ut(), a = ft({}), F = l({}), B = l(!1), C = l({}), A = l(), w = l(null), M = l(), e = h(() => ({
-      ...V,
-      ...o(C)
-    })), p = h(() => ({
-      ...mt,
-      ...V,
+    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(() => ({
+      ...Q,
+      ...O,
       ...o(e)
-    })), m = h(() => {
-      const t = o(A);
-      return Ft(t);
+    })), i = d(() => {
+      const t = o(V);
+      return ct(t);
     }), {
-      handleFormValues: at,
-      initDefault: I
-    } = It({
+      handleFormValues: X,
+      initDefault: A
+    } = Rt({
       getProps: e,
-      defaultValueRef: F,
-      getSchema: m,
-      formModel: a
+      defaultValueRef: v,
+      getSchema: i,
+      formModel: m
     });
-    _t({
-      getSchema: m,
+    wt({
+      getSchema: i,
       getProps: e,
-      isInitedDefault: B,
-      formElRef: w
+      isInitedDefault: c,
+      formElRef: F
     });
     const {
       handleSubmit: s,
-      setFieldsValue: S,
-      clearValidate: T,
-      validate: D,
-      validateField: q,
-      getFieldsValue: k,
-      updateSchema: R,
-      resetSchema: P,
-      appendSchemaByField: N,
-      removeSchemaByField: $,
-      resetFields: O,
-      scrollToField: lt,
-      getFieldValue: x
-    } = Mt({
-      emit: _,
+      setFieldsValue: C,
+      clearValidate: M,
+      validate: I,
+      validateField: T,
+      getFieldsValue: w,
+      updateSchema: S,
+      resetSchema: k,
+      appendSchemaByField: D,
+      removeSchemaByField: q,
+      resetFields: R,
+      scrollToField: Y,
+      getFieldValue: N
+    } = kt({
+      emit: E,
       getProps: e,
-      formModel: a,
-      getSchema: m,
-      defaultValueRef: F,
-      formElRef: w,
-      schemaRef: A,
-      handleFormValues: at,
-      initValues: M
+      formModel: m,
+      getSchema: i,
+      defaultValueRef: v,
+      formElRef: F,
+      schemaRef: V,
+      handleFormValues: X,
+      initValues: _
     });
-    At({
-      resetAction: O,
+    St({
+      resetAction: R,
       submitAction: s
-    }), y(() => o(e).model, () => {
+    }), h(() => o(e).model, () => {
       const {
         model: t
       } = o(e);
-      t && S(t);
+      t && C(t);
     }, {
       immediate: !0
-    }), y(() => o(e).schemas, (t, r) => {
-      Ct(t, r) || P(t ?? []);
-    }), y(() => m.value, (t) => {
-      var r;
-      ct(() => {
-      }), !o(B) && t != null && t.length && (I(), B.value = !0, (r = e.value) != null && r.watchDataIsChange && Pt(() => {
-        M.value = k();
+    }), 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();
       }, 40));
-    }), y(() => a, Ot(() => {
+    }), h(() => m, bt(() => {
       o(e).submitOnChange && s();
     }, 300), {
       deep: !0
     });
-    async function G(t) {
-      C.value = St(o(C) || {}, t);
+    async function $(t) {
+      b.value = Bt(o(b) || {}, t);
     }
-    function nt(t, r, i) {
-      a[t] = r, i && i.itemProps;
+    function Z(t, a, r) {
+      m[t] = a, r && r.itemProps;
     }
-    function pt(t) {
+    function tt(t) {
       const {
-        autoSubmitOnEnter: r
+        autoSubmitOnEnter: a
       } = o(e);
-      if (r && t.key === "Enter" && t.target && t.target instanceof HTMLElement) {
-        const i = t.target;
-        i && i.tagName && i.tagName.toUpperCase() === "INPUT" && s();
+      if (a && t.key === "Enter" && t.target && t.target instanceof HTMLElement) {
+        const r = t.target;
+        r && r.tagName && r.tagName.toUpperCase() === "INPUT" && s();
       }
     }
-    const H = {
-      getFieldsValue: k,
-      getFieldValue: x,
-      setFieldsValue: S,
-      resetFields: O,
-      updateSchema: R,
-      resetSchema: P,
-      setProps: G,
-      removeSchemaByField: $,
-      appendSchemaByField: N,
-      clearValidate: T,
-      validateField: q,
-      validate: D,
+    const x = {
+      getFieldsValue: w,
+      getFieldValue: N,
+      setFieldsValue: C,
+      resetFields: R,
+      updateSchema: S,
+      resetSchema: k,
+      setProps: $,
+      removeSchemaByField: q,
+      appendSchemaByField: D,
+      clearValidate: M,
+      validateField: T,
+      validate: I,
       submit: s,
-      scrollToField: lt
+      scrollToField: Y
     };
-    dt(() => {
-      I(), _("register", H);
+    mt(() => {
+      A(), E("register", x);
     });
-    const L = h(() => wt(e.value, ["showResetButton", "showCommonButton", "showSubmitButton", "resetButtonOptions", "submitButtonOptions", "commonButtonOptions", "actionColOptions", "actionSpan"]));
-    return ot({
-      getFieldsValue: k,
-      getFieldValue: x,
-      setFieldsValue: S,
-      resetFields: O,
-      updateSchema: R,
-      resetSchema: P,
-      setProps: G,
-      removeSchemaByField: $,
-      appendSchemaByField: N,
-      clearValidate: T,
-      validateField: q,
-      validate: D,
+    const G = d(() => ht(e.value, ["showResetButton", "showCommonButton", "showSubmitButton", "resetButtonOptions", "submitButtonOptions", "commonButtonOptions", "actionColOptions", "actionSpan"]));
+    return W({
+      getFieldsValue: w,
+      getFieldValue: N,
+      setFieldsValue: C,
+      resetFields: R,
+      updateSchema: S,
+      resetSchema: k,
+      setProps: $,
+      removeSchemaByField: q,
+      appendSchemaByField: D,
+      clearValidate: M,
+      validateField: T,
+      validate: I,
       submit: s,
-      getSchema: m
-    }), (t, r) => {
-      var i;
-      return B.value && ((i = m.value) != null && i.length) ? (n(), c(o(kt), v({
+      getSchema: i
+    }), (t, a) => c.value && i.value?.length ? (n(), u(o(yt), f({
+      key: 0
+    }, p.value, {
+      ref_key: "formElRef",
+      ref: F,
+      class: o(J).b(),
+      model: m,
+      onKeypress: at(tt, ["enter"])
+    }), {
+      default: y(() => [i.value?.length ? (n(), u(o(gt), g(f({
         key: 0
-      }, p.value, {
-        ref_key: "formElRef",
-        ref: w,
-        class: o(it).b(),
-        model: a,
-        onKeypress: Bt(pt, ["enter"])
-      }), {
-        default: b(() => {
-          var z, K, U, W;
-          return [(z = m.value) != null && z.length ? (n(), c(o(Rt), d(v({
+      }, p.value?.rowProps)), {
+        default: y(() => [P(t.$slots, "formHeader"), (n(!0), lt(pt, null, L(i.value, (r) => (n(), u(Ct, {
+          key: r.field,
+          "form-action-type": x,
+          schema: r,
+          "form-props": e.value,
+          "all-default-values": v.value,
+          "form-model": m,
+          "set-form-model": Z,
+          "update-schema": o(S)
+        }, st({
+          _: 2
+        }, [L(Object.keys(t.$slots), (H) => ({
+          name: H,
+          fn: y((et) => [P(t.$slots, H, f({
+            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
+        } : {})), {
+          default: y(() => [e.value?.showActionButtonGroup && e.value?.actionInline ? (n(), u(z, g(f({
             key: 0
-          }, (K = p.value) == null ? void 0 : K.rowProps)), {
-            default: b(() => {
-              var j, J, Q;
-              return [E(t.$slots, "formHeader"), (n(!0), ht(gt, null, X(m.value, (u) => (n(), c(Vt, {
-                key: u.field,
-                "form-action-type": H,
-                schema: u,
-                "form-props": e.value,
-                "all-default-values": F.value,
-                "form-model": a,
-                "set-form-model": nt,
-                "update-schema": o(R)
-              }, vt({
-                _: 2
-              }, [X(Object.keys(t.$slots), (f) => ({
-                name: f,
-                fn: b((st) => [E(t.$slots, f, d(Y(st || {})))])
-              }))]), 1032, ["schema", "form-props", "all-default-values", "form-model", "update-schema"]))), 128)), yt(o(bt), d(Y((j = p.value) != null && j.quickColSpan ? {
-                span: Math.ceil(24 / ((J = p.value) == null ? void 0 : J.quickColSpan)),
-                ...(Q = p.value) == null ? void 0 : Q.baseColProps
-              } : {})), {
-                default: b(() => {
-                  var u, f;
-                  return [(u = e.value) != null && u.showActionButtonGroup && ((f = e.value) != null && f.actionInline) ? (n(), c(Z, d(v({
-                    key: 0
-                  }, L.value)), null, 16)) : g("", !0)];
-                }),
-                _: 1
-              }, 16)];
-            }),
-            _: 3
-          }, 16)) : g("", !0), (U = e.value) != null && U.showActionButtonGroup && !((W = e.value) != null && W.actionInline) ? (n(), c(Z, d(v({
-            key: 1
-          }, L.value)), null, 16)) : g("", !0), E(t.$slots, "formFooter")];
-        }),
+          }, G.value)), null, 16)) : B("", !0)]),
+          _: 1
+        }, 16)]),
         _: 3
-      }, 16, ["class", "model"])) : g("", !0);
-    };
+      }, 16)) : B("", !0), e.value?.showActionButtonGroup && !e.value?.actionInline ? (n(), u(z, g(f({
+        key: 1
+      }, G.value)), null, 16)) : B("", !0), P(t.$slots, "formFooter")]),
+      _: 3
+    }, 16, ["class", "model"])) : B("", !0);
   }
 });
 export {
-  Io as default
+  Ro as default
 };

package/es/components/super-form/use/use-auto-focus.js

@@ -1,24 +1,24 @@
-import { watchEffect as u, unref as e, nextTick as m } from "vue";
+import { watchEffect as u, unref as t, nextTick as m } from "vue";
 import { FormCompEnum as a } from "../component-map.js";
-async function F({
-  getSchema: n,
+async function y({
+  getSchema: c,
   getProps: s,
   formElRef: f,
   isInitedDefault: i
 }) {
   u(async () => {
-    if (e(i) || !e(s).autoFocusFirstItem)
+    if (t(i) || !t(s).autoFocusFirstItem)
       return;
     await m();
-    const o = e(n), t = e(f), c = t == null ? void 0 : t.$el;
-    if (!t || !c || !o || o.length === 0 || o[0].type !== a.INPUT)
+    const r = t(c), o = t(f), e = o?.$el;
+    if (!o || !e || !r || r.length === 0 || r[0].type !== a.INPUT)
       return;
-    const r = c.querySelector(
+    const n = e.querySelector(
       ".vft-row:first-child input"
     );
-    r && (r == null || r.focus());
+    n && n?.focus();
   });
 }
 export {
-  F as useAutoFocus
+  y as useAutoFocus
 };