From ea82cd89c345d019f81bfd5f189e539aa1be1ca5 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 24 Oct 2023 14:56:20 +0800
Subject: [PATCH] fix: eslint fix

---
 .../src/CollapseSwitchItem.vue                |   2 +-
 .../custom-password/src/CustomPassword.vue    |   2 +-
 .../src/components/dashboard/DbCanvasAttr.vue |  32 +-
 .../dashboard/DbComponentToolBar.vue          |   7 -
 .../src/components/dashboard/DbDragArea.vue   |   3 +-
 .../src/components/dashboard/DbToolbar.vue    |  50 +--
 .../ComponentColorSelector.vue                |  33 +-
 .../dashboard-style/FilterStyleSelector.vue   |   1 -
 .../dashboard-style/OverallSetting.vue        |   7 +-
 .../dashboard-style/ViewSimpleTitle.vue       |   5 -
 .../dashboard-style/ViewTitle.vue             |  16 -
 .../subject-setting/pre-subject/Slider.vue    |  12 +-
 .../data-visualization/CanvasAttr.vue         |  35 +-
 .../data-visualization/ComponentToolBar.vue   |   2 -
 .../data-visualization/DvToolbar.vue          |  35 +-
 .../data-visualization/EventList.vue          |   1 -
 .../components/data-visualization/Modal.vue   |   2 +-
 .../RealTimeComponentList.vue                 |  37 +-
 .../data-visualization/canvas/CanvasCore.vue  | 351 +-----------------
 .../canvas/ComponentWrapper.vue               |   6 +-
 .../canvas/ContextMenuAsideDetails.vue        | 112 +-----
 .../canvas/ContextMenuDetails.vue             |   8 +-
 .../data-visualization/canvas/DePreview.vue   |  15 +-
 .../data-visualization/canvas/DragShadow.vue  |  14 -
 .../data-visualization/canvas/PointShadow.vue |   2 +-
 .../data-visualization/canvas/Shape.vue       |  14 +-
 .../components/visualization/CanvasOptBar.vue |   2 -
 .../visualization/ComponentButton.vue         |   2 +-
 .../visualization/ComponentEditBar.vue        |  65 +---
 .../components/visualization/DvSidebar.vue    |   4 +-
 .../src/components/visualization/EditMenu.vue |   7 +-
 .../visualization/HyperlinksDialog.vue        |   2 +-
 .../JumpSetOuterContentEditor.vue             |   3 +-
 .../components/visualization/LinkJumpSet.vue  |  39 +-
 .../components/visualization/LinkageField.vue |  25 +-
 .../components/visualization/LinkageSet.vue   |   7 +-
 .../components/visualization/SettingMenu.vue  |  14 -
 .../visualization/UserViewEnlarge.vue         |   7 +-
 .../common/ComponentPosition.vue              |   2 +-
 .../visualization/common/DeUpload.vue         |   5 +-
 .../component-background/BackgroundItem.vue   |  12 -
 .../BackgroundItemOverall.vue                 |  11 -
 .../BackgroundOverallCommon.vue               |  12 +-
 .../component-background/CanvasBackground.vue |   9 +-
 .../custom-component/canvas-board/Attr.vue    |   2 +-
 .../canvas-board/Component.vue                |   2 +-
 .../canvas-icon/Component.vue                 |   2 +-
 .../custom-component/common/CommonAttr.vue    |  23 +-
 .../custom-component/common/DeInputNum.vue    |   2 +-
 .../component-group/CommonGroup.vue           |   9 +-
 .../component-group/DragComponent.vue         |   2 +-
 .../component-group/MediaGroup.vue            |   9 +-
 .../component-group/QueryGroup.vue            |   5 +-
 .../component-group/TabsGroup.vue             |   9 +-
 .../component-group/TextGroup.vue             |   9 +-
 .../component-group/UserViewGroup.vue         |   5 +-
 .../custom-component/de-tabs/Component.vue    |  40 +-
 .../custom-component/de-tabs/DeCustomTab.vue  |   2 +-
 .../custom-component/de-tabs/DeFullTabs.vue   |   2 +-
 .../src/custom-component/group/Component.vue  |   3 +-
 .../src/custom-component/picture/Attr.vue     |   4 +-
 .../custom-component/picture/Component.vue    |   6 +-
 .../rich-text/DeRichEditor.vue                |   2 +-
 .../rich-text/DeRichTextView.vue              |  28 +-
 .../rich-text/DeRichTextViewBack.vue          |   8 +-
 .../custom-component/user-view/Component.vue  |   8 +-
 .../src/custom-component/v-text/Component.vue |   5 +-
 .../modules/data-visualization/compose.ts     |   2 +-
 .../src/views/canvas/DeCanvas.vue             |   6 +-
 .../editor/chart-type/ChartType.vue           |   5 +-
 .../editor/dataset-select/DatasetSelect.vue   |  13 +-
 .../editor/drag-item/DimensionItem.vue        |   8 +-
 .../components/editor/drag-item/QuotaItem.vue |  22 --
 .../components/ValueFormatterEdit.vue         |   2 +-
 .../editor-senior/components/ScrollCfg.vue    |   1 -
 .../editor/editor-style/ChartStyle.vue        |   2 +-
 .../editor-style/ChartStyleBatchSet.vue       |  14 -
 .../editor-style/components/MiscSelector.vue  |  28 --
 .../editor/filter/ResultFilterEditor.vue      |   2 +-
 .../views/chart/components/editor/index.vue   |  50 +--
 .../js/panel/charts/bar/waterfall.ts          |   2 +-
 .../components/js/panel/charts/map/map.ts     |   2 +-
 .../js/panel/charts/others/funnel.ts          |   2 +-
 .../js/panel/charts/table/table-info.ts       |   2 +-
 .../js/panel/charts/table/table-normal.ts     |   2 +-
 .../src/views/chart/components/js/util.ts     |   2 +-
 .../views/components/ChartComponentG2Plot.vue |   2 +-
 .../views/components/ChartEmptyInfo.vue       |   4 -
 .../views/chart/components/views/index.vue    |  20 +-
 .../src/views/common/DeResourceGroupOpt.vue   |   4 +-
 .../views/data-visualization/PreviewShow.vue  |   2 +-
 .../src/views/data-visualization/index.vue    |   8 +-
 core/core-frontend/src/views/dynimic/Auth.vue |  11 +-
 core/core-frontend/src/views/home/Dark.vue    |  90 -----
 core/core-frontend/src/views/home/index.vue   |  40 +-
 .../views/visualized/data/dataset/index.vue   |   9 -
 .../data/datasource/form/EditorDetail.vue     |   4 -
 .../data/datasource/form/ExcelDetail.vue      |   2 +-
 .../visualized/data/datasource/form/index.vue |   3 +-
 .../visualized/data/datasource/index.vue      |  17 +-
 .../view/panel/filter-config/index.vue        |   6 -
 .../src/views/workbranch/ShortcutOption.ts    |   2 +-
 102 files changed, 182 insertions(+), 1428 deletions(-)
 delete mode 100644 core/core-frontend/src/views/home/Dark.vue

diff --git a/core/core-frontend/src/components/collapse-switch-item/src/CollapseSwitchItem.vue b/core/core-frontend/src/components/collapse-switch-item/src/CollapseSwitchItem.vue
index 6525f6c522..c9ab2a9d91 100644
--- a/core/core-frontend/src/components/collapse-switch-item/src/CollapseSwitchItem.vue
+++ b/core/core-frontend/src/components/collapse-switch-item/src/CollapseSwitchItem.vue
@@ -19,7 +19,7 @@ const emit = defineEmits(['update:modelValue', 'modelChange'])
 const { changeModel, title, themes } = toRefs(props)
 
 const collapseItem = ref()
