@farris/ui-vue 1.2.8 → 1.3.0

package/components/number-spinner/index.esm.js

@@ -1,102 +1,103 @@
-var ee = Object.defineProperty;
-var te = (t, e, n) => e in t ? ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var S = (t, e, n) => te(t, typeof e != "symbol" ? e + "" : e, n);
-import { computed as M, ref as N, createVNode as T, onMounted as $, nextTick as G, defineComponent as J, watch as A, inject as z } from "vue";
-import { cloneDeep as ne } from "lodash-es";
-import k from "bignumber.js";
+var ne = Object.defineProperty;
+var oe = (t, n, e) => n in t ? ne(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
+var w = (t, n, e) => oe(t, typeof n != "symbol" ? n + "" : n, e);
+import { computed as B, ref as k, createVNode as V, onMounted as I, nextTick as G, defineComponent as J, watch as U, inject as W } from "vue";
+import { isPlainObject as z, cloneDeep as X } from "lodash-es";
+import S from "bignumber.js";
 import { getSchemaByType as Z } from "../dynamic-resolver/index.esm.js";
-const Q = {}, X = {};
-function L(t) {
-  const { properties: e, title: n } = t, r = Object.keys(e).reduce((l, s) => (l[s] = e[s].type === "object" && e[s].properties ? L(e[s]) : ne(e[s].default), l), {});
-  return r.id = `${n}-${Date.now()}`, r;
+import { useResponseLayoutEditorSetting as re } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
+const Q = {}, R = {};
+function $(t) {
+  const { properties: n, title: e, ignore: r } = t, i = r && Array.isArray(r), c = Object.keys(n).reduce((s, p) => ((!i || !r.find((u) => u == p)) && (s[p] = n[p].type === "object" && n[p].properties ? $(n[p]) : X(n[p].default)), s), {});
+  return (!i || !r.find((s) => s == "id")) && (c.id = `${e}-${Date.now()}`), c;
 }
-function U(t, e = {}) {
-  const n = Q[t];
-  if (n) {
-    let r = L(n);
-    const l = X[t];
-    return r = l ? l({ getSchemaByType: U }, r, e) : r, r;
+function j(t, n = {}, e) {
+  const r = Q[t];
+  if (r) {
+    let i = $(r);
+    const c = R[t];
+    return i = c ? c({ getSchemaByType: j }, i, n, e) : i, i;
   }
   return null;
 }
-function oe(t, e) {
-  const n = L(e);
-  return Object.keys(t).reduce((r, l) => (r[l] && typeof r[l] == "object" ? Object.assign(r[l], t[l]) : r[l] = t[l], r), n), n;
+function ie(t, n) {
+  const e = $(n);
+  return Object.keys(t).reduce((r, i) => (r[i] && z(r[i]) && z(t[i]) ? Object.assign(r[i], t[i]) : r[i] = t[i], r), e), e;
 }
-function re(t, e) {
-  return Object.keys(t).filter((r) => t[r] != null).reduce((r, l) => {
-    if (e.has(l)) {
-      const s = e.get(l);
-      if (typeof s == "string")
-        r[s] = t[l];
+function ae(t, n) {
+  return Object.keys(t).filter((r) => t[r] != null).reduce((r, i) => {
+    if (n.has(i)) {
+      const c = n.get(i);
+      if (typeof c == "string")
+        r[c] = t[i];
       else {
-        const m = s(l, t[l], t);
-        Object.assign(r, m);
+        const s = c(i, t[i], t);
+        Object.assign(r, s);
       }
     } else
-      r[l] = t[l];
+      r[i] = t[i];
     return r;
   }, {});
 }
-function ie(t, e, n = /* @__PURE__ */ new Map()) {
-  const r = oe(t, e);
-  return re(r, n);
+function le(t, n, e = /* @__PURE__ */ new Map()) {
+  const r = ie(t, n);
+  return ae(r, e);
 }
-function ae(t = {}) {
-  function e(o, i, a, u) {
+function ce(t = {}) {
+  function n(o, l, a, d) {
     if (typeof a == "number")
-      return u[o].length === a;
+      return d[o].length === a;
     if (typeof a == "object") {
-      const f = Object.keys(a)[0], y = a[f];
-      if (f === "not")
-        return Number(u[o].length) !== Number(y);
-      if (f === "moreThan")
-        return Number(u[o].length) >= Number(y);
-      if (f === "lessThan")
-        return Number(u[o].length) <= Number(y);
+      const y = Object.keys(a)[0], m = a[y];
+      if (y === "not")
+        return Number(d[o].length) !== Number(m);
+      if (y === "moreThan")
+        return Number(d[o].length) >= Number(m);
+      if (y === "lessThan")
+        return Number(d[o].length) <= Number(m);
     }
     return !1;
   }
-  function n(o, i, a, u) {
-    return u[o] && u[o].propertyValue && String(u[o].propertyValue.value) === String(a);
+  function e(o, l, a, d) {
+    return d[o] && d[o].propertyValue && String(d[o].propertyValue.value) === String(a);
   }
   const r = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", n]
+    ["length", n],
+    ["getProperty", e]
   ]);
-  Object.keys(t).reduce((o, i) => (o.set(i, t[i]), o), r);
-  function l(o, i) {
+  Object.keys(t).reduce((o, l) => (o.set(l, t[l]), o), r);
+  function i(o, l) {
     const a = o;
-    return typeof i == "number" ? [{ target: a, operator: "length", param: null, value: Number(i) }] : typeof i == "boolean" ? [{ target: a, operator: "getProperty", param: o, value: !!i }] : typeof i == "object" ? Object.keys(i).map((u) => {
-      if (u === "length")
-        return { target: a, operator: "length", param: null, value: i[u] };
-      const f = u, y = i[u];
-      return { target: a, operator: "getProperty", param: f, value: y };
+    return typeof l == "number" ? [{ target: a, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: a, operator: "getProperty", param: o, value: !!l }] : typeof l == "object" ? Object.keys(l).map((d) => {
+      if (d === "length")
+        return { target: a, operator: "length", param: null, value: l[d] };
+      const y = d, m = l[d];
+      return { target: a, operator: "getProperty", param: y, value: m };
     }) : [];
   }
-  function s(o) {
-    return Object.keys(o).reduce((a, u) => {
-      const f = l(u, o[u]);
-      return a.push(...f), a;
+  function c(o) {
+    return Object.keys(o).reduce((a, d) => {
+      const y = i(d, o[d]);
+      return a.push(...y), a;
     }, []);
   }
-  function m(o, i) {
+  function s(o, l) {
     if (r.has(o.operator)) {
       const a = r.get(o.operator);
-      return a && a(o.target, o.param, o.value, i) || !1;
+      return a && a(o.target, o.param, o.value, l) || !1;
     }
     return !1;
   }
-  function c(o, i) {
-    return s(o).reduce((f, y) => f && m(y, i), !0);
+  function p(o, l) {
+    return c(o).reduce((y, m) => y && s(m, l), !0);
   }
-  function p(o, i) {
-    const a = Object.keys(o), u = a.includes("allOf"), f = a.includes("anyOf"), y = u || f, V = (y ? o[y ? u ? "allOf" : "anyOf" : "allOf"] : [o]).map((D) => c(D, i));
-    return u ? !V.includes(!1) : V.includes(!0);
+  function u(o, l) {
+    const a = Object.keys(o), d = a.includes("allOf"), y = a.includes("anyOf"), m = d || y, F = (m ? o[m ? d ? "allOf" : "anyOf" : "allOf"] : [o]).map((P) => p(P, l));
+    return d ? !F.includes(!1) : F.includes(!0);
   }
-  return { parseValueSchema: p };
+  return { parseValueSchema: u };
 }
-const d = {
+const f = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -133,21 +134,22 @@ const d = {
   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" }
-}, le = {}, ce = {};
-ae();
-function ue(t, e, n = /* @__PURE__ */ new Map(), r = (m, c, p) => c, l = {}, s = (m) => m) {
-  return Q[e.title] = e, X[e.title] = r, le[e.title] = l, ce[e.title] = s, (m = {}) => {
-    const c = ie(m, e, n), p = Object.keys(t).reduce((o, i) => (o[i] = t[i].default, o), {});
-    return Object.assign(p, c);
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, se = {}, ue = {};
+ce();
+function pe(t, n, e = /* @__PURE__ */ new Map(), r = (s, p, u) => p, i = {}, c = (s) => s) {
+  return Q[n.title] = n, R[n.title] = r, se[n.title] = i, ue[n.title] = c, (s = {}) => {
+    const p = le(s, n, e), u = Object.keys(t).reduce((o, l) => (o[l] = t[l].default, o), {});
+    return Object.assign(u, p);
   };
 }
-function se(t, e) {
-  return { customClass: e.class, customStyle: e.style };
+function de(t, n) {
+  return { customClass: n.class, customStyle: n.style };
 }
-const pe = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]), de = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-design.gitee.io/number-spinner.schema.json", fe = "number-spinner", ye = "A Farris Input Component", ge = "object", be = {
+const me = /* @__PURE__ */ new Map([
+  ["appearance", de]
+]), fe = "https://json-schema.org/draft/2020-12/schema", ye = "https://farris-design.gitee.io/number-spinner.schema.json", ge = "number-spinner", be = "A Farris Input Component", he = "object", ve = {
   id: {
     description: "The unique identifier for a number spinner",
     type: "string"
@@ -248,22 +250,27 @@ const pe = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, he = [
+}, Ce = [
   "id",
   "type"
-], ve = {
-  $schema: de,
-  $id: me,
-  title: fe,
-  description: ye,
-  type: ge,
-  properties: be,
-  required: he
+], we = [
+  "id",
+  "appearance",
+  "binding"
+], Se = {
+  $schema: fe,
+  $id: ye,
+  title: ge,
+  description: be,
+  type: he,
+  properties: ve,
+  required: Ce,
+  ignore: we
 };
-function we(t, e, n) {
-  return e;
+function ke(t, n, e) {
+  return n;
 }
-const W = {
+const q = {
   /**
    * 组件标识
    */
@@ -367,358 +374,358 @@ const W = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, Y = ue(W, ve, pe, we);
-function _(t, e, n, r) {
-  const { format: l } = n, { displayValue: s, getRealValue: m, modelValue: c, onNumberValueChanged: p } = r;
+}, Y = pe(q, Se, me, ke);
+function _(t, n, e, r) {
+  const { format: i } = e, { displayValue: c, getRealValue: s, modelValue: p, onNumberValueChanged: u } = r;
   function o() {
-    const C = new k(c.value || 0);
-    return !(t.max && !new k(t.max).isNaN() && C.gte(new k(t.max)));
+    const C = new S(p.value || 0);
+    return !(t.max && !new S(t.max).isNaN() && C.gte(new S(t.max)));
   }
-  function i() {
-    const C = new k(c.value || 0);
-    return !(t.min && !new k(t.min).isNaN() && C.lte(new k(t.min)));
+  function l() {
+    const C = new S(p.value || 0);
+    return !(t.min && !new S(t.min).isNaN() && C.lte(new S(t.min)));
   }
   function a(C) {
     if (t.readonly || t.disabled)
       return;
-    const V = C === "up" ? o : i, x = C === "up" ? "plus" : "minus";
-    if (V()) {
-      const b = new k(c.value || 0)[x](Number(t.step)), B = b.toFixed();
-      s.value = l(B), p(m(b));
+    const F = C === "up" ? o : l, E = C === "up" ? "plus" : "minus";
+    if (F()) {
+      const b = new S(p.value || 0)[E](Number(t.step)), N = b.toFixed();
+      c.value = i(N), u(s(b));
     }
   }
-  function u() {
+  function d() {
     a("up");
   }
-  function f() {
+  function y() {
     a("down");
   }
-  function y(C) {
-    u(), C.stopPropagation();
+  function m(C) {
+    d(), C.stopPropagation();
   }
-  function w(C) {
-    f(), C.stopPropagation();
+  function v(C) {
+    y(), C.stopPropagation();
   }
-  return { canDownward: i, canUpward: o, downward: f, onClickDownButton: w, onClickUpButton: y, upward: u };
+  return { canDownward: l, canUpward: o, downward: y, onClickDownButton: v, onClickUpButton: m, upward: d };
 }
-function H(t, e, n) {
-  const r = M(() => ({
+function H(t, n, e) {
+  const r = B(() => ({
     prefix: t.prefix,
     suffix: t.suffix,
     decimalSeparator: t.decimalSeparator,
     groupSeparator: t.useThousands ? t.groupSeparator : "",
     groupSize: t.groupSize
-  })), { getValidNumberObject: l, precision: s } = n;
-  function m(o) {
+  })), { getValidNumberObject: i, precision: c } = e;
+  function s(o) {
     return o = o == null || o === "" ? "" : String(o), o = o.replace(new RegExp(t.prefix, "g"), "").replace(new RegExp(t.suffix, "g"), "").replace(/,/g, ""), t.groupSeparator && t.groupSeparator !== "," && (o = o.replace(new RegExp(`\\${t.groupSeparator}`, "g"), "")), t.decimalSeparator && t.decimalSeparator !== "." && (o = o.replace(new RegExp(`\\${t.decimalSeparator}`, "g"), ".")), o;
   }
-  function c(o, i) {
-    return t.precision !== null && t.precision !== void 0 ? o.toFormat(s.value, i) : o.toFormat(i);
+  function p(o, l) {
+    return t.precision !== null && t.precision !== void 0 ? o.toFormat(c.value, l) : o.toFormat(l);
   }
-  function p(o) {
-    const i = m(o), a = new k(i, 10), u = l(a);
-    return u.valueOf() === "0" && !t.showZero || u.isNaN() ? "" : t.formatter ? t.formatter(u.toNumber()) : c(u, r.value);
+  function u(o) {
+    const l = s(o), a = new S(l, 10), d = i(a);
+    return d.valueOf() === "0" && !t.showZero || d.isNaN() ? "" : t.formatter ? t.formatter(d.toNumber()) : p(d, r.value);
   }
-  return { cleanFormat: m, format: p };
+  return { cleanFormat: s, format: u };
 }
-function R(t, e) {
-  const n = N(""), r = N(t.modelValue), l = M(() => Number(t.precision) || 0);
-  function s(i) {
-    return i.toFixed(l.value);
+function K(t, n) {
+  const e = k(""), r = k(t.modelValue), i = B(() => Number(t.precision) || 0);
+  function c(l) {
+    return l.toFixed(i.value);
   }
-  function m(i) {
-    return isNaN(i) || i === null || i === void 0 || i === "";
+  function s(l) {
+    return isNaN(l) || l === null || l === void 0 || l === "";
   }
-  function c(i) {
-    const a = m(t.max) ? null : new k(String(t.max), 10), u = m(t.min) ? null : new k(String(t.min), 10);
-    return a && i.gt(a) ? a : u && i.lt(u) ? u : i;
+  function p(l) {
+    const a = s(t.max) ? null : new S(String(t.max), 10), d = s(t.min) ? null : new S(String(t.min), 10);
+    return a && l.gt(a) ? a : d && l.lt(d) ? d : l;
   }
-  function p(i) {
+  function u(l) {
     if (t.parser)
-      return isNaN(Number(i)) ? t.parser(i) : i;
-    let a = c(new k(i, 10));
+      return isNaN(Number(l)) ? t.parser(l) : l;
+    let a = p(new S(l, 10));
     if (a.isNaN()) {
       if (t.canNull)
         return null;
-      const f = new k("" + t.min, 10), y = new k("" + t.max, 10);
-      if (!f.isNaN())
-        a = f;
-      else if (!y.isNaN())
+      const y = new S("" + t.min, 10), m = new S("" + t.max, 10);
+      if (!y.isNaN())
         a = y;
+      else if (!m.isNaN())
+        a = m;
       else
         return 0;
     }
-    return s(a);
+    return c(a);
   }
-  function o(i) {
-    const a = Number(i);
-    r.value = a, e.emit("update:modelValue", a), e.emit("valueChange", a), e.emit("change", a);
+  function o(l) {
+    const a = Number(l);
+    r.value = a, n.emit("update:modelValue", a), n.emit("valueChange", a), n.emit("change", a);
   }
-  return { displayValue: n, getRealValue: p, modelValue: r, isEmpty: m, onNumberValueChanged: o, precision: l, getValidNumberObject: c };
+  return { displayValue: e, getRealValue: u, modelValue: r, isEmpty: s, onNumberValueChanged: o, precision: i, getValidNumberObject: p };
 }
-function Ce(t, e, n, r, l) {
-  const { cleanFormat: s, format: m } = n, { displayValue: c, getRealValue: p, modelValue: o, isEmpty: i, onNumberValueChanged: a } = r, { downward: u, upward: f } = l, y = N(!1), w = M(() => c.value);
+function Ne(t, n, e, r, i) {
+  const { cleanFormat: c, format: s } = e, { displayValue: p, getRealValue: u, modelValue: o, isEmpty: l, onNumberValueChanged: a } = r, { downward: d, upward: y } = i, m = k(!1), v = B(() => p.value);
   function C(b) {
     var h;
-    if (b.stopPropagation(), y.value = !1, t.readonly || t.disabled)
+    if (b.stopPropagation(), m.value = !1, t.readonly || t.disabled)
       return;
-    let B = (h = b.target) == null ? void 0 : h.value;
-    t.canNull || (B = B || 0);
-    const g = s(B);
-    c.value = m(g), a(p(g)), e.emit("blur", { event: b, formatted: c.value, value: o.value });
+    let N = (h = b.target) == null ? void 0 : h.value;
+    t.canNull || (N = N || 0);
+    const g = c(N);
+    p.value = s(g), a(u(g)), n.emit("blur", { event: b, formatted: p.value, value: o.value });
   }
-  function V(b) {
-    b.stopPropagation(), y.value = !0, !(t.readonly || t.disabled) && (c.value = i(o.value) || !t.showZero && o.value === "0" ? "" : String(o.value), e.emit("focus", { event: b, formatted: c.value, value: o.value }));
+  function F(b) {
+    b.stopPropagation(), m.value = !0, !(t.readonly || t.disabled) && (p.value = l(o.value) || !t.showZero && o.value === "0" ? "" : String(o.value), n.emit("focus", { event: b, formatted: p.value, value: o.value }));
   }
-  function x(b) {
+  function E(b) {
     var h;
     b.stopPropagation();
-    let B = (h = b.target) == null ? void 0 : h.value;
-    t.canNull || (B = B || 0);
-    const g = s(B);
-    c.value = g, a(p(g));
+    let N = (h = b.target) == null ? void 0 : h.value;
+    t.canNull || (N = N || 0);
+    const g = c(N);
+    p.value = g, a(u(g));
   }
-  function D(b) {
-    b.key === "ArrowDown" && (b.preventDefault(), u()), b.key === "ArrowUp" && (b.preventDefault(), f()), b.stopPropagation();
+  function P(b) {
+    b.key === "ArrowDown" && (b.preventDefault(), d()), b.key === "ArrowUp" && (b.preventDefault(), y()), b.stopPropagation();
   }
-  return { textBoxValue: w, onBlurTextBox: C, onFocusTextBox: V, onInput: x, onKeyDown: D, isFocus: y };
+  return { textBoxValue: v, onBlurTextBox: C, onFocusTextBox: F, onInput: E, onKeyDown: P, isFocus: m };
 }
-function I(t, e, n) {
+function ee(t, n, e) {
   const {
     canDownward: r,
-    canUpward: l,
-    onClickDownButton: s,
-    onClickUpButton: m
-  } = n, c = M(() => ({
+    canUpward: i,
+    onClickDownButton: c,
+    onClickUpButton: s
+  } = e, p = B(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), p = M(() => ({
+  })), u = B(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), o = M(() => ({
-    cursor: l() ? "pointer" : "not-allowed",
+  })), o = B(() => ({
+    cursor: i() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), i = M(() => ({
+  })), l = B(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => T("div", {
-    class: c.value
-  }, [T("button", {
+  return () => V("div", {
+    class: p.value
+  }, [V("button", {
     title: "upButton",
-    class: p.value,
+    class: u.value,
     style: o.value,
-    onClick: m,
-    disabled: !l()
-  }, [T("span", {
+    onClick: s,
+    disabled: !i()
+  }, [V("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), T("button", {
+  }, null)]), V("button", {
     title: "downButton",
-    class: p.value,
-    style: i.value,
-    onClick: s,
+    class: u.value,
+    style: l.value,
+    onClick: c,
     disabled: !r()
-  }, [T("span", {
+  }, [V("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function Se(t, e, n) {
-  const r = N(), {
-    onBlurTextBox: l,
-    onFocusTextBox: s,
-    onInput: m,
-    onKeyDown: c,
-    textBoxValue: p
-  } = n, o = M(() => t.disabled || t.readonly || !t.editable ? "" : t.placeholder), i = M(() => ({
+function Me(t, n, e) {
+  const r = k(), {
+    onBlurTextBox: i,
+    onFocusTextBox: c,
+    onInput: s,
+    onKeyDown: p,
+    textBoxValue: u
+  } = e, o = B(() => t.disabled || t.readonly || !t.editable ? "" : t.placeholder), l = B(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), a = M(() => ({
+  })), a = B(() => ({
     "text-align": t.textAlign
   }));
-  function u(w) {
-    w.stopPropagation();
+  function d(v) {
+    v.stopPropagation();
   }
-  function f() {
+  function y() {
     t.selectOnCreated, t.focusOnCreated;
   }
-  async function y(w) {
-    s(w), await G, f();
+  async function m(v) {
+    c(v), await G, y();
   }
-  return $(async () => {
-    await G, f();
-  }), () => T("input", {
+  return I(async () => {
+    await G, y();
+  }), () => V("input", {
     ref: r,
-    class: i.value,
+    class: l.value,
     style: a.value,
     type: "text",
-    value: p.value,
+    value: u.value,
     disabled: t.disabled,
     readonly: t.readonly || !t.editable,
     placeholder: o.value,
-    onBlur: l,
-    onChange: u,
-    onFocus: y,
-    onInput: m,
-    onKeydown: c
+    onBlur: i,
+    onChange: d,
+    onFocus: m,
+    onInput: s,
+    onKeydown: p
   }, null);
 }
-const O = /* @__PURE__ */ J({
+const L = /* @__PURE__ */ J({
   name: "FNumberSpinner",
-  props: W,
+  props: q,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
-  setup(t, e) {
-    const n = R(t, e), r = H(t, e, n), l = _(t, e, r, n), s = Ce(t, e, r, n, l), m = I(t, e, l), {
-      displayValue: c,
-      modelValue: p,
+  setup(t, n) {
+    const e = K(t, n), r = H(t, n, e), i = _(t, n, r, e), c = Ne(t, n, r, e, i), s = ee(t, n, i), {
+      displayValue: p,
+      modelValue: u,
       getRealValue: o
-    } = n, i = Se(t, e, s), {
+    } = e, l = Me(t, n, c), {
       format: a
     } = r, {
-      isFocus: u
-    } = s, f = M(() => !t.disabled && !t.readonly && t.showButton);
-    return $(() => {
-      const y = o(t.modelValue);
-      c.value = a(y);
-    }), A(() => [t.value], ([y]) => {
-      const w = o(y);
-      p.value = w, c.value = a(w);
-    }), A(() => [t.modelValue], ([y]) => {
-      y !== p.value && (p.value = y, !u.value && (c.value = a(o(y))));
-    }), A(() => [t.precision, t.useThousands, t.prefix, t.suffix, t.showZero], () => {
-      c.value = a(p.value);
-    }), () => T("div", {
+      isFocus: d
+    } = c, y = B(() => !t.disabled && !t.readonly && t.showButton);
+    return I(() => {
+      const m = o(t.modelValue);
+      p.value = a(m);
+    }), U(() => [t.value], ([m]) => {
+      const v = o(m);
+      u.value = v, p.value = a(v);
+    }), U(() => [t.modelValue], ([m]) => {
+      m !== u.value && (u.value = m, !d.value && (p.value = a(o(m))));
+    }), U(() => [t.precision, t.useThousands, t.prefix, t.suffix, t.showZero], () => {
+      p.value = a(u.value);
+    }), () => V("div", {
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-    }, [i(), f.value && m()]);
+    }, [l(), y.value && s()]);
   }
 });
-function ke(t, e, n) {
-  var B;
+function Be(t, n, e) {
+  var N;
   function r() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
+    e != null && e.resolveComponentContext && e.resolveComponentContext();
   }
   r();
-  const l = n && n.getStyles && n.getStyles() || "", s = n && n.getDesignerClass && n.getDesignerClass() || "", m = N();
-  function c() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
+  const i = e && e.getStyles && e.getStyles() || "", c = e && e.getDesignerClass && e.getDesignerClass() || "", s = k();
   function p() {
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
+  }
+  function u() {
     return !1;
   }
   function o() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
   }
-  function i() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
+  function l() {
+    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
   }
   function a(g) {
     if (!g || !g.value)
       return null;
     if (g.value.schema && g.value.schema.type === "component")
       return g.value;
-    const h = N(g == null ? void 0 : g.value.parent), v = a(h);
-    return v || null;
+    const h = k(g == null ? void 0 : g.value.parent), M = a(h);
+    return M || null;
   }
-  function u(g = e) {
-    const { componentInstance: h, designerItemElementRef: v } = g;
-    return !h || !h.value ? null : h.value.canMove ? v : u(g.parent);
+  function d(g = n) {
+    const { componentInstance: h, designerItemElementRef: M } = g;
+    return !h || !h.value ? null : h.value.canMove ? M : d(g.parent);
   }
-  function f(g) {
-    return !!n && n.canAccepts(g);
+  function y(g) {
+    return !!e && e.canAccepts(g);
   }
-  function y() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
+  function m() {
+    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 v() {
   }
   function C(g, h) {
-    h && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(h);
+    h && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(h);
   }
-  function V(g) {
-    const { componentType: h } = g;
-    let v = U(h, g);
-    n && n.onResolveNewComponentSchema && (v = n.onResolveNewComponentSchema(g, v));
-    const E = h.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === h && (v.id = `${E}_${Math.random().toString().slice(2, 6)}`), v;
+  function F(g, h) {
+    const { componentType: M } = g;
+    let T = j(M, g, h);
+    e && e.onResolveNewComponentSchema && (T = e.onResolveNewComponentSchema(g, T));
+    const A = M.toLowerCase().replace("-", "_");
+    return T && !T.id && T.type === M && (T.id = `${A}_${Math.random().toString().slice(2, 6)}`), T;
   }
-  function x(g, h) {
-    const v = String(g.getAttribute("data-controltype")), E = g.getAttribute("data-feature"), q = E ? JSON.parse(E) : {};
-    q.parentComponentInstance = m.value;
-    let F = U(v, q);
-    n && n.onAcceptNewChildElement && (F = n.onAcceptNewChildElement(g, h, F));
-    const K = v.toLowerCase().replace("-", "_");
-    return F && !F.id && F.type === v && (F.id = `${K}_${Math.random().toString().slice(2, 6)}`), F;
+  function E(g, h) {
+    const M = String(g.getAttribute("data-controltype")), T = g.getAttribute("data-feature"), A = T ? JSON.parse(T) : {};
+    A.parentComponentInstance = s.value;
+    let x = j(M, A);
+    e && e.onAcceptNewChildElement && (x = e.onAcceptNewChildElement(g, h, x));
+    const te = M.toLowerCase().replace("-", "_");
+    return x && !x.id && x.type === M && (x.id = `${te}_${Math.random().toString().slice(2, 6)}`), x;
   }
-  function D(g) {
+  function P(g) {
   }
   function b(...g) {
-    if (n && n.getPropsConfig)
-      return n.getPropsConfig(...g);
+    if (e && e.getPropsConfig)
+      return e.getPropsConfig(...g);
   }
-  return m.value = {
-    canMove: c(),
-    canSelectParent: p(),
+  return s.value = {
+    canMove: p(),
+    canSelectParent: u(),
     canDelete: o(),
-    canNested: !i(),
-    contents: e == null ? void 0 : e.schema.contents,
+    canNested: !l(),
+    contents: n == null ? void 0 : n.schema.contents,
     elementRef: t,
-    parent: (B = e == null ? void 0 : e.parent) == null ? void 0 : B.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: l,
-    designerClass: s,
-    canAccepts: f,
+    parent: (N = n == null ? void 0 : n.parent) == null ? void 0 : N.componentInstance,
+    schema: n == null ? void 0 : n.schema,
+    styles: i,
+    designerClass: c,
+    canAccepts: y,
     getBelongedComponentInstance: a,
-    getDraggableDesignItemElement: u,
-    getDraggingDisplayText: y,
+    getDraggableDesignItemElement: d,
+    getDraggingDisplayText: m,
     getPropConfig: b,
-    getDragScopeElement: w,
+    getDragScopeElement: v,
     onAcceptMovedChildElement: C,
-    onAcceptNewChildElement: x,
-    onChildElementMovedOut: D,
-    addNewChildComponentSchema: V,
+    onAcceptNewChildElement: E,
+    onChildElementMovedOut: P,
+    addNewChildComponentSchema: F,
     updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || N(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || N(!1)
-  }, m;
+    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || k(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
+  }, s;
 }
-class Ne {
-  constructor(e, n) {
-    S(this, "componentId");
-    S(this, "viewModelId");
-    S(this, "eventsEditorUtils");
-    S(this, "formSchemaUtils");
-    S(this, "formMetadataConverter");
-    S(this, "designViewModelUtils");
-    S(this, "designViewModelField");
-    S(this, "controlCreatorUtils");
-    S(this, "designerHostService");
-    S(this, "schemaService", null);
-    S(this, "metadataService", null);
-    S(this, "propertyConfig", {
+class Te {
+  constructor(n, e) {
+    w(this, "componentId");
+    w(this, "viewModelId");
+    w(this, "eventsEditorUtils");
+    w(this, "formSchemaUtils");
+    w(this, "formMetadataConverter");
+    w(this, "designViewModelUtils");
+    w(this, "designViewModelField");
+    w(this, "controlCreatorUtils");
+    w(this, "designerHostService");
+    w(this, "schemaService", null);
+    w(this, "metadataService", null);
+    w(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
     var r;
-    this.componentId = e, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+    this.componentId = n, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService;
   }
   getTableInfo() {
-    var e;
-    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
+    var n;
+    return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
   }
-  setDesignViewModelField(e) {
-    const n = e.binding && e.binding.type === "Form" && e.binding.field;
-    if (n) {
+  setDesignViewModelField(n) {
+    const e = n.binding && n.binding.type === "Form" && n.binding.field;
+    if (e) {
       if (!this.designViewModelField) {
         const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((l) => l.id === n);
+        this.designViewModelField = r.fields.find((i) => i.id === e);
       }
-      e.updateOn = this.designViewModelField.updateOn;
+      n.updateOn = this.designViewModelField.updateOn;
     }
   }
-  changeFieldEditorType(e, n) {
+  changeFieldEditorType(n, e) {
   }
-  getBasicPropConfig(e) {
+  getBasicPropConfig(n) {
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -737,13 +744,13 @@ class Ne {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: d[e.type].name }]
+            data: [{ value: n.type, name: f[n.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(e = null) {
+  getAppearanceConfig(n = null) {
     return {
       title: "样式",
       description: "Appearance",
@@ -763,90 +770,105 @@ class Ne {
       }
     };
   }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(n, e) {
+    const r = e && e.parent && e.parent.schema;
+    if (!r)
+      return;
+    const i = r.contents.findIndex((s) => s.id === n), c = X(r.contents[i]);
+    r.contents.splice(i, 1), r.contents.splice(i, 0, c);
+  }
 }
-const P = class P {
+const D = class D {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
-  static getEditorTypesByMDataType(e) {
-    const n = P.fieldControlTypeMapping[e];
-    return n || [{ key: "", value: "" }];
+  static getEditorTypesByMDataType(n) {
+    const e = D.fieldControlTypeMapping[n];
+    return e || [{ key: "", value: "" }];
   }
   /**
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
-    const e = [];
-    for (let n in P.fieldControlTypeMapping)
-      P.fieldControlTypeMapping[n].forEach((r) => {
-        e.find((l) => l.key === r.key && l.value === r.value) || e.push({ key: r.key, value: r.value });
+    const n = [];
+    for (let e in D.fieldControlTypeMapping)
+      D.fieldControlTypeMapping[e].forEach((r) => {
+        n.find((i) => i.key === r.key && i.value === r.value) || n.push({ key: r.key, value: r.value });
       });
-    return e;
+    return n;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-S(P, "fieldControlTypeMapping", {
+w(D, "fieldControlTypeMapping", {
   String: [
-    { key: d["input-group"].type, value: d["input-group"].name },
-    { key: d.lookup.type, value: d.lookup.name },
-    { key: d["date-picker"].type, value: d["date-picker"].name },
-    { key: d["check-box"].type, value: d["check-box"].name },
-    { key: d["radio-group"].type, value: d["radio-group"].name },
-    { key: d["combo-list"].type, value: d["combo-list"].name },
-    { key: d.textarea.type, value: d.textarea.name }
+    { 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 }
   ],
   Text: [
-    { key: d.textarea.type, value: d.textarea.name },
-    { key: d.lookup.type, value: d.lookup.name }
+    { key: f.textarea.type, value: f.textarea.name },
+    { key: f.lookup.type, value: f.lookup.name }
   ],
   Decimal: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   Integer: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   Number: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   BigNumber: [
-    { key: d["number-spinner"].type, value: d["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   Date: [
-    { key: d["date-picker"].type, value: d["date-picker"].name }
+    { key: f["date-picker"].type, value: f["date-picker"].name }
   ],
   DateTime: [
-    { key: d["date-picker"].type, value: d["date-picker"].name }
+    { key: f["date-picker"].type, value: f["date-picker"].name }
   ],
   Boolean: [
-    { key: d.switch.type, value: d.switch.name },
-    { key: d["check-box"].type, value: d["check-box"].name }
+    { key: f.switch.type, value: f.switch.name },
+    { key: f["check-box"].type, value: f["check-box"].name }
   ],
   Enum: [
-    { key: d["combo-list"].type, value: d["combo-list"].name },
-    { key: d["radio-group"].type, value: d["radio-group"].name }
+    { key: f["combo-list"].type, value: f["combo-list"].name },
+    { key: f["radio-group"].type, value: f["radio-group"].name }
   ],
   Object: [
-    { key: d.lookup.type, value: d.lookup.name },
-    { key: d["combo-list"].type, value: d["combo-list"].name },
-    { key: d["radio-group"].type, value: d["radio-group"].name }
+    { 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 }
   ]
 });
-let j = P;
-const Be = N(0);
-class Me extends Ne {
-  constructor(e, n) {
-    super(e, n);
-  }
-  getPropertyConfig(e, n) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(e, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
-  }
-  getBasicProperties(e, n) {
-    var m;
-    var r = this;
+let O = D;
+const Ve = k(0);
+class Fe extends Te {
+  constructor(e, r) {
+    super(e, r);
+    w(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = re(this.formSchemaUtils);
+  }
+  getPropertyConfig(e, r) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(e, r), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, r), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
+  }
+  getBasicProperties(e, r) {
+    var p;
+    var i = this;
     this.setDesignViewModelField(e);
-    const l = this.formSchemaUtils.getFormMetadataBasicInfo(), s = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const c = this.formSchemaUtils.getFormMetadataBasicInfo(), s = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -858,8 +880,8 @@ class Me extends Ne {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -868,7 +890,7 @@ class Me extends Ne {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? j.getEditorTypesByMDataType((m = r.designViewModelField.type) == null ? void 0 : m.name) : j.getAllInputTypes()
+            data: i.designViewModelField ? O.getEditorTypesByMDataType((p = i.designViewModelField.type) == null ? void 0 : p.name) : O.getAllInputTypes()
           }
         },
         label: {
@@ -885,7 +907,7 @@ class Me extends Ne {
             bindingType: { enable: !1 },
             editorParams: {
               propertyData: e,
-              formBasicInfo: l
+              formBasicInfo: c
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -897,18 +919,23 @@ class Me extends Ne {
           }
         }
       },
-      setPropertyRelates(c, p) {
-        if (c)
-          switch (c && c.propertyID) {
+      setPropertyRelates(u, o) {
+        if (u)
+          switch (u && u.propertyID) {
             case "type": {
-              r.changeControlType(e, c, n);
+              i.changeControlType(e, u, r);
+              break;
+            }
+            case "label": {
+              u.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(e) {
+  getAppearanceProperties(e, r) {
+    var i = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -929,12 +956,25 @@ class Me extends Ne {
           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: i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e, i.componentId)
+          }
         }
+      },
+      setPropertyRelates(c, s) {
+        if (c)
+          switch (c && c.propertyID) {
+            case "responseLayout":
+              i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(c.propertyValue, i.componentId || e.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(e.id, r), delete e.responseLayout;
+              break;
+            case "class":
+              i.updateUnifiedLayoutAfterControlChanged(c.propertyValue, e.id, this.componentId), i.updateElementByParentContainer(e.id, r);
+              break;
+          }
       }
     };
   }
@@ -946,44 +986,44 @@ class Me extends Ne {
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(e, n, r) {
-    var o, i, a, u;
-    const l = n.propertyValue, s = r && r.parent && r.parent.schema;
+  changeControlType(e, r, i) {
+    var l, a, d, y;
+    const c = r.propertyValue, s = i && i.parent && i.parent.schema;
     if (!s)
       return;
-    const m = s.contents.findIndex((f) => f.id === e.id), c = s.contents[m];
-    let p;
+    const p = s.contents.findIndex((m) => m.id === e.id), u = s.contents[p];
+    let o;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: l
+        $type: c
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), p = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, l)), p || (p = Z("form-group") || {}, p.editor = Z(l) || {}, delete p.editor.id, delete p.editor.binding, delete p.editor.appearance), Object.assign(p, {
-      id: c.id,
-      appearance: c.appearance,
-      size: c.size,
-      label: c.label,
-      binding: c.binding,
-      visible: c.visible
-    }), Object.assign(p.editor, {
-      isTextArea: p.isTextArea && c.isTextArea,
-      placeholder: (o = c.editor) == null ? void 0 : o.placeholder,
-      holdPlace: (i = c.editor) == null ? void 0 : i.holdPlace,
-      readonly: (a = c.editor) == null ? void 0 : a.readonly,
-      require: (u = c.editor) == null ? void 0 : u.require
-    }), s.contents.splice(m, 1), s.contents.splice(m, 0, p), r.schema = Object.assign(c, p), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (f) => f.classList.remove("dgComponentSelected")
-    ), Be.value++;
-  }
-  getComponentConfig(e, n = {}, r = {}) {
-    const l = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+    }, !1), o = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, c)), o || (o = Z("form-group") || {}, o.editor = Z(c) || {}, delete o.editor.id, delete o.editor.binding, delete o.editor.appearance), Object.assign(o, {
+      id: u.id,
+      appearance: u.appearance,
+      size: u.size,
+      label: u.label,
+      binding: u.binding,
+      visible: u.visible
+    }), Object.assign(o.editor, {
+      isTextArea: o.isTextArea && u.isTextArea,
+      placeholder: (l = u.editor) == null ? void 0 : l.placeholder,
+      holdPlace: (a = u.editor) == null ? void 0 : a.holdPlace,
+      readonly: (d = u.editor) == null ? void 0 : d.readonly,
+      require: (y = u.editor) == null ? void 0 : y.require
+    }), s.contents.splice(p, 1), s.contents.splice(p, 0, o), i.schema = Object.assign(u, o), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (m) => m.classList.remove("dgComponentSelected")
+    ), Ve.value++;
+  }
+  getComponentConfig(e, r = {}, i = {}) {
+    const c = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), s = Object.assign({
+    }, r), s = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1004,16 +1044,64 @@ class Me extends Ne {
         title: "提示文本",
         type: "string"
       }
-    }, r);
-    return { ...l, properties: { ...s } };
+    }, i);
+    return { ...c, properties: { ...s } };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(e, r, i) {
+    const c = e.split(" ");
+    let s = c.find((a) => /^col-([1-9]|10|11|12)$/.test(a)), p = c.find((a) => /^col-md-([1-9]|10|11|12)$/.test(a)), u = c.find((a) => /^col-xl-([1-9]|10|11|12)$/.test(a)), o = c.find((a) => /^col-el-([1-9]|10|11|12)$/.test(a));
+    s = s || "col-12", p = p || "col-md-" + s.replace("col-", ""), u = u || "col-xl-" + p.replace("col-md-", ""), o = o || "col-el-" + u.replace("col-xl-", "");
+    const l = {
+      id: r,
+      columnInSM: parseInt(s.replace("col-", ""), 10),
+      columnInMD: parseInt(p.replace("col-md-", ""), 10),
+      columnInLG: parseInt(u.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(o.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, l);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(e, r) {
+    const { formNode: i } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
+    if (!i || !i.unifiedLayout)
+      return;
+    const c = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, c, 1), r) {
+      const m = c.find((v) => v.id === r.id);
+      Object.assign(m || {}, r);
+    }
+    const s = c.map((m) => m.columnInSM), p = c.map((m) => m.columnInMD), u = c.map((m) => m.columnInLG), o = c.map((m) => m.columnInEL), l = this.checkIsUniqueColumn(s) ? s[0] : null, a = this.checkIsUniqueColumn(p) ? p[0] : null, d = this.checkIsUniqueColumn(u) ? u[0] : null, y = this.checkIsUniqueColumn(o) ? o[0] : null;
+    Object.assign(i.unifiedLayout, {
+      uniqueColClassInSM: l,
+      uniqueColClassInMD: a,
+      uniqueColClassInLG: d,
+      uniqueColClassInEL: y
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(e) {
+    const r = new Set(e);
+    return Array.from(r).length === 1;
   }
 }
-class Te extends Me {
-  constructor(e, n) {
-    super(e, n);
+class xe extends Fe {
+  constructor(n, e) {
+    super(n, e);
   }
-  getEditorProperties(e) {
-    return this.getComponentConfig(e, { type: "number-spinner" }, {
+  getEditorProperties(n) {
+    return this.getComponentConfig(n, { type: "number-spinner" }, {
       textAlign: {
         description: "",
         title: "对齐方式",
@@ -1041,106 +1129,106 @@ class Te extends Me {
     });
   }
 }
-function Ve(t, e) {
+function Ee(t, n) {
   t.schema;
-  const n = N(!0), r = N(!0);
-  function l(a) {
+  const e = k(!0), r = k(!0);
+  function i(a) {
     return !1;
   }
-  function s() {
+  function c() {
     return !1;
   }
-  function m() {
+  function s() {
     return !1;
   }
-  function c() {
+  function p() {
     return !0;
   }
-  function p(a) {
+  function u(a) {
   }
   function o() {
   }
-  function i(a) {
+  function l(a) {
     return null;
   }
   return {
-    canAccepts: l,
-    checkCanDeleteComponent: s,
-    checkCanMoveComponent: m,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: p,
+    canAccepts: i,
+    checkCanDeleteComponent: c,
+    checkCanMoveComponent: s,
+    hideNestedPaddingInDesginerView: p,
+    onAcceptMovedChildElement: u,
     resolveComponentContext: o,
-    triggerBelongedComponentToMoveWhenMoved: n,
+    triggerBelongedComponentToMoveWhenMoved: e,
     triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: i
+    getPropsConfig: l
   };
 }
-function Fe(t, e) {
+function Pe(t, n) {
   const {
-    canAccepts: n,
+    canAccepts: e,
     checkCanDeleteComponent: r,
-    checkCanMoveComponent: l,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: c,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    checkCanMoveComponent: i,
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: s,
+    resolveComponentContext: p,
+    triggerBelongedComponentToMoveWhenMoved: u,
     triggerBelongedComponentToDeleteWhenDeleted: o
-  } = Ve(t), i = t.schema;
-  function a(u, f) {
-    return new Te(u, e).getPropertyConfig(i, f);
+  } = Ee(t), l = t.schema;
+  function a(d, y) {
+    return new xe(d, n).getPropertyConfig(l, y);
   }
   return {
-    canAccepts: n,
+    canAccepts: e,
     checkCanDeleteComponent: r,
-    checkCanMoveComponent: l,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: c,
-    triggerBelongedComponentToMoveWhenMoved: p,
+    checkCanMoveComponent: i,
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: s,
+    resolveComponentContext: p,
+    triggerBelongedComponentToMoveWhenMoved: u,
     triggerBelongedComponentToDeleteWhenDeleted: o,
     getPropsConfig: a
   };
 }
-const xe = /* @__PURE__ */ J({
+const De = /* @__PURE__ */ J({
   name: "FNumberSpinnerDesign",
-  props: W,
+  props: q,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
-  setup(t, e) {
-    const n = R(t, e), r = H(t, e, n), l = _(t, e, r, n), s = I(t, e, l), m = N(), c = z("designer-host-service"), p = z("design-item-context"), o = Fe(p, c), i = ke(m, p, o);
-    $(() => {
-      m.value.componentInstance = i, t.readonly = !0;
-    }), e.expose(i.value);
-    const a = N();
-    return () => T("div", {
-      ref: m,
+  setup(t, n) {
+    const e = K(t, n), r = H(t, n, e), i = _(t, n, r, e), c = ee(t, n, i), s = k(), p = W("designer-host-service"), u = W("design-item-context"), o = Pe(u, p), l = Be(s, u, o);
+    I(() => {
+      s.value.componentInstance = l, t.readonly = !0;
+    }), n.expose(l.value);
+    const a = k();
+    return () => V("div", {
+      ref: s,
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
-    }, [T("input", {
+    }, [V("input", {
       ref: a,
       class: "form-control",
       readonly: !0,
       placeholder: t.placeholder
-    }, null), s()]);
+    }, null), c()]);
   }
-}), De = (t) => {
-  const e = t;
-  return e.install = function(n) {
-    n.component(e.name, t);
+}), Ae = (t) => {
+  const n = t;
+  return n.install = function(e) {
+    e.component(n.name, t);
   }, t;
 };
-O.register = (t, e, n, r) => {
-  t["number-spinner"] = O, e["number-spinner"] = Y;
+L.register = (t, n, e, r) => {
+  t["number-spinner"] = L, n["number-spinner"] = Y;
 };
-O.registerDesigner = (t, e, n) => {
-  t["number-spinner"] = xe, e["number-spinner"] = Y;
+L.registerDesigner = (t, n, e) => {
+  t["number-spinner"] = De, n["number-spinner"] = Y;
 };
-const Ue = De(O);
+const qe = Ae(L);
 export {
-  O as FNumberSpinner,
-  Ue as default,
-  W as numberSpinnerProps,
+  L as FNumberSpinner,
+  qe as default,
+  q as numberSpinnerProps,
   Y as propsResolver,
   H as useFormat,
-  R as useNumber,
+  K as useNumber,
   _ as useSpinner,
-  Ce as useTextBox
+  Ne as useTextBox
 };