vft 0.0.119 → 0.0.121

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

@@ -1,18 +1,18 @@
-import { defineComponent as J, useAttrs as nt, reactive as at, ref as p, computed as c, unref as e, watch as d, nextTick as st, onMounted as pt, openBlock as l, createBlock as B, mergeProps as C, withKeys as lt, withCtx as h, normalizeProps as y, renderSlot as g, createElementBlock as ut, Fragment as ft, renderList as E, createSlots as U, guardReactiveProps as j, createCommentVNode as V } from "vue";
-import { useNamespace as ct } from "../../hooks/use-namespace/index.js";
+import { defineComponent as W, useAttrs as nt, reactive as st, ref as n, computed as c, unref as o, watch as d, nextTick as pt, onMounted as lt, openBlock as l, createBlock as B, mergeProps as R, withKeys as ut, withCtx as h, normalizeProps as g, renderSlot as y, createElementBlock as ft, Fragment as ct, renderList as V, createSlots as j, guardReactiveProps as x, createCommentVNode as E } from "vue";
+import { useNamespace as dt } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
-import { useDebounceFn as dt } from "@vueuse/core";
-import { cloneDeep as x, pick as Bt, deepMerge as ht } from "@vft/utils";
+import { useTimeoutFn as Bt, useDebounceFn as ht } from "@vueuse/core";
+import { cloneDeep as J, pick as gt, deepMerge as yt } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import { FormCompEnum as yt } from "./component-map.js";
-import gt from "./super-form-action.vue2.js";
-import bt from "./super-form-item.vue2.js";
-import { useAutoFocus as vt } from "./use/use-auto-focus.js";
-import { createFormContext as Ft } from "./use/use-form-context.js";
-import { useFormEvents as wt } from "./use/use-form-events.js";
-import { useFormValues as St } from "./use/use-form-values.js";
+import { FormCompEnum as bt } from "./component-map.js";
+import vt from "./super-form-action.vue2.js";
+import Ft 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 Pt } from "./use/use-form-events.js";
+import { useFormValues as At } from "./use/use-form-values.js";
 import "../divider/index.js";
 import "../icon/index.js";
 import "../avatar/index.js";
@@ -50,7 +50,7 @@ import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
-import { VftForm as Pt } from "../form/index.js";
+import { VftForm as Ct } from "../form/index.js";
 import "../button/index.js";
 import "../checkbox/index.js";
 import "../radio/index.js";
@@ -71,7 +71,7 @@ import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
 import "../col/index.js";
-import { VftRow as At } from "../row/index.js";
+import { VftRow as kt } from "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
 import "../date-picker/index.js";
@@ -89,6 +89,7 @@ import "../autocomplete/index.js";
 import "./index.js";
 import "../progress/index.js";
 import "../upload/index.js";
