Merge pull request #1 from iview/2.0

pull

.gitignore

@@ -17,7 +17,6 @@ npm-debug.log
 *.swo
 *.log
 examples/dist/
-dist/
 yarn-error.log
 test/unit/coverage
 .vscode

.travis.yml

@@ -1,7 +1,7 @@
 sudo: required
 language: node_js
 node_js:
-  - '6'
+  - '8'
 script:
   - 'npm run test'
 before_script:

README.md

@@ -1,6 +1,6 @@
 <p align="center">
     <a href="https://www.iviewui.com">
-        <img width="200" src="https://file.iviewui.com/logo.svg">
+        <img width="200" src="https://file.iviewui.com/logo-new.svg">
     </a>
 </p>
 
@@ -12,22 +12,18 @@
 ![JS gzip size](http://img.badgesize.io/https://unpkg.com/iview/dist/iview.min.js?compression=gzip&label=gzip%20size:%20JS&style=flat-square)
 ![CSS gzip size](http://img.badgesize.io/https://unpkg.com/iview/dist/styles/iview.css?compression=gzip&label=gzip%20size:%20CSS&style=flat-square)
 [![Join the chat at https://gitter.im/iview/iview](https://img.shields.io/badge/chat-on_gitter-30b392.svg?style=flat-square)](https://gitter.im/iview/iview?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+[![Backers on Open Collective](https://opencollective.com/iview/backers/badge.svg)](#backers)
+[![Sponsors on Open Collective](https://opencollective.com/iview/sponsors/badge.svg)](#sponsors) 
 
 ### A high quality UI Toolkit built on Vue.js.
 
-> This branch is for Vue.js 2.x.
->
-> The branch for Vue.js 1.x can be found [here](https://github.com/iview/iview/tree/master).
-
 ## Docs
 
-### [English (2.0)](https://www.iviewui.com)
-### [中文文档 (2.0)](https://www.iviewui.com)
-[中文文档 (1.0)](http://v1.iviewui.com)
+### [3.0](https://www.iviewui.com)
 
-## Overview
+[2.0](http://v2.iviewui.com)
 
-### [Component Overview](https://www.iviewui.com/overview)
+[1.0](http://v1.iviewui.com)
 
 ## Features
 
@@ -40,11 +36,14 @@
 ## Who's using iView
 
 - [TalkingData](http://www.talkingdata.com/)
-- [Alibaba](http://www.alibaba.com/)
-- [JD](http://www.jd.com/)
-- [DiDi](http://www.didichuxing.com/)
-- [Sina](http://www.sina.com.cn/)
-- [Lenovo](https://www.lenovo.com.cn/)
+- [Alibaba 阿里巴巴](http://www.alibaba.com/)
+- [Baidu 百度](https://www.baidu.com/)
+- [Tencent 腾讯](https://www.tencent.com/)
+- [Toutiao 今日头条](https://www.toutiao.com/)
+- [JD 京东](http://www.jd.com/)
+- [DiDi 滴滴](http://www.didichuxing.com/)
+- [Meituan 美团](http://www.meituan.com/)
+- [Sina 新浪](http://www.sina.com.cn/)
 
 > If your company or products use iView, welcome to click [here](https://github.com/iview/iview/issues/2143) to leave a message.
 
@@ -115,16 +114,34 @@ 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)
+|[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) |
+
+### All Contributors
+
+This project exists thanks to all the people who contribute. 
+<a href="graphs/contributors"><img src="https://opencollective.com/iview/contributors.svg?width=890&button=false" /></a>
+
+### Backers
+Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/iview#backer)]
+
+<a href="https://opencollective.com/iview#backers" target="_blank"><img src="https://opencollective.com/iview/backers.svg?width=890"></a>
+
+### Sponsors
+
+Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/iview#sponsor)]
+
+<a href="https://opencollective.com/iview/sponsor/0/website" target="_blank"><img src="https://opencollective.com/iview/sponsor/0/avatar.svg"></a>
 
 
-## Links
 
-- [TalkingData](https://github.com/TalkingData)
-- [Vue](https://github.com/vuejs/vue)
-- [Webpack](https://github.com/webpack/webpack)
-- [Ionicons](https://github.com/driftyco/ionicons)
-- [Ant Design](https://github.com/ant-design/ant-design)
+## Ecosystem Links
+
+- [iView-Admin](https://github.com/iview/iview-admin)
+- [iView-Doc](https://github.com/iview/iview-doc)
+- [iView-Cli](https://github.com/iview/iview-cli)
+- [iView-Loader](https://github.com/iview/iview-loader)
+- [iView-Area](https://github.com/iview/iview-area)
 
 ## License
 [MIT](http://opensource.org/licenses/MIT)

build/webpack.dist.locale.config.js

@@ -1,6 +1,8 @@
 const path = require('path');
 const webpack = require('webpack');
 const entry = require('./locale');
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+
 process.env.NODE_ENV = 'production';
 
 module.exports = {
@@ -40,7 +42,7 @@ module.exports = {
                 NODE_ENV: '"production"'
             }
         }),
-        new webpack.optimize.UglifyJsPlugin({
+        new UglifyJsPlugin({
             parallel: true,
             sourceMap: true,
         })

build/webpack.dist.prod.config.js

@@ -3,6 +3,7 @@ const webpack = require('webpack');
 const merge = require('webpack-merge');
 const webpackBaseConfig = require('./webpack.base.config.js');
 const CompressionPlugin = require('compression-webpack-plugin');
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 
 process.env.NODE_ENV = 'production';
 
@@ -32,7 +33,7 @@ module.exports = merge(webpackBaseConfig, {
         new webpack.DefinePlugin({
             'process.env.NODE_ENV': '"production"'
         }),
-        new webpack.optimize.UglifyJsPlugin({
+        new UglifyJsPlugin({
             parallel: true,
             sourceMap: true,
         }),

dist/locale/cs-CZ.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=2)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){a||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var a=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},function(t,o){t.exports=e},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var a={i:{locale:"cs-CZ",select:{placeholder:"Vybrat",noMatch:"Nenalezeny žádné položky",loading:"Nahrávám"},table:{noDataText:"Žádná data",noFilteredDataText:"Nenalezeny žádné položky",confirmFilter:"Potvrdit",resetFilter:"Reset",clearFilter:"Vše"},datepicker:{selectDate:"Vybrat datum",selectTime:"Vybrat čas",startTime:"Začátek",endTime:"Konec",clear:"Vymazat",ok:"OK",datePanelLabel:"[mmmm] [yyyy]",month:"Měsíc",month1:"Leden",month2:"Únor",month3:"Březen",month4:"Duben",month5:"Květen",month6:"Červen",month7:"Červenec",month8:"Srpen",month9:"Září",month10:"Říjen",month11:"Listopad",month12:"Prosinec",year:"Rok",weekStartDay:"1",weeks:{sun:"Ne",mon:"Po",tue:"Út",wed:"St",thu:"Čt",fri:"Pá",sat:"So"},months:{m1:"Led",m2:"Úno",m3:"Bře",m4:"Dub",m5:"Kvě",m6:"Čer",m7:"Čnc",m8:"Srp",m9:"Zář",m10:"Říj",m11:"Lis",m12:"Pro"}},transfer:{titles:{source:"Zdroj",target:"Cíl"},filterPlaceholder:"Hledat",notFoundText:"Nenalezeno"},modal:{okText:"OK",cancelText:"Zrušit"},poptip:{okText:"OK",cancelText:"Zrušit"},page:{prev:"Následující",next:"Předchozí",total:"Celkem",item:"položka",items:"položek",prev5:"Předchozích 5 stránek",next5:"Následujících 5 stránek",page:"na stránku",goto:"Jít na",p:""},rate:{star:"hvězda",stars:"hvězdy"},tree:{emptyText:"Žádná data"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(a),t.default=a}])});
+//# sourceMappingURL=cs-CZ.js.map

dist/locale/de-DE.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/locale/",n(n.s=3)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var r,o=n(1);var i=((r=o)&&r.__esModule?r:{default:r}).default.prototype.$isServer},function(t,n){t.exports=e},,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(0);var i={i:{locale:"de-DE",select:{placeholder:"Auswählen",noMatch:"Keine Übereinstimmungen",loading:"Lädt"},table:{noDataText:"Keine Daten",noFilteredDataText:"Keine gefilterten Daten",confirmFilter:"Bestätigen",resetFilter:"Zurücksetzen",clearFilter:"Alle"},datepicker:{selectDate:"Datum auswählen",selectTime:"Zeit auswählen",startTime:"Beginn",endTime:"Ende",clear:"Leeren",ok:"OK",datePanelLabel:"[mmmm] [yyyy]",month:"Monat",month1:"Januar",month2:"Februar",month3:"März",month4:"April",month5:"Mai",month6:"Juni",month7:"Juli",month8:"August",month9:"September",month10:"Oktober",month11:"November",month12:"Dezember",year:"Jahr",weekStartDay:"1",weeks:{sun:"So",mon:"Mo",tue:"Di",wed:"Mi",thu:"Do",fri:"Fr",sat:"Sa"},months:{m1:"Jan",m2:"Feb",m3:"Mär",m4:"Apr",m5:"Mai",m6:"Jun",m7:"Jul",m8:"Aug",m9:"Sep",m10:"Okt",m11:"Nov",m12:"Dez"}},transfer:{titles:{source:"Quelle",target:"Ziel"},filterPlaceholder:"Suchen",notFoundText:"Nicht gefunden"},modal:{okText:"OK",cancelText:"Abbrechen"},poptip:{okText:"OK",cancelText:"Abbrechen"},page:{prev:"Vorherige Seite",next:"Nächste Seite",total:"Total",item:"Eintrag",items:"Einträge",prev5:"vorherigen fünf Seiten",next5:"nächste fünf Seiten",page:"/seite",goto:"Gehe zu",p:""},rate:{star:"Stern",stars:"Sterne"},tree:{emptyText:"Keine Daten"}}};(0,((r=o)&&r.__esModule?r:{default:r}).default)(i),t.default=i}])});
+//# sourceMappingURL=de-DE.js.map

dist/locale/el-GR.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=4)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},function(t,o){t.exports=e},,,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"el-GR",select:{placeholder:"Επιλογή",noMatch:"Δεν βρέθηκαν αποτελέσματα",loading:"Φόρτωση"},table:{noDataText:"Χωρίς δεδομένα",noFilteredDataText:"Χωρίς φίλτρο",confirmFilter:"Επιβεβαίωση",resetFilter:"Επαναφορά",clearFilter:"Όλα"},datepicker:{selectDate:"Επιλέξτε ημέρα",selectTime:"Επιλέξτε ώρα",startTime:"Ωρα Έναρξης",endTime:"Ωρα Λήξης",clear:"Καθαρισμός",ok:"Εντάξει",datePanelLabel:"[mmmm] [yyyy]",month:"Μήνας",month1:"Ιανουάριος",month2:"Φεβρουάριος",month3:"Μάρτιος",month4:"Απρίλιος",month5:"Μάιος",month6:"Ιούνιος",month7:"Ιούλιος",month8:"Αύγουστος",month9:"Σεπτέμβριος",month10:"Οκτώβριος",month11:"Νοέμβριος",month12:"Δεκέμβριος",year:"Έτος",weekStartDay:"1",weeks:{sun:"Κυρ",mon:"Δευ",tue:"Τρι",wed:"Τετ",thu:"Πεμ",fri:"Παρ",sat:"Σαβ"},months:{m1:"Ιαν",m2:"Φεβ",m3:"Μαρ",m4:"Απρ",m5:"Μαϊ",m6:"Ιουν",m7:"Ιουλ",m8:"Αυγ",m9:"Σεπ",m10:"Οκτ",m11:"Νοε",m12:"Δεκ"}},transfer:{titles:{source:"Πηγή",target:"Στόχος"},filterPlaceholder:"Αναζήτηση",notFoundText:"Δεν βρέθηκαν αποτελέσματα"},modal:{okText:"Εντάξει",cancelText:"Ακύρωση"},poptip:{okText:"Εντάξει",cancelText:"Ακύρωση"},page:{prev:"Προηγούμενη Σελίδα",next:"Επόμενη Σελίδα",total:"Σύνολο",item:"Αντικείμενο",items:"Αντικείμενα",prev5:"Προηγούμενες 5 Σελίδες",next5:"Επόμενες 5 Σελίδες",page:"/Σελίδα",goto:"Μετάβαση σε",p:""},rate:{star:"Αστέρι",stars:"Αστέρια"},tree:{emptyText:"Χωρίς Δεδομένα"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}])});
+//# sourceMappingURL=el-GR.js.map

dist/locale/en-US.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,o),a.l=!0,a.exports}return o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=5)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){n||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var r,a=o(1);var n=((r=a)&&r.__esModule?r:{default:r}).default.prototype.$isServer},function(t,o){t.exports=e},,,,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,a=o(0);var n={i:{locale:"en-US",select:{placeholder:"Select",noMatch:"No matching data",loading:"Loading"},table:{noDataText:"No Data",noFilteredDataText:"No filter data",confirmFilter:"Confirm",resetFilter:"Reset",clearFilter:"All"},datepicker:{selectDate:"Select date",selectTime:"Select time",startTime:"Start Time",endTime:"End Time",clear:"Clear",ok:"OK",datePanelLabel:"[mmmm] [yyyy]",month:"Month",month1:"January",month2:"February",month3:"March",month4:"April",month5:"May",month6:"June",month7:"July",month8:"August",month9:"September",month10:"October",month11:"November",month12:"December",year:"Year",weekStartDay:"0",weeks:{sun:"Sun",mon:"Mon",tue:"Tue",wed:"Wed",thu:"Thu",fri:"Fri",sat:"Sat"},months:{m1:"Jan",m2:"Feb",m3:"Mar",m4:"Apr",m5:"May",m6:"Jun",m7:"Jul",m8:"Aug",m9:"Sep",m10:"Oct",m11:"Nov",m12:"Dec"}},transfer:{titles:{source:"Source",target:"Target"},filterPlaceholder:"Search here",notFoundText:"Not Found"},modal:{okText:"OK",cancelText:"Cancel"},poptip:{okText:"OK",cancelText:"Cancel"},page:{prev:"Previous Page",next:"Next Page",total:"Total",item:"item",items:"items",prev5:"Previous 5 Pages",next5:"Next 5 Pages",page:"/page",goto:"Goto",p:""},rate:{star:"Star",stars:"Stars"},tree:{emptyText:"No Data"}}};(0,((r=a)&&r.__esModule?r:{default:r}).default)(n),t.default=n}])});
+//# sourceMappingURL=en-US.js.map

dist/locale/es-ES.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(r){if(t[r])return t[r].exports;var n=t[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=6)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var r,n=o(1);var i=((r=n)&&r.__esModule?r:{default:r}).default.prototype.$isServer},function(t,o){t.exports=e},,,,,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,n=o(0);var i={i:{locale:"es-ES",select:{placeholder:"Seleccionar",noMatch:"Sin coincidencias",loading:"Cargando"},table:{noDataText:"Sin Datos",noFilteredDataText:"Sin Datos para el filtro",confirmFilter:"Aceptar",resetFilter:"Quitar filtro",clearFilter:"Todos"},datepicker:{selectDate:"Seleccionar fecha",selectTime:"Seleccionar hora",startTime:"Hora de inicio",endTime:"Hora de fin",clear:"Limpiar",ok:"Aceptar",datePanelLabel:"[mmmm] [yyyy]",month:"Mes",month1:"Enero",month2:"Febrero",month3:"Marzo",month4:"Abril",month5:"Mayo",month6:"Junio",month7:"Julio",month8:"Augosto",month9:"Septiembre",month10:"Octubre",month11:"Noviembre",month12:"Diciembre",year:"Año",weekStartDay:"1",weeks:{sun:"Dom",mon:"Lun",tue:"Mar",wed:"Mié",thu:"Jue",fri:"Vie",sat:"Sáb"},months:{m1:"Ene",m2:"Feb",m3:"Mar",m4:"Abr",m5:"May",m6:"Jun",m7:"Jul",m8:"Ago",m9:"Sep",m10:"Oct",m11:"Nov",m12:"Dic"}},transfer:{titles:{source:"Origen",target:"Destino"},filterPlaceholder:"Buscar aquí",notFoundText:"Sin resultados"},modal:{okText:"Aceptar",cancelText:"Cancelar"},poptip:{okText:"Aceptar",cancelText:"Cancelar"},page:{prev:"Página Anterior",next:"Página Siguiente",total:"Total",item:"Elemento",items:"Elementos",prev5:"5 Páginas Anteriores",next5:"5 Páginas Siguientes",page:"/page",goto:"Ir a",p:""},rate:{star:"Estrella",stars:"Estrellas"},tree:{emptyText:"Sin Datos"}}};(0,((r=n)&&r.__esModule?r:{default:r}).default)(i),t.default=i}])});
+//# sourceMappingURL=es-ES.js.map

dist/locale/fa-IR.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(r){if(t[r])return t[r].exports;var n=t[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=7)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){a||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var r,n=o(1);var a=((r=n)&&r.__esModule?r:{default:r}).default.prototype.$isServer},function(t,o){t.exports=e},,,,,,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,n=o(0);var a={i:{locale:"fa-IR",select:{placeholder:"انتخاب‌ کنید",noMatch:"یافت نشد",loading:"در‌حال بارگذاری"},table:{noDataText:"اطلاعاتی موجود نیست",noFilteredDataText:"بدون اطلاعات فیلترشده",confirmFilter:"تایید",resetFilter:"بازنشانی",clearFilter:"همه"},datepicker:{selectDate:"انتخاب تاریخ",selectTime:"انتخاب زمان",startTime:"تاریخ شروع",endTime:"تاریخ پایان",clear:"پاکسازی",ok:"تایید",datePanelLabel:"[mmmm] [yyyy]",month:"ماه",month1:"January",month2:"February",month3:"March",month4:"April",month5:"May",month6:"June",month7:"July",month8:"August",month9:"September",month10:"October",month11:"November",month12:"December",year:"سال",weekStartDay:"0",weeks:{sun:"Sun",mon:"Mon",tue:"Tue",wed:"Wed",thu:"Thu",fri:"Fri",sat:"Sat"},months:{m1:"Jan",m2:"Feb",m3:"Mar",m4:"Apr",m5:"May",m6:"Jun",m7:"Jul",m8:"Aug",m9:"Sep",m10:"Oct",m11:"Nov",m12:"Dec"}},transfer:{titles:{source:"منبع",target:"هدف"},filterPlaceholder:"اینجا جستجو کنید",notFoundText:"پیدا نشد"},modal:{okText:"تایید",cancelText:"لغو"},poptip:{okText:"تایید",cancelText:"لغو"},page:{prev:"صفحه قبلی",next:"صفحه بعدی",total:"مجموع",item:"داده",items:"داده‌ها",prev5:"۵ صفحه قبلی",next5:"۵ صفحه بعدی",page:"/صفحه",goto:"برو‌به",p:""},rate:{star:"ستاره",stars:"ستاره‌ها"},tree:{emptyText:"بدون اطلاعات"}}};(0,((r=n)&&r.__esModule?r:{default:r}).default)(a),t.default=a}])});
+//# sourceMappingURL=fa-IR.js.map

dist/locale/fr-FR.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/locale/",n(n.s=8)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){a||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var r,o=n(1);var a=((r=o)&&r.__esModule?r:{default:r}).default.prototype.$isServer},1:function(t,n){t.exports=e},8:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(0);var a={i:{locale:"fr-FR",select:{placeholder:"Sélectionnez",noMatch:"Aucun résultat",loading:"Chargement"},table:{noDataText:"Aucune donnée",noFilteredDataText:"No filter data",confirmFilter:"Confirmez",resetFilter:"Reset",clearFilter:"Tout"},datepicker:{selectDate:"Sélectionnez une date",selectTime:"Sélectionnez une heure",startTime:"Heure de début",endTime:"Heure de fin",clear:"Annuler",ok:"OK",datePanelLabel:"[mmmm] [yyyy]",month:"Mois",month1:"Janvier",month2:"Février",month3:"Mars",month4:"Avril",month5:"Mai",month6:"Juin",month7:"Juillet",month8:"Août",month9:"Septembre",month10:"Octobre",month11:"Novembre",month12:"Decembre",year:"An",weekStartDay:"1",weeks:{sun:"Dim",mon:"Lun",tue:"Mar",wed:"Mer",thu:"Jeu",fri:"Ven",sat:"Sam"},months:{m1:"Jan",m2:"Fev",m3:"Mar",m4:"Avr",m5:"Mai",m6:"Jun",m7:"Jul",m8:"Aoû",m9:"Sep",m10:"Oct",m11:"Nov",m12:"Déc"}},transfer:{titles:{source:"Source",target:"Cible"},filterPlaceholder:"Recherche",notFoundText:"Pas de résultat"},modal:{okText:"OK",cancelText:"Annuler"},poptip:{okText:"OK",cancelText:"Annuler"},page:{prev:"Page Précédente",next:"Page Suivante",total:"Total",item:"élément",items:"éléments",prev5:"5 Pages en Avant",next5:"5 Pages en Arrière",page:"/page",goto:"Aller à",p:""},rate:{star:"Étoile",stars:"Étoiles"},tree:{emptyText:"Aucune donnée"}}};(0,((r=o)&&r.__esModule?r:{default:r}).default)(a),t.default=a}})});
+//# sourceMappingURL=fr-FR.js.map

dist/locale/hi-IN.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=9)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},9:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"hi-IN",select:{placeholder:"कृपया चुने|",noMatch:"कोई आकड़ा उपलब्ध नहीं है|",loading:"लोड हो रहा है"},table:{noDataText:"कोई आकड़ा उपलब्ध नहीं है",noFilteredDataText:"कोई आकड़ा उपलब्ध नहीं है",confirmFilter:"पुष्टि करें",resetFilter:"पुनः तैयार करना",clearFilter:"सब कुछ"},datepicker:{selectDate:"दिनांक चुनें",selectTime:"समय चुनें",startTime:"प्रारंभ समय",endTime:"समाप्ति समय",clear:"साफ़ करें",ok:"ठीक",datePanelLabel:"[mmmm] [yyyy]",month:"महीना",month1:"जनवरी",month2:"फरवरी",month3:"मार्च",month4:"अप्रैल",month5:"मई",month6:"जून",month7:"जुलाई",month8:"अगस्त",month9:"सितंबर",month10:"अक्टूबर",month11:"नवंबर",month12:"दिसंबर",year:"साल",weekStartDay:"0",weeks:{sun:"रविवार",mon:"सोमवार",tue:"मंगलवार",wed:"बुधवार",thu:"गुरुवार",fri:"शुक्रवार",sat:"शनिवार"},months:{m1:"जनवरी",m2:"फरवरी",m3:"मार्च",m4:"अप्रैल",m5:"मई",m6:"जून",m7:"जुलाई",m8:"अगस्त",m9:"सितंबर",m10:"अक्टूबर",m11:"नवंबर",m12:"दिसंबर"}},transfer:{titles:{source:"स्रोत",target:"लक्ष्य"},filterPlaceholder:"यहां खोजें",notFoundText:"कोई आकड़ा उपलब्ध नहीं है"},modal:{okText:"ठीक",cancelText:"निरस्त करना"},poptip:{okText:"ठीक",cancelText:"निरस्त करना"},page:{prev:"पिछला पेज",next:"अगला पेज",total:"समस्त",item:"एक चीज",items:"अनेक चीज",prev5:"पिछला 5 पेज",next5:"अगला 5 पेज",page:"/page",goto:"जाओ",p:""},rate:{star:"प्रसिद्ध",stars:"प्रसिद्ध"},tree:{emptyText:"कोई आकड़ा उपलब्ध नहीं है"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}})});
+//# sourceMappingURL=hi-IN.js.map

dist/locale/id-ID.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function a(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,a),i.l=!0,i.exports}return a.m=e,a.c=t,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/dist/locale/",a(a.s=10)}({0:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){r||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,i=a(1);var r=((n=i)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,a){t.exports=e},10:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0);var r={i:{locale:"id-ID",select:{placeholder:"Pilih",noMatch:"Tidak ada data yang cocok",loading:"Memuat"},table:{noDataText:"Tidak ada data",noFilteredDataText:"Tidak ada data filter",confirmFilter:"Konfirmasi",resetFilter:"Tata ulang",clearFilter:"Semua"},datepicker:{selectDate:"Pilih tanggal",selectTime:"Pilih waktu",startTime:"Waktu Mulai",endTime:"Waktu Selesai",clear:"Bersihkan",ok:"OK",datePanelLabel:"[mmmm] [yyyy]",month:"",month1:"Januari",month2:"Februari",month3:"Maret",month4:"April",month5:"Mei",month6:"Juni",month7:"Juli",month8:"Agustus",month9:"September",month10:"Oktober",month11:"November",month12:"Desember",year:"",weekStartDay:"1",weeks:{sun:"Min",mon:"Sen",tue:"Sel",wed:"Rab",thu:"Kam",fri:"Jum",sat:"Sab"},months:{m1:"Jan",m2:"Feb",m3:"Mar",m4:"Apr",m5:"Mei",m6:"Jun",m7:"Jul",m8:"Agu",m9:"Sep",m10:"Okt",m11:"Nov",m12:"Dec"}},transfer:{titles:{source:"Sumber",target:"Tujuan"},filterPlaceholder:"Cari disini",notFoundText:"Tidak ditemukan"},modal:{okText:"OK",cancelText:"Batal"},poptip:{okText:"OK",cancelText:"Batal"},page:{prev:"Halaman Sebelumnya",next:"Halaman Selanjutnya",total:"Total",item:"butir",items:"butir",prev5:"5 Halaman Sebelumnya",next5:"5 Halaman Selanjutnya",page:"/page",goto:"Pergi ke",p:""},rate:{star:"Star",stars:"Stars"},tree:{emptyText:"Tidak ada data"}}};(0,((n=i)&&n.__esModule?n:{default:n}).default)(r),t.default=r}})});
+//# sourceMappingURL=id-ID.js.map

dist/locale/it-IT.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.l=!0,i.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=11)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){a||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,i=o(1);var a=((n=i)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},11:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=o(0);var a={i:{locale:"it-IT",select:{placeholder:"Seleziona",noMatch:"Nessun Risultato",loading:"Caricamento"},table:{noDataText:"Nessun Risultato",noFilteredDataText:"Filtro senza risultati",confirmFilter:"Conferma",resetFilter:"Reset",clearFilter:"Tutto"},datepicker:{selectDate:"Seleziona data",selectTime:"Seleziona orario",startTime:"Orario inizio",endTime:"Orario fine",clear:"Annulla",ok:"OK",datePanelLabel:"[mmmm] [yyyy]",month:"Mese",month1:"Gennaio",month2:"Febbraio",month3:"Marzo",month4:"Aprile",month5:"Maggio",month6:"Giugno",month7:"Luglio",month8:"Agosto",month9:"Settembre",month10:"Ottobre",month11:"Novembre",month12:"Dicembre",year:"Anno",weekStartDay:"1",weeks:{sun:"Dom",mon:"Lun",tue:"Mar",wed:"Mer",thu:"Gio",fri:"Ven",sat:"Sab"},months:{m1:"Gen",m2:"Feb",m3:"Mar",m4:"Apr",m5:"Mag",m6:"Giu",m7:"Lug",m8:"Ago",m9:"Set",m10:"Ott",m11:"Nov",m12:"Dic"}},transfer:{titles:{source:"Origine",target:"Destinazione"},filterPlaceholder:"Cerca",notFoundText:"Nessun Risultato"},modal:{okText:"OK",cancelText:"Annulla"},poptip:{okText:"OK",cancelText:"Annulla"},page:{prev:"Pagina Precedente",next:"Pagina Successiva",total:"Totale",item:"elemento",items:"elementi",prev5:"5 Pagine Precedenti",next5:"5 Pagine Successive",page:"/pagina",goto:"Vai a",p:""},rate:{star:"Stella",stars:"Stelle"},tree:{emptyText:"Nessun Risultato"}}};(0,((n=i)&&n.__esModule?n:{default:n}).default)(a),t.default=a}})});
+//# sourceMappingURL=it-IT.js.map

