Merge pull request #1465 from privy-open-source/fix/component-conflict-name

fix(richtext): fix conflict name with `p-table`

Author: adenvt

packages/persona/package.json

@@ -90,6 +90,7 @@
     "defu": "6.1.4",
     "fast-equals": "5.0.1",
     "fuse.js": "7.0.0",
+    "html-escaper": "^3.0.3",
     "interactjs": "1.10.27",
     "lodash-es": "4.17.21",
     "marked": "14.1.2",

src/components/richtext/Richtext.vue

@@ -66,8 +66,8 @@ import Link from '@tiptap/extension-link'
 import ToolbarSimple from './RichtextToolbarSimple.vue'
 import ToolbarAdvance from './RichtextToolbarAdvance.vue'
 
-import ImageEdit from './floating-menu/ImageEdit.vue'
-import LinkDetail from './floating-menu/LinkDetail.vue'
+import ImageEdit from './popup/RichtextPopupImageEdit.vue'
+import LinkDetail from './popup/RichtextPopupLinkDetail.vue'
 
 import { useVModel } from '../input'
 import { defuFn } from 'defu'

src/components/richtext/RichtextToolbarAdvance.vue

@@ -23,15 +23,15 @@
 </template>
 
 <script lang="ts" setup>
-import History from './controls/History.vue'
-import TextAlign from './controls/TextAlign.vue'
-import TextHeading from './controls/TextHeading.vue'
-import TextFormat from './controls/TextFormat.vue'
-import FontFamily from './controls/FontFamily.vue'
-import FontSize from './controls/FontSize.vue'
-import Highlight from './controls/Highlight.vue'
-import Image from './controls/Image.vue'
-import Table from './controls/Table.vue'
-import Link from './controls/Link.vue'
-import List from './controls/List.vue'
+import History from './control/RichtextControlHistory.vue'
+import TextAlign from './control/RichtextControlTextAlign.vue'
+import TextHeading from './control/RichtextControlTextHeading.vue'
+import TextFormat from './control/RichtextControlTextFormat.vue'
+import FontFamily from './control/RichtextControlFontFamily.vue'
+import FontSize from './control/RichtextControlFontSize.vue'
+import Highlight from './control/RichtextControlHighlight.vue'
+import Image from './control/RichtextControlImage.vue'
+import Table from './control/RichtextControlTable.vue'
+import Link from './control/RichtextControlLink.vue'
+import List from './control/RichtextControlList.vue'
 </script>

src/components/richtext/controls/FontFamily.vue renamed to src/components/richtext/control/RichtextControlFontFamily.vue

@@ -26,7 +26,7 @@ import pDropdown from '../../dropdown/Dropdown.vue'
 import IconLink from '@privyid/persona-icon/vue/link/20.vue'
 import { useRichtextEditor } from '..'
 import { ref } from 'vue-demi'
-import LinkEdit from '../floating-menu/LinkEdit.vue'
+import LinkEdit from '../popup/RichtextPopupLinkEdit.vue'
 import { withHttps } from 'ufo'
 
 const editor = useRichtextEditor()