From 5e46ccb5f27ad41ab146a65322f62a86a90f54f6 Mon Sep 17 00:00:00 2001
From: gimmy <975402925@qq.com>
Date: Tue, 29 Oct 2024 00:03:35 +0800
Subject: [PATCH 1/2] docs(grid): [grid] optimize grid demos and e2e

---
 .../grid/context-menu/cell-menu-composition-api.vue    |  1 +
 .../sites/demos/pc/app/grid/context-menu/cell-menu.vue |  1 +
 .../grid/context-menu/footer-menu-composition-api.vue  |  1 +
 .../demos/pc/app/grid/context-menu/footer-menu.vue     |  1 +
 .../grid/context-menu/header-menu-composition-api.vue  |  1 +
 .../demos/pc/app/grid/context-menu/header-menu.vue     |  1 +
 .../context-menu/menu-permissions-composition-api.vue  |  1 +
 .../pc/app/grid/context-menu/menu-permissions.vue      |  1 +
 .../app/grid/data-source/columns-composition-api.vue   |  2 +-
 .../sites/demos/pc/app/grid/data-source/columns.vue    |  2 +-
 .../dynamically-columns-composition-api.vue            |  6 ++++++
 .../grid/dynamically-columns/dynamically-columns.vue   |  6 ++++++
 .../pc/app/grid/event/click-event-composition-api.vue  |  1 +
 examples/sites/demos/pc/app/grid/event/click-event.vue |  1 +
 .../grid/event/context-menu-event-composition-api.vue  |  1 +
 .../demos/pc/app/grid/event/context-menu-event.vue     |  1 +
 .../grid/event/valid-error-event-composition-api.vue   |  1 +
 .../demos/pc/app/grid/event/valid-error-event.vue      |  1 +
 .../column-anchor-clear-active-composition-api.vue     |  2 +-
 .../app/grid/large-data/column-anchor-clear-active.vue |  2 +-
 .../grid/large-data/column-anchor-composition-api.vue  |  3 +--
 .../demos/pc/app/grid/large-data/column-anchor.vue     |  3 +--
 .../app/grid/large-data/scroll-to-composition-api.vue  |  2 +-
 .../sites/demos/pc/app/grid/large-data/scroll-to.vue   |  2 +-
 .../loading/grid-custom-loading-composition-api.vue    |  4 ++--
 .../pc/app/grid/loading/grid-custom-loading.spec.js    |  2 +-
 .../demos/pc/app/grid/loading/grid-custom-loading.vue  |  4 ++--
 .../selection-operation-composition-api.vue            | 10 +++++-----
 .../grid/operation-column/selection-operation.spec.js  | 10 +++++-----
 .../app/grid/operation-column/selection-operation.vue  | 10 +++++-----
 .../grid/size/fixed-column-width-composition-api.vue   |  4 ++--
 .../demos/pc/app/grid/size/fixed-column-width.spec.js  |  2 +-
 .../demos/pc/app/grid/size/fixed-column-width.vue      |  4 ++--
 examples/sites/src/views/layout/layout.vue             |  2 +-
 packages/theme/src/grid/table.less                     |  2 --
 35 files changed, 60 insertions(+), 38 deletions(-)

diff --git a/examples/sites/demos/pc/app/grid/context-menu/cell-menu-composition-api.vue b/examples/sites/demos/pc/app/grid/context-menu/cell-menu-composition-api.vue
index 42208c3806..37267eba03 100644
--- a/examples/sites/demos/pc/app/grid/context-menu/cell-menu-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/context-menu/cell-menu-composition-api.vue
@@ -7,6 +7,7 @@
         body: { options: bodyMenus },
         visibleMethod
       }"
+      show-overflow="tooltip"
       @cell-context-menu="cellContextMenuEvent"
       @context-menu-click="contextMenuClickEvent"
     >
