fix: update rich text style

Author: ziyujiahao

frontend/src/style.less

@@ -183,3 +183,7 @@ body {
 .ed-dialog {
   border-radius: 12px !important;
 }
+
+.tox-tinymce-inline {
+  z-index: 10 !important;
+}

frontend/src/views/dashboard/canvas/CanvasCore.vue

@@ -16,7 +16,7 @@ const { t } = useI18n()
 const dashboardStore = dashboardStoreWithOut()
 const canvasLocked = ref(false) // Is the canvas movement locked， Default false
 const emits = defineEmits(['parentAddItemBox'])
-const { curComponentId, fullscreenFlag } = storeToRefs(dashboardStore)
+const { curComponentId, curComponent, fullscreenFlag } = storeToRefs(dashboardStore)
 let currentInstance: any
 const props = defineProps({
   canvasId: {
@@ -736,8 +736,12 @@ function containerMouseDown(e: MouseEvent) {
   }
   infoBox.value.startX = e.pageX
   infoBox.value.startY = e.pageY
-  e.preventDefault()
-  e.stopPropagation()
+  if (isMainCanvas(props.canvasId) && curComponent.value?.editing) {
+    // do SQtext
+  } else {
+    e.preventDefault()
+    e.stopPropagation()
+  }
 }
 
 function getNowPosition(addSizeX: number, addSizeY: number, moveXSize: number, moveYSize: number) {

frontend/src/views/dashboard/canvas/CanvasShape.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { type CanvasItem } from '@/utils/canvas.ts'
-import { ref, toRefs, type PropType } from 'vue'
+import { ref, toRefs, type PropType, computed } from 'vue'
 import ResizeHandle from '@/views/dashboard/canvas/ResizeHandle.vue'
 import DragHandle from '@/views/dashboard/canvas/DragHandle.vue'
 import ComponentBar from '@/views/dashboard/canvas/ComponentBar.vue'
@@ -55,6 +55,8 @@ const shapeClick = (e: MouseEvent) => {
   e.stopPropagation()
   e.preventDefault()
 }
+
+const dragDandleValue = computed(() => props.canEdit && !props.configItem.editing)
 </script>
 
 <template>
@@ -78,7 +80,7 @@ const shapeClick = (e: MouseEvent) => {
       :canvas-id="canvasId"
       @enlarge-view="() => emits('enlargeView')"
     ></component-bar>
-    <template v-if="canEdit">
+    <template v-if="dragDandleValue">
       <drag-handle></drag-handle>
     </template>
     <slot></slot>