@farris/ui-vue 1.7.0-beta.4 → 1.7.0

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

@@ -1,216 +1,80 @@
-import { defineComponent as A, ref as E, inject as W, onMounted as G, createVNode as T, computed as q, toRefs as oe, watch as _ } from "vue";
-import { useDesignerComponent as ie } from "../designer-canvas/index.esm.js";
-import { InputBaseProperty as ae } from "../property-panel/index.esm.js";
-import le from "../button-edit/index.esm.js";
-import { createPropsResolver as ue } from "../dynamic-resolver/index.esm.js";
-import { isPlainObject as U, cloneDeep as V } from "lodash-es";
-import { FInputGroup as se } from "../input-group/index.esm.js";
-import { LocaleService as ce } from "../locale/index.esm.js";
-class de extends ae {
-  constructor(t, n) {
-    super(t, n);
-  }
-  getEditorProperties(t) {
-    return this.getComponentConfig(t, { type: "language-textbox" }, {
-      maxLength: {
-        description: "文本字数最大长度",
-        title: "最大长度",
-        type: "number",
-        editor: {
-          nullable: !0,
-          min: 0,
-          useThousands: !1,
-          max: t.editor.maxLength,
-          needValid: !0
-        }
-      }
-    });
-  }
-}
-function fe(e, t) {
-  function n(a, g) {
-    const b = e.schema;
-    return new de(a, t).getPropertyConfig(b, g);
-  }
-  return { getPropsConfig: n };
-}
-const pe = /* @__PURE__ */ A({
-  name: "FLanguageTextboxDesign",
-  props: {
-    placeholder: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(e, t) {
-    const n = E(), a = W("design-item-context"), g = W("designer-host-service"), b = fe(a, g), c = ie(n, a, b);
-    return G(() => {
-      n.value.componentInstance = c;
-    }), t.expose(c.value), () => T("div", {
-      class: "f-button-edit f-cmp-inputgroup f-button-edit-nowrap",
-      ref: n
-    }, [T("div", {
-      class: "input-group"
-    }, [T("input", {
-      autocomplete: "off",
-      class: "text-left form-control f-utils-fill",
-      readonly: "true",
-      type: "text",
-      placeholder: e.placeholder
-    }, null), T("div", {
-      class: "input-group-append"
-    }, [T("span", {
-      class: "input-group-text input-group-append-button"
-    }, [T("i", {
-      class: "f-icon f-icon-yxs_earth"
-    }, null)])])])]);
-  }
-});
-function H(e, t) {
-  let n;
-  function a(l) {
-    const { properties: u, title: p, ignore: o } = l, i = o && Array.isArray(o), r = Object.keys(u).reduce((d, v) => ((!i || !o.find((x) => x === v)) && (d[v] = u[v].type === "object" && u[v].properties ? a(u[v]) : V(u[v].default)), d), {});
-    if (p && (!i || !o.find((d) => d === "id"))) {
-      const d = p.toLowerCase().replace(/-/g, "_");
-      r.id = `${d}_${Math.random().toString().slice(2, 6)}`;
-    }
-    return r;
-  }
-  function g(l) {
-    const { properties: u, title: p, required: o } = l;
-    if (o && Array.isArray(o)) {
-      const i = o.reduce((r, d) => (r[d] = u[d].type === "object" && u[d].properties ? a(u[d]) : V(u[d].default), r), {});
-      if (p && o.find((r) => r === "id")) {
-        const r = p.toLowerCase().replace(/-/g, "_");
-        i.id = `${r}_${Math.random().toString().slice(2, 6)}`;
-      }
-      return i;
-    }
-    return {
-      type: p
-    };
-  }
-  function b(l, u = {}, p) {
-    const o = e[l];
-    if (o) {
-      let i = g(o);
-      const r = t[l];
-      return i = r ? r({ getSchemaByType: b }, i, u, p) : i, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(i), i;
-    }
-    return null;
-  }
-  function c(l, u) {
-    const p = a(u);
-    return Object.keys(p).reduce((o, i) => (Object.prototype.hasOwnProperty.call(l, i) && (o[i] && U(o[i]) && U(l[i] || !l[i]) ? Object.assign(o[i], l[i] || {}) : o[i] = l[i]), o), p), p;
-  }
-  function h(l, u) {
-    return Object.keys(l).filter((o) => l[o] != null).reduce((o, i) => {
-      if (u.has(i)) {
-        const r = u.get(i);
-        if (typeof r == "string")
-          o[r] = l[i];
-        else {
-          const d = r(i, l[i], l);
-          Object.assign(o, d);
-        }
-      } else
-        o[i] = l[i];
-      return o;
-    }, {});
-  }
-  function L(l, u, p = /* @__PURE__ */ new Map()) {
-    const o = c(l, u);
-    return h(o, p);
-  }
-  function f(l) {
-    var p;
-    const u = l.type;
-    if (u) {
-      const o = e[u];
-      if (!o)
-        return l;
-      const i = c(l, o), r = ((p = l.editor) == null ? void 0 : p.type) || "";
-      if (r) {
-        const d = e[r], v = c(l.editor, d);
-        i.editor = v;
-      }
-      return i;
-    }
-    return l;
-  }
-  function m(l) {
-    n = l;
-  }
-  return { getSchemaByType: b, resolveSchemaWithDefaultValue: f, resolveSchemaToProps: L, mappingSchemaToProps: h, setDesignerContext: m };
-}
-const me = {}, ge = {}, { resolveSchemaWithDefaultValue: ve } = H(me, ge);
-function be(e = {}) {
-  function t(f, m, l, u) {
+import { useTextBox as de, useClear as fe, withInstall as Y, isMobilePhone as me } from "../common/index.esm.js";
+import { ref as F, computed as k, defineComponent as $, onMounted as V, createVNode as T, watch as L, withDirectives as J, vModelText as pe, resolveDirective as ve, Fragment as ge, toRefs as be, inject as _ } from "vue";
+import ye from "../button-edit/index.esm.js";
+import { createPropsResolver as xe, getPropsResolverGenerator as Te } from "../dynamic-resolver/index.esm.js";
+import { isPlainObject as U, cloneDeep as Z } from "lodash-es";
+import { FInputGroup as he } from "../input-group/index.esm.js";
+import { LocaleService as Q } from "../locale/index.esm.js";
+import { useNumber as Ce, useFormat as Se, useSpinner as we, useTextBox as Be, getSpinnerRender as Fe, getNumberTextBoxRender as Pe } from "../number-spinner/index.esm.js";
+import { useDesignerComponent as ke } from "../designer-canvas/index.esm.js";
+import { InputBaseProperty as Oe } from "../property-panel/index.esm.js";
+function Le(e = {}) {
+  function t(d, p, l, s) {
     if (typeof l == "number")
-      return u[f].length === l;
+      return s[d].length === l;
     if (typeof l == "object") {
-      const p = Object.keys(l)[0], o = l[p];
-      if (p === "not")
-        return Number(u[f].length) !== Number(o);
-      if (p === "moreThan")
-        return Number(u[f].length) >= Number(o);
-      if (p === "lessThan")
-        return Number(u[f].length) <= Number(o);
+      const m = Object.keys(l)[0], r = l[m];
+      if (m === "not")
+        return Number(s[d].length) !== Number(r);
+      if (m === "moreThan")
+        return Number(s[d].length) >= Number(r);
+      if (m === "lessThan")
+        return Number(s[d].length) <= Number(r);
     }
     return !1;
   }
-  function n(f, m, l, u) {
-    return u[f] && u[f].propertyValue && String(u[f].propertyValue.value) === String(l);
+  function n(d, p, l, s) {
+    return s[d] && s[d].propertyValue && String(s[d].propertyValue.value) === String(l);
   }
-  const a = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((f, m) => (f.set(m, e[m]), f), a);
-  function g(f, m) {
-    const l = f;
-    return typeof m == "number" ? [{ target: l, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: l, operator: "getProperty", param: f, value: !!m }] : typeof m == "object" ? Object.keys(m).map((u) => {
-      if (u === "length")
-        return { target: l, operator: "length", param: null, value: m[u] };
-      const p = u, o = m[u];
-      return { target: l, operator: "getProperty", param: p, value: o };
+  Object.keys(e).reduce((d, p) => (d.set(p, e[p]), d), o);
+  function c(d, p) {
+    const l = d;
+    return typeof p == "number" ? [{ target: l, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: l, operator: "getProperty", param: d, value: !!p }] : typeof p == "object" ? Object.keys(p).map((s) => {
+      if (s === "length")
+        return { target: l, operator: "length", param: null, value: p[s] };
+      const m = s, r = p[s];
+      return { target: l, operator: "getProperty", param: m, value: r };
     }) : [];
   }
-  function b(f) {
-    return Object.keys(f).reduce((l, u) => {
-      const p = g(u, f[u]);
-      return l.push(...p), l;
+  function b(d) {
+    return Object.keys(d).reduce((l, s) => {
+      const m = c(s, d[s]);
+      return l.push(...m), l;
     }, []);
   }
-  function c(f, m) {
-    if (a.has(f.operator)) {
-      const l = a.get(f.operator);
-      return l && l(f.target, f.param, f.value, m) || !1;
+  function u(d, p) {
+    if (o.has(d.operator)) {
+      const l = o.get(d.operator);
+      return l && l(d.target, d.param, d.value, p) || !1;
     }
     return !1;
   }
-  function h(f, m) {
-    return b(f).reduce((p, o) => p && c(o, m), !0);
+  function C(d, p) {
+    return b(d).reduce((m, r) => m && u(r, p), !0);
   }
-  function L(f, m) {
-    const l = Object.keys(f), u = l.includes("allOf"), p = l.includes("anyOf"), o = u || p, d = (o ? f[o ? u ? "allOf" : "anyOf" : "allOf"] : [f]).map((x) => h(x, m));
-    return u ? !d.includes(!1) : d.includes(!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));
+    return s ? !g.includes(!1) : g.includes(!0);
   }
-  return { parseValueSchema: L };
+  return { parseValueSchema: w };
 }
-const ye = {
-  convertTo: (e, t, n, a) => {
+const Ee = {
+  convertTo: (e, t, n, o) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
-}, xe = {
+}, Me = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
-}, Te = {
-  convertTo: (e, t, n, a) => {
+}, Ie = {
+  convertTo: (e, t, n, o) => {
     e.editor && (e.editor[t] = n);
   },
   convertFrom: (e, t, n) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
-}, Ce = {
+}, Re = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -237,6 +101,7 @@ const ye = {
   tabs: { type: "tabs", name: "标签页" },
   "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
   "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮" },
+  "drawer-toolbar-item": { type: "drawer-toolbar-item", name: "抽屉工具栏按钮" },
   "html-template": { type: "html-template", name: "模板容器" },
   "time-picker": { type: "time-picker", name: "时间选择" },
   section: { type: "section", name: "分组面板" },
@@ -249,6 +114,7 @@ const ye = {
   "page-header": { type: "page-header", name: "页头" },
   "page-footer": { type: "page-footer", name: "页脚" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏" },
+  "drawer-toolbar": { type: "drawer-toolbar", name: "抽屉工具栏" },
   fieldset: { type: "fieldset", name: "分组" },
   "query-solution": { type: "query-solution", name: "筛选方案" },
   drawer: { type: "drawer", name: "抽屉" },
@@ -261,21 +127,21 @@ const ye = {
   "discussion-editor": { type: "discussion-editor", name: "评论编辑区" },
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
-  "rich-text-editor": { type: "rich-text-editor", name: "富文本编辑器", icon: "rich-text-box" },
+  "rich-text-editor": { type: "rich-text-editor", name: "富文本", icon: "rich-text-box" },
   calendar: { type: "calendar", name: "日历", icon: "date-picker" }
-}, Se = {
+}, Ne = {
   convertFrom: (e, t, n) => {
-    var g;
-    const a = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((g = Ce[a]) == null ? void 0 : g.name) || a;
+    var c;
+    const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
+    return ((c = Re[o]) == null ? void 0 : c.name) || o;
   }
-}, Fe = {
-  convertTo: (e, t, n, a) => {
+}, je = {
+  convertTo: (e, t, n, o) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
-}, he = {
-  convertTo: (e, t, n, a) => {
+}, De = {
+  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
     });
@@ -305,8 +171,8 @@ const ye = {
     }
     return "none";
   }
-}, we = {
-  convertTo: (e, t, n, a) => {
+}, Ve = {
+  convertTo: (e, t, n, o) => {
     e.command ? e.command[t] = n : e.command = {
       [t]: n
     }, t === "enableType" && n === "default" && (e.command.enable = !0, e.command.commands = [
@@ -323,37 +189,51 @@ const ye = {
     ]), t === "enableType" && n === "custom" && (e.command.enable = !0, e.command.commands = [
       {
         value: "add",
-        text: "增加",
+        text: {
+          en: "add",
+          "zh-CHS": "增加",
+          "zh-CHT": "增加"
+        },
         type: "link"
       },
       {
         value: "edit",
-        text: "编辑",
+        text: {
+          en: "edit",
+          "zh-CHS": "编辑",
+          "zh-CHT": "編輯"
+        },
         type: "danger"
       },
       {
         value: "remove",
-        text: "删除",
+        text: {
+          en: "remove",
+          "zh-CHS": "删除",
+          "zh-CHT": "刪除"
+        },
         type: "remove"
       }
     ]), t === "enableType" && n === "unable" && (e.command.enable = !1);
   },
   convertFrom: (e, t, n) => {
-    var a, g;
+    var o, c;
     if (e.command) {
       if (t === "enableType") {
-        const b = (g = (a = e.command) == null ? void 0 : a.commands) == null ? void 0 : g.find((c) => c.command === "edit" && c.type === "primary");
+        const b = (c = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : c.find((u) => u.command === "edit" && u.type === "primary");
         return e.command.enable ? b ? "default" : "custom" : "unable";
       }
       if (t === "commands")
         return e.command.enableType === "custom" ? e.command.commands : [];
       if (t === "formatter")
         return e.command.formatter;
+      if (t === "count")
+        return e.command.count;
     }
     return "";
   }
-}, Oe = {
-  convertTo: (e, t, n, a) => {
+}, Ae = {
+  convertTo: (e, t, n, o) => {
     e.column ? e.column[t] = n : e.column = {
       [t]: n
     }, t === "fitColumns" && n && (e.column.fitMode || (e.column.fitMode = "average"));
@@ -367,8 +247,8 @@ const ye = {
     }
     return "";
   }
-}, ke = {
-  convertTo: (e, t, n, a) => {
+}, $e = {
+  convertTo: (e, t, n, o) => {
     e.summary ? e.summary[t] = n : e.summary = {
       [t]: n
     }, t === "enable" && n && (e.summary ? e.summary.groupFields || (e.summary.groupFields = []) : e.summary = {
@@ -377,8 +257,8 @@ const ye = {
     });
   },
   convertFrom: (e, t, n) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, Pe = {
-  convertTo: (e, t, n, a) => {
+}, Ge = {
+  convertTo: (e, t, n, o) => {
     e.group ? e.group[t] = n : e.group = {
       [t]: n
     }, t === "enable" && n && (e.group ? e.group.groupFields || (e.group.groupFields = []) : e.group = {
@@ -395,71 +275,71 @@ const ye = {
         return e.group.showSummary;
     }
   }
-}, Le = {
+}, ze = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
-      const a = n[0];
-      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = a.bindingField, e.binding.field = a.id, e.binding.fullPath = a.path, e.path = a.bindingPath;
+      const o = n[0];
+      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = o.bindingField, e.binding.field = o.id, e.binding.fullPath = o.path, e.path = o.bindingPath;
     }
   }
-}, je = {
-  convertTo: (e, t, n, a) => {
+}, He = {
+  convertTo: (e, t, n, o) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = n;
   },
   convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-}, Ee = {
-  convertTo: (e, t, n, a) => {
+}, qe = {
+  convertTo: (e, t, n, o) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
   convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, De = {
-  convertTo: (e, t, n, a) => {
+}, We = {
+  convertTo: (e, t, n, o) => {
     e.selection || (e.selection = {}), e.selection[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var a, g;
-    return t === "showCheckbox" ? (a = e.selection) != null && a.multiSelect ? !0 : (g = e.selection) == null ? void 0 : g.showCheckbox : e.selection ? e.selection[t] : e[t];
+    var o, c;
+    return t === "showCheckbox" ? (o = e.selection) != null && o.multiSelect ? !0 : (c = e.selection) == null ? void 0 : c.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
-}, Me = {
+}, _e = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, Re = {
+}, Ue = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
   }
-}, Ne = {
-  convertTo: (e, t, n, a) => {
+}, Ze = {
+  convertTo: (e, t, n, o) => {
     e.size || (e.size = {}), e.size[t] = n;
   },
   convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
-}, $e = {
+}, Ye = {
   convertFrom: (e, t, n) => {
-    var a, g;
-    return (a = e.formatter) != null && a.data && t === "formatterEnumData" && !e.formatterEnumData ? (g = e.formatter) == null ? void 0 : g.data : e.formatterEnumData;
+    var o, c;
+    return (o = e.formatter) != null && o.data && t === "formatterEnumData" && !e.formatterEnumData ? (c = e.formatter) == null ? void 0 : c.data : e.formatterEnumData;
   }
-}, Be = {
-  convertTo: (e, t, n, a) => {
+}, Je = {
+  convertTo: (e, t, n, o) => {
     e.sort || (e.sort = {}), e.sort[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var a, g;
+    var o, c;
     if (t === "mode")
-      return ((a = e.sort) == null ? void 0 : a.mode) || "client";
+      return ((o = e.sort) == null ? void 0 : o.mode) || "client";
     if (t === "multiSort")
-      return !!((g = e.sort) != null && g.multiSort);
+      return !!((c = e.sort) != null && c.multiSort);
   }
-}, Ie = {
-  convertTo: (e, t, n, a) => {
+}, Qe = {
+  convertTo: (e, t, n, o) => {
     e.filter || (e.filter = {}), e.filter[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var a;
+    var o;
     if (t === "mode")
-      return ((a = e.filter) == null ? void 0 : a.mode) || "client";
+      return ((o = e.filter) == null ? void 0 : o.mode) || "client";
   }
-}, qe = {
-  convertTo: (e, t, n, a) => {
+}, Xe = {
+  convertTo: (e, t, n, o) => {
     e.rowOption ? e.rowOption[t] = n : e.rowOption = {
       [t]: n
     };
@@ -473,8 +353,8 @@ const ye = {
     }
     return "";
   }
-}, Ae = {
-  convertTo: (e, t, n, a) => {
+}, Ke = {
+  convertTo: (e, t, n, o) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e[t] = n, t === "columnTemplateType" && n === "hyperlink" && (e.onClickLinkCommand ? e.columnTemplate = `
     <span class="f-pretend-link f-cursor-pointer"
     @click="(ctx)=>viewModel.current.${e.onClickLinkCommand || ""}({id: rowData.id,context: ctx})">
@@ -486,31 +366,31 @@ const ye = {
   },
   convertFrom: (e, t, n) => t === "columnTemplate" ? e.columnTemplate : t === "columnTemplateType" ? e.columnTemplateType ? e.columnTemplateType || "default" : e.columnTemplate && !e.onClickLinkCommand ? "custom" : e.columnTemplate && e.onClickLinkCommand ? "hyperlink" : "default" : ""
 };
-function J(e, t, n) {
-  const a = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", ye],
-    ["/converter/buttons.converter", xe],
-    ["/converter/property-editor.converter", Te],
-    ["/converter/items-count.converter", Me],
-    ["/converter/type.converter", Se],
-    ["/converter/change-editor.converter", Fe],
-    ["/converter/change-formatter.converter", he],
-    ["/converter/column-command.converter", we],
-    ["/converter/column-option.converter", Oe],
-    ["/converter/summary.converter", ke],
-    ["/converter/group.converter", Pe],
-    ["/converter/form-group-label.converter", Re],
-    ["/converter/field-selector.converter", Le],
-    ["/converter/pagination.converter", je],
-    ["/converter/row-number.converter", Ee],
-    ["/converter/grid-selection.converter", De],
-    ["/converter/size.converter", Ne],
-    ["/converter/change-formatter-enum.converter", $e],
-    ["/converter/grid-sort.converter", Be],
-    ["/converter/grid-filter.converter", Ie],
-    ["/converter/row-option.converter", qe],
-    ["/converter/change-formatter-type.converter", Ae]
-  ]), g = /* @__PURE__ */ new Map([
+function X(e, t, n) {
+  const o = /* @__PURE__ */ new Map([
+    ["/converter/appearance.converter", Ee],
+    ["/converter/buttons.converter", Me],
+    ["/converter/property-editor.converter", Ie],
+    ["/converter/items-count.converter", _e],
+    ["/converter/type.converter", Ne],
+    ["/converter/change-editor.converter", je],
+    ["/converter/change-formatter.converter", De],
+    ["/converter/column-command.converter", Ve],
+    ["/converter/column-option.converter", Ae],
+    ["/converter/summary.converter", $e],
+    ["/converter/group.converter", Ge],
+    ["/converter/form-group-label.converter", Ue],
+    ["/converter/field-selector.converter", ze],
+    ["/converter/pagination.converter", He],
+    ["/converter/row-number.converter", qe],
+    ["/converter/grid-selection.converter", We],
+    ["/converter/size.converter", Ze],
+    ["/converter/change-formatter-enum.converter", Ye],
+    ["/converter/grid-sort.converter", Je],
+    ["/converter/grid-filter.converter", Qe],
+    ["/converter/row-option.converter", Xe],
+    ["/converter/change-formatter-type.converter", Ke]
+  ]), c = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -534,95 +414,172 @@ function J(e, t, n) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), b = be();
-  function c(o, i) {
-    return () => b.parseValueSchema(o, i);
-  }
-  function h(o, i, r) {
-    return o.includes("visible") && i.visible !== void 0 ? typeof i.visible == "boolean" ? () => !!i.visible : i.visible === void 0 ? !0 : c(i.visible, r) : () => !0;
-  }
-  function L(o, i, r) {
-    return o.includes("readonly") && i.readonly !== void 0 ? typeof i.readonly == "boolean" ? () => !!i.readonly : c(i.readonly, r) : () => !1;
-  }
-  function f(o, i) {
-    const r = o.$converter || i;
-    return typeof r == "string" && r && a.has(r) ? a.get(r) || null : r || null;
-  }
-  function m(o, i, r, d, v, x = "", F = "") {
-    return Object.keys(o).map((y) => {
-      const w = E(1), O = y, s = o[y], S = Object.keys(s), N = s.title, D = s.type, M = g.get(D) || { type: "input-group", enableClear: !1 }, j = s.editor ? Object.assign({}, M, s.editor) : Object.assign({}, M), B = h(S, s, i), $ = L(S, s, i);
-      j.readonly = j.readonly === void 0 ? $() : j.readonly;
-      const I = s.type === "cascade" ? m(s.properties, i, r, d, v, x, F) : [], Y = !0;
-      let k = f(s, F);
-      const Z = q({
+  ]), b = Le();
+  function u(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;
+  }
+  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 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 = "") {
+    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, D = c.get(E) || { type: "input-group", enableClear: !1 }, N = h.editor ? Object.assign({}, D, h.editor) : Object.assign({}, D), G = C(x, h, a), A = w(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;
+      let M = d(h, P);
+      const ae = k({
         get() {
-          if (w.value) {
-            if (["class", "style"].find((re) => re === O) && !k && (k = a.get("/converter/appearance.converter") || null), k && k.convertFrom)
-              return k.convertFrom(r, y, v, x);
-            const P = r[y];
-            return Object.prototype.hasOwnProperty.call(s, "defaultValue") && (P === void 0 || typeof P == "string" && P === "") ? s.type === "boolean" ? s.defaultValue : s.defaultValue || "" : P;
+          if (y.value) {
+            if (["class", "style"].find((ce) => ce === O) && !M && (M = o.get("/converter/appearance.converter") || null), M && M.convertFrom)
+              return M.convertFrom(f, v, i, S);
+            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(P) {
-          w.value += 1, k && k.convertTo ? (k.convertTo(d, y, P, v, x), k.convertTo(r, y, P, v, x)) : (d[y] = P, r[y] = P);
+        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);
         }
-      }), { refreshPanelAfterChanged: K, description: ee, isExpand: te, parentPropertyID: ne } = s, z = { propertyID: O, propertyName: N, propertyType: D, propertyValue: Z, editor: j, visible: B, readonly: $, cascadeConfig: I, hideCascadeTitle: Y, refreshPanelAfterChanged: K, description: ee, isExpand: te, parentPropertyID: ne };
-      return i[O] = z, z;
+      }), { refreshPanelAfterChanged: le, description: ue, isExpand: ie, parentPropertyID: se } = h, W = { propertyID: O, propertyName: R, propertyType: E, propertyValue: ae, editor: N, visible: G, readonly: A, cascadeConfig: z, hideCascadeTitle: H, refreshPanelAfterChanged: le, description: ue, isExpand: ie, parentPropertyID: se };
+      return a[O] = W, W;
     });
   }
-  function l(o, i, r = {}) {
-    const d = {}, v = e[o];
-    return v && v.categories ? Object.keys(v.categories).map((F) => {
-      const C = v.categories[F], y = C == null ? void 0 : C.title, w = m(C.properties || {}, d, {}, r, i);
-      return { categoryId: F, categoryName: y, properties: w };
+  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);
+      return { categoryId: P, categoryName: v, properties: y };
     }) : [];
   }
-  function u(o, i, r, d, v = "") {
-    const x = i.$ref.schema, F = i.$ref.converter, C = r[x], y = C.type, w = n(C), O = {}, s = e[y];
-    if (s && s.categories) {
-      const S = s.categories[o], N = S == null ? void 0 : S.title;
-      F && Object.keys(S.properties).forEach((j) => {
-        S.properties[j].$converter = F;
+  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];
+    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 D = (S == null ? void 0 : S.properties) || {}, M = m(D, O, w, C, d, v);
-      return { categoryId: o, categoryName: N, properties: M };
+      const E = (x == null ? void 0 : x.properties) || {}, D = p(E, O, y, B, g, i);
+      return { categoryId: r, categoryName: R, properties: D };
     }
-    return { categoryId: o, categoryName: "", properties: [] };
-  }
-  function p(o, i, r, d, v) {
-    const x = o.type, F = n(o), C = {};
-    let y = v || e[x];
-    if (y && Object.keys(y).length === 0 && r && r.getPropConfig && (y = r.getPropConfig(d)), y && y.categories) {
-      const w = [];
-      return Object.keys(y.categories).map((O) => {
-        const s = y.categories[O];
-        if (s.$ref) {
-          w.push(u(O, s, o, i, d));
+    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];
+    if (!(v && Object.keys(v).length > 0) && f && f.getPropConfig && (v = f.getPropConfig(g)), v && v.categories) {
+      const O = [];
+      return Object.keys(v.categories).map((h) => {
+        const x = v.categories[h];
+        if (x.$ref) {
+          O.push(s(h, x, r, a, g));
           return;
         }
-        const S = s == null ? void 0 : s.title, N = s == null ? void 0 : s.tabId, D = s == null ? void 0 : s.tabName, M = s == null ? void 0 : s.hide, j = s == null ? void 0 : s.hideTitle, B = m(s.properties || {}, C, F, o, i, d, s.$converter), { setPropertyRelates: $ } = s, I = s == null ? void 0 : s.parentPropertyID;
-        w.push({ categoryId: O, categoryName: S, tabId: N, tabName: D, hide: M, properties: B, hideTitle: j, setPropertyRelates: $, parentPropertyID: I });
-      }), w;
+        const R = x == null ? void 0 : x.title, E = x == null ? void 0 : x.tabId, D = 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: D, hide: N, properties: A, hideTitle: G, setPropertyRelates: z, parentPropertyID: H });
+      }), O;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: p,
+    getPropertyConfigBySchema: m,
     getPropertyConfigByType: l,
-    propertyConverterMap: a
+    propertyConverterMap: o
   };
 }
-const Ge = {}, ze = {};
-J(Ge, ze, ve);
-const We = {}, _e = {}, { resolveSchemaWithDefaultValue: Ue } = H(We, _e), Ve = {}, He = {};
-J(Ve, He, Ue);
-function Je(e, t) {
+function K(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), {});
+    if (m && (!a || !r.find((g) => g === "id"))) {
+      const g = m.toLowerCase().replace(/-/g, "_");
+      f.id = `${g}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return f;
+  }
+  function c(l) {
+    const { properties: s, title: m, required: r } = l;
+    if (r && Array.isArray(r)) {
+      const a = r.reduce((f, g) => (f[g] = s[g].type === "object" && s[g].properties ? o(s[g]) : Z(s[g].default), f), {});
+      if (m && r.find((f) => f === "id")) {
+        const f = m.toLowerCase().replace(/-/g, "_");
+        a.id = `${f}_${Math.random().toString().slice(2, 6)}`;
+      }
+      return a;
+    }
+    return {
+      type: m
+    };
+  }
+  function b(l, s = {}, m) {
+    const r = e[l];
+    if (r) {
+      let a = c(r);
+      const f = t[l];
+      return a = f ? f({ getSchemaByType: b }, a, s, m) : a, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(a), a;
+    }
+    return null;
+  }
+  function u(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;
+  }
+  function C(l, s) {
+    return Object.keys(l).filter((r) => l[r] != null).reduce((r, a) => {
+      if (s.has(a)) {
+        const f = s.get(a);
+        if (typeof f == "string")
+          r[f] = l[a];
+        else {
+          const g = f(a, l[a], l);
+          Object.assign(r, g);
+        }
+      } else
+        r[a] = l[a];
+      return r;
+    }, {});
+  }
+  function w(l, s, m = /* @__PURE__ */ new Map()) {
+    const r = u(l, s);
+    return C(r, m);
+  }
+  function d(l) {
+    var m;
+    const s = l.type;
+    if (s) {
+      const r = e[s];
+      if (!r)
+        return l;
+      const a = u(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;
+      }
+      return a;
+    }
+    return l;
+  }
+  function p(l) {
+    n = l;
+  }
+  return { getSchemaByType: b, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: w, mappingSchemaToProps: C, setDesignerContext: p };
+}
+const et = {}, tt = {}, { resolveSchemaWithDefaultValue: nt } = K(et, tt), ot = {}, rt = {};
+X(ot, rt, nt);
+const at = {}, lt = {}, { resolveSchemaWithDefaultValue: ut } = K(at, lt), it = {}, st = {};
+X(it, st, ut);
+function ct(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-const Qe = /* @__PURE__ */ new Map([
-  ["appearance", Je]
-]), Xe = "https://json-schema.org/draft/2020-12/schema", Ye = "https://farris-design.gitee.io/input-group.schema.json", Ze = "language-textbox", Ke = "A Farris Input Component", et = "object", tt = {
+const ee = /* @__PURE__ */ new Map([
+  ["appearance", ct]
+]), dt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-design.gitee.io/input-group.schema.json", mt = "language-textbox", pt = "A Farris Input Component", vt = "object", gt = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -734,27 +691,27 @@ const Qe = /* @__PURE__ */ new Map([
     type: "object",
     default: null
   }
-}, nt = [
+}, bt = [
   "type"
-], rt = [
+], yt = [
   "id",
   "appearance",
   "binding",
   "visible"
-], ot = {
-  $schema: Xe,
-  $id: Ye,
-  title: Ze,
-  description: Ke,
-  type: et,
-  properties: tt,
-  required: nt,
-  ignore: rt
+], te = {
+  $schema: dt,
+  $id: ft,
+  title: mt,
+  description: pt,
+  type: vt,
+  properties: gt,
+  required: bt,
+  ignore: yt
 };
-function it(e, t, n) {
+function ne(e, t, n) {
   return t;
 }
-const Q = {
+const q = {
   id: { type: String, required: !0 },
   languages: { type: Array, default: [] },
   disabled: { type: Boolean, default: !1 },
@@ -767,7 +724,12 @@ const Q = {
   tabIndex: { type: Number, default: -1 },
   enableTitle: { type: Boolean, default: !0 },
   maxLength: { type: Number, default: null }
-}, X = ue(Q, ot, Qe, it), at = /* @__PURE__ */ A({
+}, zt = xe(q, te, ee, ne), oe = Te(
+  q,
+  te,
+  ee,
+  ne
+), xt = /* @__PURE__ */ $({
   name: "LanguageContents",
   props: {
     languages: {
@@ -789,19 +751,19 @@ const Q = {
   },
   emits: ["update:modelValue"],
   setup(e, t) {
-    const n = E(e.languages), a = E(e.modelValue || {}), g = E();
-    return G(() => {
+    const n = F(e.languages), o = F(e.modelValue || {}), c = F();
+    return V(() => {
       setTimeout(() => {
-        var b, c;
-        (c = (b = g.value) == null ? void 0 : b.querySelector("input")) == null || c.focus();
+        var b, u;
+        (u = (b = c.value) == null ? void 0 : b.querySelector("input")) == null || u.focus();
       }, 130);
     }), () => {
       var b;
       return T("ul", {
         class: "list-group",
         style: "background: white;",
-        ref: g
-      }, [(b = n.value) == null ? void 0 : b.map((c) => T("li", {
+        ref: c
+      }, [(b = n.value) == null ? void 0 : b.map((u) => T("li", {
         class: "list-group-item border-0 p-2 px-2"
       }, [T("div", {
         class: "farris-group-wrap form-inline farris-form-inline"
@@ -812,79 +774,469 @@ const Q = {
         class: "col-form-label"
       }, [T("span", {
         class: "farris-label-text",
-        title: c.name
-      }, [c.name])]), T("div", {
+        title: u.name
+      }, [u.name])]), T("div", {
         class: "farris-input-wrap"
-      }, [T(se, {
-        id: e.id + "_" + c.code,
-        modelValue: a.value[c.code],
-        "onUpdate:modelValue": (h) => {
-          a.value[c.code] = h, t.emit("update:modelValue", a.value);
+      }, [T(he, {
+        id: e.id + "_" + u.code,
+        modelValue: o.value[u.code],
+        "onUpdate:modelValue": (C) => {
+          o.value[u.code] = C, t.emit("update:modelValue", o.value);
         },
         updateOn: "change",
         maxLength: e.maxLength
       }, null)])])])]))]);
     };
   }
-}), R = /* @__PURE__ */ A({
+}), Tt = {
+  id: { Type: String, default: "" },
+  /** 是否自动完成 */
+  autocomplete: { Type: String, default: "off" },
+  /** 自定义CLASS */
+  customClass: { Type: String, default: "" },
+  /** 禁用 */
+  disabled: { Type: Boolean, default: !1 },
+  /** 允许编辑 */
+  editable: { Type: Boolean, default: !0 },
+  /** 启用清除按钮 */
+  enableClear: { Type: Boolean, default: !0 },
+  /** 启用提示文本 */
+  enableTitle: { Type: Boolean, default: !0 },
+  /** 能否查看密码 */
+  enableViewPassword: { Type: Boolean, default: !0 },
+  /** 始终显示占位符文本 */
+  forcePlaceholder: { Type: Boolean, default: !1 },
+  /** 扩展按钮 */
+  groupText: { Type: String, default: "" },
+  /** 密码模式 */
+  showType: { Type: String, default: "text" },
+  /** 密码模式 --废弃*/
+  type: { Type: String, default: "text" },
+  /** 最大值 */
+  max: { type: [Number, String] },
+  /** 最小值 */
+  min: { type: [Number, String] },
+  /** 最大长度 */
+  maxLength: { Type: Number || void 0, default: void 0 },
+  /** 最小长度 */
+  minLength: { Type: Number || void 0, default: void 0 },
+  /** 组件值 */
+  modelValue: { Type: String || Boolean, default: "" },
+  /** 隐藏边线 */
+  showBorder: { Type: Boolean, default: !0 },
+  /** 步长 */
+  step: { Type: Number, default: 1 },
+  /** 启用提示信息 */
+  placeholder: { Type: String, default: "" },
+  precision: { Type: Number, default: 0 },
+  /** 只读 */
+  readonly: { Type: Boolean, default: !1 },
+  /** 当组件禁用或只读时显示后边的按钮 */
+  showButtonWhenDisabled: { Type: Boolean, default: !1 },
+  /** tab索引 */
+  tabIndex: { Type: Number, default: 0 },
+  /** 文本在输入框中的对齐方式 */
+  textAlign: { Type: String, default: "left" },
+  /** 是否启用前置扩展信息；在输入框前面 显示 ① 图标鼠标滑过后显示 */
+  useExtendInfo: { Type: Boolean, default: !1 },
+  /** 前置扩展信息 */
+  extendInfo: { Type: String, default: "" },
+  /** 输入值 */
+  value: { Type: String, default: "" },
+  /** 是否撑开高度 */
+  autoHeight: { type: Boolean, default: !1 },
+  /** 自动聚焦 */
+  autofocus: { type: Boolean, default: !1 },
+  /** 文本区域可见的行数 */
+  rows: { type: Number, default: 2 },
+  /** 展示输入文本数量 */
+  showCount: { type: Boolean, default: !1 },
+  showZero: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * modelValue 更新时机， 默认 blur； 可选值：blur | input
+   * - blur: 离开焦点时更新
+   * - change: 输入时更新
+   */
+  updateOn: { type: String, default: "blur" },
+  formatValidation: { type: Object, default: {} },
+  /**
+  * 是否启用快捷键
+  */
+  keyboard: { type: Boolean, default: !0 }
+};
+function ht(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,
+    "append-force-show": o.value
+  })), appendedContent: n, shouldShowAppendedButton: c };
+}
+function Ct(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 : "");
+  });
+  function p() {
+    return d.value = !d.value, n.value = d.value ? "text" : "password", c.value = d.value ? C : w, !1;
+  }
+  function l() {
+    n.value = u.value ? "password" : n.value, u.value && (c.value = e.readonly || e.disabled ? "" : b.value ? w : "");
+  }
+  return l(), { isPassword: u, onClickAppendedButton: p };
+}
+function St(e, t) {
+  const n = Ce(e, t), o = Se(e, t, n), c = we(e, t, o, n), b = Be(e, t, o, n, c), u = Fe(e, t, c), {
+    displayValue: C,
+    modelValue: w,
+    getRealValue: d
+  } = n, p = Pe(e, t, b), {
+    format: l
+  } = o, {
+    isFocus: s
+  } = b, m = k(() => !e.disabled && !e.readonly);
+  return V(() => {
+    const r = d(e.modelValue);
+    C.value = l(r);
+  }), L(() => [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);
+  }), () => T("div", {
+    class: "input-group  flex-row f-cmp-number-spinner",
+    style: "border:none;"
+  }, [p(), m.value && u()]);
+}
+function wt(e) {
+  return e ? Q.getRealPropertyValue(e, "请输入", "input-group.placeholder") : "";
+}
+function Bt(e, t, n, o) {
+  const c = F(), {
+    inputGroupClass: b,
+    onBlur: u,
+    onFocus: C
+  } = o, {
+    clearButtonClass: w,
+    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);
+  }, s = k(() => ({
+    "form-control": !0,
+    "h-100": e.autoHeight
+  })), m = k(() => e.enableClear && !e.readonly && !e.disabled), r = wt(e.placeholder), a = k(() => e.disabled || e.readonly ? "" : r), f = k(() => ({
+    ...d.value,
+    position: "absolute",
+    right: "5px",
+    top: "50%",
+    transform: "translateY(-50%)",
+    "background-color": "rgb(199, 207, 221)",
+    "border-radius": "100%",
+    width: "16px",
+    height: "16px"
+  })), g = k(() => {
+    const v = {
+      resize: "none",
+      "padding-right": "15px"
+    };
+    return e.rows > 2 ? {
+      height: "auto",
+      ...v
+    } : v;
+  }), i = (v) => {
+    v.stopPropagation(), c.value.value = "", t.emit("update:modelValue", ""), t.emit("valueChange", "");
+  };
+  function S() {
+    return J(T("textarea", {
+      class: s.value,
+      id: e.id,
+      "onUpdate:modelValue": (v) => e.modelValue = v,
+      ref: c,
+      minlength: e.minLength,
+      maxlength: e.maxLength ? e.maxLength : null,
+      tabindex: e.tabIndex,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      autocomplete: e.autocomplete,
+      placeholder: a.value,
+      autofocus: e.autofocus,
+      rows: e.rows,
+      onInput: l,
+      onFocus: C,
+      onBlur: u,
+      style: g.value
+    }, null), [[pe, e.modelValue]]);
+  }
+  function P() {
+    return e.showCount && T("span", {
+      style: "position: absolute;bottom: 0;right: 5px;z-index:999;font-size:12px"
+    }, [`${e.modelValue ? e.modelValue.length : 0}/${p.value}`]);
+  }
+  function B() {
+    return m.value && T("span", {
+      id: "clearIcon",
+      class: w.value,
+      style: f.value,
+      onClick: (v) => i(v)
+    }, [T("i", {
+      class: "f-icon modal_close",
+      style: "font-size:8px;color:#fff"
+    }, null)]);
+  }
+  return {
+    renderTextarea: S,
+    renderCount: P,
+    renderClear: B
+  };
+}
+function Ft(e, t, n, o) {
+  const c = F(), b = F(e.autocomplete), u = F(e.enableTitle), {
+    isPassword: C
+  } = n, w = F(e.minLength), d = F(e.maxLength), p = F(e.tabIndex), {
+    disabled: l,
+    displayText: s,
+    inputType: m,
+    onBlur: r,
+    onFocus: a,
+    onInput: f,
+    onClick: g,
+    onKeydown: i,
+    onKeyup: S,
+    onMousedown: P,
+    onMouseup: B,
+    onTextBoxValueChange: v,
+    readonly: y,
+    placeholder: O,
+    textBoxClass: h,
+    textBoxTitle: x
+  } = o;
+  return V(() => {
+    var R, E;
+    e.selectOnCreated && ((R = c.value) == null || R.select()), e.focusOnCreated && ((E = c.value) == null || E.focus({
+      preventScroll: !0
+    }));
+  }), () => T("input", {
+    id: e.id + "_textbox",
+    ref: c,
+    name: "input-group-value",
+    autocomplete: b.value,
+    class: h.value,
+    disabled: l == null ? void 0 : l.value,
+    maxlength: d.value,
+    minlength: w.value,
+    placeholder: O.value,
+    readonly: y == null ? void 0 : y.value,
+    tabindex: p.value,
+    title: u.value && !C.value ? x.value : "",
+    type: m.value,
+    value: s == null ? void 0 : s.value,
+    onBlur: r,
+    onClick: g,
+    onChange: v,
+    onFocus: a,
+    onInput: f,
+    onKeydown: i,
+    onKeyup: S,
+    onMousedown: P,
+    onMouseup: B
+  }, null);
+}
+function Pt(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;
+  });
+  function b() {
+    t.emit("updateExtendInfo");
+  }
+  return () => o.value && J(T("span", {
+    class: "input-group-before-tips",
+    onMouseenter: b
+  }, [T("i", {
+    class: "f-icon f-icon-info-circle"
+  }, null), T("b", {
+    class: "tips-arrow"
+  }, null)]), [[ve("tooltip"), c.value]]);
+}
+function kt(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), {
+    clearButtonClass: p,
+    clearButtonStyle: l,
+    onClearValue: s,
+    shouldShowClearButton: m
+  } = o, r = F(0);
+  L(u, (y) => {
+    r.value++;
+  });
+  function a() {
+    return T("span", {
+      id: "clearIcon",
+      class: p.value,
+      style: l.value,
+      onClick: (y) => s(y)
+    }, [T("i", {
+      class: "f-icon modal_close"
+    }, null)]);
+  }
+  function f(y) {
+    t.emit("iconMouseEnter", y);
+  }
+  function g(y) {
+    t.emit("iconMouseLeave", y);
+  }
+  function i(y) {
+    C.value && t.emit("clickHandle", {
+      originalEvent: y
+    }), y.stopPropagation();
+  }
+  const S = e.type === "password" || e.showType === "password" ? c.onClickAppendedButton : i;
+  function P() {
+    return T("span", {
+      class: "input-group-text",
+      onMouseenter: (y) => f(y),
+      onMouseleave: (y) => g(y),
+      innerHTML: u.value,
+      onClick: (y) => S(y)
+    }, null);
+  }
+  function B() {
+    return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
+  }
+  function v() {
+    return w.value ? P() : d.value ? B() : "";
+  }
+  return () => T("div", {
+    class: b.value,
+    key: "append-button-" + r.value
+  }, [m.value && a(), v()]);
+}
+const re = /* @__PURE__ */ $({
+  name: "FInputGroup",
+  props: Tt,
+  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 = de(e, t, o, c, n), {
+      inputGroupClass: u,
+      inputType: C,
+      inputGroupStyle: w
+    } = b, d = ht(e), {
+      shouldShowAppendedButton: p
+    } = d, l = fe(e, t, b), {
+      onMouseEnter: s,
+      onMouseLeave: m
+    } = l, r = Ct(e, t, C, d), a = St(e, t), {
+      renderTextarea: f,
+      renderCount: g,
+      renderClear: i
+    } = Bt(e, t, l, b), S = Ft(e, t, r, b), P = kt(e, t, d, l, r), B = Pt(e, t), v = k(() => C.value === "number"), y = k(() => C.value === "textarea");
+    L(() => [e.value], ([h]) => {
+      o.value = h, c.value = h;
+    }), L(() => [e.modelValue], ([h]) => {
+      o.value = h, c.value = h;
+    }), V(() => {
+      e.value && (o.value = e.value, c.value = e.value);
+    });
+    const O = () => T("div", {
+      ref: n,
+      id: e.id,
+      class: u.value,
+      style: w.value,
+      onMouseenter: s,
+      onMouseleave: m
+    }, [v.value ? a() : y.value ? f() : T(ge, null, [B(), S()]), !y.value && !v.value && p.value && P(), y.value && i(), y.value && g()]);
+    return () => O();
+  }
+});
+Y(re);
+const j = /* @__PURE__ */ $({
   name: "FLanguageTextbox",
-  props: Q,
+  props: q,
   emits: ["update:modelValue"],
   setup(e, t) {
-    const n = ce.getLocale(), {
-      disabled: a,
-      readonly: g,
+    const n = Q.getLocale(), {
+      disabled: o,
+      readonly: c,
       editable: b,
-      modelValue: c
-    } = oe(e), h = q(() => {
-      var r;
-      return (r = c.value) == null ? void 0 : r[n];
-    }), L = E();
-    _(() => e.modelValue, (r) => {
-      c.value = r;
+      modelValue: u
+    } = be(e), C = k(() => {
+      var i;
+      return (i = u.value) == null ? void 0 : i[n];
+    }), w = F();
+    L(() => e.modelValue, (i) => {
+      u.value = i;
     });
-    const f = (r) => {
-      if ((r == null ? void 0 : r.length) <= 1)
+    const d = (i) => {
+      if ((i == null ? void 0 : i.length) <= 1)
         return;
-      let d = -1;
-      const v = r.find((x, F) => {
-        const C = x.code === n;
-        return C && (d = F), C;
+      let S = -1;
+      const P = i.find((B, v) => {
+        const y = B.code === n;
+        return y && (S = v), y;
       });
-      if (v) {
-        const x = Object.assign({}, v);
-        r.splice(d, 1), r.unshift(x);
+      if (P) {
+        const B = Object.assign({}, P);
+        i.splice(S, 1), i.unshift(B);
       }
-      return r;
-    }, m = E();
-    _(() => e.languages, (r) => {
-      m.value = f(r) || [];
+      return i;
+    }, p = F();
+    L(() => e.languages, (i) => {
+      p.value = d(i) || [];
     });
-    function l(r) {
-      c.value = c.value || {}, c.value[n] !== r && (c.value[n] = r, t.emit("update:modelValue", c.value));
+    function l(i) {
+      u.value = u.value || {}, u.value[n] !== i && (u.value[n] = i, t.emit("update:modelValue", u.value));
     }
-    const u = q(() => {
-      var d;
-      const r = (d = L.value) == null ? void 0 : d.popoverRef;
-      return r && m.value.length > 1 ? r.shown : !1;
+    const s = k(() => {
+      var S;
+      const i = (S = w.value) == null ? void 0 : S.popoverRef;
+      return i && p.value.length > 1 ? i.shown : !1;
     });
-    G(() => {
-      m.value = f(e.languages) || [];
+    V(() => {
+      p.value = d(e.languages) || [];
     });
-    const p = (r) => {
-      c.value = r, t.emit("update:modelValue", c.value);
-    }, o = () => {
-      var r;
-      return !(((r = m.value) == null ? void 0 : r.length) <= 1);
-    }, i = () => {
-      c.value = c.value || {}, c.value[n] && (c.value[n] = "", t.emit("update:modelValue", c.value));
+    const m = (i) => {
+      u.value = i, t.emit("update:modelValue", u.value);
+    }, r = () => {
+      var i;
+      return !(((i = p.value) == null ? void 0 : i.length) <= 1);
+    }, a = () => {
+      u.value = u.value || {}, u.value[n] && (u.value[n] = "", t.emit("update:modelValue", u.value));
     };
-    return () => T(le, {
-      ref: L,
+    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 g() {
+      return T(re, {
+        disable: o.value,
+        readonly: c.value,
+        modelValue: C.value,
+        "onUpdate:modelValue": (i) => C.value = i,
+        onInput: f,
+        onClear: a
+      }, null);
+    }
+    return () => me() ? g() : T(ye, {
+      ref: w,
       id: e.id,
       forcePlaceholder: !1,
-      disable: a.value,
-      readonly: g.value,
+      disable: o.value,
+      readonly: c.value,
       editable: b.value,
       buttonContent: e.dropDownIcon,
       placeholder: e.placeholder,
@@ -894,37 +1246,99 @@ const Q = {
       multiSelect: !1,
       inputType: "text",
       popupOnClick: !0,
-      modelValue: h.value,
-      "onUpdate:modelValue": (r) => h.value = r,
+      modelValue: C.value,
+      "onUpdate:modelValue": (i) => C.value = i,
       onChange: l,
       placement: "auto",
       popupMinWidth: 365,
       maxLength: e.maxLength,
-      beforeOpen: o,
-      onClear: i
+      beforeOpen: r,
+      onClear: a
     }, {
-      default: () => [u.value && T(at, {
+      default: () => [s.value && T(xt, {
         id: e.id,
-        languages: m.value,
-        modelValue: c.value,
+        languages: p.value,
+        modelValue: u.value,
         maxLength: e.maxLength,
-        "onUpdate:modelValue": p
+        "onUpdate:modelValue": m
       }, null)]
     });
   }
 });
-R.install = (e) => {
-  e.component(R.name, R);
+class Ot extends Oe {
+  constructor(t, n) {
+    super(t, n);
+  }
+  getEditorProperties(t) {
+    return this.getComponentConfig(t, { type: "language-textbox" }, {
+      maxLength: {
+        description: "文本字数最大长度",
+        title: "最大长度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          max: t.editor.maxLength,
+          needValid: !0
+        }
+      }
+    });
+  }
+}
+function Lt(e, t) {
+  function n(o, c) {
+    const b = e.schema;
+    return new Ot(o, t).getPropertyConfig(b, c);
+  }
+  return { getPropsConfig: n };
+}
+const Et = /* @__PURE__ */ $({
+  name: "FLanguageTextboxDesign",
+  props: {
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e, t) {
+    const n = F(), o = _("design-item-context"), c = _("designer-host-service"), b = Lt(o, c), u = ke(n, o, b);
+    return V(() => {
+      n.value.componentInstance = u;
+    }), t.expose(u.value), () => T("div", {
+      class: "f-button-edit f-cmp-inputgroup f-button-edit-nowrap",
+      ref: n
+    }, [T("div", {
+      class: "input-group"
+    }, [T("input", {
+      autocomplete: "off",
+      class: "text-left form-control f-utils-fill",
+      readonly: "true",
+      type: "text",
+      placeholder: e.placeholder
+    }, null), T("div", {
+      class: "input-group-append"
+    }, [T("span", {
+      class: "input-group-text input-group-append-button"
+    }, [T("i", {
+      class: "f-icon f-icon-yxs_earth"
+    }, null)])])])]);
+  }
+});
+j.install = (e) => {
+  e.component(j.name, j);
 };
-R.register = (e, t, n, a) => {
-  e["language-textbox"] = R, t["language-textbox"] = X;
+j.register = (e, t, n, o, c) => {
+  e["language-textbox"] = j, t["language-textbox"] = oe(c);
 };
-R.registerDesigner = (e, t, n) => {
-  e["language-textbox"] = pe, t["language-textbox"] = X;
+j.registerDesigner = (e, t, n, o) => {
+  e["language-textbox"] = Et, t["language-textbox"] = oe(o);
 };
+const Ht = Y(j);
 export {
-  R as FLanguageTextbox,
-  R as default,
-  Q as languageTextBoxProps,
-  X as propsResolver
+  j as FLanguageTextbox,
+  Ht as default,
+  q as languageTextBoxProps,
+  zt as propsResolver,
+  oe as propsResolverGenerator
 };