@kp-ui/lowcode 1.0.94 → 1.0.95
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_virtual/virtual_svg-icons-register.js.map +1 -1
- package/package.json +4 -4
- package/src/api/useFilesystemApi/filesystem/index.js.map +1 -1
- package/src/components/CustomRender/components/AttachmentRender.vue2.js.map +1 -1
- package/src/components/CustomRender/components/RenderBodyCell.js.map +1 -1
- package/src/components/CustomRender/useCustomRender.js.map +1 -1
- package/src/components/code-editor/code-modal-editor.vue.js.map +1 -1
- package/src/components/code-editor/index.vue2.js.map +1 -1
- package/src/components/form-designer/designer.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/containerMixin.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js +22 -22
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js +2 -5
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/grid-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/index.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/tab-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/table-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-drawer-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/attachment-render-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/button-list-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/button-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/checkbox-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/code-editor-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/color-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/date-range-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/date-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/divider-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/dropdown-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/fieldMixin.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue2.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/input-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/number-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/radio-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/rate-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/select-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/slider-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/slot-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/switch-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/textarea-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/time-range-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/time-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/index.vue.js.map +1 -1
- package/src/components/form-designer/index.vue.js +91 -84
- package/src/components/form-designer/index.vue.js.map +1 -1
- package/src/components/form-designer/refMixinDesign.js.map +1 -1
- package/src/components/form-designer/setting-panel/form-setting.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/index.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/option-items-setting.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/button-position-editor.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/code-editor/code-editor-mode.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-rowKey-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showIndex-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-stripe-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +70 -74
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableHeight-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableSize-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableWidth-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-treeDataEnabled-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabBarGutter-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabPosition-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-type-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/formCode-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/customClass-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/eventMixin.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-select/mode-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/max-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/maxLength-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/min-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/minLength-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/name-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/placement-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/propertyMixin.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/rightSlotCss-editor.vue.js.map +1 -1
- package/src/components/form-designer/toolbar-panel/index.vue.js +2 -2
- package/src/components/form-designer/toolbar-panel/index.vue2.js +1 -5
- package/src/components/form-designer/toolbar-panel/index.vue2.js.map +1 -1
- package/src/components/form-designer/widget-panel/index.vue.js.map +1 -1
- package/src/components/form-render/SubmitButtonRender.vue.js.map +1 -1
- package/src/components/form-render/container-item/containerItemMixin.js.map +1 -1
- package/src/components/form-render/container-item/data-table-item.vue.js +4 -5
- package/src/components/form-render/container-item/data-table-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/grid-col-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/grid-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/grid-sub-form-item.vue.js +10 -5
- package/src/components/form-render/container-item/grid-sub-form-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/index.js.map +1 -1
- package/src/components/form-render/container-item/sub-form-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/tab-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/table-cell-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/table-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/vf-collapse-item.vue.js.map +1 -1
- package/src/components/form-render/dynamic-dialog.vue.js.map +1 -1
- package/src/components/form-render/dynamic-drawer.vue.js.map +1 -1
- package/src/components/form-render/index.vue.js +120 -106
- package/src/components/form-render/index.vue.js.map +1 -1
- package/src/components/form-render/refMixin.js.map +1 -1
- package/src/components/http-editor/index.vue.js.map +1 -1
- package/src/components/public/ActionButtonListDialog.vue.js +10 -10
- package/src/components/public/ActionButtonListDialog.vue.js.map +1 -1
- package/src/components/public/ActionButtonListDialog.vue2.js +24 -28
- package/src/components/public/ActionButtonListDialog.vue2.js.map +1 -1
- package/src/components/public/ActionButtonListRender.vue2.js.map +1 -1
- package/src/components/public/CustomerModal/CustomerModal.vue2.js.map +1 -1
- package/src/components/public/CustomerModal/useCustomerModal.js.map +1 -1
- package/src/components/public/QuillEditor/index.vue.js.map +1 -1
- package/src/components/public/methoad-item.vue.js.map +1 -1
- package/src/components/svg-icon/FileIcon.js.map +1 -1
- package/src/hooks/TpfConfirm.js.map +1 -1
- package/src/hooks/useFilePreview.js.map +1 -1
- package/src/hooks/useLowcode.js.map +1 -1
- package/src/lib/vuedraggable/src/core/componentBuilderHelper.js.map +1 -1
- package/src/lib/vuedraggable/src/core/componentStructure.js.map +1 -1
- package/src/lib/vuedraggable/src/util/string.js.map +1 -1
- package/src/lib/vuedraggable/src/vuedraggable.js.map +1 -1
- package/src/mixins/useDataTableMixin.js +2 -2
- package/src/mixins/useDataTableMixin.js.map +1 -1
- package/src/mixins/useSelectMixin.js.map +1 -1
- package/src/utils/emitter.js.map +1 -1
- package/src/utils/executeFunction.js.map +1 -1
- package/src/utils/format.js.map +1 -1
- package/src/utils/i18n.js.map +1 -1
- package/src/utils/request/fmtHttpParams.js.map +1 -1
- package/src/utils/request/handleAxiosError.js.map +1 -1
- package/src/utils/request/http.js.map +1 -1
- package/src/utils/smart-vue-i18n/index.js.map +1 -1
- package/src/utils/smart-vue-i18n/utils.js.map +1 -1
- package/src/utils/util.js.map +1 -1
- package/src/utils/validators.js.map +1 -1
- package/stats.html +1 -1
- package/styles/style.css +1 -1
package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":["_sfc_main","i18n","refMixinDesign","Draggable","FieldComponents","SvgIcon","val","lyType","evt","subList","newIndex","widget","nextSelected","_hoisted_1","$props","_openBlock","_createBlock","_component_a_col","_mergeProps","$data","$options","_cache","_withModifiers","$event","_createVNode","_component_draggable","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent","_createElementBlock","_hoisted_2","_ctx","_component_svg_icon","args","_hoisted_8","_toDisplayString"],"mappings":"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"}
|
|
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":["_sfc_main","i18n","refMixinDesign","Draggable","FieldComponents","SvgIcon","val","lyType","evt","subList","newIndex","widget","nextSelected","_hoisted_1","$props","_openBlock","_createBlock","_component_a_col","_mergeProps","$data","$options","_cache","_withModifiers","$event","_createVNode","_component_draggable","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent","_createElementBlock","_hoisted_2","_ctx","_component_svg_icon","args","_hoisted_8","_toDisplayString"],"mappings":"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"}
|
package/src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createElementVNode","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_resolveDynamicComponent"],"mappings":";;;;;;;;;AAsDI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,GAAMC,GAAgBC,CAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,WAAAC;AAAAA,IACA,kBAAAC;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
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createElementVNode","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_resolveDynamicComponent"],"mappings":";;;;;;;;;AAsDI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,GAAMC,GAAgBC,CAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,WAAAC;AAAAA,IACA,kBAAAC;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;EAElD;AAAA,EACA,UAAU;AAAA,IACN,WAAW;AACP,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA,IAC5C;AAAA,IAEA,cAAc;AACV,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC9C;AAAA;EAEJ,OAAO;AAAA;AAAA;EAGP,UAAU;AACN,SAAK,YAAW;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,EAEV;AAAA,EACA,SAAS;AAAA,IACL,iBAAiBC,GAAKC,GAAS;AAC3B,YAAMC,IAAWF,EAAI;AACrB,MAAMC,EAAQC,CAAQ,KAClB,KAAK,SAAS,YAAYD,EAAQC,CAAQ,CAAC,GAG/C,KAAK,SAAS,kBAAiB,GAC/B,QAAQ,IAAI,QAAQ,kBAAkB,GACtC,KAAK,SAAS,UAAU,kBAAkB,KAAK,MAAM;AAAA,IACzD;AAAA,IAEA,iBAAiBF,GAAK;AAClB,cAAQ,IAAI,uBAAuBA,CAAG;AAAA,IAC1C;AAAA,EACJ;GAhGSG,IAAA,EAAA,OAAM,gBAAe;;;cAblCC,EA0CoBC,GAAA;AAAA,IAzCf,UAAUC,EAAA;AAAA,IACV,QAAQA,EAAA;AAAA,IACR,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA;eAEvB,MAkCM;AAAA,YAlCNC,EAkCM,OAAA;AAAA,QAjCD,KAAKD,EAAA,OAAO;AAAA,QACb,OAAKE,EAAA,CAAC,sBAAoB,EAAA,UACNC,EAAA,SAAQ,CAAA,CAAA;AAAA,QAC3B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOC,EAAA,aAAaP,EAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCQ,EA2BM,OA3BNX,GA2BM;AAAA,UA1BFY,EAyBYC,GAzBZC,EAyBY;AAAA,YAxBP,MAAMX,EAAA,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,OAAGI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAE,CAAAV,MAAOS,EAAA,iBAAiBT,GAAKM,EAAA,OAAO,UAAU;AAAA,YACnD,OAAKG,EAAA;AAAA,YACL,UAAQI,EAAA;AAAA,YACR,MAAMA,EAAA;AAAA;YAEI,MAAIK,EACX,CAUW,EAAA,SAXaC,UAAkBC,QAAK;AAAA,cACfD,EAAU,aAAV,oBAC5Bf,EAQEiB,EAPOF,EAAU,OAAI,SAAA,GAAA;AAAA,gBAClB,QAAQA;AAAA,gBACR,UAAUb,EAAA;AAAA,gBACV,KAAKa,EAAU;AAAA,gBACf,eAAab,EAAA,OAAO;AAAA,gBACpB,wBAAsBc;AAAA,gBACtB,iBAAed,EAAA;AAAA;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","ContainerWrapper","GridColWidget","_createBlock","_component_container_wrapper","$props","_component_a_row","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_openBlock","_createElementBlock","_Fragment","colWidget","colIdx","_component_grid_col_widget"],"mappings":";;;;;;;;AAoCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,GAAMC,GAAgBC,CAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,kBAAAC;AAAA,IACA,eAAAC;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;
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","ContainerWrapper","GridColWidget","_createBlock","_component_container_wrapper","$props","_component_a_row","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_openBlock","_createElementBlock","_Fragment","colWidget","colIdx","_component_grid_col_widget"],"mappings":";;;;;;;;AAoCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,GAAMC,GAAgBC,CAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,kBAAAC;AAAA,IACA,eAAAC;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,IAC5C;AAAA,IAEA,cAAc;AACV,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC9C;AAAA;EAEJ,OAAO;AAAA;AAAA;EAGP,UAAU;AACN,SAAK,YAAW;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,EAEV;AAAA,EACA,SAAS,CAAA;;;;cArEbC,EAyBoBC,GAAA;AAAA,IAxBf,UAAUC,EAAA;AAAA,IACV,QAAQA,EAAA;AAAA,IACR,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA;eAEvB,MAiBQ;AAAA,YAjBRF,EAiBQG,GAAA;AAAA,QAhBH,KAAKD,EAAA,OAAO;AAAA,QACZ,QAAQA,EAAA,OAAO,QAAQ;AAAA,QACxB,OAAKE,EAAA,CAAC,kBAAgB,CACbC,EAAA,4BAA4BA,EAAA,WAAW,CAAA,CAAA;AAAA,QAC/C,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOC,EAAA,aAAaP,EAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;mBAEtB,MAA0C;AAAA,WAApDQ,EAAA,EAAA,GAAAC,EASWC,WAT6BV,EAAA,OAAO,MAAI,CAAjCW,GAAWC,YACzBd,EAOEe,GAAA;AAAA,YARqD,KAAAF,EAAU;AAAA,YAE5D,QAAQA;AAAA,YACR,UAAUX,EAAA;AAAA,YACV,eAAaA,EAAA,OAAO;AAAA,YACpB,wBAAsBY;AAAA,YACtB,iBAAeZ,EAAA;AAAA,YACf,cAAYA,EAAA,OAAO,QAAQ;AAAA;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
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":["modules","ContainerWidgets","app","path","cname","getFileName","defineAsyncComponent"],"mappings":";;AAEA,MAAMA,IAAU,uBAAA,OAAA,EAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,8BAAA,MAAA,OAAA,+BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,EAAA,CAAA,GAEhBC,IAAe;AAAA,EACX,QAAQC,GAAK;AACT,eAAWC,KAAQH,GAAS;AACxB,YAAMI,IAAQC,EAAYF,CAAI;AAC9B,MAAAD,EAAI,UAAUE,GAAOE,EAAqBN,EAAQG,CAAI,CAAC,CAAC;AAAA,
|
|
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":["modules","ContainerWidgets","app","path","cname","getFileName","defineAsyncComponent"],"mappings":";;AAEA,MAAMA,IAAU,uBAAA,OAAA,EAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,8BAAA,MAAA,OAAA,+BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,EAAA,CAAA,GAEhBC,IAAe;AAAA,EACX,QAAQC,GAAK;AACT,eAAWC,KAAQH,GAAS;AACxB,YAAMI,IAAQC,EAAYF,CAAI;AAC9B,MAAAD,EAAI,UAAUE,GAAOE,EAAqBN,EAAQG,CAAI,CAAC,CAAC;AAAA,IAC5D;AAAA,EACJ;AACJ;"}
|
package/src/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createVNode","_component_a_form","_createElementVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_normalizeStyle","_resolveDynamicComponent"],"mappings":";;;;;;;;;AA6DI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,GAAMC,GAAgBC,CAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,WAAAC;AAAAA,IACA,kBAAAC;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
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createVNode","_component_a_form","_createElementVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_normalizeStyle","_resolveDynamicComponent"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","inx","str","_b","_a","evt","index","item","paneName","tp","onTabClick","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createVNode","_component_a_tabs","_openBlock","_Fragment","_renderList","tab","_component_a_tab_pane","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","inx","str","_b","_a","evt","index","item","paneName","tp","onTabClick","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createVNode","_component_a_tabs","_openBlock","_Fragment","_renderList","tab","_component_a_tab_pane","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
|
package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":["_sfc_main","i18n","refMixinDesign","Draggable","FieldComponents","SvgIcon","rightColIndex","belowRowIndex","widget","evt","obj","subList","newIndex","command","_hoisted_2","_createElementBlock","_normalizeClass","$options","_normalizeStyle","$props","_cache","_withModifiers","$event","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_createBlock","_resolveDynamicComponent","_openBlock","_hoisted_3","_ctx","_component_svg_icon","_component_a_dropdown","_component_a_menu","_component_a_menu_item","_hoisted_6","_toDisplayString"],"mappings":"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"}
|
|
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":["_sfc_main","i18n","refMixinDesign","Draggable","FieldComponents","SvgIcon","rightColIndex","belowRowIndex","widget","evt","obj","subList","newIndex","command","_hoisted_2","_createElementBlock","_normalizeClass","$options","_normalizeStyle","$props","_cache","_withModifiers","$event","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_createBlock","_resolveDynamicComponent","_openBlock","_hoisted_3","_ctx","_component_svg_icon","_component_a_dropdown","_component_a_menu","_component_a_menu_item","_hoisted_6","_toDisplayString"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","ContainerWrapper","TableCellWidget","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createElementVNode","_openBlock","_Fragment","row","rowIdx","colWidget","colIdx","_component_table_cell_widget"],"mappings":";;;;;;;;AA+CI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,GAAMC,GAAgBC,CAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,kBAAAC;AAAA,IACA,iBAAAC;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;
|
|
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":["_sfc_main","i18n","containerMixin","refMixinDesign","ContainerWrapper","TableCellWidget","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createElementVNode","_openBlock","_Fragment","row","rowIdx","colWidget","colIdx","_component_table_cell_widget"],"mappings":";;;;;;;;AA+CI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,GAAMC,GAAgBC,CAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,kBAAAC;AAAA,IACA,iBAAAC;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,IAC5C;AAAA,IAEA,cAAc;AACV,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC9C;AAAA;EAEJ,OAAO;AAAA;AAAA;EAGP,UAAU;AACN,SAAK,YAAW;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,EAEV;AAAA,EACA,SAAS,CAAA;GAnEEC,IAAA,EAAA,OAAM,eAAc;;;cAbnCC,EAoCoBC,GAAA;AAAA,IAnCf,UAAUC,EAAA;AAAA,IACV,QAAQA,EAAA;AAAA,IACR,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA;eAEvB,MA4BM;AAAA,YA5BNC,EA4BM,OAAA;AAAA,QA3BD,KAAKD,EAAA,OAAO;AAAA,QACb,OAAKE,EAAA,CAAC,mBAAiB,CACdC,EAAA,4BAA4BA,EAAA,WAAW,CAAA,CAAA;AAAA,QAC/C,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOC,EAAA,aAAaP,EAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCQ,EAqBQ,SArBRX,GAqBQ;AAAA,UApBJW,EAmBQ,SAAA,MAAA;AAAA,aAlBJC,EAAA,EAAA,GAAAR,EAiBKS,WAjBuBV,EAAA,OAAO,MAAI,CAA3BW,GAAKC,YAAjBX,EAiBK,MAAA;AAAA,cAjBqC,KAAKU,EAAI;AAAA;eAC/CF,EAAA,EAAA,GAAAR,EAeWS,WAf6BC,EAAI,MAAI,CAA9BE,GAAWC;gBAEdD,EAAU,2BADrBf,EAaEiB,GAAA;AAAA,kBAXG,QAAQF;AAAA,kBACR,UAAUb,EAAA;AAAA,kBACV,KAAKa,EAAU;AAAA,kBACf,eAAab,EAAA,OAAO;AAAA,kBACpB,aAAWY;AAAA,kBACX,cAAYZ,EAAA,OAAO,KAAK;AAAA,kBACxB,aAAWc;AAAA,kBACX,cAAYH,EAAI,KAAK;AAAA,kBACrB,aAAWA,EAAI;AAAA,kBACf,aAAWX,EAAA,OAAO;AAAA,kBAClB,iBAAeA,EAAA;AAAA;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
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":["_sfc_main","emitter","i18n","refMixin","containerItemMixin","ContainerItemWrapper","SvgIcon","FieldComponents","defineAsyncComponent","boxModel","style","formCode","res","_createBlock","_component_container_item_wrapper","$props","_createElementBlock","_normalizeClass","$options","_component_VFormRender","_openBlock","_Fragment","subWidget","swIdx","_resolveDynamicComponent","_ctx","_renderList","slot","_withCtx","scope","_renderSlot","_mergeProps"],"mappings":"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"}
|
|
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":["_sfc_main","emitter","i18n","refMixin","containerItemMixin","ContainerItemWrapper","SvgIcon","FieldComponents","defineAsyncComponent","boxModel","style","formCode","res","_createBlock","_component_container_item_wrapper","$props","_createElementBlock","_normalizeClass","$options","_component_VFormRender","_openBlock","_Fragment","subWidget","swIdx","_resolveDynamicComponent","_ctx","_renderList","slot","_withCtx","scope","_renderSlot","_mergeProps"],"mappings":";;;;;;;;;;AA+DE,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAMC,GAAUC,CAAkB;AAAA,EACpD,YAAY;AAAA,IACV,sBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAAA,IACH,aAAaC,EAAqB,MAAM,OAAO,mCAAoC,CAAC;AAAA;EAEtF,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IAEnB,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEX,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEX,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA;IAEX,UAAU;AAAA,MACR,MAAM;AAAA;IAER,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAElB,YAAY;AAAA;AAAA,MAEV,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAElB,WAAW;AAAA;AAAA,MAET,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAElB,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAElB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;EAEF,QAAQ,CAAC,WAAW,aAAa,eAAe,iBAAiB,cAAc;AAAA,EAC/E,OAAO;AACL,WAAO,CAAA;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AACZ,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC5C;AAAA,IAEA,aAAa;AACX,aAAO,KAAK,cAAa;AAAA,IAC3B;AAAA,IAEA,WAAW;AACT,YAAMC,IAAW,KAAK,OAAO,QAAQ,YAAY,CAAA,GAC3CC,IAAQ,CAAA;AAGd,cAAID,EAAS,eAAe,UAAaA,EAAS,iBAAiB,UAC/DA,EAAS,kBAAkB,UAAaA,EAAS,gBAAgB,YACnEC,EAAM,UAAU,GAAGD,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MAAMA,EAAS,iBAAiB,CAAC,MAAMA,EAAS,eAAe,CAAC,QAIzIA,EAAS,cAAc,UAAaA,EAAS,gBAAgB,UAC7DA,EAAS,iBAAiB,UAAaA,EAAS,eAAe,YACjEC,EAAM,SAAS,GAAGD,EAAS,aAAa,CAAC,MAAMA,EAAS,eAAe,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MAAMA,EAAS,cAAc,CAAC,OAIpIA,EAAS,eACXC,EAAM,SAAS,GAAGD,EAAS,eAAe,CAAC,MAAMA,EAAS,eAAe,OAAO,IAAIA,EAAS,eAAe,SAAS,IACjHA,EAAS,iBAAiB,WAC5BC,EAAM,eAAe,GAAGD,EAAS,YAAY,QAK7CA,EAAS,oBACXC,EAAM,kBAAkBD,EAAS,kBAI/BA,EAAS,iBAAiB,UAAa,CAACA,EAAS,eACnDC,EAAM,eAAe,GAAGD,EAAS,YAAY,OAI3CA,EAAS,eACXC,EAAM,YAAY,GAAGD,EAAS,iBAAiB,CAAC,MAAMA,EAAS,iBAAiB,CAAC,MAAMA,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MAAMA,EAAS,eAAe,iBAAiB,KAGzLC;AAAA,IACT;AAAA;EAEF,UAAU;AACR,SAAK,YAAW,GAChB,KAAK,gBAAe;AAAA,EACtB;AAAA,EACA,UAAU;AACR,SAAK,aAAa,KAAK,OAAO,QAAQ,QAAQ,GAC9C,KAAK,UAAU,MAAM;AACnB,WAAK,gBAAe;AAAA,IACtB,CAAC;AAAA,EACH;AAAA,EACA,gBAAgB;AACd,SAAK,sBAAqB;AAAA,EAC5B;AAAA,EACA,SAAS;AAAA,IACP,MAAM,aAAaC,GAAU;AAC3B,UAAIA,GAAU;AACZ,cAAMC,IAAM,MAAM,KAAK,MACpB,IAAI,8DAA8D;AAAA,UACjE,QAAQ,EAAE,MAAMD,EAAO;AAAA,SACxB,EACA,KAAK,CAAAC,MAAOA,EAAI,KAAK,OAAO,sBAAsB,IAAI;AACzD,aAAK,MAAM,SAAS,YAAY,KAAK,MAAMA,CAAG,CAAC;AAAA,MACjD;AAAA,IACF;AAAA,IAEA,kBAAkB;AAChB,MAAM,KAAK,OAAO,QAAQ,aACL,IAAI,SAAS,KAAK,OAAO,QAAQ,SAAS,EAClD,KAAK,IAAI;AAAA,IAExB;AAAA,IAEA,kBAAkB;AAChB,MAAM,KAAK,OAAO,QAAQ,aACL,IAAI,SAAS,KAAK,OAAO,QAAQ,SAAS,EAClD,KAAK,IAAI;AAAA,IAExB;AAAA,IACA,aAAa;AACX,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF;;;;iBAxNFC,EAgDyBC,GAAA,EAhDgC,QAAQC,EAAA,UAAM;AAAA,eACrE,MA8CM;AAAA,YA9CNC,EA8CM,OAAA;AAAA,QA9CD,OAAKC,EAAA,CAAC,sBAAoB,CAAUC,EAAA,WAAW,CAAA,CAAA;AAAA,QAAI,SAAOA,EAAA,QAAQ;AAAA,QAAG,KAAKH,EAAA,OAAO;AAAA;QAE5EA,EAAA,OAAO,QAAQ,iBADvBF,EAMEM,GAAA;AAAA;UAJA,KAAI;AAAA,UACH,eAAaJ,EAAA;AAAA,UACb,iBAAeA,EAAA,OAAO,QAAQ;AAAA,UAC9B,oBAAkB;AAAA;QAEHA,EAAA,OAAO,cAAcA,SAAO,WAAW,SAAM,KAC7DK,EAAA,EAAA,GAAAJ,EAmCWK,iBAnC4BN,EAAA,OAAO,YAAU,CAAtCO,GAAWC;UACKD,EAAU,aAAV,oBAC9BT,EAeYW,EAdLC,EAAA,wBAAwBH,CAAS,CAAA,GAAA;AAAA,YACrC,QAAQA;AAAA,YACR,KAAKC;AAAA,YACL,eAAaR,EAAA,OAAO;AAAA,YACpB,wBAAsBQ;AAAA,YACtB,iBAAeR,EAAA;AAAA,YACf,mBAAiBA,EAAA;AAAA,YACjB,sBAAoBA,EAAA;AAAA,YACpB,sBAAoBA,EAAA;AAAA;YAGIW,EAAA,OAAO,KAAKD,EAAA,MAAM,IAA1BE;oBAAoCA;AAAA,cACnD,IAAAC,EAAA,CAAyCC,MADuB;AAAA,gBAChEC,EAAyCL,EAAA,QAA5BE,GAAbI,EAAyC,iBAAdF,CAAK,GAAA,QAAA,EAAA;AAAA;;gKAKpChB,EAaYW,EAZLF,EAAU,OAAI,SAAA,GAAA;AAAA,YAClB,OAAOA;AAAA,YACP,UAAU;AAAA,YACV,KAAKC;AAAA,YACL,eAAaR,EAAA,OAAO;AAAA,YACpB,wBAAsBQ;AAAA,YACtB,iBAAeR,EAAA;AAAA;YAGSW,EAAA,OAAO,KAAKD,EAAA,MAAM,IAA1BE;oBAAoCA;AAAA,cACnD,IAAAC,EAAA,CAAyCC,MADuB;AAAA,gBAChEC,EAAyCL,EAAA,QAA5BE,GAAbI,EAAyC,iBAAdF,CAAK,GAAA,QAAA,EAAA;AAAA;;;;;;;;SAzCbd,EAAA,OAAO,QAAQ,MAAM;AAAA;;;"}
|