From f104313c1b643dc09d27bc75d49060bf15c0dc67 Mon Sep 17 00:00:00 2001
From: vdpAdmin <vdpadmin@163.com>
Date: Sat, 22 Apr 2023 10:57:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=BB=84=E4=BB=B6=E5=BA=93?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=A0=B7=E5=BC=8F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../container-widget/tab-widget.vue           |  3 +--
 .../form-designer/widget-panel/index.vue      | 22 +++++++++++++------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/form-designer/form-widget/container-widget/tab-widget.vue b/src/components/form-designer/form-widget/container-widget/tab-widget.vue
index e966aff..99663a3 100644
--- a/src/components/form-designer/form-widget/container-widget/tab-widget.vue
+++ b/src/components/form-designer/form-widget/container-widget/tab-widget.vue
@@ -96,8 +96,7 @@
     },
     methods: {
       onTabClick(evt) {
-        console.log('onTabClick', evt)
-        let paneName = evt.name
+        let paneName = evt.paneName
         this.widget.tabs.forEach((tp) => {
           tp.options.active = tp.options.name === paneName;
         })
diff --git a/src/components/form-designer/widget-panel/index.vue b/src/components/form-designer/widget-panel/index.vue
index 7b6dc89..362c5d5 100644
--- a/src/components/form-designer/widget-panel/index.vue
+++ b/src/components/form-designer/widget-panel/index.vue
@@ -265,7 +265,8 @@
 
 <style lang="scss" scoped>
   .color-svg-icon {
-    color: $--color-primary;
+    -webkit-font-smoothing: antialiased;
+    color: #7c7d82;
   }
 
   .side-scroll-bar {
@@ -319,21 +320,28 @@
 
         .container-widget-item, .field-widget-item {
           display: inline-block;
-          height: 28px;
-          line-height: 28px;
-          width: 115px;
+          height: 32px;
+          line-height: 32px;
+          width: 98px;
           float: left;
           margin: 2px 6px 6px 0;
           cursor: move;
           white-space: nowrap;
           text-overflow: ellipsis;
           overflow: hidden;
-          background: #f1f2f3;
+          background: #fff;
+          border: 1px solid #e8e9eb;
+          border-radius: 4px;
+          padding: 0 8px;
         }
 
         .container-widget-item:hover, .field-widget-item:hover {
-          background: #EBEEF5;
-          outline: 1px solid $--color-primary;
+          background: #F1F2F3;
+          border-color: $--color-primary;
+
+          .color-svg-icon {
+            color: $--color-primary;
+          }
         }
 
         .drag-handler {