Merge pull request #12 from iview/2.0

合并分支

README.md

@@ -96,7 +96,7 @@ import 'iview/dist/styles/iview.css';
 - Supports Vue.js 1.x - [visit 1.0 docs](http://v1.iviewui.com/)
 - Supports SSR
 - Supports [Nuxt.js](https://nuxtjs.org/)
-- Support TypeScript
+- Supports TypeScript
 - Supports [Electron](http://electron.atom.io/)
 - Most components and features support IE9 and above browsers, some components and features do not support IE
 
@@ -114,8 +114,7 @@ If you want to contribute or have questions or bugs to report:
 |[Aresn](https://github.com/icarusion) |  ![](https://avatars3.githubusercontent.com/u/5370542?v=3&s=60)  |[jingsam](https://github.com/jingsam) |  ![](https://avatars3.githubusercontent.com/u/1522494?v=3&s=60)  | [rijn](https://github.com/rijn)       |  ![](https://avatars2.githubusercontent.com/u/6976367?v=3&s=60)  |
 |[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) |
+[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?v=3&s=60) |
 
 ### All Contributors
 

dist/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

dist/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

dist/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 

dist/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 双向绑定
    */

dist/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

dist/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

dist/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 时隐藏
    */

dist/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 {
   /**
    * 链接，不传则没有链接
    */

dist/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

dist/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

dist/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 {
 
 }

dist/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 []

dist/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 {
   /**
    * 点击单元格时触发
    * 

dist/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 []

dist/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

dist/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的值

dist/types/color-picker.d.ts

@@ -2,13 +2,23 @@
 // 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 双向绑定
    */
   value?: string;
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * 是否可以输入色值
+   * @default false
+   */
+  editable?: boolean;
   /**
    * 是否支持透明度选择
    * @default false

dist/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 {
 }

dist/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：显示的文案

dist/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

dist/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

dist/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 {
   /**
    * 用来标识这一项
    */

dist/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 {
 }

dist/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 里的字段
    */

dist/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
    */

dist/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 {
 }

dist/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 {
   /**
    * 图标的名称
    */

dist/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
    */
@@ -60,6 +60,11 @@ export declare class InputNumber extends Vue {
    * 给表单元素设置 id，详见 Form 用法。
    */
   'element-id'?: string;
+  /**
+   * 是否实时响应数据，设置为 false 时，只会在失焦时更改数据
+   * @default true
+   */
+  'active-change'?: boolean;
   /**
    * 数值改变时的回调，返回当前值，默认值当前值
    */

dist/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

dist/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;
@@ -83,7 +83,7 @@ export default API;
 
 declare module 'vue/types/vue' {
     interface Vue {
-        $IVIEW?: {
+        $IVIEW: {
             size?: string;
             transfer?: string;
         };

dist/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，若不设此属性则不会触发响应式布局。
    * {

dist/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
@@ -56,6 +56,6 @@ declare module 'vue/types/vue' {
     /**
      * 加载进度条
      */
-    $Loading?: LoadingBar;
+    $Loading: LoadingBar;
   }
 }

dist/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 空

dist/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 {
   /**
    * 提示内容
    */
@@ -76,7 +76,7 @@ declare module 'vue/types/vue' {
     /**
      * 全局提示
      */
-    $Message?: Message;
+    $Message: Message;
   }
 }
 

dist/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
@@ -78,6 +78,11 @@ export declare class Modal {
    * 设置对话框容器.ivu-modal-wrap的类名，可辅助实现垂直居中等自定义效果
    */
   'class-name'?: string;
+  /**
+   * 层级
+   * @default 1000
+   */
+  'z-index'?: number;
   /**
    * 自定义显示动画，第一项是模态框，第二项是背景,
    * @default ['ease', 'fade']
@@ -123,7 +128,7 @@ export declare class Modal {
   };
 }
 
-export declare class ModalInstance {
+export declare interface ModalInstance {
   /**
    * 消息
    * @param config ModalConfig为相关配置,string为待显示的内容
@@ -155,7 +160,7 @@ export declare class ModalInstance {
   remove(): void;
 }
 
-export declare class ModalConfig {
+export declare interface ModalConfig {
   /**
    * 标题或者Element选择器字符串
    */
@@ -213,6 +218,6 @@ declare module 'vue/types/vue' {
     /**
      * 对话框
      */
-    $Modal?: ModalInstance;
+    $Modal: ModalInstance;
   }
 }

dist/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
    */
@@ -87,6 +87,6 @@ declare module 'vue/types/vue' {
     /**
      * 通知提醒
      */
-    $Notice?: Notice;
+    $Notice: Notice;
   }
 }

dist/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

dist/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 有效

dist/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

dist/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 双向绑定数据
    */

dist/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

dist/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

dist/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 空

dist/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 {
 }

dist/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的数组，且每项都为数字,

dist/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或者不设置
    */
@@ -30,6 +30,6 @@ declare module 'vue/types/vue' {
     /**
      * 
      */
-    $Spin?: Spin;
+    $Spin: Spin;
   }
 }

dist/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

dist/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

dist/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

dist/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
    */

dist/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
@@ -35,6 +35,10 @@ export declare class Tabs extends Vue {
    * @default false
    */
   'capture-focus'?: boolean;
+  /**
+   * 关闭前的函数，返回 Promise 可阻止标签关闭
+   */
+  'before-remove'?: (index: number) => {};
   /**
    * tab 被点击时触发
    */
@@ -54,7 +58,7 @@ export declare class Tabs extends Vue {
   };
 }
 
-export declare class TabsPane extends Vue {
+export declare interface TabsPane extends Vue {
   /**
    * 用于标识当前面板，对应 value，默认为其索引值
    */

dist/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

dist/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

dist/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 类型
    */

dist/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

dist/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 空

dist/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 []

dist/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 {
   /**
    * 标题
    */

dist/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 {
   /**
    * 上传的地址，必填
    */

examples/routers/modal.vue

@@ -1,22 +1,150 @@
 <template>
     <div>
-        <Button @click="modal12 = true">Open the first modal</Button>
-        <Button @click="modal13 = true">Open the second modal</Button>
-        <Modal v-model="modal12" draggable scrollable title="Modal 1">
-            <div>This is the first modal</div>
-        </Modal>
-        <Modal v-model="modal13" draggable scrollable title="Modal 2">
-            <div>This is the second modal</div>
+        <Button type="primary" @click="modal1 = true">Display dialog box</Button>
+        <Modal
+                v-model="modal1"
+                title="Common Modal dialog box title"
+                @on-ok="ok"
+                @on-cancel="cancel">
+            <p>Content of dialog</p>
+            <p>Content of dialog</p>
+            <p>Content of dialog</p>
+            <Button @click="openMessage">Message</Button>
+            <Select v-model="model1" style="width:200px" :transfer="false">
+                <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+            </Select>
+            <Select v-model="model1" style="width:200px" :transfer="true">
+                <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+            </Select>
+            <Dropdown transfer>
+                <a href="javascript:void(0)">
+                    下拉菜单
+                    <Icon type="ios-arrow-down"></Icon>
+                </a>
+                <DropdownMenu slot="list">
+                    <DropdownItem>驴打滚</DropdownItem>
+                    <DropdownItem>炸酱面</DropdownItem>
+                    <DropdownItem disabled>豆汁儿</DropdownItem>
+                    <DropdownItem>冰糖葫芦</DropdownItem>
+                    <DropdownItem divided>北京烤鸭</DropdownItem>
+                </DropdownMenu>
+            </Dropdown>
+            <DatePicker type="date" placeholder="Select date" style="width: 200px" transfer></DatePicker>
+            <Cascader :data="data" v-model="value1" transfer></Cascader>
+            <Tooltip content="Here is the prompt text" transfer>
+                A balloon appears when the mouse passes over this text
+            </Tooltip>
+            <Poptip trigger="hover" title="Title" content="content" transfer>
+                <Button>Hover</Button>
+            </Poptip>
+            <Button type="primary" @click="handleSpinShow">整页显示，3秒后关闭</Button>
         </Modal>
+        <Select v-model="model1" style="width:200px" :transfer="false">
+            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+        </Select>
+        <Select v-model="model1" style="width:200px" :transfer="true">
+            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+        </Select>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                modal12: false,
-                modal13: false
+                modal1: false,
+                cityList: [
+                    {
+                        value: 'New York',
+                        label: 'New York'
+                    },
+                    {
+                        value: 'London',
+                        label: 'London'
+                    },
+                    {
+                        value: 'Sydney',
+                        label: 'Sydney'
+                    },
+                    {
+                        value: 'Ottawa',
+                        label: 'Ottawa'
+                    },
+                    {
+                        value: 'Paris',
+                        label: 'Paris'
+                    },
+                    {
+                        value: 'Canberra',
+                        label: 'Canberra'
+                    }
+                ],
+                model1: '',
+                value1: [],
+                data: [{
+                    value: 'beijing',
+                    label: '北京',
+                    children: [
+                        {
+                            value: 'gugong',
+                            label: '故宫'
+                        },
+                        {
+                            value: 'tiantan',
+                            label: '天坛'
+                        },
+                        {
+                            value: 'wangfujing',
+                            label: '王府井'
+                        }
+                    ]
+                }, {
+                    value: 'jiangsu',
+                    label: '江苏',
+                    children: [
+                        {
+                            value: 'nanjing',
+                            label: '南京',
+                            children: [
+                                {
+                                    value: 'fuzimiao',
+                                    label: '夫子庙',
+                                }
+                            ]
+                        },
+                        {
+                            value: 'suzhou',
+                            label: '苏州',
+                            children: [
+                                {
+                                    value: 'zhuozhengyuan',
+                                    label: '拙政园',
+                                },
+                                {
+                                    value: 'shizilin',
+                                    label: '狮子林',
+                                }
+                            ]
+                        }
+                    ],
+                }]
             }
+        },
+        methods: {
+            ok () {
+//                this.$Message.info('Clicked ok');
+            },
+            cancel () {
+//                this.$Message.info('Clicked cancel');
+            },
+            openMessage () {
+                this.$Message.info({
+                    content: 'hello world',
+                    duration: 2
+                });
+            },
+            handleSpinShow () {
+                this.$Spin.show();
+            },
         }
     }
 </script>

package.json

@@ -1,6 +1,6 @@
 {
     "name": "iview",
-    "version": "3.0.1",
+    "version": "3.1.0",
     "title": "iView",
     "description": "A high quality UI components Library with Vue.js",
     "homepage": "http://www.iviewui.com",
@@ -14,10 +14,11 @@
         "framework"
     ],
     "main": "dist/iview.js",
-    "typings": "types/index.d.ts",
+    "typings": "dist/types/index.d.ts",
     "files": [
         "dist",
-        "src"
+        "src",
+        "types"
     ],
     "scripts": {
         "dev": "webpack-dev-server --content-base test/ --open --inline --hot --compress --history-api-fallback --port 8081 --config build/webpack.dev.config.js",

src/components/base/notification/notification.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="classes" :style="styles">
+    <div :class="classes" :style="wrapStyles">
         <Notice
             v-for="notice in notices"
             :key="notice.name"
@@ -21,6 +21,8 @@
 <script>
     import Notice from './notice.vue';
 
+    import { transferIndex, transferIncrease } from '../../../utils/transfer-queue';
+
     const prefixCls = 'ivu-notification';
     let seed = 0;
     const now = Date.now();
@@ -54,7 +56,8 @@
         },
         data () {
             return {
-                notices: []
+                notices: [],
+                tIndex: this.handleGetIndex()
             };
         },
         computed: {
@@ -65,6 +68,12 @@
                         [`${this.className}`]: !!this.className
                     }
                 ];
+            },
+            wrapStyles () {
+                let styles = Object.assign({}, this.styles);
+                styles['z-index'] = 1010 + this.tIndex;
+
+                return styles;
             }
         },
         methods: {
@@ -82,6 +91,7 @@
                 }, notice);
 
                 this.notices.push(_notice);
+                this.tIndex = this.handleGetIndex();
             },
             close (name) {
                 const notices = this.notices;
@@ -94,7 +104,11 @@
             },
             closeAll () {
                 this.notices = [];
-            }
+            },
+            handleGetIndex () {
+                transferIncrease();
+                return transferIndex;
+            },
         }
     };
 </script>

src/components/base/popper.js

@@ -60,6 +60,7 @@ export default {
         },
         visible(val) {
             if (val) {
+                this.handleIndexIncrease();  // just use for Poptip
                 this.updatePopper();
                 this.$emit('on-popper-show');
             } else {

src/components/cascader/cascader.vue

@@ -26,6 +26,7 @@
                 :class="{ [prefixCls + '-transfer']: transfer }"
                 ref="drop"
                 :data-transfer="transfer"
+                :transfer="transfer"
                 v-transfer-dom>
                 <div>
                     <Caspanel

src/components/color-picker/color-picker.vue

@@ -40,6 +40,7 @@
                 ref="drop"
                 :placement="placement"
                 :data-transfer="transfer"
+                :transfer="transfer"
                 :class="dropClasses"
             >
                 <transition name="fade">

src/components/date-picker/picker.vue

@@ -39,6 +39,7 @@
                 :placement="placement"
                 ref="drop"
                 :data-transfer="transfer"
+                :transfer="transfer"
                 v-transfer-dom>
                 <div>
                     <component

src/components/date-picker/util.js

@@ -174,7 +174,10 @@ const RANGE_PARSER = function(text, format) {
         const range1 = array[0];
         const range2 = array[1];
 
-        return [parseDate(range1, format), parseDate(range2, format)];
+        return [
+            range1 instanceof Date ? range1 : parseDate(range1, format),
+            range2 instanceof Date ? range2 : parseDate(range2, format),
+        ];
     }
     return [];
 };

src/components/dropdown/dropdown.vue

@@ -14,6 +14,7 @@
                 @mouseenter.native="handleMouseenter"
                 @mouseleave.native="handleMouseleave"
                 :data-transfer="transfer"
+                :transfer="transfer"
                 v-transfer-dom><slot name="list"></slot></Drop>
         </transition>
     </div>

src/components/input-number/input-number.vue

@@ -80,9 +80,9 @@
                 type: Number,
                 default: 1
             },
-            activeChange:{
-                type:Boolean,
-                default:true
+            activeChange: {
+                type: Boolean,
+                default: true
             },
             value: {
                 type: Number,
@@ -314,7 +314,6 @@
             },
             changeVal (val) {
                 val = Number(val);
-                //this.setValue(val);
                 if (!isNaN(val)) {
                     const step = this.step;