From 207b674eb174ef1f013cdb8f65d1b3795c9ec62b Mon Sep 17 00:00:00 2001
From: Katherine <katherine_15995@163.com>
Date: Mon, 13 Jan 2025 21:30:34 +0800
Subject: [PATCH] fix: table header cell style issue in ant-table (#6052)

* fix: table header cell style issue in ant-table

* fix: bug

* fix: bug
---
 .../antd/table-v2/Table.Column.ActionBar.tsx           | 10 ++++++++--
 .../antd/table-v2/Table.Column.Decorator.tsx           |  6 ++++++
 .../src/schema-component/antd/table-v2/Table.tsx       |  3 ---
 .../client/src/schema-component/hooks/useDesigner.ts   |  1 +
 4 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/packages/core/client/src/schema-component/antd/table-v2/Table.Column.ActionBar.tsx b/packages/core/client/src/schema-component/antd/table-v2/Table.Column.ActionBar.tsx
index 5ab46f55f6..a3f1329219 100644
--- a/packages/core/client/src/schema-component/antd/table-v2/Table.Column.ActionBar.tsx
+++ b/packages/core/client/src/schema-component/antd/table-v2/Table.Column.ActionBar.tsx
@@ -10,7 +10,7 @@
 import { css } from '@emotion/css';
 import { observer } from '@formily/react';
 import React from 'react';
-import { SortableItem, useDesigner } from '../..';
+import { SortableItem, useDesigner, useSchemaComponentContext } from '../..';
 import { useFlag } from '../../../flag-provider/hooks/useFlag';
 
 export const designerCss = ({ margin = '-18px -16px', padding = '18px 16px' } = {}) => css`
@@ -53,9 +53,15 @@ export const designerCss = ({ margin = '-18px -16px', padding = '18px 16px' } =
 `;
 
 export const TableColumnActionBar = observer(
-  (props) => {
+  (props: any) => {
     const Designer = useDesigner();
     const { isInSubTable } = useFlag() || {};
+    const { designable } = useSchemaComponentContext();
+
+    if (!designable || Designer.isNullComponent) {
+      return props.children;
+    }
+
     return (
       <SortableItem
         className={designerCss({
diff --git a/packages/core/client/src/schema-component/antd/table-v2/Table.Column.Decorator.tsx b/packages/core/client/src/schema-component/antd/table-v2/Table.Column.Decorator.tsx
index fea1982a47..5496a1d77c 100644
--- a/packages/core/client/src/schema-component/antd/table-v2/Table.Column.Decorator.tsx
+++ b/packages/core/client/src/schema-component/antd/table-v2/Table.Column.Decorator.tsx
@@ -17,6 +17,7 @@ import {
   useCompile,
   useDesigner,
   useFlag,
+  useSchemaComponentContext,
 } from '../../../';
 import { designerCss } from './Table.Column.ActionBar';
 import { isCollectionFieldComponent } from './utils';
@@ -71,6 +72,7 @@ export const TableColumnDecorator = (props) => {
   const Designer = useDesigner();
   const field = useField();
   const { fieldSchema, uiSchema, collectionField } = useColumnSchema();
+  const { designable } = useSchemaComponentContext();
   const compile = useCompile();
   const { isInSubTable } = useFlag() || {};
   useLayoutEffect(() => {
@@ -84,6 +86,10 @@ export const TableColumnDecorator = (props) => {
       field.title = uiSchema?.title;
     }
   }, [uiSchema?.title]);
+
+  if (!designable || Designer.isNullComponent) {
+    return props.children;
+  }
   return (
     <SortableItem
       className={designerCss({
diff --git a/packages/core/client/src/schema-component/antd/table-v2/Table.tsx b/packages/core/client/src/schema-component/antd/table-v2/Table.tsx
index fe484d17b8..2248165d97 100644
--- a/packages/core/client/src/schema-component/antd/table-v2/Table.tsx
+++ b/packages/core/client/src/schema-component/antd/table-v2/Table.tsx
@@ -627,9 +627,6 @@ const InternalNocoBaseTable = React.memo(
                   .ant-table-cell-fix-right {
                     padding: 8px 16px !important;
                   }
-                  .ant-table-thead .ant-table-cell {
-                    padding: 8px 16px;
-                  }
                 }
               }
             }
diff --git a/packages/core/client/src/schema-component/hooks/useDesigner.ts b/packages/core/client/src/schema-component/hooks/useDesigner.ts
index f688a2e7f3..1d69c98e07 100644
--- a/packages/core/client/src/schema-component/hooks/useDesigner.ts
+++ b/packages/core/client/src/schema-component/hooks/useDesigner.ts
@@ -13,6 +13,7 @@ import { useMemo } from 'react';
 import { SchemaToolbar } from '../../schema-settings';
 
 const DefaultSchemaToolbar = () => null;
+DefaultSchemaToolbar.isNullComponent = true;
 
 /**
  * @deprecated