@farris/ui-vue 1.2.8 → 1.3.0

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

@@ -1,103 +1,104 @@
-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";
-import { cloneDeep as se } from "lodash-es";
+var ie = Object.defineProperty;
+var le = (e, n, t) => n in e ? ie(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var x = (e, n, t) => le(e, typeof n != "symbol" ? n + "" : n, t);
+import { ref as h, computed as g, watch as D, onMounted as N, nextTick as z, createVNode as B, reactive as se, withDirectives as ue, resolveDirective as ce, defineComponent as _, Fragment as R, inject as J } from "vue";
+import { isPlainObject as X, cloneDeep as Q } 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 = {};
+import { useNumber as de, useFormat as pe, useSpinner as fe, useTextBox as me } from "../number-spinner/index.esm.js";
+import { getSchemaByType as Z } from "../dynamic-resolver/index.esm.js";
+import { useResponseLayoutEditorSetting as ye } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
+const Y = {}, K = {};
 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: n, title: t, ignore: o } = e, a = o && Array.isArray(o), l = Object.keys(n).reduce((u, c) => ((!a || !o.find((i) => i == c)) && (u[c] = n[c].type === "object" && n[c].properties ? q(n[c]) : Q(n[c].default)), u), {});
+  return (!a || !o.find((u) => u == "id")) && (l.id = `${t}-${Date.now()}`), l;
 }
-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 $(e, n = {}, t) {
+  const o = Y[e];
+  if (o) {
+    let a = q(o);
+    const l = K[e];
+    return a = l ? l({ getSchemaByType: $ }, a, n, t) : a, a;
   }
   return null;
 }
-function me(e, t) {
-  const n = q(t);
-  return Object.keys(e).reduce((o, a) => (o[a] && typeof o[a] == "object" ? Object.assign(o[a], e[a]) : o[a] = e[a], o), n), n;
+function ge(e, n) {
+  const t = q(n);
+  return Object.keys(e).reduce((o, a) => (o[a] && X(o[a]) && X(e[a]) ? Object.assign(o[a], e[a]) : o[a] = e[a], o), t), t;
 }
-function ye(e, t) {
+function ve(e, n) {
   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];
+    if (n.has(a)) {
+      const l = n.get(a);
+      if (typeof l == "string")
+        o[l] = e[a];
       else {
-        const d = c(a, e[a], e);
-        Object.assign(o, d);
+        const u = l(a, e[a], e);
+        Object.assign(o, u);
       }
     } else
       o[a] = e[a];
     return o;
   }, {});
 }
-function ve(e, t, n = /* @__PURE__ */ new Map()) {
-  const o = me(e, t);
-  return ye(o, n);
+function he(e, n, t = /* @__PURE__ */ new Map()) {
+  const o = ge(e, n);
+  return ve(o, t);
 }
-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];
-      if (m === "not")
-        return Number(p[r].length) !== Number(v);
-      if (m === "moreThan")
-        return Number(p[r].length) >= Number(v);
-      if (m === "lessThan")
-        return Number(p[r].length) <= Number(v);
+function be(e = {}) {
+  function n(r, d, s, p) {
+    if (typeof s == "number")
+      return p[r].length === s;
+    if (typeof s == "object") {
+      const y = Object.keys(s)[0], f = s[y];
+      if (y === "not")
+        return Number(p[r].length) !== Number(f);
+      if (y === "moreThan")
+        return Number(p[r].length) >= Number(f);
+      if (y === "lessThan")
+        return Number(p[r].length) <= Number(f);
     }
     return !1;
   }
-  function n(r, s, i, p) {
-    return p[r] && p[r].propertyValue && String(p[r].propertyValue.value) === String(i);
+  function t(r, d, s, p) {
+    return p[r] && p[r].propertyValue && String(p[r].propertyValue.value) === String(s);
   }
   const o = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", n]
+    ["length", n],
+    ["getProperty", t]
   ]);
-  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, d) => (r.set(d, e[d]), r), o);
+  function a(r, d) {
+    const s = r;
+    return typeof d == "number" ? [{ target: s, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: s, operator: "getProperty", param: r, value: !!d }] : typeof d == "object" ? Object.keys(d).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: s, operator: "length", param: null, value: d[p] };
+      const y = p, f = d[p];
+      return { target: s, operator: "getProperty", param: y, value: f };
     }) : [];
   }
