@farris/ui-vue 1.2.8 → 1.2.9

package/components/input-group/index.esm.js

@@ -1,22 +1,22 @@
 var ae = Object.defineProperty;
 var re = (e, t, n) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var P = (e, t, n) => re(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as h, computed as y, watch as D, onMounted as j, nextTick as z, createVNode as T, reactive as ie, withDirectives as le, resolveDirective as ue, defineComponent as Q, Fragment as J, inject as Z } from "vue";
+var A = (e, t, n) => re(e, typeof t != "symbol" ? t + "" : t, n);
+import { ref as b, computed as y, watch as V, onMounted as G, nextTick as z, createVNode as B, reactive as ie, withDirectives as le, resolveDirective as ue, defineComponent as Q, Fragment as J, inject as Z } from "vue";
 import { cloneDeep as se } from "lodash-es";
 import "bignumber.js";
 import { useNumber as ce, useFormat as de, useSpinner as pe, useTextBox as fe } from "../number-spinner/index.esm.js";
 import { getSchemaByType as _ } from "../dynamic-resolver/index.esm.js";
 const X = {}, Y = {};
 function q(e) {
-  const { properties: t, title: n } = e, o = Object.keys(t).reduce((a, c) => (a[c] = t[c].type === "object" && t[c].properties ? q(t[c]) : se(t[c].default), a), {});
-  return o.id = `${n}-${Date.now()}`, o;
+  const { properties: t, title: n, ignore: o } = e, a = o && Array.isArray(o), d = Object.keys(t).reduce((s, i) => ((!a || !o.find((u) => u == i)) && (s[i] = t[i].type === "object" && t[i].properties ? q(t[i]) : se(t[i].default)), s), {});
+  return (!a || !o.find((s) => s == "id")) && (d.id = `${n}-${Date.now()}`), d;
 }
