@kp-ui/lowcode 1.0.94 → 1.0.95
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_virtual/virtual_svg-icons-register.js.map +1 -1
- package/package.json +4 -4
- package/src/api/useFilesystemApi/filesystem/index.js.map +1 -1
- package/src/components/CustomRender/components/AttachmentRender.vue2.js.map +1 -1
- package/src/components/CustomRender/components/RenderBodyCell.js.map +1 -1
- package/src/components/CustomRender/useCustomRender.js.map +1 -1
- package/src/components/code-editor/code-modal-editor.vue.js.map +1 -1
- package/src/components/code-editor/index.vue2.js.map +1 -1
- package/src/components/form-designer/designer.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/containerMixin.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js +22 -22
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js +2 -5
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/grid-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/index.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/tab-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/table-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/vf-drawer-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/attachment-render-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/button-list-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/button-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/checkbox-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/code-editor-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/color-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/date-range-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/date-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/divider-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/dropdown-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/fieldMixin.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue2.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/input-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/number-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/radio-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/rate-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/select-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/slider-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/slot-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/switch-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/textarea-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/time-range-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/time-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/index.vue.js.map +1 -1
- package/src/components/form-designer/index.vue.js +91 -84
- package/src/components/form-designer/index.vue.js.map +1 -1
- package/src/components/form-designer/refMixinDesign.js.map +1 -1
- package/src/components/form-designer/setting-panel/form-setting.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/index.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/option-items-setting.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/button-position-editor.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/code-editor/code-editor-mode.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-rowKey-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showIndex-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-stripe-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +70 -74
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableHeight-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableSize-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableWidth-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-treeDataEnabled-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabBarGutter-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabPosition-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-type-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue2.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/formCode-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/customClass-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/eventMixin.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-select/mode-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/max-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/maxLength-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/min-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/minLength-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/name-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/placement-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/propertyMixin.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/rightSlotCss-editor.vue.js.map +1 -1
- package/src/components/form-designer/toolbar-panel/index.vue.js +2 -2
- package/src/components/form-designer/toolbar-panel/index.vue2.js +1 -5
- package/src/components/form-designer/toolbar-panel/index.vue2.js.map +1 -1
- package/src/components/form-designer/widget-panel/index.vue.js.map +1 -1
- package/src/components/form-render/SubmitButtonRender.vue.js.map +1 -1
- package/src/components/form-render/container-item/containerItemMixin.js.map +1 -1
- package/src/components/form-render/container-item/data-table-item.vue.js +4 -5
- package/src/components/form-render/container-item/data-table-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/grid-col-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/grid-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/grid-sub-form-item.vue.js +10 -5
- package/src/components/form-render/container-item/grid-sub-form-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/index.js.map +1 -1
- package/src/components/form-render/container-item/sub-form-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/tab-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/table-cell-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/table-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/vf-collapse-item.vue.js.map +1 -1
- package/src/components/form-render/dynamic-dialog.vue.js.map +1 -1
- package/src/components/form-render/dynamic-drawer.vue.js.map +1 -1
- package/src/components/form-render/index.vue.js +120 -106
- package/src/components/form-render/index.vue.js.map +1 -1
- package/src/components/form-render/refMixin.js.map +1 -1
- package/src/components/http-editor/index.vue.js.map +1 -1
- package/src/components/public/ActionButtonListDialog.vue.js +10 -10
- package/src/components/public/ActionButtonListDialog.vue.js.map +1 -1
- package/src/components/public/ActionButtonListDialog.vue2.js +24 -28
- package/src/components/public/ActionButtonListDialog.vue2.js.map +1 -1
- package/src/components/public/ActionButtonListRender.vue2.js.map +1 -1
- package/src/components/public/CustomerModal/CustomerModal.vue2.js.map +1 -1
- package/src/components/public/CustomerModal/useCustomerModal.js.map +1 -1
- package/src/components/public/QuillEditor/index.vue.js.map +1 -1
- package/src/components/public/methoad-item.vue.js.map +1 -1
- package/src/components/svg-icon/FileIcon.js.map +1 -1
- package/src/hooks/TpfConfirm.js.map +1 -1
- package/src/hooks/useFilePreview.js.map +1 -1
- package/src/hooks/useLowcode.js.map +1 -1
- package/src/lib/vuedraggable/src/core/componentBuilderHelper.js.map +1 -1
- package/src/lib/vuedraggable/src/core/componentStructure.js.map +1 -1
- package/src/lib/vuedraggable/src/util/string.js.map +1 -1
- package/src/lib/vuedraggable/src/vuedraggable.js.map +1 -1
- package/src/mixins/useDataTableMixin.js +2 -2
- package/src/mixins/useDataTableMixin.js.map +1 -1
- package/src/mixins/useSelectMixin.js.map +1 -1
- package/src/utils/emitter.js.map +1 -1
- package/src/utils/executeFunction.js.map +1 -1
- package/src/utils/format.js.map +1 -1
- package/src/utils/i18n.js.map +1 -1
- package/src/utils/request/fmtHttpParams.js.map +1 -1
- package/src/utils/request/handleAxiosError.js.map +1 -1
- package/src/utils/request/http.js.map +1 -1
- package/src/utils/smart-vue-i18n/index.js.map +1 -1
- package/src/utils/smart-vue-i18n/utils.js.map +1 -1
- package/src/utils/util.js.map +1 -1
- package/src/utils/validators.js.map +1 -1
- package/stats.html +1 -1
- package/styles/style.css +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/switch-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-switch\n ref=\"fieldEditor\"\n v-model:checked=\"fieldModel\"\n :disabled=\"isReadMode || handleDisabled()\"\n :checkedValue=\"field.options.checkedValue\"\n :unCheckedValue=\"field.options.unCheckedValue\"\n @change=\"handleChangeEvent\"\n :style=\"{ width: field.options.switchWidth + 'px' }\"\n />\n <!-- <template v-if=\"isReadMode\">\n :class=\"[isReadMode ? 'readonly-mode-switch' : '']\"\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</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: 'switch-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 contentForReadMode() {\n if (!!this.fieldModel) {\n return (\n this.field.options.checkedValue ||\n this.i18nt('render.hint.defaultActiveText')\n );\n }\n\n return (\n this.field.options.unCheckedValue ||\n this.i18nt('render.hint.defaultInactiveText')\n );\n }\n },\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\n .full-width-input {\n width: 100% !important;\n }\n\n .readonly-mode-switch {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_switch","$event","_normalizeStyle"],"mappings":";;;;;;;AAoCI,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":"switch-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/switch-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-switch\n ref=\"fieldEditor\"\n v-model:checked=\"fieldModel\"\n :disabled=\"isReadMode || handleDisabled()\"\n :checkedValue=\"field.options.checkedValue\"\n :unCheckedValue=\"field.options.unCheckedValue\"\n @change=\"handleChangeEvent\"\n :style=\"{ width: field.options.switchWidth + 'px' }\"\n />\n <!-- <template v-if=\"isReadMode\">\n :class=\"[isReadMode ? 'readonly-mode-switch' : '']\"\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</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: 'switch-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 contentForReadMode() {\n if (!!this.fieldModel) {\n return (\n this.field.options.checkedValue ||\n this.i18nt('render.hint.defaultActiveText')\n );\n }\n\n return (\n this.field.options.unCheckedValue ||\n this.i18nt('render.hint.defaultInactiveText')\n );\n }\n },\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\n .full-width-input {\n width: 100% !important;\n }\n\n .readonly-mode-switch {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_switch","$event","_normalizeStyle"],"mappings":";;;;;;;AAoCI,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;AAAA,IACN,qBAAqB;AACjB,aAAM,KAAK,aAEH,KAAK,MAAM,QAAQ,gBACnB,KAAK,MAAM,+BAA+B,IAK9C,KAAK,MAAM,QAAQ,kBACnB,KAAK,MAAM,iCAAiC;AAAA,IAEpD;AAAA;EAEJ,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;;;;SArGFC,EAAA,aAAY,sBAXvBC,EA0BoBC,GAAA;AAAA;IAzBf,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,MAQE;AAAA,MARFE,EAQEC,GAAA;AAAA,QAPE,KAAI;AAAA,QACI,SAASF,EAAA;AAAA,mDAAAA,EAAA,aAAUG;AAAA,QAC1B,UAAUP,EAAA,cAAcA,EAAA,eAAc;AAAA,QACtC,cAAcG,EAAA,MAAM,QAAQ;AAAA,QAC5B,gBAAgBA,EAAA,MAAM,QAAQ;AAAA,QAC9B,UAAQH,EAAA;AAAA,QACR,OAAKQ,EAAA,EAAA,OAAWL,EAAA,MAAM,QAAQ,cAAW,KAAA,CAAA;AAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/textarea-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-textarea\n type=\"textarea\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :size=\"size\"\n :disabled=\"handleDisabled()\"\n :allowClear=\"field.options.allowClear\"\n :readonly=\"field.options.readonly\"\n :placeholder=\"field.options.placeholder\"\n :rows=\"field.options.rows\"\n :minlength=\"field.options.minLength\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @input=\"handleInputCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <a-tooltip placement=\"topLeft\" :title=\"fieldModel\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div v-html=\"fieldModel\" class=\"readonly-mode-field\"></div>\n </a-tooltip>\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: 'textarea-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 },\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\n .readonly-mode-field {\n display: inline-block;\n white-space: pre-wrap;\n line-height: 1.5;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_textarea","$event","$options","_component_a_tooltip","_createElementVNode"],"mappings":";;;;;;;AA+CI,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":"textarea-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/textarea-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-textarea\n type=\"textarea\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :size=\"size\"\n :disabled=\"handleDisabled()\"\n :allowClear=\"field.options.allowClear\"\n :readonly=\"field.options.readonly\"\n :placeholder=\"field.options.placeholder\"\n :rows=\"field.options.rows\"\n :minlength=\"field.options.minLength\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @input=\"handleInputCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <a-tooltip placement=\"topLeft\" :title=\"fieldModel\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div v-html=\"fieldModel\" class=\"readonly-mode-field\"></div>\n </a-tooltip>\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: 'textarea-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 },\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\n .readonly-mode-field {\n display: inline-block;\n white-space: pre-wrap;\n line-height: 1.5;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_textarea","$event","$options","_component_a_tooltip","_createElementVNode"],"mappings":";;;;;;;AA+CI,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;AAAA,IACN,OAAO;AACH,aAAM,KAAK,MAAM,WAAa,KAAK,MAAM,QAAQ,OACtC,KAAK,MAAM,QAAQ,OAExB,KAAK,WACA,KAAK,SAAS,WAAW,QAAQ,WAEjC,KAAK,WAAW,QAAQ;AAAA,IAEvC;AAAA;EAEJ,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;;;;SA7GFC,EAAA,aAAY,sBAXvBC,EAqCoBC,GAAA;AAAA;IApCf,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,MAkBE;AAAA,QAlBFE,EAkBEC,GAAA;AAAA,QAjBE,MAAK;AAAA,QACL,KAAI;AAAA,QACI,OAAOF,EAAA;AAAA,iDAAAA,EAAA,aAAUG;AAAA,QAExB,MAAMC,EAAA;AAAA,QACN,UAAUR,EAAA,eAAc;AAAA,QACxB,YAAYG,EAAA,MAAM,QAAQ;AAAA,QAC1B,UAAUA,EAAA,MAAM,QAAQ;AAAA,QACxB,aAAaA,EAAA,MAAM,QAAQ;AAAA,QAC3B,MAAMA,EAAA,MAAM,QAAQ;AAAA,QACpB,WAAWA,EAAA,MAAM,QAAQ;AAAA,QACzB,WAAWA,EAAA,MAAM,QAAQ;AAAA,QACzB,WAAWA,EAAA,MAAM,QAAQ;AAAA,QACzB,SAAOH,EAAA;AAAA,QACP,QAAMA,EAAA;AAAA,QACN,SAAOA,EAAA;AAAA,QACP,UAAQA,EAAA;AAAA;aAbAA,EAAA,UAAU;AAAA;MAePA,EAAA,mBACZC,EAEYQ,GAAA;AAAA;QAFD,WAAU;AAAA,QAAW,OAAOL,EAAA;AAAA,QAAa,cAAc,EAAA,QAAA,IAAA;AAAA;mBAC9D,MAA2D;AAAA,UAA3DM,EAA2D,OAAA;AAAA,YAAtD,WAAQN,EAAA;AAAA,YAAY,OAAM;AAAA;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-range-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/time-range-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\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time-range' : ''\n ]\"\n >\n <a-time-range-picker\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'full-width-input' : '']\"\n :disabled=\"handleDisabled()\"\n :readonly=\"field.options.readonly\"\n :inputReadOnly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"[\n field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder'),\n field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')\n ]\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</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: 'time-range-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 contentForReadMode() {\n if (!this.fieldModel) {\n return '--';\n } else {\n return this.fieldModel[0] + ' - ' + this.fieldModel[1];\n }\n }\n },\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\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time-range {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_time_range_picker","$options","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;AAoDI,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":"time-range-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/time-range-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\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time-range' : ''\n ]\"\n >\n <a-time-range-picker\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'full-width-input' : '']\"\n :disabled=\"handleDisabled()\"\n :readonly=\"field.options.readonly\"\n :inputReadOnly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"[\n field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder'),\n field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')\n ]\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</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: 'time-range-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 contentForReadMode() {\n if (!this.fieldModel) {\n return '--';\n } else {\n return this.fieldModel[0] + ' - ' + this.fieldModel[1];\n }\n }\n },\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\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time-range {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_time_range_picker","$options","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/time-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\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time' : ''\n ]\"\n >\n <a-time-picker\n :size=\"size\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled()\"\n :inputReadOnly=\"field.options.readonly\"\n :readonly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.timePlaceholder')\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\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: 'time-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 },\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\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_time_picker","$options","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;AAgDI,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":"time-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/time-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\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time' : ''\n ]\"\n >\n <a-time-picker\n :size=\"size\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled()\"\n :inputReadOnly=\"field.options.readonly\"\n :readonly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.timePlaceholder')\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\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: 'time-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 },\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\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_time_picker","$options","$event","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;AAgDI,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;AAAA,IACN,OAAO;AACH,aAAM,KAAK,MAAM,WAAa,KAAK,MAAM,QAAQ,OACtC,KAAK,MAAM,QAAQ,OAExB,KAAK,WACA,KAAK,SAAS,WAAW,QAAQ,WAEjC,KAAK,WAAW,QAAQ;AAAA,IAEvC;AAAA;EAEJ,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;;;EAtFK,OAAM;;;;SAxBbC,EAAA,aAAY,sBAXvBC,EAsCoBC,GAAA;AAAA;IArCf,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,MAwBM;AAAA,MAxBNE,EAwBM,OAAA;AAAA,QAvBD,OAAKC,EAAA;AAAA,UAAsBH,EAAA,MAAM,QAAQ,gBAAa,oBAAA;AAAA,UAA2CH,EAAA,aAAU,uBAAA;AAAA;;QAK5GO,EAcEC,GAAA;AAAA,UAbG,MAAMC,EAAA;AAAA,UACP,KAAI;AAAA,UACI,OAAOL,EAAA;AAAA,mDAAAA,EAAA,aAAUM;AAAA,UACxB,UAAUV,EAAA,eAAc;AAAA,UACxB,eAAeG,EAAA,MAAM,QAAQ;AAAA,UAC7B,UAAUA,EAAA,MAAM,QAAQ;AAAA,UACxB,YAAYA,EAAA,MAAM,QAAQ;AAAA,UAC1B,QAAQA,EAAA,MAAM,QAAQ;AAAA,UACvB,gBAAa;AAAA,UACZ,aAAaA,EAAA,MAAM,QAAQ,eAAeH,EAAA,MAAK,6BAAA;AAAA,UAC/C,SAAOA,EAAA;AAAA,UACP,QAAMA,EAAA;AAAA,UACN,UAAQA,EAAA;AAAA;QAEGA,EAAA,mBACZW,EAAyD,QAAzDC,GAAyDC,EAApBT,EAAA,UAAU,GAAA,CAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"treeSelect-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/treeSelect-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=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n <a-tree-select\n v-show=\"!isReadMode\"\n :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n ref=\"fieldEditor\"\n :size=\"size\"\n :treeData=\"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 :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 fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import { formateTreeToName } from '@/utils/format';\n import { isArray } from 'lodash-es';\n\n export default {\n name: 'treeSelect-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\n const val = isArray(this.fieldModel) ? this.fieldModel : [this.fieldModel];\n\n return formateTreeToName(val, this.field.options.optionItems, {\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 :deep(.el-cascader) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-cascader :deep(.el-cascader) {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","val","isArray","formateTreeToName","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_tree_select","$options","$event","_component_a_tooltip","_toDisplayString"],"mappings":";;;;;;;;;AAoDI,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":"treeSelect-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/treeSelect-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=\"full-width-input\" :class=\"{ 'readonly-mode-cascader': isReadMode }\">\n <a-tree-select\n v-show=\"!isReadMode\"\n :tree-default-expand-all=\"field.options.treeDefaultExpandAll\"\n ref=\"fieldEditor\"\n :size=\"size\"\n :treeData=\"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 :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 fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n import { formateTreeToName } from '@/utils/format';\n import { isArray } from 'lodash-es';\n\n export default {\n name: 'treeSelect-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\n const val = isArray(this.fieldModel) ? this.fieldModel : [this.fieldModel];\n\n return formateTreeToName(val, this.field.options.optionItems, {\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 :deep(.el-cascader) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-cascader :deep(.el-cascader) {\n display: none;\n }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","FormItemWrapper","val","isArray","formateTreeToName","_hoisted_1","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createElementVNode","_normalizeClass","_createVNode","_component_a_tree_select","$options","$event","_component_a_tooltip","_toDisplayString"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/form-widget/index.vue"],"sourcesContent":["<template>\n <a-config-provider :component-size=\"size\" :input=\"{ autocomplete: 'off' }\">\n <div class=\"form-widget-container\">\n <a-form\n class=\"full-height-width widget-form tpf-form\"\n :layout=\"\n ['horizontal', 'vertical', 'inline'].includes(labelPosition)\n ? labelPosition\n : 'horizontal'\n \"\n :class=\"[customClass, layoutType + '-layout']\"\n :size=\"size\"\n :validate-on-rule-change=\"false\"\n >\n <template v-if=\"designer.widgetList.length === 0\">\n <div class=\"no-widget-hint\">{{ i18nt('designer.noWidgetHint') }}</div>\n </template>\n\n <div class=\"form-widget-canvas\" :style=\"{ minHeight: canvasMinHeight }\">\n <draggable\n :list=\"designer.widgetList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n handle=\".drag-handler\"\n @end=\"onDragEnd\"\n @add=\"onDragAdd\"\n @update=\"onDragUpdate\"\n :move=\"checkMove\"\n >\n <template #item=\"{ element: widget, index }\">\n <div class=\"transition-group-el\">\n <template v-if=\"'container' === widget.category\">\n <component\n :is=\"getWidgetName(widget)\"\n :widget=\"widget\"\n :designer=\"designer\"\n :key=\"widget.id\"\n :parent-list=\"designer.widgetList\"\n :index-of-parent-list=\"index\"\n :parent-widget=\"null\"\n :design-state=\"true\"\n />\n </template>\n <template v-else>\n <component\n :is=\"getWidgetName(widget)\"\n :field=\"widget\"\n :designer=\"designer\"\n :key=\"widget.id\"\n :parent-list=\"designer.widgetList\"\n :index-of-parent-list=\"index\"\n :parent-widget=\"null\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </a-form>\n </div>\n </a-config-provider>\n</template>\n\n<script>\n import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n import i18n from '@/utils/i18n';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n import SubmitButtonRender from '@/components/form-render/SubmitButtonRender.vue';\n\n export default {\n name: 'VFormWidget',\n componentName: 'VFormWidget',\n mixins: [i18n],\n components: {\n Draggable,\n SubmitButtonRender,\n ...FieldComponents\n },\n props: {\n designer: Object,\n formConfig: Object,\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n type: Object,\n default: () => ({})\n }\n },\n provide() {\n return {\n refList: this.widgetRefList,\n getFormConfig: () =>\n this.formConfig /* 解决provide传递formConfig属性的响应式更新问题!! */,\n getGlobalDsv: () => this.globalDsv, // 全局数据源变量\n globalOptionData: this.optionData,\n getOptionData: () => this.optionData,\n getReadMode: () => false,\n globalModel: {\n formModel: this.formModel\n },\n getSubFormFieldFlag: () => false,\n getSubFormName: () => '',\n getDSResultCache: () => this.dsResultCache\n };\n },\n inject: ['getDesignerConfig'],\n data() {\n return {\n formModel: {},\n widgetRefList: {},\n dsResultCache: {}\n };\n },\n computed: {\n labelPosition() {\n if (!!this.designer.formConfig && !!this.designer.formConfig.labelPosition) {\n return this.designer.formConfig.labelPosition;\n }\n\n return 'horizontal';\n },\n\n size() {\n if (!!this.designer.formConfig && !!this.designer.formConfig.size) {\n return this.designer.formConfig.size;\n }\n\n return 'default';\n },\n\n customClass() {\n return this.designer.formConfig.customClass || '';\n },\n\n layoutType() {\n return this.designer.getLayoutType();\n },\n\n canvasMinHeight() {\n return this.getDesignerConfig().logoHeader !== false\n ? 'calc(100vh - 56px - 68px)'\n : 'calc(100vh - 56px - 68px + 48px)';\n }\n },\n watch: {\n 'designer.widgetList': {\n deep: true,\n handler(val) {\n //\n }\n },\n\n 'designer.formConfig': {\n deep: true,\n handler(val) {\n //\n }\n }\n },\n created() {\n this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson); //此行代码已移动到form-designer,以便提前赋值formConfig!!\n this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);\n },\n mounted() {\n this.disableFirefoxDefaultDrop(); /* 禁用Firefox默认拖拽搜索功能!! */\n this.designer.registerFormWidget(this);\n },\n methods: {\n getWidgetName(widget) {\n return widget.type + '-widget';\n },\n\n disableFirefoxDefaultDrop() {\n const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;\n if (isFirefox) {\n document.body.ondrop = function (event) {\n event.stopPropagation();\n event.preventDefault();\n };\n }\n },\n\n onDragEnd(evt) {\n //console.log('drag end000', evt)\n },\n\n onDragAdd(evt) {\n const newIndex = evt.newIndex;\n if (!!this.designer.widgetList[newIndex]) {\n this.designer.setSelected(this.designer.widgetList[newIndex]);\n }\n\n this.designer.emitHistoryChange();\n this.designer.emitEvent('field-selected', null);\n },\n\n onDragUpdate() {\n /* 在VueDraggable内拖拽组件发生位置变化时会触发update,未发生组件位置变化不会触发!! */\n this.designer.emitHistoryChange();\n },\n\n checkMove(evt) {\n return this.designer.checkWidgetMove(evt);\n },\n\n getFormData() {\n return this.formModel;\n },\n\n getWidgetRef(widgetName, showError = false) {\n const foundRef = this.widgetRefList[widgetName];\n if (!foundRef && !!showError) {\n this.$message.error(this.i18nt('designer.hint.refNotFound') + widgetName);\n }\n return foundRef;\n },\n\n getSelectedWidgetRef() {\n const wName = this.designer.selectedWidgetName;\n return this.getWidgetRef(wName);\n },\n\n clearWidgetRefList() {\n Object.keys(this.widgetRefList).forEach(key => {\n delete this.widgetRefList[key];\n });\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .form-widget-container {\n padding: 5px;\n background: #f1f2f3;\n\n overflow-x: hidden;\n overflow-y: auto;\n // padding-bottom: 70px;\n .submit {\n flex: 1;\n display: flex;\n justify-content: end;\n position: absolute;\n height: 60px;\n padding: 0 10px;\n background: #fff;\n z-index: 99;\n bottom: 0;\n left: 5px;\n right: 5px;\n }\n\n .ant-form.full-height-width {\n overflow-y: auto;\n height: 100%;\n padding: 3px;\n background: #ffffff;\n\n .no-widget-hint {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-size: 18px;\n color: #999999;\n }\n\n .form-widget-canvas {\n //min-height: calc(100vh - 56px - 68px + 48px);\n display: flex;\n flex-direction: column;\n padding: 3px;\n position: relative;\n :deep(.container-wrapper) {\n margin: 10px 0;\n min-width: 0;\n }\n :deep(.field-widget-item),\n :deep(.container-widget-item) {\n margin: 0 0 10px 0;\n border: 1px dashed #333;\n border-radius: 3px;\n background: #eee;\n height: 30px;\n align-items: center;\n display: flex;\n justify-content: center;\n color: #999999;\n }\n }\n }\n\n /* 隐藏组件拖拽状态中显示的黑点 */\n :deep(li.container-widget-item),\n :deep(li.field-widget-item) {\n list-style: none;\n }\n // .ant-form.PC-layout,\n // .el-form.PC-layout {\n // //\n // }\n .ant-form.Pad-layout {\n margin: 0 auto;\n max-width: 960px;\n border-radius: 15px;\n box-shadow: 0 0 1px 10px #495060;\n }\n .ant-form.H5-layout {\n margin: 0 auto;\n width: 420px;\n border-radius: 15px;\n //border-width: 10px;\n box-shadow: 0 0 1px 10px #495060;\n }\n .ant-form.widget-form :deep(.ant-row) {\n padding: 2px;\n border: 1px dashed rgba(170, 170, 170, 0.75);\n }\n }\n\n .grid-cell {\n min-height: 30px;\n border-right: 1px dotted #cccccc;\n }\n\n .fade-enter-active,\n .fade-leave-active {\n transition: opacity 0.5s;\n }\n\n .fade-enter,\n .fade-leave-to {\n opacity: 0;\n }\n</style>\n"],"names":["_sfc_main","i18n","Draggable","SubmitButtonRender","FieldComponents","val","widget","event","evt","newIndex","widgetName","showError","foundRef","wName","key","_hoisted_1","_hoisted_3","_createBlock","_component_a_config_provider","$options","_createElementVNode","_createVNode","_component_a_form","_normalizeClass","$props","_createElementBlock","_hoisted_2","_toDisplayString","_ctx","_component_draggable","_mergeProps","_withCtx","index","_resolveDynamicComponent"],"mappings":";;;;;;;AAwEI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,CAAI;AAAA,EACb,YAAY;AAAA,IACR,WAAAC;AAAAA,IACA,oBAAAC;AAAAA,IACA,GAAGC;AAAAA;EAEP,OAAO;AAAA,IACH,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,MAER,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;IAEpB,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACpB;AAAA;EAEJ,UAAU;AACN,WAAO;AAAA,MACH,SAAS,KAAK;AAAA,MACd,eAAe,MACX,KAAK;AAAA,MACT,cAAc,MAAM,KAAK;AAAA;AAAA,MACzB,kBAAkB,KAAK;AAAA,MACvB,eAAe,MAAM,KAAK;AAAA,MAC1B,aAAa,MAAM;AAAA,MACnB,aAAa;AAAA,QACT,WAAW,KAAK;AAAA;MAEpB,qBAAqB,MAAM;AAAA,MAC3B,gBAAgB,MAAM;AAAA,MACtB,kBAAkB,MAAM,KAAK;AAAA;;EAGrC,QAAQ,CAAC,mBAAmB;AAAA,EAC5B,OAAO;AACH,WAAO;AAAA,MACH,WAAW,CAAA;AAAA,MACX,eAAe,CAAA;AAAA,MACf,eAAe,CAAA;AAAA;;EAGvB,UAAU;AAAA,IACN,gBAAgB;AACZ,aAAM,KAAK,SAAS,cAAgB,KAAK,SAAS,WAAW,gBAClD,KAAK,SAAS,WAAW,gBAG7B;AAAA;IAGX,OAAO;AACH,aAAM,KAAK,SAAS,cAAgB,KAAK,SAAS,WAAW,OAClD,KAAK,SAAS,WAAW,OAG7B;AAAA;IAGX,cAAc;AACV,aAAO,KAAK,SAAS,WAAW,eAAe;AAAA;IAGnD,aAAa;AACT,aAAO,KAAK,SAAS,cAAa;AAAA;IAGtC,kBAAkB;AACd,aAAO,KAAK,kBAAiB,EAAG,eAAe,KACzC,8BACA;AAAA,IACV;AAAA;EAEJ,OAAO;AAAA,IACH,uBAAuB;AAAA,MACnB,MAAM;AAAA,MACN,QAAQC,GAAK;AAAA,MAEb;AAAA;IAGJ,uBAAuB;AAAA,MACnB,MAAM;AAAA,MACN,QAAQA,GAAK;AAAA,MAEb;AAAA,IACJ;AAAA;EAEJ,UAAU;AACN,SAAK,SAAS,aAAa,CAAC,CAAC,KAAK,kBAAiB,EAAG,aAAa,GACnE,KAAK,SAAS,kBAAkB,KAAK,kBAAiB,EAAG,aAAa;AAAA;EAE1E,UAAU;AACN,SAAK,0BAAyB,GAC9B,KAAK,SAAS,mBAAmB,IAAI;AAAA;EAEzC,SAAS;AAAA,IACL,cAAcC,GAAQ;AAClB,aAAOA,EAAO,OAAO;AAAA;IAGzB,4BAA4B;AAExB,MADkB,UAAU,UAAU,YAAW,EAAG,QAAQ,SAAS,MAAM,OAEvE,SAAS,KAAK,SAAS,SAAUC,GAAO;AACpC,QAAAA,EAAM,gBAAe,GACrBA,EAAM,eAAc;AAAA;;IAKhC,UAAUC,GAAK;AAAA;IAIf,UAAUA,GAAK;AACX,YAAMC,IAAWD,EAAI;AACrB,MAAM,KAAK,SAAS,WAAWC,CAAQ,KACnC,KAAK,SAAS,YAAY,KAAK,SAAS,WAAWA,CAAQ,CAAC,GAGhE,KAAK,SAAS,kBAAiB,GAC/B,KAAK,SAAS,UAAU,kBAAkB,IAAI;AAAA;IAGlD,eAAe;AAEX,WAAK,SAAS,kBAAiB;AAAA;IAGnC,UAAUD,GAAK;AACX,aAAO,KAAK,SAAS,gBAAgBA,CAAG;AAAA;IAG5C,cAAc;AACV,aAAO,KAAK;AAAA;IAGhB,aAAaE,GAAYC,IAAY,IAAO;AACxC,YAAMC,IAAW,KAAK,cAAcF,CAAU;AAC9C,aAAI,CAACE,KAAcD,KACf,KAAK,SAAS,MAAM,KAAK,MAAM,2BAA2B,IAAID,CAAU,GAErEE;AAAA;IAGX,uBAAuB;AACnB,YAAMC,IAAQ,KAAK,SAAS;AAC5B,aAAO,KAAK,aAAaA,CAAK;AAAA;IAGlC,qBAAqB;AACjB,aAAO,KAAK,KAAK,aAAa,EAAE,QAAQ,CAAAC,MAAO;AAC3C,eAAO,KAAK,cAAcA,CAAG;AAAA,MACjC,CAAC;AAAA,IACL;AAAA,EACJ;GAvOKC,IAAA,EAAA,OAAM,wBAAuB;;EAajB,OAAM;GAiBEC,IAAA,EAAA,OAAM,sBAAqB;;;cA/BxDC,EA8DoBC,GAAA;AAAA,IA9DA,kBAAgBC,EAAA;AAAA,IAAO,OAAO,EAAA,cAAA,MAAA;AAAA;eAC9C,MA4DM;AAAA,MA5DNC,EA4DM,OA5DNL,GA4DM;AAAA,QA3DFM,EA0DSC,GAAA;AAAA,UAzDL,OAAKC,EAAA,CAAC,0CAAwC,CAMrCJ,EAAA,aAAaA,EAAA,aAAU,SAAA,CAAA,CAAA;AAAA,UAL/B,QAAkE,CAAA,cAAA,YAAA,QAAA,EAAA,SAASA,EAAA,aAAa,IAA4BA,EAAA;UAMpH,MAAMA,EAAA;AAAA,UACN,2BAAyB;AAAA;qBAE1B,MAEW;AAAA,YAFKK,EAAA,SAAS,WAAW,WAAM,UACtCC,EAAsE,OAAtEC,GAAsEC,EAAvCC,EAAA,MAAK,uBAAA,CAAA,GAAA,CAAA;YAGxCR,EA0CM,OAAA;AAAA,cA1CD,OAAM;AAAA,cAAsB,sBAAoBD,EAAA,gBAAe,CAAA;AAAA;cAChEE,EAwCYQ,GAxCZC,EAwCY;AAAA,gBAvCP,MAAMN,EAAA,SAAS;AAAA,gBAChB,YAAS;AAAA,iBACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,gBACnE,KAAI;AAAA,gBACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,gBACjB,QAAO;AAAA,gBACN,OAAKL,EAAA;AAAA,gBACL,OAAKA,EAAA;AAAA,gBACL,UAAQA,EAAA;AAAA,gBACR,MAAMA,EAAA;AAAA;gBAEI,MAAIY,EACX,CAyBM,EAAA,SA1BkBzB,GAAQ,OAAA0B,EAAK,MAAA;AAAA,kBACrCZ,EAyBM,OAzBNJ,GAyBM;AAAA,oBAxB8BV,EAAO,aAAP,oBAC5BW,EASEgB,EAROd,EAAA,cAAcb,CAAM,CAAA,GAAA;AAAA,sBACxB,QAAQA;AAAA,sBACR,UAAUkB,EAAA;AAAA,sBACV,KAAKlB,EAAO;AAAA,sBACZ,eAAakB,EAAA,SAAS;AAAA,sBACtB,wBAAsBQ;AAAA,sBACtB,iBAAe;AAAA,sBACf,gBAAc;AAAA,wGAInBf,EASEgB,EAROd,EAAA,cAAcb,CAAM,CAAA,GAAA;AAAA,sBACxB,OAAOA;AAAA,sBACP,UAAUkB,EAAA;AAAA,sBACV,KAAKlB,EAAO;AAAA,sBACZ,eAAakB,EAAA,SAAS;AAAA,sBACtB,wBAAsBQ;AAAA,sBACtB,iBAAe;AAAA,sBACf,gBAAc;AAAA;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/form-widget/index.vue"],"sourcesContent":["<template>\n <a-config-provider :component-size=\"size\" :input=\"{ autocomplete: 'off' }\">\n <div class=\"form-widget-container\">\n <a-form\n class=\"full-height-width widget-form tpf-form\"\n :layout=\"\n ['horizontal', 'vertical', 'inline'].includes(labelPosition)\n ? labelPosition\n : 'horizontal'\n \"\n :class=\"[customClass, layoutType + '-layout']\"\n :size=\"size\"\n :validate-on-rule-change=\"false\"\n >\n <template v-if=\"designer.widgetList.length === 0\">\n <div class=\"no-widget-hint\">{{ i18nt('designer.noWidgetHint') }}</div>\n </template>\n\n <div class=\"form-widget-canvas\" :style=\"{ minHeight: canvasMinHeight }\">\n <draggable\n :list=\"designer.widgetList\"\n item-key=\"id\"\n v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n tag=\"transition-group\"\n :component-data=\"{ name: 'fade' }\"\n handle=\".drag-handler\"\n @end=\"onDragEnd\"\n @add=\"onDragAdd\"\n @update=\"onDragUpdate\"\n :move=\"checkMove\"\n >\n <template #item=\"{ element: widget, index }\">\n <div class=\"transition-group-el\">\n <template v-if=\"'container' === widget.category\">\n <component\n :is=\"getWidgetName(widget)\"\n :widget=\"widget\"\n :designer=\"designer\"\n :key=\"widget.id\"\n :parent-list=\"designer.widgetList\"\n :index-of-parent-list=\"index\"\n :parent-widget=\"null\"\n :design-state=\"true\"\n />\n </template>\n <template v-else>\n <component\n :is=\"getWidgetName(widget)\"\n :field=\"widget\"\n :designer=\"designer\"\n :key=\"widget.id\"\n :parent-list=\"designer.widgetList\"\n :index-of-parent-list=\"index\"\n :parent-widget=\"null\"\n :design-state=\"true\"\n />\n </template>\n </div>\n </template>\n </draggable>\n </div>\n </a-form>\n </div>\n </a-config-provider>\n</template>\n\n<script>\n import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n import i18n from '@/utils/i18n';\n import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n import SubmitButtonRender from '@/components/form-render/SubmitButtonRender.vue';\n\n export default {\n name: 'VFormWidget',\n componentName: 'VFormWidget',\n mixins: [i18n],\n components: {\n Draggable,\n SubmitButtonRender,\n ...FieldComponents\n },\n props: {\n designer: Object,\n formConfig: Object,\n optionData: {\n //prop传入的选项数据\n type: Object,\n default: () => ({})\n },\n globalDsv: {\n type: Object,\n default: () => ({})\n }\n },\n provide() {\n return {\n refList: this.widgetRefList,\n getFormConfig: () =>\n this.formConfig /* 解决provide传递formConfig属性的响应式更新问题!! */,\n getGlobalDsv: () => this.globalDsv, // 全局数据源变量\n globalOptionData: this.optionData,\n getOptionData: () => this.optionData,\n getReadMode: () => false,\n globalModel: {\n formModel: this.formModel\n },\n getSubFormFieldFlag: () => false,\n getSubFormName: () => '',\n getDSResultCache: () => this.dsResultCache\n };\n },\n inject: ['getDesignerConfig'],\n data() {\n return {\n formModel: {},\n widgetRefList: {},\n dsResultCache: {}\n };\n },\n computed: {\n labelPosition() {\n if (!!this.designer.formConfig && !!this.designer.formConfig.labelPosition) {\n return this.designer.formConfig.labelPosition;\n }\n\n return 'horizontal';\n },\n\n size() {\n if (!!this.designer.formConfig && !!this.designer.formConfig.size) {\n return this.designer.formConfig.size;\n }\n\n return 'default';\n },\n\n customClass() {\n return this.designer.formConfig.customClass || '';\n },\n\n layoutType() {\n return this.designer.getLayoutType();\n },\n\n canvasMinHeight() {\n return this.getDesignerConfig().logoHeader !== false\n ? 'calc(100vh - 56px - 68px)'\n : 'calc(100vh - 56px - 68px + 48px)';\n }\n },\n watch: {\n 'designer.widgetList': {\n deep: true,\n handler(val) {\n //\n }\n },\n\n 'designer.formConfig': {\n deep: true,\n handler(val) {\n //\n }\n }\n },\n created() {\n this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson); //此行代码已移动到form-designer,以便提前赋值formConfig!!\n this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);\n },\n mounted() {\n this.disableFirefoxDefaultDrop(); /* 禁用Firefox默认拖拽搜索功能!! */\n this.designer.registerFormWidget(this);\n },\n methods: {\n getWidgetName(widget) {\n return widget.type + '-widget';\n },\n\n disableFirefoxDefaultDrop() {\n const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;\n if (isFirefox) {\n document.body.ondrop = function (event) {\n event.stopPropagation();\n event.preventDefault();\n };\n }\n },\n\n onDragEnd(evt) {\n //console.log('drag end000', evt)\n },\n\n onDragAdd(evt) {\n const newIndex = evt.newIndex;\n if (!!this.designer.widgetList[newIndex]) {\n this.designer.setSelected(this.designer.widgetList[newIndex]);\n }\n\n this.designer.emitHistoryChange();\n this.designer.emitEvent('field-selected', null);\n },\n\n onDragUpdate() {\n /* 在VueDraggable内拖拽组件发生位置变化时会触发update,未发生组件位置变化不会触发!! */\n this.designer.emitHistoryChange();\n },\n\n checkMove(evt) {\n return this.designer.checkWidgetMove(evt);\n },\n\n getFormData() {\n return this.formModel;\n },\n\n getWidgetRef(widgetName, showError = false) {\n const foundRef = this.widgetRefList[widgetName];\n if (!foundRef && !!showError) {\n this.$message.error(this.i18nt('designer.hint.refNotFound') + widgetName);\n }\n return foundRef;\n },\n\n getSelectedWidgetRef() {\n const wName = this.designer.selectedWidgetName;\n return this.getWidgetRef(wName);\n },\n\n clearWidgetRefList() {\n Object.keys(this.widgetRefList).forEach(key => {\n delete this.widgetRefList[key];\n });\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .form-widget-container {\n padding: 5px;\n background: #f1f2f3;\n\n overflow-x: hidden;\n overflow-y: auto;\n // padding-bottom: 70px;\n .submit {\n flex: 1;\n display: flex;\n justify-content: end;\n position: absolute;\n height: 60px;\n padding: 0 10px;\n background: #fff;\n z-index: 99;\n bottom: 0;\n left: 5px;\n right: 5px;\n }\n\n .ant-form.full-height-width {\n overflow-y: auto;\n height: 100%;\n padding: 3px;\n background: #ffffff;\n\n .no-widget-hint {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n font-size: 18px;\n color: #999999;\n }\n\n .form-widget-canvas {\n //min-height: calc(100vh - 56px - 68px + 48px);\n display: flex;\n flex-direction: column;\n padding: 3px;\n position: relative;\n :deep(.container-wrapper) {\n margin: 10px 0;\n min-width: 0;\n }\n :deep(.field-widget-item),\n :deep(.container-widget-item) {\n margin: 0 0 10px 0;\n border: 1px dashed #333;\n border-radius: 3px;\n background: #eee;\n height: 30px;\n align-items: center;\n display: flex;\n justify-content: center;\n color: #999999;\n }\n }\n }\n\n /* 隐藏组件拖拽状态中显示的黑点 */\n :deep(li.container-widget-item),\n :deep(li.field-widget-item) {\n list-style: none;\n }\n // .ant-form.PC-layout,\n // .el-form.PC-layout {\n // //\n // }\n .ant-form.Pad-layout {\n margin: 0 auto;\n max-width: 960px;\n border-radius: 15px;\n box-shadow: 0 0 1px 10px #495060;\n }\n .ant-form.H5-layout {\n margin: 0 auto;\n width: 420px;\n border-radius: 15px;\n //border-width: 10px;\n box-shadow: 0 0 1px 10px #495060;\n }\n .ant-form.widget-form :deep(.ant-row) {\n padding: 2px;\n border: 1px dashed rgba(170, 170, 170, 0.75);\n }\n }\n\n .grid-cell {\n min-height: 30px;\n border-right: 1px dotted #cccccc;\n }\n\n .fade-enter-active,\n .fade-leave-active {\n transition: opacity 0.5s;\n }\n\n .fade-enter,\n .fade-leave-to {\n opacity: 0;\n }\n</style>\n"],"names":["_sfc_main","i18n","Draggable","SubmitButtonRender","FieldComponents","val","widget","event","evt","newIndex","widgetName","showError","foundRef","wName","key","_hoisted_1","_hoisted_3","_createBlock","_component_a_config_provider","$options","_createElementVNode","_createVNode","_component_a_form","_normalizeClass","$props","_createElementBlock","_hoisted_2","_toDisplayString","_ctx","_component_draggable","_mergeProps","_withCtx","index","_resolveDynamicComponent"],"mappings":"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"}
|
|
@@ -1,23 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { createDesigner as
|
|
6
|
-
import {
|
|
7
|
-
import x,
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
1
|
+
import L from "./widget-panel/index.vue.js";
|
|
2
|
+
import w from "./toolbar-panel/index.vue.js";
|
|
3
|
+
import F from "./setting-panel/index.vue.js";
|
|
4
|
+
import b from "./form-widget/index.vue.js";
|
|
5
|
+
import { createDesigner as y } from "./designer.js";
|
|
6
|
+
import { TpfConfigProvider as R } from "tmgc2-share";
|
|
7
|
+
import { traverseAllWidgets as x, getAllContainerWidgets as f, getAllFieldWidgets as c, deepClone as m, addWindowResizeHandler as E } from "../../utils/util.js";
|
|
8
|
+
import J, { changeLocale as S } from "../../utils/i18n.js";
|
|
9
|
+
import { isEmpty as D } from "lodash-es";
|
|
10
|
+
import { resolveComponent as o, createBlock as H, openBlock as A, withCtx as n, createVNode as r, createSlots as P, renderList as B, renderSlot as N, createElementVNode as U } from "vue";
|
|
10
11
|
/* empty css */
|
|
11
|
-
import
|
|
12
|
-
const
|
|
12
|
+
import V from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
13
|
+
const T = {
|
|
13
14
|
name: "VFormDesigner",
|
|
14
15
|
componentName: "VFormDesigner",
|
|
15
|
-
mixins: [
|
|
16
|
+
mixins: [J],
|
|
16
17
|
components: {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
TpfConfigProvider: R,
|
|
19
|
+
WidgetPanel: L,
|
|
20
|
+
ToolbarPanel: w,
|
|
21
|
+
SettingPanel: F,
|
|
22
|
+
VFormWidget: b
|
|
21
23
|
},
|
|
22
24
|
props: {
|
|
23
25
|
/* 保存jsonApi */
|
|
@@ -89,7 +91,7 @@ const V = {
|
|
|
89
91
|
chatUrl: "https://www.vform666.com/pages/chat-group/",
|
|
90
92
|
subScribeUrl: "https://www.vform666.com/pages/pro/",
|
|
91
93
|
scrollerHeight: 0,
|
|
92
|
-
designer:
|
|
94
|
+
designer: y(this),
|
|
93
95
|
fieldList: []
|
|
94
96
|
};
|
|
95
97
|
},
|
|
@@ -103,7 +105,7 @@ const V = {
|
|
|
103
105
|
created() {
|
|
104
106
|
},
|
|
105
107
|
mounted() {
|
|
106
|
-
this.initLocale(), this.scrollerHeight = window.innerHeight - 56 - 36 + "px",
|
|
108
|
+
this.initLocale(), this.scrollerHeight = window.innerHeight - 56 - 36 + "px", E(() => {
|
|
107
109
|
this.$nextTick(() => {
|
|
108
110
|
this.scrollerHeight = window.innerHeight - 56 - 36 + "px";
|
|
109
111
|
});
|
|
@@ -124,7 +126,7 @@ const V = {
|
|
|
124
126
|
* @param {*} importObj
|
|
125
127
|
*/
|
|
126
128
|
setJsonImport(e = {}) {
|
|
127
|
-
if (!
|
|
129
|
+
if (!D(e))
|
|
128
130
|
try {
|
|
129
131
|
if (!e || !e.formConfig)
|
|
130
132
|
throw new Error(this.i18nt("designer.hint.invalidJsonFormat"));
|
|
@@ -141,20 +143,20 @@ const V = {
|
|
|
141
143
|
},
|
|
142
144
|
openUrl(e, t) {
|
|
143
145
|
if (this.vsCodeFlag) {
|
|
144
|
-
const
|
|
146
|
+
const s = {
|
|
145
147
|
cmd: "openUrl",
|
|
146
148
|
data: {
|
|
147
149
|
url: t
|
|
148
150
|
}
|
|
149
151
|
};
|
|
150
|
-
window.parent.postMessage(
|
|
152
|
+
window.parent.postMessage(s, "*");
|
|
151
153
|
} else {
|
|
152
|
-
const
|
|
153
|
-
|
|
154
|
+
const s = e.currentTarget;
|
|
155
|
+
s.href = t;
|
|
154
156
|
}
|
|
155
157
|
},
|
|
156
158
|
changeLanguage(e) {
|
|
157
|
-
|
|
159
|
+
S(e);
|
|
158
160
|
},
|
|
159
161
|
initLocale() {
|
|
160
162
|
this.curLocale = localStorage.getItem("lowcode_local"), this.vsCodeFlag ? this.curLocale = this.curLocale || "en-US" : this.curLocale = this.curLocale || "zh-CN", this.curLangName = this.i18nt("application." + this.curLocale), this.changeLanguage(this.curLocale);
|
|
@@ -218,14 +220,14 @@ const V = {
|
|
|
218
220
|
* @returns {*[]}
|
|
219
221
|
*/
|
|
220
222
|
getFieldWidgets(e = null) {
|
|
221
|
-
return e ?
|
|
223
|
+
return e ? c(e) : c(this.designer.widgetList);
|
|
222
224
|
},
|
|
223
225
|
/**
|
|
224
226
|
* 获取所有容器组件
|
|
225
227
|
* @returns {*[]}
|
|
226
228
|
*/
|
|
227
229
|
getContainerWidgets(e = null) {
|
|
228
|
-
return e ?
|
|
230
|
+
return e ? f(e) : f(this.designer.widgetList);
|
|
229
231
|
},
|
|
230
232
|
/**
|
|
231
233
|
* 升级表单json,以补充最新的组件属性
|
|
@@ -236,7 +238,7 @@ const V = {
|
|
|
236
238
|
this.$message.error("Invalid form json!");
|
|
237
239
|
return;
|
|
238
240
|
}
|
|
239
|
-
return
|
|
241
|
+
return x(e.widgetList, (t) => {
|
|
240
242
|
this.designer.upgradeWidgetConfig(t);
|
|
241
243
|
}), this.designer.upgradeFormConfig(e.formConfig), e;
|
|
242
244
|
},
|
|
@@ -279,74 +281,79 @@ const V = {
|
|
|
279
281
|
}
|
|
280
282
|
//TODO: 增加更多方法!!
|
|
281
283
|
}
|
|
282
|
-
},
|
|
283
|
-
function
|
|
284
|
-
const u =
|
|
285
|
-
return
|
|
284
|
+
}, k = { class: "container-scroll-bar" };
|
|
285
|
+
function I(e, t, s, M, i, l) {
|
|
286
|
+
const u = o("WidgetPanel"), d = o("a-layout-sider"), p = o("toolbar-panel"), W = o("a-layout-header"), _ = o("VFormWidget"), a = o("a-layout-content"), v = o("setting-panel"), g = o("a-layout"), C = o("TpfConfigProvider");
|
|
287
|
+
return A(), H(C, null, {
|
|
286
288
|
default: n(() => [
|
|
287
|
-
r(g,
|
|
289
|
+
r(g, { class: "main-container full-height" }, {
|
|
288
290
|
default: n(() => [
|
|
289
|
-
r(
|
|
290
|
-
width: i.leftWidth,
|
|
291
|
-
class: "side-panel"
|
|
292
|
-
}, {
|
|
291
|
+
r(g, null, {
|
|
293
292
|
default: n(() => [
|
|
294
|
-
r(
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
r(a, { class: "center-layout-container" }, {
|
|
299
|
-
default: n(() => [
|
|
300
|
-
r(W, { class: "toolbar-header" }, {
|
|
293
|
+
r(d, {
|
|
294
|
+
width: i.leftWidth,
|
|
295
|
+
class: "side-panel"
|
|
296
|
+
}, {
|
|
301
297
|
default: n(() => [
|
|
302
|
-
r(
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
298
|
+
r(u, { designer: i.designer }, null, 8, ["designer"])
|
|
299
|
+
]),
|
|
300
|
+
_: 1
|
|
301
|
+
}, 8, ["width"]),
|
|
302
|
+
r(a, { class: "center-layout-container" }, {
|
|
303
|
+
default: n(() => [
|
|
304
|
+
r(W, { class: "toolbar-header" }, {
|
|
305
|
+
default: n(() => [
|
|
306
|
+
r(p, {
|
|
307
|
+
saveJsonApi: s.saveJsonApi,
|
|
308
|
+
designer: i.designer,
|
|
309
|
+
"global-dsv": s.globalDsv,
|
|
310
|
+
changeLeftWidth: l.changeLeftWidth,
|
|
311
|
+
changeRightWidth: l.changeRightWidth,
|
|
312
|
+
leftWidth: i.leftWidth,
|
|
313
|
+
rightWidth: i.rightWidth,
|
|
314
|
+
ref: "toolbarRef"
|
|
315
|
+
}, P({ _: 2 }, [
|
|
316
|
+
B(e.$slots, (j, h) => ({
|
|
317
|
+
name: h,
|
|
318
|
+
fn: n(() => [
|
|
319
|
+
N(e.$slots, h, {}, void 0, !0)
|
|
320
|
+
])
|
|
321
|
+
}))
|
|
322
|
+
]), 1032, ["saveJsonApi", "designer", "global-dsv", "changeLeftWidth", "changeRightWidth", "leftWidth", "rightWidth"])
|
|
323
|
+
]),
|
|
324
|
+
_: 3
|
|
325
|
+
}),
|
|
326
|
+
r(a, { class: "form-widget-main" }, {
|
|
327
|
+
default: n(() => [
|
|
328
|
+
U("div", k, [
|
|
329
|
+
r(_, {
|
|
330
|
+
designer: i.designer,
|
|
331
|
+
"form-config": i.designer.formConfig,
|
|
332
|
+
"global-dsv": s.globalDsv,
|
|
333
|
+
ref: "formRef"
|
|
334
|
+
}, null, 8, ["designer", "form-config", "global-dsv"])
|
|
316
335
|
])
|
|
317
|
-
|
|
318
|
-
|
|
336
|
+
]),
|
|
337
|
+
_: 1
|
|
338
|
+
})
|
|
319
339
|
]),
|
|
320
340
|
_: 3
|
|
321
341
|
}),
|
|
322
|
-
r(
|
|
342
|
+
r(d, { width: i.rightWidth }, {
|
|
323
343
|
default: n(() => [
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
])
|
|
344
|
+
r(v, {
|
|
345
|
+
designer: i.designer,
|
|
346
|
+
"selected-widget": i.designer.selectedWidget,
|
|
347
|
+
"global-dsv": s.globalDsv,
|
|
348
|
+
"form-config": i.designer.formConfig,
|
|
349
|
+
onEditEventHandler: l.testEEH
|
|
350
|
+
}, null, 8, ["designer", "selected-widget", "global-dsv", "form-config", "onEditEventHandler"])
|
|
332
351
|
]),
|
|
333
352
|
_: 1
|
|
334
|
-
})
|
|
353
|
+
}, 8, ["width"])
|
|
335
354
|
]),
|
|
336
355
|
_: 3
|
|
337
|
-
})
|
|
338
|
-
r(d, { width: i.rightWidth }, {
|
|
339
|
-
default: n(() => [
|
|
340
|
-
r(v, {
|
|
341
|
-
designer: i.designer,
|
|
342
|
-
"selected-widget": i.designer.selectedWidget,
|
|
343
|
-
"global-dsv": o.globalDsv,
|
|
344
|
-
"form-config": i.designer.formConfig,
|
|
345
|
-
onEditEventHandler: l.testEEH
|
|
346
|
-
}, null, 8, ["designer", "selected-widget", "global-dsv", "form-config", "onEditEventHandler"])
|
|
347
|
-
]),
|
|
348
|
-
_: 1
|
|
349
|
-
}, 8, ["width"])
|
|
356
|
+
})
|
|
350
357
|
]),
|
|
351
358
|
_: 3
|
|
352
359
|
})
|
|
@@ -354,8 +361,8 @@ function k(e, t, o, I, i, l) {
|
|
|
354
361
|
_: 3
|
|
355
362
|
});
|
|
356
363
|
}
|
|
357
|
-
const
|
|
364
|
+
const ie = /* @__PURE__ */ V(T, [["render", I], ["__scopeId", "data-v-76905191"]]);
|
|
358
365
|
export {
|
|
359
|
-
|
|
366
|
+
ie as default
|
|
360
367
|
};
|
|
361
368
|
//# sourceMappingURL=index.vue.js.map
|