dist/locale/ja-JP.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=12)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},12:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"ja-JP",select:{placeholder:"選んでください",noMatch:"マッチするデータなし",loading:"ロード中"},table:{noDataText:"データなし",noFilteredDataText:"スクリーニングしたデータなし",confirmFilter:"スクリーニング",resetFilter:"リセット",clearFilter:"全部"},datepicker:{selectDate:"日時を選んでください",selectTime:"時間を選んでください",startTime:"スタート時間",endTime:"終了時間",clear:"クリーア",ok:"確定",datePanelLabel:"[yyyy年] [m月]",month:"月",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",year:"年",weekStartDay:"0",weeks:{sun:"日",mon:"月",tue:"火",wed:"水",thu:"木",fri:"金",sat:"土"},months:{m1:"1月",m2:"2月",m3:"3月",m4:"4月",m5:"5月",m6:"6月",m7:"7月",m8:"8月",m9:"9月",m10:"10月",m11:"11月",m12:"12月"}},transfer:{titles:{source:"ソースリスト",target:"ターゲットリスト"},filterPlaceholder:"検索内容を入力ください",notFoundText:"内容が見つかってなかった"},modal:{okText:"確定",cancelText:"キャンセル"},poptip:{okText:"確定",cancelText:"キャンセル"},page:{prev:"前へ",next:"次へ",total:"全部",item:"件",items:"件",prev5:"前の５ページへ",next5:"次の５ページへ",page:"件/ページ",goto:"",p:"ページ目へ"},rate:{star:"点",stars:"点"},tree:{emptyText:"データなし"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}})});
+//# sourceMappingURL=ja-JP.js.map

dist/locale/ko-KR.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=13)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},13:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"ko-KR",select:{placeholder:"선택",noMatch:"일치하는 데이터 없음",loading:"로딩"},table:{noDataText:"데이터 없음",noFilteredDataText:"필터된 데이터 없음",confirmFilter:"확인",resetFilter:"초기화",clearFilter:"전부"},datepicker:{selectDate:"날짜 선택",selectTime:"시간 선택",startTime:"시작 시간",endTime:"종료 시간",clear:"삭제",ok:"예",datePanelLabel:"[yyyy년] [m월]",month:"월",month1:"1월",month2:"2월",month3:"3월",month4:"4월",month5:"5월",month6:"6월",month7:"7월",month8:"8월",month9:"9월",month10:"10월",month11:"11월",month12:"12월",year:"년",weekStartDay:"0",weeks:{sun:"일",mon:"월",tue:"화",wed:"수",thu:"목",fri:"금",sat:"토"},months:{m1:"1월",m2:"2월",m3:"3월",m4:"4월",m5:"5월",m6:"6월",m7:"7월",m8:"8월",m9:"9월",m10:"10월",m11:"11월",m12:"12월"}},transfer:{titles:{source:"소스",target:"타겟"},filterPlaceholder:"여기서 찾기",notFoundText:"아무 것도 찾을 수 없음"},modal:{okText:"예",cancelText:"취소"},poptip:{okText:"예",cancelText:"취소"},page:{prev:"이전 페이지",next:"다음 페이지",total:"전체",item:"항목",items:"항목",prev5:"이전 5 페이지",next5:"다음 5 페이지",page:"/페이지",goto:"이동",p:""},rate:{star:"중요",stars:"중요"},tree:{emptyText:"데이터 없음"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}})});
+//# sourceMappingURL=ko-KR.js.map

dist/locale/mn-MN.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=14)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},14:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"mn-MN",select:{placeholder:"Сонгох",noMatch:"Таарах өгөгдөл байхгүй байна",loading:"Ачааллаж байна"},table:{noDataText:"Өгөгдөл алга",noFilteredDataText:"No filter data",confirmFilter:"Батлах",resetFilter:"Шинээр тохируулах",clearFilter:"Бүгд"},datepicker:{selectDate:"Огноо сонгох",selectTime:"Цаг сонгох",startTime:"Эхлэх Цаг",endTime:"Дуусах Цаг",clear:"Цэвэрлэх",ok:"OK",datePanelLabel:"[mmmm] [yyyy]",month:"Сар",month1:"1-р сар",month2:"2-р сар",month3:"3-р сар",month4:"4-р сар",month5:"5-р сар",month6:"6-р сар",month7:"7-р сар",month8:"8-р сар",month9:"9-р сар",month10:"10-р сар",month11:"11-р сар",month12:"12-р сар",year:"Жил",weekStartDay:"0",weeks:{sun:"Ням",mon:"Дав",tue:"Мяг",wed:"Лха",thu:"Пүр",fri:"Баа",sat:"Бяа"},months:{m1:"1-р сар",m2:"2-р сар",m3:"3-р сар",m4:"4-р сар",m5:"5-р сар",m6:"6-р сар",m7:"7-р сар",m8:"8-р сар",m9:"9-р сар",m10:"10-р сар",m11:"11-р сар",m12:"12-р сар"}},transfer:{titles:{source:"Эх сурвалж",target:"Оноох бай"},filterPlaceholder:"Эндээс хайх",notFoundText:"Олдсонгүй"},modal:{okText:"OK",cancelText:"Болих"},poptip:{okText:"OK",cancelText:"Болих"},page:{prev:"Өмнөх хуудас",next:"Дараах хуудас",total:"Нийт",item:"зүйл",items:"зүйлүүд",prev5:"Өмнөх 5 хуудас",next5:"Дараагийн 5 хуудас",page:"/хуудсанд",goto:"Очих хуудас",p:""},rate:{star:"Од",stars:"Одууд"},tree:{emptyText:"Өгөгдөл алга"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}})});
+//# sourceMappingURL=mn-MN.js.map

dist/locale/nl-NL.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/locale/",n(n.s=15)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){a||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var o,r=n(1);var a=((o=r)&&o.__esModule?o:{default:o}).default.prototype.$isServer},1:function(t,n){t.exports=e},15:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,r=n(0);var a={i:{locale:"nl-NL",select:{placeholder:"Selecteer",noMatch:"Geen overeenkomsten",loading:"Laden"},table:{noDataText:"Geen data",noFilteredDataText:"Geen gefilterde data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles"},datepicker:{selectDate:"Selecteer datum",selectTime:"Selecteer tijd",startTime:"Begin tijd",endTime:"Eind tijd",clear:"Herstel",ok:"Ok",datePanelLabel:"[mm] [yyyy]",month:"Maand",month1:"Januari",month2:"Februari",month3:"Maart",month4:"April",month5:"Mei",month6:"Juni",month7:"Juli",month8:"Augustus",month9:"September",month10:"Oktober",month11:"November",month12:"December",year:"Jaar",weekStartDay:"1",weeks:{sun:"Zon",mon:"Maa",tue:"Din",wed:"Woe",thu:"Don",fri:"Vri",sat:"Zat"},months:{m1:"Jan",m2:"Feb",m3:"Mar",m4:"Apr",m5:"Mei",m6:"Jun",m7:"Jul",m8:"Aug",m9:"Sep",m10:"Okt",m11:"Nov",m12:"Dec"}},transfer:{titles:{source:"Bron",target:"Doel"},filterPlaceholder:"Zoeken",notFoundText:"Niet gevonden"},modal:{okText:"Ok",cancelText:"Annuleren"},poptip:{okText:"Ok",cancelText:"Annuleren"},page:{prev:"Vorige pagina",next:"Volgende pagina",total:"Totaal",item:"item",items:"items",prev5:"Vorige 5 pagina's",next5:"Volgende 5 pagina's",page:"/pagina",goto:"Ga",p:""},rate:{star:"Ster",stars:"Sterren"},tree:{emptyText:"Geen data"}}};(0,((o=r)&&o.__esModule?o:{default:o}).default)(a),t.default=a}})});
+//# sourceMappingURL=nl-NL.js.map

dist/locale/pt-BR.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,o),a.l=!0,a.exports}return o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=16)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){n||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var r,a=o(1);var n=((r=a)&&r.__esModule?r:{default:r}).default.prototype.$isServer},1:function(t,o){t.exports=e},16:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,a=o(0);var n={i:{locale:"pt-BR",select:{placeholder:"Selecionar",noMatch:"Não encontrado",loading:"Carregando"},table:{noDataText:"Sem dados",noFilteredDataText:"Sem dados filtrados",confirmFilter:"Confirmar",resetFilter:"Limpar",clearFilter:"Todos"},datepicker:{selectDate:"Selecione a data",selectTime:"Selecione a hora",startTime:"Hora inicial",endTime:"Hora final",clear:"Limpar",ok:"Confirmar",datePanelLabel:"[mmmm] de [yyyy]",month:"Mês",month1:"Janeiro",month2:"Fevereiro",month3:"Março",month4:"Abril",month5:"Maio",month6:"Junho",month7:"Julho",month8:"Agosto",month9:"Setembro",month10:"Outubro",month11:"Novembro",month12:"Dezembro",year:"Ano",weekStartDay:"0",weeks:{sun:"Dom",mon:"Seg",tue:"Ter",wed:"Qua",thu:"Qui",fri:"Sex",sat:"Sáb"},months:{m1:"Jan",m2:"Fev",m3:"Mar",m4:"Abr",m5:"Mai",m6:"Jun",m7:"Jul",m8:"Ago",m9:"Set",m10:"Out",m11:"Nov",m12:"Dez"}},transfer:{titles:{source:"Origem",target:"Destino"},filterPlaceholder:"Pesquise aqui",notFoundText:"Não encontrado"},modal:{okText:"Confirmar",cancelText:"Cancelar"},poptip:{okText:"Confirmar",cancelText:"Cancelar"},page:{prev:"Página Anterior",next:"Próxima Página",total:"Total",item:"item",items:"itens",prev5:"Voltar 5 Páginas",next5:"Avançar 5 Páginas",page:"/page",goto:"Ir para",p:""},rate:{star:"Estrela",stars:"Estrelas"},tree:{emptyText:"Sem dados"}}};(0,((r=a)&&r.__esModule?r:{default:r}).default)(n),t.default=n}})});
+//# sourceMappingURL=pt-BR.js.map

