From 17f23fb2e627b6063a65c6eaced49164a2e620ad Mon Sep 17 00:00:00 2001
From: Barrior <barrior@qq.com>
Date: Mon, 28 Oct 2024 11:39:50 +0800
Subject: [PATCH] docs: improve docs

---
 examples/search-table-react/001-intro.md  |  4 ++-
 examples/search-table-react/050-tabs.md   | 42 +++++++++++++++++++++++
 examples/search-table-react/700-locale.md |  1 +
 3 files changed, 46 insertions(+), 1 deletion(-)

diff --git a/examples/search-table-react/001-intro.md b/examples/search-table-react/001-intro.md
index a8cdc07..a914e0a 100644
--- a/examples/search-table-react/001-intro.md
+++ b/examples/search-table-react/001-intro.md
@@ -178,7 +178,9 @@ const Demo = () => {
         ref={STableRef}
         search={{ schema, labelWidth: 80 }}
         title={{
-          // 显示列设置
+          // 显示刷新按钮
+          showRefresh: true,
+          // 显示列设置按钮
           showSetting: true,
           // 标签页
           tabs: {
diff --git a/examples/search-table-react/050-tabs.md b/examples/search-table-react/050-tabs.md
index 7dae30d..652dae4 100644
--- a/examples/search-table-react/050-tabs.md
+++ b/examples/search-table-react/050-tabs.md
@@ -243,3 +243,45 @@ const Demo = () => {
 
 export default Demo
 ```
+
+## 自定义两侧内容(无标签情况)
+
+使用 Antd Tabs 自带的 `tabBarExtraContent` 属性实现，下划线样式请按需删除。
+
+```tsx
+import { sleep } from '@examples/utils'
+import schema from './helpers/schema'
+import columns from './helpers/columns'
+import createDataSource from './helpers/createDataSource'
+import SearchTable from '@schema-render/search-table-react'
+import { Button } from 'antd'
+
+const Demo = () => {
+  const tabBarExtraContent = {
+    left: <Button>左侧内容</Button>,
+    right: <Button>右侧内容</Button>,
+  }
+
+  return (
+    <SearchTable
+      search={{ schema, labelWidth: 80 }}
+      title={{
+        showRefresh: true,
+        showSetting: true,
+        tabs: {
+          tabBarExtraContent,
+        },
+      }}
+      table={{ columns }}
+      request={async (searchParams) => {
+        // 模拟请求接口获取表格数据
+        await sleep()
+        const data = createDataSource(searchParams.pageSize)
+        return { data, total: 100 }
+      }}
+    />
+  )
+}
+
+export default Demo
+```
diff --git a/examples/search-table-react/700-locale.md b/examples/search-table-react/700-locale.md
index d04e93b..ed8950d 100644
--- a/examples/search-table-react/700-locale.md
+++ b/examples/search-table-react/700-locale.md
@@ -30,6 +30,7 @@ const Demo = () => {
         labelWidth: 'max-content',
       }}
       title={{
+        showRefresh: true,
         showSetting: true,
       }}
       table={{