diff --git a/examples/sites/demos/pc/app/grid/context-menu/cell-menu.vue b/examples/sites/demos/pc/app/grid/context-menu/cell-menu.vue
index 3c4166771d..6c39c228c1 100644
--- a/examples/sites/demos/pc/app/grid/context-menu/cell-menu.vue
+++ b/examples/sites/demos/pc/app/grid/context-menu/cell-menu.vue
@@ -7,6 +7,7 @@
         body: { options: bodyMenus },
         visibleMethod
       }"
+      show-overflow="tooltip"
       @cell-context-menu="cellContextMenuEvent"
       @context-menu-click="contextMenuClickEvent"
     >
diff --git a/examples/sites/demos/pc/app/grid/context-menu/footer-menu-composition-api.vue b/examples/sites/demos/pc/app/grid/context-menu/footer-menu-composition-api.vue
index 0f14bc5e1b..eb59c2178d 100644
--- a/examples/sites/demos/pc/app/grid/context-menu/footer-menu-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/context-menu/footer-menu-composition-api.vue
@@ -7,6 +7,7 @@
         footer: { options: footerMenus },
         visibleMethod
       }"
+      show-overflow="tooltip"
       show-footer
       :footer-method="footerMethod"
       @context-menu-click="contextMenuClickEvent"
diff --git a/examples/sites/demos/pc/app/grid/context-menu/footer-menu.vue b/examples/sites/demos/pc/app/grid/context-menu/footer-menu.vue
index ce6e99614d..d77b9d5776 100644
--- a/examples/sites/demos/pc/app/grid/context-menu/footer-menu.vue
+++ b/examples/sites/demos/pc/app/grid/context-menu/footer-menu.vue
@@ -7,6 +7,7 @@
         footer: { options: footerMenus },
         visibleMethod
       }"
+      show-overflow="tooltip"
       show-footer
       :footer-method="footerMethod"
       @context-menu-click="contextMenuClickEvent"
diff --git a/examples/sites/demos/pc/app/grid/context-menu/header-menu-composition-api.vue b/examples/sites/demos/pc/app/grid/context-menu/header-menu-composition-api.vue
index 037c8c846a..a4f3eed7bb 100644
--- a/examples/sites/demos/pc/app/grid/context-menu/header-menu-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/context-menu/header-menu-composition-api.vue
@@ -6,6 +6,7 @@
         header: { options: headerMenus },
         visibleMethod
       }"
+      show-overflow="tooltip"
       @context-menu-click="contextMenuClickEvent"
     >
       <tiny-grid-column type="index" width="60"></tiny-grid-column>
diff --git a/examples/sites/demos/pc/app/grid/context-menu/header-menu.vue b/examples/sites/demos/pc/app/grid/context-menu/header-menu.vue
index 31b7603603..150ccced1d 100644
--- a/examples/sites/demos/pc/app/grid/context-menu/header-menu.vue
+++ b/examples/sites/demos/pc/app/grid/context-menu/header-menu.vue
@@ -6,6 +6,7 @@
         header: { options: headerMenus },
         visibleMethod
       }"
+      show-overflow="tooltip"
       @context-menu-click="contextMenuClickEvent"
     >
       <tiny-grid-column type="index" width="60"></tiny-grid-column>
diff --git a/examples/sites/demos/pc/app/grid/context-menu/menu-permissions-composition-api.vue b/examples/sites/demos/pc/app/grid/context-menu/menu-permissions-composition-api.vue
index 27425e53f8..d41e5bfd3b 100644
--- a/examples/sites/demos/pc/app/grid/context-menu/menu-permissions-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/context-menu/menu-permissions-composition-api.vue
@@ -9,6 +9,7 @@
         visibleMethod
       }"
       show-footer
+      show-overflow="tooltip"
       :footer-method="footerMethod"
       @cell-context-menu="cellContextMenuEvent"
       @context-menu-click="contextMenuClickEvent"
