@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

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

@@ -1,14 +1,14 @@
-import { defineComponent as A, ref as F, inject as U, onMounted as z, createVNode as T, computed as k, watch as O, withDirectives as J, vModelText as de, resolveDirective as fe, Fragment as q, toRefs as me } from "vue";
-import { useDesignerComponent as pe } from "../designer-canvas/index.esm.js";
+import { defineComponent as A, ref as k, inject as U, onMounted as z, computed as F, createVNode as x, watch as L, withDirectives as J, vModelText as de, resolveDirective as fe, Fragment as q, toRefs as pe } from "vue";
+import { useDesignerComponent as me } from "../designer-canvas/index.esm.js";
 import { InputBaseProperty as ve } from "../property-panel/index.esm.js";
 import ge from "../button-edit/index.esm.js";
 import { createPropsResolver as be, getPropsResolverGenerator as ye } from "../dynamic-resolver/index.esm.js";
 import { isPlainObject as Z, cloneDeep as Y } from "lodash-es";
 import { FInputGroup as xe } from "../input-group/index.esm.js";
 import { LocaleService as Q } from "../locale/index.esm.js";
-import { useTextBox as Te, useClear as Ce, withInstall as he, isMobilePhone as we } from "../common/index.esm.js";
-import { useNumber as Se, useFormat as Be, useSpinner as Fe, useTextBox as ke, getSpinnerRender as Pe, getNumberTextBoxRender as Le } from "../number-spinner/index.esm.js";
-class Oe extends ve {
+import { useTextBox as Ce, useClear as Te, withInstall as he, isMobilePhone as Se } from "../common/index.esm.js";
+import { useNumber as we, useFormat as Be, useSpinner as Fe, useTextBox as ke, getSpinnerRender as Pe, getNumberTextBoxRender as Oe } from "../number-spinner/index.esm.js";
+class Le extends ve {
   constructor(t, n) {
     super(t, n);
   }
@@ -32,7 +32,7 @@ class Oe extends ve {
 function Ee(e, t) {
   function n(o, c) {
     const y = e.schema;
-    return new Oe(o, t).getPropertyConfig(y, c);
+    return new Le(o, t).getPropertyConfig(y, c);
   }
   return { getPropsConfig: n };
 }
@@ -42,70 +42,97 @@ const Me = /* @__PURE__ */ A({
     placeholder: {
       type: String,
       default: ""
+    },
+    expandable: {
+      type: Boolean,
+      default: !1
+    },
+    expandMode: {
+      type: String,
+      default: "text"
+    },
+    expandContent: {
+      type: String,
+      default: ""
+    },
+    expandDisabled: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e, t) {
-    const n = F(), o = U("design-item-context"), c = U("designer-host-service"), y = Ee(o, c), i = pe(n, o, y);
-    return z(() => {
+    const n = k(), o = U("design-item-context"), c = U("designer-host-service"), y = Ee(o, c), i = me(n, o, y);
+    z(() => {
       n.value.componentInstance = i;
-    }), t.expose(i.value), () => T("div", {
+    });
+    const T = F(() => ({
+      "input-group-append input-append-wrapper": !0,
+      "input-append-button": e.expandMode === "button",
+      "input-append-text": e.expandMode === "text"
+    }));
+    return t.expose(i.value), () => x("div", {
       class: "f-button-edit f-cmp-inputgroup f-button-edit-nowrap",
-      ref: n
-    }, [T("div", {
+      ref: n,
+      style: "pointer-events: none;"
+    }, [x("div", {
       class: "input-group"
-    }, [T("input", {
+    }, [x("input", {
       autocomplete: "off",
       class: "text-left form-control f-utils-fill",
       readonly: "true",
       type: "text",
       placeholder: e.placeholder
-    }, null), T("div", {
+    }, null), x("div", {
       class: "input-group-append"
-    }, [T("span", {
+    }, [x("span", {
       class: "input-group-text input-group-append-button"
-    }, [T("i", {
+    }, [x("i", {
       class: "f-icon f-icon-yxs_earth"
-    }, null)])])])]);
+    }, null)])]), e.expandable && x("div", {
+      class: T.value
+    }, [x("div", {
+      class: "input-group-text"
+    }, [e.expandContent])])])]);
   }
 });
 function X(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((b, u) => ((!a || !r.find((h) => h === u)) && (b[u] = s[u].type === "object" && s[u].properties ? o(s[u]) : Y(s[u].default)), b), {});
-    if (m && (!a || !r.find((b) => b === "id"))) {
-      const b = m.toLowerCase().replace(/-/g, "_");
+    const { properties: s, title: p, ignore: r } = l, a = r && Array.isArray(r), f = Object.keys(s).reduce((b, u) => ((!a || !r.find((h) => h === u)) && (b[u] = s[u].type === "object" && s[u].properties ? o(s[u]) : Y(s[u].default)), b), {});
+    if (p && (!a || !r.find((b) => b === "id"))) {
+      const b = p.toLowerCase().replace(/-/g, "_");
       f.id = `${b}_${Math.random().toString().slice(2, 6)}`;
     }
     return f;
   }
   function c(l) {
-    const { properties: s, title: m, required: r } = l;
+    const { properties: s, title: p, required: r } = l;
     if (r && Array.isArray(r)) {
       const a = r.reduce((f, b) => (f[b] = s[b].type === "object" && s[b].properties ? o(s[b]) : Y(s[b].default), f), {});
-      if (m && r.find((f) => f === "id")) {
-        const f = m.toLowerCase().replace(/-/g, "_");
+      if (p && r.find((f) => f === "id")) {
+        const f = p.toLowerCase().replace(/-/g, "_");
         a.id = `${f}_${Math.random().toString().slice(2, 6)}`;
       }
       return a;
     }
     return {
-      type: m
+      type: p
     };
   }
-  function y(l, s = {}, m) {
+  function y(l, s = {}, p) {
     const r = e[l];
     if (r) {
       let a = c(r);
       const f = t[l];
-      return a = f ? f({ getSchemaByType: y }, a, s, m) : a, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(a), a;
+      return a = f ? f({ getSchemaByType: y }, a, s, p) : a, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(a), a;
     }
     return null;
   }
   function i(l, s) {
-    const m = o(s);
-    return Object.keys(m).reduce((r, a) => (Object.prototype.hasOwnProperty.call(l, a) && (r[a] && Z(r[a]) && Z(l[a] || !l[a]) ? Object.assign(r[a], l[a] || {}) : r[a] = l[a]), r), m), m;
+    const p = o(s);
+    return Object.keys(p).reduce((r, a) => (Object.prototype.hasOwnProperty.call(l, a) && (r[a] && Z(r[a]) && Z(l[a] || !l[a]) ? Object.assign(r[a], l[a] || {}) : r[a] = l[a]), r), p), p;
   }
-  function C(l, s) {
+  function T(l, s) {
     return Object.keys(l).filter((r) => l[r] != null).reduce((r, a) => {
       if (s.has(a)) {
         const f = s.get(a);
@@ -120,18 +147,18 @@ function X(e, t) {
       return r;
     }, {});
   }
-  function w(l, s, m = /* @__PURE__ */ new Map()) {
+  function S(l, s, p = /* @__PURE__ */ new Map()) {
     const r = i(l, s);
-    return C(r, m);
+    return T(r, p);
   }
   function d(l) {
-    var m;
+    var p;
     const s = l.type;
     if (s) {
       const r = e[s];
       if (!r)
         return l;
-      const a = i(l, r), f = ((m = l.editor) == null ? void 0 : m.type) || "";
+      const a = i(l, r), f = ((p = l.editor) == null ? void 0 : p.type) || "";
       if (f) {
         const b = e[f], u = i(l.editor, b);
         a.editor = u;
@@ -143,20 +170,20 @@ function X(e, t) {
   function v(l) {
     n = l;
   }
-  return { getSchemaByType: y, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: w, mappingSchemaToProps: C, setDesignerContext: v };
+  return { getSchemaByType: y, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: S, mappingSchemaToProps: T, setDesignerContext: v };
 }
-const Ie = {}, Re = {}, { resolveSchemaWithDefaultValue: Ne } = X(Ie, Re);
-function je(e = {}) {
+const Ie = {}, De = {}, { resolveSchemaWithDefaultValue: Re } = X(Ie, De);
+function Ne(e = {}) {
   function t(d, v, l, s) {
     if (typeof l == "number")
       return s[d].length === l;
     if (typeof l == "object") {
-      const m = Object.keys(l)[0], r = l[m];
-      if (m === "not")
+      const p = Object.keys(l)[0], r = l[p];
+      if (p === "not")
         return Number(s[d].length) !== Number(r);
-      if (m === "moreThan")
+      if (p === "moreThan")
         return Number(s[d].length) >= Number(r);
-      if (m === "lessThan")
+      if (p === "lessThan")
         return Number(s[d].length) <= Number(r);
     }
     return !1;
@@ -174,14 +201,14 @@ function je(e = {}) {
     return typeof v == "number" ? [{ target: l, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: l, operator: "getProperty", param: d, value: !!v }] : typeof v == "object" ? Object.keys(v).map((s) => {
       if (s === "length")
         return { target: l, operator: "length", param: null, value: v[s] };
-      const m = s, r = v[s];
-      return { target: l, operator: "getProperty", param: m, value: r };
+      const p = s, r = v[s];
+      return { target: l, operator: "getProperty", param: p, value: r };
     }) : [];
   }
   function y(d) {
     return Object.keys(d).reduce((l, s) => {
-      const m = c(s, d[s]);
-      return l.push(...m), l;
+      const p = c(s, d[s]);
+      return l.push(...p), l;
     }, []);
   }
   function i(d, v) {
@@ -191,16 +218,16 @@ function je(e = {}) {
     }
     return !1;
   }
-  function C(d, v) {
-    return y(d).reduce((m, r) => m && i(r, v), !0);
+  function T(d, v) {
+    return y(d).reduce((p, r) => p && i(r, v), !0);
   }
-  function w(d, v) {
-    const l = Object.keys(d), s = l.includes("allOf"), m = l.includes("anyOf"), r = s || m, b = (r ? d[r ? s ? "allOf" : "anyOf" : "allOf"] : [d]).map((h) => C(h, v));
+  function S(d, v) {
+    const l = Object.keys(d), s = l.includes("allOf"), p = l.includes("anyOf"), r = s || p, b = (r ? d[r ? s ? "allOf" : "anyOf" : "allOf"] : [d]).map((h) => T(h, v));
     return s ? !b.includes(!1) : b.includes(!0);
   }
-  return { parseValueSchema: w };
+  return { parseValueSchema: S };
 }
-const De = {
+const je = {
   convertTo: (e, t, n, o) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
@@ -258,10 +285,12 @@ const De = {
   drawer: { type: "drawer", name: "抽屉" },
   "external-container": { type: "external-container", name: "外部容器", icon: "content-container" },
   "list-nav": { type: "list-nav", name: "列表导航" },
+  nav: { type: "nav", name: "标签类导航" },
   "list-view": { type: "list-view", name: "列表" },
   "filter-bar": { type: "filter-bar", name: "筛选条" },
   "language-textbox": { type: "language-textbox", name: "多语输入框" },
   image: { type: "image", name: "图像" },
+  avatar: { type: "avatar", name: "头像" },
   "discussion-editor": { type: "discussion-editor", name: "评论编辑区" },
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
@@ -269,7 +298,8 @@ const De = {
   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" }
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" }
 }, $e = {
   convertFrom: (e, t, n) => {
     var c;
@@ -513,10 +543,20 @@ const De = {
                     </span>`), t === "columnTemplateType" && n === "default" && (e.columnTemplate = ""), t === "columnTemplateType" && n === "custom" && (e.columnTemplate = ""));
   },
   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" : ""
+}, lt = {
+  convertTo: (e, t, n, o) => {
+    e.hierarchy || (e.hierarchy = {
+      cascadeOption: {}
+    }), e.hierarchy.cascadeOption || (e.hierarchy.cascadeOption = {}), e.hierarchy.cascadeOption[t] = n;
+  },
+  convertFrom: (e, t, n) => {
+    var o, c;
+    return !!((c = (o = e.hierarchy) == null ? void 0 : o.cascadeOption) != null && c[t]);
+  }
 };
 function K(e, t, n) {
   const o = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", De],
+    ["/converter/appearance.converter", je],
     ["/converter/buttons.converter", ze],
     ["/converter/property-editor.converter", Ve],
     ["/converter/items-count.converter", Xe],
@@ -537,7 +577,8 @@ function K(e, t, n) {
     ["/converter/grid-sort.converter", nt],
     ["/converter/grid-filter.converter", ot],
     ["/converter/row-option.converter", rt],
-    ["/converter/change-formatter-type.converter", at]
+    ["/converter/change-formatter-type.converter", at],
+    ["/converter/tree-auto-check.converter", lt]
   ]), c = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
@@ -562,14 +603,14 @@ function K(e, t, n) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), y = je();
+  ]), y = Ne();
   function i(r, a) {
     return () => y.parseValueSchema(r, a);
   }
-  function C(r, a, f) {
+  function T(r, a, f) {
     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) {
+  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) {
@@ -578,79 +619,79 @@ function K(e, t, n) {
   }
   function v(r, a, f, b, u, h = "", P = "") {
     return Object.keys(r).map((g) => {
-      const S = F(1), L = g, p = r[g], x = Object.keys(p), R = p.title, E = p.type, j = c.get(E) || { type: "input-group", enableClear: !1 }, N = p.editor ? Object.assign({}, j, p.editor) : Object.assign({}, j), $ = C(x, p, a), V = w(x, p, a);
-      N.readonly = N.readonly === void 0 ? V() : N.readonly;
-      const G = p.type === "cascade" ? v(p.properties, a, f, b, u, h, P) : [], H = !0;
-      let M = d(p, P);
-      const ae = k({
+      const w = k(1), O = g, m = r[g], C = Object.keys(m), D = m.title, E = m.type, N = c.get(E) || { type: "input-group", enableClear: !1 }, R = m.editor ? Object.assign({}, N, m.editor) : Object.assign({}, N), $ = T(C, m, a), V = S(C, m, a);
+      R.readonly = R.readonly === void 0 ? V() : R.readonly;
+      const G = m.type === "cascade" ? v(m.properties, a, f, b, u, h, P) : [], H = !0;
+      let M = d(m, P);
+      const ae = F({
         get() {
-          if (S.value) {
-            if (["class", "style"].find((ce) => ce === L) && !M && (M = o.get("/converter/appearance.converter") || null), M && M.convertFrom)
+          if (w.value) {
+            if (["class", "style"].find((ce) => ce === O) && !M && (M = o.get("/converter/appearance.converter") || null), M && M.convertFrom)
               return M.convertFrom(f, g, u, h);
             const I = f[g];
-            return Object.prototype.hasOwnProperty.call(p, "defaultValue") && (I === void 0 || typeof I == "string" && I === "") ? p.type === "boolean" ? p.defaultValue : p.defaultValue || "" : I;
+            return Object.prototype.hasOwnProperty.call(m, "defaultValue") && (I === void 0 || typeof I == "string" && I === "") ? m.type === "boolean" ? m.defaultValue : m.defaultValue || "" : I;
           }
           return null;
         },
         set(I) {
-          S.value += 1, M && M.convertTo ? (M.convertTo(b, g, I, u, h), M.convertTo(f, g, I, u, h)) : (b[g] = I, f[g] = I);
+          w.value += 1, M && M.convertTo ? (M.convertTo(b, g, I, u, h), M.convertTo(f, g, I, u, h)) : (b[g] = I, f[g] = I);
         }
-      }), { refreshPanelAfterChanged: le, description: ie, isExpand: ue, parentPropertyID: se } = p, _ = { propertyID: L, propertyName: R, propertyType: E, propertyValue: ae, editor: N, visible: $, readonly: V, cascadeConfig: G, hideCascadeTitle: H, refreshPanelAfterChanged: le, description: ie, isExpand: ue, parentPropertyID: se };
-      return a[L] = _, _;
+      }), { refreshPanelAfterChanged: le, description: ie, isExpand: ue, parentPropertyID: se } = m, _ = { propertyID: O, propertyName: D, propertyType: E, propertyValue: ae, editor: R, visible: $, readonly: V, cascadeConfig: G, hideCascadeTitle: H, refreshPanelAfterChanged: le, description: ie, isExpand: ue, parentPropertyID: se };
+      return a[O] = _, _;
     });
   }
   function l(r, a, f = {}) {
     const b = {}, u = e[r];
     return u && u.categories ? Object.keys(u.categories).map((P) => {
-      const B = u.categories[P], g = B == null ? void 0 : B.title, S = v(B.properties || {}, b, {}, f, a);
-      return { categoryId: P, categoryName: g, properties: S };
+      const B = u.categories[P], g = B == null ? void 0 : B.title, w = v(B.properties || {}, b, {}, f, a);
+      return { categoryId: P, categoryName: g, properties: w };
     }) : [];
   }
   function s(r, a, f, b, u = "") {
-    const h = a.$ref.schema, P = a.$ref.converter, B = f[h], g = B.type, S = n(B), L = {}, p = e[g];
-    if (p && p.categories) {
-      const x = p.categories[r], R = x == null ? void 0 : x.title;
-      P && Object.keys(x.properties).forEach((N) => {
-        x.properties[N].$converter = P;
+    const h = a.$ref.schema, P = a.$ref.converter, B = f[h], g = B.type, w = n(B), O = {}, m = e[g];
+    if (m && m.categories) {
+      const C = m.categories[r], D = C == null ? void 0 : C.title;
+      P && Object.keys(C.properties).forEach((R) => {
+        C.properties[R].$converter = P;
       });
-      const E = (x == null ? void 0 : x.properties) || {}, j = v(E, L, S, B, b, u);
-      return { categoryId: r, categoryName: R, properties: j };
+      const E = (C == null ? void 0 : C.properties) || {}, N = v(E, O, w, B, b, u);
+      return { categoryId: r, categoryName: D, properties: N };
     }
     return { categoryId: r, categoryName: "", properties: [] };
   }
-  function m(r, a, f, b, u) {
+  function p(r, a, f, b, u) {
     const h = r.type, P = n(r), B = {};
     let g = u || e[h];
     if (!(g && Object.keys(g).length > 0) && f && f.getPropConfig && (g = f.getPropConfig(b)), g && g.categories) {
-      const L = [];
-      return Object.keys(g.categories).map((p) => {
-        const x = g.categories[p];
-        if (x.$ref) {
-          L.push(s(p, x, r, a, b));
+      const O = [];
+      return Object.keys(g.categories).map((m) => {
+        const C = g.categories[m];
+        if (C.$ref) {
+          O.push(s(m, C, r, a, b));
           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, $ = x == null ? void 0 : x.hideTitle, V = v(x.properties || {}, B, P, r, a, b, x.$converter), { setPropertyRelates: G } = x, H = x == null ? void 0 : x.parentPropertyID;
-        L.push({ categoryId: p, categoryName: R, tabId: E, tabName: j, hide: N, properties: V, hideTitle: $, setPropertyRelates: G, parentPropertyID: H });
-      }), L;
+        const D = C == null ? void 0 : C.title, E = C == null ? void 0 : C.tabId, N = C == null ? void 0 : C.tabName, R = C == null ? void 0 : C.hide, $ = C == null ? void 0 : C.hideTitle, V = v(C.properties || {}, B, P, r, a, b, C.$converter), { setPropertyRelates: G } = C, H = C == null ? void 0 : C.parentPropertyID;
+        O.push({ categoryId: m, categoryName: D, tabId: E, tabName: N, hide: R, properties: V, hideTitle: $, setPropertyRelates: G, parentPropertyID: H });
+      }), O;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: m,
+    getPropertyConfigBySchema: p,
     getPropertyConfigByType: l,
     propertyConverterMap: o
   };
 }
-const lt = {}, it = {};
-K(lt, it, Ne);
-const ut = {}, st = {}, { resolveSchemaWithDefaultValue: ct } = X(ut, st), dt = {}, ft = {};
-K(dt, ft, ct);
+const it = {}, ut = {};
+K(it, ut, Re);
+const st = {}, ct = {}, { resolveSchemaWithDefaultValue: dt } = X(st, ct), ft = {}, pt = {};
+K(ft, pt, dt);
 function mt(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
 const ee = /* @__PURE__ */ new Map([
   ["appearance", mt]
-]), pt = "https://json-schema.org/draft/2020-12/schema", vt = "https://farris-design.gitee.io/input-group.schema.json", gt = "language-textbox", bt = "A Farris Input Component", yt = "object", xt = {
+]), vt = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-design.gitee.io/input-group.schema.json", bt = "language-textbox", yt = "A Farris Input Component", xt = "object", Ct = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -761,23 +802,48 @@ const ee = /* @__PURE__ */ new Map([
     description: "各语种最大字符数",
     type: "object",
     default: null
+  },
+  expandable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  expandMode: {
+    description: "",
+    type: "string",
+    default: "text"
+  },
+  expandContent: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  expandDisabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  onExpandClick: {
+    description: "",
+    type: "string",
+    default: ""
   }
 }, Tt = [
   "type"
-], Ct = [
+], ht = [
   "id",
   "appearance",
   "binding",
   "visible"
 ], te = {
-  $schema: pt,
-  $id: vt,
-  title: gt,
-  description: bt,
-  type: yt,
-  properties: xt,
+  $schema: vt,
+  $id: gt,
+  title: bt,
+  description: yt,
+  type: xt,
+  properties: Ct,
   required: Tt,
-  ignore: Ct
+  ignore: ht
 };
 function ne(e, t, n) {
   return t;
@@ -794,13 +860,21 @@ const W = {
   dropDownIcon: { type: String, default: '<span class="f-icon f-icon-yxs_earth"></span>' },
   tabIndex: { type: Number, default: -1 },
   enableTitle: { type: Boolean, default: !0 },
-  maxLength: { type: Number, default: null }
-}, Gt = be(W, te, ee, ne), oe = ye(
+  maxLength: { type: Number, default: null },
+  /** 是否可扩展 */
+  expandable: { type: Boolean, default: !1 },
+  /** 扩展模式 text | button */
+  expandMode: { type: String, default: "text" },
+  /** 扩展文本内容 */
+  expandContent: { type: String, default: "" },
+  /** 扩展按钮是否禁用 */
+  expandDisabled: { type: Boolean, default: !1 }
+}, Ht = be(W, te, ee, ne), oe = ye(
   W,
   te,
   ee,
   ne
-), ht = /* @__PURE__ */ A({
+), St = /* @__PURE__ */ A({
   name: "LanguageContents",
   props: {
     languages: {
@@ -822,7 +896,7 @@ const W = {
   },
   emits: ["update:modelValue"],
   setup(e, t) {
-    const n = F(e.languages), o = F(e.modelValue || {}), c = F();
+    const n = k(e.languages), o = k(e.modelValue || {}), c = k();
     return z(() => {
       setTimeout(() => {
         var y, i;
@@ -830,29 +904,29 @@ const W = {
       }, 130);
     }), () => {
       var y;
-      return T("ul", {
+      return x("ul", {
         class: "list-group",
         style: "background: white;",
         ref: c
-      }, [(y = n.value) == null ? void 0 : y.map((i) => T("li", {
+      }, [(y = n.value) == null ? void 0 : y.map((i) => x("li", {
         class: "list-group-item border-0 p-2 px-2"
-      }, [T("div", {
+      }, [x("div", {
         class: "farris-group-wrap form-inline farris-form-inline"
-      }, [T("div", {
+      }, [x("div", {
         class: "form-group farris-form-group"
-      }, [T("label", {
+      }, [x("label", {
         for: "hpinput01",
         class: "col-form-label"
-      }, [T("span", {
+      }, [x("span", {
         class: "farris-label-text",
         title: i.name
-      }, [i.name])]), T("div", {
+      }, [i.name])]), x("div", {
         class: "farris-input-wrap"
-      }, [T(xe, {
+      }, [x(xe, {
         id: e.id + "_" + i.code,
         modelValue: o.value[i.code],
-        "onUpdate:modelValue": (C) => {
-          o.value[i.code] = C, t.emit("update:modelValue", o.value);
+        "onUpdate:modelValue": (T) => {
+          o.value[i.code] = T, t.emit("update:modelValue", o.value);
         },
         updateOn: "change",
         maxLength: e.maxLength
@@ -951,69 +1025,69 @@ const W = {
   /** 扩展按钮是否禁用 */
   expandDisabled: { type: Boolean, default: !1 }
 };
-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(() => ({
+function Bt(e, t) {
+  const n = k(e.groupText), o = F(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), c = F(() => e.type === "password" || e.showType === "password" || e.enableClear || !!e.groupText || o.value);
+  return { appendedButtonClass: F(() => ({
     "input-group-append": !0,
     "append-force-show": o.value
   })), appendedContent: n, shouldShowAppendedButton: c };
 }
-function Bt(e, t, n, o) {
-  const { appendedContent: c } = o, y = 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>', w = '<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 ? "" : y.value ? w : "");
+function Ft(e, t, n, o) {
+  const { appendedContent: c } = o, y = k(e.enableViewPassword), i = F(() => e.type === "password" || e.showType === "password"), T = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', S = '<span class="f-icon f-icon-eye"></span>', d = k(!1);
+  L(() => [e.readonly, e.disabled], ([s, p]) => {
+    i.value && (n.value = s || p ? "password" : n.value, c.value = e.readonly || e.disabled ? "" : y.value ? S : "");
   });
   function v() {
-    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 ? T : S, !1;
   }
   function l() {
-    n.value = i.value ? "password" : n.value, i.value && (c.value = e.readonly || e.disabled ? "" : y.value ? w : "");
+    n.value = i.value ? "password" : n.value, i.value && (c.value = e.readonly || e.disabled ? "" : y.value ? S : "");
   }
   return l(), { isPassword: i, onClickAppendedButton: v };
 }
-function Ft(e, t) {
-  const n = Se(e, t), o = Be(e, t, n), c = Fe(e, t, o, n), y = ke(e, t, o, n, c), i = Pe(e, t, c), {
-    displayValue: C,
-    modelValue: w,
+function kt(e, t) {
+  const n = we(e, t), o = Be(e, t, n), c = Fe(e, t, o, n), y = ke(e, t, o, n, c), i = Pe(e, t, c), {
+    displayValue: T,
+    modelValue: S,
     getRealValue: d
-  } = n, v = Le(e, t, y), {
+  } = n, v = Oe(e, t, y), {
     format: l
   } = o, {
     isFocus: s
-  } = y, m = k(() => !e.disabled && !e.readonly);
+  } = y, p = F(() => !e.disabled && !e.readonly);
   return z(() => {
     const r = d(e.modelValue);
-    C.value = l(r);
-  }), O(() => [e.value], ([r]) => {
+    T.value = l(r);
+  }), L(() => [e.value], ([r]) => {
     const a = d(r);
-    w.value = a, C.value = l(a);
-  }), O(() => [e.modelValue], ([r]) => {
-    r !== w.value && (w.value = r, !s.value && (C.value = l(d(r))));
-  }), O(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    C.value = l(w.value);
-  }), () => T("div", {
+    S.value = a, T.value = l(a);
+  }), L(() => [e.modelValue], ([r]) => {
+    r !== S.value && (S.value = r, !s.value && (T.value = l(d(r))));
+  }), L(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    T.value = l(S.value);
+  }), () => x("div", {
     class: "input-group  flex-row f-cmp-number-spinner",
     style: "border:none;"
-  }, [v(), m.value && i()]);
+  }, [v(), p.value && i()]);
 }
-function kt(e) {
+function Pt(e) {
   return e ? Q.getRealPropertyValue(e, "请输入", "input-group.placeholder") : "";
 }
-function Pt(e, t, n, o) {
-  const c = F(), {
+function Ot(e, t, n, o) {
+  const c = k(), {
     inputGroupClass: y,
     onBlur: i,
-    onFocus: C
+    onFocus: T
   } = o, {
-    clearButtonClass: w,
+    clearButtonClass: S,
     clearButtonStyle: d
-  } = n, v = k(() => e.maxLength ? e.maxLength : e.modelValue ? e.modelValue.length : 0), l = (g) => {
-    var S, L;
-    g.stopPropagation(), t.emit("update:modelValue", (S = g.target) == null ? void 0 : S.value), t.emit("valueChange", (L = g.target) == null ? void 0 : L.value);
-  }, s = k(() => ({
+  } = n, v = F(() => e.maxLength ? e.maxLength : e.modelValue ? e.modelValue.length : 0), l = (g) => {
+    var w, O;
+    g.stopPropagation(), t.emit("update:modelValue", (w = g.target) == null ? void 0 : w.value), t.emit("valueChange", (O = g.target) == null ? void 0 : O.value);
+  }, s = F(() => ({
     "form-control": !0,
     "h-100": e.autoHeight
-  })), m = k(() => e.enableClear && !e.readonly && !e.disabled), r = kt(e.placeholder), a = k(() => e.disabled || e.readonly ? "" : r), f = k(() => ({
+  })), p = F(() => e.enableClear && !e.readonly && !e.disabled), r = Pt(e.placeholder), a = F(() => e.disabled || e.readonly ? "" : r), f = F(() => ({
     ...d.value,
     position: "absolute",
     right: "5px",
@@ -1023,7 +1097,7 @@ function Pt(e, t, n, o) {
     "border-radius": "100%",
     width: "16px",
     height: "16px"
-  })), b = k(() => {
+  })), b = F(() => {
     const g = {
       resize: "none",
       "padding-right": "15px"
@@ -1036,7 +1110,7 @@ function Pt(e, t, n, o) {
     g.stopPropagation(), c.value.value = "", t.emit("update:modelValue", ""), t.emit("valueChange", "");
   };
   function h() {
-    return J(T("textarea", {
+    return J(x("textarea", {
       class: s.value,
       id: e.id,
       "onUpdate:modelValue": (g) => e.modelValue = g,
@@ -1051,23 +1125,23 @@ function Pt(e, t, n, o) {
       autofocus: e.autofocus,
       rows: e.rows,
       onInput: l,
-      onFocus: C,
+      onFocus: T,
       onBlur: i,
       style: b.value
     }, null), [[de, e.modelValue]]);
   }
   function P() {
-    return e.showCount && T("span", {
+    return e.showCount && x("span", {
       style: "position: absolute;bottom: 0;right: 5px;z-index:999;font-size:12px"
     }, [`${e.modelValue ? e.modelValue.length : 0}/${v.value}`]);
   }
   function B() {
-    return m.value && T("span", {
+    return p.value && x("span", {
       id: "clearIcon",
-      class: w.value,
+      class: S.value,
       style: f.value,
       onClick: (g) => u(g)
-    }, [T("i", {
+    }, [x("i", {
       class: "f-icon modal_close",
       style: "font-size:8px;color:#fff"
     }, null)]);
@@ -1079,12 +1153,12 @@ function Pt(e, t, n, o) {
   };
 }
 function Lt(e, t, n, o) {
-  const c = F(), y = F(e.autocomplete), i = F(e.enableTitle), {
-    isPassword: C
-  } = n, w = F(e.minLength), d = F(e.maxLength), v = F(e.tabIndex), {
+  const c = k(), y = k(e.autocomplete), i = k(e.enableTitle), {
+    isPassword: T
+  } = n, S = k(e.minLength), d = k(e.maxLength), v = k(e.tabIndex), {
     disabled: l,
     displayText: s,
-    inputType: m,
+    inputType: p,
     onBlur: r,
     onFocus: a,
     onInput: f,
@@ -1094,30 +1168,30 @@ function Lt(e, t, n, o) {
     onMousedown: P,
     onMouseup: B,
     onTextBoxValueChange: g,
-    readonly: S,
-    placeholder: L,
-    textBoxClass: p,
-    textBoxTitle: x
+    readonly: w,
+    placeholder: O,
+    textBoxClass: m,
+    textBoxTitle: C
   } = o;
   return z(() => {
-    var R, E;
-    e.selectOnCreated && ((R = c.value) == null || R.select()), e.focusOnCreated && ((E = c.value) == null || E.focus({
+    var D, E;
+    e.selectOnCreated && ((D = c.value) == null || D.select()), e.focusOnCreated && ((E = c.value) == null || E.focus({
       preventScroll: !0
     }));
-  }), () => T("input", {
+  }), () => x("input", {
     id: e.id + "_textbox",
     ref: c,
     name: "input-group-value",
     autocomplete: y.value,
-    class: p.value,
+    class: m.value,
     disabled: l == null ? void 0 : l.value,
     maxlength: d.value,
-    minlength: w.value,
-    placeholder: L.value,
-    readonly: S == null ? void 0 : S.value,
+    minlength: S.value,
+    placeholder: O.value,
+    readonly: w == null ? void 0 : w.value,
     tabindex: v.value,
-    title: i.value && !C.value ? x.value : "",
-    type: m.value,
+    title: i.value && !T.value ? C.value : "",
+    type: p.value,
     value: s == null ? void 0 : s.value,
     onBlur: r,
     onClick: b,
@@ -1130,90 +1204,90 @@ function Lt(e, t, n, o) {
     onMouseup: B
   }, null);
 }
-function Ot(e, t) {
-  const n = F(e.extendInfo), o = k(() => e.useExtendInfo && !!e.extendInfo), c = k(() => ({
+function Et(e, t) {
+  const n = k(e.extendInfo), o = F(() => e.useExtendInfo && !!e.extendInfo), c = F(() => ({
     content: n.value
   }));
-  O(() => e.extendInfo, (i) => {
+  L(() => e.extendInfo, (i) => {
     n.value = i;
   });
   function y() {
     t.emit("updateExtendInfo");
   }
-  return () => o.value && J(T("span", {
+  return () => o.value && J(x("span", {
     class: "input-group-before-tips",
     onMouseenter: y
-  }, [T("i", {
+  }, [x("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), T("b", {
+  }, null), x("b", {
     class: "tips-arrow"
   }, null)]), [[fe("tooltip"), c.value]]);
 }
-function Et(e, t, n, o, c) {
+function Mt(e, t, n, o, c) {
   const {
     appendedButtonClass: y,
     appendedContent: i
-  } = n, C = k(() => !e.readonly && !e.disabled), w = k(() => i.value && !t.slots.groupTextTemplate), d = k(() => !!t.slots.groupTextTemplate), {
+  } = n, T = F(() => !e.readonly && !e.disabled), S = F(() => i.value && !t.slots.groupTextTemplate), d = F(() => !!t.slots.groupTextTemplate), {
     clearButtonClass: v,
     clearButtonStyle: l,
     onClearValue: s,
-    shouldShowClearButton: m
-  } = o, r = F(0);
-  O(i, (p) => {
+    shouldShowClearButton: p
+  } = o, r = k(0);
+  L(i, (m) => {
     r.value++;
   });
   function a() {
-    return T("span", {
+    return x("span", {
       id: "clearIcon",
       class: v.value,
       style: l.value,
-      onClick: (p) => s(p)
-    }, [T("i", {
+      onClick: (m) => s(m)
+    }, [x("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function f(p) {
-    t.emit("iconMouseEnter", p);
+  function f(m) {
+    t.emit("iconMouseEnter", m);
   }
-  function b(p) {
-    t.emit("iconMouseLeave", p);
+  function b(m) {
+    t.emit("iconMouseLeave", m);
   }
-  function u(p) {
-    C.value && t.emit("clickHandle", {
-      originalEvent: p
-    }), p.stopPropagation();
+  function u(m) {
+    T.value && t.emit("clickHandle", {
+      originalEvent: m
+    }), m.stopPropagation();
   }
   const h = e.type === "password" || e.showType === "password" ? c.onClickAppendedButton : u;
   function P() {
-    return T(q, null, [(e.showButtonWhenDisabled || !e.disabled && !e.readonly) && T("span", {
+    return x(q, null, [(e.showButtonWhenDisabled || !e.disabled && !e.readonly) && x("span", {
       class: "input-group-text",
-      onMouseenter: (p) => f(p),
-      onMouseleave: (p) => b(p),
+      onMouseenter: (m) => f(m),
+      onMouseleave: (m) => b(m),
       innerHTML: i.value,
-      onClick: (p) => h(p)
+      onClick: (m) => h(m)
     }, null)]);
   }
   function B() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
   function g() {
-    return w.value ? P() : d.value ? B() : "";
+    return S.value ? P() : d.value ? B() : "";
   }
-  const S = k(() => ({
+  const w = F(() => ({
     "input-group-append input-append-wrapper": !0,
     "input-append-button": e.expandMode === "button",
     "input-append-text": e.expandMode === "text",
     "d-none": !!e.expandDisabled
-  })), L = () => {
+  })), O = () => {
     t.emit("expandClick");
   };
-  return () => T(q, null, [T("div", {
+  return () => x(q, null, [x("div", {
     class: y.value,
     key: "append-button-" + r.value
-  }, [m.value && a(), g()]), e.expandable && !e.readonly && T("div", {
-    class: S.value,
-    onClick: L
-  }, [T("div", {
+  }, [p.value && a(), g()]), e.expandable && !e.readonly && x("div", {
+    class: w.value,
+    onClick: O
+  }, [x("div", {
     class: "input-group-text"
   }, [e.expandContent])])]);
 }
@@ -1222,54 +1296,54 @@ const re = /* @__PURE__ */ A({
   props: wt,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange", "mousedownEvent", "mouseupEvent", "expandClick"],
   setup(e, t) {
-    const n = F(), o = F(e.modelValue), c = F(e.modelValue), y = Te(e, t, o, c, n), {
+    const n = k(), o = k(e.modelValue), c = k(e.modelValue), y = Ce(e, t, o, c, n), {
       inputGroupClass: i,
-      inputType: C,
-      inputGroupStyle: w
-    } = y, d = St(e), {
+      inputType: T,
+      inputGroupStyle: S
+    } = y, d = Bt(e), {
       shouldShowAppendedButton: v
-    } = d, l = Ce(e, t, y), {
+    } = d, l = Te(e, t, y), {
       onMouseEnter: s,
-      onMouseLeave: m
-    } = l, r = Bt(e, t, C, d), a = Ft(e, t), {
+      onMouseLeave: p
+    } = l, r = Ft(e, t, T, d), a = kt(e, t), {
       renderTextarea: f,
       renderCount: b,
       renderClear: u
-    } = Pt(e, t, l, y), h = Lt(e, t, r, y), P = Et(e, t, d, l, r), B = Ot(e, t), g = k(() => C.value === "number"), S = k(() => C.value === "textarea");
-    O(() => [e.value], ([p]) => {
-      o.value = p, c.value = p;
-    }), O(() => [e.modelValue], ([p]) => {
-      o.value = p, c.value = p;
+    } = Ot(e, t, l, y), h = Lt(e, t, r, y), P = Mt(e, t, d, l, r), B = Et(e, t), g = F(() => T.value === "number"), w = F(() => T.value === "textarea");
+    L(() => [e.value], ([m]) => {
+      o.value = m, c.value = m;
+    }), L(() => [e.modelValue], ([m]) => {
+      o.value = m, c.value = m;
     }), z(() => {
       e.value && (o.value = e.value, c.value = e.value);
     });
-    const L = () => T("div", {
+    const O = () => x("div", {
       ref: n,
       id: e.id,
       class: i.value,
-      style: w.value,
+      style: S.value,
       onMouseenter: s,
-      onMouseleave: m
-    }, [g.value ? a() : S.value ? f() : T(q, null, [B(), h()]), !S.value && !g.value && v.value && P(), S.value && u(), S.value && b()]);
-    return () => L();
+      onMouseleave: p
+    }, [g.value ? a() : w.value ? f() : x(q, null, [B(), h()]), !w.value && !g.value && v.value && P(), w.value && u(), w.value && b()]);
+    return () => O();
   }
 });
 he(re);
-const D = /* @__PURE__ */ A({
+const j = /* @__PURE__ */ A({
   name: "FLanguageTextbox",
   props: W,
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "expandClick"],
   setup(e, t) {
     const n = Q.getLocale(), {
       disabled: o,
       readonly: c,
       editable: y,
       modelValue: i
-    } = me(e), C = k(() => {
+    } = pe(e), T = F(() => {
       var u;
       return (u = i.value) == null ? void 0 : u[n];
-    }), w = F();
-    O(() => e.modelValue, (u) => {
+    }), S = k();
+    L(() => e.modelValue, (u) => {
       i.value = u;
     });
     const d = (u) => {
@@ -1277,30 +1351,30 @@ const D = /* @__PURE__ */ A({
         return;
       let h = -1;
       const P = u.find((B, g) => {
-        const S = B.code === n;
-        return S && (h = g), S;
+        const w = B.code === n;
+        return w && (h = g), w;
       });
       if (P) {
         const B = Object.assign({}, P);
         u.splice(h, 1), u.unshift(B);
       }
       return u;
-    }, v = F();
-    O(() => e.languages, (u) => {
+    }, v = k();
+    L(() => e.languages, (u) => {
       v.value = d(u) || [];
     });
     function l(u) {
       i.value = i.value || {}, i.value[n] !== u && (i.value[n] = u, t.emit("update:modelValue", i.value));
     }
-    const s = k(() => {
+    const s = F(() => {
       var h;
-      const u = (h = w.value) == null ? void 0 : h.popoverRef;
+      const u = (h = S.value) == null ? void 0 : h.popoverRef;
       return u && v.value.length > 1 ? u.shown : !1;
     });
     z(() => {
       v.value = d(e.languages) || [];
     });
-    const m = (u) => {
+    const p = (u) => {
       i.value = u, t.emit("update:modelValue", i.value);
     }, r = () => {
       var u;
@@ -1314,17 +1388,17 @@ const D = /* @__PURE__ */ A({
       i.value[n] !== h && (i.value[n] = h, t.emit("update:modelValue", i.value));
     }
     function b() {
-      return T(re, {
+      return x(re, {
         disable: o.value,
         readonly: c.value,
-        modelValue: C.value,
-        "onUpdate:modelValue": (u) => C.value = u,
+        modelValue: T.value,
+        "onUpdate:modelValue": (u) => T.value = u,
         onInput: f,
         onClear: a
       }, null);
     }
-    return () => we() ? b() : T(ge, {
-      ref: w,
+    return () => Se() ? b() : x(ge, {
+      ref: S,
       id: e.id,
       forcePlaceholder: !1,
       disable: o.value,
@@ -1338,38 +1412,43 @@ const D = /* @__PURE__ */ A({
       multiSelect: !1,
       inputType: "text",
       popupOnClick: !0,
-      modelValue: C.value,
-      "onUpdate:modelValue": (u) => C.value = u,
+      modelValue: T.value,
+      "onUpdate:modelValue": (u) => T.value = u,
       onChange: l,
       placement: "auto",
       popupMinWidth: 365,
       maxLength: e.maxLength,
       beforeOpen: r,
-      onClear: a
+      onClear: a,
+      expandable: e.expandable,
+      expandMode: e.expandMode,
+      expandContent: e.expandContent,
+      expandDisabled: e.expandDisabled,
+      onExpandClick: t.emit("expandClick")
     }, {
-      default: () => [s.value && T(ht, {
+      default: () => [s.value && x(St, {
         id: e.id,
         languages: v.value,
         modelValue: i.value,
         maxLength: e.maxLength,
-        "onUpdate:modelValue": m
+        "onUpdate:modelValue": p
       }, null)]
     });
   }
 });
-D.install = (e) => {
-  e.component(D.name, D);
+j.install = (e) => {
+  e.component(j.name, j);
 };
-D.register = (e, t, n, o, c) => {
-  e["language-textbox"] = D, t["language-textbox"] = oe(c);
+j.register = (e, t, n, o, c) => {
+  e["language-textbox"] = j, t["language-textbox"] = oe(c);
 };
-D.registerDesigner = (e, t, n, o) => {
+j.registerDesigner = (e, t, n, o) => {
   e["language-textbox"] = Me, t["language-textbox"] = oe(o);
 };
 export {
-  D as FLanguageTextbox,
-  D as default,
+  j as FLanguageTextbox,
+  j as default,
   W as languageTextBoxProps,
-  Gt as propsResolver,
+  Ht as propsResolver,
   oe as propsResolverGenerator
 };