dist/locale/pt-PT.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,o),a.l=!0,a.exports}return o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=17)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){n||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var r,a=o(1);var n=((r=a)&&r.__esModule?r:{default:r}).default.prototype.$isServer},1:function(t,o){t.exports=e},17:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,a=o(0);var n={i:{locale:"pt-PT",select:{placeholder:"Selecionar",noMatch:"Não encontrado",loading:"A carregar"},table:{noDataText:"Sem dados",noFilteredDataText:"Sem dados filtrados",confirmFilter:"Confirmar",resetFilter:"Limpar",clearFilter:"Todos"},datepicker:{selectDate:"Selecione a data",selectTime:"Selecione a hora",startTime:"Hora inicial",endTime:"Hora final",clear:"Limpar",ok:"Confirmar",datePanelLabel:"[mmmm] de [yyyy]",month:"Mês",month1:"Janeiro",month2:"Fevereiro",month3:"Março",month4:"Abril",month5:"Maio",month6:"Junho",month7:"Julho",month8:"Agosto",month9:"Setembro",month10:"Outubro",month11:"Novembro",month12:"Dezembro",year:"Ano",weekStartDay:"1",weeks:{sun:"Dom",mon:"Seg",tue:"Ter",wed:"Qua",thu:"Qui",fri:"Sex",sat:"Sáb"},months:{m1:"Jan",m2:"Fev",m3:"Mar",m4:"Abr",m5:"Mai",m6:"Jun",m7:"Jul",m8:"Ago",m9:"Set",m10:"Out",m11:"Nov",m12:"Dez"}},transfer:{titles:{source:"Origem",target:"Destino"},filterPlaceholder:"Pesquise aqui",notFoundText:"Não encontrado"},modal:{okText:"Confirmar",cancelText:"Cancelar"},poptip:{okText:"Confirmar",cancelText:"Cancelar"},page:{prev:"Página anterior",next:"Próxima página",total:"Total",item:"item",items:"itens",prev5:"Voltar 5 páginas",next5:"Avançar 5 páginas",page:"/page",goto:"Ir para",p:""},rate:{star:"Estrela",stars:"Estrelas"},tree:{emptyText:"Sem dados"}}};(0,((r=a)&&r.__esModule?r:{default:r}).default)(n),t.default=n}})});
+//# sourceMappingURL=pt-PT.js.map

dist/locale/ro-RO.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/locale/",n(n.s=18)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var r,a=n(1);var i=((r=a)&&r.__esModule?r:{default:r}).default.prototype.$isServer},1:function(t,n){t.exports=e},18:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,a=n(0);var i={i:{locale:"ro-RO",select:{placeholder:"Selectează",noMatch:"Niciun rezultat",loading:"Încărcare"},table:{noDataText:"Fără date",noFilteredDataText:"Filtru fără rezultate",confirmFilter:"Confirmă",resetFilter:"Resetează",clearFilter:"Tot"},datepicker:{selectDate:"Selectează data",selectTime:"Selectează timpul",startTime:"Ora inițială",endTime:"Ora finală",clear:"Anulează",ok:"OK",datePanelLabel:"[mmmm] [yyyy]",month:"Lună",month1:"Ianuarie",month2:"Februarie",month3:"Martie",month4:"Aprilia",month5:"Mai",month6:"Iunie",month7:"Iulie",month8:"August",month9:"Septembrie",month10:"Octombrie",month11:"Noiembrie",month12:"Decembrie",year:"An",weekStartDay:"1",weeks:{sun:"Dum",mon:"Lun",tue:"Mar",wed:"Mie",thu:"Joi",fri:"Vin",sat:"Sâm"},months:{m1:"Ian",m2:"Feb",m3:"Mar",m4:"Apr",m5:"Mai",m6:"Iun",m7:"Iul",m8:"Aug",m9:"Sep",m10:"Oct",m11:"Noi",m12:"Dec"}},transfer:{titles:{source:"Origine",target:"Destinație"},filterPlaceholder:"Caută",notFoundText:"Niciun rezultat"},modal:{okText:"OK",cancelText:"Renunță"},poptip:{okText:"OK",cancelText:"Renunță"},page:{prev:"Pagina precedentă",next:"Pagina urmatoare",total:"Total",item:"element",items:"elemente",prev5:"5 Pagini precedente",next5:"Urmatoarele 5 Pagini",page:"/pagina",goto:"Du-te la",p:""},rate:{star:"Stea",stars:"Stele"},tree:{emptyText:"Fără date"}}};(0,((r=a)&&r.__esModule?r:{default:r}).default)(i),t.default=i}})});
+//# sourceMappingURL=ro-RO.js.map

dist/locale/ru-RU.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=19)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},19:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"ru-RU",select:{placeholder:"Выбрать",noMatch:"Нет соответствующих данных",loading:"Загрузка"},table:{noDataText:"Нет данных",noFilteredDataText:"Нет данных по фильтру",confirmFilter:"Подтвердить",resetFilter:"Сброс",clearFilter:"Все"},datepicker:{selectDate:"Выбрать дату",selectTime:"Выбрать время",startTime:"Начальное время",endTime:"Конечное время",clear:"Очистить",ok:"OK",datePanelLabel:"[Mmmm] [yyyy]",month:"",month1:"Январь",month2:"Февраль",month3:"Март",month4:"Апрель",month5:"Май",month6:"Июнь",month7:"Июль",month8:"Август",month9:"Сентябрь",month10:"Октябрь",month11:"Ноябрь",month12:"Декабрь",year:"",weekStartDay:"1",weeks:{sun:"Вс",mon:"Пн",tue:"Вт",wed:"Ср",thu:"Чт",fri:"Пт",sat:"Сб"},months:{m1:"Янв",m2:"Фев",m3:"Мар",m4:"Апр",m5:"Май",m6:"Июн",m7:"Июл",m8:"Авг",m9:"Сен",m10:"Окт",m11:"Ноя",m12:"Дек"}},transfer:{titles:{source:"Источник",target:"Цель"},filterPlaceholder:"Искать здесь",notFoundText:"Не Найдено"},modal:{okText:"OK",cancelText:"Отменить"},poptip:{okText:"OK",cancelText:"Отменить"},page:{prev:"Пред. страница",next:"След. страница",total:"Всего",item:"пункт",items:"пункты",prev5:"Пред. 5 страниц",next5:"След. 5 страниц",page:"/page",goto:"Идти к",p:""},rate:{star:"Звезда",stars:"Звезды"},tree:{emptyText:"Нет данных"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}})});
+//# sourceMappingURL=ru-RU.js.map

dist/locale/sv-SE.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/dist/locale/",r(r.s=20)}({0:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){a||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,o=r(1);var a=((n=o)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,r){t.exports=e},20:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=r(0);var a={i:{locale:"sv-SE",select:{placeholder:"Välj",noMatch:"Ingen träff",loading:"Laddar"},table:{noDataText:"Ingen data",noFilteredDataText:"Ingen filter data",confirmFilter:"Bekräfta",resetFilter:"Återställ filter",clearFilter:"Rensa filter"},datepicker:{selectDate:"Välj datum",selectTime:"Välj tidpunkt",startTime:"Start tid",endTime:"Slut tid",clear:"Rensa",ok:"Ok",datePanelLabel:"[mmmm] [yyyy]",month:"Månad",month1:"Januari",month2:"Februari",month3:"Mars",month4:"April",month5:"Maj",month6:"Juni",month7:"Juli",month8:"Augusti",month9:"September",month10:"Oktober",month11:"November",month12:"December",year:"År",weekStartDay:"1",weeks:{sun:"Sön",mon:"Mån",tue:"Tis",wed:"Ons",thu:"Tor",fri:"Fre",sat:"Lör"},months:{m1:"Jan",m2:"Feb",m3:"Mar",m4:"Apr",m5:"Maj",m6:"Jun",m7:"Jul",m8:"Aug",m9:"Sep",m10:"Okt",m11:"Nov",m12:"Dec"}},transfer:{titles:{source:"Källa",target:"Mål"},filterPlaceholder:"Sök här",notFoundText:"Hittade inte"},modal:{okText:"Ok",cancelText:"Avbryt"},poptip:{okText:"Ok",cancelText:"Avbryt"},page:{prev:"Föregående sida",next:"Nästa sida",total:"Totalt",item:"objekt",items:"objekt",prev5:"Föregående 5 sidor",next5:"Nästa 5 sidor",page:"/page",goto:"Gå till",p:""},rate:{star:"Stjärna",stars:"Stjärnor"},tree:{emptyText:"Ingen data"}}};(0,((n=o)&&n.__esModule?n:{default:n}).default)(a),t.default=a}})});
+//# sourceMappingURL=sv-SE.js.map

dist/locale/th-TH.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=21)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},21:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"th-TH",select:{placeholder:"ตัวเลือก",noMatch:"ข้อมูลไม่ตรงกัน",loading:"ดาวน์โหลด"},table:{noDataText:"ไม่พบข้อมูล",noFilteredDataText:"ไม่พบตัวกรองข้อมูล",confirmFilter:"ยืนยัน",resetFilter:"รีเซ็ต",clearFilter:"ทั้งหมด"},datepicker:{selectDate:"เลือกวัน",selectTime:"เลือกเวลา",startTime:"เริ่มเวลา",endTime:"สิ้นสุดเวลา",clear:"ล้างข้อมูล",ok:"ตกลง",datePanelLabel:"[mmmm] [yyyy]",month:"เดือน",month1:"มกราตม",month2:"กุมภาพันธ์",month3:"มีนาคม",month4:"เมษายน",month5:"พฤษภาคม",month6:"มิถุนายน",month7:"กรกฎาคม",month8:"สิงหาคม",month9:"กันยายน",month10:"ตุลาคม",month11:"พฤศจิกายน",month12:"ธันวาคม",year:"ปี",weekStartDay:"0",weeks:{sun:"อาทิตย์",mon:"จันทร์",tue:"อังคาร",wed:"พุธ",thu:"พฤหัสบดี",fri:"ศุกร์",sat:"เสาร์"},months:{m1:"ม.ค.",m2:"ก.พ.",m3:"มี.ค.",m4:"เม.ย.",m5:"พ.ค.",m6:"มิ.ย.",m7:"ก.ค.",m8:"ส.ค.",m9:"ก.ย.",m10:"ต.ค.",m11:"พ.ย.",m12:"ธ.ค."}},transfer:{titles:{source:"แหล่งข้อมูล",target:"เป้าหมาย"},filterPlaceholder:"ค้นหาที่นี้",notFoundText:"ค้นหาไม่พบ"},modal:{okText:"ตกลง",cancelText:"ยกเลิก"},poptip:{okText:"ตกลง",cancelText:"ยกเลิก"},page:{prev:"หน้าก่อน",next:"หน้าถัดไป",total:"ทั้งหมด",item:"ไอเทม",items:"ไอเทม",prev5:"ก่อน 5 หน้า",next5:"ถัดไป 5 หน้า",page:"/หน้า",goto:"ไปยัง",p:"หน้า"},rate:{star:"ดวง",stars:"ดวง"},tree:{emptyText:"ไม่พบข้อมูล"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}})});
+//# sourceMappingURL=th-TH.js.map

dist/locale/tr-TR.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function a(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,a),n.l=!0,n.exports}return a.m=e,a.c=t,a.d=function(e,t,o){a.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/dist/locale/",a(a.s=22)}({0:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){r||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var o,n=a(1);var r=((o=n)&&o.__esModule?o:{default:o}).default.prototype.$isServer},1:function(t,a){t.exports=e},22:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,n=a(0);var r={i:{locale:"tr-TR",select:{placeholder:"Seç",noMatch:"Eşleşen veri yok",loading:"yükleme"},table:{noDataText:"Veri Yok",noFilteredDataText:"Süzülen veri yok",confirmFilter:"Onayla",resetFilter:"Sıfırla",clearFilter:"Hepsi"},datepicker:{selectDate:"Tarih seç",selectTime:"Zaman seç",startTime:"Başlangıç",endTime:"Bitişe",clear:"Temizle",ok:"Tamam",datePanelLabel:"[mmmm] [yyyy]",month:"",month1:"Ocak",month2:"Şubat",month3:"Mart",month4:"Nisan",month5:"Mayıs",month6:"Haziran",month7:"Temmuz",month8:"Ağustos",month9:"Eylül",month10:"Ekim",month11:"Kasım",month12:"Aralık",year:"",weekStartDay:"0",weeks:{sun:"Paz",mon:"Pzt",tue:"Sal",wed:"Çar",thu:"Per",fri:"Cum",sat:"Cmt"},months:{m1:"Oca",m2:"Şub",m3:"Mar",m4:"Nis",m5:"May",m6:"Haz",m7:"Tem",m8:"Ağu",m9:"Eyl",m10:"Ekm",m11:"Kas",m12:"Ara"}},transfer:{titles:{source:"Kaynak",target:"Hedef"},filterPlaceholder:"Arama yapın",notFoundText:"Bulunamadı"},modal:{okText:"Tamam",cancelText:"İptal"},poptip:{okText:"Tamam",cancelText:"İptal"},page:{prev:"Önceki",next:"Sonraki",total:"Toplam",item:"öğe",items:"öğeler",prev5:"Önceki 5 Sayfa",next5:"Sonraki 5 Sayfa",page:"/sayfa",goto:"Git",p:""},rate:{star:"Yıldız",stars:"Yıldız"},tree:{emptyText:"Veri Yok"}}};(0,((o=n)&&o.__esModule?o:{default:o}).default)(r),t.default=r}})});
+//# sourceMappingURL=tr-TR.js.map

dist/locale/uk-UA.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=23)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},23:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"uk-UA",select:{placeholder:"Обрати",noMatch:"Немає відповідних даних",loading:"Завантаження"},table:{noDataText:"Немає даних",noFilteredDataText:"Немає даних по фільтру",confirmFilter:"Підтвердити",resetFilter:"Скинути",clearFilter:"Усе"},datepicker:{selectDate:"Обрати дату",selectTime:"Обрати час",startTime:"Початковий час",endTime:"Кінцевий час",clear:"Очистити",ok:"OK",datePanelLabel:"[Mmmm] [yyyy]",month:"",month1:"Січень",month2:"Лютий",month3:"Березень",month4:"Квітень",month5:"Травень",month6:"Червень",month7:"Липень",month8:"Серпень",month9:"Вересень",month10:"Жовтень",month11:"Листопад",month12:"Грудень",year:"",weekStartDay:"1",weeks:{sun:"Нд",mon:"Пн",tue:"Вт",wed:"Ср",thu:"Чт",fri:"Пт",sat:"Сб"},months:{m1:"Січ",m2:"Лют",m3:"Бер",m4:"Кві",m5:"Тра",m6:"Чер",m7:"Лип",m8:"Сер",m9:"Вер",m10:"Жов",m11:"Лис",m12:"Гру"}},transfer:{titles:{source:"Джерело",target:"Ціль"},filterPlaceholder:"Шукати тут",notFoundText:"Не знайдено"},modal:{okText:"OK",cancelText:"Скасувати"},poptip:{okText:"OK",cancelText:"Скасувати"},page:{prev:"Попер. сторінка",next:"Наст. сторінка",total:"Всього",item:"пункт",items:"пункти",prev5:"Попер. 5 сторінок",next5:"Наст. 5 сторінок",page:"/page",goto:"Йти до",p:""},rate:{star:"Зірка",stars:"Зірки"},tree:{emptyText:"Немає даних"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}})});
+//# sourceMappingURL=uk-UA.js.map

dist/locale/vi-VN.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/locale/",n(n.s=24)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){a||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var o,r=n(1);var a=((o=r)&&o.__esModule?o:{default:o}).default.prototype.$isServer},1:function(t,n){t.exports=e},24:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,r=n(0);var a={i:{locale:"vi-VN",select:{placeholder:"Chọn",noMatch:"Không tìm thấy",loading:"Đang tải"},table:{noDataText:"Không có dữ liệu",noFilteredDataText:"Không có dữ liệu lọc",confirmFilter:"Xác nhận",resetFilter:"Làm lại",clearFilter:"Xóa hết"},datepicker:{selectDate:"Chọn ngày",selectTime:"Chọn giờ",startTime:"Ngày bắt đầu",endTime:"Ngày kết thúc",clear:"Xóa",ok:"Đồng ý",datePanelLabel:"[Tháng mm]/[yyyy]",month:"",month1:"Tháng 1",month2:"Tháng 2",month3:"Tháng 3",month4:"Tháng 4",month5:"Tháng 5",month6:"Tháng 6",month7:"Tháng 7",month8:"Tháng 8",month9:"Tháng 9",month10:"Tháng 10",month11:"Tháng 11",month12:"Tháng 12",year:"",weekStartDay:"1",weeks:{sun:"CN",mon:"T2",tue:"T3",wed:"T4",thu:"T5",fri:"T6",sat:"T7"},months:{m1:"Th.1",m2:"Th.2",m3:"Th.3",m4:"Th.4",m5:"Th.5",m6:"Th.6",m7:"Th.7",m8:"Th.8",m9:"Th.9",m10:"Th.10",m11:"Th.11",m12:"Th.12"}},transfer:{titles:{source:"Nguồn",target:"Đích"},filterPlaceholder:"Nhập từ khóa",notFoundText:"Không tìm thấy"},modal:{okText:"Đồng ý",cancelText:"Hủy bỏ"},poptip:{okText:"Đồng ý",cancelText:"Hủy bỏ"},page:{prev:"Trang trước",next:"Trang kế",total:"Tổng",item:"kết quả",items:"kết quả",prev5:"5 trang trước",next5:"5 trang kế",page:"/trang",goto:"Tới trang",p:""},rate:{star:"Sao",stars:"Sao"},tree:{emptyText:"Không có dữ liệu"}}};(0,((o=r)&&o.__esModule?o:{default:o}).default)(a),t.default=a}})});
+//# sourceMappingURL=vi-VN.js.map

dist/locale/zh-CN.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=25)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},25:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"zh-CN",select:{placeholder:"请选择",noMatch:"无匹配数据",loading:"加载中"},table:{noDataText:"暂无数据",noFilteredDataText:"暂无筛选结果",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部"},datepicker:{selectDate:"选择日期",selectTime:"选择时间",startTime:"开始时间",endTime:"结束时间",clear:"清空",ok:"确定",datePanelLabel:"[yyyy年] [m月]",month:"月",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",year:"年",weekStartDay:"0",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},months:{m1:"1月",m2:"2月",m3:"3月",m4:"4月",m5:"5月",m6:"6月",m7:"7月",m8:"8月",m9:"9月",m10:"10月",m11:"11月",m12:"12月"}},transfer:{titles:{source:"源列表",target:"目的列表"},filterPlaceholder:"请输入搜索内容",notFoundText:"列表为空"},modal:{okText:"确定",cancelText:"取消"},poptip:{okText:"确定",cancelText:"取消"},page:{prev:"上一页",next:"下一页",total:"共",item:"条",items:"条",prev5:"向前 5 页",next5:"向后 5 页",page:"条/页",goto:"跳至",p:"页"},rate:{star:"星",stars:"星"},tree:{emptyText:"暂无数据"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}})});
+//# sourceMappingURL=zh-CN.js.map