diff --git a/examples/sites/demos/pc/app/grid/context-menu/menu-permissions.vue b/examples/sites/demos/pc/app/grid/context-menu/menu-permissions.vue
index 334508ecb1..6f39c6e101 100644
--- a/examples/sites/demos/pc/app/grid/context-menu/menu-permissions.vue
+++ b/examples/sites/demos/pc/app/grid/context-menu/menu-permissions.vue
@@ -9,6 +9,7 @@
         visibleMethod
       }"
       show-footer
+      show-overflow="tooltip"
       :footer-method="footerMethod"
       @cell-context-menu="cellContextMenuEvent"
       @context-menu-click="contextMenuClickEvent"
diff --git a/examples/sites/demos/pc/app/grid/data-source/columns-composition-api.vue b/examples/sites/demos/pc/app/grid/data-source/columns-composition-api.vue
index 4047cd00ce..16f5d8b844 100644
--- a/examples/sites/demos/pc/app/grid/data-source/columns-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/data-source/columns-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tiny-grid :columns="columnsData" :data="tableData" ref="theGridRef"> </tiny-grid>
+    <tiny-grid :columns="columnsData" :data="tableData" ref="theGridRef" show-overflow="tooltip"> </tiny-grid>
   </div>
 </template>
 
diff --git a/examples/sites/demos/pc/app/grid/data-source/columns.vue b/examples/sites/demos/pc/app/grid/data-source/columns.vue
index b72ba3521d..9eec196941 100644
--- a/examples/sites/demos/pc/app/grid/data-source/columns.vue
+++ b/examples/sites/demos/pc/app/grid/data-source/columns.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tiny-grid :columns="columnsData" :data="tableData" ref="theGrid"> </tiny-grid>
+    <tiny-grid :columns="columnsData" :data="tableData" ref="theGrid" show-overflow="tooltip"> </tiny-grid>
   </div>
 </template>
 
diff --git a/examples/sites/demos/pc/app/grid/dynamically-columns/dynamically-columns-composition-api.vue b/examples/sites/demos/pc/app/grid/dynamically-columns/dynamically-columns-composition-api.vue
index d0acfe3217..70255d8c4c 100644
--- a/examples/sites/demos/pc/app/grid/dynamically-columns/dynamically-columns-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/dynamically-columns/dynamically-columns-composition-api.vue
@@ -222,3 +222,9 @@ function getMonthBetween(start, end) {
   return result
 }
 </script>
+
+<style scoped>
+:deep(.tiny-picker) {
+  width: 300px;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/grid/dynamically-columns/dynamically-columns.vue b/examples/sites/demos/pc/app/grid/dynamically-columns/dynamically-columns.vue
index dbb4a383f3..1f3e25e91d 100644
--- a/examples/sites/demos/pc/app/grid/dynamically-columns/dynamically-columns.vue
+++ b/examples/sites/demos/pc/app/grid/dynamically-columns/dynamically-columns.vue
@@ -228,3 +228,9 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+:deep(.tiny-picker) {
+  width: 300px;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/grid/event/click-event-composition-api.vue b/examples/sites/demos/pc/app/grid/event/click-event-composition-api.vue
index b6ba51748e..7394a6a997 100644
--- a/examples/sites/demos/pc/app/grid/event/click-event-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/event/click-event-composition-api.vue
@@ -10,6 +10,7 @@
       @footer-cell-dblclick="footerCellDbClick"
       :footer-method="footerMethod"
       show-footer
+      show-overflow="tooltip"
     >
       <tiny-grid-column type="index" width="60"></tiny-grid-column>
       <tiny-grid-column field="name" title="名称"></tiny-grid-column>
diff --git a/examples/sites/demos/pc/app/grid/event/click-event.vue b/examples/sites/demos/pc/app/grid/event/click-event.vue
index e9de82ba17..0074d03c58 100644
--- a/examples/sites/demos/pc/app/grid/event/click-event.vue
+++ b/examples/sites/demos/pc/app/grid/event/click-event.vue
@@ -9,6 +9,7 @@
       @footer-cell-click="footerClick"
       @footer-cell-dblclick="footerCellDbClick"
       show-footer
+      show-overflow="tooltip"
       :footer-method="footerMethod"
     >
       <tiny-grid-column type="index" width="60"></tiny-grid-column>
diff --git a/examples/sites/demos/pc/app/grid/event/context-menu-event-composition-api.vue b/examples/sites/demos/pc/app/grid/event/context-menu-event-composition-api.vue
index 52369c5b35..c716dae97d 100644
--- a/examples/sites/demos/pc/app/grid/event/context-menu-event-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/event/context-menu-event-composition-api.vue
@@ -11,6 +11,7 @@
         visibleMethod
       }"
       show-footer
+      show-overflow="tooltip"
       :footer-method="footerMethod"
       @context-menu-click="contextMenuClickEvent"
     >
diff --git a/examples/sites/demos/pc/app/grid/event/context-menu-event.vue b/examples/sites/demos/pc/app/grid/event/context-menu-event.vue
index 67b8f5f69c..9ef72f05cd 100644
--- a/examples/sites/demos/pc/app/grid/event/context-menu-event.vue
+++ b/examples/sites/demos/pc/app/grid/event/context-menu-event.vue
@@ -11,6 +11,7 @@
         visibleMethod
       }"
       show-footer
