@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

package/components/language-textbox/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, ref as F, inject as _, onMounted as V, createVNode as T, computed as k, watch as L, withDirectives as Y, vModelText as ce, resolveDirective as de, Fragment as fe, toRefs as me } from "vue";
+import { defineComponent as $, ref as F, inject as H, onMounted as V, createVNode as T, computed as k, watch as O, withDirectives as Y, vModelText as ce, resolveDirective as de, Fragment as fe, toRefs as me } from "vue";
 import { useDesignerComponent as pe } from "../designer-canvas/index.esm.js";
 import { InputBaseProperty as ve } from "../property-panel/index.esm.js";
 import ge from "../button-edit/index.esm.js";
@@ -6,9 +6,9 @@ import { createPropsResolver as be, getPropsResolverGenerator as ye } from "../d
 import { isPlainObject as U, cloneDeep as Z } from "lodash-es";
 import { FInputGroup as xe } from "../input-group/index.esm.js";
 import { LocaleService as J } from "../locale/index.esm.js";
-import { useTextBox as Te, useClear as he, withInstall as Ce, isMobilePhone as Se } from "../common/index.esm.js";
-import { useNumber as we, useFormat as Be, useSpinner as Fe, useTextBox as Pe, getSpinnerRender as ke, getNumberTextBoxRender as Oe } from "../number-spinner/index.esm.js";
-class Le extends ve {
+import { useTextBox as Te, useClear as he, withInstall as Ce, isMobilePhone as we } from "../common/index.esm.js";
+import { useNumber as Se, useFormat as Be, useSpinner as Fe, useTextBox as Pe, getSpinnerRender as ke, getNumberTextBoxRender as Le } from "../number-spinner/index.esm.js";
+class Oe extends ve {
   constructor(t, n) {
     super(t, n);
   }
@@ -32,7 +32,7 @@ class Le extends ve {
 function Ee(e, t) {
   function n(o, c) {
     const b = e.schema;
-    return new Le(o, t).getPropertyConfig(b, c);
+    return new Oe(o, t).getPropertyConfig(b, c);
   }
   return { getPropsConfig: n };
 }
@@ -45,10 +45,10 @@ const Me = /* @__PURE__ */ $({
     }
   },
   setup(e, t) {
-    const n = F(), o = _("design-item-context"), c = _("designer-host-service"), b = Ee(o, c), u = pe(n, o, b);
+    const n = F(), o = H("design-item-context"), c = H("designer-host-service"), b = Ee(o, c), i = pe(n, o, b);
     return V(() => {
-      n.value.componentInstance = u;
-    }), t.expose(u.value), () => T("div", {
+      n.value.componentInstance = i;
+    }), t.expose(i.value), () => T("div", {
       class: "f-button-edit f-cmp-inputgroup f-button-edit-nowrap",
       ref: n
     }, [T("div", {
@@ -71,7 +71,7 @@ const Me = /* @__PURE__ */ $({
 function Q(e, t) {
   let n;
   function o(l) {
-    const { properties: s, title: m, ignore: r } = l, a = r && Array.isArray(r), f = Object.keys(s).reduce((g, i) => ((!a || !r.find((S) => S === i)) && (g[i] = s[i].type === "object" && s[i].properties ? o(s[i]) : Z(s[i].default)), g), {});
+    const { properties: s, title: m, ignore: r } = l, a = r && Array.isArray(r), f = Object.keys(s).reduce((g, u) => ((!a || !r.find((w) => w === u)) && (g[u] = s[u].type === "object" && s[u].properties ? o(s[u]) : Z(s[u].default)), g), {});
     if (m && (!a || !r.find((g) => g === "id"))) {
       const g = m.toLowerCase().replace(/-/g, "_");
       f.id = `${g}_${Math.random().toString().slice(2, 6)}`;
@@ -101,7 +101,7 @@ function Q(e, t) {
     }
     return null;
   }
-  function u(l, s) {
+  function i(l, s) {
     const m = o(s);
     return Object.keys(m).reduce((r, a) => (Object.prototype.hasOwnProperty.call(l, a) && (r[a] && U(r[a]) && U(l[a] || !l[a]) ? Object.assign(r[a], l[a] || {}) : r[a] = l[a]), r), m), m;
   }
@@ -120,8 +120,8 @@ function Q(e, t) {
       return r;
     }, {});
   }
-  function w(l, s, m = /* @__PURE__ */ new Map()) {
-    const r = u(l, s);
+  function S(l, s, m = /* @__PURE__ */ new Map()) {
+    const r = i(l, s);
     return C(r, m);
   }
   function d(l) {
@@ -131,10 +131,10 @@ function Q(e, t) {
       const r = e[s];
       if (!r)
         return l;
-      const a = u(l, r), f = ((m = l.editor) == null ? void 0 : m.type) || "";
+      const a = i(l, r), f = ((m = l.editor) == null ? void 0 : m.type) || "";
       if (f) {
-        const g = e[f], i = u(l.editor, g);
-        a.editor = i;
+        const g = e[f], u = i(l.editor, g);
+        a.editor = u;
       }
       return a;
     }
@@ -143,7 +143,7 @@ function Q(e, t) {
   function p(l) {
     n = l;
   }
-  return { getSchemaByType: b, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: w, mappingSchemaToProps: C, setDesignerContext: p };
+  return { getSchemaByType: b, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: S, mappingSchemaToProps: C, setDesignerContext: p };
 }
 const Ie = {}, Re = {}, { resolveSchemaWithDefaultValue: Ne } = Q(Ie, Re);
 function je(e = {}) {
@@ -184,7 +184,7 @@ function je(e = {}) {
       return l.push(...m), l;
     }, []);
   }
-  function u(d, p) {
+  function i(d, p) {
     if (o.has(d.operator)) {
       const l = o.get(d.operator);
       return l && l(d.target, d.param, d.value, p) || !1;
@@ -192,13 +192,13 @@ function je(e = {}) {
     return !1;
   }
   function C(d, p) {
-    return b(d).reduce((m, r) => m && u(r, p), !0);
+    return b(d).reduce((m, r) => m && i(r, p), !0);
   }
-  function w(d, p) {
-    const l = Object.keys(d), s = l.includes("allOf"), m = l.includes("anyOf"), r = s || m, g = (r ? d[r ? s ? "allOf" : "anyOf" : "allOf"] : [d]).map((S) => C(S, p));
+  function S(d, p) {
+    const l = Object.keys(d), s = l.includes("allOf"), m = l.includes("anyOf"), r = s || m, g = (r ? d[r ? s ? "allOf" : "anyOf" : "allOf"] : [d]).map((w) => C(w, p));
     return s ? !g.includes(!1) : g.includes(!0);
   }
-  return { parseValueSchema: w };
+  return { parseValueSchema: S };
 }
 const De = {
   convertTo: (e, t, n, o) => {
@@ -266,19 +266,24 @@ const De = {
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
   "rich-text-editor": { type: "rich-text-editor", name: "富文本", icon: "rich-text-box" },
-  calendar: { type: "calendar", name: "日历", icon: "date-picker" }
-}, Ge = {
+  calendar: { type: "calendar", name: "日历", icon: "date-picker" },
+  wizard: { type: "wizard", name: "向导", icon: "wizard" },
+  "wizard-page": { type: "wizard-page", name: "向导页", icon: "wizard" },
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" },
+  "dynamic-form": { type: "dynamic-form", name: "动态表单" }
+}, ze = {
   convertFrom: (e, t, n) => {
     var c;
     const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
     return ((c = $e[o]) == null ? void 0 : c.name) || o;
   }
-}, ze = {
+}, Ge = {
   convertTo: (e, t, n, o) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
-}, He = {
+}, We = {
   convertTo: (e, t, n, o) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = n : e.formatter = {
       [t]: n
@@ -306,6 +311,8 @@ const De = {
         return e.formatter.customFormat;
       if (t === "type")
         return e.formatter.type || "none";
+      if (t === "customFormat")
+        return e.formmater.customFormat;
     }
     return "none";
   }
@@ -327,29 +334,17 @@ const De = {
     ]), t === "enableType" && n === "custom" && (e.command.enable = !0, e.command.commands = [
       {
         value: "add",
-        text: {
-          en: "add",
-          "zh-CHS": "增加",
-          "zh-CHT": "增加"
-        },
+        text: "增加",
         type: "link"
       },
       {
         value: "edit",
-        text: {
-          en: "edit",
-          "zh-CHS": "编辑",
-          "zh-CHT": "編輯"
-        },
+        text: "编辑",
         type: "danger"
       },
       {
         value: "remove",
-        text: {
-          en: "remove",
-          "zh-CHS": "删除",
-          "zh-CHT": "刪除"
-        },
+        text: "删除",
         type: "remove"
       }
     ]), t === "enableType" && n === "unable" && (e.command.enable = !1);
@@ -358,7 +353,7 @@ const De = {
     var o, c;
     if (e.command) {
       if (t === "enableType") {
-        const b = (c = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : c.find((u) => u.command === "edit" && u.type === "primary");
+        const b = (c = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : c.find((i) => i.command === "edit" && i.type === "primary");
         return e.command.enable ? b ? "default" : "custom" : "unable";
       }
       if (t === "commands")
@@ -367,10 +362,12 @@ const De = {
         return e.command.formatter;
       if (t === "count")
         return e.command.count;
+      if (t === "columnWidth")
+        return e.command.columnWidth || 150;
     }
     return "";
   }
-}, We = {
+}, _e = {
   convertTo: (e, t, n, o) => {
     e.column ? e.column[t] = n : e.column = {
       [t]: n
@@ -385,7 +382,7 @@ const De = {
     }
     return "";
   }
-}, _e = {
+}, He = {
   convertTo: (e, t, n, o) => {
     e.summary ? e.summary[t] = n : e.summary = {
       [t]: n
@@ -394,7 +391,10 @@ const De = {
       groupFields: []
     });
   },
-  convertFrom: (e, t, n) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
+  convertFrom: (e, t, n) => {
+    var o;
+    return t === "customSummaryStyle" ? e.summary.customSummaryStyle : t === "position" ? ((o = e.summary) == null ? void 0 : o[t]) || "bottom" : e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : "";
+  }
 }, Ue = {
   convertTo: (e, t, n, o) => {
     e.group ? e.group[t] = n : e.group = {
@@ -423,9 +423,9 @@ const De = {
   }
 }, Ye = {
   convertTo: (e, t, n, o) => {
-    e.pagination || (e.pagination = {}), e.pagination[t] = n;
+    e.pagination || (e.pagination = {}), t === "sizeLimits" ? e.pagination.sizeLimits = n.split(",") : e.pagination[t] = n;
   },
-  convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
+  convertFrom: (e, t, n) => e.pagination ? t === "sizeLimits" ? e.pagination.sizeLimits.join(",") : e.pagination[t] : e[t]
 }, Je = {
   convertTo: (e, t, n, o) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
@@ -488,6 +488,8 @@ const De = {
         return e.rowOption.customRowStyle;
       if (t === "customCellStyle")
         return e.rowOption.customCellStyle;
+      if (t === "height")
+        return e.rowOption.height;
     }
     return "";
   }
@@ -510,12 +512,12 @@ function X(e, t, n) {
     ["/converter/buttons.converter", Ve],
     ["/converter/property-editor.converter", Ae],
     ["/converter/items-count.converter", Xe],
-    ["/converter/type.converter", Ge],
-    ["/converter/change-editor.converter", ze],
-    ["/converter/change-formatter.converter", He],
+    ["/converter/type.converter", ze],
+    ["/converter/change-editor.converter", Ge],
+    ["/converter/change-formatter.converter", We],
     ["/converter/column-command.converter", qe],
-    ["/converter/column-option.converter", We],
-    ["/converter/summary.converter", _e],
+    ["/converter/column-option.converter", _e],
+    ["/converter/summary.converter", He],
     ["/converter/group.converter", Ue],
     ["/converter/form-group-label.converter", Ke],
     ["/converter/field-selector.converter", Ze],
@@ -553,75 +555,75 @@ function X(e, t, n) {
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
   ]), b = je();
-  function u(r, a) {
+  function i(r, a) {
     return () => b.parseValueSchema(r, a);
   }
   function C(r, a, f) {
-    return r.includes("visible") && a.visible !== void 0 ? typeof a.visible == "boolean" ? () => !!a.visible : a.visible === void 0 ? !0 : u(a.visible, f) : () => !0;
+    return r.includes("visible") && a.visible !== void 0 ? typeof a.visible == "boolean" ? () => !!a.visible : a.visible === void 0 ? !0 : i(a.visible, f) : () => !0;
   }
-  function w(r, a, f) {
-    return r.includes("readonly") && a.readonly !== void 0 ? typeof a.readonly == "boolean" ? () => !!a.readonly : u(a.readonly, f) : () => !1;
+  function S(r, a, f) {
+    return r.includes("readonly") && a.readonly !== void 0 ? typeof a.readonly == "boolean" ? () => !!a.readonly : i(a.readonly, f) : () => !1;
   }
   function d(r, a) {
     const f = r.$converter || a;
     return typeof f == "string" && f && o.has(f) ? o.get(f) || null : f || null;
   }
-  function p(r, a, f, g, i, S = "", P = "") {
+  function p(r, a, f, g, u, w = "", P = "") {
     return Object.keys(r).map((v) => {
-      const y = F(1), O = v, h = r[v], x = Object.keys(h), R = h.title, E = h.type, j = c.get(E) || { type: "input-group", enableClear: !1 }, N = h.editor ? Object.assign({}, j, h.editor) : Object.assign({}, j), G = C(x, h, a), A = w(x, h, a);
+      const y = F(1), L = v, h = r[v], x = Object.keys(h), R = h.title, E = h.type, j = c.get(E) || { type: "input-group", enableClear: !1 }, N = h.editor ? Object.assign({}, j, h.editor) : Object.assign({}, j), z = C(x, h, a), A = S(x, h, a);
       N.readonly = N.readonly === void 0 ? A() : N.readonly;
-      const z = h.type === "cascade" ? p(h.properties, a, f, g, i, S, P) : [], H = !0;
+      const G = h.type === "cascade" ? p(h.properties, a, f, g, u, w, P) : [], W = !0;
       let M = d(h, P);
       const re = k({
         get() {
           if (y.value) {
-            if (["class", "style"].find((se) => se === O) && !M && (M = o.get("/converter/appearance.converter") || null), M && M.convertFrom)
-              return M.convertFrom(f, v, i, S);
+            if (["class", "style"].find((se) => se === L) && !M && (M = o.get("/converter/appearance.converter") || null), M && M.convertFrom)
+              return M.convertFrom(f, v, u, w);
             const I = f[v];
             return Object.prototype.hasOwnProperty.call(h, "defaultValue") && (I === void 0 || typeof I == "string" && I === "") ? h.type === "boolean" ? h.defaultValue : h.defaultValue || "" : I;
           }
           return null;
         },
         set(I) {
-          y.value += 1, M && M.convertTo ? (M.convertTo(g, v, I, i, S), M.convertTo(f, v, I, i, S)) : (g[v] = I, f[v] = I);
+          y.value += 1, M && M.convertTo ? (M.convertTo(g, v, I, u, w), M.convertTo(f, v, I, u, w)) : (g[v] = I, f[v] = I);
         }
-      }), { refreshPanelAfterChanged: ae, description: le, isExpand: ue, parentPropertyID: ie } = h, W = { propertyID: O, propertyName: R, propertyType: E, propertyValue: re, editor: N, visible: G, readonly: A, cascadeConfig: z, hideCascadeTitle: H, refreshPanelAfterChanged: ae, description: le, isExpand: ue, parentPropertyID: ie };
-      return a[O] = W, W;
+      }), { refreshPanelAfterChanged: ae, description: le, isExpand: ie, parentPropertyID: ue } = h, _ = { propertyID: L, propertyName: R, propertyType: E, propertyValue: re, editor: N, visible: z, readonly: A, cascadeConfig: G, hideCascadeTitle: W, refreshPanelAfterChanged: ae, description: le, isExpand: ie, parentPropertyID: ue };
+      return a[L] = _, _;
     });
   }
   function l(r, a, f = {}) {
-    const g = {}, i = e[r];
-    return i && i.categories ? Object.keys(i.categories).map((P) => {
-      const B = i.categories[P], v = B == null ? void 0 : B.title, y = p(B.properties || {}, g, {}, f, a);
+    const g = {}, u = e[r];
+    return u && u.categories ? Object.keys(u.categories).map((P) => {
+      const B = u.categories[P], v = B == null ? void 0 : B.title, y = p(B.properties || {}, g, {}, f, a);
       return { categoryId: P, categoryName: v, properties: y };
     }) : [];
   }
-  function s(r, a, f, g, i = "") {
-    const S = a.$ref.schema, P = a.$ref.converter, B = f[S], v = B.type, y = n(B), O = {}, h = e[v];
+  function s(r, a, f, g, u = "") {
+    const w = a.$ref.schema, P = a.$ref.converter, B = f[w], v = B.type, y = n(B), L = {}, h = e[v];
     if (h && h.categories) {
       const x = h.categories[r], R = x == null ? void 0 : x.title;
       P && Object.keys(x.properties).forEach((N) => {
         x.properties[N].$converter = P;
       });
-      const E = (x == null ? void 0 : x.properties) || {}, j = p(E, O, y, B, g, i);
+      const E = (x == null ? void 0 : x.properties) || {}, j = p(E, L, y, B, g, u);
       return { categoryId: r, categoryName: R, properties: j };
     }
     return { categoryId: r, categoryName: "", properties: [] };
   }
-  function m(r, a, f, g, i) {
-    const S = r.type, P = n(r), B = {};
-    let v = i || e[S];
+  function m(r, a, f, g, u) {
+    const w = r.type, P = n(r), B = {};
+    let v = u || e[w];
     if (!(v && Object.keys(v).length > 0) && f && f.getPropConfig && (v = f.getPropConfig(g)), v && v.categories) {
-      const O = [];
+      const L = [];
       return Object.keys(v.categories).map((h) => {
         const x = v.categories[h];
         if (x.$ref) {
-          O.push(s(h, x, r, a, g));
+          L.push(s(h, x, r, a, g));
           return;
         }
-        const R = x == null ? void 0 : x.title, E = x == null ? void 0 : x.tabId, j = x == null ? void 0 : x.tabName, N = x == null ? void 0 : x.hide, G = x == null ? void 0 : x.hideTitle, A = p(x.properties || {}, B, P, r, a, g, x.$converter), { setPropertyRelates: z } = x, H = x == null ? void 0 : x.parentPropertyID;
-        O.push({ categoryId: h, categoryName: R, tabId: E, tabName: j, hide: N, properties: A, hideTitle: G, setPropertyRelates: z, parentPropertyID: H });
-      }), O;
+        const R = x == null ? void 0 : x.title, E = x == null ? void 0 : x.tabId, j = x == null ? void 0 : x.tabName, N = x == null ? void 0 : x.hide, z = x == null ? void 0 : x.hideTitle, A = p(x.properties || {}, B, P, r, a, g, x.$converter), { setPropertyRelates: G } = x, W = x == null ? void 0 : x.parentPropertyID;
+        L.push({ categoryId: h, categoryName: R, tabId: E, tabName: j, hide: N, properties: A, hideTitle: z, setPropertyRelates: G, parentPropertyID: W });
+      }), L;
     }
     return [];
   }
@@ -631,9 +633,9 @@ function X(e, t, n) {
     propertyConverterMap: o
   };
 }
-const lt = {}, ut = {};
-X(lt, ut, Ne);
-const it = {}, st = {}, { resolveSchemaWithDefaultValue: ct } = Q(it, st), dt = {}, ft = {};
+const lt = {}, it = {};
+X(lt, it, Ne);
+const ut = {}, st = {}, { resolveSchemaWithDefaultValue: ct } = Q(ut, st), dt = {}, ft = {};
 X(dt, ft, ct);
 function mt(e, t) {
   return { customClass: t.class, customStyle: t.style };
@@ -785,7 +787,7 @@ const q = {
   tabIndex: { type: Number, default: -1 },
   enableTitle: { type: Boolean, default: !0 },
   maxLength: { type: Number, default: null }
-}, zt = be(q, ee, K, te), ne = ye(
+}, Gt = be(q, ee, K, te), ne = ye(
   q,
   ee,
   K,
@@ -815,8 +817,8 @@ const q = {
     const n = F(e.languages), o = F(e.modelValue || {}), c = F();
     return V(() => {
       setTimeout(() => {
-        var b, u;
-        (u = (b = c.value) == null ? void 0 : b.querySelector("input")) == null || u.focus();
+        var b, i;
+        (i = (b = c.value) == null ? void 0 : b.querySelector("input")) == null || i.focus();
       }, 130);
     }), () => {
       var b;
@@ -824,7 +826,7 @@ const q = {
         class: "list-group",
         style: "background: white;",
         ref: c
-      }, [(b = n.value) == null ? void 0 : b.map((u) => T("li", {
+      }, [(b = n.value) == null ? void 0 : b.map((i) => T("li", {
         class: "list-group-item border-0 p-2 px-2"
       }, [T("div", {
         class: "farris-group-wrap form-inline farris-form-inline"
@@ -835,21 +837,21 @@ const q = {
         class: "col-form-label"
       }, [T("span", {
         class: "farris-label-text",
-        title: u.name
-      }, [u.name])]), T("div", {
+        title: i.name
+      }, [i.name])]), T("div", {
         class: "farris-input-wrap"
       }, [T(xe, {
-        id: e.id + "_" + u.code,
-        modelValue: o.value[u.code],
+        id: e.id + "_" + i.code,
+        modelValue: o.value[i.code],
         "onUpdate:modelValue": (C) => {
-          o.value[u.code] = C, t.emit("update:modelValue", o.value);
+          o.value[i.code] = C, t.emit("update:modelValue", o.value);
         },
         updateOn: "change",
         maxLength: e.maxLength
       }, null)])])])]))]);
     };
   }
-}), St = {
+}), wt = {
   id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -933,7 +935,7 @@ const q = {
   */
   keyboard: { type: Boolean, default: !0 }
 };
-function wt(e, t) {
+function St(e, t) {
   const n = F(e.groupText), o = k(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), c = k(() => e.type === "password" || e.showType === "password" || e.enableClear || !!e.groupText || o.value);
   return { appendedButtonClass: k(() => ({
     "input-group-append": !0,
@@ -941,24 +943,24 @@ function wt(e, t) {
   })), appendedContent: n, shouldShowAppendedButton: c };
 }
 function Bt(e, t, n, o) {
-  const { appendedContent: c } = o, b = F(e.enableViewPassword), u = k(() => e.type === "password" || e.showType === "password"), C = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', w = '<span class="f-icon f-icon-eye"></span>', d = F(!1);
-  L(() => [e.readonly, e.disabled], ([s, m]) => {
-    u.value && (n.value = s || m ? "password" : n.value, c.value = e.readonly || e.disabled ? "" : b.value ? w : "");
+  const { appendedContent: c } = o, b = F(e.enableViewPassword), i = k(() => e.type === "password" || e.showType === "password"), C = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', S = '<span class="f-icon f-icon-eye"></span>', d = F(!1);
+  O(() => [e.readonly, e.disabled], ([s, m]) => {
+    i.value && (n.value = s || m ? "password" : n.value, c.value = e.readonly || e.disabled ? "" : b.value ? S : "");
   });
   function p() {
-    return d.value = !d.value, n.value = d.value ? "text" : "password", c.value = d.value ? C : w, !1;
+    return d.value = !d.value, n.value = d.value ? "text" : "password", c.value = d.value ? C : S, !1;
   }
   function l() {
-    n.value = u.value ? "password" : n.value, u.value && (c.value = e.readonly || e.disabled ? "" : b.value ? w : "");
+    n.value = i.value ? "password" : n.value, i.value && (c.value = e.readonly || e.disabled ? "" : b.value ? S : "");
   }
-  return l(), { isPassword: u, onClickAppendedButton: p };
+  return l(), { isPassword: i, onClickAppendedButton: p };
 }
 function Ft(e, t) {
-  const n = we(e, t), o = Be(e, t, n), c = Fe(e, t, o, n), b = Pe(e, t, o, n, c), u = ke(e, t, c), {
+  const n = Se(e, t), o = Be(e, t, n), c = Fe(e, t, o, n), b = Pe(e, t, o, n, c), i = ke(e, t, c), {
     displayValue: C,
-    modelValue: w,
+    modelValue: S,
     getRealValue: d
-  } = n, p = Oe(e, t, b), {
+  } = n, p = Le(e, t, b), {
     format: l
   } = o, {
     isFocus: s
@@ -966,17 +968,17 @@ function Ft(e, t) {
   return V(() => {
     const r = d(e.modelValue);
     C.value = l(r);
-  }), L(() => [e.value], ([r]) => {
+  }), O(() => [e.value], ([r]) => {
     const a = d(r);
-    w.value = a, C.value = l(a);
-  }), L(() => [e.modelValue], ([r]) => {
-    r !== w.value && (w.value = r, !s.value && (C.value = l(d(r))));
-  }), L(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    C.value = l(w.value);
+    S.value = a, C.value = l(a);
+  }), O(() => [e.modelValue], ([r]) => {
+    r !== S.value && (S.value = r, !s.value && (C.value = l(d(r))));
+  }), O(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    C.value = l(S.value);
   }), () => T("div", {
     class: "input-group  flex-row f-cmp-number-spinner",
     style: "border:none;"
-  }, [p(), m.value && u()]);
+  }, [p(), m.value && i()]);
 }
 function Pt(e) {
   return e ? J.getRealPropertyValue(e, "请输入", "input-group.placeholder") : "";
@@ -984,14 +986,14 @@ function Pt(e) {
 function kt(e, t, n, o) {
   const c = F(), {
     inputGroupClass: b,
-    onBlur: u,
+    onBlur: i,
     onFocus: C
   } = o, {
-    clearButtonClass: w,
+    clearButtonClass: S,
     clearButtonStyle: d
   } = n, p = k(() => e.maxLength ? e.maxLength : e.modelValue ? e.modelValue.length : 0), l = (v) => {
-    var y, O;
-    v.stopPropagation(), t.emit("update:modelValue", (y = v.target) == null ? void 0 : y.value), t.emit("valueChange", (O = v.target) == null ? void 0 : O.value);
+    var y, L;
+    v.stopPropagation(), t.emit("update:modelValue", (y = v.target) == null ? void 0 : y.value), t.emit("valueChange", (L = v.target) == null ? void 0 : L.value);
   }, s = k(() => ({
     "form-control": !0,
     "h-100": e.autoHeight
@@ -1014,10 +1016,10 @@ function kt(e, t, n, o) {
       height: "auto",
       ...v
     } : v;
-  }), i = (v) => {
+  }), u = (v) => {
     v.stopPropagation(), c.value.value = "", t.emit("update:modelValue", ""), t.emit("valueChange", "");
   };
-  function S() {
+  function w() {
     return Y(T("textarea", {
       class: s.value,
       id: e.id,
@@ -1034,7 +1036,7 @@ function kt(e, t, n, o) {
       rows: e.rows,
       onInput: l,
       onFocus: C,
-      onBlur: u,
+      onBlur: i,
       style: g.value
     }, null), [[ce, e.modelValue]]);
   }
@@ -1046,24 +1048,24 @@ function kt(e, t, n, o) {
   function B() {
     return m.value && T("span", {
       id: "clearIcon",
-      class: w.value,
+      class: S.value,
       style: f.value,
-      onClick: (v) => i(v)
+      onClick: (v) => u(v)
     }, [T("i", {
       class: "f-icon modal_close",
       style: "font-size:8px;color:#fff"
     }, null)]);
   }
   return {
-    renderTextarea: S,
+    renderTextarea: w,
     renderCount: P,
     renderClear: B
   };
 }
-function Ot(e, t, n, o) {
-  const c = F(), b = F(e.autocomplete), u = F(e.enableTitle), {
+function Lt(e, t, n, o) {
+  const c = F(), b = F(e.autocomplete), i = F(e.enableTitle), {
     isPassword: C
-  } = n, w = F(e.minLength), d = F(e.maxLength), p = F(e.tabIndex), {
+  } = n, S = F(e.minLength), d = F(e.maxLength), p = F(e.tabIndex), {
     disabled: l,
     displayText: s,
     inputType: m,
@@ -1071,13 +1073,13 @@ function Ot(e, t, n, o) {
     onFocus: a,
     onInput: f,
     onClick: g,
-    onKeydown: i,
-    onKeyup: S,
+    onKeydown: u,
+    onKeyup: w,
     onMousedown: P,
     onMouseup: B,
     onTextBoxValueChange: v,
     readonly: y,
-    placeholder: O,
+    placeholder: L,
     textBoxClass: h,
     textBoxTitle: x
   } = o;
@@ -1094,11 +1096,11 @@ function Ot(e, t, n, o) {
     class: h.value,
     disabled: l == null ? void 0 : l.value,
     maxlength: d.value,
-    minlength: w.value,
-    placeholder: O.value,
+    minlength: S.value,
+    placeholder: L.value,
     readonly: y == null ? void 0 : y.value,
     tabindex: p.value,
-    title: u.value && !C.value ? x.value : "",
+    title: i.value && !C.value ? x.value : "",
     type: m.value,
     value: s == null ? void 0 : s.value,
     onBlur: r,
@@ -1106,18 +1108,18 @@ function Ot(e, t, n, o) {
     onChange: v,
     onFocus: a,
     onInput: f,
-    onKeydown: i,
-    onKeyup: S,
+    onKeydown: u,
+    onKeyup: w,
     onMousedown: P,
     onMouseup: B
   }, null);
 }
-function Lt(e, t) {
+function Ot(e, t) {
   const n = F(e.extendInfo), o = k(() => e.useExtendInfo && !!e.extendInfo), c = k(() => ({
     content: n.value
   }));
-  L(() => e.extendInfo, (u) => {
-    n.value = u;
+  O(() => e.extendInfo, (i) => {
+    n.value = i;
   });
   function b() {
     t.emit("updateExtendInfo");
@@ -1134,14 +1136,14 @@ function Lt(e, t) {
 function Et(e, t, n, o, c) {
   const {
     appendedButtonClass: b,
-    appendedContent: u
-  } = n, C = k(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), w = k(() => u.value && !t.slots.groupTextTemplate), d = k(() => !!t.slots.groupTextTemplate), {
+    appendedContent: i
+  } = n, C = k(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), S = k(() => i.value && !t.slots.groupTextTemplate), d = k(() => !!t.slots.groupTextTemplate), {
     clearButtonClass: p,
     clearButtonStyle: l,
     onClearValue: s,
     shouldShowClearButton: m
   } = o, r = F(0);
-  L(u, (y) => {
+  O(i, (y) => {
     r.value++;
   });
   function a() {
@@ -1160,26 +1162,26 @@ function Et(e, t, n, o, c) {
   function g(y) {
     t.emit("iconMouseLeave", y);
   }
-  function i(y) {
+  function u(y) {
     C.value && t.emit("clickHandle", {
       originalEvent: y
     }), y.stopPropagation();
   }
-  const S = e.type === "password" || e.showType === "password" ? c.onClickAppendedButton : i;
+  const w = e.type === "password" || e.showType === "password" ? c.onClickAppendedButton : u;
   function P() {
     return T("span", {
       class: "input-group-text",
       onMouseenter: (y) => f(y),
       onMouseleave: (y) => g(y),
-      innerHTML: u.value,
-      onClick: (y) => S(y)
+      innerHTML: i.value,
+      onClick: (y) => w(y)
     }, null);
   }
   function B() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
   function v() {
-    return w.value ? P() : d.value ? B() : "";
+    return S.value ? P() : d.value ? B() : "";
   }
   return () => T("div", {
     class: b.value,
@@ -1188,14 +1190,14 @@ function Et(e, t, n, o, c) {
 }
 const oe = /* @__PURE__ */ $({
   name: "FInputGroup",
-  props: St,
+  props: wt,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange", "mousedownEvent", "mouseupEvent"],
   setup(e, t) {
     const n = F(), o = F(e.modelValue), c = F(e.modelValue), b = Te(e, t, o, c, n), {
-      inputGroupClass: u,
+      inputGroupClass: i,
       inputType: C,
-      inputGroupStyle: w
-    } = b, d = wt(e), {
+      inputGroupStyle: S
+    } = b, d = St(e), {
       shouldShowAppendedButton: p
     } = d, l = he(e, t, b), {
       onMouseEnter: s,
@@ -1203,24 +1205,24 @@ const oe = /* @__PURE__ */ $({
     } = l, r = Bt(e, t, C, d), a = Ft(e, t), {
       renderTextarea: f,
       renderCount: g,
-      renderClear: i
-    } = kt(e, t, l, b), S = Ot(e, t, r, b), P = Et(e, t, d, l, r), B = Lt(e, t), v = k(() => C.value === "number"), y = k(() => C.value === "textarea");
-    L(() => [e.value], ([h]) => {
+      renderClear: u
+    } = kt(e, t, l, b), w = Lt(e, t, r, b), P = Et(e, t, d, l, r), B = Ot(e, t), v = k(() => C.value === "number"), y = k(() => C.value === "textarea");
+    O(() => [e.value], ([h]) => {
       o.value = h, c.value = h;
-    }), L(() => [e.modelValue], ([h]) => {
+    }), O(() => [e.modelValue], ([h]) => {
       o.value = h, c.value = h;
     }), V(() => {
       e.value && (o.value = e.value, c.value = e.value);
     });
-    const O = () => T("div", {
+    const L = () => T("div", {
       ref: n,
       id: e.id,
-      class: u.value,
-      style: w.value,
+      class: i.value,
+      style: S.value,
       onMouseenter: s,
       onMouseleave: m
-    }, [v.value ? a() : y.value ? f() : T(fe, null, [B(), S()]), !y.value && !v.value && p.value && P(), y.value && i(), y.value && g()]);
-    return () => O();
+    }, [v.value ? a() : y.value ? f() : T(fe, null, [B(), w()]), !y.value && !v.value && p.value && P(), y.value && u(), y.value && g()]);
+    return () => L();
   }
 });
 Ce(oe);
@@ -1233,67 +1235,67 @@ const D = /* @__PURE__ */ $({
       disabled: o,
       readonly: c,
       editable: b,
-      modelValue: u
+      modelValue: i
     } = me(e), C = k(() => {
-      var i;
-      return (i = u.value) == null ? void 0 : i[n];
-    }), w = F();
-    L(() => e.modelValue, (i) => {
-      u.value = i;
+      var u;
+      return (u = i.value) == null ? void 0 : u[n];
+    }), S = F();
+    O(() => e.modelValue, (u) => {
+      i.value = u;
     });
-    const d = (i) => {
-      if ((i == null ? void 0 : i.length) <= 1)
+    const d = (u) => {
+      if ((u == null ? void 0 : u.length) <= 1)
         return;
-      let S = -1;
-      const P = i.find((B, v) => {
+      let w = -1;
+      const P = u.find((B, v) => {
         const y = B.code === n;
-        return y && (S = v), y;
+        return y && (w = v), y;
       });
       if (P) {
         const B = Object.assign({}, P);
-        i.splice(S, 1), i.unshift(B);
+        u.splice(w, 1), u.unshift(B);
       }
-      return i;
+      return u;
     }, p = F();
-    L(() => e.languages, (i) => {
-      p.value = d(i) || [];
+    O(() => e.languages, (u) => {
+      p.value = d(u) || [];
     });
-    function l(i) {
-      u.value = u.value || {}, u.value[n] !== i && (u.value[n] = i, t.emit("update:modelValue", u.value));
+    function l(u) {
+      i.value = i.value || {}, i.value[n] !== u && (i.value[n] = u, t.emit("update:modelValue", i.value));
     }
     const s = k(() => {
-      var S;
-      const i = (S = w.value) == null ? void 0 : S.popoverRef;
-      return i && p.value.length > 1 ? i.shown : !1;
+      var w;
+      const u = (w = S.value) == null ? void 0 : w.popoverRef;
+      return u && p.value.length > 1 ? u.shown : !1;
     });
     V(() => {
       p.value = d(e.languages) || [];
     });
-    const m = (i) => {
-      u.value = i, t.emit("update:modelValue", u.value);
+    const m = (u) => {
+      i.value = u, t.emit("update:modelValue", i.value);
     }, r = () => {
-      var i;
-      return !(((i = p.value) == null ? void 0 : i.length) <= 1);
+      var u;
+      return !(((u = p.value) == null ? void 0 : u.length) <= 1);
     }, a = () => {
-      u.value = u.value || {}, u.value[n] && (u.value[n] = "", t.emit("update:modelValue", u.value));
+      i.value = i.value || {}, i.value[n] && (i.value[n] = "", t.emit("update:modelValue", i.value));
     };
-    function f(i) {
-      u.value = u.value || {};
-      const S = i.target.value;
-      u.value[n] !== S && (u.value[n] = S, t.emit("update:modelValue", u.value));
+    function f(u) {
+      i.value = i.value || {};
+      const w = u.target.value;
+      i.value[n] !== w && (i.value[n] = w, t.emit("update:modelValue", i.value));
     }
     function g() {
       return T(oe, {
         disable: o.value,
         readonly: c.value,
         modelValue: C.value,
-        "onUpdate:modelValue": (i) => C.value = i,
+        "onUpdate:modelValue": (u) => C.value = u,
         onInput: f,
         onClear: a
       }, null);
     }
-    return () => Se() ? g() : T(ge, {
-      ref: w,
+    return () => we() ? g() : T(ge, {
+      ref: S,
       id: e.id,
       forcePlaceholder: !1,
       disable: o.value,
@@ -1308,7 +1310,7 @@ const D = /* @__PURE__ */ $({
       inputType: "text",
       popupOnClick: !0,
       modelValue: C.value,
-      "onUpdate:modelValue": (i) => C.value = i,
+      "onUpdate:modelValue": (u) => C.value = u,
       onChange: l,
       placement: "auto",
       popupMinWidth: 365,
@@ -1319,7 +1321,7 @@ const D = /* @__PURE__ */ $({
       default: () => [s.value && T(Ct, {
         id: e.id,
         languages: p.value,
-        modelValue: u.value,
+        modelValue: i.value,
         maxLength: e.maxLength,
         "onUpdate:modelValue": m
       }, null)]
@@ -1339,6 +1341,6 @@ export {
   D as FLanguageTextbox,
   D as default,
   q as languageTextBoxProps,
-  zt as propsResolver,
+  Gt as propsResolver,
   ne as propsResolverGenerator
 };