dist/locale/zh-TW.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("iview/locale",["vue"],t):"object"==typeof exports?exports["iview/locale"]=t(require("vue")):e["iview/locale"]=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/dist/locale/",o(o.s=26)}({0:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){i||void 0!==window.iview&&("langs"in iview||(iview.langs={}),iview.langs[e.i.locale]=e)};var n,r=o(1);var i=((n=r)&&n.__esModule?n:{default:n}).default.prototype.$isServer},1:function(t,o){t.exports=e},26:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(0);var i={i:{locale:"zh-TW",select:{placeholder:"請選擇",noMatch:"無匹配資料",loading:"加載中"},table:{noDataText:"暫無資料",noFilteredDataText:"暫無篩選結果",confirmFilter:"篩選",resetFilter:"重置",clearFilter:"全部"},datepicker:{selectDate:"選擇日期",selectTime:"選擇時間",startTime:"開始時間",endTime:"結束時間",clear:"清空",ok:"確定",datePanelLabel:"[yyyy年] [m月]",month:"月",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",year:"年",weekStartDay:"0",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},months:{m1:"1月",m2:"2月",m3:"3月",m4:"4月",m5:"5月",m6:"6月",m7:"7月",m8:"8月",m9:"9月",m10:"10月",m11:"11月",m12:"12月"}},transfer:{titles:{source:"來源列表",target:"目標列表"},filterPlaceholder:"請輸入搜尋內容",notFoundText:"列表爲空"},modal:{okText:"確定",cancelText:"取消"},poptip:{okText:"確定",cancelText:"取消"},page:{prev:"上一頁",next:"下一頁",total:"共",item:"條",items:"條",prev5:"向前 5 頁",next5:"向後 5 頁",page:"條/頁",goto:"跳至",p:"頁"},rate:{star:"星",stars:"星"},tree:{emptyText:"暫無資料"}}};(0,((n=r)&&n.__esModule?n:{default:n}).default)(i),t.default=i}})});
+//# sourceMappingURL=zh-TW.js.map

examples/app.vue

@@ -16,8 +16,10 @@ nav {
     <div class="container">
         <nav>
             <ul>
+                <li><router-link to="/split">Split</router-link></li>
                 <li><router-link to="/layout">Layout</router-link></li>
                 <li><router-link to="/affix">Affix</router-link></li>
+                <li><router-link to="/anchor">Anchor</router-link></li>
                 <li><router-link to="/grid">Grid</router-link></li>
                 <li><router-link to="/button">Button</router-link></li>
                 <li><router-link to="/input">Input</router-link></li>
@@ -62,6 +64,9 @@ nav {
                 <li><router-link to="/color-picker">ColorPicker</router-link></li>
                 <li><router-link to="/auto-complete">AutoComplete</router-link></li>
                 <li><router-link to="/scroll">Scroll</router-link></li>
+                <li><router-link to="/divider">Divider</router-link></li>
+                <li><router-link to="/time">Time</router-link></li>
+                <li><router-link to="/cell">Cell</router-link></li>
             </ul>
         </nav>
         <router-view></router-view>

examples/main.js

@@ -6,11 +6,13 @@ import Vue from 'vue';
 import VueRouter from 'vue-router';
 import App from './app.vue';
 import iView from '../src/index';
-import locale from '../src/locale/lang/en-US';
-// import locale from '../src/locale/lang/zh-CN';
+// import locale from '../src/locale/lang/en-US';
+import locale from '../src/locale/lang/zh-CN';
 
 Vue.use(VueRouter);
-Vue.use(iView, { locale });
+Vue.use(iView, {
+    locale
+});
 
 // 开启debug模式
 Vue.config.debug = true;
@@ -18,7 +20,12 @@ Vue.config.debug = true;
 // 路由配置
 const router = new VueRouter({
     esModule: false,
+    mode: 'history',
     routes: [
+        {
+            path: '/split',
+            component: (resolve) => require(['./routers/split.vue'], resolve)
+        },
         {
             path: '/layout',
             component: (resolve) => require(['./routers/layout.vue'], resolve)
@@ -27,6 +34,10 @@ const router = new VueRouter({
             path: '/affix',
             component: (resolve) => require(['./routers/affix.vue'], resolve)
         },
+        {
+            path: '/anchor',
+            component: (resolve) => require(['./routers/anchor.vue'], resolve)
+        },
         {
             path: '/grid',
             component: (resolve) => require(['./routers/grid.vue'], resolve)
@@ -202,6 +213,18 @@ const router = new VueRouter({
         {
             path: '/scroll',
             component: (resolve) => require(['./routers/scroll.vue'], resolve)
+        },
+        {
+            path: '/divider',
+            component: (resolve) => require(['./routers/divider.vue'], resolve)
+        },
+        {
+            path: '/time',
+            component: (resolve) => require(['./routers/time.vue'], resolve)
+        },
+        {
+            path: '/cell',
+            component: (resolve) => require(['./routers/cell.vue'], resolve)
         }
     ]
 });

examples/routers/alert.vue

@@ -1,8 +1,28 @@
 <template>
     <div>
-        <Alert show-icon banner closable>消息提示文案</Alert>
+        <Alert>
+            An info prompt
+            <template slot="desc">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </template>
+        </Alert>
+        <Alert type="success">
+            A success prompt
+            <template slot="desc">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </template>
+        </Alert>
+        <Alert type="warning">
+            A warning prompt
+            <template slot="desc">
+            Content of prompt. Content of prompt. Content of prompt.
+        </template>
+        </Alert>
+        <Alert type="error">
+            An error prompt
+            <span slot="desc">
+            Custom error description copywriting. <Icon type="help-circled" size="14"></Icon>
+        </span>
+        </Alert>
+        <Alert type="info" show-icon closable>消息提示文案</Alert>
         <Alert type="success" show-icon>成功提示文案</Alert>
-        <Alert type="warning" show-icon banner>警告提示文案</Alert>
+        <Alert type="warning" show-icon>警告提示文案</Alert>
         <Alert type="error" show-icon>错误提示文案</Alert>
         <Alert show-icon>
             消息提示文案
@@ -26,9 +46,20 @@
         </Alert>
         <Alert show-icon closable>
             自定义图标
-            <Icon type="ios-lightbulb-outline" slot="icon"></Icon>
+            <Icon type="ios-bulb-outline" slot="icon"></Icon>
             <template slot="desc">自定义图标文案自定义图标文案自定义图标文案自定义图标文案自定义图标文案</template>
         </Alert>
+        <Alert banner type="warning">Notice: notification contents...</Alert>
+        <Alert banner closable type="warning">Notice: notification contents...</Alert>
+        <Alert closable>An info prompt</Alert>
+        <Alert type="success" show-icon closable>
+            A success prompt
+            <span slot="desc">Content of prompt. Content of prompt. Content of prompt. Content of prompt. </span>
+        </Alert>
+        <Alert type="warning" closable>
+            Custom closing content
+            <span slot="close">No longer prompt</span>
+        </Alert>
     </div>
 </template>
 <script>

examples/routers/anchor.vue

@@ -0,0 +1,114 @@
+<template>
+	<div class="anchor-wrapper">
+		<div class="link-wrapper">
+            <Button @click="changeCon">修改为Window</Button>
+            <Button @click="andLink">添加一个连接</Button>
+			<Anchor :bounds="100" @on-change="handleChange" @on-select="handleSelect" :style="{right: '100px'}" :affix="true" :offset-top="30" :scroll-offset="100" :container="scrollCon" show-ink>
+				<AnchorLink v-if="(link - 1) % 30 === 0" v-for="link in 300" :key="`link${link}`" :href="`#title-${link}`" :title="`title-${link}`">
+                    <AnchorLink :scroll-offset="20" v-if="link === 61" href="#title-child-69" title="title-child-69"/>
+                </AnchorLink>
+                <AnchorLink :scroll-offset="200" href="#lishi" title="李氏专跳"/>
+                <AnchorLink v-if="showNewLink" href="#new-link" title="这是动态添加的连接"/>
+			</Anchor>
+		</div>
+		<div v-if="con === 'div'" ref="listWrapper" id="listWrapper" class="list-wrapper">
+            <div style="height: 100px;"></div>
+            <template v-for="i in 300">
+                <h1 v-if="(i - 1) % 30 === 0" :key="`h1${i}`" :id="`title-${i}`">{{ `title-${i}` }}</h1>
+                <h1 v-if="i === 69" :key="`h1${i}`" :id="`title-child-${i}`">{{ `title-${i}` }}</h1>
+                <h1 v-if="i === 75" :key="`h1${i}`" :id="`title-child-${i}`">{{ `title-${i}` }}</h1>
+                <p v-else :key="`p${i}`">{{ `content-row-index-${i}` }}</p>
+                <Collapse v-if="i === 3" v-model="value1" :key="`collapse-${i}`">
+                    <Panel name="1">
+                        史蒂夫·乔布斯
+                        <p v-for="index in 50" :key="`ppp-${index}`" slot="content">{{ index }}</p>
+                    </Panel>
+                    <Panel name="2">
+                        斯蒂夫·盖瑞·沃兹尼亚克
+                        <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
+                    </Panel>
+                    <Panel name="3">
+                        乔纳森·伊夫
+                        <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
+                    </Panel>
+                </Collapse>
+            </template>
+            <h1 id="lishi">李氏专跳</h1>
+            <p v-for="i in 100" :key="`chinese-${i}`">这是信息司大是大非胜多负少的{{i}}</p>
+            <!-- <h1 id="new-link">这是新添加的哦哦哦哦哦 哦 </h1>
+            <p v-for="i in 50" :key="`new-${i}`">这是信息司大是大非胜多负少的{{i}}</p> -->
+        </div>
+        <div v-else>
+            <template v-for="i in 300">
+                <h1 v-if="(i - 1) % 30 === 0" :key="`h1${i}`" :id="`title-${i}`">{{ `title-${i}` }}</h1>
+                <h1 v-if="i === 69" :key="`h1${i}`" :id="`title-child-${i}`">{{ `title-${i}` }}</h1>
+                <h1 v-if="i === 75" :key="`h1${i}`" :id="`title-child-${i}`">{{ `title-${i}` }}</h1>
+                <p v-else :key="`p${i}`">{{ `content-row-index-${i}` }}</p>
+                <Collapse v-if="i === 3" v-model="value1" :key="`collapse-${i}`">
+                    <Panel name="1">
+                        史蒂夫·乔布斯
+                        <p v-for="index in 50" :key="`ppp-${index}`" slot="content">{{ index }}</p>
+                    </Panel>
+                    <Panel name="2">
+                        斯蒂夫·盖瑞·沃兹尼亚克
+                        <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
+                    </Panel>
+                    <Panel name="3">
+                        乔纳森·伊夫
+                        <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
+                    </Panel>
+                </Collapse>
+            </template>
+            <h1 id="new-link">这是新添加的哦哦哦哦哦 哦 </h1>
+            <p v-for="i in 50" :key="`new-${i}`">这是信息司大是大非胜多负少的{{i}}</p>
+            <h1 id="lishi">李氏专跳</h1>
+            <p v-for="i in 50" :key="`chinese-${i}`">这是信息司大是大非胜多负少的{{i}}</p>
+        </div>
+
+	</div>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            container: null,
+            value1: '1',
+            scrollCon: '',
+            con: 'div',
+            showNewLink: false
+        }
+    },
+    methods: {
+        changeCon () {
+            this.con = 'window';
+            this.scrollCon = undefined;
+        },
+        handleChange (newHref, oldHref) {
+            console.log(`${oldHref} => ${newHref}`)
+        },
+        handleSelect (href) {
+            console.log(`select ${href}`)
+        },
+        andLink () {
+            this.showNewLink = true;
+        }
+    },
+    mounted () {
+        this.scrollCon = this.$refs.listWrapper
+    }
+}
+</script>
+<style lang="less">
+.anchor-wrapper{
+	.link-wrapper{
+		position: absolute;
+        top: 200px;
+		right: 100px;
+		width: 200px;
+	}
+    .list-wrapper{
+        height: 600px;
+        overflow: auto;
+    }
+}
+</style>

examples/routers/avatar.vue

@@ -2,6 +2,36 @@
     <div class="demo-avatar">
         <Avatar :style="{background: color}">{{ user }}</Avatar>
         <Button size="small" @click="handleChange">Change</Button>
+        <div>
+            <div class="demo-avatar">
+                <Avatar icon="ios-person" size="large" />
+                <Avatar icon="ios-person" />
+                <Avatar icon="ios-person" size="small" />
+            </div>
+            <div class="demo-avatar">
+                <Avatar shape="square" icon="ios-person" size="large" />
+                <Avatar shape="square" icon="ios-person" />
+                <Avatar shape="square" icon="ios-person" size="small" />
+            </div>
+        </div>
+        <div class="demo-avatar">
+            <Avatar icon="ios-person" />
+            <Avatar>U</Avatar>
+            <Avatar>USER</Avatar>
+            <Avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg" />
+            <Avatar style="color: #f56a00;background-color: #fde3cf">U</Avatar>
+            <Avatar style="background-color: #87d068" icon="ios-person" />
+        </div>
+        <div class="demo-avatar-badge">
+            <Badge :count="1">
+                <Avatar shape="square" icon="ios-person" />
+            </Badge>
+            <Badge dot>
+                <Avatar shape="square" icon="ios-person" />
+            </Badge>
+        </div>
+        <br><br><br>
+        <Avatar custom-icon="ivu-icon-ios-person" />
     </div>
 </template>
 <script>

examples/routers/badge.vue

@@ -14,10 +14,67 @@
 </style>
 <template>
     <div>
-        <Badge dot :count="count">
+        <Badge :count="count">
+            <a href="#" class="demo-badge"></a>
+        </Badge>
+        <Badge :count="0" showZero>
             <a href="#" class="demo-badge"></a>
         </Badge>
         <Button @click="setCount">set count</Button>
+        <br><br>
+        <Badge text="hot">
+            <Button type="ghost">Hello</Button>
+        </Badge>
+        <br><br>
+        <div>
+            <Badge status="success" />
+            <Badge status="error" />
+            <Badge status="default" />
+            <Badge status="processing" />
+            <Badge status="warning" />
+            <br />
+            <Badge status="success" text="Success" />
+            <br />
+            <Badge status="error" text="Error" />
+            <br />
+            <Badge status="default" text="Default" />
+            <br />
+            <Badge status="processing" text="Processing" />
+            <br />
+            <Badge status="warning" text="Warning" />
+        </div>
+        <div style="margin: 50px">
+            <Badge dot>
+                <a href="//iviewui.com">我是一个链接</a>
+            </Badge>
+            <br><br>
+            <Badge :count="10" :offset="[-5, -5]">
+                <a href="//iviewui.com">我是一个链接</a>
+            </Badge>
+        </div>
+        <div>
+            <Badge :count="count" type="primary">
+                <a href="#" class="demo-badge"></a>
+            </Badge>
+            <Badge :count="count" type="success">
+                <a href="#" class="demo-badge"></a>
+            </Badge>
+            <Badge :count="count" type="normal">
+                <a href="#" class="demo-badge"></a>
+            </Badge>
+            <Badge :count="count" type="info">
+                <a href="#" class="demo-badge"></a>
+            </Badge>
+            <Badge :count="count" type="error">
+                <a href="#" class="demo-badge"></a>
+            </Badge>
+            <Badge :count="count" type="warning">
+                <a href="#" class="demo-badge"></a>
+            </Badge>
+            <Badge :count="count">
+                <a href="#" class="demo-badge"></a>
+            </Badge>
+        </div>
     </div>
 </template>
 <script>
@@ -25,7 +82,7 @@
         props: {},
         data () {
             return {
-                count: 50
+                count: 5
             };
         },
         methods: {

examples/routers/breadcrumb.vue

@@ -7,8 +7,9 @@
 <template>
 <div>
     <Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>">
-        <Breadcrumb-item to="/">Home4</Breadcrumb-item>
-        <Breadcrumb-item :to="{name: 'user', params: { userId: 123 }}">Components</Breadcrumb-item>
+        <Breadcrumb-item to="/button">Home4</Breadcrumb-item>
+        <Breadcrumb-item to="//iviewui.com" target="_blank">Home4</Breadcrumb-item>
+        <Breadcrumb-item :to="{name: 'icon', params: { userId: 123 }}">Components</Breadcrumb-item>
         <Breadcrumb-item>Breadcrumb</Breadcrumb-item>
     </Breadcrumb>
     <Breadcrumb separator="">

examples/routers/card.vue

@@ -2,7 +2,7 @@
     <Card style="width:350px">
         <p slot="title">
             <Icon type="ios-film-outline"></Icon>
-            经典电影
+            <span>经典电影</span>
         </p>
         <a href="#" slot="extra" @click.prevent="changeLimit">
             <Icon type="ios-loop-strong"></Icon>

examples/routers/carousel.vue

@@ -1,44 +1,43 @@
+<style>
+    .demo-carousel{
+        height: 200px;
+        line-height: 200px;
+        text-align: center;
+        color: #fff;
+        font-size: 20px;
+        background: #506b9e;
+    }
+</style>
 <template>
-    <div>
-        <Carousel v-model="v1" dots="outside" @on-change="hc" :autoplay="false">
-            <Carousel-item>
-                <div class="demo-case-img">
-                    <img src="https://file.iviewui.com/dist/84b3cded4163febf9dae090e76129322.png">
-                </div>
-            </Carousel-item>
-            <Carousel-item>
-                <div class="demo-case-img">
-                    <img src="https://file.iviewui.com/dist/84b3cded4163febf9dae090e76129322.png">
-                </div>
-            </Carousel-item>
-            <Carousel-item>
-                <div class="demo-case-img">
-                    <img src="https://file.iviewui.com/dist/84b3cded4163febf9dae090e76129322.png">
-                </div>
-            </Carousel-item>
+    <div style="width: 400px;">
+        <Carousel v-model="value1" loop arrow="always" @on-change="handleChange">
+            <CarouselItem>
+                <div class="demo-carousel">1</div>
+            </CarouselItem>
+            <CarouselItem>
+                <div class="demo-carousel">2</div>
+            </CarouselItem>
+            <CarouselItem>
+                <div class="demo-carousel">3</div>
+            </CarouselItem>
+            <CarouselItem>
+                <div class="demo-carousel">4</div>
+            </CarouselItem>
         </Carousel>
-        <Button @click="v1 = 2">change</Button>
+        <Button @click="value1 = 2">change</Button>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                v1: 0
+                value1: 0
             }
         },
         methods: {
-            hc (...args) {
-                console.log(args);
+            handleChange (old, newval) {
+                console.log(old, newval);
             }
         }
     }
 </script>
-<style lang="less">
-    .demo-case-img {
-        img{
-            width: 500px;
-        }
-    }
-</style>
-

examples/routers/cascader.vue

@@ -1,64 +1,60 @@
 <template>
-    <div>
-        <Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
-        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
-        <Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
-        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
-        <Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
-    </div>
+    <Cascader :data="data4" :load-data="loadData"></Cascader>
 </template>
 <script>
     export default {
         data () {
             return {
-                data: [{
-                    value: 1,
-                    label: '北京',
-                    children: [
-                        {
-                            value: 11,
-                            label: '故宫'
-                        },
-                        {
-                            value: 12,
-                            label: '天坛'
-                        },
-                        {
-                            value: 13,
-                            label: '王府井'
-                        }
-                    ]
-                }, {
-                    value: 2,
-                    label: '江苏',
-                    children: [
-                        {
-                            value: 21,
-                            label: '南京',
-                            children: [
-                                {
-                                    value: 211,
-                                    label: '夫子庙',
-                                }
-                            ]
-                        },
-                        {
-                            value: 22,
-                            label: '苏州',
-                            children: [
-                                {
-                                    value: 221,
-                                    label: '拙政园',
-                                },
-                                {
-                                    value: 222,
-                                    label: '狮子林',
-                                }
-                            ]
-                        }
-                    ],
-                }],
-                value3: []
+                data4: [
+                    {
+                        value: 'beijing',
+                        label: '北京',
+                        children: [],
+                        loading: false
+                    },
+                    {
+                        value: 'hangzhou',
+                        label: '杭州',
+                        children: [],
+                        loading:false
+                    }
+                ]
+            }
+        },
+        methods: {
+            loadData (item, callback) {
+                item.loading = true;
+                setTimeout(() => {
+                    if (item.value === 'beijing') {
+                        item.children = [
+                            {
+                                value: 'talkingdata',
+                                label: 'TalkingData'
+                            },
+                            {
+                                value: 'baidu',
+                                label: '百度'
+                            },
+                            {
+                                value: 'sina',
+                                label: '新浪'
+                            }
+                        ];
+                    } else if (item.value === 'hangzhou') {
+                        item.children = [
+                            {
+                                value: 'ali',
+                                label: '阿里巴巴'
+                            },
+                            {
+                                value: '163',
+                                label: '网易'
+                            }
+                        ];
+                    }
+                    item.loading = false;
+                    callback();
+                }, 1000);
             }
         }
     }

examples/routers/cell.vue

@@ -0,0 +1,42 @@
+<template>
+    <div style="margin: 100px;background: #f8f8f9;padding: 100px;">
+        <Card title="选项" :padding="0" shadow style="width: 300px;">
+            <CellGroup @on-click="handleClick">
+                <Cell title="标题一" name="a1" label="附属内容" to="/button">
+                    <Badge count="10" slot="extra"></Badge>
+                </Cell>
+                <Cell title="标题一" name="a2" label="附属内容" extra="详细信息"></Cell>
+                <Cell title="标题一" name="a3" label="附属内容" extra="详细信息" to="/button"></Cell>
+                <Cell title="标题一" name="a4" label="附属内容" selected></Cell>
+                <Cell title="标题二">
+                    <Icon type="trash-a" slot="icon"></Icon>
+                </Cell>
+                <Cell><span style="color: #ff6600">六七十111</span></Cell>
+                <Cell title="标题四" selected></Cell>
+                <Cell title="标题五"></Cell>
+                <Cell title="标题六" disabled></Cell>
+                <Cell title="标题七" extra="详细信息" to="/icon"></Cell>
+                <Cell title="标题七" extra="详细信息" selected></Cell>
+                <Cell title="标题七" label="附属内容" extra="详细信息"></Cell>
+                <Cell title="标题八">
+                    <i-switch v-model="switch1" slot="extra"></i-switch>
+                </Cell>
+                <Cell title="标题九" to="/button" target="_blank"></Cell>
+            </CellGroup>
+        </Card>
+    </div>
+</template>
+<script>
+    export default {
+        data(){
+            return {
+                switch1: false
+            }
+        },
+        methods: {
+            handleClick (name) {
+                console.log(name);
+            }
+        }
+    }
+</script>

examples/routers/circle.vue

@@ -1,54 +1,17 @@
-<style lang="less">
-    .demo-circle-custom{
-    & h1{
-          color: #3f414d;
-          font-size: 28px;
-          font-weight: normal;
-      }
-    & p{
-          color: #657180;
-          font-size: 14px;
-          margin: 10px 0 15px;
-      }
-    & span{
-          display: block;
-          padding-top: 15px;
-          color: #657180;
-          font-size: 14px;
-    &:before{
-         content: '';
-         display: block;
-         width: 50px;
-         height: 1px;
-         margin: 0 auto;
-         background: #e0e3e6;
-         position: relative;
-         top: -15px;
-     };
-    }
-    & span i{
-          font-style: normal;
-          color: #3f414d;
-      }
-    }
-</style>
 <template>
-    <i-circle
-            :size="250"
-            :trail-width="4"
-            :stroke-width="5"
-            :percent="75"
-            stroke-linecap="square"
-            stroke-color="#43a3fb">
-        <div class="demo-circle-custom">
-            <h1>{{ 42001776 }}</h1>
-            <p>消费人群规模</p>
-            <span>
-                总占人数
-                <i>75%</i>
-            </span>
-        </div>
-    </i-circle>
+    <div>
+        <i-circle :percent="80">
+            <span class="demo-i-circle-inner" style="font-size:24px">80%</span>
+        </i-circle>
+        <i-circle :percent="100" stroke-color="#5cb85c">
+            <Icon type="ios-checkmark" size="60" style="color:#5cb85c"></Icon>
+        </i-circle>
+        <i-circle :percent="35" stroke-color="#ff5500">
+        <span class="demo-i-circle-inner">
+            <Icon type="ios-close" size="50" style="color:#ff5500"></Icon>
+        </span>
+        </i-circle>
+    </div>
 </template>
 <script>
     export default {

examples/routers/collapse.vue

@@ -1,38 +1,58 @@
 <template>
-    <Collapse accordion v-model="value3">
-        <Panel name="1">
-            史蒂夫·乔布斯
-            <div slot="content">
-            史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。
-            <Collapse accordion v-model="value4">
-            <Panel name="1-1">
-                iPhone
-                <p slot="content">iPhone，是美国苹果公司研发的智能手机，它搭载iOS操作系统。第一代iPhone于2007年1月9日由苹果公司前首席执行官史蒂夫·乔布斯发布，并在2007年6月29日正式发售。</p>
+    <div>
+        <Collapse accordion v-model="value3" simple>
+            <Panel name="1" hide-arrow>
+                史蒂夫·乔布斯
+                <div slot="content">
+                史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。
+                <Collapse accordion v-model="value4">
+                <Panel name="1-1">
+                    iPhone
+                    <p slot="content">iPhone，是美国苹果公司研发的智能手机，它搭载iOS操作系统。第一代iPhone于2007年1月9日由苹果公司前首席执行官史蒂夫·乔布斯发布，并在2007年6月29日正式发售。</p>
+                </Panel>
+                <Panel name="1-2">
+                    iPad
+                    <p slot="content">iPad是由苹果公司于2010年开始发布的平板电脑系列，定位介于苹果的智能手机iPhone和笔记本电脑产品之间，（屏幕中有4个虚拟程序固定栏）与iPhone布局一样，提供浏览网站、收发电子邮件、观看电子书、播放音频或视频、玩游戏等功能。由英国出生的设计主管乔纳森·伊夫（Jonathan Ive）（有些翻译为 乔纳森·艾维）领导的团队设计的，这个圆滑、超薄的产品反映出了伊夫对德国天才设计师Dieter Rams的崇敬之情。</p>
+                </Panel>
+            </Collapse>
+            </div>
             </Panel>
-            <Panel name="1-2">
-                iPad
-                <p slot="content">iPad是由苹果公司于2010年开始发布的平板电脑系列，定位介于苹果的智能手机iPhone和笔记本电脑产品之间，（屏幕中有4个虚拟程序固定栏）与iPhone布局一样，提供浏览网站、收发电子邮件、观看电子书、播放音频或视频、玩游戏等功能。由英国出生的设计主管乔纳森·伊夫（Jonathan Ive）（有些翻译为 乔纳森·艾维）领导的团队设计的，这个圆滑、超薄的产品反映出了伊夫对德国天才设计师Dieter Rams的崇敬之情。</p>
+            <Panel name="2">
+                斯蒂夫·盖瑞·沃兹尼亚克
+                <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
+            </Panel>
+            <Panel name="3">
+                乔纳森·伊夫
+                <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
             </Panel>
         </Collapse>
-        </div>
-        </Panel>
-        <Panel name="2">
-            斯蒂夫·盖瑞·沃兹尼亚克
-            <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
-        </Panel>
-        <Panel name="3">
-            乔纳森·伊夫
-            <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
-        </Panel>
-    </Collapse>
+
+        <br/>
+        <br/>
+        <Collapse v-model="value5">
+            <Panel name="21">
+                斯蒂夫·盖瑞·沃兹尼亚克
+                <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
+            </Panel>
+            <Panel name="22">
+                乔纳森·伊夫
+                <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
+            </Panel>
+            <Panel name="23">
+                乔纳森·伊夫
+                <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
+            </Panel>
+        </Collapse>
+    </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                value3: '1',
-                value4: '1-1'
-            }
+                value3: ['1', '2', '3'],
+                value4: '1-1',
+                value5: ['21', '22', '23']
+            };
         }
-    }
+    };
 </script>

