From 92019ca92db10697408831ea547d3fb4f72f9bad Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Fri, 19 Dec 2025 13:15:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Antd=20=E5=92=8C=20?=
 =?UTF-8?q?React=20=E5=BA=9F=E5=BC=83=20API=20=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- AutoComplete/Select: dropdownStyle -> styles.popup.root
- AutoComplete/Select: popupClassName -> classNames.popup.root
- 移除 WebkitBackdropFilter（Chakra backdropFilter 自动处理）
- Table rowKey: 使用唯一标识符替代 index 参数

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/SubTabContainer/index.tsx           |  1 -
 .../Company/components/CompanyHeader/index.tsx     |  4 ++--
 .../components/shareholder/ShareholdersTable.tsx   |  2 +-
 .../components/PeriodSelector.tsx                  | 14 +++++++++-----
 .../components/StockQuoteCard/components/theme.ts  |  2 --
 5 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/SubTabContainer/index.tsx b/src/components/SubTabContainer/index.tsx
index 441f5b10..d48cfb24 100644
--- a/src/components/SubTabContainer/index.tsx
+++ b/src/components/SubTabContainer/index.tsx
@@ -204,7 +204,6 @@ const SubTabContainer: React.FC<SubTabContainerProps> = memo(({
         <TabList
           bg={theme.bg}
           backdropFilter="blur(20px)"
-          sx={{ WebkitBackdropFilter: 'blur(20px)' }}
           borderBottom="1px solid"
           borderColor={theme.borderColor}
           borderRadius={compact ? 0 : DEEP_SPACE.radiusLG}
diff --git a/src/views/Company/components/CompanyHeader/index.tsx b/src/views/Company/components/CompanyHeader/index.tsx
index 6e8f7d01..494efcbe 100644
--- a/src/views/Company/components/CompanyHeader/index.tsx
+++ b/src/views/Company/components/CompanyHeader/index.tsx
@@ -85,14 +85,14 @@ const SearchBox = memo<{
   return (
     <Box sx={SEARCH_BOX_SX}>
       <AutoComplete
-        popupClassName="fui-autocomplete-dropdown"
+        classNames={{ popup: { root: 'fui-autocomplete-dropdown' } }}
+        styles={{ popup: { root: DROPDOWN_STYLE } }}
         value={inputCode}
         options={stockOptions}
         onSearch={doSearch}
         onSelect={handleSelect}
         onChange={setInputCode}
         style={AUTOCOMPLETE_STYLE}
-        dropdownStyle={DROPDOWN_STYLE}
         notFoundContent={isSearching ? <Spin size="small" /> : null}
       >
         <Input
diff --git a/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx b/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx
index 1967d254..f6eab8ef 100644
--- a/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx
+++ b/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx
@@ -215,7 +215,7 @@ const ShareholdersTable: React.FC<ShareholdersTableProps> = ({
         <Table
           columns={columns}
           dataSource={shareholders.slice(0, 10)}
-          rowKey={(record: Shareholder, index?: number) => `${record.shareholder_name}-${index}`}
+          rowKey={(record: Shareholder) => `${record.shareholder_name}-${record.shareholder_rank ?? ''}-${record.end_date ?? ''}`}
           pagination={false}
           size={isMobile ? "small" : "middle"}
           scroll={{ x: isMobile ? 400 : undefined }}
diff --git a/src/views/Company/components/FinancialPanorama/components/PeriodSelector.tsx b/src/views/Company/components/FinancialPanorama/components/PeriodSelector.tsx
index e223c559..c7928c36 100644
--- a/src/views/Company/components/FinancialPanorama/components/PeriodSelector.tsx
+++ b/src/views/Company/components/FinancialPanorama/components/PeriodSelector.tsx
@@ -44,15 +44,19 @@ const PeriodSelector: React.FC<PeriodSelectorProps> = memo(({
           background: 'transparent',
         }}
         size="small"
-        popupClassName="period-selector-dropdown"
+        classNames={{ popup: { root: 'period-selector-dropdown' } }}
+        styles={{
+          popup: {
+            root: {
+              background: '#1A202C',
+              borderColor: 'rgba(212, 175, 55, 0.3)',
+            },
+          },
+        }}
         options={periodOptions.map((period) => ({
           value: period,
           label: `最近${period}期`,
         }))}
-        dropdownStyle={{
-          background: '#1A202C',
-          borderColor: 'rgba(212, 175, 55, 0.3)',
-        }}
       />
       <IconButton
         icon={<RefreshCw size={14} className={isLoading ? 'spin' : ''} />}
diff --git a/src/views/Company/components/StockQuoteCard/components/theme.ts b/src/views/Company/components/StockQuoteCard/components/theme.ts
index b34e0983..2d50a4bd 100644
--- a/src/views/Company/components/StockQuoteCard/components/theme.ts
+++ b/src/views/Company/components/StockQuoteCard/components/theme.ts
@@ -103,7 +103,6 @@ export const glassCardStyle = {
   container: {
     bg: DEEP_SPACE_THEME.bgGlass,
     backdropFilter: `blur(${DEEP_SPACE_THEME.blur})`,
-    WebkitBackdropFilter: `blur(${DEEP_SPACE_THEME.blur})`,
     borderRadius: DEEP_SPACE_THEME.radiusXL,
     border: `1px solid ${DEEP_SPACE_THEME.borderGlass}`,
     boxShadow: `${DEEP_SPACE_THEME.floatShadow}, ${DEEP_SPACE_THEME.innerGlow}`,
@@ -122,7 +121,6 @@ export const glassCardStyle = {
   containerGold: {
     bg: DEEP_SPACE_THEME.bgGlass,
     backdropFilter: `blur(${DEEP_SPACE_THEME.blur})`,
-    WebkitBackdropFilter: `blur(${DEEP_SPACE_THEME.blur})`,
     borderRadius: DEEP_SPACE_THEME.radiusXL,
     border: `1px solid ${DEEP_SPACE_THEME.borderGold}`,
     boxShadow: `${DEEP_SPACE_THEME.glowGold}, ${DEEP_SPACE_THEME.floatShadow}, ${DEEP_SPACE_THEME.innerGlow}`,