fix(components): fix css var error

ant-design · Sep 6, 2022 · bd5d3bf · bd5d3bf
1 parent bcac384
commit bd5d3bf
Show file tree

Hide file tree

Showing 14 changed files with 56 additions and 56 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 "