@form-create/view-design 2.7.18 → 2.7.20

package/dist/form-create.esm.js

@@ -1,6 +1,6 @@
 /*!
  * FormCreate 低代码表单渲染器
- * @form-create/view-design v2.7.17
+ * @form-create/view-design v2.7.20
  * (c) 2018-2025 xaboy
  * Github https://github.com/xaboy/form-create
  * Site https://form-create.com/
@@ -11,7 +11,7 @@ var or = Object.defineProperty, ar = Object.defineProperties;
 var lr = Object.getOwnPropertyDescriptors;
 var at = Object.getOwnPropertySymbols;
 var ur = Object.prototype.hasOwnProperty, fr = Object.prototype.propertyIsEnumerable;
-var lt = (t, e, r) => e in t ? or(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, v = (t, e) => {
+var lt = (t, e, r) => e in t ? or(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, _ = (t, e) => {
   for (var r in e || (e = {}))
     ur.call(e, r) && lt(t, r, e[r]);
   if (at)
@@ -111,7 +111,7 @@ const kr = "fcCheckbox", Sr = {
         input: this.onInput
       }
     }]), [this.options().map((e, r) => {
-      const i = v({}, e);
+      const i = _({}, e);
       return delete i.value, t("Checkbox", D([{}, {
         props: i
       }, {
@@ -469,7 +469,7 @@ function kt(t) {
           src: this.previewImage
         }
       })]), e("Modal", D([{}, {
-        props: v({
+        props: _({
           width: s,
           title: a
         }, this.modal)
@@ -563,7 +563,7 @@ const Er = "fcRadio", jr = {
         input: this.onInput
       }
     }]), [this.options().map((e, r) => {
-      const i = v({}, e);
+      const i = _({}, e);
       return delete i.value, t("Radio", D([{}, {
         props: i
       }, {
@@ -702,7 +702,7 @@ function ft(t) {
   };
 }
 function ct(t) {
-  return q(v({}, t), {
+  return q(_({}, t), {
     file: t,
     value: t
   });
@@ -958,7 +958,7 @@ function C() {
   return Br.apply(this, arguments);
 }
 function We(t) {
-  return typeof t != "object" || t === null ? t : t instanceof Array ? [...t] : v({}, t);
+  return typeof t != "object" || t === null ? t : t instanceof Array ? [...t] : _({}, t);
 }
 function ne(t, e) {
   var r = null;
@@ -1199,7 +1199,7 @@ const Gr = "fcGroup", Hr = {
       if (i.filter((n) => r[n].$f).length !== i.length)
         return;
       const s = i.map((n) => {
-        const o = t === n ? e : v({}, this.cacheRule[n].$f.form), a = this.field ? o[this.field] || null : o;
+        const o = t === n ? e : _({}, this.cacheRule[n].$f.form), a = this.field ? o[this.field] || null : o;
         return this.cache(n, a), a;
       });
       this.input(s);
@@ -1211,7 +1211,7 @@ const Gr = "fcGroup", Hr = {
       }), this.cacheValue[t] !== JSON.stringify(r ? e[r] : e) && (this.cache(t, e), i && i.coverValue(e || {}));
     },
     addRule(t, e) {
-      const r = this.formCreateInject.form.copyRules(this.formRule), i = this.options ? v({}, this.options) : {
+      const r = this.formCreateInject.form.copyRules(this.formRule), i = this.options ? _({}, this.options) : {
         submitBtn: !1,
         resetBtn: !1
       };
@@ -1421,7 +1421,7 @@ const Gr = "fcGroup", Hr = {
         submitBtn: !1,
         resetBtn: !1
       };
-      t.formData = v({}, this.value || {}), this.cacheRule = {
+      t.formData = _({}, this.value || {}), this.cacheRule = {
         rule: this.rule,
         options: t
       };
@@ -1475,7 +1475,7 @@ const Gr = "fcGroup", Hr = {
         if (o.indexOf(u) > -1)
           a[u] = x([l[u]], a[u]);
         else if (i.indexOf(u) > -1)
-          a[u] = v(v({}, a[u]), l[u]);
+          a[u] = _(_({}, a[u]), l[u]);
         else if (s.indexOf(u) > -1) {
           const f = a[u] instanceof Array ? a[u] : [a[u]], p = l[u] instanceof Array ? l[u] : [l[u]];
           a[u] = [...f, ...p];
@@ -1492,7 +1492,7 @@ const Gr = "fcGroup", Hr = {
         else
           a[u] = l[u];
       else
-        i.indexOf(u) > -1 || n.indexOf(u) > -1 || o.indexOf(u) > -1 ? a[u] = v({}, l[u]) : s.indexOf(u) > -1 ? a[u] = l[u] instanceof Array ? [...l[u]] : typeof l[u] == "object" ? v({}, l[u]) : l[u] : a[u] = l[u];
+        i.indexOf(u) > -1 || n.indexOf(u) > -1 || o.indexOf(u) > -1 ? a[u] = _({}, l[u]) : s.indexOf(u) > -1 ? a[u] = l[u] instanceof Array ? [...l[u]] : typeof l[u] == "object" ? _({}, l[u]) : l[u] : a[u] = l[u];
     return a;
   }, e);
 }, Kr = (t, e) => function() {
@@ -1743,18 +1743,18 @@ function Qr(t, e, r) {
         unique: 1,
         renderRule: [...l.value || []],
         updateValue: JSON.stringify(u.value || {})
-      }), g = new t(n), y = g.api(), _ = p.value, E = () => {
+      }), g = new t(n), y = g.api(), v = p.value, E = () => {
         if (o) {
           const k = Ee(n, o);
           if (k) {
             let S;
-            _ ? (S = H(k.getSubForm()), S.push(y)) : S = y, k.subForm(S);
+            v ? (S = H(k.getSubForm()), S.push(y)) : S = y, k.subForm(S);
           }
         }
       }, Y = () => {
         const k = Ee(n, o);
         if (k)
-          if (_) {
+          if (v) {
             const S = H(k.getSubForm()), N = S.indexOf(y);
             N > -1 && S.splice(N, 1);
           } else
@@ -1805,7 +1805,7 @@ function Qr(t, e, r) {
             y.clearValidateState();
           });
         });
-      }, { flush: "sync" }), q(v({
+      }, { flush: "sync" }), q(_({
         fc: me(g),
         parent: o && me(o),
         top: me(a),
@@ -1933,7 +1933,7 @@ function Ht(t) {
 }
 function yt(t, e, r) {
   return new Promise((i, s) => {
-    (e || Ht)(q(v({}, t), {
+    (e || Ht)(q(_({}, t), {
       onSuccess(n) {
         let o = (l) => l;
         const a = W(t.parse);
@@ -1955,7 +1955,7 @@ function ri(t) {
     return h.Undef(n) ? n = t.fields() : Array.isArray(n) || (n = [n]), n;
   }
   function r(n, o, a) {
-    h.Undef(n) ? n = Object.keys(v(v({}, t.fieldCtx), t.nameCtx)) : Array.isArray(n) || (n = [n]), n.forEach((l) => {
+    h.Undef(n) ? n = Object.keys(_(_({}, t.fieldCtx), t.nameCtx)) : Array.isArray(n) || (n = [n]), n.forEach((l) => {
       const u = t.fieldCtx[l] || t.nameCtx[l];
       u && u.forEach((f) => {
         F(f.rule, o, a), t.$render.clearCache(f);
@@ -2028,7 +2028,7 @@ function ri(t) {
       }
     },
     get formulas() {
-      return v({}, t.fc.formulas);
+      return _({}, t.fc.formulas);
     },
     formData(n) {
       if (n == null || typeof n == "boolean") {
@@ -2044,7 +2044,7 @@ function ri(t) {
       return o ? ve(o.rule.value) : t.options.appendValue !== !1 && j(t.appendData, n) ? ve(t.appendData[n]) : void 0;
     },
     coverValue(n) {
-      const o = v({}, n || {});
+      const o = _({}, n || {});
       t.deferSyncValue(() => {
         t.appendData = {}, s.fields().forEach((a) => {
           const l = t.fieldCtx[a];
@@ -2557,8 +2557,8 @@ function ni(t) {
               }, (() => {
                 if (h.Function(n.renderSlots[y]))
                   return O(() => n.renderSlots[y]());
-                const _ = this.parseSide(n.renderSlots[y], e);
-                return this.renderRule(_);
+                const v = this.parseSide(n.renderSlots[y], e);
+                return this.renderRule(v);
               })()));
             });
             const d = this.getTypeSlot(e);
@@ -2630,8 +2630,8 @@ function ni(t) {
         preview: e.prop.preview,
         options: e.prop.options,
         prop: function() {
-          const n = v({}, e.prop);
-          return n.on = n.on ? v({}, n.on) : {}, delete n.model, n;
+          const n = _({}, e.prop);
+          return n.on = n.on ? _({}, n.on) : {}, delete n.model, n;
         }(),
         children: e.loadChildrenPending()
       };
@@ -2642,7 +2642,7 @@ function ni(t) {
     ctxProp(e) {
       const { ref: r, key: i, rule: s } = e;
       this.$manager.mergeProp(e), e.parser.mergeProp(e);
-      const n = v({}, e.prop.on || {}), o = {};
+      const n = _({}, e.prop.on || {}), o = {};
       Object.keys(n).forEach((l) => {
         if (l.indexOf("native.") === 0)
           o[l.replace("native.", "")] = n[l], delete n[l];
@@ -2706,10 +2706,10 @@ function ni(t) {
       const s = Se();
       return e.map((n) => {
         if (n) {
-          if (h.String(n)) return s.setSlot(null, i ? this.renderRule({
+          if (h.String(n) || h.Number(n)) return s.setSlot(null, i ? this.renderRule({
             type: "template",
-            children: [n]
-          }) : n);
+            children: [`${n}`]
+          }) : `${n}`);
           if (n.__fc__)
             return this.renderSlot(s, n.__fc__, r);
           n.type && V(() => {
@@ -2734,7 +2734,7 @@ function ni(t) {
     },
     renderRule(e, r, i) {
       if (!e) return;
-      if (h.String(e)) return e;
+      if (h.String(e) || h.Number(e)) return `${e}`;
       let s;
       if (i)
         s = e.type;
@@ -2748,7 +2748,7 @@ function ni(t) {
       h.trueArray(e.children) && e.children.forEach((a) => {
         a && n.setSlot(a == null ? void 0 : a.slot, () => this.renderRule(a));
       });
-      const o = v({}, e);
+      const o = _({}, e);
       return delete o.type, delete o.is, this.vNode.make(s, o, n.mergeBag(r).getSlots());
     }
   });
@@ -2805,14 +2805,14 @@ function oi(t) {
         let p, d = n || o || a;
         if (h.Object(f) && (p = f.inject, f = f.name, d = f.prefix || d), d) {
           r || (d = `native-${d}`);
-          const g = $e(`${d}-${f}`), y = (..._) => {
-            this.vm.$emit(g, ..._), this.vm.$emit("emit-event", g, ..._), this.bus.$emit(g, ..._);
+          const g = $e(`${d}-${f}`), y = (...v) => {
+            this.vm.$emit(g, ...v), this.vm.$emit("emit-event", g, ...v), this.bus.$emit(g, ...v);
           };
           if (y.__emit = !0, !p && l === !1)
             i[f] = y;
           else {
-            let _ = p || l || this.options.injectEvent;
-            i[f] = h.Undef(_) ? y : this.inject(s, y, _);
+            let v = p || l || this.options.injectEvent;
+            i[f] = h.Undef(v) ? y : this.inject(s, y, v);
           }
         }
       }), e.computed[r ? "on" : "nativeOn"] = i, i;
@@ -2955,7 +2955,7 @@ function Jt(t, e, r) {
     parent: null,
     group: e.subRule ? this : null,
     cacheConfig: null,
-    prop: v({}, e),
+    prop: _({}, e),
     computed: {},
     payload: {},
     refRule: {},
@@ -3046,7 +3046,7 @@ C(Jt.prototype, {
   },
   initProp() {
     var e, r;
-    const t = v({}, this.rule);
+    const t = _({}, this.rule);
     delete t.children, delete t.validate, this.prop = Q({}, [t, ...Object.keys(this.payload).map((i) => this.payload[i]), this.computed]), this.prop.validate = [...((r = (e = this.refRule) == null ? void 0 : e.__$validate) == null ? void 0 : r.value) || [], ...this.prop.validate || []];
   },
   initNone() {
@@ -3204,9 +3204,9 @@ function ci(t) {
           const E = i(a);
           E > -1 || !a ? this.sort.splice(E + 1, 0, f.id) : this.sort.push(f.id);
         }
-        const _ = f.rule;
-        return f.updated || (f.updated = !0, h.Function(_.update) && this.bus.$once("load-end", () => {
-          this.refreshUpdate(f, _.value, "init");
+        const v = f.rule;
+        return f.updated || (f.updated = !0, h.Function(v.update) && this.bus.$once("load-end", () => {
+          this.refreshUpdate(f, v.value, "init");
         }), this.effect(f, "loaded")), this.refreshControl(f) && (this.cycleLoad = !0), f;
       }).filter((o) => !!o);
       r && (r.children = n);
@@ -3222,7 +3222,7 @@ function ci(t) {
           return (ce[l.condition || "=="] || ce["=="])(p, l.value);
         };
         if (!h.trueArray(l.rule)) continue;
-        const f = q(v({}, l), {
+        const f = q(_({}, l), {
           valid: O(() => u(e.rule.value, s)),
           ctrl: pi(e, l.rule),
           isHidden: h.String(l.rule[0])
@@ -3240,27 +3240,27 @@ function ci(t) {
               children: u,
               valid: l
             }) : g && e.ctrlRule.splice(e.ctrlRule.indexOf(g) >>> 0, 1), n[l ? "push" : "unshift"](() => {
-              y === "disabled" || y === "enabled" ? this.api.disabled(!l, u) : y === "display" || y === "show" ? this.api.display(l, u) : y === "required" ? (u.forEach((_) => {
-                this.api.setEffect(_, "required", l);
+              y === "disabled" || y === "enabled" ? this.api.disabled(!l, u) : y === "display" || y === "show" ? this.api.display(l, u) : y === "required" ? (u.forEach((v) => {
+                this.api.setEffect(v, "required", l);
               }), l || this.api.clearValidateState(u)) : y === "if" ? this.api.hidden(!l, u) : this.api.hidden(!l, u);
             });
             return;
           }
           if (l) {
             o = !0;
-            const _ = {
+            const v = {
               type: "fragment",
               native: !0,
               __ctrl: !0,
               children: u
             };
-            e.ctrlRule.push(_), this.bus.$once("load-start", () => {
-              f ? s.prepend(_, f, d) : p || d ? s.append(_, p || e.id, d) : e.root.splice(e.root.indexOf(e.origin) + 1, 0, _);
+            e.ctrlRule.push(v), this.bus.$once("load-start", () => {
+              f ? s.prepend(v, f, d) : p || d ? s.append(v, p || e.id, d) : e.root.splice(e.root.indexOf(e.origin) + 1, 0, v);
             });
           } else {
             e.ctrlRule.splice(e.ctrlRule.indexOf(g), 1);
-            const _ = Z(g);
-            _ && _.rm();
+            const v = Z(g);
+            v && v.rm();
           }
         });
       }), n.length && (this.loading ? n.length && this.bus.$once("load-end", () => {
@@ -3274,7 +3274,7 @@ function ci(t) {
     },
     _reloadRule(e) {
       e || (e = this.rules);
-      const r = v({}, this.ctxs);
+      const r = _({}, this.ctxs);
       this.clearNextTick(), this.initData(e), this.fc.rules = e, this.deferSyncValue(() => {
         this.bus.$once("load-end", () => {
           Object.keys(r).filter((i) => this.ctxs[i] === void 0).forEach((i) => this.rmCtx(r[i])), this.$render.clearCacheAll();
@@ -3494,7 +3494,7 @@ function yi(t) {
               this.targetHook(e, "watch", { key: i, oldValue: a, newValue: l });
             }), i === "hidden" && !!l != !!a && (this.$render.clearCacheAll(), V(() => {
               this.targetHook(e, "hidden", { value: l });
-            })), i === "ignore" && e.input || i === "hidden" && e.input && (e.rule.ignore === "hidden" || this.options.ignoreHiddenFields))
+            })), i === "ignore" && e.input || i === "hidden" && (e.rule.ignore === "hidden" || this.options.ignoreHiddenFields))
               this.syncForm();
             else if (i === "link") {
               e.link();
@@ -3524,7 +3524,7 @@ function yi(t) {
           return n ? this.api.t(n[1], { title: (a = (o = e.refRule) == null ? void 0 : o.__$title) == null ? void 0 : a.value }) : s;
         };
         return H(e.rule.validate).map((s) => {
-          const n = v({}, s);
+          const n = _({}, s);
           if (n.message && (n.message = i(n.message)), h.Function(n.validator)) {
             const o = e;
             n.validator = function(...a) {
@@ -3539,7 +3539,7 @@ function yi(t) {
           }
           if (n.adapter) {
             if (typeof n.error == "object") {
-              const o = v({}, n.error);
+              const o = _({}, n.error);
               Object.keys(o).forEach((a) => {
                 o[a] = i(o[a]);
               }), n.error = o;
@@ -3598,7 +3598,7 @@ function yi(t) {
       return this.$manager.adapterValidate({
         required: e.required,
         message: e.message,
-        target: e.trigger
+        trigger: e.trigger
       }, i);
     },
     getValidateMessage(e, r) {
@@ -3697,15 +3697,15 @@ function yi(t) {
           let u = !0;
           for (let f = 0; f < a.group.length; f++) {
             const p = a.group[f];
-            let d, g = null;
+            let d, g = null, y = null;
             if (p.variable)
-              g = JSON.stringify(this.fc.getLoadData(p.variable)) || "";
+              y = this.fc.getLoadData(p.variable);
             else if (p.field)
               g = pt(p.field || "");
             else if (!p.mode)
               return !0;
-            let y = p.compare;
-            if (y && (y = pt(y || "")), p.mode ? d = n(p) : ce[p.condition] ? h.Function(p.handler) ? d = O(() => p.handler(this.api, e.rule)) : d = O(() => new Function("$condition", "$val", "$form", "$scope", "$group", "$rule", `with($form){with($scope){with(this){with($group){ return $condition['${p.condition}'](${g}, ${y || "$val"}); }}}}`).call(this.api.form, ce, p.value, this.api.top.form, this.api.top === this.api.scope ? {} : this.api.scope.form, s ? this.subRuleData[s.id] || {} : {}, e.rule)) : d = !1, l && d)
+            let v = p.compare;
+            if (v && (v = pt(v || "")), p.mode ? d = n(p) : ce[p.condition] ? h.Function(p.handler) ? d = O(() => p.handler(this.api, e.rule)) : d = O(() => new Function("$condition", "$variableVal", "$val", "$form", "$scope", "$group", "$rule", `with($form){with($scope){with(this){with($group){ return $condition['${p.condition}'](${p.variable ? "$variableVal" : g}, ${v || "$val"}); }}}}`).call(this.api.form, ce, y, p.value, this.api.top.form, this.api.top === this.api.scope ? {} : this.api.scope.form, s ? this.subRuleData[s.id] || {} : {}, e.rule)) : d = !1, l && d)
               return !0;
             l || (u = u && d);
           }
@@ -3786,7 +3786,7 @@ function $i(t) {
       var l, u, f, p;
       let s = (u = (l = e.prop) == null ? void 0 : l.hook) == null ? void 0 : u[r], n = (d, g) => {
         d && (d = Array.isArray(d) ? d : [d], d.forEach((y) => {
-          O(() => y(q(v({}, i || {}), {
+          O(() => y(q(_({}, i || {}), {
             self: e.rule,
             rule: e.rule,
             parent: g == null ? void 0 : g.rule,
@@ -3864,7 +3864,7 @@ function bi(t) {
     },
     emitEffect({ ctx: e, rule: r, input: i, type: s, custom: n }, o, a) {
       if (!s || ["fcFragment", "fragment"].indexOf(s) > -1) return;
-      const l = n || Object.keys(r).reduce((u, f) => (f[0] === "$" && (u[f.substr(1)] = r[f]), u), v({}, r.effect || {}));
+      const l = n || Object.keys(r).reduce((u, f) => (f[0] === "$" && (u[f.substr(1)] = r[f]), u), _({}, r.effect || {}));
       Object.keys(l).forEach((u) => {
         const f = this.providers[u];
         if (!f || f.input && !i) return;
@@ -3875,7 +3875,7 @@ function bi(t) {
           p = s;
         else
           return;
-        const d = v({ value: l[u], getValue: () => this.getEffect(r, u) }, a || {});
+        const d = _({ value: l[u], getValue: () => this.getEffect(r, u) }, a || {});
         e && (d.getProp = () => e.effectData(u), d.clearProp = () => e.clearEffectData(u), d.mergeProp = (g) => Q(d.getProp(), [g]), d.id = e.id), this.bus.$emit(`p:${u}:${p}:${f.input ? 1 : 0}`, o, [d, r, this.api]);
       });
     }
@@ -3947,7 +3947,7 @@ C(K.prototype, {
     this.updateAppendData(), this.useProvider(), this.usePage(), this.loadRule(), this.$manager.__init(), this.lifecycle("created");
   },
   updateAppendData() {
-    this.appendData = v(v(v({}, this.options.formData || {}), this.fc.vm.$props.value || {}), this.appendData);
+    this.appendData = _(_(_({}, this.options.formData || {}), this.fc.vm.$props.value || {}), this.appendData);
   },
   isBreakWatch() {
     return this.loading || this.noWatchFn || this.reloading;
@@ -4145,8 +4145,8 @@ const ki = function(t) {
           const u = typeof l == "object";
           let f = (g) => {
             let y = t.t(u ? l.attr : l, u ? l.params : null, g);
-            const _ = u && l.modify ? i : r.getProp();
-            a === "child" ? _.children ? F(_.children, 0, y) : F(_, "children", [y]) : se(_, a, y), s.sync(i);
+            const v = u && l.modify ? i : r.getProp();
+            a === "child" ? v.children ? F(v.children, 0, y) : F(v, "children", [y]) : se(v, a, y), s.sync(i);
           }, p = (g) => f(g);
           const d = t.watchLoadData(p);
           f = ne(f, l.wait || 300), l.watch !== !1 ? o.push(d) : d();
@@ -4168,7 +4168,7 @@ const ki = function(t) {
       t.clearProp(), r.clearValidateState([e.field]);
     else {
       h.Object(i) || (i = { method: i });
-      const s = i.method, n = q(v({}, i), {
+      const s = i.method, n = q(_({}, i), {
         validator(...o) {
           const a = Z(e);
           if (a)
@@ -4212,7 +4212,7 @@ const ki = function(t) {
         l(p.data);
         return;
       } else
-        a = v(v({}, a), p);
+        a = _(_({}, a), p);
     }
     const u = a.onError, f = () => {
       if (!s.getValue())
@@ -4221,32 +4221,32 @@ const ki = function(t) {
     i._fn[s.id] = t.watchLoadData(ne((p, d) => {
       if (d && a.watch === !1)
         return i._fn[s.id]();
-      const g = t.$handle.loadFetchVar(G(a), p, n), y = q(v({
+      const g = t.$handle.loadFetchVar(G(a), p, n), y = q(_({
         headers: {}
       }, g), {
-        onSuccess(_, E) {
+        onSuccess(v, E) {
           if (f()) return;
           let Y = (B) => E ? B : j(B, "data") ? B.data : B;
           const I = W(g.parse);
-          h.Function(I) ? Y = I : I && h.String(I) && (Y = (B) => L(B, I)), Ae(Y(_, n, o)).then((B) => {
+          h.Function(I) ? Y = I : I && h.String(I) && (Y = (B) => L(B, I)), Ae(Y(v, n, o)).then((B) => {
             l(B);
           });
         },
-        onError(_) {
-          l(void 0), !f() && (u || ((E) => Ye(E.message || "fetch fail " + g.action)))(_, n, o);
+        onError(v) {
+          l(void 0), !f() && (u || ((E) => Ye(E.message || "fetch fail " + g.action)))(v, n, o);
         }
       });
       t.$handle.beforeFetch(y, { rule: n, api: o }).then(() => {
         if (h.Function(g.action)) {
-          Ae(g.action(n, o)).then((_) => {
-            y.onSuccess(_, !0);
-          }).catch((_) => {
-            y.onError(_);
+          Ae(g.action(n, o)).then((v) => {
+            y.onSuccess(v, !0);
+          }).catch((v) => {
+            y.onError(v);
           });
           return;
         }
         O(() => t.create.fetch(y, { inject: s, rule: n, api: o }));
-      }).catch((_) => {
+      }).catch((v) => {
       });
     }, a.wait || 600));
   }
@@ -4440,11 +4440,11 @@ function Xt(t) {
     [Me.name]: Me
   }, r = {}, i = {}, s = {}, n = {}, o = [], a = [], l = [
     t.extendApi
-  ], u = v({}, Ei), f = ei();
+  ], u = _({}, Ei), f = ei();
   let p = { global: {} };
   const d = t.isMobile === !0, g = ie({
     $mobile: d
-  }), y = Oi(), _ = {}, E = {};
+  }), y = Oi(), v = {}, E = {};
   Gi(t.attrs || {});
   function Y(c) {
     const m = M[c];
@@ -4462,7 +4462,7 @@ function Xt(t) {
   }
   function he() {
     const c = qe(...arguments);
-    c.id && c.prop && (u[c.id] = h.Function(c.prop) ? c.prop : q(v({}, c.prop), {
+    c.id && c.prop && (u[c.id] = h.Function(c.prop) ? c.prop : q(_({}, c.prop), {
       name: c.id
     }));
   }
@@ -4502,7 +4502,7 @@ function Xt(t) {
   }
   Re(z, E);
   function xt(c) {
-    let m = v({}, t);
+    let m = _({}, t);
     return c ? m.inherit = {
       components: e,
       parsers: r,
@@ -4511,7 +4511,7 @@ function Xt(t) {
       providers: u,
       useApps: o,
       maker: f,
-      formulas: _,
+      formulas: v,
       loadData: g
     } : delete m.inherit, Xt(m);
   }
@@ -4519,13 +4519,13 @@ function Xt(t) {
     s[c] = m;
   }
   function Yt(c, m) {
-    _[c] = m;
+    v[c] = m;
   }
   function er(c, m) {
     const $ = n[c] || {}, b = $.parsers || {};
     m.parsers && Object.keys(m.parsers).forEach((w) => {
       b[w] = Re(m.parsers[w], je);
-    }), m.name = c, n[c] = q(v(v({}, $), m), { parsers: b });
+    }), m.name = c, n[c] = q(_(_({}, $), m), { parsers: b });
   }
   function Oe(c) {
     c && Object.keys(M).forEach((m) => {
@@ -4569,7 +4569,7 @@ function Xt(t) {
       parsers: r,
       providers: u,
       modelFields: s,
-      formulas: _,
+      formulas: v,
       isMobile: d,
       rules: c.$props.rule,
       name: c.$props.name || Pe(),
@@ -4748,7 +4748,7 @@ function Xt(t) {
     },
     initOptions() {
       this.options.value = {};
-      let c = v({
+      let c = _({
         formData: {},
         submitBtn: {},
         resetBtn: {},
@@ -4761,7 +4761,7 @@ function Xt(t) {
       this.targetFormDriver("initOptions", c, { api: $, isSubForm: m }), this.updateOptions(c);
     },
     mergeOptions(c, m, $) {
-      return m = v({}, m || {}), $ && ["page", "onSubmit", "onReset", "onCreated", "onChange", "onMounted", "mounted", "onReload", "reload", "formData", "el", "globalClass", "style"].forEach((b) => {
+      return m = _({}, m || {}), $ && ["page", "onSubmit", "onReset", "onCreated", "onChange", "onMounted", "mounted", "onReload", "reload", "formData", "el", "globalClass", "style"].forEach((b) => {
         delete m[b];
       }), m.global && (c.global = Xr(c.global, m.global), delete m.global), this.$handle.$manager.mergeOptions([m], c), c;
     },
@@ -4832,7 +4832,7 @@ function Xt(t) {
     C(c, {
       create: z,
       install(m, $) {
-        if (p = v(v({}, p), $ || {}), m._installedFormCreate === !0) return;
+        if (p = _(_({}, p), $ || {}), m._installedFormCreate === !0) return;
         m._installedFormCreate = !0;
         const b = function(A, R = {}) {
           return z(A, R, this);
@@ -4847,7 +4847,7 @@ function Xt(t) {
   }
   if (ot(E), nr(E), Fe("$cookie", Li), Fe("$localStorage", Bi), Fe("$sessionStorage", Ti), y.use({ fragment: "fcFragment" }), t.install && z.use(t), de(Ai), t.inherit) {
     const c = t.inherit;
-    c.components && C(e, c.components), c.parsers && C(r, c.parsers), c.directives && C(i, c.directives), c.modelFields && C(s, c.modelFields), c.providers && C(u, c.providers), c.useApps && C(o, c.useApps), c.maker && C(f, c.maker), c.loadData && C(g, c.loadData), c.formulas && C(_, c.formulas);
+    c.components && C(e, c.components), c.parsers && C(r, c.parsers), c.directives && C(i, c.directives), c.modelFields && C(s, c.modelFields), c.providers && C(u, c.providers), c.useApps && C(o, c.useApps), c.maker && C(f, c.maker), c.loadData && C(g, c.loadData), c.formulas && C(v, c.formulas);
   }
   const ke = S();
   return Re(ke, E), Object.defineProperties(ke, {
@@ -5031,7 +5031,7 @@ function tn(t, e) {
   j(t, e) && !h.Object(t[e]) && (t[e] = { show: !!t[e] });
 }
 function ze(t) {
-  const e = v({}, t);
+  const e = _({}, t);
   return delete e.children, e;
 }
 const rn = {
@@ -5079,7 +5079,7 @@ const rn = {
   update() {
     const t = this.options.form;
     this.rule = {
-      props: v({}, t),
+      props: _({}, t),
       nativeOn: {
         submit: (e) => {
           e.preventDefault();
@@ -5102,7 +5102,7 @@ const rn = {
     const r = t.prop, i = `${this.key}${t.key}`, s = r.col, n = this.isTitle(r) && r.wrap.title !== !1, o = !s.labelWidth && !n ? 0 : s.labelWidth, { inline: a, col: l } = this.rule.props, u = r.wrap.class;
     delete r.wrap.class, delete r.wrap.title;
     const f = X(r.wrap.show) ? e : this.$r(x([r.wrap, {
-      props: q(v({
+      props: q(_({
         labelWidth: o
       }, ze(r.wrap || {})), {
         prop: t.id,
@@ -5112,7 +5112,7 @@ const rn = {
       key: `${i}fi`,
       ref: t.wrapRef,
       type: "formItem"
-    }]), v({ default: () => e }, n ? { label: () => this.makeInfo(r, i, t) } : {}));
+    }]), _({ default: () => e }, n ? { label: () => this.makeInfo(r, i, t) } : {}));
     return a === !0 || X(l) || X(s.show) ? f : this.makeCol(r, i, [f]);
   },
   isTitle(t) {
@@ -5122,21 +5122,21 @@ const rn = {
   },
   makeInfo(t, e, r) {
     var u, f, p, d, g, y;
-    const i = v({}, t.title), s = v({}, t.info), n = this.options.form, o = this.getSlot("title"), a = [o ? o({
+    const i = _({}, t.title), s = _({}, t.info), n = this.options.form, o = this.getSlot("title"), a = [o ? o({
       title: (f = (u = r.refRule) == null ? void 0 : u.__$title) == null ? void 0 : f.value,
       rule: r.rule,
       options: this.options
     }) : ((d = (p = r.refRule) == null ? void 0 : p.__$title) == null ? void 0 : d.value) + (n.labelSuffix || n["label-suffix"] || "")];
     if (!X(s.show) && (s.info || s.native) && !X(s.icon)) {
-      const _ = {
+      const v = {
         type: s.type || "poptip",
         props: ze(s),
         key: `${e}pop`,
         slot: "label"
       };
-      delete _.props.icon, delete _.props.show, delete _.props.info, delete _.props.align, delete _.props.native;
+      delete v.props.icon, delete v.props.show, delete v.props.info, delete v.props.align, delete v.props.native;
       const E = "content";
-      s.info && !j(_.props, E) && (_.props[E] = (y = (g = r.refRule) == null ? void 0 : g.__$info) == null ? void 0 : y.value), a[s.align !== "left" ? "unshift" : "push"](this.$r(x([s, _]), [
+      s.info && !j(v.props, E) && (v.props[E] = (y = (g = r.refRule) == null ? void 0 : g.__$info) == null ? void 0 : y.value), a[s.align !== "left" ? "unshift" : "push"](this.$r(x([s, v]), [
         this.$r({
           type: "icon",
           props: { type: s.icon === !0 ? Ie.infoIcon : s.icon, size: 16 },
@@ -5150,7 +5150,12 @@ const rn = {
       key: `${e}tit`,
       class: "fc-form-title",
       slot: i.slot || "label",
-      type: i.type || "span"
+      type: i.type || "span",
+      on: {
+        click: (...v) => {
+          this.$handle.targetHook(r, "titleClick", { args: v });
+        }
+      }
     }]);
     return delete l.props.show, delete l.props.title, delete l.props.native, this.$r(l, a);
   },
@@ -5189,7 +5194,7 @@ const rn = {
     }, [e]);
   },
   makeResetBtn() {
-    const t = v({}, this.options.resetBtn), e = t.innerText || this.$handle.api.t("reset") || "重置";
+    const t = _({}, this.options.resetBtn), e = t.innerText || this.$handle.api.t("reset") || "重置";
     return delete t.innerText, delete t.click, delete t.col, delete t.show, this.$r({
       type: "button",
       props: t,
@@ -5205,7 +5210,7 @@ const rn = {
     }, [e]);
   },
   makeSubmitBtn() {
-    const t = v({}, this.options.submitBtn), e = t.innerText || this.$handle.api.t("submit") || "提交";
+    const t = _({}, this.options.submitBtn), e = t.innerText || this.$handle.api.t("submit") || "提交";
     return delete t.innerText, delete t.click, delete t.col, delete t.show, this.$r({
       type: "button",
       props: t,
@@ -5280,7 +5285,11 @@ function cn(t, e) {
     },
     validate(r) {
       return new Promise((i, s) => {
-        const n = t.children, o = [e.$manager.validate()];
+        const n = t.children, o = [new Promise((a, l) => {
+          e.$manager.validate().then((u) => {
+            u ? a(u) : l();
+          });
+        })];
         n.filter((a) => !a.isScope).forEach((a) => {
           o.push(a.validate());
         }), Promise.all(o).then(() => {
@@ -5374,7 +5383,7 @@ const Zt = {
     if (i.required === !1)
       t.clearProp(), r.clearValidateState([e.field]);
     else {
-      const o = v({
+      const o = _({
         required: !0,
         validator(l, u, f) {
           h.empty(u) ? f(o.message) : f();
@@ -5409,7 +5418,7 @@ function dn(t) {
 function pn() {
   return Xt({
     ui: "view-design",
-    version: "2.7.17",
+    version: "2.7.20",
     manager: rn,
     install: dn,
     extendApi: cn,