From f4179e845f878ac40544e0f7c38459f6b52c7786 Mon Sep 17 00:00:00 2001
From: zhouyun1 <zhouyun1@xiaomi.com>
Date: Mon, 8 May 2023 17:10:51 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E4=BC=98=E5=8C=96=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/back-top/stories/basic.stories.tsx     | 21 ++++++++++++++++++-
 .../ui/table/stories/col-menu.stories.tsx     |  2 +-
 .../table/stories/custom-filter.stories.tsx   |  2 +-
 .../table/stories/setting-drawer.stories.tsx  |  6 +++---
 packages/ui/table/stories/virtual.stories.tsx |  2 +-
 5 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/packages/ui/back-top/stories/basic.stories.tsx b/packages/ui/back-top/stories/basic.stories.tsx
index 01358870b..2561604c8 100644
--- a/packages/ui/back-top/stories/basic.stories.tsx
+++ b/packages/ui/back-top/stories/basic.stories.tsx
@@ -1,4 +1,6 @@
 import React from 'react'
+import Tooltip from '@hi-ui/tooltip'
+import { ArrowUpOutlined } from '@hi-ui/icons'
 import BackTop from '../src'
 
 /**
@@ -27,7 +29,24 @@ export const Basic = () => {
           </div>
         </div>
       </div>
-      <BackTop />
+      <BackTop>
+        <Tooltip title="回到顶部" placement="left" disabledPortal={true}>
+          <div
+            style={{
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              width: 40,
+              height: 40,
+              borderRadius: '50%',
+              color: '#fff',
+              background: '#237ffa',
+            }}
+          >
+            <ArrowUpOutlined />
+          </div>
+        </Tooltip>
+      </BackTop>
     </>
   )
 }
diff --git a/packages/ui/table/stories/col-menu.stories.tsx b/packages/ui/table/stories/col-menu.stories.tsx
index 62e41e273..787012755 100644
--- a/packages/ui/table/stories/col-menu.stories.tsx
+++ b/packages/ui/table/stories/col-menu.stories.tsx
@@ -18,7 +18,7 @@ export const ColMenu = () => {
       key: 2,
       width: 80,
       sorter(pre, next) {
-        return pre.age - next.age
+        return pre.raw.age - next.raw.age
       },
     },
     {
diff --git a/packages/ui/table/stories/custom-filter.stories.tsx b/packages/ui/table/stories/custom-filter.stories.tsx
index cc2bf4a06..fda28f460 100644
--- a/packages/ui/table/stories/custom-filter.stories.tsx
+++ b/packages/ui/table/stories/custom-filter.stories.tsx
@@ -52,7 +52,7 @@ export const CustomFilter = () => {
       key: 2,
       width: 80,
       sorter(pre, next) {
-        return pre.age - next.age
+        return pre.raw.age - next.raw.age
       },
     },
     {
diff --git a/packages/ui/table/stories/setting-drawer.stories.tsx b/packages/ui/table/stories/setting-drawer.stories.tsx
index c586f94d5..90793432b 100644
--- a/packages/ui/table/stories/setting-drawer.stories.tsx
+++ b/packages/ui/table/stories/setting-drawer.stories.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import Button from '@hi-ui/button'
-import Table, { SettingDrawer as TableSettingDrawer } from '../src'
+import Table, { SettingDrawer } from '../src'
 
 /**
  * @title 设置抽屉
  */
-export const SettingDrawer = () => {
+export const TableSettingDrawer = () => {
   const [dataSource] = React.useState([
     {
       name: '小米9',
@@ -253,7 +253,7 @@ export const SettingDrawer = () => {
           <Button onClick={() => setVisible(true)}>打开 setting 抽屉</Button>
         </div>
         <Table columns={columns} data={dataSource} />
-        <TableSettingDrawer
+        <SettingDrawer
           visible={visible}
           onClose={() => setVisible(false)}
           drawerProps={{ width: 400, title: '字段设置' }}
diff --git a/packages/ui/table/stories/virtual.stories.tsx b/packages/ui/table/stories/virtual.stories.tsx
index 7c9a78c71..b7e6c40fa 100644
--- a/packages/ui/table/stories/virtual.stories.tsx
+++ b/packages/ui/table/stories/virtual.stories.tsx
@@ -49,7 +49,7 @@ export const Virtual = () => {
   return (
     <>
       <h1>Width for Table</h1>
-      <div className="table-width__wrap" style={{ width: 800, background: '#fff' }}>
+      <div className="table-width__wrap" style={{ minWidth: 660, background: '#fff' }}>
         <Table
           fieldKey="name"
           columns={column}