@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

package/designer/response-layout-editor/index.esm.js

@@ -1,18 +1,18 @@
-var K = Object.defineProperty;
-var Q = (t, s, i) => s in t ? K(t, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[s] = i;
-var A = (t, s, i) => Q(t, typeof s != "symbol" ? s + "" : s, i);
-import { responseLayoutEditorSettingProps as Z, ResponseLayoutEditorSetting as _ } from "../../components/response-layout-editor/index.esm.js";
-import { defineComponent as B, ref as u, watch as R, onBeforeMount as H, createVNode as a, createTextVNode as N, computed as U, onMounted as q, inject as Y, provide as ee } from "vue";
-import { FModalService as te } from "../../components/modal/index.esm.js";
-import { useDesignerComponent as ne, DgControl as X } from "../../components/designer-canvas/index.esm.js";
+var Q = Object.defineProperty;
+var Z = (t, s, i) => s in t ? Q(t, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[s] = i;
+var A = (t, s, i) => Z(t, typeof s != "symbol" ? s + "" : s, i);
+import { responseLayoutEditorSettingProps as _, ResponseLayoutEditorSetting as ee } from "../../components/response-layout-editor/index.esm.js";
+import { defineComponent as B, ref as u, watch as R, onBeforeMount as H, createVNode as a, createTextVNode as N, computed as U, onMounted as q, inject as J, provide as te } from "vue";
+import { FModalService as ne } from "../../components/modal/index.esm.js";
+import { useDesignerComponent as ae, DgControl as X } from "../../components/designer-canvas/index.esm.js";
 import { cloneDeep as G } from "lodash-es";
-import ae from "../../components/capsule/index.esm.js";
-import oe from "../../components/switch/index.esm.js";
-import le from "../../components/combo-list/index.esm.js";
-import re from "../../components/radio-button/index.esm.js";
-import ie from "../../components/rate/index.esm.js";
-import { resolveAppearance as ue, createPropsResolver as se } from "../../components/dynamic-resolver/index.esm.js";
-const ce = {
+import oe from "../../components/capsule/index.esm.js";
+import le from "../../components/switch/index.esm.js";
+import re from "../../components/combo-list/index.esm.js";
+import ie from "../../components/radio-button/index.esm.js";
+import ue from "../../components/rate/index.esm.js";
+import { resolveAppearance as se, createPropsResolver as ce } from "../../components/dynamic-resolver/index.esm.js";
+const de = {
   /** 接受传入的原始数据的defaultState */
   initialState: { type: Object },
   /** 页面高度 */
@@ -22,10 +22,10 @@ const ce = {
   modelValue: { type: Object },
   /** 打开弹窗前进行校验 */
   beforeOpen: { type: Object }
-}, de = {
+}, fe = {
   /** 接受传入的原始数据的defaultState */
   initialState: { type: Object, default: {} }
-}, fe = {
+}, ve = {
   /** 记录默认模式及分组状态 */
   defaultStates: { type: Object, default: { mode: "" } },
   /** 当前开关模式 */
@@ -37,9 +37,9 @@ const ce = {
   /** 用户设置的屏幕分辨率缩写变化-例:中等屏幕 */
   onScreenNameChanged: { type: Function, default: () => {
   } }
-}, ve = /* @__PURE__ */ B({
+}, me = /* @__PURE__ */ B({
   name: "FScreenResolutionSelector",
-  props: fe,
+  props: ve,
   emits: ["screenNameChanged", "currentScreenResolutionChanged", "switchInStandardModeChanged"],
   setup(t, s) {
     const i = u([{
@@ -62,25 +62,25 @@ const ce = {
       code: "EL",
       value: "EL",
       active: !1
-    }]), r = u(t.defaultStates), n = u("MD"), S = u("中等屏幕"), p = u(!0);
-    function y(h) {
+    }]), r = u(t.defaultStates), n = u("MD"), S = u("中等屏幕"), h = u(!0);
+    function y(v) {
       i.value.forEach((e) => {
-        e.active = e.code === h, e.active && (n.value = e.code, S.value = e.name, s.emit("screenNameChanged", S.value), s.emit("currentScreenResolutionChanged", n.value));
+        e.active = e.code === v, e.active && (n.value = e.code, S.value = e.name, s.emit("screenNameChanged", S.value), s.emit("currentScreenResolutionChanged", n.value));
       });
     }
     function I() {
-      s.emit("switchInStandardModeChanged", p.value);
+      s.emit("switchInStandardModeChanged", h.value);
     }
-    R(p, () => {
+    R(h, () => {
     }), H(() => {
-      r.value.model === "standard" ? p.value = !0 : (p.value = !1, I());
+      r.value.model === "standard" ? h.value = !0 : (h.value = !1, I());
     });
     function C() {
-      return a(ae, {
+      return a(oe, {
         class: "f-layout-editor-screen-resolution-selector-frame",
         items: i.value,
         modelValue: n.value,
-        "onUpdate:modelValue": (h) => n.value = h,
+        "onUpdate:modelValue": (v) => n.value = v,
         onChange: y
       }, null);
     }
@@ -92,18 +92,18 @@ const ce = {
       class: "f-layout-editor-screen-resolution-selector-form"
     }, [N("表单布局配置")])]), C(), a("div", {
       class: "f-layout-editor-screen-resolution-selector-switch"
-    }, [a(oe, {
+    }, [a(le, {
       class: "f-layout-editor-show-switch",
-      modelValue: p.value,
-      "onUpdate:modelValue": (h) => p.value = h,
+      modelValue: h.value,
+      "onUpdate:modelValue": (v) => h.value = v,
       onModelValueChanged: I
-    }, null), p.value ? a("div", {
+    }, null), h.value ? a("div", {
       class: "f-layout-editor-show-switch-label"
     }, [N("标准模式")]) : a("div", {
       class: "f-layout-editor-show-switch-label"
     }, [N("自定义模式")])])]);
   }
-}), me = {
+}), pe = {
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 模式开关 */
@@ -112,21 +112,21 @@ const ce = {
   currentArea: { type: Object, default: [] },
   /** 接受组件列表区传入的二维数组 */
   twoDimensionalArray: { type: Array, default: [] }
-}, pe = {
+}, he = {
   /** 单个组件的预览状态 */
   item: { type: Object, default: {} },
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 接受switch状态，若为自定义模式，则需要改变Col-num的num来源；*/
   switchInStandardMode: { type: Boolean, default: !1 }
-}, he = /* @__PURE__ */ B({
+}, ge = /* @__PURE__ */ B({
   name: "FColumnWidthView",
-  props: pe,
+  props: he,
   emits: [],
   setup(t, s) {
     const i = u(t.item), r = u(t.currentScreenResolution), n = U(() => `col-${i.value[`columnIn${r.value}`]}`);
-    return R([() => t.item, () => t.currentScreenResolution], ([S, p], [y, I]) => {
-      S !== y && (i.value = S), p !== I && (r.value = p);
+    return R([() => t.item, () => t.currentScreenResolution], ([S, h], [y, I]) => {
+      S !== y && (i.value = S), h !== I && (r.value = h);
     }), () => a("div", {
       class: n.value
     }, [a("div", {
@@ -136,12 +136,12 @@ const ce = {
       class: "f-layout-editor-column-width-view-label"
     }, [i.value.label])])]);
   }
-}), ge = /* @__PURE__ */ B({
+}), ye = /* @__PURE__ */ B({
   name: "FPreview",
-  props: me,
+  props: pe,
   emits: ["update:twoDimensionalArray"],
   setup(t, s) {
-    const i = u(t.currentScreenResolution), r = u(t.switchInStandardMode), n = u(t.currentArea), S = u(t.twoDimensionalArray), p = u([]);
+    const i = u(t.currentScreenResolution), r = u(t.switchInStandardMode), n = u(t.currentArea), S = u(t.twoDimensionalArray), h = u([]);
     R([() => t.currentArea, () => t.switchInStandardMode, () => t.currentScreenResolution], ([e, o, c], [d, m, w]) => {
       e !== d && (n.value = e), o !== m && (r.value = o), c !== w && (i.value = c);
     });
@@ -155,20 +155,20 @@ const ce = {
     function I() {
       const e = [];
       let o = 1;
-      return p.value.forEach((c) => {
+      return h.value.forEach((c) => {
         const d = y(c, o);
         o += d.length, e.push(d);
       }), e;
     }
     function C() {
-      p.value = G(S.value), p.value = I();
+      h.value = G(S.value), h.value = I();
     }
     R(() => t.twoDimensionalArray, () => {
       S.value = t.twoDimensionalArray, C();
     }), q(() => {
       C();
     });
-    function h() {
+    function v() {
       if (r.value)
         return "";
       const e = Array.from({
@@ -186,15 +186,15 @@ const ce = {
       class: "f-layout-editor-preview f-utils-fill-flex-column"
     }, [a("div", {
       class: "f-layout-editor-preview-header"
-    }, [N("预览区")]), h(), a("div", {
+    }, [N("预览区")]), v(), a("div", {
       class: "f-layout-editor-preview-view f-utils-overflow-xhya"
     }, [a("div", {
       class: "f-layout-editor-preview-row-group"
-    }, [p.value.map((e) => {
+    }, [h.value.map((e) => {
       var o, c;
       return ((o = e[0][0]) == null ? void 0 : o.group.toString()) === ((c = n.value[0]) == null ? void 0 : c.id) && e.map((d) => a("div", {
         class: "f-layout-editor-row"
-      }, [d.map((m) => a(he, {
+      }, [d.map((m) => a(ge, {
         item: m,
         "onUpdate:item": (w) => m = w,
         currentScreenResolution: i.value,
@@ -202,7 +202,7 @@ const ce = {
       }, null))]));
     })])])]);
   }
-}), ye = {
+}), Se = {
   /** 用户切换屏幕分辨率-缩写-例:MD； */
   currentScreenResolution: { type: String, default: "" },
   /** 检测用户是否切换模式 */
@@ -220,7 +220,7 @@ const ce = {
   onOriginalDataChanged: { type: Function, default: () => {
   } }
 };
-function Se(t, s) {
+function Ce(t, s) {
   const i = u(-1), r = u(!1);
   function n(e) {
     if (e.target.offsetParent) {
@@ -236,7 +236,7 @@ function Se(t, s) {
       });
     }
   }
-  function p(e, o) {
+  function h(e, o) {
     e.stopPropagation(), n(e), S(o);
   }
   function y(e) {
@@ -252,18 +252,18 @@ function Se(t, s) {
   function C(e) {
     e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
   }
-  function h(e, o) {
+  function v(e, o) {
     o && (o.moving = !1), r.value = !1;
   }
   return {
-    dragstart: p,
+    dragstart: h,
     dragenter: I,
     dragover: C,
-    dragend: h,
+    dragend: v,
     isDragging: r
   };
 }
-const Ce = {
+const we = {
   /** 默认屏幕分辨率对应的英文缩写 */
   currentScreenResolution: { type: String, default: "" },
   /** 传入的单个控件的响应式列宽值 */
@@ -273,9 +273,9 @@ const Ce = {
   /** 列数值变化事件 */
   fieldChanged: { type: Function, default: () => {
   } }
-}, we = /* @__PURE__ */ B({
+}, Ie = /* @__PURE__ */ B({
   name: "FColumnWidthEditor",
-  props: Ce,
+  props: we,
   emits: ["fieldChanged"],
   setup(t, s) {
     const i = {
@@ -283,14 +283,14 @@ const Ce = {
       MD: ["1", "2"],
       LG: ["1", "2", "3", "4"],
       EL: ["1", "2", "3", "4", "5", "6"]
-    }, r = u(t.currentScreenResolution), n = u(t.field), S = u(t.switchInStandardMode), p = u(), y = u(""), I = u(), C = u("customize"), h = u(), e = Y("ResponseLayoutEditorDraggableComposition"), {
+    }, r = u(t.currentScreenResolution), n = u(t.field), S = u(t.switchInStandardMode), h = u(), y = u(""), I = u(), C = u("customize"), v = u(), e = J("ResponseLayoutEditorDraggableComposition"), {
       dragstart: o,
       dragenter: c,
       dragover: d,
       dragend: m
     } = e;
     function w() {
-      p.value = i == null ? void 0 : i[r.value], S.value ? (y.value = `displayWidthIn${r.value}`, C.value = `${n.value[y.value]}`) : (y.value = `columnIn${r.value}`, h.value = n.value[y.value]);
+      h.value = i == null ? void 0 : i[r.value], S.value ? (y.value = `displayWidthIn${r.value}`, C.value = `${n.value[y.value]}`) : (y.value = `columnIn${r.value}`, v.value = n.value[y.value]);
     }
     function D(g) {
       if (S.value === !0) {
@@ -301,12 +301,12 @@ const Ce = {
       }
     }
     function b(g) {
-      h.value = g;
+      v.value = g;
       const M = n.value[`columnIn${r.value}`] / n.value[`displayWidthIn${r.value}`];
-      n.value[`columnIn${r.value}`] = h.value, n.value[`displayWidthIn${r.value}`] = h.value / M, s.emit("fieldChanged", n.value);
+      n.value[`columnIn${r.value}`] = v.value, n.value[`displayWidthIn${r.value}`] = v.value / M, s.emit("fieldChanged", n.value);
     }
     function W() {
-      return a(ie, {
+      return a(ue, {
         enableHalf: !0,
         size: "extraLarge",
         pointSystem: 12,
@@ -314,17 +314,17 @@ const Ce = {
         lightColor: "#5D89FE",
         darkColor: "#e7e9f3",
         iconClass: "f-icon-column-rectangle",
-        modelValue: h.value,
-        "onUpdate:modelValue": (g) => h.value = g,
+        modelValue: v.value,
+        "onUpdate:modelValue": (g) => v.value = g,
         enableScore: !1,
-        onSelectedValue: () => b(h.value)
+        onSelectedValue: () => b(v.value)
       }, null);
     }
     function L() {
       const g = [];
-      p.value = i == null ? void 0 : i[r.value];
+      h.value = i == null ? void 0 : i[r.value];
       const M = n.value[`displayWidthIn${r.value}`];
-      return p.value.forEach(($) => {
+      return h.value.forEach(($) => {
         const O = {
           text: $,
           active: M.toString() === $
@@ -334,7 +334,7 @@ const Ce = {
     }
     function E() {
       const g = L();
-      return a(re, {
+      return a(ie, {
         enumData: g,
         suffixValue: "列",
         onSelectedValueChanged: D
@@ -369,7 +369,7 @@ const Ce = {
         class: "f-layout-editor-column-width-editor-rectangle"
       }, [W(), a("div", {
         class: "f-layout-editor-rate-show-column"
-      }, [h.value, N("列")]), a("span", {
+      }, [v.value, N("列")]), a("span", {
         class: "f-layout-editor-drag-handler f-icon f-icon-drag-vertical",
         draggable: "true",
         onDragstart: (g) => o(g, n.value)
@@ -385,34 +385,34 @@ const Ce = {
       }, [(M = n == null ? void 0 : n.value) == null ? void 0 : M.label]), f()]);
     }
     return R(() => [t.field, t.switchInStandardMode, t.currentScreenResolution], ([g, M, $], [O, j, l]) => {
-      $ !== l && (r.value = $, p.value = i[r.value], w()), M !== j && (S.value = M), S.value === !1 && w(), g !== O && (n.value = g);
+      $ !== l && (r.value = $, h.value = i[r.value], w()), M !== j && (S.value = M), S.value === !1 && w(), g !== O && (n.value = g);
     }), q(() => {
       w();
     }), () => a("div", {
       class: "f-layout-editor-column-width-editor"
     }, [P(), T()]);
   }
-}), Ie = /* @__PURE__ */ B({
+}), De = /* @__PURE__ */ B({
   name: "FFieldList",
-  props: ye,
+  props: Se,
   emits: ["update:currentArea", "twoDimensionalArrayChanged", "originalDataChanged"],
   setup(t, s) {
-    const i = u(t.currentScreenResolution), r = u(t.switchInStandardMode), n = u(t.originalData), S = u(t.originalDataCopy), p = u(t.defaultStates), y = u(""), I = u([]), C = u(t.currentArea), h = u(0), e = u(), o = u(0), c = u("1"), d = u([]);
+    const i = u(t.currentScreenResolution), r = u(t.switchInStandardMode), n = u(t.originalData), S = u(t.originalDataCopy), h = u(t.defaultStates), y = u(""), I = u([]), C = u(t.currentArea), v = u(0), e = u(), o = u(0), c = u("1"), d = u([]);
     function m() {
       const l = [];
-      return n.value.forEach((v) => {
-        l.indexOf(v.group) === -1 && l.push(v.group);
+      return n.value.forEach((p) => {
+        l.indexOf(p.group) === -1 && l.push(p.group);
       }), l;
     }
     function w() {
-      c.value = p.value.defaultGroupNumber.toString(), y.value = `区域${c.value}`, C.value = [I.value[Number(c.value) - 1]], s.emit("update:currentArea", C.value);
+      c.value = h.value.defaultGroupNumber.toString(), y.value = `区域${c.value}`, C.value = [I.value[Number(c.value) - 1]], s.emit("update:currentArea", C.value);
     }
     function D() {
-      var v;
+      var p;
       const l = m();
       for (let F = 0; F < l.length; F++) {
         const x = {
-          id: (v = l[F]) == null ? void 0 : v.toString(),
+          id: (p = l[F]) == null ? void 0 : p.toString(),
           label: "区域" + l[F]
         };
         I.value.push(x);
@@ -422,38 +422,38 @@ const Ce = {
     function b() {
       let l = [];
       e.value = [];
-      let v = 1;
+      let p = 1;
       n.value.forEach((F) => {
-        F.group === v || (v += 1, e.value.push(l), l = []), l.push(F);
+        F.group === p || (p += 1, e.value.push(l), l = []), l.push(F);
       }), e.value.push(l);
     }
-    function W(l, v) {
+    function W(l, p) {
       let x = 12;
-      return h.value = 1 + v, l.forEach((V) => {
+      return v.value = 1 + p, l.forEach((V) => {
         V.showTopBorder = 0;
         const k = V[`columnIn${i.value}`];
-        x >= k ? (V.componentRow = h.value, x -= k) : (h.value += 1, V.componentRow = h.value, x = 12 - k, V.showTopBorder = 1);
+        x >= k ? (V.componentRow = v.value, x -= k) : (v.value += 1, V.componentRow = v.value, x = 12 - k, V.showTopBorder = 1);
       }), l[0].showTopBorder = 1, l;
     }
     function L(l) {
-      let v = [];
+      let p = [];
       for (const F of l)
-        v = v.concat(F);
-      n.value = G(v), o.value = 0;
+        p = p.concat(F);
+      n.value = G(p), o.value = 0;
     }
     function E() {
       e.value[C.value[0].id - 1] = G(d.value);
       const l = [];
-      o.value = 0, e.value.forEach((v) => {
-        const F = W(v, o.value);
+      o.value = 0, e.value.forEach((p) => {
+        const F = W(p, o.value);
         l.push(F), o.value = F[F.length - 1].componentRow;
       }), L(l);
     }
     function P() {
       b();
       const l = [];
-      return o.value = 0, e.value.forEach((v) => {
-        const F = W(v, o.value);
+      return o.value = 0, e.value.forEach((p) => {
+        const F = W(p, o.value);
         l.push(F), o.value = F[F.length - 1].componentRow;
       }), s.emit("twoDimensionalArrayChanged", e.value), L(l), n.value;
     }
@@ -466,15 +466,15 @@ const Ce = {
       n.value = G(P()), s.emit("originalDataChanged", n.value);
     }
     function g(l) {
-      d.value.forEach((v) => {
-        v.id === l.id && Object.assign(v, l);
+      d.value.forEach((p) => {
+        p.id === l.id && Object.assign(p, l);
       }), E(), T(), f();
     }
     function M(l) {
-      for (let v = 0; v < l.length; v++)
+      for (let p = 0; p < l.length; p++)
         C.value = [{
-          id: l[v].id,
-          label: l[v].label
+          id: l[p].id,
+          label: l[p].label
         }];
       s.emit("update:currentArea", C.value), f(), E();
     }
@@ -485,7 +485,7 @@ const Ce = {
         class: "f-layout-editor-field-list-header"
       }, [N("组件列表")]), a("div", {
         class: "f-layout-editor-choose-group"
-      }, [a(le, {
+      }, [a(re, {
         modelValue: c.value,
         "onUpdate:modelValue": (l) => c.value = l,
         placeholder: "当前可编辑组",
@@ -500,31 +500,31 @@ const Ce = {
     function O() {
       return a("div", {
         class: "f-layout-editor-field-list-content f-utils-overflow-xhya"
-      }, [d.value.map((l) => a(we, {
+      }, [d.value.map((l) => a(Ie, {
         key: l.label,
         currentScreenResolution: i.value,
         field: l,
-        "onUpdate:field": (v) => l = v,
+        "onUpdate:field": (p) => l = p,
         switchInStandardMode: r.value,
-        "onUpdate:switchInStandardMode": (v) => r.value = v,
+        "onUpdate:switchInStandardMode": (p) => r.value = p,
         onFieldChanged: g
       }, null))]);
     }
-    const j = Se(d, () => {
+    const j = Ce(d, () => {
       E(), T(), f();
     });
-    return ee("ResponseLayoutEditorDraggableComposition", j), R(() => t.currentArea, (l, v) => {
-      l !== v && (C.value = t.currentArea, f());
-    }), R(C, (l, v) => {
-      l !== v && f();
-    }), R(() => t.currentGroup, (l, v) => {
-      l !== v && (y.value = t.currentGroup);
-    }), R(() => t.currentScreenResolution, (l, v) => {
-      l !== v && (i.value = t.currentScreenResolution, T(), b(), C.value[0] && (d.value = G(e.value[Number(C.value[0].id) - 1])));
-    }), R(() => t.switchInStandardMode, (l, v) => {
-      l !== v && (r.value = t.switchInStandardMode, n.value = G(S.value));
-    }), R(p, (l, v) => {
-      l !== v && T();
+    return te("ResponseLayoutEditorDraggableComposition", j), R(() => t.currentArea, (l, p) => {
+      l !== p && (C.value = t.currentArea, f());
+    }), R(C, (l, p) => {
+      l !== p && f();
+    }), R(() => t.currentGroup, (l, p) => {
+      l !== p && (y.value = t.currentGroup);
+    }), R(() => t.currentScreenResolution, (l, p) => {
+      l !== p && (i.value = t.currentScreenResolution, T(), b(), C.value[0] && (d.value = G(e.value[Number(C.value[0].id) - 1])));
+    }), R(() => t.switchInStandardMode, (l, p) => {
+      l !== p && (r.value = t.switchInStandardMode, n.value = G(S.value));
+    }), R(h, (l, p) => {
+      l !== p && T();
     }), H(() => {
       D(), P(), f();
     }), () => a("div", {
@@ -541,15 +541,15 @@ const Ce = {
       }, [$(), O()])
     )]);
   }
-}), De = /* @__PURE__ */ B({
+}), be = /* @__PURE__ */ B({
   name: "FResponseLayoutEditor",
-  props: de,
+  props: fe,
   emits: ["close", "submit"],
   setup(t, s) {
-    const i = u(t.initialState), r = u(), n = u(), S = u(""), p = u(""), y = u(!0), I = u([{
+    const i = u(t.initialState), r = u(), n = u(), S = u(""), h = u(""), y = u(!0), I = u([{
       id: "1",
       label: "区域1"
-    }]), C = u([]), h = u();
+    }]), C = u([]), v = u();
     u(t.width), u(t.height), R(() => t.initialState, (f) => {
       i.value = f;
     }), R([() => t.currentArea, () => t.switchInStandardMode], ([f, T], [g, M]) => {
@@ -559,7 +559,7 @@ const Ce = {
       S.value = f;
     }
     function o(f) {
-      p.value = f;
+      h.value = f;
     }
     function c(f) {
       y.value = f;
@@ -580,12 +580,12 @@ const Ce = {
       s.emit("submit", r.value);
     }
     function W() {
-      return a(Ie, {
+      return a(De, {
         class: "f-utils-fill-flex-column",
         defaultStates: n.value,
-        originalDataCopy: h.value,
-        currentScreenResolution: p.value,
-        "onUpdate:currentScreenResolution": (f) => p.value = f,
+        originalDataCopy: v.value,
+        currentScreenResolution: h.value,
+        "onUpdate:currentScreenResolution": (f) => h.value = f,
         originalData: r.value,
         "onUpdate:originalData": (f) => r.value = f,
         switchInStandardMode: y.value,
@@ -598,12 +598,12 @@ const Ce = {
       }, null);
     }
     function L() {
-      return a(ge, {
+      return a(ye, {
         class: "f-utils-fill-flex-column",
         currentArea: I.value,
         "onUpdate:currentArea": (f) => I.value = f,
-        currentScreenResolution: p.value,
-        "onUpdate:currentScreenResolution": (f) => p.value = f,
+        currentScreenResolution: h.value,
+        "onUpdate:currentScreenResolution": (f) => h.value = f,
         switchInStandardMode: y.value,
         twoDimensionalArray: C.value,
         "onUpdate:twoDimensionalArray": (f) => C.value = f
@@ -611,12 +611,12 @@ const Ce = {
     }
     const E = U(() => y.value ? "f-layout-editor-left-standard f-utils-fill-flex-column" : "f-layout-editor-left-customize f-utils-fill-flex-column"), P = U(() => y.value ? "f-layout-editor-right-standard f-utils-fill-flex-column" : "f-layout-editor-right-customize f-utils-fill-flex-column");
     return H(() => {
-      r.value = G(i.value.importData), h.value = G(i.value.importData), n.value = i.value.defaultState, S.value = "中等屏幕", p.value = "MD";
+      r.value = G(i.value.importData), v.value = G(i.value.importData), n.value = i.value.defaultState, S.value = "中等屏幕", h.value = "MD";
     }), (f) => a("div", {
       class: "f-layout-editor f-utils-flex-column"
     }, [a("div", {
       class: "f-layout-editor-top"
-    }, [a(ve, {
+    }, [a(me, {
       defaultStates: n.value,
       onScreenNameChanged: e,
       onCurrentScreenResolutionChanged: o,
@@ -649,17 +649,17 @@ const Ce = {
   }
 }), z = /* @__PURE__ */ B({
   name: "FResponseLayoutEditorSettingDesign",
-  props: ce,
+  props: de,
   emits: [],
   setup(t, s) {
-    const i = u(t.initialState), r = u(t.width), n = u(t.height), S = u(), p = Y("design-item-context"), y = ne(S, p);
+    const i = u(t.initialState), r = u(t.width), n = u(t.height), S = u(), h = J("design-item-context"), y = ae(S, h);
     q(() => {
       S.value.componentInstance = y;
     }), s.expose(y.value);
     function I() {
-      const C = te.show({
+      const C = ne.show({
         // title: '响应式列宽编辑器',
-        render: () => a(De, {
+        render: () => a(be, {
           initialState: i,
           width: r,
           height: n
@@ -695,25 +695,25 @@ const Ce = {
       class: "f-column-width-setting-button-center"
     }, [N("高级设置")])])]);
   }
-}), be = /* @__PURE__ */ new Map([
-  ["appearance", ue]
+}), Me = /* @__PURE__ */ new Map([
+  ["appearance", se]
 ]);
-function Me(t, s, i, r) {
+function Fe(t, s, i, r) {
   const n = t.getSchemaByType("section");
   return n.id = `${r}-section`, n.appearance = { class: "f-section-form f-section-in-main" }, n.mainTitle = "标题", n.contents = [s], n;
 }
-function Fe(t, s, i, r) {
+function Ae(t, s, i, r) {
   const n = t.getSchemaByType("component");
   return n.id = `${r}-component`, n.componentType = "form-col-1", n.appearance = {
     class: "f-struct-form f-struct-wrapper"
   }, n.contents = [s], n;
 }
-function Ae(t, s, i) {
+function Ee(t, s, i) {
   s.appearance = { class: "f-form-layout farris-form farris-form-controls-inline" };
-  const r = Me(t, s, i, s.id);
-  return Fe(t, r, i, s.id);
+  const r = Fe(t, s, i, s.id);
+  return Ae(t, r, i, s.id);
 }
-const Ee = "https://json-schema.org/draft/2020-12/schema", Re = "https://farris-design.gitee.io/response-layout-editor-setting.schema.json", Ne = "response-layout-editor-setting", Le = "A Farris Data Collection Component", Te = "object", We = {
+const Re = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-design.gitee.io/response-layout-editor-setting.schema.json", Le = "response-layout-editor-setting", Te = "A Farris Data Collection Component", We = "object", $e = {
   id: {
     description: "The unique identifier for response layout editor",
     type: "string"
@@ -742,18 +742,18 @@ const Ee = "https://json-schema.org/draft/2020-12/schema", Re = "https://farris-
     description: "",
     type: "function"
   }
-}, $e = [
+}, Ge = [
   "id",
   "type"
-], Ge = {
-  $schema: Ee,
-  $id: Re,
-  title: Ne,
-  description: Le,
-  type: Te,
-  properties: We,
-  required: $e
-}, Pe = "response-form", Be = "A Farris Component", Oe = "object", xe = {
+], Pe = {
+  $schema: Re,
+  $id: Ne,
+  title: Le,
+  description: Te,
+  type: We,
+  properties: $e,
+  required: Ge
+}, Be = "response-form", Oe = "A Farris Component", xe = "object", Ve = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -775,13 +775,13 @@ const Ee = "https://json-schema.org/draft/2020-12/schema", Re = "https://farris-
       }
     }
   }
-}, Ve = {
-  title: Pe,
-  description: Be,
-  type: Oe,
-  categories: xe
+}, je = {
+  title: Be,
+  description: Oe,
+  type: xe,
+  categories: Ve
 };
-class je {
+class Y {
   constructor() {
     /** 控件标题 */
     A(this, "label", "");
@@ -815,8 +815,8 @@ function et(t) {
   let s, i;
   const r = /* @__PURE__ */ new Map();
   let n = [];
-  function S(h, e) {
-    const c = h.split(" ").filter((b) => b.startsWith("col-"));
+  function S(v, e) {
+    const c = ((v == null ? void 0 : v.split(" ")) || []).filter((b) => b.startsWith("col-"));
     if (c.length === 0) {
       e.isSupportedClass = !1;
       return;
@@ -824,33 +824,40 @@ function et(t) {
     let d = c.find((b) => /^col-([1-9]|10|11|12)$/.test(b)), m = c.find((b) => /^col-md-([1-9]|10|11|12)$/.test(b)), w = c.find((b) => /^col-xl-([1-9]|10|11|12)$/.test(b)), D = c.find((b) => /^col-el-([1-9]|10|11|12)$/.test(b));
     d = d || "col-12", e.columnInSM = parseInt(d.replace("col-", ""), 10), e.displayWidthInSM = e.columnInSM / 12, e.displayWidthInSM !== 1 && (e.isSupportedClass = !1), m = m || "col-md-" + e.columnInSM, e.columnInMD = parseInt(m.replace("col-md-", ""), 10), e.displayWidthInMD = e.columnInMD / 6, [1, 2].includes(e.displayWidthInMD) || (e.isSupportedClass = !1), w = w || "col-xl-" + e.columnInMD, e.columnInLG = parseInt(w.replace("col-xl-", ""), 10), e.displayWidthInLG = e.columnInLG / 3, [1, 2, 3, 4].includes(e.displayWidthInLG) || (e.isSupportedClass = !1), D = D || "col-el-" + e.columnInLG, e.columnInEL = parseInt(D.replace("col-el-", ""), 10), e.displayWidthInEL = e.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(e.displayWidthInEL) || (e.isSupportedClass = !1);
   }
-  function p(h, e, o, c = !1) {
+  function h(v, e, o, c = !1) {
     let d = !1;
-    h.contents.forEach((m) => {
+    if (!v.contents || v.contents.length === 0) {
+      const m = new Y();
+      S(v.layout, m), e.push(m);
+      return;
+    }
+    v.contents.forEach((m) => {
       if (m.type === "fieldset") {
-        o += 1, p(m, e, o, !0), d = !0;
+        o += 1, h(m, e, o, !0), d = !0;
         return;
       }
+      if (m.type === "dynamic-form")
+        return;
       d && (o += 1, d = !1);
-      const w = m.appearance && m.appearance.class, D = new je();
-      w ? S(w, D) : D.isSupportedClass = !1, D.label = m.label || m.id, D.id = m.id, D.group = o, c && (D.fieldSetId = h.id), i === m.id && (s = o), r.set(m.id, m), e.push(D);
+      const w = m.appearance && m.appearance.class, D = new Y();
+      w ? S(w, D) : D.isSupportedClass = !1, D.label = m.label || m.id, D.id = m.id, D.group = o, c && (D.fieldSetId = v.id), i === m.id && (s = o), r.set(m.id, m), e.push(D);
     });
   }
-  function y(h) {
-    const e = t.getComponentById(h);
+  function y(v) {
+    const e = t.getComponentById(v);
     if (!e || !e.componentType || !e.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
     const o = t.selectNode(e, (c) => c.type === X["response-form"].type);
     return !o || !o.contents || o.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: o };
   }
-  function I(h, e) {
-    e = e || h.id;
+  function I(v, e) {
+    e = e || v.id;
     const { result: o, message: c, formNode: d } = y(e);
     if (!o)
       return { result: o, message: c };
-    i = h.id, n = [], r.clear();
+    i = v.id, n = [], r.clear();
     const m = d.contents[0].type === X.fieldset.type ? 0 : 1;
-    p(d, n, m);
+    h(d, n, m);
     const w = n.find((b) => !b.isSupportedClass);
     return {
       defaultState: {
@@ -860,13 +867,13 @@ function et(t) {
       importData: n
     };
   }
-  function C(h, e) {
+  function C(v, e) {
     e = e;
     const { result: o, formNode: c } = y(e);
     if (!o)
       return "";
     const d = [];
-    return h.forEach((m) => {
+    return v.forEach((m) => {
       var b;
       const w = r.get(m.id), D = w.appearance && w.appearance.class;
       if (D) {
@@ -884,18 +891,18 @@ function et(t) {
     checkCanFindFormNode: y,
     checkCanOpenLayoutEditor: I,
     changeFormControlsByResponseLayoutConfig: C,
-    getResonseFormLayoutConfig: p
+    getResonseFormLayoutConfig: h
   };
 }
-const J = se(Z, Ge, be, Ae, Ve);
+const K = ce(_, Pe, Me, Ee, je);
 z.register = (t, s, i, r) => {
-  t["response-layout-editor-setting"] = _, s["response-layout-editor-setting"] = J;
+  t["response-layout-editor-setting"] = ee, s["response-layout-editor-setting"] = K;
 };
 z.registerDesigner = (t, s, i) => {
-  t["response-layout-editor-setting"] = z, s["response-layout-editor-setting"] = J;
+  t["response-layout-editor-setting"] = z, s["response-layout-editor-setting"] = K;
 };
 export {
   z as default,
-  J as propsResolver,
+  K as propsResolver,
   et as useResponseLayoutEditorSetting
 };