style: 代码统一风格格式化

Former-commit-id: 5d0a75e41127c57c663eb2617b1ce66d039f4c29

src/components/WangEditor/index.vue

@@ -1,22 +1,22 @@
 <template>
-	<div style="border: 1px solid #ccc">
-		<!-- 工具栏 -->
-		<Toolbar
-			:editor="editorRef"
-			:defaultConfig="toolbarConfig"
-			style="border-bottom: 1px solid #ccc"
-			:mode="mode"
-		/>
-		<!-- 编辑器 -->
-		<Editor
-			:defaultConfig="editorConfig"
-			v-model="defaultHtml"
-			@onChange="handleChange"
-			style="height: 500px; overflow-y: hidden"
-			:mode="mode"
-			@onCreated="handleCreated"
-		/>
-	</div>
+  <div style="border: 1px solid #ccc">
+    <!-- 工具栏 -->
+    <Toolbar
+      :editor="editorRef"
+      :defaultConfig="toolbarConfig"
+      style="border-bottom: 1px solid #ccc"
+      :mode="mode"
+    />
+    <!-- 编辑器 -->
+    <Editor
+      :defaultConfig="editorConfig"
+      v-model="defaultHtml"
+      @onChange="handleChange"
+      style="height: 500px; overflow-y: hidden"
+      :mode="mode"
+      @onCreated="handleCreated"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -27,10 +27,10 @@ import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
 import { uploadFile } from '@/api/system/file';
 
 const props = defineProps({
-	modelValue: {
-		type: [String],
-		default: ''
-	}
+  modelValue: {
+    type: [String],
+    default: ''
+  }
 });
 
 const emit = defineEmits(['update:modelValue']);
@@ -39,40 +39,40 @@ const emit = defineEmits(['update:modelValue']);
 const editorRef = shallowRef();
 
 const state = reactive({
-	toolbarConfig: {},
-	editorConfig: {
-		placeholder: '请输入内容...',
-		MENU_CONF: {
-			uploadImage: {
-				// 自定义图片上传
-				async customUpload(file: any, insertFn: any) {
-					uploadFile(file).then(response => {
-						const url = response.data;
-						insertFn(url);
-					});
-				}
-			}
-		}
-	},
-	defaultHtml: props.modelValue,
-	mode: 'default'
+  toolbarConfig: {},
+  editorConfig: {
+    placeholder: '请输入内容...',
+    MENU_CONF: {
+      uploadImage: {
+        // 自定义图片上传
+        async customUpload(file: any, insertFn: any) {
+          uploadFile(file).then(response => {
+            const url = response.data;
+            insertFn(url);
+          });
+        }
+      }
+    }
+  },
+  defaultHtml: props.modelValue,
+  mode: 'default'
 });
 
 const { toolbarConfig, editorConfig, defaultHtml, mode } = toRefs(state);
 
 const handleCreated = (editor: any) => {
-	editorRef.value = editor; // 记录 editor 实例，重要！
+  editorRef.value = editor; // 记录 editor 实例，重要！
 };
 
 function handleChange(editor: any) {
-	emit('update:modelValue', editor.getHtml());
+  emit('update:modelValue', editor.getHtml());
 }
 
 // 组件销毁时，也及时销毁编辑器
 onBeforeUnmount(() => {
-	const editor = editorRef.value;
-	if (editor == null) return;
-	editor.destroy();
+  const editor = editorRef.value;
+  if (editor == null) return;
+  editor.destroy();
 });
 </script>