From d6bdb735ffc905c9433a721b15cd33e513ef7274 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=90=89=E6=98=93?= <liuxy0551@qq.com>
Date: Mon, 6 May 2024 14:46:19 +0800
Subject: [PATCH] style: #563 tabs (#564)

* chore: theme page style

* style: #563 tabs
---
 components/tab/demo/card.md           |  2 +-
 components/tab/demo/editable-card.md  |  2 +-
 components/tab/demo/light.md          |  2 +-
 components/tab/demo/sider-menu.md     |  2 +-
 components/tab/demo/slide-vertical.md | 43 +++++++++++++++++++++++++++
 components/tab/index.zh-CN.md         |  3 +-
 theme/dt-theme/default/tab.less       | 15 +++++++---
 theme/static/header.less              |  5 ++++
 theme/template/NotFound.jsx           |  4 +--
 9 files changed, 67 insertions(+), 11 deletions(-)
 create mode 100644 components/tab/demo/slide-vertical.md

diff --git a/components/tab/demo/card.md b/components/tab/demo/card.md
index d02a134a..2f70b9b4 100644
--- a/components/tab/demo/card.md
+++ b/components/tab/demo/card.md
@@ -1,5 +1,5 @@
 ---
-order: 4
+order: 5
 title:
   zh-CN: 卡片式页签
   en-US: Card type tab
diff --git a/components/tab/demo/editable-card.md b/components/tab/demo/editable-card.md
index f719840d..1c0ddfd9 100644
--- a/components/tab/demo/editable-card.md
+++ b/components/tab/demo/editable-card.md
@@ -1,5 +1,5 @@
 ---
-order: 7
+order: 8
 title:
   zh-CN: 新增和关闭页签
 ---
diff --git a/components/tab/demo/light.md b/components/tab/demo/light.md
index 8f115409..e2bc5fd3 100644
--- a/components/tab/demo/light.md
+++ b/components/tab/demo/light.md
@@ -1,5 +1,5 @@
 ---
-order: 5
+order: 6
 title:
   zh-CN: 浅色背景下使用
 ---
diff --git a/components/tab/demo/sider-menu.md b/components/tab/demo/sider-menu.md
index c178982b..9b6eb974 100644
--- a/components/tab/demo/sider-menu.md
+++ b/components/tab/demo/sider-menu.md
@@ -1,5 +1,5 @@
 ---
-order: 6
+order: 7
 title:
   zh-CN: 侧边菜单
 ---
diff --git a/components/tab/demo/slide-vertical.md b/components/tab/demo/slide-vertical.md
new file mode 100644
index 00000000..92a645aa
--- /dev/null
+++ b/components/tab/demo/slide-vertical.md
@@ -0,0 +1,43 @@
+---
+order: 4
+title:
+  zh-CN: 隐藏 `···` icon
+  en-US: HiddenIcon
+---
+
+## zh-CN
+
+可以使用 `dt-tabs-hidden-more-icon` 隐藏数量较多时左下角或右上角的 `···` icon
+
+## en-US
+
+You can use 'dt-tabs-hidden-more-icon' to hide the more icon in the bottom left or top right corner when there is a large quantity.
+
+```jsx
+import { Tabs, Radio } from 'antd';
+import { AndroidOutlined, AppleOutlined } from '@ant-design/icons';
+
+const { TabPane } = Tabs;
+
+class SlidingTabsDemo extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div>
+        <Tabs className="dt-tabs-hidden-more-icon" defaultActiveKey="1" tabPosition="left" style={{ height: 220 }}>
+          {[...Array(30).keys()].map(i => (
+            <TabPane tab={ i < 4 ? <span><AndroidOutlined />Tab-{i}</span> : `Tab-${i}`} key={i}>
+              Content of tab {i}
+            </TabPane>
+          ))}
+        </Tabs>
+      </div>
+    );
+  }
+}
+
+ReactDOM.render(<SlidingTabsDemo />, mountNode);
+```
diff --git a/components/tab/index.zh-CN.md b/components/tab/index.zh-CN.md
index d247b7c0..72e0d3f0 100644
--- a/components/tab/index.zh-CN.md
+++ b/components/tab/index.zh-CN.md
@@ -25,4 +25,5 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/lkI2hNEDr2V/Tabs.svg
 |.dt-tabs-sider-menu  | 侧边栏菜单类名，需配合type="line"和tabPosition="right"或者"left"一起使用   | 侧边菜单   |
 |.dt-tabs-content-padding  | 内容内边距类名，16px  | 侧边菜单 |
 |.dt-tabs-nav-padding-16  | 增加左右边距16px  | 基础样式 |
-|.dt-tabs-nav-no-margin | 减少上边距/左边距16px，整体宽度增加32px | 消除间隙 |
\ No newline at end of file
+|.dt-tabs-nav-no-margin | 减少上边距/左边距16px，整体宽度增加32px | 消除间隙 |
+|.dt-tabs-hidden-more-icon | 更多标签时，隐藏 ··· 的更多 icon | 侧边菜单 |
diff --git a/theme/dt-theme/default/tab.less b/theme/dt-theme/default/tab.less
index fc2b2e27..1695c0af 100644
--- a/theme/dt-theme/default/tab.less
+++ b/theme/dt-theme/default/tab.less
@@ -9,7 +9,7 @@
             line-height: 20px;
             .ant-tabs-tab-btn {
                 .anticon {
-                    margin-right: 4px;
+                    margin: 0 4px 0 -4px;
                     font-size: 16px;
                     color: @black_pageMsg;
                 }
@@ -48,8 +48,8 @@
 }
 
 .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
-    padding: 8px 7px;
-    margin-top: 0;
+    padding: 2px 12px;
+    margin: 6px 0;
 }
 
 .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar {
@@ -119,7 +119,8 @@
     .ant-tabs-nav-wrap-ping-bottom {
         .ant-tabs-nav-list {
             .ant-tabs-tab {
-                padding: 8px 12px;
+                padding: 2px 12px;
+                margin: 6px 0;
             }
         }
     }
@@ -203,6 +204,12 @@
     }
 }
 
+.dt-tabs-hidden-more-icon {
+    .ant-tabs-nav-more {
+        display: none;
+    }
+}
+
 .ant-tabs-right.dt-tabs-sider-menu {
     .ant-tabs-nav {
         .ant-tabs-tab-active {
diff --git a/theme/static/header.less b/theme/static/header.less
index ffa8ebf6..d632032a 100755
--- a/theme/static/header.less
+++ b/theme/static/header.less
@@ -159,4 +159,9 @@
     height: 64px;
     float: right;
     margin-right: 50px;
+    .ant-radio-group-outline {
+        .ant-radio-wrapper {
+            padding-top: 0;
+        }
+    }
 }
diff --git a/theme/template/NotFound.jsx b/theme/template/NotFound.jsx
index bf7f4374..4946d9a9 100755
--- a/theme/template/NotFound.jsx
+++ b/theme/template/NotFound.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from 'bisheng/router';
-import zhCn from '../zh-CN';
+import config from '../../bisheng.config';
 
 export default function NotFound({ location: _location }) {
     return (
@@ -9,7 +9,7 @@ export default function NotFound({ location: _location }) {
                 <h1>404</h1>
                 <p>
                     啊哦~，您要找的页面不存在。 &nbsp;&nbsp;
-                    <Link to={zhCn.messages['app.home.url']}>返回首页</Link>
+                    <Link to={config.baseConfig.homeUrl}>返回首页</Link>
                 </p>
             </section>
             <style