@kp-ui/lowcode 1.0.88 → 1.0.90

package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-wrapper.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/container-wrapper.vue"],"sourcesContent":["<template>\n    <div class=\"container-wrapper\" :class=\"[customClass]\">\n        <slot></slot>\n\n        <div class=\"container-action\" v-if=\"designer.selectedId === widget.id && !widget.internal\">\n            <i\n                :title=\"i18nt('designer.hint.selectParentWidget')\"\n                @click.stop=\"selectParentWidget(widget)\"\n            >\n                <svg-icon icon-class=\"el-back\" />\n            </i>\n            <i\n                v-if=\"!!parentList && parentList.length > 1\"\n                :title=\"i18nt('designer.hint.moveUpWidget')\"\n                @click.stop=\"moveUpWidget()\"\n                ><svg-icon icon-class=\"el-move-up\"\n            /></i>\n            <i\n                v-if=\"!!parentList && parentList.length > 1\"\n                :title=\"i18nt('designer.hint.moveDownWidget')\"\n                @click.stop=\"moveDownWidget()\"\n                ><svg-icon icon-class=\"el-move-down\"\n            /></i>\n            <i\n                v-if=\"widget.type === 'table'\"\n                :title=\"i18nt('designer.hint.insertRow')\"\n                @click.stop=\"appendTableRow(widget)\"\n            >\n                <svg-icon icon-class=\"el-insert-row\" />\n            </i>\n            <i\n                v-if=\"widget.type === 'table'\"\n                :title=\"i18nt('designer.hint.insertColumn')\"\n                @click.stop=\"appendTableCol(widget)\"\n            >\n                <svg-icon icon-class=\"el-insert-column\" />\n            </i>\n            <i\n                v-if=\"widget.type === 'grid' || widget.type === 'table'\"\n                :title=\"i18nt('designer.hint.cloneWidget')\"\n                @click.stop=\"cloneContainer(widget)\"\n            >\n                <svg-icon icon-class=\"el-clone\" />\n            </i>\n            <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeWidget\">\n                <svg-icon icon-class=\"el-delete\" />\n            </i>\n        </div>\n\n        <div class=\"drag-handler\" v-if=\"designer.selectedId === widget.id && !widget.internal\">\n            <i :title=\"i18nt('designer.hint.dragHandler')\"\n                ><svg-icon icon-class=\"el-drag-move\"\n            /></i>\n            <i>\n                {{\n                    widget.showName ||\n                    i18n2t(\n                        `designer.widgetLabel.${widget.type}`,\n                        `extension.widgetLabel.${widget.type}`\n                    )\n                }}\n            </i>\n            <i v-if=\"widget.options.hidden === true\"><svg-icon icon-class=\"el-hide\" /></i>\n        </div>\n    </div>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import SvgIcon from '@/components/svg-icon';\n\n    export default {\n        name: 'container-wrapper',\n        mixins: [i18n, containerMixin],\n        components: {\n            SvgIcon\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object\n        },\n        computed: {\n            customClass() {\n                return !!this.widget.options.customClass\n                    ? this.widget.options.customClass.join(' ')\n                    : '';\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .container-wrapper {\n        position: relative;\n        margin-bottom: 5px;\n\n        .container-action {\n            position: absolute;\n            //bottom: -30px;\n            bottom: 0;\n            right: -2px;\n            height: 28px;\n            line-height: 28px;\n            background: var(--ant-primary-4); //var(--ant-primary-color);\n            z-index: 999;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .drag-handler {\n            position: absolute;\n            top: -2px;\n            //bottom: -24px;  /* 拖拽手柄位于组件下方，有时无法正常拖动，原因未明？？ */\n            left: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4); //var(--ant-primary-color);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: move;\n            }\n        }\n    }\n\n    .container-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot","_openBlock","_createElementVNode","_withModifiers","_createVNode","_toDisplayString"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/containerMixin.js