+import "../modal/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -98,18 +99,17 @@ import "../md-code-tabs/index.js";
 import "../message/index.js";
 const Ot = (
   /* hoist-static*/
-  ct("super-form")
-), Rt = J({
+  dt("super-form")
+), Rt = W({
   name: "vft-super-form"
-}), bo = /* @__PURE__ */ J({
+}), wo = /* @__PURE__ */ W({
   ...Rt,
   props: {
     rowProps: { default: {
       gutter: 20
     } },
-    baseColProps: { default: {
-      span: 8
-    } },
+    baseColProps: {},
+    quickColSpan: { default: 3 },
     autoSetPlaceHolder: { type: Boolean, default: !0 },
     schemas: {},
     autoFocusFirstItem: { type: Boolean, default: !1 },
@@ -126,6 +126,7 @@ const Ot = (
     autoCleanErrorMessage: { type: Boolean },
     beforeSubmitFunc: {},
     submitFunc: {},
+    watchDataIsChange: { type: Boolean },
     size: { default: "default" },
     disabled: { type: Boolean },
     model: {},
@@ -143,121 +144,123 @@ const Ot = (
     scrollToError: { type: Boolean },
     showResetButton: { type: Boolean, default: !1 },
     showSubmitButton: { type: Boolean, default: !0 },
-    showCommonButton: { type: Boolean, default: !0 },
+    showCommonButton: { type: Boolean, default: !1 },
     resetButtonOptions: {},
     submitButtonOptions: {},
     commonButtonOptions: {},
     actionRowOptions: {}
   },
   emits: ["register", "reset", "submit", "field-value-change"],
-  setup(W, { expose: Q, emit: _ }) {
-    const b = W;
-    console.log(b, "===");
-    const X = nt(), m = at({}), v = p({}), u = p(!1), F = p({}), D = p(null), w = p(null), o = c(() => ({ ...b, ...e(F) })), Y = c(() => ({ ...X, ...b, ...e(o) })), i = c(() => {
-      const t = e(D);
-      return e(o).showAdvancedButton ? x(t.filter((n) => n.component !== yt.DIVIDER)) : x(t);
-    }), { handleFormValues: Z, initDefault: M } = St({
-      getProps: o,
-      defaultValueRef: v,
-      getSchema: i,
-      formModel: m
+  setup(Q, { expose: X, emit: D }) {
+    const _ = Q, Y = nt(), a = st({}), b = n({}), u = n(!1), v = n({}), M = n(null), F = n(null), I = n(), e = c(() => ({ ..._, ...o(v) })), Z = c(() => ({ ...Y, ..._, ...o(e) })), m = c(() => {
+      const t = o(M);
+      return o(e).showAdvancedButton ? J(t.filter((i) => i.component !== bt.DIVIDER)) : J(t);
+    }), { handleFormValues: tt, initDefault: T } = At({
+      getProps: e,
+      defaultValueRef: b,
+      getSchema: m,
+      formModel: a
     });
-    vt({
-      getSchema: i,
-      getProps: o,
+    wt({
+      getSchema: m,
+      getProps: e,
       isInitedDefault: u,
-      formElRef: w
+      formElRef: F
     });
     const {
-      handleSubmit: a,
-      setFieldsValue: S,
-      clearValidate: I,
-      validate: T,
-      validateField: P,
-      getFieldsValue: $,
+      handleSubmit: s,
+      setFieldsValue: w,
+      clearValidate: $,
+      validate: L,
+      validateField: S,
+      getFieldsValue: P,
       updateSchema: A,
-      resetSchema: O,
-      appendSchemaByField: L,
-      removeSchemaByField: N,
-      resetFields: R,
-      scrollToField: tt,
+      resetSchema: C,
+      appendSchemaByField: N,
+      removeSchemaByField: q,
+      resetFields: k,
+      scrollToField: et,
       getFieldValue: H,
-      setFormItemError: et
-    } = wt({
-      emit: _,
-      getProps: o,
-      formModel: m,
-      getSchema: i,
-      defaultValueRef: v,
-      formElRef: w,
-      schemaRef: D,
-      handleFormValues: Z
+      setFormItemError: ot
+    } = Pt({
+      emit: D,
+      getProps: e,
+      formModel: a,
+      getSchema: m,
+      defaultValueRef: b,
+      formElRef: F,
+      schemaRef: M,
+      handleFormValues: tt,
+      initValues: I
     });
-    Ft({
-      resetAction: R,
-      submitAction: a
+    St({
+      resetAction: k,
+      submitAction: s
     }), d(
-      () => e(o).model,
+      () => o(e).model,
       () => {
-        const { model: t } = e(o);
-        t && S(t);
+        const { model: t } = o(e);
+        t && w(t);
       },
       {
         immediate: !0
       }
     ), d(
-      () => e(o).schemas,
+      () => o(e).schemas,
       (t) => {
-        O(t ?? []);
+        C(t ?? []);
       }
     ), d(
-      () => i.value,
+      () => m.value,
       (t) => {
-        st(() => {
-        }), !e(u) && t != null && t.length && (M(), u.value = !0);
+        var i;
+        pt(() => {
+        }), !o(u) && t != null && t.length && (T(), u.value = !0, (i = e.value) != null && i.watchDataIsChange && Bt(() => {
+          I.value = P();
+        }, 40));
       }
     ), d(
-      () => m,
-      dt(() => {
-        e(o).submitOnChange && a();
+      () => a,
+      ht(() => {
+        o(e).submitOnChange && s();
       }, 300),
       { deep: !0 }
     );
     async function K(t) {
-      F.value = ht(e(F) || {}, t);
+      v.value = yt(o(v) || {}, t);
     }
-    function ot(t, n, r) {
-      m[t] = n, r && r.itemProps && !r.itemProps.autoLink && P(t).catch((k) => {
+    function rt(t, i, r) {
+      a[t] = i, r && r.itemProps && !r.itemProps.autoLink && S(t).catch((O) => {
       });
     }
-    function rt(t) {
-      const { autoSubmitOnEnter: n } = e(o);
-      if (n && t.key === "Enter" && t.target && t.target instanceof HTMLElement) {
+    function it(t) {
+      const { autoSubmitOnEnter: i } = o(e);
+      if (i && t.key === "Enter" && t.target && t.target instanceof HTMLElement) {
         const r = t.target;
-        r && r.tagName && r.tagName.toUpperCase() === "INPUT" && a();
+        r && r.tagName && r.tagName.toUpperCase() === "INPUT" && s();
       }
     }
-    const q = {
-      getFieldsValue: $,
+    const z = {
+      getFieldsValue: P,
       getFieldValue: H,
-      setFieldsValue: S,
-      resetFields: R,
+      setFieldsValue: w,
+      resetFields: k,
       updateSchema: A,
-      resetSchema: O,
+      resetSchema: C,
       setProps: K,
-      removeSchemaByField: N,
-      appendSchemaByField: L,
-      clearValidate: I,
-      validateField: P,
-      validate: T,
-      submit: a,
-      scrollToField: tt
+      removeSchemaByField: q,
+      appendSchemaByField: N,
+      clearValidate: $,
+      validateField: S,
+      validate: L,
+      submit: s,
+      scrollToField: et
     };
-    pt(() => {
-      M(), _("register", q);
+    lt(() => {
+      T(), D("register", z), console.log("111");
     });
-    const it = c(() => Bt(
-      o.value,
+    const mt = c(() => gt(
+      e.value,
       [
         "showResetButton",
         "showCommonButton",
@@ -269,73 +272,73 @@ const Ot = (
         "actionSpan"
       ]
     ));
-    return Q({
-      getFieldsValue: $,
+    return X({
+      getFieldsValue: P,
       getFieldValue: H,
-      setFieldsValue: S,
-      resetFields: R,
+      setFieldsValue: w,
+      resetFields: k,
       updateSchema: A,
-      resetSchema: O,
+      resetSchema: C,
       setProps: K,
-      removeSchemaByField: N,
-      appendSchemaByField: L,
-      clearValidate: I,
-      validateField: P,
-      validate: T,
-      submit: a,
-      setFormItemError: et
-    }), (t, n) => {
+      removeSchemaByField: q,
+      appendSchemaByField: N,
+      clearValidate: $,
+      validateField: S,
+      validate: L,
+      submit: s,
+      setFormItemError: ot
+    }), (t, i) => {
       var r;
-      return u.value && ((r = i.value) != null && r.length) ? (l(), B(e(Pt), C({ key: 0 }, Y.value, {
+      return u.value && ((r = m.value) != null && r.length) ? (l(), B(o(Ct), R({ key: 0 }, Z.value, {
         ref_key: "formElRef",
-        ref: w,
-        class: e(Ot).b(),
-        model: m,
-        onKeypress: lt(rt, ["enter"])
+        ref: F,
+        class: o(Ot).b(),
+        model: a,
+        onKeypress: ut(it, ["enter"])
       }), {
         default: h(() => {
-          var k, z, G;
+          var O, G, U;
           return [
-            (k = i.value) != null && k.length ? (l(), B(e(At), y(C({ key: 0 }, (z = o.value) == null ? void 0 : z.rowProps)), {
+            (O = m.value) != null && O.length ? (l(), B(o(kt), g(R({ key: 0 }, (G = e.value) == null ? void 0 : G.rowProps)), {
               default: h(() => [
-                g(t.$slots, "formHeader"),
-                (l(!0), ut(ft, null, E(i.value, (s) => (l(), B(bt, {
-                  key: s.field,
+                y(t.$slots, "formHeader"),
+                (l(!0), ft(ct, null, V(m.value, (p) => (l(), B(Ft, {
+                  key: p.field,
                   tableAction: t.tableAction,
-                  formActionType: q,
-                  schema: s,
-                  formProps: o.value,
-                  allDefaultValues: v.value,
-                  formModel: m,
-                  setFormModel: ot,
-                  updateSchema: e(A)
-                }, U({ _: 2 }, [
-                  E(Object.keys(t.$slots), (f) => ({
+                  formActionType: z,
+                  schema: p,
+                  formProps: e.value,
+                  allDefaultValues: b.value,
+                  formModel: a,
+                  setFormModel: rt,
+                  updateSchema: o(A)
+                }, j({ _: 2 }, [
+                  V(Object.keys(t.$slots), (f) => ({
                     name: f,
-                    fn: h((mt) => [
-                      g(t.$slots, f, y(j(mt || {})))
+                    fn: h((at) => [
+                      y(t.$slots, f, g(x(at || {})))
                     ])
                   }))
                 ]), 1032, ["tableAction", "schema", "formProps", "allDefaultValues", "formModel", "updateSchema"]))), 128))
               ]),
               _: 3
-            }, 16)) : V("", !0),
-            (G = o.value) != null && G.showActionButtonGroup ? (l(), B(gt, y(C({ key: 1 }, it.value)), U({ _: 2 }, [
-              E(["resetBefore", "submitBefore", "submitAfter"], (s) => ({
-                name: s,
+            }, 16)) : E("", !0),
+            (U = e.value) != null && U.showActionButtonGroup ? (l(), B(vt, g(R({ key: 1 }, mt.value)), j({ _: 2 }, [
+              V(["resetBefore", "submitBefore", "submitAfter"], (p) => ({
+                name: p,
                 fn: h((f) => [
-                  g(t.$slots, s, y(j(f || {})))
+                  y(t.$slots, p, g(x(f || {})))
                 ])
               }))
-            ]), 1040)) : V("", !0),
-            g(t.$slots, "formFooter")
+            ]), 1040)) : E("", !0),
+            y(t.$slots, "formFooter")
           ];
         }),
         _: 3
-      }, 16, ["class", "model", "onKeypress"])) : V("", !0);
+      }, 16, ["class", "model", "onKeypress"])) : E("", !0);
     };
   }
 });
 export {
-  bo as default
+  wo as default
 };