@farris/ui-vue 1.2.9 → 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 C = (t, e, n) => te(t, typeof e != "symbol" ? e + "" : e, n);
-import { computed as M, ref as k, createVNode as V, onMounted as L, nextTick as G, defineComponent as J, watch as U, inject as z } from "vue";
-import { cloneDeep as ne } from "lodash-es";
+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 W(t) {
-  const { properties: e, title: n, ignore: r } = t, l = r && Array.isArray(r), d = Object.keys(e).reduce((u, c) => ((!l || !r.find((s) => s == c)) && (u[c] = e[c].type === "object" && e[c].properties ? W(e[c]) : ne(e[c].default)), u), {});
-  return (!l || !r.find((u) => u == "id")) && (d.id = `${n}-${Date.now()}`), d;
+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 $(t, e = {}, n) {
+function j(t, n = {}, e) {
   const r = Q[t];
   if (r) {
-    let l = W(r);
-    const d = X[t];
-    return l = d ? d({ getSchemaByType: $ }, l, e, n) : l, l;
+    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 = W(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 d = e.get(l);
-      if (typeof d == "string")
-        r[d] = 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 u = d(l, t[l], t);
-        Object.assign(r, u);
+        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, p) {
+function ce(t = {}) {
+  function n(o, l, a, d) {
     if (typeof a == "number")
-      return p[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(p[o].length) !== Number(y);
-      if (f === "moreThan")
-        return Number(p[o].length) >= Number(y);
-      if (f === "lessThan")
-        return Number(p[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, p) {
-    return p[o] && p[o].propertyValue && String(p[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((p) => {
-      if (p === "length")
-        return { target: a, operator: "length", param: null, value: i[p] };
-      const f = p, y = i[p];
-      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 d(o) {
-    return Object.keys(o).reduce((a, p) => {
-      const f = l(p, o[p]);
-      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 u(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 d(o).reduce((f, y) => f && u(y, i), !0);
+  function p(o, l) {
+    return c(o).reduce((y, m) => y && s(m, l), !0);
   }
-  function s(o, i) {
-    const a = Object.keys(o), p = a.includes("allOf"), f = a.includes("anyOf"), y = p || f, F = (y ? o[y ? p ? "allOf" : "anyOf" : "allOf"] : [o]).map((P) => c(P, i));
-    return p ? !F.includes(!1) : F.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: s };
+  return { parseValueSchema: u };
 }
-const m = {
+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 m = {
   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 = (u, c, s) => c, l = {}, d = (u) => u) {
-  return Q[e.title] = e, X[e.title] = r, le[e.title] = l, ce[e.title] = d, (u = {}) => {
-    const c = ie(u, e, n), s = Object.keys(t).reduce((o, i) => (o[i] = t[i].default, o), {});
-    return Object.assign(s, 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,25 +250,25 @@ const pe = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, he = [
+}, Ce = [
   "id",
   "type"
-], ve = [
+], we = [
   "id",
   "appearance",
   "binding"
-], we = {
-  $schema: de,
-  $id: me,
-  title: fe,
-  description: ye,
-  type: ge,
-  properties: be,
-  required: he,
-  ignore: ve
+], Se = {
+  $schema: fe,
+  $id: ye,
+  title: ge,
+  description: be,
+  type: he,
+  properties: ve,
+  required: Ce,
+  ignore: we
 };
-function Ce(t, e, n) {
-  return e;
+function ke(t, n, e) {
+  return n;
 }
 const q = {
   /**
@@ -372,358 +374,358 @@ const q = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, Y = ue(q, we, pe, Ce);
-function _(t, e, n, r) {
-  const { format: l } = n, { displayValue: d, getRealValue: u, modelValue: c, onNumberValueChanged: s } = 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 w = new S(c.value || 0);
-    return !(t.max && !new S(t.max).isNaN() && w.gte(new S(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 w = new S(c.value || 0);
-    return !(t.min && !new S(t.min).isNaN() && w.lte(new S(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(w) {
+  function a(C) {
     if (t.readonly || t.disabled)
       return;
-    const F = w === "up" ? o : i, D = w === "up" ? "plus" : "minus";
+    const F = C === "up" ? o : l, E = C === "up" ? "plus" : "minus";
     if (F()) {
-      const b = new S(c.value || 0)[D](Number(t.step)), N = b.toFixed();
-      d.value = l(N), s(u(b));
+      const b = new S(p.value || 0)[E](Number(t.step)), N = b.toFixed();
+      c.value = i(N), u(s(b));
     }
   }
-  function p() {
+  function d() {
     a("up");
   }
-  function f() {
+  function y() {
     a("down");
   }
-  function y(w) {
-    p(), w.stopPropagation();
+  function m(C) {
+    d(), C.stopPropagation();
   }
-  function v(w) {
-    f(), w.stopPropagation();
+  function v(C) {
+    y(), C.stopPropagation();
   }
-  return { canDownward: i, canUpward: o, downward: f, onClickDownButton: v, onClickUpButton: y, upward: p };
+  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: d } = n;
-  function u(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(d.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 s(o) {
-    const i = u(o), a = new S(i, 10), p = l(a);
-    return p.valueOf() === "0" && !t.showZero || p.isNaN() ? "" : t.formatter ? t.formatter(p.toNumber()) : c(p, 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: u, format: s };
+  return { cleanFormat: s, format: u };
 }
-function R(t, e) {
-  const n = k(""), r = k(t.modelValue), l = M(() => Number(t.precision) || 0);
-  function d(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 u(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 = u(t.max) ? null : new S(String(t.max), 10), p = u(t.min) ? null : new S(String(t.min), 10);
-    return a && i.gt(a) ? a : p && i.lt(p) ? p : 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 s(i) {
+  function u(l) {
     if (t.parser)
-      return isNaN(Number(i)) ? t.parser(i) : i;
-    let a = c(new S(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 S("" + t.min, 10), y = new S("" + 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 d(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: s, modelValue: r, isEmpty: u, onNumberValueChanged: o, precision: l, getValidNumberObject: c };
+  return { displayValue: e, getRealValue: u, modelValue: r, isEmpty: s, onNumberValueChanged: o, precision: i, getValidNumberObject: p };
 }
-function Se(t, e, n, r, l) {
-  const { cleanFormat: d, format: u } = n, { displayValue: c, getRealValue: s, modelValue: o, isEmpty: i, onNumberValueChanged: a } = r, { downward: p, upward: f } = l, y = k(!1), v = M(() => c.value);
-  function w(b) {
+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 N = (h = b.target) == null ? void 0 : h.value;
     t.canNull || (N = N || 0);
-    const g = d(N);
-    c.value = u(g), a(s(g)), e.emit("blur", { event: b, formatted: c.value, value: o.value });
+    const g = c(N);
+    p.value = s(g), a(u(g)), n.emit("blur", { event: b, formatted: p.value, value: o.value });
   }
   function F(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 }));
+    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 D(b) {
+  function E(b) {
     var h;
     b.stopPropagation();
     let N = (h = b.target) == null ? void 0 : h.value;
     t.canNull || (N = N || 0);
-    const g = d(N);
-    c.value = g, a(s(g));
+    const g = c(N);
+    p.value = g, a(u(g));
   }
   function P(b) {
-    b.key === "ArrowDown" && (b.preventDefault(), p()), b.key === "ArrowUp" && (b.preventDefault(), f()), b.stopPropagation();
+    b.key === "ArrowDown" && (b.preventDefault(), d()), b.key === "ArrowUp" && (b.preventDefault(), y()), b.stopPropagation();
   }
-  return { textBoxValue: v, onBlurTextBox: w, onFocusTextBox: F, onInput: D, onKeyDown: P, 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: d,
-    onClickUpButton: u
-  } = n, c = M(() => ({
+    canUpward: i,
+    onClickDownButton: c,
+    onClickUpButton: s
+  } = e, p = B(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), s = 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 () => V("div", {
-    class: c.value
+    class: p.value
   }, [V("button", {
     title: "upButton",
-    class: s.value,
+    class: u.value,
     style: o.value,
-    onClick: u,
-    disabled: !l()
+    onClick: s,
+    disabled: !i()
   }, [V("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
   }, null)]), V("button", {
     title: "downButton",
-    class: s.value,
-    style: i.value,
-    onClick: d,
+    class: u.value,
+    style: l.value,
+    onClick: c,
     disabled: !r()
   }, [V("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function ke(t, e, n) {
+function Me(t, n, e) {
   const r = k(), {
-    onBlurTextBox: l,
-    onFocusTextBox: d,
-    onInput: u,
-    onKeyDown: c,
-    textBoxValue: s
-  } = n, o = M(() => t.disabled || t.readonly || !t.editable ? "" : t.placeholder), i = M(() => ({
+    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 p(v) {
+  function d(v) {
     v.stopPropagation();
   }
-  function f() {
+  function y() {
     t.selectOnCreated, t.focusOnCreated;
   }
-  async function y(v) {
-    d(v), await G, f();
+  async function m(v) {
+    c(v), await G, y();
   }
-  return L(async () => {
-    await G, f();
+  return I(async () => {
+    await G, y();
   }), () => V("input", {
     ref: r,
-    class: i.value,
+    class: l.value,
     style: a.value,
     type: "text",
-    value: s.value,
+    value: u.value,
     disabled: t.disabled,
     readonly: t.readonly || !t.editable,
     placeholder: o.value,
-    onBlur: l,
-    onChange: p,
-    onFocus: y,
-    onInput: u,
-    onKeydown: c
+    onBlur: i,
+    onChange: d,
+    onFocus: m,
+    onInput: s,
+    onKeydown: p
   }, null);
 }
-const A = /* @__PURE__ */ J({
+const L = /* @__PURE__ */ J({
   name: "FNumberSpinner",
   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), d = Se(t, e, r, n, l), u = I(t, e, l), {
-      displayValue: c,
-      modelValue: s,
+  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 = ke(t, e, d), {
+    } = e, l = Me(t, n, c), {
       format: a
     } = r, {
-      isFocus: p
-    } = d, f = M(() => !t.disabled && !t.readonly && t.showButton);
-    return L(() => {
-      const y = o(t.modelValue);
-      c.value = a(y);
-    }), U(() => [t.value], ([y]) => {
-      const v = o(y);
-      s.value = v, c.value = a(v);
-    }), U(() => [t.modelValue], ([y]) => {
-      y !== s.value && (s.value = y, !p.value && (c.value = a(o(y))));
+      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], () => {
-      c.value = a(s.value);
+      p.value = a(u.value);
     }), () => V("div", {
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-    }, [i(), f.value && u()]);
+    }, [l(), y.value && s()]);
   }
 });
-function Ne(t, e, n) {
+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() || "", d = n && n.getDesignerClass && n.getDesignerClass() || "", u = k();
-  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 s() {
+  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 = k(g == null ? void 0 : g.value.parent), B = a(h);
-    return B || null;
+    const h = k(g == null ? void 0 : g.value.parent), M = a(h);
+    return M || null;
   }
-  function p(g = e) {
-    const { componentInstance: h, designerItemElementRef: B } = g;
-    return !h || !h.value ? null : h.value.canMove ? B : p(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 v() {
   }
-  function w(g, h) {
-    h && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(h);
+  function C(g, h) {
+    h && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(h);
   }
   function F(g, h) {
-    const { componentType: B } = g;
-    let T = $(B, g, h);
-    n && n.onResolveNewComponentSchema && (T = n.onResolveNewComponentSchema(g, T));
-    const O = B.toLowerCase().replace("-", "_");
-    return T && !T.id && T.type === B && (T.id = `${O}_${Math.random().toString().slice(2, 6)}`), T;
-  }
-  function D(g, h) {
-    const B = String(g.getAttribute("data-controltype")), T = g.getAttribute("data-feature"), O = T ? JSON.parse(T) : {};
-    O.parentComponentInstance = u.value;
-    let x = $(B, O);
-    n && n.onAcceptNewChildElement && (x = n.onAcceptNewChildElement(g, h, x));
-    const K = B.toLowerCase().replace("-", "_");
-    return x && !x.id && x.type === B && (x.id = `${K}_${Math.random().toString().slice(2, 6)}`), x;
+    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 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 P(g) {
   }
   function b(...g) {
-    if (n && n.getPropsConfig)
-      return n.getPropsConfig(...g);
+    if (e && e.getPropsConfig)
+      return e.getPropsConfig(...g);
   }
-  return u.value = {
-    canMove: c(),
-    canSelectParent: s(),
+  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: (N = e == null ? void 0 : e.parent) == null ? void 0 : N.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: l,
-    designerClass: d,
-    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: p,
-    getDraggingDisplayText: y,
+    getDraggableDesignItemElement: d,
+    getDraggingDisplayText: m,
     getPropConfig: b,
     getDragScopeElement: v,
-    onAcceptMovedChildElement: w,
-    onAcceptNewChildElement: D,
+    onAcceptMovedChildElement: C,
+    onAcceptNewChildElement: E,
     onChildElementMovedOut: P,
     addNewChildComponentSchema: F,
     updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || k(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
-  }, u;
+    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || k(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
+  }, s;
 }
-class Be {
-  constructor(e, n) {
-    C(this, "componentId");
-    C(this, "viewModelId");
-    C(this, "eventsEditorUtils");
-    C(this, "formSchemaUtils");
-    C(this, "formMetadataConverter");
-    C(this, "designViewModelUtils");
-    C(this, "designViewModelField");
-    C(this, "controlCreatorUtils");
-    C(this, "designerHostService");
-    C(this, "schemaService", null);
-    C(this, "metadataService", null);
-    C(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: "基本信息",
@@ -742,13 +744,13 @@ class Be {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: m[e.type].name }]
+            data: [{ value: n.type, name: f[n.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(e = null) {
+  getAppearanceConfig(n = null) {
     return {
       title: "样式",
       description: "Appearance",
@@ -768,90 +770,105 @@ class Be {
       }
     };
   }
+  /**
+  * 
+  * @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 E = class E {
+const D = class D {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
-  static getEditorTypesByMDataType(e) {
-    const n = E.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 E.fieldControlTypeMapping)
-      E.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;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-C(E, "fieldControlTypeMapping", {
+w(D, "fieldControlTypeMapping", {
   String: [
-    { 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 }
+    { 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: m.textarea.type, value: m.textarea.name },
-    { key: m.lookup.type, value: m.lookup.name }
+    { key: f.textarea.type, value: f.textarea.name },
+    { key: f.lookup.type, value: f.lookup.name }
   ],
   Decimal: [
-    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   Integer: [
-    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   Number: [
-    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   BigNumber: [
-    { key: m["number-spinner"].type, value: m["number-spinner"].name }
+    { key: f["number-spinner"].type, value: f["number-spinner"].name }
   ],
   Date: [
-    { key: m["date-picker"].type, value: m["date-picker"].name }
+    { key: f["date-picker"].type, value: f["date-picker"].name }
   ],
   DateTime: [
-    { key: m["date-picker"].type, value: m["date-picker"].name }
+    { key: f["date-picker"].type, value: f["date-picker"].name }
   ],
   Boolean: [
-    { key: m.switch.type, value: m.switch.name },
-    { key: m["check-box"].type, value: m["check-box"].name }
+    { key: f.switch.type, value: f.switch.name },
+    { key: f["check-box"].type, value: f["check-box"].name }
   ],
   Enum: [
-    { key: m["combo-list"].type, value: m["combo-list"].name },
-    { key: m["radio-group"].type, value: m["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: 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 }
+    { 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 = E;
-const Me = k(0);
-class Te extends Be {
-  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 u;
-    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(), d = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const c = this.formSchemaUtils.getFormMetadataBasicInfo(), s = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -873,7 +890,7 @@ class Te extends Be {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? j.getEditorTypesByMDataType((u = r.designViewModelField.type) == null ? void 0 : u.name) : j.getAllInputTypes()
+            data: i.designViewModelField ? O.getEditorTypesByMDataType((p = i.designViewModelField.type) == null ? void 0 : p.name) : O.getAllInputTypes()
           }
         },
         label: {
@@ -890,7 +907,7 @@ class Te extends Be {
             bindingType: { enable: !1 },
             editorParams: {
               propertyData: e,
-              formBasicInfo: l
+              formBasicInfo: c
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -898,26 +915,27 @@ class Te extends Be {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: d
+            data: s
           }
         }
       },
-      setPropertyRelates(c, s) {
-        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": {
-              c.needRefreshControlTree = !0;
+              u.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(e) {
+  getAppearanceProperties(e, r) {
+    var i = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -938,12 +956,25 @@ class Te extends Be {
           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;
+          }
       }
     };
   }
@@ -955,44 +986,44 @@ class Te extends Be {
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(e, n, r) {
-    var o, i, a, p;
-    const l = n.propertyValue, d = r && r.parent && r.parent.schema;
-    if (!d)
+  changeControlType(e, r, i) {
+    var l, a, d, y;
+    const c = r.propertyValue, s = i && i.parent && i.parent.schema;
+    if (!s)
       return;
-    const u = d.contents.findIndex((f) => f.id === e.id), c = d.contents[u];
-    let s;
+    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), s = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, l)), s || (s = Z("form-group") || {}, s.editor = Z(l) || {}, delete s.editor.id, delete s.editor.binding, delete s.editor.appearance), Object.assign(s, {
-      id: c.id,
-      appearance: c.appearance,
-      size: c.size,
-      label: c.label,
-      binding: c.binding,
-      visible: c.visible
-    }), Object.assign(s.editor, {
-      isTextArea: s.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: (p = c.editor) == null ? void 0 : p.require
-    }), d.contents.splice(u, 1), d.contents.splice(u, 0, s), r.schema = Object.assign(c, s), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (f) => f.classList.remove("dgComponentSelected")
-    ), Me.value++;
-  }
-  getComponentConfig(e, n = {}, r = {}) {
-    const l = Object.assign({
+    }, !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), d = Object.assign({
+    }, r), s = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1013,16 +1044,64 @@ class Te extends Be {
         title: "提示文本",
         type: "string"
       }
-    }, r);
-    return { ...l, properties: { ...d } };
+    }, 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 Ve extends Te {
-  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: "对齐方式",
@@ -1050,62 +1129,62 @@ class Ve extends Te {
     });
   }
 }
-function Fe(t, e) {
+function Ee(t, n) {
   t.schema;
-  const n = k(!0), r = k(!0);
-  function l(a) {
+  const e = k(!0), r = k(!0);
+  function i(a) {
     return !1;
   }
-  function d() {
+  function c() {
     return !1;
   }
-  function u() {
+  function s() {
     return !1;
   }
-  function c() {
+  function p() {
     return !0;
   }
-  function s(a) {
+  function u(a) {
   }
   function o() {
   }
-  function i(a) {
+  function l(a) {
     return null;
   }
   return {
-    canAccepts: l,
-    checkCanDeleteComponent: d,
-    checkCanMoveComponent: u,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: s,
+    canAccepts: i,
+    checkCanDeleteComponent: c,
+    checkCanMoveComponent: s,
+    hideNestedPaddingInDesginerView: p,
+    onAcceptMovedChildElement: u,
     resolveComponentContext: o,
-    triggerBelongedComponentToMoveWhenMoved: n,
+    triggerBelongedComponentToMoveWhenMoved: e,
     triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: i
+    getPropsConfig: l
   };
 }
-function xe(t, e) {
+function Pe(t, n) {
   const {
-    canAccepts: n,
+    canAccepts: e,
     checkCanDeleteComponent: r,
-    checkCanMoveComponent: l,
-    hideNestedPaddingInDesginerView: d,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: c,
-    triggerBelongedComponentToMoveWhenMoved: s,
+    checkCanMoveComponent: i,
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: s,
+    resolveComponentContext: p,
+    triggerBelongedComponentToMoveWhenMoved: u,
     triggerBelongedComponentToDeleteWhenDeleted: o
-  } = Fe(t), i = t.schema;
-  function a(p, f) {
-    return new Ve(p, 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: d,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: c,
-    triggerBelongedComponentToMoveWhenMoved: s,
+    checkCanMoveComponent: i,
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: s,
+    resolveComponentContext: p,
+    triggerBelongedComponentToMoveWhenMoved: u,
     triggerBelongedComponentToDeleteWhenDeleted: o,
     getPropsConfig: a
   };
@@ -1114,42 +1193,42 @@ const De = /* @__PURE__ */ J({
   name: "FNumberSpinnerDesign",
   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), d = I(t, e, l), u = k(), c = z("designer-host-service"), s = z("design-item-context"), o = xe(s, c), i = Ne(u, s, o);
-    L(() => {
-      u.value.componentInstance = i, t.readonly = !0;
-    }), e.expose(i.value);
+  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: u,
+      ref: s,
       class: "input-group  f-state-hover flex-row f-cmp-number-spinner test"
     }, [V("input", {
       ref: a,
       class: "form-control",
       readonly: !0,
       placeholder: t.placeholder
-    }, null), d()]);
+    }, null), c()]);
   }
-}), Pe = (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;
 };
-A.register = (t, e, n, r) => {
-  t["number-spinner"] = A, e["number-spinner"] = Y;
+L.register = (t, n, e, r) => {
+  t["number-spinner"] = L, n["number-spinner"] = Y;
 };
-A.registerDesigner = (t, e, n) => {
-  t["number-spinner"] = De, e["number-spinner"] = Y;
+L.registerDesigner = (t, n, e) => {
+  t["number-spinner"] = De, n["number-spinner"] = Y;
 };
-const $e = Pe(A);
+const qe = Ae(L);
 export {
-  A as FNumberSpinner,
-  $e as default,
+  L as FNumberSpinner,
+  qe as default,
   q as numberSpinnerProps,
   Y as propsResolver,
   H as useFormat,
-  R as useNumber,
+  K as useNumber,
   _ as useSpinner,
-  Se as useTextBox
+  Ne as useTextBox
 };