@@ -82,3 +82,4 @@ const containerMixin = {
 export {
   containerMixin as default
 };
+//# sourceMappingURL=containerMixin.js.map

package/src/components/form-designer/form-widget/container-widget/containerMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containerMixin.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/containerMixin.js"],"sourcesContent":["export default {\n  inject: ['getFormConfig'],\n  computed: {\n    formConfig() {\n      return this.getFormConfig();\n    }\n  },\n  methods: {\n    appendTableRow(widget) {\n      this.designer.appendTableRow(widget);\n    },\n\n    appendTableCol(widget) {\n      this.designer.appendTableCol(widget);\n    },\n\n    onContainerDragAdd(evt, subList) {\n      const newIndex = evt.newIndex;\n      if (!!subList[newIndex]) {\n        this.designer.setSelected(subList[newIndex]);\n      }\n\n      this.designer.emitHistoryChange();\n      this.designer.emitEvent('field-selected', this.widget);\n    },\n\n    onContainerDragUpdate() {\n      this.designer.emitHistoryChange();\n    },\n\n    /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */\n    checkContainerMove(evt) {\n      return this.designer.checkWidgetMove(evt);\n    },\n\n    selectWidget(widget) {\n      this.designer.setSelected(widget);\n    },\n\n    selectParentWidget() {\n      if (this.parentWidget) {\n        this.designer.setSelected(this.parentWidget);\n      } else {\n        this.designer.clearSelected();\n      }\n    },\n\n    moveUpWidget() {\n      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n      this.designer.emitHistoryChange();\n    },\n\n    moveDownWidget() {\n      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n      this.designer.emitHistoryChange();\n    },\n\n    cloneContainer(widget) {\n      if (!!this.parentList) {\n        const newCon = this.designer.cloneContainer(widget);\n        this.parentList.splice(this.indexOfParentList + 1, 0, newCon);\n        this.designer.setSelected(newCon);\n\n        this.designer.emitHistoryChange();\n      }\n    },\n\n    removeWidget() {\n      if (!!this.parentList) {\n        let nextSelected = null;\n        if (this.parentList.length === 1) {\n          if (!!this.parentWidget) {\n            nextSelected = this.parentWidget;\n          }\n        } else if (this.parentList.length === 1 + this.indexOfParentList) {\n          nextSelected = this.parentList[this.indexOfParentList - 1];\n        } else {\n          nextSelected = this.parentList[this.indexOfParentList + 1];\n        }\n\n        this.$nextTick(() => {\n          this.parentList.splice(this.indexOfParentList, 1);\n          //if (!!nextSelected) {\n          this.designer.setSelected(nextSelected);\n          //}\n\n          this.designer.emitHistoryChange();\n        });\n      }\n    },\n\n    setWidgetOption(optionName, optionValue) {\n      //通用组件选项修改API\n      if (this.widget.options.hasOwnProperty(optionName)) {\n        this.widget.options[optionName] = optionValue;\n      }\n    }\n  }\n};\n"],"names":[],"mappings":"AAAA,MAAA,iBAAe;AAAA,EACb,QAAQ,CAAC,eAAe;AAAA,EACxB,UAAU;AAAA,IACR,aAAa;AACX,aAAO,KAAK,cAAa;AAAA,IAC/B;AAAA,EACA;AAAA,EACE,SAAS;AAAA,IACP,eAAe,QAAQ;AACrB,WAAK,SAAS,eAAe,MAAM;AAAA,IACzC;AAAA,IAEI,eAAe,QAAQ;AACrB,WAAK,SAAS,eAAe,MAAM;AAAA,IACzC;AAAA,IAEI,mBAAmB,KAAK,SAAS;AAC/B,YAAM,WAAW,IAAI;AACrB,UAAI,CAAC,CAAC,QAAQ,QAAQ,GAAG;AACvB,aAAK,SAAS,YAAY,QAAQ,QAAQ,CAAC;AAAA,MACnD;AAEM,WAAK,SAAS,kBAAiB;AAC/B,WAAK,SAAS,UAAU,kBAAkB,KAAK,MAAM;AAAA,IAC3D;AAAA,IAEI,wBAAwB;AACtB,WAAK,SAAS,kBAAiB;AAAA,IACrC;AAAA;AAAA,IAGI,mBAAmB,KAAK;AACtB,aAAO,KAAK,SAAS,gBAAgB,GAAG;AAAA,IAC9C;AAAA,IAEI,aAAa,QAAQ;AACnB,WAAK,SAAS,YAAY,MAAM;AAAA,IACtC;AAAA,IAEI,qBAAqB;AACnB,UAAI,KAAK,cAAc;AACrB,aAAK,SAAS,YAAY,KAAK,YAAY;AAAA,MACnD,OAAa;AACL,aAAK,SAAS,cAAa;AAAA,MACnC;AAAA,IACA;AAAA,IAEI,eAAe;AACb,WAAK,SAAS,aAAa,KAAK,YAAY,KAAK,iBAAiB;AAClE,WAAK,SAAS,kBAAiB;AAAA,IACrC;AAAA,IAEI,iBAAiB;AACf,WAAK,SAAS,eAAe,KAAK,YAAY,KAAK,iBAAiB;AACpE,WAAK,SAAS,kBAAiB;AAAA,IACrC;AAAA,IAEI,eAAe,QAAQ;AACrB,UAAI,CAAC,CAAC,KAAK,YAAY;AACrB,cAAM,SAAS,KAAK,SAAS,eAAe,MAAM;AAClD,aAAK,WAAW,OAAO,KAAK,oBAAoB,GAAG,GAAG,MAAM;AAC5D,aAAK,SAAS,YAAY,MAAM;AAEhC,aAAK,SAAS,kBAAiB;AAAA,MACvC;AAAA,IACA;AAAA,IAEI,eAAe;AACb,UAAI,CAAC,CAAC,KAAK,YAAY;AACrB,YAAI,eAAe;AACnB,YAAI,KAAK,WAAW,WAAW,GAAG;AAChC,cAAI,CAAC,CAAC,KAAK,cAAc;AACvB,2BAAe,KAAK;AAAA,UAChC;AAAA,QACA,WAAmB,KAAK,WAAW,WAAW,IAAI,KAAK,mBAAmB;AAChE,yBAAe,KAAK,WAAW,KAAK,oBAAoB,CAAC;AAAA,QACnE,OAAe;AACL,yBAAe,KAAK,WAAW,KAAK,oBAAoB,CAAC;AAAA,QACnE;AAEQ,aAAK,UAAU,MAAM;AACnB,eAAK,WAAW,OAAO,KAAK,mBAAmB,CAAC;AAEhD,eAAK,SAAS,YAAY,YAAY;AAGtC,eAAK,SAAS,kBAAiB;AAAA,QACzC,CAAS;AAAA,MACT;AAAA,IACA;AAAA,IAEI,gBAAgB,YAAY,aAAa;AAEvC,UAAI,KAAK,OAAO,QAAQ,eAAe,UAAU,GAAG;AAClD,aAAK,OAAO,QAAQ,UAAU,IAAI;AAAA,MAC1C;AAAA,IACA;AAAA,EACA;AACA;"}

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -65,3 +65,4 @@ const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_
 export {
   dataTableWidget as default
 };
+//# sourceMappingURL=data-table-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"collapse-container data-table-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <div class=\"talbe-wrapper\">\n                <s-table\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </s-table>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_normalizeStyle","_withCtx"],"mappings":";;;;AAciB,MAAA,aAAA,EAAA,OAAM,gBAAe;;;;;;sBAblCA,YA8CoB,8BAAA;AAAA,IA7Cf,UAAU,OAAA;AAAA,IACV,QAAQ,OAAA;AAAA,IACR,iBAAe,OAAA;AAAA,IACf,eAAa,OAAA;AAAA,IACb,wBAAsB,OAAA;AAAA;qBAEvB,MAsCM;AAAA,oBAtCNC,mBAsCM,OAAA;AAAA,QArCD,KAAK,OAAA,OAAO;AAAA,QACb,OAAKC,eAAA,CAAC,2CAAyC,EAAA,UAC3B,SAAA,SAAQ,CAAA,CAAA;AAAA,QAC3B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,SAAA,aAAa,OAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,mBA+BM,OA/BN,YA+BM;AAAA,UA9BFC,YA6BU,oBAAA;AAAA,YA5BN,KAAI;AAAA,YACH,SAAS,KAAA,QAAQ;AAAA,YACjB,aAAa,KAAA,YAAW;AAAA,YACxB,QAAQ,KAAA;AAAA,YACR,YAAY,SAAA;AAAA,YACZ,uBAAQ,KAAA,WAAW,CAAA;AAAA,YACnB,MAAM,KAAA;AAAA,YACN,QAAQ,YAAU,OAAO,OAAA,OAAO,QAAQ,MAAM;AAAA,YAC9C,UAAU,OAAA,OAAO,QAAQ;AAAA,YACzB,OAAKC,eAAA,EAAA,OAAW,OAAA,OAAO,QAAQ,YAAU;AAAA,YACzC,kBAAgB,KAAA;AAAA,YAChB,cAAc,KAAA,mBAAkB;AAAA,YAChC,YAAY,KAAA;AAAA,YACZ,WAAW,KAAA;AAAA,YACX,cAAc,KAAA;AAAA,YACd,UAAQ,KAAA;AAAA,YACR,gBAAc,KAAA;AAAA,YACd,SAAS,KAAA;AAAA,YACT,cAAY,KAAA;AAAA;YAEF,mBACP,MAAW;AAAA,cAAXD,YAAW,kBAAA;AAAA;YAEJ,UAAQE,QACf,CADiB,UAAK;AAAA,cACN,KAAA,eAAe,MAAM,OAAO,SAAS,kBACjDP,YAA8D,2BAAA;AAAA;gBAA7C,UAAU,KAAA,QAAQ;AAAA,gBAAW;AAAA;;;;;;;;;;;"}

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js

@@ -66,3 +66,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
+//# sourceMappingURL=data-table-widget.vue2.js.map

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"collapse-container data-table-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <div class=\"talbe-wrapper\">\n                <s-table\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </s-table>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["name","componentName","mixins","i18n","containerMixin","refMixinDesign","emitter","useDataTableMixin","inject","components","ContainerWrapper","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","created","initRefList","mounted","loadDataTableDataSource","beforeUnmount","computed","options","dataSource","selected","id","selectedId","methods","selectWidget","setSelected"],"mappings":";;;;;;;AA0DI,MAAA,YAAe;AAAA,EACXA,MAAM;AAAA,EACNC,eAAe;AAAA,EACfC,QAAQ,CAACC,MAAMC,gBAAgBC,gBAAgBC,SAASC,iBAAiB;AAAA,EACzEC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,IACRC;AAAAA,IACA,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO;AAAA;AAAA;;EAIXC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA,IACb;AAAA;EAEJI,UAAU;AACN,SAAKC,YAAW;AAAA;EAEpBC,UAAU;AACN,SAAKC,wBAAuB;AAAA;EAEhCC,gBAAgB;AAAA;EAGhBC,UAAU;AAAA,IACNrB,OAAO;AACH,aAAO,KAAKE,OAAOoB,QAAQC;AAAAA;IAE/BC,WAAW;AACP,aAAO,KAAKtB,OAAOuB,OAAO,KAAKhB,SAASiB;AAAAA,IAC5C;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAa1B,QAAQ;AACjB,WAAKO,SAASoB,YAAY3B,MAAM;AAAA,IACpC;AAAA,EACJ;AACJ;"}

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

@@ -302,3 +302,4 @@ const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_re
 export {
   GridColWidget as default
 };
+//# sourceMappingURL=grid-col-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-col-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-col-widget.vue"],"sourcesContent":["<template>\n    <a-col\n        v-if=\"widget.type === 'grid-col'\"\n        class=\"grid-cell\"\n        v-bind=\"layoutProps\"\n        :class=\"[selected ? 'selected' : '', customClass]\"\n        :style=\"colHeightStyle\"\n        :key=\"widget.id\"\n        @click.stop=\"selectWidget(widget)\"\n    >\n        <draggable\n            :list=\"widget.widgetList\"\n            item-key=\"id\"\n            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n            tag=\"transition-group\"\n            :component-data=\"{ name: 'fade' }\"\n            handle=\".drag-handler\"\n            @end=\"evt => onGridDragEnd(evt, widget.widgetList)\"\n            @add=\"evt => onGridDragAdd(evt, widget.widgetList)\"\n            @update=\"onGridDragUpdate\"\n            :move=\"checkContainerMove\"\n        >\n            <template #item=\"{ element: subWidget, index: swIdx }\">\n                <div class=\"form-widget-list\">\n                    <template v-if=\"'container' === subWidget.category\">\n                        <component\n                            :is=\"subWidget.type + '-widget'\"\n                            :widget=\"subWidget\"\n                            :designer=\"designer\"\n                            :key=\"subWidget.id\"\n                            :parent-list=\"widget.widgetList\"\n                            :index-of-parent-list=\"swIdx\"\n                            :parent-widget=\"widget\"\n                        />\n                    </template>\n                    <template v-else>\n                        <component\n                            :is=\"subWidget.type + '-widget'\"\n                            :field=\"subWidget\"\n                            :designer=\"designer\"\n                            :key=\"subWidget.id\"\n                            :parent-list=\"widget.widgetList\"\n                            :index-of-parent-list=\"swIdx\"\n                            :parent-widget=\"widget\"\n                            :design-state=\"true\"\n                        />\n                    </template>\n                </div>\n            </template>\n        </draggable>\n\n        <div\n            class=\"grid-col-action\"\n            v-if=\"designer.selectedId === widget.id && widget.type === 'grid-col'\"\n        >\n            <i\n                :title=\"i18nt('designer.hint.selectParentWidget')\"\n                @click.stop=\"selectParentWidget(widget)\"\n            >\n                <svg-icon icon-class=\"el-back\" />\n            </i>\n            <i\n                v-if=\"!!parentList && parentList.length > 1\"\n                :title=\"i18nt('designer.hint.moveUpWidget')\"\n                @click.stop=\"moveUpWidget()\"\n            >\n                <svg-icon icon-class=\"el-move-up\" />\n            </i>\n            <i\n                v-if=\"!!parentList && parentList.length > 1\"\n                :title=\"i18nt('designer.hint.moveDownWidget')\"\n                @click.stop=\"moveDownWidget()\"\n            >\n                <svg-icon icon-class=\"el-move-down\" />\n            </i>\n            <i :title=\"i18nt('designer.hint.cloneWidget')\" @click.stop=\"cloneGridCol(widget)\">\n                <svg-icon icon-class=\"el-clone\" />\n            </i>\n            <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeWidget\">\n                <svg-icon icon-class=\"el-delete\" />\n            </i>\n        </div>\n\n        <div\n            class=\"grid-col-handler\"\n            v-if=\"designer.selectedId === widget.id && widget.type === 'grid-col'\"\n        >\n            <i>{{ i18nt('designer.widgetLabel.' + widget.type) }}</i>\n        </div>\n    </a-col>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import SvgIcon from '@/components/svg-icon';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'GridColWidget',\n        componentName: 'GridColWidget',\n        mixins: [i18n, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ...FieldComponents,\n            SvgIcon\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            colHeight: {\n                type: String,\n                default: null\n            }\n        },\n        data() {\n            return {\n                layoutProps: {\n                    span: this.widget.options.span || 12,\n                    // md: this.widget.options.md || 12,\n                    // sm: this.widget.options.sm || 12,\n                    // xs: this.widget.options.xs || 12,\n                    offset: this.widget.options.offset || 0,\n                    push: this.widget.options.push || 0,\n                    pull: this.widget.options.pull || 0\n                }\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            },\n\n            colHeightStyle() {\n                return !!this.colHeight ? { height: this.colHeight + 'px' } : {};\n            }\n        },\n        watch: {\n            'designer.formConfig.layoutType': {\n                handler(val) {\n                    if (!!this.widget.options.responsive) {\n                        if (val === 'H5') {\n                            this.layoutProps.span = this.widget.options.xs || 12;\n                        } else if (val === 'Pad') {\n                            this.layoutProps.span = this.widget.options.sm || 12;\n                        } else {\n                            this.layoutProps.span = this.widget.options.md || 12;\n                        }\n                    } else {\n                        this.layoutProps.span = this.widget.options.span || 12;\n                    }\n                }\n            },\n\n            'widget.options.responsive': {\n                handler(val) {\n                    const lyType = this.designer.formConfig.layoutType;\n                    if (!!val) {\n                        if (lyType === 'H5') {\n                            this.layoutProps.span = this.widget.options.xs || 12;\n                        } else if (lyType === 'Pad') {\n                            this.layoutProps.span = this.widget.options.sm || 12;\n                        } else {\n                            this.layoutProps.span = this.widget.options.md || 12;\n                        }\n                    } else {\n                        this.layoutProps.span = this.widget.options.span || 12;\n                    }\n                }\n            },\n\n            'widget.options.span': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.md': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.sm': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.xs': {\n                handler(val) {\n                    this.layoutProps.span = val;\n                }\n            },\n\n            'widget.options.offset': {\n                handler(val) {\n                    this.layoutProps.offset = val;\n                }\n            },\n\n            'widget.options.push': {\n                handler(val) {\n                    this.layoutProps.push = val;\n                }\n            },\n\n            'widget.options.pull': {\n                handler(val) {\n                    this.layoutProps.pull = val;\n                }\n            }\n        },\n        created() {\n            this.initRefList();\n            this.initLayoutProps();\n        },\n        methods: {\n            initLayoutProps() {\n                if (!!this.widget.options.responsive) {\n                    const lyType = this.designer.formConfig.layoutType;\n                    if (lyType === 'H5') {\n                        this.layoutProps.span = this.widget.options.xs || 12;\n                    } else if (lyType === 'Pad') {\n                        this.layoutProps.span = this.widget.options.sm || 12;\n                    } else {\n                        this.layoutProps.span = this.widget.options.md || 12;\n                    }\n                } else {\n                    this.layoutProps.spn = this.widget.options.span;\n                }\n            },\n\n            onGridDragEnd(evt, subList) {\n                //\n            },\n\n            onGridDragAdd(evt, subList) {\n                const newIndex = evt.newIndex;\n                if (!!subList[newIndex]) {\n                    this.designer.setSelected(subList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                this.designer.emitEvent('field-selected', this.widget);\n            },\n\n            onGridDragUpdate() {\n                this.designer.emitHistoryChange();\n            },\n\n            selectWidget(widget) {\n                console.log('id: ' + widget.id);\n                this.designer.setSelected(widget);\n            },\n\n            checkContainerMove(evt) {\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            moveUpWidget() {\n                this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n            },\n\n            moveDownWidget() {\n                this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n            },\n\n            cloneGridCol(widget) {\n                this.designer.cloneGridCol(widget, this.parentWidget);\n            },\n\n            removeWidget() {\n                if (!!this.parentList) {\n                    let nextSelected = null;\n                    if (this.parentList.length === 1) {\n                        if (!!this.parentWidget) {\n                            nextSelected = this.parentWidget;\n                        }\n                    } else if (this.parentList.length === 1 + this.indexOfParentList) {\n                        nextSelected = this.parentList[this.indexOfParentList - 1];\n                    } else {\n                        nextSelected = this.parentList[this.indexOfParentList + 1];\n                    }\n\n                    this.$nextTick(() => {\n                        this.parentList.splice(this.indexOfParentList, 1);\n                        //if (!!nextSelected) {\n                        this.designer.setSelected(nextSelected);\n                        //}\n\n                        this.designer.emitHistoryChange();\n                    });\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-cell {\n        min-height: 38px !important;\n        //margin: 6px 0;  /* 设置了margin，栅格列的offset、push、pull会失效！！ */\n        padding: 3px;\n        outline: 1px dashed #336699;\n        position: relative;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n\n        .grid-col-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 28px;\n            line-height: 28px;\n            background: var(--ant-primary-4);\n            z-index: 999;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .grid-col-handler {\n            position: absolute;\n            top: -2px;\n            left: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: default;\n            }\n        }\n    }\n\n    .grid-col-action,\n    .grid-col-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n</style>\n"],"names":["Draggable","FieldComponents","_openBlock","_createBlock","_mergeProps","_withModifiers","_createVNode","_withCtx","_createElementVNode","_resolveDynamicComponent","_createElementBlock","_toDisplayString"],"mappings":"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"}

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

@@ -113,3 +113,4 @@ const gridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sf
 export {
   gridSubFormWidget as default
 };
+//# sourceMappingURL=grid-sub-form-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-sub-form-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"sub-form-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <div class=\"grid-sub-form\">\n                <draggable\n                    :list=\"widget.widgetList\"\n                    item-key=\"id\"\n                    v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                    tag=\"transition-group\"\n                    :component-data=\"{ name: 'fade' }\"\n                    handle=\".drag-handler\"\n                    @add=\"evt => onSubFormDragAdd(evt, widget.widgetList)\"\n                    @end=\"onSubFormDragEnd\"\n                    @update=\"onContainerDragUpdate\"\n                    :move=\"checkContainerMove\"\n                >\n                    <template #item=\"{ element: subWidget, index: swIdx }\">\n                        <template v-if=\"'container' === subWidget.category\">\n                            <component\n                                :is=\"subWidget.type + '-widget'\"\n                                :widget=\"subWidget\"\n                                :designer=\"designer\"\n                                :key=\"subWidget.id\"\n                                :parent-list=\"widget.widgetList\"\n                                :index-of-parent-list=\"swIdx\"\n                                :parent-widget=\"widget\"\n                            />\n                        </template>\n                    </template>\n                </draggable>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'grid-sub-form-widget',\n        componentName: 'ContainerWidget',\n        mixins: [i18n, containerMixin, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object\n        },\n        provide() {\n            return {\n                getSubFormFieldFlag: () => true,\n                getSubFormName: () => this.widget.options.name\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n        },\n        methods: {\n            onSubFormDragAdd(evt, subList) {\n                const newIndex = evt.newIndex;\n                if (!!subList[newIndex]) {\n                    this.designer.setSelected(subList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                console.log('test', 'onSubFormDragAdd');\n                this.designer.emitEvent('field-selected', this.widget);\n            },\n\n            onSubFormDragEnd(evt) {\n                console.log('sub form drag end: ', evt);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .sub-form-container {\n        //width: 100%;\n        padding: 8px;\n        border: 1px dashed #336699;\n\n        :deep(.grid-sub-form) {\n            min-height: 68px;\n        }\n\n        :deep(.ghost) {\n            content: '';\n            font-size: 0;\n            height: 3px;\n            width: 100%;\n            //height: 74px;\n            //width: 1px;\n            box-sizing: border-box;\n            display: inline-block;\n            background: var(--ant-primary-4);\n            border: 2px solid var(--ant-primary-4);\n            outline-width: 0;\n            padding: 0;\n            margin: 0;\n            overflow: hidden;\n        }\n    }\n\n    .sub-form-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_mergeProps","_withCtx","_resolveDynamicComponent"],"mappings":";;;;;;;;;AAsDI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,WAAAA;AAAAA,IACA;AAAA,IACA,GAAGC;AAAAA;EAEP,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA;EAEd,UAAU;AACN,WAAO;AAAA,MACH,qBAAqB,MAAM;AAAA,MAC3B,gBAAgB,MAAM,KAAK,OAAO,QAAQ;AAAA;;EAGlD,UAAU;AAAA,IACN,WAAW;AACP,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA;IAG5C,cAAc;AACV,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC9C;AAAA;EAEJ,OAAO;AAAA;AAAA;EAGP,UAAU;AACN,SAAK,YAAW;AAAA;EAEpB,UAAU;AAAA;EAGV,SAAS;AAAA,IACL,iBAAiB,KAAK,SAAS;AAC3B,YAAM,WAAW,IAAI;AACrB,UAAI,CAAC,CAAC,QAAQ,QAAQ,GAAG;AACrB,aAAK,SAAS,YAAY,QAAQ,QAAQ,CAAC;AAAA,MAC/C;AAEA,WAAK,SAAS,kBAAiB;AAC/B,cAAQ,IAAI,QAAQ,kBAAkB;AACtC,WAAK,SAAS,UAAU,kBAAkB,KAAK,MAAM;AAAA;IAGzD,iBAAiB,KAAK;AAClB,cAAQ,IAAI,uBAAuB,GAAG;AAAA,IAC1C;AAAA,EACJ;;AAhGS,MAAA,aAAA,EAAA,OAAM,gBAAe;;;;sBAblCC,YA0CoB,8BAAA;AAAA,IAzCf,UAAU,OAAA;AAAA,IACV,QAAQ,OAAA;AAAA,IACR,iBAAe,OAAA;AAAA,IACf,eAAa,OAAA;AAAA,IACb,wBAAsB,OAAA;AAAA;qBAEvB,MAkCM;AAAA,oBAlCNC,mBAkCM,OAAA;AAAA,QAjCD,KAAK,OAAA,OAAO;AAAA,QACb,OAAKC,eAAA,CAAC,sBAAoB,EAAA,UACN,SAAA,SAAQ,CAAA,CAAA;AAAA,QAC3B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,KAAA,aAAa,OAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,mBA2BM,OA3BN,YA2BM;AAAA,UA1BFC,YAyBY,sBAzBZC,WAyBY;AAAA,YAxBP,MAAM,OAAA,OAAO;AAAA,YACd,YAAS;AAAA,aACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,YACnE,KAAI;AAAA,YACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,YACjB,QAAO;AAAA,YACN,OAAG,OAAA,CAAA,MAAA,OAAA,CAAA,IAAE,SAAO,SAAA,iBAAiB,KAAK,OAAA,OAAO,UAAU;AAAA,YACnD,OAAK,SAAA;AAAA,YACL,UAAQ,KAAA;AAAA,YACR,MAAM,KAAA;AAAA;YAEI,MAAIC,QACX,CAUW,EAAA,SAXa,kBAAkB,YAAK;AAAA,cACf,gBAAA,UAAU,yBACtCP,YAQEQ,wBAPO,UAAU,OAAI,SAAA,GAAA;AAAA,gBAClB,QAAQ;AAAA,gBACR,UAAU,OAAA;AAAA,gBACV,KAAK,UAAU;AAAA,gBACf,eAAa,OAAA,OAAO;AAAA,gBACpB,wBAAsB;AAAA,gBACtB,iBAAe,OAAA;AAAA;;;;;;;;;;;"}

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

@@ -81,3 +81,4 @@ const gridWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_rende
 export {
   gridWidget as default
 };
+//# sourceMappingURL=grid-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <a-row\n            :key=\"widget.id\"\n            :gutter=\"widget.options.gutter\"\n            class=\"grid-container\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <template v-for=\"(colWidget, colIdx) in widget.cols\" :key=\"colWidget.id\">\n                <grid-col-widget\n                    :widget=\"colWidget\"\n                    :designer=\"designer\"\n                    :parent-list=\"widget.cols\"\n                    :index-of-parent-list=\"colIdx\"\n                    :parent-widget=\"widget\"\n                    :col-height=\"widget.options.colHeight\"\n                />\n            </template>\n        </a-row>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import GridColWidget from '@/components/form-designer/form-widget/container-widget/grid-col-widget';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n\n    export default {\n        name: 'grid-widget',\n        componentName: 'ContainerWidget',\n        mixins: [i18n, containerMixin, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            GridColWidget\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n        },\n        methods: {}\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .ant-row.grid-container {\n        min-height: 50px;\n        outline: 1px dashed #336699;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n    }\n\n    .grid-container.selected,\n    .grid-cell.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["_createBlock","_normalizeClass","_withModifiers","_openBlock","_createElementBlock","_Fragment"],"mappings":";;;;;;;;AAoCI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR;AAAA,IACA;AAAA;EAEJ,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA;EAEd,UAAU;AAAA,IACN,WAAW;AACP,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA;IAG5C,cAAc;AACV,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC9C;AAAA;EAEJ,OAAO;AAAA;AAAA;EAGP,UAAU;AACN,SAAK,YAAW;AAAA;EAEpB,UAAU;AAAA;EAGV,SAAS,CAAA;;;;;;sBArEbA,YAyBoB,8BAAA;AAAA,IAxBf,UAAU,OAAA;AAAA,IACV,QAAQ,OAAA;AAAA,IACR,iBAAe,OAAA;AAAA,IACf,eAAa,OAAA;AAAA,IACb,wBAAsB,OAAA;AAAA;qBAEvB,MAiBQ;AAAA,oBAjBRA,YAiBQ,kBAAA;AAAA,QAhBH,KAAK,OAAA,OAAO;AAAA,QACZ,QAAQ,OAAA,OAAO,QAAQ;AAAA,QACxB,OAAKC,eAAA,CAAC,kBAAgB,CACb,SAAA,4BAA4B,SAAA,WAAW,CAAA,CAAA;AAAA,QAC/C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,KAAA,aAAa,OAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;yBAEtB,MAA0C;AAAA,WAApDC,UAAA,IAAA,GAAAC,mBASWC,2BAT6B,OAAA,OAAO,MAAI,CAAjC,WAAW,WAAM;gCAC/BL,YAOE,4BAAA;AAAA,cARqD,KAAA,UAAU;AAAA,cAE5D,QAAQ;AAAA,cACR,UAAU,OAAA;AAAA,cACV,eAAa,OAAA,OAAO;AAAA,cACpB,wBAAsB;AAAA,cACtB,iBAAe,OAAA;AAAA,cACf,cAAY,OAAA,OAAO,QAAQ;AAAA;;;;;;;;;;"}

package/src/components/form-designer/form-widget/container-widget/index.js

@@ -12,3 +12,4 @@ const ContainerWidgets = {
 export {
   ContainerWidgets as default
 };
+//# sourceMappingURL=index.js.map

package/src/components/form-designer/form-widget/container-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/index.js"],"sourcesContent":["import { defineAsyncComponent } from 'vue';\nimport { getFileName } from '@/utils/getFileName';\nconst modules = import.meta.glob('./*.vue');\n\nexport default {\n    install(app) {\n        for (const path in modules) {\n            const cname = getFileName(path);\n            app.component(cname, defineAsyncComponent(modules[path]));\n        }\n    }\n};\n"],"names":[],"mappings":";;AAEA,MAAM;AAEN,MAAA,mBAAe;AAAA,EACX,QAAQ,KAAK;AACT,eAAW,QAAQ,SAAS;AACxB,YAAM,QAAQ,YAAY,IAAI;AAC9B,UAAI,UAAU,OAAO,qBAAqB,QAAQ,IAAI,CAAC,CAAC;AAAA,IACpE;AAAA,EACA;AACA;"}

package/src/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js

@@ -129,3 +129,4 @@ const subFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_re
 export {
   subFormWidget as default
 };
+//# sourceMappingURL=sub-form-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-form-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/sub-form-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"sub-form-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <a-form layout=\"horizontal\" class=\"tpf-form\">\n                <div class=\"sub-form-table\">\n                    <draggable\n                        :list=\"widget.widgetList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        handle=\".drag-handler\"\n                        @add=\"evt => onSubFormDragAdd(evt, widget.widgetList)\"\n                        @end=\"onSubFormDragEnd\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div\n                                class=\"sub-form-table-column\"\n                                :style=\"{ width: subWidget.options.columnWidth }\"\n                            >\n                                <component\n                                    :is=\"subWidget.type + '-widget'\"\n                                    :field=\"subWidget\"\n                                    :designer=\"designer\"\n                                    :key=\"subWidget.id\"\n                                    :parent-list=\"widget.widgetList\"\n                                    :index-of-parent-list=\"swIdx\"\n                                    :parent-widget=\"widget\"\n                                    :design-state=\"true\"\n                                    :sub-form-item-flag=\"true\"\n                                />\n                            </div>\n                        </template>\n                    </draggable>\n                </div>\n            </a-form>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'sub-form-widget',\n        componentName: 'ContainerWidget',\n        mixins: [i18n, containerMixin, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object\n        },\n        provide() {\n            return {\n                getSubFormFieldFlag: () => true,\n                getSubFormName: () => this.widget.options.name\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n        },\n        methods: {\n            onSubFormDragAdd(evt, subList) {\n                const newIndex = evt.newIndex;\n                if (!!subList[newIndex]) {\n                    this.designer.setSelected(subList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                console.log('test', 'onSubFormDragAdd');\n                this.designer.emitEvent('field-selected', this.widget);\n            },\n\n            onSubFormDragEnd(evt) {\n                console.log('sub form drag end: ', evt);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .sub-form-container {\n        //width: 100%;\n        padding: 8px;\n        border: 1px dashed #336699;\n\n        :deep(.sub-form-table) {\n            min-height: 68px;\n\n            div.sub-form-table-column {\n                display: inline-block;\n                //width: 200px;\n            }\n        }\n\n        :deep(.ghost) {\n            content: '';\n            font-size: 0;\n            //height: 3px;\n            height: 74px;\n            width: 1px;\n            box-sizing: border-box;\n            display: inline-block;\n            background: var(--ant-primary-4);\n            border: 2px solid var(--ant-primary-4);\n            outline-width: 0;\n            padding: 0;\n            margin: 0;\n            overflow: hidden;\n        }\n    }\n\n    .sub-form-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_createElementVNode","_mergeProps","_withCtx","_normalizeStyle","_resolveDynamicComponent"],"mappings":";;;;;;;;;AA6DI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,WAAAA;AAAAA,IACA;AAAA,IACA,GAAGC;AAAAA;EAEP,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA;EAEd,UAAU;AACN,WAAO;AAAA,MACH,qBAAqB,MAAM;AAAA,MAC3B,gBAAgB,MAAM,KAAK,OAAO,QAAQ;AAAA;;EAGlD,UAAU;AAAA,IACN,WAAW;AACP,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA;IAG5C,cAAc;AACV,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC9C;AAAA;EAEJ,OAAO;AAAA;AAAA;EAGP,UAAU;AACN,SAAK,YAAW;AAAA;EAEpB,UAAU;AAAA;EAGV,SAAS;AAAA,IACL,iBAAiB,KAAK,SAAS;AAC3B,YAAM,WAAW,IAAI;AACrB,UAAI,CAAC,CAAC,QAAQ,QAAQ,GAAG;AACrB,aAAK,SAAS,YAAY,QAAQ,QAAQ,CAAC;AAAA,MAC/C;AAEA,WAAK,SAAS,kBAAiB;AAC/B,cAAQ,IAAI,QAAQ,kBAAkB;AACtC,WAAK,SAAS,UAAU,kBAAkB,KAAK,MAAM;AAAA;IAGzD,iBAAiB,KAAK;AAClB,cAAQ,IAAI,uBAAuB,GAAG;AAAA,IAC1C;AAAA,EACJ;;AAtGa,MAAA,aAAA,EAAA,OAAM,iBAAgB;;;;;sBAdvCC,YAiDoB,8BAAA;AAAA,IAhDf,UAAU,OAAA;AAAA,IACV,QAAQ,OAAA;AAAA,IACR,iBAAe,OAAA;AAAA,IACf,eAAa,OAAA;AAAA,IACb,wBAAsB,OAAA;AAAA;qBAEvB,MAyCM;AAAA,oBAzCNC,mBAyCM,OAAA;AAAA,QAxCD,KAAK,OAAA,OAAO;AAAA,QACb,OAAKC,eAAA,CAAC,sBAAoB,EAAA,UACN,SAAA,SAAQ,CAAA,CAAA;AAAA,QAC3B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,KAAA,aAAa,OAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,YAkCS,mBAAA;AAAA,UAlCD,QAAO;AAAA,UAAa,OAAM;AAAA;2BAC9B,MAgCM;AAAA,YAhCNC,mBAgCM,OAhCN,YAgCM;AAAA,cA/BFD,YA8BY,sBA9BZE,WA8BY;AAAA,gBA7BP,MAAM,OAAA,OAAO;AAAA,gBACd,YAAS;AAAA,iBACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,gBACnE,KAAI;AAAA,gBACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,gBACjB,QAAO;AAAA,gBACN,OAAG,OAAA,CAAA,MAAA,OAAA,CAAA,IAAE,SAAO,SAAA,iBAAiB,KAAK,OAAA,OAAO,UAAU;AAAA,gBACnD,OAAK,SAAA;AAAA,gBACL,UAAQ,KAAA;AAAA,gBACR,MAAM,KAAA;AAAA;gBAEI,MAAIC,QACX,CAeM,EAAA,SAhBkB,kBAAkB,YAAK;AAAA,kBAC/CF,mBAeM,OAAA;AAAA,oBAdF,OAAM;AAAA,oBACL,OAAKG,eAAA,EAAA,OAAW,UAAU,QAAQ,YAAW,CAAA;AAAA;kCAE9CR,YAUES,wBATO,UAAU,OAAI,SAAA,GAAA;AAAA,sBAClB,OAAO;AAAA,sBACP,UAAU,OAAA;AAAA,sBACV,KAAK,UAAU;AAAA,sBACf,eAAa,OAAA,OAAO;AAAA,sBACpB,wBAAsB;AAAA,sBACtB,iBAAe,OAAA;AAAA,sBACf,gBAAc;AAAA,sBACd,sBAAoB;AAAA;;;;;;;;;;;;;;;"}

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

@@ -174,3 +174,4 @@ const tabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render
 export {
   tabWidget as default
 };
+//# sourceMappingURL=tab-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/tab-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"tab-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\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                    @click.stop=\"selectWidget(widget)\"\n                >\n                    <draggable\n                        :list=\"tab.widgetList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, tab.widgetList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\n                                <template v-if=\"'container' === subWidget.category\">\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :widget=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"tab.widgetList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :field=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"tab.widgetList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'tab-widget',\n        componentName: 'ContainerWidget',\n        mixins: [i18n, containerMixin, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        data() {\n            return {\n                //\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n            this.handleOnCreated();\n        },\n        mounted() {\n            //\n            this.handleOnMounted();\n        },\n        methods: {\n            handleOnCreated() {\n                if (!!this.widget.options.onCreated) {\n                    const customFunc = new Function(this.widget.options.onCreated);\n                    customFunc.call(this);\n                }\n            },\n            handleOnMounted() {\n                if (!!this.designState) {\n                    //设计状态不触发事件\n                    return;\n                }\n                if (!!this.widget.options.onMounted) {\n                    const mountFunc = new Function(this.widget.options.onMounted);\n                    mountFunc.call(this);\n                }\n            },\n            changeCurrentTab(inx) {\n                const str = this.widget.tabs[inx]?.options?.label || '';\n                this.onTabClick(str);\n                this.widget.options.activeTab = str;\n            },\n            onTabClick(evt) {\n                const index = this.widget.tabs.findIndex(item => item.options.label === evt);\n                const paneName = evt;\n                this.widget.tabs.forEach(tp => {\n                    tp.options.active = tp.options.name === paneName;\n                });\n                if (!!this.designState) {\n                    //设计状态不触发事件\n                    return;\n                }\n                const onTabClick = this.widget.options.onTabClick;\n                if (onTabClick) {\n                    const onTabClickFn = new Function('tab', 'index', onTabClick);\n                    onTabClickFn.call(this, paneName, index);\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\n        margin: 2px;\n\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: 46px;\n            }\n            .ant-tabs-content {\n                min-height: 100px;\n            }\n        }\n    }\n\n    .tab-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_openBlock","_Fragment","_renderList","_mergeProps","_withCtx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js

@@ -459,3 +459,4 @@ const TableCellWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_
 export {
   TableCellWidget as default
 };
+//# sourceMappingURL=table-cell-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/table-cell-widget.vue"],"sourcesContent":["<template>\n    <td\n        class=\"table-cell\"\n        :class=\"[selected ? 'selected' : '', customClass]\"\n        :style=\"{\n            width: widget.options.cellWidth + '!important' || '',\n            height: widget.options.cellHeight + '!important' || ''\n        }\"\n        :colspan=\"widget.options.colspan || 1\"\n        :rowspan=\"widget.options.rowspan || 1\"\n        @click.stop=\"selectWidget(widget)\"\n    >\n        <draggable\n            :list=\"widget.widgetList\"\n            item-key=\"id\"\n            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n            tag=\"transition-group\"\n            :component-data=\"{ name: 'fade' }\"\n            handle=\".drag-handler\"\n            @end=\"evt => onTableDragEnd(evt, widget.widgetList)\"\n            @add=\"evt => onTableDragAdd(evt, widget.widgetList)\"\n            @update=\"onTableDragUpdate\"\n            :move=\"checkContainerMove\"\n        >\n            <template #item=\"{ element: subWidget, index: swIdx }\">\n                <div class=\"form-widget-list\">\n                    <template v-if=\"'container' === subWidget.category\">\n                        <component\n                            :is=\"subWidget.type + '-widget'\"\n                            :widget=\"subWidget\"\n                            :designer=\"designer\"\n                            :key=\"subWidget.id\"\n                            :parent-list=\"widget.widgetList\"\n                            :index-of-parent-list=\"swIdx\"\n                            :parent-widget=\"widget\"\n                        />\n                    </template>\n                    <template v-else>\n                        <component\n                            :is=\"subWidget.type + '-widget'\"\n                            :field=\"subWidget\"\n                            :designer=\"designer\"\n                            :key=\"subWidget.id\"\n                            :parent-list=\"widget.widgetList\"\n                            :index-of-parent-list=\"swIdx\"\n                            :parent-widget=\"widget\"\n                            :design-state=\"true\"\n                        />\n                    </template>\n                </div>\n            </template>\n        </draggable>\n\n        <div\n            class=\"table-cell-action\"\n            v-if=\"designer.selectedId === widget.id && widget.type === 'table-cell'\"\n        >\n            <i\n                :title=\"i18nt('designer.hint.selectParentWidget')\"\n                @click.stop=\"selectParentWidget()\"\n            >\n                <svg-icon icon-class=\"el-back\" />\n            </i>\n            <a-dropdown trigger=\"click\" @command=\"handleTableCellCommand\" size=\"small\">\n                <i :title=\"i18nt('designer.hint.cellSetting')\"><svg-icon icon-class=\"el-menu\" /></i>\n                <template #overlay>\n                    <a-menu @click=\"handleTableCellCommand\">\n                        <a-menu-item key=\"insertLeftCol\">\n                            {{ i18nt('designer.setting.insertColumnToLeft') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"insertRightCol\">\n                            {{ i18nt('designer.setting.insertColumnToRight') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"insertAboveRow\">\n                            {{ i18nt('designer.setting.insertRowAbove') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"insertBelowRow\">\n                            {{ i18nt('designer.setting.insertRowBelow') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"mergeLeftCol\" :disabled=\"mergeLeftColDisabled\" divided>\n                            {{ i18nt('designer.setting.mergeLeftColumn') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"mergeRightCol\" :disabled=\"mergeRightColDisabled\">\n                            {{ i18nt('designer.setting.mergeRightColumn') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"mergeWholeRow\" :disabled=\"mergeWholeRowDisabled\">\n                            {{ i18nt('designer.setting.mergeEntireRow') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"mergeAboveRow\" :disabled=\"mergeAboveRowDisabled\" divided>\n                            {{ i18nt('designer.setting.mergeRowAbove') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"mergeBelowRow\" :disabled=\"mergeBelowRowDisabled\">\n                            {{ i18nt('designer.setting.mergeRowBelow') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"mergeWholeCol\" :disabled=\"mergeWholeColDisabled\">\n                            {{ i18nt('designer.setting.mergeEntireColumn') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"undoMergeRow\" :disabled=\"undoMergeRowDisabled\" divided>\n                            {{ i18nt('designer.setting.undoMergeRow') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"undoMergeCol\" :disabled=\"undoMergeColDisabled\">\n                            {{ i18nt('designer.setting.undoMergeCol') }}\n                        </a-menu-item>\n                        <a-menu-item\n                            key=\"deleteWholeCol\"\n                            :disabled=\"deleteWholeColDisabled\"\n                            divided\n                        >\n                            {{ i18nt('designer.setting.deleteEntireCol') }}\n                        </a-menu-item>\n                        <a-menu-item key=\"deleteWholeRow\" :disabled=\"deleteWholeRowDisabled\">\n                            {{ i18nt('designer.setting.deleteEntireRow') }}\n                        </a-menu-item>\n                    </a-menu>\n                </template>\n            </a-dropdown>\n        </div>\n\n        <div\n            class=\"table-cell-handler\"\n            v-if=\"designer.selectedId === widget.id && widget.type === 'table-cell'\"\n        >\n            <i>{{ i18nt('designer.widgetLabel.' + widget.type) }}</i>\n        </div>\n    </td>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import SvgIcon from '@/components/svg-icon';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'TableCellWidget',\n        componentName: 'TableCellWidget',\n        mixins: [i18n, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ...FieldComponents,\n            SvgIcon\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n\n            rowIndex: Number,\n            colIndex: Number,\n            rowLength: Number,\n            colLength: Number,\n            colArray: Array,\n            rowArray: Array,\n\n            designer: Object\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            },\n\n            mergeLeftColDisabled() {\n                return (\n                    this.colIndex <= 0 ||\n                    this.colArray[this.colIndex - 1].options.rowspan !== this.widget.options.rowspan\n                );\n            },\n\n            mergeRightColDisabled() {\n                const rightColIndex = this.colIndex + this.widget.options.colspan;\n                return (\n                    this.colIndex >= this.colLength - 1 ||\n                    rightColIndex > this.colLength - 1 ||\n                    this.colArray[rightColIndex].options.rowspan !== this.widget.options.rowspan\n                );\n            },\n\n            mergeWholeRowDisabled() {\n                return this.colLength <= 1 || this.colLength === this.widget.options.colspan;\n            },\n\n            mergeAboveRowDisabled() {\n                return (\n                    this.rowIndex <= 0 ||\n                    this.rowArray[this.rowIndex - 1].cols[this.colIndex].options.colspan !==\n                        this.widget.options.colspan\n                );\n\n                //return this.rowIndex <= 0\n                //return (this.rowIndex <= 0) || (this.widget.options.colspan !== this.rowArray) //TODO\n            },\n\n            mergeBelowRowDisabled() {\n                const belowRowIndex = this.rowIndex + this.widget.options.rowspan;\n                return (\n                    this.rowIndex >= this.rowLength - 1 ||\n                    belowRowIndex > this.rowLength - 1 ||\n                    this.rowArray[belowRowIndex].cols[this.colIndex].options.colspan !==\n                        this.widget.options.colspan\n                );\n            },\n\n            mergeWholeColDisabled() {\n                return this.rowLength <= 1 || this.rowLength === this.widget.options.rowspan;\n            },\n\n            undoMergeColDisabled() {\n                return this.widget.merged || this.widget.options.colspan <= 1;\n            },\n\n            undoMergeRowDisabled() {\n                return this.widget.merged || this.widget.options.rowspan <= 1;\n            },\n\n            deleteWholeColDisabled() {\n                //return this.colLength === 1\n                return this.colLength === 1 || this.widget.options.colspan === this.colLength;\n            },\n\n            deleteWholeRowDisabled() {\n                return this.rowLength === 1 || this.widget.options.rowspan === this.rowLength;\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n\n            checkContainerMove(evt) {\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            onTableDragEnd(obj, subList) {\n                //\n            },\n\n            onTableDragAdd(evt, subList) {\n                //重复代码，可合并\n                const newIndex = evt.newIndex;\n                if (!!subList[newIndex]) {\n                    this.designer.setSelected(subList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                this.designer.emitEvent('field-selected', this.widget);\n            },\n\n            onTableDragUpdate() {\n                this.designer.emitHistoryChange();\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            handleTableCellCommand(command) {\n                if (command === 'insertLeftCol') {\n                    this.insertLeftCol();\n                } else if (command === 'insertRightCol') {\n                    this.insertRightCol();\n                } else if (command === 'insertAboveRow') {\n                    this.insertAboveRow();\n                } else if (command === 'insertBelowRow') {\n                    this.insertBelowRow();\n                } else if (command === 'mergeLeftCol') {\n                    this.mergeLeftCol();\n                } else if (command === 'mergeRightCol') {\n                    this.mergeRightCol();\n                } else if (command === 'mergeWholeCol') {\n                    this.mergeWholeCol();\n                } else if (command === 'mergeAboveRow') {\n                    this.mergeAboveRow();\n                } else if (command === 'mergeBelowRow') {\n                    this.mergeBelowRow();\n                } else if (command === 'mergeWholeRow') {\n                    this.mergeWholeRow();\n                } else if (command === 'undoMergeCol') {\n                    this.undoMergeCol();\n                } else if (command === 'undoMergeRow') {\n                    this.undoMergeRow();\n                } else if (command === 'deleteWholeCol') {\n                    this.deleteWholeCol();\n                } else if (command === 'deleteWholeRow') {\n                    this.deleteWholeRow();\n                }\n            },\n\n            insertLeftCol() {\n                this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, true);\n            },\n\n            insertRightCol() {\n                this.designer.insertTableCol(\n                    this.parentWidget,\n                    this.colIndex,\n                    this.rowIndex,\n                    false\n                );\n            },\n\n            insertAboveRow() {\n                this.designer.insertTableRow(\n                    this.parentWidget,\n                    this.rowIndex,\n                    this.rowIndex,\n                    this.colIndex,\n                    true\n                );\n            },\n\n            insertBelowRow() {\n                this.designer.insertTableRow(\n                    this.parentWidget,\n                    this.rowIndex,\n                    this.rowIndex,\n                    this.colIndex,\n                    false\n                );\n            },\n\n            mergeLeftCol() {\n                this.designer.mergeTableCol(\n                    this.rowArray,\n                    this.colArray,\n                    this.rowIndex,\n                    this.colIndex,\n                    true,\n                    this.widget\n                );\n            },\n\n            mergeRightCol() {\n                this.designer.mergeTableCol(\n                    this.rowArray,\n                    this.colArray,\n                    this.rowIndex,\n                    this.colIndex,\n                    false,\n                    this.widget\n                );\n            },\n\n            mergeWholeRow() {\n                this.designer.mergeTableWholeRow(\n                    this.rowArray,\n                    this.colArray,\n                    this.rowIndex,\n                    this.colIndex\n                );\n            },\n\n            mergeAboveRow() {\n                this.designer.mergeTableRow(\n                    this.rowArray,\n                    this.rowIndex,\n                    this.colIndex,\n                    true,\n                    this.widget\n                );\n            },\n\n            mergeBelowRow() {\n                this.designer.mergeTableRow(\n                    this.rowArray,\n                    this.rowIndex,\n                    this.colIndex,\n                    false,\n                    this.widget\n                );\n            },\n\n            mergeWholeCol() {\n                this.designer.mergeTableWholeCol(\n                    this.rowArray,\n                    this.colArray,\n                    this.rowIndex,\n                    this.colIndex\n                );\n            },\n\n            undoMergeCol() {\n                this.designer.undoMergeTableCol(\n                    this.rowArray,\n                    this.rowIndex,\n                    this.colIndex,\n                    this.widget.options.colspan,\n                    this.widget.options.rowspan\n                );\n            },\n\n            undoMergeRow() {\n                this.designer.undoMergeTableRow(\n                    this.rowArray,\n                    this.rowIndex,\n                    this.colIndex,\n                    this.widget.options.colspan,\n                    this.widget.options.rowspan\n                );\n            },\n\n            deleteWholeCol() {\n                this.designer.deleteTableWholeCol(this.rowArray, this.colIndex);\n            },\n\n            deleteWholeRow() {\n                this.designer.deleteTableWholeRow(this.rowArray, this.rowIndex);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .table-cell {\n        //padding: 3px;\n        border: 1px dashed #336699;\n        display: table-cell;\n        position: relative;\n\n        .draggable-div {\n            position: relative;\n            height: 100%;\n        }\n\n        .form-widget-list {\n            border: 1px dashed #336699;\n            margin: 3px;\n            min-height: 28px;\n            //height: 100%;\n        }\n\n        .table-cell-action {\n            position: absolute;\n            //bottom: -30px;\n            bottom: 0;\n            right: -2px;\n            height: 28px;\n            line-height: 28px;\n            background: var(--ant-primary-4);\n            z-index: 999;\n\n            display: flex;\n            align-items: center;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .table-cell-handler {\n            position: absolute;\n            top: -2px;\n            //bottom: -24px;  /* 拖拽手柄位于组件下方，有时无法正常拖动，原因未明？？ */\n            left: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: default; //cursor: move;\n            }\n        }\n    }\n\n    .table-cell-action,\n    .table-cell-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n\n    .table-cell.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["Draggable","FieldComponents","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_createVNode","_mergeProps","_withCtx","_createElementVNode","_createBlock","_resolveDynamicComponent","_openBlock","_toDisplayString"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/table-widget.vue.js

@@ -93,3 +93,4 @@ const tableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_rend
 export {
   tableWidget as default
 };
+//# sourceMappingURL=table-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/table-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"table-container\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <table class=\"table-layout\">\n                <tbody>\n                    <tr v-for=\"(row, rowIdx) in widget.rows\" :key=\"row.id\">\n                        <template v-for=\"(colWidget, colIdx) in row.cols\">\n                            <table-cell-widget\n                                v-if=\"!colWidget.merged\"\n                                :widget=\"colWidget\"\n                                :designer=\"designer\"\n                                :key=\"colWidget.id\"\n                                :parent-list=\"widget.cols\"\n                                :row-index=\"rowIdx\"\n                                :row-length=\"widget.rows.length\"\n                                :col-index=\"colIdx\"\n                                :col-length=\"row.cols.length\"\n                                :col-array=\"row.cols\"\n                                :row-array=\"widget.rows\"\n                                :parent-widget=\"widget\"\n                            />\n                        </template>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import TableCellWidget from '@/components/form-designer/form-widget/container-widget/table-cell-widget';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n\n    export default {\n        name: 'table-widget',\n        componentName: 'ContainerWidget',\n        mixins: [i18n, containerMixin, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            TableCellWidget\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n        },\n        methods: {}\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    div.table-container {\n        padding: 5px;\n        border: 1px dashed #336699;\n        box-sizing: border-box;\n\n        table.table-layout {\n            width: 100%;\n            text-align: center;\n            //border: 1px solid #c8ebfb;\n            border-collapse: collapse;\n            table-layout: fixed;\n\n            :deep(td) {\n                height: 48px;\n                border: 1px dashed #336699;\n                padding: 3px;\n                display: table-cell;\n            }\n\n            .form-widget-list {\n                border: 1px dashed #336699;\n                min-height: 36px;\n            }\n        }\n    }\n\n    .table-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_openBlock","_Fragment"],"mappings":";;;;;;;;AA+CI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR;AAAA,IACA;AAAA;EAEJ,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA;EAEd,UAAU;AAAA,IACN,WAAW;AACP,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA;IAG5C,cAAc;AACV,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC9C;AAAA;EAEJ,OAAO;AAAA;AAAA;EAGP,UAAU;AACN,SAAK,YAAW;AAAA;EAEpB,UAAU;AAAA;EAGV,SAAS,CAAA;;AAnEE,MAAA,aAAA,EAAA,OAAM,eAAc;;;;sBAbnCA,YAoCoB,8BAAA;AAAA,IAnCf,UAAU,OAAA;AAAA,IACV,QAAQ,OAAA;AAAA,IACR,iBAAe,OAAA;AAAA,IACf,eAAa,OAAA;AAAA,IACb,wBAAsB,OAAA;AAAA;qBAEvB,MA4BM;AAAA,oBA5BNC,mBA4BM,OAAA;AAAA,QA3BD,KAAK,OAAA,OAAO;AAAA,QACb,OAAKC,eAAA,CAAC,mBAAiB,CACd,SAAA,4BAA4B,SAAA,WAAW,CAAA,CAAA;AAAA,QAC/C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,KAAA,aAAa,OAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,mBAqBQ,SArBR,YAqBQ;AAAA,UApBJA,mBAmBQ,SAAA,MAAA;AAAA,aAlBJC,UAAA,IAAA,GAAAJ,mBAiBKK,2BAjBuB,OAAA,OAAO,MAAI,CAA3B,KAAK,WAAM;kCAAvBL,mBAiBK,MAAA;AAAA,gBAjBqC,KAAK,IAAI;AAAA;iBAC/CI,UAAA,IAAA,GAAAJ,mBAeWK,2BAf6B,IAAI,MAAI,CAA9B,WAAW,WAAM;;oBAEpB,CAAA,UAAU,uBADrBN,YAaE,8BAAA;AAAA,sBAXG,QAAQ;AAAA,sBACR,UAAU,OAAA;AAAA,sBACV,KAAK,UAAU;AAAA,sBACf,eAAa,OAAA,OAAO;AAAA,sBACpB,aAAW;AAAA,sBACX,cAAY,OAAA,OAAO,KAAK;AAAA,sBACxB,aAAW;AAAA,sBACX,cAAY,IAAI,KAAK;AAAA,sBACrB,aAAW,IAAI;AAAA,sBACf,aAAW,OAAA,OAAO;AAAA,sBAClB,iBAAe,OAAA;AAAA;;;;;;;;;;;;;"}

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js

@@ -1,6 +1,6 @@
 import ContainerItemWrapper from "../../../form-render/container-item/container-item-wrapper.vue.js";
 import emitter from "../../../../utils/emitter.js";
-import { defineAsyncComponent, resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, mergeProps, vShow } from "vue";
+import { defineAsyncComponent, resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeStyle, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, mergeProps, vShow } from "vue";
 import i18n from "../../../../utils/i18n.js";
 import comps from "../field-widget/index.js";
 import refMixin from "../../../form-render/refMixin.js";
@@ -79,6 +79,32 @@ const _sfc_main = {
     },
     formConfig() {
       return this.getFormConfig();
+    },
+    boxStyle() {
+      const boxModel = this.widget.options.boxModel || {};
+      const style = {};
+      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`;
+      }
+      if (boxModel.borderShow) {
+        style.border = `${boxModel.borderWidth || 1}px ${boxModel.borderStyle || "solid"} ${boxModel.borderColor || "#cccccc"}`;
+        if (boxModel.borderRadius !== void 0) {
+          style.borderRadius = `${boxModel.borderRadius}px`;
+        }
+      }
+      if (boxModel.backgroundColor) {
+        style.backgroundColor = boxModel.backgroundColor;
+      }
+      if (boxModel.borderRadius !== void 0 && !boxModel.borderShow) {
+        style.borderRadius = `${boxModel.borderRadius}px`;
+      }
+      if (boxModel.shadowShow) {
+        style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${boxModel.shadowOffsetY || 2}px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${boxModel.shadowColor || "rgba(0,0,0,0.2)"}`;
+      }
+      return style;
     }
   },
   created() {
@@ -127,6 +153,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       (openBlock(), createElementBlock("div", {
         class: normalizeClass(["box-container-item", [$options.customClass]]),
+        style: normalizeStyle($options.boxStyle),
         key: $props.widget.id
       }, [
         $props.widget.options.formCode ? (openBlock(), createBlock(_component_VFormRender, {
@@ -175,14 +202,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
           ], 64);
         }), 256)) : createCommentVNode("", true)
-      ], 2))
+      ], 6))
     ]),
     _: 3
   }, 8, ["widget"])), [
     [vShow, !$props.widget.options.hidden]
   ]);
 }
