@kp-ui/lowcode 2.15.0-alpha.9 → 2.15.0-beta.6

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-sub-form-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper :widget=\"widget\">\n        <div class=\"sub-form-container\" v-show=\"!handleHidden\">\n            <div\n                v-for=\"(subFormRowId, sfrIdx) in rowIdData\"\n                class=\"sub-form-row\"\n                :key=\"subFormRowId\"\n            >\n                <div class=\"row-no-column\">\n                    <span class=\"row-number-span\">#{{ sfrIdx + 1 }}</span>\n                </div>\n                <div class=\"grid-sub-form-data-row\">\n                    <RenderWigetList\n                        :widgetList=\"widget.widgetList || []\"\n                        :parentWidget=\"widget\"\n                        :subFormRowIndex=\"sfrIdx\"\n                        :subFormRowId=\"subFormRowId\"\n                    />\n                </div>\n                <div class=\"sub-form-action-column hide-label\">\n                    <div class=\"action-button-column\" v-show=\"!isReadMode\">\n                        <a-button\n                            type=\"link\"\n                            :title=\"i18nt('render.hint.insertSubFormRow')\"\n                            :disabled=\"actionDisabled || insertDisabled\"\n                            @click=\"insertSubFormRow(sfrIdx)\"\n                        >\n                            <template #icon>\n                                <svg-icon icon-class=\"icon-el-plus\" />\n                            </template>\n                        </a-button>\n                        <a-button\n                            type=\"link\"\n                            :title=\"i18nt('render.hint.deleteSubFormRow')\"\n                            :disabled=\"actionDisabled || deleteDisabled\"\n                            @click=\"deleteSubFormRow(sfrIdx)\"\n                        >\n                            <template #icon>\n                                <svg-icon icon-class=\"icon-el-delete\" />\n                            </template>\n                        </a-button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"header-row\">\n                <a-button\n                    block\n                    v-if=\"!isReadMode\"\n                    :disabled=\"actionDisabled || insertDisabled\"\n                    shape=\"round\"\n                    type=\"dashed\"\n                    size=\"small\"\n                    class=\"action-button\"\n                    @click=\"addSubFormRow\"\n                    :title=\"i18nt('render.hint.subFormAddActionHint')\"\n                >\n                    <template #icon>\n                        <svg-icon icon-class=\"icon-el-plus\" />\n                    </template>\n                    {{ i18nt('render.hint.subFormAddAction') }}\n                </a-button>\n            </div>\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, provide, onMounted, nextTick } from 'vue';\n    import { deepClone, generateId, traverseFieldWidgetsOfContainer } from '@/utils/util';\n    import ContainerWrapper from './container-wrapper.vue';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { TpfConfirm } from '@/hooks/TpfConfirm';\n    import { SvgIcon } from 'tmgc2-share';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { GridSubFormWidget } from '@/components/form-designer/widget-panel/containers';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { useI18n } from '@/utils/i18n';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n\n    defineOptions({\n        name: ContainerTypeEnum.GridSubFormWidget,\n        componentName: ComponentNameEnum.ContainerWidget,\n        inheritAttrs: false\n    });\n\n    provide('isSubFormField', true);\n    provide('getSubFormName', () => props.widget.options.name);\n\n    const { i18nt } = useI18n();\n    const props = withDefaults(defineProps<WidgetProps<GridSubFormWidget>>(), {});\n\n    const rowIdData = ref<string[]>([]);\n    const fieldWidgetList = ref<any[]>([]);\n    const insertDisabled = ref(false);\n    const deleteDisabled = ref(false);\n    const actionDisabled = ref(false);\n\n    const { field, formModel, isReadMode, handleHidden, executeFunction, defineExposed } =\n        useField(props);\n\n    const extractFieldWidgetList = () => {\n        fieldWidgetList.value = [];\n        const fieldListFn = (fw: any) => {\n            fieldWidgetList.value.push(fw);\n        };\n        traverseFieldWidgetsOfContainer(props.widget, fieldListFn);\n    };\n\n    const initRowIdData = (initFlag = false) => {\n        rowIdData.value = [];\n        const subFormModel = formModel.value[props.widget.options.name];\n        if (!!subFormModel && subFormModel.length > 0) {\n            subFormModel.forEach(() => {\n                rowIdData.value.push('id' + generateId());\n            });\n\n            if (initFlag) {\n                setTimeout(() => {\n                    handleSubFormRowChange(subFormModel);\n                }, 800);\n            }\n        }\n    };\n\n    const handleSubFormRowChange = (subFormData: any) => {\n        if (props.widget.options.onSubFormRowChange) {\n            executeFunction({\n                functionBody: props.widget.options.onSubFormRowChange,\n                keys: ['subFormData'],\n                params: { subFormData }\n            });\n        }\n    };\n\n    const handleSubFormRowAdd = (subFormData: any, newRowId: string) => {\n        executeFunction({\n            functionBody: props.widget.options.onSubFormRowAdd,\n            params: {\n                subFormData,\n                newRowId\n            },\n            keys: ['subFormData', 'newRowId']\n        });\n    };\n\n    const handleSubFormRowInsert = (subFormData: any, newRowId: string) => {\n        executeFunction({\n            functionBody: props.widget.options.onSubFormRowInsert,\n            params: {\n                subFormData,\n                newRowId\n            },\n            keys: ['subFormData', 'newRowId']\n        });\n    };\n\n    const handleSubFormRowDelete = (subFormData: any, deletedDataRow: any) => {\n        executeFunction({\n            functionBody: props.widget.options.onSubFormRowDelete,\n            params: {\n                subFormData,\n                deletedDataRow\n            },\n            keys: ['subFormData', 'deletedDataRow']\n        });\n    };\n\n    const addSubFormRow = () => {\n        const newSubFormDataRow: Record<string, any> = {};\n        fieldWidgetList.value.forEach(subFormItem => {\n            if (subFormItem?.formItemFlag) {\n                newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;\n            }\n        });\n\n        const oldSubFormData = formModel.value[props.widget.options.name] || [];\n        oldSubFormData.push(newSubFormDataRow);\n        // Ensure formModel is updated if it was empty/undefined\n        if (!formModel.value[props.widget.options.name]) {\n            formModel.value[props.widget.options.name] = oldSubFormData;\n        }\n\n        const newRowId = 'id' + generateId();\n        rowIdData.value.push(newRowId);\n\n        nextTick(() => {\n            handleSubFormRowAdd(oldSubFormData, newRowId);\n            handleSubFormRowChange(oldSubFormData);\n        });\n    };\n\n    const insertSubFormRow = (index: number) => {\n        const newSubFormDataRow: Record<string, any> = {};\n        fieldWidgetList.value.forEach(subFormItem => {\n            if (subFormItem?.formItemFlag) {\n                newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;\n            }\n        });\n\n        const oldSubFormData = formModel.value[props.widget.options.name] || [];\n        oldSubFormData.splice(index, 0, newSubFormDataRow);\n        // Ensure formModel is updated\n        if (!formModel.value[props.widget.options.name]) {\n            formModel.value[props.widget.options.name] = oldSubFormData;\n        }\n\n        const newRowId = 'id' + generateId();\n        rowIdData.value.splice(index, 0, newRowId);\n\n        nextTick(() => {\n            handleSubFormRowInsert(oldSubFormData, newRowId);\n            handleSubFormRowChange(oldSubFormData);\n        });\n    };\n\n    const deleteSubFormRow = (index: number) => {\n        TpfConfirm({\n            type: 'confirm',\n            content: i18nt('render.hint.deleteSubFormRow') + '?',\n            title: i18nt('render.hint.prompt'),\n            okText: i18nt('render.hint.confirm'),\n            cancelText: i18nt('render.hint.cancel')\n        })\n            .then(() => {\n                const oldSubFormData = formModel.value[props.widget.options.name] || [];\n                const deletedDataRow = deepClone(oldSubFormData[index]);\n                oldSubFormData.splice(index, 1);\n                rowIdData.value.splice(index, 1);\n\n                nextTick(() => {\n                    handleSubFormRowDelete(oldSubFormData, deletedDataRow);\n                    handleSubFormRowChange(oldSubFormData);\n                });\n            })\n            .catch(() => {});\n    };\n\n    const handleSubFormFirstRowAdd = () => {\n        if (!!props.widget.options.showBlankRow && rowIdData.value.length === 0) {\n            if (fieldWidgetList.value.length === 0) extractFieldWidgetList();\n            addSubFormRow();\n        }\n    };\n\n    onMounted(() => {\n        extractFieldWidgetList();\n        initRowIdData(true);\n        handleSubFormFirstRowAdd();\n    });\n\n    defineExpose({\n        ...defineExposed,\n        insertDisabled,\n        deleteDisabled,\n        actionDisabled,\n        setInsertDisabled: (flag: boolean) => {\n            insertDisabled.value = flag;\n        },\n        setDeleteDisabled: (flag: boolean) => {\n            deleteDisabled.value = flag;\n        },\n        setActionDisabled: (flag: boolean) => {\n            actionDisabled.value = flag;\n        }\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .sub-form-container {\n        margin-bottom: 16px;\n        text-align: left;\n        background: #fafafa;\n        border-radius: 8px;\n\n        .header-row {\n            margin-top: 15px;\n            :deep(.action-button) {\n                height: 35px;\n            }\n        }\n\n        .sub-form-row {\n            display: flex;\n            align-items: center;\n            background: white;\n            margin: 8px 0;\n            border-radius: 6px;\n            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n\n            .row-number-span {\n                margin-left: 16px;\n            }\n        }\n    }\n\n    .sub-form-action-column {\n        display: inline-block;\n        align-items: center;\n        text-align: center;\n        padding: 8px;\n    }\n\n    .grid-sub-form-data-row {\n        display: inline-block;\n        flex: 1;\n        padding: 10px;\n        position: relative;\n        &:before,\n        &:after {\n            content: '';\n            display: inline-block;\n            width: 1px;\n            height: 60%;\n            background: #e1e2e3;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n        &:before {\n            left: 0;\n        }\n        &:after {\n            right: 0;\n        }\n        :deep(.ant-form-item) {\n            margin-bottom: 0;\n        }\n    }\n\n    div.sub-form-action-column.hide-label {\n    }\n\n    div.row-no-column {\n        display: flex;\n        align-items: center;\n        width: 50px;\n        border-radius: 10px;\n        background: #f1f2f3;\n        padding: 5px 0;\n        margin: 0 6px;\n        font-size: 14px;\n        color: #666;\n    }\n\n    .action-button-column {\n        width: 140px;\n    }\n</style>\n"],"names":["provide","props","i18nt","useI18n","__props","rowIdData","ref","fieldWidgetList","insertDisabled","deleteDisabled","actionDisabled","formModel","isReadMode","handleHidden","executeFunction","defineExposed","useField","extractFieldWidgetList","fieldListFn","fw","traverseFieldWidgetsOfContainer","initRowIdData","initFlag","subFormModel","generateId","handleSubFormRowChange","subFormData","handleSubFormRowAdd","newRowId","handleSubFormRowInsert","handleSubFormRowDelete","deletedDataRow","addSubFormRow","newSubFormDataRow","subFormItem","oldSubFormData","nextTick","insertSubFormRow","index","deleteSubFormRow","TpfConfirm","deepClone","handleSubFormFirstRowAdd","onMounted","__expose","flag","_createBlock","ContainerWrapper","widget","_withDirectives","_createElementVNode","_hoisted_1","_openBlock","_createElementBlock","_Fragment","_renderList","subFormRowId","sfrIdx","_hoisted_2","_hoisted_3","_hoisted_4","_createVNode","RenderWigetList","_hoisted_5","_hoisted_6","_component_a_button","_unref","$event","SvgIcon","_hoisted_7","_createTextVNode"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 import o from "./grid-widget.vue2.js";
 import "./grid-widget.vue3.js";
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-79f4801a"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6254af72"]]);
 export {
   i as default
 };
