fix: DEC-9772 && DEC-9871 修改交互样式，点击数据库之后直接进入编辑页面

src/less/font.less

@@ -5,7 +5,7 @@
 .font(dcm-info-font, @font-link-info);
 .font(dcm-test-font, @font-link-test);
 .font(dcm-delete-font, @font-link-delete);
-.font(dcm-back-font, @font-arrow-left);
+.font(dcm-back-font, @font-back);
 .font(dcm-cross-font, @font-cross);
 .font(dcm-link-other-font, @font-link-other);
 .font(dcm-change-name-font, @font-change-name);

src/less/lib/font.less

@@ -8,4 +8,5 @@
 @font-change-name: "e6cc";
 @font-link-edit: "e6ba";
 @font-triangle-collapse: "e6d8";
-@font-triangle-expand: "e6d7";
+@font-triangle-expand: "e6d7";
+@font-back: "e6ae";

src/modules/pages/database/database_type/database_type.less

@@ -3,12 +3,12 @@
 .dec-dcm-datebase-type{
     .bi-list-item-active{
         &:hover{
-            border-color :@border-color-highlight;
+            .box-shadow(0 1px 5px 0, fade(@color-bi-background-black, 20));
         }
     }
     &:active, &.active {
         .bi-list-item-active{
-            border-color :@border-color-highlight;
+            .box-shadow(0 1px 5px 0, fade(@color-bi-background-black, 20));
         }
     }
 }

src/modules/pages/database/database_type/database_type.model.ts

@@ -6,13 +6,17 @@ export class DatebaseTypeModel extends Model<
 {
     context: {
         datebaseTypeSelected: AppModel['$$childContext']['datebaseTypeSelected'];
+        pageIndex: AppModel['$$childContext']['pageIndex'];
     }
 }> {
-    context = ['datebaseTypeSelected'];
+    context = ['datebaseTypeSelected', 'pageIndex'];
 
     actions = {
         setDatebaseTypeSelected: (datebaseTypeSelected: string) => {
             this.model.datebaseTypeSelected = datebaseTypeSelected;
         },
+        setPageIndex: (index: string) => {
+            this.model.pageIndex = index;
+        },
     }
 }

src/modules/pages/database/database_type/database_type.ts

@@ -3,6 +3,7 @@ import { Vtape, Label, Absolute, Img } from 'ui';
 import { DatebaseTypeModel, DatebaseTypeModelXtype } from './database_type.model';
 import { ImgPrefix, PluginImgPrefix } from '@constants/env';
 import './database_type.less';
+import { PAGE_INDEX } from '@constants/constant';
 
 export const DatebaseTypeXtype = 'dec.dcm.datebase.type';
 @shortcut(DatebaseTypeXtype)
@@ -66,6 +67,7 @@ export class DatebaseType extends BI.BasicButton {
     doClick() {
         const { value } = this.options;
         this.store.setDatebaseTypeSelected(value);
+        this.store.setPageIndex(PAGE_INDEX.MAINTAIN);
     }
 
     mounted() {

src/modules/pages/maintain/maintain.ts

@@ -30,7 +30,7 @@ export class Maintain extends BI.Widget {
                     items: [
                         {
                             type: IconButton,
-                            height: 15,
+                            hgap: 5,
                             cls: 'dcm-back-font',
                             invisible: isEdit,
                             handler: () => {