@kp-ui/lowcode-pc 1.0.0-alpha.1 → 1.0.0-alpha.10

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

@@ -0,0 +1,264 @@
+import { defineComponent, provide, ref, onMounted, resolveComponent, withDirectives, createElementBlock, openBlock, createElementVNode, Fragment, renderList, toDisplayString, createVNode, unref, withCtx, vShow, createBlock, createCommentVNode, createTextVNode, nextTick } from "vue";
+import { traverseFieldWidgetsOfContainer, generateId, deepClone } from "../../../../core/src/utils/util.js";
+import _sfc_main$1 from "../RenderWigetList.vue2.js";
+import { SvgIcon, TpfDelConfirm } from "tmgc2-share";
+/* empty css                                      */
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { useI18n } from "../../../../core/src/utils/i18n.js";
+const _hoisted_1 = { class: "sub-form-container" };
+const _hoisted_2 = { class: "row-no-column" };
+const _hoisted_3 = { class: "row-number-span" };
+const _hoisted_4 = { class: "grid-sub-form-data-row" };
+const _hoisted_5 = { class: "sub-form-action-column hide-label" };
+const _hoisted_6 = { class: "action-button-column" };
+const _hoisted_7 = { class: "header-row" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: ContainerTypeEnum.GridSubFormWidget,
+    componentName: ComponentNameEnum.ContainerWidget,
+    inheritAttrs: false
+  },
+  __name: "grid-sub-form-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(__props, { expose: __expose }) {
+    provide("isSubFormField", true);
+    provide("getSubFormName", () => props.widget.options.name);
+    const { i18nt } = useI18n();
+    const props = __props;
+    const rowIdData = ref([]);
+    const fieldWidgetList = ref([]);
+    const insertDisabled = ref(false);
+    const deleteDisabled = ref(false);
+    const actionDisabled = ref(false);
+    const { formModel, isReadMode, handleHidden, executeFunction, defineExposed } = useField(props);
+    const extractFieldWidgetList = () => {
+      fieldWidgetList.value = [];
+      const fieldListFn = (fw) => {
+        fieldWidgetList.value.push(fw);
+      };
+      traverseFieldWidgetsOfContainer(props.widget, fieldListFn);
+    };
+    const initRowIdData = (initFlag = false) => {
+      rowIdData.value = [];
+      const subFormModel = formModel.value[props.widget.options.name];
+      if (!!subFormModel && subFormModel.length > 0) {
+        subFormModel.forEach(() => {
+          rowIdData.value.push("id" + generateId());
+        });
+        if (initFlag) {
+          setTimeout(() => {
+            handleSubFormRowChange(subFormModel);
+          }, 800);
+        }
+      }
+    };
+    const handleSubFormRowChange = (subFormData) => {
+      if (props.widget.options.onSubFormRowChange) {
+        executeFunction({
+          functionBody: props.widget.options.onSubFormRowChange,
+          keys: ["subFormData"],
+          params: { subFormData }
+        });
+      }
+    };
+    const handleSubFormRowAdd = (subFormData, newRowId) => {
+      executeFunction({
+        functionBody: props.widget.options.onSubFormRowAdd,
+        params: {
+          subFormData,
+          newRowId
+        },
+        keys: ["subFormData", "newRowId"]
+      });
+    };
+    const handleSubFormRowInsert = (subFormData, newRowId) => {
+      executeFunction({
+        functionBody: props.widget.options.onSubFormRowInsert,
+        params: {
+          subFormData,
+          newRowId
+        },
+        keys: ["subFormData", "newRowId"]
+      });
+    };
+    const handleSubFormRowDelete = (subFormData, deletedDataRow) => {
+      executeFunction({
+        functionBody: props.widget.options.onSubFormRowDelete,
+        params: {
+          subFormData,
+          deletedDataRow
+        },
+        keys: ["subFormData", "deletedDataRow"]
+      });
+    };
+    const addSubFormRow = () => {
+      const newSubFormDataRow = {};
+      fieldWidgetList.value.forEach((subFormItem) => {
+        if (subFormItem == null ? void 0 : subFormItem.formItemFlag) {
+          newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;
+        }
+      });
+      const oldSubFormData = formModel.value[props.widget.options.name] || [];
+      oldSubFormData.push(newSubFormDataRow);
+      if (!formModel.value[props.widget.options.name]) {
+        formModel.value[props.widget.options.name] = oldSubFormData;
+      }
+      const newRowId = "id" + generateId();
+      rowIdData.value.push(newRowId);
+      nextTick(() => {
+        handleSubFormRowAdd(oldSubFormData, newRowId);
+        handleSubFormRowChange(oldSubFormData);
+      });
+    };
+    const insertSubFormRow = (index) => {
+      const newSubFormDataRow = {};
+      fieldWidgetList.value.forEach((subFormItem) => {
+        if (subFormItem == null ? void 0 : subFormItem.formItemFlag) {
+          newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;
+        }
+      });
+      const oldSubFormData = formModel.value[props.widget.options.name] || [];
+      oldSubFormData.splice(index, 0, newSubFormDataRow);
+      if (!formModel.value[props.widget.options.name]) {
+        formModel.value[props.widget.options.name] = oldSubFormData;
+      }
+      const newRowId = "id" + generateId();
+      rowIdData.value.splice(index, 0, newRowId);
+      nextTick(() => {
+        handleSubFormRowInsert(oldSubFormData, newRowId);
+        handleSubFormRowChange(oldSubFormData);
+      });
+    };
+    const deleteSubFormRow = (index) => {
+      TpfDelConfirm({
+        type: "confirm",
+        content: i18nt("render.hint.deleteSubFormRow") + "?",
+        title: i18nt("render.hint.prompt"),
+        okText: i18nt("render.hint.confirm"),
+        cancelText: i18nt("render.hint.cancel")
+      }).then(() => {
+        const oldSubFormData = formModel.value[props.widget.options.name] || [];
+        const deletedDataRow = deepClone(oldSubFormData[index]);
+        oldSubFormData.splice(index, 1);
+        rowIdData.value.splice(index, 1);
+        nextTick(() => {
+          handleSubFormRowDelete(oldSubFormData, deletedDataRow);
+          handleSubFormRowChange(oldSubFormData);
+        });
+      }).catch(() => {
+      });
+    };
+    const handleSubFormFirstRowAdd = () => {
+      if (!!props.widget.options.showBlankRow && rowIdData.value.length === 0) {
+        if (fieldWidgetList.value.length === 0) extractFieldWidgetList();
+        addSubFormRow();
+      }
+    };
+    onMounted(() => {
+      extractFieldWidgetList();
+      initRowIdData(true);
+      handleSubFormFirstRowAdd();
+    });
+    __expose({
+      ...defineExposed,
+      insertDisabled,
+      deleteDisabled,
+      actionDisabled,
+      setInsertDisabled: (flag) => {
+        insertDisabled.value = flag;
+      },
+      setDeleteDisabled: (flag) => {
+        deleteDisabled.value = flag;
+      },
+      setActionDisabled: (flag) => {
+        actionDisabled.value = flag;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_a_button = resolveComponent("a-button");
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(rowIdData.value, (subFormRowId, sfrIdx) => {
+          return openBlock(), createElementBlock("div", {
+            class: "sub-form-row",
+            key: subFormRowId
+          }, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("span", _hoisted_3, "#" + toDisplayString(sfrIdx + 1), 1)
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              createVNode(_sfc_main$1, {
+                widgetList: _ctx.widget.widgetList || [],
+                parentWidget: _ctx.widget,
+                subFormRowIndex: sfrIdx,
+                subFormRowId
+              }, null, 8, ["widgetList", "parentWidget", "subFormRowIndex", "subFormRowId"])
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              withDirectives(createElementVNode("div", _hoisted_6, [
+                createVNode(_component_a_button, {
+                  type: "link",
+                  title: unref(i18nt)("render.hint.insertSubFormRow"),
+                  disabled: actionDisabled.value || insertDisabled.value,
+                  onClick: ($event) => insertSubFormRow(sfrIdx)
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(unref(SvgIcon), { "icon-class": "icon-el-plus" })
+                  ]),
+                  _: 2
+                }, 1032, ["title", "disabled", "onClick"]),
+                createVNode(_component_a_button, {
+                  type: "link",
+                  title: unref(i18nt)("render.hint.deleteSubFormRow"),
+                  disabled: actionDisabled.value || deleteDisabled.value,
+                  onClick: ($event) => deleteSubFormRow(sfrIdx)
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(unref(SvgIcon), { "icon-class": "icon-el-delete" })
+                  ]),
+                  _: 2
+                }, 1032, ["title", "disabled", "onClick"])
+              ], 512), [
+                [vShow, !unref(isReadMode)]
+              ])
+            ])
+          ]);
+        }), 128)),
+        createElementVNode("div", _hoisted_7, [
+          !unref(isReadMode) ? (openBlock(), createBlock(_component_a_button, {
+            key: 0,
+            block: "",
+            disabled: actionDisabled.value || insertDisabled.value,
+            shape: "round",
+            type: "dashed",
+            size: "small",
+            class: "action-button",
+            onClick: addSubFormRow,
+            title: unref(i18nt)("render.hint.subFormAddActionHint")
+          }, {
+            icon: withCtx(() => [
+              createVNode(unref(SvgIcon), { "icon-class": "icon-el-plus" })
+            ]),
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString(unref(i18nt)("render.hint.subFormAddAction")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled", "title"])) : createCommentVNode("", true)
+        ])
+      ], 512)), [
+        [vShow, !unref(handleHidden)]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main 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    <div class=\"sub-form-container\" v-show=\"!handleHidden\">\n        <div v-for=\"(subFormRowId, sfrIdx) in rowIdData\" class=\"sub-form-row\" :key=\"subFormRowId\">\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</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, provide, onMounted, nextTick } from 'vue';\n    import {\n        deepClone,\n        generateId,\n        traverseFieldWidgetsOfContainer\n    } from '@kp-ui/lowcode-core/src/utils/util';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { SvgIcon, TpfDelConfirm } from 'tmgc2-share';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useI18n } from '@kp-ui/lowcode-core';\n    import { useField } from '@kp-ui/lowcode-core';\n    import { GridSubFormWidget } from '../../desginer/widget-panel/containers';\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 { formModel, isReadMode, handleHidden, executeFunction, defineExposed } = 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        TpfDelConfirm({\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        padding: 10px;\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":["_withDirectives","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_createVNode","RenderWigetList","widget","_unref","_createBlock","_createTextVNode"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import _sfc_main from "./grid-widget.vue2.js";
+import "./grid-widget.vue3.js";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const GridWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f30e6848"]]);
+export {
+  GridWidget 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

@@ -0,0 +1,62 @@
+import { defineComponent, resolveComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx, Fragment, renderList, createBlock } from "vue";
+import GridColWidget from "./grid-col-widget.vue.js";
+/* empty css                                      */
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "grid-container"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: ContainerTypeEnum.grid,
+    componentName: ComponentNameEnum.ContainerWidget
+  },
+  __name: "grid-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    designer: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { handleHidden, defineExposed, options } = useField(props, false);
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_row = resolveComponent("a-row");
+      return !unref(handleHidden) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_a_row, {
+          gutter: _ctx.widget.options.gutter,
+          justify: unref(options).gridJustify ?? "start",
+          align: unref(options).gridAlign ?? "top",
+          wrap: unref(options).gridWrap ?? true
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.widget.cols, (colWidget, colIdx) => {
+              return openBlock(), createBlock(GridColWidget, {
+                key: colWidget.id,
+                field: colWidget,
+                widget: colWidget,
+                "parent-list": _ctx.widget.cols || [],
+                "index-of-parent-list": colIdx,
+                "parent-widget": _ctx.widget,
+                "col-height": _ctx.widget.options.colHeight
+              }, null, 8, ["field", "widget", "parent-list", "index-of-parent-list", "parent-widget", "col-height"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["gutter", "justify", "align", "wrap"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main 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    <div class=\"grid-container\" v-if=\"!handleHidden\">\n        <a-row\n            :gutter=\"widget.options.gutter\"\n            :justify=\"options.gridJustify ?? 'start'\"\n            :align=\"options.gridAlign ?? 'top'\"\n            :wrap=\"options.gridWrap ?? true\"\n        >\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</template>\n\n<script lang=\"ts\" setup>\n    import { GridWidget } from '../../desginer/widget-panel/containers';\n    import GridColWidget from './grid-col-widget.vue';\n    import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useField } from '@kp-ui/lowcode-core';\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, options } = useField(props, false);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-container {\n    }\n</style>\n"],"names":["_unref","_openBlock","_createElementBlock","_createVNode","widget","_Fragment","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAMd,UAAM,EAAE,cAAc,eAAe,YAAY,SAAS,OAAO,KAAK;AAEtE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArCkCA,MAAA,YAAA,KAAnCC,aAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBFC,YAgBQ,kBAAA;AAAA,UAfH,QAAQC,KAAAA,OAAO,QAAQ;AAAA,UACvB,SAASJ,MAAA,OAAA,EAAQ,eAAW;AAAA,UAC5B,OAAOA,MAAA,OAAA,EAAQ,aAAS;AAAA,UACxB,MAAMA,MAAA,OAAA,EAAQ,YAAQ;AAAA,QAAA;2BAGnB,MAA0C;AAAA,aAD9CC,UAAA,IAAA,GAAAC,mBASEG,2BARgCD,KAAAA,OAAO,MAAI,CAAjC,WAAW,WAAM;kCAD7BE,YASE,eAAA;AAAA,gBAPG,KAAK,UAAU;AAAA,gBACf,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,eAAaF,KAAAA,OAAO,QAAI,CAAA;AAAA,gBACxB,wBAAsB;AAAA,gBACtB,iBAAeA,KAAAA;AAAAA,gBACf,cAAYA,KAAAA,OAAO,QAAQ;AAAA,cAAA;;;;;;;;;"}

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

@@ -0,0 +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

@@ -0,0 +1,22 @@
+/* empty css                                      */
+import GridSubFormWidget from "./grid-sub-form-widget.vue.js";
+import GridColWidget from "./grid-col-widget.vue.js";
+import GridWidget from "./grid-widget.vue.js";
+import DataTableWidget from "./data-table-widget.vue.js";
+import VfCollapseWidget from "./vf-collapse-widget.vue.js";
+import VfBoxWidget from "./vf-box-widget.vue.js";
+import TabWidget from "./tab-widget.vue.js";
+import { ContainerTypeEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+const RenderWidgetListData = {
+  [ContainerTypeEnum.GridColWidget]: GridColWidget,
+  [ContainerTypeEnum.grid]: GridWidget,
+  [ContainerTypeEnum.DataTable]: DataTableWidget,
+  [ContainerTypeEnum.VfCollapseWidget]: VfCollapseWidget,
+  [ContainerTypeEnum.GridSubFormWidget]: GridSubFormWidget,
+  [ContainerTypeEnum.VfBoxWidget]: VfBoxWidget,
+  [ContainerTypeEnum.Tab]: TabWidget
+};
+export {
+  RenderWidgetListData
+};
+//# 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 '@kp-ui/lowcode-core';\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 RenderWidgetListData = {\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":[],"mappings":";;;;;;;;;AAQO,MAAM,uBAAuB;AAAA,EAChC,CAAC,kBAAkB,aAAa,GAAG;AAAA,EACnC,CAAC,kBAAkB,IAAI,GAAG;AAAA,EAC1B,CAAC,kBAAkB,SAAS,GAAG;AAAA,EAC/B,CAAC,kBAAkB,gBAAgB,GAAG;AAAA,EACtC,CAAC,kBAAkB,iBAAiB,GAAG;AAAA,EACvC,CAAC,kBAAkB,WAAW,GAAG;AAAA,EACjC,CAAC,kBAAkB,GAAG,GAAG;AAC7B;"}

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

@@ -0,0 +1,8 @@
+import _sfc_main from "./tab-widget.vue2.js";
+/* empty css                */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const TabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1080446b"]]);
+export {
+  TabWidget 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,67 @@
+import { defineComponent, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode } from "vue";
+/* empty css                                      */
+import _sfc_main$1 from "../RenderWigetList.vue2.js";
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+const _hoisted_1 = { class: "tab-content-wrapper" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: ContainerTypeEnum.Tab,
+    componentName: ComponentNameEnum.ContainerWidget
+  },
+  __name: "tab-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const onTabClick = (key) => {
+      props.widget.options.activeTab = key;
+    };
+    return (_ctx, _cache) => {
+      const _component_a_tab_pane = resolveComponent("a-tab-pane");
+      const _component_a_tabs = resolveComponent("a-tabs");
+      return openBlock(), createElementBlock("div", {
+        key: _ctx.widget.id,
+        class: "tab-container container-design-widget"
+      }, [
+        createVNode(_component_a_tabs, {
+          type: _ctx.widget.options.type,
+          tabBarGutter: _ctx.widget.options.tabBarGutter,
+          tabPosition: _ctx.widget.options.tabPosition,
+          activeKey: _ctx.widget.options.activeTab,
+          "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => _ctx.widget.options.activeTab = $event),
+          onTabClick
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.widget.tabs, (tab) => {
+              return openBlock(), createBlock(_component_a_tab_pane, {
+                tab: tab.options.label,
+                key: tab.options.label
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    createVNode(_sfc_main$1, {
+                      widgetList: tab.widgetList || [],
+                      parentWidget: tab
+                    }, null, 8, ["widgetList", "parentWidget"])
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["tab"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["type", "tabBarGutter", "tabPosition", "activeKey"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main 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    <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</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { TabWidget } from '../../desginer/widget-panel/containers';\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":["_createElementBlock","widget","_createVNode","_openBlock","_Fragment","_renderList","_createBlock","_createElementVNode","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+BI,UAAM,QAAQ;AAEd,UAAM,aAAa,CAAA,QAAO;AACtB,YAAM,OAAO,QAAQ,YAAY;AAAA,IACrC;;;;0BAlCAA,mBAkBM,OAAA;AAAA,QAlBA,KAAKC,KAAAA,OAAO;AAAA,QAAI,OAAM;AAAA,MAAA;QACxBC,YAgBS,mBAAA;AAAA,UAfJ,MAAMD,KAAAA,OAAO,QAAQ;AAAA,UACrB,cAAcA,KAAAA,OAAO,QAAQ;AAAA,UAC7B,aAAaA,KAAAA,OAAO,QAAQ;AAAA,UACrB,WAAWA,KAAAA,OAAO,QAAQ;AAAA,sEAAfA,KAAAA,OAAO,QAAQ,YAAS;AAAA,UAC1C;AAAA,QAAA;2BAGG,MAA0B;AAAA,aAD9BE,UAAA,IAAA,GAAAH,mBAQaI,UAAA,MAAAC,WAPKJ,KAAAA,OAAO,OAAd,QAAG;kCADdK,YAQa,uBAAA;AAAA,gBANR,KAAK,IAAI,QAAQ;AAAA,gBACjB,KAAK,IAAI,QAAQ;AAAA,cAAA;iCAElB,MAEM;AAAA,kBAFNC,mBAEM,OAFN,YAEM;AAAA,oBADFL,YAA0EM,aAAA;AAAA,sBAAxD,YAAY,IAAI,cAAU,CAAA;AAAA,sBAAS,cAAc;AAAA,oBAAA;;;;;;;;;;;;;"}

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

@@ -0,0 +1,8 @@
+import _sfc_main from "./vf-box-widget.vue2.js";
+/* empty css                   */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const VfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-053bd1ae"]]);
+export {
+  VfBoxWidget 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

@@ -0,0 +1,60 @@
+import { defineComponent, computed, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, createVNode } from "vue";
+import _sfc_main$1 from "../RenderWigetList.vue2.js";
+/* empty css                                      */
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: ContainerTypeEnum.VfBoxWidget,
+    componentName: ComponentNameEnum.VfBoxWidget
+  },
+  __name: "vf-box-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { handleHidden, defineExposed } = useField(props, false);
+    const boxStyle = computed(() => {
+      const boxModel = props.widget.options.boxModel || {};
+      const style = {};
+      if (boxModel.borderShow) {
+        style.borderRadius = `${boxModel.borderRadius}px`;
+        style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;
+      }
+      if (boxModel.paddingTop !== void 0 || boxModel.paddingRight !== void 0 || boxModel.paddingBottom !== void 0 || boxModel.paddingLeft !== void 0) {
+        style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;
+      }
+      if (boxModel.marginTop !== void 0 || boxModel.marginRight !== void 0 || boxModel.marginBottom !== void 0 || boxModel.marginLeft !== void 0) {
+        style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${boxModel.marginBottom || 0}px ${boxModel.marginLeft || 0}px`;
+      }
+      return style;
+    });
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      return !unref(handleHidden) ? (openBlock(), createElementBlock("div", {
+        class: "box-container",
+        key: _ctx.widget.id,
+        style: normalizeStyle(boxStyle.value)
+      }, [
+        createVNode(_sfc_main$1, {
+          subFormRowIndex: _ctx.subFormRowIndex,
+          subFormRowId: _ctx.subFormRowId,
+          widgetList: _ctx.widget.widgetList || [],
+          parentWidget: _ctx.widget
+        }, null, 8, ["subFormRowIndex", "subFormRowId", "widgetList", "parentWidget"])
+      ], 4)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=vf-box-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-box-widget.vue"],"sourcesContent":["<template>\n    <div class=\"box-container\" v-if=\"!handleHidden\" :key=\"widget.id\" :style=\"boxStyle\">\n        <RenderWigetList\n            :subFormRowIndex=\"subFormRowIndex\"\n            :subFormRowId=\"subFormRowId\"\n            :widgetList=\"widget.widgetList || []\"\n            :parentWidget=\"widget\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { computed, CSSProperties } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useField } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfBoxWidget,\n        componentName: ComponentNameEnum.VfBoxWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n    const { handleHidden, defineExposed } = useField(props, false);\n    const boxStyle = computed(() => {\n        const boxModel = props.widget.options.boxModel || {};\n        const style = {} as CSSProperties;\n\n        if (boxModel.borderShow) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n            style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n        }\n\n        // 设置内边距\n        if (\n            boxModel.paddingTop !== undefined ||\n            boxModel.paddingRight !== undefined ||\n            boxModel.paddingBottom !== undefined ||\n            boxModel.paddingLeft !== undefined\n        ) {\n            style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n                boxModel.paddingBottom || 0\n            }px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (\n            boxModel.marginTop !== undefined ||\n            boxModel.marginRight !== undefined ||\n            boxModel.marginBottom !== undefined ||\n            boxModel.marginLeft !== undefined\n        ) {\n            style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                boxModel.marginBottom || 0\n            }px ${boxModel.marginLeft || 0}px`;\n        }\n\n        return style;\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        position: relative;\n    }\n</style>\n"],"names":["_unref","_createElementBlock","widget","_createVNode","RenderWigetList","subFormRowIndex","subFormRowId"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBI,UAAM,QAAQ;AACd,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAC7D,UAAM,WAAW,SAAS,MAAM;AAC5B,YAAM,WAAW,MAAM,OAAO,QAAQ,YAAY,CAAA;AAClD,YAAM,QAAQ,CAAA;AAEd,UAAI,SAAS,YAAY;AACrB,cAAM,eAAe,GAAG,SAAS,YAAY;AAC7C,cAAM,SAAS,GAAG,SAAS,WAAW,IAAI,SAAS,WAAW,MAAM,SAAS,WAAW;AAAA,MAC5F;AAGA,UACI,SAAS,eAAe,UACxB,SAAS,iBAAiB,UAC1B,SAAS,kBAAkB,UAC3B,SAAS,gBAAgB,QAC3B;AACE,cAAM,UAAU,GAAG,SAAS,cAAc,CAAC,MAAM,SAAS,gBAAgB,CAAC,MACvE,SAAS,iBAAiB,CAC9B,MAAM,SAAS,eAAe,CAAC;AAAA,MACnC;AAGA,UACI,SAAS,cAAc,UACvB,SAAS,gBAAgB,UACzB,SAAS,iBAAiB,UAC1B,SAAS,eAAe,QAC1B;AACE,cAAM,SAAS,GAAG,SAAS,aAAa,CAAC,MAAM,SAAS,eAAe,CAAC,MACpE,SAAS,gBAAgB,CAC7B,MAAM,SAAS,cAAc,CAAC;AAAA,MAClC;AAEA,aAAO;AAAA,IACX,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA7DiCA,MAAA,YAAA,kBAAlCC,mBAOM,OAAA;AAAA,QAPD,OAAM;AAAA,QAAsC,KAAKC,KAAAA,OAAO;AAAA,QAAK,sBAAO,SAAA,KAAQ;AAAA,MAAA;QAC7EC,YAKEC,aAAA;AAAA,UAJG,iBAAiBC,KAAAA;AAAAA,UACjB,cAAcC,KAAAA;AAAAA,UACd,YAAYJ,KAAAA,OAAO,cAAU,CAAA;AAAA,UAC7B,cAAcA,KAAAA;AAAAA,QAAAA;;;;;"}

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

@@ -0,0 +1,9 @@
+import _sfc_main from "./vf-collapse-widget.vue2.js";
+/* empty css                        */
+/* empty css                        */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const VfCollapseWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-43370f9c"]]);
+export {
+  VfCollapseWidget as default
+};
+//# sourceMappingURL=vf-collapse-widget.vue.js.map

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

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