From c65fe2ee9e4e5fd3be4bdac773f86bccc4c7f96e Mon Sep 17 00:00:00 2001
From: ajaxzheng <894103554@qq.com>
Date: Thu, 19 Oct 2023 01:24:30 -0700
Subject: [PATCH] fix: fix global registration error with rich-text-editor
 (#602)

---
 packages/vue/src/rich-text-editor/src/pc.vue | 32 ++++++++++++++------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/packages/vue/src/rich-text-editor/src/pc.vue b/packages/vue/src/rich-text-editor/src/pc.vue
index a7777ee03..d32211dba 100644
--- a/packages/vue/src/rich-text-editor/src/pc.vue
+++ b/packages/vue/src/rich-text-editor/src/pc.vue
@@ -3,7 +3,11 @@
     <div class="tiny-rich-text-editor__toolbar">
       <!-- starter-kit功能区 -->
       <template v-for="item in toolBar">
-        <button v-if="(item.name ?? item) === 'font-size'" :title="t('ui.richTextEditor.fontSize')" class="font-size-box">
+        <button
+          v-if="(item.name ?? item) === 'font-size'"
+          :title="t('ui.richTextEditor.fontSize')"
+          class="font-size-box"
+        >
           <TinyIconRichTextFontSize></TinyIconRichTextFontSize>
           <div class="font-size-options">
             <button @click="state.editor.chain().focus().setSize({ size: 12 }).run()">12px</button>
@@ -15,8 +19,11 @@
             <button @click="state.editor.chain().focus().setSize({ size: 30 }).run()">30px</button>
           </div>
         </button>
-        <button v-else-if="(item.name ?? item) === 'line-height'" class="line-height-button"
-          :title="t('ui.richTextEditor.lineHeight')">
+        <button
+          v-else-if="(item.name ?? item) === 'line-height'"
+          class="line-height-button"
+          :title="t('ui.richTextEditor.lineHeight')"
+        >
           <div class="line-height-icon">
             <TinyIconRichTextLineHeight></TinyIconRichTextLineHeight>
           </div>
@@ -78,13 +85,19 @@
             :value="state.editor?.getAttributes('textStyle').color"
           />
         </button>
-        <button v-else-if="(item.name ?? item) === 'backgroundColor'" :title="t('ui.richTextEditor.backgroundColor')"
-          class="color-button">
+        <button
+          v-else-if="(item.name ?? item) === 'backgroundColor'"
+          :title="t('ui.richTextEditor.backgroundColor')"
+          class="color-button"
+        >
           <label for="tiny--back-color">
             <TinyIconRichTextColor></TinyIconRichTextColor>
           </label>
-          <input id="tiny-back-color" type="color"
-            @input="state.editor.chain().focus().setBackColor({ bgColor: $event.target.value }).run()" />
+          <input
+            id="tiny-back-color"
+            type="color"
+            @input="state.editor.chain().focus().setBackColor({ bgColor: $event.target.value }).run()"
+          />
         </button>
         <button v-else-if="(item.name ?? item) === 'table'" :title="t('ui.richTextEditor.table')" class="table-button">
           <div class="table-box" @click="handleClick">
@@ -324,12 +337,13 @@ import Collaboration from '@tiptap/extension-collaboration'
 import * as Y from 'yjs'
 import { WebrtcProvider } from 'y-webrtc'
 
-import { props, setup, defineComponent } from '@opentiny/vue-common'
+import { props, setup, defineComponent, $prefix } from '@opentiny/vue-common'
 import { t } from '@opentiny/vue-locale'
 import '@opentiny/vue-theme/rich-text-editor/index.less'
 import Codehighlight from './code-highlight'
 
 export default defineComponent({
+  name: $prefix + 'RichTextEditor',
   emits: [
     'beforeCreate',
     'create',
@@ -429,7 +443,7 @@ export default defineComponent({
         nodeViewProps,
         NodeViewWrapper,
         Placeholder,
-        codeHighlight,
+        codeHighlight
       }
     })
   }