examples/routers/color-picker.vue

@@ -1,41 +1,152 @@
 <template>
     <div style="margin: 100px;">
-        {{ color }}
+        {{color}}
         <!--<Input placeholder="请输入..." size="large" style="width: 50px;"></Input>-->
-        <color-picker @on-change="c1" @on-active-change="c2" v-model="color" placement="bottom-start" size="large"></color-picker>
-        <Date-picker transfer type="date" placeholder="选择日期" style="width: 200px"></Date-picker>
-        <color-picker :transfer="true" ref="xxx" v-model="color" format="rgb" alpha :recommend="true"></color-picker>
-        <color-picker v-model="color2" format="hsv" :alpha="true" :recommend="false"></color-picker>
+        <color-picker
+            v-model="color"
+            placement="bottom-start"
+            @on-change="c1"
+            @on-active-change="c2"></color-picker>
+        <Input value="hello" style="display: inline-block" />
+        <Date-picker
+            type="date"
+            placeholder="选择日期"
+            style="width: 200px"></Date-picker>
+        <color-picker
+            ref="xxx"
+            v-model="color"
+            :recommend="true"
+            format="rgb"
+            alpha
+            @on-change="onChange"
+            @on-active-change="onActiveChange"></color-picker>
+        <color-picker
+            v-model="color2"
+            :alpha="true"
+            :recommend="false"
+            format="hsv"></color-picker>
         <!--<Date-picker type="date" placeholder="选择日期" style="width: 200px"></Date-picker>-->
-        <color-picker v-model="color" placement="bottom-start" size="small"></color-picker>
-        <Date-picker type="date" placeholder="选择日期" size="small" style="width: 200px"></Date-picker>
+        <color-picker
+            v-model="color"
+            placement="bottom-start"
+            ></color-picker>
+        <Date-picker
+            type="date"
+            placeholder="选择日期"
+            style="width: 200px"></Date-picker>
+        <color-picker
+            ref="yyy"
+            :colors="colors"
+            v-model="color"
+            format="rgb"
+            alpha></color-picker>
         <Button @click="setColor">set color</Button>
 
         <br><br><br><br>
-        <ColorPicker v-model="color7" :hue="false"></ColorPicker>
+        {{openState}}
+        <ColorPicker
+            v-model="color7"
+            :hue="false"
+            @on-open-change="onOpenChange"></ColorPicker>
+        <ColorPicker
+            v-model="color7"
+            :hue="false"
+            :hide-drop-down="hideDropDown"
+            @on-open-change="onOpenChange"></ColorPicker>
+
+        <br><br><br><br>
+        <ColorPicker
+            v-model="color7"
+            disabled></ColorPicker>
     </div>
 </template>
+
 <script>
