style: 全局代码格式化

Former-commit-id: bb50c8419b8fcdeb48c93fce9f399d901e8f5a52

src/components/WangEditor/index.vue

@@ -1,70 +1,79 @@
 <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">
-import { onBeforeUnmount, shallowRef, reactive, toRefs} from 'vue'
-import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
+import { onBeforeUnmount, shallowRef, reactive, toRefs } from 'vue';
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
 
 // API 引用
-import { uploadFile } from "@/api/system/file";
+import { uploadFile } from '@/api/system/file';
 
 const props = defineProps({
-  modelValue: {
-    type: [String],
-    default: ''
-  },
-})
+	modelValue: {
+		type: [String],
+		default: ''
+	}
+});
 
 const emit = defineEmits(['update:modelValue']);
 
 // 编辑器实例，必须用 shallowRef
-const editorRef = shallowRef()
+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 { 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>
 
-<style src="@wangeditor/editor/dist/css/style.css">
-</style>
+<style src="@wangeditor/editor/dist/css/style.css"></style>