Merge pull request #9946 from dataease/pr@dev-v2@refactor_scroll-text

refactor(数据大屏): 跑马灯样式调整，编辑预览不滚动问题

core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue

@@ -1391,6 +1391,7 @@ onMounted(() => {
   if (isMainCanvas(canvasId.value)) {
     initSnapshotTimer()
     initWatermark()
+    dvMainStore.setEditMode('edit')
   }
   // 获取编辑器元素
   composeStore.getEditor(canvasId.value)

core/core-frontend/src/custom-component/common/CommonStyleSet.vue

@@ -319,13 +319,13 @@ const scrollSpeedList = [
   { name: '1', value: 80 },
   { name: '2', value: 60 },
   { name: '3', value: 40 },
-  { name: '4', value: 20 },
-  { name: '5', value: 10 },
-  { name: '6', value: 8 },
-  { name: '7', value: 6 },
-  { name: '8', value: 4 },
-  { name: '9', value: 2 },
-  { name: '10', value: 1 }
+  { name: '4', value: 30 },
+  { name: '5', value: 20 },
+  { name: '6', value: 15 },
+  { name: '7', value: 10 },
+  { name: '8', value: 8 },
+  { name: '9', value: 6 },
+  { name: '10', value: 3 }
 ]
 
 const opacitySizeList = [

core/core-frontend/src/custom-component/scroll-text/Component.vue

@@ -78,8 +78,6 @@ const clearStyle = e => {
   if (text !== '') {
     document.execCommand('insertText', false, text)
   }
-
-  emit('input', element.value, e.target.innerHTML)
 }
 
 const handleBlur = e => {
@@ -141,11 +139,12 @@ const textStyle = computed(() => {
       @mousedown="handleMousedown"
       @blur="handleBlur"
       @input="handleInput"
-      v-html="element['propValue']"
-    ></div>
+    >
+      {{ element['propValue'] }}
+    </div>
   </div>
-  <div v-else class="v-text preview">
-    <div class="marquee-txt" :style="textStyle" v-html="element['propValue']"></div>
+  <div v-else class="v-text preview" :style="varStyle">
+    <div class="marquee-txt" :style="textStyle">{{ element['propValue'] }}</div>
   </div>
 </template>
 

core/core-frontend/src/store/modules/data-visualization/dvMain.ts

@@ -33,7 +33,7 @@ export const dvMainStore = defineStore('dataVisualization', {
         datasetAreaCollapse: false
       },
       embeddedCallBack: 'no', // 嵌入模式是否允许反馈参数
-      editMode: 'edit', // 编辑器模式 edit preview
+      editMode: 'preview', // 编辑器模式 edit preview
       mobileInPc: false,
       firstLoadMap: [],
       canvasStyleData: { ...deepCopy(DEFAULT_CANVAS_STYLE_DATA_DARK), backgroundColor: null },