refactor: 优化控制台告警，前台缓存等问题 (#17885)

core/core-frontend/src/components/data-visualization/RealTimeGroup.vue

@@ -332,17 +332,14 @@ const expandClick = component => {
                   v-if="['DeTabs', 'Group'].includes(getComponent(index)?.component)"
                   style="width: 12px; margin-right: 10px"
                 >
-                  <el-icon class="component-expand" @click="expandClick(getComponent(index))">
-                    <Icon
-                      v-if="getComponent(index)?.expand"
-                      name="dv-expand-down"
-                      class="expand-icon"
+                  <el-icon
+                    class="component-expand expand-icon"
+                    @click="expandClick(getComponent(index))"
+                  >
+                    <Icon v-if="getComponent(index)?.expand" name="dv-expand-down"
                       ><dvExpandDown class="svg-icon expand-icon"
                     /></Icon>
-                    <Icon
-                      v-if="!getComponent(index)?.expand"
-                      name="dv-expand-right"
-                      class="expand-icon"
+                    <Icon v-if="!getComponent(index)?.expand" name="dv-expand-right"
                       ><dvExpandRight class="svg-icon expand-icon"
                     /></Icon>
                   </el-icon>

core/core-frontend/src/components/data-visualization/RealTimeListTree.vue

@@ -533,17 +533,14 @@ const canvasChange = () => {
                   v-show="['Group', 'DeTabs'].includes(getComponent(index)?.component)"
                   style="width: 22px"
                 >
-                  <el-icon class="component-expand" @click="expandClick(getComponent(index))">
-                    <Icon
-                      v-if="getComponent(index)?.expand"
-                      name="dv-expand-down"
-                      class="expand-icon"
+                  <el-icon
+                    class="component-expand expand-icon"
+                    @click="expandClick(getComponent(index))"
+                  >
+                    <Icon v-if="getComponent(index)?.expand" name="dv-expand-down"
                       ><dvExpandDown class="svg-icon expand-icon"
                     /></Icon>
-                    <Icon
-                      v-if="!getComponent(index)?.expand"
-                      name="dv-expand-right"
-                      class="expand-icon"
+                    <Icon v-if="!getComponent(index)?.expand" name="dv-expand-right"
                       ><dvExpandRight class="svg-icon expand-icon"
                     /></Icon>
                   </el-icon>

core/core-frontend/src/components/data-visualization/RealTimeTab.vue

@@ -138,17 +138,14 @@ const expandClick = component => {
                 @click="onClick(getComponent(index))"
               >
                 <div style="width: 22px">
-                  <el-icon class="component-expand" @click="expandClick(getComponent(index))">
-                    <Icon
-                      v-if="getComponent(index)?.expand"
-                      name="dv-expand-down"
-                      class="expand-icon"
+                  <el-icon
+                    class="component-expand expand-icon"
+                    @click="expandClick(getComponent(index))"
+                  >
+                    <Icon v-if="getComponent(index)?.expand" name="dv-expand-down"
                       ><dvExpandDown class="svg-icon expand-icon"
                     /></Icon>
-                    <Icon
-                      v-if="!getComponent(index)?.expand"
-                      name="dv-expand-right"
-                      class="expand-icon"
+                    <Icon v-if="!getComponent(index)?.expand" name="dv-expand-right"
                       ><dvExpandRight class="svg-icon expand-icon"
                     /></Icon>
                   </el-icon>

core/core-frontend/src/components/visualization/ComponentButton.vue

@@ -7,7 +7,7 @@ import { ElCol } from 'element-plus-secondary'
 const props = defineProps({
   title: propTypes.string,
   tips: propTypes.string,
-  iconName: propTypes.string,
+  iconName: propTypes.object,
   showSplitLine: propTypes.bool,
   active: propTypes.bool
 })

core/core-frontend/src/components/visualization/ComponentButtonLabel.vue

@@ -7,7 +7,7 @@ import { ElCol } from 'element-plus-secondary'
 const props = defineProps({
   title: propTypes.string,
   tips: propTypes.string,
-  iconName: propTypes.string,
+  iconName: propTypes.object,
   showSplitLine: propTypes.bool,
   active: propTypes.bool
 })

core/core-frontend/src/components/visualization/ComponentGroup.vue

@@ -6,7 +6,7 @@ import ComponentButtonLabel from '@/components/visualization/ComponentButtonLabe
 
 const props = defineProps({
   title: propTypes.string,
-  iconName: propTypes.string,
+  iconName: propTypes.object,
   showSplitLine: propTypes.bool,
   baseWidth: {
     required: false,

core/core-frontend/src/components/visualization/common/ComponentPosition.vue

@@ -5,7 +5,6 @@
         <el-form-item class="form-item" :class="'form-item-' + themes" :label="label">
           <el-input-number
             :effect="themes"
-            size="middle"
             :disabled="curComponent['isLock']"
             :min="min"
             :max="max"
@@ -58,7 +57,6 @@
           <el-form-item class="form-item" :class="'form-item-' + themes" label="X">
             <el-input-number
               :effect="themes"
-              size="middle"
               :disabled="curComponent['isLock']"
               :min="-360"
               :max="360"
@@ -71,7 +69,6 @@
           <el-form-item class="form-item" :class="'form-item-' + themes" label="Y">
             <el-input-number
               :effect="themes"
-              size="middle"
               :disabled="curComponent['isLock']"
               :min="-360"
               :max="360"
@@ -84,7 +81,6 @@
           <el-form-item class="form-item" :class="'form-item-' + themes" label="Z">
             <el-input-number
               :effect="themes"
-              size="middle"
               :disabled="curComponent['isLock']"
               :min="-360"
               :max="360"

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

@@ -23,7 +23,7 @@ const props = withDefaults(
     type?: 'light' | 'dark'
     themes?: EditorTheme
     element: any
-    showStyle: boolean
+    showStyle?: boolean
     backgroundColorPickerWidth?: number
     backgroundBorderSelectWidth?: number
   }>(),

core/core-frontend/src/custom-component/component-group/DragComponent.vue

@@ -4,7 +4,7 @@ import Icon from '@/components/icon-custom/src/Icon.vue'
 
 const props = defineProps({
   icon: {
-    type: String,
+    type: Object,
     required: false
   },
   name: {
@@ -34,9 +34,7 @@ const { icon, name, label, dragInfo, themes } = toRefs(props)
   <div class="drag-component" :class="'drag-' + themes">
     <div draggable="true" :data-id="dragInfo" class="icon-content">
       <span v-if="name" class="label-content">{{ name }}</span>
-      <Icon v-if="icon" class="drag-icon"
-        ><component class="svg-icon drag-icon" :is="icon"></component
-      ></Icon>
+      <Icon v-if="icon"><component class="svg-icon drag-icon" :is="icon"></component></Icon>
     </div>
     <div class="label-content">
       <span>{{ label }}</span>

core/core-frontend/src/custom-component/picture/Component.vue

@@ -29,9 +29,8 @@ const { t } = useI18n()
 
 const props = defineProps({
   propValue: {
-    type: String,
-    required: true,
-    default: ''
+    type: Object,
+    required: true
   },
   element: {
     type: Object,

core/core-frontend/src/layout/components/AiTips.vue

@@ -26,7 +26,7 @@ onMounted(() => {
         你好，我是 DataEase 智能客服<br />点击一下，开启高效解答模式~<br />&nbsp;
       </p>
       <div class="bottom">
-        <el-button size="middle" @click="confirm"> 我知道了 </el-button>
+        <el-button @click="confirm"> 我知道了 </el-button>
       </div>
     </div>
     <template #reference>

core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue

@@ -26,9 +26,9 @@ const props = withDefaults(
     themes?: EditorTheme
     modelValue?: string | number
     stateObj: any
-    disabled: boolean
+    disabled?: boolean
     viewId: string
-    sourceType: string
+    sourceType?: string
   }>(),
   {
     datasetTree: () => [],
@@ -280,7 +280,6 @@ onMounted(() => {
         <el-form ref="formRef" :model="form">
           <el-form-item prop="name" :rules="rules">
             <el-input
-              size="middle"
               :effect="themes"
               v-model="selectedNodeName"
               class="data-set-dark"
@@ -319,7 +318,6 @@ onMounted(() => {
               </el-button>
             </div>
             <el-input
-              size="middle"
               :effect="themes"
               v-model="searchStr"
               :placeholder="t('dataset.search')"

core/core-frontend/src/views/chart/components/editor/drag-item/FilterItem.vue

@@ -124,7 +124,7 @@ onMounted(() => {
           class="child"
           style="position: absolute; top: 7px; right: 10px; color: #a6a6a6; cursor: pointer"
         >
-          <Icon name="icon_down_outlined-1" class="el-icon-arrow-down el-icon-delete"
+          <Icon name="icon_down_outlined-1"
             ><icon_down_outlined1 class="svg-icon el-icon-arrow-down el-icon-delete"
           /></Icon>
         </el-icon>

core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue

@@ -1278,7 +1278,6 @@ onMounted(async () => {
         style="width: 100%"
         :effect="themes"
         controls-position="right"
-        size="middle"
         :min="0"
         :max="30"
         :disabled="!state.basicStyleForm.radarShowPoint"

core/core-frontend/src/views/chart/components/editor/editor-style/components/TooltipSelector.vue

@@ -991,7 +991,6 @@ onMounted(() => {
               style="width: 100%"
               :effect="themes"
               controls-position="right"
-              size="middle"
               precision="0"
               :min="1"
               :max="600"
@@ -1011,7 +1010,6 @@ onMounted(() => {
               style="width: 100%"
               :effect="themes"
               controls-position="right"
-              size="middle"
               precision="0"
               :min="1"
               :max="600"

core/core-frontend/src/views/chart/components/editor/index.vue

@@ -3511,7 +3511,7 @@ const deleteChartFieldItem = id => {
                     style="margin-left: 8px"
                     @click="editDs"
                   >
-                    <Icon name="icon_edit_outlined" class="el-icon-arrow-down el-icon-delete"
+                    <Icon name="icon_edit_outlined"
                       ><icon_edit_outlined class="svg-icon el-icon-arrow-down el-icon-delete"
                     /></Icon>
                   </el-icon>
@@ -3531,7 +3531,7 @@ const deleteChartFieldItem = id => {
                         :class="{ dark: themes === 'dark' }"
                         @click="getFields(view.tableId, view.id, view.type)"
                       >
-                        <Icon name="icon_refresh_outlined" class="el-icon-arrow-down el-icon-delete"
+                        <Icon name="icon_refresh_outlined"
                           ><icon_refresh_outlined
                             class="svg-icon el-icon-arrow-down el-icon-delete"
                         /></Icon>
@@ -3543,7 +3543,7 @@ const deleteChartFieldItem = id => {
                       :class="{ dark: themes === 'dark' }"
                       @click="addCalcField('d')"
                     >
-                      <Icon name="icon_add_outlined" class="el-icon-arrow-down el-icon-delete"
+                      <Icon name="icon_add_outlined"
                         ><icon_add_outlined class="svg-icon el-icon-arrow-down el-icon-delete"
                       /></Icon>
                     </el-icon>
@@ -3551,7 +3551,6 @@ const deleteChartFieldItem = id => {
                 </div>
                 <el-input
                   v-model="state.searchField"
-                  size="middle"
                   :effect="themes"
                   class="dataset-search-input"
                   :class="{ dark: themes === 'dark' }"

core/core-frontend/src/views/watermark/index.vue

@@ -2,10 +2,9 @@
   <el-row class="watermark-table__content">
     <el-row class="watermark-main-outer">
       <el-col class="main-col-left" :span="12">
-        <el-form ref="watermarkForm" :model="state.watermarkForm" label-width="120px" size="middle">
+        <el-form ref="watermarkForm" :model="state.watermarkForm" label-width="120px" >
           <el-form-item :label="t('watermark.enable')" style="text-align: left">
             <el-switch
-              size="middle"
               v-model="state.watermarkForm.enable"
               @change="enableChange"
             ></el-switch>
@@ -46,7 +45,6 @@
               :disabled="!state.watermarkForm.enable"
               v-model="state.watermarkForm.watermark_color"
               :predefine="state.predefineColors"
-              size="middle"
             />
           </el-form-item>
           <el-form-item :label="t('watermark.watermark_font_size')" style="text-align: left">
@@ -55,7 +53,6 @@
               v-model="state.watermarkForm.watermark_fontsize"
               :min="12"
               :max="32"
-              size="middle"
             />
             px
           </el-form-item>
@@ -79,11 +76,11 @@
           </el-form-item>
         </el-form>
         <el-row style="margin-left: 53px; text-align: left">
-          <el-button size="middle" type="i" @click="cancel">{{ t('watermark.reset') }} </el-button>
-          <el-button size="middle" type="info" @click="preview"
+          <el-button type="i" @click="cancel">{{ t('watermark.reset') }} </el-button>
+          <el-button type="info" @click="preview"
             >{{ t('watermark.preview') }}
           </el-button>
-          <el-button type="primary" size="middle" @click="save"
+          <el-button type="primary" @click="save"
             >{{ t('watermark.save') }}
           </el-button>
         </el-row>