+      show-overflow="tooltip"
       :footer-method="footerMethod"
       @context-menu-click="contextMenuClickEvent"
     >
diff --git a/examples/sites/demos/pc/app/grid/event/valid-error-event-composition-api.vue b/examples/sites/demos/pc/app/grid/event/valid-error-event-composition-api.vue
index d1e2b4725a..edeccb7277 100644
--- a/examples/sites/demos/pc/app/grid/event/valid-error-event-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/event/valid-error-event-composition-api.vue
@@ -3,6 +3,7 @@
     <tiny-grid
       :data="tableData"
       @valid-error="validError"
+      show-overflow="tooltip"
       :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }"
       :edit-rules="validRules"
     >
diff --git a/examples/sites/demos/pc/app/grid/event/valid-error-event.vue b/examples/sites/demos/pc/app/grid/event/valid-error-event.vue
index 793790691e..e6f970ce55 100644
--- a/examples/sites/demos/pc/app/grid/event/valid-error-event.vue
+++ b/examples/sites/demos/pc/app/grid/event/valid-error-event.vue
@@ -3,6 +3,7 @@
     <tiny-grid
       :data="tableData"
       @valid-error="validError"
+      show-overflow="tooltip"
       :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }"
       :edit-rules="validRules"
     >
diff --git a/examples/sites/demos/pc/app/grid/large-data/column-anchor-clear-active-composition-api.vue b/examples/sites/demos/pc/app/grid/large-data/column-anchor-clear-active-composition-api.vue
index ade1f7aea3..a104657693 100644
--- a/examples/sites/demos/pc/app/grid/large-data/column-anchor-clear-active-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/large-data/column-anchor-clear-active-composition-api.vue
@@ -1,7 +1,7 @@
 <template>
   <tiny-grid
     column-min-width="100"
-    auto-resize
+    show-overflow="tooltip"
     :column-anchor="columnAnchor"
     :optimization="{ scrollX: { gt: 20 } }"
     :fetch-data="fetchData"
diff --git a/examples/sites/demos/pc/app/grid/large-data/column-anchor-clear-active.vue b/examples/sites/demos/pc/app/grid/large-data/column-anchor-clear-active.vue
index fa4b71c962..065d33cc79 100644
--- a/examples/sites/demos/pc/app/grid/large-data/column-anchor-clear-active.vue
+++ b/examples/sites/demos/pc/app/grid/large-data/column-anchor-clear-active.vue
@@ -1,7 +1,7 @@
 <template>
   <tiny-grid
     column-min-width="100"
-    auto-resize
+    show-overflow="tooltip"
     :column-anchor="columnAnchor"
     :optimization="{ scrollX: { gt: 20 } }"
     :fetch-data="fetchData"
