From 55a7f072180d8a58b90c4adcb42d88079f3c7f10 Mon Sep 17 00:00:00 2001 From: pipipi-pikachu Date: Sun, 15 Aug 2021 00:11:25 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E8=A1=A5=E5=85=85emits=E5=A3=B0?= =?UTF-8?q?=E6=98=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ColorPicker/Alpha.vue | 1 + src/components/ColorPicker/Checkboard.vue | 1 + src/components/ColorPicker/EditableInput.vue | 1 + src/components/ColorPicker/Hue.vue | 1 + src/components/ColorPicker/Saturation.vue | 1 + src/components/ColorPicker/index.vue | 1 + src/components/FileInput.vue | 1 + src/views/Editor/Canvas/ElementCreateSelection.vue | 1 + src/views/Editor/Canvas/LinkDialog.vue | 1 + src/views/Editor/CanvasTool/ChartPool.vue | 1 + src/views/Editor/CanvasTool/LinePool.vue | 1 + src/views/Editor/CanvasTool/ShapePool.vue | 1 + src/views/Editor/CanvasTool/TableGenerator.vue | 1 + src/views/Editor/Remark/index.vue | 1 + src/views/Editor/Thumbnails/LayoutPool.vue | 1 + .../ElementStylePanel/ChartStylePanel/ChartDataEditor.vue | 1 + src/views/Screen/SlideThumbnails.vue | 1 + src/views/Screen/WritingBoardTool.vue | 1 + src/views/components/element/ImageElement/ImageClipHandler.vue | 1 + src/views/components/element/ProsemirrorEditor.vue | 2 ++ src/views/components/element/TableElement/CustomTextarea.vue | 1 + src/views/components/element/TableElement/EditableTable.vue | 1 + 22 files changed, 23 insertions(+) diff --git a/src/components/ColorPicker/Alpha.vue b/src/components/ColorPicker/Alpha.vue index 8da5b320..df3472b5 100644 --- a/src/components/ColorPicker/Alpha.vue +++ b/src/components/ColorPicker/Alpha.vue @@ -27,6 +27,7 @@ export default defineComponent({ components: { Checkboard, }, + emits: ['colorChange'], props: { value: { type: Object as PropType, diff --git a/src/components/ColorPicker/Checkboard.vue b/src/components/ColorPicker/Checkboard.vue index 64e4f74b..66a617c5 100644 --- a/src/components/ColorPicker/Checkboard.vue +++ b/src/components/ColorPicker/Checkboard.vue @@ -34,6 +34,7 @@ const getCheckboard = (white: string, grey: string, size: number) => { export default defineComponent({ name: 'checkboard', + emits: ['colorChange'], props: { size: { type: Number, diff --git a/src/components/ColorPicker/EditableInput.vue b/src/components/ColorPicker/EditableInput.vue index 2bd3462f..f2b2904b 100644 --- a/src/components/ColorPicker/EditableInput.vue +++ b/src/components/ColorPicker/EditableInput.vue @@ -14,6 +14,7 @@ import tinycolor, { ColorFormats } from 'tinycolor2' export default defineComponent({ name: 'editable-input', + emits: ['colorChange'], props: { value: { type: Object as PropType, diff --git a/src/components/ColorPicker/Hue.vue b/src/components/ColorPicker/Hue.vue index 8b77ea93..b95c06d9 100644 --- a/src/components/ColorPicker/Hue.vue +++ b/src/components/ColorPicker/Hue.vue @@ -21,6 +21,7 @@ import tinycolor, { ColorFormats } from 'tinycolor2' export default defineComponent({ name: 'hue', + emits: ['colorChange'], props: { value: { type: Object as PropType, diff --git a/src/components/ColorPicker/Saturation.vue b/src/components/ColorPicker/Saturation.vue index 23677b56..076d56fe 100644 --- a/src/components/ColorPicker/Saturation.vue +++ b/src/components/ColorPicker/Saturation.vue @@ -25,6 +25,7 @@ import { throttle, clamp } from 'lodash' export default defineComponent({ name: 'saturation', + emits: ['colorChange'], props: { value: { type: Object as PropType, diff --git a/src/components/ColorPicker/index.vue b/src/components/ColorPicker/index.vue index c1d696fe..a6346d98 100644 --- a/src/components/ColorPicker/index.vue +++ b/src/components/ColorPicker/index.vue @@ -133,6 +133,7 @@ export default defineComponent({ Saturation, EditableInput, }, + emits: ['update:modelValue'], props: { modelValue: { type: String, diff --git a/src/components/FileInput.vue b/src/components/FileInput.vue index 717016bc..52953cef 100644 --- a/src/components/FileInput.vue +++ b/src/components/FileInput.vue @@ -17,6 +17,7 @@ import { defineComponent, ref } from 'vue' export default defineComponent({ name: 'file-input', + emits: ['change'], props: { accept: { type: String, diff --git a/src/views/Editor/Canvas/ElementCreateSelection.vue b/src/views/Editor/Canvas/ElementCreateSelection.vue index 20efa814..b5f1cecc 100644 --- a/src/views/Editor/Canvas/ElementCreateSelection.vue +++ b/src/views/Editor/Canvas/ElementCreateSelection.vue @@ -33,6 +33,7 @@ import { useStore } from '@/store' export default defineComponent({ name: 'element-create-selection', + emits: ['created'], setup(props, { emit }) { const store = useStore() const ctrlOrShiftKeyActive = computed(() => store.getters.ctrlOrShiftKeyActive) diff --git a/src/views/Editor/Canvas/LinkDialog.vue b/src/views/Editor/Canvas/LinkDialog.vue index d3872d51..578514a7 100644 --- a/src/views/Editor/Canvas/LinkDialog.vue +++ b/src/views/Editor/Canvas/LinkDialog.vue @@ -17,6 +17,7 @@ import useLink from '@/hooks/useLink' export default defineComponent({ name: 'link-dialog', + emits: ['close'], setup(props, { emit }) { const store = useStore() const handleElement = computed(() => store.getters.handleElement) diff --git a/src/views/Editor/CanvasTool/ChartPool.vue b/src/views/Editor/CanvasTool/ChartPool.vue index 78bd6ae2..dd41f163 100644 --- a/src/views/Editor/CanvasTool/ChartPool.vue +++ b/src/views/Editor/CanvasTool/ChartPool.vue @@ -15,6 +15,7 @@ import { defineComponent } from 'vue' export default defineComponent({ name: 'chart-pool', + emits: ['select'], setup(props, { emit }) { const chartList = ['bar', 'line', 'pie'] diff --git a/src/views/Editor/CanvasTool/LinePool.vue b/src/views/Editor/CanvasTool/LinePool.vue index 697bdea8..3f557eba 100644 --- a/src/views/Editor/CanvasTool/LinePool.vue +++ b/src/views/Editor/CanvasTool/LinePool.vue @@ -59,6 +59,7 @@ import LinePointMarker from '@/views/components/element/LineElement/LinePointMar export default defineComponent({ name: 'line-pool', + emits: ['select'], components: { LinePointMarker, }, diff --git a/src/views/Editor/CanvasTool/ShapePool.vue b/src/views/Editor/CanvasTool/ShapePool.vue index 411d8405..57fd0b0f 100644 --- a/src/views/Editor/CanvasTool/ShapePool.vue +++ b/src/views/Editor/CanvasTool/ShapePool.vue @@ -39,6 +39,7 @@ import { SHAPE_LIST, ShapePoolItem } from '@/configs/shapes' export default defineComponent({ name: 'shape-pool', + emits: ['select'], setup(props, { emit }) { const shapeList = SHAPE_LIST diff --git a/src/views/Editor/CanvasTool/TableGenerator.vue b/src/views/Editor/CanvasTool/TableGenerator.vue index c3d7fc4c..f36e623f 100644 --- a/src/views/Editor/CanvasTool/TableGenerator.vue +++ b/src/views/Editor/CanvasTool/TableGenerator.vue @@ -58,6 +58,7 @@ import { message } from 'ant-design-vue' export default defineComponent({ name: 'table-generator', + emits: ['insert', 'close'], setup(props, { emit }) { const endCell = ref([]) const customRow = ref(3) diff --git a/src/views/Editor/Remark/index.vue b/src/views/Editor/Remark/index.vue index 5286ac1c..65a696d5 100644 --- a/src/views/Editor/Remark/index.vue +++ b/src/views/Editor/Remark/index.vue @@ -19,6 +19,7 @@ import { Slide } from '@/types/slides' export default defineComponent({ name: 'remark', + emits: ['update:height'], props: { height: { type: Number, diff --git a/src/views/Editor/Thumbnails/LayoutPool.vue b/src/views/Editor/Thumbnails/LayoutPool.vue index aef36e9b..574ef325 100644 --- a/src/views/Editor/Thumbnails/LayoutPool.vue +++ b/src/views/Editor/Thumbnails/LayoutPool.vue @@ -20,6 +20,7 @@ import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue' export default defineComponent({ name: 'layout-pool', + emits: ['select'], components: { ThumbnailSlide, }, diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue index dd666fc0..fb653772 100644 --- a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue +++ b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue @@ -54,6 +54,7 @@ const CELL_HEIGHT = 32 export default defineComponent({ name: 'chart-data-editor', + emits: ['save', 'close'], props: { data: { type: Object as PropType, diff --git a/src/views/Screen/SlideThumbnails.vue b/src/views/Screen/SlideThumbnails.vue index 80a40321..35b50e06 100644 --- a/src/views/Screen/SlideThumbnails.vue +++ b/src/views/Screen/SlideThumbnails.vue @@ -25,6 +25,7 @@ import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue' export default defineComponent({ name: 'slide-thumbnails', + emits: ['close'], components: { ThumbnailSlide, }, diff --git a/src/views/Screen/WritingBoardTool.vue b/src/views/Screen/WritingBoardTool.vue index 1338322d..9afc843d 100644 --- a/src/views/Screen/WritingBoardTool.vue +++ b/src/views/Screen/WritingBoardTool.vue @@ -47,6 +47,7 @@ const writingBoardColors = ['#000000', '#ffffff', '#1e497b', '#4e81bb', '#e2534d export default defineComponent({ name: 'writing-board-tool', + emits: ['close'], components: { WritingBoard, }, diff --git a/src/views/components/element/ImageElement/ImageClipHandler.vue b/src/views/components/element/ImageElement/ImageClipHandler.vue index a533bd15..e664af6e 100644 --- a/src/views/components/element/ImageElement/ImageClipHandler.vue +++ b/src/views/components/element/ImageElement/ImageClipHandler.vue @@ -75,6 +75,7 @@ type ScaleClipRangeType = 't-l' | 't-r' | 'b-l' | 'b-r' export default defineComponent({ name: 'image-clip-handler', + emits: ['clip'], props: { src: { type: String, diff --git a/src/views/components/element/ProsemirrorEditor.vue b/src/views/components/element/ProsemirrorEditor.vue index 3ffa02af..6378a326 100644 --- a/src/views/components/element/ProsemirrorEditor.vue +++ b/src/views/components/element/ProsemirrorEditor.vue @@ -18,6 +18,8 @@ import { alignmentCommand } from '@/utils/prosemirror/commands/setTextAlign' import { toggleList } from '@/utils/prosemirror/commands/toggleList' export default defineComponent({ + name: 'prosemirror-editor', + emits: ['update', 'focus', 'blur'], props: { elementId: { type: String, diff --git a/src/views/components/element/TableElement/CustomTextarea.vue b/src/views/components/element/TableElement/CustomTextarea.vue index 081e21d2..f47eb1b0 100644 --- a/src/views/components/element/TableElement/CustomTextarea.vue +++ b/src/views/components/element/TableElement/CustomTextarea.vue @@ -16,6 +16,7 @@ import { pasteCustomClipboardString, pasteExcelClipboardString } from '@/utils/c export default defineComponent({ name: 'custom-textarea', + emits: ['updateValue', 'insertExcelData'], props: { value: { type: String, diff --git a/src/views/components/element/TableElement/EditableTable.vue b/src/views/components/element/TableElement/EditableTable.vue index 370e2a6b..ad80a960 100644 --- a/src/views/components/element/TableElement/EditableTable.vue +++ b/src/views/components/element/TableElement/EditableTable.vue @@ -87,6 +87,7 @@ import CustomTextarea from './CustomTextarea.vue' export default defineComponent({ name: 'editable-table', + emits: ['change', 'changeColWidths', 'changeSelectedCells'], components: { CustomTextarea, },