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

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

@@ -1,7 +1,118 @@
-import o from "./grid-sub-form-widget.vue2.js";
+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";
 /* empty css                          */
-import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6cbdf359"]]);
+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"]]);
 export {
-  f as default
+  H as default
 };

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

@@ -1,198 +1,124 @@
-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,
+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,
   inheritAttrs: !1,
   __name: "grid-sub-form-widget",
   props: {
-    widget: {},
-    field: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {}
+    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 }
   },
-  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 = [];
+  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 = [];
       const e = (o) => {
-        m.value.push(o);
+        s.value.push(o);
       };
-      Z(t.widget, e);
-    }, I = (e = !1) => {
-      c.value = [];
-      const o = l.value[t.widget.options.name];
+      k(t.widget, e);
+    }, S = (e = !1) => {
+      r.value = [];
+      const o = i.value[t.widget.options.name];
       o && o.length > 0 && (o.forEach(() => {
-        c.value.push("id" + S());
+        r.value.push("id" + b());
       }), e && setTimeout(() => {
-        h(o);
+        l(o);
       }, 800));
-    }, h = (e) => {
-      t.widget.options.onSubFormRowChange && new Function("subFormData", t.widget.options.onSubFormRowChange).call(p, e);
-    }, M = (e, o) => {
+    }, l = (e) => {
+      t.widget.options.onSubFormRowChange && new Function("subFormData", t.widget.options.onSubFormRowChange).call(d, e);
+    }, h = (e, o) => {
       t.widget.options.onSubFormRowAdd && new Function(
         "subFormData",
         "newRowId",
         t.widget.options.onSubFormRowAdd
-      ).call(p, e, o);
-    }, $ = (e, o) => {
+      ).call(d, e, o);
+    }, v = (e, o) => {
       t.widget.options.onSubFormRowInsert && new Function(
         "subFormData",
         "newRowId",
         t.widget.options.onSubFormRowInsert
-      ).call(p, e, o);
-    }, H = (e, o) => {
+      ).call(d, e, o);
+    }, D = (e, o) => {
       t.widget.options.onSubFormRowDelete && new Function(
         "subFormData",
         "deletedDataRow",
         t.widget.options.onSubFormRowDelete
-      ).call(p, e, o);
-    }, k = () => {
+      ).call(d, e, o);
+    }, C = () => {
       const e = {};
-      m.value.forEach((i) => {
-        i != null && i.formItemFlag && (e[i.options.name] = i.options.defaultValue);
+      s.value.forEach((a) => {
+        a != null && a.formItemFlag && (e[a.options.name] = a.options.defaultValue);
       });
-      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);
+      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);
       });
     }, O = (e) => {
       const o = {};
-      m.value.forEach((s) => {
-        s != null && s.formItemFlag && (o[s.options.name] = s.options.defaultValue);
+      s.value.forEach((c) => {
+        c != null && c.formItemFlag && (o[c.options.name] = c.options.defaultValue);
       });
-      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);
+      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);
       });
-    }, P = (e) => {
-      ne({
+    }, T = (e) => {
+      G({
         type: "confirm",
-        content: d("render.hint.deleteSubFormRow") + "?",
-        title: d("render.hint.prompt"),
-        okText: d("render.hint.confirm"),
-        cancelText: d("render.hint.cancel")
+        content: u("render.hint.deleteSubFormRow") + "?",
+        title: u("render.hint.prompt"),
+        okText: u("render.hint.confirm"),
+        cancelText: u("render.hint.cancel")
       }).then(() => {
-        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);
+        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);
         });
       }).catch(() => {
       });
-    }, z = () => {
-      t.widget.options.showBlankRow && c.value.length === 0 && (m.value.length === 0 && C(), k());
+    }, y = () => {
+      t.widget.options.showBlankRow && r.value.length === 0 && (s.value.length === 0 && g(), C());
     };
-    return J(() => {
-      C(), I(!0), z();
-    }), V({
-      ...p,
-      insertDisabled: b,
-      deleteDisabled: v,
-      actionDisabled: w,
+    M(() => {
+      g(), S(!0), y();
+    }), A({
+      ...d,
+      insertDisabled: p,
+      deleteDisabled: w,
+      actionDisabled: f,
       setInsertDisabled: (e) => {
-        b.value = e;
+        p.value = e;
       },
       setDeleteDisabled: (e) => {
-        v.value = e;
+        w.value = e;
       },
       setActionDisabled: (e) => {
-        w.value = e;
+        f.value = e;
       }
-    }), (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"]);
-    };
+    });
+    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 }), _;
   }
 });
 export {
-  De as default
+  ie as default
 };

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

@@ -1,7 +1,49 @@
-import o from "./grid-widget.vue2.js";
+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 "./grid-widget.vue3.js";
-import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2689e58e"]]);
+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"]]);
 export {
-  m as default
+  N as default
 };

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

@@ -1,51 +1,27 @@
-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,
+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,
   __name: "grid-widget",
   props: {
-    widget: {},
-    field: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    designer: {}
+    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 }
   },
-  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);
-    };
+  setup(r, { expose: t }) {
+    t();
+    const e = { props: r, ContainerWrapper: n, GridColWidget: p };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  R as default
+  l as default
 };

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

@@ -1,7 +1,40 @@
-import o from "./vf-box-widget.vue2.js";
+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";
 /* empty css                   */
-import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7b446e14"]]);
+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"]]);
 export {
-  m as default
+  v as default
 };

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

@@ -1,44 +1,29 @@
-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,
+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,
   __name: "vf-box-widget",
   props: {
-    widget: {},
-    field: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {}
+    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 }
   },
-  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));
+  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;
   }
 });
 export {
-  L as default
+  c as default
 };