diff --git a/examples/sites/demos/pc/app/grid/large-data/column-anchor-composition-api.vue b/examples/sites/demos/pc/app/grid/large-data/column-anchor-composition-api.vue
index 9534b2f5b1..3543ceaff1 100644
--- a/examples/sites/demos/pc/app/grid/large-data/column-anchor-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/large-data/column-anchor-composition-api.vue
@@ -3,10 +3,9 @@
     <tiny-grid
       :data="tableData"
       column-min-width="100"
-      auto-resize
+      show-overflow="tooltip"
       :column-anchor="columnAnchor"
       :optimization="{ scrollX: { gt: 20 } }"
-      height="auto"
     >
       <tiny-grid-column field="name0" title="名称0" sortable fixed="left"></tiny-grid-column>
       <tiny-grid-column field="name1" title="名称1" sortable fixed="left"></tiny-grid-column>
diff --git a/examples/sites/demos/pc/app/grid/large-data/column-anchor.vue b/examples/sites/demos/pc/app/grid/large-data/column-anchor.vue
index 78a7e99f8c..a8798c82ef 100644
--- a/examples/sites/demos/pc/app/grid/large-data/column-anchor.vue
+++ b/examples/sites/demos/pc/app/grid/large-data/column-anchor.vue
@@ -3,10 +3,9 @@
     <tiny-grid
       :data="tableData"
       column-min-width="100"
-      auto-resize
+      show-overflow="tooltip"
       :column-anchor="columnAnchor"
       :optimization="{ scrollX: { gt: 20 } }"
-      height="auto"
     >
       <tiny-grid-column field="name0" title="名称0" sortable fixed="left"></tiny-grid-column>
       <tiny-grid-column field="name1" title="名称1" sortable fixed="left"></tiny-grid-column>
diff --git a/examples/sites/demos/pc/app/grid/large-data/scroll-to-composition-api.vue b/examples/sites/demos/pc/app/grid/large-data/scroll-to-composition-api.vue
index 3292fd335d..bf69f0acbd 100644
--- a/examples/sites/demos/pc/app/grid/large-data/scroll-to-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/large-data/scroll-to-composition-api.vue
@@ -6,7 +6,7 @@
       <tiny-button @click="scrollToColumn">滚动到500列</tiny-button>
     </div>
     <br />
-    <tiny-grid ref="tinyGridRef" height="300"> </tiny-grid>
+    <tiny-grid ref="tinyGridRef" height="300" column-width="100"> </tiny-grid>
   </div>
 </template>
 
diff --git a/examples/sites/demos/pc/app/grid/large-data/scroll-to.vue b/examples/sites/demos/pc/app/grid/large-data/scroll-to.vue
index fbc5995b3c..60460afa17 100644
--- a/examples/sites/demos/pc/app/grid/large-data/scroll-to.vue
+++ b/examples/sites/demos/pc/app/grid/large-data/scroll-to.vue
@@ -6,7 +6,7 @@
       <tiny-button @click="scrollToColumn">滚动到500列</tiny-button>
     </div>
     <br />
-    <tiny-grid ref="tinyGrid" height="300"> </tiny-grid>
+    <tiny-grid ref="tinyGrid" height="300" column-width="100"> </tiny-grid>
   </div>
 </template>
 