-function I(e, t = {}) {
-  const n = X[e];
-  if (n) {
-    let o = q(n);
-    const a = Y[e];
-    return o = a ? a({ getSchemaByType: I }, o, t) : o, o;
+function I(e, t = {}, n) {
+  const o = X[e];
+  if (o) {
+    let a = q(o);
+    const d = Y[e];
+    return a = d ? d({ getSchemaByType: I }, a, t, n) : a, a;
   }
   return null;
 }
@@ -27,12 +27,12 @@ function me(e, t) {
 function ye(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, a) => {
     if (t.has(a)) {
-      const c = t.get(a);
-      if (typeof c == "string")
-        o[c] = e[a];
+      const d = t.get(a);
+      if (typeof d == "string")
+        o[d] = e[a];
       else {
-        const d = c(a, e[a], e);
-        Object.assign(o, d);
+        const s = d(a, e[a], e);
+        Object.assign(o, s);
       }
     } else
       o[a] = e[a];
@@ -44,11 +44,11 @@ function ve(e, t, n = /* @__PURE__ */ new Map()) {
   return ye(o, n);
 }
 function ge(e = {}) {
-  function t(r, s, i, p) {
-    if (typeof i == "number")
-      return p[r].length === i;
-    if (typeof i == "object") {
-      const m = Object.keys(i)[0], v = i[m];
+  function t(r, c, l, p) {
+    if (typeof l == "number")
+      return p[r].length === l;
+    if (typeof l == "object") {
+      const m = Object.keys(l)[0], v = l[m];
       if (m === "not")
         return Number(p[r].length) !== Number(v);
       if (m === "moreThan")
@@ -58,44 +58,44 @@ function ge(e = {}) {
     }
     return !1;
   }
-  function n(r, s, i, p) {
-    return p[r] && p[r].propertyValue && String(p[r].propertyValue.value) === String(i);
+  function n(r, c, l, p) {
+    return p[r] && p[r].propertyValue && String(p[r].propertyValue.value) === String(l);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((r, s) => (r.set(s, e[s]), r), o);
-  function a(r, s) {
-    const i = r;
-    return typeof s == "number" ? [{ target: i, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: i, operator: "getProperty", param: r, value: !!s }] : typeof s == "object" ? Object.keys(s).map((p) => {
+  Object.keys(e).reduce((r, c) => (r.set(c, e[c]), r), o);
+  function a(r, c) {
+    const l = r;
+    return typeof c == "number" ? [{ target: l, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: l, operator: "getProperty", param: r, value: !!c }] : typeof c == "object" ? Object.keys(c).map((p) => {
       if (p === "length")
-        return { target: i, operator: "length", param: null, value: s[p] };
-      const m = p, v = s[p];
-      return { target: i, operator: "getProperty", param: m, value: v };
+        return { target: l, operator: "length", param: null, value: c[p] };
+      const m = p, v = c[p];
+      return { target: l, operator: "getProperty", param: m, value: v };
     }) : [];
   }
-  function c(r) {
-    return Object.keys(r).reduce((i, p) => {
+  function d(r) {
+    return Object.keys(r).reduce((l, p) => {
       const m = a(p, r[p]);
-      return i.push(...m), i;
+      return l.push(...m), l;
     }, []);
   }
-  function d(r, s) {
+  function s(r, c) {
     if (o.has(r.operator)) {
-      const i = o.get(r.operator);
-      return i && i(r.target, r.param, r.value, s) || !1;
+      const l = o.get(r.operator);
+      return l && l(r.target, r.param, r.value, c) || !1;
     }
     return !1;
   }
-  function u(r, s) {
-    return c(r).reduce((m, v) => m && d(v, s), !0);
+  function i(r, c) {
+    return d(r).reduce((m, v) => m && s(v, c), !0);
   }
-  function l(r, s) {
-    const i = Object.keys(r), p = i.includes("allOf"), m = i.includes("anyOf"), v = p || m, k = (v ? r[v ? p ? "allOf" : "anyOf" : "allOf"] : [r]).map((A) => u(A, s));
-    return p ? !k.includes(!1) : k.includes(!0);
+  function u(r, c) {
+    const l = Object.keys(r), p = l.includes("allOf"), m = l.includes("anyOf"), v = p || m, T = (v ? r[v ? p ? "allOf" : "anyOf" : "allOf"] : [r]).map((E) => i(E, c));
+    return p ? !T.includes(!1) : T.includes(!0);
   }
-  return { parseValueSchema: l };
+  return { parseValueSchema: u };
 }
 const f = {
   button: { type: "button", name: "按钮", icon: "Button" },
@@ -135,12 +135,12 @@ const f = {
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
-}, he = {}, be = {};
+}, be = {}, he = {};
 ge();
-function Ce(e, t, n = /* @__PURE__ */ new Map(), o = (d, u, l) => u, a = {}, c = (d) => d) {
-  return X[t.title] = t, Y[t.title] = o, he[t.title] = a, be[t.title] = c, (d = {}) => {
-    const u = ve(d, t, n), l = Object.keys(e).reduce((r, s) => (r[s] = e[s].default, r), {});
-    return Object.assign(l, u);
+function Ce(e, t, n = /* @__PURE__ */ new Map(), o = (s, i, u) => i, a = {}, d = (s) => s) {
+  return X[t.title] = t, Y[t.title] = o, be[t.title] = a, he[t.title] = d, (s = {}) => {
+    const i = ve(s, t, n), u = Object.keys(e).reduce((r, c) => (r[c] = e[c].default, r), {});
+    return Object.assign(u, i);
   };
 }
 function we(e, t) {
@@ -433,97 +433,97 @@ const ke = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-
   updateOn: { type: String, default: "blur" }
 }, R = Ce(W, Fe, Be, Te);
 function De(e, t, n, o) {
-  const a = h(e.disabled), c = h(!1), d = h("text"), u = h(e.showBorder), l = h(e.textAlign), r = h(e.updateOn), s = y(() => e.editable || !e.readonly), i = y(() => e.editable && !e.disabled && !e.readonly), p = y(() => !e.disabled && c.value), m = y(() => n.value === "" || n.value === null || n.value === void 0), v = y(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), w = y(() => e.readonly || !e.editable), x = y(() => e.enableTitle ? n.value : ""), k = y(() => ({
+  const a = b(e.disabled), d = b(!1), s = b("text"), i = b(e.showBorder), u = b(e.textAlign), r = b(e.updateOn), c = y(() => e.editable || !e.readonly), l = y(() => e.editable && !e.disabled && !e.readonly), p = y(() => !e.disabled && d.value), m = y(() => n.value === "" || n.value === null || n.value === void 0), v = y(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), C = y(() => e.readonly || !e.editable), x = y(() => e.enableTitle ? n.value : ""), T = y(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
-    "text-left": l.value === "left",
-    "text-center": l.value === "center",
-    "text-right": l.value === "right"
+    "text-left": u.value === "left",
+    "text-center": u.value === "center",
+    "text-right": u.value === "right"
   })), S = y(() => {
     const g = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
       "f-state-disable": a.value,
-      "f-state-editable": i.value,
-      "f-state-readonly": w.value,
+      "f-state-editable": l.value,
+      "f-state-readonly": C.value,
       "f-state-focus": p.value
     };
     return (e.customClass || "").split(" ").reduce((H, oe) => (H[oe] = !0, H), g), g;
-  }), A = y(() => u.value ? "" : "border-width : 0 ");
-  function M(g, E = !0) {
-    n.value = g, o.value !== g && (o.value = g), E && t.emit("change", g), t.emit("update:modelValue", g), t.emit("update:value", g);
+  }), E = y(() => i.value ? "" : "border-width : 0 ");
+  function k(g, F = !0) {
+    n.value = g, o.value !== g && (o.value = g), F && t.emit("change", g), t.emit("update:modelValue", g), t.emit("update:value", g);
   }
-  D(
+  V(
     () => e.modelValue,
-    (g, E) => {
-      g !== E && (n.value = g, o.value = g);
+    (g, F) => {
+      g !== F && (n.value = g, o.value = g);
     }
-  ), D(() => e.disabled, (g, E) => {
-    g !== E && (a.value = g);
+  ), V(() => e.disabled, (g, F) => {
+    g !== F && (a.value = g);
   });
-  function V(g) {
-    return c.value = !1, t.emit("blur", g), g.stopPropagation(), !1;
+  function O(g) {
+    return d.value = !1, t.emit("blur", g), g.stopPropagation(), !1;
   }
-  function b(g) {
+  function h(g) {
     t.emit("click", g);
   }
-  function C(g) {
-    e.disabled || (u.value && (c.value = !0), s.value && t.emit("focus", g));
+  function w(g) {
+    e.disabled || (i.value && (d.value = !0), c.value && t.emit("focus", g));
   }
-  function B(g) {
+  function M(g) {
     t.emit("input", g.target.value);
-    const E = g.target.value;
-    o.value = E, r.value === "input" && (t.emit("update:modelValue", E), t.emit("update:value", E));
+    const F = g.target.value;
+    o.value = F, r.value === "input" && (t.emit("update:modelValue", F), t.emit("update:value", F));
   }
-  function O(g) {
+  function P(g) {
     t.emit("keydown", g);
   }
-  function G(g) {
+  function N(g) {
     t.emit("keyup", g);
   }
-  function F(g) {
+  function D(g) {
     g.target.tagName !== "INPUT" && g.preventDefault(), g.stopPropagation();
   }
   function U(g) {
     if (r.value === "blur") {
-      const E = g.target.value;
-      g.stopPropagation(), M(E);
+      const F = g.target.value;
+      g.stopPropagation(), k(F);
     }
   }
   return {
-    changeTextBoxValue: M,
+    changeTextBoxValue: k,
     disabled: a,
     displayText: o,
-    editable: i,
+    editable: l,
     hasFocused: p,
     inputGroupClass: S,
-    inputType: d,
+    inputType: s,
     isEmpty: m,
     modelValue: n,
-    readonly: w,
-    onBlur: V,
-    onClick: b,
-    onFocus: C,
-    onInput: B,
-    onKeydown: O,
-    onKeyup: G,
-    onMousedown: F,
+    readonly: C,
+    onBlur: O,
+    onClick: h,
+    onFocus: w,
+    onInput: M,
+    onKeydown: P,
+    onKeyup: N,
+    onMousedown: D,
     onTextBoxValueChange: U,
     placeholder: v,
-    textBoxClass: k,
+    textBoxClass: T,
     textBoxTitle: x,
-    inputGroupStyle: A
+    inputGroupStyle: E
   };
 }
 function Ve(e, t, n, o) {
-  const a = h(e.disabled), c = h(!1), d = h("text"), u = h(e.showBorder), l = h(e.textAlign);
+  const a = b(e.disabled), d = b(!1), s = b("text"), i = b(e.showBorder), u = b(e.textAlign);
   y(() => e.editable || !e.readonly);
-  const r = y(() => e.editable && !e.disabled && !e.readonly), s = y(() => !e.disabled && c.value), i = y(() => n.value === "" || n.value === null || n.value === void 0), p = y(() => e.placeholder), m = y(() => e.readonly || !e.editable), v = y(() => e.enableTitle ? n.value : ""), w = y(() => ({
+  const r = y(() => e.editable && !e.disabled && !e.readonly), c = y(() => !e.disabled && d.value), l = y(() => n.value === "" || n.value === null || n.value === void 0), p = y(() => e.placeholder), m = y(() => e.readonly || !e.editable), v = y(() => e.enableTitle ? n.value : ""), C = y(() => ({
     "form-control": !0,
     // 'f-utils-fill': true,
-    "text-left": l.value === "left",
-    "text-center": l.value === "center",
-    "text-right": l.value === "right"
+    "text-left": u.value === "left",
+    "text-center": u.value === "center",
+    "text-right": u.value === "right"
   })), x = y(() => ({
     "f-cmp-inputgroup": !0,
     "input-group": !0,
@@ -531,16 +531,16 @@ function Ve(e, t, n, o) {
     "f-state-editable": !1,
     "f-state-readonly": !0
     // 'f-state-focus': hasFocused.value
-  })), k = y(() => u.value ? "" : "border-width : 0 ");
+  })), T = y(() => i.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
     disabled: a,
     displayText: o,
     editable: r,
-    hasFocused: s,
+    hasFocused: c,
     inputGroupClass: x,
-    inputType: d,
-    isEmpty: i,
+    inputType: s,
+    isEmpty: l,
     modelValue: n,
     readonly: m,
     // onBlur,
@@ -552,36 +552,36 @@ function Ve(e, t, n, o) {
     // onMousedown,
     // onTextBoxValueChange,
     placeholder: p,
-    textBoxClass: w,
+    textBoxClass: C,
     textBoxTitle: v,
-    inputGroupStyle: k
+    inputGroupStyle: T
   };
 }
 function K(e, t, n) {
-  const o = h(!1), a = y(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: c, displayText: d, hasFocused: u, isEmpty: l } = n;
-  function r(w) {
-    o.value = w;
+  const o = b(!1), a = y(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: d, displayText: s, hasFocused: i, isEmpty: u } = n;
+  function r(C) {
+    o.value = C;
   }
-  D(d, () => {
-    u != null && u.value ? r(!!(d != null && d.value)) : r(!1);
+  V(s, () => {
+    i != null && i.value ? r(!!(s != null && s.value)) : r(!1);
   });
-  const s = y(() => ({
+  const c = y(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), i = y(() => ({
+  })), l = y(() => ({
     width: "24px",
     display: o.value ? "flex" : "none"
   }));
-  function p(w) {
-    w.stopPropagation(), a.value && (c("", !0), r(!o.value), t.emit("clear"));
+  function p(C) {
+    C.stopPropagation(), a.value && (d("", !0), r(!o.value), t.emit("clear"));
   }
-  function m(w) {
-    a.value && !l.value && r(!0);
+  function m(C) {
+    a.value && !u.value && r(!0);
   }
-  function v(w) {
+  function v(C) {
     a.value && r(!1);
   }
-  return { clearButtonClass: s, clearButtonStyle: i, hasShownClearButton: o, onClearValue: p, onMouseEnter: m, onMouseLeave: v, shouldShowClearButton: a };
+  return { clearButtonClass: c, clearButtonStyle: l, hasShownClearButton: o, onClearValue: p, onMouseEnter: m, onMouseLeave: v, shouldShowClearButton: a };
 }
 const Oe = ["moz", "ms", "webkit"];
 function Ne() {
@@ -609,174 +609,174 @@ const Ge = (e) => {
   }, e;
 };
 function ee(e, t) {
-  const n = h(e.groupText), o = y(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = y(() => e.enableClear || !!e.groupText);
+  const n = b(e.groupText), o = y(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = y(() => e.enableClear || !!e.groupText);
   return { appendedButtonClass: y(() => ({
     "input-group-append": !0,
     "append-force-show": o.value
   })), appendedContent: n, shouldShowAppendedButton: a };
 }
 function te(e, t, n, o) {
-  const { appendedContent: a } = o, c = h(e.enableViewPassword), d = y(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', l = '<span class="f-icon f-icon-eye"></span>', r = h(!1);
-  D(() => [e.readonly, e.disabled], ([p, m]) => {
-    d.value && (n.value = p || m ? "password" : n.value, a.value = p || m ? l : a.value);
+  const { appendedContent: a } = o, d = b(e.enableViewPassword), s = y(() => e.type === "password"), i = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', u = '<span class="f-icon f-icon-eye"></span>', r = b(!1);
+  V(() => [e.readonly, e.disabled], ([p, m]) => {
+    s.value && (n.value = p || m ? "password" : n.value, a.value = p || m ? u : a.value);
   });
-  function s() {
-    return r.value = !r.value, n.value = r.value ? "text" : "password", a.value = r.value ? u : l, !1;
+  function c() {
+    return r.value = !r.value, n.value = r.value ? "text" : "password", a.value = r.value ? i : u, !1;
   }
-  function i() {
-    n.value = d.value ? "password" : "text", a.value = d.value ? c.value ? l : "" : a.value;
+  function l() {
+    n.value = s.value ? "password" : "text", a.value = s.value ? d.value ? u : "" : a.value;
   }
-  return i(), { isPassword: d, onClickAppendedButton: s };
+  return l(), { isPassword: s, onClickAppendedButton: c };
 }
 function Le(e, t, n) {
-  const o = h(), {
+  const o = b(), {
     onBlurTextBox: a,
-    onFocusTextBox: c,
-    onInput: d,
-    onKeyDown: u,
-    textBoxValue: l
-  } = n, r = y(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), s = y(() => ({
+    onFocusTextBox: d,
+    onInput: s,
+    onKeyDown: i,
+    textBoxValue: u
+  } = n, r = y(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), c = y(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), i = y(() => ({
+  })), l = y(() => ({
     "text-align": e.textAlign
   }));
-  function p(w) {
-    w.stopPropagation();
+  function p(C) {
+    C.stopPropagation();
   }
   function m() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function v(w) {
-    c(w), await z, m();
+  async function v(C) {
+    d(C), await z, m();
   }
-  return j(async () => {
+  return G(async () => {
     await z, m();
-  }), () => T("input", {
+  }), () => B("input", {
     ref: o,
-    class: s.value,
-    style: i.value,
+    class: c.value,
+    style: l.value,
     type: "text",
-    value: l.value,
+    value: u.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: r.value,
     onBlur: a,
     onChange: p,
     onFocus: v,
-    onInput: d,
-    onKeydown: u
+    onInput: s,
+    onKeydown: i
   }, null);
 }
 function $e(e, t, n) {
   const {
     canDownward: o,
     canUpward: a,
-    onClickDownButton: c,
-    onClickUpButton: d
-  } = n, u = y(() => ({
+    onClickDownButton: d,
+    onClickUpButton: s
+  } = n, i = y(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), l = y(() => ({
+  })), u = y(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
   })), r = y(() => ({
     cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), s = y(() => ({
+  })), c = y(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => T("div", {
-    class: u.value
-  }, [T("button", {
+  return () => B("div", {
+    class: i.value
+  }, [B("button", {
     title: "upButton",
-    class: l.value,
+    class: u.value,
     style: r.value,
-    onClick: d,
+    onClick: s,
     disabled: !a()
-  }, [T("span", {
+  }, [B("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), T("button", {
+  }, null)]), B("button", {
     title: "downButton",
-    class: l.value,
-    style: s.value,
-    onClick: c,
+    class: u.value,
+    style: c.value,
+    onClick: d,
     disabled: !o()
-  }, [T("span", {
+  }, [B("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
 function Ue(e, t) {
-  const n = ce(e, t), o = de(e, t, n), a = pe(e, t, o, n), c = fe(e, t, o, n, a), d = $e(e, t, a), {
-    displayValue: u,
-    modelValue: l,
+  const n = ce(e, t), o = de(e, t, n), a = pe(e, t, o, n), d = fe(e, t, o, n, a), s = $e(e, t, a), {
+    displayValue: i,
+    modelValue: u,
     getRealValue: r
-  } = n, s = Le(e, t, c), {
-    format: i
+  } = n, c = Le(e, t, d), {
+    format: l
   } = o, {
     isFocus: p
-  } = c, m = y(() => !e.disabled && !e.readonly);
-  return j(() => {
+  } = d, m = y(() => !e.disabled && !e.readonly);
+  return G(() => {
     const v = r(e.modelValue);
-    u.value = i(v);
-  }), D(() => [e.value], ([v]) => {
-    const w = r(v);
-    l.value = w, u.value = i(w);
-  }), D(() => [e.modelValue], ([v]) => {
-    v !== l.value && (l.value = v, !p.value && (u.value = i(r(v))));
-  }), D(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    u.value = i(l.value);
-  }), () => T("div", {
+    i.value = l(v);
+  }), V(() => [e.value], ([v]) => {
+    const C = r(v);
+    u.value = C, i.value = l(C);
+  }), V(() => [e.modelValue], ([v]) => {
+    v !== u.value && (u.value = v, !p.value && (i.value = l(r(v))));
+  }), V(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    i.value = l(u.value);
+  }), () => B("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [s(), m.value && d()]);
+  }, [c(), m.value && s()]);
 }
 function Ie(e, t, n, o) {
-  const a = h(), c = h(e.autocomplete), d = h(e.enableTitle), {
-    isPassword: u
-  } = n, l = h(e.minLength), r = h(e.maxLength), s = h(e.tabIndex), {
-    disabled: i,
+  const a = b(), d = b(e.autocomplete), s = b(e.enableTitle), {
+    isPassword: i
+  } = n, u = b(e.minLength), r = b(e.maxLength), c = b(e.tabIndex), {
+    disabled: l,
     displayText: p,
     inputType: m,
     onBlur: v,
-    onFocus: w,
+    onFocus: C,
     onInput: x,
-    onClick: k,
+    onClick: T,
     onKeydown: S,
-    onKeyup: A,
-    onMousedown: M,
-    onTextBoxValueChange: V,
-    readonly: b,
-    placeholder: C,
-    textBoxClass: B,
-    textBoxTitle: O
+    onKeyup: E,
+    onMousedown: k,
+    onTextBoxValueChange: O,
+    readonly: h,
+    placeholder: w,
+    textBoxClass: M,
+    textBoxTitle: P
   } = o;
-  return j(() => {
+  return G(() => {
     e.selectOnCreated, e.focusOnCreated;
-  }), () => T("input", {
+  }), () => B("input", {
     ref: a,
     name: "input-group-value",
-    autocomplete: c.value,
-    class: B.value,
-    disabled: i == null ? void 0 : i.value,
+    autocomplete: d.value,
+    class: M.value,
+    disabled: l == null ? void 0 : l.value,
     maxlength: r.value,
-    minlength: l.value,
-    placeholder: C.value,
-    readonly: b == null ? void 0 : b.value,
-    tabindex: s.value,
-    title: d.value && !u.value ? O.value : "",
+    minlength: u.value,
+    placeholder: w.value,
+    readonly: h == null ? void 0 : h.value,
+    tabindex: c.value,
+    title: s.value && !i.value ? P.value : "",
     type: m.value,
     value: p == null ? void 0 : p.value,
     onBlur: v,
-    onClick: k,
-    onChange: V,
-    onFocus: w,
+    onClick: T,
+    onChange: O,
+    onFocus: C,
     onInput: x,
     onKeydown: S,
-    onKeyup: A,
-    onMousedown: M
+    onKeyup: E,
+    onMousedown: k
   }, null);
 }
 function qe(e, t) {
@@ -786,147 +786,147 @@ function qe(e, t) {
   function a() {
     t.emit("updateExtendInfo");
   }
-  return () => n.value && le(T("span", {
+  return () => n.value && le(B("span", {
     class: "input-group-before-tips",
     onMouseenter: a
-  }, [T("i", {
+  }, [B("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), T("b", {
+  }, null), B("b", {
     class: "tips-arrow"
   }, null)]), [[ue("tooltip"), o]]);
 }
 function ne(e, t, n, o, a) {
   const {
-    appendedButtonClass: c,
-    appendedContent: d
-  } = n, u = y(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), l = y(() => d.value && !t.slots.groupTextTemplate), r = y(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: s,
-    clearButtonStyle: i,
+    appendedButtonClass: d,
+    appendedContent: s
+  } = n, i = y(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), u = y(() => s.value && !t.slots.groupTextTemplate), r = y(() => !!t.slots.groupTextTemplate), {
+    clearButtonClass: c,
+    clearButtonStyle: l,
     onClearValue: p,
     shouldShowClearButton: m
   } = o;
   function v() {
-    return T("span", {
+    return B("span", {
       id: "clearIcon",
-      class: s.value,
-      style: i.value,
-      onClick: (C) => p(C)
-    }, [T("i", {
+      class: c.value,
+      style: l.value,
+      onClick: (w) => p(w)
+    }, [B("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function w(C) {
-    t.emit("iconMouseEnter", C);
+  function C(w) {
+    t.emit("iconMouseEnter", w);
   }
-  function x(C) {
-    t.emit("iconMouseLeave", C);
+  function x(w) {
+    t.emit("iconMouseLeave", w);
   }
-  function k(C) {
-    u.value && t.emit("clickHandle", {
-      originalEvent: C
-    }), C.stopPropagation();
+  function T(w) {
+    i.value && t.emit("clickHandle", {
+      originalEvent: w
+    }), w.stopPropagation();
   }
-  const S = e.type === "password" ? a.onClickAppendedButton : k;
-  function A() {
-    return T("span", {
+  const S = e.type === "password" ? a.onClickAppendedButton : T;
+  function E() {
+    return B("span", {
       class: "input-group-text",
-      onMouseenter: (C) => w(C),
-      onMouseleave: (C) => x(C),
-      innerHTML: d.value,
-      onClick: (C) => S(C)
+      onMouseenter: (w) => C(w),
+      onMouseleave: (w) => x(w),
+      innerHTML: s.value,
+      onClick: (w) => S(w)
     }, null);
   }
-  function M() {
+  function k() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
-  function V() {
-    return l.value ? A : r.value ? M : "";
+  function O() {
+    return u.value ? E : r.value ? k : "";
   }
-  const b = V();
-  return () => T("div", {
-    class: c.value
-  }, [m.value && v(), b && b()]);
+  const h = O();
+  return () => B("div", {
+    class: d.value
+  }, [m.value && v(), h && h()]);
 }
 const L = /* @__PURE__ */ Q({
   name: "FInputGroup",
   props: W,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, t) {
-    const n = h(e.modelValue), o = h(e.modelValue), a = De(e, t, n, o), {
-      inputGroupClass: c,
-      inputType: d,
-      inputGroupStyle: u
-    } = a, l = ee(e), {
+    const n = b(e.modelValue), o = b(e.modelValue), a = De(e, t, n, o), {
+      inputGroupClass: d,
+      inputType: s,
+      inputGroupStyle: i
+    } = a, u = ee(e), {
       shouldShowAppendedButton: r
-    } = l, s = K(e, t, a), {
-      onMouseEnter: i,
+    } = u, c = K(e, t, a), {
+      onMouseEnter: l,
       onMouseLeave: p
-    } = s, m = te(e, t, d, l), v = Ue(e, t), w = Ie(e, t, m, a), x = ne(e, t, l, s, m), k = qe(e, t), S = y(() => e.type === "number");
-    D(() => [e.value], ([M]) => {
-      n.value = M, o.value = M;
-    }), D(() => [e.modelValue], ([M]) => {
-      n.value = M, o.value = M;
-    }), j(() => {
+    } = c, m = te(e, t, s, u), v = Ue(e, t), C = Ie(e, t, m, a), x = ne(e, t, u, c, m), T = qe(e, t), S = y(() => e.type === "number");
+    V(() => [e.value], ([k]) => {
+      n.value = k, o.value = k;
+    }), V(() => [e.modelValue], ([k]) => {
+      n.value = k, o.value = k;
+    }), G(() => {
       e.value && (n.value = e.value, o.value = e.value);
     });
-    const A = () => T(J, null, [T("div", {
+    const E = () => B(J, null, [B("div", {
       id: "inputGroup",
-      class: c.value,
-      style: u.value,
-      onMouseenter: i,
+      class: d.value,
+      style: i.value,
+      onMouseenter: l,
       onMouseleave: p
-    }, [S.value ? v() : T(J, null, [k(), w(), r.value && x()])])]);
-    return () => A();
+    }, [S.value ? v() : B(J, null, [T(), C(), r.value && x()])])]);
+    return () => E();
   }
 });
 function We(e, t) {
   e.schema;
-  const n = h(!0), o = h(!0);
-  function a(i) {
+  const n = b(!0), o = b(!0);
+  function a(l) {
     return !1;
   }
-  function c() {
+  function d() {
     return !1;
   }
-  function d() {
+  function s() {
     return !1;
   }
-  function u() {
+  function i() {
     return !0;
   }
-  function l(i) {
+  function u(l) {
   }
   function r() {
   }
-  function s(i) {
+  function c(l) {
     return null;
   }
   return {
     canAccepts: a,
-    checkCanDeleteComponent: c,
-    checkCanMoveComponent: d,
-    hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: l,
+    checkCanDeleteComponent: d,
+    checkCanMoveComponent: s,
+    hideNestedPaddingInDesginerView: i,
+    onAcceptMovedChildElement: u,
     resolveComponentContext: r,
     triggerBelongedComponentToMoveWhenMoved: n,
     triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: s
+    getPropsConfig: c
   };
 }
 class He {
   constructor(t, n) {
-    P(this, "componentId");
-    P(this, "viewModelId");
-    P(this, "eventsEditorUtils");
-    P(this, "formSchemaUtils");
-    P(this, "formMetadataConverter");
-    P(this, "designViewModelUtils");
-    P(this, "designViewModelField");
-    P(this, "controlCreatorUtils");
-    P(this, "designerHostService");
-    P(this, "schemaService", null);
-    P(this, "metadataService", null);
-    P(this, "propertyConfig", {
+    A(this, "componentId");
+    A(this, "viewModelId");
+    A(this, "eventsEditorUtils");
+    A(this, "formSchemaUtils");
+    A(this, "formMetadataConverter");
+    A(this, "designViewModelUtils");
+    A(this, "designViewModelField");
+    A(this, "controlCreatorUtils");
+    A(this, "designerHostService");
+    A(this, "schemaService", null);
+    A(this, "metadataService", null);
+    A(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
@@ -995,12 +995,12 @@ class He {
     };
   }
 }
-const N = class N {
+const j = class j {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(t) {
-    const n = N.fieldControlTypeMapping[t];
+    const n = j.fieldControlTypeMapping[t];
     return n || [{ key: "", value: "" }];
   }
   /**
@@ -1008,8 +1008,8 @@ const N = class N {
    */
   static getAllInputTypes() {
     const t = [];
-    for (let n in N.fieldControlTypeMapping)
-      N.fieldControlTypeMapping[n].forEach((o) => {
+    for (let n in j.fieldControlTypeMapping)
+      j.fieldControlTypeMapping[n].forEach((o) => {
         t.find((a) => a.key === o.key && a.value === o.value) || t.push({ key: o.key, value: o.value });
       });
     return t;
@@ -1018,7 +1018,7 @@ const N = class N {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-P(N, "fieldControlTypeMapping", {
+A(j, "fieldControlTypeMapping", {
   String: [
     { key: f["input-group"].type, value: f["input-group"].name },
     { key: f.lookup.type, value: f.lookup.name },
@@ -1064,8 +1064,8 @@ P(N, "fieldControlTypeMapping", {
     { key: f["radio-group"].type, value: f["radio-group"].name }
   ]
 });
-let $ = N;
-const ze = h(0);
+let $ = j;
+const ze = b(0);
 class Je extends He {
   constructor(t, n) {
     super(t, n);
@@ -1074,10 +1074,10 @@ class Je extends He {
     return this.propertyConfig.categories.basic = this.getBasicProperties(t, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
   }
   getBasicProperties(t, n) {
-    var d;
+    var s;
     var o = this;
     this.setDesignViewModelField(t);
-    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), c = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), d = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -1089,8 +1089,8 @@ class Je extends He {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -1099,7 +1099,7 @@ class Je extends He {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: o.designViewModelField ? $.getEditorTypesByMDataType((d = o.designViewModelField.type) == null ? void 0 : d.name) : $.getAllInputTypes()
+            data: o.designViewModelField ? $.getEditorTypesByMDataType((s = o.designViewModelField.type) == null ? void 0 : s.name) : $.getAllInputTypes()
           }
         },
         label: {
@@ -1124,15 +1124,19 @@ class Je extends He {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: c
+            data: d
           }
         }
       },
-      setPropertyRelates(u, l) {
-        if (u)
-          switch (u && u.propertyID) {
+      setPropertyRelates(i, u) {
+        if (i)
+          switch (i && i.propertyID) {
             case "type": {
-              o.changeControlType(t, u, n);
+              o.changeControlType(t, i, n);
+              break;
+            }
+            case "label": {
+              i.needRefreshControlTree = !0;
               break;
             }
           }
@@ -1178,12 +1182,12 @@ class Je extends He {
    * @param newControlType 新控件类型
    */
   changeControlType(t, n, o) {
-    var r, s, i, p;
-    const a = n.propertyValue, c = o && o.parent && o.parent.schema;
-    if (!c)
+    var r, c, l, p;
+    const a = n.propertyValue, d = o && o.parent && o.parent.schema;
+    if (!d)
       return;
-    const d = c.contents.findIndex((m) => m.id === t.id), u = c.contents[d];
-    let l;
+    const s = d.contents.findIndex((m) => m.id === t.id), i = d.contents[s];
+    let u;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
         $type: a
@@ -1191,30 +1195,30 @@ class Je extends He {
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), l = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, a)), l || (l = _("form-group") || {}, l.editor = _(a) || {}, delete l.editor.id, delete l.editor.binding, delete l.editor.appearance), Object.assign(l, {
-      id: u.id,
-      appearance: u.appearance,
-      size: u.size,
-      label: u.label,
-      binding: u.binding,
-      visible: u.visible
-    }), Object.assign(l.editor, {
-      isTextArea: l.isTextArea && u.isTextArea,
-      placeholder: (r = u.editor) == null ? void 0 : r.placeholder,
-      holdPlace: (s = u.editor) == null ? void 0 : s.holdPlace,
-      readonly: (i = u.editor) == null ? void 0 : i.readonly,
-      require: (p = u.editor) == null ? void 0 : p.require
-    }), c.contents.splice(d, 1), c.contents.splice(d, 0, l), o.schema = Object.assign(u, l), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+    }, !1), u = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, a)), u || (u = _("form-group") || {}, u.editor = _(a) || {}, delete u.editor.id, delete u.editor.binding, delete u.editor.appearance), Object.assign(u, {
+      id: i.id,
+      appearance: i.appearance,
+      size: i.size,
+      label: i.label,
+      binding: i.binding,
+      visible: i.visible
+    }), Object.assign(u.editor, {
+      isTextArea: u.isTextArea && i.isTextArea,
+      placeholder: (r = i.editor) == null ? void 0 : r.placeholder,
+      holdPlace: (c = i.editor) == null ? void 0 : c.holdPlace,
+      readonly: (l = i.editor) == null ? void 0 : l.readonly,
+      require: (p = i.editor) == null ? void 0 : p.require
+    }), d.contents.splice(s, 1), d.contents.splice(s, 0, u), o.schema = Object.assign(i, u), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
       (m) => m.classList.remove("dgComponentSelected")
     ), ze.value++;
   }
   getComponentConfig(t, n = {}, o = {}) {
     const a = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), c = Object.assign({
+    }, n), d = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1236,7 +1240,7 @@ class Je extends He {
         type: "string"
       }
     }, o);
-    return { ...a, properties: { ...c } };
+    return { ...a, properties: { ...d } };
   }
 }
 class Ze extends Je {
@@ -1249,148 +1253,148 @@ function _e(e, t) {
     canAccepts: n,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: d,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: l,
+    hideNestedPaddingInDesginerView: d,
+    onAcceptMovedChildElement: s,
+    resolveComponentContext: i,
+    triggerBelongedComponentToMoveWhenMoved: u,
     triggerBelongedComponentToDeleteWhenDeleted: r
-  } = We(e), s = e.schema;
-  function i(p, m) {
-    return new Ze(p, t).getPropertyConfig(s, m);
+  } = We(e), c = e.schema;
+  function l(p, m) {
+    return new Ze(p, t).getPropertyConfig(c, m);
   }
   return {
     canAccepts: n,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: d,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: l,
+    hideNestedPaddingInDesginerView: d,
+    onAcceptMovedChildElement: s,
+    resolveComponentContext: i,
+    triggerBelongedComponentToMoveWhenMoved: u,
     triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: i
+    getPropsConfig: l
   };
 }
 function Qe(e, t, n) {
-  var V;
+  var O;
   function o() {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
   o();
-  const a = n && n.getStyles && n.getStyles() || "", c = n && n.getDesignerClass && n.getDesignerClass() || "", d = h();
-  function u() {
+  const a = n && n.getStyles && n.getStyles() || "", d = n && n.getDesignerClass && n.getDesignerClass() || "", s = b();
+  function i() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
-  function l() {
+  function u() {
     return !1;
   }
   function r() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function s() {
+  function c() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function i(b) {
-    if (!b || !b.value)
+  function l(h) {
+    if (!h || !h.value)
       return null;
-    if (b.value.schema && b.value.schema.type === "component")
-      return b.value;
-    const C = h(b == null ? void 0 : b.value.parent), B = i(C);
-    return B || null;
+    if (h.value.schema && h.value.schema.type === "component")
+      return h.value;
+    const w = b(h == null ? void 0 : h.value.parent), M = l(w);
+    return M || null;
   }
-  function p(b = t) {
-    const { componentInstance: C, designerItemElementRef: B } = b;
-    return !C || !C.value ? null : C.value.canMove ? B : p(b.parent);
+  function p(h = t) {
+    const { componentInstance: w, designerItemElementRef: M } = h;
+    return !w || !w.value ? null : w.value.canMove ? M : p(h.parent);
   }
-  function m(b) {
-    return !!n && n.canAccepts(b);
+  function m(h) {
+    return !!n && n.canAccepts(h);
   }
   function v() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function w() {
+  function C() {
   }
-  function x(b, C) {
-    C && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(C);
+  function x(h, w) {
+    w && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(w);
   }
-  function k(b) {
-    const { componentType: C } = b;
-    let B = I(C, b);
-    n && n.onResolveNewComponentSchema && (B = n.onResolveNewComponentSchema(b, B));
-    const O = C.toLowerCase().replace("-", "_");
-    return B && !B.id && B.type === C && (B.id = `${O}_${Math.random().toString().slice(2, 6)}`), B;
+  function T(h, w) {
+    const { componentType: M } = h;
+    let P = I(M, h, w);
+    n && n.onResolveNewComponentSchema && (P = n.onResolveNewComponentSchema(h, P));
+    const N = M.toLowerCase().replace("-", "_");
+    return P && !P.id && P.type === M && (P.id = `${N}_${Math.random().toString().slice(2, 6)}`), P;
   }
-  function S(b, C) {
-    const B = String(b.getAttribute("data-controltype")), O = b.getAttribute("data-feature"), G = O ? JSON.parse(O) : {};
-    G.parentComponentInstance = d.value;
-    let F = I(B, G);
-    n && n.onAcceptNewChildElement && (F = n.onAcceptNewChildElement(b, C, F));
-    const U = B.toLowerCase().replace("-", "_");
-    return F && !F.id && F.type === B && (F.id = `${U}_${Math.random().toString().slice(2, 6)}`), F;
+  function S(h, w) {
+    const M = String(h.getAttribute("data-controltype")), P = h.getAttribute("data-feature"), N = P ? JSON.parse(P) : {};
+    N.parentComponentInstance = s.value;
+    let D = I(M, N);
+    n && n.onAcceptNewChildElement && (D = n.onAcceptNewChildElement(h, w, D));
+    const U = M.toLowerCase().replace("-", "_");
+    return D && !D.id && D.type === M && (D.id = `${U}_${Math.random().toString().slice(2, 6)}`), D;
   }
-  function A(b) {
+  function E(h) {
   }
-  function M(...b) {
+  function k(...h) {
     if (n && n.getPropsConfig)
-      return n.getPropsConfig(...b);
+      return n.getPropsConfig(...h);
   }
-  return d.value = {
-    canMove: u(),
-    canSelectParent: l(),
+  return s.value = {
+    canMove: i(),
+    canSelectParent: u(),
     canDelete: r(),
-    canNested: !s(),
+    canNested: !c(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: (V = t == null ? void 0 : t.parent) == null ? void 0 : V.componentInstance,
+    parent: (O = t == null ? void 0 : t.parent) == null ? void 0 : O.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: a,
-    designerClass: c,
+    designerClass: d,
     canAccepts: m,
-    getBelongedComponentInstance: i,
+    getBelongedComponentInstance: l,
     getDraggableDesignItemElement: p,
     getDraggingDisplayText: v,
-    getPropConfig: M,
-    getDragScopeElement: w,
+    getPropConfig: k,
+    getDragScopeElement: C,
     onAcceptMovedChildElement: x,
     onAcceptNewChildElement: S,
-    onChildElementMovedOut: A,
-    addNewChildComponentSchema: k,
+    onChildElementMovedOut: E,
+    addNewChildComponentSchema: T,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
-  }, d;
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || b(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || b(!1)
+  }, s;
 }
 const Xe = /* @__PURE__ */ Q({
   name: "FInputGroupDesign",
   props: W,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, t) {
-    const n = h(e.modelValue), o = h(e.modelValue), a = Ve(e, t, n, o), {
-      inputGroupClass: c,
-      inputType: d,
-      inputGroupStyle: u
-    } = a, l = ee(e), {
+    const n = b(e.modelValue), o = b(e.modelValue), a = Ve(e, t, n, o), {
+      inputGroupClass: d,
+      inputType: s,
+      inputGroupStyle: i
+    } = a, u = ee(e), {
       shouldShowAppendedButton: r
-    } = l, s = K(e, t, a), {
-      onMouseEnter: i,
+    } = u, c = K(e, t, a), {
+      onMouseEnter: l,
       onMouseLeave: p
-    } = s, m = te(e, t, d, l), v = h(), w = Z("designer-host-service"), x = Z("design-item-context"), k = _e(x, w), S = Qe(v, x, k);
-    j(() => {
+    } = c, m = te(e, t, s, u), v = b(), C = Z("designer-host-service"), x = Z("design-item-context"), T = _e(x, C), S = Qe(v, x, T);
+    G(() => {
       v.value.componentInstance = S;
     }), t.expose(S.value);
-    const A = ne(e, t, l, s, m), M = h();
-    return () => T("div", {
+    const E = ne(e, t, u, c, m), k = b();
+    return () => B("div", {
       id: "inputGroup",
       ref: v,
-      class: c.value,
-      style: u.value,
-      onMouseenter: i,
+      class: d.value,
+      style: i.value,
+      onMouseenter: l,
       onMouseleave: p
-    }, [T("input", {
-      ref: M,
+    }, [B("input", {
+      ref: k,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), r.value && A()]);
+    }, null), r.value && E()]);
   }
 });
 L.register = (e, t, n, o) => {