-const vfBoxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b302cb7e"]]);
+const vfBoxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7b4bc88d"]]);
 export {
   vfBoxItem as default
 };
+//# sourceMappingURL=vf-box-item.vue.js.map

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vf-box-item.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-item.vue"],"sourcesContent":["<template>\n  <container-item-wrapper v-show=\"!widget.options.hidden\" :widget=\"widget\">\n    <div class=\"box-container-item\" :class=\"[customClass]\" :style=\"boxStyle\" :key=\"widget.id\">\n      <VFormRender\n        v-if=\"widget.options.formCode\"\n        ref=\"dFormRef\"\n        :parent-form=\"parentFormRef\"\n        :disabled-mode=\"widget.options.disabledMode\"\n        :dynamic-creation=\"true\"\n      />\n      <template v-if=\"!!widget.widgetList && widget.widgetList.length > 0\">\n        <template v-for=\"(subWidget, swIdx) in widget.widgetList\">\n          <template v-if=\"'container' === subWidget.category\">\n            <component\n              :is=\"getComponentByContainer(subWidget)\"\n              :widget=\"subWidget\"\n              :key=\"swIdx\"\n              :parent-list=\"widget.widgetList\"\n              :index-of-parent-list=\"swIdx\"\n              :parent-widget=\"widget\"\n              :sub-form-row-id=\"subFormRowId\"\n              :sub-form-row-index=\"subFormRowIndex\"\n              :sub-form-col-index=\"subFormColIndex\"\n            >\n              <!-- 递归传递插槽！！！ -->\n              <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n                <slot :name=\"slot\" v-bind=\"scope\"></slot>\n              </template>\n            </component>\n          </template>\n          <template v-else>\n            <component\n              :is=\"subWidget.type + '-widget'\"\n              :field=\"subWidget\"\n              :designer=\"null\"\n              :key=\"swIdx\"\n              :parent-list=\"widget.widgetList\"\n              :index-of-parent-list=\"swIdx\"\n              :parent-widget=\"widget\"\n            >\n              <!-- 递归传递插槽！！！ -->\n              <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n                <slot :name=\"slot\" v-bind=\"scope\"></slot>\n              </template>\n            </component>\n          </template>\n        </template>\n      </template>\n    </div>\n  </container-item-wrapper>\n</template>\n\n<script>\n  import ContainerItemWrapper from '@/components/form-render/container-item/container-item-wrapper.vue';\n  import emitter from '@/utils/emitter';\n  import { defineAsyncComponent } from 'vue';\n  import i18n from '@/utils/i18n';\n\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import refMixin from '@/components/form-render/refMixin';\n  import containerItemMixin from '@/components/form-render/container-item/containerItemMixin';\n  import SvgIcon from '@/components/svg-icon/index.vue';\n\n  export default {\n    name: 'VfBoxItem',\n    componentName: 'boxItem', // 必须固定为ContainerItem，用于接收父级组件的broadcast事件\n    mixins: [emitter, i18n, refMixin, containerItemMixin],\n    components: {\n      ContainerItemWrapper,\n      SvgIcon,\n      ...FieldComponents,\n      VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n\n      subFormRowIndex: {\n        /* 子表单组件行索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormColIndex: {\n        /* 子表单组件列索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormRowId: {\n        /* 子表单组件行Id，唯一id且不可变 */ type: String,\n        default: ''\n      },\n      formJson: {\n        type: Object\n      },\n      formData: {\n        type: Object,\n        default: () => ({})\n      },\n      optionData: {\n        //prop传入的选项数据\n        type: Object,\n        default: () => ({})\n      },\n      globalDsv: {\n        // 全局数据源变量\n        type: Object,\n        default: () => ({})\n      },\n      parentFormRef: {\n        type: Object,\n        default: null\n      },\n      extraData: {\n        type: Object,\n        default: () => ({})\n      },\n      wrapperId: {\n        type: String,\n        default: null\n      }\n    },\n    inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv'],\n    data() {\n      return {};\n    },\n    computed: {\n      customClass() {\n        return this.widget.options.customClass || '';\n      },\n\n      formConfig() {\n        return this.getFormConfig();\n      },\n      \n      boxStyle() {\n        const boxModel = this.widget.options.boxModel || {};\n        const style = {};\n\n        // 设置内边距\n        if (boxModel.paddingTop !== undefined || boxModel.paddingRight !== undefined || \n            boxModel.paddingBottom !== undefined || boxModel.paddingLeft !== undefined) {\n          style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (boxModel.marginTop !== undefined || boxModel.marginRight !== undefined || \n            boxModel.marginBottom !== undefined || boxModel.marginLeft !== undefined) {\n          style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${boxModel.marginBottom || 0}px ${boxModel.marginLeft || 0}px`;\n        }\n\n        // 设置边框\n        if (boxModel.borderShow) {\n          style.border = `${boxModel.borderWidth || 1}px ${boxModel.borderStyle || 'solid'} ${boxModel.borderColor || '#cccccc'}`;\n          if (boxModel.borderRadius !== undefined) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n          }\n        }\n        \n        // 设置背景颜色\n        if (boxModel.backgroundColor) {\n          style.backgroundColor = boxModel.backgroundColor;\n        }\n        \n        // 设置圆角（即使没有边框也可以设置圆角）\n        if (boxModel.borderRadius !== undefined && !boxModel.borderShow) {\n          style.borderRadius = `${boxModel.borderRadius}px`;\n        }\n        \n        // 设置阴影\n        if (boxModel.shadowShow) {\n          style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${boxModel.shadowOffsetY || 2}px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${boxModel.shadowColor || 'rgba(0,0,0,0.2)'}`;\n        }\n\n        return style;\n      }\n    },\n    created() {\n      this.initRefList();\n      this.handleOnCreated();\n    },\n    mounted() {\n      this.loadFormCode(this.widget.options.formCode);\n      this.$nextTick(() => {\n        this.handleOnMounted();\n      });\n    },\n    beforeUnmount() {\n      this.unregisterFromRefList();\n    },\n    methods: {\n      async loadFormCode(formCode) {\n        if (formCode) {\n          const res = await this.$http\n            .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n              params: { code: formCode }\n            })\n            .then(res => res.data.object.frontendDefinition || '{}');\n          this.$refs.dFormRef.setFormJson(JSON.parse(res));\n        }\n      },\n\n      handleOnCreated() {\n        if (!!this.widget.options.onCreated) {\n          const customFunc = new Function(this.widget.options.onCreated);\n          customFunc.call(this);\n        }\n      },\n\n      handleOnMounted() {\n        if (!!this.widget.options.onMounted) {\n          const customFunc = new Function(this.widget.options.onMounted);\n          customFunc.call(this);\n        }\n      },\n      getFormRef() {\n        return this.$refs.dFormRef;\n      }\n    }\n  };\n</script>\n\n<style lang=\"less\" scoped>\n  .box-container-item {\n    width: 100%;\n    min-height: 120px;\n    position: relative;\n  }\n\n  .box-container-item > div:first-child {\n    min-height: 58px;\n  }\n</style>\n"],"names":["FieldComponents","res","_createBlock","_createElementBlock","_normalizeClass","_openBlock","_Fragment","_resolveDynamicComponent","_renderList","_withCtx","_renderSlot","_mergeProps"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createCommentVNode, createVNode, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
+import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeStyle, normalizeClass, createCommentVNode, createVNode, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
 import i18n from "../../../../utils/i18n.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import comps from "../field-widget/index.js";
@@ -39,6 +39,34 @@ const _sfc_main = {
     },
     customClass() {
       return this.widget.options.customClass || "";
+    },
+    boxStyle() {
+      const boxModel = this.widget.options.boxModel || {};
+      const style = {};
+      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`;
+      }
+      if (boxModel.borderShow) {
+        style.border = `${boxModel.borderWidth || 1}px ${boxModel.borderStyle || "solid"} ${boxModel.borderColor || "#cccccc"}`;
+        if (boxModel.borderRadius !== void 0) {
+          style.borderRadius = `${boxModel.borderRadius}px`;
+        }
+      } else {
+        style.border = "2px dashed #ccc";
+      }
+      if (boxModel.backgroundColor) {
+        style.backgroundColor = boxModel.backgroundColor;
+      }
+      if (boxModel.borderRadius !== void 0 && !boxModel.borderShow) {
+        style.borderRadius = `${boxModel.borderRadius}px`;
+      }
+      if (boxModel.shadowShow) {
+        style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${boxModel.shadowOffsetY || 2}px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${boxModel.shadowColor || "rgba(0,0,0,0.2)"}`;
+      }
+      return style;
     }
   },
   created() {
@@ -132,6 +160,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       (openBlock(), createElementBlock("div", {
         class: normalizeClass(["box-container", [$options.selected ? "selected" : "", $options.customClass]]),
         key: $props.widget.id,
+        style: normalizeStyle($options.boxStyle),
         onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
         $props.widget.options.formCode ? (openBlock(), createBlock(_component_VFormRender, {
@@ -173,12 +202,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 16, ["list", "onUpdate", "move"])
-      ], 2))
+      ], 6))
     ]),
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6e190b21"]]);
+const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fc53819d"]]);
 export {
   vfBoxWidget as default
 };