-const onSwitchChange = e => {
+const onSwitchChange = () => {
   emit('modelChange', changeModel.value)
   if (!props.modelValue && !collapseItem.value.isActive) {
     collapseItem.value.handleHeaderClick()
diff --git a/core/core-frontend/src/components/custom-password/src/CustomPassword.vue b/core/core-frontend/src/components/custom-password/src/CustomPassword.vue
index efd997402d..c12e47a0e1 100644
--- a/core/core-frontend/src/components/custom-password/src/CustomPassword.vue
+++ b/core/core-frontend/src/components/custom-password/src/CustomPassword.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useAttrs, computed, h } from 'vue'
+import { useAttrs, computed } from 'vue'
 import { hIcon } from '@/components/icon-custom'
 const attrs = useAttrs()
 const props = defineProps(['modelValue'])
diff --git a/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue b/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue
index b6b190dc3d..544a0ac828 100644
--- a/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue
+++ b/core/core-frontend/src/components/dashboard/DbCanvasAttr.vue
@@ -3,11 +3,7 @@ import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { storeToRefs } from 'pinia'
 import { nextTick, onMounted, reactive, ref } from 'vue'
-import {
-  COLOR_CASES,
-  COLOR_PANEL,
-  DEFAULT_COLOR_CASE
-} from '@/views/chart/components/editor/util/chart'
+import { DEFAULT_COLOR_CASE } from '@/views/chart/components/editor/util/chart'
 import { useI18n } from '@/hooks/web/useI18n'
 import DeSlider from '@/components/dashboard/subject-setting/pre-subject/Slider.vue'
 import OverallSetting from '@/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue'
@@ -24,25 +20,9 @@ const dvMainStore = dvMainStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
 const { canvasStyleData, componentData, canvasViewInfo } = storeToRefs(dvMainStore)
 const { t } = useI18n()
-const files = ref(null)
-const maxImageSize = 15000000
-let initReady = false
-
-const options = ref({
-  color: '颜色',
-  opacity: '不透明度',
-  backgroundColor: '背景色',
-  fontSize: '字体大小'
-})
-const fileList = ref([])
-const dialogImageUrl = ref('')
-const dialogVisible = ref(false)
-const uploadDisabled = ref(false)
 let canvasAttrInit = false
 const canvasAttrActiveNames = ref(['style'])
 
-const colorCases = COLOR_CASES
-const predefineColors = COLOR_PANEL
 const state = reactive({
   colorForm: JSON.parse(JSON.stringify(DEFAULT_COLOR_CASE)),
   customColor: null,
@@ -58,22 +38,12 @@ const onSubjectChange = () => {
     state.collapseShow = true
   })
 }
-const sliderReload = () => {
-  state.sliderShow = false
-  nextTick(() => {
-    state.sliderShow = true
-  })
-}
 
 const dataMerge = () => {
   adaptCurThemeCommonStyleAll()
   snapshotStore.recordSnapshotCache('renderChart')
 }
 
-const handleChange = val => {
-  return null
-}
-
 const onColorChange = val => {
   themeAttrChange('customAttr', 'color', val)
 }
diff --git a/core/core-frontend/src/components/dashboard/DbComponentToolBar.vue b/core/core-frontend/src/components/dashboard/DbComponentToolBar.vue
index f8b410f301..20fe6baa99 100644
--- a/core/core-frontend/src/components/dashboard/DbComponentToolBar.vue
+++ b/core/core-frontend/src/components/dashboard/DbComponentToolBar.vue
@@ -1,15 +1,8 @@
 <script setup lang="ts">
 import ComponentGroup from '../visualization/ComponentGroup.vue'
-import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { storeToRefs } from 'pinia'
-import { ref } from 'vue'
 import UserViewGroup from '../../custom-component/component-group/UserViewGroup.vue'
 import TextGroup from '@/custom-component/component-group/TextGroup.vue'
 import MediaGroup from '@/custom-component/component-group/MediaGroup.vue'
-const dvMainStore = dvMainStoreWithOut()
-const { canvasStyleData } = storeToRefs(dvMainStore)
-let scale = ref(canvasStyleData.value.scale)
-let timer = null
 </script>
 <template>
   <el-row class="custom-main">
diff --git a/core/core-frontend/src/components/dashboard/DbDragArea.vue b/core/core-frontend/src/components/dashboard/DbDragArea.vue
index 128f42a1b6..3f0b1e0eb8 100644
--- a/core/core-frontend/src/components/dashboard/DbDragArea.vue
+++ b/core/core-frontend/src/components/dashboard/DbDragArea.vue
@@ -8,7 +8,6 @@
 <script setup lang="ts">
 import { nextTick, toRefs } from 'vue'
 import eventBus from '@/utils/eventBus'
-import { isPreventDrop } from '@/utils/utils'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 const dvMainStore = dvMainStoreWithOut()
 
@@ -38,7 +37,7 @@ const props = defineProps({
 
 const { item, index } = toRefs(props)
 
-const dragUp = e => {
+const dragUp = () => {
   // 将当前点击组件的事件传播出去
   nextTick(() => eventBus.emit('componentClick'))
   dvMainStore.setInEditorStatus(true)
diff --git a/core/core-frontend/src/components/dashboard/DbToolbar.vue b/core/core-frontend/src/components/dashboard/DbToolbar.vue
index badfa94f9b..3b94ab0a76 100644
--- a/core/core-frontend/src/components/dashboard/DbToolbar.vue
+++ b/core/core-frontend/src/components/dashboard/DbToolbar.vue
@@ -1,11 +1,9 @@
 <script setup lang="ts">
 import { ElMessage, ElMessageBox } from 'element-plus-secondary'
 import eventBus from '@/utils/eventBus'
-import { $, deepCopy } from '@/utils/utils'
+import { deepCopy } from '@/utils/utils'
 import { nextTick, reactive, ref, computed } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
-import { lockStoreWithOut } from '@/store/modules/data-visualization/lock'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { storeToRefs } from 'pinia'
 import Icon from '../icon-custom/src/Icon.vue'
@@ -26,21 +24,13 @@ import { copyStoreWithOut } from '@/store/modules/data-visualization/copy'
 import TabsGroup from '@/custom-component/component-group/TabsGroup.vue'
 import DeResourceGroupOpt from '@/views/common/DeResourceGroupOpt.vue'
 const { t } = useI18n()
-const isShowPreview = ref(false)
-const isScreenshot = ref(false)
-let timer = null
 const dvMainStore = dvMainStoreWithOut()
-const composeStore = composeStoreWithOut()
-const lockStore = lockStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
 const copyStore = copyStoreWithOut()
 const { styleChangeTimes, snapshotIndex } = storeToRefs(snapshotStore)
 const {
   linkageSettingStatus,
   curLinkageView,
-  curComponent,
-  canvasStyleData,
-  curComponentIndex,
   componentData,
   dvInfo,
   canvasViewInfo,
@@ -49,10 +39,8 @@ const {
   targetLinkageInfo,
   curBatchOptComponents
 } = storeToRefs(dvMainStore)
-const { areaData } = storeToRefs(composeStore)
 const dvModel = 'dashboard'
 const multiplexingRef = ref(null)
-let scale = ref(canvasStyleData.value.scale)
 let nameEdit = ref(false)
 let inputName = ref('')
 let nameInput = ref(null)
@@ -86,24 +74,6 @@ const closeEditCanvasName = () => {
   inputName.value = ''
 }
 
-const lock = () => {
-  lockStore.lock()
-}
-
-const unlock = () => {
-  lockStore.unlock()
-}
-
-const compose = () => {
-  composeStore.compose()
-  snapshotStore.recordSnapshotCache('db-compose')
-}
-
-const decompose = () => {
-  composeStore.decompose()
-  snapshotStore.recordSnapshotCache('db-decompose')
-}
-
 const undo = () => {
   snapshotStore.undo()
   eventBus.emit('matrix-canvasInit', false)
@@ -185,11 +155,6 @@ const clearCanvas = () => {
   snapshotStore.recordSnapshotCache('renderChart')
 }
 
-const handlePreviewChange = () => {
-  isShowPreview.value = false
-  dvMainStore.setEditMode('edit')
-}
-
 const backToMain = () => {
   let url = '#/panel/index'
   if (dvInfo.value.id) {
@@ -267,17 +232,6 @@ const batchCopy = () => {
   saveBatchChange()
 }
 
-const cancelBatchOpt = () => {
-  dvMainStore.setComponentData(state.preBatchComponentData)
-  dvMainStore.setCanvasViewInfo(state.preBatchCanvasViewInfo)
-  Object.keys(canvasViewInfo.value).forEach(viewId => {
-    if (curBatchOptComponents.value.includes(viewId)) {
-      useEmitt().emitter.emit('renderChart-' + viewId, canvasViewInfo.value[viewId])
-    }
-  })
-  batchOptStatusChange(false)
-}
-
 const batchOptStatusChange = value => {
   if (value) {
     // 如果当前进入批量操作界面 提前保存镜像
@@ -328,7 +282,7 @@ const saveLinkageSetting = () => {
     sourceViewId: curLinkageView.value.id,
     linkageInfo: targetLinkageInfo.value
   }
-  saveLinkage(request).then(rsp => {
+  saveLinkage(request).then(() => {
     ElMessage.success('保存成功')
     // 刷新联动信息
     getPanelAllLinkageInfo(dvInfo.value.id).then(rsp => {
diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue
index 1a1bd5e276..f2e6f0ada9 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue
@@ -166,13 +166,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, nextTick, onMounted, reactive, ref, toRefs } from 'vue'
+import { computed, nextTick, onMounted, reactive, ref, toRefs, PropType } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import {
-  COLOR_CASES,
-  COLOR_PANEL,
-  DEFAULT_BASIC_STYLE
-} from '@/views/chart/components/editor/util/chart'
+import { COLOR_PANEL, DEFAULT_BASIC_STYLE } from '@/views/chart/components/editor/util/chart'
 import { useI18n } from '@/hooks/web/useI18n'
 import eventBus from '@/utils/eventBus'
 import { storeToRefs } from 'pinia'
@@ -181,7 +177,7 @@ import elementResizeDetectorMaker from 'element-resize-detector'
 const { t } = useI18n()
 const props = defineProps({
   themes: {
-    type: String,
+    type: String as PropType<EditorTheme>,
     default: 'light'
   }
 })
@@ -195,8 +191,6 @@ const colorFormRef = ref(null)
 const colorForm = computed(
   () => canvasStyleData.value.component.chartColor as DeepPartial<ChartAttr>
 )
-const colorCases = COLOR_CASES
-
 const predefineColors = COLOR_PANEL
 
 const state = reactive({
@@ -226,25 +220,6 @@ const changeColorCase = modifyName => {
   emits('onColorChange', colorForm.value)
 }
 
-const switchColor = index => {
-  state.colorIndex = index
-  state.customColor = colorForm.value.basicStyle.colors[state.colorIndex]
-}
-const switchColorCase = () => {
-  colorForm.value.basicStyle.colors[state.colorIndex] = state.customColor
-  colorForm.value['modifyName'] = 'value'
-  emits('onColorChange', colorForm.value)
-}
-
-const resetCustomColor = () => {
-  changeColorOption()
-}
-
-const switchCustomColor = index => {
-  colorForm.value['seriesColors'][index].isCustom = true
-  switchColorCase()
-}
-
 const containerRef = ref()
 const containerWidth = ref()
 
@@ -262,7 +237,7 @@ onMounted(() => {
 
   const erd = elementResizeDetectorMaker()
   containerWidth.value = containerRef.value?.offsetWidth
-  erd.listenTo(containerRef.value, element => {
+  erd.listenTo(containerRef.value, () => {
     nextTick(() => {
       containerWidth.value = containerRef.value?.offsetWidth
     })
diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/FilterStyleSelector.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/FilterStyleSelector.vue
index ce74790d1d..cd7923d37d 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/FilterStyleSelector.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/FilterStyleSelector.vue
@@ -93,7 +93,6 @@ const { t } = useI18n()
 const dvMainStore = dvMainStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
 
-const emits = defineEmits(['onTextChange'])
 const filterFormRef = ref(null)
 const filterForm = computed(() => dvMainStore.canvasStyleData.component.filterStyle)
 
diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
index 483d6eb7f6..931548c386 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
@@ -155,7 +155,7 @@ import {
   FILTER_COMMON_STYLE_LIGHT
 } from '@/views/chart/components/editor/util/chart'
 import ColorButton from '@/components/assist-button/ColorButton.vue'
-import { reactive, computed } from 'vue'
+import { computed } from 'vue'
 import { deepCopy } from '@/utils/utils'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { storeToRefs } from 'pinia'
@@ -165,7 +165,6 @@ import {
 } from '@/custom-component/component-list'
 import { ElFormItem, ElIcon, ElSpace } from 'element-plus-secondary'
 import Icon from '@/components/icon-custom/src/Icon.vue'
-const emits = defineEmits(['onThemeColorChange'])
 const snapshotStore = snapshotStoreWithOut()
 const props = defineProps({
   themes: {
@@ -176,10 +175,6 @@ const props = defineProps({
 const toolTip = computed(() => {
   return props.themes === 'dark' ? 'ndark' : 'dark'
 })
-const state = reactive({
-  colorIndex: 0
-})
-
 const themeChange = modifyName => {
   if (modifyName === 'themeColor') {
     // 主题变更
diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewSimpleTitle.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewSimpleTitle.vue
index 6734f7010b..79b6662e94 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewSimpleTitle.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewSimpleTitle.vue
@@ -159,11 +159,6 @@ function setPosition(p: 'left' | 'center' | 'right') {
   titleForm.value.hPosition = p
   changeTitleStyle('hPosition')
 }
-
-function setVPosition(p: 'top' | 'center' | 'bottom') {
-  titleForm.value.vPosition = p
-  changeTitleStyle('vPosition')
-}
 </script>
 
 <style scoped lang="less">
diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewTitle.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewTitle.vue
index 6342c855fd..731b0fa22e 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewTitle.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ViewTitle.vue
@@ -74,10 +74,8 @@
 <script lang="ts" setup>
 import { reactive } from 'vue'
 import { COLOR_PANEL } from '@/views/chart/components/editor/util/chart'
-import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { useI18n } from '@/hooks/web/useI18n'
 const { t } = useI18n()
-const dvMainStore = dvMainStoreWithOut()
 const emits = defineEmits(['onTextChange'])
 
 const state = reactive({
@@ -87,20 +85,6 @@ const state = reactive({
   predefineColors: COLOR_PANEL
 })
 
-const initForm = () => {
-  state.titleForm = dvMainStore.canvasStyleData.component.chartTitle
-}
-
-const init = () => {
-  const arr = []
-  for (let i = 10; i <= 60; i = i + 2) {
-    arr.push({
-      name: i + '',
-      value: i + ''
-    })
-  }
-  state.fontSize = arr
-}
 const changeTitleStyle = modifyName => {
   state.titleForm['modifyName'] = modifyName
   emits('onTextChange', state.titleForm)
diff --git a/core/core-frontend/src/components/dashboard/subject-setting/pre-subject/Slider.vue b/core/core-frontend/src/components/dashboard/subject-setting/pre-subject/Slider.vue
index d59f4c0a03..c7b81973e3 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/pre-subject/Slider.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/pre-subject/Slider.vue
@@ -200,7 +200,7 @@ import {
 import { reactive, toRefs, computed, onMounted, ref } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
-import { ElButton, ElMessage } from 'element-plus-secondary'
+import { ElMessage } from 'element-plus-secondary'
 import { deepCopy } from '@/utils/utils'
 const dvMainStore = dvMainStoreWithOut()
 const { canvasStyleData } = storeToRefs(dvMainStore)
@@ -220,7 +220,7 @@ const props = defineProps({
   }
 })
 
-const { initialSpeed, initialInterval } = toRefs(props)
+const { initialSpeed } = toRefs(props)
 
 const state = reactive({
   temp: null,
@@ -245,10 +245,6 @@ const slideWindowHeight = computed(() => {
   return { height: state.sliders[0]?.length < 3 ? '140px' : '250px' }
 })
 
-const interval = computed(() => {
-  return initialInterval.value * 1000
-})
-
 const querySubjectWithGroup = () => {
   state.slidersLoading = true
   querySubjectWithGroupApi({})
@@ -267,7 +263,7 @@ const querySubjectWithGroup = () => {
 }
 
 const subjectDelete = id => {
-  deleteSubject(id).then(response => {
+  deleteSubject(id).then(() => {
     ElMessage.success('删除成功')
     querySubjectWithGroup()
   })
@@ -276,7 +272,7 @@ const subjectDelete = id => {
 const subjectEditFinish = subjectItem => {
   state.slidersLoading = true
   saveOrUpdateSubject(subjectItem)
-    .then(response => {
+    .then(() => {
       subjectEditDialogRef.value.resetForm()
       ElMessage.success('保存成功')
       querySubjectWithGroup()
diff --git a/core/core-frontend/src/components/data-visualization/CanvasAttr.vue b/core/core-frontend/src/components/data-visualization/CanvasAttr.vue
index a0bec2afec..14a7e741f5 100644
--- a/core/core-frontend/src/components/data-visualization/CanvasAttr.vue
+++ b/core/core-frontend/src/components/data-visualization/CanvasAttr.vue
@@ -2,14 +2,9 @@
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { storeToRefs } from 'pinia'
-import { nextTick, onMounted, reactive, ref } from 'vue'
+import { nextTick, onMounted, ref } from 'vue'
 import { ElFormItem } from 'element-plus-secondary'
-import {
-  COLOR_CASES,
-  COLOR_PANEL,
-  DEFAULT_COLOR_CASE
-} from '@/views/chart/components/editor/util/chart'
-import { useI18n } from '@/hooks/web/useI18n'
+
 import { merge } from 'lodash-es'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import ComponentColorSelector from '@/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue'
@@ -18,36 +13,10 @@ import CanvasBackground from '@/components/visualization/component-background/Ca
 const dvMainStore = dvMainStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
 const { canvasStyleData, canvasViewInfo } = storeToRefs(dvMainStore)
-const { t } = useI18n()
-const files = ref(null)
-let initReady = false
 let canvasAttrInit = false
 
-const options = ref({
-  color: '颜色',
-  opacity: '不透明度',
-  backgroundColor: '背景色',
-  fontSize: '字体大小'
-})
-const fileList = ref([])
-const dialogImageUrl = ref('')
-const dialogVisible = ref(false)
-const uploadDisabled = ref(false)
-
 const canvasAttrActiveNames = ref(['size', 'background', 'color'])
-
-const colorCases = COLOR_CASES
-
-const predefineColors = COLOR_PANEL
-
-const state = reactive({
-  colorForm: JSON.parse(JSON.stringify(DEFAULT_COLOR_CASE)),
-  customColor: null,
-  colorIndex: 0
-})
-
 const init = () => {
-  initReady = true
   nextTick(() => {
     canvasAttrInit = true
   })
diff --git a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
index 14e51d87b4..996d42d3bd 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
@@ -10,8 +10,6 @@ const { canvasStyleData } = storeToRefs(dvMainStore)
 const snapshotStore = snapshotStoreWithOut()
 const scale = ref(60)
 
-let timer = null
-
 const handleScaleChange = () => {
   snapshotStore.recordSnapshotCache()
   // 画布比例设一个最小值，不能为 0
diff --git a/core/core-frontend/src/components/data-visualization/DvToolbar.vue b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
index 94a99b4ec5..34c2645092 100644
--- a/core/core-frontend/src/components/data-visualization/DvToolbar.vue
+++ b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
@@ -1,11 +1,8 @@
 <script setup lang="ts">
 import { ElMessage, ElMessageBox } from 'element-plus-secondary'
 import eventBus from '@/utils/eventBus'
-import { $ } from '@/utils/utils'
 import { ref, nextTick } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
-import { lockStoreWithOut } from '@/store/modules/data-visualization/lock'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { storeToRefs } from 'pinia'
 import Icon from '../icon-custom/src/Icon.vue'
@@ -17,27 +14,15 @@ import CommonGroup from '@/custom-component/component-group/CommonGroup.vue'
 import DeResourceGroupOpt from '@/views/common/DeResourceGroupOpt.vue'
 import { canvasSave } from '@/utils/canvasUtils'
 import { changeSizeWithScale } from '@/utils/changeComponentsSizeWithScale'
-let timer = null
 let nameEdit = ref(false)
 let inputName = ref('')
 let nameInput = ref(null)
 const dvMainStore = dvMainStoreWithOut()
-const composeStore = composeStoreWithOut()
-const lockStore = lockStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
 const { styleChangeTimes, snapshotIndex } = storeToRefs(snapshotStore)
 const resourceGroupOpt = ref(null)
 const dvToolbarMain = ref(null)
-const {
-  curComponent,
-  canvasStyleData,
-  curComponentIndex,
-  componentData,
-  dvInfo,
-  canvasViewInfo,
-  editMode
-} = storeToRefs(dvMainStore)
-const { areaData } = storeToRefs(composeStore)
+const { canvasStyleData, dvInfo, editMode } = storeToRefs(dvMainStore)
 let scaleEdit = 100
 
 const closeEditCanvasName = () => {
@@ -57,24 +42,6 @@ const closeEditCanvasName = () => {
   inputName.value = ''
 }
 
-const lock = () => {
-  lockStore.lock()
-}
-
-const unlock = () => {
-  lockStore.unlock()
-}
-
-const compose = () => {
-  composeStore.compose()
-  snapshotStore.recordSnapshotCache('dv-compose')
-}
-
-const decompose = () => {
-  composeStore.decompose()
-  snapshotStore.recordSnapshotCache('dv-decompose')
-}
-
 const undo = () => {
   snapshotStore.undo()
 }
diff --git a/core/core-frontend/src/components/data-visualization/EventList.vue b/core/core-frontend/src/components/data-visualization/EventList.vue
index 094e3d96ba..a256117bc6 100644
--- a/core/core-frontend/src/components/data-visualization/EventList.vue
+++ b/core/core-frontend/src/components/data-visualization/EventList.vue
@@ -10,7 +10,6 @@ const eventStore = eventStoreWithOut()
 const { curComponent } = storeToRefs(dvMainStore)
 
 const isShowEvent = ref(false)
-const eventURL = ref('')
 const eventActiveName = ref('redirect')
 
 const addEvent = (event, param) => {
diff --git a/core/core-frontend/src/components/data-visualization/Modal.vue b/core/core-frontend/src/components/data-visualization/Modal.vue
index 53c14984da..2cfdb217e9 100644
--- a/core/core-frontend/src/components/data-visualization/Modal.vue
+++ b/core/core-frontend/src/components/data-visualization/Modal.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { defineEmits } from 'vue'
-const props = defineProps({
+defineProps({
   show: {
     type: Boolean,
     default: false
diff --git a/core/core-frontend/src/components/data-visualization/RealTimeComponentList.vue b/core/core-frontend/src/components/data-visualization/RealTimeComponentList.vue
index 98e516e4b0..7d87a48331 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeComponentList.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeComponentList.vue
@@ -3,15 +3,14 @@ import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { layerStoreWithOut } from '@/store/modules/data-visualization/layer'
 import { storeToRefs } from 'pinia'
-import { ElCol, ElIcon, ElRow } from 'element-plus-secondary'
+import { ElIcon, ElRow } from 'element-plus-secondary'
 import Icon from '../icon-custom/src/Icon.vue'
-import { computed, nextTick, ref } from 'vue'
+import { nextTick, ref } from 'vue'
 import draggable from 'vuedraggable'
 import { lockStoreWithOut } from '@/store/modules/data-visualization/lock'
 import ContextMenuAsideDetails from '@/components/data-visualization/canvas/ContextMenuAsideDetails.vue'
 import ComposeShow from '@/components/data-visualization/canvas/ComposeShow.vue'
 import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
-import { contextmenuStoreWithOut } from '@/store/modules/data-visualization/contextmenu'
 const dropdownMore = ref(null)
 const lockStore = lockStoreWithOut()
 
@@ -19,11 +18,10 @@ const dvMainStore = dvMainStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
 const layerStore = layerStoreWithOut()
 const composeStore = composeStoreWithOut()
-const contextmenuStore = contextmenuStoreWithOut()
 
 const { areaData, isCtrlOrCmdDown, isShiftDown, laterIndex } = storeToRefs(composeStore)
 
-const { componentData, curComponent, curComponentIndex, canvasViewInfo } = storeToRefs(dvMainStore)
+const { componentData, curComponent, canvasViewInfo } = storeToRefs(dvMainStore)
 const getComponent = index => {
   return componentData.value[componentData.value.length - 1 - index]
 }
@@ -87,24 +85,6 @@ const onClick = (e, index) => {
   setCurComponent(index)
   composeStore.setLaterIndex(index)
 }
-const deleteComponent = (number: number) => {
-  setTimeout(() => {
-    dvMainStore.deleteComponentById(curComponent.value.id)
-    snapshotStore.recordSnapshotCache('renderChart')
-  })
-}
-const upComponent = (number: number) => {
-  setTimeout(() => {
-    layerStore.upComponent()
-    snapshotStore.recordSnapshotCache()
-  })
-}
-const downComponent = (number: number) => {
-  setTimeout(() => {
-    layerStore.downComponent()
-    snapshotStore.recordSnapshotCache('realTime-downComponent')
-  })
-}
 const setCurComponent = index => {
   dvMainStore.setCurComponent({ component: componentData.value[index], index })
 }
@@ -133,10 +113,6 @@ const closeEditComponentName = () => {
   inputName.value = ''
 }
 
-const toggleComponentVisible = () => {
-  // do toggleComponentVisible
-}
-
 const lock = () => {
   setTimeout(() => {
     lockStore.lock()
@@ -198,9 +174,6 @@ const menuAsideClose = (param, index) => {
     }, 200)
   }
 }
-const rename = item => {
-  editComponentName(item)
-}
 
 const handleContextMenu = e => {
   e.preventDefault()
@@ -293,7 +266,7 @@ const handleContextMenu = e => {
                   trigger="click"
                   placement="bottom-start"
                   effect="dark"
-                  hide-timeout="0"
+                  :hide-timeout="0"
                 >
                   <span :class="'dropdownMore-' + index" @click="onClick(transformIndex(index))">
                     <el-icon class="component-base">
@@ -313,7 +286,7 @@ const handleContextMenu = e => {
                 trigger="contextmenu"
                 placement="bottom-start"
                 effect="dark"
-                hide-timeout="0"
+                :hide-timeout="0"
               >
                 <compose-show
                   :show-border="false"
diff --git a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
index 58bdf9a42c..8cc26b05ac 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
@@ -5,7 +5,6 @@ import {
   getStyle,
   getComponentRotatedStyle,
   getShapeItemStyle,
-  getSVGStyle,
   getCanvasStyle,
   syncShapeItemStyle
 } from '@/utils/style'
@@ -16,7 +15,7 @@ import MarkLine from './MarkLine.vue'
 import Area from './Area.vue'
 import eventBus from '@/utils/eventBus'
 import { changeStyleWithScale } from '@/utils/translate'
-import { ref, onMounted, toRef, computed, toRefs, nextTick, onBeforeUnmount } from 'vue'
+import { ref, onMounted, computed, toRefs, nextTick, onBeforeUnmount } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
 import { contextmenuStoreWithOut } from '@/store/modules/data-visualization/contextmenu'
@@ -155,7 +154,6 @@ const {
   resizing,
   resizeEnd,
   isEdit,
-  dvModel,
   canvasId,
   canvasStyleData,
   componentData,
@@ -190,9 +188,6 @@ const curComponentId = computed(() => {
   return curComponent.value?.id || ''
 })
 
-const showComponentData = computed(() => {
-  return componentData.value.filter(component => component.isShow)
-})
 const { emitter } = useEmitt()
 
 const curScale = computed(() => {
@@ -229,7 +224,6 @@ const dashboardActive = computed(() => {
 // 融合矩阵设计
 const renderOk = ref(false)
 const moveAnimate = ref(false)
-const list = ref([])
 const cellWidth = ref(0)
 const cellHeight = ref(0)
 const maxCell = ref(0)
@@ -244,7 +238,6 @@ let moveTime = 200 //移动动画时间
 
 let itemMaxY = 0
 let itemMaxX = 0
-let currentInstance
 let snapshotTimer = ref(null)
 
 // 根据需要需要扩充外部scroll区域也可以进行组合的功能 此方法变更为外部组件调用
@@ -431,9 +424,6 @@ const getComponentStyle = style => {
   return getStyle(style, svgFilterAttrs)
 }
 
-const getSVGStyleInner = style => {
-  return getSVGStyle(style, svgFilterAttrs)
-}
 const getShapeItemShowStyle = item => {
   return getShapeItemStyle(item, {
     dvModel: dvInfo.value.type,
@@ -750,81 +740,6 @@ function addItem(item, index) {
   }
 }
 
-function changeToCoordinate(left, top, width, height) {
-  return {
-    x1: left,
-    x2: left + width,
-    y1: top,
-    y2: top + height,
-    c1: left + width / 2,
-    c2: top + height / 2
-  }
-}
-
-/**
- * 检测有无碰撞，并作出处理
- */
-function findClosetCoords(item, tCoordinate) {
-  if (isOverlay) return
-  let i = coordinates.value.length
-  let collisionsItem = []
-  while (i--) {
-    let nowCoordinate = coordinates.value[i]
-    if (item._dragId == nowCoordinate.el._dragId) {
-      continue
-    }
-    if (
-      tCoordinate.x2 < nowCoordinate.x1 ||
-      tCoordinate.x1 > nowCoordinate.x2 ||
-      tCoordinate.y2 < nowCoordinate.y1 ||
-      tCoordinate.y1 > nowCoordinate.y2
-    ) {
-      continue
-    } else {
-      collisionsItem.push({
-        centerDistance: Math.sqrt(
-          Math.pow(tCoordinate.c1 - nowCoordinate.c1, 2) +
-            Math.pow(tCoordinate.c2 - nowCoordinate.c2, 2)
-        ),
-        coordinate: nowCoordinate
-      })
-    }
-  }
-  if (collisionsItem.length <= 0) {
-    return
-  }
-  isOverlay = true
-  collisionsItem = _.sortBy(collisionsItem, 'area')
-  movePlayer(item, {
-    x: collisionsItem[0].coordinate.el.x,
-    y: collisionsItem[0].coordinate.el.y
-  })
-  setTimeout(function () {
-    isOverlay = false
-  }, 200)
-}
-
-/**
- * 生成坐标点
- *
- * @param {any} item
- */
-function makeCoordinate(item) {
-  let width = cellWidth.value * item.sizeX - baseMarginLeft.value
-  let height = cellHeight.value * item.sizeY - baseMarginTop.value
-  let left = cellWidth.value * (item.x - 1) + baseMarginLeft.value
-  let top = cellHeight.value * (item.y - 1) + baseMarginTop.value
-  let coordinate = {
-    x1: left,
-    x2: left + width,
-    y1: top,
-    y2: top + height,
-    c1: left + width / 2,
-    c2: top + height / 2,
-    el: item
-  }
-  coordinates.value.push(coordinate)
-}
 function changeItemCoordinate(item) {
   let width = cellWidth.value * item.sizeX - baseMarginLeft.value
   let height = cellHeight.value * item.sizeY - baseMarginTop.value
@@ -854,7 +769,7 @@ function changeItemCoordinate(item) {
  */
 function emptyTargetCell(item) {
   let belowItems = findBelowItems(item)
-  _.forEach(belowItems, function (downItem, index) {
+  _.forEach(belowItems, function (downItem) {
     if (downItem['_dragId'] == item['_dragId']) return
     let moveSize = item.y + item.sizeY - downItem['y']
     if (moveSize > 0) {
@@ -885,7 +800,7 @@ function canItemGoUp(item) {
 function moveItemDown(item, size) {
   removeItemFromPositionBox(item)
   let belowItems = findBelowItems(item)
-  _.forEach(belowItems, function (downItem, index) {
+  _.forEach(belowItems, function (downItem) {
     if (downItem['_dragId'] == item['_dragId']) return
     let moveSize = calcDiff(item, downItem, size)
     if (moveSize > 0) {
@@ -940,7 +855,7 @@ function moveItemUp(item, size) {
   })
   addItemToPositionBox(item)
   changeItemCoordinate(item)
-  _.forEach(belowItems, function (upItem, index) {
+  _.forEach(belowItems, function (upItem) {
     let moveSize = canItemGoUp(upItem)
     if (moveSize > 0) {
       moveItemUp(upItem, moveSize)
@@ -961,197 +876,12 @@ function findBelowItems(item) {
   return _.sortBy(_.values(belowItems), 'y')
 }
 
-const startResize = (e, item, index) => {
-  if (!resizable.value) return
-  resizeStart.value(e, item, index)
-  if (!infoBox.value) {
-    infoBox.value = {}
-  }
-  infoBox.value.resizeItem = item
-  infoBox.value.resizeItemIndex = index
-}
-
-const containerMouseDown = e => {
-  // e.preventDefault();
-  if (!infoBox.value) {
-    infoBox.value = {}
-  }
-
-  infoBox.value.startX = e.pageX
-  infoBox.value.startY = e.pageY
-}
-
-const endItemMove = (e, item, index) => {
+const endItemMove = (_, item, index) => {
   dvMainStore.setCurComponent({ component: item, index: index })
   dvMainStore.setClickComponentStatus(true)
   dvMainStore.setInEditorStatus(true)
 }
 
-const startMove = (e, item, index) => {
-  // e.preventDefault();
-  if (!infoBox.value) {
-    infoBox.value = {}
-  }
-  let infoBoxTemp = infoBox.value
-  let target = $(e.target)
-
-  let className = target.attr('class')
-  className = className || ''
-  if (
-    className.indexOf('dragHandle') == -1 &&
-    className.indexOf('item') == -1 &&
-    className.indexOf('resizeHandle') == -1
-  ) {
-    return
-  }
-
-  if (className.includes('resizeHandle')) {
-  } else if (draggable.value && (className.includes('dragHandle') || className.includes('item'))) {
-    dragStart.value(e, item, index)
-    infoBoxTemp.moveItem = item
-    infoBoxTemp.moveItemIndex = index
-  }
-
-  infoBoxTemp.cloneItem = null
-  infoBoxTemp.nowItemNode = null
-
-  if (target.attr('class') && target.attr('class').indexOf('item') != -1) {
-    infoBoxTemp.nowItemNode = target
-    infoBoxTemp.cloneItem = target.clone()
-  } else {
-    infoBoxTemp.nowItemNode = target.parents('.item')
-    infoBoxTemp.cloneItem = infoBoxTemp.nowItemNode.clone()
-  }
-  infoBoxTemp.cloneItem.addClass('cloneNode')
-
-  //problem
-  $(container.value).append(infoBoxTemp.cloneItem)
-
-  infoBoxTemp.originX = infoBoxTemp.cloneItem.position().left //克隆对象原始X位置
-  infoBoxTemp.originY = infoBoxTemp.cloneItem.position().top
-  infoBoxTemp.oldX = item.x //实际对象原始X位置
-  infoBoxTemp.oldY = item.y
-  infoBoxTemp.oldSizeX = item.sizeX
-  infoBoxTemp.oldSizeY = item.sizeY
-  infoBoxTemp.originWidth = infoBoxTemp.cloneItem.prop('offsetWidth')
-  infoBoxTemp.originHeight = infoBoxTemp.cloneItem.prop('offsetHeight')
-
-  function itemMouseMove(e) {
-    let moveItem = _.get(infoBoxTemp, 'moveItem')
-    let resizeItem = _.get(infoBoxTemp, 'resizeItem')
-
-    if (resizeItem) {
-      //调整大小时
-      resizing.value(e, resizeItem, resizeItem._dragId)
-      resizeItem['isPlayer'] = true
-      let nowItemIndex = infoBoxTemp.resizeItemIndex
-      let cloneItem = infoBoxTemp.cloneItem
-      let startX = infoBoxTemp.startX
-      let startY = infoBoxTemp.startY
-      let oldSizeX = infoBoxTemp.oldSizeX
-      let oldSizeY = infoBoxTemp.oldSizeY
-      let originWidth = infoBoxTemp.originWidth
-      let originHeight = infoBoxTemp.originHeight
-
-      let moveXSize = e.pageX - startX //X方向移动的距离
-      let moveYSize = e.pageY - startY //Y方向移动的距离
-      let addSizeX =
-        moveXSize % cellWidth.value > (cellWidth.value / 4) * 1
-          ? Math.floor(moveXSize / cellWidth.value + 1)
-          : Math.floor(moveXSize / cellWidth.value)
-      let addSizeY =
-        moveYSize % cellHeight.value > (cellHeight.value / 4) * 1
-          ? Math.floor(moveYSize / cellHeight.value + 1)
-          : Math.floor(moveYSize / cellHeight.value)
-
-      let nowX = oldSizeX + addSizeX > 0 ? oldSizeX + addSizeX : 1
-      let nowY = oldSizeY + addSizeY > 0 ? oldSizeY + addSizeY : 1
-
-      debounce(
-        (function (addSizeX, addSizeY) {
-          return function () {
-            resizePlayer(resizeItem, {
-              sizeX: nowX,
-              sizeY: nowY
-            })
-          }
-        })(addSizeX, addSizeY),
-        10
-      )
-
-      let nowWidth = originWidth + moveXSize
-      nowWidth = nowWidth <= baseWidth.value ? baseWidth.value : nowWidth
-      let nowHeight = originHeight + moveYSize
-      nowHeight = nowHeight <= baseHeight.value ? baseHeight.value : nowHeight
-      //克隆元素实时改变大小
-      cloneItem.css({
-        width: nowWidth,
-        height: nowHeight
-      })
-    } else if (moveItem) {
-      scrollScreen(e)
-      if (!draggable.value) return
-      dragging.value(e, moveItem, moveItem._dragId)
-      //problem
-      moveItem['isPlayer'] = true
-      let nowItemIndex = infoBoxTemp.moveItemIndex
-      let cloneItem = infoBoxTemp.cloneItem
-      let startX = infoBoxTemp.startX
-      let startY = infoBoxTemp.startY
-      let originX = infoBoxTemp.originX
-      let originY = infoBoxTemp.originY
-      let oldX = infoBoxTemp.oldX
-      let oldY = infoBoxTemp.oldY
-
-      let moveXSize = e.pageX - startX //X方向移动的距离
-      let moveYSize = e.pageY - startY //Y方向移动的距离
-
-      let nowCloneItemX = originX + moveXSize
-      let nowCloneItemY = originY + moveYSize
-
-      let newX = Math.floor(
-        (nowCloneItemX + cloneItem.width() / 12 - baseMarginLeft.value) / cellWidth.value + 1
-      )
-      let newY = Math.floor(
-        (nowCloneItemY + cloneItem.height() / 12 - baseMarginTop.value) / cellHeight.value + 1
-      )
-      newX = newX > 0 ? newX : 1
-      newY = newY > 0 ? newY : 1
-
-      debounce(
-        (function (newX, oldX, newY, oldY) {
-          return function () {
-            if (newX != oldX || oldY != newY) {
-              movePlayer(moveItem, {
-                x: newX,
-                y: newY
-              })
-
-              infoBoxTemp.oldX = newX
-              infoBoxTemp.oldY = newY
-            }
-          }
-        })(newX, oldX, newY, oldY),
-        10
-      )
-
-      cloneItem.css({
-        left: nowCloneItemX + 'px',
-        top: nowCloneItemY + 'px'
-      })
-    }
-  }
-
-  const up = () => {
-    handleMouseUp(e, item, index)
-    document.removeEventListener('mousemove', itemMouseMove)
-    document.removeEventListener('mouseup', up)
-  }
-
-  document.addEventListener('mousemove', itemMouseMove)
-  document.addEventListener('mouseup', up)
-}
-
 const handleMouseUp = (e, item, index) => {
   endItemMove(e, item, index)
   clearInfoBox(e)
@@ -1175,18 +905,6 @@ const clearInfoBox = e => {
   infoBox.value = {}
 }
 
-const endMove = e => {
-  return {}
-}
-
-const endMoveI = e => {
-  return {}
-}
-
-const moving = e => {
-  return {}
-}
-
 const cellInit = () => {
   // 此处向下取整 保留1位小数,why: 矩阵模式计算 x,y时 会使用 style.left/cellWidth style.top/cellWidth
   // 当初始状态细微的差距(主要是减少)都会导致 x，y 减少一个矩阵大小造成偏移,
@@ -1228,45 +946,6 @@ const canvasInit = () => {
   renderOk.value = true
 }
 
-/**
- * 计算当前item的位置和大小
- */
-const nowItemStyle = (item, index) => {
-  return {
-    padding: curGap.value + 'px!important',
-    width: cellWidth.value * item.sizeX - baseMarginLeft.value + 'px',
-    height: cellHeight.value * item.sizeY - baseMarginTop.value + 'px',
-    left: cellWidth.value * (item.x - 1) + baseMarginLeft.value + 'px',
-    top: cellHeight.value * (item.y - 1) + baseMarginTop.value + 'px'
-  }
-}
-
-const getList = () => {
-  let returnList = _.sortBy(_.cloneDeep(componentData.value), 'y')
-  let finalList = []
-  _.forEach(returnList, function (item, index) {
-    if (_.isEmpty(item)) return
-    delete item['_dragId']
-    delete item['show']
-    finalList.push(item)
-  })
-  return finalList
-}
-
-/**
- * 获取x最大值
- */
-const getMaxCell = () => {
-  return maxCell.value
-}
-
-/**
- * 获取渲染状态
- */
-const getRenderState = () => {
-  return moveAnimate.value
-}
-
 const afterInitOk = func => {
   let timeId = setInterval(() => {
     if (moveAnimate.value) {
@@ -1338,7 +1017,7 @@ const onStartMove = (e, item, index) => {
   infoBox.value.oldSizeY = item.sizey
 }
 
-const onDragging = (e, item, index) => {
+const onDragging = (e, item) => {
   // item 中的 style 为当前实时的位置
   const infoBoxTemp = infoBox.value
   let moveItem = _.get(infoBoxTemp, 'moveItem')
@@ -1373,12 +1052,11 @@ const onDragging = (e, item, index) => {
   )
 }
 
-const onResizing = (e, item, index) => {
-  const { top, left, width, height } = item.style
+const onResizing = (e, item) => {
+  const { width, height } = item.style
   // item 中的 style 为当前实时的位置
   const infoBoxTemp = infoBox.value
   let resizeItem = _.get(infoBoxTemp, 'resizeItem')
-  let moveItem = _.get(infoBoxTemp, 'moveItem')
   //调整大小时
   resizing.value(e, resizeItem, resizeItem._dragId)
   resizeItem['isPlayer'] = true
@@ -1391,13 +1069,6 @@ const onResizing = (e, item, index) => {
       ? Math.floor(height / cellHeight.value + 1)
       : Math.floor(height / cellHeight.value)
 
-  const addSizeX = 1
-  const addSizeY = 1
-
-  // 移动时
-  let oldX = infoBoxTemp.oldX
-  let oldY = infoBoxTemp.oldY
-
   // 增加5px偏移量 防止resize时向下取整 组件向右偏移
   let newX = Math.floor((item.style.left + 5) / cellWidth.value + 1)
   let newY = Math.floor((item.style.top + 5) / cellHeight.value + 1)
@@ -1406,7 +1077,7 @@ const onResizing = (e, item, index) => {
 
   // 调整大小
   debounce(
-    (function (newX, oldX, newY, oldY) {
+    (function (newX, newY) {
       return function () {
         // 调整大小
         resizePlayer(resizeItem, {
@@ -1424,12 +1095,12 @@ const onResizing = (e, item, index) => {
         infoBoxTemp.oldX = newX
         infoBoxTemp.oldY = newY
       }
-    })(newX, oldX, newY, oldY),
+    })(newX, newY),
     10
   )
 }
 
-const onMouseUp = (e, item, index) => {
+const onMouseUp = e => {
   // startMove 中组织冒泡会导致移动事件无法传播，在这里设置（鼠标抬起）效果一致
   if (_.isEmpty(infoBox.value)) return
   if (infoBox.value.cloneItem) {
diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
index cade7812fc..46cd03f741 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -1,13 +1,11 @@
 <script setup lang="ts">
-import { getStyle, getSVGStyle } from '@/utils/style'
+import { getStyle } from '@/utils/style'
 import eventBus from '@/utils/eventBus'
-import { ref, onMounted, toRefs, getCurrentInstance, computed, watch, nextTick } from 'vue'
+import { ref, onMounted, toRefs, getCurrentInstance, computed } from 'vue'
 import findComponent from '@/utils/components'
 import { downloadCanvas, imgUrlTrans } from '@/utils/imgUtils'
 import ComponentEditBar from '@/components/visualization/ComponentEditBar.vue'
 import { useEmitt } from '@/hooks/web/useEmitt'
-import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-const dvMainStore = dvMainStoreWithOut()
 
 const componentWrapperInnerRef = ref(null)
 const componentEditBarRef = ref(null)
diff --git a/core/core-frontend/src/components/data-visualization/canvas/ContextMenuAsideDetails.vue b/core/core-frontend/src/components/data-visualization/canvas/ContextMenuAsideDetails.vue
index 199b5afcae..4080259a56 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ContextMenuAsideDetails.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ContextMenuAsideDetails.vue
@@ -1,28 +1,8 @@
 <script setup lang="ts">
-import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { contextmenuStoreWithOut } from '@/store/modules/data-visualization/contextmenu'
-import { lockStoreWithOut } from '@/store/modules/data-visualization/lock'
-import { copyStoreWithOut } from '@/store/modules/data-visualization/copy'
-import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
-import { layerStoreWithOut } from '@/store/modules/data-visualization/layer'
-import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
-import { storeToRefs } from 'pinia'
-import { computed, ref, toRefs } from 'vue'
-import eventBus from '@/utils/eventBus'
 import ContextMenuDetails from '@/components/data-visualization/canvas/ContextMenuDetails.vue'
-const dvMainStore = dvMainStoreWithOut()
-const contextmenuStore = contextmenuStoreWithOut()
-const copyStore = copyStoreWithOut()
-const lockStore = lockStoreWithOut()
-const snapshotStore = snapshotStoreWithOut()
-const layerStore = layerStoreWithOut()
-const composeStore = composeStoreWithOut()
 
-const { areaData } = storeToRefs(composeStore)
-const { curComponent } = storeToRefs(dvMainStore)
-const copyData = ref(null)
 const emit = defineEmits(['close'])
-const props = defineProps({
+defineProps({
   element: {
     type: Object
   },
@@ -30,96 +10,6 @@ const props = defineProps({
     type: Number
   }
 })
-const { element, index } = toRefs(props)
-
-const lock = () => {
-  lockStore.lock()
-}
-
-const unlock = () => {
-  lockStore.unlock()
-}
-
-// 点击菜单时不取消当前组件的选中状态
-const handleMouseUp = e => {
-  dvMainStore.setClickComponentStatus(true)
-}
-
-const cut = () => {
-  copyStore.cut()
-}
-
-const copy = () => {
-  copyStore.copy()
-}
-
-const hide = () => {
-  layerStore.hideComponent()
-}
-
-const paste = () => {
-  copyStore.paste(true)
-  snapshotStore.recordSnapshotCache('renderChart')
-}
-
-const deleteComponent = () => {
-  if (curComponent.value) {
-    dvMainStore.deleteComponentById(curComponent.value.id)
-  } else if (areaData.value.components.length) {
-    areaData.value.components.forEach(component => {
-      dvMainStore.deleteComponentById(component.id)
-    })
-  }
-  eventBus.emit('hideArea-canvas-main')
-  snapshotStore.recordSnapshotCache('renderChart')
-}
-
-const upComponent = () => {
-  layerStore.upComponent()
-  snapshotStore.recordSnapshotCache('upComponent')
-}
-
-const downComponent = () => {
-  layerStore.downComponent()
-  snapshotStore.recordSnapshotCache('downComponent')
-}
-
-const topComponent = () => {
-  layerStore.topComponent()
-  snapshotStore.recordSnapshotCache('topComponent')
-}
-
-const bottomComponent = () => {
-  layerStore.bottomComponent()
-  snapshotStore.recordSnapshotCache('bottomComponent')
-}
-
-const componentCompose = () => {
-  composeStore.compose()
-  snapshotStore.recordSnapshotCache('componentCompose')
-}
-
-const decompose = () => {
-  composeStore.decompose()
-  snapshotStore.recordSnapshotCache('decompose')
-}
-
-// 阻止事件向父级组件传播调用父级的handleMouseDown 导致areaData 被隐藏
-const handleComposeMouseDown = e => {
-  e.preventDefault()
-  e.stopPropagation()
-}
-
-const composeDivider = computed(() => {
-  return (
-    areaData.value.components.length ||
-    !(!curComponent || curComponent['isLock'] || curComponent['component'] != 'Group')
-  )
-})
-
-const onClick = () => {
-  dvMainStore.setCurComponent({ component: element.value, index })
-}
 
 const close = param => {
   emit('close', param)
diff --git a/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue b/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
index f472c0ffbf..401f733c7f 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
@@ -1,17 +1,15 @@
 <script setup lang="ts">
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { contextmenuStoreWithOut } from '@/store/modules/data-visualization/contextmenu'
 import { lockStoreWithOut } from '@/store/modules/data-visualization/lock'
 import { copyStoreWithOut } from '@/store/modules/data-visualization/copy'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { layerStoreWithOut } from '@/store/modules/data-visualization/layer'
 import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
 import { storeToRefs } from 'pinia'
-import { computed, ref, toRefs } from 'vue'
-import { ElDivider, ElIcon } from 'element-plus-secondary'
+import { computed, toRefs } from 'vue'
+import { ElDivider } from 'element-plus-secondary'
 import eventBus from '@/utils/eventBus'
 const dvMainStore = dvMainStoreWithOut()
-const contextmenuStore = contextmenuStoreWithOut()
 const copyStore = copyStoreWithOut()
 const lockStore = lockStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
@@ -43,7 +41,7 @@ const unlock = () => {
 }
 
 // 点击菜单时不取消当前组件的选中状态
-const handleMouseUp = e => {
+const handleMouseUp = () => {
   dvMainStore.setClickComponentStatus(true)
   activePosition.value === 'aside' && emit('close')
 }
diff --git a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
index 4699c98628..d7bdb80ca0 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { getStyle, getCanvasStyle, getShapeItemStyle } from '@/utils/style'
+import { getCanvasStyle, getShapeItemStyle } from '@/utils/style'
 import ComponentWrapper from './ComponentWrapper.vue'
 import { changeStyleWithScale } from '@/utils/translate'
 import { computed, nextTick, onMounted, ref, toRefs, watch, onBeforeUnmount } from 'vue'
@@ -63,8 +63,6 @@ const {
 const domId = 'preview-' + canvasId.value
 const scaleWidth = ref(100)
 const previewCanvas = ref(null)
-const domWidth = ref()
-const domHeight = ref()
 const cellWidth = ref(10)
 const cellHeight = ref(10)
 const userViewEnlargeRef = ref(null)
@@ -106,13 +104,6 @@ const getDownloadStatusMainHeight = () => {
   return `${maxHeight}px!important`
 }
 
-const forceRender = () => {
-  cellWidth.value = cellWidth.value + 0.01
-  nextTick(() => {
-    cellWidth.value = cellWidth.value - 0.01
-  })
-}
-
 watch(
   () => previewActive.value,
   () => {
@@ -185,7 +176,7 @@ onMounted(() => {
   restore()
   window.addEventListener('resize', restore)
   const erd = elementResizeDetectorMaker()
-  erd.listenTo(document.getElementById(domId), element => {
+  erd.listenTo(document.getElementById(domId), () => {
     restore()
   })
 })
@@ -202,7 +193,7 @@ const userViewEnlargeOpen = (opt, item) => {
     opt
   )
 }
-const handleMouseDown = e => {
+const handleMouseDown = () => {
   dvMainStore.setCurComponent({ component: null, index: null })
 }
 defineExpose({
diff --git a/core/core-frontend/src/components/data-visualization/canvas/DragShadow.vue b/core/core-frontend/src/components/data-visualization/canvas/DragShadow.vue
index 46874b794a..59ecbb286c 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/DragShadow.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/DragShadow.vue
@@ -5,21 +5,7 @@
 </template>
 
 <script setup lang="ts">
-import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
-import { contextmenuStoreWithOut } from '@/store/modules/data-visualization/contextmenu'
-import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
-import { storeToRefs } from 'pinia'
 import { computed, toRefs } from 'vue'
-const dvMainStore = dvMainStoreWithOut()
-const snapshotStore = snapshotStoreWithOut()
-const contextmenuStore = contextmenuStoreWithOut()
-const composeStore = composeStoreWithOut()
-
-const { curComponent } = storeToRefs(dvMainStore)
-const { editor } = storeToRefs(composeStore)
-const emit = defineEmits(['onStartResize', 'onStartMove', 'onDragging', 'onResizing', 'onMouseUp'])
-
 const props = defineProps({
   baseWidth: {
     required: true,
diff --git a/core/core-frontend/src/components/data-visualization/canvas/PointShadow.vue b/core/core-frontend/src/components/data-visualization/canvas/PointShadow.vue
index f62587ce9e..c9d6e71da9 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/PointShadow.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/PointShadow.vue
@@ -16,7 +16,7 @@ import { computed } from 'vue'
 
 const dvMainStore = dvMainStoreWithOut()
 const { mousePointShadowMap } = storeToRefs(dvMainStore)
-const props = defineProps({
+defineProps({
   canvasId: {
     type: String,
     required: true
diff --git a/core/core-frontend/src/components/data-visualization/canvas/Shape.vue b/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
index 140a549d07..1de352f086 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
@@ -81,7 +81,7 @@ import eventBus from '@/utils/eventBus'
 import calculateComponentPositionAndSize from '@/utils/calculateComponentPositionAndSize'
 import { mod360 } from '@/utils/translate'
 import { deepCopy, isPreventDrop } from '@/utils/utils'
-import { computed, nextTick, onMounted, ref, toRefs, reactive, onBeforeMount } from 'vue'
+import { computed, nextTick, onMounted, ref, toRefs, reactive } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { contextmenuStoreWithOut } from '@/store/modules/data-visualization/contextmenu'
@@ -256,11 +256,6 @@ const isActive = () => {
   return active.value && !element.value['isLock'] && isEditMode.value
 }
 
-// 处理旋转
-const handleRotate = () => {
-  //doNothing
-}
-
 const userViewEnlargeOpen = opt => {
   emit('userViewEnlargeOpen', opt)
 }
@@ -340,10 +335,6 @@ const getCursor = () => {
   return result
 }
 
-const outerShapeMouseDown = () => {
-  dvMainStore.setCurComponent({ component: element.value, index: index.value })
-}
-
 const handleBoardMouseDownOnShape = e => {
   dvMainStore.setCurComponent({ component: element.value, index: index.value })
   handleMouseDownOnShape(e)
@@ -685,9 +676,6 @@ const linkageActive = computed(() => {
   return linkageSettingStatus.value && element.value.id === curLinkageView.value.id
 })
 
-const showViewDetails = () => {
-  return null
-}
 const linkJumpSetOpen = () => {
   emit('linkJumpSetOpen')
 }
diff --git a/core/core-frontend/src/components/visualization/CanvasOptBar.vue b/core/core-frontend/src/components/visualization/CanvasOptBar.vue
index 77c7598b05..d13cb4bd7b 100644
--- a/core/core-frontend/src/components/visualization/CanvasOptBar.vue
+++ b/core/core-frontend/src/components/visualization/CanvasOptBar.vue
@@ -10,9 +10,7 @@
 <script lang="ts" setup>
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { computed } from 'vue'
-import { useI18n } from '@/hooks/web/useI18n'
 import { isMainCanvas } from '@/utils/canvasUtils'
-const { t } = useI18n()
 
 const dvMainStore = dvMainStoreWithOut()
 
diff --git a/core/core-frontend/src/components/visualization/ComponentButton.vue b/core/core-frontend/src/components/visualization/ComponentButton.vue
index 2dc5e1da88..4c4e926db9 100644
--- a/core/core-frontend/src/components/visualization/ComponentButton.vue
+++ b/core/core-frontend/src/components/visualization/ComponentButton.vue
@@ -2,7 +2,7 @@
 import { toRefs } from 'vue'
 import { propTypes } from '@/utils/propTypes'
 import Icon from '../icon-custom/src/Icon.vue'
-import { ElCol, ElIcon } from 'element-plus-secondary'
+import { ElCol } from 'element-plus-secondary'
 
 const props = defineProps({
   title: propTypes.string,
diff --git a/core/core-frontend/src/components/visualization/ComponentEditBar.vue b/core/core-frontend/src/components/visualization/ComponentEditBar.vue
index d8ecabcbb9..81ced527a5 100644
--- a/core/core-frontend/src/components/visualization/ComponentEditBar.vue
+++ b/core/core-frontend/src/components/visualization/ComponentEditBar.vue
@@ -145,23 +145,13 @@
 </template>
 
 <script lang="ts" setup>
-import {
-  computed,
-  onBeforeUnmount,
-  onMounted,
-  onUnmounted,
-  reactive,
-  ref,
-  toRefs,
-  watch
-} from 'vue'
+import { computed, onBeforeUnmount, onMounted, reactive, toRefs, watch } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
 import { useI18n } from '@/hooks/web/useI18n'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import eventBus from '@/utils/eventBus'
 import { useEmitt } from '@/hooks/web/useEmitt'
-import { getViewLinkageGather } from '@/api/visualization/linkage'
 import { copyStoreWithOut } from '@/store/modules/data-visualization/copy'
 import { exportExcelDownload } from '@/views/chart/components/js/util'
 import FieldsList from '@/custom-component/rich-text/FieldsList.vue'
@@ -229,10 +219,6 @@ const barShowCheck = barName => {
   )
 }
 
-const linkageCheckShowAttach = computed(() => {
-  return curLinkageView.value !== element.value
-})
-
 const mainBackgroundShow = computed(() => {
   return !['batchOpt', 'multiplexing'].includes(showPosition.value)
 })
@@ -262,18 +248,9 @@ const props = defineProps({
   }
 })
 
-const { element, active, index, showPosition, canvasId } = toRefs(props)
-const {
-  batchOptStatus,
-  pcMatrixCount,
-  curComponent,
-  componentData,
-  canvasStyleData,
-  targetLinkageInfo,
-  curLinkageView,
-  dvInfo,
-  canvasViewInfo
-} = storeToRefs(dvMainStore)
+const { element, index, showPosition, canvasId } = toRefs(props)
+const { batchOptStatus, pcMatrixCount, curComponent, componentData, canvasViewInfo } =
+  storeToRefs(dvMainStore)
 
 const state = reactive({
   systemOS: 'Mac',
@@ -401,25 +378,6 @@ const batchOptChange = val => {
 }
 // 批量操作-End
 
-// 联动-Begin
-const linkageSetting = () => {
-  // sourceViewId 也加入查询
-  const targetViewIds = componentData.value
-    .filter(item => item.component === 'UserView')
-    .map(item => item.id)
-
-  // 获取当前仪表板当前视图联动信息
-  const requestInfo = {
-    dvId: dvInfo.value.id,
-    sourceViewId: curComponent.value.id,
-    targetViewIds: targetViewIds,
-    linkageInfo: null
-  }
-  getViewLinkageGather(requestInfo).then(rsp => {
-    dvMainStore.setLinkageTargetInfo(rsp.data)
-  })
-}
-
 const linkageChange = item => {
   let checkResult = false
   if (item.linkageFilters && item.linkageFilters.length > 0) {
@@ -458,25 +416,10 @@ const existLinkage = computed(() => {
   return linkageFiltersCount
 })
 
-const linkageInfo = computed(() => {
-  return targetLinkageInfo.value[element.value.id]
-})
-
 // 清除相同sourceViewId 的 联动条件
 const clearLinkage = () => {
   dvMainStore.clearViewLinkage(element.value.id)
 }
-const linkageSetOpen = () => {
-  emits('linkageSetOpen')
-}
-
-// 联动-End
-
-// 跳转-Begin
-const linkJumpSetOpen = () => {
-  emits('linkJumpSetOpen')
-}
-// 跳转-End
 
 // 富文本-Begin
 
diff --git a/core/core-frontend/src/components/visualization/DvSidebar.vue b/core/core-frontend/src/components/visualization/DvSidebar.vue
index 9c34585544..9653bf6e09 100644
--- a/core/core-frontend/src/components/visualization/DvSidebar.vue
+++ b/core/core-frontend/src/components/visualization/DvSidebar.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, computed, toRefs } from 'vue'
+import { computed, toRefs } from 'vue'
 import { ElIcon } from 'element-plus-secondary'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
@@ -36,8 +36,6 @@ const props = defineProps({
 })
 
 const { width, asidePosition, sideName, themeInfo } = toRefs(props)
-const isCollapse = ref(false)
-const collapseWidth = ref(30)
 const collapseChange = () => {
   canvasCollapse.value[sideName.value] = !canvasCollapse.value[sideName.value]
 }
diff --git a/core/core-frontend/src/components/visualization/EditMenu.vue b/core/core-frontend/src/components/visualization/EditMenu.vue
index 84b69999c1..80eb04c7cc 100644
--- a/core/core-frontend/src/components/visualization/EditMenu.vue
+++ b/core/core-frontend/src/components/visualization/EditMenu.vue
@@ -2,14 +2,9 @@
 import { ref, onMounted } from 'vue'
 import { Icon } from '@/components/icon-custom'
 import { useUserStoreWithOut } from '@/store/modules/user'
-import { usePermissionStoreWithOut } from '@/store/modules/permission'
-import { switchLangApi } from '@/api/user'
-const permissionStore = usePermissionStoreWithOut()
 const userStore = useUserStoreWithOut()
 const language = ref(null)
-const handleSetLanguage = lang => {
-  test
-}
+const handleSetLanguage = lang => lang
 onMounted(() => {
   language.value = userStore.getLanguage
 })
diff --git a/core/core-frontend/src/components/visualization/HyperlinksDialog.vue b/core/core-frontend/src/components/visualization/HyperlinksDialog.vue
index 619336c8b4..ecd916e9fb 100644
--- a/core/core-frontend/src/components/visualization/HyperlinksDialog.vue
+++ b/core/core-frontend/src/components/visualization/HyperlinksDialog.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, toRefs } from 'vue'
+import { reactive } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { checkAddHttp, deepCopy } from '@/utils/utils'
diff --git a/core/core-frontend/src/components/visualization/JumpSetOuterContentEditor.vue b/core/core-frontend/src/components/visualization/JumpSetOuterContentEditor.vue
index 34064d1072..ec6619416a 100644
--- a/core/core-frontend/src/components/visualization/JumpSetOuterContentEditor.vue
+++ b/core/core-frontend/src/components/visualization/JumpSetOuterContentEditor.vue
@@ -8,11 +8,10 @@
 </template>
 
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, reactive, ref, toRefs } from 'vue'
+import { onBeforeUnmount, reactive, ref, toRefs } from 'vue'
 import CodeMirror from '@/views/visualized/data/dataset/form/CodeMirror.vue'
 const myCm = ref(null)
 const mirror = ref(null)
-const emits = defineEmits(['editorClose'])
 const props = defineProps({
   linkJumpInfoArray: Array,
   linkJumpInfo: Object
diff --git a/core/core-frontend/src/components/visualization/LinkJumpSet.vue b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
index d746fb5676..a7c665fa88 100644
--- a/core/core-frontend/src/components/visualization/LinkJumpSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
@@ -399,7 +399,6 @@ import { ElMessage, ElScrollbar } from 'element-plus-secondary'
 import { useI18n } from '@/hooks/web/useI18n'
 import { getDatasetDetails, listFieldByDatasetGroup } from '@/api/dataset'
 import { BusiTreeRequest } from '@/models/tree/TreeNode'
-import { CalcFieldType } from '@/views/visualized/data/dataset/form/CalcFieldEdit.vue'
 import JumpSetOuterContentEditor from '@/components/visualization/JumpSetOuterContentEditor.vue'
 import { Search } from '@element-plus/icons-vue'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
@@ -425,7 +424,6 @@ const state = reactive({
   name2Auto: [],
   searchField: '',
   searchFunction: '',
-  loading: false,
   inputType: 'self',
   fieldName: 'name',
   tableRadio: null,
@@ -475,7 +473,6 @@ const state = reactive({
   quota: []
 })
 
-const emits = defineEmits(['closeJumpSetDialog'])
 const outerContentEditor = ref(null)
 
 const dialogInit = viewItem => {
@@ -602,7 +599,7 @@ const save = () => {
   }
   state.loading = true
   updateJumpSet(state.linkJump)
-    .then(rsp => {
+    .then(() => {
       snapshotStore.recordSnapshotCache()
       ElMessage.success('保存成功')
       // 刷新跳转信息
@@ -616,7 +613,7 @@ const save = () => {
       state.loading = false
     })
 }
-const nodeClick = (data, node?) => {
+const nodeClick = data => {
   state.linkJumpInfo = state.mapJumpInfoArray[data.sourceFieldId]
   if (!state.linkJumpInfo.linkType) {
     state.linkJumpInfo.linkType = 'outer'
@@ -654,20 +651,13 @@ const getPanelViewList = dvId => {
     }
   })
 }
-const dvNodeClick = (data, node) => {
+const dvNodeClick = data => {
   if (data.leaf) {
     state.linkJumpInfo.targetViewInfoList = []
     addLinkJumpField()
     getPanelViewList(data.id)
   }
 }
-const inputVal = value => {
-  if (!value) {
-    state.linkJumpInfo.targetViewInfoList = []
-    state.viewIdFieldArrayMap = {}
-    state.currentLinkPanelViewArray = []
-  }
-}
 const addLinkJumpField = () => {
   state.linkJumpInfo.targetViewInfoList.push({
     targetViewId: '',
@@ -677,12 +667,6 @@ const addLinkJumpField = () => {
 const deleteLinkJumpField = index => {
   state.linkJumpInfo.targetViewInfoList.splice(index, 1)
 }
-const normalizer = node => {
-  // 去掉children=null的属性
-  if (node.children === null || node.children === 'null') {
-    delete node.children
-  }
-}
 const viewInfoOnChange = targetViewInfo => {
   targetViewInfo.targetFieldId = null
 }
@@ -697,19 +681,6 @@ const cancel = () => {
   state.initState = false
 }
 
-const defaultForm = {
-  originName: '', // 物理字段名
-  name: '', // 字段显示名
-  groupType: 'd', // d=维度，q=指标
-  type: 'VARCHAR',
-  deType: 0, // 字段类型
-  extField: 2,
-  id: '',
-  checked: true
-}
-
-const fieldForm = reactive<CalcFieldType>({ ...(defaultForm as CalcFieldType) })
-
 const insertFieldToCodeMirror = (value: string) => {
   outerContentEditor.value.insertFieldToCodeMirror(value)
 }
@@ -724,14 +695,14 @@ const filterNodeMethod = (value, data) => {
 
 watch(
   () => state.showSelected,
-  (newValue, oldValue) => {
+  newValue => {
     linkJumpInfoTree.value?.filter(newValue)
   }
 )
 
 watch(
   () => outerContentShow.value,
-  (newValue, oldValue) => {
+  newValue => {
     if (newValue) {
       codeMirrorContentSet(state.linkJumpInfo.content)
     }
diff --git a/core/core-frontend/src/components/visualization/LinkageField.vue b/core/core-frontend/src/components/visualization/LinkageField.vue
index 4184372399..8860c00326 100644
--- a/core/core-frontend/src/components/visualization/LinkageField.vue
+++ b/core/core-frontend/src/components/visualization/LinkageField.vue
@@ -113,10 +113,10 @@
 import { checkSameDataSet } from '@/api/chart'
 import { storeToRefs } from 'pinia'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { computed, defineEmits, onMounted, reactive, toRefs } from 'vue'
+import { computed, onMounted, toRefs } from 'vue'
 import { Plus, Delete } from '@element-plus/icons-vue'
 const dvMainStore = dvMainStoreWithOut()
-const { linkageSettingStatus, targetLinkageInfo, curLinkageView } = storeToRefs(dvMainStore)
+const { targetLinkageInfo, curLinkageView } = storeToRefs(dvMainStore)
 
 const props = defineProps({
   element: {
@@ -136,15 +136,7 @@ const props = defineProps({
   }
 })
 
-const { element, active, activeModel } = toRefs(props)
-const emits = defineEmits(['showViewDetails'])
-
-const state = reactive({
-  componentType: null,
-  linkageActiveStatus: false,
-  editFilter: ['view', 'custom']
-})
-
+const { element } = toRefs(props)
 const linkageInfo = computed(() => {
   return targetLinkageInfo.value[element.value.id]
 })
@@ -153,17 +145,6 @@ const sourceLinkageInfo = computed(() => {
   return targetLinkageInfo.value[curLinkageView.value.id]
 })
 
-const showViewDetails = () => {
-  emits('showViewDetails')
-}
-const edit = () => {
-  return null
-}
-
-const linkageEdit = () => {
-  return null
-}
-
 const deleteLinkageField = index => {
   linkageInfo.value.linkageFields.splice(index, 1)
 }
diff --git a/core/core-frontend/src/components/visualization/LinkageSet.vue b/core/core-frontend/src/components/visualization/LinkageSet.vue
index f0d56f0d0e..e889bbb05e 100644
--- a/core/core-frontend/src/components/visualization/LinkageSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSet.vue
@@ -198,7 +198,6 @@ import {
 import { getDatasetDetails } from '@/api/dataset'
 import { findAllViewsId } from '@/utils/canvasUtils'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
-import { checkSameDataSet } from '@/api/chart'
 const dvMainStore = dvMainStoreWithOut()
 const { dvInfo, canvasViewInfo, componentData } = storeToRefs(dvMainStore)
 const linkageInfoTree = ref(null)
@@ -314,7 +313,7 @@ const saveLinkageSetting = () => {
   }
   loading.value = true
   saveLinkage(request)
-    .then(rsp => {
+    .then(() => {
       snapshotStore.recordSnapshotCache()
       ElMessage.success('保存成功')
       // 刷新联动信息
@@ -338,7 +337,7 @@ const cancelLinkageSetting = () => {
   dvMainStore.clearLinkageSettingInfo()
 }
 
-const nodeClick = (data, node?) => {
+const nodeClick = data => {
   state.linkageInfo = data
 }
 
@@ -398,7 +397,7 @@ const filterNodeMethod = (value, data) => {
 
 watch(
   () => state.showSelected,
-  (newValue, oldValue) => {
+  newValue => {
     linkageInfoTree.value?.filter(newValue)
   }
 )
diff --git a/core/core-frontend/src/components/visualization/SettingMenu.vue b/core/core-frontend/src/components/visualization/SettingMenu.vue
index fd69eb2f1b..2ab8d0feb0 100644
--- a/core/core-frontend/src/components/visualization/SettingMenu.vue
+++ b/core/core-frontend/src/components/visualization/SettingMenu.vue
@@ -150,20 +150,16 @@ import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
 import eventBus from '@/utils/eventBus'
 import { copyStoreWithOut } from '@/store/modules/data-visualization/copy'
-import { lockStoreWithOut } from '@/store/modules/data-visualization/lock'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { layerStoreWithOut } from '@/store/modules/data-visualization/layer'
-import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
 import { useI18n } from '@/hooks/web/useI18n'
 import TabCarouselDialog from '@/components/visualization/TabCarouselDialog.vue'
 import HyperlinksDialog from '@/components/visualization/HyperlinksDialog.vue'
 const { t } = useI18n()
 const snapshotStore = snapshotStoreWithOut()
 const copyStore = copyStoreWithOut()
-const lockStore = lockStoreWithOut()
 const dvMainStore = dvMainStoreWithOut()
 const layerStore = layerStoreWithOut()
-const composeStore = composeStoreWithOut()
 const { curComponent, componentData, dvInfo } = storeToRefs(dvMainStore)
 const customTabsSort = ref(null)
 const emits = defineEmits(['amRemoveItem', 'linkJumpSet', 'boardSet'])
@@ -259,21 +255,11 @@ const handleMouseUp = () => {
   dvMainStore.setClickComponentStatus(true)
 }
 
-const cut = () => {
-  deleteCurCondition()
-  copyStore.cut()
-}
-
 const copy = () => {
   copyStore.copy()
   copyStore.paste(false)
 }
 
-const paste = () => {
-  copyStore.paste(false)
-  snapshotStore.recordSnapshotCache('SettingMenu-paste')
-}
-
 const deleteComponent = () => {
   if (
     curComponent.value.type === 'custom-button' &&
diff --git a/core/core-frontend/src/components/visualization/UserViewEnlarge.vue b/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
index 1e0c908fa2..33e12b8306 100644
--- a/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
+++ b/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
@@ -51,7 +51,7 @@
 
 <script setup lang="ts">
 import ComponentWrapper from '@/components/data-visualization/canvas/ComponentWrapper.vue'
-import { computed, nextTick, ref } from 'vue'
+import { nextTick, ref } from 'vue'
 import { toPng } from 'html-to-image'
 import { useI18n } from '@/hooks/web/useI18n'
 import { deepCopy } from '@/utils/utils'
@@ -60,7 +60,6 @@ import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { VIEW_DETAILS_BASH_STYLE } from '@/views/chart/components/editor/util/dataVisualiztion'
 import { exportExcelDownload } from '@/views/chart/components/js/util'
 import { storeToRefs } from 'pinia'
-import { downloadCanvas } from '@/utils/imgUtils'
 const dvMainStore = dvMainStoreWithOut()
 const dialogShow = ref(false)
 let viewInfo = ref(null)
@@ -72,10 +71,6 @@ const optType = ref(null)
 const chartComponentDetails = ref(null)
 const { dvInfo } = storeToRefs(dvMainStore)
 
-const titleInfo = computed(() => {
-  return optType.value === 'enlarge' ? config?.value?.name : '查看数据'
-})
-
 const dialogInit = (canvasStyle, view, item, opt) => {
   optType.value = opt
   dialogShow.value = true
diff --git a/core/core-frontend/src/components/visualization/common/ComponentPosition.vue b/core/core-frontend/src/components/visualization/common/ComponentPosition.vue
index cb51623628..981fd92741 100644
--- a/core/core-frontend/src/components/visualization/common/ComponentPosition.vue
+++ b/core/core-frontend/src/components/visualization/common/ComponentPosition.vue
@@ -32,7 +32,7 @@ const snapshotStore = snapshotStoreWithOut()
 const dvMainStore = dvMainStoreWithOut()
 const { curComponent } = storeToRefs(dvMainStore)
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
     themes: EditorTheme
   }>(),
diff --git a/core/core-frontend/src/components/visualization/common/DeUpload.vue b/core/core-frontend/src/components/visualization/common/DeUpload.vue
index 97be0b606d..f6fec8d639 100644
--- a/core/core-frontend/src/components/visualization/common/DeUpload.vue
+++ b/core/core-frontend/src/components/visualization/common/DeUpload.vue
@@ -75,7 +75,7 @@ const init = () => {
   }
 }
 
-const handleRemove = (file, fileList) => {
+const handleRemove = () => {
   state.uploadDisabled = false
   imgUrlInner.value = null
   state.fileList = []
@@ -92,9 +92,6 @@ const upload = file => {
     emits('onImgChange', fileUrl)
   })
 }
-const goFile = () => {
-  files.value.click()
-}
 
 const reUpload = e => {
   const file = e.target.files[0]
diff --git a/core/core-frontend/src/components/visualization/component-background/BackgroundItem.vue b/core/core-frontend/src/components/visualization/component-background/BackgroundItem.vue
index 60763139b2..a294ab407e 100644
--- a/core/core-frontend/src/components/visualization/component-background/BackgroundItem.vue
+++ b/core/core-frontend/src/components/visualization/component-background/BackgroundItem.vue
@@ -24,7 +24,6 @@
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { hexColorToRGBA } from '@/views/chart/components/js/util'
 import { storeToRefs } from 'pinia'
-import { imgUrlTrans } from '@/utils/imgUtils'
 import { computed, toRefs } from 'vue'
 const dvMainStore = dvMainStoreWithOut()
 const { curComponent } = storeToRefs(dvMainStore)
@@ -69,17 +68,6 @@ const itemActive = computed(() => {
 const setBoard = () => {
   curComponent.value.commonBackground.innerImage = template.value.url
 }
-
-const classBackground = computed(() => {
-  if (template.value.url) {
-    return {
-      background: `url(${imgUrlTrans(template.value.url)}) no-repeat`,
-      'background-size': `100% 100%`
-    }
-  } else {
-    return {}
-  }
-})
 </script>
 
 <style scoped>
diff --git a/core/core-frontend/src/components/visualization/component-background/BackgroundItemOverall.vue b/core/core-frontend/src/components/visualization/component-background/BackgroundItemOverall.vue
index 3be885a679..e6fa8f57a7 100644
--- a/core/core-frontend/src/components/visualization/component-background/BackgroundItemOverall.vue
+++ b/core/core-frontend/src/components/visualization/component-background/BackgroundItemOverall.vue
@@ -24,7 +24,6 @@
 import Icon from '@/components/icon-custom/src/Icon.vue'
 import { computed, toRefs } from 'vue'
 import { hexColorToRGBA } from '@/views/chart/components/js/util'
-import { imgUrlTrans } from '@/utils/imgUtils'
 
 const props = defineProps({
   template: {
@@ -58,16 +57,6 @@ const mainIconClass = computed(() => {
 const itemActive = computed(() => {
   return commonBackground.value && commonBackground.value.innerImage === template.value.url
 })
-const classBackground = computed(() => {
-  if (template.value.url) {
-    return {
-      background: `url(${imgUrlTrans(template.value.url)}) no-repeat`,
-      'background-size': `100% 100%`
-    }
-  } else {
-    return {}
-  }
-})
 
 const setBoard = () => {
   commonBackground.value.innerImage = template.value.url
diff --git a/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue b/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
index 94ac3f39a3..87d217c97f 100644
--- a/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
+++ b/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
@@ -278,10 +278,6 @@ const reUpload = e => {
   })
 }
 
-const mainIconClass = itemUrl => {
-  return itemUrl.url.replace('board/', '').replace('.svg', '')
-}
-
 const queryBackground = () => {
   queryVisualizationBackground().then(response => {
     state.BackgroundShowMap = response.data
@@ -300,10 +296,8 @@ queryBackground()
 const commitStyle = () => {
   snapshotStore.recordSnapshotCache()
 }
-const onChangeType = () => {
-  commitStyle()
-}
-const handleRemove = (file, fileList) => {
+
+const handleRemove = () => {
   state.uploadDisabled = false
   state.commonBackground['outerImage'] = null
   state.fileList = []
@@ -348,7 +342,7 @@ onMounted(() => {
   init()
   const erd = elementResizeDetectorMaker()
   containerWidth.value = bgForm.value?.offsetWidth
-  erd.listenTo(bgForm.value, element => {
+  erd.listenTo(bgForm.value, () => {
     nextTick(() => {
       containerWidth.value = bgForm.value?.offsetWidth
     })
diff --git a/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue b/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue
index 4c13fd474c..329de8b308 100644
--- a/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue
+++ b/core/core-frontend/src/components/visualization/component-background/CanvasBackground.vue
@@ -108,26 +108,24 @@
 
 <script setup lang="ts">
 import { COLOR_PANEL } from '@/views/chart/components/editor/util/chart'
-import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue'
+import { onMounted, reactive, ref, watch } from 'vue'
 import { imgUrlTrans } from '@/utils/imgUtils'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { beforeUploadCheck, uploadFileResult } from '@/api/staticResource'
 import { useI18n } from '@/hooks/web/useI18n'
-import elementResizeDetectorMaker from 'element-resize-detector'
 import { ElButton, ElMessage } from 'element-plus-secondary'
 import ImgViewDialog from '@/custom-component/ImgViewDialog.vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
 const snapshotStore = snapshotStoreWithOut()
 const { t } = useI18n()
-const emits = defineEmits(['onBackgroundChange'])
 const files = ref(null)
 const maxImageSize = 15000000
 
 const dvMainStore = dvMainStoreWithOut()
 const { canvasStyleData } = storeToRefs(dvMainStore)
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
     themes?: EditorTheme
   }>(),
@@ -175,7 +173,7 @@ const init = () => {
   }
 }
 
-const handleRemove = (file, fileList) => {
+const handleRemove = () => {
   state.uploadDisabled = false
   canvasStyleData.value.background = null
   state.fileList = []
@@ -197,7 +195,6 @@ const onBackgroundChange = () => {
 }
 
 const bgForm = ref()
-const containerWidth = ref()
 
 const computedBackgroundColorPickerWidth = 50
 
diff --git a/core/core-frontend/src/custom-component/canvas-board/Attr.vue b/core/core-frontend/src/custom-component/canvas-board/Attr.vue
index 3b7b1f0044..c989a7c7dc 100644
--- a/core/core-frontend/src/custom-component/canvas-board/Attr.vue
+++ b/core/core-frontend/src/custom-component/canvas-board/Attr.vue
@@ -4,7 +4,7 @@ import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
 const dvMainStore = dvMainStoreWithOut()
 const { curComponent } = storeToRefs(dvMainStore)
-const props = withDefaults(
+withDefaults(
   defineProps<{
     themes?: EditorTheme
   }>(),
diff --git a/core/core-frontend/src/custom-component/canvas-board/Component.vue b/core/core-frontend/src/custom-component/canvas-board/Component.vue
index d6461c8d3c..8ab4b0210c 100644
--- a/core/core-frontend/src/custom-component/canvas-board/Component.vue
+++ b/core/core-frontend/src/custom-component/canvas-board/Component.vue
@@ -21,7 +21,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element } = toRefs(props)
+const { element } = toRefs(props)
 </script>
 
 <style lang="less" scoped>
diff --git a/core/core-frontend/src/custom-component/canvas-icon/Component.vue b/core/core-frontend/src/custom-component/canvas-icon/Component.vue
index b3f17e883b..5adf46cb06 100644
--- a/core/core-frontend/src/custom-component/canvas-icon/Component.vue
+++ b/core/core-frontend/src/custom-component/canvas-icon/Component.vue
@@ -26,7 +26,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element } = toRefs(props)
+const { element } = toRefs(props)
 </script>
 
 <style lang="less" scoped>
diff --git a/core/core-frontend/src/custom-component/common/CommonAttr.vue b/core/core-frontend/src/custom-component/common/CommonAttr.vue
index 3dcd69d443..75314390db 100644
--- a/core/core-frontend/src/custom-component/common/CommonAttr.vue
+++ b/core/core-frontend/src/custom-component/common/CommonAttr.vue
@@ -6,7 +6,6 @@ import { styleData, selectKey, optionMap, horizontalPosition } from '@/utils/att
 import ComponentPosition from '@/components/visualization/common/ComponentPosition.vue'
 import BackgroundOverallCommon from '@/components/visualization/component-background/BackgroundOverallCommon.vue'
 import { useI18n } from '@/hooks/web/useI18n'
-import _ from 'lodash'
 import elementResizeDetectorMaker from 'element-resize-detector'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 const snapshotStore = snapshotStoreWithOut()
@@ -45,18 +44,6 @@ const styleKeys = computed(() => {
   }
 })
 
-const styleKeysGroup = computed(() => {
-  const _list = []
-  _.forEach(styleKeys.value, (x, i) => {
-    const index = i % 2
-    if (_list[index] === undefined) {
-      _list[index] = []
-    }
-    _list[index].push(x)
-  })
-  return _list
-})
-
 const onChange = () => {
   element.value.collapseName = activeName
 }
@@ -99,14 +86,6 @@ const colorPickerWidth = computed(() => {
   }
 })
 
-const onStyleChange = computed(() => {
-  if (containerWidth.value <= 240) {
-    return 108
-  } else {
-    return 197
-  }
-})
-
 const backgroundCustomShow = computed(() => {
   return (
     dashboardActive.value ||
@@ -117,7 +96,7 @@ const backgroundCustomShow = computed(() => {
 onMounted(() => {
   const erd = elementResizeDetectorMaker()
   containerWidth.value = containerRef.value?.offsetWidth
-  erd.listenTo(containerRef.value, element => {
+  erd.listenTo(containerRef.value, () => {
     nextTick(() => {
       containerWidth.value = containerRef.value?.offsetWidth
     })
diff --git a/core/core-frontend/src/custom-component/common/DeInputNum.vue b/core/core-frontend/src/custom-component/common/DeInputNum.vue
index 994d1487ff..e5865f1180 100644
--- a/core/core-frontend/src/custom-component/common/DeInputNum.vue
+++ b/core/core-frontend/src/custom-component/common/DeInputNum.vue
@@ -14,7 +14,7 @@ const props = defineProps({
   }
 })
 
-const { name, value, min, max, step, themes, disabled } = toRefs(props)
+const { value, min, max, step, themes, disabled } = toRefs(props)
 </script>
 
 <template>
diff --git a/core/core-frontend/src/custom-component/component-group/CommonGroup.vue b/core/core-frontend/src/custom-component/component-group/CommonGroup.vue
index f304803af6..e965ec7099 100644
--- a/core/core-frontend/src/custom-component/component-group/CommonGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/CommonGroup.vue
@@ -1,11 +1,11 @@
 <script setup lang="tsx">
-import { reactive, ref, toRefs } from 'vue'
+import { reactive, ref } from 'vue'
 import eventBus from '@/utils/eventBus'
 import Icon from '@/components/icon-custom/src/Icon.vue'
 import { CANVAS_MATERIAL } from '@/custom-component/common/ComponentConfig'
 import { ElScrollbar } from 'element-plus-secondary'
 
-const props = defineProps({
+defineProps({
   propValue: {
     type: Array,
     default: () => []
@@ -20,9 +20,6 @@ const props = defineProps({
   }
 })
 
-const { propValue, element } = toRefs(props)
-const currentPane = ref('common')
-
 const commonGroup = ref<InstanceType<typeof ElScrollbar>>()
 
 const state = reactive({
@@ -31,7 +28,7 @@ const state = reactive({
 })
 
 const scrollTo = offsetTop => {
-  commonGroup?.value!.setScrollTop(offsetTop)
+  commonGroup?.value.setScrollTop(offsetTop)
 }
 
 const anchorPosition = anchor => {
diff --git a/core/core-frontend/src/custom-component/component-group/DragComponent.vue b/core/core-frontend/src/custom-component/component-group/DragComponent.vue
index 378af18887..b7ccdf70c4 100644
--- a/core/core-frontend/src/custom-component/component-group/DragComponent.vue
+++ b/core/core-frontend/src/custom-component/component-group/DragComponent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, toRefs } from 'vue'
+import { toRefs } from 'vue'
 import Icon from '@/components/icon-custom/src/Icon.vue'
 
 const props = defineProps({
diff --git a/core/core-frontend/src/custom-component/component-group/MediaGroup.vue b/core/core-frontend/src/custom-component/component-group/MediaGroup.vue
index b092e0eb24..883ada88c9 100644
--- a/core/core-frontend/src/custom-component/component-group/MediaGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/MediaGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, toRefs } from 'vue'
+import { toRefs } from 'vue'
 import eventBus from '@/utils/eventBus'
 import DragComponent from '@/custom-component/component-group/DragComponent.vue'
 import { commonHandleDragEnd, commonHandleDragStart } from '@/utils/canvasUtils'
@@ -27,9 +27,8 @@ const props = defineProps({
   }
 })
 
-const { propValue, element, dvModel } = toRefs(props)
-const currentPane = ref('common')
-const newComponent = innerType => {
+const { dvModel } = toRefs(props)
+const newComponent = () => {
   eventBus.emit('handleNew', { componentName: 'Picture', innerType: 'Picture' })
 }
 
@@ -47,7 +46,7 @@ const handleDragEnd = e => {
     class="group"
     @dragstart="handleDragStart"
     @dragend="handleDragEnd"
-    v-on:click="newComponent('Picture')"
+    v-on:click="newComponent"
   >
     <drag-component
       :themes="themes"
diff --git a/core/core-frontend/src/custom-component/component-group/QueryGroup.vue b/core/core-frontend/src/custom-component/component-group/QueryGroup.vue
index f71b39f6f4..62fd5955dd 100644
--- a/core/core-frontend/src/custom-component/component-group/QueryGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/QueryGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, toRefs } from 'vue'
+import { toRefs } from 'vue'
 import eventBus from '@/utils/eventBus'
 import DragComponent from '@/custom-component/component-group/DragComponent.vue'
 import { commonHandleDragEnd, commonHandleDragStart } from '@/utils/canvasUtils'
@@ -27,8 +27,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element, dvModel } = toRefs(props)
-const currentPane = ref('common')
+const { dvModel } = toRefs(props)
 
 const handleDragStart = e => {
   commonHandleDragStart(e, dvModel.value)
diff --git a/core/core-frontend/src/custom-component/component-group/TabsGroup.vue b/core/core-frontend/src/custom-component/component-group/TabsGroup.vue
index 14af8327a9..4b97de9e9b 100644
--- a/core/core-frontend/src/custom-component/component-group/TabsGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/TabsGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, toRefs } from 'vue'
+import { toRefs } from 'vue'
 import eventBus from '@/utils/eventBus'
 import DragComponent from '@/custom-component/component-group/DragComponent.vue'
 import { commonHandleDragEnd, commonHandleDragStart } from '@/utils/canvasUtils'
@@ -27,9 +27,8 @@ const props = defineProps({
   }
 })
 
-const { propValue, element, dvModel } = toRefs(props)
-const currentPane = ref('common')
-const newComponent = innerType => {
+const { dvModel } = toRefs(props)
+const newComponent = () => {
   eventBus.emit('handleNew', { componentName: 'DeTabs', innerType: 'DeTabs' })
 }
 
@@ -47,7 +46,7 @@ const handleDragEnd = e => {
     class="group"
     @dragstart="handleDragStart"
     @dragend="handleDragEnd"
-    v-on:click="newComponent('DeTabs')"
+    v-on:click="newComponent"
   >
     <drag-component
       :themes="themes"
diff --git a/core/core-frontend/src/custom-component/component-group/TextGroup.vue b/core/core-frontend/src/custom-component/component-group/TextGroup.vue
index a5a59de55a..234cfa46ef 100644
--- a/core/core-frontend/src/custom-component/component-group/TextGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/TextGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, toRefs } from 'vue'
+import { toRefs } from 'vue'
 import eventBus from '@/utils/eventBus'
 import DragComponent from '@/custom-component/component-group/DragComponent.vue'
 import { commonHandleDragEnd, commonHandleDragStart } from '@/utils/canvasUtils'
@@ -27,8 +27,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element, dvModel, themes } = toRefs(props)
-const currentPane = ref('common')
+const { dvModel, themes } = toRefs(props)
 
 const handleDragStart = e => {
   commonHandleDragStart(e, dvModel.value)
@@ -38,7 +37,7 @@ const handleDragEnd = e => {
   commonHandleDragEnd(e, dvModel.value)
 }
 
-const newComponent = componentName => {
+const newComponent = () => {
   eventBus.emit('handleNew', { componentName: 'UserView', innerType: 'rich-text' })
 }
 </script>
@@ -48,7 +47,7 @@ const newComponent = componentName => {
     class="group"
     @dragstart="handleDragStart"
     @dragend="handleDragEnd"
-    v-on:click="newComponent('VText')"
+    v-on:click="newComponent"
   >
     <drag-component
       :themes="themes"
diff --git a/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue b/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
index c5b2ef87ce..139be6d5d2 100644
--- a/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
@@ -29,8 +29,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element, dvModel } = toRefs(props)
-const currentPane = ref('common')
+const { dvModel } = toRefs(props)
 
 const userViewGroup = ref<InstanceType<typeof ElScrollbar>>()
 
@@ -40,7 +39,7 @@ const state = reactive({
 })
 
 const scrollTo = offsetTop => {
-  userViewGroup?.value!.setScrollTop(offsetTop)
+  userViewGroup?.value.setScrollTop(offsetTop)
 }
 
 const anchorPosition = anchor => {
diff --git a/core/core-frontend/src/custom-component/de-tabs/Component.vue b/core/core-frontend/src/custom-component/de-tabs/Component.vue
index 18c1997231..d6ea41b272 100644
--- a/core/core-frontend/src/custom-component/de-tabs/Component.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/Component.vue
@@ -110,13 +110,10 @@ import { guid } from '@/views/visualized/data/dataset/form/util'
 import eventBus from '@/utils/eventBus'
 import { canvasChangeAdaptor, findComponentIndexById } from '@/utils/canvasUtils'
 import DeCustomTab from '@/custom-component/de-tabs/DeCustomTab.vue'
-import { useI18n } from '@/hooks/web/useI18n'
 import DePreview from '@/components/data-visualization/canvas/DePreview.vue'
 import { useEmitt } from '@/hooks/web/useEmitt'
 const dvMainStore = dvMainStoreWithOut()
-const { curComponent, tabMoveInActiveId, bashMatrixInfo } = storeToRefs(dvMainStore)
-const tabCanvas = ref(null)
-const { t } = useI18n()
+const { tabMoveInActiveId, bashMatrixInfo } = storeToRefs(dvMainStore)
 const tabComponentRef = ref(null)
 
 const props = defineProps({
@@ -158,7 +155,6 @@ const state = reactive({
   textarea: '',
   dialogVisible: false
 })
-const curItem = ref(null)
 const tabsAreaScroll = ref(false)
 const editableTabsValue = ref(null)
 
@@ -239,23 +235,6 @@ function handleCommand(command) {
       break
   }
 }
-function removeTab(targetName: string) {
-  let tabs = element.value.propValue
-  let activeName = editableTabsValue.value
-  if (activeName === targetName) {
-    tabs.forEach((tab: any, index: number) => {
-      if (tab.name === targetName) {
-        let nextTab = tabs[index + 1] || tabs[index - 1]
-        if (nextTab) {
-          activeName = nextTab.name
-        }
-      }
-    })
-  }
-
-  editableTabsValue.value = activeName
-  element.value.propValue = tabs.filter((tab: any) => tab.name !== targetName)
-}
 
 const componentMoveIn = component => {
   element.value.propValue.forEach((tabItem, index) => {
@@ -344,19 +323,6 @@ const activeColor = computed(() => {
   }
 })
 
-const borderColor = computed(() => {
-  if (
-    element.value &&
-    element.value.style &&
-    element.value.style.headBorderColor &&
-    typeof element.value.style.headBorderColor === 'string'
-  ) {
-    return element.value.style.headBorderColor
-  } else {
-    return 'none'
-  }
-})
-
 const borderActiveColor = computed(() => {
   if (
     element.value &&
@@ -374,10 +340,6 @@ const titleValid = computed(() => {
   return !!state.textarea && !!state.textarea.trim()
 })
 
-const isCurrentEdit = computed(() => {
-  return isEdit.value && curComponent.value && curComponent.value.id === element.value.id
-})
-
 watch(
   () => element.value,
   () => {
diff --git a/core/core-frontend/src/custom-component/de-tabs/DeCustomTab.vue b/core/core-frontend/src/custom-component/de-tabs/DeCustomTab.vue
index 444db17200..accd4c0c92 100644
--- a/core/core-frontend/src/custom-component/de-tabs/DeCustomTab.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/DeCustomTab.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { computed } from 'vue'
 const props = defineProps({
   /* 颜色可以单词，如red；也可以是颜色值 */
   // 字体颜色
diff --git a/core/core-frontend/src/custom-component/de-tabs/DeFullTabs.vue b/core/core-frontend/src/custom-component/de-tabs/DeFullTabs.vue
index 5f02d22de5..0dc11a5b02 100644
--- a/core/core-frontend/src/custom-component/de-tabs/DeFullTabs.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/DeFullTabs.vue
@@ -88,7 +88,7 @@ function handleCommand(e: any) {
 }
 
 /* 活动标签切换时触发 */
-function beforeLeave(currentName: TabPanelName, oldName: TabPanelName) {
+function beforeLeave(currentName: TabPanelName) {
   // 如果name是add，则什么都不触发
   if (currentName === 'add') {
     return false
diff --git a/core/core-frontend/src/custom-component/group/Component.vue b/core/core-frontend/src/custom-component/group/Component.vue
index c62157b1f8..e60ae2e4f9 100644
--- a/core/core-frontend/src/custom-component/group/Component.vue
+++ b/core/core-frontend/src/custom-component/group/Component.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { toRefs } from 'vue'
-import findComponent from '@/utils/components'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
 import ComponentWrapper from '@/components/data-visualization/canvas/ComponentWrapper.vue'
@@ -37,7 +36,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element, dvInfo, searchCount } = toRefs(props)
+const { propValue, dvInfo, searchCount } = toRefs(props)
 </script>
 
 <template>
diff --git a/core/core-frontend/src/custom-component/picture/Attr.vue b/core/core-frontend/src/custom-component/picture/Attr.vue
index af507a39a1..5f79a958a1 100644
--- a/core/core-frontend/src/custom-component/picture/Attr.vue
+++ b/core/core-frontend/src/custom-component/picture/Attr.vue
@@ -11,7 +11,7 @@ import { imgUrlTrans } from '@/utils/imgUtils'
 import eventBus from '@/utils/eventBus'
 import ImgViewDialog from '@/custom-component/ImgViewDialog.vue'
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
     themes?: EditorTheme
   }>(),
@@ -37,7 +37,7 @@ const handlePictureCardPreview = file => {
   dialogVisible.value = true
 }
 
-const handleRemove = (file, fileList) => {
+const handleRemove = (_, fileList) => {
   uploadDisabled.value = false
   curComponent.value.propValue.url = null
   fileList.value = []
diff --git a/core/core-frontend/src/custom-component/picture/Component.vue b/core/core-frontend/src/custom-component/picture/Component.vue
index 4c4d8e3b72..c66942658d 100644
--- a/core/core-frontend/src/custom-component/picture/Component.vue
+++ b/core/core-frontend/src/custom-component/picture/Component.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, onMounted, ref, toRefs, watch } from 'vue'
+import { CSSProperties, computed, nextTick, toRefs } from 'vue'
 import { imgUrlTrans } from '@/utils/imgUtils'
 import eventBus from '@/utils/eventBus'
 const props = defineProps({
@@ -31,7 +31,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element } = toRefs(props)
+const { propValue } = toRefs(props)
 
 const imageAdapter = computed(() => {
   const style = {
@@ -39,7 +39,7 @@ const imageAdapter = computed(() => {
     width: '100%',
     height: '100%'
   }
-  return style
+  return style as CSSProperties
 })
 
 const uploadImg = () => {
diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichEditor.vue b/core/core-frontend/src/custom-component/rich-text/DeRichEditor.vue
index 869f527c49..a42fdadbf4 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichEditor.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichEditor.vue
@@ -77,7 +77,7 @@ const init = reactive({
   file_picker_types: 'file',
   content_css: '/tinymce-dataease-private/skins/content/default/content.css', //以css文件方式自定义可编辑区域的css样式，css文件需自己创建并引入
   //图片上传
-  images_upload_handler: (blobInfo, progress) =>
+  images_upload_handler: blobInfo =>
     new Promise((resolve, reject) => {
       if (blobInfo.blob().size / 1024 / 1024 > 2) {
         reject({ message: '上传失败，图片大小请控制在 2M 以内', remove: true })
diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
index 59d1e1aae0..8d373c0de1 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
@@ -105,10 +105,7 @@ const state = reactive({
 const dataRowSelect = ref({})
 const dataRowNameSelect = ref({})
 const dataRowFiledName = ref([])
-const drawLeft = ref('none')
-const drawRight = ref('auto')
 const initReady = ref(false)
-const editReady = ref(false)
 const editShow = ref(true)
 const canEdit = ref(false)
 // 初始化配置
@@ -173,7 +170,7 @@ watch(
 
 watch(
   () => myValue.value,
-  val => {
+  () => {
     if (canEdit.value) {
       const ed = tinymce.editors[tinymceId]
       element.value.propValue.textValue = ed.getContent()
@@ -184,16 +181,6 @@ watch(
   }
 )
 
-const changeRightDrawOpen = param => {
-  if (param) {
-    drawLeft.value = 'auto!important'
-    drawRight.value = '380px'
-  } else {
-    drawLeft.value = 'none'
-    drawRight.value = 'auto'
-  }
-}
-
 const viewInit = () => {
   useEmitt({
     name: 'fieldSelect-' + element.value.id,
@@ -254,7 +241,7 @@ const fieldSelect = field => {
   ed.insertContent(attachValue)
   snapshotStore.resetStyleChangeTimes()
 }
-const onClick = e => {
+const onClick = () => {
   const node = tinymce.activeEditor.selection.getNode()
   resetSelect(node)
 }
@@ -311,9 +298,6 @@ const reShow = () => {
     editShow.value = true
   })
 }
-const chartResize = () => {
-  // ignore
-}
 
 const calcData = (view: Chart, callback) => {
   isError.value = false
@@ -403,8 +387,12 @@ const initCurFields = chartDetails => {
 }
 
 const rowDataFormat = (rowData, yDataeaseNames, yDataeaseNamesCfg) => {
-  for (const key in rowData) {
-  }
+  console.log(
+    'rowData, yDataeaseNames, yDataeaseNamesCfg',
+    rowData,
+    yDataeaseNames,
+    yDataeaseNamesCfg
+  )
 }
 
 const renderChart = () => {
diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue
index 818ada806e..085ba7fe62 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue
@@ -1,5 +1,9 @@
 <template>
-  <div class="rich-main-class dark-theme" :class="{ 'edit-model': canEdit,'dark-theme':themes==='dark' }" @dblclick="setEdit">
+  <div
+    class="rich-main-class dark-theme"
+    :class="{ 'edit-model': canEdit, 'dark-theme': themes === 'dark' }"
+    @dblclick="setEdit"
+  >
     <Editor
       v-if="editShow"
       :id="tinymceId"
@@ -65,7 +69,7 @@ const props = defineProps({
   }
 })
 
-const { terminal, propValue, element, editMode, active, disabled } = toRefs(props)
+const { element, editMode, active } = toRefs(props)
 const emits = defineEmits(['onClick'])
 
 const editShow = ref(true)
diff --git a/core/core-frontend/src/custom-component/user-view/Component.vue b/core/core-frontend/src/custom-component/user-view/Component.vue
index 8df566e83d..a9b9a17864 100644
--- a/core/core-frontend/src/custom-component/user-view/Component.vue
+++ b/core/core-frontend/src/custom-component/user-view/Component.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, toRefs, watch } from 'vue'
+import { CSSProperties, computed, toRefs, PropType } from 'vue'
 import Chart from '@/views/chart/components/views/index.vue'
 
 const props = defineProps({
@@ -21,7 +21,7 @@ const props = defineProps({
     }
   },
   view: {
-    type: Object,
+    type: Object as PropType<ChartObj>,
     default() {
       return {
         propValue: null
@@ -56,7 +56,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element, view, active, searchCount, scale, dvType } = toRefs(props)
+const { element, view, active, searchCount, scale } = toRefs(props)
 const autoStyle = computed(() => {
   if (element.value.innerType === 'richText') {
     const curScale = scale.value / 100
@@ -67,7 +67,7 @@ const autoStyle = computed(() => {
       left: 50 * (1 - 1 / curScale) + '%', // 放大余量 除以 2
       top: 50 * (1 - 1 / curScale) + '%', // 放大余量 除以 2
       transform: 'scale(' + curScale + ')'
-    }
+    } as CSSProperties
   } else {
     return {}
   }
diff --git a/core/core-frontend/src/custom-component/v-text/Component.vue b/core/core-frontend/src/custom-component/v-text/Component.vue
index 095ebffeb4..3846d23364 100644
--- a/core/core-frontend/src/custom-component/v-text/Component.vue
+++ b/core/core-frontend/src/custom-component/v-text/Component.vue
@@ -9,7 +9,6 @@ import { storeToRefs } from 'pinia'
 const canEdit = ref(false)
 const ctrlKey = ref(17)
 const isCtrlDown = ref(false)
-const cancelRequest = ref(null)
 
 const emit = defineEmits(['input'])
 const text = ref(null)
@@ -31,7 +30,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element } = toRefs(props)
+const { element } = toRefs(props)
 const dvMainStore = dvMainStoreWithOut()
 const { editMode, curComponent } = storeToRefs(dvMainStore)
 
@@ -80,7 +79,7 @@ const clearStyle = e => {
     document.execCommand('insertText', false, text)
   }
 
-  emit('input', this.element, e.target.innerHTML)
+  emit('input', element.value, e.target.innerHTML)
 }
 
 const handleBlur = e => {
diff --git a/core/core-frontend/src/store/modules/data-visualization/compose.ts b/core/core-frontend/src/store/modules/data-visualization/compose.ts
index 5fd12c994a..9ef8219c0b 100644
--- a/core/core-frontend/src/store/modules/data-visualization/compose.ts
+++ b/core/core-frontend/src/store/modules/data-visualization/compose.ts
@@ -1,7 +1,7 @@
 import { defineStore, storeToRefs } from 'pinia'
 import { store } from '../../index'
 import { dvMainStoreWithOut } from './dvMain'
-import { $, _$, deepCopy } from '@/utils/utils'
+import { $, deepCopy } from '@/utils/utils'
 import decomposeComponent from '@/utils/decomposeComponent'
 import { generateID } from '@/utils/generateID'
 import {
diff --git a/core/core-frontend/src/views/canvas/DeCanvas.vue b/core/core-frontend/src/views/canvas/DeCanvas.vue
index d6aa7651ab..6d72595834 100644
--- a/core/core-frontend/src/views/canvas/DeCanvas.vue
+++ b/core/core-frontend/src/views/canvas/DeCanvas.vue
@@ -10,7 +10,7 @@ import elementResizeDetectorMaker from 'element-resize-detector'
 import { getCanvasStyle, syncShapeItemStyle } from '@/utils/style'
 import { adaptCurThemeCommonStyle } from '@/utils/canvasStyle'
 import CanvasCore from '@/components/data-visualization/canvas/CanvasCore.vue'
-import { canvasChangeAdaptor, isMainCanvas, isSameCanvas } from '@/utils/canvasUtils'
+import { isMainCanvas } from '@/utils/canvasUtils'
 
 // change-begin
 const props = defineProps({
@@ -42,7 +42,7 @@ const domId = ref('de-canvas-' + canvasId.value)
 
 const dvMainStore = dvMainStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
-const { curComponent, pcMatrixCount, editMode, curOriginThemes } = storeToRefs(dvMainStore)
+const { pcMatrixCount, curOriginThemes } = storeToRefs(dvMainStore)
 const canvasOut = ref(null)
 const canvasInner = ref(null)
 const canvasInitStatus = ref(false)
@@ -189,7 +189,7 @@ const moveOutFromTab = component => {
 onMounted(() => {
   window.addEventListener('resize', canvasSizeInit)
   const erd = elementResizeDetectorMaker()
-  erd.listenTo(document.getElementById(domId.value), element => {
+  erd.listenTo(document.getElementById(domId.value), () => {
     canvasSizeInit()
   })
   canvasInit()
diff --git a/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue b/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue
index 652e6ad8fe..2302df40b0 100644
--- a/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue
+++ b/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue
@@ -29,8 +29,7 @@ const props = defineProps({
 
 const emit = defineEmits(['onTypeChange'])
 
-const { propValue, element, themes } = toRefs(props)
-const currentPane = ref('common')
+const { themes } = toRefs(props)
 
 const userViewGroup = ref<InstanceType<typeof ElScrollbar>>()
 
@@ -40,7 +39,7 @@ const state = reactive({
 })
 
 const scrollTo = offsetTop => {
-  userViewGroup?.value!.setScrollTop(offsetTop)
+  userViewGroup?.value.setScrollTop(offsetTop)
 }
 
 const anchorPosition = anchor => {
diff --git a/core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue b/core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue
index 7083a05920..16cfc76ad4 100644
--- a/core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue
+++ b/core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue
@@ -78,7 +78,7 @@ const formRef = ref<FormInstance>()
 const searchStr = ref<string>()
 
 watch(searchStr, val => {
-  datasetSelector.value!.filter(val)
+  datasetSelector.value.filter(val)
 })
 
 const showTree = computed(() => {
@@ -88,9 +88,6 @@ const showTree = computed(() => {
 const showEmptyInfo = computed(() => {
   return !showTree.value && !loadingDatasetTree.value
 })
-// const showEmptySearchInfo = computed(() => {
-//   return showEmptyInfo.value && !props.loadingDatasetTree
-// })
 
 const computedTree = computed(() => {
   if (showTree.value) {
@@ -131,11 +128,11 @@ const form = computed(() => {
 
 const rules = ref([
   {
-    validator: (rule: any, value: any, callback: any) => {
+    validator: (...params) => {
       if (!exist.value) {
-        callback(new Error())
+        params[2](new Error())
       } else {
-        callback()
+        params[2]()
       }
     },
     trigger: ['change', 'blur']
@@ -190,7 +187,7 @@ const getFields = (id, chartId) => {
         state.value.dimensionData = JSON.parse(JSON.stringify(state.value.dimension))
         state.value.quotaData = JSON.parse(JSON.stringify(state.value.quota))
       })
-      .catch(e => {
+      .catch(() => {
         state.value.dimension = []
         state.value.quota = []
         state.value.dimensionData = []
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
index c059404294..e2b811e838 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
@@ -1,7 +1,6 @@
 <script lang="tsx" setup>
 import { useI18n } from '@/hooks/web/useI18n'
-import { computed, onMounted, reactive, ref, toRefs, watch } from 'vue'
-import { formatterItem } from '@/views/chart/components/js/formatter'
+import { computed, onMounted, ref, toRefs, watch } from 'vue'
 import { getItemType } from '@/views/chart/components/editor/drag-item/utils'
 import { fieldType } from '@/utils/attr'
 
@@ -10,11 +9,6 @@ const { t } = useI18n()
 const tagType = ref('success')
 const showDateExt = ref(false)
 
-const state = reactive({
-  formatterItem: formatterItem,
-  showDateExt: false
-})
-
 const props = defineProps({
   param: {
     type: Object,
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
index c0bdbd74cb..203f6c5cff 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
@@ -189,28 +189,6 @@ const beforeSummary = type => {
   }
 }
 
-const dateStyle = param => {
-  item.value.dateStyle = param.type
-  emit('onQuotaItemChange', item.value)
-}
-
-const beforeDateStyle = type => {
-  return {
-    type: type
-  }
-}
-
-const datePattern = param => {
-  item.value.datePattern = param.type
-  emit('onQuotaItemChange', item.value)
-}
-
-const beforeDatePattern = type => {
-  return {
-    type: type
-  }
-}
-
 const showRename = () => {
   item.value.index = props.index
   item.value.renameType = props.type
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue
index d7427a3a28..4eb2823f74 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue
@@ -16,7 +16,7 @@ const props = defineProps({
   }
 })
 
-const { formatterItem, chart } = toRefs(props)
+const { formatterItem } = toRefs(props)
 
 const state = reactive({
   typeList: formatterType,
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/ScrollCfg.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/ScrollCfg.vue
index e64910d48d..e61da53d81 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/ScrollCfg.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/ScrollCfg.vue
@@ -1,7 +1,6 @@
 <script lang="tsx" setup>
 import { PropType, reactive, watch } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
-import { DEFAULT_SCROLL, DEFAULT_MISC } from '@/views/chart/components/editor/util/chart'
 
 const { t } = useI18n()
 
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/ChartStyle.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/ChartStyle.vue
index 7124bae631..7a4ea13fe8 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/ChartStyle.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/ChartStyle.vue
@@ -21,7 +21,7 @@ import TableTotalSelector from '@/views/chart/components/editor/editor-style/com
 import MiscStyleSelector from '@/views/chart/components/editor/editor-style/components/MiscStyleSelector.vue'
 
 const dvMainStore = dvMainStoreWithOut()
-const { curComponent, dvInfo } = storeToRefs(dvMainStore)
+const { dvInfo } = storeToRefs(dvMainStore)
 const { t } = useI18n()
 
 const state = {
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/ChartStyleBatchSet.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/ChartStyleBatchSet.vue
index 3c8c21eb7d..e3a0337eb2 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/ChartStyleBatchSet.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/ChartStyleBatchSet.vue
@@ -49,7 +49,6 @@ import CommonAttr from '@/custom-component/common/CommonAttr.vue'
 const dvMainStore = dvMainStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
 
-const emits = defineEmits(['calcStyle'])
 const { batchOptComponentInfo, batchOptComponentType, mixProperties, mixPropertiesInner } =
   storeToRefs(dvMainStore)
 const param = { id: 'mixId', optType: 'edit' }
@@ -59,10 +58,6 @@ const state = reactive({
   quotaData: []
 })
 
-const calcStyle = () => {
-  emits('calcStyle')
-}
-
 const onMiscChange = (val, prop) => {
   batchOptChange('customAttr', 'misc', val.data, prop)
 }
@@ -81,9 +76,6 @@ const onChangeXAxisForm = (val, prop) => {
 const onChangeYAxisForm = (val, prop) => {
   batchOptChange('customStyle', 'yAxis', val, prop)
 }
-const onChangeYAxisExtForm = (val, prop) => {
-  batchOptChange('customStyle', 'yAxisExt', val, prop)
-}
 
 const onChangeMiscStyleForm = (val, prop) => {
   batchOptChange('customStyle', 'misc', val, prop)
@@ -94,12 +86,6 @@ const onTextChange = (val, prop) => {
 const onLegendChange = (val, prop) => {
   batchOptChange('customStyle', 'legend', val, prop)
 }
-const onMarginChange = (val, prop) => {
-  batchOptChange('customStyle', 'margin', val, prop)
-}
-const onSuspensionChange = (val, prop) => {
-  batchOptChange('customAttr', 'suspension', val, prop)
-}
 
 const onBackgroundChange = val => {
   dvMainStore.setBatchChangeBackground(val)
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/MiscSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/MiscSelector.vue
index f2f10d118c..bf0f2dd0dc 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/MiscSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/MiscSelector.vue
@@ -58,13 +58,6 @@ const state = reactive({
   quotaData: []
 })
 
-const lineSymbolOptions = [
-  { name: t('chart.line_symbol_circle'), value: 'circle' },
-  { name: t('chart.line_symbol_rect'), value: 'square' },
-  { name: t('chart.line_symbol_triangle'), value: 'triangle' },
-  { name: t('chart.line_symbol_diamond'), value: 'diamond' }
-]
-
 const liquidShapeOptions = [
   { name: t('chart.liquid_shape_circle'), value: 'circle' },
   { name: t('chart.liquid_shape_diamond'), value: 'diamond' },
@@ -73,29 +66,10 @@ const liquidShapeOptions = [
   { name: t('chart.liquid_shape_rect'), value: 'rect' }
 ]
 
-const pageSizeOptions = [
-  { name: '10' + t('chart.table_page_size_unit'), value: 10 },
-  { name: '20' + t('chart.table_page_size_unit'), value: 20 },
-  { name: '50' + t('chart.table_page_size_unit'), value: 50 },
-  { name: '100' + t('chart.table_page_size_unit'), value: 100 }
-]
-
-const alignOptions = [
-  { name: t('chart.table_align_left'), value: 'left' },
-  { name: t('chart.table_align_center'), value: 'center' },
-  { name: t('chart.table_align_right'), value: 'right' }
-]
-
 const fontFamily = CHART_FONT_FAMILY
 
 const fontLetterSpace = CHART_FONT_LETTER_SPACE
 
-const lineTypeOptions = [
-  { name: t('chart.map_line_type_line'), value: 'line' },
-  { name: t('chart.map_line_type_arc'), value: 'arc' },
-  { name: t('chart.map_line_type_arc_3d'), value: 'arc3d' }
-]
-
 const changeMisc = (prop = '', refresh = false) => {
   if (state.miscForm.gaugeMax <= state.miscForm.gaugeMin) {
     ElMessage.error(t('chart.max_more_than_mix'))
@@ -228,8 +202,6 @@ const isValidField = field => {
   return field.id !== 'count' && field.deType !== 0 && field.deType !== 1 && field.deType !== 5
 }
 
-const showProperty = prop => props.propertyInner?.includes(prop)
-
 onMounted(() => {
   initField()
   init()
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue b/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue
index 8da4c44dc1..7d89c23317 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue
@@ -248,7 +248,7 @@ const filterTypeChange = val => {
     initEnumOptions()
   }
 }
-const enumChange = val => {
+const enumChange = () => {
   item.value.enumCheckField = state.enumCheckField
 }
 
diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index 3a01f2c668..50743ba206 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -14,7 +14,7 @@ import {
 import Icon from '@/components/icon-custom/src/Icon.vue'
 import type { FormInstance, FormRules } from 'element-plus-secondary'
 import { useI18n } from '@/hooks/web/useI18n'
-import { Field, getFieldByDQ, saveChart } from '@/api/chart'
+import { Field, getFieldByDQ } from '@/api/chart'
 import { Tree } from '../../../visualized/data/dataset/form/CreatDsGroup.vue'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import { ElMessage, ElTreeSelect } from 'element-plus-secondary'
@@ -88,7 +88,7 @@ const route = useRoute()
 const toolTip = computed(() => {
   return props.themes === 'dark' ? 'ndark' : 'dark'
 })
-const { view, datasetTree } = toRefs(props)
+const { view } = toRefs(props)
 
 let cacheId = ''
 
@@ -225,7 +225,7 @@ const getFields = (id, chartId) => {
         state.dimensionData = JSON.parse(JSON.stringify(state.dimension))
         state.quotaData = JSON.parse(JSON.stringify(state.quota))
       })
-      .catch(e => {
+      .catch(() => {
         state.dimension = []
         state.quota = []
         state.dimensionData = []
@@ -292,11 +292,7 @@ const fieldFilter = val => {
   }
 }
 
-const reset = () => {
-  // do reset
-}
-
-const dimensionItemChange = item => {
+const dimensionItemChange = () => {
   recordSnapshotInfo('calcData')
   // do dimensionItemChange
 }
@@ -311,7 +307,7 @@ const dimensionItemRemove = item => {
   }
 }
 
-const quotaItemChange = item => {
+const quotaItemChange = () => {
   recordSnapshotInfo('calcData')
   // do quotaItemChange
 }
@@ -333,7 +329,7 @@ const arrowIcon = () => {
   return h(Icon, { name: 'icon_down_outlined-1' })
 }
 
-const drillItemChange = item => {
+const drillItemChange = () => {
   recordSnapshotInfo('calcData')
   // temp do nothing
 }
@@ -384,7 +380,7 @@ const onExtCustomSort = item => {
   customSort()
 }
 
-const onMove = (e, originalEvent) => {
+const onMove = e => {
   recordSnapshotInfo('calcData')
   state.moveId = e.draggedContext.element.id
   return true
@@ -774,10 +770,6 @@ const saveRename = ref => {
   })
 }
 
-const save = () => {
-  saveChart(view.value)
-}
-
 const showQuotaEditFilter = item => {
   recordSnapshotInfo('calcData')
   state.quotaItem = JSON.parse(JSON.stringify(item))
@@ -962,7 +954,7 @@ const confirmEditCalc = () => {
   calcEdit.value.setFieldForm()
   const obj = cloneDeep(calcEdit.value.fieldForm)
   setFieldDefaultValue(obj)
-  saveField(obj).then(res => {
+  saveField(obj).then(() => {
     getFields(view.value.tableId, view.value.id)
     closeEditCalc()
   })
@@ -978,7 +970,7 @@ const chartFieldEdit = param => {
         param.item.extField === 2 ? param.item.originName : '[' + param.item.id + ']'
       state.currEditField.name = getFieldName(state.dimension.concat(state.quota), param.item.name)
 
-      saveField(state.currEditField).then(res => {
+      saveField(state.currEditField).then(() => {
         getFields(view.value.tableId, view.value.id)
       })
       break
@@ -986,7 +978,7 @@ const chartFieldEdit = param => {
       editField(param.item)
       break
     case 'delete':
-      deleteField(param.item?.id).then(res => {
+      deleteField(param.item?.id).then(() => {
         getFields(view.value.tableId, view.value.id)
       })
       break
@@ -1008,28 +1000,6 @@ const setFieldDefaultValue = field => {
   field.deExtractType = field.deType
 }
 
-const dynamicLabelShow = () => {
-  onLabelChange(view.value.customAttr.label)
-}
-
-const autoInsert = element => {
-  var myValue = '[' + element.id + ']'
-  const myField = document.querySelector('#dynamic-label')
-  if (myField.selectionStart || myField.selectionStart === 0) {
-    var startPos = myField.selectionStart //选区开始位置
-    var endPos = myField.selectionEnd //选区结束位置
-    view.value.customAttr.label.formatter =
-      myField.value.substring(0, startPos) +
-      myValue +
-      myField.value.substring(endPos, myField.value.length)
-    nextTick() //修改数据之后立即使用这个方法获取更新后的DOM。
-    myField.focus()
-    myField.setSelectionRange(endPos + myValue.length, endPos + myValue.length)
-  } else {
-    view.value.customAttr.label.formatter += myValue
-  }
-}
-
 const el = ref<HTMLElement | null>(null)
 const elDrag = ref<HTMLElement | null>(null)
 const { y, isDragging } = useDraggable(el, {
diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/bar/waterfall.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/bar/waterfall.ts
index d9ddcc5851..eac9a7ac46 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/bar/waterfall.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/bar/waterfall.ts
@@ -3,7 +3,7 @@ import { G2PlotChartView, G2PlotDrawOptions } from '../../types/impl/g2plot'
 import { flow, hexColorToRGBA, parseJson } from '../../../util'
 import { valueFormatter } from '../../../formatter'
 import { getPadding, getTooltipSeriesTotalMap, setGradientColor } from '../../common/common_antv'
-import { flow as flowLeft, isEmpty } from 'lodash-es'
+import { isEmpty } from 'lodash-es'
 
 /**
  * 瀑布图
diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/map/map.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/map/map.ts
index 141fee14d9..2b3aab5aae 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/map/map.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/map/map.ts
@@ -72,7 +72,7 @@ export class Map extends L7PlotChartView<ChoroplethOptions, Choropleth> {
   }
 
   async drawChart(drawOption: L7PlotDrawOptions<Choropleth>): Promise<Choropleth> {
-    const { chart, chartObj, level, areaId, container, action } = drawOption
+    const { chart, level, areaId, container, action } = drawOption
     if (!areaId) {
       return
     }
diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/others/funnel.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/others/funnel.ts
index b4a798d8e2..dc3581c0f2 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/others/funnel.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/others/funnel.ts
@@ -1,6 +1,6 @@
 import { FunnelOptions, Funnel as G2Funnel } from '@antv/g2plot/esm/plots/funnel'
 import { G2PlotChartView, G2PlotDrawOptions } from '../../types/impl/g2plot'
-import { flow, parseJson } from '@/views/chart/components/js/util'
+import { flow } from '@/views/chart/components/js/util'
 import { getPadding } from '../../common/common_antv'
 import { useI18n } from '@/hooks/web/useI18n'
 
diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/table/table-info.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/table/table-info.ts
index 1f9ec3a528..8446b448ae 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/table/table-info.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/table/table-info.ts
@@ -1,4 +1,4 @@
-import { ColCell, DataCell, S2Event, S2Options, TableSheet } from '@antv/s2/esm/index'
+import { DataCell, S2Event, S2Options, TableSheet } from '@antv/s2/esm/index'
 import { formatterItem, valueFormatter } from '../../../formatter'
 import { parseJson } from '../../../util'
 import { S2ChartView, S2DrawOptions } from '../../types/impl/s2'
diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/table/table-normal.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/table/table-normal.ts
index e0126414b5..74874d4788 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/table/table-normal.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/table/table-normal.ts
@@ -1,5 +1,5 @@
 import { S2ChartView, S2DrawOptions } from '@/views/chart/components/js/panel/types/impl/s2'
-import { ColCell, S2Event, S2Options, TableSheet } from '@antv/s2/esm/index'
+import { S2Event, S2Options, TableSheet } from '@antv/s2/esm/index'
 import { parseJson } from '@/views/chart/components/js/util'
 import { formatterItem, valueFormatter } from '@/views/chart/components/js/formatter'
 import { getCurrentField } from '@/views/chart/components/js/panel/common/common_table'
diff --git a/core/core-frontend/src/views/chart/components/js/util.ts b/core/core-frontend/src/views/chart/components/js/util.ts
index 68945ef81b..17611d6aa6 100644
--- a/core/core-frontend/src/views/chart/components/js/util.ts
+++ b/core/core-frontend/src/views/chart/components/js/util.ts
@@ -79,7 +79,7 @@ export function customSort(custom, data) {
   return joinArr.concat(subArr)
 }
 
-export function customColor(custom, res, colors) {
+export function customColor(custom, res) {
   const result = []
   for (let i = 0; i < res.length; i++) {
     const r = res[i]
diff --git a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
index e2da83c6e4..49d04f32ed 100644
--- a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
+++ b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, onBeforeUnmount, onMounted, reactive, ref, shallowRef, toRaw, toRefs } from 'vue'
+import { computed, onBeforeUnmount, onMounted, reactive, ref, shallowRef, toRefs } from 'vue'
 import { getData } from '@/api/chart'
 import { ChartLibraryType } from '@/views/chart/components/js/panel/types'
 import { G2PlotChartView } from '@/views/chart/components/js/panel/types/impl/g2plot'
diff --git a/core/core-frontend/src/views/chart/components/views/components/ChartEmptyInfo.vue b/core/core-frontend/src/views/chart/components/views/components/ChartEmptyInfo.vue
index 0a76ac49e0..1efaad19ab 100644
--- a/core/core-frontend/src/views/chart/components/views/components/ChartEmptyInfo.vue
+++ b/core/core-frontend/src/views/chart/components/views/components/ChartEmptyInfo.vue
@@ -1,9 +1,5 @@
 <script lang="tsx" setup>
-import { useI18n } from '@/hooks/web/useI18n'
 import { toRefs } from 'vue'
-
-const { t } = useI18n()
-
 const props = defineProps({
   viewIcon: {
     type: String,
diff --git a/core/core-frontend/src/views/chart/components/views/index.vue b/core/core-frontend/src/views/chart/components/views/index.vue
index abb47d9833..8626c69479 100644
--- a/core/core-frontend/src/views/chart/components/views/index.vue
+++ b/core/core-frontend/src/views/chart/components/views/index.vue
@@ -3,6 +3,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import ChartComponentG2Plot from './components/ChartComponentG2Plot.vue'
 import {
   computed,
+  CSSProperties,
   nextTick,
   onBeforeMount,
   onMounted,
@@ -44,14 +45,8 @@ const dvMainStore = dvMainStoreWithOut()
 
 let innerRefreshTimer = null
 
-const {
-  nowPanelTrackInfo,
-  nowPanelJumpInfo,
-  publicLinkStatus,
-  dvInfo,
-  curComponent,
-  canvasStyleData
-} = storeToRefs(dvMainStore)
+const { nowPanelJumpInfo, publicLinkStatus, dvInfo, curComponent, canvasStyleData } =
+  storeToRefs(dvMainStore)
 
 const props = defineProps({
   active: {
@@ -74,6 +69,11 @@ const props = defineProps({
       }
     }
   },
+  themes: {
+    type: String,
+    required: false,
+    default: 'dark'
+  },
   showPosition: {
     type: String,
     required: false,
@@ -115,7 +115,7 @@ const state = reactive({
     width: 'fit-content',
     maxWidth: '100%',
     wordBreak: 'break-word'
-  },
+  } as CSSProperties,
   drillFilters: [],
   drillClickDimensionList: []
 })
@@ -187,7 +187,7 @@ watch(
   { deep: true }
 )
 
-watch([() => searchCount.value], val => {
+watch([() => searchCount.value], () => {
   // 内部计时器启动 忽略外部计时器
   if (!innerRefreshTimer) {
     queryData()
diff --git a/core/core-frontend/src/views/common/DeResourceGroupOpt.vue b/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
index 50b6f49895..0fb5b8d31c 100644
--- a/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
+++ b/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
@@ -2,7 +2,7 @@
 import { ref, reactive, computed, watch, toRefs, nextTick } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import nothingTree from '@/assets/img/nothing-tree.png'
-import { BusiTreeNode, BusiTreeRequest } from '@/models/tree/TreeNode'
+import { BusiTreeNode } from '@/models/tree/TreeNode'
 import {
   copyResource,
   dvNameCheck,
@@ -12,9 +12,7 @@ import {
   updateBase,
   saveCanvas
 } from '@/api/visualization/dataVisualization'
-import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { ElMessage } from 'element-plus-secondary'
-const dvMainStore = dvMainStoreWithOut()
 const props = defineProps({
   curCanvasType: {
     type: String,
diff --git a/core/core-frontend/src/views/data-visualization/PreviewShow.vue b/core/core-frontend/src/views/data-visualization/PreviewShow.vue
index 2268c5d6dd..b07d5d02ec 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewShow.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewShow.vue
@@ -24,7 +24,7 @@ const dataInitState = ref(true)
 const downloadStatus = ref(false)
 const { width, node } = useMoveLine('DASHBOARD')
 
-const props = defineProps({
+defineProps({
   showPosition: {
     required: false,
     type: String,
diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index 1d5bd9e286..29eca43066 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -25,7 +25,6 @@ import { changeComponentSizeWithScale } from '@/utils/changeComponentsSizeWithSc
 import { useEmitt } from '@/hooks/web/useEmitt'
 import { check, compareStorage } from '@/utils/CrossPermission'
 import { useCache } from '@/hooks/web/useCache'
-import { center } from '@antv/g2plot/lib/plots/sankey/sankey'
 const { wsCache } = useCache()
 const eventCheck = e => {
   if (e.key === 'screen-weight' && !compareStorage(e.oldValue, e.newValue)) {
@@ -55,7 +54,7 @@ const state = reactive({
 })
 
 const contentStyle = computed(() => {
-  const { width, height, scale } = canvasStyleData.value
+  const { width, height } = canvasStyleData.value
   if (editMode.value === 'preview') {
     return {
       width: '100%',
@@ -142,12 +141,9 @@ listenGlobalKeyDown()
 
 const initScroll = () => {
   nextTick(() => {
-    const { width, height, scale } = canvasStyleData.value
+    const { width, height } = canvasStyleData.value
     const mainWidth = canvasCenterRef.value.clientWidth
     const mainHeight = canvasCenterRef.value.clientHeight
-    const slideWidth = leftSidebarRef.value.clientWidth
-    const content = canvasOut.value
-
     const scrollX = (1.5 * width - mainWidth) / 2
     const scrollY = (1.5 * height - mainHeight) / 2 + 20
     // 设置画布初始滚动条位置
diff --git a/core/core-frontend/src/views/dynimic/Auth.vue b/core/core-frontend/src/views/dynimic/Auth.vue
index 5bd22c79b2..14ab07c88b 100644
--- a/core/core-frontend/src/views/dynimic/Auth.vue
+++ b/core/core-frontend/src/views/dynimic/Auth.vue
@@ -1,12 +1,3 @@
-<script lang="ts" setup>
-import { computed } from 'vue'
-import { useLocaleStoreWithOut } from '@/store/modules/locale'
-const locale = useLocaleStoreWithOut()
-const getLocaleMap = computed(() => locale.getLocaleMap)
-</script>
-
 <template>
-  <div>auth123</div>
+  <div>auth</div>
 </template>
-
-<style lang="less" scoped></style>
diff --git a/core/core-frontend/src/views/home/Dark.vue b/core/core-frontend/src/views/home/Dark.vue
deleted file mode 100644
index 013fa4cf0e..0000000000
--- a/core/core-frontend/src/views/home/Dark.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue'
-const input = ref('')
-const num = ref(1)
-const value = ref('')
-const radio1 = ref('1')
-const checked1 = ref(true)
-const activeNames = ref('')
-const options = [
-  {
-    value: 'Option1',
-    label: 'Option1'
-  },
-  {
-    value: 'Option2',
-    label: 'Option2'
-  },
-  {
-    value: 'Option3',
-    label: 'Option3'
-  },
-  {
-    value: 'Option4',
-    label: 'Option4'
-  },
-  {
-    value: 'Option5',
-    label: 'Option5'
-  }
-]
-</script>
-
-<template>
-  <div style="width: 150px; height: 600px; padding: 10px; background-color: #292929">
-    <el-input effect="dark" v-model="input" placeholder="Please input"
-      ><template #prepend>Http://</template></el-input
-    >
-    <div>----</div>
-    <el-input-number effect="dark" v-model="num" :min="1" :max="10" />
-    <div>----</div>
-    <el-input-number v-model="num" effect="dark" :min="1" :max="10" controls-position="right" />
-    <div>----</div>
-    <el-select effect="dark" v-model="value" class="m-2" placeholder="Select">
-      <template #prefix> 13 </template>
-      <el-option
-        v-for="item in options"
-        :key="item.value"
-        :label="item.label"
-        :value="item.value"
-      />
-    </el-select>
-    <div>----</div>
-    <el-radio-group v-model="radio1" class="ml-4">
-      <el-radio effect="dark" label="1" size="large">Option 1</el-radio>
-      <el-radio effect="dark" label="2" size="large">Option 2</el-radio>
-    </el-radio-group>
-    <div>----</div>
-    <el-checkbox effect="dark" v-model="checked1" label="Option 1" />
-    <div>----</div>
-    <el-collapse v-model="activeNames">
-      <el-collapse-item effect="dark" title="一致性 " name="1">
-        <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
-        <div>
-          在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。
-        </div>
-      </el-collapse-item>
-      <el-collapse-item title="一致性1 " name="12">
-        <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
-        <div>
-          在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。
-        </div>
-      </el-collapse-item>
-    </el-collapse>
-    <div>----</div>
-    <el-dropdown effect="dark" trigger="click">
-      <span style="color: #fff"> 13 </span>
-      <template #dropdown>
-        <el-dropdown-menu effect="dark">
-          <el-dropdown-item>Action 1</el-dropdown-item>
-          <el-dropdown-item>Action 2</el-dropdown-item>
-          <el-dropdown-item>Action 3</el-dropdown-item>
-          <el-dropdown-item disabled>Action 4</el-dropdown-item>
-          <el-dropdown-item divided>Action 5</el-dropdown-item>
-        </el-dropdown-menu>
-      </template>
-    </el-dropdown>
-  </div>
-</template>
-
-<style lang="less" scoped></style>
diff --git a/core/core-frontend/src/views/home/index.vue b/core/core-frontend/src/views/home/index.vue
index c3e0f75165..8291758705 100644
--- a/core/core-frontend/src/views/home/index.vue
+++ b/core/core-frontend/src/views/home/index.vue
@@ -1,39 +1 @@
-<template>
-  <el-tag closable>Tag 1</el-tag>
-  {{ size }}
-  <el-button @click="btn('Auth')">click</el-button>
-  <el-button @click="getEyeDropper">click</el-button>
-  <component :is="Header"></component>
-</template>
-<script setup lang="ts">
-import { useEyeDropper } from '@vueuse/core'
-import { shallowRef } from 'vue'
-import { ElTag, ElMessage } from 'element-plus-secondary'
-import { ElButton } from 'element-plus-secondary'
-import { useAppStore } from '@/store/modules/app'
-import { computed } from 'vue'
-const app = useAppStore()
-const size = computed(() => app.getSize)
-const { isSupported, open, sRGBHex } = useEyeDropper()
-const getEyeDropper = async () => {
-  if (!isSupported) return
-  await open()
-    .then(res => {
-      console.warn(res)
-    })
-    .catch(cancel => {
-      console.warn(cancel)
-    })
-}
-let Header = shallowRef(null)
-const btn = (type: string) => {
-  import(`../../../../../xpack-sub/${type}.vue`).then((res: any) => {
-    Header.value = res.default
-  })
-  ElMessage({
-    duration: 0,
-    message: 'Congrats, this is a success message.',
-    type: 'success'
-  })
-}
-</script>
+<template>home</template>
diff --git a/core/core-frontend/src/views/visualized/data/dataset/index.vue b/core/core-frontend/src/views/visualized/data/dataset/index.vue
index 4911e4d44e..8a844bbf93 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/index.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/index.vue
@@ -67,15 +67,6 @@ const createPanel = path => {
   window.open(baseUrl, '_blank')
 }
 
-const addOperation = (
-  cmd: string,
-  data?: BusiTreeNode,
-  nodeType?: string,
-  parentSelect?: boolean
-) => {
-  resourceGroupOpt.value.optInit(nodeType, data || {}, cmd, parentSelect)
-}
-
 const resourceOptFinish = param => {
   if (param && param.opt === 'newLeaf') {
     resourceCreate(param.pid, param.name)
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
index 04288b807b..813dc642bd 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
@@ -51,9 +51,6 @@ const state = reactive({
 })
 
 const schemas = ref([])
-
-const configurationSchema = ref(false)
-
 const dsForm = ref<FormInstance>()
 
 const cronEdit = ref(true)
@@ -134,7 +131,6 @@ const initForm = type => {
   if (type === 'oracle') {
     form.value.configuration.connectionType = 'sid'
   }
-  
   form.value.type = type
   setTimeout(() => {
     dsForm.value.clearValidate()
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ExcelDetail.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ExcelDetail.vue
index 20946aa6fe..0dedb44053 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ExcelDetail.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ExcelDetail.vue
@@ -144,7 +144,7 @@ const handleTabClick = tab => {
 
 const uploadFail = response => {
   let myError = response.toString()
-  myError = myError.replace('Error: ', '')
+  myError.replace('Error: ', '')
 }
 const tabList = shallowRef([])
 const activeTab = ref('')
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/index.vue b/core/core-frontend/src/views/visualized/data/datasource/form/index.vue
index 1cabbd26c4..43e66ff474 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/index.vue
@@ -18,7 +18,6 @@ import { useEmitt } from '@/hooks/web/useEmitt'
 import FinishPage from '../FinishPage.vue'
 import { cloneDeep } from 'lodash-es'
 import { useCache } from '@/hooks/web/useCache'
-import { delDatasetTree } from '@/api/dataset'
 interface Node {
   name: string
   id: string
@@ -292,7 +291,7 @@ const validateDS = () => {
       validate(request).then(res => {
         if (res.data.type === 'API') {
           let error = 0
-          const status = JSON.parse(res.data.status)
+          const status = JSON.parse(res.data.status) as Array<{ status: string }>
           for (let i = 0; i < status.length; i++) {
             if (status[i].status === 'Error') {
               error++
diff --git a/core/core-frontend/src/views/visualized/data/datasource/index.vue b/core/core-frontend/src/views/visualized/data/datasource/index.vue
index 149301f512..6af486f654 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/index.vue
@@ -405,21 +405,6 @@ const dfsDatasourceTree = (ds, id) => {
   })
 }
 
-const convertConfig = array => {
-  for (let index = 0; index < array.length; index++) {
-    if (array[index].leaf) {
-      if (array[index].configuration) {
-        array[index].configuration = JSON.parse(Base64.decode(array[index].configuration))
-      }
-      if (array[index].apiConfigurationStr) {
-        array[index].apiConfiguration = JSON.parse(Base64.decode(array[index].apiConfigurationStr))
-      }
-    } else if (array[index].children && array[index].children.length > 0) {
-      convertConfig(array[index].children)
-    }
-  }
-}
-
 listDs()
 
 const creatDsFolder = ref()
@@ -519,7 +504,7 @@ const updateApiTable = api => {
 }
 
 const updateApiDs = () => {
-  syncApiDs({ datasourceId: nodeInfo.id }).then(res => {
+  syncApiDs({ datasourceId: nodeInfo.id }).then(() => {
     ElMessage.success(t('datasource.req_completed'))
   })
 }
diff --git a/core/core-frontend/src/views/visualized/view/panel/filter-config/index.vue b/core/core-frontend/src/views/visualized/view/panel/filter-config/index.vue
index 23b38b6f40..0687eeec21 100644
--- a/core/core-frontend/src/views/visualized/view/panel/filter-config/index.vue
+++ b/core/core-frontend/src/views/visualized/view/panel/filter-config/index.vue
@@ -15,12 +15,6 @@ const activeName = ref('setting')
 const activeNameData = ref('dataset')
 const allParams = shallowRef([])
 const curTableViews = shallowRef([])
-
-const widget = reactive({
-  showSwitch: false,
-  isTimeWidget: () => true,
-  isSortWidget: () => true
-})
 const customStyle = reactive({
   border: '',
   background: '',
diff --git a/core/core-frontend/src/views/workbranch/ShortcutOption.ts b/core/core-frontend/src/views/workbranch/ShortcutOption.ts
index ae504b7856..791e165c34 100644
--- a/core/core-frontend/src/views/workbranch/ShortcutOption.ts
+++ b/core/core-frontend/src/views/workbranch/ShortcutOption.ts
@@ -59,7 +59,7 @@ class ShortcutOption {
   loadData(param: ShortcutRequest): Promise<IResponse> {
     const url = this.busiRecordMap[this.busiFlag].url
     if (this.emptyParam(param) && this.getCacheData()?.length) {
-      return new Promise((res, rej) => {
+      return new Promise(res => {
         const result = {
           code: 200,
           data: this.getCacheData(),