-    export default {
-        props: {},
-        data () {
-            return {
-                color: 'rgba(12,34,255,.85)',
-                color2: '',
-                color7: '#19be6b'
-            };
+export default {
+    props: {},
+
+    data() {
+        return {
+            color: 'rgba(12,34,255,.85)',
+            color2: '',
+            color7: '#19be6b',
+            openState: false,
+            colors: [
+                '#2d8cf0',
+                '#19be6b',
+                '#ff9900',
+                '#ed3f14',
+                '#00b5ff',
+                '#19c919',
+                '#f9e31c',
+                '#ea1a1a',
+                '#9b1dea',
+                '#00c2b1',
+                '#ac7a33',
+                '#1d35ea',
+                '#8bc34a',
+                '#f16b62',
+                '#ea4ca3',
+                '#0d94aa',
+                '#febd79',
+                '#5d4037',
+                '#00bcd4',
+                '#f06292',
+                '#cddc39',
+                '#607d8b',
+                '#000000',
+                '#ffffff',
+                '#2d8cf0',
+                '#19be6b',
+                '#ff9900',
+                '#ed3f14',
+                '#00b5ff',
+                '#19c919',
+                '#f9e31c',
+                '#ea1a1a',
+                '#9b1dea',
+                '#00c2b1',
+                '#ac7a33',
+                '#1d35ea',
+                '#8bc34a',
+                '#f16b62',
+                '#ea4ca3',
+                '#0d94aa',
+                '#febd79',
+                '#5d4037',
+            ],
+            hideDropDown: false,
+        };
+    },
+
+    computed: {},
+
+    mounted() {
+        setInterval(this.toggleShowHide, 2000);
+    },
+
+    methods: {
+        setColor() {
+            this.color = '#26bc77';
         },
-        computed: {},
-        methods: {
-            setColor () {
-                this.color = '#26bc77';
-            },
-            c1 (d) {
-                console.log(d);
-            },
-            c2 (d) {
-                console.log(d);
-            }
-        }
-    };
+        c1(d) {
+            console.log(d);
+        },
+        c2(d) {
+            console.log(d);
+        },
+        onOpenChange(state) {
+            this.openState = state;
+        },
+        onChange(d) {
+            console.log(d);
+        },
+        onActiveChange(d) {
+            console.log(d);
+        },
+        toggleShowHide() {
+            this.hideDropDown = !this.hideDropDown;
+        },
+    },
+};
 </script>

examples/routers/custem-menu-item.vue

@@ -0,0 +1,32 @@
+<template>
+  <Submenu :name="`${parentName}`">
+    <template slot="title">
+      <span>{{ parentItem.name }}</span>
+    </template>
+    <template v-for="item in children">
+      <custem-menu-item v-if="item.children && item.children.length !== 0" :key="`menu-${item.name}`" :parent-item="item"></custem-menu-item>
+      <menu-item v-else :name="`${item.name}`" :key="`menu-${item.name}`">{{ item.name }}</menu-item>
+    </template>
+  </Submenu>
+</template>
+<script>
+export default {
+  name: 'custemMenuItem',
+  props: {
+    parentItem: {
+      type: Object,
+      default: () => {}
+    },
+    theme: String,
+    iconSize: Number
+  },
+  computed: {
+    parentName () {
+      return this.parentItem.name
+    },
+    children () {
+      return this.parentItem.children
+    }
+  }
+}
+</script>

examples/routers/date.vue

@@ -249,14 +249,17 @@
 
 <template>
     <div style="width: 500px;margin: 100px;">
-        <Row>
-            <Col span="12">
-            <DatePicker type="date" show-week-numbers placeholder="Select date" style="width: 200px"></DatePicker>
-            </Col>
-            <Col span="12">
-            <DatePicker type="daterange" show-week-numbers placement="bottom-end" placeholder="Select date" style="width: 200px"></DatePicker>
-            </Col>
-        </Row>
+        <p><input type="text"></p>
+
+        <DatePicker type="month" show-week-numbers placeholder="Select date" style="width: 200px"></DatePicker>
+        <DatePicker type="year" show-week-numbers placeholder="Select date" style="width: 200px"></DatePicker>
+
+        <DatePicker type="date" transfer show-week-numbers placeholder="Select date" style="width: 400px"></DatePicker>
+        <DatePicker type="datetime" show-week-numbers confirm placeholder="Select date" style="width: 400px"></DatePicker>
+
+        <DatePicker type="daterange" transfer show-week-numbers placeholder="Select date" style="width: 400px"></DatePicker>
+        <DatePicker type="datetimerange" transfer show-week-numbers placeholder="Select date" style="width: 400px"></DatePicker>
+        <Time-Picker :steps="[1, 1, 15]" :value="new Date()"></Time-Picker>
     </div>
 </template>
 <script>

examples/routers/divider.vue

@@ -0,0 +1,75 @@
+<template>
+    <Row :gutter="16">
+        <i-col span="12">
+            <Card title="horizontal divider">
+                <div>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
+
+                    <Divider/>
+
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
+
+                    <Divider>iView </Divider>
+
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
+
+                    <Divider dashed/>
+
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
+
+                    <Divider orientation="left">iView</Divider>
+
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
+
+                    <Divider orientation="right">iView</Divider>
+
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
+
+                </div>
+            </Card>
+        </i-col>
+        <i-col span="12">
+            <Card title="vertical divider">
+                <div>
+                    iView
+                    <Divider type="vertical" />
+                    <a href="#">Components</a>
+                    <Divider type="vertical" />
+                    <a href="#">Divider</a>
+                </div>
+            </Card>
+        </i-col>
+    </Row>
+</template>
+
+<script>
+    export default {}
+</script>
+
+<style>
+
+</style>

examples/routers/dropdown.vue

@@ -1,17 +1,45 @@
 <template>
-    <Dropdown trigger="click" style="margin-left: 20px">
-        <a href="javascript:void(0)">
-            click 触发
-            <Icon type="arrow-down-b"></Icon>
-        </a>
-        <DropdownMenu slot="list">
-            <DropdownItem>驴打滚</DropdownItem>
-            <DropdownItem>炸酱面</DropdownItem>
-            <DropdownItem>豆汁儿</DropdownItem>
-            <DropdownItem>冰糖葫芦</DropdownItem>
-            <DropdownItem>北京烤鸭</DropdownItem>
-        </DropdownMenu>
-    </Dropdown>
+    <div>
+        <Dropdown trigger="hover">
+            <a href="javascript:void(0)">
+                下拉菜单
+                <Icon type="ios-arrow-down"></Icon>
+            </a>
+            <DropdownMenu slot="list">
+                <DropdownItem>驴打滚</DropdownItem>
+                <DropdownItem selected>炸酱面</DropdownItem>
+                <DropdownItem disabled>豆汁儿</DropdownItem>
+                <DropdownItem>冰糖葫芦</DropdownItem>
+                <DropdownItem divided>北京烤鸭</DropdownItem>
+            </DropdownMenu>
+        </Dropdown>
+        <Dropdown trigger="click">
+            <a href="javascript:void(0)">
+                下拉菜单
+                <Icon type="ios-arrow-down"></Icon>
+            </a>
+            <DropdownMenu slot="list">
+                <DropdownItem>驴打滚</DropdownItem>
+                <DropdownItem selected>炸酱面</DropdownItem>
+                <DropdownItem disabled>豆汁儿</DropdownItem>
+                <DropdownItem>冰糖葫芦</DropdownItem>
+                <DropdownItem divided>北京烤鸭</DropdownItem>
+            </DropdownMenu>
+        </Dropdown>
+        <Dropdown trigger="contextMenu">
+            <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>
+    </div>
 </template>
 <script>
     export default {

examples/routers/input-number.vue

@@ -41,8 +41,20 @@
 
 <template>
     <div>
-        <InputNumber :max="1000000000" :min="1" v-model="value1" :formatter="formatter" :parser="parser" @on-change="change" style="width: 200px"></InputNumber>
+        <!-- <InputNumber :max="1000000000" :min="1" v-model="value1" :formatter="formatter" :parser="parser" @on-change="change" style="width: 200px"></InputNumber>
         <InputNumber :max="1000000000" :min="1" v-model="value2" :formatter="formatter2" :parser="parser2" @on-change="change" style="width: 200px"></InputNumber>
+        
+        <InputNumber @on-change="change" style="width: 200px"></InputNumber>
+        
+        <InputNumber v-model="valueNull" @on-change="change" style="width: 200px"></InputNumber>
+        <InputNumber v-model="valueNull" @on-change="change" :formatter="formatter" :parser="parser" style="width: 200px"></InputNumber>
+                
+        <InputNumber v-model="value2" @on-focus="focus" style="width: 200px"></InputNumber>
+
+        <InputNumber v-model="value3" style="width: 200px" placeholder="Enter something..."></InputNumber> -->
+
+        
+        <InputNumber v-model="valueNull" style="width: 200px" :min='0' :max='10000'  :precision='2' ></InputNumber>
     </div>
 </template>
 <script>
@@ -51,6 +63,8 @@
             return {
                 value1: 1800000,
                 value2: 55,
+                value3: 100,
+                valueNull:null,
                 formatter: (value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ','),
                 parser: (value) => value.replace(/\$\s?|(,*)/g, ''),
                 formatter2: (value) => `${value}%`,
@@ -58,6 +72,9 @@
             }
         },
         methods: {
+            focus (e) {
+                e.target.select()
+            },
             change (v) {
                 console.log(v)
             }

examples/routers/input.vue

@@ -1,16 +1,165 @@
 <template>
-    <div style="width: 200px;margin: 100px;">
-        {{ value6 }}
-        <Input v-model="value5" type="textarea" placeholder="Enter something..."></Input>
-        <Input v-model="value6" type="textarea" :rows="4" placeholder="Enter something..."></Input>
+    <!--<div>-->
+        <!--<Input v-model="value" placeholder="Enter something..." style="width: 300px"></Input>-->
+        <!--<Input v-model="value11">-->
+            <!--<span slot="prepend">http://</span>-->
+            <!--<span slot="append">.com</span>-->
+        <!--</Input>-->
+        <!--<br>-->
+        <!--<Input v-model="value12">-->
+            <!--<Select v-model="select1" slot="prepend" style="width: 80px">-->
+                <!--<Option value="http">http://</Option>-->
+                <!--<Option value="https">https://</Option>-->
+            <!--</Select>-->
+            <!--<Select v-model="select2" slot="append" style="width: 70px">-->
+                <!--<Option value="com">.com</Option>-->
+                <!--<Option value="org">.org</Option>-->
+                <!--<Option value="io">.io</Option>-->
+            <!--</Select>-->
+        <!--</Input>-->
+        <!--<br>-->
+        <!--<Input v-model="value13">-->
+            <!--<Select v-model="select3" slot="prepend" style="width: 80px">-->
+                <!--<Option value="day">Day</Option>-->
+                <!--<Option value="month">Month</Option>-->
+            <!--</Select>-->
+            <!--<Button slot="append" icon="ios-search"></Button>-->
+        <!--</Input>-->
+        <!--<br>-->
+
+        <!--<Input v-model="value11" size="small">-->
+        <!--<span slot="prepend">http://</span>-->
+        <!--<span slot="append">.com</span>-->
+        <!--</Input>-->
+        <!--<br>-->
+        <!--<Input v-model="value12" size="small">-->
+        <!--<Select v-model="select1" slot="prepend" style="width: 80px">-->
+            <!--<Option value="http">http://</Option>-->
+            <!--<Option value="https">https://</Option>-->
+        <!--</Select>-->
+        <!--<Select v-model="select2" slot="append" style="width: 70px">-->
+            <!--<Option value="com">.com</Option>-->
+            <!--<Option value="org">.org</Option>-->
+            <!--<Option value="io">.io</Option>-->
+        <!--</Select>-->
+        <!--</Input>-->
+        <!--<br>-->
+        <!--<Input v-model="value13" size="small">-->
+        <!--<Select v-model="select3" slot="prepend" style="width: 80px">-->
+            <!--<Option value="day">Day</Option>-->
+            <!--<Option value="month">Month</Option>-->
+        <!--</Select>-->
+        <!--<Button slot="append" icon="ios-search"></Button>-->
+        <!--</Input>-->
+        <!--<br>-->
+
+        <!--<Input v-model="value11" size="large">-->
+        <!--<span slot="prepend">http://</span>-->
+        <!--<span slot="append">.com</span>-->
+        <!--</Input>-->
+        <!--<br>-->
+        <!--<Input v-model="value12" size="large">-->
+        <!--<Select v-model="select1" slot="prepend" style="width: 80px">-->
+            <!--<Option value="http">http://</Option>-->
+            <!--<Option value="https">https://</Option>-->
+        <!--</Select>-->
+        <!--<Select v-model="select2" slot="append" style="width: 70px">-->
+            <!--<Option value="com">.com</Option>-->
+            <!--<Option value="org">.org</Option>-->
+            <!--<Option value="io">.io</Option>-->
+        <!--</Select>-->
+        <!--</Input>-->
+        <!--<br>-->
+        <!--<Input v-model="value13" size="large">-->
+        <!--<Select v-model="select3" slot="prepend" style="width: 80px">-->
+            <!--<Option value="day">Day</Option>-->
+            <!--<Option value="month">Month</Option>-->
+        <!--</Select>-->
+        <!--<Button slot="append" icon="ios-search"></Button>-->
+        <!--</Input>-->
+        <!--<br>-->
+    <!--</div>-->
+
+    <!--<div>-->
+        <!--<Input-->
+                <!--v-model="value"-->
+                <!--size="small"-->
+                <!--prefix="ios-contact"-->
+                <!--suffix="ios-search"-->
+                <!--placeholder="Enter something..."-->
+                <!--style="width: 300px"></Input>-->
+        <!--<br>-->
+        <!--<Input-->
+                <!--v-model="value"-->
+                <!--prefix="ios-contact"-->
+                <!--suffix="ios-search"-->
+                <!--placeholder="Enter something..."-->
+                <!--style="width: 300px"></Input>-->
+        <!--<br>-->
+        <!--<Input-->
+                <!--v-model="value"-->
+                <!--size="large"-->
+                <!--prefix="ios-contact"-->
+                <!--suffix="ios-search"-->
+                <!--placeholder="Enter something..."-->
+                <!--style="width: 300px"></Input>-->
+        <!--<br><br>-->
+        <!--<Input-->
+                <!--v-model="value"-->
+                <!--size="small"-->
+                <!--icon="ios-search"-->
+                <!--placeholder="Enter something..."-->
+                <!--style="width: 300px"></Input>-->
+        <!--<br>-->
+        <!--<Input-->
+                <!--v-model="value"-->
+                <!--icon="ios-search"-->
+                <!--placeholder="Enter something..."-->
+                <!--style="width: 300px"></Input>-->
+        <!--<br>-->
+        <!--<Input-->
+                <!--v-model="value"-->
+                <!--size="large"-->
+                <!--icon="ios-search"-->
+                <!--placeholder="Enter something..."-->
+                <!--style="width: 300px"></Input>-->
+        <!--<br><br><br>-->
+        <!--<Input v-model="value" placeholder="Enter something..." style="width: 300px">-->
+            <!--<Icon type="ios-alarm-outline" slot="suffix" />-->
+            <!--<Icon type="ios-aperture" slot="prefix" />-->
+        <!--</Input>-->
+        <!--<br><br><br><br>-->
+        <!--<Input v-model="value" search enter-button style="width: 300px" @on-search="hs" size="small" />-->
+        <!--<br>-->
+        <!--<Input v-model="value" search enter-button style="width: 300px" @on-search="hs" />-->
+        <!--<br>-->
+        <!--<Input v-model="value" search enter-button style="width: 300px" @on-search="hs" size="large" />-->
+        <!--<br><br>-->
+        <!--<Input v-model="value" search style="width: 300px" @on-search="hs" />-->
+        <!--<br><br>-->
+        <!--<Input v-model="value" search enter-button="Search" style="width: 300px" @on-search="hs" />-->
+    <!--</div>-->
+    <div style="width: 200px">
+        <Input v-model="value7" type="textarea" :autosize="true" placeholder="Enter something..."></Input>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                value5: '',
-                value6: ''
+                value: '',
+                value11: '',
+                value12: '',
+                value13: '',
+                select1: 'http',
+                select2: 'com',
+                select3: 'day',
+                value7: ``
+            }
+        },
+        methods: {
+            hs (val) {
+                console.log(val);
             }
         }
     }

examples/routers/layout.vue

@@ -1,10 +1,13 @@
 <template>
     <div class="layout-demo-con">
+        <Button @click="change">修改Sider绑定的变量来控制收缩</Button>
         <Layout :style="{minHeight: '100vh'}">
             <Sider 
                 v-model="isCollapsed"
                 collapsed-width="0" 
                 hide-trigger
+                breakpoint="sm"
+                @on-collapse="changed"
                 collapsible
                 ref="side"
                 width="200">
@@ -52,6 +55,12 @@ export default {
     methods: {
         toggleCollapse () {
             this.$refs.side.toggleCollapse();
+        },
+        change () {
+            this.isCollapsed = !this.isCollapsed;
+        },
+        changed (res) {
+            console.log(res)
         }
     },
     watch: {

examples/routers/loading-bar.vue

@@ -19,11 +19,11 @@
             }
         },
         created () {
-            this.$Loading.config({
-                color: '#5cb85c',
-                failedColor: '#f0ad4e',
-                height: 5
-            });
+//            this.$Loading.config({
+//                color: '#5cb85c',
+//                failedColor: '#f0ad4e',
+//                height: 5
+//            });
         }
     }
 </script>

examples/routers/menu.vue

@@ -1,17 +1,17 @@
 <template>
-    <Menu active-name="1-2" :open-names="['1']" theme="dark">
+    <Menu active-name="1-2" :open-names="['1']">
         <Submenu name="1">
             <template slot="title">
                 <Icon type="ios-analytics"></Icon>
                 Navigation One
             </template>
             <MenuGroup title="Item 1">
-                <MenuItem name="1-1">Option 1</MenuItem>
-                <MenuItem name="1-2">Option 2</MenuItem>
+                <MenuItem name="1-1">我是菜单一</MenuItem>
+                <MenuItem name="1-2">我是菜单二</MenuItem>
             </MenuGroup>
             <MenuGroup title="Item 2">
-                <MenuItem name="1-3">Option 3</MenuItem>
-                <MenuItem name="1-4">Option 4</MenuItem>
+                <MenuItem name="1-3">我是菜单三</MenuItem>
+                <MenuItem name="1-4">我是菜单四</MenuItem>
             </MenuGroup>
         </Submenu>
         <Submenu name="2">
@@ -19,12 +19,12 @@
                 <Icon type="ios-filing"></Icon>
                 Navigation Two
             </template>
-            <MenuItem name="2-1">Option 5</MenuItem>
-            <MenuItem name="2-2">Option 6</MenuItem>
+            <MenuItem name="2-1">我是菜单五</MenuItem>
+            <MenuItem name="2-2">我是菜单六</MenuItem>
             <Submenu name="3">
                 <template slot="title">Submenu</template>
-                <MenuItem name="3-1">Option 7</MenuItem>
-                <MenuItem name="3-2">Option 8</MenuItem>
+                <MenuItem name="3-1">我是菜单七</MenuItem>
+                <MenuItem name="3-2">我是菜单八</MenuItem>
             </Submenu>
         </Submenu>
         <Submenu name="4">

examples/routers/message.vue

@@ -1,54 +1,45 @@
 <template>
     <div>
