fix code

tusen-ai · Sep 12, 2021 · 7a0beac · 7a0beac
1 parent 5b0a328
commit 7a0beac
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 162 deletions.
diff --git a/src/page-header/demos/enUS/index.demo-entry.md b/src/page-header/demos/enUS/index.demo-entry.md
@@ -8,7 +8,6 @@ I hope this component has all the slots you need!
 
 ```demo
 basic
-rtl-debug
 ```
 
 ## Props

diff --git a/src/page-header/demos/enUS/rtl-debug.demo.md b/src/page-header/demos/enUS/rtl-debug.demo.md
diff --git a/src/page-header/src/PageHeader.tsx b/src/page-header/src/PageHeader.tsx
@@ -89,34 +89,19 @@ export default defineComponent({
     const showSubtitle = subtitle || subtitleSlot
     const showExtra = extra || extraSlot
     return (
-      <div style={cssVars as CSSProperties}>
+      <div
+        style={cssVars as CSSProperties}
+        class={[
+          `${mergedClsPrefix}-page-header-wrapper`,
+          this.rtlEnabled && `${mergedClsPrefix}-page-header-wrapper--rtl`
+        ]}
+      >
         {headerSlot ? (
-          <div
-            class={[
-              `${mergedClsPrefix}-page-header-header`,
-              [
-                {
-                  [`${mergedClsPrefix}-page-header-header--rtl`]:
-                    this.rtlEnabled
-                }
-              ]
-            ]}
-            key="breadcrumn"
-          >
+          <div class={`${mergedClsPrefix}-page-header-header`} key="breadcrumn">
             {headerSlot()}
           </div>
         ) : null}
-        <div
-          class={[
-            `${mergedClsPrefix}-page-header`,
-            [
-              {
-                [`${mergedClsPrefix}-page-header--rtl`]: this.rtlEnabled
-              }
-            ]
-          ]}
-          key="header"
-        >
+        <div class={`${mergedClsPrefix}-page-header`} key="header">
           <div class={`${mergedClsPrefix}-page-header__main`} key="back">
             {showBack ? (
               <div
@@ -156,34 +141,12 @@ export default defineComponent({
           ) : null}
         </div>
         {defaultSlot ? (
-          <div
-            class={[
-              `${mergedClsPrefix}-page-header-content`,
-              [
-                {
-                  [`${mergedClsPrefix}-page-header-content--rtl`]:
-                    this.rtlEnabled
-                }
-              ]
-            ]}
-            key="content"
-          >
+          <div class={`${mergedClsPrefix}-page-header-content`} key="content">
             {defaultSlot()}
           </div>
         ) : null}
         {footerSlot ? (
-          <div
-            class={[
-              `${mergedClsPrefix}-page-header-footer`,
-              [
-                {
-                  [`${mergedClsPrefix}-page-header-footer--rtl`]:
-                    this.rtlEnabled
-                }
-              ]
-            ]}
-            key="footer"
-          >
+          <div class={`${mergedClsPrefix}-page-header-footer`} key="footer">
             {footerSlot()}
           </div>
         ) : null}

diff --git a/src/page-header/src/styles/page-header-rtl.cssr.ts b/src/page-header/src/styles/page-header-rtl.cssr.ts
@@ -1,24 +1,20 @@
 import { c, cB, cM } from '../../../_utils/cssr'
 
 export default c([
-  cB('page-header-header', [
-    cM('rtl', `
-      direction: rtl;
-    `)
-  ]),
-  cB('page-header', [
-    cM('rtl', `
-      direction: rtl;
-    `)
-  ]),
-  cB('page-header-content', [
-    cM('rtl', `
-      direction: rtl;
-    `)
-  ]),
-  cB('page-header-footer', [
-    cM('rtl', `
-      direction: rtl;
-    `)
+  cB('page-header-wrapper', [
+    cM('rtl', [
+      cB('page-header-header', `
+        direction: rtl;
+      `),
+      cB('page-header', `
+        direction: rtl;
+      `),
+      cB('page-header-content', `
+        direction: rtl;
+      `),
+      cB('page-header-footer', `
+        direction: rtl;
+      `)
+    ])
   ])
 ])
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,7 +8,6 @@ I hope this component has all the slots you need! @@
     ```demo
     basic
-    rtl-debug
     ```
     ## Props
@@ Expand Down @@