+//# sourceMappingURL=vf-box-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-box-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      class=\"box-container\"\n      :class=\"[selected ? 'selected' : '', customClass]\"\n      :key=\"widget.id\"\n      :style=\"boxStyle\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <VFormRender\n        v-if=\"widget.options.formCode\"\n        ref=\"dFormRef\"\n        :parent-form=\"parentFormRef\"\n        :disabled-mode=\"widget.options.disabledMode\"\n        :dynamic-creation=\"true\"\n      />\n      <draggable\n        :list=\"widget.widgetList\"\n        item-key=\"id\"\n        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n        handle=\".drag-handler\"\n        @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n        @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n        @update=\"onDialogDragUpdate\"\n        :move=\"checkContainerMove\"\n      >\n        <template #item=\"{ element: subWidget, index: swIdx }\">\n          <div class=\"vf-box-drop-zone\">\n            <template v-if=\"'container' === subWidget.category\">\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :widget=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n              />\n            </template>\n            <template v-else>\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :field=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n                :design-state=\"true\"\n              />\n            </template>\n          </div>\n        </template>\n      </draggable>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import { defineAsyncComponent } from 'vue';\n  import i18n from '@/utils/i18n';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n  export default {\n    name: 'vf-box-widget',\n    componentName: 'VfBoxWidget',\n    mixins: [i18n, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents,\n      VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object,\n      parentFormRef: {\n        type: Object,\n        default: null\n      }\n    },\n    data() {\n      return {\n        //\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      },\n\n      boxStyle() {\n      const boxModel = this.widget.options.boxModel || {};\n      const style = {};\n\n      // 设置内边距\n      if (boxModel.paddingTop !== undefined || boxModel.paddingRight !== undefined || \n          boxModel.paddingBottom !== undefined || boxModel.paddingLeft !== undefined) {\n        style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;\n      }\n\n      // 设置外边距\n      if (boxModel.marginTop !== undefined || boxModel.marginRight !== undefined || \n          boxModel.marginBottom !== undefined || boxModel.marginLeft !== undefined) {\n        style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${boxModel.marginBottom || 0}px ${boxModel.marginLeft || 0}px`;\n      }\n\n      // 设置边框\n      if (boxModel.borderShow) {\n        style.border = `${boxModel.borderWidth || 1}px ${boxModel.borderStyle || 'solid'} ${boxModel.borderColor || '#cccccc'}`;\n        if (boxModel.borderRadius !== undefined) {\n          style.borderRadius = `${boxModel.borderRadius}px`;\n        }\n      } else {\n        // 默认边框样式\n        style.border = '2px dashed #ccc';\n      }\n      \n      // 设置背景颜色\n      if (boxModel.backgroundColor) {\n        style.backgroundColor = boxModel.backgroundColor;\n      }\n      \n      // 设置圆角（即使没有边框也可以设置圆角）\n      if (boxModel.borderRadius !== undefined && !boxModel.borderShow) {\n        style.borderRadius = `${boxModel.borderRadius}px`;\n      }\n       if (boxModel.shadowShow) {\n          style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${boxModel.shadowOffsetY || 2}px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${boxModel.shadowColor || 'rgba(0,0,0,0.2)'}`;\n        }\n\n        return style;\n      }\n    },\n    created() {\n      this.initRefList();\n      this.loadFormCode(this.widget.options.formCode);\n    },\n    watch: {\n      'widget.options.formCode'(val) {\n        this.loadFormCode(val);\n      }\n    },\n    methods: {\n      async loadFormCode(formCode) {\n        if (formCode) {\n          const res = await this.$http\n            .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n              params: { code: formCode }\n            })\n            .then(res => res.data.object.frontendDefinition || '{}');\n          this.$refs.dFormRef.setFormJson(JSON.parse(res));\n        }\n      },\n      onDialogDragEnd(evt, subList) {\n        //console.log('onDialogDragEnd', evt)\n      },\n\n      onDialogDragAdd(evt, subList) {\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onDialogDragUpdate() {\n        this.designer.emitHistoryChange();\n      },\n\n      selectWidget(widget) {\n        console.log('id: ' + widget.id);\n        this.designer.setSelected(widget);\n      },\n\n      checkContainerMove(evt) {\n        //弹窗、抽屉不能嵌套！！\n        return this.designer.checkWidgetMove(evt);\n      },\n\n      selectParentWidget() {\n        if (this.parentWidget) {\n          this.designer.setSelected(this.parentWidget);\n        } else {\n          this.designer.clearSelected();\n        }\n      },\n\n      moveUpWidget() {\n        this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n      },\n\n      moveDownWidget() {\n        this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n      },\n\n      removeWidget() {\n        if (!!this.parentList) {\n          let nextSelected = null;\n          if (this.parentList.length === 1) {\n            if (!!this.parentWidget) {\n              nextSelected = this.parentWidget;\n            }\n          } else if (this.parentList.length === 1 + this.indexOfParentList) {\n            nextSelected = this.parentList[this.indexOfParentList - 1];\n          } else {\n            nextSelected = this.parentList[this.indexOfParentList + 1];\n          }\n\n          this.$nextTick(() => {\n            this.parentList.splice(this.indexOfParentList, 1);\n            //if (!!nextSelected) {\n            this.designer.setSelected(nextSelected);\n            //}\n\n            this.designer.emitHistoryChange();\n          });\n        }\n      },\n      getFormRef() {\n        return this.$refs.dFormRef;\n      }\n    }\n  };\n</script>\n\n<style lang=\"less\" scoped>\n  .box-container {\n    width: 100%;\n    min-height: 120px;\n    position: relative;\n    padding-bottom: 20px;\n\n    .vf-box-drop-zone {\n      // min-height: 58px;\n    }\n  }\n\n  .box-container > div:first-child {\n    min-height: 58px;\n  }\n\n  .box-container.selected {\n    outline: 2px solid var(--ant-primary-color) !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","res","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_mergeProps","_withCtx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}

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

@@ -145,3 +145,4 @@ const vfCollapseWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc
 export {
   vfCollapseWidget as default
 };
+//# sourceMappingURL=vf-collapse-widget.vue.js.map