@kp-ui/lowcode 2.15.0-alpha.7 → 2.15.0-alpha.8

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

@@ -1,24 +1,7 @@
-import r from "./grid-col-widget.vue2.js";
-import { resolveComponent as i, createBlock as c, createCommentVNode as n, openBlock as d, mergeProps as l, withCtx as a, createVNode as s } from "vue";
+import o from "./grid-col-widget.vue2.js";
 /* empty css                     */
-import g from "../../../../_virtual/_plugin-vue_export-helper.js";
-function m(_, f, e, t, p, w) {
-  const o = i("a-col");
-  return e.widget.type === "grid-col" ? (d(), c(o, l({
-    key: 0,
-    class: "grid-cell"
-  }, t.layoutProps, { style: t.colHeightStyle }), {
-    default: a(() => [
-      s(t.RenderWigetList, {
-        widgetList: e.widget.widgetList || [],
-        parentWidget: e.widget
-      }, null, 8, ["widgetList", "parentWidget"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 16, ["style"])) : n("v-if", !0);
-}
-const k = /* @__PURE__ */ g(r, [["render", m], ["__scopeId", "data-v-91b30711"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-render/container-items/grid-col-widget.vue"]]);
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c0fd4dd8"]]);
 export {
-  k as default
+  i as default
 };

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

@@ -1,35 +1,46 @@
-import { defineComponent as u, computed as s, ref as l } from "vue";
-import d from "../RenderWigetList.vue.js";
-import { ComponentNameEnum as m, ContainerTypeEnum as a } from "../../../constants/WidgetTypeEnum.js";
-import { useAppRef as f } from "../../form-designer/useAppRef.js";
-const h = /* @__PURE__ */ u({
-  name: a.GridColWidget,
-  componentName: m.ContainerWidget,
+import { defineComponent as l, computed as d, ref as p, resolveComponent as a, createBlock as m, createCommentVNode as c, unref as g, openBlock as u, mergeProps as f, withCtx as w, createVNode as h } from "vue";
+import _ from "../RenderWigetList.vue.js";
+import { ComponentNameEnum as C, ContainerTypeEnum as y } from "../../../constants/WidgetTypeEnum.js";
+import { useField as H } from "../../form-designer/form-widget/field-widget/useField.js";
+const x = /* @__PURE__ */ l({
+  name: y.GridColWidget,
+  componentName: C.ContainerWidget,
   inheritAttrs: !1,
   __name: "grid-col-widget",
   props: {
-    widget: { type: null, required: !0 },
-    field: { type: null, required: !0 },
-    parentWidget: { type: null, required: !0 },
-    parentList: { type: Array, required: !0 },
-    indexOfParentList: { type: Number, required: !1 },
-    subFormRowIndex: { type: Number, required: !1 },
-    subFormRowId: { type: String, required: !1 },
-    colHeight: { type: [Number, null], required: !0, default: null }
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    colHeight: { default: null }
   },
-  setup(i, { expose: o }) {
-    o();
-    const e = i, n = s(() => e.colHeight ? { height: e.colHeight } : {}), p = l({
+  setup(o) {
+    const e = o, n = d(() => e.colHeight ? { height: e.colHeight } : {}), i = p({
       span: e.widget.options.span || 12,
       offset: e.widget.options.offset || 0,
       push: e.widget.options.push || 0,
       pull: e.widget.options.pull || 0
-    }), { initRefList: t } = f();
-    t();
-    const r = { props: e, colHeightStyle: n, layoutProps: p, initRefList: t, RenderWigetList: d };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+    }), { handleHidden: r } = H(e);
+    return (t, L) => {
+      const s = a("a-col");
+      return g(r) ? c("", !0) : (u(), m(s, f({
+        key: 0,
+        class: "grid-cell"
+      }, i.value, { style: n.value }), {
+        default: w(() => [
+          h(_, {
+            widgetList: t.widget.widgetList || [],
+            parentWidget: t.widget
+          }, null, 8, ["widgetList", "parentWidget"])
+        ]),
+        _: 1
+      }, 16, ["style"]));
+    };
   }
 });
 export {
-  h as default
+  x as default
 };

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 i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-79f4801a"]]);
 export {
-  N as default
+  i as default
 };

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

@@ -1,27 +1,55 @@
-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 l, resolveComponent as g, createBlock as n, openBlock as t, normalizeProps as u, guardReactiveProps as c, withCtx as i, createElementBlock as d, createCommentVNode as f, unref as w, createVNode as h, Fragment as C, renderList as _ } from "vue";
+import k from "./container-wrapper.vue.js";
+import F from "./grid-col-widget.vue.js";
+import { ComponentNameEnum as N, ContainerTypeEnum as v } from "../../../constants/WidgetTypeEnum.js";
+import { useField as y } from "../../form-designer/form-widget/field-widget/useField.js";
+const B = {
+  key: 0,
+  class: "grid-container"
+}, H = /* @__PURE__ */ l({
+  name: v.grid,
+  componentName: N.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(a) {
+    const o = a, { handleHidden: p } = y(o);
+    return (e, E) => {
+      const s = g("a-row");
+      return t(), n(k, u(c(o)), {
+        default: i(() => [
+          w(p) ? f("", !0) : (t(), d("div", B, [
+            h(s, {
+              gutter: e.widget.options.gutter
+            }, {
+              default: i(() => [
+                (t(!0), d(C, null, _(e.widget.cols, (r, m) => (t(), n(F, {
+                  key: r.id,
+                  field: r,
+                  widget: r,
+                  "parent-list": e.widget.cols || [],
+                  "index-of-parent-list": m,
+                  "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
+  H as default
 };