diff --git a/examples/sites/demos/pc/app/grid/loading/grid-custom-loading-composition-api.vue b/examples/sites/demos/pc/app/grid/loading/grid-custom-loading-composition-api.vue
index 785e5e5fc1..ec6d3bc780 100644
--- a/examples/sites/demos/pc/app/grid/loading/grid-custom-loading-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/loading/grid-custom-loading-composition-api.vue
@@ -57,14 +57,14 @@ init()
 
 const loadingComponent = () => (
   <div class="custom-loading">
-    <span>正在加载中。。。</span>
+    <span>正在加载中...</span>
   </div>
 )
 </script>
 
 <style scoped>
 .custom-loading {
-  font-size: 20px;
+  font-size: 16px;
   width: 100%;
   height: 100%;
   display: flex;
diff --git a/examples/sites/demos/pc/app/grid/loading/grid-custom-loading.spec.js b/examples/sites/demos/pc/app/grid/loading/grid-custom-loading.spec.js
index 11c17e982c..14913f6264 100644
--- a/examples/sites/demos/pc/app/grid/loading/grid-custom-loading.spec.js
+++ b/examples/sites/demos/pc/app/grid/loading/grid-custom-loading.spec.js
@@ -3,5 +3,5 @@ import { test, expect } from '@playwright/test'
 test('自定义表格加载', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-loading#loading-grid-custom-loading')
-  await expect(page.getByText('正在加载中。。。')).toBeVisible()
+  await expect(page.getByText('正在加载中...')).toBeVisible()
 })
