@kp-ui/lowcode 1.0.94 → 1.0.96
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 +5 -5
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vf-box-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n class=\"box-container\"\n :class=\"[selected ? 'selected' : '', customClass]\"\n :key=\"widget.id\"\n :style=\"boxStyle\"\n @click.stop=\"selectWidget(widget)\"\n >\n <VFormRender\n v-if=\"widget.options.formCode\"\n ref=\"dFormRef\"\n :parent-form=\"parentFormRef\"\n :disabled-mode=\"widget.options.disabledMode\"\n :dynamic-creation=\"true\"\n />\n <draggable\n :list=\"widget.widgetList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n @update=\"onDialogDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"vf-box-drop-zone\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </container-wrapper>\n</template>\n\n<script>\n import { defineAsyncComponent } from 'vue';\n import i18n from '@/utils/i18n';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n export default {\n name: 'vf-box-widget',\n componentName: 'VfBoxWidget',\n mixins: [i18n, refMixinDesign],\n inject: ['refList'],\n components: {\n Draggable,\n ContainerWrapper,\n ...FieldComponents,\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n parentFormRef: {\n type: Object,\n default: null\n }\n },\n data() {\n return {\n //\n };\n },\n computed: {\n selected() {\n return this.widget.id === this.designer.selectedId;\n },\n\n customClass() {\n return this.widget.options.customClass || '';\n },\n\n boxStyle() {\n const boxModel = this.widget.options.boxModel || {};\n const style = {};\n\n // 设置内边距\n if (\n boxModel.paddingTop !== undefined ||\n boxModel.paddingRight !== undefined ||\n boxModel.paddingBottom !== undefined ||\n boxModel.paddingLeft !== undefined\n ) {\n style.padding = `${boxModel.paddingTop || 0}px ${\n boxModel.paddingRight || 0\n }px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;\n }\n\n // 设置外边距\n if (\n boxModel.marginTop !== undefined ||\n boxModel.marginRight !== undefined ||\n boxModel.marginBottom !== undefined ||\n boxModel.marginLeft !== undefined\n ) {\n style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n boxModel.marginBottom || 0\n }px ${boxModel.marginLeft || 0}px`;\n }\n\n // 设置边框\n if (boxModel.borderShow) {\n style.border = `${boxModel.borderWidth || 1}px ${\n boxModel.borderStyle || 'solid'\n } ${boxModel.borderColor || '#cccccc'}`;\n if (boxModel.borderRadius !== undefined) {\n style.borderRadius = `${boxModel.borderRadius}px`;\n }\n } else {\n // 默认边框样式\n style.border = '2px dashed #ccc';\n }\n\n // 设置背景颜色\n if (boxModel.backgroundColor) {\n style.backgroundColor = boxModel.backgroundColor;\n }\n\n // 设置圆角(即使没有边框也可以设置圆角)\n if (boxModel.borderRadius !== undefined && !boxModel.borderShow) {\n style.borderRadius = `${boxModel.borderRadius}px`;\n }\n if (boxModel.shadowShow) {\n style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${\n boxModel.shadowOffsetY || 2\n }px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${\n boxModel.shadowColor || 'rgba(0,0,0,0.2)'\n }`;\n }\n\n return style;\n }\n },\n created() {\n this.initRefList();\n this.loadFormCode(this.widget.options.formCode);\n },\n watch: {\n 'widget.options.formCode'(val) {\n this.loadFormCode(val);\n }\n },\n methods: {\n async loadFormCode(formCode) {\n if (formCode && formCode.length) {\n const res = await this.$http\n .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n params: { code: formCode }\n })\n .then(res => res.data.object.frontendDefinition || '{}');\n this.$refs.dFormRef.setFormJson(JSON.parse(res));\n }\n },\n onDialogDragEnd(evt, subList) {\n //console.log('onDialogDragEnd', evt)\n },\n\n onDialogDragAdd(evt, subList) {\n const newIndex = evt.newIndex;\n if (!!subList[newIndex]) {\n this.designer.setSelected(subList[newIndex]);\n }\n\n this.designer.emitHistoryChange();\n this.designer.emitEvent('field-selected', this.widget);\n },\n\n onDialogDragUpdate() {\n this.designer.emitHistoryChange();\n },\n\n selectWidget(widget) {\n console.log('id: ' + widget.id);\n this.designer.setSelected(widget);\n },\n\n checkContainerMove(evt) {\n //弹窗、抽屉不能嵌套!!\n return this.designer.checkWidgetMove(evt);\n },\n\n selectParentWidget() {\n if (this.parentWidget) {\n this.designer.setSelected(this.parentWidget);\n } else {\n this.designer.clearSelected();\n }\n },\n\n moveUpWidget() {\n this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n },\n\n moveDownWidget() {\n this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n },\n\n removeWidget() {\n if (!!this.parentList) {\n let nextSelected = null;\n if (this.parentList.length === 1) {\n if (!!this.parentWidget) {\n nextSelected = this.parentWidget;\n }\n } else if (this.parentList.length === 1 + this.indexOfParentList) {\n nextSelected = this.parentList[this.indexOfParentList - 1];\n } else {\n nextSelected = this.parentList[this.indexOfParentList + 1];\n }\n\n this.$nextTick(() => {\n this.parentList.splice(this.indexOfParentList, 1);\n //if (!!nextSelected) {\n this.designer.setSelected(nextSelected);\n //}\n\n this.designer.emitHistoryChange();\n });\n }\n },\n getFormRef() {\n return this.$refs.dFormRef;\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .box-container {\n width: 100%;\n min-height: 120px;\n position: relative;\n padding-bottom: 20px;\n\n .vf-box-drop-zone {\n // min-height: 58px;\n }\n }\n\n .box-container > div:first-child {\n min-height: 58px;\n }\n\n .box-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","defineAsyncComponent","boxModel","style","val","formCode","res","evt","subList","newIndex","widget","nextSelected","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_component_VFormRender","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vf-box-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n class=\"box-container\"\n :class=\"[selected ? 'selected' : '', customClass]\"\n :key=\"widget.id\"\n :style=\"boxStyle\"\n @click.stop=\"selectWidget(widget)\"\n >\n <VFormRender\n v-if=\"widget.options.formCode\"\n ref=\"dFormRef\"\n :parent-form=\"parentFormRef\"\n :disabled-mode=\"widget.options.disabledMode\"\n :dynamic-creation=\"true\"\n />\n <draggable\n :list=\"widget.widgetList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n handle=\".drag-handler\"\n @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n @update=\"onDialogDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"vf-box-drop-zone\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </container-wrapper>\n</template>\n\n<script>\n import { defineAsyncComponent } from 'vue';\n import i18n from '@/utils/i18n';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n export default {\n name: 'vf-box-widget',\n componentName: 'VfBoxWidget',\n mixins: [i18n, refMixinDesign],\n inject: ['refList'],\n components: {\n Draggable,\n ContainerWrapper,\n ...FieldComponents,\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n parentFormRef: {\n type: Object,\n default: null\n }\n },\n data() {\n return {\n //\n };\n },\n computed: {\n selected() {\n return this.widget.id === this.designer.selectedId;\n },\n\n customClass() {\n return this.widget.options.customClass || '';\n },\n\n boxStyle() {\n const boxModel = this.widget.options.boxModel || {};\n const style = {};\n\n // 设置内边距\n if (\n boxModel.paddingTop !== undefined ||\n boxModel.paddingRight !== undefined ||\n boxModel.paddingBottom !== undefined ||\n boxModel.paddingLeft !== undefined\n ) {\n style.padding = `${boxModel.paddingTop || 0}px ${\n boxModel.paddingRight || 0\n }px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;\n }\n\n // 设置外边距\n if (\n boxModel.marginTop !== undefined ||\n boxModel.marginRight !== undefined ||\n boxModel.marginBottom !== undefined ||\n boxModel.marginLeft !== undefined\n ) {\n style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n boxModel.marginBottom || 0\n }px ${boxModel.marginLeft || 0}px`;\n }\n\n // 设置边框\n if (boxModel.borderShow) {\n style.border = `${boxModel.borderWidth || 1}px ${\n boxModel.borderStyle || 'solid'\n } ${boxModel.borderColor || '#cccccc'}`;\n if (boxModel.borderRadius !== undefined) {\n style.borderRadius = `${boxModel.borderRadius}px`;\n }\n } else {\n // 默认边框样式\n style.border = '2px dashed #ccc';\n }\n\n // 设置背景颜色\n if (boxModel.backgroundColor) {\n style.backgroundColor = boxModel.backgroundColor;\n }\n\n // 设置圆角(即使没有边框也可以设置圆角)\n if (boxModel.borderRadius !== undefined && !boxModel.borderShow) {\n style.borderRadius = `${boxModel.borderRadius}px`;\n }\n if (boxModel.shadowShow) {\n style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${\n boxModel.shadowOffsetY || 2\n }px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${\n boxModel.shadowColor || 'rgba(0,0,0,0.2)'\n }`;\n }\n\n return style;\n }\n },\n created() {\n this.initRefList();\n this.loadFormCode(this.widget.options.formCode);\n },\n watch: {\n 'widget.options.formCode'(val) {\n this.loadFormCode(val);\n }\n },\n methods: {\n async loadFormCode(formCode) {\n if (formCode && formCode.length) {\n const res = await this.$http\n .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n params: { code: formCode }\n })\n .then(res => res.data.object.frontendDefinition || '{}');\n this.$refs.dFormRef.setFormJson(JSON.parse(res));\n }\n },\n onDialogDragEnd(evt, subList) {\n //console.log('onDialogDragEnd', evt)\n },\n\n onDialogDragAdd(evt, subList) {\n const newIndex = evt.newIndex;\n if (!!subList[newIndex]) {\n this.designer.setSelected(subList[newIndex]);\n }\n\n this.designer.emitHistoryChange();\n this.designer.emitEvent('field-selected', this.widget);\n },\n\n onDialogDragUpdate() {\n this.designer.emitHistoryChange();\n },\n\n selectWidget(widget) {\n console.log('id: ' + widget.id);\n this.designer.setSelected(widget);\n },\n\n checkContainerMove(evt) {\n //弹窗、抽屉不能嵌套!!\n return this.designer.checkWidgetMove(evt);\n },\n\n selectParentWidget() {\n if (this.parentWidget) {\n this.designer.setSelected(this.parentWidget);\n } else {\n this.designer.clearSelected();\n }\n },\n\n moveUpWidget() {\n this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n },\n\n moveDownWidget() {\n this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n },\n\n removeWidget() {\n if (!!this.parentList) {\n let nextSelected = null;\n if (this.parentList.length === 1) {\n if (!!this.parentWidget) {\n nextSelected = this.parentWidget;\n }\n } else if (this.parentList.length === 1 + this.indexOfParentList) {\n nextSelected = this.parentList[this.indexOfParentList - 1];\n } else {\n nextSelected = this.parentList[this.indexOfParentList + 1];\n }\n\n this.$nextTick(() => {\n this.parentList.splice(this.indexOfParentList, 1);\n //if (!!nextSelected) {\n this.designer.setSelected(nextSelected);\n //}\n\n this.designer.emitHistoryChange();\n });\n }\n },\n getFormRef() {\n return this.$refs.dFormRef;\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .box-container {\n width: 100%;\n min-height: 120px;\n position: relative;\n padding-bottom: 20px;\n\n .vf-box-drop-zone {\n // min-height: 58px;\n }\n }\n\n .box-container > div:first-child {\n min-height: 58px;\n }\n\n .box-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","defineAsyncComponent","boxModel","style","val","formCode","res","evt","subList","newIndex","widget","nextSelected","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_component_VFormRender","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
|
package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n :key=\"widget.id\"\n class=\"collapse-container data-table-container\"\n :class=\"{ selected: selected }\"\n @click.stop=\"selectWidget(widget)\"\n >\n <div class=\"tpf-collapse\">\n <div class=\"tpf-collapse-header\">\n <a-space :size=\"5\">\n <TpfCollapseTitle :title=\"widget.options.title\" />\n <SvgIcon\n :icon-class=\"\n widget.options.isCollapse\n ? widget.options.collapseIcon\n : widget.options.unCollapseIcon\n \"\n size=\"24px\"\n shadow\n cursor\n @click=\"toggleCollapse\"\n />\n </a-space>\n <div :class=\"['header-right', rightSlotCss]\" v-if=\"!widget.options.isCollapse\">\n <draggable\n :list=\"widget.headerRightSlotList\"\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, widget.headerRightSlotList)\"\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=\"widget.headerRightSlotList\"\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.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </div>\n <Transition\n mode=\"out-in\"\n appear\n enter-active-class=\"animate__animated animate__fadeIn animate__faster\"\n leave-active-class=\"animate__animated animate__fadeOut animate__faster\"\n >\n <div\n :class=\"['tpf-collapse-content']\"\n :style=\"{\n height: widget.options.height || 'unset',\n ...JSON.parse(widget.options.bodyStyle || '{}')\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <draggable\n :list=\"widget.defaultSlotsList\"\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, widget.defaultSlotsList)\"\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=\"widget.defaultSlotsList\"\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.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </Transition>\n </div>\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n import { defineAsyncComponent } from 'vue';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import TpfCollapseTitle from '@/components/TpfCollapse/TpfCollapseTitle.vue';\n import SvgIcon from '@/components/svg-icon/index.vue';\n import gridWidget from './grid-widget.vue';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n export default {\n name: 'VfCollapseWidget',\n mixins: [i18n, containerMixin, refMixinDesign, emitter],\n inject: ['refList'],\n components: {\n Draggable,\n ContainerWrapper,\n TpfCollapseTitle,\n SvgIcon,\n gridWidget,\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n ...FieldComponents\n },\n data() {\n return {};\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n },\n options: {\n type: Object,\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 created() {\n this.initRefList();\n },\n mounted() {\n //\n this.loadFormCode(this.widget.options.formCode);\n },\n beforeUnmount() {\n //\n },\n computed: {\n rightSlotCss() {\n return this.widget.options.rightSlotCss || '';\n },\n selected() {\n return this.widget.id === this.designer.selectedId;\n }\n },\n watch: {\n 'widget.options.formCode'(val) {\n this.loadFormCode(val);\n }\n },\n methods: {\n selectWidget(widget) {\n this.designer.setSelected(widget);\n },\n toggleCollapse() {\n this.widget.options.isCollapse = !this.widget.options.isCollapse;\n },\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 getFormRef() {\n return this.$refs.dFormRef;\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n\n .collapse-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n width: 100%;\n background-color: transparent;\n box-sizing: border-box;\n\n .tpf-collapse-header {\n padding: 10px 0;\n box-sizing: border-box;\n display: flex;\n height: 50px;\n justify-content: space-between;\n background-color: #f7f8fa;\n .header-right {\n background-color: #fff;\n margin-right: 10px;\n min-height: 30px;\n min-width: 200px;\n width: fit-content;\n border: 1px dashed #666;\n }\n }\n\n .tpf-collapse-content {\n overflow: hidden;\n background-color: #fff;\n min-height: 200px;\n\n :deep(.ant-card-bordered) {\n border-color: transparent;\n }\n }\n }\n</style>\n"],"names":["_sfc_main","name","mixins","i18n","containerMixin","refMixinDesign","emitter","inject","components","Draggable","ContainerWrapper","TpfCollapseTitle","SvgIcon","gridWidget","VFormRender","defineAsyncComponent","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","options","formJson","formData","optionData","globalDsv","parentFormRef","extraData","wrapperId","created","initRefList","mounted","loadFormCode","formCode","beforeUnmount","computed","rightSlotCss","selected","id","selectedId","watch","val","methods","selectWidget","setSelected","toggleCollapse","isCollapse","res","$http","get","params","code","then","object","frontendDefinition","$refs","dFormRef","setFormJson","JSON","parse","getFormRef"],"mappings":";;;;;;;;;;;AAgJI,MAAAA,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,QAAQ,CAACC,GAAMC,GAAgBC,GAAgBC,CAAO;AAAA,EACtDC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,eACRC;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAaC,EAAqB,MAAM,OAAO,mCAAoC,CAAC;AAAA,IACpF,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO,CAAA;AAAA;EAEXC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA;IAEbI,SAAS;AAAA,MACLL,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBK,UAAU;AAAA,MACNN,MAAMR;AAAAA;IAEVe,UAAU;AAAA,MACNP,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBO,YAAY;AAAA;AAAA,MAERR,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBQ,WAAW;AAAA;AAAA,MAEPT,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBS,eAAe;AAAA,MACXV,MAAMR;AAAAA,MACNS,SAAS;AAAA;IAEbU,WAAW;AAAA,MACPX,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBW,WAAW;AAAA,MACPZ,MAAMI;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA;EAEJY,UAAU;AACN,SAAKC,YAAW;AAAA;EAEpBC,UAAU;AAEN,SAAKC,aAAa,KAAKzB,OAAOc,QAAQY,QAAQ;AAAA;EAElDC,gBAAgB;AAAA;EAGhBC,UAAU;AAAA,IACNC,eAAe;AACX,aAAO,KAAK7B,OAAOc,QAAQe,gBAAgB;AAAA;IAE/CC,WAAW;AACP,aAAO,KAAK9B,OAAO+B,OAAO,KAAKxB,SAASyB;AAAAA,IAC5C;AAAA;EAEJC,OAAO;AAAA,IACH,0BAA0BC,GAAK;AAC3B,WAAKT,aAAaS,CAAG;AAAA,IACzB;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAapC,GAAQ;AACjB,WAAKO,SAAS8B,YAAYrC,CAAM;AAAA;IAEpCsC,iBAAiB;AACb,WAAKtC,OAAOc,QAAQyB,aAAa,CAAC,KAAKvC,OAAOc,QAAQyB;AAAAA;IAE1D,MAAMd,aAAaC,GAAU;AACzB,UAAIA,GAAU;AACV,cAAMc,IAAM,MAAM,KAAKC,MAClBC,IAAI,8DAA8D;AAAA,UAC/DC,QAAQ;AAAA,YAAEC,MAAMlB;AAAAA,UAAS;AAAA,QAC7B,CAAC,EACAmB,KAAKL,CAAAA,MAAOA,EAAI1C,KAAKgD,OAAOC,sBAAsB,IAAI;AAC3D,aAAKC,MAAMC,SAASC,YAAYC,KAAKC,MAAMZ,CAAG,CAAC;AAAA,MACnD;AAAA;IAEJa,aAAa;AACT,aAAO,KAAKL,MAAMC;AAAAA,IACtB;AAAA,EACJ;AACJ;"}
|
|
1
|
+
{"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n :key=\"widget.id\"\n class=\"collapse-container data-table-container\"\n :class=\"{ selected: selected }\"\n @click.stop=\"selectWidget(widget)\"\n >\n <div class=\"tpf-collapse\">\n <div class=\"tpf-collapse-header\">\n <a-space :size=\"5\">\n <TpfCollapseTitle :title=\"widget.options.title\" />\n <SvgIcon\n :icon-class=\"\n widget.options.isCollapse\n ? widget.options.collapseIcon\n : widget.options.unCollapseIcon\n \"\n size=\"24px\"\n shadow\n cursor\n @click=\"toggleCollapse\"\n />\n </a-space>\n <div :class=\"['header-right', rightSlotCss]\" v-if=\"!widget.options.isCollapse\">\n <draggable\n :list=\"widget.headerRightSlotList\"\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, widget.headerRightSlotList)\"\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=\"widget.headerRightSlotList\"\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.headerRightSlotList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </div>\n <Transition\n mode=\"out-in\"\n appear\n enter-active-class=\"animate__animated animate__fadeIn animate__faster\"\n leave-active-class=\"animate__animated animate__fadeOut animate__faster\"\n >\n <div\n :class=\"['tpf-collapse-content']\"\n :style=\"{\n height: widget.options.height || 'unset',\n ...JSON.parse(widget.options.bodyStyle || '{}')\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <draggable\n :list=\"widget.defaultSlotsList\"\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, widget.defaultSlotsList)\"\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=\"widget.defaultSlotsList\"\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.defaultSlotsList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </Transition>\n </div>\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n import { defineAsyncComponent } from 'vue';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import TpfCollapseTitle from '@/components/TpfCollapse/TpfCollapseTitle.vue';\n import SvgIcon from '@/components/svg-icon/index.vue';\n import gridWidget from './grid-widget.vue';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n export default {\n name: 'VfCollapseWidget',\n mixins: [i18n, containerMixin, refMixinDesign, emitter],\n inject: ['refList'],\n components: {\n Draggable,\n ContainerWrapper,\n TpfCollapseTitle,\n SvgIcon,\n gridWidget,\n VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n ...FieldComponents\n },\n data() {\n return {};\n },\n props: {\n widget: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n },\n options: {\n type: Object,\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 created() {\n this.initRefList();\n },\n mounted() {\n //\n this.loadFormCode(this.widget.options.formCode);\n },\n beforeUnmount() {\n //\n },\n computed: {\n rightSlotCss() {\n return this.widget.options.rightSlotCss || '';\n },\n selected() {\n return this.widget.id === this.designer.selectedId;\n }\n },\n watch: {\n 'widget.options.formCode'(val) {\n this.loadFormCode(val);\n }\n },\n methods: {\n selectWidget(widget) {\n this.designer.setSelected(widget);\n },\n toggleCollapse() {\n this.widget.options.isCollapse = !this.widget.options.isCollapse;\n },\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 getFormRef() {\n return this.$refs.dFormRef;\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n\n .form-widget-list {\n min-height: 28px;\n }\n }\n\n .collapse-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n\n :deep(.ant-table) .table-striped td {\n background-color: #fafafa;\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n width: 100%;\n background-color: transparent;\n box-sizing: border-box;\n\n .tpf-collapse-header {\n padding: 10px 0;\n box-sizing: border-box;\n display: flex;\n height: 50px;\n justify-content: space-between;\n background-color: #f7f8fa;\n .header-right {\n background-color: #fff;\n margin-right: 10px;\n min-height: 30px;\n min-width: 200px;\n width: fit-content;\n border: 1px dashed #666;\n }\n }\n\n .tpf-collapse-content {\n overflow: hidden;\n background-color: #fff;\n min-height: 200px;\n\n :deep(.ant-card-bordered) {\n border-color: transparent;\n }\n }\n }\n</style>\n"],"names":["_sfc_main","name","mixins","i18n","containerMixin","refMixinDesign","emitter","inject","components","Draggable","ContainerWrapper","TpfCollapseTitle","SvgIcon","gridWidget","VFormRender","defineAsyncComponent","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","options","formJson","formData","optionData","globalDsv","parentFormRef","extraData","wrapperId","created","initRefList","mounted","loadFormCode","formCode","beforeUnmount","computed","rightSlotCss","selected","id","selectedId","watch","val","methods","selectWidget","setSelected","toggleCollapse","isCollapse","res","$http","get","params","code","then","object","frontendDefinition","$refs","dFormRef","setFormJson","JSON","parse","getFormRef"],"mappings":";;;;;;;;;;;AAgJI,MAAAA,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,QAAQ,CAACC,GAAMC,GAAgBC,GAAgBC,CAAO;AAAA,EACtDC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,eACRC;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAaC,EAAqB,MAAM,OAAO,mCAAoC,CAAC;AAAA,IACpF,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO,CAAA;AAAA,EACX;AAAA,EACAC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA;IAEbI,SAAS;AAAA,MACLL,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBK,UAAU;AAAA,MACNN,MAAMR;AAAAA;IAEVe,UAAU;AAAA,MACNP,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBO,YAAY;AAAA;AAAA,MAERR,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBQ,WAAW;AAAA;AAAA,MAEPT,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBS,eAAe;AAAA,MACXV,MAAMR;AAAAA,MACNS,SAAS;AAAA;IAEbU,WAAW;AAAA,MACPX,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBW,WAAW;AAAA,MACPZ,MAAMI;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA;EAEJY,UAAU;AACN,SAAKC,YAAW;AAAA,EACpB;AAAA,EACAC,UAAU;AAEN,SAAKC,aAAa,KAAKzB,OAAOc,QAAQY,QAAQ;AAAA,EAClD;AAAA,EACAC,gBAAgB;AAAA,EACZ;AAAA,EAEJC,UAAU;AAAA,IACNC,eAAe;AACX,aAAO,KAAK7B,OAAOc,QAAQe,gBAAgB;AAAA,IAC/C;AAAA,IACAC,WAAW;AACP,aAAO,KAAK9B,OAAO+B,OAAO,KAAKxB,SAASyB;AAAAA,IAC5C;AAAA;EAEJC,OAAO;AAAA,IACH,0BAA0BC,GAAK;AAC3B,WAAKT,aAAaS,CAAG;AAAA,IACzB;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAapC,GAAQ;AACjB,WAAKO,SAAS8B,YAAYrC,CAAM;AAAA,IACpC;AAAA,IACAsC,iBAAiB;AACb,WAAKtC,OAAOc,QAAQyB,aAAa,CAAC,KAAKvC,OAAOc,QAAQyB;AAAAA,IAC1D;AAAA,IACA,MAAMd,aAAaC,GAAU;AACzB,UAAIA,GAAU;AACV,cAAMc,IAAM,MAAM,KAAKC,MAClBC,IAAI,8DAA8D;AAAA,UAC/DC,QAAQ;AAAA,YAAEC,MAAMlB;AAAAA,UAAS;AAAA,QAC7B,CAAC,EACAmB,KAAKL,CAAAA,MAAOA,EAAI1C,KAAKgD,OAAOC,sBAAsB,IAAI;AAC3D,aAAKC,MAAMC,SAASC,YAAYC,KAAKC,MAAMZ,CAAG,CAAC;AAAA,MACnD;AAAA,IACJ;AAAA,IACAa,aAAa;AACT,aAAO,KAAKL,MAAMC;AAAAA,IACtB;AAAA,EACJ;AACJ;"}
|
package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vf-dialog-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n class=\"dialog-container\"\n :class=\"[selected ? 'selected' : '', customClass]\"\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 handle=\".drag-handler\"\n @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n @update=\"onDialogDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"vf-dialog-drop-zone\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </container-wrapper>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n export default {\n name: 'vf-dialog-widget',\n componentName: 'VfDialogWidget',\n mixins: [i18n, 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 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 created() {\n this.initRefList();\n },\n methods: {\n onDialogDragEnd(evt, subList) {\n //console.log('onDialogDragEnd', evt)\n },\n\n onDialogDragAdd(evt, subList) {\n const newIndex = evt.newIndex;\n if (!!subList[newIndex]) {\n this.designer.setSelected(subList[newIndex]);\n }\n\n this.designer.emitHistoryChange();\n this.designer.emitEvent('field-selected', this.widget);\n },\n\n onDialogDragUpdate() {\n this.designer.emitHistoryChange();\n },\n\n selectWidget(widget) {\n console.log('id: ' + widget.id);\n this.designer.setSelected(widget);\n },\n\n checkContainerMove(evt) {\n //弹窗、抽屉不能嵌套!!\n return this.designer.checkWidgetMove(evt);\n },\n\n selectParentWidget() {\n if (this.parentWidget) {\n this.designer.setSelected(this.parentWidget);\n } else {\n this.designer.clearSelected();\n }\n },\n\n moveUpWidget() {\n this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n },\n\n moveDownWidget() {\n this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n },\n\n removeWidget() {\n if (!!this.parentList) {\n let nextSelected = null;\n if (this.parentList.length === 1) {\n if (!!this.parentWidget) {\n nextSelected = this.parentWidget;\n }\n } else if (this.parentList.length === 1 + this.indexOfParentList) {\n nextSelected = this.parentList[this.indexOfParentList - 1];\n } else {\n nextSelected = this.parentList[this.indexOfParentList + 1];\n }\n\n this.$nextTick(() => {\n this.parentList.splice(this.indexOfParentList, 1);\n //if (!!nextSelected) {\n this.designer.setSelected(nextSelected);\n //}\n\n this.designer.emitHistoryChange();\n });\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .dialog-container {\n width: 100%;\n min-height: 120px;\n border: 2px dashed #cccccc;\n position: relative;\n\n .vf-dialog-drop-zone {\n min-height: 58px;\n }\n }\n\n .dialog-container > div:first-child {\n min-height: 58px;\n }\n\n .dialog-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","widget","nextSelected","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vf-dialog-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n class=\"dialog-container\"\n :class=\"[selected ? 'selected' : '', customClass]\"\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 handle=\".drag-handler\"\n @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n @update=\"onDialogDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"vf-dialog-drop-zone\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </container-wrapper>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n export default {\n name: 'vf-dialog-widget',\n componentName: 'VfDialogWidget',\n mixins: [i18n, 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 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 created() {\n this.initRefList();\n },\n methods: {\n onDialogDragEnd(evt, subList) {\n //console.log('onDialogDragEnd', evt)\n },\n\n onDialogDragAdd(evt, subList) {\n const newIndex = evt.newIndex;\n if (!!subList[newIndex]) {\n this.designer.setSelected(subList[newIndex]);\n }\n\n this.designer.emitHistoryChange();\n this.designer.emitEvent('field-selected', this.widget);\n },\n\n onDialogDragUpdate() {\n this.designer.emitHistoryChange();\n },\n\n selectWidget(widget) {\n console.log('id: ' + widget.id);\n this.designer.setSelected(widget);\n },\n\n checkContainerMove(evt) {\n //弹窗、抽屉不能嵌套!!\n return this.designer.checkWidgetMove(evt);\n },\n\n selectParentWidget() {\n if (this.parentWidget) {\n this.designer.setSelected(this.parentWidget);\n } else {\n this.designer.clearSelected();\n }\n },\n\n moveUpWidget() {\n this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n },\n\n moveDownWidget() {\n this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n },\n\n removeWidget() {\n if (!!this.parentList) {\n let nextSelected = null;\n if (this.parentList.length === 1) {\n if (!!this.parentWidget) {\n nextSelected = this.parentWidget;\n }\n } else if (this.parentList.length === 1 + this.indexOfParentList) {\n nextSelected = this.parentList[this.indexOfParentList - 1];\n } else {\n nextSelected = this.parentList[this.indexOfParentList + 1];\n }\n\n this.$nextTick(() => {\n this.parentList.splice(this.indexOfParentList, 1);\n //if (!!nextSelected) {\n this.designer.setSelected(nextSelected);\n //}\n\n this.designer.emitHistoryChange();\n });\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .dialog-container {\n width: 100%;\n min-height: 120px;\n border: 2px dashed #cccccc;\n position: relative;\n\n .vf-dialog-drop-zone {\n min-height: 58px;\n }\n }\n\n .dialog-container > div:first-child {\n min-height: 58px;\n }\n\n .dialog-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","widget","nextSelected","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
|
package/src/components/form-designer/form-widget/container-widget/vf-drawer-widget.vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vf-drawer-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-drawer-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n class=\"drawer-container\"\n :class=\"[selected ? 'selected' : '', customClass]\"\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 handle=\".drag-handler\"\n @end=\"evt => onDrawerDragEnd(evt, widget.widgetList)\"\n @add=\"evt => onDrawerDragAdd(evt, widget.widgetList)\"\n @update=\"onDrawerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"vf-drawer-drop-zone\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </container-wrapper>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n export default {\n name: 'vf-drawer-widget',\n componentName: 'VfDialogWidget',\n mixins: [i18n, 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 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 created() {\n this.initRefList();\n },\n methods: {\n onDrawerDragEnd(evt, subList) {\n //console.log('onDrawerDragEnd', evt)\n },\n\n onDrawerDragAdd(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 onDrawerDragUpdate() {\n this.designer.emitHistoryChange();\n },\n\n selectWidget(widget) {\n console.log('id: ' + widget.id);\n this.designer.setSelected(widget);\n },\n\n checkContainerMove(evt) {\n //弹窗、抽屉不能嵌套!!\n return this.designer.checkWidgetMove(evt);\n },\n\n selectParentWidget() {\n if (this.parentWidget) {\n this.designer.setSelected(this.parentWidget);\n } else {\n this.designer.clearSelected();\n }\n },\n\n moveUpWidget() {\n this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n },\n\n moveDownWidget() {\n this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n },\n\n removeWidget() {\n if (!!this.parentList) {\n let nextSelected = null;\n if (this.parentList.length === 1) {\n if (!!this.parentWidget) {\n nextSelected = this.parentWidget;\n }\n } else if (this.parentList.length === 1 + this.indexOfParentList) {\n nextSelected = this.parentList[this.indexOfParentList - 1];\n } else {\n nextSelected = this.parentList[this.indexOfParentList + 1];\n }\n\n this.$nextTick(() => {\n this.parentList.splice(this.indexOfParentList, 1);\n //if (!!nextSelected) {\n this.designer.setSelected(nextSelected);\n //}\n\n this.designer.emitHistoryChange();\n });\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .drawer-container {\n width: 100%;\n min-height: 120px;\n border: 2px dashed #cccccc;\n position: relative;\n\n .vf-drawer-drop-zone {\n min-height: 58px;\n }\n }\n\n .drawer-container > div:first-child {\n min-height: 58px;\n }\n\n .drawer-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","widget","nextSelected","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vf-drawer-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-drawer-widget.vue"],"sourcesContent":["<template>\n <container-wrapper\n :designer=\"designer\"\n :widget=\"widget\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n >\n <div\n class=\"drawer-container\"\n :class=\"[selected ? 'selected' : '', customClass]\"\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 handle=\".drag-handler\"\n @end=\"evt => onDrawerDragEnd(evt, widget.widgetList)\"\n @add=\"evt => onDrawerDragAdd(evt, widget.widgetList)\"\n @update=\"onDrawerDragUpdate\"\n :move=\"checkContainerMove\"\n >\n <template #item=\"{ element: subWidget, index: swIdx }\">\n <div class=\"vf-drawer-drop-zone\">\n <template v-if=\"'container' === subWidget.category\">\n <component\n :is=\"subWidget.type + '-widget'\"\n :widget=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n />\n </template>\n <template v-else>\n <component\n :is=\"subWidget.type + '-widget'\"\n :field=\"subWidget\"\n :designer=\"designer\"\n :key=\"subWidget.id\"\n :parent-list=\"widget.widgetList\"\n :index-of-parent-list=\"swIdx\"\n :parent-widget=\"widget\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </container-wrapper>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n import refMixinDesign from '@/components/form-designer/refMixinDesign';\n import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n export default {\n name: 'vf-drawer-widget',\n componentName: 'VfDialogWidget',\n mixins: [i18n, 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 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 created() {\n this.initRefList();\n },\n methods: {\n onDrawerDragEnd(evt, subList) {\n //console.log('onDrawerDragEnd', evt)\n },\n\n onDrawerDragAdd(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 onDrawerDragUpdate() {\n this.designer.emitHistoryChange();\n },\n\n selectWidget(widget) {\n console.log('id: ' + widget.id);\n this.designer.setSelected(widget);\n },\n\n checkContainerMove(evt) {\n //弹窗、抽屉不能嵌套!!\n return this.designer.checkWidgetMove(evt);\n },\n\n selectParentWidget() {\n if (this.parentWidget) {\n this.designer.setSelected(this.parentWidget);\n } else {\n this.designer.clearSelected();\n }\n },\n\n moveUpWidget() {\n this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n },\n\n moveDownWidget() {\n this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n },\n\n removeWidget() {\n if (!!this.parentList) {\n let nextSelected = null;\n if (this.parentList.length === 1) {\n if (!!this.parentWidget) {\n nextSelected = this.parentWidget;\n }\n } else if (this.parentList.length === 1 + this.indexOfParentList) {\n nextSelected = this.parentList[this.indexOfParentList - 1];\n } else {\n nextSelected = this.parentList[this.indexOfParentList + 1];\n }\n\n this.$nextTick(() => {\n this.parentList.splice(this.indexOfParentList, 1);\n //if (!!nextSelected) {\n this.designer.setSelected(nextSelected);\n //}\n\n this.designer.emitHistoryChange();\n });\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .drawer-container {\n width: 100%;\n min-height: 120px;\n border: 2px dashed #cccccc;\n position: relative;\n\n .vf-drawer-drop-zone {\n min-height: 58px;\n }\n }\n\n .drawer-container > div:first-child {\n min-height: 58px;\n }\n\n .drawer-container.selected {\n outline: 2px solid var(--ant-primary-color) !important;\n }\n</style>\n"],"names":["_sfc_main","i18n","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","widget","nextSelected","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
|
package/src/components/form-designer/form-widget/field-widget/attachment-render-widget.vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attachment-render-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/attachment-render-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n v-if=\"!handleHidden()\"\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n >\n <div ref=\"fieldEditor\" class=\"t-w-full\">\n <div v-if=\"fieldModel && fieldModel.length\">\n <component :is=\"renderCompontent('AttachmentRender')\" :data=\"fieldModel\" />\n </div>\n </div>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import { useCustomRender } from '@/components/CustomRender/useCustomRender';\n\n const { renderCompontent } = useCustomRender();\n\n export default {\n name: 'attachment-render-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n renderCompontent,\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: [],\n bpmnModeler: null\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n watch: {\n fieldModel(val) {\n if (val) {\n this.preview(val);\n } else {\n }\n }\n },\n\n methods: {\n preview(json) {\n console.log({ json });\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["renderCompontent","useCustomRender","_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","val","json","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_hoisted_1","_createElementBlock","_hoisted_2","_openBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;AA6BI,MAAM,EAAE,kBAAAA,EAAe,IAAMC,EAAe,GAEvCC,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,kBAAAN;AAAA,MACA,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,MACP,aAAa;AAAA
|
|
1
|
+
{"version":3,"file":"attachment-render-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/attachment-render-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n v-if=\"!handleHidden()\"\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n >\n <div ref=\"fieldEditor\" class=\"t-w-full\">\n <div v-if=\"fieldModel && fieldModel.length\">\n <component :is=\"renderCompontent('AttachmentRender')\" :data=\"fieldModel\" />\n </div>\n </div>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import { useCustomRender } from '@/components/CustomRender/useCustomRender';\n\n const { renderCompontent } = useCustomRender();\n\n export default {\n name: 'attachment-render-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n renderCompontent,\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: [],\n bpmnModeler: null\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n watch: {\n fieldModel(val) {\n if (val) {\n this.preview(val);\n } else {\n }\n }\n },\n\n methods: {\n preview(json) {\n console.log({ json });\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["renderCompontent","useCustomRender","_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","val","json","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_hoisted_1","_createElementBlock","_hoisted_2","_openBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;AA6BI,MAAM,EAAE,kBAAAA,EAAe,IAAMC,EAAe,GAEvCC,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,kBAAAN;AAAA,MACA,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,MACP,aAAa;AAAA;EAErB;AAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EACA,OAAO;AAAA,IACH,WAAWO,GAAK;AACZ,MAAIA,KACA,KAAK,QAAQA,CAAG;AAAA,IAGxB;AAAA;EAGJ,SAAS;AAAA,IACL,QAAQC,GAAM;AACV,cAAQ,IAAI,EAAE,MAAAA,GAAM;AAAA,IACxB;AAAA,EACJ;;EA7FK,KAAI;AAAA,EAAc,OAAM;;;;SAZtBC,EAAA,aAAY,sBADvBC,EAkBoBC,GAAA;AAAA;IAhBf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAElB,MAIM;AAAA,MAJNE,EAIM,OAJNC,GAIM;AAAA,QAHSF,EAAA,cAAcA,EAAA,WAAW,eAApCG,EAEM,OAAAC,GAAA;AAAA,WADFC,EAAA,GAAAR,EAA2ES,EAA3DN,EAAA,iBAAgB,kBAAA,CAAA,GAAA,EAAuB,MAAMA,EAAA,WAAU,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bpmn-editor-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n v-if=\"!handleHidden()\"\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n >\n <div ref=\"fieldEditor\" class=\"t-w-full t-h-[30vh]\"></div>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import BpmnViewer from 'bpmn-js/lib/Viewer';\n\n export default {\n name: 'bpmn-editor-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: [],\n bpmnModeler: null\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n watch: {\n fieldModel(val) {\n if (val) {\n this.preview(val);\n } else {\n if (this.bpmnModeler && this.bpmnModeler.destroy) {\n this.bpmnModeler.destroy();\n }\n }\n }\n },\n\n methods: {\n preview(xml) {\n // 避免缓存,每次清一下\n if (this.bpmnModeler && this.bpmnModeler.destroy) {\n this.bpmnModeler.destroy();\n }\n this.bpmnModeler = new BpmnViewer({ container: this.$refs.fieldEditor });\n const viewer = this.bpmnModeler;\n this.bpmnModeler.importXML(xml, err => {\n if (err) {\n console.error(err);\n } else {\n // 只实现预览,核心代码以下两句足够\n const canvas = viewer.get('canvas');\n canvas.zoom('fit-viewport');\n }\n });\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n :deep(.bjs-powered-by) {\n display: none;\n }\n :deep(.bjs-breadcrumbs) {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","val","xml","BpmnViewer","viewer","err","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_hoisted_1"],"mappings":";;;;;;;;AAyBI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,MACP,aAAa;AAAA
|
|
1
|
+
{"version":3,"file":"bpmn-editor-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n v-if=\"!handleHidden()\"\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n >\n <div ref=\"fieldEditor\" class=\"t-w-full t-h-[30vh]\"></div>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import BpmnViewer from 'bpmn-js/lib/Viewer';\n\n export default {\n name: 'bpmn-editor-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: [],\n bpmnModeler: null\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n watch: {\n fieldModel(val) {\n if (val) {\n this.preview(val);\n } else {\n if (this.bpmnModeler && this.bpmnModeler.destroy) {\n this.bpmnModeler.destroy();\n }\n }\n }\n },\n\n methods: {\n preview(xml) {\n // 避免缓存,每次清一下\n if (this.bpmnModeler && this.bpmnModeler.destroy) {\n this.bpmnModeler.destroy();\n }\n this.bpmnModeler = new BpmnViewer({ container: this.$refs.fieldEditor });\n const viewer = this.bpmnModeler;\n this.bpmnModeler.importXML(xml, err => {\n if (err) {\n console.error(err);\n } else {\n // 只实现预览,核心代码以下两句足够\n const canvas = viewer.get('canvas');\n canvas.zoom('fit-viewport');\n }\n });\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n :deep(.bjs-powered-by) {\n display: none;\n }\n :deep(.bjs-breadcrumbs) {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","val","xml","BpmnViewer","viewer","err","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_hoisted_1"],"mappings":";;;;;;;;AAyBI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,MACP,aAAa;AAAA;EAErB;AAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EACA,OAAO;AAAA,IACH,WAAWC,GAAK;AACZ,MAAIA,IACA,KAAK,QAAQA,CAAG,IAEZ,KAAK,eAAe,KAAK,YAAY,WACrC,KAAK,YAAY,QAAO;AAAA,IAGpC;AAAA;EAGJ,SAAS;AAAA,IACL,QAAQC,GAAK;AAET,MAAI,KAAK,eAAe,KAAK,YAAY,WACrC,KAAK,YAAY,QAAO,GAE5B,KAAK,cAAc,IAAIC,EAAW,EAAE,WAAW,KAAK,MAAM,aAAa;AACvE,YAAMC,IAAS,KAAK;AACpB,WAAK,YAAY,UAAUF,GAAK,CAAAG,MAAO;AACnC,QAAIA,IACA,QAAQ,MAAMA,CAAG,IAGFD,EAAO,IAAI,QAAQ,EAC3B,KAAK,cAAc;AAAA,MAElC,CAAC;AAAA,IACL;AAAA,EACJ;;EAxGK,KAAI;AAAA,EAAc,OAAM;;;;SAZtBE,EAAA,aAAY,sBADvBC,EAcoBC,GAAA;AAAA;IAZf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAElB,MAAyD;AAAA,MAAzDE,EAAyD,OAAzDC,GAAyD,MAAA,GAAA;AAAA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-list-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/button-list-widget.vue"],"sourcesContent":["<template>\n <static-content-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n >\n <ActionButtonListRender\n :options=\"field.options\"\n :designState=\"designState\"\n :buttonList=\"buttonList\"\n :customClass=\"customClass\"\n :flex=\"field.options.flex\"\n :ctx=\"this\"\n />\n </static-content-wrapper>\n</template>\n\n<script>\n import StaticContentWrapper from './static-content-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import SvgIcon from '@/components/svg-icon';\n import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n export default {\n name: 'button-list-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n widget: Object,\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n data() {\n return {};\n },\n components: {\n ActionButtonListRender,\n SvgIcon,\n StaticContentWrapper\n },\n computed: {\n customClass() {\n return this.field.options.customClass || [];\n },\n buttonList() {\n return this.field.options.buttonList.filter(item => !this.handleHidden(item));\n }\n },\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initEventHandler();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n methods: {\n hanldeClick(item) {\n if (this.designState) {\n //设计状态不触发点击事件\n return;\n }\n if (item.onClick) {\n const customFn = new Function(item.onClick);\n return customFn.call(this);\n }\n },\n handleDisabled(item) {\n const { onDisabled } = item;\n if (onDisabled) {\n const disabledFn = new Function(onDisabled);\n return disabledFn.call(this);\n }\n return false;\n },\n handleHidden(item) {\n const { onHidden } = item;\n if (onHidden) {\n const disabledFn = new Function(onHidden);\n return disabledFn.call(this);\n }\n return false;\n }\n },\n beforeUnmount() {\n this.unregisterFromRefList();\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .flex {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","ActionButtonListRender","SvgIcon","StaticContentWrapper","item","onDisabled","onHidden","_createBlock","_component_static_content_wrapper","$props","_createVNode","_component_ActionButtonListRender","$options"],"mappings":";;;;;;;;;AA8BI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,OAAO;AACH,WAAO,CAAA;AAAA;
|
|
1
|
+
{"version":3,"file":"button-list-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/button-list-widget.vue"],"sourcesContent":["<template>\n <static-content-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n >\n <ActionButtonListRender\n :options=\"field.options\"\n :designState=\"designState\"\n :buttonList=\"buttonList\"\n :customClass=\"customClass\"\n :flex=\"field.options.flex\"\n :ctx=\"this\"\n />\n </static-content-wrapper>\n</template>\n\n<script>\n import StaticContentWrapper from './static-content-wrapper';\n import emitter from '@/utils/emitter';\n import i18n from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import SvgIcon from '@/components/svg-icon';\n import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n export default {\n name: 'button-list-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n widget: Object,\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n data() {\n return {};\n },\n components: {\n ActionButtonListRender,\n SvgIcon,\n StaticContentWrapper\n },\n computed: {\n customClass() {\n return this.field.options.customClass || [];\n },\n buttonList() {\n return this.field.options.buttonList.filter(item => !this.handleHidden(item));\n }\n },\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initEventHandler();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n methods: {\n hanldeClick(item) {\n if (this.designState) {\n //设计状态不触发点击事件\n return;\n }\n if (item.onClick) {\n const customFn = new Function(item.onClick);\n return customFn.call(this);\n }\n },\n handleDisabled(item) {\n const { onDisabled } = item;\n if (onDisabled) {\n const disabledFn = new Function(onDisabled);\n return disabledFn.call(this);\n }\n return false;\n },\n handleHidden(item) {\n const { onHidden } = item;\n if (onHidden) {\n const disabledFn = new Function(onHidden);\n return disabledFn.call(this);\n }\n return false;\n }\n },\n beforeUnmount() {\n this.unregisterFromRefList();\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .flex {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","ActionButtonListRender","SvgIcon","StaticContentWrapper","item","onDisabled","onHidden","_createBlock","_component_static_content_wrapper","$props","_createVNode","_component_ActionButtonListRender","$options"],"mappings":";;;;;;;;;AA8BI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,OAAO;AACH,WAAO,CAAA;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACR,wBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA;EAEJ,UAAU;AAAA,IACN,cAAc;AACV,aAAO,KAAK,MAAM,QAAQ,eAAe,CAAA;AAAA,IAC7C;AAAA,IACA,aAAa;AACT,aAAO,KAAK,MAAM,QAAQ,WAAW,OAAO,CAAAC,MAAQ,CAAC,KAAK,aAAaA,CAAI,CAAC;AAAA,IAChF;AAAA;EAEJ,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,iBAAgB,GAErB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EACA,SAAS;AAAA,IACL,YAAYA,GAAM;AACd,UAAI,MAAK,eAILA,EAAK;AAEL,eADiB,IAAI,SAASA,EAAK,OAAO,EAC1B,KAAK,IAAI;AAAA,IAEjC;AAAA,IACA,eAAeA,GAAM;AACjB,YAAM,EAAE,YAAAC,EAAS,IAAMD;AACvB,aAAIC,IACmB,IAAI,SAASA,CAAU,EACxB,KAAK,IAAI,IAExB;AAAA,IACX;AAAA,IACA,aAAaD,GAAM;AACf,YAAM,EAAE,UAAAE,EAAO,IAAMF;AACrB,aAAIE,IACmB,IAAI,SAASA,CAAQ,EACtB,KAAK,IAAI,IAExB;AAAA,IACX;AAAA;EAEJ,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;;;;cAxHJC,EAmByBC,GAAA;AAAA,IAlBpB,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,gBAAcA,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAElB,MAOE;AAAA,MAPFC,EAOEC,GAAA;AAAA,QANG,SAASF,EAAA,MAAM;AAAA,QACf,aAAaA,EAAA;AAAA,QACb,YAAYG,EAAA;AAAA,QACZ,aAAaA,EAAA;AAAA,QACb,MAAMH,EAAA,MAAM,QAAQ;AAAA,QACpB,KAAK;AAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/button-widget.vue"],"sourcesContent":["<template>\n <static-content-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :design-state=\"designState\"\n :display-style=\"field.options.displayStyle\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <a-button\n ref=\"fieldEditor\"\n :type=\"field.options.type\"\n :size=\"field.options.size\"\n :class=\"[field.options.label === '' ? 'hide-text-span' : '', 'tpf-button']\"\n :shape=\"field.options.shape\"\n :danger=\"field.options.danger\"\n :ghost=\"field.options.ghost\"\n :disabled=\"handleDisabled()\"\n :loading=\"loading\"\n @click=\"handleButtonWidgetClick\"\n >\n <svg-icon v-if=\"field.options.icon\" :icon-class=\"field.options.icon\" />\n {{ field.options.label }}\n </a-button>\n </static-content-wrapper>\n</template>\n\n<script>\n import StaticContentWrapper from './static-content-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import SvgIcon from '@/components/svg-icon';\n\n export default {\n name: 'button-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n StaticContentWrapper,\n SvgIcon\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initEventHandler();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n //* static-content-wrapper已引入,还需要重复引入吗? *//\n\n .hide-text-span :deep(span) {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","StaticContentWrapper","SvgIcon","_ctx","_createBlock","_component_static_content_wrapper","$props","_createVNode","_component_a_button","_normalizeClass","_component_svg_icon","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;AAuCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,sBAAAC;AAAA,IACA,SAAAC;AAAA;EAEJ,UAAU,CAAA;AAAA,EACV,eAAe;AAAA;
|
|
1
|
+
{"version":3,"file":"button-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/button-widget.vue"],"sourcesContent":["<template>\n <static-content-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :design-state=\"designState\"\n :display-style=\"field.options.displayStyle\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <a-button\n ref=\"fieldEditor\"\n :type=\"field.options.type\"\n :size=\"field.options.size\"\n :class=\"[field.options.label === '' ? 'hide-text-span' : '', 'tpf-button']\"\n :shape=\"field.options.shape\"\n :danger=\"field.options.danger\"\n :ghost=\"field.options.ghost\"\n :disabled=\"handleDisabled()\"\n :loading=\"loading\"\n @click=\"handleButtonWidgetClick\"\n >\n <svg-icon v-if=\"field.options.icon\" :icon-class=\"field.options.icon\" />\n {{ field.options.label }}\n </a-button>\n </static-content-wrapper>\n</template>\n\n<script>\n import StaticContentWrapper from './static-content-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import SvgIcon from '@/components/svg-icon';\n\n export default {\n name: 'button-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n StaticContentWrapper,\n SvgIcon\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initEventHandler();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n //* static-content-wrapper已引入,还需要重复引入吗? *//\n\n .hide-text-span :deep(span) {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","StaticContentWrapper","SvgIcon","_ctx","_createBlock","_component_static_content_wrapper","$props","_createVNode","_component_a_button","_normalizeClass","_component_svg_icon","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;AAuCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,sBAAAC;AAAA,IACA,SAAAC;AAAA;EAEJ,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,iBAAgB,GAErB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;;SAlFFC,EAAA,aAAY,sBAXvBC,EA4ByBC,GAAA;AAAA;IA3BpB,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,gBAAcA,EAAA;AAAA,IACd,iBAAeA,EAAA,MAAM,QAAQ;AAAA,IAC7B,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAcW;AAAA,MAdXC,EAcWC,GAAA;AAAA,QAbP,KAAI;AAAA,QACH,MAAMF,EAAA,MAAM,QAAQ;AAAA,QACpB,MAAMA,EAAA,MAAM,QAAQ;AAAA,QACpB,OAAKG,EAAA,CAAGH,EAAA,MAAM,QAAQ,UAAK,KAAA,mBAAA,IAAA,YAAA,CAAA;AAAA,QAC3B,OAAOA,EAAA,MAAM,QAAQ;AAAA,QACrB,QAAQA,EAAA,MAAM,QAAQ;AAAA,QACtB,OAAOA,EAAA,MAAM,QAAQ;AAAA,QACrB,UAAUH,EAAA,eAAc;AAAA,QACxB,SAASA,EAAA;AAAA,QACT,SAAOA,EAAA;AAAA;mBAER,MAAuE;AAAA,UAAvDG,EAAA,MAAM,QAAQ,aAA9BF,EAAuEM,GAAA;AAAA;YAAlC,cAAYJ,EAAA,MAAM,QAAQ;AAAA;UAAQK,EAAA,MACvEC,EAAGN,EAAA,MAAM,QAAQ,KAAK,GAAA,CAAA;AAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cascader-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/cascader-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <!--\n :filterable=\"field.options.filterable\"\n :show-all-levels=\"showFullPath\"\n :props=\"{\n checkStrictly: field.options.checkStrictly\n }\"\n @visible-change=\"hideDropDownOnClick\"\n @expand-change=\"hideDropDownOnClick\"\n -->\n <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n <a-cascader\n ref=\"fieldEditor\"\n :size=\"size\"\n :options=\"field.options.optionItems\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled()\"\n :allowClear=\"field.options.allowClear\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n :expandTrigger=\"'hover'\"\n :multiple=\"field.options.multiple\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <a-tooltip\n placement=\"topLeft\"\n :title=\"contentForReadMode\"\n :overlayStyle=\"{ zIndex: 1000 }\"\n >\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </a-tooltip>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import { formateCascaderCode } from '@/utils/format';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n export default {\n name: 'cascader-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {\n size() {\n if (!!this.field.options && !!this.field.options.size) {\n return this.field.options.size;\n }\n if (!!this.designer) {\n return this.designer.formConfig.size || 'middle';\n } else {\n return this.formConfig.size || 'middle';\n }\n },\n labelKey() {\n return this.field.options.labelKey || 'label';\n },\n\n valueKey() {\n return this.field.options.valueKey || 'value';\n },\n\n childrenKey() {\n return this.field.options.childrenKey || 'children';\n },\n\n // showFullPath() {\n // return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;\n // },\n\n contentForReadMode() {\n if (!this.fieldModel) return '';\n return formateCascaderCode(this.field.options.optionItems, this.fieldModel, {\n label: this.labelKey,\n value: this.valueKey,\n children: this.childrenKey\n });\n }\n },\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initOptionItems();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {\n /* 开启任意级节点可选后,点击radio隐藏下拉框 */\n hideDropDownOnClick() {\n // setTimeout(() => {\n // document.querySelectorAll('.el-cascader-panel .el-radio').forEach(el => {\n // el.onclick = () => {\n // console.log('test====', 1111);\n // this.$refs.fieldEditor.popperVisible = false; // 单选框部分点击隐藏下拉框\n // };\n // });\n // }, 100);\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n\n .readonly-mode-cascader :deep(.ant-cascader) {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","formateCascaderCode","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_cascader","$options","$event","_component_a_tooltip","_toDisplayString"],"mappings":";;;;;;;;AA2DI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA
|
|
1
|
+
{"version":3,"file":"cascader-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/cascader-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <!--\n :filterable=\"field.options.filterable\"\n :show-all-levels=\"showFullPath\"\n :props=\"{\n checkStrictly: field.options.checkStrictly\n }\"\n @visible-change=\"hideDropDownOnClick\"\n @expand-change=\"hideDropDownOnClick\"\n -->\n <div class=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n <a-cascader\n ref=\"fieldEditor\"\n :size=\"size\"\n :options=\"field.options.optionItems\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled()\"\n :allowClear=\"field.options.allowClear\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n :expandTrigger=\"'hover'\"\n :multiple=\"field.options.multiple\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <a-tooltip\n placement=\"topLeft\"\n :title=\"contentForReadMode\"\n :overlayStyle=\"{ zIndex: 1000 }\"\n >\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </a-tooltip>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import { formateCascaderCode } from '@/utils/format';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n export default {\n name: 'cascader-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {\n size() {\n if (!!this.field.options && !!this.field.options.size) {\n return this.field.options.size;\n }\n if (!!this.designer) {\n return this.designer.formConfig.size || 'middle';\n } else {\n return this.formConfig.size || 'middle';\n }\n },\n labelKey() {\n return this.field.options.labelKey || 'label';\n },\n\n valueKey() {\n return this.field.options.valueKey || 'value';\n },\n\n childrenKey() {\n return this.field.options.childrenKey || 'children';\n },\n\n // showFullPath() {\n // return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;\n // },\n\n contentForReadMode() {\n if (!this.fieldModel) return '';\n return formateCascaderCode(this.field.options.optionItems, this.fieldModel, {\n label: this.labelKey,\n value: this.valueKey,\n children: this.childrenKey\n });\n }\n },\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initOptionItems();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {\n /* 开启任意级节点可选后,点击radio隐藏下拉框 */\n hideDropDownOnClick() {\n // setTimeout(() => {\n // document.querySelectorAll('.el-cascader-panel .el-radio').forEach(el => {\n // el.onclick = () => {\n // console.log('test====', 1111);\n // this.$refs.fieldEditor.popperVisible = false; // 单选框部分点击隐藏下拉框\n // };\n // });\n // }, 100);\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n\n .readonly-mode-cascader :deep(.ant-cascader) {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","formateCascaderCode","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_cascader","$options","$event","_component_a_tooltip","_toDisplayString"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/checkbox-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <a-checkbox-group\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled()\"\n @change=\"handleChangeEvent\"\n >\n <a-checkbox\n v-for=\"(item, index) in field.options.optionItems\"\n :key=\"index\"\n :value=\"item[field.options.valueKey]\"\n :disabled=\"item.disabled\"\n :border=\"field.options.border\"\n :style=\"{}\"\n >\n {{ item[field.options.labelKey] }}\n </a-checkbox>\n </a-checkbox-group>\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n export default {\n name: 'checkbox-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initOptionItems();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_checkbox_group","$event","_createElementBlock","_Fragment","_renderList","item","index","_component_a_checkbox","_createTextVNode","_toDisplayString","_hoisted_1"],"mappings":";;;;;;;AA4CI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA
|
|
1
|
+
{"version":3,"file":"checkbox-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/checkbox-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <a-checkbox-group\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled()\"\n @change=\"handleChangeEvent\"\n >\n <a-checkbox\n v-for=\"(item, index) in field.options.optionItems\"\n :key=\"index\"\n :value=\"item[field.options.valueKey]\"\n :disabled=\"item.disabled\"\n :border=\"field.options.border\"\n :style=\"{}\"\n >\n {{ item[field.options.labelKey] }}\n </a-checkbox>\n </a-checkbox-group>\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n export default {\n name: 'checkbox-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initOptionItems();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_checkbox_group","$event","_createElementBlock","_Fragment","_renderList","item","index","_component_a_checkbox","_createTextVNode","_toDisplayString","_hoisted_1"],"mappings":";;;;;;;AA4CI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;EAEf;AAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,gBAAe,GACpB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;EA3EC,OAAM;;;;SArBTC,EAAA,aAAY,sBAXvBC,EAkCoBC,GAAA;AAAA;IAjCf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAiBmB;AAAA,QAjBnBE,EAiBmBC,GAAA;AAAA,QAhBf,KAAI;AAAA,QACI,OAAOF,EAAA;AAAA,iDAAAA,EAAA,aAAUG;AAAA,QAExB,UAAUP,EAAA,eAAc;AAAA,QACxB,UAAQA,EAAA;AAAA;mBAGL,MAAkD;AAAA,kBADtDQ,EASaC,GAAA,MAAAC,EAReP,QAAM,QAAQ,aAAW,CAAzCQ,GAAMC,YADlBX,EASaY,GAAA;AAAA,YAPR,KAAKD;AAAA,YACL,OAAOD,EAAKR,QAAM,QAAQ,QAAQ;AAAA,YAClC,UAAUQ,EAAK;AAAA,YACf,QAAQR,EAAA,MAAM,QAAQ;AAAA,YACtB,OAAO,CAAA;AAAA;uBAER,MAAkC;AAAA,cAA/BW,EAAAC,EAAAJ,EAAKR,EAAA,MAAM,QAAQ,QAAQ,CAAA,GAAA,CAAA;AAAA;;;;;;aAZzBH,EAAA,UAAU;AAAA;MAePA,EAAA,mBACZQ,EAA0D,QAA1DQ,GAA0DD,EAArBf,EAAA,WAAW,GAAA,CAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/code-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <code-editor\n :mode=\"field.options.mode\"\n :readonly=\"field.options.readonly || isReadMode\"\n v-model=\"fieldModel\"\n ref=\"fieldEditor\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import CodeEditor from '@/components/code-editor/index.vue';\n\n export default {\n name: 'code-editor-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper,\n CodeEditor\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","CodeEditor","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_code_editor","$event"],"mappings":";;;;;;;;AAgCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA,IACA,YAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA
|
|
1
|
+
{"version":3,"file":"code-editor-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/code-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <code-editor\n :mode=\"field.options.mode\"\n :readonly=\"field.options.readonly || isReadMode\"\n v-model=\"fieldModel\"\n ref=\"fieldEditor\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import CodeEditor from '@/components/code-editor/index.vue';\n\n export default {\n name: 'code-editor-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper,\n CodeEditor\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","CodeEditor","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_code_editor","$event"],"mappings":";;;;;;;;AAgCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA,IACA,YAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;EAEf;AAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;;SApFFC,EAAA,aAAY,sBAXvBC,EAqBoBC,GAAA;AAAA;IApBf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAOE;AAAA,MAPFE,EAOEC,GAAA;AAAA,QANG,MAAMH,EAAA,MAAM,QAAQ;AAAA,QACpB,UAAUA,EAAA,MAAM,QAAQ,YAAYH,EAAA;AAAA,oBAC5BI,EAAA;AAAA,sDAAAA,EAAA,aAAUG;AAAA,QACnB,KAAI;AAAA,QACH,QAAMP,EAAA;AAAA,QACN,UAAQA,EAAA;AAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/color-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <div :class=\"[isReadMode ? 'readonly-mode-color' : '']\">\n <a-input\n style=\"padding: 0; width: 25px; height: 25px\"\n v-model:value=\"fieldModel\"\n @change=\"handleChangeEvent\"\n type=\"color\"\n />\n\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n export default {\n name: 'color-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_createVNode","_component_a_input","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;AAmCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA
|
|
1
|
+
{"version":3,"file":"color-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/color-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper\n :designer=\"designer\"\n :field=\"field\"\n :rules=\"rules\"\n :design-state=\"designState\"\n :parent-widget=\"parentWidget\"\n :parent-list=\"parentList\"\n :index-of-parent-list=\"indexOfParentList\"\n :sub-form-row-index=\"subFormRowIndex\"\n :sub-form-col-index=\"subFormColIndex\"\n :sub-form-row-id=\"subFormRowId\"\n v-if=\"!handleHidden()\"\n >\n <div :class=\"[isReadMode ? 'readonly-mode-color' : '']\">\n <a-input\n style=\"padding: 0; width: 25px; height: 25px\"\n v-model:value=\"fieldModel\"\n @change=\"handleChangeEvent\"\n type=\"color\"\n />\n\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n export default {\n name: 'color-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n],\n props: {\n field: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\n designer: Object,\n\n designState: {\n type: Boolean,\n default: false\n },\n\n subFormRowIndex: {\n /* 子表单组件行索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormColIndex: {\n /* 子表单组件列索引,从0开始计数 */ type: Number,\n default: -1\n },\n subFormRowId: {\n /* 子表单组件行Id,唯一id且不可变 */ type: String,\n default: ''\n }\n },\n components: {\n FormItemWrapper\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n };\n },\n computed: {},\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.initFieldModel();\n this.initEventHandler();\n this.buildFieldRules();\n\n this.handleOnCreated();\n },\n\n mounted() {\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {}\n };\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_createVNode","_component_a_input","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;AAmCI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClC,OAAO;AAAA,IACH,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAGb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA;IAEb,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;EAEJ,YAAY;AAAA,IACR,iBAAAC;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;EAEf;AAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EAEf;AAAA,EAEA,UAAU;AAGN,SAAK,kBAAiB,GACtB,KAAK,eAAc,GACnB,KAAK,iBAAgB,GACrB,KAAK,gBAAe,GAEpB,KAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,UAAU;AACN,SAAK,gBAAe;AAAA,EACxB;AAAA,EAEA,gBAAgB;AACZ,SAAK,sBAAqB;AAAA,EAC9B;AAAA,EAEA,SAAS,CAAA;;;EA3EK,OAAM;;;;SAXbC,EAAA,aAAY,sBAXvBC,EAyBoBC,GAAA;AAAA;IAxBf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAWM;AAAA,MAXNE,EAWM,OAAA;AAAA,QAXA,UAAQL,EAAA,aAAU,wBAAA,EAAA,CAAA;AAAA;QACpBM,EAKEC,GAAA;AAAA,UAJE,OAAA,EAAA,SAAA,KAAA,OAAA,QAAA,QAAA,OAAA;AAAA,UACQ,OAAOH,EAAA;AAAA,mDAAAA,EAAA,aAAUI;AAAA,UACxB,UAAQR,EAAA;AAAA,UACT,MAAK;AAAA;QAGOA,EAAA,mBACZS,EAAyD,QAAzDC,GAAyDC,EAApBP,EAAA,UAAU,GAAA,CAAA;;;;;;;"}
|