-        <i-button @click.native="info">显示普通提示</i-button>
-        <i-button @click.native="success">显示成功提示</i-button>
-        <i-button @click.native="warning">显示警告提示</i-button>
-        <i-button @click.native="error">显示错误提示</i-button>
-        <i-button @click.native="destroy">销毁提示</i-button>
+        <Button type="primary" @click="info">Display info prompt</Button>
+        <Button @click="success">Display success prompt</Button>
+        <Button @click="warning">Display warning prompt</Button>
+        <Button @click="error">Display error prompt</Button>
+        <Button @click="loading">Display loading...</Button>
+        <Button @click="closable">Display a closable message</Button>
     </div>
 </template>
 <script>
     export default {
         methods: {
             info () {
-//                this.$Message.info('这是一条普通提示');
-                this.$Message.success({
-                    content: '这是一条普通提示2',
-                    duration: 500,
-                    onClose () {
-//                        console.log(123)
-                    },
-                    closable: true,
-                    render (h) {
-                        return h('Button',{
-                            props: {
-                                type: 'primary'
-                            }
-                        }, '这是render出来的');
-                    }
-                })
-            },
-            success () {
-                this.$Message.success({
-                    content: '这是一条成功的提示',
-                    duration: 4
+                this.$Message.info({
+                    content: '这是一条普通的提示',
+                    duration: 1000
                 });
             },
+            success () {
+                this.$Message.success('This is a success tip');
+            },
             warning () {
-                this.$Message.warning('这是一条警告的提示');
+                this.$Message.warning('This is a warning tip');
             },
             error () {
-                this.$Message.error('对方不想说话，并且向你抛出了一个异常');
+                this.$Message.error('This is an error tip');
             },
-            destroy () {
-                this.$Message.destroy();
+            loading () {
+                const msg = this.$Message.loading({
+                    content: 'Loading...',
+                    duration: 0
+                });
+                setTimeout(msg, 3000);
+            },
+            closable () {
+                this.$Message.info({
+                    content: 'Tips for manual closing',
+                    duration: 1000,
+                    closable: true
+                });
             }
-        },
-        mounted () {
-//            this.$Message.config({
-//                top: 50,
-//                duration: 3
-//            });
         }
     }
 </script>

examples/routers/modal.vue

@@ -16,8 +16,7 @@
                     case 'info':
                         this.$Modal.info({
                             title: title,
-                            content: content,
-                            closable: true
+                            content: content
                         });
                         break;
                     case 'success':

examples/routers/notice.vue

@@ -1,85 +1,39 @@
 <template>
-    <div>
-        <p>带描述信息</p>
-        <Button @click="normal(false)">普通</Button>
-        <Button @click="info(false)">消息</Button>
-        <Button @click="success(false)">成功</Button>
-        <Button @click="warning(false)">警告</Button>
-        <Button @click="error(false)">错误</Button>
-        <Button @click="testRender()">render</Button>
-        <p>仅标题</p>
-        <Button @click="info(true)">消息</Button>
-        <Button @click="success(true)">成功</Button>
-        <Button @click="warning(true)">警告</Button>
-        <Button @click="error(true)">错误</Button>
-        <Button @click="destroy()">销毁</Button>
-    </div>
+    <Select v-model="model1" style="width:200px">
+        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+    </Select>
 </template>
 <script>
     export default {
-        methods: {
-            normal (nodesc) {
-                this.$Notice.open({
-                    title: 'google',
-                    duration: 0,
-                    desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
-                    render (h) {
-                        return h('span', {}, 'sdsdfsdf');
-                    }
-                });
-            },
-            info (nodesc) {
-                this.$Notice.info({
-                    // title: '这是通知标题',
-                    duration: 0,
-                    desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
-                    render (h) {
-                        return h('span', {}, 'sdsdfsdf');
-                    }
-                });
-            },
-            success () {
-                this.$Notice.success({
-                    title: '这是通知标题',
-                    desc: '当你定义了render之后，这个描述会被覆盖',
-                    render: h => {
-                        return h('span', {}, [
-                            '这是',
-                            h('Button', {props: {type: 'text'}}, 'render'),
-                            '函数渲染的'
-                        ]);
+        data () {
+            return {
+                cityList: [
+                    {
+                        value: 'New York',
+                        label: 'New York'
                     },
-                    duration: 0
-                });
-            },
-            warning (nodesc) {
-                this.$Notice.warning({
-                    title: '这是通知标题',
-                    desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
-                });
-            },
-            error (nodesc) {
-                this.$Notice.error({
-                    title: '这是通知标题',
-                    desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
-                });
-            },
-            testRender () {
-                this.$Notice.info({
-                    title: '这是通知标题',
-                    duration: 0,
-                    // desc: '当你定义了render之后，这个描述会被覆盖',
-                    render: h => {
-                        return h('span', {}, [
-                            '这是',
-                            h('Button', {props: {type: 'text'}}, 'render'),
-                            '函数渲染的'
-                        ]);
+                    {
+                        value: 'London',
+                        label: 'London'
                     },
-                });
-            },
-            destroy () {
-                this.$Notice.destroy();
+                    {
+                        value: 'Sydney',
+                        label: 'Sydney'
+                    },
+                    {
+                        value: 'Ottawa',
+                        label: 'Ottawa'
+                    },
+                    {
+                        value: 'Paris',
+                        label: 'Paris'
+                    },
+                    {
+                        value: 'Canberra',
+                        label: 'Canberra'
+                    }
+                ],
+                model1: 'Sydney'
             }
         }
     }

examples/routers/page.vue

@@ -1,10 +1,37 @@
 <template>
     <div>
-        <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
+        <Page prev-text="上一页" next-text="下一页" :total="total" show-sizer show-elevator show-total  :current.sync="current"></Page>
         {{ current }}
         <Button type="primary" @click="subject">- 1</Button>
         <Button type="primary" @click="change">Change</Button>
         <Page :current="2" :total="50" simple></Page>
+
+        <div style="margin:10px 0px">
+            <Page :total="1000"  show-sizer show-elevator show-total  :current="12"></Page>
+        </div>
+        <div style="margin:10px 0px">
+            <Page :total="1000" show-sizer show-elevator show-total  :current="12"></Page>
+        </div>
+        <div style="margin:100px 0px">
+            <Page :total="500" show-sizer show-elevator show-total  ></Page>
+        </div>
+        <div style="margin:100px 0px">
+            <Page :total="500" show-sizer show-elevator  ></Page>
+        </div>
+        <div style="margin:100px 0px">
+            <Page :total="500" show-sizer show-elevator   ></Page>
+        </div>
+        <div style="margin:10px 0px">
+            <Page :total="500" show-sizer  ></Page>
+        </div>
+        <div style="margin: 10px 0px">
+            <Page :total="40" size="small"></Page>
+            <br><br>
+            <Page :total="40" size="small" show-elevator show-sizer></Page>
+            <br><br>
+            <Page :total="40" size="small" show-total></Page>
+            <br><br>
+        </div>
     </div>
 </template>
 <script>

examples/routers/poptip.vue

@@ -1,22 +1,87 @@
 <template>
-    <div style="margin: 200px;">
-        <Poptip title="提示标题" transfer>
-            <div slot="content" style="padding: 50px">
-                <Button>click me</Button>
-            </div>
-            <Button>click 激活</Button>
-        </Poptip>
+    <div style="margin: 200px">
+        <Tabs value="name1">
+            <TabPane label="标签一" name="name1">
+                <!-- <div style="width: 200px;height:300px;overflow: auto;">
+                    <Poptip title="提示标题" content="标签一的内容" placement="left" transfer >
+                        <Button id="aaa">左边</Button>
+                    </Poptip>
+                    <Poptip title="提示标题" content="标签一的内容" placement="right" transfer>
+                        <Button id="aaa">右边</Button>
+                    </Poptip>
+                    <Poptip title="提示标题" content="标签一的内容" placement="top" transfer>
+                        <Button id="aaa">上边</Button>
+                    </Poptip>
+                    <Poptip title="提示标题" content="标签一的内容" placement="bottom" transfer>
+                        <Button id="aaa">下边</Button>
+                    </Poptip>
+                </div> -->
+                <div>
+                    <Poptip title="提示标题" content="标签一的内容">
+                        <Button id="aaa">点击显示</Button>
+                        <div slot="content">
+                            <Button @click='loadData(15)'>15条数据</Button>
+                            <Button @click='loadData(10)'>10条数据</Button>
+                            <Button @click='loadData(5)'>5条数据</Button>
+                            <Button @click='loadData(3)'>3条数据</Button>
+                            <Table :columns='columns1' :data='data1'>
+                            </Table>
+                        </div>
+                    </Poptip>
+                </div>
+            </TabPane>
+            <TabPane label="标签二" name="name2">标签二的内容</TabPane>
+        </Tabs>
     </div>
 </template>
 <script>
     export default {
-        methods: {
-            ok () {
-                this.$Message.info('点击了确定');
-            },
-            cancel () {
-                this.$Message.info('点击了取消');
+        data () {
+            return {
+                options: {
+
+                },
+                columns1:[
+                    {
+                        title: 'Data1',
+                        key: 'data1',
+                        width: 100,
+                    },
+                    {
+                        title: 'Data2',
+                        key: 'data2',
+                        width: 100
+                    },
+                    {
+                        title: 'Data3',
+                        key: 'data3',
+                        width: 100
+                    },
+                    {
+                        title: 'Data4',
+                        key: 'data4',
+                        width: 100
+                    }
+                ],
+                data1:[],
             }
+        },
+        created(){
+            this.loadData(5);
+        },
+        methods:{
+            loadData(num){
+                let data = [];
+                for (let i=0; i<num; i++) {
+                    data.push({
+                        data1:Math.random()*1000000,
+                        data2:Math.random()*100000000,
+                        data3:Math.random()*10000000000,
+                        data4:Math.random()*1000000000000,
+                    })
+                }
+                this.data1 = data
+            },
         }
     }
 </script>

examples/routers/progress.vue

@@ -1,42 +1,20 @@
 <template>
-    <div>
-        <i-progress :percent="percent"></i-progress>
-        <Button-group size="large">
-            <Button icon="ios-plus-empty" @click.native="add"></Button>
-            <Button icon="ios-minus-empty" @click.native="minus"></Button>
-        </Button-group>
-        <i-progress :percent="25" :stroke-width="5"></i-progress>
-        <i-progress :percent="100">
-            <Icon type="checkmark-circled"></Icon>
-            <span>成功</span>
-        </i-progress>
-        <i-progress :percent="percent"></i-progress>
-        <div style="height: 150px">
-            <i-progress vertical :percent="percent" :stroke-width="20" hide-info></i-progress>
-            <i-progress vertical :percent="percent"></i-progress>
-        </div>
+    <div style="height: 300px;">
+        <Progress vertical :percent="25"></Progress>
+        <Progress vertical :percent="45" status="active"></Progress>
+        <Progress vertical :percent="65" status="wrong"></Progress>
+        <Progress vertical :percent="100"></Progress>
+        <Progress vertical :percent="25" hide-info></Progress>
+
+        <Progress  :percent="25"></Progress>
+        <Progress  :percent="45" status="active"></Progress>
+        <Progress  :percent="65" status="wrong"></Progress>
+        <Progress  :percent="100"></Progress>
+        <Progress  :percent="25" hide-info></Progress>
     </div>
 </template>
 <script>
     export default {
-        data () {
-            return {
-                percent: 0
-            }
-        },
-        methods: {
-            add () {
-                if (this.percent >= 100) {
-                    return false;
-                }
-                this.percent += 10;
-            },
-            minus () {
-                if (this.percent <= 0) {
-                    return false;
-                }
-                this.percent -= 10;
-            }
-        }
+
     }
 </script>

examples/routers/rate.vue

@@ -2,6 +2,14 @@
     <div>
         <Rate v-model="value"></Rate>
         <Rate allow-half v-model="valueHalf"></Rate>
+        <Rate clearable v-model="valueClear"></Rate>
+        <Rate clearable allow-half  v-model="valueClearHalf"></Rate>
+        <Rate 
+            allow-half 
+            show-text
+            v-model="characterValue"
+            character="好"/>
+        <Rate allow-half v-model="cv" icon="ios-heart" />
         <!--<Rate show-text v-model="valueText"></Rate>-->
         <!--<Rate show-text allow-half v-model="valueCustomText">-->
             <!--<span style="color: #f5a623">{{ valueCustomText }}</span>-->
@@ -17,7 +25,11 @@
                 valueHalf: 2.5,
                 valueText: 3,
                 valueCustomText: 4.0,
-                valueDisabled: 2.4
+                valueDisabled: 2.4,
+                valueClear: 1,
+                valueClearHalf: 1.5,
+                characterValue: 2.5,
+                cv: 3.5
             }
         }
     }

examples/routers/select.vue

@@ -1,728 +1,10 @@
-<!--<template>-->
-<!--<div>-->
-<!--{{ model10 }} - -->
-<!--{{ model11 }}-->
-<!--<Select v-model="model10" style="width:260px">-->
-<!--<Option v-for="(item, index) in cityList" :value="item.value" :key="index">{{ item.label }}</Option>-->
-<!--</Select>-->
-<!--<Select v-model="model11" style="width:260px">-->
-<!--<Option v-for="(item, index) in cityList" :value="item.value" :key="index">{{ item.label }}</Option>-->
-<!--</Select>-->
-<!--</div>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
-<!--data () {-->
-<!--return {-->
-<!--cityList: [],-->
-<!--model10: '',-->
-<!--model11: '',-->
-<!--model12: ''-->
-<!--}-->
-<!--},-->
-<!--mounted () {-->
-<!--setTimeout(() => {-->
-<!--this.cityList = [-->
-<!--{-->
-<!--value: 'beijing',-->
-<!--label: '北京市'-->
-<!--},-->
-<!--{-->
-<!--value: 'shanghai',-->
-<!--label: '上海市'-->
-<!--},-->
-<!--{-->
-<!--value: 'shenzhen',-->
-<!--label: '深圳市'-->
-<!--},-->
-<!--{-->
-<!--value: 'hangzhou',-->
-<!--label: '杭州市'-->
-<!--},-->
-<!--{-->
-<!--value: 'nanjing',-->
-<!--label: '南京市'-->
-<!--},-->
-<!--{-->
-<!--value: 'chongqing',-->
-<!--label: '重庆市'-->
-<!--}-->
-<!--];-->
-<!--}, 1000);-->
-<!--}-->
-<!--}-->
-<!--</script>-->
-
-<!--<template>-->
-<!--<div>-->
-<!--<Select v-model="value">-->
-<!--<Option v-for="item in list" :value="item.value" :label="item.label" :key="item.value"></Option>-->
-<!--</Select>-->
-<!--<Button @click="setList">set list</Button>-->
-<!--</div>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
-<!--data () {-->
-<!--return {-->
-<!--value: '',-->
-<!--list: []-->
-<!--}-->
-<!--},-->
-<!--methods: {-->
-<!--setList () {-->
-<!--let list = [];-->
-<!--for (let i = 0; i < 400; i++) {-->
-<!--list.push({-->
-<!--value: 'value' + i,-->
-<!--label: 'label' + i-->
-<!--});-->
-<!--}-->
-<!--this.list = list;-->
-<!--}-->
-<!--}-->
-<!--}-->
-<!--</script>-->
-
-<!--<template>-->
-<!--<div style="width: 400px;margin: 50px;">-->
-<!--<div>data: {{ model13 }}</div>-->
-<!--<Row>-->
-<!--<Col span="12" style="padding-right:10px">-->
-<!--<Select-->
-<!--size="small"-->
-<!--placeholder="提示提示"-->
-<!--v-model="model13"-->
-<!--filterable-->
-<!--remote-->
-<!--transfer-->
-<!--:remote-method="remoteMethod1"-->
-<!--:loading="loading1">-->
-<!--<Option v-for="(option, index) in options1" :value="option.value" :key="index">{{option.label}}</Option>-->
-<!--</Select>-->
-<!--</Col>-->
-<!--<Col span="12">-->
-<!--<Select-->
-<!--v-model="model14"-->
-<!--multiple-->
-<!--filterable-->
-<!--remote-->
-<!--:remote-method="remoteMethod2"-->
-<!--:loading="loading2">-->
-<!--<Option v-for="(option, index) in options2" :value="option.value" :key="index">{{option.label}}</Option>-->
-<!--</Select>-->
-<!--</Col>-->
-<!--</Row>-->
-<!--</div>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
-<!--data () {-->
-<!--return {-->
-<!--model13: '',-->
-<!--loading1: false,-->
-<!--options1: [],-->
-<!--model14: [],-->
-<!--loading2: false,-->
-<!--options2: [],-->
-<!--list: ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New hampshire', 'New jersey', 'New mexico', 'New york', 'North carolina', 'North dakota', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode island', 'South carolina', 'South dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West virginia', 'Wisconsin', 'Wyoming']-->
-<!--}-->
-<!--},-->
-<!--methods: {-->
-<!--remoteMethod1 (query) {-->
-<!--if (query !== '') {-->
-<!--this.loading1 = true;-->
-<!--setTimeout(() => {-->
-<!--this.loading1 = false;-->
-<!--const list = this.list.map(item => {-->
-<!--return {-->
-<!--value: item,-->
-<!--label: item-->
-<!--};-->
-<!--});-->
-<!--this.options1 = list.filter(item => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
-<!--}, 200);-->
-<!--} else {-->
-<!--this.options1 = [];-->
-<!--}-->
-<!--},-->
-<!--remoteMethod2 (query) {-->
-<!--if (query !== '') {-->
-<!--this.loading2 = true;-->
-<!--setTimeout(() => {-->
-<!--this.loading2 = false;-->
-<!--const list = this.list.map(item => {-->
-<!--return {-->
-<!--value: item,-->
-<!--label: item-->
-<!--};-->
-<!--});-->
-<!--this.options2 = list.filter(item => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
-<!--}, 200);-->
-<!--} else {-->
-<!--this.options2 = [];-->
-<!--}-->
-<!--}-->
-<!--}-->
-<!--}-->
-<!--</script>-->
-
-<!--<template>-->
-<!--<div style="width: 300px">-->
-<!--<Select-->
-<!--v-model="model14"-->
-<!--multiple-->
-<!--filterable-->
-<!--remote-->
-<!--:remote-method="remoteMethod2"-->
-<!--:loading="loading2">-->
-<!--<Option v-for="(option, index) in options2" :value="option.value" :key="index">{{option.label}}</Option>-->
-<!--</Select>-->
-<!--</div>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
-<!--data () {-->
-<!--return {-->
-<!--model13: '',-->
-<!--loading1: false,-->
-<!--options1: [],-->
-<!--model14: [],-->
-<!--loading2: false,-->
-<!--options2: [],-->
-<!--list: ['a', 'b', 'c']-->
-<!--}-->
-<!--},-->
-<!--methods: {-->
-<!--remoteMethod2 (query) {-->
-<!--if (query !== '') {-->
-<!--this.loading2 = true;-->
-<!--setTimeout(() => {-->
-<!--this.loading2 = false;-->
-<!--const list = this.list.map(item => {-->
-<!--return {-->
-<!--value: item,-->
-<!--label: item-->
-<!--};-->
-<!--});-->
-<!--this.options2 = list.filter(item => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
-<!--}, 200);-->
-<!--} else {-->
-<!--this.options2 = [];-->
-<!--}-->
-<!--}-->
-<!--}-->
-<!--}-->
-<!--</script>-->
-
-
-<!--<template>-->
-<!--<Row>-->
-<!--<Col span="12" style="padding-right:10px">-->
-<!--<Select-->
-<!--v-model="model13"-->
-<!--filterable-->
-<!--remote-->
-<!--:remote-method="remoteMethod1"-->
-<!--:loading="loading1">-->
-<!--<Option v-for="(option, index) in options1" :value="option.value" :key="index">{{option.label}}</Option>-->
-<!--</Select>-->
-<!--</Col>-->
-<!--<Col span="12">-->
-<!--<Select-->
-<!--v-model="model14"-->
-<!--multiple-->
-<!--filterable-->
-<!--remote-->
-<!--:remote-method="remoteMethod2"-->
-<!--:loading="loading2">-->
-<!--<Option v-for="(option, index) in options2" :value="option.value" :key="index">{{option.label}}</Option>-->
-<!--</Select>-->
-<!--</Col>-->
-<!--</Row>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
-<!--data () {-->
-<!--return {-->
-<!--model13: '',-->
-<!--loading1: false,-->
-<!--options1: [],-->
-<!--model14: [],-->
-<!--loading2: false,-->
-<!--options2: [],-->
-<!--list: ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New hampshire', 'New jersey', 'New mexico', 'New york', 'North carolina', 'North dakota', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode island', 'South carolina', 'South dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West virginia', 'Wisconsin', 'Wyoming']-->
-<!--}-->
-<!--},-->
-<!--methods: {-->
-<!--remoteMethod1 (query) {-->
-<!--if (query !== '') {-->
-<!--this.loading1 = true;-->
-<!--setTimeout(() => {-->
-<!--this.loading1 = false;-->
-<!--const list = this.list.map(item => {-->
-<!--return {-->
-<!--value: item,-->
-<!--label: item-->
-<!--};-->
-<!--});-->
-<!--this.options1 = list.filter(item => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
-<!--}, 200);-->
-<!--} else {-->
-<!--this.options1 = [];-->
-<!--}-->
-<!--},-->
-<!--remoteMethod2 (query) {-->
-<!--if (query !== '') {-->
-<!--this.loading2 = true;-->
-<!--setTimeout(() => {-->
-<!--this.loading2 = false;-->
-<!--const list = this.list.map(item => {-->
-<!--return {-->
-<!--value: item,-->
-<!--label: item-->
-<!--};-->
-<!--});-->
-<!--this.options2 = list.filter(item => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
-<!--}, 200);-->
-<!--} else {-->
-<!--this.options2 = [];-->
-<!--}-->
-<!--}-->
-<!--}-->
-<!--}-->
-<!--</script>-->
-
-<!--<template>-->
-    <!--<div id="app">-->
-        <!--<input><br>-->
-        <!--<i-select-->
-            <!--v-model="model1"-->
-            <!--style="width:200px"-->
-        <!--&gt;-->
-            <!--<i-option-->
-                <!--v-for="item in cityList"-->
-                <!--:value="item.value"-->
-                <!--:key="item.value"-->
-            <!--&gt;{{item.label}}</i-option>-->
-        <!--</i-select>-->
-        <!--<br>-->
-        <!--<i-select-->
-            <!--v-model="model2"-->
-            <!--size="small"-->
-            <!--style="width:100px"-->
-        <!--&gt;-->
-            <!--<i-option-->
-                <!--v-for="item in cityList"-->
-                <!--:value="item.value"-->
-                <!--:key="item.value"-->
-            <!--&gt;{{item.label}}</i-option>-->
-        <!--</i-select>-->
-        <!--<i-select-->
-            <!--v-model="model3"-->
-            <!--style="width:100px"-->
-        <!--&gt;-->
-            <!--<i-option-->
-                <!--v-for="item in cityList"-->
-                <!--:value="item.value"-->
-                <!--:key="item.value"-->
-            <!--&gt;{{item.label}}</i-option>-->
-        <!--</i-select>-->
-        <!--<i-select-->
-            <!--v-model="model4"-->
-            <!--size="large"-->
-            <!--style="width:100px"-->
-        <!--&gt;-->
-            <!--<i-option-->
-                <!--v-for="item in cityList"-->
-                <!--:value="item.value"-->
-                <!--:key="item.value"-->
-            <!--&gt;{{item.label}}</i-option>-->
-        <!--</i-select>-->
-        <!--<br>-->
-        <!--<i-select-->
-            <!--v-model="model5"-->
-            <!--disabled-->
-            <!--style="width:200px"-->
-        <!--&gt;-->
-            <!--<i-option-->
-                <!--v-for="item in cityList"-->
-                <!--:value="item.value"-->
-                <!--:key="item.value"-->
-            <!--&gt;{{item.label}}</i-option>-->
-        <!--</i-select>-->
-        <!--<i-select-->
-            <!--v-model="model6"-->
-            <!--style="width:200px"-->
-        <!--&gt;-->
-            <!--<i-option value="beijing">New York</i-option>-->
-            <!--<i-option value="shanghai" disabled>London</i-option>-->
-            <!--<i-option value="shenzhen">Sydney</i-option>-->
-        <!--</i-select>-->
-        <!--<br>-->
-        <!--<i-select-->
-            <!--v-model="model8"-->
-            <!--clearable-->
-            <!--style="width:200px"-->
-        <!--&gt;-->
-            <!--<i-option-->
-                <!--v-for="item in cityList"-->
-                <!--:value="item.value"-->
-                <!--:key="item.value"-->
-            <!--&gt;{{item.label}}</i-option>-->
-        <!--</i-select>-->
-        <!--<br>-->
-        <!--<i-select-->
-            <!--v-model="model7"-->
-            <!--style="width:200px"-->
-        <!--&gt;-->
-            <!--<option-group label="Hot Cities">-->
-                <!--<i-option-->
-                    <!--v-for="item in cityList1"-->
-                    <!--:value="item.value"-->
-                    <!--:key="item.value"-->
-                <!--&gt;{{item.label}}</i-option>-->
-            <!--</option-group>-->
-            <!--<option-group label="Other Cities">-->
-                <!--<i-option-->
-                    <!--v-for="item in cityList2"-->
-                    <!--:value="item.value"-->
-                    <!--:key="item.value"-->
-                <!--&gt;{{item.label}}</i-option>-->
-            <!--</option-group>-->
-        <!--</i-select>-->
-        <!--<br>-->
-        <!--<i-select-->
-            <!--v-model="model9"-->
-            <!--style="width:200px"-->
-        <!--&gt;-->
-            <!--<i-option value="New York" label="New York">-->
-                <!--<span>New York</span>-->
-                <!--<span style="float:right;color:#ccc">America</span>-->
-            <!--</i-option>-->
-            <!--<i-option value="London" label="London">-->
-                <!--<span>London</span>-->
-                <!--<span style="float:right;color:#ccc">U.K.</span>-->
-            <!--</i-option>-->
-            <!--<i-option value="Sydney" label="Sydney">-->
-                <!--<span>Sydney</span>-->
-                <!--<span style="float:right;color:#ccc">Australian</span>-->
-            <!--</i-option>-->
-        <!--</i-select>-->
-        <!--<br>-->
-        <!--<div>here</div>-->
-        <!--<i-select-->
-            <!--v-model="model10"-->
-            <!--multiple-->
-            <!--style="width:260px"-->
-        <!--&gt;-->
-            <!--<i-option-->
-                <!--v-for="item in cityList"-->
-                <!--:value="item.value"-->
-                <!--:key="item.value"-->
-            <!--&gt;{{item.label}}</i-option>-->
-        <!--</i-select>-->
-        <!--<br>-->
-        <!--<row>-->
-            <!--<i-col-->
-                <!--span="12"-->
-                <!--style="padding-right:10px"-->
-            <!--&gt;-->
-                <!--<i-select-->
-                    <!--v-model="model11"-->
-                    <!--filterable-->
-                <!--&gt;-->
-                    <!--<i-option-->
-                        <!--v-for="item in cityList"-->
-                        <!--:value="item.value"-->
-                        <!--:key="item.value"-->
-                    <!--&gt;{{item.label}}</i-option>-->
-                <!--</i-select>-->
-            <!--</i-col>-->
-            <!--<i-col span="12">-->
-                <!--<i-select-->
-                    <!--v-model="model12"-->
-                    <!--filterable-->
-                    <!--multiple-->
-                <!--&gt;-->
-                    <!--<i-option-->
-                        <!--v-for="item in cityList"-->
-                        <!--:value="item.value"-->
-                        <!--:key="item.value"-->
-                    <!--&gt;{{item.label}}</i-option>-->
-                <!--</i-select>-->
-            <!--</i-col>-->
-        <!--</row>-->
-        <!--<br>-->
-        <!--<row>-->
-            <!--<i-col-->
-                <!--span="12"-->
-                <!--style="padding-right:10px"-->
-            <!--&gt;-->
-                <!--<i-select-->
-                    <!--v-model="model13"-->
-                    <!--filterable-->
-                    <!--remote-->
-                    <!--clearable-->
-                    <!--:remote-method="remoteMethod1"-->
-                    <!--:loading="loading1"-->
-                <!--&gt;-->
-                    <!--<i-option-->
-                        <!--v-for="(option, index) in options1"-->
-                        <!--:value="option.value"-->
-                        <!--:key="index"-->
-                    <!--&gt;{{option.label}}</i-option>-->
-                <!--</i-select>-->
-            <!--</i-col>-->
-            <!--<i-col span="12">-->
-                <!--<i-select-->
-                    <!--v-model="model14"-->
-                    <!--multiple-->
-                    <!--filterable-->
-                    <!--remote-->
-                    <!--clearable-->
-                    <!--:remote-method="remoteMethod2"-->
-                    <!--:loading="loading2">-->
-                    <!--<i-option-->
-                        <!--v-for="(option, index) in options2"-->
-                        <!--:value="option.value"-->
-                        <!--:key="index"-->
-                    <!--&gt;{{option.label}}</i-option>-->
-                <!--</i-select>-->
-            <!--</i-col>-->
-        <!--</row>-->
-    <!--</div>-->
-<!--</template>-->
-
-<!--<script>-->
-    <!--export default {-->
-        <!--data(){-->
-            <!--return {-->
-                <!--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',-->
-                    <!--},-->
-                <!--],-->
-                <!--cityList1: [-->
-                    <!--{-->
-                        <!--value: 'New York',-->
-                        <!--label: 'New York',-->
-                    <!--},-->
-                    <!--{-->
-                        <!--value: 'London',-->
-                        <!--label: 'London',-->
-                    <!--},-->
-                    <!--{-->
-                        <!--value: 'Sydney',-->
-                        <!--label: 'Sydney',-->
-                    <!--},-->
-                <!--],-->
-                <!--cityList2: [-->
-                    <!--{-->
-                        <!--value: 'Ottawa',-->
-                        <!--label: 'Ottawa',-->
-                    <!--},-->
-                    <!--{-->
-                        <!--value: 'Paris',-->
-                        <!--label: 'Paris',-->
-                    <!--},-->
-                    <!--{-->
-                        <!--value: 'Canberra',-->
-                        <!--label: 'Canberra',-->
-                    <!--},-->
-                <!--],-->
-                <!--model1: '',-->
-                <!--model2: '',-->
-                <!--model3: '',-->
-                <!--model4: '',-->
-                <!--model5: '',-->
-                <!--model6: '',-->
-                <!--model7: '',-->
-                <!--model8: '',-->
-                <!--model9: '',-->
-                <!--model10: [],-->
-                <!--model11: '',-->
-                <!--model12: [],-->
-                <!--model13: '',-->
-                <!--loading1: false,-->
-                <!--options1: [],-->
-                <!--model14: [],-->
-                <!--loading2: false,-->
-                <!--options2: [],-->
-                <!--list: [-->
-                    <!--'Alabama',-->
-                    <!--'Alaska',-->
-                    <!--'Arizona',-->
-                    <!--'Arkansas',-->
-                    <!--'California',-->
-                    <!--'Colorado',-->
-                    <!--'Connecticut',-->
-                    <!--'Delaware',-->
-                    <!--'Florida',-->
-                    <!--'Georgia',-->
-                    <!--'Hawaii',-->
-                    <!--'Idaho',-->
-                    <!--'Illinois',-->
-                    <!--'Indiana',-->
-                    <!--'Iowa',-->
-                    <!--'Kansas',-->
-                    <!--'Kentucky',-->
-                    <!--'Louisiana',-->
-                    <!--'Maine',-->
-                    <!--'Maryland',-->
-                    <!--'Massachusetts',-->
-                    <!--'Michigan',-->
-                    <!--'Minnesota',-->
-                    <!--'Mississippi',-->
-                    <!--'Missouri',-->
-                    <!--'Montana',-->
-                    <!--'Nebraska',-->
-                    <!--'Nevada',-->
-                    <!--'New hampshire',-->
-                    <!--'New jersey',-->
-                    <!--'New mexico',-->
-                    <!--'New york',-->
-                    <!--'North carolina',-->
-                    <!--'North dakota',-->
-                    <!--'Ohio',-->
-                    <!--'Oklahoma',-->
-                    <!--'Oregon',-->
-                    <!--'Pennsylvania',-->
-                    <!--'Rhode island',-->
-                    <!--'South carolina',-->
-                    <!--'South dakota',-->
-                    <!--'Tennessee',-->
-                    <!--'Texas',-->
-                    <!--'Utah',-->
-                    <!--'Vermont',-->
-                    <!--'Virginia',-->
-                    <!--'Washington',-->
-                    <!--'West virginia',-->
-                    <!--'Wisconsin',-->
-                    <!--'Wyoming',-->
-                <!--],-->
-            <!--};-->
-        <!--},-->
-
-        <!--methods: {-->
-            <!--remoteMethod1(query){-->
-                <!--if (query !== '') {-->
-                    <!--this.loading1 = true;-->
-
-                    <!--setTimeout(() => {-->
-                        <!--this.loading1 = false;-->
-
-                        <!--const list = this.list.map(item => ({-->
-                            <!--value: item,-->
-                            <!--label: item,-->
-                        <!--}));-->
-
-                        <!--this.options1 = list-->
-                            <!--.filter(item => item.label.toLowerCase().includes(query.toLowerCase()));-->
-                    <!--}, 1500);-->
-                <!--} else {-->
-                    <!--this.options1 = [];-->
-                <!--}-->
-            <!--},-->
-            <!--remoteMethod2(query){-->
-                <!--if (query !== '') {-->
-                    <!--this.loading2 = true;-->
-
-                    <!--setTimeout(() => {-->
-                        <!--this.loading2 = false;-->
-
-                        <!--const list = this.list.map(item => ({-->
-                            <!--value: item,-->
-                            <!--label: item,-->
-                        <!--}));-->
-
-                        <!--this.options2 = list-->
-                            <!--.filter(item => item.label.toLowerCase().includes(query.toLowerCase()));-->
-                    <!--}, 200);-->
-                <!--} else {-->
-                    <!--this.options2 = [];-->
-                <!--}-->
-            <!--},-->
-        <!--},-->
-    <!--};-->
-<!--</script>-->
-
-
 <template>
     <div>
-        <Select v-model="model1" size="small" style="width:200px;">
-            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
-        </Select>
-        <Select v-model="model10" size="small" multiple style="width:260px">
-            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
-        </Select>
-
-        <br><br>
-
-        <Select v-model="model1" size="large" style="width:200px">
-            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
-        </Select>
-        <Select v-model="model10" size="large" multiple style="width:260px">
-            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
-        </Select>
-
-        <br><br>
-
         <Select v-model="model1" style="width:200px">
             <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
         </Select>
-        <Select v-model="model11" multiple style="width:260px">
-            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
-        </Select>
-        <Select v-model="model10" multiple style="width:260px">
-            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
-        </Select>
 
-        <br><br>
-        
-        <br><br>
-        
-        <br><br>
-        <br><br>
-        <br><br>
-        <br><br>
-        <br><br>
-        <br><br>
-        <Select v-model="model10" multiple style="width:260px">
-            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
-        </Select>
-        <br><br>
-        
-        <br><br>
-        
-        <br><br>
-        <br><br>
-        <br><br>
-        <br><br>
-        <br><br>
-        <br><br>
-        <Select v-model="model10" multiple style="width:260px">
+        <Select v-model="model2" multiple style="width:200px">
             <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
         </Select>
     </div>
@@ -737,8 +19,8 @@
                         label: 'New York'
                     },
                     {
-                        value: '中国',
-                        label: '中国'
+                        value: 'London',
+                        label: 'London'
                     },
                     {
                         value: 'Sydney',
@@ -758,8 +40,7 @@
                     }
                 ],
                 model1: '',
