@farris/ui-vue 1.2.8 → 1.3.0

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

@@ -1,11 +1,12 @@
-var R = Object.defineProperty;
-var H = (n, e, t) => e in n ? R(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var C = (n, e, t) => H(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as O, inject as A, onMounted as W, createVNode as h, Fragment as I, computed as S, ref as k, provide as K } from "vue";
-import { useCheck as ee } from "../common/index.esm.js";
-import { cloneDeep as te } from "lodash-es";
-import { getSchemaByType as q } from "../dynamic-resolver/index.esm.js";
-const ne = {
+var H = Object.defineProperty;
+var K = (r, t, e) => t in r ? H(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var v = (r, t, e) => K(r, typeof t != "symbol" ? t + "" : t, e);
+import { defineComponent as N, inject as L, onMounted as z, createVNode as h, Fragment as ee, computed as B, ref as M, provide as te } from "vue";
+import { useCheck as ne } from "../common/index.esm.js";
+import { isPlainObject as q, cloneDeep as W } from "lodash-es";
+import { getSchemaByType as j } from "../dynamic-resolver/index.esm.js";
+import { useResponseLayoutEditorSetting as oe } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
+const re = {
   value: { type: String, default: "" },
   /** 值 */
   modelValue: { type: String, default: "" },
@@ -15,150 +16,150 @@ const ne = {
   label: { type: String, default: "" },
   /** 标识 */
   id: { type: String, default: "" }
-}, x = Symbol("radioGroupContext"), L = /* @__PURE__ */ O({
+}, R = Symbol("radioGroupContext"), x = /* @__PURE__ */ N({
   name: "FRadio",
-  props: ne,
+  props: re,
   emits: ["update:value"],
-  setup(n, e) {
-    const t = A(x, null), {
-      buttonClass: o,
-      checked: i,
-      disabled: s,
-      name: m,
-      tagClass: u,
-      shouldRenderButton: p,
-      shouldRenderNative: r,
-      shouldRenderTag: l,
-      onClickRadio: c
-    } = ee(n, e, t == null ? void 0 : t.parentProps, t == null ? void 0 : t.parentContext);
-    return W(() => {
+  setup(r, t) {
+    const e = L(R, null), {
+      buttonClass: n,
+      checked: o,
+      disabled: a,
+      name: c,
+      tagClass: d,
+      shouldRenderButton: l,
+      shouldRenderNative: i,
+      shouldRenderTag: p,
+      onClickRadio: s
+    } = ne(r, t, e == null ? void 0 : e.parentProps, e == null ? void 0 : e.parentContext);
+    return z(() => {
     }), () => {
-      var d, f, g, M, T, w;
-      return h(I, null, [p.value && h("div", {
-        class: o.value,
+      var m, y, f, k, T, F;
+      return h(ee, null, [l.value && h("div", {
+        class: n.value,
         style: "border-radius:0;border: 1px solid #E8EBF2;",
-        onClick: c
-      }, [(f = (d = e.slots).default) == null ? void 0 : f.call(d)]), l.value && h("div", {
-        class: u.value,
-        onClick: c
+        onClick: s
+      }, [(y = (m = t.slots).default) == null ? void 0 : y.call(m)]), p.value && h("div", {
+        class: d.value,
+        onClick: s
       }, [h("div", {
         class: "title"
-      }, [(M = (g = e.slots).default) == null ? void 0 : M.call(g)]), h("div", {
+      }, [(k = (f = t.slots).default) == null ? void 0 : k.call(f)]), h("div", {
         class: "tip"
       }, null), h("span", {
         class: "f-icon f-icon-check f-radio-icon"
-      }, null)]), r.value && h("div", {
+      }, null)]), i.value && h("div", {
         class: "custom-control custom-radio",
-        onClick: c
+        onClick: s
       }, [h("input", {
         type: "radio",
         class: "custom-control-input",
-        name: m.value,
-        id: n.id,
-        value: n.value,
-        checked: i.value,
-        disabled: s.value
+        name: c.value,
+        id: r.id,
+        value: r.value,
+        checked: o.value,
+        disabled: a.value
       }, null), h("div", {
         class: "custom-control-label"
-      }, [(w = (T = e.slots).default) == null ? void 0 : w.call(T)])])]);
+      }, [(F = (T = t.slots).default) == null ? void 0 : F.call(T)])])]);
     };
   }
 });
-function oe(n, e, t) {
-  return e;
+function ie(r, t, e) {
+  return t;
 }
-const _ = {}, J = {};
-function $(n) {
-  const { properties: e, title: t } = n, o = Object.keys(e).reduce((i, s) => (i[s] = e[s].type === "object" && e[s].properties ? $(e[s]) : te(e[s].default), i), {});
-  return o.id = `${t}-${Date.now()}`, o;
+const _ = {}, X = {};
+function $(r) {
+  const { properties: t, title: e, ignore: n } = r, o = n && Array.isArray(n), a = Object.keys(t).reduce((c, d) => ((!o || !n.find((l) => l == d)) && (c[d] = t[d].type === "object" && t[d].properties ? $(t[d]) : W(t[d].default)), c), {});
+  return (!o || !n.find((c) => c == "id")) && (a.id = `${e}-${Date.now()}`), a;
 }
-function N(n, e = {}) {
-  const t = _[n];
-  if (t) {
-    let o = $(t);
-    const i = J[n];
-    return o = i ? i({ getSchemaByType: N }, o, e) : o, o;
+function U(r, t = {}, e) {
+  const n = _[r];
+  if (n) {
+    let o = $(n);
+    const a = X[r];
+    return o = a ? a({ getSchemaByType: U }, o, t, e) : o, o;
   }
   return null;
 }
-function re(n, e) {
-  const t = $(e);
-  return Object.keys(n).reduce((o, i) => (o[i] && typeof o[i] == "object" ? Object.assign(o[i], n[i]) : o[i] = n[i], o), t), t;
+function ae(r, t) {
+  const e = $(t);
+  return Object.keys(r).reduce((n, o) => (n[o] && q(n[o]) && q(r[o]) ? Object.assign(n[o], r[o]) : n[o] = r[o], n), e), e;
 }
-function ie(n, e) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, i) => {
-    if (e.has(i)) {
-      const s = e.get(i);
-      if (typeof s == "string")
-        o[s] = n[i];
+function le(r, t) {
+  return Object.keys(r).filter((n) => r[n] != null).reduce((n, o) => {
+    if (t.has(o)) {
+      const a = t.get(o);
+      if (typeof a == "string")
+        n[a] = r[o];
       else {
-        const m = s(i, n[i], n);
-        Object.assign(o, m);
+        const c = a(o, r[o], r);
+        Object.assign(n, c);
       }
     } else
-      o[i] = n[i];
-    return o;
+      n[o] = r[o];
+    return n;
   }, {});
 }
-function ae(n, e, t = /* @__PURE__ */ new Map()) {
-  const o = re(n, e);
-  return ie(o, t);
+function se(r, t, e = /* @__PURE__ */ new Map()) {
+  const n = ae(r, t);
+  return le(n, e);
 }
-function le(n = {}) {
-  function e(r, l, c, d) {
-    if (typeof c == "number")
-      return d[r].length === c;
-    if (typeof c == "object") {
-      const f = Object.keys(c)[0], g = c[f];
-      if (f === "not")
-        return Number(d[r].length) !== Number(g);
-      if (f === "moreThan")
-        return Number(d[r].length) >= Number(g);
-      if (f === "lessThan")
-        return Number(d[r].length) <= Number(g);
+function ce(r = {}) {
+  function t(i, p, s, m) {
+    if (typeof s == "number")
+      return m[i].length === s;
+    if (typeof s == "object") {
+      const y = Object.keys(s)[0], f = s[y];
+      if (y === "not")
+        return Number(m[i].length) !== Number(f);
+      if (y === "moreThan")
+        return Number(m[i].length) >= Number(f);
+      if (y === "lessThan")
+        return Number(m[i].length) <= Number(f);
     }
     return !1;
   }
-  function t(r, l, c, d) {
-    return d[r] && d[r].propertyValue && String(d[r].propertyValue.value) === String(c);
+  function e(i, p, s, m) {
+    return m[i] && m[i].propertyValue && String(m[i].propertyValue.value) === String(s);
   }
-  const o = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", t]
+  const n = /* @__PURE__ */ new Map([
+    ["length", t],
+    ["getProperty", e]
   ]);
-  Object.keys(n).reduce((r, l) => (r.set(l, n[l]), r), o);
-  function i(r, l) {
-    const c = r;
-    return typeof l == "number" ? [{ target: c, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: c, operator: "getProperty", param: r, value: !!l }] : typeof l == "object" ? Object.keys(l).map((d) => {
-      if (d === "length")
-        return { target: c, operator: "length", param: null, value: l[d] };
-      const f = d, g = l[d];
-      return { target: c, operator: "getProperty", param: f, value: g };
+  Object.keys(r).reduce((i, p) => (i.set(p, r[p]), i), n);
+  function o(i, p) {
+    const s = i;
+    return typeof p == "number" ? [{ target: s, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: s, operator: "getProperty", param: i, value: !!p }] : typeof p == "object" ? Object.keys(p).map((m) => {
+      if (m === "length")
+        return { target: s, operator: "length", param: null, value: p[m] };
+      const y = m, f = p[m];
+      return { target: s, operator: "getProperty", param: y, value: f };
     }) : [];
   }
-  function s(r) {
-    return Object.keys(r).reduce((c, d) => {
-      const f = i(d, r[d]);
-      return c.push(...f), c;
+  function a(i) {
+    return Object.keys(i).reduce((s, m) => {
+      const y = o(m, i[m]);
+      return s.push(...y), s;
     }, []);
   }
-  function m(r, l) {
-    if (o.has(r.operator)) {
-      const c = o.get(r.operator);
-      return c && c(r.target, r.param, r.value, l) || !1;
+  function c(i, p) {
+    if (n.has(i.operator)) {
+      const s = n.get(i.operator);
+      return s && s(i.target, i.param, i.value, p) || !1;
     }
     return !1;
   }
-  function u(r, l) {
-    return s(r).reduce((f, g) => f && m(g, l), !0);
+  function d(i, p) {
+    return a(i).reduce((y, f) => y && c(f, p), !0);
   }
-  function p(r, l) {
-    const c = Object.keys(r), d = c.includes("allOf"), f = c.includes("anyOf"), g = d || f, w = (g ? r[g ? d ? "allOf" : "anyOf" : "allOf"] : [r]).map((E) => u(E, l));
-    return d ? !w.includes(!1) : w.includes(!0);
+  function l(i, p) {
+    const s = Object.keys(i), m = s.includes("allOf"), y = s.includes("anyOf"), f = m || y, F = (f ? i[f ? m ? "allOf" : "anyOf" : "allOf"] : [i]).map((A) => d(A, p));
+    return m ? !F.includes(!1) : F.includes(!0);
   }
-  return { parseValueSchema: p };
+  return { parseValueSchema: l };
 }
-const a = {
+const u = {
   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 +196,22 @@ const a = {
   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, u, p) => u, i = {}, s = (m) => m) {
-  return _[e.title] = e, J[e.title] = o, ce[e.title] = i, se[e.title] = s, (m = {}) => {
-    const u = ae(m, e, t), p = Object.keys(n).reduce((r, l) => (r[l] = n[l].default, r), {});
-    return Object.assign(p, u);
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, pe = {}, ue = {};
+ce();
+function de(r, t, e = /* @__PURE__ */ new Map(), n = (c, d, l) => d, o = {}, a = (c) => c) {
+  return _[t.title] = t, X[t.title] = n, pe[t.title] = o, ue[t.title] = a, (c = {}) => {
+    const d = se(c, t, e), l = Object.keys(r).reduce((i, p) => (i[p] = r[p].default, i), {});
+    return Object.assign(l, d);
   };
 }
-function ue(n, e) {
-  return { customClass: e.class, customStyle: e.style };
+function me(r, 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 = {
+const fe = /* @__PURE__ */ new Map([
+  ["appearance", me]
+]), ye = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-design.gitee.io/radio-group.schema.json", he = "radio-group", ve = "A Farris Input Component", be = "object", Ce = {
   id: {
     description: "The unique identifier for a radio-group",
     type: "string"
@@ -290,18 +292,23 @@ const de = /* @__PURE__ */ new Map([
     description: "",
     type: "array"
   }
-}, be = [
+}, ke = [
   "id",
   "type"
-], Ce = {
-  $schema: me,
-  $id: fe,
-  title: ye,
-  description: ge,
-  type: he,
-  properties: ve,
-  required: be
-}, ke = {
+], Me = [
+  "id",
+  "appearance",
+  "binding"
+], we = {
+  $schema: ye,
+  $id: ge,
+  title: he,
+  description: ve,
+  type: be,
+  properties: Ce,
+  required: ke,
+  ignore: Me
+}, Te = {
   /**
    * 是否被选中
    */
@@ -318,8 +325,8 @@ const de = /* @__PURE__ */ new Map([
    * type为button或者tag时的尺寸
    */
   size: { type: String, default: "middle" }
-}, U = {
-  ...ke,
+}, O = {
+  ...Te,
   /**
    * 组件标识
    */
@@ -358,195 +365,195 @@ const de = /* @__PURE__ */ new Map([
    * 枚举数组中枚举值的key值。
    */
   valueField: { type: String, default: "value" }
-}, X = pe(U, Ce, de, oe);
-function Q(n, e, t) {
-  const o = S(() => !n.disabled), i = S(() => n.enumData || []);
-  function s(p) {
-    return p[n.valueField];
-  }
-  function m(p) {
-    return p[n.textField];
-  }
-  function u(p, r) {
-    if (o.value) {
-      const l = s(p);
-      t.value !== l && (t.value = l, e.emit("changeValue", l), e.emit("update:modelValue", l));
+}, J = de(O, we, fe, ie);
+function Q(r, t, e) {
+  const n = B(() => !r.disabled), o = B(() => r.enumData || []);
+  function a(l) {
+    return l[r.valueField];
+  }
+  function c(l) {
+    return l[r.textField];
+  }
+  function d(l, i) {
+    if (n.value) {
+      const p = a(l);
+      e.value !== p && (e.value = p, t.emit("changeValue", p), t.emit("update:modelValue", p));
     }
-    r.stopPropagation();
+    i.stopPropagation();
   }
   return {
-    enumData: i,
-    getValue: s,
-    getText: m,
-    onClickRadio: u
+    enumData: o,
+    getValue: a,
+    getText: c,
+    onClickRadio: d
   };
 }
-const P = /* @__PURE__ */ O({
+const E = /* @__PURE__ */ N({
   name: "FRadioGroup",
-  props: U,
+  props: O,
   emits: ["changeValue", "update:modelValue"],
-  setup(n, e) {
-    const t = k(n.modelValue), {
-      enumData: o,
-      onClickRadio: i,
-      getValue: s,
-      getText: m
-    } = Q(n, e, t), u = S(() => ({
-      "farris-checkradio-hor": n.direction === "horizontal"
-    })), p = k([]);
-    return K(x, {
-      radios: p,
-      parentProps: n,
-      parentContext: e
+  setup(r, t) {
+    const e = M(r.modelValue), {
+      enumData: n,
+      onClickRadio: o,
+      getValue: a,
+      getText: c
+    } = Q(r, t, e), d = B(() => ({
+      "farris-checkradio-hor": r.direction === "horizontal"
+    })), l = M([]);
+    return te(R, {
+      radios: l,
+      parentProps: r,
+      parentContext: t
     }), () => h("div", {
-      class: ["farris-input-wrap", u.value]
-    }, [e.slots.default ? e.slots.default() : o.value.map((r, l) => {
-      const c = "radio_" + n.id + n.name + r[n.valueField];
+      class: ["farris-input-wrap", d.value]
+    }, [t.slots.default ? t.slots.default() : n.value.map((i, p) => {
+      const s = "radio_" + r.id + r.name + i[r.valueField];
       return h("div", {
         class: "custom-control custom-radio"
       }, [h("input", {
         type: "radio",
         class: "custom-control-input",
-        name: c,
-        id: c,
-        value: s(r),
-        checked: s(r) === t.value,
-        disabled: n.disabled,
-        tabindex: n.tabIndex,
-        onClick: (d) => i(r, d)
+        name: s,
+        id: s,
+        value: a(i),
+        checked: a(i) === e.value,
+        disabled: r.disabled,
+        tabindex: r.tabIndex,
+        onClick: (m) => o(i, m)
       }, null), h("label", {
         class: "custom-control-label",
-        for: c
-      }, [m(r)])]);
+        for: s
+      }, [c(i)])]);
     })]);
   }
 });
-function Me(n, e, t) {
-  var G;
-  function o() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
+function Fe(r, t, e) {
+  var I;
+  function n() {
+    e != null && e.resolveComponentContext && e.resolveComponentContext();
   }
-  o();
-  const i = t && t.getStyles && t.getStyles() || "", s = t && t.getDesignerClass && t.getDesignerClass() || "", m = k();
-  function u() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
+  n();
+  const o = e && e.getStyles && e.getStyles() || "", a = e && e.getDesignerClass && e.getDesignerClass() || "", c = M();
+  function d() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
   }
-  function p() {
+  function l() {
     return !1;
   }
-  function r() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
+  function i() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
   }
-  function l() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
+  function p() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
   }
-  function c(y) {
-    if (!y || !y.value)
+  function s(g) {
+    if (!g || !g.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), v = c(b);
-    return v || null;
-  }
-  function d(y = e) {
-    const { componentInstance: b, designerItemElementRef: v } = y;
-    return !b || !b.value ? null : b.value.canMove ? v : 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 M() {
-  }
-  function T(y, b) {
-    b && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(b);
-  }
-  function w(y) {
-    const { componentType: b } = y;
-    let v = N(b, y);
-    t && t.onResolveNewComponentSchema && (v = t.onResolveNewComponentSchema(y, v));
-    const F = b.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === b && (v.id = `${F}_${Math.random().toString().slice(2, 6)}`), v;
-  }
-  function j(y, b) {
-    const v = String(y.getAttribute("data-controltype")), F = y.getAttribute("data-feature"), z = F ? JSON.parse(F) : {};
-    z.parentComponentInstance = m.value;
-    let V = N(v, z);
-    t && t.onAcceptNewChildElement && (V = t.onAcceptNewChildElement(y, b, V));
-    const Z = v.toLowerCase().replace("-", "_");
-    return V && !V.id && V.type === v && (V.id = `${Z}_${Math.random().toString().slice(2, 6)}`), V;
-  }
-  function E(y) {
-  }
-  function Y(...y) {
-    if (t && t.getPropsConfig)
-      return t.getPropsConfig(...y);
-  }
-  return m.value = {
-    canMove: u(),
-    canSelectParent: p(),
-    canDelete: r(),
-    canNested: !l(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (G = e == null ? void 0 : e.parent) == null ? void 0 : G.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: i,
-    designerClass: s,
-    canAccepts: f,
-    getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: d,
-    getDraggingDisplayText: g,
+    if (g.value.schema && g.value.schema.type === "component")
+      return g.value;
+    const b = M(g == null ? void 0 : g.value.parent), C = s(b);
+    return C || null;
+  }
+  function m(g = t) {
+    const { componentInstance: b, designerItemElementRef: C } = g;
+    return !b || !b.value ? null : b.value.canMove ? C : m(g.parent);
+  }
+  function y(g) {
+    return !!e && e.canAccepts(g);
+  }
+  function f() {
+    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
+  }
+  function k() {
+  }
+  function T(g, b) {
+    b && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(b);
+  }
+  function F(g, b) {
+    const { componentType: C } = g;
+    let w = U(C, g, b);
+    e && e.onResolveNewComponentSchema && (w = e.onResolveNewComponentSchema(g, w));
+    const V = C.toLowerCase().replace("-", "_");
+    return w && !w.id && w.type === C && (w.id = `${V}_${Math.random().toString().slice(2, 6)}`), w;
+  }
+  function G(g, b) {
+    const C = String(g.getAttribute("data-controltype")), w = g.getAttribute("data-feature"), V = w ? JSON.parse(w) : {};
+    V.parentComponentInstance = c.value;
+    let S = U(C, V);
+    e && e.onAcceptNewChildElement && (S = e.onAcceptNewChildElement(g, b, S));
+    const Z = C.toLowerCase().replace("-", "_");
+    return S && !S.id && S.type === C && (S.id = `${Z}_${Math.random().toString().slice(2, 6)}`), S;
+  }
+  function A(g) {
+  }
+  function Y(...g) {
+    if (e && e.getPropsConfig)
+      return e.getPropsConfig(...g);
+  }
+  return c.value = {
+    canMove: d(),
+    canSelectParent: l(),
+    canDelete: i(),
+    canNested: !p(),
+    contents: t == null ? void 0 : t.schema.contents,
+    elementRef: r,
+    parent: (I = t == null ? void 0 : t.parent) == null ? void 0 : I.componentInstance,
+    schema: t == null ? void 0 : t.schema,
+    styles: o,
+    designerClass: a,
+    canAccepts: y,
+    getBelongedComponentInstance: s,
+    getDraggableDesignItemElement: m,
+    getDraggingDisplayText: f,
     getPropConfig: Y,
-    getDragScopeElement: M,
+    getDragScopeElement: k,
     onAcceptMovedChildElement: T,
-    onAcceptNewChildElement: j,
-    onChildElementMovedOut: E,
-    addNewChildComponentSchema: w,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || k(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
-  }, m;
+    onAcceptNewChildElement: G,
+    onChildElementMovedOut: A,
+    addNewChildComponentSchema: F,
+    updateDragAndDropRules: n,
+    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || M(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || M(!1)
+  }, c;
 }
-class Te {
-  constructor(e, t) {
-    C(this, "componentId");
-    C(this, "viewModelId");
-    C(this, "eventsEditorUtils");
-    C(this, "formSchemaUtils");
-    C(this, "formMetadataConverter");
-    C(this, "designViewModelUtils");
-    C(this, "designViewModelField");
-    C(this, "controlCreatorUtils");
-    C(this, "designerHostService");
-    C(this, "schemaService", null);
-    C(this, "metadataService", null);
-    C(this, "propertyConfig", {
+class Se {
+  constructor(t, e) {
+    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", {
       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;
+    var n;
+    this.componentId = t, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((n = this.formSchemaUtils) == null ? void 0 : n.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((i) => i.id === t);
+        const n = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = n.fields.find((o) => o.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: "基本信息",
@@ -565,13 +572,13 @@ class Te {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: a[e.type].name }]
+            data: [{ value: t.type, name: u[t.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(e = null) {
+  getAppearanceConfig(t = null) {
     return {
       title: "样式",
       description: "Appearance",
@@ -591,90 +598,105 @@ class Te {
       }
     };
   }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(t, e) {
+    const n = e && e.parent && e.parent.schema;
+    if (!n)
+      return;
+    const o = n.contents.findIndex((c) => c.id === t), a = W(n.contents[o]);
+    n.contents.splice(o, 1), n.contents.splice(o, 0, a);
+  }
 }
-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((i) => i.key === o.key && i.value === o.value) || e.push({ key: o.key, value: o.value });
+    const t = [];
+    for (let e in P.fieldControlTypeMapping)
+      P.fieldControlTypeMapping[e].forEach((n) => {
+        t.find((o) => o.key === n.key && o.value === n.value) || t.push({ key: n.key, value: n.value });
       });
-    return e;
+    return t;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-C(D, "fieldControlTypeMapping", {
+v(P, "fieldControlTypeMapping", {
   String: [
-    { key: a["input-group"].type, value: a["input-group"].name },
-    { key: a.lookup.type, value: a.lookup.name },
-    { key: a["date-picker"].type, value: a["date-picker"].name },
-    { key: a["check-box"].type, value: a["check-box"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name },
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a.textarea.type, value: a.textarea.name }
+    { key: u["input-group"].type, value: u["input-group"].name },
+    { key: u.lookup.type, value: u.lookup.name },
+    { key: u["date-picker"].type, value: u["date-picker"].name },
+    { key: u["check-box"].type, value: u["check-box"].name },
+    { key: u["radio-group"].type, value: u["radio-group"].name },
+    { key: u["combo-list"].type, value: u["combo-list"].name },
+    { key: u.textarea.type, value: u.textarea.name }
   ],
   Text: [
-    { key: a.textarea.type, value: a.textarea.name },
-    { key: a.lookup.type, value: a.lookup.name }
+    { key: u.textarea.type, value: u.textarea.name },
+    { key: u.lookup.type, value: u.lookup.name }
   ],
   Decimal: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: u["number-spinner"].type, value: u["number-spinner"].name }
   ],
   Integer: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: u["number-spinner"].type, value: u["number-spinner"].name }
   ],
   Number: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: u["number-spinner"].type, value: u["number-spinner"].name }
   ],
   BigNumber: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: u["number-spinner"].type, value: u["number-spinner"].name }
   ],
   Date: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
+    { key: u["date-picker"].type, value: u["date-picker"].name }
   ],
   DateTime: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
+    { key: u["date-picker"].type, value: u["date-picker"].name }
   ],
   Boolean: [
-    { key: a.switch.type, value: a.switch.name },
-    { key: a["check-box"].type, value: a["check-box"].name }
+    { key: u.switch.type, value: u.switch.name },
+    { key: u["check-box"].type, value: u["check-box"].name }
   ],
   Enum: [
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name }
+    { key: u["combo-list"].type, value: u["combo-list"].name },
+    { key: u["radio-group"].type, value: u["radio-group"].name }
   ],
   Object: [
-    { key: a.lookup.type, value: a.lookup.name },
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name }
+    { key: u.lookup.type, value: u.lookup.name },
+    { key: u["combo-list"].type, value: u["combo-list"].name },
+    { key: u["radio-group"].type, value: u["radio-group"].name }
   ]
 });
-let B = D;
-const we = k(0);
-class Ve extends Te {
-  constructor(e, t) {
-    super(e, t);
+let D = P;
+const Pe = M(0);
+class Ee extends Se {
+  constructor(e, n) {
+    super(e, n);
+    v(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = oe(this.formSchemaUtils);
   }
-  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;
+  getPropertyConfig(e, n) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(e, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, n), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
   }
-  getBasicProperties(e, t) {
-    var m;
+  getBasicProperties(e, n) {
+    var d;
     var o = this;
     this.setDesignViewModelField(e);
-    const i = this.formSchemaUtils.getFormMetadataBasicInfo(), s = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), c = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -686,8 +708,8 @@ class Ve extends Te {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -696,7 +718,7 @@ class Ve extends Te {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: o.designViewModelField ? B.getEditorTypesByMDataType((m = o.designViewModelField.type) == null ? void 0 : m.name) : B.getAllInputTypes()
+            data: o.designViewModelField ? D.getEditorTypesByMDataType((d = o.designViewModelField.type) == null ? void 0 : d.name) : D.getAllInputTypes()
           }
         },
         label: {
@@ -713,7 +735,7 @@ class Ve extends Te {
             bindingType: { enable: !1 },
             editorParams: {
               propertyData: e,
-              formBasicInfo: i
+              formBasicInfo: a
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -721,22 +743,27 @@ class Ve extends Te {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: s
+            data: c
           }
         }
       },
-      setPropertyRelates(u, p) {
-        if (u)
-          switch (u && u.propertyID) {
+      setPropertyRelates(l, i) {
+        if (l)
+          switch (l && l.propertyID) {
             case "type": {
-              o.changeControlType(e, u, t);
+              o.changeControlType(e, l, n);
+              break;
+            }
+            case "label": {
+              l.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(e) {
+  getAppearanceProperties(e, n) {
+    var o = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -757,12 +784,25 @@ class Ve extends Te {
           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: o.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e, o.componentId)
+          }
         }
+      },
+      setPropertyRelates(a, c) {
+        if (a)
+          switch (a && a.propertyID) {
+            case "responseLayout":
+              o.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(a.propertyValue, o.componentId || e.id), o.updateUnifiedLayoutAfterResponseLayoutChanged(o.componentId), o.updateElementByParentContainer(e.id, n), delete e.responseLayout;
+              break;
+            case "class":
+              o.updateUnifiedLayoutAfterControlChanged(a.propertyValue, e.id, this.componentId), o.updateElementByParentContainer(e.id, n);
+              break;
+          }
       }
     };
   }
@@ -774,44 +814,44 @@ class Ve extends Te {
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(e, t, o) {
-    var r, l, c, d;
-    const i = t.propertyValue, s = o && o.parent && o.parent.schema;
-    if (!s)
+  changeControlType(e, n, o) {
+    var p, s, m, y;
+    const a = n.propertyValue, c = o && o.parent && o.parent.schema;
+    if (!c)
       return;
-    const m = s.contents.findIndex((f) => f.id === e.id), u = s.contents[m];
-    let p;
+    const d = c.contents.findIndex((f) => f.id === e.id), l = c.contents[d];
+    let i;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: i
+        $type: a
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), p = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, i)), p || (p = q("form-group") || {}, p.editor = q(i) || {}, delete p.editor.id, delete p.editor.binding, delete p.editor.appearance), Object.assign(p, {
-      id: u.id,
-      appearance: u.appearance,
-      size: u.size,
-      label: u.label,
-      binding: u.binding,
-      visible: u.visible
-    }), Object.assign(p.editor, {
-      isTextArea: p.isTextArea && u.isTextArea,
-      placeholder: (r = u.editor) == null ? void 0 : r.placeholder,
-      holdPlace: (l = u.editor) == null ? void 0 : l.holdPlace,
-      readonly: (c = u.editor) == null ? void 0 : c.readonly,
-      require: (d = u.editor) == null ? void 0 : d.require
-    }), s.contents.splice(m, 1), s.contents.splice(m, 0, p), o.schema = Object.assign(u, p), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+    }, !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: l.id,
+      appearance: l.appearance,
+      size: l.size,
+      label: l.label,
+      binding: l.binding,
+      visible: l.visible
+    }), Object.assign(i.editor, {
+      isTextArea: i.isTextArea && l.isTextArea,
+      placeholder: (p = l.editor) == null ? void 0 : p.placeholder,
+      holdPlace: (s = l.editor) == null ? void 0 : s.holdPlace,
+      readonly: (m = l.editor) == null ? void 0 : m.readonly,
+      require: (y = l.editor) == null ? void 0 : y.require
+    }), c.contents.splice(d, 1), c.contents.splice(d, 0, i), o.schema = Object.assign(l, i), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
       (f) => f.classList.remove("dgComponentSelected")
-    ), we.value++;
+    ), Pe.value++;
   }
-  getComponentConfig(e, t = {}, o = {}) {
-    const i = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+  getComponentConfig(e, n = {}, o = {}) {
+    const a = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, t), s = Object.assign({
+    }, n), c = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -833,15 +873,63 @@ class Ve extends Te {
         type: "string"
       }
     }, o);
-    return { ...i, properties: { ...s } };
+    return { ...a, properties: { ...c } };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(e, n, o) {
+    const a = e.split(" ");
+    let c = a.find((s) => /^col-([1-9]|10|11|12)$/.test(s)), d = a.find((s) => /^col-md-([1-9]|10|11|12)$/.test(s)), l = a.find((s) => /^col-xl-([1-9]|10|11|12)$/.test(s)), i = a.find((s) => /^col-el-([1-9]|10|11|12)$/.test(s));
+    c = c || "col-12", d = d || "col-md-" + c.replace("col-", ""), l = l || "col-xl-" + d.replace("col-md-", ""), i = i || "col-el-" + l.replace("col-xl-", "");
+    const p = {
+      id: n,
+      columnInSM: parseInt(c.replace("col-", ""), 10),
+      columnInMD: parseInt(d.replace("col-md-", ""), 10),
+      columnInLG: parseInt(l.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(i.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(o, p);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(e, n) {
+    const { formNode: o } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
+    if (!o || !o.unifiedLayout)
+      return;
+    const a = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(o, a, 1), n) {
+      const f = a.find((k) => k.id === n.id);
+      Object.assign(f || {}, n);
+    }
+    const c = a.map((f) => f.columnInSM), d = a.map((f) => f.columnInMD), l = a.map((f) => f.columnInLG), i = a.map((f) => f.columnInEL), p = this.checkIsUniqueColumn(c) ? c[0] : null, s = this.checkIsUniqueColumn(d) ? d[0] : null, m = this.checkIsUniqueColumn(l) ? l[0] : null, y = this.checkIsUniqueColumn(i) ? i[0] : null;
+    Object.assign(o.unifiedLayout, {
+      uniqueColClassInSM: p,
+      uniqueColClassInMD: s,
+      uniqueColClassInLG: m,
+      uniqueColClassInEL: y
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(e) {
+    const n = new Set(e);
+    return Array.from(n).length === 1;
   }
 }
-class De extends Ve {
-  constructor(e, t) {
-    super(e, t);
+class Ve 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
       },
@@ -872,118 +960,118 @@ class De extends Ve {
     });
   }
 }
-function Pe(n, e) {
-  n.schema;
-  const t = k(!0), o = k(!0);
-  function i(c) {
+function Be(r, t) {
+  r.schema;
+  const e = M(!0), n = M(!0);
+  function o(s) {
     return !1;
   }
-  function s() {
+  function a() {
     return !1;
   }
-  function m() {
+  function c() {
     return !1;
   }
-  function u() {
+  function d() {
     return !0;
   }
-  function p(c) {
+  function l(s) {
   }
-  function r() {
+  function i() {
   }
-  function l(c) {
+  function p(s) {
     return null;
   }
   return {
-    canAccepts: i,
-    checkCanDeleteComponent: s,
-    checkCanMoveComponent: m,
-    hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: p,
-    resolveComponentContext: r,
-    triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: l
+    canAccepts: o,
+    checkCanDeleteComponent: a,
+    checkCanMoveComponent: c,
+    hideNestedPaddingInDesginerView: d,
+    onAcceptMovedChildElement: l,
+    resolveComponentContext: i,
+    triggerBelongedComponentToMoveWhenMoved: e,
+    triggerBelongedComponentToDeleteWhenDeleted: n,
+    getPropsConfig: p
   };
 }
-function Fe(n, e) {
+function De(r, t) {
   const {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
-    triggerBelongedComponentToDeleteWhenDeleted: r
-  } = Pe(n), l = n.schema;
-  function c(d, f) {
-    return new De(d, e).getPropertyConfig(l, f);
+    canAccepts: e,
+    checkCanDeleteComponent: n,
+    checkCanMoveComponent: o,
+    hideNestedPaddingInDesginerView: a,
+    onAcceptMovedChildElement: c,
+    resolveComponentContext: d,
+    triggerBelongedComponentToMoveWhenMoved: l,
+    triggerBelongedComponentToDeleteWhenDeleted: i
+  } = Be(r), p = r.schema;
+  function s(m, y) {
+    return new Ve(m, t).getPropertyConfig(p, y);
   }
   return {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: c
+    canAccepts: e,
+    checkCanDeleteComponent: n,
+    checkCanMoveComponent: o,
+    hideNestedPaddingInDesginerView: a,
+    onAcceptMovedChildElement: c,
+    resolveComponentContext: d,
+    triggerBelongedComponentToMoveWhenMoved: l,
+    triggerBelongedComponentToDeleteWhenDeleted: i,
+    getPropsConfig: s
   };
 }
-const Se = /* @__PURE__ */ O({
+const Ae = /* @__PURE__ */ N({
   name: "FRadioGroupDesign",
-  props: U,
+  props: O,
   emits: ["changeValue", "update:modelValue"],
-  setup(n, e) {
-    const t = k(n.modelValue), {
-      enumData: o,
-      onClickRadio: i,
-      getValue: s,
-      getText: m
-    } = Q(n, e, t), u = S(() => ({
-      "farris-checkradio-hor": n.horizontal
-    })), p = k(), r = A("designer-host-service"), l = A("design-item-context"), c = Fe(l, r), d = Me(p, l, c);
-    return W(() => {
-      p.value.componentInstance = d;
-    }), e.expose(d.value), () => h("div", {
-      class: ["farris-input-wrap", u.value],
-      ref: p
-    }, [o.value.map((f, g) => {
-      const M = "radio_" + n.name + g;
+  setup(r, t) {
+    const e = M(r.modelValue), {
+      enumData: n,
+      onClickRadio: o,
+      getValue: a,
+      getText: c
+    } = Q(r, t, e), d = B(() => ({
+      "farris-checkradio-hor": r.horizontal
+    })), l = M(), i = L("designer-host-service"), p = L("design-item-context"), s = De(p, i), m = Fe(l, p, s);
+    return z(() => {
+      l.value.componentInstance = m;
+    }), t.expose(m.value), () => h("div", {
+      class: ["farris-input-wrap", d.value],
+      ref: l
+    }, [n.value.map((y, f) => {
+      const k = "radio_" + r.name + f;
       return h("div", {
         class: "custom-control custom-radio"
       }, [h("input", {
         type: "radio",
         class: "custom-control-input",
-        name: n.name,
-        id: M,
-        value: s(f),
-        checked: s(f) === t.value,
-        disabled: n.disabled,
-        tabindex: n.tabIndex,
-        onClick: (T) => i(f, T)
+        name: r.name,
+        id: k,
+        value: a(y),
+        checked: a(y) === e.value,
+        disabled: r.disabled,
+        tabindex: r.tabIndex,
+        onClick: (T) => o(y, T)
       }, null), h("label", {
         class: "custom-control-label",
-        for: M
-      }, [m(f)])]);
+        for: k
+      }, [c(y)])]);
     })]);
   }
 });
-P.install = (n) => {
-  n.component(P.name, P), n.component(L.name, L);
+E.install = (r) => {
+  r.component(E.name, E), r.component(x.name, x);
 };
-P.register = (n, e, t, o) => {
-  n["radio-group"] = P, e["radio-group"] = X;
+E.register = (r, t, e, n) => {
+  r["radio-group"] = E, t["radio-group"] = J;
 };
-P.registerDesigner = (n, e, t) => {
-  n["radio-group"] = Se, e["radio-group"] = X;
+E.registerDesigner = (r, t, e) => {
+  r["radio-group"] = Ae, t["radio-group"] = J;
 };
 export {
-  P as RadioGroup,
-  P as default,
-  X as propsResolver,
-  U as radioGroupProps,
-  ne as radioProps
+  E as RadioGroup,
+  E as default,
+  J as propsResolver,
+  O as radioGroupProps,
+  re as radioProps
 };