vft 0.0.339 → 0.0.342

package/es/components/form/form.vue.d.ts

@@ -7,7 +7,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     /**
      * @description Validate the whole form. Receives a callback or returns `Promise`.
      */
-    validate: (callback?: FormValidateCallback) => FormValidationResult;
+    validate: (callback?: FormValidateCallback, props?: Arrayable<FormItemProp>) => FormValidationResult;
     /**
      * @description Validate specified fields.
      */

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

@@ -61,32 +61,32 @@ const H = b({
       if (l.length === 0) return [];
       const t = f(l, e);
       return t.length ? t : (n(i.b(), "please pass correct props!"), []);
-    }, h = async (e) => c(void 0, e), R = async (e = []) => {
+    }, h = async (e, t) => c(t || void 0, e), R = async (e = []) => {
       if (!k.value) return !1;
       const t = P(e);
       if (t.length === 0) return !0;
       let r = {};
-      for (const s of t)
+      for (const a of t)
         try {
-          await s.validate(""), s.validateState === "error" && s.resetField();
-        } catch (a) {
+          await a.validate(""), a.validateState === "error" && a.resetField();
+        } catch (s) {
           r = {
             ...r,
-            ...a
+            ...s
           };
         }
       return Object.keys(r).length === 0 ? !0 : Promise.reject(r);
     }, c = async (e = [], t) => {
       let r = !1;
-      const s = !K(t);
+      const a = !K(t);
       try {
         return r = await R(e), r === !0 && await t?.(r), o.model;
-      } catch (a) {
-        if (a instanceof Error) throw a;
-        const v = a;
+      } catch (s) {
+        if (s instanceof Error) throw s;
+        const v = s;
         return o.scrollToError && d.value && d.value.querySelector(
           `.${i.b()}-item.is-error`
-        )?.scrollIntoView(o.scrollIntoViewOptions), !r && await t?.(!1, v), s && Promise.reject(v);
+        )?.scrollIntoView(o.scrollIntoViewOptions), console.error(s), !r && await t?.(!1, v), a && Promise.reject(v);
       }
     }, S = (e) => {
       const t = u(e);

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

@@ -53,7 +53,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     }>> & Readonly<{
         onValidate?: ((...args: any[]) => any) | undefined;
     }>, {
-        validate: (callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
+        validate: (callback?: import("./types").FormValidateCallback, props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => import("./types").FormValidationResult;
         validateField: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>, callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
         resetFields: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
         clearValidate: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
@@ -119,7 +119,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     }>> & Readonly<{
         onValidate?: ((...args: any[]) => any) | undefined;
     }>, {
-        validate: (callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
+        validate: (callback?: import("./types").FormValidateCallback, props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => import("./types").FormValidationResult;
         validateField: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>, callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
         resetFields: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
         clearValidate: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
@@ -180,7 +180,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
 }>> & Readonly<{
     onValidate?: ((...args: any[]) => any) | undefined;
 }>, {
-    validate: (callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
+    validate: (callback?: import("./types").FormValidateCallback, props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => import("./types").FormValidationResult;
     validateField: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>, callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
     resetFields: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
     clearValidate: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;

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

@@ -79,7 +79,7 @@ export interface FormActionType {
     /** 验证指定字段 */
     validateField: (nameList?: NamePath[]) => Promise<any>;
     /** 验证表单 */
-    validate: (nameList?: NamePath[]) => Promise<any>;
+    validate: (callback?: Function, nameList?: NamePath[]) => Promise<any>;
     /** 滚动到指定字段 */
     scrollToField: (name: NamePath, options?: ScrollOptions) => Promise<void>;
     /** 设置表单项错误信息 */

package/es/components/super-form/use/use-form-events.js

@@ -1,210 +1,233 @@
-import { isDef as z, isFunction as j, isString as A, isObject as w, isArray as V, deepMerge as et, findDifferentValuesForObj as nt, isNullOrUndefined as G, isEmpty as it, isEmptyObject as rt } from "@vft/utils";
-import { formatToDate as H } from "@vft/utils/date";
-import { get as st, cloneDeep as I, uniqBy as ct, isEqual as at, set as P } from "lodash-es";
-import { unref as r, toRaw as B, nextTick as J } from "vue";
-import { isInput as ot, FormCompEnum as x, isDatePicker as lt } from "../component-map.js";
+import { isDef as G, isFunction as j, isString as A, isObject as V, isArray as I, deepMerge as it, findDifferentValuesForObj as nt, isNullOrUndefined as H, isEmpty as rt, isEmptyObject as lt } from "@vft/utils";
+import { formatToDate as J } from "@vft/utils/date";
+import { get as st, cloneDeep as O, uniqBy as ot, isEqual as ft, set as W } from "lodash-es";
+import { unref as n, toRaw as S, nextTick as P } from "vue";
+import { isInput as ct, FormCompEnum as x, isDatePicker as at } from "../component-map.js";
 import { handleInputNumberValue as ut } from "./helper.js";
-function ft(p, v = {}) {
-  const o = /^\[(.+)\]$/;
-  if (o.test(p)) {
-    const d = p.match(o);
-    if (d && d[1]) {
-      const y = d[1].split(",");
-      if (!y.length)
+function Q(h, y) {
+  const { show: s, ifShow: f } = h;
+  let p = !0, a = !0;
+  return typeof s == "boolean" ? p = s : typeof s == "function" && (p = s({
+    field: h.field,
+    model: y,
+    values: {
+      ...y
+    },
+    schema: h
+  })), typeof f == "boolean" ? a = f : typeof f == "function" && (a = f({
+    field: h.field,
+    model: y,
+    values: {
+      ...y
+    },
+    schema: h
+  })), p && a;
+}
+function dt(h, y = {}) {
+  const s = /^\[(.+)\]$/;
+  if (s.test(h)) {
+    const f = h.match(s);
+    if (f && f[1]) {
+      const p = f[1].split(",");
+      if (!p.length)
         return;
-      const u = [];
-      return y.forEach((h, b) => {
-        P(u, b, v[h.trim()]);
-      }), u.filter(Boolean).length ? u : void 0;
+      const a = [];
+      return p.forEach((v, D) => {
+        W(a, D, y[v.trim()]);
+      }), a.filter(Boolean).length ? a : void 0;
     }
   }
 }
-function dt(p, v = {}) {
-  const o = /^\{(.+)\}$/;
-  if (o.test(p)) {
-    const d = p.match(o);
-    if (d && d[1]) {
-      const y = d[1].split(",");
-      if (!y.length)
+function ht(h, y = {}) {
+  const s = /^\{(.+)\}$/;
+  if (s.test(h)) {
+    const f = h.match(s);
+    if (f && f[1]) {
+      const p = f[1].split(",");
+      if (!p.length)
         return;
-      const u = {};
-      return y.forEach((h) => {
-        P(u, h.trim(), v[h.trim()]);
-      }), Object.values(u).filter(Boolean).length ? u : void 0;
+      const a = {};
+      return p.forEach((v) => {
+        W(a, v.trim(), y[v.trim()]);
+      }), Object.values(a).filter(Boolean).length ? a : void 0;
     }
   }
 }
-function Et({
-  emit: p,
-  getProps: v,
-  formModel: o,
-  getSchema: d,
-  defaultValueRef: y,
-  formElRef: u,
-  schemaRef: h,
-  handleFormValues: b,
-  initValues: S
+function Dt({
+  emit: h,
+  getProps: y,
+  formModel: s,
+  getSchema: f,
+  defaultValueRef: p,
+  formElRef: a,
+  schemaRef: v,
+  handleFormValues: D,
+  initValues: _
 }) {
-  async function Q(t) {
-    const { resetFunc: n, submitOnReset: a } = r(v);
-    n && j(n) && await n();
-    const i = r(u);
-    if (i) {
+  async function X(t) {
+    const { resetFunc: i, submitOnReset: l } = n(y);
+    i && j(i) && await i();
+    const r = n(a);
+    if (r) {
       if (t?.length)
-        return i.resetFields(t);
-      Object.keys(o).forEach((c) => {
-        const s = r(d).find((l) => l.field === c), e = I(y.value[c]);
-        o[c] = ot(s?.type) ? e || "" : e;
-      }), J(() => O()), p("reset", B(o)), a && await N();
+        return r.resetFields(t);
+      Object.keys(s).forEach((c) => {
+        const o = n(f).find((u) => u.field === c), e = O(p.value[c]);
+        s[c] = ct(o?.type) ? e || "" : e;
+      }), P(() => B()), h("reset", S(s)), l && await $();
     }
   }
-  async function _(t, n = !0) {
-    const a = r(d).map((e) => e.field).filter(Boolean), i = ".", c = a.filter(
-      (e) => String(e).indexOf(i) >= 0
-    ), s = [];
-    a.forEach((e) => {
-      const l = r(d).find((f) => f.field === e);
-      let D = st(t, e);
+  async function m(t, i = !0) {
+    const l = n(f).map((e) => e.field).filter(Boolean), r = ".", c = l.filter(
+      (e) => String(e).indexOf(r) >= 0
+    ), o = [];
+    l.forEach((e) => {
+      const u = n(f).find((d) => d.field === e);
+      let b = st(t, e);
       const C = Reflect.has(t, e);
-      D = ut(l?.type, D);
-      const { componentProps: $ } = l || {};
-      let E = $;
-      typeof $ == "function" && (E = E({ formModel: r(o) }));
-      const U = ft(e, t) || dt(e, t);
-      if (C || U) {
-        const f = U || D;
-        if (k(e))
-          if (Array.isArray(f)) {
+      b = ut(u?.type, b);
+      const { componentProps: U } = u || {};
+      let w = U;
+      typeof U == "function" && (w = w({ formModel: n(s) }));
+      const z = dt(e, t) || ht(e, t);
+      if (C || z) {
+        const d = z || b;
+        if (M(e))
+          if (Array.isArray(d)) {
             const F = [];
-            for (const m of f)
-              F.push(m ? H(m) : null);
-            r(o)[e] = F;
+            for (const E of d)
+              F.push(E ? J(E) : null);
+            n(s)[e] = F;
           } else
-            r(o)[e] = f ? E?.valueFormat ? f : H(f) : null;
+            n(s)[e] = d ? w?.valueFormat ? d : J(d) : null;
         else
-          r(o)[e] = f;
-        E?.onChange && E?.onChange(f), s.push(e);
+          n(s)[e] = d;
+        w?.onChange && w?.onChange(d), o.push(e);
       } else
-        c.forEach((f) => {
+        c.forEach((d) => {
           try {
-            const F = f.split(".").reduce((m, tt) => m[tt], t);
-            z(F) && (r(o)[f] = r(F), s.push(f));
+            const F = d.split(".").reduce((E, et) => E[et], t);
+            G(F) && (n(s)[d] = n(F), o.push(d));
           } catch {
-            z(y.value[f]) && (r(o)[f] = I(
-              r(y.value[f])
+            G(p.value[d]) && (n(s)[d] = O(
+              n(p.value[d])
             ));
           }
         });
-    }), n && J(async () => {
-      await L(s).catch((e) => {
+    }), i && P(async () => {
+      await q(o).catch((e) => {
       });
     });
   }
-  async function W(t) {
-    const n = I(r(d));
+  async function Y(t) {
+    const i = O(n(f));
     if (!t)
       return;
-    let a = A(t) ? [t] : t;
-    A(t) && (a = [t]);
-    for (const i of a)
-      X(i, n);
-    h.value = n;
+    let l = A(t) ? [t] : t;
+    A(t) && (l = [t]);
+    for (const r of l)
+      Z(r, i);
+    v.value = i;
   }
-  function X(t, n) {
+  function Z(t, i) {
     if (A(t)) {
-      const a = n.findIndex((i) => i.field === t);
-      a !== -1 && (delete o[t], n.splice(a, 1));
+      const l = i.findIndex((r) => r.field === t);
+      l !== -1 && (delete s[t], i.splice(l, 1));
     }
   }
-  async function Y(t, n, a = !1) {
-    const i = I(r(d)), c = i.findIndex((e) => e.field === n), s = w(t) ? [t] : t;
-    if (!n || c === -1 || a) {
-      a ? i.unshift(...s) : i.push(...s), h.value = i, g(t);
+  async function L(t, i, l = !1) {
+    const r = O(n(f)), c = r.findIndex((e) => e.field === i), o = V(t) ? [t] : t;
+    if (!i || c === -1 || l) {
+      l ? r.unshift(...o) : r.push(...o), v.value = r, g(t);
       return;
     }
-    c !== -1 && i.splice(c + 1, 0, ...s), g(t), h.value = i;
+    c !== -1 && r.splice(c + 1, 0, ...o), g(t), v.value = r;
   }
-  async function Z(t) {
-    let n = [];
-    if (w(t) && n.push(t), V(t) && (n = [...t]), !n.every(
-      (i) => i.type === x.DIVIDER || Reflect.has(i, "field") && i.field
+  async function K(t) {
+    let i = [];
+    if (V(t) && i.push(t), I(t) && (i = [...t]), !i.every(
+      (r) => r.type === x.DIVIDER || Reflect.has(r, "field") && r.field
     )) {
       console.error(
         "All children of the form Schema array that need to be updated must contain the `field` field"
       );
       return;
     }
-    h.value = n;
+    v.value = i;
   }
-  async function K(t) {
-    let n = [];
-    if (w(t) && n.push(t), V(t) && (n = [...t]), !n.every(
-      (s) => s.type === x.DIVIDER || Reflect.has(s, "field") && s.field
+  async function R(t) {
+    let i = [];
+    if (V(t) && i.push(t), I(t) && (i = [...t]), !i.every(
+      (o) => o.type === x.DIVIDER || Reflect.has(o, "field") && o.field
     )) {
       console.error(
         "All children of the form Schema array that need to be updated must contain the `field` field"
       );
       return;
     }
-    const i = [], c = [];
-    r(d).forEach((s) => {
+    const r = [], c = [];
+    n(f).forEach((o) => {
       let e;
-      if (n.forEach((l) => {
-        s.field === l.field && (e = l), l.defaultValue && l.field && i.push(l.field);
-      }), e !== void 0 && s.field === e.field) {
-        const l = et(s, e);
-        c.push(l);
+      if (i.forEach((u) => {
+        o.field === u.field && (e = u), u.defaultValue && u.field && r.push(u.field);
+      }), e !== void 0 && o.field === e.field) {
+        const u = it(o, e);
+        c.push(u);
       } else
-        c.push(s);
-    }), g(c, i), h.value = ct(c, "field");
+        c.push(o);
+    }), g(c, r), v.value = ot(c, "field");
   }
-  function g(t, n, a = !0) {
-    if (V(n) && n?.length === 0)
+  function g(t, i, l = !0) {
+    if (I(i) && i?.length === 0)
       return;
-    let i = [];
-    w(t) && i.push(t), V(t) && (i = [...t]);
-    const c = {}, s = T();
-    i.forEach((e) => {
-      e.type !== x.DIVIDER && Reflect.has(e, "field") && e.field && !G(e.defaultValue) && (!(e.field in s) || G(s[e.field]) || it(s[e.field])) && (c[e.field] = e.defaultValue);
-    }), rt(c) || _(c, a);
+    let r = [];
+    V(t) && r.push(t), I(t) && (r = [...t]);
+    const c = {}, o = T();
+    r.forEach((e) => {
+      e.type !== x.DIVIDER && Reflect.has(e, "field") && e.field && !H(e.defaultValue) && (!(e.field in o) || H(o[e.field]) || rt(o[e.field])) && (c[e.field] = e.defaultValue);
+    }), lt(c) || m(c, l);
   }
   function T() {
-    return r(u) ? b(B(r(o))) : {};
-  }
-  function R(t) {
-    return r(u) ? B(r(o))[t] : {};
+    return n(a) ? D(S(n(s))) : {};
   }
   function k(t) {
-    return r(d).some((n) => n.field === t ? lt(n.type) : !1);
+    return n(a) ? S(n(s))[t] : {};
   }
-  async function L(t) {
-    return r(u)?.validateField(t);
+  function M(t) {
+    return n(f).some((i) => i.field === t ? at(i.type) : !1);
   }
   async function q(t) {
-    return await r(u)?.validate(t);
+    return t || (t = n(f).filter((l) => Q(l, n(s))).map((l) => l.field).filter(Boolean)), n(a)?.validateField(t);
   }
-  async function O(t) {
-    await r(u)?.clearValidate(t);
+  async function N(t) {
+    return t || (t = n(f).filter((l) => Q(l, n(s))).map((l) => l.field).filter(Boolean)), await n(a)?.validate(() => {
+    }, t);
   }
-  async function M(t, n) {
-    await r(u)?.scrollToField(t, n);
+  async function B(t) {
+    await n(a)?.clearValidate(t);
   }
-  async function N(t) {
-    const { autoCleanErrorMessage: n, watchDataIsChange: a } = r(v);
-    t && t.preventDefault(), n && await O();
-    const { submitFunc: i, beforeSubmitFunc: c } = r(v);
-    if (c && j(c) && await c(), i && j(i)) {
-      await i();
+  async function tt(t, i) {
+    await n(a)?.scrollToField(t, i);
+  }
+  async function $(t) {
+    const { autoCleanErrorMessage: i, watchDataIsChange: l } = n(y);
+    t && t.preventDefault(), i && await B();
+    const { submitFunc: r, beforeSubmitFunc: c } = n(y);
+    if (c && j(c) && await c(), r && j(r)) {
+      await r();
       return;
     }
-    if (r(u))
+    if (n(a))
       try {
-        const e = await q(), l = b(e);
-        if (a) {
-          const D = at(S.value, l), C = nt(S.value, l);
-          p("submit", l, !D, C);
+        const e = await N();
+        if (!e)
+          return;
+        const u = D(e);
+        if (l) {
+          const b = ft(_.value, u), C = nt(_.value, u);
+          h("submit", u, !b, C);
         } else
-          p("submit", l);
+          h("submit", u);
       } catch (e) {
         if (e?.outOfDate === !1 && e?.errorFields)
           return;
@@ -212,21 +235,21 @@ function Et({
       }
   }
   return {
-    handleSubmit: N,
-    clearValidate: O,
-    validate: q,
-    validateField: L,
+    handleSubmit: $,
+    clearValidate: B,
+    validate: N,
+    validateField: q,
     getFieldsValue: T,
-    updateSchema: K,
-    resetSchema: Z,
-    appendSchemaByField: Y,
-    removeSchemaByField: W,
-    resetFields: Q,
-    setFieldsValue: _,
-    scrollToField: M,
-    getFieldValue: R
+    updateSchema: R,
+    resetSchema: K,
+    appendSchemaByField: L,
+    removeSchemaByField: Y,
+    resetFields: X,
+    setFieldsValue: m,
+    scrollToField: tt,
+    getFieldValue: k
   };
 }
 export {
-  Et as useFormEvents
+  Dt as useFormEvents
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.339",
+  "version": "0.0.342",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.339";
+const o = "0.0.342";
 export {
   o as version
 };

package/lib/components/form/form.vue.d.ts

@@ -7,7 +7,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     /**
      * @description Validate the whole form. Receives a callback or returns `Promise`.
      */
-    validate: (callback?: FormValidateCallback) => FormValidationResult;
+    validate: (callback?: FormValidateCallback, props?: Arrayable<FormItemProp>) => FormValidationResult;
     /**
      * @description Validate specified fields.
      */

package/lib/components/form/form.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("@vueuse/core");const E=require("@vft/utils"),d=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const R=require("./constants.cjs"),W=require("./hooks/use-form-common-props.cjs"),u=require("./utils.cjs"),x=r.defineComponent({name:"vft-form"}),M=r.defineComponent({...x,props:{size:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:""},labelSuffix:{default:""},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},scrollIntoViewOptions:{type:Boolean,default:!0}},emits:["validate"],setup(o,{expose:y,emit:q}){const g=q,p=r.getCurrentInstance(),c=r.ref(),l=r.reactive([]),w=W.useFormSize(),s=k.useNamespace("form"),B=r.computed(()=>[s.b(),s.m(w.value||"default"),{[s.m(`label-${o.labelPosition}`)]:o.labelPosition,[s.m("inline")]:o.inline}]),m=e=>u.filterFields(l,[e])[0],V=e=>{l.push(e)},C=e=>{e.prop&&l.splice(l.indexOf(e),1)},h=(e=[])=>{if(!o.model){d.debugWarn(s.b(),"model is required for resetFields to work.");return}u.filterFields(l,e).forEach(t=>t.resetField())},v=(e=[])=>{u.filterFields(l,e).forEach(t=>t.clearValidate())},I=r.computed(()=>{const e=!!o.model;return e||d.debugWarn(s.b(),"model is required for validate to work."),e}),O=e=>{if(l.length===0)return[];const t=u.filterFields(l,e);return t.length?t:(d.debugWarn(s.b(),"please pass correct props!"),[])},F=async e=>f(void 0,e),P=async(e=[])=>{if(!I.value)return!1;const t=O(e);if(t.length===0)return!0;let i={};for(const n of t)try{await n.validate(""),n.validateState==="error"&&n.resetField()}catch(a){i={...i,...a}}return Object.keys(i).length===0?!0:Promise.reject(i)},f=async(e=[],t)=>{let i=!1;const n=!E.isFunction(t);try{return i=await P(e),i===!0&&await t?.(i),o.model}catch(a){if(a instanceof Error)throw a;const b=a;return o.scrollToError&&c.value&&c.value.querySelector(`.${s.b()}-item.is-error`)?.scrollIntoView(o.scrollIntoViewOptions),!i&&await t?.(!1,b),n&&Promise.reject(b)}},S=e=>{const t=m(e);t&&t.$el?.scrollIntoView(o.scrollIntoViewOptions)};return r.watch(()=>o.rules,()=>{o.validateOnRuleChange&&F().catch(e=>d.debugWarn(e))},{deep:!0,flush:"post"}),r.provide(R.formContextKey,r.reactive({...r.toRefs(p.props),emit:g,resetFields:h,clearValidate:v,validateField:f,getField:m,addField:V,removeField:C,...u.useFormLabelWidth()})),y({validate:F,validateField:f,resetFields:h,clearValidate:v,scrollToField:S}),(e,t)=>(r.openBlock(),r.createElementBlock("form",{ref_key:"formRef",ref:c,class:r.normalizeClass(B.value)},[r.renderSlot(e.$slots,"default")],2))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("@vueuse/core");const E=require("@vft/utils"),d=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const R=require("./constants.cjs"),W=require("./hooks/use-form-common-props.cjs"),u=require("./utils.cjs"),x=r.defineComponent({name:"vft-form"}),M=r.defineComponent({...x,props:{size:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:""},labelSuffix:{default:""},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},scrollIntoViewOptions:{type:Boolean,default:!0}},emits:["validate"],setup(o,{expose:y,emit:q}){const g=q,p=r.getCurrentInstance(),c=r.ref(),l=r.reactive([]),w=W.useFormSize(),s=k.useNamespace("form"),B=r.computed(()=>[s.b(),s.m(w.value||"default"),{[s.m(`label-${o.labelPosition}`)]:o.labelPosition,[s.m("inline")]:o.inline}]),m=e=>u.filterFields(l,[e])[0],V=e=>{l.push(e)},C=e=>{e.prop&&l.splice(l.indexOf(e),1)},h=(e=[])=>{if(!o.model){d.debugWarn(s.b(),"model is required for resetFields to work.");return}u.filterFields(l,e).forEach(t=>t.resetField())},v=(e=[])=>{u.filterFields(l,e).forEach(t=>t.clearValidate())},I=r.computed(()=>{const e=!!o.model;return e||d.debugWarn(s.b(),"model is required for validate to work."),e}),O=e=>{if(l.length===0)return[];const t=u.filterFields(l,e);return t.length?t:(d.debugWarn(s.b(),"please pass correct props!"),[])},F=async(e,t)=>f(t||void 0,e),P=async(e=[])=>{if(!I.value)return!1;const t=O(e);if(t.length===0)return!0;let i={};for(const a of t)try{await a.validate(""),a.validateState==="error"&&a.resetField()}catch(n){i={...i,...n}}return Object.keys(i).length===0?!0:Promise.reject(i)},f=async(e=[],t)=>{let i=!1;const a=!E.isFunction(t);try{return i=await P(e),i===!0&&await t?.(i),o.model}catch(n){if(n instanceof Error)throw n;const b=n;return o.scrollToError&&c.value&&c.value.querySelector(`.${s.b()}-item.is-error`)?.scrollIntoView(o.scrollIntoViewOptions),console.error(n),!i&&await t?.(!1,b),a&&Promise.reject(b)}},S=e=>{const t=m(e);t&&t.$el?.scrollIntoView(o.scrollIntoViewOptions)};return r.watch(()=>o.rules,()=>{o.validateOnRuleChange&&F().catch(e=>d.debugWarn(e))},{deep:!0,flush:"post"}),r.provide(R.formContextKey,r.reactive({...r.toRefs(p.props),emit:g,resetFields:h,clearValidate:v,validateField:f,getField:m,addField:V,removeField:C,...u.useFormLabelWidth()})),y({validate:F,validateField:f,resetFields:h,clearValidate:v,scrollToField:S}),(e,t)=>(r.openBlock(),r.createElementBlock("form",{ref_key:"formRef",ref:c,class:r.normalizeClass(B.value)},[r.renderSlot(e.$slots,"default")],2))}});exports.default=M;

package/lib/components/form/index.d.ts

@@ -53,7 +53,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     }>> & Readonly<{
         onValidate?: ((...args: any[]) => any) | undefined;
     }>, {
-        validate: (callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
+        validate: (callback?: import("./types").FormValidateCallback, props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => import("./types").FormValidationResult;
         validateField: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>, callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
         resetFields: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
         clearValidate: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
@@ -119,7 +119,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     }>> & Readonly<{
         onValidate?: ((...args: any[]) => any) | undefined;
     }>, {
-        validate: (callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
+        validate: (callback?: import("./types").FormValidateCallback, props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => import("./types").FormValidationResult;
         validateField: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>, callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
         resetFields: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
         clearValidate: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
@@ -180,7 +180,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
 }>> & Readonly<{
     onValidate?: ((...args: any[]) => any) | undefined;
 }>, {
-    validate: (callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
+    validate: (callback?: import("./types").FormValidateCallback, props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => import("./types").FormValidationResult;
     validateField: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>, callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
     resetFields: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;
     clearValidate: (props?: import("vft/es/utils").Arrayable<import("./types").FormItemProp>) => void;

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

@@ -79,7 +79,7 @@ export interface FormActionType {
     /** 验证指定字段 */
     validateField: (nameList?: NamePath[]) => Promise<any>;
     /** 验证表单 */
-    validate: (nameList?: NamePath[]) => Promise<any>;
+    validate: (callback?: Function, nameList?: NamePath[]) => Promise<any>;
     /** 滚动到指定字段 */
     scrollToField: (name: NamePath, options?: ScrollOptions) => Promise<void>;
     /** 设置表单项错误信息 */

package/lib/components/super-form/use/use-form-events.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@vft/utils"),L=require("@vft/utils/date"),v=require("lodash-es"),r=require("vue"),g=require("../component-map.cjs"),X=require("./helper.cjs");function Y(y,D={}){const o=/^\[(.+)\]$/;if(o.test(y)){const h=y.match(o);if(h&&h[1]){const F=h[1].split(",");if(!F.length)return;const l=[];return F.forEach((p,O)=>{v.set(l,O,D[p.trim()])}),l.filter(Boolean).length?l:void 0}}}function Z(y,D={}){const o=/^\{(.+)\}$/;if(o.test(y)){const h=y.match(o);if(h&&h[1]){const F=h[1].split(",");if(!F.length)return;const l={};return F.forEach(p=>{v.set(l,p.trim(),D[p.trim()])}),Object.values(l).filter(Boolean).length?l:void 0}}}function K({emit:y,getProps:D,formModel:o,getSchema:h,defaultValueRef:F,formElRef:l,schemaRef:p,handleFormValues:O,initValues:A}){async function N(e){const{resetFunc:t,submitOnReset:a}=r.unref(D);t&&c.isFunction(t)&&await t();const i=r.unref(l);if(i){if(e?.length)return i.resetFields(e);Object.keys(o).forEach(u=>{const s=r.unref(h).find(f=>f.field===u),n=v.cloneDeep(F.value[u]);o[u]=g.isInput(s?.type)?n||"":n}),r.nextTick(()=>I()),y("reset",r.toRaw(o)),a&&await B()}}async function C(e,t=!0){const a=r.unref(h).map(n=>n.field).filter(Boolean),i=".",u=a.filter(n=>String(n).indexOf(i)>=0),s=[];a.forEach(n=>{const f=r.unref(h).find(d=>d.field===n);let E=v.get(e,n);const j=Reflect.has(e,n);E=X.handleInputNumberValue(f?.type,E);const{componentProps:x}=f||{};let w=x;typeof x=="function"&&(w=w({formModel:r.unref(o)}));const _=Y(n,e)||Z(n,e);if(j||_){const d=_||E;if(J(n))if(Array.isArray(d)){const b=[];for(const m of d)b.push(m?L.formatToDate(m):null);r.unref(o)[n]=b}else r.unref(o)[n]=d?w?.valueFormat?d:L.formatToDate(d):null;else r.unref(o)[n]=d;w?.onChange&&w?.onChange(d),s.push(n)}else u.forEach(d=>{try{const b=d.split(".").reduce((m,W)=>m[W],e);c.isDef(b)&&(r.unref(o)[d]=r.unref(b),s.push(d))}catch{c.isDef(F.value[d])&&(r.unref(o)[d]=v.cloneDeep(r.unref(F.value[d])))}})}),t&&r.nextTick(async()=>{await q(s).catch(n=>{})})}async function U(e){const t=v.cloneDeep(r.unref(h));if(!e)return;let a=c.isString(e)?[e]:e;c.isString(e)&&(a=[e]);for(const i of a)$(i,t);p.value=t}function $(e,t){if(c.isString(e)){const a=t.findIndex(i=>i.field===e);a!==-1&&(delete o[e],t.splice(a,1))}}async function P(e,t,a=!1){const i=v.cloneDeep(r.unref(h)),u=i.findIndex(n=>n.field===t),s=c.isObject(e)?[e]:e;if(!t||u===-1||a){a?i.unshift(...s):i.push(...s),p.value=i,V(e);return}u!==-1&&i.splice(u+1,0,...s),V(e),p.value=i}async function z(e){let t=[];if(c.isObject(e)&&t.push(e),c.isArray(e)&&(t=[...e]),!t.every(i=>i.type===g.FormCompEnum.DIVIDER||Reflect.has(i,"field")&&i.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}p.value=t}async function G(e){let t=[];if(c.isObject(e)&&t.push(e),c.isArray(e)&&(t=[...e]),!t.every(s=>s.type===g.FormCompEnum.DIVIDER||Reflect.has(s,"field")&&s.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}const i=[],u=[];r.unref(h).forEach(s=>{let n;if(t.forEach(f=>{s.field===f.field&&(n=f),f.defaultValue&&f.field&&i.push(f.field)}),n!==void 0&&s.field===n.field){const f=c.deepMerge(s,n);u.push(f)}else u.push(s)}),V(u,i),p.value=v.uniqBy(u,"field")}function V(e,t,a=!0){if(c.isArray(t)&&t?.length===0)return;let i=[];c.isObject(e)&&i.push(e),c.isArray(e)&&(i=[...e]);const u={},s=S();i.forEach(n=>{n.type!==g.FormCompEnum.DIVIDER&&Reflect.has(n,"field")&&n.field&&!c.isNullOrUndefined(n.defaultValue)&&(!(n.field in s)||c.isNullOrUndefined(s[n.field])||c.isEmpty(s[n.field]))&&(u[n.field]=n.defaultValue)}),c.isEmptyObject(u)||C(u,a)}function S(){return r.unref(l)?O(r.toRaw(r.unref(o))):{}}function H(e){return r.unref(l)?r.toRaw(r.unref(o))[e]:{}}function J(e){return r.unref(h).some(t=>t.field===e?g.isDatePicker(t.type):!1)}async function q(e){return r.unref(l)?.validateField(e)}async function T(e){return await r.unref(l)?.validate(e)}async function I(e){await r.unref(l)?.clearValidate(e)}async function Q(e,t){await r.unref(l)?.scrollToField(e,t)}async function B(e){const{autoCleanErrorMessage:t,watchDataIsChange:a}=r.unref(D);e&&e.preventDefault(),t&&await I();const{submitFunc:i,beforeSubmitFunc:u}=r.unref(D);if(u&&c.isFunction(u)&&await u(),i&&c.isFunction(i)){await i();return}if(r.unref(l))try{const n=await T(),f=O(n);if(a){const E=v.isEqual(A.value,f),j=c.findDifferentValuesForObj(A.value,f);y("submit",f,!E,j)}else y("submit",f)}catch(n){if(n?.outOfDate===!1&&n?.errorFields)return;throw new Error(n.message)}}return{handleSubmit:B,clearValidate:I,validate:T,validateField:q,getFieldsValue:S,updateSchema:G,resetSchema:z,appendSchemaByField:P,removeSchemaByField:U,resetFields:N,setFieldsValue:C,scrollToField:Q,getFieldValue:H}}exports.useFormEvents=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@vft/utils"),N=require("@vft/utils/date"),b=require("lodash-es"),i=require("vue"),O=require("../component-map.cjs"),Z=require("./helper.cjs");function U(p,F){const{show:u,ifShow:l}=p;let y=!0,a=!0;return typeof u=="boolean"?y=u:typeof u=="function"&&(y=u({field:p.field,model:F,values:{...F},schema:p})),typeof l=="boolean"?a=l:typeof l=="function"&&(a=l({field:p.field,model:F,values:{...F},schema:p})),y&&a}function L(p,F={}){const u=/^\[(.+)\]$/;if(u.test(p)){const l=p.match(u);if(l&&l[1]){const y=l[1].split(",");if(!y.length)return;const a=[];return y.forEach((v,V)=>{b.set(a,V,F[v.trim()])}),a.filter(Boolean).length?a:void 0}}}function K(p,F={}){const u=/^\{(.+)\}$/;if(u.test(p)){const l=p.match(u);if(l&&l[1]){const y=l[1].split(",");if(!y.length)return;const a={};return y.forEach(v=>{b.set(a,v.trim(),F[v.trim()])}),Object.values(a).filter(Boolean).length?a:void 0}}}function R({emit:p,getProps:F,formModel:u,getSchema:l,defaultValueRef:y,formElRef:a,schemaRef:v,handleFormValues:V,initValues:A}){async function $(e){const{resetFunc:t,submitOnReset:s}=i.unref(F);t&&c.isFunction(t)&&await t();const r=i.unref(a);if(r){if(e?.length)return r.resetFields(e);Object.keys(u).forEach(o=>{const f=i.unref(l).find(d=>d.field===o),n=b.cloneDeep(y.value[o]);u[o]=O.isInput(f?.type)?n||"":n}),i.nextTick(()=>j()),p("reset",i.toRaw(u)),s&&await x()}}async function C(e,t=!0){const s=i.unref(l).map(n=>n.field).filter(Boolean),r=".",o=s.filter(n=>String(n).indexOf(r)>=0),f=[];s.forEach(n=>{const d=i.unref(l).find(h=>h.field===n);let E=b.get(e,n);const S=Reflect.has(e,n);E=Z.handleInputNumberValue(d?.type,E);const{componentProps:_}=d||{};let w=_;typeof _=="function"&&(w=w({formModel:i.unref(u)}));const m=L(n,e)||K(n,e);if(S||m){const h=m||E;if(W(n))if(Array.isArray(h)){const D=[];for(const g of h)D.push(g?N.formatToDate(g):null);i.unref(u)[n]=D}else i.unref(u)[n]=h?w?.valueFormat?h:N.formatToDate(h):null;else i.unref(u)[n]=h;w?.onChange&&w?.onChange(h),f.push(n)}else o.forEach(h=>{try{const D=h.split(".").reduce((g,Y)=>g[Y],e);c.isDef(D)&&(i.unref(u)[h]=i.unref(D),f.push(h))}catch{c.isDef(y.value[h])&&(i.unref(u)[h]=b.cloneDeep(i.unref(y.value[h])))}})}),t&&i.nextTick(async()=>{await q(f).catch(n=>{})})}async function P(e){const t=b.cloneDeep(i.unref(l));if(!e)return;let s=c.isString(e)?[e]:e;c.isString(e)&&(s=[e]);for(const r of s)z(r,t);v.value=t}function z(e,t){if(c.isString(e)){const s=t.findIndex(r=>r.field===e);s!==-1&&(delete u[e],t.splice(s,1))}}async function G(e,t,s=!1){const r=b.cloneDeep(i.unref(l)),o=r.findIndex(n=>n.field===t),f=c.isObject(e)?[e]:e;if(!t||o===-1||s){s?r.unshift(...f):r.push(...f),v.value=r,I(e);return}o!==-1&&r.splice(o+1,0,...f),I(e),v.value=r}async function H(e){let t=[];if(c.isObject(e)&&t.push(e),c.isArray(e)&&(t=[...e]),!t.every(r=>r.type===O.FormCompEnum.DIVIDER||Reflect.has(r,"field")&&r.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}v.value=t}async function J(e){let t=[];if(c.isObject(e)&&t.push(e),c.isArray(e)&&(t=[...e]),!t.every(f=>f.type===O.FormCompEnum.DIVIDER||Reflect.has(f,"field")&&f.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}const r=[],o=[];i.unref(l).forEach(f=>{let n;if(t.forEach(d=>{f.field===d.field&&(n=d),d.defaultValue&&d.field&&r.push(d.field)}),n!==void 0&&f.field===n.field){const d=c.deepMerge(f,n);o.push(d)}else o.push(f)}),I(o,r),v.value=b.uniqBy(o,"field")}function I(e,t,s=!0){if(c.isArray(t)&&t?.length===0)return;let r=[];c.isObject(e)&&r.push(e),c.isArray(e)&&(r=[...e]);const o={},f=B();r.forEach(n=>{n.type!==O.FormCompEnum.DIVIDER&&Reflect.has(n,"field")&&n.field&&!c.isNullOrUndefined(n.defaultValue)&&(!(n.field in f)||c.isNullOrUndefined(f[n.field])||c.isEmpty(f[n.field]))&&(o[n.field]=n.defaultValue)}),c.isEmptyObject(o)||C(o,s)}function B(){return i.unref(a)?V(i.toRaw(i.unref(u))):{}}function Q(e){return i.unref(a)?i.toRaw(i.unref(u))[e]:{}}function W(e){return i.unref(l).some(t=>t.field===e?O.isDatePicker(t.type):!1)}async function q(e){return e||(e=i.unref(l).filter(s=>U(s,i.unref(u))).map(s=>s.field).filter(Boolean)),i.unref(a)?.validateField(e)}async function T(e){return e||(e=i.unref(l).filter(s=>U(s,i.unref(u))).map(s=>s.field).filter(Boolean)),await i.unref(a)?.validate(()=>{},e)}async function j(e){await i.unref(a)?.clearValidate(e)}async function X(e,t){await i.unref(a)?.scrollToField(e,t)}async function x(e){const{autoCleanErrorMessage:t,watchDataIsChange:s}=i.unref(F);e&&e.preventDefault(),t&&await j();const{submitFunc:r,beforeSubmitFunc:o}=i.unref(F);if(o&&c.isFunction(o)&&await o(),r&&c.isFunction(r)){await r();return}if(i.unref(a))try{const n=await T();if(!n)return;const d=V(n);if(s){const E=b.isEqual(A.value,d),S=c.findDifferentValuesForObj(A.value,d);p("submit",d,!E,S)}else p("submit",d)}catch(n){if(n?.outOfDate===!1&&n?.errorFields)return;throw new Error(n.message)}}return{handleSubmit:x,clearValidate:j,validate:T,validateField:q,getFieldsValue:B,updateSchema:J,resetSchema:H,appendSchemaByField:G,removeSchemaByField:P,resetFields:$,setFieldsValue:C,scrollToField:X,getFieldValue:Q}}exports.useFormEvents=R;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.339";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.342";exports.version=e;

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.339",
+  "version": "0.0.342",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.339",
+  "version": "0.0.342",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -55,12 +55,12 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
-    "@vft/directives": "0.0.33",
-    "@vft/utils": "0.0.128",
     "@vft/router": "0.0.65",
     "@vft/store": "0.0.54",
     "@vft/constants": "0.0.72",
-    "@vft/use": "0.0.76"
+    "@vft/utils": "0.0.128",
+    "@vft/use": "0.0.76",
+    "@vft/directives": "0.0.33"
   },
   "vetur": {
     "tags": "tags.json",

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.339","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.342","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}