@farris/ui-vue 1.2.9 → 1.3.1

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

@@ -1,11 +1,11 @@
-var Z = Object.defineProperty;
-var H = (n, e, t) => e in n ? Z(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var v = (n, e, t) => H(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as $, inject as N, onMounted as W, createVNode as h, Fragment as I, computed as B, ref as k, provide as K } from "vue";
+var H = Object.defineProperty;
+var x = (i, t, e) => t in i ? H(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var g = (i, t, e) => x(i, typeof t != "symbol" ? t + "" : t, e);
+import { defineComponent as N, inject as L, onMounted as j, createVNode as M, Fragment as R, computed as V, ref as F, provide as K } from "vue";
 import { useCheck as ee } from "../common/index.esm.js";
-import { cloneDeep as te } from "lodash-es";
-import { getSchemaByType as L } from "../dynamic-resolver/index.esm.js";
-const ne = {
+import { isPlainObject as $, cloneDeep as q } from "lodash-es";
+import { DgControl as W } from "../designer-canvas/index.esm.js";
+const te = {
   value: { type: String, default: "" },
   /** 值 */
   modelValue: { type: String, default: "" },
@@ -15,150 +15,150 @@ const ne = {
   label: { type: String, default: "" },
   /** 标识 */
   id: { type: String, default: "" }
-}, x = Symbol("radioGroupContext"), q = /* @__PURE__ */ $({
+}, z = Symbol("radioGroupContext"), O = /* @__PURE__ */ N({
   name: "FRadio",
-  props: ne,
+  props: te,
   emits: ["update:value"],
-  setup(n, e) {
-    const t = N(x, null), {
+  setup(i, t) {
+    const e = L(z, null), {
       buttonClass: o,
       checked: r,
-      disabled: p,
-      name: m,
-      tagClass: a,
-      shouldRenderButton: u,
-      shouldRenderNative: i,
-      shouldRenderTag: c,
-      onClickRadio: s
-    } = ee(n, e, t == null ? void 0 : t.parentProps, t == null ? void 0 : t.parentContext);
-    return W(() => {
+      disabled: l,
+      name: d,
+      tagClass: f,
+      shouldRenderButton: p,
+      shouldRenderNative: a,
+      shouldRenderTag: s,
+      onClickRadio: n
+    } = ee(i, t, e == null ? void 0 : e.parentProps, e == null ? void 0 : e.parentContext);
+    return j(() => {
     }), () => {
-      var d, f, g, T, w, V;
-      return h(I, null, [u.value && h("div", {
+      var c, y, u, h, b, C;
+      return M(R, null, [p.value && M("div", {
         class: o.value,
         style: "border-radius:0;border: 1px solid #E8EBF2;",
-        onClick: s
-      }, [(f = (d = e.slots).default) == null ? void 0 : f.call(d)]), c.value && h("div", {
-        class: a.value,
-        onClick: s
-      }, [h("div", {
+        onClick: n
+      }, [(y = (c = t.slots).default) == null ? void 0 : y.call(c)]), s.value && M("div", {
+        class: f.value,
+        onClick: n
+      }, [M("div", {
         class: "title"
-      }, [(T = (g = e.slots).default) == null ? void 0 : T.call(g)]), h("div", {
+      }, [(h = (u = t.slots).default) == null ? void 0 : h.call(u)]), M("div", {
         class: "tip"
-      }, null), h("span", {
+      }, null), M("span", {
         class: "f-icon f-icon-check f-radio-icon"
-      }, null)]), i.value && h("div", {
+      }, null)]), a.value && M("div", {
         class: "custom-control custom-radio",
-        onClick: s
-      }, [h("input", {
+        onClick: n
+      }, [M("input", {
         type: "radio",
         class: "custom-control-input",
-        name: m.value,
-        id: n.id,
-        value: n.value,
+        name: d.value,
+        id: i.id,
+        value: i.value,
         checked: r.value,
-        disabled: p.value
-      }, null), h("div", {
+        disabled: l.value
+      }, null), M("div", {
         class: "custom-control-label"
-      }, [(V = (w = e.slots).default) == null ? void 0 : V.call(w)])])]);
+      }, [(C = (b = t.slots).default) == null ? void 0 : C.call(b)])])]);
     };
   }
 });
-function oe(n, e, t) {
-  return e;
+function ne(i, t, e) {
+  return t;
 }
-const _ = {}, J = {};
-function U(n) {
-  const { properties: e, title: t, ignore: o } = n, r = o && Array.isArray(o), p = Object.keys(e).reduce((m, a) => ((!r || !o.find((u) => u == a)) && (m[a] = e[a].type === "object" && e[a].properties ? U(e[a]) : te(e[a].default)), m), {});
-  return (!r || !o.find((m) => m == "id")) && (p.id = `${t}-${Date.now()}`), p;
+const X = {}, _ = {};
+function U(i) {
+  const { properties: t, title: e, ignore: o } = i, r = o && Array.isArray(o), l = Object.keys(t).reduce((d, f) => ((!r || !o.find((p) => p == f)) && (d[f] = t[f].type === "object" && t[f].properties ? U(t[f]) : q(t[f].default)), d), {});
+  return e && (!r || !o.find((d) => d == "id")) && (l.id = `${e}-${Date.now()}`), l;
 }
-function O(n, e = {}, t) {
-  const o = _[n];
+function J(i, t = {}, e) {
+  const o = X[i];
   if (o) {
     let r = U(o);
-    const p = J[n];
-    return r = p ? p({ getSchemaByType: O }, r, e, t) : r, r;
+    const l = _[i];
+    return r = l ? l({ getSchemaByType: J }, r, t, e) : r, r;
   }
   return null;
 }
-function re(n, e) {
-  const t = U(e);
-  return Object.keys(n).reduce((o, r) => (o[r] && typeof o[r] == "object" ? Object.assign(o[r], n[r]) : o[r] = n[r], o), t), t;
+function oe(i, t) {
+  const e = U(t);
+  return Object.keys(i).reduce((o, r) => (o[r] && $(o[r]) && $(i[r]) ? Object.assign(o[r], i[r]) : o[r] = i[r], o), e), e;
 }
-function ie(n, e) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, r) => {
-    if (e.has(r)) {
-      const p = e.get(r);
-      if (typeof p == "string")
-        o[p] = n[r];
+function re(i, t) {
+  return Object.keys(i).filter((o) => i[o] != null).reduce((o, r) => {
+    if (t.has(r)) {
+      const l = t.get(r);
+      if (typeof l == "string")
+        o[l] = i[r];
       else {
-        const m = p(r, n[r], n);
-        Object.assign(o, m);
+        const d = l(r, i[r], i);
+        Object.assign(o, d);
       }
     } else
-      o[r] = n[r];
+      o[r] = i[r];
     return o;
   }, {});
 }
-function ae(n, e, t = /* @__PURE__ */ new Map()) {
-  const o = re(n, e);
-  return ie(o, t);
+function ie(i, t, e = /* @__PURE__ */ new Map()) {
+  const o = oe(i, t);
+  return re(o, e);
 }
-function le(n = {}) {
-  function e(i, c, s, d) {
-    if (typeof s == "number")
-      return d[i].length === s;
-    if (typeof s == "object") {
-      const f = Object.keys(s)[0], g = s[f];
-      if (f === "not")
-        return Number(d[i].length) !== Number(g);
-      if (f === "moreThan")
-        return Number(d[i].length) >= Number(g);
-      if (f === "lessThan")
-        return Number(d[i].length) <= Number(g);
+function ae(i = {}) {
+  function t(a, s, n, c) {
+    if (typeof n == "number")
+      return c[a].length === n;
+    if (typeof n == "object") {
+      const y = Object.keys(n)[0], u = n[y];
+      if (y === "not")
+        return Number(c[a].length) !== Number(u);
+      if (y === "moreThan")
+        return Number(c[a].length) >= Number(u);
+      if (y === "lessThan")
+        return Number(c[a].length) <= Number(u);
     }
     return !1;
   }
-  function t(i, c, s, d) {
-    return d[i] && d[i].propertyValue && String(d[i].propertyValue.value) === String(s);
+  function e(a, s, n, c) {
+    return c[a] && c[a].propertyValue && String(c[a].propertyValue.value) === String(n);
   }
   const o = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", t]
+    ["length", t],
+    ["getProperty", e]
   ]);
-  Object.keys(n).reduce((i, c) => (i.set(c, n[c]), i), o);
-  function r(i, c) {
-    const s = i;
-    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: s, operator: "getProperty", param: i, value: !!c }] : typeof c == "object" ? Object.keys(c).map((d) => {
-      if (d === "length")
-        return { target: s, operator: "length", param: null, value: c[d] };
-      const f = d, g = c[d];
-      return { target: s, operator: "getProperty", param: f, value: g };
+  Object.keys(i).reduce((a, s) => (a.set(s, i[s]), a), o);
+  function r(a, s) {
+    const n = a;
+    return typeof s == "number" ? [{ target: n, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: n, operator: "getProperty", param: a, value: !!s }] : typeof s == "object" ? Object.keys(s).map((c) => {
+      if (c === "length")
+        return { target: n, operator: "length", param: null, value: s[c] };
+      const y = c, u = s[c];
+      return { target: n, operator: "getProperty", param: y, value: u };
     }) : [];
   }
-  function p(i) {
-    return Object.keys(i).reduce((s, d) => {
-      const f = r(d, i[d]);
-      return s.push(...f), s;
+  function l(a) {
+    return Object.keys(a).reduce((n, c) => {
+      const y = r(c, a[c]);
+      return n.push(...y), n;
     }, []);
   }
-  function m(i, c) {
-    if (o.has(i.operator)) {
-      const s = o.get(i.operator);
-      return s && s(i.target, i.param, i.value, c) || !1;
+  function d(a, s) {
+    if (o.has(a.operator)) {
+      const n = o.get(a.operator);
+      return n && n(a.target, a.param, a.value, s) || !1;
     }
     return !1;
   }
-  function a(i, c) {
-    return p(i).reduce((f, g) => f && m(g, c), !0);
+  function f(a, s) {
+    return l(a).reduce((y, u) => y && d(u, s), !0);
   }
-  function u(i, c) {
-    const s = Object.keys(i), d = s.includes("allOf"), f = s.includes("anyOf"), g = d || f, V = (g ? i[g ? d ? "allOf" : "anyOf" : "allOf"] : [i]).map((A) => a(A, c));
-    return d ? !V.includes(!1) : V.includes(!0);
+  function p(a, s) {
+    const n = Object.keys(a), c = n.includes("allOf"), y = n.includes("anyOf"), u = c || y, C = (u ? a[u ? c ? "allOf" : "anyOf" : "allOf"] : [a]).map((E) => f(E, s));
+    return c ? !C.includes(!1) : C.includes(!0);
   }
-  return { parseValueSchema: u };
+  return { parseValueSchema: p };
 }
-const l = {
+const m = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -195,21 +195,22 @@ const l = {
   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" }
-}, ce = {}, se = {};
-le();
-function pe(n, e, t = /* @__PURE__ */ new Map(), o = (m, a, u) => a, r = {}, p = (m) => m) {
-  return _[e.title] = e, J[e.title] = o, ce[e.title] = r, se[e.title] = p, (m = {}) => {
-    const a = ae(m, e, t), u = Object.keys(n).reduce((i, c) => (i[c] = n[c].default, i), {});
-    return Object.assign(u, a);
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, le = {}, se = {};
+ae();
+function ce(i, t, e = /* @__PURE__ */ new Map(), o = (d, f, p) => f, r = {}, l = (d) => d) {
+  return X[t.title] = t, _[t.title] = o, le[t.title] = r, se[t.title] = l, (d = {}) => {
+    const f = ie(d, t, e), p = Object.keys(i).reduce((a, s) => (a[s] = i[s].default, a), {});
+    return Object.assign(p, f);
   };
 }
-function ue(n, e) {
-  return { customClass: e.class, customStyle: e.style };
+function pe(i, t) {
+  return { customClass: t.class, customStyle: t.style };
 }
 const de = /* @__PURE__ */ new Map([
-  ["appearance", ue]
-]), me = "https://json-schema.org/draft/2020-12/schema", fe = "https://farris-design.gitee.io/radio-group.schema.json", ye = "radio-group", ge = "A Farris Input Component", he = "object", ve = {
+  ["appearance", pe]
+]), ue = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-design.gitee.io/radio-group.schema.json", fe = "radio-group", ye = "A Farris Input Component", he = "object", ge = {
   id: {
     description: "The unique identifier for a radio-group",
     type: "string"
@@ -290,23 +291,23 @@ const de = /* @__PURE__ */ new Map([
     description: "",
     type: "array"
   }
-}, be = [
+}, ve = [
   "id",
   "type"
-], Ce = [
+], be = [
   "id",
   "appearance",
   "binding"
-], ke = {
-  $schema: me,
-  $id: fe,
-  title: ye,
-  description: ge,
+], Ce = {
+  $schema: ue,
+  $id: me,
+  title: fe,
+  description: ye,
   type: he,
-  properties: ve,
-  required: be,
-  ignore: Ce
-}, Me = {
+  properties: ge,
+  required: ve,
+  ignore: be
+}, ke = {
   /**
    * 是否被选中
    */
@@ -323,8 +324,8 @@ const de = /* @__PURE__ */ new Map([
    * type为button或者tag时的尺寸
    */
   size: { type: String, default: "middle" }
-}, j = {
-  ...Me,
+}, G = {
+  ...ke,
   /**
    * 组件标识
    */
@@ -363,195 +364,186 @@ const de = /* @__PURE__ */ new Map([
    * 枚举数组中枚举值的key值。
    */
   valueField: { type: String, default: "value" }
-}, X = pe(j, ke, de, oe);
-function Q(n, e, t) {
-  const o = B(() => !n.disabled), r = B(() => n.enumData || []);
-  function p(u) {
-    return u[n.valueField];
+}, Q = ce(G, Ce, de, ne);
+function Y(i, t, e) {
+  const o = V(() => !i.disabled), r = V(() => i.enumData || []);
+  function l(p) {
+    return p[i.valueField];
   }
-  function m(u) {
-    return u[n.textField];
+  function d(p) {
+    return p[i.textField];
   }
-  function a(u, i) {
+  function f(p, a) {
     if (o.value) {
-      const c = p(u);
-      t.value !== c && (t.value = c, e.emit("changeValue", c), e.emit("update:modelValue", c));
+      const s = l(p);
+      e.value !== s && (e.value = s, t.emit("changeValue", s), t.emit("update:modelValue", s));
     }
-    i.stopPropagation();
+    a.stopPropagation();
   }
   return {
     enumData: r,
-    getValue: p,
-    getText: m,
-    onClickRadio: a
+    getValue: l,
+    getText: d,
+    onClickRadio: f
   };
 }
-const F = /* @__PURE__ */ $({
+const I = /* @__PURE__ */ N({
   name: "FRadioGroup",
-  props: j,
+  props: G,
   emits: ["changeValue", "update:modelValue"],
-  setup(n, e) {
-    const t = k(n.modelValue), {
+  setup(i, t) {
+    const e = F(i.modelValue), {
       enumData: o,
       onClickRadio: r,
-      getValue: p,
-      getText: m
-    } = Q(n, e, t), a = B(() => ({
-      "farris-checkradio-hor": n.direction === "horizontal"
-    })), u = k([]);
-    return K(x, {
-      radios: u,
-      parentProps: n,
-      parentContext: e
-    }), () => h("div", {
-      class: ["farris-input-wrap", a.value]
-    }, [e.slots.default ? e.slots.default() : o.value.map((i, c) => {
-      const s = "radio_" + n.id + n.name + i[n.valueField];
-      return h("div", {
+      getValue: l,
+      getText: d
+    } = Y(i, t, e), f = V(() => ({
+      "farris-checkradio-hor": i.direction === "horizontal"
+    })), p = F([]);
+    return K(z, {
+      radios: p,
+      parentProps: i,
+      parentContext: t
+    }), () => M("div", {
+      class: ["farris-input-wrap", f.value]
+    }, [t.slots.default ? t.slots.default() : o.value.map((a, s) => {
+      const n = "radio_" + i.id + i.name + a[i.valueField];
+      return M("div", {
         class: "custom-control custom-radio"
-      }, [h("input", {
+      }, [M("input", {
         type: "radio",
         class: "custom-control-input",
-        name: s,
-        id: s,
-        value: p(i),
-        checked: p(i) === t.value,
-        disabled: n.disabled,
-        tabindex: n.tabIndex,
-        onClick: (d) => r(i, d)
-      }, null), h("label", {
+        name: n,
+        id: n,
+        value: l(a),
+        checked: l(a) === e.value,
+        disabled: i.disabled,
+        tabindex: i.tabIndex,
+        onClick: (c) => r(a, c)
+      }, null), M("label", {
         class: "custom-control-label",
-        for: s
-      }, [m(i)])]);
+        for: n
+      }, [d(a)])]);
     })]);
   }
 });
-function Te(n, e, t) {
-  var z;
+function Me(i, t, e) {
+  var D;
   function o() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
+    e != null && e.resolveComponentContext && e.resolveComponentContext();
   }
   o();
-  const r = t && t.getStyles && t.getStyles() || "", p = t && t.getDesignerClass && t.getDesignerClass() || "", m = k();
-  function a() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
+  const r = e && e.getStyles && e.getStyles() || "", l = e && e.getDesignerClass && e.getDesignerClass() || "", d = F();
+  function f() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
   }
-  function u() {
+  function p() {
     return !1;
   }
-  function i() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
+  function a() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
   }
-  function c() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
+  function s() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
   }
-  function s(y) {
-    if (!y || !y.value)
+  function n(v) {
+    if (!v || !v.value)
       return null;
-    if (y.value.schema && y.value.schema.type === "component")
-      return y.value;
-    const b = k(y == null ? void 0 : y.value.parent), C = s(b);
-    return C || null;
-  }
-  function d(y = e) {
-    const { componentInstance: b, designerItemElementRef: C } = y;
-    return !b || !b.value ? null : b.value.canMove ? C : d(y.parent);
-  }
-  function f(y) {
-    return !!t && t.canAccepts(y);
-  }
-  function g() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
-  }
-  function T() {
-  }
-  function w(y, b) {
-    b && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(b);
-  }
-  function V(y, b) {
-    const { componentType: C } = y;
-    let M = O(C, y, b);
-    t && t.onResolveNewComponentSchema && (M = t.onResolveNewComponentSchema(y, M));
-    const S = C.toLowerCase().replace("-", "_");
-    return M && !M.id && M.type === C && (M.id = `${S}_${Math.random().toString().slice(2, 6)}`), M;
-  }
-  function G(y, b) {
-    const C = String(y.getAttribute("data-controltype")), M = y.getAttribute("data-feature"), S = M ? JSON.parse(M) : {};
-    S.parentComponentInstance = m.value;
-    let P = O(C, S);
-    t && t.onAcceptNewChildElement && (P = t.onAcceptNewChildElement(y, b, P));
-    const Y = C.toLowerCase().replace("-", "_");
-    return P && !P.id && P.type === C && (P.id = `${Y}_${Math.random().toString().slice(2, 6)}`), P;
-  }
-  function A(y) {
-  }
-  function R(...y) {
-    if (t && t.getPropsConfig)
-      return t.getPropsConfig(...y);
-  }
-  return m.value = {
-    canMove: a(),
-    canSelectParent: u(),
-    canDelete: i(),
-    canNested: !c(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (z = e == null ? void 0 : e.parent) == null ? void 0 : z.componentInstance,
-    schema: e == null ? void 0 : e.schema,
+    if (v.value.schema && v.value.schema.type === "component")
+      return v.value;
+    const S = F(v == null ? void 0 : v.value.parent), w = n(S);
+    return w || null;
+  }
+  function c(v = t) {
+    const { componentInstance: S, designerItemElementRef: w } = v;
+    return !S || !S.value ? null : S.value.canMove ? w : c(v.parent);
+  }
+  function y(v) {
+    return !!e && e.canAccepts(v);
+  }
+  function u() {
+    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
+  }
+  function h() {
+  }
+  function b(v, S) {
+    S && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(S);
+  }
+  function C(v, S) {
+    const { componentType: w } = v;
+    let T = J(w, v, S);
+    e && e.onResolveNewComponentSchema && (T = e.onResolveNewComponentSchema(v, T));
+    const A = w.toLowerCase().replace("-", "_");
+    return T && !T.id && T.type === w && (T.id = `${A}_${Math.random().toString().slice(2, 6)}`), T;
+  }
+  function k(v) {
+  }
+  function E(...v) {
+    if (e && e.getPropsConfig)
+      return e.getPropsConfig(...v);
+  }
+  return d.value = {
+    canMove: f(),
+    canSelectParent: p(),
+    canDelete: a(),
+    canNested: !s(),
+    contents: t == null ? void 0 : t.schema.contents,
+    elementRef: i,
+    parent: (D = t == null ? void 0 : t.parent) == null ? void 0 : D.componentInstance,
+    schema: t == null ? void 0 : t.schema,
     styles: r,
-    designerClass: p,
-    canAccepts: f,
-    getBelongedComponentInstance: s,
-    getDraggableDesignItemElement: d,
-    getDraggingDisplayText: g,
-    getPropConfig: R,
-    getDragScopeElement: T,
-    onAcceptMovedChildElement: w,
-    onAcceptNewChildElement: G,
-    onChildElementMovedOut: A,
-    addNewChildComponentSchema: V,
+    designerClass: l,
+    canAccepts: y,
+    getBelongedComponentInstance: n,
+    getDraggableDesignItemElement: c,
+    getDraggingDisplayText: u,
+    getPropConfig: E,
+    getDragScopeElement: h,
+    onAcceptMovedChildElement: b,
+    onChildElementMovedOut: k,
+    addNewChildComponentSchema: C,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || k(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
-  }, m;
+    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || F(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || F(!1)
+  }, d;
 }
-class we {
-  constructor(e, t) {
-    v(this, "componentId");
-    v(this, "viewModelId");
-    v(this, "eventsEditorUtils");
-    v(this, "formSchemaUtils");
-    v(this, "formMetadataConverter");
-    v(this, "designViewModelUtils");
-    v(this, "designViewModelField");
-    v(this, "controlCreatorUtils");
-    v(this, "designerHostService");
-    v(this, "schemaService", null);
-    v(this, "metadataService", null);
-    v(this, "propertyConfig", {
+class Se {
+  constructor(t, e) {
+    g(this, "componentId");
+    g(this, "viewModelId");
+    g(this, "eventsEditorUtils");
+    g(this, "formSchemaUtils");
+    g(this, "formMetadataConverter");
+    g(this, "designViewModelUtils");
+    g(this, "designViewModelField");
+    g(this, "controlCreatorUtils");
+    g(this, "designerHostService");
+    g(this, "schemaService", null);
+    g(this, "metadataService", null);
+    g(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
     var o;
-    this.componentId = e, 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(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
+    this.componentId = t, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", 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 t;
+    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
   }
-  setDesignViewModelField(e) {
-    const t = e.binding && e.binding.type === "Form" && e.binding.field;
-    if (t) {
+  setDesignViewModelField(t) {
+    const e = t.binding && t.binding.type === "Form" && t.binding.field;
+    if (e) {
       if (!this.designViewModelField) {
         const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((r) => r.id === t);
+        this.designViewModelField = o.fields.find((r) => r.id === e);
       }
-      e.updateOn = this.designViewModelField.updateOn;
+      t.updateOn = this.designViewModelField.updateOn;
     }
   }
-  changeFieldEditorType(e, t) {
+  changeFieldEditorType(t, e) {
   }
-  getBasicPropConfig(e) {
+  getBasicPropConfig(t) {
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -570,13 +562,13 @@ class we {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: l[e.type].name }]
+            data: [{ value: t.type, name: m[t.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(e = null) {
+  getAppearanceConfig(t = null) {
     return {
       title: "样式",
       description: "Appearance",
@@ -596,90 +588,212 @@ class we {
       }
     };
   }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(t, e) {
+    const o = e && e.parent && e.parent.schema;
+    if (!o)
+      return;
+    const r = o.contents.findIndex((d) => d.id === t), l = q(o.contents[r]);
+    o.contents.splice(r, 1), o.contents.splice(r, 0, l);
+  }
 }
-const D = class D {
+const P = class P {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
-  static getEditorTypesByMDataType(e) {
-    const t = D.fieldControlTypeMapping[e];
-    return t || [{ key: "", value: "" }];
+  static getEditorTypesByMDataType(t) {
+    const e = P.fieldControlTypeMapping[t];
+    return e || [{ key: "", value: "" }];
   }
   /**
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
-    const e = [];
-    for (let t in D.fieldControlTypeMapping)
-      D.fieldControlTypeMapping[t].forEach((o) => {
-        e.find((r) => r.key === o.key && r.value === o.value) || e.push({ key: o.key, value: o.value });
+    const t = [];
+    for (let e in P.fieldControlTypeMapping)
+      P.fieldControlTypeMapping[e].forEach((o) => {
+        t.find((r) => r.key === o.key && r.value === o.value) || t.push({ key: o.key, value: o.value });
       });
-    return e;
+    return t;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-v(D, "fieldControlTypeMapping", {
+g(P, "fieldControlTypeMapping", {
   String: [
-    { key: l["input-group"].type, value: l["input-group"].name },
-    { key: l.lookup.type, value: l.lookup.name },
-    { key: l["date-picker"].type, value: l["date-picker"].name },
-    { key: l["check-box"].type, value: l["check-box"].name },
-    { key: l["radio-group"].type, value: l["radio-group"].name },
-    { key: l["combo-list"].type, value: l["combo-list"].name },
-    { key: l.textarea.type, value: l.textarea.name }
+    { key: m["input-group"].type, value: m["input-group"].name },
+    { key: m.lookup.type, value: m.lookup.name },
+    { key: m["date-picker"].type, value: m["date-picker"].name },
+    { key: m["check-box"].type, value: m["check-box"].name },
+    { key: m["check-group"].type, value: m["check-group"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name },
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m.textarea.type, value: m.textarea.name }
   ],
   Text: [
-    { key: l.textarea.type, value: l.textarea.name },
-    { key: l.lookup.type, value: l.lookup.name }
+    { key: m.textarea.type, value: m.textarea.name },
+    { key: m.lookup.type, value: m.lookup.name }
   ],
   Decimal: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   Integer: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   Number: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   BigNumber: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: m["number-spinner"].type, value: m["number-spinner"].name }
   ],
   Date: [
-    { key: l["date-picker"].type, value: l["date-picker"].name }
+    { key: m["date-picker"].type, value: m["date-picker"].name }
   ],
   DateTime: [
-    { key: l["date-picker"].type, value: l["date-picker"].name }
+    { key: m["date-picker"].type, value: m["date-picker"].name }
   ],
   Boolean: [
-    { key: l.switch.type, value: l.switch.name },
-    { key: l["check-box"].type, value: l["check-box"].name }
+    { key: m.switch.type, value: m.switch.name },
+    { key: m["check-box"].type, value: m["check-box"].name }
   ],
   Enum: [
-    { key: l["combo-list"].type, value: l["combo-list"].name },
-    { key: l["radio-group"].type, value: l["radio-group"].name }
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name }
   ],
   Object: [
-    { key: l.lookup.type, value: l.lookup.name },
-    { key: l["combo-list"].type, value: l["combo-list"].name },
-    { key: l["radio-group"].type, value: l["radio-group"].name }
+    { key: m.lookup.type, value: m.lookup.name },
+    { key: m["combo-list"].type, value: m["combo-list"].name },
+    { key: m["radio-group"].type, value: m["radio-group"].name }
   ]
 });
-let E = D;
-const Ve = k(0);
-class Pe extends we {
-  constructor(e, t) {
-    super(e, t);
-  }
-  getPropertyConfig(e, t) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(e, t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
-  }
-  getBasicProperties(e, t) {
-    var m;
-    var o = this;
+let B = P;
+const Fe = F(0);
+class we {
+  constructor() {
+    /** 控件标题 */
+    g(this, "label", "");
+    /** 控件id */
+    g(this, "id", "");
+    /** 每个控件占用的栅格数 */
+    g(this, "columnInSM", 12);
+    g(this, "columnInMD", 6);
+    g(this, "columnInLG", 3);
+    g(this, "columnInEL", 2);
+    /** 每个控件占用的列数 */
+    g(this, "displayWidthInSM", 1);
+    g(this, "displayWidthInMD", 1);
+    g(this, "displayWidthInLG", 1);
+    g(this, "displayWidthInEL", 1);
+    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
+    g(this, "displayColumnCountAtBreakPoint", "md");
+    /** 控件所在行，传0即可-----编辑器内部使用 */
+    g(this, "tagRow", 0);
+    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
+    g(this, "showTopBorder", 0);
+    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
+    g(this, "group", 1);
+    /** 控件是否符合标准的class配置(设计器用的) */
+    g(this, "isSupportedClass", !0);
+    /** 控件所在分组id(设计器用的) */
+    g(this, "fieldSetId", "");
+  }
+}
+function Te(i) {
+  let t, e;
+  const o = /* @__PURE__ */ new Map();
+  let r = [];
+  function l(s, n) {
+    const y = s.split(" ").filter((k) => k.startsWith("col-"));
+    if (y.length === 0) {
+      n.isSupportedClass = !1;
+      return;
+    }
+    let u = y.find((k) => /^col-([1-9]|10|11|12)$/.test(k)), h = y.find((k) => /^col-md-([1-9]|10|11|12)$/.test(k)), b = y.find((k) => /^col-xl-([1-9]|10|11|12)$/.test(k)), C = y.find((k) => /^col-el-([1-9]|10|11|12)$/.test(k));
+    u = u || "col-12", n.columnInSM = parseInt(u.replace("col-", ""), 10), n.displayWidthInSM = n.columnInSM / 12, n.displayWidthInSM !== 1 && (n.isSupportedClass = !1), h = h || "col-md-" + n.columnInSM, n.columnInMD = parseInt(h.replace("col-md-", ""), 10), n.displayWidthInMD = n.columnInMD / 6, [1, 2].includes(n.displayWidthInMD) || (n.isSupportedClass = !1), b = b || "col-xl-" + n.columnInMD, n.columnInLG = parseInt(b.replace("col-xl-", ""), 10), n.displayWidthInLG = n.columnInLG / 3, [1, 2, 3, 4].includes(n.displayWidthInLG) || (n.isSupportedClass = !1), C = C || "col-el-" + n.columnInLG, n.columnInEL = parseInt(C.replace("col-el-", ""), 10), n.displayWidthInEL = n.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(n.displayWidthInEL) || (n.isSupportedClass = !1);
+  }
+  function d(s, n, c, y = !1) {
+    let u = !1;
+    s.contents.forEach((h) => {
+      if (h.type === "fieldset") {
+        c += 1, d(h, n, c, !0), u = !0;
+        return;
+      }
+      u && (c += 1, u = !1);
+      const b = h.appearance && h.appearance.class, C = new we();
+      b ? l(b, C) : C.isSupportedClass = !1, C.label = h.label || h.id, C.id = h.id, C.group = c, y && (C.fieldSetId = s.id), e === h.id && (t = c), o.set(h.id, h), n.push(C);
+    });
+  }
+  function f(s) {
+    const n = i.getComponentById(s);
+    if (!n || !n.componentType || !n.componentType.startsWith("form"))
+      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
+    const c = i.selectNode(n, (y) => y.type === W["response-form"].type);
+    return !c || !c.contents || c.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: c };
+  }
+  function p(s, n) {
+    n = n || s.id;
+    const { result: c, message: y, formNode: u } = f(n);
+    if (!c)
+      return { result: c, message: y };
+    e = s.id, r = [], o.clear();
+    const h = u.contents[0].type === W.fieldset.type ? 0 : 1;
+    d(u, r, h);
+    const b = r.find((k) => !k.isSupportedClass);
+    return {
+      defaultState: {
+        defaultGroupNumber: t || 1,
+        model: b ? "customize" : "standard"
+      },
+      importData: r
+    };
+  }
+  function a(s, n) {
+    n = n;
+    const { result: c, formNode: y } = f(n);
+    if (!c)
+      return "";
+    const u = [];
+    return s.forEach((h) => {
+      var k;
+      const b = o.get(h.id), C = b.appearance && b.appearance.class;
+      if (C) {
+        const D = C.split(" ").filter((Z) => !Z.startsWith("col-")), v = "col-" + h.columnInSM, S = "col-md-" + h.columnInMD, w = "col-xl-" + h.columnInLG, T = "col-el-" + h.columnInEL, A = [v, S, w, T].concat(D);
+        b.appearance.class = A.join(" ");
+      }
+      if (h.fieldSetId) {
+        const E = y.contents.find((v) => v.id === h.fieldSetId), D = u.find((v) => v.id === h.fieldSetId);
+        D ? (k = D.contents) == null || k.push(b) : (u.push(E), E.contents = [b]);
+      } else
+        u.push(b);
+    }), y.contents = u, y.id;
+  }
+  return {
+    checkCanFindFormNode: f,
+    checkCanOpenLayoutEditor: p,
+    changeFormControlsByResponseLayoutConfig: a,
+    getResonseFormLayoutConfig: d
+  };
+}
+class Ee extends Se {
+  constructor(e, o) {
+    super(e, o);
+    g(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = Te(this.formSchemaUtils);
+  }
+  getPropertyConfig(e, o) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(e, o), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, o), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
+  }
+  getBasicProperties(e, o) {
+    var f;
+    var r = this;
     this.setDesignViewModelField(e);
-    const r = this.formSchemaUtils.getFormMetadataBasicInfo(), p = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const l = this.formSchemaUtils.getFormMetadataBasicInfo(), d = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -701,7 +815,7 @@ class Pe extends we {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: o.designViewModelField ? E.getEditorTypesByMDataType((m = o.designViewModelField.type) == null ? void 0 : m.name) : E.getAllInputTypes()
+            data: r.designViewModelField ? B.getEditorTypesByMDataType((f = r.designViewModelField.type) == null ? void 0 : f.name) : B.getAllInputTypes()
           }
         },
         label: {
@@ -718,7 +832,7 @@ class Pe extends we {
             bindingType: { enable: !1 },
             editorParams: {
               propertyData: e,
-              formBasicInfo: r
+              formBasicInfo: l
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -726,26 +840,27 @@ class Pe extends we {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: p
+            data: d
           }
         }
       },
-      setPropertyRelates(a, u) {
-        if (a)
-          switch (a && a.propertyID) {
+      setPropertyRelates(p, a) {
+        if (p)
+          switch (p && p.propertyID) {
             case "type": {
-              o.changeControlType(e, a, t);
+              r.changeControlType(e, p, o);
               break;
             }
             case "label": {
-              a.needRefreshControlTree = !0;
+              p.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(e) {
+  getAppearanceProperties(e, o) {
+    var r = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -766,12 +881,25 @@ class Pe extends we {
           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(e, r.componentId)
+          }
         }
+      },
+      setPropertyRelates(l, d) {
+        if (l)
+          switch (l && l.propertyID) {
+            case "responseLayout":
+              r.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(l.propertyValue, r.componentId || e.id), r.updateUnifiedLayoutAfterResponseLayoutChanged(r.componentId), r.updateElementByParentContainer(e.id, o), delete e.responseLayout;
+              break;
+            case "class":
+              r.updateUnifiedLayoutAfterControlChanged(l.propertyValue, e.id, this.componentId), r.updateElementByParentContainer(e.id, o);
+              break;
+          }
       }
     };
   }
@@ -783,44 +911,44 @@ class Pe extends we {
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(e, t, o) {
-    var i, c, s, d;
-    const r = t.propertyValue, p = o && o.parent && o.parent.schema;
-    if (!p)
+  changeControlType(e, o, r) {
+    var s, n, c, y;
+    const l = o.propertyValue, d = r && r.parent && r.parent.schema;
+    if (!d)
       return;
-    const m = p.contents.findIndex((f) => f.id === e.id), a = p.contents[m];
-    let u;
+    const f = d.contents.findIndex((u) => u.id === e.id), p = d.contents[f];
+    let a;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: r
+        $type: l
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), u = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, r)), u || (u = L("form-group") || {}, u.editor = L(r) || {}, delete u.editor.id, delete u.editor.binding, delete u.editor.appearance), Object.assign(u, {
-      id: a.id,
-      appearance: a.appearance,
-      size: a.size,
-      label: a.label,
-      binding: a.binding,
-      visible: a.visible
-    }), Object.assign(u.editor, {
-      isTextArea: u.isTextArea && a.isTextArea,
-      placeholder: (i = a.editor) == null ? void 0 : i.placeholder,
-      holdPlace: (c = a.editor) == null ? void 0 : c.holdPlace,
-      readonly: (s = a.editor) == null ? void 0 : s.readonly,
-      require: (d = a.editor) == null ? void 0 : d.require
-    }), p.contents.splice(m, 1), p.contents.splice(m, 0, u), o.schema = Object.assign(a, u), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (f) => f.classList.remove("dgComponentSelected")
-    ), Ve.value++;
-  }
-  getComponentConfig(e, t = {}, o = {}) {
-    const r = Object.assign({
+    }, !1), a = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, l)), a || (a = this.controlCreatorUtils.createFormGroupWithoutField(l)), Object.assign(a, {
+      id: p.id,
+      appearance: p.appearance,
+      size: p.size,
+      label: p.label,
+      binding: p.binding,
+      visible: p.visible
+    }), Object.assign(a.editor, {
+      isTextArea: a.isTextArea && p.isTextArea,
+      placeholder: (s = p.editor) == null ? void 0 : s.placeholder,
+      holdPlace: (n = p.editor) == null ? void 0 : n.holdPlace,
+      readonly: (c = p.editor) == null ? void 0 : c.readonly,
+      require: (y = p.editor) == null ? void 0 : y.require
+    }), d.contents.splice(f, 1), d.contents.splice(f, 0, a), r.schema = Object.assign(p, a), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (u) => u.classList.remove("dgComponentSelected")
+    ), Fe.value++;
+  }
+  getComponentConfig(e, o = {}, r = {}) {
+    const l = Object.assign({
       description: "编辑器",
       title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, t), p = Object.assign({
+    }, o), d = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -841,16 +969,64 @@ class Pe extends we {
         title: "提示文本",
         type: "string"
       }
-    }, o);
-    return { ...r, properties: { ...p } };
+    }, r);
+    return { ...l, properties: { ...d } };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(e, o, r) {
+    const l = e.split(" ");
+    let d = l.find((n) => /^col-([1-9]|10|11|12)$/.test(n)), f = l.find((n) => /^col-md-([1-9]|10|11|12)$/.test(n)), p = l.find((n) => /^col-xl-([1-9]|10|11|12)$/.test(n)), a = l.find((n) => /^col-el-([1-9]|10|11|12)$/.test(n));
+    d = d || "col-12", f = f || "col-md-" + d.replace("col-", ""), p = p || "col-xl-" + f.replace("col-md-", ""), a = a || "col-el-" + p.replace("col-xl-", "");
+    const s = {
+      id: o,
+      columnInSM: parseInt(d.replace("col-", ""), 10),
+      columnInMD: parseInt(f.replace("col-md-", ""), 10),
+      columnInLG: parseInt(p.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(a.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(r, s);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(e, o) {
+    const { formNode: r } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
+    if (!r || !r.unifiedLayout)
+      return;
+    const l = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(r, l, 1), o) {
+      const u = l.find((h) => h.id === o.id);
+      Object.assign(u || {}, o);
+    }
+    const d = l.map((u) => u.columnInSM), f = l.map((u) => u.columnInMD), p = l.map((u) => u.columnInLG), a = l.map((u) => u.columnInEL), s = this.checkIsUniqueColumn(d) ? d[0] : null, n = this.checkIsUniqueColumn(f) ? f[0] : null, c = this.checkIsUniqueColumn(p) ? p[0] : null, y = this.checkIsUniqueColumn(a) ? a[0] : null;
+    Object.assign(r.unifiedLayout, {
+      uniqueColClassInSM: s,
+      uniqueColClassInMD: n,
+      uniqueColClassInLG: c,
+      uniqueColClassInEL: y
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(e) {
+    const o = new Set(e);
+    return Array.from(o).length === 1;
   }
 }
-class De extends Pe {
-  constructor(e, t) {
-    super(e, t);
+class De extends Ee {
+  constructor(t, e) {
+    super(t, e);
   }
-  getEditorProperties(e) {
-    return this.getComponentConfig(e, { type: "number-spinner" }, {
+  getEditorProperties(t) {
+    return this.getComponentConfig(t, { type: "number-spinner" }, {
       readonly: {
         visible: !1
       },
@@ -881,118 +1057,118 @@ class De extends Pe {
     });
   }
 }
-function Fe(n, e) {
-  n.schema;
-  const t = k(!0), o = k(!0);
-  function r(s) {
+function Pe(i, t) {
+  i.schema;
+  const e = F(!0), o = F(!0);
+  function r(n) {
     return !1;
   }
-  function p() {
+  function l() {
     return !1;
   }
-  function m() {
+  function d() {
     return !1;
   }
-  function a() {
+  function f() {
     return !0;
   }
-  function u(s) {
+  function p(n) {
   }
-  function i() {
+  function a() {
   }
-  function c(s) {
+  function s(n) {
     return null;
   }
   return {
     canAccepts: r,
-    checkCanDeleteComponent: p,
-    checkCanMoveComponent: m,
-    hideNestedPaddingInDesginerView: a,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: i,
-    triggerBelongedComponentToMoveWhenMoved: t,
+    checkCanDeleteComponent: l,
+    checkCanMoveComponent: d,
+    hideNestedPaddingInDesginerView: f,
+    onAcceptMovedChildElement: p,
+    resolveComponentContext: a,
+    triggerBelongedComponentToMoveWhenMoved: e,
     triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: c
+    getPropsConfig: s
   };
 }
-function Se(n, e) {
+function Ie(i, t) {
   const {
-    canAccepts: t,
+    canAccepts: e,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: a,
-    triggerBelongedComponentToMoveWhenMoved: u,
-    triggerBelongedComponentToDeleteWhenDeleted: i
-  } = Fe(n), c = n.schema;
-  function s(d, f) {
-    return new De(d, e).getPropertyConfig(c, f);
+    hideNestedPaddingInDesginerView: l,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: f,
+    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToDeleteWhenDeleted: a
+  } = Pe(i), s = i.schema;
+  function n(c, y) {
+    return new De(c, t).getPropertyConfig(s, y);
   }
   return {
-    canAccepts: t,
+    canAccepts: e,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: a,
-    triggerBelongedComponentToMoveWhenMoved: u,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: s
+    hideNestedPaddingInDesginerView: l,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: f,
+    triggerBelongedComponentToMoveWhenMoved: p,
+    triggerBelongedComponentToDeleteWhenDeleted: a,
+    getPropsConfig: n
   };
 }
-const Be = /* @__PURE__ */ $({
+const Ve = /* @__PURE__ */ N({
   name: "FRadioGroupDesign",
-  props: j,
+  props: G,
   emits: ["changeValue", "update:modelValue"],
-  setup(n, e) {
-    const t = k(n.modelValue), {
+  setup(i, t) {
+    const e = F(i.modelValue), {
       enumData: o,
       onClickRadio: r,
-      getValue: p,
-      getText: m
-    } = Q(n, e, t), a = B(() => ({
-      "farris-checkradio-hor": n.horizontal
-    })), u = k(), i = N("designer-host-service"), c = N("design-item-context"), s = Se(c, i), d = Te(u, c, s);
-    return W(() => {
-      u.value.componentInstance = d;
-    }), e.expose(d.value), () => h("div", {
-      class: ["farris-input-wrap", a.value],
-      ref: u
-    }, [o.value.map((f, g) => {
-      const T = "radio_" + n.name + g;
-      return h("div", {
+      getValue: l,
+      getText: d
+    } = Y(i, t, e), f = V(() => ({
+      "farris-checkradio-hor": i.horizontal
+    })), p = F(), a = L("designer-host-service"), s = L("design-item-context"), n = Ie(s, a), c = Me(p, s, n);
+    return j(() => {
+      p.value.componentInstance = c;
+    }), t.expose(c.value), () => M("div", {
+      class: ["farris-input-wrap", f.value],
+      ref: p
+    }, [o.value.map((y, u) => {
+      const h = "radio_" + i.name + u;
+      return M("div", {
         class: "custom-control custom-radio"
-      }, [h("input", {
+      }, [M("input", {
         type: "radio",
         class: "custom-control-input",
-        name: n.name,
-        id: T,
-        value: p(f),
-        checked: p(f) === t.value,
-        disabled: n.disabled,
-        tabindex: n.tabIndex,
-        onClick: (w) => r(f, w)
-      }, null), h("label", {
+        name: i.name,
+        id: h,
+        value: l(y),
+        checked: l(y) === e.value,
+        disabled: i.disabled,
+        tabindex: i.tabIndex,
+        onClick: (b) => r(y, b)
+      }, null), M("label", {
         class: "custom-control-label",
-        for: T
-      }, [m(f)])]);
+        for: h
+      }, [d(y)])]);
     })]);
   }
 });
-F.install = (n) => {
-  n.component(F.name, F), n.component(q.name, q);
+I.install = (i) => {
+  i.component(I.name, I), i.component(O.name, O);
 };
-F.register = (n, e, t, o) => {
-  n["radio-group"] = F, e["radio-group"] = X;
+I.register = (i, t, e, o) => {
+  i["radio-group"] = I, t["radio-group"] = Q;
 };
-F.registerDesigner = (n, e, t) => {
-  n["radio-group"] = Be, e["radio-group"] = X;
+I.registerDesigner = (i, t, e) => {
+  i["radio-group"] = Ve, t["radio-group"] = Q;
 };
 export {
-  F as RadioGroup,
-  F as default,
-  X as propsResolver,
-  j as radioGroupProps,
-  ne as radioProps
+  I as RadioGroup,
+  I as default,
+  Q as propsResolver,
+  G as radioGroupProps,
+  te as radioProps
 };