From 9565812980da781eda04c0a3632bf5dc8b0469f6 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 11 Jun 2026 10:19:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=A0=E9=99=A4=E6=97=A0=E6=95=88?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/custom-component/v-text/Attr.vue      |  53 ------
 .../src/custom-component/v-text/Component.vue | 164 ------------------
 core/core-frontend/src/utils/components.ts    |   4 -
 3 files changed, 221 deletions(-)
 delete mode 100644 core/core-frontend/src/custom-component/v-text/Attr.vue
 delete mode 100644 core/core-frontend/src/custom-component/v-text/Component.vue

diff --git a/core/core-frontend/src/custom-component/v-text/Attr.vue b/core/core-frontend/src/custom-component/v-text/Attr.vue
deleted file mode 100644
index 6c59f47047..0000000000
--- a/core/core-frontend/src/custom-component/v-text/Attr.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<script setup lang="ts">
-import CommonAttr from '@/custom-component/common/CommonAttr.vue'
-import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { storeToRefs } from 'pinia'
-import { toRefs } from 'vue'
-
-const dvMainStore = dvMainStoreWithOut()
-const { curComponent } = storeToRefs(dvMainStore)
-const props = defineProps({
-  themes: {
-    type: String,
-    default: 'dark'
-  }
-})
-
-const { themes } = toRefs(props)
-</script>
-
-<template>
-  <div class="attr-list de-collapse-style">
-    <CommonAttr :themes="themes" :element="curComponent"></CommonAttr>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.content {
-  width: 100%;
-  font-size: 12px;
-  padding: 10px;
-}
-
-.de-collapse-style {
-  :deep(.ed-collapse-item__header) {
-    height: 34px !important;
-    line-height: 34px !important;
-    padding: 0 0 0 6px !important;
-    font-size: 12px !important;
-    font-weight: 400 !important;
-  }
-  :deep(.ed-form-item) {
-    display: block;
-    margin-bottom: 8px;
-  }
-  :deep(.ed-form-item__label) {
-    justify-content: flex-start;
-  }
-}
-
-:deep(.ed-textarea__inner) {
-  color: #ffffff;
-  background-color: #000000;
-}
-</style>
diff --git a/core/core-frontend/src/custom-component/v-text/Component.vue b/core/core-frontend/src/custom-component/v-text/Component.vue
deleted file mode 100644
index 3846d23364..0000000000
--- a/core/core-frontend/src/custom-component/v-text/Component.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<script lang="ts" setup>
-import { keycodes } from '@/utils/DeShortcutKey.js'
-import eventBus from '@/utils/eventBus'
-import { nextTick, onBeforeUnmount, ref } from 'vue'
-import { toRefs } from 'vue'
-import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { storeToRefs } from 'pinia'
-
-const canEdit = ref(false)
-const ctrlKey = ref(17)
-const isCtrlDown = ref(false)
-
-const emit = defineEmits(['input'])
-const text = ref(null)
-
-const props = defineProps({
-  propValue: {
-    type: String,
-    required: true,
-    default: ''
-  },
-  element: {
-    type: Object,
-    default() {
-      return {
-        id: null,
-        propValue: ''
-      }
-    }
-  }
-})
-
-const { element } = toRefs(props)
-const dvMainStore = dvMainStoreWithOut()
-const { editMode, curComponent } = storeToRefs(dvMainStore)
-
-const onComponentClick = () => {
-  if (curComponent.value.id !== element.value.id) {
-    canEdit.value = false
-  }
-}
-
-const handleInput = e => {
-  emit('input', element.value, e.target.innerHTML)
-}
-
-const handleKeydown = e => {
-  // 阻止冒泡，防止触发复制、粘贴组件操作
-  canEdit.value && e.stopPropagation()
-  if (e.keyCode == ctrlKey.value) {
-    isCtrlDown.value = true
-  } else if (isCtrlDown.value && canEdit.value && keycodes.includes(e.keyCode)) {
-    e.stopPropagation()
-  } else if (e.keyCode == 46) {
-    // deleteKey
-    e.stopPropagation()
-  }
-}
-
-const handleKeyup = e => {
-  // 阻止冒泡，防止触发复制、粘贴组件操作
-  canEdit.value && e.stopPropagation()
-  if (e.keyCode == ctrlKey.value) {
-    isCtrlDown.value = false
-  }
-}
-
-const handleMousedown = e => {
-  if (canEdit.value) {
-    e.stopPropagation()
-  }
-}
-
-const clearStyle = e => {
-  e.preventDefault()
-  const clp = e.clipboardData
-  const text = clp.getData('text/plain') || ''
-  if (text !== '') {
-    document.execCommand('insertText', false, text)
-  }
-
-  emit('input', element.value, e.target.innerHTML)
-}
-
-const handleBlur = e => {
-  element.value.propValue = e.target.innerHTML || '&nbsp;'
-  const html = e.target.innerHTML
-  if (html !== '') {
-    element.value.propValue = e.target.innerHTML
-  } else {
-    element.value.propValue = ''
-    nextTick(function () {
-      element.value.propValue = '&nbsp;'
-    })
-  }
-  canEdit.value = false
-}
-
-const setEdit = () => {
-  if (element.value['isLock']) return
-  canEdit.value = true
-  // 全选
-  selectText(text.value)
-}
-const selectText = element => {
-  const selection = window.getSelection()
-  const range = document.createRange()
-  range.selectNodeContents(element)
-  selection.removeAllRanges()
-  selection.addRange(range)
-}
-onBeforeUnmount(() => {
-  eventBus.off('componentClick', onComponentClick)
-})
-</script>
-
-<template>
-  <div v-if="editMode == 'edit'" class="v-text" @keydown="handleKeydown" @keyup="handleKeyup">
-    <div
-      ref="text"
-      :contenteditable="canEdit"
-      :class="{ 'can-edit': canEdit }"
-      tabindex="0"
-      :style="{ verticalAlign: element['style'].verticalAlign }"
-      @dblclick="setEdit"
-      @paste="clearStyle"
-      @mousedown="handleMousedown"
-      @blur="handleBlur"
-      @input="handleInput"
-      v-html="element['propValue']"
-    ></div>
-  </div>
-  <div v-else class="v-text preview">
-    <div
-      :style="{ verticalAlign: element['style'].verticalAlign }"
-      v-html="element['propValue']"
-    ></div>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.v-text {
-  width: 100%;
-  height: 100%;
-  display: table;
-  div {
-    display: table-cell;
-    width: 100%;
-    height: 100%;
-    outline: none;
-    word-break: break-all;
-    padding: 4px;
-  }
-
-  .can-edit {
-    cursor: text;
-    height: 100%;
-  }
-}
-
-.preview {
-  user-select: none;
-}
-</style>
diff --git a/core/core-frontend/src/utils/components.ts b/core/core-frontend/src/utils/components.ts
index 17b2f5769b..fc89c25f34 100644
--- a/core/core-frontend/src/utils/components.ts
+++ b/core/core-frontend/src/utils/components.ts
@@ -1,6 +1,4 @@
-import VText from '@/custom-component/v-text/Component.vue'
 import VQuery from '@/custom-component/v-query/Component.vue'
-import VTextAttr from '@/custom-component/v-text/Attr.vue'
 import Group from '@/custom-component/group/Component.vue'
 import GroupAttr from '@/custom-component/group/Attr.vue'
 import UserView from '@/custom-component/user-view/Component.vue'
@@ -44,9 +42,7 @@ import PopAreaAttr from '@/custom-component/pop-area/Attr.vue'
 import PictureGroup from '@/custom-component/picture-group/Component.vue'
 import PictureGroupAttr from '@/custom-component/picture-group/Attr.vue'
 export const componentsMap = {
-  VText: VText,
   VQuery,
-  VTextAttr: VTextAttr,
   Group: Group,
   GroupAttr: GroupAttr,
   UserView: UserView,