@farris/ui-vue 1.4.0 → 1.4.1

package/components/tree-view/index.esm.js

@@ -1,8 +1,8 @@
 var ro = Object.defineProperty;
 var io = (e, t, n) => t in e ? ro(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Q = (e, t, n) => io(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as k, watch as ye, createVNode as B, resolveComponent as ao, createTextVNode as pt, computed as P, defineComponent as je, Fragment as _t, reactive as it, createApp as bn, onUnmounted as Mt, onMounted as vt, Transition as Cn, mergeProps as mt, onBeforeUnmount as wn, withDirectives as lo, resolveDirective as so, nextTick as Vt, inject as yt, provide as uo, isVNode as co, Teleport as fo, shallowRef as po, render as Rt, h as mo, cloneVNode as vo } from "vue";
-import { isPlainObject as mn, cloneDeep as at, throttle as ho, isUndefined as go } from "lodash-es";
+import { ref as k, watch as ge, createVNode as B, resolveComponent as ao, createTextVNode as pt, computed as P, defineComponent as je, Fragment as _t, reactive as it, createApp as bn, onUnmounted as Mt, onMounted as vt, Transition as Cn, mergeProps as mt, onBeforeUnmount as wn, withDirectives as lo, resolveDirective as so, nextTick as Vt, inject as yt, provide as uo, isVNode as co, Teleport as fo, shallowRef as po, render as Rt, h as mo, cloneVNode as vo } from "vue";
+import { isPlainObject as mn, cloneDeep as ct, throttle as ho, isUndefined as go } from "lodash-es";
 import "../modal/index.esm.js";
 import yo from "../transfer/index.esm.js";
 import bo from "../tabs/index.esm.js";
@@ -74,7 +74,7 @@ import ii from "../event-parameter/index.esm.js";
 import { createPropsResolver as ai } from "../dynamic-resolver/index.esm.js";
 const Sn = {}, xn = {};
 function Ut(e) {
-  const { properties: t, title: n, ignore: o } = e, r = o && Array.isArray(o), i = Object.keys(t).reduce((a, u) => ((!r || !o.find((s) => s === u)) && (a[u] = t[u].type === "object" && t[u].properties ? Ut(t[u]) : at(t[u].default)), a), {});
+  const { properties: t, title: n, ignore: o } = e, r = o && Array.isArray(o), i = Object.keys(t).reduce((a, u) => ((!r || !o.find((s) => s === u)) && (a[u] = t[u].type === "object" && t[u].properties ? Ut(t[u]) : ct(t[u].default)), a), {});
   if (n && (!r || !o.find((a) => a === "id"))) {
     const a = n.toLowerCase().replace(/-/g, "_");
     i.id = `${a}_${Math.random().toString().slice(2, 6)}`;
@@ -84,7 +84,7 @@ function Ut(e) {
 function li(e) {
   const { properties: t, title: n, required: o } = e;
   if (o && Array.isArray(o)) {
-    const r = o.reduce((i, a) => (i[a] = t[a].type === "object" && t[a].properties ? Ut(t[a]) : at(t[a].default), i), {});
+    const r = o.reduce((i, a) => (i[a] = t[a].type === "object" && t[a].properties ? Ut(t[a]) : ct(t[a].default), i), {});
     if (n && o.find((i) => i === "id")) {
       const i = n.toLowerCase().replace(/-/g, "_");
       r.id = `${i}_${Math.random().toString().slice(2, 6)}`;
@@ -517,7 +517,7 @@ function Xt(e, t) {
       height: `${N}`
     };
   }
-  return ye(t, () => {
+  return ge(t, () => {
     r.value = t.value.primaryColumnsWidth;
   }), {
     calculateCellPositionInRow: i,
@@ -811,7 +811,7 @@ function Ri() {
 }
 function Kt(e) {
   const t = k(e.minHeight), n = k(e.minWidth), o = k(e.height), r = k(e.width), i = P(() => o.value <= 0 ? 0 : Math.max(o.value, t.value)), a = P(() => r.value <= 0 ? 0 : Math.max(r.value, n.value));
-  return ye([
+  return ge([
     () => e.height,
     () => e.width,
     () => e.minHeight,
@@ -1340,7 +1340,7 @@ const Li = {
     function N(g) {
       return `f-preten-link ${g.customClass ? g.customClass : ""}`;
     }
-    ye(n, () => {
+    ge(n, () => {
       n.value;
     });
     const M = () => {
@@ -1582,7 +1582,7 @@ function Jt(e, t, n, o, r) {
     m.value = M.value, J.value && ($.value = m.value.length), N.value && (m.value = x(I.value, M.value, t)), V = D.value.reduce((Ce, we) => (Ce.set(we, 0), Ce), V);
     const R = 0, G = z(), X = (Y.value - 1) * G, he = X > m.value.length - 1 ? R : X, ke = Math.min(he + G, m.value.length);
     let _e = 0;
-    const ge = [];
+    const ye = [];
     if (m.value.length) {
       w(m.value);
       const Ce = b.value !== e.idField;
@@ -1591,31 +1591,31 @@ function Jt(e, t, n, o, r) {
         Se.__fv_data_grid_group_row__ ? (_e = 0, Se.__fv_data_index__ = "") : Se.__fv_data_grid_group_summary__ ? Se.__fv_data_index__ = "" : (_e++, Se.__fv_data_index__ = _e + (Y.value - 1) * G), Se.__fv_index__ = we, Se.__fv_visible_index__ = we, e.rowOption && e.rowOption.disabledField && (Se.__fv_disabled__ = Se[(Te = e.rowOption) == null ? void 0 : Te.disabledField]), Ce && (Se[b.value] = we), D.value.forEach((We) => {
           const ht = V.get(We) || 0;
           V.set(We, ht + Se[We]);
-        }), ge.push(Se);
+        }), ye.push(Se);
       }
     }
-    return F.value && C(ge), h.value = [...ge], ge;
+    return F.value && C(ye), h.value = [...ye], ye;
   }
   const j = k(le()), Z = P(() => j.value.filter((R) => R.__fv_visible__ !== !1));
   function ue() {
     Z.value.forEach((R, G) => (R.__fv_visible_index__ = G, R));
   }
   function ee(R, G, X = !1) {
-    const he = (X ? le() : [...h.value]).filter((ge) => n.apply(ge)), ke = R && R.length ? he.filter((ge) => R.reduce((Te, Ce) => Te && Ce.filter(ge), !0)) : he, _e = G && G.length ? ke.sort((ge, Te) => {
+    const he = (X ? le() : [...h.value]).filter((ye) => n.apply(ye)), ke = R && R.length ? he.filter((ye) => R.reduce((Te, Ce) => Te && Ce.filter(ye), !0)) : he, _e = G && G.length ? ke.sort((ye, Te) => {
       const Ce = [...G], we = Ce.shift();
-      let Se = we.compare(ge[we.field], Te[we.field]);
+      let Se = we.compare(ye[we.field], Te[we.field]);
       for (; Se === 0 && Ce.length !== 0; ) {
         const We = Ce.shift();
-        We && (Se = We.compare(ge[We.field], Te[We.field]));
+        We && (Se = We.compare(ye[We.field], Te[We.field]));
       }
       return Se;
     }) : ke;
-    return j.value = _e.map((ge, Te) => {
-      if (ge.__fv_data_grid_group_row__) {
-        const Ce = `group_of_${ge.__fv_data_grid_group_field__}_${ge.__fv_data_grid_group_value__}`;
-        ge.__fv_data_grid_group_collapse__ = !!i.get(Ce);
+    return j.value = _e.map((ye, Te) => {
+      if (ye.__fv_data_grid_group_row__) {
+        const Ce = `group_of_${ye.__fv_data_grid_group_field__}_${ye.__fv_data_grid_group_value__}`;
+        ye.__fv_data_grid_group_collapse__ = !!i.get(Ce);
       }
-      return ge.__fv_index__ = Te, ge.__fv_visible_index__ = Te, ge;
+      return ye.__fv_index__ = Te, ye.__fv_visible_index__ = Te, ye;
     }), j.value;
   }
   function W(R) {
@@ -1678,14 +1678,14 @@ function Jt(e, t, n, o, r) {
     M.value = X, ce();
   }
   function de(R, G, X) {
-    return (R && R.length ? j.value.filter((he, ke) => R.reduce((_e, ge) => _e && ge.filter(he), !0)) : j.value).slice(G, X);
+    return (R && R.length ? j.value.filter((he, ke) => R.reduce((_e, ye) => _e && ye.filter(he), !0)) : j.value).slice(G, X);
   }
   function Be(R) {
     const G = z(), X = R * G;
     0 < X && X <= $.value && (Y.value = R, ce());
   }
   function He(R) {
-    M.value.push(at(R)), j.value = le();
+    M.value.push(ct(R)), j.value = le();
   }
   function Ke(R = 0) {
     if (!(R > -1))
@@ -1825,11 +1825,11 @@ class Vn {
     return t[n[0]];
   }
   getTextValue(t) {
-    const n = t.split("."), o = this.value.split(",").map((r) => this.getPropValue(r, at(n)));
+    const n = t.split("."), o = this.value.split(",").map((r) => this.getPropValue(r, ct(n)));
     return o && o.length ? o.join(",") : "";
   }
   getValue() {
-    const t = this.valueField.split("."), n = this.value.split(",").map((o) => this.getPropValue(o, at(t)));
+    const t = this.valueField.split("."), n = this.value.split(",").map((o) => this.getPropValue(o, ct(t)));
     return n && n.length ? n.join(",") : "";
   }
   getDisplayText() {
@@ -1922,13 +1922,13 @@ class Nn {
     this.value = t.value;
   }
   clear() {
-    this.value = [];
+    this.value = "";
   }
   getValue() {
     return this.value;
   }
   getDisplayText() {
-    return this.value.map((t) => t.name).join(",");
+    return this.value;
   }
   // setValue(data: { value: string; displayText: string }) {
   //     // this.displayText = data.dispalyText;
@@ -1944,7 +1944,7 @@ class Nn {
   }
 }
 class Gi {
-  constructor(t = { value: [], displayText: "", displayField: "", isInputText: !1 }) {
+  constructor(t = { value: "", displayText: "", displayField: "", isInputText: !1 }) {
     Q(this, "editorType", "input-group");
     // 通过弹窗返回的若干个值对象构成的数组
     Q(this, "value");
@@ -1958,7 +1958,7 @@ class Gi {
     this.value = t.value, this.displayText = t.displayText, this.valueField = t.displayField, this.isInputText = t.isInputText;
   }
   clear() {
-    this.value = [], this.displayText = "", this.valueField = "";
+    this.value = "", this.displayText = "", this.valueField = "";
   }
   getPropValue(t, n) {
     if (n.length > 1) {
@@ -1968,12 +1968,11 @@ class Gi {
     return t[n[0]];
   }
   getTextValue(t) {
-    const n = t.split("."), o = this.value.map((r) => this.getPropValue(r, at(n)));
+    const n = t.split("."), o = this.value.map((r) => this.getPropValue(r, ct(n)));
     return o && o.length ? o.join(",") : "";
   }
   getValue() {
-    const t = this.valueField.split(".") || [], n = this.value.map((o) => this.getPropValue(o, at(t)));
-    return n && n.length ? n.join(",") : "";
+    return this.value;
   }
   getDisplayText() {
     return this.getValue();
@@ -2249,7 +2248,7 @@ function qi(e, t, n) {
     return d > 250 * 6 ? v = "col-2" : d > 250 * 4 ? v = "col-3" : d > 250 * 3 ? v = "col-4" : d > 250 * 2 && (v = "col-6"), v;
   }
   const f = P(() => s(i.value));
-  return ye([n], ([d]) => {
+  return ge([n], ([d]) => {
     r.value = d, u();
   }), {
     conditionClass: f,
@@ -2274,7 +2273,7 @@ const vn = /* @__PURE__ */ je({
     s(!0), a(r.value), wn(() => {
       var M;
       (M = c.value) == null || M.unobserve(n.value);
-    }), ye(() => e.conditions, () => {
+    }), ge(() => e.conditions, () => {
       r.value = e.conditions, a(r.value);
     });
     const v = P(() => ({
@@ -2380,7 +2379,7 @@ class Xi {
     }), n.contents = [o];
     const { selectedFields: i } = t;
     i == null || i.forEach((u) => {
-      const s = at(u), f = this.resolveControlClassByFormColumns(t), d = this.controlCreatorUtils.setFormFieldProperty(s, "", f);
+      const s = ct(u), f = this.resolveControlClassByFormColumns(t), d = this.controlCreatorUtils.setFormFieldProperty(s, "", f);
       d && r.push(d);
     });
     const { templateId: a } = this.formSchemaUtils.getFormSchema().module;
@@ -2581,7 +2580,8 @@ const la = "https://json-schema.org/draft/2020-12/schema", sa = "https://farris-
   visible: { type: Boolean, default: !0 },
   required: { type: Boolean, default: !1 },
   showLabel: { type: Boolean, default: !0 },
-  type: { type: String, default: "input-group" }
+  type: { type: String, default: "input-group" },
+  componentId: { type: String, default: "" }
 };
 dt(
   Gn,
@@ -2781,7 +2781,7 @@ class ma {
     const o = n && n.parent && n.parent.schema;
     if (!o)
       return;
-    const r = o.contents.findIndex((a) => a.id === t), i = at(o.contents[r]);
+    const r = o.contents.findIndex((a) => a.id === t), i = ct(o.contents[r]);
     o.contents.splice(r, 1), o.contents.splice(r, 0, i);
   }
 }
@@ -2841,7 +2841,7 @@ function ya(e) {
   let t;
   e.className.includes("dgComponentSelected") ? t = e : t = e.querySelector(".dgComponentSelected"), t && Un(t);
 }
-var ut = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var st = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function xt(e) {
   throw new Error('Could not dynamically require "' + e + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
@@ -3044,26 +3044,26 @@ var ba = { exports: {} };
               var A = S("clientX", H) || 0, K = S("clientY", H) || 0;
               T.style.left = A - 2 + "px", T.style.top = K - 2 + "px";
               var se = Y || D, ve = M(T, A, K), be = tt(ve, A, K), rt = be !== null && be !== te;
-              (rt || be === null) && (Ye(), te = be, st()), Se(ve, K);
+              (rt || be === null) && (Ye(), te = be, lt()), Se(ve, K);
               var Ge = y(se);
               if (be === _ && Y && !W.copySortSource) {
                 Ge && Ge.removeChild(se);
                 return;
               }
-              var Ze, lt = _e(be, ve);
-              if (Z = ge(lt, be), lt !== null)
-                Ze = We(be, lt, A, K);
+              var Ze, at = _e(be, ve);
+              if (Z = ye(at, be), at !== null)
+                Ze = We(be, at, A, K);
               else if (W.revertOnSpill === !0 && !Y)
                 Ze = L, be = _;
               else {
                 Y && Ge && Ge.removeChild(se), Y && j && (j.style.display = "none");
                 return;
               }
-              j.style.display = "block", ot(Ze, se, rt), Ze ? Ce(lt, Ze) : we(be);
+              j.style.display = "block", ot(Ze, se, rt), Ze ? Ce(at, Ze) : we(be);
               function De(Pe) {
                 U.emit(Pe, se, te, _);
               }
-              function st() {
+              function lt() {
                 rt && De("over");
               }
               function Ye() {
@@ -3100,7 +3100,7 @@ var ba = { exports: {} };
                 K = y(K);
               return K === d ? null : K;
             }
-            function ge(H, A) {
+            function ye(H, A) {
               if (!A)
                 return Z;
               var K = H || A && A.lastElementChild;
@@ -3175,21 +3175,21 @@ var ba = { exports: {} };
               var ve = W.direction === "horizontal", be = W.direction === "mixed", rt = A !== H ? Ze() : Ge();
               return rt;
               function Ge() {
-                var De = H.children.length, st, Ye, Pe;
-                for (st = 0; st < De; st++)
-                  if (Ye = H.children[st], Pe = Ye.getBoundingClientRect(), ve && Pe.left + Pe.width / 2 > K || !be && !ve && Pe.top + Pe.height / 2 > se || be && Pe.left + Pe.width > K && Pe.top + Pe.height > se)
+                var De = H.children.length, lt, Ye, Pe;
+                for (lt = 0; lt < De; lt++)
+                  if (Ye = H.children[lt], Pe = Ye.getBoundingClientRect(), ve && Pe.left + Pe.width / 2 > K || !be && !ve && Pe.top + Pe.height / 2 > se || be && Pe.left + Pe.width > K && Pe.top + Pe.height > se)
                     return Ye;
                 return null;
               }
               function Ze() {
                 var De = A.getBoundingClientRect();
                 if (be) {
-                  var st = se - De.top, Ye = K - De.left, Pe = De.bottom - se, Bt = De.right - K, Dt = Math.min(Ye, Bt, st, Pe), Nt;
-                  return Z ? Nt = Bt < Ye : Nt = Pe === Dt || Bt === Dt || Ye === Dt, lt(Nt);
+                  var lt = se - De.top, Ye = K - De.left, Pe = De.bottom - se, Bt = De.right - K, Dt = Math.min(Ye, Bt, lt, Pe), Nt;
+                  return Z ? Nt = Bt < Ye : Nt = Pe === Dt || Bt === Dt || Ye === Dt, at(Nt);
                 }
-                return lt(ve ? K > De.left + O(De) / 2 : se > De.top + p(De) / 2);
+                return at(ve ? K > De.left + O(De) / 2 : se > De.top + p(De) / 2);
               }
-              function lt(De) {
+              function at(De) {
                 return De ? b(A) : A;
               }
             }
@@ -3292,7 +3292,7 @@ var ba = { exports: {} };
             return m in T && !(m in E) && T[m] in E && (m = T[m]), E[m];
           }
           o.exports = c;
-        }).call(this, typeof ut < "u" ? ut : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof st < "u" ? st : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
       3: [function(n, o, r) {
         o.exports = function(a, u) {
@@ -3409,7 +3409,7 @@ var ba = { exports: {} };
               if (w = c[b], w.element === y && w.type === F && w.fn === l)
                 return b;
           }
-        }).call(this, typeof ut < "u" ? ut : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof st < "u" ? st : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
       7: [function(n, o, r) {
         (function(i) {
@@ -3417,7 +3417,7 @@ var ba = { exports: {} };
           for (u in i)
             s.test(u) && a.push(u.slice(2));
           o.exports = a;
-        }).call(this, typeof ut < "u" ? ut : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof st < "u" ? st : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       8: [function(n, o, r) {
         (function(i) {
@@ -3443,7 +3443,7 @@ var ba = { exports: {} };
               }
             )
           );
-        }).call(this, typeof ut < "u" ? ut : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof st < "u" ? st : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       9: [function(n, o, r) {
         var i = o.exports = {}, a, u;
@@ -4653,7 +4653,7 @@ const Ot = /* @__PURE__ */ je({
         s.value && (U.value = s.value.clientWidth), f.value && (pe.value = f.value.clientWidth, me.value = f.value.clientHeight);
       })), C.value && O();
     }), Mt(() => {
-    }), ye(pe, () => {
+    }), ge(pe, () => {
       s.value && xe();
     });
     function Ue() {
@@ -4694,7 +4694,7 @@ const Ot = /* @__PURE__ */ je({
       const K = v.value.find((se) => se.raw[a.idField.value] === A);
       K && $.clickRowItem(K);
     }
-    function ge(A) {
+    function ye(A) {
       y.selectItemByIds(A);
     }
     function Te() {
@@ -4719,7 +4719,7 @@ const Ot = /* @__PURE__ */ je({
       updateColumns: fe,
       updateDataSource: he,
       selectItemById: ke,
-      selectItemByIds: ge,
+      selectItemByIds: ye,
       getSelectedItems: Te,
       clearSelection: Ce,
       getSelectionRow: We,
@@ -4924,7 +4924,7 @@ const Gt = /* @__PURE__ */ je({
           }, null);
       }
     }
-    ye(() => e.modelValue, (_) => {
+    ge(() => e.modelValue, (_) => {
       a.value = _, n.value = `${_.id}-component`;
     });
     function m(_) {
@@ -5400,12 +5400,12 @@ function Ga(e, t, n, o, r) {
       O(t), t.value = Object.assign({}, t.value);
     }
   }
-  return ye(() => {
+  return ge(() => {
     var l;
     return (l = e.columnOption) == null ? void 0 : l.fitColumns;
   }, (l, b) => {
     l !== b && l && F();
-  }), ye(v, (l, b) => {
+  }), ge(v, (l, b) => {
     l !== b && c.value && F();
   }), { calculateColumnHeaders: O, calculateColumnsSize: F, calculateColumnsWidth: p };
 }
@@ -5468,9 +5468,9 @@ const qa = /* @__PURE__ */ je({
     function $e(ce) {
       ce && (a.value = ce, b(a), h(a.value), S(O, E), me());
     }
-    return ye(() => e.columns, (ce) => {
+    return ge(() => e.columns, (ce) => {
       $e(ce);
-    }), ye(ee, () => {
+    }), ge(ee, () => {
       s.value && me();
     }), t.expose(M.value), () => B("div", {
       ref: n,
@@ -5969,7 +5969,7 @@ function cl(e, t) {
 }
 function dl(e, t, n) {
   const o = k(), r = k(e.draggable), i = k(e.lockAxis), a = k(), u = k(), s = k(!1), f = k(new Fe(0, 0)), d = k(new Fe(0, 0)), c = k(new Fe(0, 0)), v = k(new Fe(0, 0));
-  ye(() => n.value, (l) => {
+  ge(() => n.value, (l) => {
     a.value.style.cursor = l ? "move" : "default";
   });
   function x(l, b) {
@@ -6113,15 +6113,15 @@ const Ct = /* @__PURE__ */ je({
       const q = document.querySelectorAll(".farris-modal").length;
       (!q || q - 1 <= 0) && document.body.classList.remove("modal-open"), p.value && p.value.classList.remove("show");
     }
-    ye(() => e.title, (q, de) => {
+    ge(() => e.title, (q, de) => {
       q !== de && (g.value = q);
-    }), ye(() => e.modelValue, (q, de) => {
+    }), ge(() => e.modelValue, (q, de) => {
       q !== de && (r.value = q, q || Y());
-    }), ye(() => e.showHeader, (q, de) => {
+    }), ge(() => e.showHeader, (q, de) => {
       q !== de && (s.value = q);
-    }), ye(() => e.showButtons, (q, de) => {
+    }), ge(() => e.showButtons, (q, de) => {
       q !== de && (M.value = q);
-    }), ye(() => V.value, (q, de) => {
+    }), ge(() => V.value, (q, de) => {
       const Be = q || {}, He = de || {};
       JSON.stringify(Be) !== JSON.stringify(He) && t.emit("resize", {
         newSize: q,
@@ -6444,21 +6444,32 @@ const hl = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
-  title: { type: String }
+  title: { type: String },
+  valid: { type: Boolean, default: !0 },
+  inValidTip: { type: String, default: "" }
 }, gl = /* @__PURE__ */ je({
   name: "FDynamicFormLabel",
   props: hl,
   emits: [],
   setup(e, t) {
-    const n = k(e.title || e.text), o = k(e.required), r = k(e.text);
-    return ye(() => e.text, () => {
+    const n = k(e.title || e.text), o = k(e.required), r = k(e.text), i = k(e.valid), a = k(e.inValidTip);
+    ge(() => e.text, () => {
       r.value = e.text;
-    }), ye(() => e.required, (i, a) => {
-      i !== a && (o.value = i);
-    }), () => r.value && B("label", {
+    }), ge(() => e.required, (f, d) => {
+      f !== d && (o.value = f);
+    }), ge([() => e.valid, () => e.inValidTip], ([f, d]) => {
+      i.value = f, a.value = d;
+    });
+    const u = P(() => i.value ? n.value : a.value), s = P(() => i.value ? "" : "color:red");
+    return () => r.value && B("label", {
       class: "col-form-label",
-      title: n.value
-    }, [o.value && B("span", {
+      title: u.value,
+      style: s.value
+    }, [!i.value && B("span", {
+      class: "f-icon f-icon-warning mr-1",
+      style: "color: red; min-width: 16px;",
+      title: a.value
+    }, null), o.value && B("span", {
       class: "farris-label-info text-danger"
     }, [pt("*")]), B("span", {
       class: "farris-label-text"
@@ -6590,7 +6601,7 @@ const Cl = /* @__PURE__ */ je({
         "onUpdate:modelValue": (S) => a.value = S
       }), t.slots);
     });
-    return ye([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([y, F, l, b, w, S, m, h, E]) => {
+    return ge([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([y, F, l, b, w, S, m, h, E]) => {
       var T;
       n.value = y, o.value = F, r.value = l, i.value = b, a.value = w, u.value = S, s.value = ((T = r.value) == null ? void 0 : T.required) || m, f.value = h, d.value = E;
     }), t.expose({
@@ -7321,7 +7332,7 @@ const Ft = /* @__PURE__ */ je({
     }, [I()]), N(), v()]);
   }
 });
-class ct {
+class ut {
   static show(t) {
     const n = it({
       ...t
@@ -7356,7 +7367,7 @@ class ct {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    ct.show(o);
+    ut.show(o);
   }
   static warning(t, n) {
     const o = it({
@@ -7366,7 +7377,7 @@ class ct {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    ct.show(o);
+    ut.show(o);
   }
   static success(t, n) {
     const o = it({
@@ -7376,7 +7387,7 @@ class ct {
       okButtonText: "关闭",
       cancelButtonText: ""
     });
-    ct.show(o);
+    ut.show(o);
   }
   static error(t, n, o) {
     const r = it({
@@ -7390,7 +7401,7 @@ class ct {
         detail: n
       }
     });
-    ct.show(r);
+    ut.show(r);
   }
   static prompt(t, n) {
     const o = it({
@@ -7400,7 +7411,7 @@ class ct {
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    ct.show(o);
+    ut.show(o);
   }
   static question(t, n, o, r) {
     const i = it({
@@ -7412,11 +7423,11 @@ class ct {
       acceptCallback: o,
       rejectCallback: r
     });
-    ct.show(i);
+    ut.show(i);
   }
 }
 Ft.install = (e) => {
-  e.component(Ft.name, Ft), e.provide("FMessageBoxService", ct);
+  e.component(Ft.name, Ft), e.provide("FMessageBoxService", ut);
 };
 var wt = /* @__PURE__ */ ((e) => (e[e.Value = 0] = "Value", e[e.SmartHelp = 1] = "SmartHelp", e[e.Enum = 2] = "Enum", e[e.Express = 3] = "Express", e))(wt || {}), Xe = /* @__PURE__ */ ((e) => (e.Equal = "0", e.NotEqual = "1", e.Greater = "2", e.GreaterOrEqual = "3", e.Less = "4", e.LessOrEqual = "5", e.Like = "6", e.LikeStartWith = "7", e.LikeEndWith = "8", e.In = "9", e.NotIn = "10", e))(Xe || {});
 const os = [
@@ -8117,7 +8128,7 @@ function on(e) {
 function ms(e, t, n, o) {
   var N, M, g, C, O, p;
   const { idField: r } = n, i = k(((M = (N = e.hierarchy) == null ? void 0 : N.cascadeOption) == null ? void 0 : M.autoCheckChildren) || !1), a = k(((C = (g = e.hierarchy) == null ? void 0 : g.cascadeOption) == null ? void 0 : C.autoCheckParent) || !1), u = k(((p = (O = e.hierarchy) == null ? void 0 : O.cascadeOption) == null ? void 0 : p.selectionRange) || "All");
-  ye(() => {
+  ge(() => {
     var y;
     return (y = e.hierarchy) == null ? void 0 : y.cascadeOption;
   }, (y) => {
@@ -8236,8 +8247,8 @@ function rn(e, t, n, o, r, i, a, u) {
     let fe = R, he = G;
     const ke = G - R + 1;
     if (ke < a + i.value + a) {
-      const _e = a + i.value + a - ke, ge = G + _e <= X, Te = 0 + _e <= R;
-      if (ge)
+      const _e = a + i.value + a - ke, ye = G + _e <= X, Te = 0 + _e <= R;
+      if (ye)
         he += _e, p = he;
       else if (Te)
         fe -= _e, O = fe;
@@ -8255,7 +8266,7 @@ function rn(e, t, n, o, r, i, a, u) {
       n.value = [];
       return;
     }
-    const X = (Ce = e.pagination) != null && Ce.enable ? 0 : Math.max(O - a, 0), fe = G[G.length - 1].__fv_visible_index__, he = (we = e.pagination) != null && we.enable ? G.length - 1 : Math.min(p + a, fe), { actualStart: ke, actualEnd: _e } = L(X, he, fe), ge = G[ke - 1], Te = d(ke, _e, ge, R);
+    const X = (Ce = e.pagination) != null && Ce.enable ? 0 : Math.max(O - a, 0), fe = G[G.length - 1].__fv_visible_index__, he = (we = e.pagination) != null && we.enable ? G.length - 1 : Math.min(p + a, fe), { actualStart: ke, actualEnd: _e } = L(X, he, fe), ye = G[ke - 1], Te = d(ke, _e, ye, R);
     Te.length && (n.value = [...Te]);
   }
   const Y = P(() => h() > F.value), J = P(() => Math.floor(x.value) > l.value);
@@ -8291,7 +8302,7 @@ function rn(e, t, n, o, r, i, a, u) {
     const R = h();
     te(g.value, R);
   }
-  ye([l, x], () => {
+  ge([l, x], () => {
     Z(0);
   });
   function U(R) {
@@ -8697,9 +8708,9 @@ function cn(e, t, n, o) {
   } = n, i = k(e.editable), a = k(e.editOption), u = k(((m = e.rowOption) == null ? void 0 : m.wrapContent) || !1), {
     onClickRow: s
   } = o;
-  ye(() => e.editable, () => {
+  ge(() => e.editable, () => {
     i.value = e.editable;
-  }), ye(() => {
+  }), ge(() => {
     var h;
     return (h = e.editOption) == null ? void 0 : h.editMode;
   }, (h) => {
@@ -8888,7 +8899,7 @@ function fn(e, t, n, o) {
 }
 function pn(e, t, n, o, r) {
   const { idField: i } = n, a = k(""), u = P(() => e.selection.enableSelectRow), s = k(e.selection.multiSelect ?? !1), f = k(e.selection.multiSelectMode), d = k(e.selection.showCheckbox), c = k(e.selection.showSelectAll), v = k(e.selectionValues);
-  ye(() => e.selection.showSelectAll, (j, Z) => {
+  ge(() => e.selection.showSelectAll, (j, Z) => {
     j !== Z && (c.value = j);
   });
   function x() {
@@ -8917,11 +8928,11 @@ function pn(e, t, n, o, r) {
       Z.checked = !0, Z.raw.__fv_checked__ = !0;
     });
   }
-  ye(() => o.value, () => {
+  ge(() => o.value, () => {
     F();
-  }), ye(() => e.selectionValues, (j) => {
+  }), ge(() => e.selectionValues, (j) => {
     v.value = j, F();
-  }, { immediate: !0 }), ye(() => e.selection, (j) => {
+  }, { immediate: !0 }), ge(() => e.selection, (j) => {
     s.value = !!j.multiSelect, f.value = j.multiSelectMode || "DependOnCheck", d.value = !!j.showCheckbox;
   });
   const l = P(() => !s.value);
@@ -9031,7 +9042,7 @@ function Cs(e, t) {
     var C;
     return a.value ? ((C = e.rowNumber) == null ? void 0 : C.heading) ?? "序号" : "";
   }), c = P(() => (u.value && !e.hierarchy ? Number(f.value) : 0) + (a.value ? Number(s.value) : 0));
-  ye(() => e.rowNumber, (C) => {
+  ge(() => e.rowNumber, (C) => {
     C && C.enable !== void 0 && (a.value = C.enable), C && C.width !== void 0 && (s.value = C.width);
   });
   function v(C) {