Merge pull request #518 from oceanbase/dengfuping-feature-design

[Feature Branch] improve(design): hide Table empty when loading
oceanbase · Mar 20, 2024 · fb38101 · fb38101
2 parents f8642f3 + 8bd8ba7
commit fb38101
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/design/src/spin/style/index.ts b/packages/design/src/spin/style/index.ts
@@ -39,7 +39,8 @@ const genNestedSizeStyle = (spinDotSize: number, token: SpinToken): CSSObject =>
   const textPaddingTop = (spinDotHight - fontSize) / 2 + 2;
   return {
     // only work for oceanbase indicator
-    [`&${componentCls}-oceanbase`]: {
+    // `& > ${componentCls}-oceanbase` is compatible with double .ant-spin like Table loading
+    [`&${componentCls}-oceanbase, & > ${componentCls}-oceanbase`]: {
       [`${componentCls}-dot`]: {
         marginLeft: dotMarginLeft,
         marginTop: dotMarginTop,

diff --git a/packages/design/src/table/style/index.ts b/packages/design/src/table/style/index.ts
@@ -162,6 +162,16 @@ export const genTableStyle: GenerateStyle<TableToken> = (token: TableToken): CSS
       },
     },
 
+    // loading style
+    [`${componentCls}-wrapper ${antCls}-spin-blur`]: {
+      [`${componentCls}-tbody`]: {
+        [`${componentCls}-placeholder`]: {
+          // hide empty when Table loading
+          visibility: 'hidden',
+        },
+      },
+    },
+
     // 分页器样式
     [`${componentCls}-wrapper`]: {
       [`${componentCls}-pagination`]: {