@farris/ui-vue 1.3.1 → 1.3.3

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

@@ -1,103 +1,98 @@
-var re = Object.defineProperty;
-var ie = (e, n, t) => n in e ? re(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var M = (e, n, t) => ie(e, typeof n != "symbol" ? n + "" : n, t);
-import { ref as b, computed as g, watch as x, onMounted as N, nextTick as $, createVNode as E, reactive as se, withDirectives as ue, resolveDirective as ce, defineComponent as Z, Fragment as q, inject as H } from "vue";
-import { isPlainObject as z, cloneDeep as J } from "lodash-es";
-import "bignumber.js";
-import { useNumber as de, useFormat as pe, useSpinner as fe, useTextBox as me } from "../number-spinner/index.esm.js";
-import { DgControl as X } from "../designer-canvas/index.esm.js";
-const Q = {}, Y = {};
-function j(e) {
-  const { properties: n, title: t, ignore: o } = e, a = o && Array.isArray(o), s = Object.keys(n).reduce((u, f) => ((!a || !o.find((i) => i == f)) && (u[f] = n[f].type === "object" && n[f].properties ? j(n[f]) : J(n[f].default)), u), {});
-  return t && (!a || !o.find((u) => u == "id")) && (s.id = `${t}-${Date.now()}`), s;
+var Y = Object.defineProperty;
+var _ = (e, n, t) => n in e ? Y(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var h = (e, n, t) => _(e, typeof n != "symbol" ? n + "" : n, t);
+import { ref as B, computed as T, watch as F, onMounted as L, nextTick as N, createVNode as w, reactive as K, withDirectives as ee, resolveDirective as te, defineComponent as W, Fragment as D, inject as U } from "vue";
+import { isPlainObject as j, cloneDeep as q } from "lodash-es";
+import { useTextBox as ne, useClear as R, useTextBoxDesign as oe, withInstall as ie } from "../common/index.esm.js";
+import { useNumber as se, useFormat as le, useSpinner as re, useTextBox as ae } from "../number-spinner/index.esm.js";
+import { DgControl as $, useDesignerComponent as ue } from "../designer-canvas/index.esm.js";
+const ce = {}, de = {};
+function H(e) {
+  const { properties: n, title: t, ignore: s } = e, i = s && Array.isArray(s), a = Object.keys(n).reduce((r, f) => ((!i || !s.find((p) => p === f)) && (r[f] = n[f].type === "object" && n[f].properties ? H(n[f]) : q(n[f].default)), r), {});
+  if (t && (!i || !s.find((r) => r === "id"))) {
+    const r = t.toLowerCase().replace(/-/g, "_");
+    a.id = `${r}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return a;
 }
-function _(e, n = {}, t) {
-  const o = Q[e];
-  if (o) {
-    let a = j(o);
-    const s = Y[e];
-    return a = s ? s({ getSchemaByType: _ }, a, n, t) : a, a;
-  }
-  return null;
-}
-function ye(e, n) {
-  const t = j(n);
-  return Object.keys(e).reduce((o, a) => (o[a] && z(o[a]) && z(e[a]) ? Object.assign(o[a], e[a]) : o[a] = e[a], o), t), t;
+function pe(e, n) {
+  const t = H(n);
+  return Object.keys(t).reduce((s, i) => (s[i] && j(s[i]) && j(e[i] || !e[i]) ? Object.assign(s[i], e[i] || {}) : s[i] = e[i], s), t), t;
 }
-function he(e, n) {
-  return Object.keys(e).filter((o) => e[o] != null).reduce((o, a) => {
-    if (n.has(a)) {
-      const s = n.get(a);
-      if (typeof s == "string")
-        o[s] = e[a];
+function me(e, n) {
+  return Object.keys(e).filter((s) => e[s] != null).reduce((s, i) => {
+    if (n.has(i)) {
+      const a = n.get(i);
+      if (typeof a == "string")
+        s[a] = e[i];
       else {
-        const u = s(a, e[a], e);
-        Object.assign(o, u);
+        const r = a(i, e[i], e);
+        Object.assign(s, r);
       }
     } else
-      o[a] = e[a];
-    return o;
+      s[i] = e[i];
+    return s;
   }, {});
 }
-function ge(e, n, t = /* @__PURE__ */ new Map()) {
-  const o = ye(e, n);
-  return he(o, t);
+function fe(e, n, t = /* @__PURE__ */ new Map()) {
+  const s = pe(e, n);
+  return me(s, t);
 }
-function ve(e = {}) {
-  function n(r, c, l, d) {
-    if (typeof l == "number")
-      return d[r].length === l;
-    if (typeof l == "object") {
-      const m = Object.keys(l)[0], p = l[m];
+function ye(e = {}) {
+  function n(l, c, o, d) {
+    if (typeof o == "number")
+      return d[l].length === o;
+    if (typeof o == "object") {
+      const m = Object.keys(o)[0], u = o[m];
       if (m === "not")
-        return Number(d[r].length) !== Number(p);
+        return Number(d[l].length) !== Number(u);
       if (m === "moreThan")
-        return Number(d[r].length) >= Number(p);
+        return Number(d[l].length) >= Number(u);
       if (m === "lessThan")
-        return Number(d[r].length) <= Number(p);
+        return Number(d[l].length) <= Number(u);
     }
     return !1;
   }
-  function t(r, c, l, d) {
-    return d[r] && d[r].propertyValue && String(d[r].propertyValue.value) === String(l);
+  function t(l, c, o, d) {
+    return d[l] && d[l].propertyValue && String(d[l].propertyValue.value) === String(o);
   }
-  const o = /* @__PURE__ */ new Map([
+  const s = /* @__PURE__ */ new Map([
     ["length", n],
     ["getProperty", t]
   ]);
-  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((d) => {
+  Object.keys(e).reduce((l, c) => (l.set(c, e[c]), l), s);
+  function i(l, c) {
+    const o = l;
+    return typeof c == "number" ? [{ target: o, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: o, operator: "getProperty", param: l, value: !!c }] : typeof c == "object" ? Object.keys(c).map((d) => {
       if (d === "length")
-        return { target: l, operator: "length", param: null, value: c[d] };
-      const m = d, p = c[d];
-      return { target: l, operator: "getProperty", param: m, value: p };
+        return { target: o, operator: "length", param: null, value: c[d] };
+      const m = d, u = c[d];
+      return { target: o, operator: "getProperty", param: m, value: u };
     }) : [];
   }
-  function s(r) {
-    return Object.keys(r).reduce((l, d) => {
-      const m = a(d, r[d]);
-      return l.push(...m), l;
+  function a(l) {
+    return Object.keys(l).reduce((o, d) => {
+      const m = i(d, l[d]);
+      return o.push(...m), o;
     }, []);
   }
-  function u(r, c) {
-    if (o.has(r.operator)) {
-      const l = o.get(r.operator);
-      return l && l(r.target, r.param, r.value, c) || !1;
+  function r(l, c) {
+    if (s.has(l.operator)) {
+      const o = s.get(l.operator);
+      return o && o(l.target, l.param, l.value, c) || !1;
     }
     return !1;
   }
-  function f(r, c) {
-    return s(r).reduce((m, p) => m && u(p, c), !0);
+  function f(l, c) {
+    return a(l).reduce((m, u) => m && r(u, c), !0);
   }
-  function i(r, c) {
-    const l = Object.keys(r), d = l.includes("allOf"), m = l.includes("anyOf"), p = d || m, w = (p ? r[p ? d ? "allOf" : "anyOf" : "allOf"] : [r]).map((F) => f(F, c));
-    return d ? !w.includes(!1) : w.includes(!0);
+  function p(l, c) {
+    const o = Object.keys(l), d = o.includes("allOf"), m = o.includes("anyOf"), u = d || m, b = (u ? l[u ? d ? "allOf" : "anyOf" : "allOf"] : [l]).map((k) => f(k, c));
+    return d ? !b.includes(!1) : b.includes(!0);
   }
-  return { parseValueSchema: i };
+  return { parseValueSchema: p };
 }
-const h = {
+const y = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -135,25 +130,26 @@ const h = {
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
-}, be = {}, Ce = {};
-ve();
-function we(e, n, t = /* @__PURE__ */ new Map(), o = (u, f, i) => f, a = {}, s = (u) => u) {
-  return Q[n.title] = n, Y[n.title] = o, be[n.title] = a, Ce[n.title] = s, (u = {}) => {
-    const f = ge(u, n, t), i = Object.keys(e).reduce((r, c) => (r[c] = e[c].default, r), {});
-    return Object.assign(i, f);
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
+}, ge = {}, he = {};
+ye();
+function be(e, n, t = /* @__PURE__ */ new Map(), s = (r, f, p, l) => f, i = {}, a = (r) => r) {
+  return ce[n.title] = n, de[n.title] = s, ge[n.title] = i, he[n.title] = a, (r = {}) => {
+    const f = fe(r, n, t), p = Object.keys(e).reduce((l, c) => (l[c] = e[c].default, l), {});
+    return Object.assign(p, f);
   };
 }
-function Be(e, n) {
+function ve(e, n) {
   return { customClass: n.class, customStyle: n.style };
 }
-const Me = /* @__PURE__ */ new Map([
-  ["appearance", Be]
+const Ce = /* @__PURE__ */ new Map([
+  ["appearance", ve]
 ]);
-function Te(e, n, t) {
+function we(e, n, t) {
   return n;
 }
-const ke = "https://json-schema.org/draft/2020-12/schema", Se = "https://farris-design.gitee.io/input-group.schema.json", Ie = "input-group", Ee = "A Farris Input Component", Fe = "object", Ae = {
+const Ie = "https://json-schema.org/draft/2020-12/schema", Be = "https://farris-design.gitee.io/input-group.schema.json", Te = "input-group", Me = "A Farris Input Component", ke = "object", xe = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -215,11 +211,6 @@ const ke = "https://json-schema.org/draft/2020-12/schema", Se = "https://farris-
     type: "boolean",
     default: !1
   },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
   tabIndex: {
     description: "",
     type: "number",
@@ -355,18 +346,24 @@ const ke = "https://json-schema.org/draft/2020-12/schema", Se = "https://farris-
     type: "string",
     default: ""
   }
-}, Pe = [
+}, Se = [
   "id",
   "type"
-], xe = {
-  $schema: ke,
-  $id: Se,
-  title: Ie,
-  description: Ee,
-  type: Fe,
-  properties: Ae,
-  required: Pe
-}, U = {
+], Ee = [
+  "id",
+  "appearance",
+  "binding",
+  "visible"
+], Fe = {
+  $schema: Ie,
+  $id: Be,
+  title: Te,
+  description: Me,
+  type: ke,
+  properties: xe,
+  required: Se,
+  ignore: Ee
+}, G = {
   id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -433,520 +430,311 @@ const ke = "https://json-schema.org/draft/2020-12/schema", Se = "https://farris-
    * - input: 输入时更新
    */
   updateOn: { type: String, default: "blur" }
-}, K = we(U, xe, Me, Te);
-function De(e, n, t, o) {
-  const a = b(e.disabled), s = b(!1), u = b("text"), f = b(e.showBorder), i = b(e.textAlign), r = b(e.updateOn), c = g(() => e.editable || !e.readonly), l = g(() => e.editable && !e.disabled && !e.readonly), d = g(() => !e.disabled && s.value), m = g(() => t.value === "" || t.value === null || t.value === void 0), p = g(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), y = g(() => e.readonly || !e.editable), B = g(() => e.enableTitle ? t.value : ""), w = g(() => ({
-    "form-control": !0,
-    "f-utils-fill": !0,
-    "text-left": i.value === "left",
-    "text-center": i.value === "center",
-    "text-right": i.value === "right"
-  })), T = g(() => {
-    const v = {
-      "f-cmp-inputgroup": !0,
-      "input-group": !0,
-      "f-state-disable": a.value,
-      "f-state-editable": l.value,
-      "f-state-readonly": y.value,
-      "f-state-focus": d.value
-    };
-    return (e.customClass || "").split(" ").reduce((W, le) => (W[le] = !0, W), v), v;
-  }), F = g(() => f.value ? "" : "border-width : 0 ");
-  function S(v, P = !0) {
-    t.value = v, o.value !== v && (o.value = v), P && n.emit("change", v), n.emit("update:modelValue", v), n.emit("update:value", v);
-  }
-  x(
-    () => e.modelValue,
-    (v, P) => {
-      v !== P && (t.value = v, o.value = v);
-    }
-  ), x(() => e.disabled, (v, P) => {
-    v !== P && (a.value = v);
-  });
-  function C(v) {
-    return s.value = !1, n.emit("blur", v), v.stopPropagation(), !1;
-  }
-  function I(v) {
-    n.emit("click", v);
-  }
-  function k(v) {
-    e.disabled || (f.value && (s.value = !0), c.value && n.emit("focus", v));
-  }
-  function A(v) {
-    n.emit("input", v.target.value);
-    const P = v.target.value;
-    o.value = P, r.value === "change" && (n.emit("update:modelValue", P), n.emit("update:value", P));
-  }
-  function D(v) {
-    n.emit("keydown", v);
-  }
-  function G(v) {
-    n.emit("keyup", v);
-  }
-  function oe(v) {
-    v.target.tagName !== "INPUT" && v.preventDefault(), v.stopPropagation();
-  }
-  function ae(v) {
-    if (r.value === "blur") {
-      const P = v.target.value;
-      v.stopPropagation(), S(P);
-    }
-  }
-  return {
-    changeTextBoxValue: S,
-    disabled: a,
-    displayText: o,
-    editable: l,
-    hasFocused: d,
-    inputGroupClass: T,
-    inputType: u,
-    isEmpty: m,
-    modelValue: t,
-    readonly: y,
-    onBlur: C,
-    onClick: I,
-    onFocus: k,
-    onInput: A,
-    onKeydown: D,
-    onKeyup: G,
-    onMousedown: oe,
-    onTextBoxValueChange: ae,
-    placeholder: p,
-    textBoxClass: w,
-    textBoxTitle: B,
-    inputGroupStyle: F
-  };
-}
-function Le(e, n, t, o) {
-  const a = b(e.disabled), s = b(!1), u = b("text"), f = b(e.showBorder), i = b(e.textAlign);
-  g(() => e.editable || !e.readonly);
-  const r = g(() => e.editable && !e.disabled && !e.readonly), c = g(() => !e.disabled && s.value), l = g(() => t.value === "" || t.value === null || t.value === void 0), d = g(() => e.placeholder), m = g(() => e.readonly || !e.editable), p = g(() => e.enableTitle ? t.value : ""), y = g(() => ({
-    "form-control": !0,
-    // 'f-utils-fill': true,
-    "text-left": i.value === "left",
-    "text-center": i.value === "center",
-    "text-right": i.value === "right"
-  })), B = g(() => ({
-    "f-cmp-inputgroup": !0,
-    "input-group": !0,
-    "f-state-disable": !0,
-    "f-state-editable": !1,
-    "f-state-readonly": !0
-    // 'f-state-focus': hasFocused.value
-  })), w = g(() => f.value ? "" : "border-width : 0 ");
-  return {
-    // changeTextBoxValue,
-    disabled: a,
-    displayText: o,
-    editable: r,
-    hasFocused: c,
-    inputGroupClass: B,
-    inputType: u,
-    isEmpty: l,
-    modelValue: t,
-    readonly: m,
-    // onBlur,
-    // onClick,
-    // onFocus,
-    // onInput,
-    // onKeydown,
-    // onKeyup,
-    // onMousedown,
-    // onTextBoxValueChange,
-    placeholder: d,
-    textBoxClass: y,
-    textBoxTitle: p,
-    inputGroupStyle: w
-  };
-}
-function R(e, n, t) {
-  const o = b(!1), a = g(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: s, displayText: u, hasFocused: f, isEmpty: i } = t;
-  function r(y) {
-    o.value = y;
-  }
-  x(u, () => {
-    f != null && f.value ? r(!!(u != null && u.value)) : r(!1);
-  });
-  const c = g(() => ({
-    "input-group-text": !0,
-    "input-group-clear": !0
-  })), l = g(() => ({
-    width: "24px",
-    display: o.value ? "flex" : "none"
-  }));
-  function d(y) {
-    y.stopPropagation(), a.value && (s("", !0), r(!o.value), n.emit("clear"));
-  }
-  function m(y) {
-    a.value && !i.value && r(!0);
-  }
-  function p(y) {
-    a.value && r(!1);
-  }
-  return { clearButtonClass: c, clearButtonStyle: l, hasShownClearButton: o, onClearValue: d, onMouseEnter: m, onMouseLeave: p, shouldShowClearButton: a };
-}
-const Ne = ["moz", "ms", "webkit"];
-function Ve() {
-  let e = 0;
-  return (n) => {
-    const t = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (t - e)), a = setTimeout(() => {
-      n(t + o);
-    }, o);
-    return e = t + o, a;
-  };
-}
-function Oe() {
-  if (typeof window > "u")
-    return () => 0;
-  if (window.requestAnimationFrame)
-    return window.requestAnimationFrame.bind(window);
-  const e = Ne.filter((n) => `${n}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : Ve();
-}
-Oe();
-const Ge = (e) => {
-  const n = e;
-  return n.install = function(t) {
-    t.component(n.name, e);
-  }, e;
-};
-function ee(e, n) {
-  const t = b(e.groupText), o = g(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = g(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: g(() => ({
+}, z = be(G, Fe, Ce, we);
+function X(e, n) {
+  const t = B(e.groupText), s = T(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), i = T(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: T(() => ({
     "input-group-append": !0,
-    "append-force-show": o.value
-  })), appendedContent: t, shouldShowAppendedButton: a };
+    "append-force-show": s.value
+  })), appendedContent: t, shouldShowAppendedButton: i };
 }
-function te(e, n, t, o) {
-  const { appendedContent: a } = o, s = b(e.enableViewPassword), u = g(() => e.type === "password"), f = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', i = '<span class="f-icon f-icon-eye"></span>', r = b(!1);
-  x(() => [e.readonly, e.disabled], ([d, m]) => {
-    u.value && (t.value = d || m ? "password" : t.value, a.value = d || m ? i : a.value);
+function Q(e, n, t, s) {
+  const { appendedContent: i } = s, a = B(e.enableViewPassword), r = T(() => e.type === "password"), f = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', p = '<span class="f-icon f-icon-eye"></span>', l = B(!1);
+  F(() => [e.readonly, e.disabled], ([d, m]) => {
+    r.value && (t.value = d || m ? "password" : t.value, i.value = d || m ? p : i.value);
   });
   function c() {
-    return r.value = !r.value, t.value = r.value ? "text" : "password", a.value = r.value ? f : i, !1;
+    return l.value = !l.value, t.value = l.value ? "text" : "password", i.value = l.value ? f : p, !1;
   }
-  function l() {
-    t.value = u.value ? "password" : "text", a.value = u.value ? s.value ? i : "" : a.value;
+  function o() {
+    t.value = r.value ? "password" : "text", i.value = r.value ? a.value ? p : "" : i.value;
   }
-  return l(), { isPassword: u, onClickAppendedButton: c };
+  return o(), { isPassword: r, onClickAppendedButton: c };
 }
-function je(e, n, t) {
-  const o = b(), {
-    onBlurTextBox: a,
-    onFocusTextBox: s,
-    onInput: u,
+function Le(e, n, t) {
+  const s = B(), {
+    onBlurTextBox: i,
+    onFocusTextBox: a,
+    onInput: r,
     onKeyDown: f,
-    textBoxValue: i
-  } = t, r = g(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), c = g(() => ({
+    textBoxValue: p
+  } = t, l = T(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), c = T(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), l = g(() => ({
+  })), o = T(() => ({
     "text-align": e.textAlign
   }));
-  function d(y) {
-    y.stopPropagation();
+  function d(g) {
+    g.stopPropagation();
   }
   function m() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function p(y) {
-    s(y), await $, m();
+  async function u(g) {
+    a(g), await N, m();
   }
-  return N(async () => {
-    await $, m();
-  }), () => E("input", {
-    ref: o,
+  return L(async () => {
+    await N, m();
+  }), () => w("input", {
+    ref: s,
     class: c.value,
-    style: l.value,
+    style: o.value,
     type: "text",
-    value: i.value,
+    value: p.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
-    placeholder: r.value,
-    onBlur: a,
+    placeholder: l.value,
+    onBlur: i,
     onChange: d,
-    onFocus: p,
-    onInput: u,
+    onFocus: u,
+    onInput: r,
     onKeydown: f
   }, null);
 }
-function Ue(e, n, t) {
+function Pe(e, n, t) {
   const {
-    canDownward: o,
-    canUpward: a,
-    onClickDownButton: s,
-    onClickUpButton: u
-  } = t, f = g(() => ({
+    canDownward: s,
+    canUpward: i,
+    onClickDownButton: a,
+    onClickUpButton: r
+  } = t, f = T(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), i = g(() => ({
+  })), p = T(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), r = g(() => ({
-    cursor: a() ? "pointer" : "not-allowed",
+  })), l = T(() => ({
+    cursor: i() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), c = g(() => ({
-    cursor: o() ? "pointer" : "not-allowed",
+  })), c = T(() => ({
+    cursor: s() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => E("div", {
+  return () => w("div", {
     class: f.value
-  }, [E("button", {
+  }, [w("button", {
     title: "upButton",
-    class: i.value,
-    style: r.value,
-    onClick: u,
-    disabled: !a()
-  }, [E("span", {
+    class: p.value,
+    style: l.value,
+    onClick: r,
+    disabled: !i()
+  }, [w("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), E("button", {
+  }, null)]), w("button", {
     title: "downButton",
-    class: i.value,
+    class: p.value,
     style: c.value,
-    onClick: s,
-    disabled: !o()
-  }, [E("span", {
+    onClick: a,
+    disabled: !s()
+  }, [w("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function We(e, n) {
-  const t = de(e, n), o = pe(e, n, t), a = fe(e, n, o, t), s = me(e, n, o, t, a), u = Ue(e, n, a), {
+function Ae(e, n) {
+  const t = se(e, n), s = le(e, n, t), i = re(e, n, s, t), a = ae(e, n, s, t, i), r = Pe(e, n, i), {
     displayValue: f,
-    modelValue: i,
-    getRealValue: r
-  } = t, c = je(e, n, s), {
-    format: l
-  } = o, {
+    modelValue: p,
+    getRealValue: l
+  } = t, c = Le(e, n, a), {
+    format: o
+  } = s, {
     isFocus: d
-  } = s, m = g(() => !e.disabled && !e.readonly);
-  return N(() => {
-    const p = r(e.modelValue);
-    f.value = l(p);
-  }), x(() => [e.value], ([p]) => {
-    const y = r(p);
-    i.value = y, f.value = l(y);
-  }), x(() => [e.modelValue], ([p]) => {
-    p !== i.value && (i.value = p, !d.value && (f.value = l(r(p))));
-  }), x(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    f.value = l(i.value);
-  }), () => E("div", {
+  } = a, m = T(() => !e.disabled && !e.readonly);
+  return L(() => {
+    const u = l(e.modelValue);
+    f.value = o(u);
+  }), F(() => [e.value], ([u]) => {
+    const g = l(u);
+    p.value = g, f.value = o(g);
+  }), F(() => [e.modelValue], ([u]) => {
+    u !== p.value && (p.value = u, !d.value && (f.value = o(l(u))));
+  }), F(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    f.value = o(p.value);
+  }), () => w("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [c(), m.value && u()]);
+  }, [c(), m.value && r()]);
 }
-function $e(e, n, t, o) {
-  const a = b(), s = b(e.autocomplete), u = b(e.enableTitle), {
+function Ve(e, n, t, s) {
+  const i = B(), a = B(e.autocomplete), r = B(e.enableTitle), {
     isPassword: f
-  } = t, i = b(e.minLength), r = b(e.maxLength), c = b(e.tabIndex), {
-    disabled: l,
+  } = t, p = B(e.minLength), l = B(e.maxLength), c = B(e.tabIndex), {
+    disabled: o,
     displayText: d,
     inputType: m,
-    onBlur: p,
-    onFocus: y,
-    onInput: B,
-    onClick: w,
-    onKeydown: T,
-    onKeyup: F,
-    onMousedown: S,
-    onTextBoxValueChange: C,
-    readonly: I,
-    placeholder: k,
-    textBoxClass: A,
-    textBoxTitle: D
-  } = o;
-  return N(() => {
+    onBlur: u,
+    onFocus: g,
+    onInput: v,
+    onClick: b,
+    onKeydown: C,
+    onKeyup: k,
+    onMousedown: M,
+    onTextBoxValueChange: x,
+    readonly: S,
+    placeholder: I,
+    textBoxClass: V,
+    textBoxTitle: O
+  } = s;
+  return L(() => {
     e.selectOnCreated, e.focusOnCreated;
-  }), () => E("input", {
-    ref: a,
+  }), () => w("input", {
+    ref: i,
     name: "input-group-value",
-    autocomplete: s.value,
-    class: A.value,
-    disabled: l == null ? void 0 : l.value,
-    maxlength: r.value,
-    minlength: i.value,
-    placeholder: k.value,
-    readonly: I == null ? void 0 : I.value,
+    autocomplete: a.value,
+    class: V.value,
+    disabled: o == null ? void 0 : o.value,
+    maxlength: l.value,
+    minlength: p.value,
+    placeholder: I.value,
+    readonly: S == null ? void 0 : S.value,
     tabindex: c.value,
-    title: u.value && !f.value ? D.value : "",
+    title: r.value && !f.value ? O.value : "",
     type: m.value,
     value: d == null ? void 0 : d.value,
-    onBlur: p,
-    onClick: w,
-    onChange: C,
-    onFocus: y,
-    onInput: B,
-    onKeydown: T,
-    onKeyup: F,
-    onMousedown: S
+    onBlur: u,
+    onClick: b,
+    onChange: x,
+    onFocus: g,
+    onInput: v,
+    onKeydown: C,
+    onKeyup: k,
+    onMousedown: M
   }, null);
 }
-function qe(e, n) {
-  const t = g(() => e.useExtendInfo && !!e.extendInfo), o = se({
+function Oe(e, n) {
+  const t = T(() => e.useExtendInfo && !!e.extendInfo), s = K({
     content: e.extendInfo
   });
-  function a() {
+  function i() {
     n.emit("updateExtendInfo");
   }
-  return () => t.value && ue(E("span", {
+  return () => t.value && ee(w("span", {
     class: "input-group-before-tips",
-    onMouseenter: a
-  }, [E("i", {
+    onMouseenter: i
+  }, [w("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), E("b", {
+  }, null), w("b", {
     class: "tips-arrow"
-  }, null)]), [[ce("tooltip"), o]]);
+  }, null)]), [[te("tooltip"), s]]);
 }
-function ne(e, n, t, o, a) {
+function Z(e, n, t, s, i) {
   const {
-    appendedButtonClass: s,
-    appendedContent: u
-  } = t, f = g(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), i = g(() => u.value && !n.slots.groupTextTemplate), r = g(() => !!n.slots.groupTextTemplate), {
+    appendedButtonClass: a,
+    appendedContent: r
+  } = t, f = T(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), p = T(() => r.value && !n.slots.groupTextTemplate), l = T(() => !!n.slots.groupTextTemplate), {
     clearButtonClass: c,
-    clearButtonStyle: l,
+    clearButtonStyle: o,
     onClearValue: d,
     shouldShowClearButton: m
-  } = o;
-  function p() {
-    return E("span", {
+  } = s;
+  function u() {
+    return w("span", {
       id: "clearIcon",
       class: c.value,
-      style: l.value,
-      onClick: (k) => d(k)
-    }, [E("i", {
+      style: o.value,
+      onClick: (I) => d(I)
+    }, [w("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function y(k) {
-    n.emit("iconMouseEnter", k);
+  function g(I) {
+    n.emit("iconMouseEnter", I);
   }
-  function B(k) {
-    n.emit("iconMouseLeave", k);
+  function v(I) {
+    n.emit("iconMouseLeave", I);
   }
-  function w(k) {
+  function b(I) {
     f.value && n.emit("clickHandle", {
-      originalEvent: k
-    }), k.stopPropagation();
+      originalEvent: I
+    }), I.stopPropagation();
   }
-  const T = e.type === "password" ? a.onClickAppendedButton : w;
-  function F() {
-    return E("span", {
+  const C = e.type === "password" ? i.onClickAppendedButton : b;
+  function k() {
+    return w("span", {
       class: "input-group-text",
-      onMouseenter: (k) => y(k),
-      onMouseleave: (k) => B(k),
-      innerHTML: u.value,
-      onClick: (k) => T(k)
+      onMouseenter: (I) => g(I),
+      onMouseleave: (I) => v(I),
+      innerHTML: r.value,
+      onClick: (I) => C(I)
     }, null);
   }
-  function S() {
+  function M() {
     return n.slots.groupTextTemplate && n.slots.groupTextTemplate();
   }
-  function C() {
-    return i.value ? F : r.value ? S : "";
+  function x() {
+    return p.value ? k : l.value ? M : "";
   }
-  const I = C();
-  return () => E("div", {
-    class: s.value
-  }, [m.value && p(), I && I()]);
+  const S = x();
+  return () => w("div", {
+    class: a.value
+  }, [m.value && u(), S && S()]);
 }
-const V = /* @__PURE__ */ Z({
+const P = /* @__PURE__ */ W({
   name: "FInputGroup",
-  props: U,
+  props: G,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, n) {
-    const t = b(e.modelValue), o = b(e.modelValue), a = De(e, n, t, o), {
-      inputGroupClass: s,
-      inputType: u,
+    const t = B(e.modelValue), s = B(e.modelValue), i = ne(e, n, t, s), {
+      inputGroupClass: a,
+      inputType: r,
       inputGroupStyle: f
-    } = a, i = ee(e), {
-      shouldShowAppendedButton: r
-    } = i, c = R(e, n, a), {
-      onMouseEnter: l,
+    } = i, p = X(e), {
+      shouldShowAppendedButton: l
+    } = p, c = R(e, n, i), {
+      onMouseEnter: o,
       onMouseLeave: d
-    } = c, m = te(e, n, u, i), p = We(e, n), y = $e(e, n, m, a), B = ne(e, n, i, c, m), w = qe(e, n), T = g(() => e.type === "number");
-    x(() => [e.value], ([S]) => {
-      t.value = S, o.value = S;
-    }), x(() => [e.modelValue], ([S]) => {
-      t.value = S, o.value = S;
-    }), N(() => {
-      e.value && (t.value = e.value, o.value = e.value);
+    } = c, m = Q(e, n, r, p), u = Ae(e, n), g = Ve(e, n, m, i), v = Z(e, n, p, c, m), b = Oe(e, n), C = T(() => e.type === "number");
+    F(() => [e.value], ([M]) => {
+      t.value = M, s.value = M;
+    }), F(() => [e.modelValue], ([M]) => {
+      t.value = M, s.value = M;
+    }), L(() => {
+      e.value && (t.value = e.value, s.value = e.value);
     });
-    const F = () => E(q, null, [E("div", {
+    const k = () => w(D, null, [w("div", {
       id: e.id,
-      class: s.value,
+      class: a.value,
       style: f.value,
-      onMouseenter: l,
+      onMouseenter: o,
       onMouseleave: d
-    }, [T.value ? p() : E(q, null, [w(), y(), r.value && B()])])]);
-    return () => F();
+    }, [C.value ? u() : w(D, null, [b(), g(), l.value && v()])])]);
+    return () => k();
   }
 });
-function He(e, n) {
-  e.schema;
-  const t = b(!0), o = b(!0);
-  function a(l) {
-    return !1;
-  }
-  function s() {
-    return !1;
-  }
-  function u() {
-    return !1;
-  }
-  function f() {
-    return !0;
-  }
-  function i(l) {
-  }
-  function r() {
-  }
-  function c(l) {
-    return null;
-  }
-  return {
-    canAccepts: a,
-    checkCanDeleteComponent: s,
-    checkCanMoveComponent: u,
-    hideNestedPaddingInDesginerView: f,
-    onAcceptMovedChildElement: i,
-    resolveComponentContext: r,
-    triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: c
-  };
-}
-class ze {
+class Ge {
   constructor(n, t) {
-    M(this, "componentId");
-    M(this, "viewModelId");
-    M(this, "eventsEditorUtils");
-    M(this, "formSchemaUtils");
-    M(this, "formMetadataConverter");
-    M(this, "designViewModelUtils");
-    M(this, "designViewModelField");
-    M(this, "controlCreatorUtils");
-    M(this, "designerHostService");
-    M(this, "schemaService", null);
-    M(this, "metadataService", null);
-    M(this, "propertyConfig", {
+    h(this, "componentId");
+    h(this, "viewModelId");
+    h(this, "eventsEditorUtils");
+    h(this, "formSchemaUtils");
+    h(this, "formMetadataConverter");
+    h(this, "designViewModelUtils");
+    h(this, "designViewModelField");
+    h(this, "controlCreatorUtils");
+    h(this, "designerHostService");
+    h(this, "schemaService", null);
+    h(this, "metadataService", null);
+    h(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
-    var o;
-    this.componentId = n, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
+    var s;
+    this.componentId = n, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((s = this.formSchemaUtils) == null ? void 0 : s.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
   }
   getTableInfo() {
     var n;
     return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(n) {
+    var s;
     const t = n.binding && n.binding.type === "Form" && n.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((a) => a.id === t);
+        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = i.fields.find((a) => a.id === t);
       }
-      n.updateOn = this.designViewModelField.updateOn;
+      n.updateOn = (s = this.designViewModelField) == null ? void 0 : s.updateOn;
     }
   }
   changeFieldEditorType(n, t) {
@@ -970,7 +758,7 @@ class ze {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: n.type, name: h[n.type].name }]
+            data: [{ value: n.type, name: y[n.type].name }]
           }
         }
       }
@@ -1003,19 +791,19 @@ class ze {
   * @returns 
   */
   updateElementByParentContainer(n, t) {
-    const o = t && t.parent && t.parent.schema;
-    if (!o)
+    const s = t && t.parent && t.parent.schema;
+    if (!s)
       return;
-    const a = o.contents.findIndex((u) => u.id === n), s = J(o.contents[a]);
-    o.contents.splice(a, 1), o.contents.splice(a, 0, s);
+    const i = s.contents.findIndex((r) => r.id === n), a = q(s.contents[i]);
+    s.contents.splice(i, 1), s.contents.splice(i, 0, a);
   }
 }
-const L = class L {
+const E = class E {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(n) {
-    const t = L.fieldControlTypeMapping[n];
+    const t = E.fieldControlTypeMapping[n];
     return t || [{ key: "", value: "" }];
   }
   /**
@@ -1023,9 +811,9 @@ const L = class L {
    */
   static getAllInputTypes() {
     const n = [];
-    for (let t in L.fieldControlTypeMapping)
-      L.fieldControlTypeMapping[t].forEach((o) => {
-        n.find((a) => a.key === o.key && a.value === o.value) || n.push({ key: o.key, value: o.value });
+    for (const t in E.fieldControlTypeMapping)
+      E.fieldControlTypeMapping[t].forEach((s) => {
+        n.find((i) => i.key === s.key && i.value === s.value) || n.push({ key: s.key, value: s.value });
       });
     return n;
   }
@@ -1033,176 +821,174 @@ const L = class L {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-M(L, "fieldControlTypeMapping", {
+h(E, "fieldControlTypeMapping", {
   String: [
-    { key: h["input-group"].type, value: h["input-group"].name },
-    { key: h.lookup.type, value: h.lookup.name },
-    { key: h["date-picker"].type, value: h["date-picker"].name },
-    { key: h["check-box"].type, value: h["check-box"].name },
-    { key: h["check-group"].type, value: h["check-group"].name },
-    { key: h["radio-group"].type, value: h["radio-group"].name },
-    { key: h["combo-list"].type, value: h["combo-list"].name },
-    { key: h.textarea.type, value: h.textarea.name }
+    { key: y["input-group"].type, value: y["input-group"].name },
+    { key: y.lookup.type, value: y.lookup.name },
+    { key: y["date-picker"].type, value: y["date-picker"].name },
+    { key: y["check-box"].type, value: y["check-box"].name },
+    { key: y["check-group"].type, value: y["check-group"].name },
+    { key: y["radio-group"].type, value: y["radio-group"].name },
+    { key: y["combo-list"].type, value: y["combo-list"].name },
+    { key: y.textarea.type, value: y.textarea.name }
   ],
   Text: [
-    { key: h.textarea.type, value: h.textarea.name },
-    { key: h.lookup.type, value: h.lookup.name }
+    { key: y.textarea.type, value: y.textarea.name },
+    { key: y.lookup.type, value: y.lookup.name }
   ],
   Decimal: [
-    { key: h["number-spinner"].type, value: h["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   Integer: [
-    { key: h["number-spinner"].type, value: h["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   Number: [
-    { key: h["number-spinner"].type, value: h["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   BigNumber: [
-    { key: h["number-spinner"].type, value: h["number-spinner"].name }
+    { key: y["number-spinner"].type, value: y["number-spinner"].name }
   ],
   Date: [
-    { key: h["date-picker"].type, value: h["date-picker"].name }
+    { key: y["date-picker"].type, value: y["date-picker"].name }
   ],
   DateTime: [
-    { key: h["date-picker"].type, value: h["date-picker"].name }
+    { key: y["date-picker"].type, value: y["date-picker"].name }
   ],
   Boolean: [
-    { key: h.switch.type, value: h.switch.name },
-    { key: h["check-box"].type, value: h["check-box"].name }
+    { key: y.switch.type, value: y.switch.name },
+    { key: y["check-box"].type, value: y["check-box"].name }
   ],
   Enum: [
-    { key: h["combo-list"].type, value: h["combo-list"].name },
-    { key: h["radio-group"].type, value: h["radio-group"].name }
+    { key: y["combo-list"].type, value: y["combo-list"].name },
+    { key: y["radio-group"].type, value: y["radio-group"].name }
   ],
   Object: [
-    { key: h.lookup.type, value: h.lookup.name },
-    { key: h["combo-list"].type, value: h["combo-list"].name },
-    { key: h["radio-group"].type, value: h["radio-group"].name }
+    { key: y.lookup.type, value: y.lookup.name },
+    { key: y["combo-list"].type, value: y["combo-list"].name },
+    { key: y["radio-group"].type, value: y["radio-group"].name }
   ]
 });
-let O = L;
-const Xe = b(0);
-class Ze {
+let A = E;
+const Ne = B(0);
+class De {
   constructor() {
     /** 控件标题 */
-    M(this, "label", "");
+    h(this, "label", "");
     /** 控件id */
-    M(this, "id", "");
+    h(this, "id", "");
     /** 每个控件占用的栅格数 */
-    M(this, "columnInSM", 12);
-    M(this, "columnInMD", 6);
-    M(this, "columnInLG", 3);
-    M(this, "columnInEL", 2);
+    h(this, "columnInSM", 12);
+    h(this, "columnInMD", 6);
+    h(this, "columnInLG", 3);
+    h(this, "columnInEL", 2);
     /** 每个控件占用的列数 */
-    M(this, "displayWidthInSM", 1);
-    M(this, "displayWidthInMD", 1);
-    M(this, "displayWidthInLG", 1);
-    M(this, "displayWidthInEL", 1);
+    h(this, "displayWidthInSM", 1);
+    h(this, "displayWidthInMD", 1);
+    h(this, "displayWidthInLG", 1);
+    h(this, "displayWidthInEL", 1);
     /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
-    M(this, "displayColumnCountAtBreakPoint", "md");
+    h(this, "displayColumnCountAtBreakPoint", "md");
     /** 控件所在行，传0即可-----编辑器内部使用 */
-    M(this, "tagRow", 0);
+    h(this, "tagRow", 0);
     /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
-    M(this, "showTopBorder", 0);
+    h(this, "showTopBorder", 0);
     /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
-    M(this, "group", 1);
+    h(this, "group", 1);
     /** 控件是否符合标准的class配置(设计器用的) */
-    M(this, "isSupportedClass", !0);
+    h(this, "isSupportedClass", !0);
     /** 控件所在分组id(设计器用的) */
-    M(this, "fieldSetId", "");
+    h(this, "fieldSetId", "");
   }
 }
-function Je(e) {
+function Ue(e) {
   let n, t;
-  const o = /* @__PURE__ */ new Map();
-  let a = [];
-  function s(c, l) {
-    const m = c.split(" ").filter((T) => T.startsWith("col-"));
+  const s = /* @__PURE__ */ new Map();
+  let i = [];
+  function a(c, o) {
+    const m = c.split(" ").filter((C) => C.startsWith("col-"));
     if (m.length === 0) {
-      l.isSupportedClass = !1;
+      o.isSupportedClass = !1;
       return;
     }
-    let p = m.find((T) => /^col-([1-9]|10|11|12)$/.test(T)), y = m.find((T) => /^col-md-([1-9]|10|11|12)$/.test(T)), B = m.find((T) => /^col-xl-([1-9]|10|11|12)$/.test(T)), w = m.find((T) => /^col-el-([1-9]|10|11|12)$/.test(T));
-    p = p || "col-12", l.columnInSM = parseInt(p.replace("col-", ""), 10), l.displayWidthInSM = l.columnInSM / 12, l.displayWidthInSM !== 1 && (l.isSupportedClass = !1), y = y || "col-md-" + l.columnInSM, l.columnInMD = parseInt(y.replace("col-md-", ""), 10), l.displayWidthInMD = l.columnInMD / 6, [1, 2].includes(l.displayWidthInMD) || (l.isSupportedClass = !1), B = B || "col-xl-" + l.columnInMD, l.columnInLG = parseInt(B.replace("col-xl-", ""), 10), l.displayWidthInLG = l.columnInLG / 3, [1, 2, 3, 4].includes(l.displayWidthInLG) || (l.isSupportedClass = !1), w = w || "col-el-" + l.columnInLG, l.columnInEL = parseInt(w.replace("col-el-", ""), 10), l.displayWidthInEL = l.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(l.displayWidthInEL) || (l.isSupportedClass = !1);
-  }
-  function u(c, l, d, m = !1) {
-    let p = !1;
-    c.contents.forEach((y) => {
-      if (y.type === "fieldset") {
-        d += 1, u(y, l, d, !0), p = !0;
+    let u = m.find((C) => /^col-([1-9]|10|11|12)$/.test(C)), g = m.find((C) => /^col-md-([1-9]|10|11|12)$/.test(C)), v = m.find((C) => /^col-xl-([1-9]|10|11|12)$/.test(C)), b = m.find((C) => /^col-el-([1-9]|10|11|12)$/.test(C));
+    u = u || "col-12", o.columnInSM = parseInt(u.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), g = g || "col-md-" + o.columnInSM, o.columnInMD = parseInt(g.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), v = v || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(v.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), b = b || "col-el-" + o.columnInLG, o.columnInEL = parseInt(b.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
+  }
+  function r(c, o, d, m = !1) {
+    let u = !1;
+    c.contents.forEach((g) => {
+      if (g.type === "fieldset") {
+        d += 1, r(g, o, d, !0), u = !0;
         return;
       }
-      p && (d += 1, p = !1);
-      const B = y.appearance && y.appearance.class, w = new Ze();
-      B ? s(B, w) : w.isSupportedClass = !1, w.label = y.label || y.id, w.id = y.id, w.group = d, m && (w.fieldSetId = c.id), t === y.id && (n = d), o.set(y.id, y), l.push(w);
+      u && (d += 1, u = !1);
+      const v = g.appearance && g.appearance.class, b = new De();
+      v ? a(v, b) : b.isSupportedClass = !1, b.label = g.label || g.id, b.id = g.id, b.group = d, m && (b.fieldSetId = c.id), t === g.id && (n = d), s.set(g.id, g), o.push(b);
     });
   }
   function f(c) {
-    const l = e.getComponentById(c);
-    if (!l || !l.componentType || !l.componentType.startsWith("form"))
+    const o = e.getComponentById(c);
+    if (!o || !o.componentType || !o.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    const d = e.selectNode(l, (m) => m.type === X["response-form"].type);
+    const d = e.selectNode(o, (m) => m.type === $["response-form"].type);
     return !d || !d.contents || d.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: d };
   }
-  function i(c, l) {
-    l = l || c.id;
-    const { result: d, message: m, formNode: p } = f(l);
+  function p(c, o) {
+    o = o || c.id;
+    const { result: d, message: m, formNode: u } = f(o);
     if (!d)
       return { result: d, message: m };
-    t = c.id, a = [], o.clear();
-    const y = p.contents[0].type === X.fieldset.type ? 0 : 1;
-    u(p, a, y);
-    const B = a.find((T) => !T.isSupportedClass);
+    t = c.id, i = [], s.clear();
+    const g = u.contents[0].type === $.fieldset.type ? 0 : 1;
+    r(u, i, g);
+    const v = i.find((C) => !C.isSupportedClass);
     return {
       defaultState: {
         defaultGroupNumber: n || 1,
-        model: B ? "customize" : "standard"
+        model: v ? "customize" : "standard"
       },
-      importData: a
+      importData: i
     };
   }
-  function r(c, l) {
-    l = l;
-    const { result: d, formNode: m } = f(l);
+  function l(c, o) {
+    o = o;
+    const { result: d, formNode: m } = f(o);
     if (!d)
       return "";
-    const p = [];
-    return c.forEach((y) => {
-      var T;
-      const B = o.get(y.id), w = B.appearance && B.appearance.class;
-      if (w) {
-        const S = w.split(" ").filter((G) => !G.startsWith("col-")), C = "col-" + y.columnInSM, I = "col-md-" + y.columnInMD, k = "col-xl-" + y.columnInLG, A = "col-el-" + y.columnInEL, D = [C, I, k, A].concat(S);
-        B.appearance.class = D.join(" ");
+    const u = [];
+    return c.forEach((g) => {
+      var C;
+      const v = s.get(g.id), b = v.appearance && v.appearance.class;
+      if (b) {
+        const M = b.split(" ").filter((J) => !J.startsWith("col-")), x = "col-" + g.columnInSM, S = "col-md-" + g.columnInMD, I = "col-xl-" + g.columnInLG, V = "col-el-" + g.columnInEL, O = [x, S, I, V].concat(M);
+        v.appearance.class = O.join(" ");
       }
-      if (y.fieldSetId) {
-        const F = m.contents.find((C) => C.id === y.fieldSetId), S = p.find((C) => C.id === y.fieldSetId);
-        S ? (T = S.contents) == null || T.push(B) : (p.push(F), F.contents = [B]);
+      if (g.fieldSetId) {
+        const k = m.contents.find((x) => x.id === g.fieldSetId), M = u.find((x) => x.id === g.fieldSetId);
+        M ? (C = M.contents) == null || C.push(v) : (u.push(k), k.contents = [v]);
       } else
-        p.push(B);
-    }), m.contents = p, m.id;
+        u.push(v);
+    }), m.contents = u, m.id;
   }
   return {
     checkCanFindFormNode: f,
-    checkCanOpenLayoutEditor: i,
-    changeFormControlsByResponseLayoutConfig: r,
-    getResonseFormLayoutConfig: u
+    checkCanOpenLayoutEditor: p,
+    changeFormControlsByResponseLayoutConfig: l,
+    getResonseFormLayoutConfig: r
   };
 }
-class Qe extends ze {
-  constructor(t, o) {
-    super(t, o);
-    M(this, "responseLayoutEditorFunction");
-    this.responseLayoutEditorFunction = Je(this.formSchemaUtils);
-  }
-  getPropertyConfig(t, o) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(t, o), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t, o), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
-  }
-  getBasicProperties(t, o) {
-    var f;
-    var a = this;
-    this.setDesignViewModelField(t);
-    const s = this.formSchemaUtils.getFormMetadataBasicInfo(), u = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-    return {
+class je extends Ge {
+  constructor(t, s) {
+    super(t, s);
+    h(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = Ue(this.formSchemaUtils);
+  }
+  getPropertyConfig(t, s) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(t, s), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t, s), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
+  }
+  getBasicProperties(t, s) {
+    var a;
+    const i = this;
+    return this.setDesignViewModelField(t), this.formSchemaUtils.getFormMetadataBasicInfo(), {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -1223,7 +1009,7 @@ class Qe extends ze {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: a.designViewModelField ? O.getEditorTypesByMDataType((f = a.designViewModelField.type) == null ? void 0 : f.name) : O.getAllInputTypes()
+            data: i.designViewModelField ? A.getEditorTypesByMDataType((a = i.designViewModelField.type) == null ? void 0 : a.name) : A.getAllInputTypes()
           }
         },
         label: {
@@ -1234,41 +1020,37 @@ class Qe extends ze {
         binding: {
           description: "绑定的表单字段",
           title: "绑定",
-          $converter: "/converter/field-selector.converter",
           editor: {
-            type: "field-selector",
+            type: "binding-selector",
             bindingType: { enable: !1 },
             editorParams: {
-              propertyData: t,
-              formBasicInfo: s
+              componentSchema: t,
+              needSyncToViewModel: !0,
+              viewModelId: this.viewModelId,
+              designerHostService: this.designerHostService,
+              disableOccupiedFields: !0
             },
-            columns: [
-              { field: "name", title: "字段名称" },
-              { field: "bindingField", title: "绑定字段" },
-              { field: "fieldType", title: "字段类型" }
-            ],
-            textField: "bindingField",
-            data: u
+            textField: "bindingField"
           }
         }
       },
-      setPropertyRelates(i, r) {
-        if (i)
-          switch (i && i.propertyID) {
+      setPropertyRelates(r, f) {
+        if (r)
+          switch (r && r.propertyID) {
             case "type": {
-              a.changeControlType(t, i, o);
+              i.changeControlType(t, r, s);
               break;
             }
             case "label": {
-              i.needRefreshControlTree = !0;
+              r.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(t, o) {
-    var a = this;
+  getAppearanceProperties(t, s) {
+    const i = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -1294,18 +1076,18 @@ class Qe extends ze {
           refreshPanelAfterChanged: !0,
           editor: {
             type: "response-layout-editor-setting",
-            initialState: a.responseLayoutEditorFunction.checkCanOpenLayoutEditor(t, a.componentId)
+            initialState: i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(t, i.componentId)
           }
         }
       },
-      setPropertyRelates(s, u) {
-        if (s)
-          switch (s && s.propertyID) {
+      setPropertyRelates(a, r) {
+        if (a)
+          switch (a && a.propertyID) {
             case "responseLayout":
-              a.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue, a.componentId || t.id), a.updateUnifiedLayoutAfterResponseLayoutChanged(a.componentId), a.updateElementByParentContainer(t.id, o), delete t.responseLayout;
+              i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(a.propertyValue, i.componentId || t.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(t.id, s), delete t.responseLayout;
               break;
             case "class":
-              a.updateUnifiedLayoutAfterControlChanged(s.propertyValue, t.id, this.componentId), a.updateElementByParentContainer(t.id, o);
+              i.updateUnifiedLayoutAfterControlChanged(a.propertyValue, t.id, this.componentId), i.updateElementByParentContainer(t.id, s);
               break;
           }
       }
@@ -1319,44 +1101,44 @@ class Qe extends ze {
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(t, o, a) {
-    var c, l, d, m;
-    const s = o.propertyValue, u = a && a.parent && a.parent.schema;
-    if (!u)
+  changeControlType(t, s, i) {
+    var c, o, d, m;
+    const a = s.propertyValue, r = i && i.parent && i.parent.schema;
+    if (!r)
       return;
-    const f = u.contents.findIndex((p) => p.id === t.id), i = u.contents[f];
-    let r;
+    const f = r.contents.findIndex((u) => u.id === t.id), p = r.contents[f];
+    let l;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: s
+        $type: a
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), r = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, s)), r || (r = this.controlCreatorUtils.createFormGroupWithoutField(s)), Object.assign(r, {
-      id: i.id,
-      appearance: i.appearance,
-      size: i.size,
-      label: i.label,
-      binding: i.binding,
-      visible: i.visible
-    }), Object.assign(r.editor, {
-      isTextArea: r.isTextArea && i.isTextArea,
-      placeholder: (c = i.editor) == null ? void 0 : c.placeholder,
-      holdPlace: (l = i.editor) == null ? void 0 : l.holdPlace,
-      readonly: (d = i.editor) == null ? void 0 : d.readonly,
-      require: (m = i.editor) == null ? void 0 : m.require
-    }), u.contents.splice(f, 1), u.contents.splice(f, 0, r), a.schema = Object.assign(i, r), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (p) => p.classList.remove("dgComponentSelected")
-    ), Xe.value++;
-  }
-  getComponentConfig(t, o = {}, a = {}) {
-    const s = Object.assign({
+    }, !1), l = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, a)), l || (l = this.controlCreatorUtils.createFormGroupWithoutField(a)), Object.assign(l, {
+      id: p.id,
+      appearance: p.appearance,
+      size: p.size,
+      label: p.label,
+      binding: p.binding,
+      visible: p.visible
+    }), Object.assign(l.editor, {
+      isTextArea: l.isTextArea && p.isTextArea,
+      placeholder: (c = p.editor) == null ? void 0 : c.placeholder,
+      holdPlace: (o = p.editor) == null ? void 0 : o.holdPlace,
+      readonly: (d = p.editor) == null ? void 0 : d.readonly,
+      require: (m = p.editor) == null ? void 0 : m.require
+    }), r.contents.splice(f, 1), r.contents.splice(f, 0, l), i.schema = Object.assign(p, l), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (u) => u.classList.remove("dgComponentSelected")
+    ), Ne.value++;
+  }
+  getComponentConfig(t, s = {}, i = {}) {
+    const a = Object.assign({
       description: "编辑器",
       title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, o), u = Object.assign({
+    }, s), r = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1377,8 +1159,8 @@ class Qe extends ze {
         title: "提示文本",
         type: "string"
       }
-    }, a);
-    return { ...s, properties: { ...u } };
+    }, i);
+    return { ...a, properties: { ...r } };
   }
   /**
   * 修改某一输入控件的样式后更新Form的统一布局配置
@@ -1386,37 +1168,37 @@ class Qe extends ze {
   * @param controlId 控件Id
   * @param componentId 控件所在组件id
   */
-  updateUnifiedLayoutAfterControlChanged(t, o, a) {
-    const s = t.split(" ");
-    let u = s.find((l) => /^col-([1-9]|10|11|12)$/.test(l)), f = s.find((l) => /^col-md-([1-9]|10|11|12)$/.test(l)), i = s.find((l) => /^col-xl-([1-9]|10|11|12)$/.test(l)), r = s.find((l) => /^col-el-([1-9]|10|11|12)$/.test(l));
-    u = u || "col-12", f = f || "col-md-" + u.replace("col-", ""), i = i || "col-xl-" + f.replace("col-md-", ""), r = r || "col-el-" + i.replace("col-xl-", "");
+  updateUnifiedLayoutAfterControlChanged(t, s, i) {
+    const a = t.split(" ");
+    let r = a.find((o) => /^col-([1-9]|10|11|12)$/.test(o)), f = a.find((o) => /^col-md-([1-9]|10|11|12)$/.test(o)), p = a.find((o) => /^col-xl-([1-9]|10|11|12)$/.test(o)), l = a.find((o) => /^col-el-([1-9]|10|11|12)$/.test(o));
+    r = r || "col-12", f = f || "col-md-" + r.replace("col-", ""), p = p || "col-xl-" + f.replace("col-md-", ""), l = l || "col-el-" + p.replace("col-xl-", "");
     const c = {
-      id: o,
-      columnInSM: parseInt(u.replace("col-", ""), 10),
+      id: s,
+      columnInSM: parseInt(r.replace("col-", ""), 10),
       columnInMD: parseInt(f.replace("col-md-", ""), 10),
-      columnInLG: parseInt(i.replace("col-xl-", ""), 10),
-      columnInEL: parseInt(r.replace("col-el-", ""), 10)
+      columnInLG: parseInt(p.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(l.replace("col-el-", ""), 10)
     };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(a, c);
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, c);
   }
   /**
    * 修改控件布局配置后更新Form统一布局配置
    * @param componentId 组件Id
    * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
    */
-  updateUnifiedLayoutAfterResponseLayoutChanged(t, o) {
-    const { formNode: a } = this.responseLayoutEditorFunction.checkCanFindFormNode(t);
-    if (!a || !a.unifiedLayout)
+  updateUnifiedLayoutAfterResponseLayoutChanged(t, s) {
+    const { formNode: i } = this.responseLayoutEditorFunction.checkCanFindFormNode(t);
+    if (!i || !i.unifiedLayout)
       return;
-    const s = [];
-    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(a, s, 1), o) {
-      const p = s.find((y) => y.id === o.id);
-      Object.assign(p || {}, o);
+    const a = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, a, 1), s) {
+      const u = a.find((g) => g.id === s.id);
+      Object.assign(u || {}, s);
     }
-    const u = s.map((p) => p.columnInSM), f = s.map((p) => p.columnInMD), i = s.map((p) => p.columnInLG), r = s.map((p) => p.columnInEL), c = this.checkIsUniqueColumn(u) ? u[0] : null, l = this.checkIsUniqueColumn(f) ? f[0] : null, d = this.checkIsUniqueColumn(i) ? i[0] : null, m = this.checkIsUniqueColumn(r) ? r[0] : null;
-    Object.assign(a.unifiedLayout, {
+    const r = a.map((u) => u.columnInSM), f = a.map((u) => u.columnInMD), p = a.map((u) => u.columnInLG), l = a.map((u) => u.columnInEL), c = this.checkIsUniqueColumn(r) ? r[0] : null, o = this.checkIsUniqueColumn(f) ? f[0] : null, d = this.checkIsUniqueColumn(p) ? p[0] : null, m = this.checkIsUniqueColumn(l) ? l[0] : null;
+    Object.assign(i.unifiedLayout, {
       uniqueColClassInSM: c,
-      uniqueColClassInMD: l,
+      uniqueColClassInMD: o,
       uniqueColClassInLG: d,
       uniqueColClassInEL: m
     });
@@ -1425,165 +1207,66 @@ class Qe extends ze {
    * 校验宽度样式值是否一致
    */
   checkIsUniqueColumn(t) {
-    const o = new Set(t);
-    return Array.from(o).length === 1;
+    const s = new Set(t);
+    return Array.from(s).length === 1;
   }
 }
-class Ye extends Qe {
+class $e extends je {
   constructor(n, t) {
     super(n, t);
   }
 }
-function _e(e, n) {
-  const {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: f,
-    triggerBelongedComponentToMoveWhenMoved: i,
-    triggerBelongedComponentToDeleteWhenDeleted: r
-  } = He(e), c = e.schema;
-  function l(d, m) {
-    return new Ye(d, n).getPropertyConfig(c, m);
-  }
-  return {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: f,
-    triggerBelongedComponentToMoveWhenMoved: i,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: l
-  };
-}
-function Ke(e, n, t) {
-  var S;
-  function o() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  o();
-  const a = t && t.getStyles && t.getStyles() || "", s = t && t.getDesignerClass && t.getDesignerClass() || "", u = b();
-  function f() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
-  }
-  function i() {
-    return !1;
-  }
-  function r() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
-  }
-  function c() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
-  }
-  function l(C) {
-    if (!C || !C.value)
-      return null;
-    if (C.value.schema && C.value.schema.type === "component")
-      return C.value;
-    const I = b(C == null ? void 0 : C.value.parent), k = l(I);
-    return k || null;
-  }
-  function d(C = n) {
-    const { componentInstance: I, designerItemElementRef: k } = C;
-    return !I || !I.value ? null : I.value.canMove ? k : d(C.parent);
-  }
-  function m(C) {
-    return !!t && t.canAccepts(C);
-  }
-  function p() {
-    return (n == null ? void 0 : n.schema.label) || (n == null ? void 0 : n.schema.title) || (n == null ? void 0 : n.schema.name);
-  }
-  function y() {
-  }
-  function B(C, I) {
-    I && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(I);
-  }
-  function w(C, I) {
-    const { componentType: k } = C;
-    let A = _(k, C, I);
-    t && t.onResolveNewComponentSchema && (A = t.onResolveNewComponentSchema(C, A));
-    const D = k.toLowerCase().replace("-", "_");
-    return A && !A.id && A.type === k && (A.id = `${D}_${Math.random().toString().slice(2, 6)}`), A;
-  }
-  function T(C) {
-  }
-  function F(...C) {
-    if (t && t.getPropsConfig)
-      return t.getPropsConfig(...C);
+function We(e, n) {
+  const t = e.schema;
+  function s(i, a) {
+    return new $e(i, n).getPropertyConfig(t, a);
   }
-  return u.value = {
-    canMove: f(),
-    canSelectParent: i(),
-    canDelete: r(),
-    canNested: !c(),
-    contents: n == null ? void 0 : n.schema.contents,
-    elementRef: e,
-    parent: (S = n == null ? void 0 : n.parent) == null ? void 0 : S.componentInstance,
-    schema: n == null ? void 0 : n.schema,
-    styles: a,
-    designerClass: s,
-    canAccepts: m,
-    getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: d,
-    getDraggingDisplayText: p,
-    getPropConfig: F,
-    getDragScopeElement: y,
-    onAcceptMovedChildElement: B,
-    onChildElementMovedOut: T,
-    addNewChildComponentSchema: w,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || b(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || b(!1)
-  }, u;
+  return { getPropsConfig: s };
 }
-const Re = /* @__PURE__ */ Z({
+const qe = /* @__PURE__ */ W({
   name: "FInputGroupDesign",
-  props: U,
+  props: G,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, n) {
-    const t = b(e.modelValue), o = b(e.modelValue), a = Le(e, n, t, o), {
-      inputGroupClass: s,
-      inputType: u,
+    const t = B(e.modelValue), s = B(e.modelValue), i = oe(e, n, t, s), {
+      inputGroupClass: a,
+      inputType: r,
       inputGroupStyle: f
-    } = a, i = ee(e), {
-      shouldShowAppendedButton: r
-    } = i, c = R(e, n, a), {
-      onMouseEnter: l,
+    } = i, p = X(e), {
+      shouldShowAppendedButton: l
+    } = p, c = R(e, n, i), {
+      onMouseEnter: o,
       onMouseLeave: d
-    } = c, m = te(e, n, u, i), p = b(), y = H("designer-host-service"), B = H("design-item-context"), w = _e(B, y), T = Ke(p, B, w);
-    N(() => {
-      p.value.componentInstance = T;
-    }), n.expose(T.value);
-    const F = ne(e, n, i, c, m), S = b();
-    return () => E("div", {
+    } = c, m = Q(e, n, r, p), u = B(), g = U("designer-host-service"), v = U("design-item-context"), b = We(v, g), C = ue(u, v, b);
+    L(() => {
+      u.value.componentInstance = C;
+    }), n.expose(C.value);
+    const k = Z(e, n, p, c, m), M = B();
+    return () => w("div", {
       id: "inputGroup",
-      ref: p,
-      class: s.value,
+      ref: u,
+      class: a.value,
       style: f.value,
-      onMouseenter: l,
+      onMouseenter: o,
       onMouseleave: d
-    }, [E("input", {
-      ref: S,
+    }, [w("input", {
+      ref: M,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), r.value && F()]);
+    }, null), l.value && k()]);
   }
 });
-V.register = (e, n, t, o) => {
-  e["input-group"] = V, n["input-group"] = K;
+P.register = (e, n, t, s) => {
+  e["input-group"] = P, n["input-group"] = z;
 };
-V.registerDesigner = (e, n, t) => {
-  e["input-group"] = Re, n["input-group"] = K;
+P.registerDesigner = (e, n, t) => {
+  e["input-group"] = qe, n["input-group"] = z;
 };
-const rt = Ge(V);
+const Je = ie(P);
 export {
-  V as FInputGroup,
-  rt as default,
-  U as inputGroupProps,
-  K as propsResolver
+  P as FInputGroup,
+  Je as default,
+  G as inputGroupProps,
+  z as propsResolver
 };