From bd5d3bf37f3bb89ea62b021a818690ca04994a49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=9F=E8=B4=A4?= <qixian.cs@antgroup.com>
Date: Tue, 6 Sep 2022 16:05:15 +0800
Subject: [PATCH] fix(components): fix css var error

---
 packages/form/src/layouts/LoginForm/style.ts  |  2 +-
 .../form/src/layouts/LoginFormPage/style.ts   |  2 +-
 .../form/src/layouts/QueryFilter/index.tsx    |  2 +-
 .../layout/src/demos/error-boundaries.tsx     |  2 +-
 packages/provider/src/index.tsx               |  4 +-
 packages/table/src/demos/error-boundaries.tsx |  2 +-
 tests/__snapshots__/doc.test.ts.snap          |  2 +-
 tests/form/__snapshots__/demo.test.ts.snap    | 20 +++----
 tests/list/__snapshots__/demo.test.ts.snap    |  2 +-
 .../table/__snapshots__/column.test.tsx.snap  |  6 +-
 tests/table/__snapshots__/demo.test.ts.snap   | 56 +++++++++----------
 tests/table/__snapshots__/index.test.tsx.snap |  8 +--
 .../__snapshots__/valueEnum.test.tsx.snap     |  2 +-
 .../__snapshots__/valueType.test.tsx.snap     |  2 +-
 14 files changed, 56 insertions(+), 56 deletions(-)

