chore: changelog of Table

package.json

@@ -1,7 +1,7 @@
 {
   "name": "sheinx",
   "private": true,
-  "version": "3.5.4-beta.13",
+  "version": "3.5.4-beta.14",
   "description": "A react library developed with sheinx",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

packages/hooks/src/components/use-table/use-table-virtual.tsx

@@ -159,7 +159,7 @@ const useTableVirtual = (props: UseTableVirtualProps) => {
       context.rowSpanRows = 0;
       const currentRowHeight = context.cachedHeight[i] || props.rowHeight;
       sum += currentRowHeight;
-      let rowSpanHeight = currentRowHeight;
+      let rowSpanHeight = 0;
       if (rowSpanInfo) {
         const siblingsIndexs = [];
         for (let k = i; k < rowSpanInfo.maxRowSpan + i; k++) {
@@ -185,6 +185,14 @@ const useTableVirtual = (props: UseTableVirtualProps) => {
     }
     if (currentIndex !== startIndex) {
       setStartIndex(currentIndex);
+
+      // startIndex处于上方某个合并行的中间一行时，可能引起translate闪烁
+      if(startIndex < currentIndex){
+        context.autoAddRows = currentIndex - startIndex
+        setTimeout(() => {
+          context.autoAddRows = 0
+        }, 300);
+      }
     }
     setTop(top);
   };

packages/shineout/src/table/__doc__/changelog.cn.md

@@ -1,3 +1,11 @@
+## 3.5.4-beta.14
+2024-12-12
+
+### 🐞 BugFix
+- 修复 `Table` 合并行数据在虚拟列表下偶现的抖动问题 ([#861](https://github.com/sheinsight/shineout-next/pull/861))
+
+
+
 ## 3.5.4-beta.13
 2024-12-11
 

packages/shineout/src/table/__example__/test-006-fix-online.tsx

@@ -96,8 +96,29 @@ const columns: TableColumnItem[] = [
   {
     title: t('订单标签'),
     rowSpan: orderRow,
-    width: 120,
-    render: (row) => '订单标签',
+    width: 200,
+    render: (row) => (
+      <div style={{ display: 'grid', gap: '2px 12px', gridTemplateColumns: 'repeat(1, 1fr)' }}>
+        <div className="items-start" style={{ gridColumn: 'span 1' }}>
+          <span className="text-neutral-6">
+            平台收货仓库<span className="px-1">:</span>
+          </span>
+          <span className="flex-1 break-all inline-block">佛山仓</span>
+        </div>
+        <div className="items-start" style={{ gridColumn: 'span 1' }}>
+          <span className="text-neutral-6">
+            下单时间<span className="px-1">:</span>
+          </span>
+          <span className="flex-1 break-all inline-block">2024-11-06 06:29:21</span>
+        </div>
+        <div className="items-start" style={{ gridColumn: 'span 1' }}>
+          <span className="text-neutral-6">
+            当前耗时<span className="px-1">:</span>
+          </span>
+          <span className="flex-1 break-all inline-block">726</span>
+        </div>
+      </div>
+    ),
     // hidden: isPartiallyStockToShein,
     group: t('履约信息'),
   },
@@ -359,7 +380,7 @@ const App: React.FC = () => {
           data={data}
           keygen={(item, index: number) => `${item.orderId}-${index}`}
           columns={columns}
-          width={2000}
+          width={3480}
           rowHeight={120}
           hover={false}
           virtual