@farris/ui-vue 1.2.8 → 1.3.0

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

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