-  function c(r) {
-    return Object.keys(r).reduce((i, p) => {
-      const m = a(p, r[p]);
-      return i.push(...m), i;
+  function l(r) {
+    return Object.keys(r).reduce((s, p) => {
+      const y = a(p, r[p]);
+      return s.push(...y), s;
     }, []);
   }
-  function d(r, s) {
+  function u(r, d) {
     if (o.has(r.operator)) {
-      const i = o.get(r.operator);
-      return i && i(r.target, r.param, r.value, s) || !1;
+      const s = o.get(r.operator);
+      return s && s(r.target, r.param, r.value, d) || !1;
     }
     return !1;
   }
-  function u(r, s) {
-    return c(r).reduce((m, v) => m && d(v, s), !0);
+  function c(r, d) {
+    return l(r).reduce((y, f) => y && u(f, d), !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 i(r, d) {
+    const s = Object.keys(r), p = s.includes("allOf"), y = s.includes("anyOf"), f = p || y, T = (f ? r[f ? p ? "allOf" : "anyOf" : "allOf"] : [r]).map((P) => c(P, d));
+    return p ? !T.includes(!1) : T.includes(!0);
   }
-  return { parseValueSchema: l };
+  return { parseValueSchema: i };
 }
-const f = {
+const m = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -134,25 +135,26 @@ const f = {
   uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
   "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 = {};
-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);
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, Ce = {}, we = {};
+be();
+function Be(e, n, t = /* @__PURE__ */ new Map(), o = (u, c, i) => c, a = {}, l = (u) => u) {
+  return Y[n.title] = n, K[n.title] = o, Ce[n.title] = a, we[n.title] = l, (u = {}) => {
+    const c = he(u, n, t), i = Object.keys(e).reduce((r, d) => (r[d] = e[d].default, r), {});
+    return Object.assign(i, c);
   };
 }
-function we(e, t) {
-  return { customClass: t.class, customStyle: t.style };
+function Te(e, n) {
+  return { customClass: n.class, customStyle: n.style };
 }
-const Be = /* @__PURE__ */ new Map([
-  ["appearance", we]
+const ke = /* @__PURE__ */ new Map([
+  ["appearance", Te]
 ]);
-function Te(e, t, n) {
-  return t;
+function Me(e, n, t) {
+  return n;
 }
-const ke = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/input-group.schema.json", xe = "input-group", Se = "A Farris Input Component", Pe = "object", Ae = {
+const Se = "https://json-schema.org/draft/2020-12/schema", xe = "https://farris-design.gitee.io/input-group.schema.json", Ae = "input-group", Ee = "A Farris Input Component", Pe = "object", Fe = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -354,18 +356,19 @@ const ke = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-
     type: "string",
     default: ""
   }
-}, Ee = [
+}, Le = [
   "id",
   "type"
-], Fe = {
-  $schema: ke,
-  $id: Me,
-  title: xe,
-  description: Se,
+], De = {
+  $schema: Se,
+  $id: xe,
+  title: Ae,
+  description: Ee,
   type: Pe,
-  properties: Ae,
-  required: Ee
+  properties: Fe,
+  required: Le
 }, W = {
+  id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
   /** 自定义CLASS */
@@ -431,118 +434,118 @@ const ke = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-
    * - input: 输入时更新
    */
   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(() => ({
+}, ee = Be(W, De, ke, Me);
+function Ie(e, n, t, o) {
+  const a = h(e.disabled), l = h(!1), u = h("text"), c = h(e.showBorder), i = h(e.textAlign), r = h(e.updateOn), d = g(() => e.editable || !e.readonly), s = g(() => e.editable && !e.disabled && !e.readonly), p = g(() => !e.disabled && l.value), y = g(() => t.value === "" || t.value === null || t.value === void 0), f = g(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), C = g(() => e.readonly || !e.editable), S = g(() => e.enableTitle ? t.value : ""), T = g(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
-    "text-left": l.value === "left",
-    "text-center": l.value === "center",
-    "text-right": l.value === "right"
-  })), S = y(() => {
-    const g = {
+    "text-left": i.value === "left",
+    "text-center": i.value === "center",
+    "text-right": i.value === "right"
+  })), A = g(() => {
+    const v = {
       "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": s.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);
+    return (e.customClass || "").split(" ").reduce((H, re) => (H[re] = !0, H), v), v;
+  }), P = g(() => c.value ? "" : "border-width : 0 ");
+  function k(v, F = !0) {
+    t.value = v, o.value !== v && (o.value = v), F && n.emit("change", v), n.emit("update:modelValue", v), n.emit("update:value", v);
   }
   D(
     () => e.modelValue,
-    (g, E) => {
-      g !== E && (n.value = g, o.value = g);
+    (v, F) => {
+      v !== F && (t.value = v, o.value = v);
     }
-  ), D(() => e.disabled, (g, E) => {
-    g !== E && (a.value = g);
+  ), D(() => e.disabled, (v, F) => {
+    v !== F && (a.value = v);
   });
-  function V(g) {
-    return c.value = !1, t.emit("blur", g), g.stopPropagation(), !1;
+  function I(v) {
+    return l.value = !1, n.emit("blur", v), v.stopPropagation(), !1;
   }
-  function b(g) {
-    t.emit("click", g);
+  function b(v) {
+    n.emit("click", v);
   }
-  function C(g) {
-    e.disabled || (u.value && (c.value = !0), s.value && t.emit("focus", g));
+  function w(v) {
+    e.disabled || (c.value && (l.value = !0), d.value && n.emit("focus", v));
   }
-  function B(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));
+  function M(v) {
+    n.emit("input", v.target.value);
+    const F = v.target.value;
+    o.value = F, r.value === "change" && (n.emit("update:modelValue", F), n.emit("update:value", F));
   }
-  function O(g) {
-    t.emit("keydown", g);
+  function E(v) {
+    n.emit("keydown", v);
   }
-  function G(g) {
-    t.emit("keyup", g);
+  function V(v) {
+    n.emit("keyup", v);
   }
-  function F(g) {
-    g.target.tagName !== "INPUT" && g.preventDefault(), g.stopPropagation();
+  function L(v) {
+    v.target.tagName !== "INPUT" && v.preventDefault(), v.stopPropagation();
   }
-  function U(g) {
+  function G(v) {
     if (r.value === "blur") {
-      const E = g.target.value;
-      g.stopPropagation(), M(E);
+      const F = v.target.value;
+      v.stopPropagation(), k(F);
     }
   }
   return {
-    changeTextBoxValue: M,
+    changeTextBoxValue: k,
     disabled: a,
     displayText: o,
-    editable: i,
+    editable: s,
     hasFocused: p,
-    inputGroupClass: S,
-    inputType: d,
-    isEmpty: m,
-    modelValue: n,
-    readonly: w,
-    onBlur: V,
+    inputGroupClass: A,
+    inputType: u,
+    isEmpty: y,
+    modelValue: t,
+    readonly: C,
+    onBlur: I,
     onClick: b,
-    onFocus: C,
-    onInput: B,
-    onKeydown: O,
-    onKeyup: G,
-    onMousedown: F,
-    onTextBoxValueChange: U,
-    placeholder: v,
-    textBoxClass: k,
-    textBoxTitle: x,
-    inputGroupStyle: A
+    onFocus: w,
+    onInput: M,
+    onKeydown: E,
+    onKeyup: V,
+    onMousedown: L,
+    onTextBoxValueChange: G,
+    placeholder: f,
+    textBoxClass: T,
+    textBoxTitle: S,
+    inputGroupStyle: P
   };
 }
-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);
-  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(() => ({
+function Ve(e, n, t, o) {
+  const a = h(e.disabled), l = h(!1), u = h("text"), c = h(e.showBorder), i = h(e.textAlign);
+  g(() => e.editable || !e.readonly);
+  const r = g(() => e.editable && !e.disabled && !e.readonly), d = g(() => !e.disabled && l.value), s = g(() => t.value === "" || t.value === null || t.value === void 0), p = g(() => e.placeholder), y = g(() => e.readonly || !e.editable), f = g(() => e.enableTitle ? t.value : ""), C = g(() => ({
     "form-control": !0,
     // 'f-utils-fill': true,
-    "text-left": l.value === "left",
-    "text-center": l.value === "center",
-    "text-right": l.value === "right"
-  })), x = y(() => ({
+    "text-left": i.value === "left",
+    "text-center": i.value === "center",
+    "text-right": i.value === "right"
+  })), S = 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
-  })), k = y(() => u.value ? "" : "border-width : 0 ");
+  })), T = g(() => c.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
     disabled: a,
     displayText: o,
     editable: r,
-    hasFocused: s,
-    inputGroupClass: x,
-    inputType: d,
-    isEmpty: i,
-    modelValue: n,
-    readonly: m,
+    hasFocused: d,
+    inputGroupClass: S,
+    inputType: u,
+    isEmpty: s,
+    modelValue: t,
+    readonly: y,
     // onBlur,
     // onClick,
     // onFocus,
@@ -552,45 +555,45 @@ function Ve(e, t, n, o) {
     // onMousedown,
     // onTextBoxValueChange,
     placeholder: p,
-    textBoxClass: w,
-    textBoxTitle: v,
-    inputGroupStyle: k
+    textBoxClass: C,
+    textBoxTitle: f,
+    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;
+function te(e, n, t) {
+  const o = h(!1), a = g(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: l, displayText: u, hasFocused: c, isEmpty: i } = t;
+  function r(C) {
+    o.value = C;
   }
-  D(d, () => {
-    u != null && u.value ? r(!!(d != null && d.value)) : r(!1);
+  D(u, () => {
+    c != null && c.value ? r(!!(u != null && u.value)) : r(!1);
   });
-  const s = y(() => ({
+  const d = g(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), i = y(() => ({
+  })), s = g(() => ({
     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 && (l("", !0), r(!o.value), n.emit("clear"));
   }
-  function m(w) {
-    a.value && !l.value && r(!0);
+  function y(C) {
+    a.value && !i.value && r(!0);
   }
-  function v(w) {
+  function f(C) {
     a.value && r(!1);
   }
-  return { clearButtonClass: s, clearButtonStyle: i, hasShownClearButton: o, onClearValue: p, onMouseEnter: m, onMouseLeave: v, shouldShowClearButton: a };
+  return { clearButtonClass: d, clearButtonStyle: s, hasShownClearButton: o, onClearValue: p, onMouseEnter: y, onMouseLeave: f, shouldShowClearButton: a };
 }
 const Oe = ["moz", "ms", "webkit"];
 function Ne() {
   let e = 0;
-  return (t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - e)), a = setTimeout(() => {
-      t(n + o);
+  return (n) => {
+    const t = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (t - e)), a = setTimeout(() => {
+      n(t + o);
     }, o);
-    return e = n + o, a;
+    return e = t + o, a;
   };
 }
 function je() {
@@ -598,358 +601,358 @@ function je() {
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = Oe.filter((t) => `${t}RequestAnimationFrame` in window)[0];
+  const e = Oe.filter((n) => `${n}RequestAnimationFrame` in window)[0];
   return e ? window[`${e}RequestAnimationFrame`] : Ne();
 }
 je();
-const Ge = (e) => {
-  const t = e;
-  return t.install = function(n) {
-    n.component(t.name, e);
+const Ue = (e) => {
+  const n = e;
+  return n.install = function(t) {
+    t.component(n.name, 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);
-  return { appendedButtonClass: y(() => ({
+function ne(e, n) {
+  const t = h(e.groupText), o = g(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = g(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: g(() => ({
     "input-group-append": !0,
     "append-force-show": o.value
-  })), appendedContent: n, shouldShowAppendedButton: a };
+  })), appendedContent: t, 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);
+function oe(e, n, t, o) {
+  const { appendedContent: a } = o, l = h(e.enableViewPassword), u = g(() => e.type === "password"), c = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', i = '<span class="f-icon f-icon-eye"></span>', r = h(!1);
+  D(() => [e.readonly, e.disabled], ([p, y]) => {
+    u.value && (t.value = p || y ? "password" : t.value, a.value = p || y ? i : a.value);
   });
-  function s() {
-    return r.value = !r.value, n.value = r.value ? "text" : "password", a.value = r.value ? u : l, !1;
+  function d() {
+    return r.value = !r.value, t.value = r.value ? "text" : "password", a.value = r.value ? c : i, !1;
   }
-  function i() {
-    n.value = d.value ? "password" : "text", a.value = d.value ? c.value ? l : "" : a.value;
+  function s() {
+    t.value = u.value ? "password" : "text", a.value = u.value ? l.value ? i : "" : a.value;
   }
-  return i(), { isPassword: d, onClickAppendedButton: s };
+  return s(), { isPassword: u, onClickAppendedButton: d };
 }
-function Le(e, t, n) {
+function Ge(e, n, t) {
   const o = h(), {
     onBlurTextBox: a,
-    onFocusTextBox: c,
-    onInput: d,
-    onKeyDown: u,
-    textBoxValue: l
-  } = n, r = y(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), s = y(() => ({
+    onFocusTextBox: l,
+    onInput: u,
+    onKeyDown: c,
+    textBoxValue: i
+  } = t, r = g(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), d = g(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), i = y(() => ({
+  })), s = g(() => ({
     "text-align": e.textAlign
   }));
-  function p(w) {
-    w.stopPropagation();
+  function p(C) {
+    C.stopPropagation();
   }
-  function m() {
+  function y() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function v(w) {
-    c(w), await z, m();
+  async function f(C) {
+    l(C), await z, y();
   }
-  return j(async () => {
-    await z, m();
-  }), () => T("input", {
+  return N(async () => {
+    await z, y();
+  }), () => B("input", {
     ref: o,
-    class: s.value,
-    style: i.value,
+    class: d.value,
+    style: s.value,
     type: "text",
-    value: l.value,
+    value: i.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: r.value,
     onBlur: a,
     onChange: p,
-    onFocus: v,
-    onInput: d,
-    onKeydown: u
+    onFocus: f,
+    onInput: u,
+    onKeydown: c
   }, null);
 }
-function $e(e, t, n) {
+function $e(e, n, t) {
   const {
     canDownward: o,
     canUpward: a,
-    onClickDownButton: c,
-    onClickUpButton: d
-  } = n, u = y(() => ({
+    onClickDownButton: l,
+    onClickUpButton: u
+  } = t, c = g(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), l = y(() => ({
+  })), i = g(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), r = y(() => ({
+  })), r = g(() => ({
     cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), s = y(() => ({
+  })), d = g(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => T("div", {
-    class: u.value
-  }, [T("button", {
+  return () => B("div", {
+    class: c.value
+  }, [B("button", {
     title: "upButton",
-    class: l.value,
+    class: i.value,
     style: r.value,
-    onClick: d,
+    onClick: u,
     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: i.value,
+    style: d.value,
+    onClick: l,
     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,
+function qe(e, n) {
+  const t = de(e, n), o = pe(e, n, t), a = fe(e, n, o, t), l = me(e, n, o, t, a), u = $e(e, n, a), {
+    displayValue: c,
+    modelValue: i,
     getRealValue: r
-  } = n, s = Le(e, t, c), {
-    format: i
+  } = t, d = Ge(e, n, l), {
+    format: s
   } = o, {
     isFocus: p
-  } = c, m = y(() => !e.disabled && !e.readonly);
-  return j(() => {
-    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))));
+  } = l, y = g(() => !e.disabled && !e.readonly);
+  return N(() => {
+    const f = r(e.modelValue);
+    c.value = s(f);
+  }), D(() => [e.value], ([f]) => {
+    const C = r(f);
+    i.value = C, c.value = s(C);
+  }), D(() => [e.modelValue], ([f]) => {
+    f !== i.value && (i.value = f, !p.value && (c.value = s(r(f))));
   }), D(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    u.value = i(l.value);
-  }), () => T("div", {
+    c.value = s(i.value);
+  }), () => B("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [s(), m.value && d()]);
+  }, [d(), y.value && u()]);
 }
-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,
+function We(e, n, t, o) {
+  const a = h(), l = h(e.autocomplete), u = h(e.enableTitle), {
+    isPassword: c
+  } = t, i = h(e.minLength), r = h(e.maxLength), d = h(e.tabIndex), {
+    disabled: s,
     displayText: p,
-    inputType: m,
-    onBlur: v,
-    onFocus: w,
-    onInput: x,
-    onClick: k,
-    onKeydown: S,
-    onKeyup: A,
-    onMousedown: M,
-    onTextBoxValueChange: V,
+    inputType: y,
+    onBlur: f,
+    onFocus: C,
+    onInput: S,
+    onClick: T,
+    onKeydown: A,
+    onKeyup: P,
+    onMousedown: k,
+    onTextBoxValueChange: I,
     readonly: b,
-    placeholder: C,
-    textBoxClass: B,
-    textBoxTitle: O
+    placeholder: w,
+    textBoxClass: M,
+    textBoxTitle: E
   } = o;
-  return j(() => {
+  return N(() => {
     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: l.value,
+    class: M.value,
+    disabled: s == null ? void 0 : s.value,
     maxlength: r.value,
-    minlength: l.value,
-    placeholder: C.value,
+    minlength: i.value,
+    placeholder: w.value,
     readonly: b == null ? void 0 : b.value,
-    tabindex: s.value,
-    title: d.value && !u.value ? O.value : "",
-    type: m.value,
+    tabindex: d.value,
+    title: u.value && !c.value ? E.value : "",
+    type: y.value,
     value: p == null ? void 0 : p.value,
-    onBlur: v,
-    onClick: k,
-    onChange: V,
-    onFocus: w,
-    onInput: x,
-    onKeydown: S,
-    onKeyup: A,
-    onMousedown: M
+    onBlur: f,
+    onClick: T,
+    onChange: I,
+    onFocus: C,
+    onInput: S,
+    onKeydown: A,
+    onKeyup: P,
+    onMousedown: k
   }, null);
 }
-function qe(e, t) {
-  const n = y(() => e.useExtendInfo && !!e.extendInfo), o = ie({
+function He(e, n) {
+  const t = g(() => e.useExtendInfo && !!e.extendInfo), o = se({
     content: e.extendInfo
   });
   function a() {
-    t.emit("updateExtendInfo");
+    n.emit("updateExtendInfo");
   }
-  return () => n.value && le(T("span", {
+  return () => t.value && ue(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]]);
+  }, null)]), [[ce("tooltip"), o]]);
 }
-function ne(e, t, n, o, a) {
+function ae(e, n, t, 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: l,
+    appendedContent: u
+  } = t, c = g(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), i = g(() => u.value && !n.slots.groupTextTemplate), r = g(() => !!n.slots.groupTextTemplate), {
+    clearButtonClass: d,
+    clearButtonStyle: s,
     onClearValue: p,
-    shouldShowClearButton: m
+    shouldShowClearButton: y
   } = o;
-  function v() {
-    return T("span", {
+  function f() {
+    return B("span", {
       id: "clearIcon",
-      class: s.value,
-      style: i.value,
-      onClick: (C) => p(C)
-    }, [T("i", {
+      class: d.value,
+      style: s.value,
+      onClick: (w) => p(w)
+    }, [B("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function w(C) {
-    t.emit("iconMouseEnter", C);
+  function C(w) {
+    n.emit("iconMouseEnter", w);
   }
-  function x(C) {
-    t.emit("iconMouseLeave", C);
+  function S(w) {
+    n.emit("iconMouseLeave", w);
   }
-  function k(C) {
-    u.value && t.emit("clickHandle", {
-      originalEvent: C
-    }), C.stopPropagation();
+  function T(w) {
+    c.value && n.emit("clickHandle", {
+      originalEvent: w
+    }), w.stopPropagation();
   }
-  const S = e.type === "password" ? a.onClickAppendedButton : k;
-  function A() {
-    return T("span", {
+  const A = e.type === "password" ? a.onClickAppendedButton : T;
+  function P() {
+    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) => S(w),
+      innerHTML: u.value,
+      onClick: (w) => A(w)
     }, null);
   }
-  function M() {
-    return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
+  function k() {
+    return n.slots.groupTextTemplate && n.slots.groupTextTemplate();
   }
-  function V() {
-    return l.value ? A : r.value ? M : "";
+  function I() {
+    return i.value ? P : r.value ? k : "";
   }
-  const b = V();
-  return () => T("div", {
-    class: c.value
-  }, [m.value && v(), b && b()]);
+  const b = I();
+  return () => B("div", {
+    class: l.value
+  }, [y.value && f(), b && b()]);
 }
-const L = /* @__PURE__ */ Q({
+const j = /* @__PURE__ */ _({
   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), {
+  setup(e, n) {
+    const t = h(e.modelValue), o = h(e.modelValue), a = Ie(e, n, t, o), {
+      inputGroupClass: l,
+      inputType: u,
+      inputGroupStyle: c
+    } = a, i = ne(e), {
       shouldShowAppendedButton: r
-    } = l, s = K(e, t, a), {
-      onMouseEnter: i,
+    } = i, d = te(e, n, a), {
+      onMouseEnter: s,
       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(() => {
-      e.value && (n.value = e.value, o.value = e.value);
+    } = d, y = oe(e, n, u, i), f = qe(e, n), C = We(e, n, y, a), S = ae(e, n, i, d, y), T = He(e, n), A = g(() => e.type === "number");
+    D(() => [e.value], ([k]) => {
+      t.value = k, o.value = k;
+    }), D(() => [e.modelValue], ([k]) => {
+      t.value = k, o.value = k;
+    }), N(() => {
+      e.value && (t.value = e.value, o.value = e.value);
     });
-    const A = () => T(J, null, [T("div", {
-      id: "inputGroup",
-      class: c.value,
-      style: u.value,
-      onMouseenter: i,
+    const P = () => B(R, null, [B("div", {
+      id: e.id,
+      class: l.value,
+      style: c.value,
+      onMouseenter: s,
       onMouseleave: p
-    }, [S.value ? v() : T(J, null, [k(), w(), r.value && x()])])]);
-    return () => A();
+    }, [A.value ? f() : B(R, null, [T(), C(), r.value && S()])])]);
+    return () => P();
   }
 });
-function We(e, t) {
+function ze(e, n) {
   e.schema;
-  const n = h(!0), o = h(!0);
-  function a(i) {
+  const t = h(!0), o = h(!0);
+  function a(s) {
     return !1;
   }
-  function c() {
+  function l() {
     return !1;
   }
-  function d() {
+  function u() {
     return !1;
   }
-  function u() {
+  function c() {
     return !0;
   }
-  function l(i) {
+  function i(s) {
   }
   function r() {
   }
-  function s(i) {
+  function d(s) {
     return null;
   }
   return {
     canAccepts: a,
-    checkCanDeleteComponent: c,
-    checkCanMoveComponent: d,
-    hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: l,
+    checkCanDeleteComponent: l,
+    checkCanMoveComponent: u,
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: i,
     resolveComponentContext: r,
-    triggerBelongedComponentToMoveWhenMoved: n,
+    triggerBelongedComponentToMoveWhenMoved: t,
     triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: s
+    getPropsConfig: d
   };
 }
-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", {
+class Re {
+  constructor(n, t) {
+    x(this, "componentId");
+    x(this, "viewModelId");
+    x(this, "eventsEditorUtils");
+    x(this, "formSchemaUtils");
+    x(this, "formMetadataConverter");
+    x(this, "designViewModelUtils");
+    x(this, "designViewModelField");
+    x(this, "controlCreatorUtils");
+    x(this, "designerHostService");
+    x(this, "schemaService", null);
+    x(this, "metadataService", null);
+    x(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
     var o;
-    this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+    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;
   }
   getTableInfo() {
-    var t;
-    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
+    var n;
+    return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
   }
-  setDesignViewModelField(t) {
-    const n = t.binding && t.binding.type === "Form" && t.binding.field;
-    if (n) {
+  setDesignViewModelField(n) {
+    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 === n);
+        this.designViewModelField = o.fields.find((a) => a.id === t);
       }
-      t.updateOn = this.designViewModelField.updateOn;
+      n.updateOn = this.designViewModelField.updateOn;
     }
   }
-  changeFieldEditorType(t, n) {
+  changeFieldEditorType(n, t) {
   }
-  getBasicPropConfig(t) {
+  getBasicPropConfig(n) {
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -968,13 +971,13 @@ class He {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: t.type, name: f[t.type].name }]
+            data: [{ value: n.type, name: m[n.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(t = null) {
+  getAppearanceConfig(n = null) {
     return {
       title: "样式",
       description: "Appearance",
@@ -994,90 +997,105 @@ class He {
       }
     };
   }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(n, t) {
+    const o = t && t.parent && t.parent.schema;
+    if (!o)
+      return;
+    const a = o.contents.findIndex((u) => u.id === n), l = Q(o.contents[a]);
+    o.contents.splice(a, 1), o.contents.splice(a, 0, l);
+  }
 }
-const N = class N {
+const O = class O {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
-  static getEditorTypesByMDataType(t) {
-    const n = N.fieldControlTypeMapping[t];
-    return n || [{ key: "", value: "" }];
+  static getEditorTypesByMDataType(n) {
+    const t = O.fieldControlTypeMapping[n];
+    return t || [{ key: "", value: "" }];
   }
   /**
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
-    const t = [];
-    for (let n in N.fieldControlTypeMapping)
-      N.fieldControlTypeMapping[n].forEach((o) => {
-        t.find((a) => a.key === o.key && a.value === o.value) || t.push({ key: o.key, value: o.value });
+    const n = [];
+    for (let t in O.fieldControlTypeMapping)
+      O.fieldControlTypeMapping[t].forEach((o) => {
+        n.find((a) => a.key === o.key && a.value === o.value) || n.push({ key: o.key, value: o.value });
       });
-    return t;
+    return n;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-P(N, "fieldControlTypeMapping", {
+x(O, "fieldControlTypeMapping", {
   String: [
-    { key: f["input-group"].type, value: f["input-group"].name },
-    { key: f.lookup.type, value: f.lookup.name },
-    { key: f["date-picker"].type, value: f["date-picker"].name },
-    { key: f["check-box"].type, value: f["check-box"].name },
-    { key: f["radio-group"].type, value: f["radio-group"].name },
-    { key: f["combo-list"].type, value: f["combo-list"].name },
-    { key: f.textarea.type, value: f.textarea.name }
+    { key: m["input-group"].type, value: m["input-group"].name },
+    { key: m.lookup.type, value: m.lookup.name },
+    { key: m["date-picker"].type, value: m["date-picker"].name },
+    { key: m["check-box"].type, value: m["check-box"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name },
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m.textarea.type, value: m.textarea.name }
   ],
   Text: [
-    { key: f.textarea.type, value: f.textarea.name },
-    { key: f.lookup.type, value: f.lookup.name }
+    { key: m.textarea.type, value: m.textarea.name },
+    { key: m.lookup.type, value: m.lookup.name }
   ],
   Decimal: [
-    { key: f["number-spinner"].type, value: f["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   Integer: [
-    { key: f["number-spinner"].type, value: f["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   Number: [
-    { key: f["number-spinner"].type, value: f["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   BigNumber: [
-    { key: f["number-spinner"].type, value: f["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   Date: [
-    { key: f["date-picker"].type, value: f["date-picker"].name }
+    { key: m["date-picker"].type, value: m["date-picker"].name }
   ],
   DateTime: [
-    { key: f["date-picker"].type, value: f["date-picker"].name }
+    { key: m["date-picker"].type, value: m["date-picker"].name }
   ],
   Boolean: [
-    { key: f.switch.type, value: f.switch.name },
-    { key: f["check-box"].type, value: f["check-box"].name }
+    { key: m.switch.type, value: m.switch.name },
+    { key: m["check-box"].type, value: m["check-box"].name }
   ],
   Enum: [
-    { key: f["combo-list"].type, value: f["combo-list"].name },
-    { key: f["radio-group"].type, value: f["radio-group"].name }
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name }
   ],
   Object: [
-    { key: f.lookup.type, value: f.lookup.name },
-    { key: f["combo-list"].type, value: f["combo-list"].name },
-    { key: f["radio-group"].type, value: f["radio-group"].name }
+    { key: m.lookup.type, value: m.lookup.name },
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name }
   ]
 });
-let $ = N;
-const ze = h(0);
-class Je extends He {
-  constructor(t, n) {
-    super(t, n);
-  }
-  getPropertyConfig(t, n) {
-    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 o = this;
+let U = O;
+const Je = h(0);
+class Xe extends Re {
+  constructor(t, o) {
+    super(t, o);
+    x(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = ye(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 c;
+    var a = this;
     this.setDesignViewModelField(t);
-    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), c = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const l = this.formSchemaUtils.getFormMetadataBasicInfo(), u = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -1089,8 +1107,8 @@ class Je extends He {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -1099,7 +1117,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: a.designViewModelField ? U.getEditorTypesByMDataType((c = a.designViewModelField.type) == null ? void 0 : c.name) : U.getAllInputTypes()
           }
         },
         label: {
@@ -1116,7 +1134,7 @@ class Je extends He {
             bindingType: { enable: !1 },
             editorParams: {
               propertyData: t,
-              formBasicInfo: a
+              formBasicInfo: l
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -1124,22 +1142,27 @@ class Je extends He {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: c
+            data: u
           }
         }
       },
-      setPropertyRelates(u, l) {
-        if (u)
-          switch (u && u.propertyID) {
+      setPropertyRelates(i, r) {
+        if (i)
+          switch (i && i.propertyID) {
             case "type": {
-              o.changeControlType(t, u, n);
+              a.changeControlType(t, i, o);
+              break;
+            }
+            case "label": {
+              i.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(t) {
+  getAppearanceProperties(t, o) {
+    var a = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -1160,12 +1183,25 @@ class Je extends He {
           description: "响应式列宽",
           title: "响应式列宽",
           type: "boolean",
-          visible: !1,
+          visible: !0,
+          // 这个属性，标记当属性变更得时候触发重新更新属性
+          refreshPanelAfterChanged: !0,
           editor: {
-            type: "response-layout-editor-setting"
-          },
-          $converter: "/converter/response-form-layout.converter"
+            type: "response-layout-editor-setting",
+            initialState: a.responseLayoutEditorFunction.checkCanOpenLayoutEditor(t, a.componentId)
+          }
         }
+      },
+      setPropertyRelates(l, u) {
+        if (l)
+          switch (l && l.propertyID) {
+            case "responseLayout":
+              a.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(l.propertyValue, a.componentId || t.id), a.updateUnifiedLayoutAfterResponseLayoutChanged(a.componentId), a.updateElementByParentContainer(t.id, o), delete t.responseLayout;
+              break;
+            case "class":
+              a.updateUnifiedLayoutAfterControlChanged(l.propertyValue, t.id, this.componentId), a.updateElementByParentContainer(t.id, o);
+              break;
+          }
       }
     };
   }
@@ -1177,44 +1213,44 @@ class Je extends He {
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(t, n, o) {
-    var r, s, i, p;
-    const a = n.propertyValue, c = o && o.parent && o.parent.schema;
-    if (!c)
+  changeControlType(t, o, a) {
+    var d, s, p, y;
+    const l = o.propertyValue, u = a && a.parent && a.parent.schema;
+    if (!u)
       return;
-    const d = c.contents.findIndex((m) => m.id === t.id), u = c.contents[d];
-    let l;
+    const c = u.contents.findIndex((f) => f.id === t.id), i = u.contents[c];
+    let r;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: a
+        $type: l
       },
       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(
-      (m) => m.classList.remove("dgComponentSelected")
-    ), ze.value++;
-  }
-  getComponentConfig(t, n = {}, o = {}) {
-    const a = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+    }, !1), r = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, l)), r || (r = Z("form-group") || {}, r.editor = Z(l) || {}, delete r.editor.id, delete r.editor.binding, delete r.editor.appearance), 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: (d = i.editor) == null ? void 0 : d.placeholder,
+      holdPlace: (s = i.editor) == null ? void 0 : s.holdPlace,
+      readonly: (p = i.editor) == null ? void 0 : p.readonly,
+      require: (y = i.editor) == null ? void 0 : y.require
+    }), u.contents.splice(c, 1), u.contents.splice(c, 0, r), a.schema = Object.assign(i, r), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (f) => f.classList.remove("dgComponentSelected")
+    ), Je.value++;
+  }
+  getComponentConfig(t, o = {}, a = {}) {
+    const l = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), c = Object.assign({
+    }, o), u = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1235,174 +1271,222 @@ class Je extends He {
         title: "提示文本",
         type: "string"
       }
-    }, o);
-    return { ...a, properties: { ...c } };
+    }, a);
+    return { ...l, properties: { ...u } };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(t, o, a) {
+    const l = t.split(" ");
+    let u = l.find((s) => /^col-([1-9]|10|11|12)$/.test(s)), c = l.find((s) => /^col-md-([1-9]|10|11|12)$/.test(s)), i = l.find((s) => /^col-xl-([1-9]|10|11|12)$/.test(s)), r = l.find((s) => /^col-el-([1-9]|10|11|12)$/.test(s));
+    u = u || "col-12", c = c || "col-md-" + u.replace("col-", ""), i = i || "col-xl-" + c.replace("col-md-", ""), r = r || "col-el-" + i.replace("col-xl-", "");
+    const d = {
+      id: o,
+      columnInSM: parseInt(u.replace("col-", ""), 10),
+      columnInMD: parseInt(c.replace("col-md-", ""), 10),
+      columnInLG: parseInt(i.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(r.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(a, d);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(t, o) {
+    const { formNode: a } = this.responseLayoutEditorFunction.checkCanFindFormNode(t);
+    if (!a || !a.unifiedLayout)
+      return;
+    const l = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(a, l, 1), o) {
+      const f = l.find((C) => C.id === o.id);
+      Object.assign(f || {}, o);
+    }
+    const u = l.map((f) => f.columnInSM), c = l.map((f) => f.columnInMD), i = l.map((f) => f.columnInLG), r = l.map((f) => f.columnInEL), d = this.checkIsUniqueColumn(u) ? u[0] : null, s = this.checkIsUniqueColumn(c) ? c[0] : null, p = this.checkIsUniqueColumn(i) ? i[0] : null, y = this.checkIsUniqueColumn(r) ? r[0] : null;
+    Object.assign(a.unifiedLayout, {
+      uniqueColClassInSM: d,
+      uniqueColClassInMD: s,
+      uniqueColClassInLG: p,
+      uniqueColClassInEL: y
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(t) {
+    const o = new Set(t);
+    return Array.from(o).length === 1;
   }
 }
-class Ze extends Je {
-  constructor(t, n) {
-    super(t, n);
+class Ze extends Xe {
+  constructor(n, t) {
+    super(n, t);
   }
 }
-function _e(e, t) {
+function _e(e, n) {
   const {
-    canAccepts: n,
+    canAccepts: t,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: d,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: l,
+    hideNestedPaddingInDesginerView: l,
+    onAcceptMovedChildElement: u,
+    resolveComponentContext: c,
+    triggerBelongedComponentToMoveWhenMoved: i,
     triggerBelongedComponentToDeleteWhenDeleted: r
-  } = We(e), s = e.schema;
-  function i(p, m) {
-    return new Ze(p, t).getPropertyConfig(s, m);
+  } = ze(e), d = e.schema;
+  function s(p, y) {
+    return new Ze(p, n).getPropertyConfig(d, y);
   }
   return {
-    canAccepts: n,
+    canAccepts: t,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: d,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: l,
+    hideNestedPaddingInDesginerView: l,
+    onAcceptMovedChildElement: u,
+    resolveComponentContext: c,
+    triggerBelongedComponentToMoveWhenMoved: i,
     triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: i
+    getPropsConfig: s
   };
 }
-function Qe(e, t, n) {
-  var V;
+function Qe(e, n, t) {
+  var I;
   function o() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
+    t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   o();
-  const a = n && n.getStyles && n.getStyles() || "", c = n && n.getDesignerClass && n.getDesignerClass() || "", d = h();
-  function u() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
+  const a = t && t.getStyles && t.getStyles() || "", l = t && t.getDesignerClass && t.getDesignerClass() || "", u = h();
+  function c() {
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function l() {
+  function i() {
     return !1;
   }
   function r() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function s() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
+  function d() {
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function i(b) {
+  function s(b) {
     if (!b || !b.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;
+    const w = h(b == null ? void 0 : b.value.parent), M = s(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(b = n) {
+    const { componentInstance: w, designerItemElementRef: M } = b;
+    return !w || !w.value ? null : w.value.canMove ? M : p(b.parent);
   }
-  function m(b) {
-    return !!n && n.canAccepts(b);
+  function y(b) {
+    return !!t && t.canAccepts(b);
   }
-  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 f() {
+    return (n == null ? void 0 : n.schema.label) || (n == null ? void 0 : n.schema.title) || (n == null ? void 0 : n.schema.name);
   }
-  function w() {
+  function C() {
   }
-  function x(b, C) {
-    C && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(C);
+  function S(b, w) {
+    w && t != null && t.onAcceptMovedChildElement && t.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(b, w) {
+    const { componentType: M } = b;
+    let E = $(M, b, w);
+    t && t.onResolveNewComponentSchema && (E = t.onResolveNewComponentSchema(b, E));
+    const V = M.toLowerCase().replace("-", "_");
+    return E && !E.id && E.type === M && (E.id = `${V}_${Math.random().toString().slice(2, 6)}`), E;
   }
-  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 A(b, w) {
+    const M = String(b.getAttribute("data-controltype")), E = b.getAttribute("data-feature"), V = E ? JSON.parse(E) : {};
+    V.parentComponentInstance = u.value;
+    let L = $(M, V);
+    t && t.onAcceptNewChildElement && (L = t.onAcceptNewChildElement(b, w, L));
+    const G = M.toLowerCase().replace("-", "_");
+    return L && !L.id && L.type === M && (L.id = `${G}_${Math.random().toString().slice(2, 6)}`), L;
   }
-  function A(b) {
+  function P(b) {
   }
-  function M(...b) {
-    if (n && n.getPropsConfig)
-      return n.getPropsConfig(...b);
+  function k(...b) {
+    if (t && t.getPropsConfig)
+      return t.getPropsConfig(...b);
   }
-  return d.value = {
-    canMove: u(),
-    canSelectParent: l(),
+  return u.value = {
+    canMove: c(),
+    canSelectParent: i(),
     canDelete: r(),
-    canNested: !s(),
-    contents: t == null ? void 0 : t.schema.contents,
+    canNested: !d(),
+    contents: n == null ? void 0 : n.schema.contents,
     elementRef: e,
-    parent: (V = t == null ? void 0 : t.parent) == null ? void 0 : V.componentInstance,
-    schema: t == null ? void 0 : t.schema,
+    parent: (I = n == null ? void 0 : n.parent) == null ? void 0 : I.componentInstance,
+    schema: n == null ? void 0 : n.schema,
     styles: a,
-    designerClass: c,
-    canAccepts: m,
-    getBelongedComponentInstance: i,
+    designerClass: l,
+    canAccepts: y,
+    getBelongedComponentInstance: s,
     getDraggableDesignItemElement: p,
-    getDraggingDisplayText: v,
-    getPropConfig: M,
-    getDragScopeElement: w,
-    onAcceptMovedChildElement: x,
-    onAcceptNewChildElement: S,
-    onChildElementMovedOut: A,
-    addNewChildComponentSchema: k,
+    getDraggingDisplayText: f,
+    getPropConfig: k,
+    getDragScopeElement: C,
+    onAcceptMovedChildElement: S,
+    onAcceptNewChildElement: A,
+    onChildElementMovedOut: P,
+    addNewChildComponentSchema: T,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
-  }, d;
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || h(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
+  }, u;
 }
-const Xe = /* @__PURE__ */ Q({
+const Ye = /* @__PURE__ */ _({
   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), {
+  setup(e, n) {
+    const t = h(e.modelValue), o = h(e.modelValue), a = Ve(e, n, t, o), {
+      inputGroupClass: l,
+      inputType: u,
+      inputGroupStyle: c
+    } = a, i = ne(e), {
       shouldShowAppendedButton: r
-    } = l, s = K(e, t, a), {
-      onMouseEnter: i,
+    } = i, d = te(e, n, a), {
+      onMouseEnter: s,
       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(() => {
-      v.value.componentInstance = S;
-    }), t.expose(S.value);
-    const A = ne(e, t, l, s, m), M = h();
-    return () => T("div", {
+    } = d, y = oe(e, n, u, i), f = h(), C = J("designer-host-service"), S = J("design-item-context"), T = _e(S, C), A = Qe(f, S, T);
+    N(() => {
+      f.value.componentInstance = A;
+    }), n.expose(A.value);
+    const P = ae(e, n, i, d, y), k = h();
+    return () => B("div", {
       id: "inputGroup",
-      ref: v,
-      class: c.value,
-      style: u.value,
-      onMouseenter: i,
+      ref: f,
+      class: l.value,
+      style: c.value,
+      onMouseenter: s,
       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 && P()]);
   }
 });
-L.register = (e, t, n, o) => {
-  e["input-group"] = L, t["input-group"] = R;
+j.register = (e, n, t, o) => {
+  e["input-group"] = j, n["input-group"] = ee;
 };
-L.registerDesigner = (e, t, n) => {
-  e["input-group"] = Xe, t["input-group"] = R;
+j.registerDesigner = (e, n, t) => {
+  e["input-group"] = Ye, n["input-group"] = ee;
 };
-const ot = Ge(L);
+const it = Ue(j);
 export {
-  L as FInputGroup,
-  ot as default,
+  j as FInputGroup,
+  it as default,
   W as inputGroupProps,
-  R as propsResolver
+  ee as propsResolver
 };