diff --git a/README.md b/README.md
index 0f3dfd4b..9f264363 100644
--- a/README.md
+++ b/README.md
@@ -115,7 +115,7 @@ If you want to contribute or have questions or bugs to report:
 |[lcx960324](https://github.com/lcx960324)           |  ![](https://avatars3.githubusercontent.com/u/9768245?v=3&s=60)  |[GITleonine1989](https://github.com/GITleonine1989) |  ![](https://avatars1.githubusercontent.com/u/7582490?v=3&s=60)  |[huixisheng](https://github.com/huixisheng)         |  ![](https://avatars1.githubusercontent.com/u/1518967?v=3&s=60)  |
 |[Sergio Crisostomo](https://github.com/SergioCrisostomo)           |  ![](https://avatars3.githubusercontent.com/u/5614559?v=3&s=60)  |  [lison16](https://github.com/lison16)           |  ![](https://avatars3.githubusercontent.com/u/20942571?v=3&s=60) |  [Xotic750](https://github.com/Xotic750)    | ![](https://avatars3.githubusercontent.com/u/216041?v=3&s=60)   | 
 [huanghong1125](https://github.com/huanghong1125) | ![](https://avatars3.githubusercontent.com/u/12794817?v=3&s=60) |
-[yangdan8](https://github.com/yangdan8) | ![](https://avatars2.githubusercontent.com/u/16515026?s=3&v=60) |
+[yangdan8](https://github.com/yangdan8) | ![](https://avatars2.githubusercontent.com/u/16515026?v=3&s=60) |
 
 ### All Contributors
 
diff --git a/types/affix.d.ts b/types/affix.d.ts
index 25f2ddb7..3b163b8d 100644
--- a/types/affix.d.ts
+++ b/types/affix.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Affix extends Vue {
+export declare interface Affix extends Vue {
   /**
    * 距离窗口顶部达到指定偏移量后触发
    * @default 0
diff --git a/types/alert.d.ts b/types/alert.d.ts
index 15424667..fe533cd3 100644
--- a/types/alert.d.ts
+++ b/types/alert.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Alert extends Vue {
+export declare interface Alert extends Vue {
   /**
    * 警告提示样式，可选值为info、success、warning、error
    * @default info
diff --git a/types/anchor.d.ts b/types/anchor.d.ts
index 9e6c2da4..236e2926 100644
--- a/types/anchor.d.ts
+++ b/types/anchor.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Anchor extends Vue {
+export declare interface Anchor extends Vue {
   /**
    * 固定模式
    * @default true
@@ -48,7 +48,7 @@ export declare class Anchor extends Vue {
   $emit(eventName: 'on-change', []): this;
 }
 
-export declare class AnchorLink extends Vue {
+export declare interface AnchorLink extends Vue {
   /**
    * 锚点链接
    * @default 
diff --git a/types/auto-complete.d.ts b/types/auto-complete.d.ts
index 6c6d64e0..fd647ef9 100644
--- a/types/auto-complete.d.ts
+++ b/types/auto-complete.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class AutoComplete extends Vue {
+export declare interface AutoComplete extends Vue {
   /**
    * 绑定的值，可使用 v-model 双向绑定
    */
diff --git a/types/avatar.d.ts b/types/avatar.d.ts
index 65cc31ce..e35c620d 100644
--- a/types/avatar.d.ts
+++ b/types/avatar.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Avatar extends Vue {
+export declare interface Avatar extends Vue {
   /**
    * 指定头像的形状，可选值为 circle、square
    * @default circle
diff --git a/types/back-top.d.ts b/types/back-top.d.ts
index f445945c..43daa55a 100644
--- a/types/back-top.d.ts
+++ b/types/back-top.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class BackTop extends Vue {
+export declare interface BackTop extends Vue {
   /**
    * 页面滚动高度达到该值时才显示BackTop组件
    * @default 400
diff --git a/types/badge.d.ts b/types/badge.d.ts
index 1f34837d..59b570ef 100644
--- a/types/badge.d.ts
+++ b/types/badge.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Badge extends Vue {
+export declare interface Badge extends Vue {
   /**
    * 显示的数字，大于overflowCount时，显示${overflowCount}+，为 0 时隐藏
    */
diff --git a/types/breadcrumb.d.ts b/types/breadcrumb.d.ts
index 99d61e8a..81060242 100644
--- a/types/breadcrumb.d.ts
+++ b/types/breadcrumb.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Breadcrumb extends Vue {
+export declare interface Breadcrumb extends Vue {
   /**
    * 自定义分隔符
    * @default /
@@ -12,7 +12,7 @@ export declare class Breadcrumb extends Vue {
   separator?: string;
 }
 
-export declare class BreadcrumbItem extends Vue {
+export declare interface BreadcrumbItem extends Vue {
   /**
    * 链接，不传则没有链接
    */
diff --git a/types/button.d.ts b/types/button.d.ts
index 95067f69..58d12a9b 100644
--- a/types/button.d.ts
+++ b/types/button.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Button extends Vue {
+export declare interface Button extends Vue {
   /**
    * 按钮类型，可选值为 default、primary、dashed、text、info、success、warning、error或者不设置
    * @default default
@@ -68,7 +68,7 @@ export declare class Button extends Vue {
   target?: '_blank' | '_self' | '_parent' | '_top';
 }
 
-export declare class ButtonGroup extends Vue {
+export declare interface ButtonGroup extends Vue {
   /**
    * 按钮组合大小，可选值为large、small、default或者不设置
    * @default default
diff --git a/types/card.d.ts b/types/card.d.ts
index 6334439b..d7d1d31b 100644
--- a/types/card.d.ts
+++ b/types/card.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Card extends Vue {
+export declare interface Card extends Vue {
   /**
    * 是否显示边框，建议在灰色背景下使用
    * @default true
diff --git a/types/carousel.d.ts b/types/carousel.d.ts
index b8a8fc0e..09f082b1 100644
--- a/types/carousel.d.ts
+++ b/types/carousel.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Carousel extends Vue {
+export declare interface Carousel extends Vue {
   /**
    * 幻灯片的索引，从 0 开始，可以使用 v-model 双向绑定数据
    * @default 0
@@ -60,6 +60,6 @@ export declare class Carousel extends Vue {
   $emit(eventName: 'on-change', oldValue: number, value: number): this;
 }
 
-export declare class CarouselItem extends Vue {
+export declare interface CarouselItem extends Vue {
 
 }
\ No newline at end of file
diff --git a/types/cascader.d.ts b/types/cascader.d.ts
index 665a3387..dac53a18 100644
--- a/types/cascader.d.ts
+++ b/types/cascader.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Cascader extends Vue {
+export declare interface Cascader extends Vue {
   /**
    * 可选项的数据源，格式参照示例说明
    * @default []
diff --git a/types/cell.d.ts b/types/cell.d.ts
index ca50aaa2..ca9e1790 100644
--- a/types/cell.d.ts
+++ b/types/cell.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Cell extends Vue {
+export declare interface Cell extends Vue {
   /**
    * 用来标识这一项
    */
@@ -72,7 +72,7 @@ export declare class Cell extends Vue {
   }
 }
 
-export declare class CellGroup extends Vue {
+export declare interface CellGroup extends Vue {
   /**
    * 点击单元格时触发
    * 
diff --git a/types/checkbox.d.ts b/types/checkbox.d.ts
index beb039f3..65679bdc 100644
--- a/types/checkbox.d.ts
+++ b/types/checkbox.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Checkbox extends Vue {
+export declare interface Checkbox extends Vue {
   /**
    * 只在单独使用时有效。可以使用 v-model 双向绑定数据
    * @default false
@@ -44,7 +44,7 @@ export declare class Checkbox extends Vue {
   $emit(eventName: 'on-change', value: boolean): this;
 }
 
-export declare class CheckboxGroup extends Vue {
+export declare interface CheckboxGroup extends Vue {
   /**
    * 指定选中项目的集合，可以使用 v-model 双向绑定数据
    * @default []
diff --git a/types/circle.d.ts b/types/circle.d.ts
index 4a6e2b8c..2add0490 100644
--- a/types/circle.d.ts
+++ b/types/circle.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Circle extends Vue {
+export declare interface Circle extends Vue {
   /**
    * 百分比
    * @default 0
diff --git a/types/collapse.d.ts b/types/collapse.d.ts
index d172bbad..3856b020 100644
--- a/types/collapse.d.ts
+++ b/types/collapse.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Collapse extends Vue {
+export declare interface Collapse extends Vue {
   /**
    * 当前激活的面板的 name，可以使用 v-model 双向绑定
    */
@@ -26,7 +26,7 @@ export declare class Collapse extends Vue {
   $emit(eventName: 'on-change', []): this;
 }
 
-export declare class CollapsePanel extends Vue {
+export declare interface CollapsePanel extends Vue {
   /**
    * 当前面板的 name，与 Collapse的value对应，不填为索引值
    * @default index的值
diff --git a/types/color-picker.d.ts b/types/color-picker.d.ts
index 28d51007..6ca6347f 100644
--- a/types/color-picker.d.ts
+++ b/types/color-picker.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class ColorPicker extends Vue {
+export declare interface ColorPicker extends Vue {
   /**
    * 绑定的值，可使用 v-model 双向绑定
    */
diff --git a/types/content.d.ts b/types/content.d.ts
index 793e9ffc..61e48d6c 100644
--- a/types/content.d.ts
+++ b/types/content.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Content extends Vue {
+export declare interface Content extends Vue {
 }
\ No newline at end of file
diff --git a/types/date-picker.d.ts b/types/date-picker.d.ts
index 49d7ad98..4912086e 100644
--- a/types/date-picker.d.ts
+++ b/types/date-picker.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class DatePicker extends Vue {
+export declare interface DatePicker extends Vue {
   /**
    * 显示类型，可选值为 date、daterange、datetime、datetimerange、year、month'|'默认值date
    */
@@ -40,7 +40,7 @@ export declare class DatePicker extends Vue {
   /**
    * 选择器额外配置，比如不可选日期与快捷选项，具体项详见下表
    */
-  options?: object;
+  options?: DatePickerOptions;
   /**
    * 开启后，左右面板不联动，仅在 daterange 和 datetimerange 下可用。
    * @default false
@@ -138,7 +138,7 @@ export declare class DatePicker extends Vue {
   };
 }
 
-export declare class DatePickerOptions extends Vue {
+export declare interface DatePickerOptions {
   /**
    * 设置快捷选项，每项内容：
    * text：显示的文案
diff --git a/types/divider.d.ts b/types/divider.d.ts
index 30122978..b751d0b6 100644
--- a/types/divider.d.ts
+++ b/types/divider.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Divider extends Vue {
+export declare interface Divider extends Vue {
   /**
    * 水平还是垂直类型，可选值为 horizontal 或 vertical
    * @default horizontal
diff --git a/types/drawer.d.ts b/types/drawer.d.ts
index 467b6ed9..3b5c512d 100644
--- a/types/drawer.d.ts
+++ b/types/drawer.d.ts
@@ -4,7 +4,7 @@
 // Definitions: https://github.com/yangdan8/iview.git
 import Vue, { VNode } from 'vue';
 
-export declare class Drawer extends Vue {
+export declare interface Drawer extends Vue {
     /**
      * 抽屉是否显示，可使用 v-model 双向绑定数据
      * @default false
diff --git a/types/dropdown.d.ts b/types/dropdown.d.ts
index a7b7be37..dc8aa33b 100644
--- a/types/dropdown.d.ts
+++ b/types/dropdown.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Dropdown extends Vue {
+export declare interface Dropdown extends Vue {
   /**
    * 触发方式，可选值为 hover（悬停）click（点击）contextMenu（右键）custom（自定义），使用 custom 时，需配合 visible 一起使用
    * @default hover
@@ -56,10 +56,10 @@ export declare class Dropdown extends Vue {
   };
 }
 
-export declare class DropdownMenu extends Vue {
+export declare interface DropdownMenu extends Vue {
 }
 
-export declare class DropdownItem extends Vue {
+export declare interface DropdownItem extends Vue {
   /**
    * 用来标识这一项
    */
diff --git a/types/footer.d.ts b/types/footer.d.ts
index c1d0254e..678e7b2f 100644
--- a/types/footer.d.ts
+++ b/types/footer.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Footer extends Vue {
+export declare interface Footer extends Vue {
 }
\ No newline at end of file
diff --git a/types/form.d.ts b/types/form.d.ts
index 83ecd98b..bc88225d 100644
--- a/types/form.d.ts
+++ b/types/form.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Form extends Vue {
+export declare interface Form extends Vue {
   /**
    * 表单数据对象
    */
@@ -46,7 +46,7 @@ export declare class Form extends Vue {
   resetFields(): void;
 }
 
-export declare class FormItem extends Vue {
+export declare interface FormItem extends Vue {
   /**
    * 对应表单域 model 里的字段
    */
diff --git a/types/grid.d.ts b/types/grid.d.ts
index d83233b4..ac071a44 100644
--- a/types/grid.d.ts
+++ b/types/grid.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Row extends Vue {
+export declare interface Row extends Vue {
   /**
    * 栅格间距，单位 px，左右平分
    * @default 0
@@ -28,7 +28,7 @@ export declare class Row extends Vue {
   'class-name'?: string;
 }
 
-export declare class Col extends Vue {
+export declare interface Col extends Vue {
   /**
    * 栅格的占位格数，可选值为0~24的整数，为 0 时，相当于display:none
    */
diff --git a/types/header.d.ts b/types/header.d.ts
index da29df7b..b6d54fb4 100644
--- a/types/header.d.ts
+++ b/types/header.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Header extends Vue {
+export declare interface Header extends Vue {
 }
\ No newline at end of file
diff --git a/types/icon.d.ts b/types/icon.d.ts
index 4c4ec472..65a78b59 100644
--- a/types/icon.d.ts
+++ b/types/icon.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Icon extends Vue {
+export declare interface Icon extends Vue {
   /**
    * 图标的名称
    */
diff --git a/types/input-number.d.ts b/types/input-number.d.ts
index ea213db1..6b23bfe9 100644
--- a/types/input-number.d.ts
+++ b/types/input-number.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class InputNumber extends Vue {
+export declare interface InputNumber extends Vue {
   /**
    * 最大值，默认值Infinity
    */
diff --git a/types/input.d.ts b/types/input.d.ts
index 422e7e3b..bd7b2b52 100644
--- a/types/input.d.ts
+++ b/types/input.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Input extends Vue {
+export declare interface Input extends Vue {
   /**
    * 输入框类型，可选值为 text、password、textarea、url、email、date
    * @default text
diff --git a/types/iview.components.d.ts b/types/iview.components.d.ts
index cc41b639..fbe6e412 100644
--- a/types/iview.components.d.ts
+++ b/types/iview.components.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
 export { Affix } from './affix';
 export { Alert } from './alert';
@@ -22,12 +22,13 @@ export { Circle, Circle as ICircle } from './circle';
 export { Collapse, CollapsePanel } from './collapse';
 export { ColorPicker } from './color-picker';
 export { Content } from './content';
-export { DatePicker } from './date-picker';
+export { DatePicker, DatePickerOptions } from './date-picker';
 export { Divider } from './divider';
 export { Drawer } from './drawer';
 export { Dropdown, DropdownMenu, DropdownItem } from './dropdown';
 export { Footer } from './footer';
 export { Form, FormItem } from './form';
+export { Row, Col } from './grid';
 export { Header } from './header';
 export { Icon } from './icon';
 export { Input } from './input';
@@ -35,22 +36,23 @@ export { InputNumber } from './input-number';
 export { Scroll } from './scroll';
 export { Split } from './split';
 export { Layout } from './layout';
-export { LoadingBar } from './loading-bar';
+export { LoadingBar, LoadingBarConfig } from './loading-bar';
 export { Menu, MenuGroup, MenuItem, MenuSub } from './menu';
-export { Message } from './message';
-export { Modal } from './modal';
-export { Notice } from './notice';
+export { Message, MessageConfig } from './message';
+export { Modal, ModalInstance, ModalConfig } from './modal';
+export { Notice, NoticeConfig, NoticeGlobalConfig } from './notice';
 export { Page } from './page';
 export { Poptip } from './poptip';
 export { Progress } from './progress';
 export { Radio, RadioGroup } from './radio';
 export { Rate } from './rate';
+export { Select, Option, OptionGroup } from './select';
 export { Sider } from './sider';
 export { Slider } from './slider';
 export { Spin } from './spin';
 export { Steps, StepsStep } from './steps';
 export { Switch, Switch as ISwitch } from './switch';
-export { Table } from './table';
+export { Table, TableColumn, TableRenderCreateElementData, TableColumnRenderParams, TableRenderCreateElementResult, TableColumnRenderHeadParams, TableExportCsvParams } from './table';
 export { Tabs, TabsPane } from './tabs';
 export { Tag } from './tag';
 export { Time } from './time';
@@ -58,10 +60,8 @@ export { Timeline, TimelineItem } from './timeline';
 export { TimePicker } from './time-picker';
 export { Tooltip } from './tooltip';
 export { Transfer } from './transfer';
-export { Tree } from './tree';
+export { Tree, TreeChild } from './tree';
 export { Upload } from './upload';
-export { Row, Col } from './grid';
-export { Select, Option, OptionGroup } from './select';
 
 declare const API: {
     version: string;
diff --git a/types/layout.d.ts b/types/layout.d.ts
index 5bdd3b52..36eb9a5c 100644
--- a/types/layout.d.ts
+++ b/types/layout.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Layout extends Vue {
+export declare interface Layout extends Vue {
   /**
    * 触发响应式布局的断点，可选值为xs,sm,md,lg,xl或xxl，若不设此属性则不会触发响应式布局。
    * {
diff --git a/types/loading-bar.d.ts b/types/loading-bar.d.ts
index ba675eed..99133980 100644
--- a/types/loading-bar.d.ts
+++ b/types/loading-bar.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class LoadingBar {
+export declare interface LoadingBar {
   /**
    * 开始从 0 显示进度条，并自动加载进度
    */
@@ -33,7 +33,7 @@ export declare class LoadingBar {
   destroy(): void;
 }
 
-export declare class LoadingBarConfig {
+export declare interface LoadingBarConfig {
   /**
    * 进度条的颜色，默认为 iView 主色 
    * @default primary
diff --git a/types/menu.d.ts b/types/menu.d.ts
index e2a0a273..03aed4f4 100644
--- a/types/menu.d.ts
+++ b/types/menu.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Menu extends Vue {
+export declare interface Menu extends Vue {
   /**
    * 菜单类型，可选值为 horizontal（水平） 和 vertical（垂直）
    * @default vertical
@@ -52,7 +52,7 @@ export declare class Menu extends Vue {
   updateActiveName(): void;
 }
 
-export declare class MenuItem extends Vue {
+export declare interface MenuItem extends Vue {
   /**
    * 菜单项的唯一标识，必填
    */
@@ -73,7 +73,7 @@ export declare class MenuItem extends Vue {
   target?: '_blank' | '_self' | '_parent' | '_top';
 }
 
-export declare class MenuSub extends Vue {
+export declare interface MenuSub extends Vue {
   /**
    * 子菜单的唯一标识，必填
    */
@@ -93,7 +93,7 @@ export declare class MenuSub extends Vue {
   };
 }
 
-export declare class MenuGroup extends Vue {
+export declare interface MenuGroup extends Vue {
   /**
    * 分组标题
    * @default 空
diff --git a/types/message.d.ts b/types/message.d.ts
index 4265a0fb..6ecabb78 100644
--- a/types/message.d.ts
+++ b/types/message.d.ts
@@ -4,7 +4,7 @@
 // Definitions: https://github.com/yangdan8/iview.git
 import Vue, { VNode, CreateElement } from "vue";
 
-export declare class Message {
+export declare interface Message {
   /**
    * 消息
    * @param config MessageConfig为相关配置,string为待显示的内容
@@ -41,7 +41,7 @@ export declare class Message {
   destroy(): void;
 }
 
-export declare class MessageConfig {
+export declare interface MessageConfig {
   /**
    * 提示内容
    */
diff --git a/types/modal.d.ts b/types/modal.d.ts
index 26b96713..8cac1fd3 100644
--- a/types/modal.d.ts
+++ b/types/modal.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Modal {
+export declare interface Modal {
   /**
    * 对话框是否显示，可使用 v-model 双向绑定数据。
    * @default false
@@ -123,7 +123,7 @@ export declare class Modal {
   };
 }
 
-export declare class ModalInstance {
+export declare interface ModalInstance {
   /**
    * 消息
    * @param config ModalConfig为相关配置,string为待显示的内容
@@ -155,7 +155,7 @@ export declare class ModalInstance {
   remove(): void;
 }
 
-export declare class ModalConfig {
+export declare interface ModalConfig {
   /**
    * 标题或者Element选择器字符串
    */
diff --git a/types/notice.d.ts b/types/notice.d.ts
index 3d950c1e..60f0aa88 100644
--- a/types/notice.d.ts
+++ b/types/notice.d.ts
@@ -4,7 +4,7 @@
 // Definitions: https://github.com/yangdan8/iview.git
 import Vue, { VNode, CreateElement } from "vue";
 
-export declare class Notice {
+export declare interface Notice {
   /**
    * 打开
    * @param config NoticeConfig为相关配置,string为待显示的内容
@@ -44,7 +44,7 @@ export declare class Notice {
   destroy(): void;
 }
 
-export declare class NoticeConfig {
+export declare interface NoticeConfig {
   /**
    * 通知提醒的标题
    */
@@ -71,7 +71,7 @@ export declare class NoticeConfig {
   onClose?: Function;
 }
 
-export declare class NoticeGlobalConfig {
+export declare interface NoticeGlobalConfig {
   /**
    * 通知组件距离顶端的距离，单位像素 默认24
    */
diff --git a/types/page.d.ts b/types/page.d.ts
index 92db74c2..99bd2294 100644
--- a/types/page.d.ts
+++ b/types/page.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Page extends Vue {
+export declare interface Page extends Vue {
   /**
    * 当前页码，支持 .sync 修饰符
    * @default 1
diff --git a/types/poptip.d.ts b/types/poptip.d.ts
index a27b8883..95a90379 100644
--- a/types/poptip.d.ts
+++ b/types/poptip.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Poptip extends Vue {
+export declare interface Poptip extends Vue {
   /**
    * 触发方式，可选值为hover（悬停）click（点击）focus（聚焦）,
    * 在 confirm 模式下，只有 click 有效
diff --git a/types/progress.d.ts b/types/progress.d.ts
index 5793a571..7662dedf 100644
--- a/types/progress.d.ts
+++ b/types/progress.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Progress extends Vue {
+export declare interface Progress extends Vue {
   /**
    * 百分比
    * @default 0
diff --git a/types/radio.d.ts b/types/radio.d.ts
index a0beb1fb..b672b971 100644
--- a/types/radio.d.ts
+++ b/types/radio.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Radio extends Vue {
+export declare interface Radio extends Vue {
   /**
    * 只在单独使用时有效。可以使用 v-model 双向绑定数据
    * @default false
@@ -39,7 +39,7 @@ export declare class Radio extends Vue {
   $emit(eventName: 'on-change', arg: string | number | boolean): this;
 }
 
-export declare class RadioGroup extends Vue {
+export declare interface RadioGroup extends Vue {
   /**
    * 指定当前选中的项目数据。可以使用 v-model 双向绑定数据
    */
diff --git a/types/rate.d.ts b/types/rate.d.ts
index 5b31d8de..cc76d4a4 100644
--- a/types/rate.d.ts
+++ b/types/rate.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Rate extends Vue {
+export declare interface Rate extends Vue {
   /**
    * star总数
    * @default 5
diff --git a/types/scroll.d.ts b/types/scroll.d.ts
index 2f860878..1e6cc45c 100644
--- a/types/scroll.d.ts
+++ b/types/scroll.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Scroll extends Vue {
+export declare interface Scroll extends Vue {
   /**
    * 滚动区域的高度，单位像素
    * @default 300
diff --git a/types/select.d.ts b/types/select.d.ts
index d2c51c0d..e6b06c73 100644
--- a/types/select.d.ts
+++ b/types/select.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Select extends Vue {
+export declare interface Select extends Vue {
   /**
    * 指定选中项目的 value 值，可以使用 v-model 双向绑定数据。
    * 单选时只接受 String 或 Number，多选时只接受 Array
@@ -114,7 +114,7 @@ export declare class Select extends Vue {
   clearSingleSelect(): void;
 }
 
-export declare class Option extends Vue {
+export declare interface Option extends Vue {
   /**
    * 选项值，默认根据此属性值进行筛选，必填
    */
@@ -132,7 +132,7 @@ export declare class Option extends Vue {
   disabled?: boolean;
 }
 
-export declare class OptionGroup extends Vue {
+export declare interface OptionGroup extends Vue {
   /**
    * 分组的组名
    * @default 空
diff --git a/types/sider.d.ts b/types/sider.d.ts
index c4ed20ea..ea2152ce 100644
--- a/types/sider.d.ts
+++ b/types/sider.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Sider extends Vue {
+export declare interface Sider extends Vue {
 }
\ No newline at end of file
diff --git a/types/slider.d.ts b/types/slider.d.ts
index 20ad8628..457ca70a 100644
--- a/types/slider.d.ts
+++ b/types/slider.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Slider extends Vue {
+export declare interface Slider extends Vue {
   /**
    * 滑块选定的值，可以使用 v-model 双向绑定数据。普通模式下，数据格式为数字，
    * 在双滑块模式下，数据格式为长度是2的数组，且每项都为数字,
diff --git a/types/spin.d.ts b/types/spin.d.ts
index 3082482f..14b7dd41 100644
--- a/types/spin.d.ts
+++ b/types/spin.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Spin extends Vue {
+export declare interface Spin extends Vue {
   /**
    * Spin尺寸，可选值为large和small或者不设置
    */
diff --git a/types/split.d.ts b/types/split.d.ts
index 1c052722..8d503eff 100644
--- a/types/split.d.ts
+++ b/types/split.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Split extends Vue {
+export declare interface Split extends Vue {
   /**
    * 面板位置，可以是 0~1 代表百分比，或具体数值的像素，可用 v-model 双向绑定
    * @default 0.5
diff --git a/types/steps.d.ts b/types/steps.d.ts
index 24b1569d..ceac4fc1 100644
--- a/types/steps.d.ts
+++ b/types/steps.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Steps extends Vue {
+export declare interface Steps extends Vue {
   /**
    * 当前步骤，从 0 开始计数
    * @default 0
@@ -26,7 +26,7 @@ export declare class Steps extends Vue {
   direction?: 'horizontal' | 'vertical';
 }
 
-export declare class StepsStep extends Vue {
+export declare interface StepsStep extends Vue {
   /**
    * 步骤的状态，可选值为wait、process、finish、error，不设置时自动判断
    * @default process
diff --git a/types/switch.d.ts b/types/switch.d.ts
index 49fbb571..f8d4e2c6 100644
--- a/types/switch.d.ts
+++ b/types/switch.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Switch extends Vue {
+export declare interface Switch extends Vue {
   /**
    * 指定当前是否选中，可以使用 v-model 双向绑定数据
    * @default false
diff --git a/types/table.d.ts b/types/table.d.ts
index 034e0c28..3cd4187d 100644
--- a/types/table.d.ts
+++ b/types/table.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Table extends Vue {
+export declare interface Table extends Vue {
   /**
    * 显示的结构化数据，其中，字段 cellClassName 用于设置任意单元格的样式名称，
    * 因此数据不能使用该字段，详见示例特定样式。
@@ -163,7 +163,7 @@ export declare class Table extends Vue {
   };
 }
 
-export declare class TableColumn {
+export declare interface TableColumn {
   /**
    * 列类型，可选值为 index、selection、expand、html
    */
@@ -279,7 +279,7 @@ export declare class TableColumn {
   children?: object[];
 }
 
-export declare class TableRenderCreateElementData {
+export declare interface TableRenderCreateElementData {
   /**
    * 和`v-bind:class`一样的 API
    */
@@ -329,7 +329,7 @@ export declare class TableRenderCreateElementData {
   ref?: string
 }
 
-export declare class TableColumnRenderParams {
+export declare interface TableColumnRenderParams {
   /**
    * 当前行数据
    */
@@ -344,7 +344,7 @@ export declare class TableColumnRenderParams {
   index?: number;
 }
 
-export declare class TableRenderCreateElementResult {
+export declare interface TableRenderCreateElementResult {
   child?: object;
   children?: Array<any>;
   componentInstance?: object;
@@ -366,7 +366,7 @@ export declare class TableRenderCreateElementResult {
   text?: object;
 }
 
-export declare class TableColumnRenderHeadParams {
+export declare interface TableColumnRenderHeadParams {
   /**
    * 当前列数据
    */
@@ -377,7 +377,7 @@ export declare class TableColumnRenderHeadParams {
   index?: number;
 }
 
-export declare class TableExportCsvParams {
+export declare interface TableExportCsvParams {
   /**
    * 文件名，默认为 table.csv
    */
diff --git a/types/tabs.d.ts b/types/tabs.d.ts
index 65c3454e..1c86656a 100644
--- a/types/tabs.d.ts
+++ b/types/tabs.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Tabs extends Vue {
+export declare interface Tabs extends Vue {
   /**
    * 当前激活 tab 面板的 name，可以使用 v-model 双向绑定数据
    * @default 默认为第一项的 name
@@ -54,7 +54,7 @@ export declare class Tabs extends Vue {
   };
 }
 
-export declare class TabsPane extends Vue {
+export declare interface TabsPane extends Vue {
   /**
    * 用于标识当前面板，对应 value，默认为其索引值
    */
diff --git a/types/tag.d.ts b/types/tag.d.ts
index fcd5ec6c..18eb2a18 100644
--- a/types/tag.d.ts
+++ b/types/tag.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Tag extends Vue {
+export declare interface Tag extends Vue {
   /**
    * 标签是否可以关闭
    * @default false
diff --git a/types/time-picker.d.ts b/types/time-picker.d.ts
index 64b03d36..e02d617e 100644
--- a/types/time-picker.d.ts
+++ b/types/time-picker.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class TimePicker extends Vue {
+export declare interface TimePicker extends Vue {
   /**
    * 显示类型，可选值为 time、timerange
    * @default time
diff --git a/types/time.ts b/types/time.ts
index 4b2d4934..1f6f85f3 100644
--- a/types/time.ts
+++ b/types/time.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Time extends Vue {
+export declare interface Time extends Vue {
   /**
    * 需要对比的时间，可以是时间戳或 Date 类型
    */
diff --git a/types/timeline.d.ts b/types/timeline.d.ts
index 2f75f493..d38f9ff3 100644
--- a/types/timeline.d.ts
+++ b/types/timeline.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Timeline extends Vue {
+export declare interface Timeline extends Vue {
   /**
    * 指定是否最后一个节点为幽灵节点
    * @default false
@@ -12,7 +12,7 @@ export declare class Timeline extends Vue {
   pending?: boolean;
 }
 
-export declare class TimelineItem extends Vue {
+export declare interface TimelineItem extends Vue {
   /**
    * 圆圈颜色，可选值为blue、red、green，或自定义色值
    * @default blue
diff --git a/types/tooltip.d.ts b/types/tooltip.d.ts
index 49cff233..02c330b2 100644
--- a/types/tooltip.d.ts
+++ b/types/tooltip.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Tooltip extends Vue {
+export declare interface Tooltip extends Vue {
   /**
    * 显示的内容
    * @default 空
diff --git a/types/transfer.d.ts b/types/transfer.d.ts
index e2631a21..a9945aa1 100644
--- a/types/transfer.d.ts
+++ b/types/transfer.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Transfer extends Vue {
+export declare interface Transfer extends Vue {
   /**
    * 数据源，其中的数据将会被渲染到左边一栏中，targetKeys 中指定的除外。
    * @default []
diff --git a/types/tree.d.ts b/types/tree.d.ts
index b38b8917..4b1c6439 100644
--- a/types/tree.d.ts
+++ b/types/tree.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Tree extends Vue {
+export declare interface Tree extends Vue {
   /**
    * 可嵌套的节点属性的数组，生成 tree 的数据
    */
@@ -62,7 +62,7 @@ export declare class Tree extends Vue {
   getSelectedNodes(): void;
 }
 
-export declare class TreeChild extends Vue {
+export declare interface TreeChild extends Vue {
   /**
    * 标题
    */
diff --git a/types/upload.d.ts b/types/upload.d.ts
index c0795e13..465ce3fe 100644
--- a/types/upload.d.ts
+++ b/types/upload.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/iview/iview
 // Definitions by: yangdan
 // Definitions: https://github.com/yangdan8/iview.git
-import Vue,{ VNode } from 'vue';
+import Vue, { VNode } from 'vue';
 
-export declare class Upload extends Vue {
+export declare interface Upload extends Vue {
   /**
    * 上传的地址，必填
    */