diff --git a/packages/form/src/layouts/LoginForm/style.ts b/packages/form/src/layouts/LoginForm/style.ts
index 776a79407bba..65e44aed6620 100644
--- a/packages/form/src/layouts/LoginForm/style.ts
+++ b/packages/form/src/layouts/LoginForm/style.ts
@@ -57,7 +57,7 @@ const genLoginFormStyle: GenerateStyle<LoginFormToken> = (token) => {
         minWidth: '328px',
         maxWidth: '500px',
         margin: '0 auto',
-        '&-other': { marginBlockStart: '24px', lineHeight: '22px', textAlign: 'left' },
+        '&-other': { marginBlockStart: '24px', lineHeight: '22px', textAlign: 'start' },
       },
     },
     '@media (min-width: @screen-md-min)': {
diff --git a/packages/form/src/layouts/LoginFormPage/style.ts b/packages/form/src/layouts/LoginFormPage/style.ts
index e85e1e1cd681..8b4c5d5a5d0b 100644
--- a/packages/form/src/layouts/LoginFormPage/style.ts
+++ b/packages/form/src/layouts/LoginFormPage/style.ts
@@ -75,7 +75,7 @@ const genLoginFormStyle: GenerateStyle<LoginFormToken> = (token) => {
       '&-main': {
         width: '328px',
         margin: '0 auto',
-        '&-other': { marginBlockStart: '24px', lineHeight: '22px', textAlign: 'left' },
+        '&-other': { marginBlockStart: '24px', lineHeight: '22px', textAlign: 'start' },
       },
     },
     [`@media (max-width: ${token.screenMDMin}`]: {
diff --git a/packages/form/src/layouts/QueryFilter/index.tsx b/packages/form/src/layouts/QueryFilter/index.tsx
index f5f4941fae55..a290a59cb984 100644
--- a/packages/form/src/layouts/QueryFilter/index.tsx
+++ b/packages/form/src/layouts/QueryFilter/index.tsx
@@ -410,7 +410,7 @@ const QueryFilterContent: React.FC<{
           span={spanSize.span}
           offset={offset}
           style={{
-            textAlign: 'right',
+            textAlign: 'end',
           }}
         >
           <Form.Item label=" " colon={false} className={`${baseClassName}-actions ${hashId}`}>
diff --git a/packages/layout/src/demos/error-boundaries.tsx b/packages/layout/src/demos/error-boundaries.tsx
index 96457a02843d..fee19a2af5bc 100644
--- a/packages/layout/src/demos/error-boundaries.tsx
+++ b/packages/layout/src/demos/error-boundaries.tsx
@@ -40,7 +40,7 @@ class CustomBoundary extends React.Component<
               <div
                 style={{
                   maxWidth: 620,
-                  textAlign: 'left',
+                  textAlign: 'start',
                   backgroundColor: 'rgba(255,229,100,0.3)',
                   borderInlineStartColor: '#ffe564',
                   borderInlineStartWidth: '9px',
diff --git a/packages/provider/src/index.tsx b/packages/provider/src/index.tsx
index 668c78d0c696..3ab3e69ac7d9 100644
--- a/packages/provider/src/index.tsx
+++ b/packages/provider/src/index.tsx
@@ -282,7 +282,7 @@ export const ConfigProviderWrap: React.FC<Record<string, unknown>> = ({
   autoClearCache = false,
 }) => {
   const { locale } = useContext(AntdConfigProvider.ConfigContext);
-  const { hashId } = useToken?.();
+  const token = useToken?.();
   // 如果 locale 不存在自动注入的 AntdConfigProvider
   const Provider = locale === undefined ? AntdConfigProvider : React.Fragment;
   const proProvide = useContext(ConfigContext);
@@ -324,7 +324,7 @@ export const ConfigProviderWrap: React.FC<Record<string, unknown>> = ({
           </Provider>
         );
         if (proProvide.isDeps) return provide;
-        return <div className={`ant-pro ${hashId}`}>{provide}</div>;
+        return <div className={`ant-pro ${token.hashId}`}>{provide}</div>;
       }}
     </ConfigConsumer>
   );
diff --git a/packages/table/src/demos/error-boundaries.tsx b/packages/table/src/demos/error-boundaries.tsx
index bdba9f6312ae..0334f8810b03 100644
--- a/packages/table/src/demos/error-boundaries.tsx
+++ b/packages/table/src/demos/error-boundaries.tsx
@@ -42,7 +42,7 @@ class CustomBoundary extends React.Component<
               <div
                 style={{
                   maxWidth: 620,
-                  textAlign: 'left',
+                  textAlign: 'start',
                   backgroundColor: 'rgba(255,229,100,0.3)',
                   borderInlineStartColor: '#ffe564',
                   borderInlineStartWidth: '9px',
diff --git a/tests/__snapshots__/doc.test.ts.snap b/tests/__snapshots__/doc.test.ts.snap
index 15fe19e176fa..e1bd615960ca 100644
--- a/tests/__snapshots__/doc.test.ts.snap
+++ b/tests/__snapshots__/doc.test.ts.snap
@@ -428,7 +428,7 @@ exports[`docs demos 📸 renders ./docs/demos/customization-value-type.tsx corre
                 </div>
                 <div
                   class="ant-col ant-col-8"
-                  style="padding-left: 12px; padding-right: 12px; text-align: right;"
+                  style="padding-left: 12px; padding-right: 12px; text-align: end;"
                 >
                   <div
                     class="ant-form-item ant-pro-query-filter-actions "
diff --git a/tests/form/__snapshots__/demo.test.ts.snap b/tests/form/__snapshots__/demo.test.ts.snap
index 921537ff77da..29e06c66f3eb 100644
--- a/tests/form/__snapshots__/demo.test.ts.snap
+++ b/tests/form/__snapshots__/demo.test.ts.snap
@@ -20826,7 +20826,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-8"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
@@ -21413,7 +21413,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-8"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
@@ -22010,7 +22010,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-8 ant-col-offset-8"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
@@ -22342,7 +22342,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-6"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
@@ -22674,7 +22674,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-6"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
@@ -23246,7 +23246,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-8 ant-col-offset-16"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
@@ -23848,7 +23848,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-12 ant-col-offset-12"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
@@ -24450,7 +24450,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-8 ant-col-offset-16"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
@@ -25052,7 +25052,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-4 ant-col-offset-8"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
@@ -25611,7 +25611,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
         </div>
         <div
           class="ant-col ant-col-8"
-          style="padding-left: 12px; padding-right: 12px; text-align: right;"
+          style="padding-left: 12px; padding-right: 12px; text-align: end;"
         >
           <div
             class="ant-form-item ant-pro-query-filter-actions "
diff --git a/tests/list/__snapshots__/demo.test.ts.snap b/tests/list/__snapshots__/demo.test.ts.snap
index cc343f4e5ad8..48a01ab8b597 100644
--- a/tests/list/__snapshots__/demo.test.ts.snap
+++ b/tests/list/__snapshots__/demo.test.ts.snap
@@ -6278,7 +6278,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/search.tsx correctly
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
diff --git a/tests/table/__snapshots__/column.test.tsx.snap b/tests/table/__snapshots__/column.test.tsx.snap
index 7a3c9383509d..9f99e37d2637 100644
--- a/tests/table/__snapshots__/column.test.tsx.snap
+++ b/tests/table/__snapshots__/column.test.tsx.snap
@@ -125,7 +125,7 @@ exports[`Table ColumnSetting 🎏 columns proFieldProps support custom 1`] = `
           </div>
           <div
             class="ant-col ant-col-8 ant-col-offset-8"
-            style="padding-left: 12px; padding-right: 12px; text-align: right;"
+            style="padding-left: 12px; padding-right: 12px; text-align: end;"
           >
             <div
               class="ant-form-item ant-pro-query-filter-actions "
@@ -526,7 +526,7 @@ exports[`Table ColumnSetting 🎏 config provide render 1`] = `
           </div>
           <div
             class="qixian-col qixian-col-8 qixian-col-offset-8"
-            style="padding-left: 12px; padding-right: 12px; text-align: right;"
+            style="padding-left: 12px; padding-right: 12px; text-align: end;"
           >
             <div
               class="qixian-form-item qixian-pro-query-filter-actions "
@@ -1319,7 +1319,7 @@ exports[`Table ColumnSetting 🎏 extra columns 1`] = `
           </div>
           <div
             class="ant-col ant-col-8 ant-col-offset-8"
-            style="padding-left: 12px; padding-right: 12px; text-align: right;"
+            style="padding-left: 12px; padding-right: 12px; text-align: end;"
           >
             <div
               class="ant-form-item ant-pro-query-filter-actions "
diff --git a/tests/table/__snapshots__/demo.test.ts.snap b/tests/table/__snapshots__/demo.test.ts.snap
index 491f8d4f3b5d..9744a047d053 100644
--- a/tests/table/__snapshots__/demo.test.ts.snap
+++ b/tests/table/__snapshots__/demo.test.ts.snap
@@ -335,7 +335,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/DragSortTable/
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -1099,7 +1099,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/DragSortTable/
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -18138,7 +18138,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/config-provider.tsx
             </div>
             <div
               class="qixian-col qixian-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="qixian-form-item qixian-pro-query-filter-actions "
@@ -23081,7 +23081,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/crud.tsx correctly
                 </div>
                 <div
                   class="ant-col ant-col-8"
-                  style="padding-left: 12px; padding-right: 12px; text-align: right;"
+                  style="padding-left: 12px; padding-right: 12px; text-align: end;"
                 >
                   <div
                     class="ant-form-item ant-pro-query-filter-actions "
@@ -24599,7 +24599,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/customization-value
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -25808,7 +25808,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dataSource.tsx corr
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -27628,7 +27628,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dateFormatter.tsx c
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -28155,7 +28155,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dateFormatter.tsx c
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -28682,7 +28682,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dateFormatter.tsx c
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -29440,7 +29440,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dynamic-columns-sta
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -30872,7 +30872,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dynamic-settings.ts
                       </div>
                       <div
                         class="ant-col ant-col-12"
-                        style="padding-left: 12px; padding-right: 12px; text-align: right;"
+                        style="padding-left: 12px; padding-right: 12px; text-align: end;"
                       >
                         <div
                           class="ant-form-item ant-pro-query-filter-actions "
@@ -33495,7 +33495,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/error-boundaries.ts
         class="ant-result-extra"
       >
         <div
-          style="max-width: 620px; text-align: left; background-color: rgba(255, 229, 100, 0.3); border-inline-start-color: #ffe564; border-inline-start-width: 9px; border-inline-start-style: solid; padding: 20px 45px 20px 26px; margin: auto; margin-block-end: 30px; margin-block-start: 20px;"
+          style="max-width: 620px; text-align: start; background-color: rgba(255, 229, 100, 0.3); border-inline-start-color: #ffe564; border-inline-start-width: 9px; border-inline-start-style: solid; padding: 20px 45px 20px 26px; margin: auto; margin-block-end: 30px; margin-block-start: 20px;"
         >
           <p>
             注意
@@ -34439,7 +34439,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/form.tsx correctly
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -35012,7 +35012,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/intl.tsx correctly
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -37054,7 +37054,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/linkage_form.tsx co
             </div>
             <div
               class="ant-col ant-col-8 ant-col-offset-16"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -43055,7 +43055,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/open-rules.tsx corr
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -43819,7 +43819,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/open-rules.tsx corr
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -44783,7 +44783,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/pollinga.tsx correc
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -45667,7 +45667,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/renderTable.tsx cor
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -46683,7 +46683,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/rtl_table.tsx corre
             </div>
             <div
               class="ant-col ant-col-8 ant-col-rtl"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -48697,7 +48697,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/search_option.tsx c
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -49469,7 +49469,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/single.tsx correctl
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -51613,7 +51613,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/single-test.tsx cor
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -52452,7 +52452,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/single-test.tsx cor
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -56141,7 +56141,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/valueType.tsx corre
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -57651,7 +57651,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/valueType_select.ts
             </div>
             <div
               class="ant-col ant-col-12 ant-col-offset-12"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -58925,7 +58925,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/valueTypeDate.tsx c
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
@@ -60214,7 +60214,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/valueTypeNumber.tsx
             </div>
             <div
               class="ant-col ant-col-8"
-              style="padding-left: 12px; padding-right: 12px; text-align: right;"
+              style="padding-left: 12px; padding-right: 12px; text-align: end;"
             >
               <div
                 class="ant-form-item ant-pro-query-filter-actions "
diff --git a/tests/table/__snapshots__/index.test.tsx.snap b/tests/table/__snapshots__/index.test.tsx.snap
index ff39010c1aaf..481815623fdf 100644
--- a/tests/table/__snapshots__/index.test.tsx.snap
+++ b/tests/table/__snapshots__/index.test.tsx.snap
@@ -904,7 +904,7 @@ exports[`BasicTable 🎏 base use 1`] = `
               </div>
               <div
                 class="ant-col ant-col-8"
-                style="padding-left: 12px; padding-right: 12px; text-align: right;"
+                style="padding-left: 12px; padding-right: 12px; text-align: end;"
               >
                 <div
                   class="ant-form-item ant-pro-query-filter-actions "
@@ -7927,7 +7927,7 @@ exports[`BasicTable 🎏 columns = undefined 1`] = `
             >
               <div
                 class="ant-col ant-col-8 ant-col-offset-16"
-                style="padding-left: 12px; padding-right: 12px; text-align: right;"
+                style="padding-left: 12px; padding-right: 12px; text-align: end;"
               >
                 <div
                   class="ant-form-item ant-pro-query-filter-actions "
@@ -8353,7 +8353,7 @@ exports[`BasicTable 🎏 page error test 1`] = `
               </div>
               <div
                 class="ant-col ant-col-8 ant-col-offset-8"
-                style="padding-left: 12px; padding-right: 12px; text-align: right;"
+                style="padding-left: 12px; padding-right: 12px; text-align: end;"
               >
                 <div
                   class="ant-form-item ant-pro-query-filter-actions "
@@ -8863,7 +8863,7 @@ exports[`BasicTable 🎏 valueEnum support function 1`] = `
               </div>
               <div
                 class="ant-col ant-col-8"
-                style="padding-left: 12px; padding-right: 12px; text-align: right;"
+                style="padding-left: 12px; padding-right: 12px; text-align: end;"
               >
                 <div
                   class="ant-form-item ant-pro-query-filter-actions "
diff --git a/tests/table/__snapshots__/valueEnum.test.tsx.snap b/tests/table/__snapshots__/valueEnum.test.tsx.snap
index ba4d915b95db..ddc914640437 100644
--- a/tests/table/__snapshots__/valueEnum.test.tsx.snap
+++ b/tests/table/__snapshots__/valueEnum.test.tsx.snap
@@ -71,7 +71,7 @@ exports[`Table valueEnum 🎏 customization valueType 1`] = `
           </div>
           <div
             class="ant-col ant-col-8 ant-col-offset-8"
-            style="padding-left: 12px; padding-right: 12px; text-align: right;"
+            style="padding-left: 12px; padding-right: 12px; text-align: end;"
           >
             <div
               class="ant-form-item ant-pro-query-filter-actions "
diff --git a/tests/table/__snapshots__/valueType.test.tsx.snap b/tests/table/__snapshots__/valueType.test.tsx.snap
index 291c16bd0f28..6f76c0b3d67a 100644
--- a/tests/table/__snapshots__/valueType.test.tsx.snap
+++ b/tests/table/__snapshots__/valueType.test.tsx.snap
@@ -199,7 +199,7 @@ exports[`BasicTable valueType 🎏 table support filter when valueType is treeSe
               </div>
               <div
                 class="ant-col ant-col-8"
-                style="padding-left: 12px; padding-right: 12px; text-align: right;"
+                style="padding-left: 12px; padding-right: 12px; text-align: end;"
               >
                 <div
                   class="ant-form-item ant-pro-query-filter-actions "