From 36c7b309960ca92faf9ce2ca2e3be05fc80447fa Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 23 May 2024 18:29:15 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):?=
 =?UTF-8?q?=20=E6=96=87=E6=A1=88=E3=80=81=E8=BF=87=E6=BB=A4=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=BC=96=E8=BE=91=E6=A1=86=E6=A0=B7=E5=BC=8F=E7=AD=89?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/custom-component/component-list.ts    |  8 +--
 .../views/chart/components/editor/index.vue   | 58 +++++++++++++++++++
 2 files changed, 62 insertions(+), 4 deletions(-)

diff --git a/core/core-frontend/src/custom-component/component-list.ts b/core/core-frontend/src/custom-component/component-list.ts
index 33af3555eb..5593b26805 100644
--- a/core/core-frontend/src/custom-component/component-list.ts
+++ b/core/core-frontend/src/custom-component/component-list.ts
@@ -253,8 +253,8 @@ const list = [
   },
   {
     component: 'DeVideo',
-    name: '媒体',
-    label: '媒体',
+    name: '视频',
+    label: '视频',
     innerType: 'DeVideo',
     editing: false,
     canvasActive: false,
@@ -272,8 +272,8 @@ const list = [
   },
   {
     component: 'DeStreamMedia',
-    name: '媒体',
-    label: '媒体',
+    name: '流媒体',
+    label: '流媒体',
     innerType: 'DeStreamMedia',
     editing: false,
     canvasActive: false,
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 69e2d17faf..b6084fc5fc 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -3044,6 +3044,35 @@ const drop = (ev: MouseEvent, type = 'xAxis') => {
       border-top: none !important;
     }
 
+    :deep(.ed-tabs__nav-wrap::after) {
+      background-color: rgba(31, 35, 41, 0.15);
+    }
+    :deep(.ed-tabs__nav-scroll) {
+      .ed-tabs__item {
+        height: 35px;
+        line-height: 35px;
+        color: var(--ed-color-primary, #3370ff);
+        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 500;
+      }
+    }
+  }
+  .query-style-tab {
+    width: 100%;
+    border-top: solid 1px @side-outline-border-color-light !important;
+
+    .tab-container {
+      .border-bottom-tab(8px);
+    }
+
+    margin-left: 0px !important;
+
+    :deep(.ed-tabs__header) {
+      border-top: none !important;
+    }
+
     :deep(.ed-tabs__nav-wrap::after) {
       background-color: rgba(31, 35, 41, 0.15);
     }
@@ -3082,6 +3111,35 @@ const drop = (ev: MouseEvent, type = 'xAxis') => {
       box-shadow: 0 0 0 1px var(--ed-color-primary, #3370ff) inset !important;
     }
   }
+  .query-style-tab {
+    width: 100%;
+    border-top: solid 1px @main-collapse-border-dark !important;
+
+    .tab-container {
+      .border-bottom-tab(8px);
+    }
+
+    margin-left: 0px !important;
+
+    :deep(.ed-tabs__header) {
+      border-top: none !important;
+    }
+
+    :deep(.ed-tabs__nav-wrap::after) {
+      background-color: rgba(31, 35, 41, 0.15);
+    }
+    :deep(.ed-tabs__nav-scroll) {
+      .ed-tabs__item {
+        height: 35px;
+        line-height: 35px;
+        color: var(--ed-color-primary, #3370ff);
+        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 500;
+      }
+    }
+  }
 }
 
 .chart-edit {