From 8399590542df6891d45a55bcb5a2b1b5a449f584 Mon Sep 17 00:00:00 2001 From: QdabuliuQ <69883552+QdabuliuQ@users.noreply.github.com> Date: Thu, 1 Jan 2026 10:02:19 +0800 Subject: [PATCH] docs: remove demo of Table hidden resizable column (#56447) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * doc: hidden table component resizable-column demo * chore: 调整代码格式 * doc: remove resizable column demo from Table component * chore: rm deps * update: update snapshot file * fix: package.json version number error --------- Co-authored-by: thinkasany <480968828@qq.com> Co-authored-by: 遇见同学 <1875694521@qq.com> --- .../__snapshots__/demo-extend.test.ts.snap | 353 ------------------ .../__tests__/__snapshots__/demo.test.ts.snap | 330 ---------------- components/table/demo/resizable-column.md | 24 -- components/table/demo/resizable-column.tsx | 123 ------ components/table/index.en-US.md | 1 - components/table/index.zh-CN.md | 1 - package.json | 2 - 7 files changed, 834 deletions(-) delete mode 100644 components/table/demo/resizable-column.md delete mode 100644 components/table/demo/resizable-column.tsx diff --git a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap index 2f6419e52a..94f470d3fd 100644 --- a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap +++ b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap @@ -23632,359 +23632,6 @@ Array [ exports[`renders components/table/demo/reset-filter.tsx extend context correctly 2`] = `[]`; -exports[`renders components/table/demo/resizable-column.tsx extend context correctly 1`] = ` -
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Date - - -
- - Amount - - - - -
-
-
- -
- -
- - 		- Type - - - Note - - - Action -
- 2018-02-11 - - 120 - - income - - transfer - - - Delete - -
- 2018-03-11 - - 243 - - income - - transfer - - - Delete - -
- 2018-04-11 - - 98 - - income - - transfer - - - Delete - -
-
-
-
-
    -
  • - -
    • -
  • - - 1 - -
    • -
  • - -
    • -
-
-
-
-`; - -exports[`renders components/table/demo/resizable-column.tsx extend context correctly 2`] = `[]`; - exports[`renders components/table/demo/responsive.tsx extend context correctly 1`] = `
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Date - - -
- - Amount - - - - -
- - 		- Type - - - Note - - - Action -
- 2018-02-11 - - 120 - - income - - transfer - - - Delete - -
- 2018-03-11 - - 243 - - income - - transfer - - - Delete - -
- 2018-04-11 - - 98 - - income - - transfer - - - Delete - -
-
-
-
-
    -
  • - -
    • -
  • - - 1 - -
    • -
  • - -
    • -
-
-
-
-`; - exports[`renders components/table/demo/responsive.tsx correctly 1`] = `
, data: ResizeCallbackData) => void; -} - -const ResizableTitle: React.FC & TitlePropsType>> = (props) => { - const { onResize, width, ...restProps } = props; - - if (!width) { - return ; - } - - return ( - e.stopPropagation()} />} - onResize={onResize} - draggableOpts={{ enableUserSelectHack: false }} - > - - - ); -}; - -const data: DataType[] = [ - { - key: 0, - date: '2018-02-11', - amount: 120, - type: 'income', - note: 'transfer', - }, - { - key: 1, - date: '2018-03-11', - amount: 243, - type: 'income', - note: 'transfer', - }, - { - key: 2, - date: '2018-04-11', - amount: 98, - type: 'income', - note: 'transfer', - }, -]; - -const App: React.FC = () => { - const [columns, setColumns] = useState>([ - { - title: 'Date', - dataIndex: 'date', - width: 200, - }, - { - title: 'Amount', - dataIndex: 'amount', - width: 100, - sorter: (a, b) => a.amount - b.amount, - }, - { - title: 'Type', - dataIndex: 'type', - width: 100, - }, - { - title: 'Note', - dataIndex: 'note', - width: 100, - }, - { - title: 'Action', - key: 'action', - render: () => Delete, - }, - ]); - - const handleResize = - (index: number) => - (_: React.SyntheticEvent, { size }: ResizeCallbackData) => { - const newColumns = [...columns]; - newColumns[index] = { - ...newColumns[index], - width: size.width, - }; - setColumns(newColumns); - }; - - const mergedColumns = columns.map[number]>((col, index) => ({ - ...col, - onHeaderCell: (column: TableColumnsType[number]) => ({ - width: column.width, - onResize: handleResize(index) as React.ReactEventHandler, - }), - })); - - return ( - - bordered - components={{ header: { cell: ResizableTitle } }} - columns={mergedColumns} - dataSource={data} - /> - ); -}; - -export default App; diff --git a/components/table/index.en-US.md b/components/table/index.en-US.md index 3a93181f57..457f57e578 100644 --- a/components/table/index.en-US.md +++ b/components/table/index.en-US.md @@ -96,7 +96,6 @@ const columns = [ Drag sorting Drag Column sorting Drag sorting with handler -Resizable column ellipsis column ellipsis column custom tooltip Custom empty diff --git a/components/table/index.zh-CN.md b/components/table/index.zh-CN.md index a330d2d998..7de56e854c 100644 --- a/components/table/index.zh-CN.md +++ b/components/table/index.zh-CN.md @@ -98,7 +98,6 @@ const columns = [ 拖拽排序 列拖拽排序 拖拽手柄列 -可伸缩列 单元格自动省略 自定义单元格省略提示 自定义空状态 diff --git a/package.json b/package.json index df50859c47..eff00261a9 100644 --- a/package.json +++ b/package.json @@ -214,7 +214,6 @@ "@types/react": "^19.2.7", "@types/react-dom": "^19.2.3", "@types/react-highlight-words": "^0.20.0", - "@types/react-resizable": "^3.0.8", "@types/semver": "^7.7.1", "@types/spinnies": "^0.5.3", "@types/tar": "^6.1.13", @@ -300,7 +299,6 @@ "react-highlight-words": "^0.21.0", "react-icons": "^5.5.0", "react-infinite-scroll-component": "^6.1.1", - "react-resizable": "3.0.5", "react-router-dom": "^7.10.1", "react-sticky-box": "^2.0.5", "rehype-stringify": "^10.0.1",