From d1d3875159f41386645ea39a39579edf7fd0a596 Mon Sep 17 00:00:00 2001
From: tianxin <tianxin930618@163.com>
Date: Wed, 10 Jul 2024 15:59:03 -0700
Subject: [PATCH 1/2] Panel tab style

---
 packages/layout/src/DesignSettings.vue    | 16 ++++++++++++----
 packages/toolbars/breadcrumb/src/Main.vue |  4 ++--
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/layout/src/DesignSettings.vue b/packages/layout/src/DesignSettings.vue
index f344494d9..1c5e26ded 100644
--- a/packages/layout/src/DesignSettings.vue
+++ b/packages/layout/src/DesignSettings.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="tiny-right-panel">
-    <tiny-tabs v-model="layoutState.settings.render" tab-style="button-card">
+    <tiny-tabs v-model="layoutState.settings.render">
       <tiny-tab-item v-for="(setting, index) in settings" :key="index" :title="setting.title" :name="setting.name">
         <component :is="setting.entry"></component>
         <div v-show="activating" class="active"></div>
@@ -46,7 +46,7 @@ export default {
   transition: 0.3s linear;
   position: relative;
   border-left: 1px solid var(--ti-lowcode-plugin-setting-panel-border-left-color);
-  padding-top: 20px;
+  padding-top: 12px;
   background-color: var(--ti-lowcode-setting-panel-bg-color);
 
   .tiny-tabs {
@@ -55,14 +55,21 @@ export default {
   :deep(.tiny-tabs) {
     display: flex;
     flex-direction: column;
-    // 居中显示
     .tiny-tabs__nav-scroll {
-      text-align: center;
+      margin-left: 12px;
       .tiny-tabs__nav {
         display: inline-flex;
         justify-content: center;
         float: none;
       }
+      .tiny-tabs__active-bar {
+        width: 40px !important;
+        height: 2px;
+        background-color: var(--ti-lowcode-setting-panel-tabs-item-title-active-color);
+      }
+      .tiny-tabs__item__title {
+        margin-left: 6px;
+      }
     }
     .tiny-tabs__header {
       padding-bottom: 12px;
@@ -74,6 +81,7 @@ export default {
       margin: 0;
     }
     .tiny-tabs__item {
+      margin-right: 26px;
       color: var(--ti-lowcode-setting-panel-tabs-item-title-color);
       &:hover {
         color: var(--ti-lowcode-setting-panel-tabs-item-title-hover-color);
diff --git a/packages/toolbars/breadcrumb/src/Main.vue b/packages/toolbars/breadcrumb/src/Main.vue
index d26b1d55f..fee98831f 100644
--- a/packages/toolbars/breadcrumb/src/Main.vue
+++ b/packages/toolbars/breadcrumb/src/Main.vue
@@ -33,7 +33,7 @@ export default {
     TinyButton: Button
   },
   setup() {
-    const CONTENTS = {
+    const PLUGINSID = {
       PAGEID: 'engine.plugins.appmanage',
       BLOCKID: 'engine.plugins.blockmanage'
     }
@@ -70,7 +70,7 @@ export default {
     })
 
     const open = () => {
-      plugins.render = breadcrumbData.value[0] === CONSTANTS.PAGETEXT ? CONTENTS.PAGEID : CONTENTS.BLOCKID
+      plugins.render = breadcrumbData.value[0] === CONSTANTS.PAGETEXT ? PLUGINSID.PAGEID : PLUGINSID.BLOCKID
     }
 
     return {

From d0f9de8ebf2e705fc1fde6beae2bbd0a6c3d98a4 Mon Sep 17 00:00:00 2001
From: tianxin <tianxin930618@163.com>
Date: Tue, 30 Jul 2024 10:33:27 -0700
Subject: [PATCH 2/2] feat:Panel tab style

---
 packages/toolbars/breadcrumb/src/Main.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/toolbars/breadcrumb/src/Main.vue b/packages/toolbars/breadcrumb/src/Main.vue
index fee98831f..bda24f3b9 100644
--- a/packages/toolbars/breadcrumb/src/Main.vue
+++ b/packages/toolbars/breadcrumb/src/Main.vue
@@ -23,7 +23,7 @@
 import { reactive, computed } from 'vue'
 import { Breadcrumb, BreadcrumbItem, Button } from '@opentiny/vue'
 import { useBreadcrumb, useLayout } from '@opentiny/tiny-engine-meta-register'
-import lock from '../../lock'
+import lock from '@opentiny/tiny-engine-toolbar-checkinout'
 import { BlockDeployDialog } from '@opentiny/tiny-engine-common'
 export default {
   components: {
@@ -33,7 +33,7 @@ export default {
     TinyButton: Button
   },
   setup() {
-    const PLUGINSID = {
+    const PLUGINS_ID = {
       PAGEID: 'engine.plugins.appmanage',
       BLOCKID: 'engine.plugins.blockmanage'
     }
@@ -70,7 +70,7 @@ export default {
     })
 
     const open = () => {
-      plugins.render = breadcrumbData.value[0] === CONSTANTS.PAGETEXT ? PLUGINSID.PAGEID : PLUGINSID.BLOCKID
+      plugins.render = breadcrumbData.value[0] === CONSTANTS.PAGETEXT ? PLUGINS_ID.PAGEID : PLUGINS_ID.BLOCKID
     }
 
     return {