diff --git a/examples/sites/demos/pc/app/grid/loading/grid-custom-loading.vue b/examples/sites/demos/pc/app/grid/loading/grid-custom-loading.vue
index 0396e35dce..b19e8124e5 100644
--- a/examples/sites/demos/pc/app/grid/loading/grid-custom-loading.vue
+++ b/examples/sites/demos/pc/app/grid/loading/grid-custom-loading.vue
@@ -32,7 +32,7 @@ export default {
     loadingComponent() {
       return (
         <div class="custom-loading">
-          <span>正在加载中。。。</span>
+          <span>正在加载中...</span>
         </div>
       )
     },
@@ -77,7 +77,7 @@ export default {
 
 <style scoped>
 .custom-loading {
-  font-size: 20px;
+  font-size: 16px;
   width: 100%;
   height: 100%;
   display: flex;
diff --git a/examples/sites/demos/pc/app/grid/operation-column/selection-operation-composition-api.vue b/examples/sites/demos/pc/app/grid/operation-column/selection-operation-composition-api.vue
index efa9150e21..6dce701c59 100644
--- a/examples/sites/demos/pc/app/grid/operation-column/selection-operation-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/operation-column/selection-operation-composition-api.vue
@@ -19,23 +19,23 @@ import { TinyGrid, TinyGridColumn, TinyGridToolbar } from '@opentiny/vue'
 const toolbarButtons = ref([
   {
     code: 'clearSelection',
-    name: '手动取消多选行'
+    name: '取消多选行'
   },
   {
     code: 'setAllSelection',
-    name: '手动选中所有行'
+    name: '选中所有行'
   },
   {
     code: 'setSelection',
-    name: '手动选中指定行'
+    name: '选中指定行'
   },
   {
     code: 'toggleAllSelection',
-    name: '手动切换所有行选中状态'
+    name: '切换所有行选中状态'
   },
   {
     code: 'toggleRowSelection',
-    name: '手动切换指定行选中状态'
+    name: '切换指定行选中状态'
   }
 ])
 const tableData = ref([
diff --git a/examples/sites/demos/pc/app/grid/operation-column/selection-operation.spec.js b/examples/sites/demos/pc/app/grid/operation-column/selection-operation.spec.js
index e823b89223..ceb6d6b737 100644
--- a/examples/sites/demos/pc/app/grid/operation-column/selection-operation.spec.js
+++ b/examples/sites/demos/pc/app/grid/operation-column/selection-operation.spec.js
@@ -3,18 +3,18 @@ import { test, expect } from '@playwright/test'
 test('多选项操作', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-operation-column#operation-column-selection-operation')
-  await page.getByRole('button', { name: '手动选中指定行' }).click()
+  await page.getByRole('button', { name: '选中指定行' }).click()
   await expect(page.locator('.tiny-grid-body__row').nth(4).locator('input')).toBeChecked()
-  await page.getByRole('button', { name: '手动切换指定行选中状态' }).click()
+  await page.getByRole('button', { name: '切换指定行选中状态' }).click()
   await expect(page.locator('.tiny-grid-body__row').nth(1).locator('input')).toBeChecked()
-  await page.getByRole('button', { name: '手动切换指定行选中状态' }).click()
+  await page.getByRole('button', { name: '切换指定行选中状态' }).click()
   await expect(page.locator('.tiny-grid-body__row').nth(1).locator('input')).not.toBeChecked()
 
-  await page.getByRole('button', { name: '手动选中所有行' }).click()
+  await page.getByRole('button', { name: '选中所有行' }).click()
   for (const check of await page.locator('.tiny-grid-checkbox input').all()) {
     await expect(check).toBeChecked()
   }
-  await page.getByRole('button', { name: '手动取消多选行' }).click()
+  await page.getByRole('button', { name: '取消多选行' }).click()
   for (const check of await page.locator('.tiny-grid-checkbox input').all()) {
     await expect(check).not.toBeChecked()
   }
diff --git a/examples/sites/demos/pc/app/grid/operation-column/selection-operation.vue b/examples/sites/demos/pc/app/grid/operation-column/selection-operation.vue
index de6d9d0d82..eb6cb483c2 100644
--- a/examples/sites/demos/pc/app/grid/operation-column/selection-operation.vue
+++ b/examples/sites/demos/pc/app/grid/operation-column/selection-operation.vue
@@ -26,23 +26,23 @@ export default {
       toolbarButtons: [
         {
           code: 'clearSelection',
-          name: '手动取消多选行'
+          name: '取消多选行'
         },
         {
           code: 'setAllSelection',
-          name: '手动选中所有行'
+          name: '选中所有行'
         },
         {
           code: 'setSelection',
-          name: '手动选中指定行'
+          name: '选中指定行'
         },
         {
           code: 'toggleAllSelection',
-          name: '手动切换所有行选中状态'
+          name: '切换所有行选中状态'
         },
         {
           code: 'toggleRowSelection',
-          name: '手动切换指定行选中状态'
+          name: '切换指定行选中状态'
         }
       ],
       tableData: [
diff --git a/examples/sites/demos/pc/app/grid/size/fixed-column-width-composition-api.vue b/examples/sites/demos/pc/app/grid/size/fixed-column-width-composition-api.vue
index afb6b3f646..c065bf0e40 100644
--- a/examples/sites/demos/pc/app/grid/size/fixed-column-width-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/size/fixed-column-width-composition-api.vue
@@ -1,9 +1,9 @@
 <template>
   <tiny-grid :data="tableData">
     <tiny-grid-column field="name" title="名称" width="150"></tiny-grid-column>
-    <tiny-grid-column field="area" title="所属区域" width="80"></tiny-grid-column>
+    <tiny-grid-column field="area" title="所属区域" width="100"></tiny-grid-column>
     <tiny-grid-column field="address" title="地址" width="20%"></tiny-grid-column>
-    <tiny-grid-column field="introduction" title="公司简介" show-overflow></tiny-grid-column>
+    <tiny-grid-column field="introduction" title="公司简介"></tiny-grid-column>
   </tiny-grid>
 </template>
 
diff --git a/examples/sites/demos/pc/app/grid/size/fixed-column-width.spec.js b/examples/sites/demos/pc/app/grid/size/fixed-column-width.spec.js
index c95a816b43..bebe68399a 100644
--- a/examples/sites/demos/pc/app/grid/size/fixed-column-width.spec.js
+++ b/examples/sites/demos/pc/app/grid/size/fixed-column-width.spec.js
@@ -4,5 +4,5 @@ test('列属性设置宽度', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-size#size-fixed-column-width')
   await expect(page.getByRole('cell', { name: '名称' }).first()).toHaveCSS('width', '150px')
-  await expect(page.getByRole('cell', { name: '所属区域' })).toHaveCSS('width', '80px')
+  await expect(page.getByRole('cell', { name: '所属区域' })).toHaveCSS('width', '100px')
 })
diff --git a/examples/sites/demos/pc/app/grid/size/fixed-column-width.vue b/examples/sites/demos/pc/app/grid/size/fixed-column-width.vue
index f4e52b8fdd..dc7e340995 100644
--- a/examples/sites/demos/pc/app/grid/size/fixed-column-width.vue
+++ b/examples/sites/demos/pc/app/grid/size/fixed-column-width.vue
@@ -1,9 +1,9 @@
 <template>
   <tiny-grid :data="tableData">
     <tiny-grid-column field="name" title="名称" width="150"></tiny-grid-column>
-    <tiny-grid-column field="area" title="所属区域" width="80"></tiny-grid-column>
+    <tiny-grid-column field="area" title="所属区域" width="100"></tiny-grid-column>
     <tiny-grid-column field="address" title="地址" width="20%"></tiny-grid-column>
-    <tiny-grid-column field="introduction" title="公司简介" show-overflow></tiny-grid-column>
+    <tiny-grid-column field="introduction" title="公司简介"></tiny-grid-column>
   </tiny-grid>
 </template>
 
diff --git a/examples/sites/src/views/layout/layout.vue b/examples/sites/src/views/layout/layout.vue
index abff7aab75..4b0f120a90 100644
--- a/examples/sites/src/views/layout/layout.vue
+++ b/examples/sites/src/views/layout/layout.vue
@@ -290,7 +290,7 @@ export default defineComponent({
   }
 
   .tiny-input {
-    margin: 0 10px 12px;
+    margin: 0 10px 16px;
     width: auto;
     max-width: unset;
   }
diff --git a/packages/theme/src/grid/table.less b/packages/theme/src/grid/table.less
index 10b68ba3f5..db22f0187c 100644
--- a/packages/theme/src/grid/table.less
+++ b/packages/theme/src/grid/table.less
@@ -905,8 +905,6 @@
     }
 
     .@{grid-prefix-cls}-body__column {
-      .DefaultTdPadding();
-
       &.col__actived {
         padding: 0 var(--tv-Grid-cell-padding-x);
       }

From bb9e4a4eb2ea1e3d6f36a2e1c3c5315312d8be20 Mon Sep 17 00:00:00 2001
From: Gimmy <975402925@qq.com>
Date: Tue, 29 Oct 2024 11:06:34 +0800
Subject: [PATCH 2/2] fix(grid): fix grid demo

---
 .../pc/app/grid/large-data/column-anchor-composition-api.vue     | 1 +
 examples/sites/demos/pc/app/grid/large-data/column-anchor.vue    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/examples/sites/demos/pc/app/grid/large-data/column-anchor-composition-api.vue b/examples/sites/demos/pc/app/grid/large-data/column-anchor-composition-api.vue
index 3543ceaff1..6eaff85b39 100644
--- a/examples/sites/demos/pc/app/grid/large-data/column-anchor-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/large-data/column-anchor-composition-api.vue
@@ -6,6 +6,7 @@
       show-overflow="tooltip"
       :column-anchor="columnAnchor"
       :optimization="{ scrollX: { gt: 20 } }"
+      height="auto"
     >
       <tiny-grid-column field="name0" title="名称0" sortable fixed="left"></tiny-grid-column>
       <tiny-grid-column field="name1" title="名称1" sortable fixed="left"></tiny-grid-column>
diff --git a/examples/sites/demos/pc/app/grid/large-data/column-anchor.vue b/examples/sites/demos/pc/app/grid/large-data/column-anchor.vue
index a8798c82ef..a44b8b677c 100644
--- a/examples/sites/demos/pc/app/grid/large-data/column-anchor.vue
+++ b/examples/sites/demos/pc/app/grid/large-data/column-anchor.vue
@@ -6,6 +6,7 @@
       show-overflow="tooltip"
       :column-anchor="columnAnchor"
       :optimization="{ scrollX: { gt: 20 } }"
+      height="auto"
     >
       <tiny-grid-column field="name0" title="名称0" sortable fixed="left"></tiny-grid-column>
       <tiny-grid-column field="name1" title="名称1" sortable fixed="left"></tiny-grid-column>