@kp-ui/lowcode 2.15.0-alpha.3 → 2.15.0-alpha.4

package/src/components/form-render/container-items/grid-sub-form-widget.vue.js

@@ -1,118 +1,7 @@
-import g from "./grid-sub-form-widget.vue2.js";
-import { resolveComponent as h, createBlock as l, openBlock as d, withCtx as t, withDirectives as s, createElementVNode as o, createElementBlock as m, Fragment as v, renderList as u, toDisplayString as b, createVNode as i, vShow as _, createCommentVNode as f, createTextVNode as k } from "vue";
+import o from "./grid-sub-form-widget.vue2.js";
 /* empty css                          */
-import F from "../../../../_virtual/_plugin-vue_export-helper.js";
-const S = { class: "sub-form-container" }, R = { class: "row-no-column" }, C = { class: "row-number-span" }, D = { class: "grid-sub-form-data-row" }, y = { class: "sub-form-action-column hide-label" }, L = { class: "action-button-column" }, W = { class: "header-row" };
-function x(A, I, r, e, N, V) {
-  const c = h("a-button");
-  return d(), l(e.ContainerWrapper, { widget: r.widget }, {
-    default: t(() => [
-      s(o(
-        "div",
-        S,
-        [
-          (d(!0), m(
-            v,
-            null,
-            u(e.rowIdData, (a, n) => (d(), m("div", {
-              class: "sub-form-row",
-              key: a
-            }, [
-              o("div", R, [
-                o(
-                  "span",
-                  C,
-                  "#" + b(n + 1),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              o("div", D, [
-                i(e.RenderWigetList, {
-                  widgetList: r.widget.widgetList || [],
-                  parentWidget: r.widget,
-                  subFormRowIndex: n,
-                  subFormRowId: a
-                }, null, 8, ["widgetList", "parentWidget", "subFormRowIndex", "subFormRowId"])
-              ]),
-              o("div", y, [
-                s(o(
-                  "div",
-                  L,
-                  [
-                    i(c, {
-                      type: "link",
-                      title: e.i18nt("render.hint.insertSubFormRow"),
-                      disabled: e.actionDisabled || e.insertDisabled,
-                      onClick: (w) => e.insertSubFormRow(n)
-                    }, {
-                      icon: t(() => [
-                        i(e.SvgIcon, { "icon-class": "icon-el-plus" })
-                      ]),
-                      _: 2
-                      /* DYNAMIC */
-                    }, 1032, ["title", "disabled", "onClick"]),
-                    i(c, {
-                      type: "link",
-                      title: e.i18nt("render.hint.deleteSubFormRow"),
-                      disabled: e.actionDisabled || e.deleteDisabled,
-                      onClick: (w) => e.deleteSubFormRow(n)
-                    }, {
-                      icon: t(() => [
-                        i(e.SvgIcon, { "icon-class": "icon-el-delete" })
-                      ]),
-                      _: 2
-                      /* DYNAMIC */
-                    }, 1032, ["title", "disabled", "onClick"])
-                  ],
-                  512
-                  /* NEED_PATCH */
-                ), [
-                  [_, !e.isReadMode]
-                ])
-              ])
-            ]))),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          o("div", W, [
-            e.isReadMode ? f("v-if", !0) : (d(), l(c, {
-              key: 0,
-              block: "",
-              disabled: e.actionDisabled || e.insertDisabled,
-              shape: "round",
-              type: "dashed",
-              size: "small",
-              class: "action-button",
-              onClick: e.addSubFormRow,
-              title: e.i18nt("render.hint.subFormAddActionHint")
-            }, {
-              icon: t(() => [
-                i(e.SvgIcon, { "icon-class": "icon-el-plus" })
-              ]),
-              default: t(() => [
-                k(
-                  " " + b(e.i18nt("render.hint.subFormAddAction")),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["disabled", "title"]))
-          ])
-        ],
-        512
-        /* NEED_PATCH */
-      ), [
-        [_, !e.handleHidden]
-      ])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["widget"]);
-}
-const H = /* @__PURE__ */ F(g, [["render", x], ["__scopeId", "data-v-85b13de4"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-render/container-items/grid-sub-form-widget.vue"]]);
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6cbdf359"]]);
 export {
-  H as default
+  f as default
 };

package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js

@@ -1,124 +1,198 @@
-import { defineComponent as N, provide as W, ref as m, computed as j, onMounted as M, nextTick as F } from "vue";
-import { traverseFieldWidgetsOfContainer as k, generateId as b, deepClone as P } from "../../../utils/util.js";
-import B from "./container-wrapper.vue.js";
-import V from "../RenderWigetList.vue.js";
-import { TpfConfirm as G } from "../../../hooks/TpfConfirm.js";
-import { SvgIcon as H } from "tmgc2-share";
-import { ComponentNameEnum as z, ContainerTypeEnum as J } from "../../../constants/WidgetTypeEnum.js";
-import { useI18n as K } from "../../../utils/i18n.js";
-import { useField as Q } from "../../form-designer/form-widget/field-widget/useField.js";
-const ie = /* @__PURE__ */ N({
-  name: J.GridSubFormWidget,
-  componentName: z.ContainerWidget,
+import { defineComponent as j, provide as A, ref as f, computed as q, onMounted as J, resolveComponent as K, createBlock as L, openBlock as F, withCtx as g, withDirectives as W, createElementVNode as r, createElementBlock as y, Fragment as Q, renderList as U, toDisplayString as E, createVNode as u, unref as a, vShow as N, createCommentVNode as X, createTextVNode as Y, nextTick as R } from "vue";
+import { traverseFieldWidgetsOfContainer as Z, generateId as S, deepClone as ee } from "../../../utils/util.js";
+import oe from "./container-wrapper.vue.js";
+import te from "../RenderWigetList.vue.js";
+import { TpfConfirm as ne } from "../../../hooks/TpfConfirm.js";
+import { SvgIcon as _ } from "tmgc2-share";
+import { ComponentNameEnum as ie, ContainerTypeEnum as se } from "../../../constants/WidgetTypeEnum.js";
+import { useI18n as ae } from "../../../utils/i18n.js";
+import { useField as de } from "../../form-designer/form-widget/field-widget/useField.js";
+const le = { class: "sub-form-container" }, ce = { class: "row-no-column" }, re = { class: "row-number-span" }, ue = { class: "grid-sub-form-data-row" }, me = { class: "sub-form-action-column hide-label" }, we = { class: "action-button-column" }, pe = { class: "header-row" }, De = /* @__PURE__ */ j({
+  name: se.GridSubFormWidget,
+  componentName: ie.ContainerWidget,
   inheritAttrs: !1,
   __name: "grid-sub-form-widget",
   props: {
-    widget: { type: Object, required: !0 },
-    field: { type: Object, required: !0 },
-    parentWidget: { type: [Object, null], required: !0 },
-    parentList: { type: Array, required: !0 },
-    indexOfParentList: { type: Number, required: !1 },
-    subFormRowIndex: { type: Number, required: !1 },
-    subFormRowId: { type: String, required: !1 }
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
   },
-  setup(q, { expose: A }) {
-    W("isSubFormField", !0), W("getSubFormName", () => t.widget.options.name);
-    const { i18nt: u } = K(), t = q, r = m([]), s = m([]), p = m(!1), w = m(!1), f = m(!1), { field: R, designState: x, formModel: i, isReadMode: E, handleHidden: I, defineExposed: d } = Q(t), L = j(() => R.options.actionColumnPosition === "right" ? "right-action-column" : "left-action-column"), g = () => {
-      s.value = [];
+  setup(T, { expose: V }) {
+    A("isSubFormField", !0), A("getSubFormName", () => t.widget.options.name);
+    const { i18nt: d } = ae(), t = T, c = f([]), m = f([]), b = f(!1), v = f(!1), w = f(!1), { field: x, formModel: l, isReadMode: D, handleHidden: B, defineExposed: p } = de(t);
+    q(() => x.options.actionColumnPosition === "right" ? "right-action-column" : "left-action-column");
+    const C = () => {
+      m.value = [];
       const e = (o) => {
-        s.value.push(o);
+        m.value.push(o);
       };
-      k(t.widget, e);
-    }, S = (e = !1) => {
-      r.value = [];
-      const o = i.value[t.widget.options.name];
+      Z(t.widget, e);
+    }, I = (e = !1) => {
+      c.value = [];
+      const o = l.value[t.widget.options.name];
       o && o.length > 0 && (o.forEach(() => {
-        r.value.push("id" + b());
+        c.value.push("id" + S());
       }), e && setTimeout(() => {
-        l(o);
+        h(o);
       }, 800));
-    }, l = (e) => {
-      t.widget.options.onSubFormRowChange && new Function("subFormData", t.widget.options.onSubFormRowChange).call(d, e);
-    }, h = (e, o) => {
+    }, h = (e) => {
+      t.widget.options.onSubFormRowChange && new Function("subFormData", t.widget.options.onSubFormRowChange).call(p, e);
+    }, M = (e, o) => {
       t.widget.options.onSubFormRowAdd && new Function(
         "subFormData",
         "newRowId",
         t.widget.options.onSubFormRowAdd
-      ).call(d, e, o);
-    }, v = (e, o) => {
+      ).call(p, e, o);
+    }, $ = (e, o) => {
       t.widget.options.onSubFormRowInsert && new Function(
         "subFormData",
         "newRowId",
         t.widget.options.onSubFormRowInsert
-      ).call(d, e, o);
-    }, D = (e, o) => {
+      ).call(p, e, o);
+    }, H = (e, o) => {
       t.widget.options.onSubFormRowDelete && new Function(
         "subFormData",
         "deletedDataRow",
         t.widget.options.onSubFormRowDelete
-      ).call(d, e, o);
-    }, C = () => {
+      ).call(p, e, o);
+    }, k = () => {
       const e = {};
-      s.value.forEach((a) => {
-        a != null && a.formItemFlag && (e[a.options.name] = a.options.defaultValue);
+      m.value.forEach((i) => {
+        i != null && i.formItemFlag && (e[i.options.name] = i.options.defaultValue);
       });
-      const o = i.value[t.widget.options.name] || [];
-      o.push(e), i.value[t.widget.options.name] || (i.value[t.widget.options.name] = o);
-      const n = "id" + b();
-      r.value.push(n), F(() => {
-        h(o, n), l(o);
+      const o = l.value[t.widget.options.name] || [];
+      o.push(e), l.value[t.widget.options.name] || (l.value[t.widget.options.name] = o);
+      const n = "id" + S();
+      c.value.push(n), R(() => {
+        M(o, n), h(o);
       });
     }, O = (e) => {
       const o = {};
-      s.value.forEach((c) => {
-        c != null && c.formItemFlag && (o[c.options.name] = c.options.defaultValue);
+      m.value.forEach((s) => {
+        s != null && s.formItemFlag && (o[s.options.name] = s.options.defaultValue);
       });
-      const n = i.value[t.widget.options.name] || [];
-      n.splice(e, 0, o), i.value[t.widget.options.name] || (i.value[t.widget.options.name] = n);
-      const a = "id" + b();
-      r.value.splice(e, 0, a), F(() => {
-        v(n, a), l(n);
+      const n = l.value[t.widget.options.name] || [];
+      n.splice(e, 0, o), l.value[t.widget.options.name] || (l.value[t.widget.options.name] = n);
+      const i = "id" + S();
+      c.value.splice(e, 0, i), R(() => {
+        $(n, i), h(n);
       });
-    }, T = (e) => {
-      G({
+    }, P = (e) => {
+      ne({
         type: "confirm",
-        content: u("render.hint.deleteSubFormRow") + "?",
-        title: u("render.hint.prompt"),
-        okText: u("render.hint.confirm"),
-        cancelText: u("render.hint.cancel")
+        content: d("render.hint.deleteSubFormRow") + "?",
+        title: d("render.hint.prompt"),
+        okText: d("render.hint.confirm"),
+        cancelText: d("render.hint.cancel")
       }).then(() => {
-        const o = i.value[t.widget.options.name] || [], n = P(o[e]);
-        o.splice(e, 1), r.value.splice(e, 1), F(() => {
-          D(o, n), l(o);
+        const o = l.value[t.widget.options.name] || [], n = ee(o[e]);
+        o.splice(e, 1), c.value.splice(e, 1), R(() => {
+          H(o, n), h(o);
         });
       }).catch(() => {
       });
-    }, y = () => {
-      t.widget.options.showBlankRow && r.value.length === 0 && (s.value.length === 0 && g(), C());
+    }, z = () => {
+      t.widget.options.showBlankRow && c.value.length === 0 && (m.value.length === 0 && C(), k());
     };
-    M(() => {
-      g(), S(!0), y();
-    }), A({
-      ...d,
-      insertDisabled: p,
-      deleteDisabled: w,
-      actionDisabled: f,
+    return J(() => {
+      C(), I(!0), z();
+    }), V({
+      ...p,
+      insertDisabled: b,
+      deleteDisabled: v,
+      actionDisabled: w,
       setInsertDisabled: (e) => {
-        p.value = e;
+        b.value = e;
       },
       setDeleteDisabled: (e) => {
-        w.value = e;
+        v.value = e;
       },
       setActionDisabled: (e) => {
-        f.value = e;
+        w.value = e;
       }
-    });
-    const _ = { i18nt: u, props: t, rowIdData: r, fieldWidgetList: s, insertDisabled: p, deleteDisabled: w, actionDisabled: f, field: R, designState: x, formModel: i, isReadMode: E, handleHidden: I, defineExposed: d, actionBtnsClass: L, extractFieldWidgetList: g, initRowIdData: S, handleSubFormRowChange: l, handleSubFormRowAdd: h, handleSubFormRowInsert: v, handleSubFormRowDelete: D, addSubFormRow: C, insertSubFormRow: O, deleteSubFormRow: T, handleSubFormFirstRowAdd: y, ContainerWrapper: B, RenderWigetList: V, get SvgIcon() {
-      return H;
-    } };
-    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+    }), (e, o) => {
+      const n = K("a-button");
+      return F(), L(oe, { widget: e.widget }, {
+        default: g(() => [
+          W(r("div", le, [
+            (F(!0), y(Q, null, U(c.value, (i, s) => (F(), y("div", {
+              class: "sub-form-row",
+              key: i
+            }, [
+              r("div", ce, [
+                r("span", re, "#" + E(s + 1), 1)
+              ]),
+              r("div", ue, [
+                u(te, {
+                  widgetList: e.widget.widgetList || [],
+                  parentWidget: e.widget,
+                  subFormRowIndex: s,
+                  subFormRowId: i
+                }, null, 8, ["widgetList", "parentWidget", "subFormRowIndex", "subFormRowId"])
+              ]),
+              r("div", me, [
+                W(r("div", we, [
+                  u(n, {
+                    type: "link",
+                    title: a(d)("render.hint.insertSubFormRow"),
+                    disabled: w.value || b.value,
+                    onClick: (G) => O(s)
+                  }, {
+                    icon: g(() => [
+                      u(a(_), { "icon-class": "icon-el-plus" })
+                    ]),
+                    _: 2
+                  }, 1032, ["title", "disabled", "onClick"]),
+                  u(n, {
+                    type: "link",
+                    title: a(d)("render.hint.deleteSubFormRow"),
+                    disabled: w.value || v.value,
+                    onClick: (G) => P(s)
+                  }, {
+                    icon: g(() => [
+                      u(a(_), { "icon-class": "icon-el-delete" })
+                    ]),
+                    _: 2
+                  }, 1032, ["title", "disabled", "onClick"])
+                ], 512), [
+                  [N, !a(D)]
+                ])
+              ])
+            ]))), 128)),
+            r("div", pe, [
+              a(D) ? X("", !0) : (F(), L(n, {
+                key: 0,
+                block: "",
+                disabled: w.value || b.value,
+                shape: "round",
+                type: "dashed",
+                size: "small",
+                class: "action-button",
+                onClick: k,
+                title: a(d)("render.hint.subFormAddActionHint")
+              }, {
+                icon: g(() => [
+                  u(a(_), { "icon-class": "icon-el-plus" })
+                ]),
+                default: g(() => [
+                  Y(" " + E(a(d)("render.hint.subFormAddAction")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "title"]))
+            ])
+          ], 512), [
+            [N, !a(B)]
+          ])
+        ]),
+        _: 1
+      }, 8, ["widget"]);
+    };
   }
 });
 export {
-  ie as default
+  De as default
 };

package/src/components/form-render/container-items/grid-widget.vue.js

@@ -1,49 +1,7 @@
-import a from "./grid-widget.vue2.js";
-import { resolveComponent as l, createBlock as o, openBlock as r, normalizeProps as g, guardReactiveProps as s, withCtx as n, createElementVNode as m, createVNode as _, createElementBlock as f, Fragment as p, renderList as w } from "vue";
+import o from "./grid-widget.vue2.js";
 import "./grid-widget.vue3.js";
-import u from "../../../../_virtual/_plugin-vue_export-helper.js";
-const h = { class: "grid-container" };
-function v(x, k, e, t, C, B) {
-  const d = l("a-row");
-  return r(), o(
-    t.ContainerWrapper,
-    g(s(t.props)),
-    {
-      default: n(() => [
-        m("div", h, [
-          _(d, {
-            gutter: e.widget.options.gutter
-          }, {
-            default: n(() => [
-              (r(!0), f(
-                p,
-                null,
-                w(e.widget.cols, (i, c) => (r(), o(t.GridColWidget, {
-                  key: i.id,
-                  field: e.widget,
-                  widget: i,
-                  "parent-list": e.widget.cols || [],
-                  "index-of-parent-list": c,
-                  "parent-widget": e.widget,
-                  "col-height": e.widget.options.colHeight
-                }, null, 8, ["field", "widget", "parent-list", "index-of-parent-list", "parent-widget", "col-height"]))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["gutter"])
-        ])
-      ]),
-      _: 1
-      /* STABLE */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-const N = /* @__PURE__ */ u(a, [["render", v], ["__scopeId", "data-v-20fcbc4c"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-render/container-items/grid-widget.vue"]]);
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2689e58e"]]);
 export {
-  N as default
+  m as default
 };

package/src/components/form-render/container-items/grid-widget.vue2.js

@@ -1,27 +1,51 @@
-import { defineComponent as i } from "vue";
-import n from "./container-wrapper.vue.js";
-import p from "./grid-col-widget.vue.js";
-import { ComponentNameEnum as o, ContainerTypeEnum as u } from "../../../constants/WidgetTypeEnum.js";
-const l = /* @__PURE__ */ i({
-  name: u.grid,
-  componentName: o.ContainerWidget,
+import { defineComponent as s, resolveComponent as l, createBlock as r, openBlock as t, normalizeProps as g, guardReactiveProps as m, withCtx as n, createElementVNode as c, createVNode as u, createElementBlock as w, Fragment as f, renderList as h } from "vue";
+import C from "./container-wrapper.vue.js";
+import _ from "./grid-col-widget.vue.js";
+import { ComponentNameEnum as k, ContainerTypeEnum as E } from "../../../constants/WidgetTypeEnum.js";
+const N = { class: "grid-container" }, R = /* @__PURE__ */ s({
+  name: E.grid,
+  componentName: k.ContainerWidget,
   __name: "grid-widget",
   props: {
-    widget: { type: Object, required: !0 },
-    field: { type: Object, required: !0 },
-    parentWidget: { type: [Object, null], required: !0 },
-    parentList: { type: Array, required: !0 },
-    indexOfParentList: { type: Number, required: !1 },
-    subFormRowIndex: { type: Number, required: !1 },
-    subFormRowId: { type: String, required: !1 },
-    designer: { type: null, required: !1 }
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    designer: {}
   },
-  setup(r, { expose: t }) {
-    t();
-    const e = { props: r, ContainerWrapper: n, GridColWidget: p };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(i) {
+    const d = i;
+    return (e, v) => {
+      const a = l("a-row");
+      return t(), r(C, g(m(d)), {
+        default: n(() => [
+          c("div", N, [
+            u(a, {
+              gutter: e.widget.options.gutter
+            }, {
+              default: n(() => [
+                (t(!0), w(f, null, h(e.widget.cols, (o, p) => (t(), r(_, {
+                  key: o.id,
+                  field: e.widget,
+                  widget: o,
+                  "parent-list": e.widget.cols || [],
+                  "index-of-parent-list": p,
+                  "parent-widget": e.widget,
+                  "col-height": e.widget.options.colHeight
+                }, null, 8, ["field", "widget", "parent-list", "index-of-parent-list", "parent-widget", "col-height"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["gutter"])
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
   }
 });
 export {
-  l as default
+  R as default
 };

package/src/components/form-render/container-items/vf-box-widget.vue.js

@@ -1,40 +1,7 @@
-import r from "./vf-box-widget.vue2.js";
-import { createBlock as i, openBlock as o, normalizeProps as d, guardReactiveProps as n, withCtx as a, createElementBlock as c, normalizeStyle as m, createVNode as s } from "vue";
+import o from "./vf-box-widget.vue2.js";
 /* empty css                   */
-import f from "../../../../_virtual/_plugin-vue_export-helper.js";
-function g(l, w, e, t, _, b) {
-  return o(), i(
-    t.ContainerWrapper,
-    d(n(t.props)),
-    {
-      default: a(() => [
-        (o(), c(
-          "div",
-          {
-            class: "box-container",
-            key: e.widget.id,
-            style: m(t.boxStyle)
-          },
-          [
-            s(t.RenderWigetList, {
-              subFormRowIndex: e.subFormRowIndex,
-              subFormRowId: e.subFormRowId,
-              widgetList: e.widget.widgetList || [],
-              parentWidget: e.widget
-            }, null, 8, ["subFormRowIndex", "subFormRowId", "widgetList", "parentWidget"])
-          ],
-          4
-          /* STYLE */
-        ))
-      ]),
-      _: 1
-      /* STABLE */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-const v = /* @__PURE__ */ f(r, [["render", g], ["__scopeId", "data-v-ffbd9286"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-render/container-items/vf-box-widget.vue"]]);
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7b446e14"]]);
 export {
-  v as default
+  m as default
 };

package/src/components/form-render/container-items/vf-box-widget.vue2.js

@@ -1,29 +1,44 @@
-import { defineComponent as p, computed as a } from "vue";
-import m from "../RenderWigetList.vue.js";
-import g from "./container-wrapper.vue.js";
-import { ComponentNameEnum as u, ContainerTypeEnum as s } from "../../../constants/WidgetTypeEnum.js";
-const c = /* @__PURE__ */ p({
-  name: s.VfBoxWidget,
-  componentName: u.VfBoxWidget,
+import { defineComponent as n, computed as a, createBlock as p, openBlock as t, normalizeProps as m, guardReactiveProps as g, withCtx as s, createElementBlock as u, normalizeStyle as f, createVNode as l } from "vue";
+import b from "../RenderWigetList.vue.js";
+import x from "./container-wrapper.vue.js";
+import { ComponentNameEnum as w, ContainerTypeEnum as c } from "../../../constants/WidgetTypeEnum.js";
+const L = /* @__PURE__ */ n({
+  name: c.VfBoxWidget,
+  componentName: w.VfBoxWidget,
   __name: "vf-box-widget",
   props: {
-    widget: { type: Object, required: !0 },
-    field: { type: Object, required: !0 },
-    parentWidget: { type: [Object, null], required: !0 },
-    parentList: { type: Array, required: !0 },
-    indexOfParentList: { type: Number, required: !1 },
-    subFormRowIndex: { type: Number, required: !1 },
-    subFormRowId: { type: String, required: !1 }
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
   },
-  setup(i, { expose: d }) {
-    d();
-    const t = i, n = a(() => {
-      const e = t.widget.options.boxModel || {}, r = {};
-      return e.borderShow && (r.borderRadius = `${e.borderRadius}px`, r.border = `${e.borderStyle} ${e.borderWidth}px ${e.borderColor}`), (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (r.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (r.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), r;
-    }), o = { props: t, boxStyle: n, RenderWigetList: m, ContainerWrapper: g };
-    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  setup(d) {
+    const i = d, r = a(() => {
+      const o = i.widget.options.boxModel || {}, e = {};
+      return o.borderShow && (e.borderRadius = `${o.borderRadius}px`, e.border = `${o.borderStyle} ${o.borderWidth}px ${o.borderColor}`), (o.paddingTop !== void 0 || o.paddingRight !== void 0 || o.paddingBottom !== void 0 || o.paddingLeft !== void 0) && (e.padding = `${o.paddingTop || 0}px ${o.paddingRight || 0}px ${o.paddingBottom || 0}px ${o.paddingLeft || 0}px`), (o.marginTop !== void 0 || o.marginRight !== void 0 || o.marginBottom !== void 0 || o.marginLeft !== void 0) && (e.margin = `${o.marginTop || 0}px ${o.marginRight || 0}px ${o.marginBottom || 0}px ${o.marginLeft || 0}px`), e;
+    });
+    return (o, e) => (t(), p(x, m(g(i)), {
+      default: s(() => [
+        (t(), u("div", {
+          class: "box-container",
+          key: o.widget.id,
+          style: f(r.value)
+        }, [
+          l(b, {
+            subFormRowIndex: o.subFormRowIndex,
+            subFormRowId: o.subFormRowId,
+            widgetList: o.widget.widgetList || [],
+            parentWidget: o.widget
+          }, null, 8, ["subFormRowIndex", "subFormRowId", "widgetList", "parentWidget"])
+        ], 4))
+      ]),
+      _: 1
+    }, 16));
   }
 });
 export {
-  c as default
+  L as default
 };