-                model10: [],
-                model11: []
+                model2: []
             }
         }
     }

examples/routers/split.vue

@@ -0,0 +1,90 @@
+<template>
+    <div>
+        <div class="demo-split">
+            <Split v-model="split1">
+                <div slot="left" class="demo-split-pane">
+                    左边面板
+                </div>
+                <div slot="right" class="demo-split-pane">
+                    右边面板
+                </div>
+            </Split>
+        </div>
+        <div class="demo-split">
+            <Split v-model="split1" mode="vertical">
+                <div slot="left" class="demo-split-pane">
+                    左边面板
+                </div>
+                <div slot="right" class="demo-split-pane">
+                    右边面板
+                </div>
+            </Split>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'split_pane_page',
+        data () {
+            return {
+                offset: 0.6,
+                offsetVertical: '250px',
+                split1: 0.5
+            }
+        },
+        methods: {
+            handleMoving (e) {
+                console.log(e.atMin, e.atMax)
+            }
+        }
+    }
+</script>
+
+<style lang="less">
+    .center-middle {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    .split-pane-page-wrapper {
+        height: 600px;
+        .pane {
+            width: 100%;
+            height: 100%;
+            &.left-pane {
+                background: sandybrown;
+            }
+            &.right-pane {
+                background: palevioletred;
+            }
+            &.top-pane {
+                background: sandybrown;
+            }
+            &.bottom-pane {
+                background: palevioletred;
+            }
+        }
+        .custom-trigger {
+            width: 20px;
+            height: 20px;
+            border-radius: 50%;
+            background: #fff;
+            position: absolute;
+            .center-middle;
+            box-shadow: 0 0 6px 0 rgba(28, 36, 56, 0.4);
+            cursor: row-resize;
+            i.trigger-icon {
+                .center-middle;
+            }
+        }
+    }
+</style>
+<style>
+    .demo-split{
+        height: 300px;
+        border: 1px solid #dddee1;
+    }
+</style>

examples/routers/switch.vue

@@ -1,18 +1,46 @@
 <template>
     <div>
-        <i-switch v-model="m1" true-value="yes" false-value="no">
+        <i-switch v-model="m1" :loading="loading">
             <span slot="open">开</span>
             <span slot="close">关</span>
         </i-switch>
         {{ m1 }}
-        <div @click="m1 = 'no'">toggle</div>
+        <div @click="m1 = !m1">toggle</div>
+        <div @click="loading = !loading">loading</div>
+        <br><br>
+        <i-switch size="large" loading></i-switch>
+        <i-switch></i-switch>
+        <i-switch size="small" v-model="m1" :loading="loading"></i-switch>
+        <br><br>
+        <i-switch>
+            <span slot="open">开</span>
+            <span slot="close">关</span>
+        </i-switch>
+        <i-switch>
+            <Icon type="md-checkmark" slot="open"></Icon>
+            <Icon type="md-close" slot="close"></Icon>
+        </i-switch>
+        <br><br>
+        <i-switch size="large">
+            <span slot="open">开启</span>
+            <span slot="close">关闭</span>
+        </i-switch>
+        <i-switch size="large" v-model="m1" :loading="loading">
+            <span slot="open">ON</span>
+            <span slot="close">OFF</span>
+        </i-switch>
+        <br><br>
+        <i-switch :disabled="disabled"></i-switch>
+        <Button type="primary" @click="disabled = !disabled">Toggle Disabled</Button>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                m1: 'yes'
+                m1: true,
+                disabled: true,
+                loading: false
             }
         },
         methods: {

examples/routers/table.vue

@@ -1,21 +1,21 @@
 <template>
     <div>
-        <Table border ref="selection" :columns="columns4" :data="data1"></Table>
-        <Button @click="handleSetData">Set Data</Button>
-        <Button @click="handleClearData">Clear Data</Button>
-        <Button @click="handleSelectAll(true)">Set all selected</Button>
-        <Button @click="handleSelectAll(false)">Cancel all selected</Button>
+        <Table ref="currentRowTable" :columns="columns3" :data="data1"></Table>
+        <Button @click="handleClearCurrentRow">Clear</Button>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                columns4: [
+                columns3: [
                     {
-                        type: 'selection',
+                        type: 'index',
                         width: 60,
-                        align: 'center'
+                        align: 'center',
+                        indexMethod (row) {
+                            return row._index;
+                        }
                     },
                     {
                         title: 'Name',
@@ -27,30 +27,21 @@
                     },
                     {
                         title: 'Address',
-                        key: 'address'
+                        key: 'address',
+                        tooltip: true
                     }
                 ],
                 data1: [
-
-                ]
-            }
-        },
-        methods: {
-            handleSelectAll (status) {
-                this.$refs.selection.selectAll(status);
-            },
-            handleSetData () {
-                this.data1 = [
                     {
                         name: 'John Brown',
                         age: 18,
-                        address: 'New York No. 1 Lake Park',
+                        address: '自定义渲染列，使用 Vue 的 Render 函数。传入两个参数，第一个是 h，第二个为对象，包含 row、column 和 index，分别指当前行数据，当前列数据，当前行索引，详见示例。自定义渲染列，使用 Vue 的 Render 函数。传入两个参数，第一个是 h，第二个为对象，包含 row、column 和 index，分别指当前行数据，当前列数据，当前行索引，详见示例。自定义渲染列，使用 Vue 的 Render 函数。传入两个参数，第一个是 h，第二个为对象，包含 row、column 和 index，分别指当前行数据，当前列数据，当前行索引，详见示例。',
                         date: '2016-10-03'
                     },
                     {
                         name: 'Jim Green',
                         age: 24,
-                        address: 'London No. 1 Lake Park',
+                        address: 'London No. 1 Lake Park自定义渲染列，使用 Vue 的 Render 函',
                         date: '2016-10-01'
                     },
                     {
@@ -65,10 +56,12 @@
                         address: 'Ottawa No. 2 Lake Park',
                         date: '2016-10-04'
                     }
-                ];
-            },
-            handleClearData () {
-                this.data1 = [];
+                ]
+            }
+        },
+        methods: {
+            handleClearCurrentRow () {
+                this.$refs.currentRowTable.clearCurrentRow();
             }
         }
     }

examples/routers/tabs.vue

@@ -158,21 +158,57 @@
 <!--</script>-->
 
 <template>
-    <Tabs type="card">
-        <TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab">标签{{ tab }}</TabPane>
+    <div>
+        <i-input></i-input>
         <Button type="ghost" @click="handleTabsAdd" size="small" slot="extra">增加</Button>
-    </Tabs>
+
+        <hr style="margin: 10px 0;">
+        <Tabs type="card">
+            <TabPane v-for="tab in tabs" :key="tab" :label="'Tab' + tab">
+                <div>
+                    <h3>Some text...</h3>
+                    <i-button>Some focusable content...{{ tab }}</i-button>
+                </div>
+            </TabPane>
+        </Tabs>
+        <Tabs type="card">
+            <TabPane label="标签一">标签一的内容</TabPane>
+            <TabPane label="标签二" disabled>标签二的内容</TabPane>
+            <TabPane label="标签三">标签三的内容</TabPane>
+        </Tabs>
+        <tabs v-model="name" type="card" @on-click="handleClick">
+            <tab-pane name="a" label="标签一">
+                <div>1</div>
+            </tab-pane>
+            <tab-pane name="b" label="标签二">
+                <div>2</div>
+            </tab-pane>
+            <tab-pane name="c" label="标签三">
+                <div>3</div>
+            </tab-pane>
+            <tab-pane name="d" label="标签四">
+                <div>4</div>
+            </tab-pane>
+            <tab-pane name="e" label="标签五">
+                <div>5</div>
+            </tab-pane>
+        </tabs>
+    </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                tabs: 2
+                tabs: 2,
+                name: 'b',
             }
         },
         methods: {
             handleTabsAdd () {
                 this.tabs ++;
+            },
+            handleClick (name) {
+                console.log(name);
             }
         }
     }