@kp-ui/lowcode 1.0.56 → 1.0.57
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 +2 -2
- package/_virtual/virtual_svg-icons-register.js.map +1 -1
- package/designer.js.map +1 -1
- package/package.json +2 -2
- package/render.js +6 -4
- package/render.js.map +1 -1
- package/src/api/useFilesystemApi/filesystem/index.js +1 -2
- package/src/api/useFilesystemApi/filesystem/index.js.map +1 -1
- package/src/components/code-editor/code-modal-editor.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js.map +1 -1
- 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/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/sub-form-widget.vue.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/tab-widget.vue.js +2 -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 +3 -3
- 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.vue.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/file-upload-widget.vue.js +1 -1
- package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue.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/picture-upload-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/setting-panel/form-crud-setting.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/form-setting.vue.js +4 -4
- package/src/components/form-designer/setting-panel/form-setting.vue.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.vue.js +19 -22
- package/src/components/form-designer/setting-panel/option-items-setting.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/accept-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/addonAfter-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/addonBefore-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/allowClear-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/appendButton-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/appendButtonDisabled-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/autoFullWidth-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/border-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/button-postion-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/buttonIcon-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/buttonStyle-editor.vue.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/columnWidth-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/customRowEvent/data-table-customRow-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-colorRow-editor.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 +2 -2
- 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 +3 -3
- 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 +4 -4
- 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 +11 -11
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.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/colHeight-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js +2 -2
- 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-grid-col/grid-col-offset-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-responsive-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-sub-form/showBlankRow-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-sub-form/showRowNumber-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js +4 -6
- 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-table-cell/cellHeight-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonHidden-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonLabel-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/closeOnClickModal-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/closeOnPressEscape-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/collapseIcon-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/disabledMode-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/formCode-editor.vue.js +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/container-vf-dialog/fullscreen-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/isCollapse-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/line-height-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/okButtonHidden-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/okButtonLabel-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/readMode-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/showClose-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/title-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/unCollapseIcon-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-drawer/vf-drawer-direction-editor.vue.js +8 -8
- package/src/components/form-designer/setting-panel/property-editor/container-vf-drawer/vf-drawer-direction-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-vf-drawer/vf-drawer-size-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/defaultValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/disabled-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/disabled-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/displayStyle-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/diy-compontent-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/editable-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/endPlaceholder-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onAppendButtonClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onBeforeUpload-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onBlur-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCancelButtonClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCellClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCellDoubleClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onChange-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onClickIcon-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCreated-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCurrentPageChange-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onDialogBeforeClose-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onDialogOpened-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onDisableOperationButton-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onDrawerBeforeClose-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onDrawerOpened-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onFileRemove.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onFocus-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onGetOperationButtonLabel-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onGetRowClassName-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onGetSpanMethod-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onHeaderClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onHideOperationButton-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onInput-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onMenuClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onMounted-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onOkButtonClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onOperationButtonClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onPageSizeChange-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onRemoteQuery-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onRowClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onRowDoubleClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onSelectionChange-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowAdd-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowChange-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowDelete-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowInsert-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onTabClick-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onUploadError-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onUploadSuccess-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onValidate-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onVformAdd-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-button/circle-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-button/danger-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-button/ghost-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-button/icon-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-button/plain-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-button/round-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-button/shape-editor.vue.js +6 -6
- package/src/components/form-designer/setting-panel/property-editor/field-button/shape-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-button/type-editor.vue.js +12 -12
- package/src/components/form-designer/setting-panel/property-editor/field-button/type-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-cascader/cascader-multiple-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-color/color-defaultValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-defaultValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-format-editor.vue.js +8 -8
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-format-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-type-editor.vue.js +10 -10
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-type-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-valueFormat-editor.vue.js +8 -8
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-valueFormat-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-defaultValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-format-editor.vue.js +10 -10
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-format-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-type-editor.vue.js +6 -6
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-type-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-valueFormat-editor.vue.js +8 -8
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-valueFormat-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-divider/contentPosition-editor.vue.js +6 -6
- package/src/components/form-designer/setting-panel/property-editor/field-divider/contentPosition-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-divider/divider-direction-editor.vue.js +4 -4
- package/src/components/form-designer/setting-panel/property-editor/field-divider/divider-direction-editor.vue.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-file-upload/file-upload-fileTypes-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-html-text/htmlContent-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-number/controlsPosition-editor.vue.js +4 -4
- package/src/components/form-designer/setting-panel/property-editor/field-number/controlsPosition-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-number/number-defaultValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-picture-upload/picture-upload-fileTypes-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-rate/allowHalf-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-rate/highThreshold-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-rate/lowThreshold-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-count-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-rate/showScore-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-rate/showText-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-rich-editor/rich-editor-contentHeight-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/field-slider/range-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-slider/vertical-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-static-text/textContent-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-switch/activeColor-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-switch/checkedValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-switch/inactiveColor-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-switch/switch-defaultValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-switch/switchWidth-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-switch/unCheckedValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-time/time-defaultValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-time/time-format-editor.vue.js +4 -4
- package/src/components/form-designer/setting-panel/property-editor/field-time/time-format-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-time-range/time-range-defaultValue-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-time-range/time-range-format-editor.vue.js +4 -4
- package/src/components/form-designer/setting-panel/property-editor/field-time-range/time-range-format-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-treeSelect/treeSelect-treeDefaultExpandAll-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/flex-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/hidden-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/hidden-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/label-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/labelAlign-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/labelHidden-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/labelIconClass-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/labelIconPosition-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/labelTooltip-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/labelWidth-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/limit-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/loadingPage-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/maxSize-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/multiple-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/multipleSelect-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/placeholder-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/precision-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/readonly-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/required-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/requiredHint-editor.vue.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/setting-panel/property-editor/rows-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/showCount-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/showFileList-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/showPassword-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/showSearch-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/showTime-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/size-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/slot-compontent-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/startPlaceholder-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/step-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/type-editor.vue.js +4 -4
- package/src/components/form-designer/setting-panel/property-editor/type-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/uploadListType-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/uploadTip-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/uploadURL-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/useModel-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/validation-editor.vue.js +1 -1
- package/src/components/form-designer/setting-panel/property-editor/validation-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/validationHint-editor.vue.js.map +1 -1
- package/src/components/form-designer/setting-panel/property-editor/withCredentials-editor.vue.js.map +1 -1
- package/src/components/form-designer/toolbar-panel/index.vue.js +4 -4
- package/src/components/form-designer/toolbar-panel/index.vue.js.map +1 -1
- package/src/components/form-designer/widget-panel/containers/data-table.js +1 -1
- package/src/components/form-designer/widget-panel/containers/data-table.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 +16 -2
- package/src/components/form-render/SubmitButtonRender.vue.js.map +1 -1
- package/src/components/form-render/container-item/container-item-wrapper.vue.js.map +1 -1
- 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 +3 -3
- 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 +2 -2
- 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.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 +3 -3
- 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 +3 -3
- 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 +2 -2
- 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 +5 -5
- package/src/components/form-render/container-item/vf-collapse-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/vf-dialog-item.vue.js.map +1 -1
- package/src/components/form-render/container-item/vf-drawer-item.vue.js.map +1 -1
- package/src/components/form-render/dynamic-dialog.vue.js +4 -4
- 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/http-editor/index.vue.js +18 -18
- package/src/components/http-editor/index.vue.js.map +1 -1
- package/src/components/http-editor/index.vue2.js +2 -2
- package/src/components/public/ActionButtonListDialog.vue.js +22 -22
- package/src/components/public/ActionButtonListDialog.vue.js.map +1 -1
- package/src/components/public/ActionButtonListRender.vue.js.map +1 -1
- package/src/components/svg-icon/index.vue.js.map +1 -1
- package/src/mixins/useDataTableMixin.js +9 -3
- package/src/mixins/useDataTableMixin.js.map +1 -1
- package/src/utils/request/http.js +4 -1
- package/src/utils/request/http.js.map +1 -1
- package/styles/style.css +1 -1
- package/types/src/components/CustomRender/components/AttachmentRender.d.ts +3 -24
- package/types/src/components/CustomRender/components/AttachmentRender.d.ts.map +1 -1
- package/types/src/components/code-editor/code-modal-editor.d.ts +8 -6
- package/types/src/components/code-editor/index.d.ts +7 -14
- package/types/src/components/code-editor/index.d.ts.map +1 -1
- package/types/src/components/form-designer/setting-panel/form-crud-setting.d.ts +121 -5
- package/types/src/components/form-designer/toolbar-panel/index.d.ts +437 -7
- package/types/src/components/form-designer/toolbar-panel/index.d.ts.map +1 -1
- package/types/src/components/form-designer/widget-panel/index.d.ts +80 -5
- package/types/src/components/form-render/SubmitButtonRender.d.ts +4 -13
- package/types/src/components/form-render/SubmitButtonRender.d.ts.map +1 -1
- package/types/src/components/form-render/index.d.ts +117 -65
- package/types/src/components/form-render/index.d.ts.map +1 -1
- package/types/src/components/http-editor/index.d.ts +54 -6
- package/types/src/components/svg-icon/index.d.ts +8 -8
- package/types/src/hooks/useFilePreview.d.ts +4 -4
- package/types/src/utils/request/http.d.ts +1 -2
- package/types/src/utils/request/http.d.ts.map +1 -1
- package/types/src/components/form-designer/form-widget/index.d.ts +0 -55
- package/types/src/components/form-designer/form-widget/index.d.ts.map +0 -1
- package/types/src/components/form-designer/index.d.ts +0 -263
- package/types/src/components/form-designer/index.d.ts.map +0 -1
- package/types/src/components/form-designer/setting-panel/index.d.ts +0 -248
- package/types/src/components/form-designer/setting-panel/index.d.ts.map +0 -1
- package/types/src/components/form-render/dynamic-dialog.d.ts +0 -127
- package/types/src/components/form-render/dynamic-dialog.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-upload-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/file-upload-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-upload\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled() || isReadMode\"\n class=\"dynamicPseudoAfter\"\n :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n :multiple=\"field.options.multiple\"\n :accept=\"acceptType\"\n :maxCount=\"field.options.limit\"\n v-model:file-list=\"fileList\"\n :listType=\"field.options.uploadListType\"\n :customRequest=\"customRequest\"\n :iconRender=\"iconRender\"\n @preview=\"handlePreview\"\n @remove=\"removeFile\"\n >\n <a-space :size=\"10\" align=\"start\">\n <div :loading=\"loading\" class=\"tpf-button\" type=\"primary\" :disabled=\"handleDisabled()\">\n <SvgIcon icon-class=\"daochu\" /> 上传文件\n </div>\n </a-space>\n </a-upload>\n <div :gutter=\"20\" class=\"fileUploadTip\">\n <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n <span v-else>{{ item }}</span>\n </div>\n </div>\n <a-modal\n :visible=\"previewVisible\"\n class=\"tpf-modal\"\n :title=\"previewTitle\"\n :footer=\"null\"\n @cancel=\"handleCancel\"\n >\n <img style=\"width: 100%\" :src=\"previewImage\" />\n </a-modal>\n </form-item-wrapper>\n</template>\n\n<script lang=\"jsx\">\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 SvgIcon from '@/components/svg-icon/index';\n import { useFilesystemApi } from '@/api/useFilesystemApi';\n import { PaperClipOutlined } from '@ant-design/icons-vue';\n import { getUserInfo } from '@kp-ui/tool';\n const filesystemApi = useFilesystemApi();\n\n export default {\n name: 'file-upload-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 SvgIcon,\n FormItemWrapper\n },\n data() {\n return {\n urlList: {},\n previewTitle: '',\n previewVisible: false,\n previewImage: '',\n loading: false,\n oldFieldValue: null, //field组件change之前的值\n fieldModel: [],\n rules: [],\n fileList: [] //上传文件列表\n };\n },\n computed: {\n acceptType() {\n const { accept } = this.field.options;\n if (accept?.length) {\n return accept.join(',');\n } else {\n return '*';\n }\n },\n descCol() {\n const { accept, maxSize } = this.field.options;\n const acceptList = (accept || []).join(',');\n return [\n acceptList.length ? `支持扩展名${acceptList}` : '',\n maxSize ? `支持文件大小${maxSize}M` : ''\n ].filter(Boolean);\n }\n // uploadBtnHidden() {\n // return !this.fileList || this.fileList.length >= this.field.options.limit;\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.initFieldModel();\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {\n iconRender({ file }) {\n try {\n const fieldTypes = file.fileName.slice(file.fileName.lastIndexOf('.'));\n\n if (['.xls', '.xlsx'].includes(fieldTypes.toLowerCase())) {\n return <SvgIcon icon-class=\"excel\" />;\n }\n if (['.doc', '.docx'].includes(fieldTypes.toLowerCase())) {\n return <SvgIcon icon-class=\"word\" />;\n }\n if (['.pdf'].includes(fieldTypes.toLowerCase())) {\n return <SvgIcon icon-class=\"pdf\" />;\n }\n } catch (error) {}\n\n return <PaperClipOutlined />;\n },\n\n handleCancel() {\n this.previewVisible = false;\n },\n async getFileUrl(fileCode) {\n if (this.fileList[fileCode]) {\n return this.fileList[fileCode];\n } else {\n const fileUrlObj = await filesystemApi.getPreviewFileUrl({ fileCode: fileCode });\n const url = fileUrlObj.data.value;\n this.fileList[fileCode] = url;\n return url;\n }\n },\n async handlePreview(file) {\n if (['.png', '.jpg', '.jpeg', '.gif'].includes(file.fileType)) {\n const url = await this.getFileUrl(file.fileCode);\n this.previewImage = url;\n this.previewVisible = true;\n this.previewTitle = file.fileName;\n } else {\n const { tokenId, tenantId, employeeId } = getUserInfo();\n const doMain = getDoMain();\n const obj = {\n tenantId,\n tokenId,\n employeeId,\n fileCode: file.fileCode\n };\n window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);\n }\n },\n handleOnBeforeUpload(file) {\n if (!!this.field.options.onBeforeUpload) {\n const bfFunc = new Function('file', this.field.options.onBeforeUpload);\n const result = bfFunc.call(this, file);\n if (typeof result === 'boolean') {\n return result;\n } else {\n return true;\n }\n }\n return true;\n },\n removeFile(file) {\n const findInx = this.fileList.findIndex(item => item.uid === file.uid);\n this.fileList.splice(findInx, 1);\n this.handleChangeEvent(this.fileList);\n },\n async customRequest(upload) {\n const { accept, maxSize, limit, businessType, multiple } = this.field.options;\n const fileName = upload.file.name;\n const fieldTypesArr = accept.map(item => item.toLowerCase());\n const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n const { message } = await import('ant-design-vue');\n\n if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n return message.error(`目前仅支持${accept}格式的文件`);\n }\n\n if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n message.error(`文件大小不能超过${maxSize}M`);\n return;\n }\n\n // if (limit && this.fileList.length >= limit) {\n // message.error('超出限制上传文件数');\n // return;\n // }\n\n const flag = this.handleOnBeforeUpload(upload);\n\n if (!flag) return;\n this.loading = true;\n try {\n const res = await filesystemApi.uploadFileObject({\n businessType: businessType,\n file: upload.file\n });\n\n const { fileName: name, fileCode } = res.data.object;\n\n if (limit > 1) {\n const findIndex = this.fileList.findIndex(item => item.name === name);\n if (findIndex > -1) {\n this.fileList.splice(findIndex, 1);\n }\n if (this.fileList.length < limit) {\n this.fileList.push({ ...res.data.object, name });\n }\n } else {\n this.fileList = [{ ...res.data.object, name }];\n }\n } finally {\n this.handleChangeEvent(this.fileList);\n this.loading = false;\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n .fileUploadTip {\n font-size: 12px;\n margin-top: 10px;\n }\n</style>\n"],"names":["_createBlock","_createVNode","_normalizeClass","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","_toDisplayString"],"mappings":";;;;;;EAmCU,QAAQ;AAAA,EAAI,OAAM;;;;;;;;;;;UAvBjB,KAAY,aAAA,kBAXrBA,YAiDoB,8BAAA;AAAA;IAhDjB,UAAU,OAAQ;AAAA,IAClB,OAAO,OAAK;AAAA,IACZ,OAAO,MAAK;AAAA,IACZ,gBAAc,OAAW;AAAA,IACzB,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA,IACvC,sBAAoB,OAAe;AAAA,IACnC,sBAAoB,OAAe;AAAA,IACnC,mBAAiB,OAAY;AAAA;qBAG9B,MAoBW;AAAA,MApBXC,YAoBW,qBAAA;AAAA,QAnBT,KAAI;AAAA,QACH,UAAU,KAAc,eAAA,KAAM,KAAU;AAAA,QACzC,OAAKC,eAAA,CAAC,sBAAoB,CAAA,cAAA,EAAA,YACW,KAAU,WAAA,CAAA,CAAA,CAAA;AAAA,QAC9C,UAAU,OAAA,MAAM,QAAQ;AAAA,QACxB,QAAQ,SAAU;AAAA,QAClB,UAAU,OAAA,MAAM,QAAQ;AAAA,QACjB,aAAW,MAAQ;AAAA,mEAAR,MAAQ,WAAA;AAAA,QAC1B,UAAU,OAAA,MAAM,QAAQ;AAAA,QACxB,eAAe,SAAa;AAAA,QAC5B,YAAY,SAAU;AAAA,QACtB,WAAS,SAAa;AAAA,QACtB,UAAQ,SAAU;AAAA;yBAEnB,MAIU;AAAA,UAJVD,YAIU,oBAAA;AAAA,YAJA,MAAM;AAAA,YAAI,OAAM;AAAA;6BACxB,MAEM;AAAA,cAFNE,mBAEM,OAAA;AAAA,gBAFA,SAAS,MAAO;AAAA,gBAAE,OAAM;AAAA,gBAAa,MAAK;AAAA,gBAAW,UAAU,KAAc,eAAA;AAAA;gBACjFF,YAA+B,oBAAA,EAAtB,cAAW,SAAQ,CAAA;AAAA,gCAAG,QACjC;AAAA;;;;;;;MAGJE,mBAKM,OALN,YAKM;AAAA,SAJJC,UAAA,IAAA,GAAAC,mBAGMC,UAHqB,MAAAC,WAAA,SAAA,SAAd,CAAA,MAAM,QAAG;8BAAtBF,mBAGM,OAAA,EAH+B,KAAK,OAAG;AAAA,YAC/B,SAAA,QAAQ,SAAM,KAA1BD,UAAA,GAAAC,mBAA+D,QAA5B,YAAAG,gBAAA,MAAU,CAAA,IAAA,sBAAI,IAAI,GAAA,CAAA,MACrDJ,UAAA,GAAAC,mBAA8B,oCAAd,IAAI,GAAA,CAAA;AAAA;;;MAGxBJ,YAQU,oBAAA;AAAA,QAPP,SAAS,MAAc;AAAA,QACxB,OAAM;AAAA,QACL,OAAO,MAAY;AAAA,QACnB,QAAQ;AAAA,QACR,UAAQ,SAAY;AAAA;yBAErB,MAA+C;AAAA,UAA/CE,mBAA+C,OAAA;AAAA,YAA1C,OAAA,EAAmB,SAAA,OAAA;AAAA,YAAE,KAAK,MAAY;AAAA;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"file-upload-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/file-upload-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-upload\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled() || isReadMode\"\n class=\"dynamicPseudoAfter\"\n :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n :multiple=\"field.options.multiple\"\n :accept=\"acceptType\"\n :maxCount=\"field.options.limit\"\n v-model:file-list=\"fileList\"\n :listType=\"field.options.uploadListType\"\n :customRequest=\"customRequest\"\n :iconRender=\"iconRender\"\n @preview=\"handlePreview\"\n @remove=\"removeFile\"\n >\n <a-space :size=\"10\" align=\"start\">\n <div :loading=\"loading\" class=\"tpf-button\" type=\"primary\" :disabled=\"handleDisabled()\">\n <SvgIcon icon-class=\"daochu\" /> 上传文件\n </div>\n </a-space>\n </a-upload>\n <div :gutter=\"20\" class=\"fileUploadTip\">\n <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n <span v-else>{{ item }}</span>\n </div>\n </div>\n <a-modal\n :visible=\"previewVisible\"\n class=\"tpf-modal\"\n :title=\"previewTitle\"\n :footer=\"null\"\n @cancel=\"handleCancel\"\n >\n <img style=\"width: 100%\" :src=\"previewImage\" />\n </a-modal>\n </form-item-wrapper>\n</template>\n\n<script lang=\"jsx\">\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 SvgIcon from '@/components/svg-icon/index';\n import { useFilesystemApi } from '@/api/useFilesystemApi';\n import { PaperClipOutlined } from '@ant-design/icons-vue';\n import { getUserInfo } from '@kp-ui/tool';\n const filesystemApi = useFilesystemApi();\n\n export default {\n name: 'file-upload-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 SvgIcon,\n FormItemWrapper\n },\n data() {\n return {\n urlList: {},\n previewTitle: '',\n previewVisible: false,\n previewImage: '',\n loading: false,\n oldFieldValue: null, //field组件change之前的值\n fieldModel: [],\n rules: [],\n fileList: [] //上传文件列表\n };\n },\n computed: {\n acceptType() {\n const { accept } = this.field.options;\n if (accept?.length) {\n return accept.join(',');\n } else {\n return '*';\n }\n },\n descCol() {\n const { accept, maxSize } = this.field.options;\n const acceptList = (accept || []).join(',');\n return [\n acceptList.length ? `支持扩展名${acceptList}` : '',\n maxSize ? `支持文件大小${maxSize}M` : ''\n ].filter(Boolean);\n }\n // uploadBtnHidden() {\n // return !this.fileList || this.fileList.length >= this.field.options.limit;\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.initFieldModel();\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {\n iconRender({ file }) {\n try {\n const fieldTypes = file.fileName.slice(file.fileName.lastIndexOf('.'));\n\n if (['.xls', '.xlsx'].includes(fieldTypes.toLowerCase())) {\n return <SvgIcon icon-class=\"excel\" />;\n }\n if (['.doc', '.docx'].includes(fieldTypes.toLowerCase())) {\n return <SvgIcon icon-class=\"word\" />;\n }\n if (['.pdf'].includes(fieldTypes.toLowerCase())) {\n return <SvgIcon icon-class=\"pdf\" />;\n }\n } catch (error) {}\n\n return <PaperClipOutlined />;\n },\n\n handleCancel() {\n this.previewVisible = false;\n },\n async getFileUrl(fileCode) {\n if (this.fileList[fileCode]) {\n return this.fileList[fileCode];\n } else {\n const fileUrlObj = await filesystemApi.getPreviewFileUrl({ fileCode: fileCode });\n const url = fileUrlObj.data.value;\n this.fileList[fileCode] = url;\n return url;\n }\n },\n async handlePreview(file) {\n if (['.png', '.jpg', '.jpeg', '.gif'].includes(file.fileType)) {\n const url = await this.getFileUrl(file.fileCode);\n this.previewImage = url;\n this.previewVisible = true;\n this.previewTitle = file.fileName;\n } else {\n const { tokenId, tenantId, employeeId } = getUserInfo();\n const doMain = getDoMain();\n const obj = {\n tenantId,\n tokenId,\n employeeId,\n fileCode: file.fileCode\n };\n window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);\n }\n },\n handleOnBeforeUpload(file) {\n if (!!this.field.options.onBeforeUpload) {\n const bfFunc = new Function('file', this.field.options.onBeforeUpload);\n const result = bfFunc.call(this, file);\n if (typeof result === 'boolean') {\n return result;\n } else {\n return true;\n }\n }\n return true;\n },\n removeFile(file) {\n const findInx = this.fileList.findIndex(item => item.uid === file.uid);\n this.fileList.splice(findInx, 1);\n this.handleChangeEvent(this.fileList);\n },\n async customRequest(upload) {\n const { accept, maxSize, limit, businessType, multiple } = this.field.options;\n const fileName = upload.file.name;\n const fieldTypesArr = accept.map(item => item.toLowerCase());\n const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n const { message } = await import('ant-design-vue');\n\n if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n return message.error(`目前仅支持${accept}格式的文件`);\n }\n\n if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n message.error(`文件大小不能超过${maxSize}M`);\n return;\n }\n\n // if (limit && this.fileList.length >= limit) {\n // message.error('超出限制上传文件数');\n // return;\n // }\n\n const flag = this.handleOnBeforeUpload(upload);\n\n if (!flag) return;\n this.loading = true;\n try {\n const res = await filesystemApi.uploadFileObject({\n businessType: businessType,\n file: upload.file\n });\n\n const { fileName: name, fileCode } = res.data.object;\n\n if (limit > 1) {\n const findIndex = this.fileList.findIndex(item => item.name === name);\n if (findIndex > -1) {\n this.fileList.splice(findIndex, 1);\n }\n if (this.fileList.length < limit) {\n this.fileList.push({ ...res.data.object, name });\n }\n } else {\n this.fileList = [{ ...res.data.object, name }];\n }\n } finally {\n this.handleChangeEvent(this.fileList);\n this.loading = false;\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n .fileUploadTip {\n font-size: 12px;\n margin-top: 10px;\n }\n</style>\n"],"names":["_createBlock","_withCtx","_createVNode","_normalizeClass","_createElementVNode","_createTextVNode","_openBlock","_createElementBlock","_Fragment","_renderList","_toDisplayString","_createCommentVNode"],"mappings":";;;;AAAA,MAAA,aAAA,CAAA,WAAA,UAAA;;EAmCU,QAAQ;AAAA,EAAI,OAAM;;qBAnC5B,KAAA,EAAA;qBAAA,KAAA,EAAA;AAAA,MAAA,aAAA,CAAA,KAAA;;;;;;;UAYW,KAAY,aAAA,kBAXrBA,YAiDoB,8BAAA;AAAA,IAlDtB,KAAA;AAAA,IAEK,UAAU,OAAQ;AAAA,IAClB,OAAO,OAAK;AAAA,IACZ,OAAO,MAAK;AAAA,IACZ,gBAAc,OAAW;AAAA,IACzB,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA,IACvC,sBAAoB,OAAe;AAAA,IACnC,sBAAoB,OAAe;AAAA,IACnC,mBAAiB,OAAY;AAAA;IAXlC,SAAAC,QAcI,MAoBW;AAAA,MApBXC,YAoBW,qBAAA;AAAA,QAnBT,KAAI;AAAA,QACH,UAAU,KAAc,eAAA,KAAM,KAAU;AAAA,QACzC,OAjBNC,eAAA,CAiBY,sBAAoB,CAAA,cAAA,EAAA,YACW,KAAU,WAAA,CAAA,CAAA,CAAA;AAAA,QAC9C,UAAU,OAAA,MAAM,QAAQ;AAAA,QACxB,QAAQ,SAAU;AAAA,QAClB,UAAU,OAAA,MAAM,QAAQ;AAAA,QACjB,aAAW,MAAQ;AAAA,QAtBjC,qBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAsByB,MAAQ,WAAA;AAAA,QAC1B,UAAU,OAAA,MAAM,QAAQ;AAAA,QACxB,eAAe,SAAa;AAAA,QAC5B,YAAY,SAAU;AAAA,QACtB,WAAS,SAAa;AAAA,QACtB,UAAQ,SAAU;AAAA;QA3BzB,SAAAF,QA6BM,MAIU;AAAA,UAJVC,YAIU,oBAAA;AAAA,YAJA,MAAM;AAAA,YAAI,OAAM;AAAA;YA7BhC,SAAAD,QA8BQ,MAEM;AAAA,cAFNG,mBAEM,OAAA;AAAA,gBAFA,SAAS,MAAO;AAAA,gBAAE,OAAM;AAAA,gBAAa,MAAK;AAAA,gBAAW,UAAU,KAAc,eAAA;AAAA;gBACjFF,YAA+B,oBAAA,EAAtB,cAAW,SAAQ,CAAA;AAAA,gBA/BtC,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAG,gBA+ByC,QACjC;AAAA,cAhCR,GAAA,GAAA,UAAA;AAAA;YAAA,GAAA;AAAA;;QAAA,GAAA;AAAA;MAmCID,mBAKM,OALN,YAKM;AAAA,SAJJE,UAAA,IAAA,GAAAC,mBAGMC,gBAvCZC,WAoCiC,SAAA,SApCjC,CAoCmB,MAAM,QAAG;8BAAtBF,mBAGM,OAAA,EAH+B,KAAK,OAAG;AAAA,YAC/B,SAAA,QAAQ,SAAM,KAA1BD,UAAA,GAAAC,mBAA+D,QArCvE,YAqC2CG,gBAAA,MAAU,CAAA,IAAA,sBAAI,IAAI,GAAA,CAAA,mBACrDH,mBAA8B,QAtCtC,4BAsCwB,IAAI,GAAA,CAAA;AAAA;;;MAGxBL,YAQU,oBAAA;AAAA,QAPP,SAAS,MAAc;AAAA,QACxB,OAAM;AAAA,QACL,OAAO,MAAY;AAAA,QACnB,QAAQ;AAAA,QACR,UAAQ,SAAY;AAAA;QA9C3B,SAAAD,QAgDM,MAA+C;AAAA,UAA/CG,mBAA+C,OAAA;AAAA,YAA1C,OAAA,EAAmB,SAAA,OAAA;AAAA,YAAE,KAAK,MAAY;AAAA,UAhDjD,GAAA,MAAA,GAAA,UAAA;AAAA;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA,kLAAAO,mBAAA,IAAA,IAAA;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-item-wrapper.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n <div class=\"field-wrapper\" :class=\"{ 'design-time-bottom-margin': !!this.designer }\">\n <a-form-item\n v-if=\"!!field.formItemFlag\"\n :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n :title=\"field.options.labelTooltip\"\n :size=\"size\"\n :rules=\"rules\"\n :name=\"getPropName()\"\n :labelAlign=\"labelAlign\"\n :class=\"[selected ? 'selected' : '', customClass]\"\n @click.stop=\"selectField(field)\"\n >\n <template #label>\n <div class=\"label-box\">\n <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n <template v-if=\"field.options.labelIconPosition === 'front'\">\n <template v-if=\"!!field.options.labelTooltip\">\n <a-tooltip :title=\"field.options.labelTooltip\" :overlayStyle=\"{ zIndex: 1000 }\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n </template>\n <template v-else>\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n </template>\n </template>\n <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n <template v-if=\"!!field.options.labelTooltip\">\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n <a-tooltip :title=\"field.options.labelTooltip\" :overlayStyle=\"{ zIndex: 1000 }\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\n </template>\n <template v-else>\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </template>\n </template>\n </span>\n <template v-else>\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n </template>\n </div>\n </template>\n\n <slot></slot>\n </a-form-item>\n\n <template v-if=\"!!this.designer\">\n <div class=\"field-action\" v-if=\"designer.selectedId === field.id\">\n <i\n :title=\"i18nt('designer.hint.selectParentWidget')\"\n @click.stop=\"selectParentWidget(field)\"\n ><svg-icon icon-class=\"el-back\"\n /></i>\n <i\n v-if=\"!!parentList && parentList.length > 1\"\n :title=\"i18nt('designer.hint.moveUpWidget')\"\n @click.stop=\"moveUpWidget(field)\"\n >\n <svg-icon icon-class=\"el-move-up\" />\n </i>\n <i\n v-if=\"!!parentList && parentList.length > 1\"\n :title=\"i18nt('designer.hint.moveDownWidget')\"\n @click.stop=\"moveDownWidget(field)\"\n >\n <svg-icon icon-class=\"el-move-down\" />\n </i>\n <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeFieldWidget\">\n <svg-icon icon-class=\"el-delete\" />\n </i>\n </div>\n\n <div class=\"drag-handler background-opacity\" v-if=\"designer.selectedId === field.id\">\n <i :title=\"i18nt('designer.hint.dragHandler')\"><svg-icon icon-class=\"el-drag-move\" /></i>\n <i>\n {{ i18n2t(`designer.widgetLabel.${field.type}`, `extension.widgetLabel.${field.type}`) }}\n </i>\n <i v-if=\"field.options.hidden === true\"><svg-icon icon-class=\"el-hide\" /></i>\n </div>\n </template>\n </div>\n</template>\n\n<script>\n import SvgIcon from '@/components/svg-icon';\n import i18n from '@/utils/i18n';\n\n export default {\n name: 'form-item-wrapper',\n mixins: [i18n],\n components: {\n SvgIcon\n },\n props: {\n field: Object,\n designer: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\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 rules: Array\n },\n inject: ['getFormConfig', 'getSubFormFieldFlag', 'getSubFormName'],\n computed: {\n formConfig() {\n return this.getFormConfig();\n },\n\n selected() {\n return !!this.designer && this.field.id === this.designer.selectedId;\n },\n\n label() {\n if (!!this.field.options.labelHidden) {\n return '';\n }\n\n return this.field.options.label;\n },\n\n labelWidth() {\n if (!!this.field.options.labelHidden) {\n return 0;\n }\n\n if (!!this.field.options.labelWidth) {\n return this.field.options.labelWidth;\n }\n\n if (!!this.designer) {\n return this.designer.formConfig.labelWidth;\n } else {\n return this.formConfig.labelWidth;\n }\n },\n\n labelAlign() {\n if (!!this.field.options.labelAlign) {\n return this.field.options.labelAlign;\n }\n\n if (!!this.designer) {\n return this.designer.formConfig.labelAlign || 'right';\n } else {\n return this.formConfig.labelAlign || 'right';\n }\n },\n size() {\n if (!!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 customClass() {\n return this.field.options.customClass.join(' ');\n },\n\n subFormName() {\n return !!this.getSubFormName ? this.getSubFormName() : '';\n },\n\n subFormItemFlag() {\n return !!this.getSubFormFieldFlag ? this.getSubFormFieldFlag() : false;\n }\n },\n created() {\n //\n },\n methods: {\n // handleHidden() {\n // if (this.designState) {\n // return false;\n // }\n // const { onHidden, hidden } = this.field.options;\n // if (hidden) return true;\n // if (onHidden) {\n // const onHiddenFn = new Function(onHidden);\n // return onHiddenFn.call(this);\n // }\n // return false;\n // },\n selectField(field) {\n if (!!this.designer) {\n this.designer.setSelected(field);\n this.designer.emitEvent('field-selected', this.parentWidget); //发送选中组件的父组件对象\n }\n },\n\n selectParentWidget() {\n if (this.parentWidget) {\n this.designer.setSelected(this.parentWidget);\n } else {\n this.designer.clearSelected();\n }\n },\n\n moveUpWidget() {\n this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n this.designer.emitHistoryChange();\n },\n\n moveDownWidget() {\n this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n this.designer.emitHistoryChange();\n },\n\n removeFieldWidget() {\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 getPropName() {\n if (this.subFormItemFlag && !this.designState) {\n return this.subFormName + '.' + this.subFormRowIndex + '.' + this.field.options.name + '';\n } else {\n return this.field.options.name;\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss';\n\n .design-time-bottom-margin {\n margin-bottom: 5px;\n }\n\n .field-wrapper {\n position: relative;\n\n .field-action {\n position: absolute;\n bottom: 0;\n right: -2px;\n height: 22px;\n line-height: 22px;\n background: var(--ant-primary-4); //$--color-primary;\n\n // background: var(--ant-primary-color);\n z-index: 9;\n\n i {\n font-size: 14px;\n color: #fff;\n margin: 0 3px;\n cursor: pointer;\n }\n }\n\n .drag-handler {\n position: absolute;\n top: 0;\n left: -1px;\n height: 20px;\n line-height: 20px;\n z-index: 9;\n\n i {\n font-size: 12px;\n font-style: normal;\n color: #fff;\n margin: 4px;\n cursor: move;\n }\n\n &:hover {\n background: var(--ant-primary-color);\n }\n }\n }\n\n .field-action,\n .drag-handler {\n :deep(.svg-icon) {\n margin-left: 0;\n margin-right: 0;\n }\n }\n .ant-form-item {\n position: relative;\n\n :deep(.ant-form-item-label) {\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n span.custom-label {\n display: flex;\n i {\n margin: 0 3px;\n }\n }\n\n /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n -webkit-appearance: none !important;\n }\n }\n\n .static-content-item {\n min-height: 20px;\n display: flex; /* 垂直居中 */\n align-items: center; /* 垂直居中 */\n }\n .ant-form-item.selected,\n .static-content-item.selected {\n outline: 2px solid var(--ant-primary-color);\n }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createBlock","_withModifiers","_createElementVNode","_openBlock","_Fragment","_createVNode","_toDisplayString","_renderSlot"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"form-item-wrapper.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n <div class=\"field-wrapper\" :class=\"{ 'design-time-bottom-margin': !!this.designer }\">\n <a-form-item\n v-if=\"!!field.formItemFlag\"\n :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n :title=\"field.options.labelTooltip\"\n :size=\"size\"\n :rules=\"rules\"\n :name=\"getPropName()\"\n :labelAlign=\"labelAlign\"\n :class=\"[selected ? 'selected' : '', customClass]\"\n @click.stop=\"selectField(field)\"\n >\n <template #label>\n <div class=\"label-box\">\n <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n <template v-if=\"field.options.labelIconPosition === 'front'\">\n <template v-if=\"!!field.options.labelTooltip\">\n <a-tooltip :title=\"field.options.labelTooltip\" :overlayStyle=\"{ zIndex: 1000 }\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n </template>\n <template v-else>\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n </template>\n </template>\n <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n <template v-if=\"!!field.options.labelTooltip\">\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n <a-tooltip :title=\"field.options.labelTooltip\" :overlayStyle=\"{ zIndex: 1000 }\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\n </template>\n <template v-else>\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </template>\n </template>\n </span>\n <template v-else>\n <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n </a-tooltip>\n </template>\n </div>\n </template>\n\n <slot></slot>\n </a-form-item>\n\n <template v-if=\"!!this.designer\">\n <div class=\"field-action\" v-if=\"designer.selectedId === field.id\">\n <i\n :title=\"i18nt('designer.hint.selectParentWidget')\"\n @click.stop=\"selectParentWidget(field)\"\n ><svg-icon icon-class=\"el-back\"\n /></i>\n <i\n v-if=\"!!parentList && parentList.length > 1\"\n :title=\"i18nt('designer.hint.moveUpWidget')\"\n @click.stop=\"moveUpWidget(field)\"\n >\n <svg-icon icon-class=\"el-move-up\" />\n </i>\n <i\n v-if=\"!!parentList && parentList.length > 1\"\n :title=\"i18nt('designer.hint.moveDownWidget')\"\n @click.stop=\"moveDownWidget(field)\"\n >\n <svg-icon icon-class=\"el-move-down\" />\n </i>\n <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeFieldWidget\">\n <svg-icon icon-class=\"el-delete\" />\n </i>\n </div>\n\n <div class=\"drag-handler background-opacity\" v-if=\"designer.selectedId === field.id\">\n <i :title=\"i18nt('designer.hint.dragHandler')\"><svg-icon icon-class=\"el-drag-move\" /></i>\n <i>\n {{ i18n2t(`designer.widgetLabel.${field.type}`, `extension.widgetLabel.${field.type}`) }}\n </i>\n <i v-if=\"field.options.hidden === true\"><svg-icon icon-class=\"el-hide\" /></i>\n </div>\n </template>\n </div>\n</template>\n\n<script>\n import SvgIcon from '@/components/svg-icon';\n import i18n from '@/utils/i18n';\n\n export default {\n name: 'form-item-wrapper',\n mixins: [i18n],\n components: {\n SvgIcon\n },\n props: {\n field: Object,\n designer: Object,\n parentWidget: Object,\n parentList: Array,\n indexOfParentList: Number,\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 rules: Array\n },\n inject: ['getFormConfig', 'getSubFormFieldFlag', 'getSubFormName'],\n computed: {\n formConfig() {\n return this.getFormConfig();\n },\n\n selected() {\n return !!this.designer && this.field.id === this.designer.selectedId;\n },\n\n label() {\n if (!!this.field.options.labelHidden) {\n return '';\n }\n\n return this.field.options.label;\n },\n\n labelWidth() {\n if (!!this.field.options.labelHidden) {\n return 0;\n }\n\n if (!!this.field.options.labelWidth) {\n return this.field.options.labelWidth;\n }\n\n if (!!this.designer) {\n return this.designer.formConfig.labelWidth;\n } else {\n return this.formConfig.labelWidth;\n }\n },\n\n labelAlign() {\n if (!!this.field.options.labelAlign) {\n return this.field.options.labelAlign;\n }\n\n if (!!this.designer) {\n return this.designer.formConfig.labelAlign || 'right';\n } else {\n return this.formConfig.labelAlign || 'right';\n }\n },\n size() {\n if (!!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 customClass() {\n return this.field.options.customClass.join(' ');\n },\n\n subFormName() {\n return !!this.getSubFormName ? this.getSubFormName() : '';\n },\n\n subFormItemFlag() {\n return !!this.getSubFormFieldFlag ? this.getSubFormFieldFlag() : false;\n }\n },\n created() {\n //\n },\n methods: {\n // handleHidden() {\n // if (this.designState) {\n // return false;\n // }\n // const { onHidden, hidden } = this.field.options;\n // if (hidden) return true;\n // if (onHidden) {\n // const onHiddenFn = new Function(onHidden);\n // return onHiddenFn.call(this);\n // }\n // return false;\n // },\n selectField(field) {\n if (!!this.designer) {\n this.designer.setSelected(field);\n this.designer.emitEvent('field-selected', this.parentWidget); //发送选中组件的父组件对象\n }\n },\n\n selectParentWidget() {\n if (this.parentWidget) {\n this.designer.setSelected(this.parentWidget);\n } else {\n this.designer.clearSelected();\n }\n },\n\n moveUpWidget() {\n this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n this.designer.emitHistoryChange();\n },\n\n moveDownWidget() {\n this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n this.designer.emitHistoryChange();\n },\n\n removeFieldWidget() {\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 getPropName() {\n if (this.subFormItemFlag && !this.designState) {\n return this.subFormName + '.' + this.subFormRowIndex + '.' + this.field.options.name + '';\n } else {\n return this.field.options.name;\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss';\n\n .design-time-bottom-margin {\n margin-bottom: 5px;\n }\n\n .field-wrapper {\n position: relative;\n\n .field-action {\n position: absolute;\n bottom: 0;\n right: -2px;\n height: 22px;\n line-height: 22px;\n background: var(--ant-primary-4); //$--color-primary;\n\n // background: var(--ant-primary-color);\n z-index: 9;\n\n i {\n font-size: 14px;\n color: #fff;\n margin: 0 3px;\n cursor: pointer;\n }\n }\n\n .drag-handler {\n position: absolute;\n top: 0;\n left: -1px;\n height: 20px;\n line-height: 20px;\n z-index: 9;\n\n i {\n font-size: 12px;\n font-style: normal;\n color: #fff;\n margin: 4px;\n cursor: move;\n }\n\n &:hover {\n background: var(--ant-primary-color);\n }\n }\n }\n\n .field-action,\n .drag-handler {\n :deep(.svg-icon) {\n margin-left: 0;\n margin-right: 0;\n }\n }\n .ant-form-item {\n position: relative;\n\n :deep(.ant-form-item-label) {\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n span.custom-label {\n display: flex;\n i {\n margin: 0 3px;\n }\n }\n\n /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n -webkit-appearance: none !important;\n }\n }\n\n .static-content-item {\n min-height: 20px;\n display: flex; /* 垂直居中 */\n align-items: center; /* 垂直居中 */\n }\n .ant-form-item.selected,\n .static-content-item.selected {\n outline: 2px solid var(--ant-primary-color);\n }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createBlock","_withModifiers","_createElementVNode","_openBlock","_Fragment","_createVNode","_withCtx","_toDisplayString","_createCommentVNode","_renderSlot"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"html-text-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/html-text-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 v-if=\"!handleHidden()\"\n >\n <div ref=\"fieldEditor\" class=\"htmlContent\" v-html=\"field.options.htmlContent\"></div>\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\n export default {\n name: 'html-text-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 },\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 .htmlContent {\n // v-bind(field.options.bodyStyle)\n }\n @import '../../../../styles/global.scss'; //* static-content-wrapper已引入,还需要重复引入吗? *//\n</style>\n"],"names":["_createBlock","_createElementVNode"],"mappings":";;;;;;;AAuBI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;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,IACZ;AAAA,IAED,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA,IACZ;AAAA,IACD,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA,IACZ;AAAA,IACD,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACD,YAAY;AAAA,IACR;AAAA,EACH;AAAA,EACD,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGN,SAAK,kBAAmB;AACxB,SAAK,iBAAkB;AAEvB,SAAK,gBAAiB;AAAA,EACzB;AAAA,EAED,UAAU;AACN,SAAK,gBAAiB;AAAA,EACzB;AAAA,EAED,gBAAgB;AACZ,SAAK,sBAAuB;AAAA,EAC/B;AAAA,EAED,SAAS,CAAA;AACZ
|
|
1
|
+
{"version":3,"file":"html-text-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/html-text-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 v-if=\"!handleHidden()\"\n >\n <div ref=\"fieldEditor\" class=\"htmlContent\" v-html=\"field.options.htmlContent\"></div>\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\n export default {\n name: 'html-text-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 },\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 .htmlContent {\n // v-bind(field.options.bodyStyle)\n }\n @import '../../../../styles/global.scss'; //* static-content-wrapper已引入,还需要重复引入吗? *//\n</style>\n"],"names":["_createBlock","_withCtx","_createElementVNode","_createCommentVNode"],"mappings":";;;;;;;AAuBI,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;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,IACZ;AAAA,IAED,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA,IACZ;AAAA,IACD,iBAAiB;AAAA;AAAA,MACS,MAAM;AAAA,MAC5B,SAAS;AAAA,IACZ;AAAA,IACD,cAAc;AAAA;AAAA,MACc,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACD,YAAY;AAAA,IACR;AAAA,EACH;AAAA,EACD,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGN,SAAK,kBAAmB;AACxB,SAAK,iBAAkB;AAEvB,SAAK,gBAAiB;AAAA,EACzB;AAAA,EAED,UAAU;AACN,SAAK,gBAAiB;AAAA,EACzB;AAAA,EAED,gBAAgB;AACZ,SAAK,sBAAuB;AAAA,EAC/B;AAAA,EAED,SAAS,CAAA;AACZ;AA9EL,MAAA,aAAA,CAAA,WAAA;;;UAWe,KAAY,aAAA,kBAVvBA,YAayB,mCAAA;AAAA,IAd7B,KAAA;AAAA,IAES,UAAU,OAAQ;AAAA,IAClB,OAAO,OAAK;AAAA,IACZ,gBAAc,OAAW;AAAA,IACzB,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA,IACvC,sBAAoB,OAAe;AAAA,IACnC,sBAAoB,OAAe;AAAA,IACnC,mBAAiB,OAAY;AAAA;IAVtC,SAAAC,QAaQ,MAAoF;AAAA,MAApFC,mBAAoF,OAAA;AAAA,QAA/E,KAAI;AAAA,QAAc,OAAM;AAAA,QAAc,WAAQ,OAAA,MAAM,QAAQ;AAAA,MAbzE,GAAA,MAAA,GAAA,UAAA;AAAA;IAAA,GAAA;AAAA,yKAAAC,mBAAA,IAAA,IAAA;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/input-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-input\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled()\"\n :readonly=\"field.options.readonly\"\n :size=\"size\"\n class=\"hide-spin-button\"\n :type=\"inputType\"\n :show-password=\"field.options.showPassword\"\n :placeholder=\"field.options.placeholder\"\n :allowClear=\"field.options.allowClear\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n :addonBefore=\"field.options.addonBefore\"\n :addonAfter=\"field.options.addonAfter\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @input=\"handleInputCustomEvent\"\n @change=\"handleChangeEvent\"\n >\n <template #append v-if=\"field.options.appendButton\">\n <a-button\n :disabled=\"handleDisabled() || field.options.appendButtonDisabled\"\n @click=\"emitAppendButtonClick\"\n >\n <svg-icon :icon-class=\"field.options.buttonIcon\" />\n </a-button>\n </template>\n </a-input>\n <template v-if=\"isReadMode\">\n <a-tooltip placement=\"topLeft\" :title=\"fieldModel\" :overlayStyle=\"{ zIndex: 1000 }\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </a-tooltip>\n </template>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import SvgIcon from '@/components/svg-icon';\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: 'input-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 SvgIcon\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 inputType() {\n if (this.field.options.type === 'number') {\n return 'text'; //当input的type设置为number时,如果输入非数字字符,则v-model拿到的值为空字符串,无法实现输入校验!故屏蔽之!!\n }\n\n return this.field.options.type;\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 @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;AA2DE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,IACR;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,OAAO;AACL,UAAI,CAAC,CAAC,KAAK,MAAM,WAAW,CAAC,CAAC,KAAK,MAAM,QAAQ,MAAM;AACrD,eAAO,KAAK,MAAM,QAAQ;AAAA,MAC5B;AACA,UAAI,CAAC,CAAC,KAAK,UAAU;AACnB,eAAO,KAAK,SAAS,WAAW,QAAQ;AAAA,aACnC;AACL,eAAO,KAAK,WAAW,QAAQ;AAAA,MACjC;AAAA,IACD;AAAA,IACD,YAAY;AACV,UAAI,KAAK,MAAM,QAAQ,SAAS,UAAU;AACxC,eAAO;AAAA,MACT;AAEA,aAAO,KAAK,MAAM,QAAQ;AAAA,IAC5B;AAAA,EACD;AAAA,EACD,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS,CAAA;AACV;AAhGW,MAAA,aAAA,EAAA,OAAM,sBAAqB;;;;;;;UAlC9B,KAAY,aAAA,kBAXrBA,YAgDoB,8BAAA;AAAA;
|
|
1
|
+
{"version":3,"file":"input-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/input-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-input\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled()\"\n :readonly=\"field.options.readonly\"\n :size=\"size\"\n class=\"hide-spin-button\"\n :type=\"inputType\"\n :show-password=\"field.options.showPassword\"\n :placeholder=\"field.options.placeholder\"\n :allowClear=\"field.options.allowClear\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n :addonBefore=\"field.options.addonBefore\"\n :addonAfter=\"field.options.addonAfter\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @input=\"handleInputCustomEvent\"\n @change=\"handleChangeEvent\"\n >\n <template #append v-if=\"field.options.appendButton\">\n <a-button\n :disabled=\"handleDisabled() || field.options.appendButtonDisabled\"\n @click=\"emitAppendButtonClick\"\n >\n <svg-icon :icon-class=\"field.options.buttonIcon\" />\n </a-button>\n </template>\n </a-input>\n <template v-if=\"isReadMode\">\n <a-tooltip placement=\"topLeft\" :title=\"fieldModel\" :overlayStyle=\"{ zIndex: 1000 }\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </a-tooltip>\n </template>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import SvgIcon from '@/components/svg-icon';\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: 'input-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 SvgIcon\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 inputType() {\n if (this.field.options.type === 'number') {\n return 'text'; //当input的type设置为number时,如果输入非数字字符,则v-model拿到的值为空字符串,无法实现输入校验!故屏蔽之!!\n }\n\n return this.field.options.type;\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 @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_createBlock","_withCtx","_createVNode","_createSlots","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/number-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-input-number\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n class=\"full-width-input\"\n :disabled=\"handleDisabled()\"\n :controls-position=\"field.options.controlsPosition\"\n :placeholder=\"field.options.placeholder\"\n :min=\"field.options.min\"\n :max=\"field.options.max\"\n :precision=\"field.options.precision\"\n :step=\"field.options.step\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <a-tooltip placement=\"topLeft\" :title=\"fieldModel\" :overlayStyle=\"{ zIndex: 1000 }\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\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: 'number-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 @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n</style>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;AA6CE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,IACR;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,OAAO;AACL,UAAI,CAAC,CAAC,KAAK,MAAM,WAAW,CAAC,CAAC,KAAK,MAAM,QAAQ,MAAM;AACrD,eAAO,KAAK,MAAM,QAAQ;AAAA,MAC5B;AACA,UAAI,CAAC,CAAC,KAAK,UAAU;AACnB,eAAO,KAAK,SAAS,WAAW,QAAQ;AAAA,aACnC;AACL,eAAO,KAAK,WAAW,QAAQ;AAAA,MACjC;AAAA,IACF;AAAA,EACD;AAAA,EACD,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS,CAAA;AACV;AAvFW,MAAA,aAAA,EAAA,OAAM,sBAAqB;;;;;UArB9B,KAAY,aAAA,kBAXrBA,YAmCoB,8BAAA;AAAA;
|
|
1
|
+
{"version":3,"file":"number-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/number-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-input-number\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n class=\"full-width-input\"\n :disabled=\"handleDisabled()\"\n :controls-position=\"field.options.controlsPosition\"\n :placeholder=\"field.options.placeholder\"\n :min=\"field.options.min\"\n :max=\"field.options.max\"\n :precision=\"field.options.precision\"\n :step=\"field.options.step\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <a-tooltip placement=\"topLeft\" :title=\"fieldModel\" :overlayStyle=\"{ zIndex: 1000 }\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\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: 'number-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 @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n</style>\n"],"names":["_createBlock","_withCtx","_createVNode","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;;;;;AA6CE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,IACR;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,OAAO;AACL,UAAI,CAAC,CAAC,KAAK,MAAM,WAAW,CAAC,CAAC,KAAK,MAAM,QAAQ,MAAM;AACrD,eAAO,KAAK,MAAM,QAAQ;AAAA,MAC5B;AACA,UAAI,CAAC,CAAC,KAAK,UAAU;AACnB,eAAO,KAAK,SAAS,WAAW,QAAQ;AAAA,aACnC;AACL,eAAO,KAAK,WAAW,QAAQ;AAAA,MACjC;AAAA,IACF;AAAA,EACD;AAAA,EACD,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS,CAAA;AACV;AAvFW,MAAA,aAAA,EAAA,OAAM,sBAAqB;;;;;UArB9B,KAAY,aAAA,kBAXrBA,YAmCoB,8BAAA;AAAA,IApCtB,KAAA;AAAA,IAEK,UAAU,OAAQ;AAAA,IAClB,OAAO,OAAK;AAAA,IACZ,OAAO,MAAK;AAAA,IACZ,gBAAc,OAAW;AAAA,IACzB,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA,IACvC,sBAAoB,OAAe;AAAA,IACnC,sBAAoB,OAAe;AAAA,IACnC,mBAAiB,OAAY;AAAA;IAXlC,SAAAC,QAcI,MAgBE;AAAA,qBAhBFC,YAgBE,2BAAA;AAAA,QAfA,KAAI;AAAA,QACH,MAAM,SAAI;AAAA,QACH,OAAO,MAAU;AAAA,QAjB/B,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAiBqB,MAAU,aAAA;AAAA,QAEzB,OAAM;AAAA,QACL,UAAU,KAAc,eAAA;AAAA,QACxB,qBAAmB,OAAA,MAAM,QAAQ;AAAA,QACjC,aAAa,OAAA,MAAM,QAAQ;AAAA,QAC3B,KAAK,OAAA,MAAM,QAAQ;AAAA,QACnB,KAAK,OAAA,MAAM,QAAQ;AAAA,QACnB,WAAW,OAAA,MAAM,QAAQ;AAAA,QACzB,MAAM,OAAA,MAAM,QAAQ;AAAA,QACpB,SAAO,KAAsB;AAAA,QAC7B,QAAM,KAAqB;AAAA,QAC3B,UAAQ,KAAiB;AAAA;iBAXjB,KAAU,UAAA;AAAA;MAaL,KAAU,2BACxBF,YAEY,sBAAA;AAAA,QAlClB,KAAA;AAAA,QAgCiB,WAAU;AAAA,QAAW,OAAO,MAAU;AAAA,QAAG,cAAc,EAAgB,QAAA,IAAA;AAAA;QAhCxF,SAAAC,QAiCQ,MAAyD;AAAA,UAAzDE,mBAAyD,QAAzD,YAAyDC,gBAApB,MAAU,UAAA,GAAA,CAAA;AAAA;QAjCvD,GAAA;AAAA,0BAAAC,mBAAA,IAAA,IAAA;AAAA;IAAA,GAAA;AAAA,kLAAAA,mBAAA,IAAA,IAAA;;;"}
|
package/src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"picture-upload-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/picture-upload-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 <!-- el-upload增加:name=\"field.options.name\"后,会导致又拍云上传失败!故删除之!! -->\n <a-upload\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled() || isReadMode\"\n :action=\"realUploadURL\"\n :headers=\"uploadHeaders\"\n :data=\"uploadData\"\n :with-credentials=\"field.options.withCredentials\"\n :multiple=\"field.options.multipleSelect\"\n :file-list=\"fileList\"\n :show-file-list=\"field.options.showFileList\"\n list-type=\"picture-card\"\n :class=\"{ hideUploadDiv: uploadBtnHidden || isReadMode }\"\n :limit=\"field.options.limit\"\n :on-exceed=\"handlePictureExceed\"\n :on-preview=\"handlePicturePreview\"\n :before-upload=\"beforePictureUpload\"\n :on-success=\"handlePictureUpload\"\n :on-error=\"handleUploadError\"\n :before-remove=\"handleBeforeRemove\"\n :on-remove=\"handlePictureRemove\"\n >\n <template #tip>\n <div class=\"el-upload__tip\" v-if=\"!!field.options.uploadTip\">{{\n field.options.uploadTip\n }}</div>\n </template>\n <div class=\"uploader-icon\"><svg-icon icon-class=\"el-plus\" /></div>\n </a-upload>\n\n <a-modal\n title=\"\"\n v-model:visible=\"showPreviewDialogFlag\"\n append-to-body\n width=\"60%\"\n :show-close=\"true\"\n custom-class=\"drag-dialog small-padding-dialog\"\n :close-on-click-modal=\"true\"\n :close-on-press-escape=\"true\"\n :destroy-on-close=\"true\"\n >\n <img :src=\"previewUrl\" style=\"width: 100%\" alt=\"\" />\n </a-modal>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import SvgIcon from '@/components/svg-icon';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import { deepClone } from '@/utils/util';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n export default {\n name: 'picture-upload-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 SvgIcon\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: [],\n rules: [],\n\n uploadHeaders: {},\n uploadData: {\n key: '' //七牛云上传文件名\n //token: '', //七牛云上传token\n\n //policy: '', //又拍云上传policy\n //authorization: '', //又拍云上传签名\n },\n fileList: [], //上传文件列表\n fileListBeforeRemove: [], //删除前的文件列表\n\n previewUrl: '',\n showPreviewDialogFlag: false\n };\n },\n computed: {\n realUploadURL() {\n const uploadURL = this.field.options.uploadURL;\n if (!!uploadURL && (uploadURL.indexOf('DSV.') > -1 || uploadURL.indexOf('DSV[') > -1)) {\n const DSV = this.getGlobalDsv();\n return eval(this.field.options.uploadURL);\n }\n\n return this.field.options.uploadURL;\n },\n\n uploadBtnHidden() {\n return !this.fileList || this.fileList.length >= this.field.options.limit;\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 console.log('thjis', this);\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {\n handlePictureExceed() {\n const uploadLimit = this.field.options.limit;\n this.$message.warning(\n this.i18nt('render.hint.uploadExceed').replace('${uploadLimit}', uploadLimit)\n );\n },\n\n handlePicturePreview(file) {\n this.previewUrl = file.url;\n this.showPreviewDialogFlag = true;\n },\n\n beforePictureUpload(file) {\n let fileTypeCheckResult = false;\n if (!!this.field.options && !!this.field.options.fileTypes) {\n const uploadFileTypes = this.field.options.fileTypes;\n if (uploadFileTypes.length > 0) {\n fileTypeCheckResult = uploadFileTypes.some(ft => {\n return file.type === 'image/' + ft;\n });\n }\n }\n if (!fileTypeCheckResult) {\n this.$message.error(this.i18nt('render.hint.unsupportedFileType') + file.type);\n return false;\n }\n\n let fileSizeCheckResult = false;\n let uploadFileMaxSize = 5; //5MB\n if (!!this.field.options && !!this.field.options.fileMaxSize) {\n uploadFileMaxSize = this.field.options.fileMaxSize;\n }\n fileSizeCheckResult = file.size / 1024 / 1024 <= uploadFileMaxSize;\n if (!fileSizeCheckResult) {\n this.$message.error(this.$('render.hint.fileSizeExceed') + uploadFileMaxSize + 'MB');\n return false;\n }\n\n this.uploadData.key = file.name;\n return this.handleOnBeforeUpload(file);\n },\n\n handleOnBeforeUpload(file) {\n if (!!this.field.options.onBeforeUpload) {\n const bfFunc = new Function('file', this.field.options.onBeforeUpload);\n const result = bfFunc.call(this, file);\n if (typeof result === 'boolean') {\n return result;\n } else {\n return true;\n }\n }\n\n return true;\n },\n\n updateFieldModelAndEmitDataChangeForUpload(fileList, customResult, defaultResult) {\n this.fieldModel = this.fieldModel || [];\n const oldValue = deepClone(this.fieldModel);\n if (!!customResult && !!customResult.name && !!customResult.url) {\n this.fieldModel.push({\n name: customResult.name,\n url: customResult.url\n });\n } else if (!!defaultResult && !!defaultResult.name && !!defaultResult.url) {\n this.fieldModel.push({\n name: defaultResult.name,\n url: defaultResult.url\n });\n } else {\n this.fieldModel = deepClone(fileList);\n }\n\n this.syncUpdateFormModel(this.fieldModel);\n this.emitFieldDataChange(this.fieldModel, oldValue);\n },\n\n handlePictureUpload(res, file, fileList) {\n if (file.status === 'success') {\n let customResult = null;\n if (!!this.field.options.onUploadSuccess) {\n const customFn = new Function(\n 'result',\n 'file',\n 'fileList',\n this.field.options.onUploadSuccess\n );\n customResult = customFn.call(this, res, file, fileList);\n }\n\n this.updateFieldModelAndEmitDataChangeForUpload(fileList, customResult, res);\n this.fileList = deepClone(fileList);\n }\n },\n\n updateFieldModelAndEmitDataChangeForRemove(file, fileList) {\n const oldValue = deepClone(this.fieldModel);\n let foundFileIdx = -1;\n this.fileListBeforeRemove.map((fi, idx) => {\n /* 跟element-ui不同,element-plus删除文件时this.fileList数组对应元素已被删除!! */\n if (fi.name === file.name && (fi.url === file.url || (!!fi.uid && fi.uid === file.uid))) {\n /* 这个判断有问题?? */\n foundFileIdx = idx;\n }\n });\n if (foundFileIdx > -1) {\n this.fieldModel.splice(foundFileIdx, 1);\n }\n\n this.syncUpdateFormModel(this.fieldModel);\n this.emitFieldDataChange(this.fieldModel, oldValue);\n },\n\n handleBeforeRemove(file, fileList) {\n /* 保留删除之前的文件列表!! */\n this.fileListBeforeRemove = deepClone(fileList);\n },\n\n handlePictureRemove(file, fileList) {\n this.updateFieldModelAndEmitDataChangeForRemove(file, fileList);\n this.fileList = deepClone(fileList);\n\n if (!!this.field.options.onFileRemove) {\n const customFn = new Function('file', 'fileList', this.field.options.onFileRemove);\n customFn.call(this, file, fileList);\n }\n },\n\n handleUploadError(err, file, fileList) {\n if (!!this.field.options.onUploadError) {\n const customFn = new Function(\n 'error',\n 'file',\n 'fileList',\n this.field.options.onUploadError\n );\n customFn.call(this, err, file, fileList);\n } else {\n this.$message({\n message: this.i18nt('render.hint.uploadError') + err,\n duration: 3000,\n type: 'error'\n });\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n\n .hideUploadDiv {\n :deep(div.el-upload--picture-card) {\n /* 隐藏最后的图片上传按钮 */\n display: none;\n }\n\n :deep(div.el-upload--text) {\n /* 隐藏最后的文件上传按钮 */\n display: none;\n }\n\n :deep(div.el-upload__tip) {\n /* 隐藏最后的文件上传按钮提示 */\n display: none;\n }\n }\n\n .uploader-icon {\n height: 100%;\n display: flex;\n color: #8c939d;\n font-size: 28px;\n justify-content: center;\n align-items: center;\n }\n</style>\n"],"names":["_createBlock","_createVNode","_normalizeClass","_openBlock","_createElementBlock","_toDisplayString","_createElementVNode"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"picture-upload-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/picture-upload-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 <!-- el-upload增加:name=\"field.options.name\"后,会导致又拍云上传失败!故删除之!! -->\n <a-upload\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled() || isReadMode\"\n :action=\"realUploadURL\"\n :headers=\"uploadHeaders\"\n :data=\"uploadData\"\n :with-credentials=\"field.options.withCredentials\"\n :multiple=\"field.options.multipleSelect\"\n :file-list=\"fileList\"\n :show-file-list=\"field.options.showFileList\"\n list-type=\"picture-card\"\n :class=\"{ hideUploadDiv: uploadBtnHidden || isReadMode }\"\n :limit=\"field.options.limit\"\n :on-exceed=\"handlePictureExceed\"\n :on-preview=\"handlePicturePreview\"\n :before-upload=\"beforePictureUpload\"\n :on-success=\"handlePictureUpload\"\n :on-error=\"handleUploadError\"\n :before-remove=\"handleBeforeRemove\"\n :on-remove=\"handlePictureRemove\"\n >\n <template #tip>\n <div class=\"el-upload__tip\" v-if=\"!!field.options.uploadTip\">{{\n field.options.uploadTip\n }}</div>\n </template>\n <div class=\"uploader-icon\"><svg-icon icon-class=\"el-plus\" /></div>\n </a-upload>\n\n <a-modal\n title=\"\"\n v-model:visible=\"showPreviewDialogFlag\"\n append-to-body\n width=\"60%\"\n :show-close=\"true\"\n custom-class=\"drag-dialog small-padding-dialog\"\n :close-on-click-modal=\"true\"\n :close-on-press-escape=\"true\"\n :destroy-on-close=\"true\"\n >\n <img :src=\"previewUrl\" style=\"width: 100%\" alt=\"\" />\n </a-modal>\n </form-item-wrapper>\n</template>\n\n<script>\n import FormItemWrapper from './form-item-wrapper';\n import SvgIcon from '@/components/svg-icon';\n import emitter from '@/utils/emitter';\n import i18n, { translate } from '@/utils/i18n';\n import { deepClone } from '@/utils/util';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n export default {\n name: 'picture-upload-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 SvgIcon\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: [],\n rules: [],\n\n uploadHeaders: {},\n uploadData: {\n key: '' //七牛云上传文件名\n //token: '', //七牛云上传token\n\n //policy: '', //又拍云上传policy\n //authorization: '', //又拍云上传签名\n },\n fileList: [], //上传文件列表\n fileListBeforeRemove: [], //删除前的文件列表\n\n previewUrl: '',\n showPreviewDialogFlag: false\n };\n },\n computed: {\n realUploadURL() {\n const uploadURL = this.field.options.uploadURL;\n if (!!uploadURL && (uploadURL.indexOf('DSV.') > -1 || uploadURL.indexOf('DSV[') > -1)) {\n const DSV = this.getGlobalDsv();\n return eval(this.field.options.uploadURL);\n }\n\n return this.field.options.uploadURL;\n },\n\n uploadBtnHidden() {\n return !this.fileList || this.fileList.length >= this.field.options.limit;\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 console.log('thjis', this);\n this.handleOnMounted();\n },\n\n beforeUnmount() {\n this.unregisterFromRefList();\n },\n\n methods: {\n handlePictureExceed() {\n const uploadLimit = this.field.options.limit;\n this.$message.warning(\n this.i18nt('render.hint.uploadExceed').replace('${uploadLimit}', uploadLimit)\n );\n },\n\n handlePicturePreview(file) {\n this.previewUrl = file.url;\n this.showPreviewDialogFlag = true;\n },\n\n beforePictureUpload(file) {\n let fileTypeCheckResult = false;\n if (!!this.field.options && !!this.field.options.fileTypes) {\n const uploadFileTypes = this.field.options.fileTypes;\n if (uploadFileTypes.length > 0) {\n fileTypeCheckResult = uploadFileTypes.some(ft => {\n return file.type === 'image/' + ft;\n });\n }\n }\n if (!fileTypeCheckResult) {\n this.$message.error(this.i18nt('render.hint.unsupportedFileType') + file.type);\n return false;\n }\n\n let fileSizeCheckResult = false;\n let uploadFileMaxSize = 5; //5MB\n if (!!this.field.options && !!this.field.options.fileMaxSize) {\n uploadFileMaxSize = this.field.options.fileMaxSize;\n }\n fileSizeCheckResult = file.size / 1024 / 1024 <= uploadFileMaxSize;\n if (!fileSizeCheckResult) {\n this.$message.error(this.$('render.hint.fileSizeExceed') + uploadFileMaxSize + 'MB');\n return false;\n }\n\n this.uploadData.key = file.name;\n return this.handleOnBeforeUpload(file);\n },\n\n handleOnBeforeUpload(file) {\n if (!!this.field.options.onBeforeUpload) {\n const bfFunc = new Function('file', this.field.options.onBeforeUpload);\n const result = bfFunc.call(this, file);\n if (typeof result === 'boolean') {\n return result;\n } else {\n return true;\n }\n }\n\n return true;\n },\n\n updateFieldModelAndEmitDataChangeForUpload(fileList, customResult, defaultResult) {\n this.fieldModel = this.fieldModel || [];\n const oldValue = deepClone(this.fieldModel);\n if (!!customResult && !!customResult.name && !!customResult.url) {\n this.fieldModel.push({\n name: customResult.name,\n url: customResult.url\n });\n } else if (!!defaultResult && !!defaultResult.name && !!defaultResult.url) {\n this.fieldModel.push({\n name: defaultResult.name,\n url: defaultResult.url\n });\n } else {\n this.fieldModel = deepClone(fileList);\n }\n\n this.syncUpdateFormModel(this.fieldModel);\n this.emitFieldDataChange(this.fieldModel, oldValue);\n },\n\n handlePictureUpload(res, file, fileList) {\n if (file.status === 'success') {\n let customResult = null;\n if (!!this.field.options.onUploadSuccess) {\n const customFn = new Function(\n 'result',\n 'file',\n 'fileList',\n this.field.options.onUploadSuccess\n );\n customResult = customFn.call(this, res, file, fileList);\n }\n\n this.updateFieldModelAndEmitDataChangeForUpload(fileList, customResult, res);\n this.fileList = deepClone(fileList);\n }\n },\n\n updateFieldModelAndEmitDataChangeForRemove(file, fileList) {\n const oldValue = deepClone(this.fieldModel);\n let foundFileIdx = -1;\n this.fileListBeforeRemove.map((fi, idx) => {\n /* 跟element-ui不同,element-plus删除文件时this.fileList数组对应元素已被删除!! */\n if (fi.name === file.name && (fi.url === file.url || (!!fi.uid && fi.uid === file.uid))) {\n /* 这个判断有问题?? */\n foundFileIdx = idx;\n }\n });\n if (foundFileIdx > -1) {\n this.fieldModel.splice(foundFileIdx, 1);\n }\n\n this.syncUpdateFormModel(this.fieldModel);\n this.emitFieldDataChange(this.fieldModel, oldValue);\n },\n\n handleBeforeRemove(file, fileList) {\n /* 保留删除之前的文件列表!! */\n this.fileListBeforeRemove = deepClone(fileList);\n },\n\n handlePictureRemove(file, fileList) {\n this.updateFieldModelAndEmitDataChangeForRemove(file, fileList);\n this.fileList = deepClone(fileList);\n\n if (!!this.field.options.onFileRemove) {\n const customFn = new Function('file', 'fileList', this.field.options.onFileRemove);\n customFn.call(this, file, fileList);\n }\n },\n\n handleUploadError(err, file, fileList) {\n if (!!this.field.options.onUploadError) {\n const customFn = new Function(\n 'error',\n 'file',\n 'fileList',\n this.field.options.onUploadError\n );\n customFn.call(this, err, file, fileList);\n } else {\n this.$message({\n message: this.i18nt('render.hint.uploadError') + err,\n duration: 3000,\n type: 'error'\n });\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n\n .hideUploadDiv {\n :deep(div.el-upload--picture-card) {\n /* 隐藏最后的图片上传按钮 */\n display: none;\n }\n\n :deep(div.el-upload--text) {\n /* 隐藏最后的文件上传按钮 */\n display: none;\n }\n\n :deep(div.el-upload__tip) {\n /* 隐藏最后的文件上传按钮提示 */\n display: none;\n }\n }\n\n .uploader-icon {\n height: 100%;\n display: flex;\n color: #8c939d;\n font-size: 28px;\n justify-content: center;\n align-items: center;\n }\n</style>\n"],"names":["_createBlock","_withCtx","_createVNode","_normalizeClass","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/radio-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-radio-group\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :size=\"size\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled()\"\n :style=\"{ display: field.options.displayStyle + ' !important' }\"\n @change=\"handleChangeEvent\"\n >\n <template v-if=\"!!field.options.buttonStyle\">\n <a-radio-button\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=\"{ display: field.options.displayStyle }\"\n >\n {{ item[field.options.labelKey] }}\n </a-radio-button>\n </template>\n <template v-else>\n <a-radio\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=\"{ display: field.options.displayStyle }\"\n >\n {{ item[field.options.labelKey] }}\n </a-radio>\n </template>\n </a-radio-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: 'radio-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 let s = 'default';\n if (!!this.field.options && !!this.field.options.size) {\n s = this.field.options.size;\n } else if (!!this.designer) {\n s = this.designer.formConfig.size || 'default';\n } else {\n s = this.formConfig.size || 'default';\n }\n return s === 'middle' ? 'default' : s;\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 };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_createBlock","_createVNode","_normalizeStyle","_createElementBlock","_Fragment","_renderList","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;AA4DE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,IACR;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,OAAO;AACL,UAAI,IAAI;AACR,UAAI,CAAC,CAAC,KAAK,MAAM,WAAW,CAAC,CAAC,KAAK,MAAM,QAAQ,MAAM;AACrD,YAAI,KAAK,MAAM,QAAQ;AAAA,iBACd,CAAC,CAAC,KAAK,UAAU;AAC1B,YAAI,KAAK,SAAS,WAAW,QAAQ;AAAA,aAChC;AACL,YAAI,KAAK,WAAW,QAAQ;AAAA,MAC9B;AACA,aAAO,MAAM,WAAW,YAAY;AAAA,IACtC;AAAA,EACD;AAAA,EACD,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,gBAAiB;AACtB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS,CAAA;AACV
|
|
1
|
+
{"version":3,"file":"radio-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/radio-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-radio-group\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :size=\"size\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled()\"\n :style=\"{ display: field.options.displayStyle + ' !important' }\"\n @change=\"handleChangeEvent\"\n >\n <template v-if=\"!!field.options.buttonStyle\">\n <a-radio-button\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=\"{ display: field.options.displayStyle }\"\n >\n {{ item[field.options.labelKey] }}\n </a-radio-button>\n </template>\n <template v-else>\n <a-radio\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=\"{ display: field.options.displayStyle }\"\n >\n {{ item[field.options.labelKey] }}\n </a-radio>\n </template>\n </a-radio-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: 'radio-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 let s = 'default';\n if (!!this.field.options && !!this.field.options.size) {\n s = this.field.options.size;\n } else if (!!this.designer) {\n s = this.designer.formConfig.size || 'default';\n } else {\n s = this.formConfig.size || 'default';\n }\n return s === 'middle' ? 'default' : s;\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 };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_createBlock","_withCtx","_createVNode","_normalizeStyle","_openBlock","_createElementBlock","_Fragment","_renderList","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rate-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rate-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-rate\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled()\"\n :allowClear=\"field.options.allowClear\"\n :count=\"field.options.count\"\n :allow-half=\"field.options.allowHalf\"\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\n export default {\n name: 'rate-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 @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n</style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;;;;;AAgCE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,IACR;AAAA,EACF;AAAA,EACD,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS,CAAA;AACV;;;;UApFQ,KAAY,aAAA,kBAXrBA,YAsBoB,8BAAA;AAAA;
|
|
1
|
+
{"version":3,"file":"rate-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rate-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-rate\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled()\"\n :allowClear=\"field.options.allowClear\"\n :count=\"field.options.count\"\n :allow-half=\"field.options.allowHalf\"\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\n export default {\n name: 'rate-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 @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n</style>\n"],"names":["_createBlock","_withCtx","_createVNode","_createCommentVNode"],"mappings":";;;;;;;AAgCE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,IACR;AAAA,EACF;AAAA,EACD,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS,CAAA;AACV;;;;UApFQ,KAAY,aAAA,kBAXrBA,YAsBoB,8BAAA;AAAA,IAvBtB,KAAA;AAAA,IAEK,UAAU,OAAQ;AAAA,IAClB,OAAO,OAAK;AAAA,IACZ,OAAO,MAAK;AAAA,IACZ,gBAAc,OAAW;AAAA,IACzB,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA,IACvC,sBAAoB,OAAe;AAAA,IACnC,sBAAoB,OAAe;AAAA,IACnC,mBAAiB,OAAY;AAAA;IAXlC,SAAAC,QAcI,MAQE;AAAA,MARFC,YAQE,mBAAA;AAAA,QAPA,KAAI;AAAA,QACI,OAAO,MAAU;AAAA,QAhB/B,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAgBqB,MAAU,aAAA;AAAA,QACxB,UAAU,KAAc,eAAA;AAAA,QACxB,YAAY,OAAA,MAAM,QAAQ;AAAA,QAC1B,OAAO,OAAA,MAAM,QAAQ;AAAA,QACrB,cAAY,OAAA,MAAM,QAAQ;AAAA,QAC1B,UAAQ,KAAiB;AAAA;;IArBhC,GAAA;AAAA,kLAAAC,mBAAA,IAAA,IAAA;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rich-editor-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rich-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 <div :class=\"{ 'readonly-mode-rich-editor': isReadMode }\">\n <quill-editor\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :options=\"editorOption\"\n :disabled=\"handleDisabled() || isReadMode\"\n @blur=\"handleRichEditorBlurEvent\"\n @focus=\"handleRichEditorFocusEvent\"\n @change=\"handleRichEditorChangeEvent\"\n :style=\"!!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\"\n />\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 { deepClone } from '@/utils/util';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n import { quillEditor } from 'vue3-quill';\n\n export default {\n name: 'rich-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 quillEditor\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: [],\n\n customToolbar: [], //富文本编辑器自定义工具栏\n valueChangedFlag: false //vue2-editor数据值是否改变标志\n };\n },\n computed: {\n editorOption() {\n return {\n placeholder: this.field.options.placeholder,\n modules: {\n //toolbar: this.customToolbar\n }\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 handleRichEditorChangeEvent() {\n this.valueChangedFlag = true;\n this.syncUpdateFormModel(this.fieldModel);\n },\n\n handleRichEditorFocusEvent() {\n this.oldFieldValue = deepClone(this.fieldModel);\n },\n\n handleRichEditorBlurEvent() {\n if (this.valueChangedFlag) {\n this.emitFieldDataChange(this.fieldModel, this.oldFieldValue);\n this.valueChangedFlag = false;\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n\n .readonly-mode-rich-editor {\n :deep(.ql-toolbar) {\n display: none;\n }\n\n :deep(.ql-container) {\n //border-top: 1px solid #cccccc !important;\n border: 0;\n }\n }\n</style>\n"],"names":["_createBlock","_createElementVNode","_createVNode","_normalizeStyle"],"mappings":";;;;;;;;;AAsCE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAE;AAAA,MAET,eAAe,CAAE;AAAA;AAAA,MACjB,kBAAkB;AAAA;AAAA,IACnB;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,eAAe;AACb,aAAO;AAAA,QACL,aAAa,KAAK,MAAM,QAAQ;AAAA,QAChC,SAAS;AAAA;AAAA,QAET;AAAA,MACD;AAAA,IACH;AAAA,EACD;AAAA,EACD,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS;AAAA,IACP,8BAA8B;AAC5B,WAAK,mBAAmB;AACxB,WAAK,oBAAoB,KAAK,UAAU;AAAA,IACzC;AAAA,IAED,6BAA6B;AAC3B,WAAK,gBAAgB,UAAU,KAAK,UAAU;AAAA,IAC/C;AAAA,IAED,4BAA4B;AAC1B,UAAI,KAAK,kBAAkB;AACzB,aAAK,oBAAoB,KAAK,YAAY,KAAK,aAAa;AAC5D,aAAK,mBAAmB;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AACD;;;;UAvHQ,KAAY,aAAA,kBAXrBA,YAyBoB,8BAAA;AAAA;
|
|
1
|
+
{"version":3,"file":"rich-editor-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rich-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 <div :class=\"{ 'readonly-mode-rich-editor': isReadMode }\">\n <quill-editor\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :options=\"editorOption\"\n :disabled=\"handleDisabled() || isReadMode\"\n @blur=\"handleRichEditorBlurEvent\"\n @focus=\"handleRichEditorFocusEvent\"\n @change=\"handleRichEditorChangeEvent\"\n :style=\"!!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\"\n />\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 { deepClone } from '@/utils/util';\n import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\n import { quillEditor } from 'vue3-quill';\n\n export default {\n name: 'rich-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 quillEditor\n },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: [],\n\n customToolbar: [], //富文本编辑器自定义工具栏\n valueChangedFlag: false //vue2-editor数据值是否改变标志\n };\n },\n computed: {\n editorOption() {\n return {\n placeholder: this.field.options.placeholder,\n modules: {\n //toolbar: this.customToolbar\n }\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 handleRichEditorChangeEvent() {\n this.valueChangedFlag = true;\n this.syncUpdateFormModel(this.fieldModel);\n },\n\n handleRichEditorFocusEvent() {\n this.oldFieldValue = deepClone(this.fieldModel);\n },\n\n handleRichEditorBlurEvent() {\n if (this.valueChangedFlag) {\n this.emitFieldDataChange(this.fieldModel, this.oldFieldValue);\n this.valueChangedFlag = false;\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n\n .readonly-mode-rich-editor {\n :deep(.ql-toolbar) {\n display: none;\n }\n\n :deep(.ql-container) {\n //border-top: 1px solid #cccccc !important;\n border: 0;\n }\n }\n</style>\n"],"names":["_createBlock","_withCtx","_createElementVNode","_normalizeClass","_createVNode","_normalizeStyle","_createCommentVNode"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/select-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=\"design-select-box\" v-show=\"!isReadMode\">\n <a-select\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :size=\"size\"\n class=\"full-width-input\"\n :disabled=\"handleDisabled()\"\n :allowClear=\"field.options.allowClear\"\n :showArrow=\"true\"\n :dropdownMatchSelectWidth=\"false\"\n :mode=\"field.options.mode\"\n :maxTagCount=\"field.options.maxTagCount\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n :onFocus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n :options=\"field.options.optionItems\"\n v-bind=\"selectOps\"\n />\n <!--\n :fieldNames=\"{\n label: field.options.labelKey || 'label',\n value: field.options.valueKey || 'value',\n options: 'options'\n }\"\n @popupScroll=\"onPopupScroll\"\n\n @search=\"remoteQuery\"\n :showSearch=\"field.options.showSearch\"\n -->\n <div v-if=\"field.options.useModal\" class=\"useModal-svg\" @click=\"handleClickIcon\">\n <svg-icon icon-class=\"sousuo\" />\n </div>\n </div>\n <template v-if=\"isReadMode\">\n <a-tooltip placement=\"topLeft\" :title=\"optionLabel\" :overlayStyle=\"{ zIndex: 1000 }\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\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.js';\n import SvgIcon from '@/components/svg-icon';\n import useSelectMixin from '@/mixins/useSelectMixin.js';\n\n export default {\n name: 'select-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n, useSelectMixin],\n\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: { SvgIcon, FormItemWrapper },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n // pager: {\n // page: 1,\n // pageSize: 20,\n // totalPage: 0,\n // total: 0\n // }\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 allowDefaultFirstOption() {\n return !!this.field.options.filterable && !!this.field.options.allowCreate;\n }\n },\n watch: {\n 'field.options.dsEnabled': {\n deep: true,\n handler(val) {\n if (val) {\n this.initOptionItems();\n }\n //\n }\n }\n },\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.clearOptionItems();\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 * 获取选中项label\n * @return {*}\n */\n getSelectedLabel() {\n return this.$refs.fieldEditor.selectedLabel;\n }\n // onPopupScroll(e) {\n // if (!this.field.options.loadingPage) return;\n // const { target } = e;\n // const { scrollTop, scrollHeight, clientHeight } = target;\n // if (scrollHeight - (scrollTop + clientHeight) <= 30) {\n // if (this.pager.totalPage > this.pager.page) {\n // this.pager.page += 1;\n // this.initOptionItems(true);\n // }\n // }\n // }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n .design-select-box {\n display: flex;\n width: 100%;\n .ant-select {\n flex: 1 0 0;\n min-width: 0;\n }\n .useModal-svg {\n border: 1px solid #d9d9d9;\n // padding-left: 12px;\n cursor: pointer;\n width: 40px;\n background: #fafafa;\n line-height: 30px;\n border-left: 0;\n text-align: center;\n }\n }\n</style>\n"],"names":["_createBlock","_withDirectives","_createElementVNode","_createVNode","_mergeProps","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;AAiEE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,MAAM,cAAc;AAAA,EAElD,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY,EAAE,SAAS,gBAAiB;AAAA,EACxC,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,OAAO;AACL,UAAI,CAAC,CAAC,KAAK,MAAM,WAAW,CAAC,CAAC,KAAK,MAAM,QAAQ,MAAM;AACrD,eAAO,KAAK,MAAM,QAAQ;AAAA,MAC5B;AACA,UAAI,CAAC,CAAC,KAAK,UAAU;AACnB,eAAO,KAAK,SAAS,WAAW,QAAQ;AAAA,aACnC;AACL,eAAO,KAAK,WAAW,QAAQ;AAAA,MACjC;AAAA,IACD;AAAA,IACD,0BAA0B;AACxB,aAAO,CAAC,CAAC,KAAK,MAAM,QAAQ,cAAc,CAAC,CAAC,KAAK,MAAM,QAAQ;AAAA,IACjE;AAAA,EACD;AAAA,EACD,OAAO;AAAA,IACL,2BAA2B;AAAA,MACzB,MAAM;AAAA,MACN,QAAQ,KAAK;AACX,YAAI,KAAK;AACP,eAAK,gBAAiB;AAAA,QACxB;AAAA,MAEF;AAAA,IACF;AAAA,EACD;AAAA,EACD,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AACtB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,mBAAmB;AACjB,aAAO,KAAK,MAAM,YAAY;AAAA,IAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYF;AACD;AAtKM,MAAA,aAAA,EAAA,OAAM,oBAAmB;AAqCpB,MAAA,aAAA,EAAA,OAAM,sBAAqB;;;;;;UAvC9B,KAAY,aAAA,kBAXrBA,YAqDoB,8BAAA;AAAA;
|
|
1
|
+
{"version":3,"file":"select-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/select-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=\"design-select-box\" v-show=\"!isReadMode\">\n <a-select\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :size=\"size\"\n class=\"full-width-input\"\n :disabled=\"handleDisabled()\"\n :allowClear=\"field.options.allowClear\"\n :showArrow=\"true\"\n :dropdownMatchSelectWidth=\"false\"\n :mode=\"field.options.mode\"\n :maxTagCount=\"field.options.maxTagCount\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n :onFocus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n @change=\"handleChangeEvent\"\n :options=\"field.options.optionItems\"\n v-bind=\"selectOps\"\n />\n <!--\n :fieldNames=\"{\n label: field.options.labelKey || 'label',\n value: field.options.valueKey || 'value',\n options: 'options'\n }\"\n @popupScroll=\"onPopupScroll\"\n\n @search=\"remoteQuery\"\n :showSearch=\"field.options.showSearch\"\n -->\n <div v-if=\"field.options.useModal\" class=\"useModal-svg\" @click=\"handleClickIcon\">\n <svg-icon icon-class=\"sousuo\" />\n </div>\n </div>\n <template v-if=\"isReadMode\">\n <a-tooltip placement=\"topLeft\" :title=\"optionLabel\" :overlayStyle=\"{ zIndex: 1000 }\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\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.js';\n import SvgIcon from '@/components/svg-icon';\n import useSelectMixin from '@/mixins/useSelectMixin.js';\n\n export default {\n name: 'select-widget',\n componentName: 'FieldWidget', //必须固定为FieldWidget,用于接收父级组件的broadcast事件\n mixins: [emitter, fieldMixin, i18n, useSelectMixin],\n\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: { SvgIcon, FormItemWrapper },\n data() {\n return {\n oldFieldValue: null, //field组件change之前的值\n fieldModel: null,\n rules: []\n // pager: {\n // page: 1,\n // pageSize: 20,\n // totalPage: 0,\n // total: 0\n // }\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 allowDefaultFirstOption() {\n return !!this.field.options.filterable && !!this.field.options.allowCreate;\n }\n },\n watch: {\n 'field.options.dsEnabled': {\n deep: true,\n handler(val) {\n if (val) {\n this.initOptionItems();\n }\n //\n }\n }\n },\n beforeCreate() {\n /* 这里不能访问方法和属性!! */\n },\n\n created() {\n /* 注意:子组件mounted在父组件created之后、父组件mounted之前触发,故子组件mounted需要用到的prop\n 需要在父组件created中初始化!! */\n this.registerToRefList();\n this.clearOptionItems();\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 * 获取选中项label\n * @return {*}\n */\n getSelectedLabel() {\n return this.$refs.fieldEditor.selectedLabel;\n }\n // onPopupScroll(e) {\n // if (!this.field.options.loadingPage) return;\n // const { target } = e;\n // const { scrollTop, scrollHeight, clientHeight } = target;\n // if (scrollHeight - (scrollTop + clientHeight) <= 30) {\n // if (this.pager.totalPage > this.pager.page) {\n // this.pager.page += 1;\n // this.initOptionItems(true);\n // }\n // }\n // }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n .design-select-box {\n display: flex;\n width: 100%;\n .ant-select {\n flex: 1 0 0;\n min-width: 0;\n }\n .useModal-svg {\n border: 1px solid #d9d9d9;\n // padding-left: 12px;\n cursor: pointer;\n width: 40px;\n background: #fafafa;\n line-height: 30px;\n border-left: 0;\n text-align: center;\n }\n }\n</style>\n"],"names":["_createBlock","_withCtx","_withDirectives","_createElementVNode","_createVNode","_mergeProps","_createElementBlock","_createCommentVNode","_toDisplayString"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/slider-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-slider\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled()\"\n :min=\"field.options.min\"\n :max=\"field.options.max\"\n :step=\"field.options.step\"\n :range=\"field.options.range\"\n :vertical=\"field.options.vertical\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</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: 'slider-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 selfInitFieldModel() {\n if (this.field.options.range) {\n this.fieldModel = [];\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n</style>\n"],"names":["_createBlock","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;AAsCE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,IACR;AAAA,EACF;AAAA,EACD,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS;AAAA,IACP,qBAAqB;AACnB,UAAI,KAAK,MAAM,QAAQ,OAAO;AAC5B,aAAK,aAAa,CAAE;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AACD
|
|
1
|
+
{"version":3,"file":"slider-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/slider-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-slider\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled()\"\n :min=\"field.options.min\"\n :max=\"field.options.max\"\n :step=\"field.options.step\"\n :range=\"field.options.range\"\n :vertical=\"field.options.vertical\"\n @change=\"handleChangeEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</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: 'slider-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 selfInitFieldModel() {\n if (this.field.options.range) {\n this.fieldModel = [];\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n @import '../../../../styles/global.scss'; /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .full-width-input {\n width: 100% !important;\n }\n</style>\n"],"names":["_createBlock","_withCtx","_createVNode","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":";;;;;;;AAsCE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe;AAAA;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,IACR;AAAA,EACF;AAAA,EACD,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,eAAgB;AACrB,SAAK,iBAAkB;AACvB,SAAK,gBAAiB;AAEtB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS;AAAA,IACP,qBAAqB;AACnB,UAAI,KAAK,MAAM,QAAQ,OAAO;AAC5B,aAAK,aAAa,CAAE;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AACD;;EA5GH,KAAA;AAAA,EA2BY,OAAM;;;;;UAfP,KAAY,aAAA,kBAXrBA,YA4BoB,8BAAA;AAAA,IA7BtB,KAAA;AAAA,IAEK,UAAU,OAAQ;AAAA,IAClB,OAAO,OAAK;AAAA,IACZ,OAAO,MAAK;AAAA,IACZ,gBAAc,OAAW;AAAA,IACzB,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA,IACvC,sBAAoB,OAAe;AAAA,IACnC,sBAAoB,OAAe;AAAA,IACnC,mBAAiB,OAAY;AAAA;IAXlC,SAAAC,QAcI,MAWE;AAAA,qBAXFC,YAWE,qBAAA;AAAA,QAVA,KAAI;AAAA,QACI,OAAO,MAAU;AAAA,QAhB/B,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAgBqB,MAAU,aAAA;AAAA,QAExB,UAAU,KAAc,eAAA;AAAA,QACxB,KAAK,OAAA,MAAM,QAAQ;AAAA,QACnB,KAAK,OAAA,MAAM,QAAQ;AAAA,QACnB,MAAM,OAAA,MAAM,QAAQ;AAAA,QACpB,OAAO,OAAA,MAAM,QAAQ;AAAA,QACrB,UAAU,OAAA,MAAM,QAAQ;AAAA,QACxB,UAAQ,KAAiB;AAAA;iBAPjB,KAAU,UAAA;AAAA;MASL,KAAU,2BACxBC,mBAAyD,QAAzD,YAAyDC,gBAApB,MAAU,UAAA,GAAA,CAAA,KA3BrDC,mBAAA,IAAA,IAAA;AAAA;IAAA,GAAA;AAAA,kLAAAA,mBAAA,IAAA,IAAA;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/slot-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 <div :class=\"[!!designState ? 'slot-wrapper-design' : 'slot-wrapper-render']\">\n <div v-if=\"!!designState\" class=\"slot-title\">{{ i18nt('designer.widgetLabel.slot') }}</div>\n <div v-else>\n <slot name=\"field.options.name\"></slot>\n </div>\n </div>\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\n import { useCustomRender } from '@/components/CustomRender/useCustomRender';\n const { renderComponent } = useCustomRender();\n\n export default {\n name: 'slot-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 data() {\n return {\n attachmentList:\n '[{\"fileCode\":\"145080039415809\",\"fileSavePath\":\"file/\",\"fileSaveName\":\"145080039415809.png\",\"fileName\":\"奥新看板组件边框.png\",\"fileType\":\".png\",\"fileSize\":28798,\"name\":\"奥新看板组件边框.png\",\"uid\":\"__AUTO__1744360353476_0__\"},{\"fileCode\":\"145080054095873\",\"fileSavePath\":\"file/\",\"fileSaveName\":\"145080054095873.jpg\",\"fileName\":\"图标橙色.jpg\",\"fileType\":\".jpg\",\"fileSize\":982,\"name\":\"图标橙色.jpg\",\"uid\":\"__AUTO__1744360360555_1__\"},{\"fileCode\":\"145080072970241\",\"fileSavePath\":\"file/\",\"fileSaveName\":\"145080072970241.png\",\"fileName\":\"车间生产管理大屏背景图.png\",\"fileType\":\".png\",\"fileSize\":1095889,\"name\":\"车间生产管理大屏背景图.png\",\"uid\":\"__AUTO__1744360369941_2__\"}]'\n };\n },\n components: {\n StaticContentWrapper\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 renderComponent(componentName, props) {\n return renderComponent(componentName, props);\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .slot-wrapper-design {\n width: 100%;\n min-height: 26px;\n background: linear-gradient(45deg, #ccc 25%, #eee 0, #eee 50%, #ccc 0, #ccc 75%, #eee 0);\n background-size: 20px 20px;\n text-align: center;\n\n .slot-title {\n font-size: 13px;\n }\n }\n\n .slot-wrapper-render {\n }\n</style>\n"],"names":["_createBlock","_createElementVNode","_createElementBlock","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;AA4BE,MAAM,EAAE,gBAAgB,IAAI,gBAAiB;AAE7C,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,gBACE;AAAA,IACH;AAAA,EACF;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EACD,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,iBAAkB;AAEvB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS;AAAA,IACP,gBAAgB,eAAe,OAAO;AACpC,aAAO,gBAAgB,eAAe,KAAK;AAAA,IAC7C;AAAA,EACF;AACD
|
|
1
|
+
{"version":3,"file":"slot-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/slot-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 <div :class=\"[!!designState ? 'slot-wrapper-design' : 'slot-wrapper-render']\">\n <div v-if=\"!!designState\" class=\"slot-title\">{{ i18nt('designer.widgetLabel.slot') }}</div>\n <div v-else>\n <slot name=\"field.options.name\"></slot>\n </div>\n </div>\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\n import { useCustomRender } from '@/components/CustomRender/useCustomRender';\n const { renderComponent } = useCustomRender();\n\n export default {\n name: 'slot-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 data() {\n return {\n attachmentList:\n '[{\"fileCode\":\"145080039415809\",\"fileSavePath\":\"file/\",\"fileSaveName\":\"145080039415809.png\",\"fileName\":\"奥新看板组件边框.png\",\"fileType\":\".png\",\"fileSize\":28798,\"name\":\"奥新看板组件边框.png\",\"uid\":\"__AUTO__1744360353476_0__\"},{\"fileCode\":\"145080054095873\",\"fileSavePath\":\"file/\",\"fileSaveName\":\"145080054095873.jpg\",\"fileName\":\"图标橙色.jpg\",\"fileType\":\".jpg\",\"fileSize\":982,\"name\":\"图标橙色.jpg\",\"uid\":\"__AUTO__1744360360555_1__\"},{\"fileCode\":\"145080072970241\",\"fileSavePath\":\"file/\",\"fileSaveName\":\"145080072970241.png\",\"fileName\":\"车间生产管理大屏背景图.png\",\"fileType\":\".png\",\"fileSize\":1095889,\"name\":\"车间生产管理大屏背景图.png\",\"uid\":\"__AUTO__1744360369941_2__\"}]'\n };\n },\n components: {\n StaticContentWrapper\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 renderComponent(componentName, props) {\n return renderComponent(componentName, props);\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .slot-wrapper-design {\n width: 100%;\n min-height: 26px;\n background: linear-gradient(45deg, #ccc 25%, #eee 0, #eee 50%, #ccc 0, #ccc 75%, #eee 0);\n background-size: 20px 20px;\n text-align: center;\n\n .slot-title {\n font-size: 13px;\n }\n }\n\n .slot-wrapper-render {\n }\n</style>\n"],"names":["_createBlock","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_toDisplayString","_openBlock","_renderSlot"],"mappings":";;;;;;;;AA4BE,MAAM,EAAE,gBAAgB,IAAI,gBAAiB;AAE7C,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA;AAAA,EACf,QAAQ,CAAC,SAAS,YAAY,IAAI;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IAEV,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,gBACE;AAAA,IACH;AAAA,EACF;AAAA,EACD,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EACD,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EAEd;AAAA,EAED,UAAU;AAGR,SAAK,kBAAmB;AACxB,SAAK,iBAAkB;AAEvB,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,UAAU;AACR,SAAK,gBAAiB;AAAA,EACvB;AAAA,EAED,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS;AAAA,IACP,gBAAgB,eAAe,OAAO;AACpC,aAAO,gBAAgB,eAAe,KAAK;AAAA,IAC7C;AAAA,EACF;AACD;;EA/FH,KAAA;AAAA,EAagC,OAAM;;qBAbtC,KAAA,EAAA;;;sBACEA,YAiByB,mCAAA;AAAA,IAhBtB,UAAU,OAAQ;AAAA,IAClB,OAAO,OAAK;AAAA,IACZ,gBAAc,OAAW;AAAA,IACzB,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA,IACvC,sBAAoB,OAAe;AAAA,IACnC,sBAAoB,OAAe;AAAA,IACnC,mBAAiB,OAAY;AAAA;IAVlC,SAAAC,QAYI,MAKM;AAAA,MALNC,mBAKM,OAAA;AAAA,QALA,OAZVC,kBAYoB,OAAW,cAAA,wBAAA,qBAAA,CAAA;AAAA;UACZ,OAAW,4BAAxBC,mBAA2F,OAA3F,YAA2FC,gBAA3C,KAAK,MAAA,2BAAA,CAAA,GAAA,CAAA,MACrDC,aAAAF,mBAEM,OAhBZ,YAAA;AAAA,UAeQG,WAAuC,KAAA,QAAA,sBAAA,CAAA,GAAA,QAAA,IAAA;AAAA;;;IAf/C,GAAA;AAAA;;;"}
|