From f612b62b0af664cc983a385608ad4cfce6e3795f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Thu, 7 Jul 2022 19:42:35 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/icon.ts                           | 10 ++++++---
 .../ChartDataMatchingAndShow/index.vue        |  4 ++--
 .../ChartDataMonacoEditor/index.vue           | 22 ++++++++-----------
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/plugins/icon.ts b/src/plugins/icon.ts
index cb016fce..c00bc7fb 100644
--- a/src/plugins/icon.ts
+++ b/src/plugins/icon.ts
@@ -53,7 +53,6 @@ import {
   ArrowForward as ArrowForwardIcon,
   Planet as PawIcon,
   Search as SearchIcon,
-  Filter as FilterIcon
 } from '@vicons/ionicons5'
 
 import {
@@ -81,7 +80,9 @@ import {
   Scale as ScaleIcon,
   FitToScreen as FitToScreenIcon,
   FitToHeight as FitToHeightIcon,
-  FitToWidth as FitToWidthIcon
+  FitToWidth as FitToWidthIcon,
+  Filter as FilterIcon,
+  FilterEdit as FilterEditIcon
 } from '@vicons/carbon'
 
 const ionicons5 = {
@@ -237,7 +238,10 @@ const carbon = {
   ScaleIcon,
   FitToScreenIcon,
   FitToHeightIcon,
-  FitToWidthIcon
+  FitToWidthIcon,
+  // 过滤器
+  FilterIcon,
+  FilterEditIcon
 }
 
 // https://www.xicons.org/#/ 还有很多
diff --git a/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMatchingAndShow/index.vue b/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMatchingAndShow/index.vue
index 39d31cef..58f9d001 100644
--- a/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMatchingAndShow/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMatchingAndShow/index.vue
@@ -26,8 +26,8 @@
       </n-table>
     </n-timeline-item>
     <n-timeline-item v-show="filterShow" color="#97846c" :title="TimelineTitleEnum.FILTER">
-      <n-space vertical>
-        <n-text depth="3">点击{{ targetData.filter ? '「编辑」' : '「新增」' }}查看过滤规则</n-text>
+      <n-space :size="18" vertical>
+        <n-text depth="3">过滤器将处理接口返回值的「data」字段</n-text>
         <chart-data-monaco-editor></chart-data-monaco-editor>
       </n-space>
     </n-timeline-item>
diff --git a/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMonacoEditor/index.vue b/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMonacoEditor/index.vue
index 7cdf0931..d92569e1 100644
--- a/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMonacoEditor/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMonacoEditor/index.vue
@@ -9,22 +9,17 @@
       <p>}</p>
       <template #footer>
         <n-space justify="end">
-          <n-button tertiary size="small" @click="delFilter">
+          <n-button type="primary" tertiary size="small" @click="addFilter">
             <template #icon>
               <n-icon>
-                <trash-icon />
-              </n-icon>
-            </template>
-            删除
-          </n-button>
-          <n-button type="info" tertiary size="small" @click="addFilter">
-            <template #icon>
-              <n-icon>
-                <pencil-icon />
+                <filter-edit-icon />
               </n-icon>
             </template>
             编辑
           </n-button>
+          <n-button tertiary size="small" @click="delFilter">
+            删除
+          </n-button>
         </n-space>
       </template>
     </n-card>
@@ -82,13 +77,13 @@
       <template #action>
         <n-space justify="space-between">
           <div class="go-flex-items-center">
-            <n-tag :bordered="false" type="success">
+            <n-tag :bordered="false" type="primary">
               <template #icon>
                 <n-icon :component="DocumentTextIcon" />
               </template>
               规则
             </n-tag>
-            <n-text class="go-ml-2" depth="2">过滤器将对接口返回值的「data」字段进行处理</n-text>
+            <n-text class="go-ml-2" depth="2">过滤器将处理接口返回值的「data」字段</n-text>
           </div>
 
           <n-space>
@@ -111,7 +106,8 @@ import { goDialog, toString } from '@/utils'
 import { http } from '@/api/http'
 import cloneDeep from 'lodash/cloneDeep'
 
-const { PencilIcon, TrashIcon, FilterIcon, DocumentTextIcon } = icon.ionicons5
+const { DocumentTextIcon } = icon.ionicons5
+const { FilterIcon, FilterEditIcon } = icon.carbon
 const { targetData, chartEditStore } = useTargetData()
 const { requestDataType } = toRefs(targetData.value.data)
 const { requestOriginUrl } = toRefs(chartEditStore.getRequestGlobalConfig)