+//# sourceMappingURL=grid-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,12 +1,12 @@
-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 { defineComponent as u, resolveComponent as c, createBlock as n, openBlock as t, normalizeProps as f, guardReactiveProps as w, withCtx as i, createElementBlock as d, createCommentVNode as h, unref as C, createVNode as _, Fragment as k, renderList as x } from "vue";
+import E 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({
+}, V = /* @__PURE__ */ u({
   name: v.grid,
   componentName: N.ContainerWidget,
   __name: "grid-widget",
@@ -20,23 +20,25 @@ const B = {
     subFormRowId: {},
     designer: {}
   },
-  setup(a) {
-    const o = a, { handleHidden: p } = y(o);
-    return (e, E) => {
-      const s = g("a-row");
-      return t(), n(k, u(c(o)), {
+  setup(a, { expose: p }) {
+    const r = a, { handleHidden: s, defineExposed: m } = y(r);
+    return p({
+      ...m
+    }), (e, L) => {
+      const l = c("a-row");
+      return t(), n(E, f(w(r)), {
         default: i(() => [
-          w(p) ? f("", !0) : (t(), d("div", B, [
-            h(s, {
+          C(s) ? h("", !0) : (t(), d("div", B, [
+            _(l, {
               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,
+                (t(!0), d(k, null, x(e.widget.cols, (o, g) => (t(), n(F, {
+                  key: o.id,
+                  field: o,
+                  widget: o,
                   "parent-list": e.widget.cols || [],
-                  "index-of-parent-list": m,
+                  "index-of-parent-list": g,
                   "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))
@@ -51,5 +53,6 @@ const B = {
   }
 });
 export {
-  H as default
+  V as default
 };
+//# sourceMappingURL=grid-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\">\n        <div class=\"grid-container\" v-if=\"!handleHidden\">\n            <a-row :gutter=\"widget.options.gutter\">\n                <GridColWidget\n                    v-for=\"(colWidget, colIdx) in widget.cols\"\n                    :key=\"colWidget.id\"\n                    :field=\"colWidget\"\n                    :widget=\"colWidget\"\n                    :parent-list=\"widget.cols || []\"\n                    :index-of-parent-list=\"colIdx\"\n                    :parent-widget=\"widget\"\n                    :col-height=\"widget.options.colHeight\"\n                />\n            </a-row>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import GridColWidget from './grid-col-widget.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { GridWidget } from '@/components/form-designer/widget-panel/containers';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n\n    const props = defineProps<WidgetProps<GridWidget> & { designer?: any }>();\n    defineOptions({\n        name: ContainerTypeEnum.grid,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const { handleHidden, defineExposed } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-container {\n    }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","__expose","_openBlock","_createBlock","ContainerWrapper","_unref","_createElementBlock","_hoisted_1","_createVNode","_component_a_row","widget","_Fragment","colWidget","colIdx","GridColWidget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BI,UAAMA,IAAQC,GAMR,EAAE,cAAAC,GAAc,eAAAC,MAAkBC,EAASJ,CAAK;AAEtD,WAAAK,EAAa;AAAA,MACT,GAAGF;AAAA,IAAA,CACN;;AApCD,aAAAG,EAAA,GAAAC,EAeoBC,OAfOR,CAAK,CAAA,GAAA;AAAA,mBAC5B,MAaM;AAAA,UAb6BS,EAAAP,CAAA,iBAAnCI,KAAAI,EAaM,OAbNC,GAaM;AAAA,YAZFC,EAWQC,GAAA;AAAA,cAXA,QAAQC,EAAAA,OAAO,QAAQ;AAAA,YAAA;yBAEvB,MAA0C;AAAA,iBAD9CR,EAAA,EAAA,GAAAI,EASEK,WARgCD,EAAAA,OAAO,MAAI,CAAjCE,GAAWC,YADvBV,EASEW,GAAA;AAAA,kBAPG,KAAKF,EAAU;AAAA,kBACf,OAAOA;AAAA,kBACP,QAAQA;AAAA,kBACR,eAAaF,EAAAA,OAAO,QAAI,CAAA;AAAA,kBACxB,wBAAsBG;AAAA,kBACtB,iBAAeH,EAAAA;AAAAA,kBACf,cAAYA,EAAAA,OAAO,QAAQ;AAAA,gBAAA;;;;;;;;;;;"}

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

@@ -1 +1,2 @@
 
+//# sourceMappingURL=grid-widget.vue3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-widget.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/src/components/form-render/container-items/index.js

@@ -5,14 +5,17 @@ import t from "./grid-widget.vue.js";
 import e from "./data-table-widget.vue.js";
 import d from "./vf-collapse-widget.vue.js";
 import m from "./vf-box-widget.vue.js";
-const C = {
+import g from "./tab-widget.vue.js";
+const G = {
   [i.GridColWidget]: r,
   [i.grid]: t,
   [i.DataTable]: e,
   [i.VfCollapseWidget]: d,
   [i.GridSubFormWidget]: o,
-  [i.VfBoxWidget]: m
+  [i.VfBoxWidget]: m,
+  [i.Tab]: g
 };
 export {
-  C as RenderWidgetList
+  G as RenderWidgetList
 };
+//# sourceMappingURL=index.js.map

package/src/components/form-render/container-items/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-render/container-items/index.ts"],"sourcesContent":["import { ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\nimport GridSubFormWidget from './grid-sub-form-widget.vue';\nimport GridColWidget from './grid-col-widget.vue';\nimport GridWidget from './grid-widget.vue';\nimport DataTableWidget from './data-table-widget.vue';\nimport VfCollapseWidget from './vf-collapse-widget.vue';\nimport VfBoxWidget from './vf-box-widget.vue';\nimport TabWidget from './tab-widget.vue';\nexport const RenderWidgetList = {\n    [ContainerTypeEnum.GridColWidget]: GridColWidget,\n    [ContainerTypeEnum.grid]: GridWidget,\n    [ContainerTypeEnum.DataTable]: DataTableWidget,\n    [ContainerTypeEnum.VfCollapseWidget]: VfCollapseWidget,\n    [ContainerTypeEnum.GridSubFormWidget]: GridSubFormWidget,\n    [ContainerTypeEnum.VfBoxWidget]: VfBoxWidget,\n    [ContainerTypeEnum.Tab]: TabWidget\n};\n"],"names":["RenderWidgetList","ContainerTypeEnum","GridColWidget","GridWidget","DataTableWidget","VfCollapseWidget","GridSubFormWidget","VfBoxWidget","TabWidget"],"mappings":";;;;;;;;AAQO,MAAMA,IAAmB;AAAA,EAC5B,CAACC,EAAkB,aAAa,GAAGC;AAAA,EACnC,CAACD,EAAkB,IAAI,GAAGE;AAAA,EAC1B,CAACF,EAAkB,SAAS,GAAGG;AAAA,EAC/B,CAACH,EAAkB,gBAAgB,GAAGI;AAAA,EACtC,CAACJ,EAAkB,iBAAiB,GAAGK;AAAA,EACvC,CAACL,EAAkB,WAAW,GAAGM;AAAA,EACjC,CAACN,EAAkB,GAAG,GAAGO;AAC7B;"}

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

@@ -0,0 +1,8 @@
+import o from "./tab-widget.vue2.js";
+/* empty css                */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3a48155b"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=tab-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,66 @@
+import { defineComponent as g, resolveComponent as r, createBlock as s, openBlock as o, normalizeProps as u, guardReactiveProps as w, withCtx as n, createElementBlock as p, createVNode as d, Fragment as f, renderList as _, createElementVNode as v } from "vue";
+import y from "../../form-designer/form-widget/container-widget/container-wrapper.vue.js";
+import { ComponentNameEnum as C, ContainerTypeEnum as k } from "../../../constants/WidgetTypeEnum.js";
+import B from "../RenderWigetList.vue.js";
+const L = { class: "tab-content-wrapper" }, N = /* @__PURE__ */ g({
+  name: k.Tab,
+  componentName: C.ContainerWidget,
+  __name: "tab-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(m) {
+    const a = m, c = (t) => {
+      a.widget.options.activeTab = t;
+    };
+    return (t, i) => {
+      const l = r("a-tab-pane"), b = r("a-tabs");
+      return o(), s(y, u(w(a)), {
+        default: n(() => [
+          (o(), p("div", {
+            key: t.widget.id,
+            class: "tab-container container-design-widget"
+          }, [
+            d(b, {
+              type: t.widget.options.type,
+              tabBarGutter: t.widget.options.tabBarGutter,
+              tabPosition: t.widget.options.tabPosition,
+              activeKey: t.widget.options.activeTab,
+              "onUpdate:activeKey": i[0] || (i[0] = (e) => t.widget.options.activeTab = e),
+              onTabClick: c
+            }, {
+              default: n(() => [
+                (o(!0), p(f, null, _(t.widget.tabs, (e) => (o(), s(l, {
+                  tab: e.options.label,
+                  key: e.options.label
+                }, {
+                  default: n(() => [
+                    v("div", L, [
+                      d(B, {
+                        widgetList: e.widgetList || [],
+                        parentWidget: e
+                      }, null, 8, ["widgetList", "parentWidget"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["tab"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["type", "tabBarGutter", "tabPosition", "activeKey"])
+          ]))
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=tab-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/tab-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper v-bind=\"props\">\n        <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\n            <a-tabs\n                :type=\"widget.options.type\"\n                :tabBarGutter=\"widget.options.tabBarGutter\"\n                :tabPosition=\"widget.options.tabPosition\"\n                v-model:activeKey=\"widget.options.activeTab\"\n                @tab-click=\"onTabClick\"\n            >\n                <a-tab-pane\n                    v-for=\"tab in widget.tabs\"\n                    :tab=\"tab.options.label\"\n                    :key=\"tab.options.label\"\n                >\n                    <div class=\"tab-content-wrapper\">\n                        <RenderWigetList :widgetList=\"tab.widgetList || []\" :parentWidget=\"tab\" />\n                    </div>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { type WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import type { TabWidget } from '@/components/form-designer/widget-panel/containers';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import RenderWigetList from '../RenderWigetList.vue';\n    defineOptions({\n        name: ContainerTypeEnum.Tab,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<TabWidget>>();\n\n    const onTabClick = key => {\n        props.widget.options.activeTab = key;\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.ant-tabs) {\n            &.ant-tabs-bottom .ant-tabs-nav-wrap,\n            &.ant-tabs-top .ant-tabs-nav-wrap {\n                padding-left: 26px;\n            }\n        }\n        :deep(.tab-content-wrapper) {\n            min-height: 100px;\n        }\n    }\n</style>\n"],"names":["props","__props","onTabClick","key","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","_component_a_tabs","$event","_Fragment","_renderList","tab","_component_a_tab_pane","_createElementVNode","_hoisted_1","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;AAmCI,UAAMA,IAAQC,GAERC,IAAa,CAAAC,MAAO;AACtB,MAAAH,EAAM,OAAO,QAAQ,YAAYG;AAAA,IACrC;;;AAtCA,aAAAC,EAAA,GAAAC,EAoBmBC,OApBON,CAAK,CAAA,GAAA;AAAA,mBAC3B,MAkBM;AAAA,gBAlBNO,EAkBM,OAAA;AAAA,YAlBA,KAAKC,EAAAA,OAAO;AAAA,YAAI,OAAM;AAAA,UAAA;YACxBC,EAgBSC,GAAA;AAAA,cAfJ,MAAMF,EAAAA,OAAO,QAAQ;AAAA,cACrB,cAAcA,EAAAA,OAAO,QAAQ;AAAA,cAC7B,aAAaA,EAAAA,OAAO,QAAQ;AAAA,cACrB,WAAWA,EAAAA,OAAO,QAAQ;AAAA,2DAAfA,EAAAA,OAAO,QAAQ,YAASG;AAAA,cAC1C,YAAAT;AAAA,YAAA;yBAGG,MAA0B;AAAA,iBAD9BE,EAAA,EAAA,GAAAG,EAQaK,GAAA,MAAAC,EAPKL,EAAAA,OAAO,OAAdM,YADXT,EAQaU,GAAA;AAAA,kBANR,KAAKD,EAAI,QAAQ;AAAA,kBACjB,KAAKA,EAAI,QAAQ;AAAA,gBAAA;6BAElB,MAEM;AAAA,oBAFNE,EAEM,OAFNC,GAEM;AAAA,sBADFR,EAA0ES,GAAA;AAAA,wBAAxD,YAAYJ,EAAI,cAAU,CAAA;AAAA,wBAAS,cAAcA;AAAA,sBAAA;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,8 @@
 import o from "./vf-box-widget.vue2.js";
 /* empty css                   */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7b446e14"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b728c08c"]]);
 export {
   m as default
 };
+//# sourceMappingURL=vf-box-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-box-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,10 +1,11 @@
-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 m, computed as p, createBlock as a, createCommentVNode as g, unref as s, openBlock as i, normalizeProps as u, mergeProps as f, withCtx as l, createElementBlock as b, normalizeStyle as x, createVNode as w } from "vue";
+import c from "../RenderWigetList.vue.js";
+import R from "./container-wrapper.vue.js";
+import { ComponentNameEnum as $, ContainerTypeEnum as v } from "../../../constants/WidgetTypeEnum.js";
+import { useField as h } from "../../form-designer/form-widget/field-widget/useField.js";
+const C = /* @__PURE__ */ m({
+  name: v.VfBoxWidget,
+  componentName: $.VfBoxWidget,
   __name: "vf-box-widget",
   props: {
     widget: {},
@@ -16,18 +17,18 @@ const L = /* @__PURE__ */ n({
     subFormRowId: {}
   },
   setup(d) {
-    const i = d, r = a(() => {
-      const o = i.widget.options.boxModel || {}, e = {};
+    const t = d, { handleHidden: r } = h(t), n = p(() => {
+      const o = t.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", {
+    return (o, e) => s(r) ? g("", !0) : (i(), a(R, u(f({ key: 0 }, t)), {
+      default: l(() => [
+        (i(), b("div", {
           class: "box-container",
           key: o.widget.id,
-          style: f(r.value)
+          style: x(n.value)
         }, [
-          l(b, {
+          w(c, {
             subFormRowIndex: o.subFormRowIndex,
             subFormRowId: o.subFormRowId,
             widgetList: o.widget.widgetList || [],
@@ -40,5 +41,6 @@ const L = /* @__PURE__ */ n({
   }
 });
 export {
-  L as default
+  C as default
 };
+//# sourceMappingURL=vf-box-widget.vue2.js.map