fix: update Container and test

hug-sun · Nov 12, 2020 · 676fca8 · 676fca8
1 parent 1423225
commit 676fca8
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 23 deletions.
diff --git a/examples/docs/en-US/container.md b/examples/docs/en-US/container.md
@@ -168,11 +168,13 @@ These components use flex for layout, so please make sure your browser supports
     <el-header style="text-align: right; font-size: 12px">
       <el-dropdown>
         <i class="el-icon-setting" style="margin-right: 15px"></i>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item>View</el-dropdown-item>
-          <el-dropdown-item>Add</el-dropdown-item>
-          <el-dropdown-item>Delete</el-dropdown-item>
-        </el-dropdown-menu>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item>View</el-dropdown-item>
+            <el-dropdown-item>Add</el-dropdown-item>
+            <el-dropdown-item>Delete</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
       </el-dropdown>
       <span>Tom</span>
     </el-header>

diff --git a/examples/docs/es/container.md b/examples/docs/es/container.md
@@ -169,11 +169,13 @@ Estos componentes utilizan flex para el diseño, así que asegúrese que el nave
     <el-header style="text-align: right; font-size: 12px">
       <el-dropdown>
         <i class="el-icon-setting" style="margin-right: 15px"></i>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item>View</el-dropdown-item>
-          <el-dropdown-item>Add</el-dropdown-item>
-          <el-dropdown-item>Delete</el-dropdown-item>
-        </el-dropdown-menu>
+        <template #dropdown>  
+          <el-dropdown-menu>
+            <el-dropdown-item>View</el-dropdown-item>
+            <el-dropdown-item>Add</el-dropdown-item>
+            <el-dropdown-item>Delete</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
       </el-dropdown>
       <span>Tom</span>
     </el-header>

diff --git a/examples/docs/fr-FR/container.md b/examples/docs/fr-FR/container.md
@@ -168,11 +168,13 @@ Ces composants utilisent flexbox, assurez vous que le navigateur supporte cette
     <el-header style="text-align: right; font-size: 12px">
       <el-dropdown>
         <i class="el-icon-setting" style="margin-right: 15px"></i>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item>View</el-dropdown-item>
-          <el-dropdown-item>Add</el-dropdown-item>
-          <el-dropdown-item>Delete</el-dropdown-item>
-        </el-dropdown-menu>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item>View</el-dropdown-item>
+            <el-dropdown-item>Add</el-dropdown-item>
+            <el-dropdown-item>Delete</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
       </el-dropdown>
       <span>Tom</span>
     </el-header>

diff --git a/examples/docs/zh-CN/container.md b/examples/docs/zh-CN/container.md
@@ -168,11 +168,13 @@
     <el-header style="text-align: right; font-size: 12px">
       <el-dropdown>
         <i class="el-icon-setting" style="margin-right: 15px"></i>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item>查看</el-dropdown-item>
-          <el-dropdown-item>新增</el-dropdown-item>
-          <el-dropdown-item>删除</el-dropdown-item>
-        </el-dropdown-menu>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item>查看</el-dropdown-item>
+            <el-dropdown-item>新增</el-dropdown-item>
+            <el-dropdown-item>删除</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
       </el-dropdown>
       <span>王小虎</span>
     </el-header>

diff --git a/types/container.d.ts b/types/container.d.ts
@@ -1,7 +1,9 @@
 import { ElementUIComponent } from './component'
 
 /** Container Component */
-export declare class ElContainer extends ElementUIComponent {
+interface IContainer extends ElementUIComponent {
   /** Layout direction for child elements */
   direction: 'horizontal' | 'vertical'
 }
+
+export const ElContainer: IContainer
diff --git a/types/footer.d.ts b/types/footer.d.ts
@@ -1,7 +1,9 @@
 import { ElementUIComponent } from './component'
 
 /** Footer Component */
-export declare class ElFooter extends ElementUIComponent {
+interface IFooter extends ElementUIComponent {
   /** Height of the footer */
   height: string
 }
+
+export const ElFooter: IFooter
diff --git a/types/header.d.ts b/types/header.d.ts
@@ -1,7 +1,9 @@
 import { ElementUIComponent } from './component'
 
 /** Header Component */
-export declare class ElHeader extends ElementUIComponent {
+interface IHeader extends ElementUIComponent {
   /** Height of the header */
   height: string
 }
+
+export const ElHeader: IHeader