From 7606e5c3ebf704aee4b7f3aadcf45d9a2c0c4e88 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Tue, 3 Sep 2024 10:34:06 +0800
Subject: [PATCH 01/47] 22

---
 packages/agInput/src/index.vue               | 69 +++++-----------
 packages/agMultifunctionSearch/src/index.vue | 84 ++++++++++----------
 packages/agSelect/src/index.vue              | 30 ++++---
 src/App.vue                                  | 33 ++++----
 4 files changed, 93 insertions(+), 123 deletions(-)

diff --git a/packages/agInput/src/index.vue b/packages/agInput/src/index.vue
index e2d8eb2..f214265 100644
--- a/packages/agInput/src/index.vue
+++ b/packages/agInput/src/index.vue
@@ -1,23 +1,18 @@
 <template>
   <el-input
     class="ag_input"
-    size="small"
-    :style="{ width }"
-    v-on="Listeners"
-    v-bind="attrs"
+    size="small" 
+    ref="apinputref"
+    :style="{ width }" 
+    v-bind="$attrs"
+    v-on="$listeners" 
+   
   >
-    <slot name="append" slot="append" />
-    <slot name="prefix" slot="prefix" />
-    <slot name="suffix" slot="suffix" />
-    <slot name="prepend" slot="prepend" />
+  <slot v-for="(_,name) in $slots" :name="name"  :slot="name"> </slot> 
   </el-input>
 </template>
   
-  <script>
-/**
- * WInput
- * @desc    处理输入的输入框(转大写，不能有中文空格等)
- */
+  <script> 
 export default {
   name: "agInput",
   props: {
@@ -30,42 +25,22 @@ export default {
       default: false,
     },
   },
-  computed: {
-    attrs() {
-      return {
-        size: "small",
-        clearable: true, // 默认清空
-        ...this.$attrs,
-      };
-    },
-    // 所有父级事件
-    Listeners() {
-      return Object.assign(
-        {},
-        // 我们从父级添加所有的监听器
-        this.$listeners,
-        // 然后我们添加自定义监听器，
-        // 或覆写一些监听器的行为
-        {
-          // 这里确保组件配合 `v-model` 的工作
-          input: (value) => {
-            this.$emit("change", this.toUpperCase ? value.toUpperCase() : value);
-          },
-          blur: (e) => {
-            let value = e.target.value
-              .trim()
-              .replace(/\s/g, (match) =>
-                match.charCodeAt(0) === 12288 ? String.fromCharCode(32) : match
-              );
-
-            // 失去焦点自动首位去空格
-            this.$emit("change", value);
-          },
-        }
-      );
+   
+  watch:{
+    $attrs:function(val){
+      console.log(val,'attrsattrs'); 
     },
   },
-  mounted() {},
+
+  mounted(){  
+    if(this.$refs.apinputref){
+      for(const key in this.$refs.apinputref){ 
+        if(!this[key]&&key!='value'){
+          this[key]=this.$refs.apinputref[key];
+        } 
+     }
+    } 
+  },
 };
 </script>
   
diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
index 8ff5fb8..5f1e832 100644
--- a/packages/agMultifunctionSearch/src/index.vue
+++ b/packages/agMultifunctionSearch/src/index.vue
@@ -1,24 +1,24 @@
 <template>
   <div class="ag-MultifunctionSearch">
-    <ag-select
-      slot="prepend"
-      :clearable="false"
-      placeholder="请选择"
-      :value="value[0]"
-      v-bind="config.select"
+    <ag-select 
+      v-bind="$attrs"
+      v-on="listeners"
+      :value="values&&values[0]" 
       @change="onSelect"
       class="ag_select_group"
        :style="{ width: `${swidth}px` }"
     > 
-    </ag-select> 
+    </ag-select>   
     <ag-input
      v-if="!showExtra"
-      class="ag_input_group"
-      placeholder="请输入内容"
+      class="ag_input_group" 
+      placeholder="请输入内容" 
+      :disabled="$attrs.disabled||imeipopover"  
+       v-bind="$attrs"
+        v-on="listeners"
       :value="value[1]"
-      :disabled="config.input.disabled||imeipopover"
-      v-bind="config.input"
-      @change="onInputChange"
+      @input="onInputChange"
+     
     > 
     </ag-input>
     <el-popover 
@@ -32,11 +32,12 @@
  <template slot="reference"> 
   <ag-input
   class="ag_input_group"
-  placeholder="请输入内容" 
-  :value="value[1]"
-  :disabled="config.input.disabled||imeipopover"
-  v-bind="config.input"
-  @change="onInputChange"
+  placeholder="请输入内容"   
+  :disabled="$attrs.disabled||imeipopover" 
+  v-bind="$attrs"
+  v-on="listeners"
+   :value="value&&value[1]"
+  @input="onInputChange"
 >
 <template slot="suffix" v-if="showExtra">
   <i 
@@ -48,10 +49,10 @@
 </template>
 </ag-input>
  </template>
-    <el-input
-      v-model="value[1]"
+    <el-input 
       type="textarea"
       :rows="12"
+      :value="value&&value[1]"
       placeholder="一行一项，最多支持200行"
       resize="none"
       border="none"
@@ -98,7 +99,7 @@ export default {
     value: {
       type: Array,
       default: () => {
-        return [null, null];
+        return [null, ''];
       },
     },
     options: {
@@ -114,35 +115,21 @@ export default {
   },
   data() {
     return {
-      values: [null, null],
+      values: [null, ""],
       swidth:90,
+      inputValue:"",
       selectvalue:"",
-      imeipopover:false
+      imeipopover:false,
+      listeners:{}
     };
-  },
-  computed: {
-    config() { 
-      const input = {
-        ...this.$attrs 
-      }; 
-      const select = {
-        ...this.$attrs,
-        options:this.options
-      }; 
-      return {
-        input,
-        select,
-      };
-    },
-   
-  },
+  }, 
   watch: {
     value: {
-      handler(newVal) { 
+      handler(newVal) {  
         if (!Array.isArray(newVal)) {
           throw new Error("请传入数组");
         }
-        let newselectValue=newVal[0]; 
+        let newselectValue=newVal[0];   
         const find=this.options.find((f)=>f.value==newselectValue);
         if(find){  
           let fontwidth=this.getStringWidth(find?.label);
@@ -153,12 +140,23 @@ export default {
       immediate: true,
     },
   },
+  mounted(){ 
+    console.log(this.$listeners,"this.$listeners==");
+    let that=this;
+    let newlist=Object.assign({},this.$listeners);
+    delete newlist.change;
+    delete newlist.input;
+    newlist.blur=function(e){
+      that.$listeners.blur.apply(this,[1,e]);
+    }
+    this.listeners=newlist;  
+  },
   methods: {
     onSelect(value){
       this.$emit("change", [value, this.value[1]||""]);
     },
-    onInputChange(value){
-      this.$emit("change", [ this.value[0] ||"",value]);
+    onInputChange(val){ 
+      this.$emit("change", [this.values[0] ||"",val]);
     },
     getStringWidth(text) {
         let font = "13px";
diff --git a/packages/agSelect/src/index.vue b/packages/agSelect/src/index.vue
index 5e19df2..6b6bd21 100644
--- a/packages/agSelect/src/index.vue
+++ b/packages/agSelect/src/index.vue
@@ -4,12 +4,11 @@
     class="ag_select"
     :style="{ width: `100%` }"
     :value="selectValue" 
-    v-bind="attrs"
+    ref="apselectref"
+    v-bind="$attrs"
     v-on="$listeners" 
-  >
-    <slot />
-    <slot name="prefix" slot="prefix" />
-    <slot name="empty" slot="empty" />
+  >  
+  <slot v-for="(_,name) in $slots" :name="name"  :slot="name"> </slot> 
     <el-option
       v-for="item in options"
       :key="item.value"
@@ -43,6 +42,15 @@ export default {
       selectValue:""
     };
   },
+  mounted(){ 
+    if(this.$refs.apselectref){
+      for(const key in this.$refs.apselectref){ 
+        if(!this[key]&&key!='value'){
+          this[key]=this.$refs.apselectref[key];
+        } 
+      }
+    } 
+  },
   watch: {
     value: {
       handler(newVal) {  
@@ -56,17 +64,7 @@ export default {
       },
       immediate: true,
     },
-  },
-  computed: {
-    attrs() {
-      return {
-        size: "small",
-        clearable: true,
-        filterable: true,
-        ...this.$attrs,
-      };
-    },
-  },
+  }, 
   methods: {
   },
 };
diff --git a/src/App.vue b/src/App.vue
index a22ec21..2afa20d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,13 +4,9 @@
     <ag-dialog :visible.sync="abb"> </ag-dialog>
     <ag-datePicker v-model="date_value" :showTime="true" :range="true" @change="onPicker">
     </ag-datePicker>
-    <ag-input value="value"> </ag-input>
-    <ag-select :options="a_options" v-model="value">
-      <!-- <template slot="prefix">
-        {{
-          (a_options.find((e) => e.value == value) || {}).label
-        }}
-      </template> -->
+    <ag-input v-model="inputValue" placeholder="请输入" @change="onInputChange" ref="aginputref"> 
+       </ag-input>
+    <ag-select :options="a_options" v-model="value"> 
     </ag-select>
     <ag-NumberRange v-model="values"> </ag-NumberRange>
     <el-form
@@ -39,7 +35,7 @@
       :clearable="true"
       :options="a_options" 
       @change="onInputinput"
-
+      @blur="onblur"
     >
     </ag-MultifunctionSearch>
   <agQuery :inputs="inputs" @onSearch="onSearch"/>
@@ -105,6 +101,7 @@ export default {
       rules: {
         pass: [{ validator: validatePass, trigger: "blur" }],
       },
+      inputValue:"",
       date_value:null,
       value: "选项1",
       a_value: "59584",
@@ -335,16 +332,18 @@ export default {
       ],
     };
   },
-  watch: {
-    values: {
-      handler(val) {
-        console.log(val, 238);
-      },
-      deep: true,
-      immediate: true,
-    },
+ 
+  mounted(){
+     this.$refs.aginputref.value=123;
   },
   methods: {
+    onblur(val,elem){
+      console.log("onblur",val,elem,this);
+      
+    },
+    onInputChange(value){
+      console.log(value,"onSearch");
+    },
     onPicker(value){ 
        this.date_value=value;
     },
@@ -352,7 +351,7 @@ export default {
       console.log(values,"onSearch");
     },
     onInputinput(value){
-      console.log(value,"oninput");
+      console.log(value,"oninput222");
       this.values=value;
     },
     change() {

From 9c3de1ec85e534c7e0f2f458f63238c6b6e40446 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Tue, 3 Sep 2024 10:34:41 +0800
Subject: [PATCH 02/47] 22

---
 packages/agMultifunctionSearch/src/index.vue | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
index 5f1e832..a6284fa 100644
--- a/packages/agMultifunctionSearch/src/index.vue
+++ b/packages/agMultifunctionSearch/src/index.vue
@@ -140,15 +140,10 @@ export default {
       immediate: true,
     },
   },
-  mounted(){ 
-    console.log(this.$listeners,"this.$listeners==");
-    let that=this;
+  mounted(){   
     let newlist=Object.assign({},this.$listeners);
     delete newlist.change;
-    delete newlist.input;
-    newlist.blur=function(e){
-      that.$listeners.blur.apply(this,[1,e]);
-    }
+    delete newlist.input; 
     this.listeners=newlist;  
   },
   methods: {

From b378f846a84ee6ac29d392582ecfc652c214f05c Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Tue, 3 Sep 2024 10:34:56 +0800
Subject: [PATCH 03/47] 22

---
 packages/agInput/src/index.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/agInput/src/index.vue b/packages/agInput/src/index.vue
index f214265..bd05e53 100644
--- a/packages/agInput/src/index.vue
+++ b/packages/agInput/src/index.vue
@@ -5,8 +5,7 @@
     ref="apinputref"
     :style="{ width }" 
     v-bind="$attrs"
-    v-on="$listeners" 
-   
+    v-on="$listeners"  
   >
   <slot v-for="(_,name) in $slots" :name="name"  :slot="name"> </slot> 
   </el-input>

From b1b9b7ee1afbd065e1a7e31d6c7a8f3338066b1c Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 5 Sep 2024 17:32:53 +0800
Subject: [PATCH 04/47] 333

---
 package.json                   |  1 +
 packages/agTable/index,js      |  9 +++++++
 packages/agTable/src/index.vue | 47 ++++++++++++++++++++++++++++++++++
 packages/index.js              |  4 ++-
 src/App.vue                    | 32 +++++++++++++++++++++--
 src/main.js                    | 21 +++++++++++++++
 6 files changed, 111 insertions(+), 3 deletions(-)
 create mode 100644 packages/agTable/index,js
 create mode 100644 packages/agTable/src/index.vue
 create mode 100644 src/main.js

diff --git a/package.json b/package.json
index 693b47b..5ee4b16 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "ag-element-ui",
   "version": "0.1.0",
   "private": true,
+  "main": "./main.js",
   "scripts": {
     "dev": "vue-cli-service serve",
     "build": "vue-cli-service build",
diff --git a/packages/agTable/index,js b/packages/agTable/index,js
new file mode 100644
index 0000000..d5f89ed
--- /dev/null
+++ b/packages/agTable/index,js
@@ -0,0 +1,9 @@
+import agTable from './src'
+
+// 为组件提供 install 安装方法，供按需引入
+agTable.install = function (Vue) {
+    Vue.component(agTable.name, agTable)
+}
+
+// 导出组件
+export default agTable;
diff --git a/packages/agTable/src/index.vue b/packages/agTable/src/index.vue
new file mode 100644
index 0000000..27d0c2b
--- /dev/null
+++ b/packages/agTable/src/index.vue
@@ -0,0 +1,47 @@
+<template>
+    <el-table v-bind="$attrs" v-on="$listeners" :data="data">  
+     <el-table-column v-for="item,index in columns" :key="index" v-bind="item">    
+            <template slot-scope="scope"> 
+              <div  v-if="item.soltName"> 
+          
+              <slot :name="item.soltName" :row="scope.row" >  
+              </slot> 
+            </div> 
+            <div v-else>  
+              {{scope.row[item.prop]}} 
+              </div>
+            </template>
+          
+     </el-table-column>
+    </el-table>
+  </template>
+  
+  <script>  
+
+  export default {
+    name: "agTable",
+    components: { 
+
+    },
+    props:["columns","data"],
+    data() {
+      return {
+        width: "160px",
+     
+      };
+    }, 
+    mounted() {
+      
+    },
+    methods: {},
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  ::v-deep {
+    .el-table {
+      width: 100%;
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/packages/index.js b/packages/index.js
index 79bd56c..787f3e2 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -1,7 +1,9 @@
 	// 导入组件
   import agInput from './agInput/index'
   import agSelect from './agSelect/index'
-  
+ 
+  // 注册组件
+ 
   // 组件列表
   const components = [
     agInput,
diff --git a/src/App.vue b/src/App.vue
index 2afa20d..74931f9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -39,7 +39,14 @@
     >
     </ag-MultifunctionSearch>
   <agQuery :inputs="inputs" @onSearch="onSearch"/>
-    
+    <agTable :columns="columns" :data="tabledata" >
+      <template #name="{row}">
+       <div>{{row.name}}11</div>
+      </template> 
+      <template #date="{row}">
+        <div>{{row.date}} </div>
+       </template> 
+    </agTable>
     <!-- <el-input
       size="small"
       placeholder="请输入内容"
@@ -57,6 +64,8 @@
 </template>
 
 <script>
+ import ElementUI from 'element-ui';
+ import Vue from 'vue';
 import agDialog from "../packages/agDialog/src/index.vue";
 import agDatePicker from "../packages/agDatePicker/src/index.vue";
 import agInput from "../packages/agInput/src/index.vue";
@@ -65,8 +74,12 @@ import agNumberRange from "../packages/agNumberRange/src/index.vue";
 import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue";
 import agMultifunctionSearch from "../packages/agMultifunctionSearch/src/index.vue";
 import agQuery from "../packages/agQuery/src/index.vue";
+import agTable from "../packages/agTable/src/index.vue";
+
+Vue.use(ElementUI);
 
 export default {
+  
   components: {
     agDialog,
     agDatePicker,
@@ -75,7 +88,8 @@ export default {
     agNumberRange,
     agCascadeOptional,
     agMultifunctionSearch,
-    agQuery
+    agQuery,
+    agTable
   },
   data() {
     var validatePass = (rule, value, callback) => {
@@ -98,6 +112,20 @@ export default {
       ruleForm: {
         pass: [],
       },
+      columns:[
+         {soltName: "date", width:200,type:"expand" },
+         {soltName: "name", label: "姓名" },
+         {prop: "xinghao", label: "型号",width:120 },
+         {prop: "dianchi", label: "电池" ,width:500},
+         {prop: "pinpai", label: "品牌" ,width:200},
+         {prop: "address", label: "地址" ,fixed:'right',width:100}
+      ],
+      tabledata:[
+         {date: "2016-05-02", name: "王小虎1", address: "上海市普陀区金沙江路 1518 弄"},
+         {date: "2016-05-03", name: "王小虎2", address: "上海市普陀区金沙江路 1518 弄"},
+         {date: "2016-05-04", name: "王小虎3", address: "上海市普陀区金沙江路 1518 弄"},
+         {date: "2016-05-05", name: "王小虎4", address: "上海市普陀区金沙江路 1518 弄"}
+      ],
       rules: {
         pass: [{ validator: validatePass, trigger: "blur" }],
       },
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..c5d4a43
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,21 @@
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+import Vue from 'vue';
+import App from './App.vue';
+import router from './router';
+import store from './store';
+
+
+console.log('main.js', process.env);
+Vue.use(ElementUI);
+
+
+
+
+
+new Vue({
+    el: '#app',
+    router,
+    store,
+    render: (h) => h(App)
+  })
\ No newline at end of file

From 5fe305aa80ef2b427795b9e2d96a13225c469351 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 5 Sep 2024 18:31:19 +0800
Subject: [PATCH 05/47] fdf

---
 packages/agTable/src/index.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/agTable/src/index.vue b/packages/agTable/src/index.vue
index 27d0c2b..a261a3a 100644
--- a/packages/agTable/src/index.vue
+++ b/packages/agTable/src/index.vue
@@ -2,8 +2,7 @@
     <el-table v-bind="$attrs" v-on="$listeners" :data="data">  
      <el-table-column v-for="item,index in columns" :key="index" v-bind="item">    
             <template slot-scope="scope"> 
-              <div  v-if="item.soltName"> 
-          
+              <div  v-if="item.soltName">  
               <slot :name="item.soltName" :row="scope.row" >  
               </slot> 
             </div> 

From 9675c4f2d5e7cc47aaf8d048d2b249a12859f0ee Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 5 Sep 2024 18:34:12 +0800
Subject: [PATCH 06/47] df

---
 packages/agTable/src/index.vue  | 70 ++++++++++++++++++++++-----------
 packages/agUpload/index.js      |  9 +++++
 packages/agUpload/src/index.vue | 64 ++++++++++++++++++++++++++++++
 packages/index.js               | 11 ++++--
 src/App.vue                     |  7 +++-
 5 files changed, 133 insertions(+), 28 deletions(-)
 create mode 100644 packages/agUpload/index.js
 create mode 100644 packages/agUpload/src/index.vue

diff --git a/packages/agTable/src/index.vue b/packages/agTable/src/index.vue
index a261a3a..a7050c1 100644
--- a/packages/agTable/src/index.vue
+++ b/packages/agTable/src/index.vue
@@ -1,42 +1,66 @@
 <template>
-    <el-table v-bind="$attrs" v-on="$listeners" :data="data">  
-     <el-table-column v-for="item,index in columns" :key="index" v-bind="item">    
-            <template slot-scope="scope"> 
-              <div  v-if="item.soltName">  
-              <slot :name="item.soltName" :row="scope.row" >  
-              </slot> 
-            </div> 
-            <div v-else>  
-              {{scope.row[item.prop]}} 
-              </div>
-            </template>
-          
-     </el-table-column>
-    </el-table>
+   <div class="agtablebox">
+    <el-table v-bind="$attrs" v-on="$listeners" :data="data" size="small">  
+      <el-table-column v-for="item,index in columns" :key="index" v-bind="item">    
+             <template slot-scope="scope"> 
+               <div  v-if="item.soltName">  
+               <slot :name="item.soltName" :row="scope.row" >  
+               </slot> 
+             </div> 
+             <div v-else>  
+               {{scope.row[item.prop]}} 
+               </div>
+             </template>
+           
+      </el-table-column>
+     </el-table>
+     <div class="agtablefooter">
+      <el-pagination 
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page.sync="currentPage"
+      :page-sizes="pageSizes||[10,100,200,500]"
+      :page-size="pageSize" 
+      layout="sizes,prev, pager, next, jumper"
+      :total="total">
+   </el-pagination>
+     </div>
+   </div>
   </template>
   
   <script>  
 
   export default {
-    name: "agTable",
-    components: { 
-
-    },
-    props:["columns","data"],
+    name: "agTable", 
+    props:["columns","data",'pageSize','currentPage','total','pageSizes'],
     data() {
-      return {
-        width: "160px",
-     
+      return { 
       };
     }, 
     mounted() {
       
     },
-    methods: {},
+    methods: {
+      handleSizeChange(e){ 
+        this.$emit('onSizeChange',e);
+      },
+      handleCurrentChange(e){ 
+        this.$emit('onCurrentChange',e);
+      }
+    },
   };
   </script>
   
   <style lang="scss" scoped>
+  .agtablebox{
+    background: #fff;
+    width: 100%;
+    .agtablefooter{
+      display: flex;
+      justify-content: flex-end;
+      padding:12px;
+    }
+  }
   ::v-deep {
     .el-table {
       width: 100%;
diff --git a/packages/agUpload/index.js b/packages/agUpload/index.js
new file mode 100644
index 0000000..36d3bd7
--- /dev/null
+++ b/packages/agUpload/index.js
@@ -0,0 +1,9 @@
+import agUpdate from './src'
+
+// 为组件提供 install 安装方法，供按需引入
+agUpdate.install = function (Vue) {
+    Vue.component(agUpdate.name, agUpdate)
+}
+
+// 导出组件
+export default agUpdate;
diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
new file mode 100644
index 0000000..fc17a1f
--- /dev/null
+++ b/packages/agUpload/src/index.vue
@@ -0,0 +1,64 @@
+<template>
+   <div>
+        <el-upload 
+        action=""
+        list-type="picture-card" 
+        v-bind="$attrs"
+        v-on="$listeners"
+        :on-preview="handlePictureCardPreview"
+        :on-remove="handleRemove"
+        :file-list="fileList"
+        @change="onUpdate"
+        ref="agupdateref"
+        >
+    <i class="el-icon-plus"></i>
+    </el-upload>
+    <el-dialog :visible.sync="dialogVisible">
+    <img width="100%" :src="dialogImageUrl" alt="">
+    </el-dialog>
+
+   </div>
+  </template>
+  
+  <script>  
+
+  export default {
+    name: "agUpdate", 
+    data() {
+      return {
+        dialogImageUrl: '',
+        dialogVisible: false,
+        fileList:[]
+      };
+    }, 
+    mounted() {
+        console.log(this.$refs.agupdateref,'this.$refs.agupdateref');
+        
+     let input=this.$refs.agupdateref.vnode;
+     console.log(input,'input');
+     
+    },
+    methods: {
+        handleRemove(file, fileList) {
+        console.log(file, fileList);
+      },
+      handlePictureCardPreview(file) {
+        this.dialogImageUrl = file.url;
+        this.dialogVisible = true;
+      },
+      onUpdate(e){
+        console.log(e,"ee");
+        
+      }
+    },
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  ::v-deep {
+    .el-table {
+      width: 100%;
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/packages/index.js b/packages/index.js
index 787f3e2..b95dbeb 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -1,13 +1,15 @@
 	// 导入组件
-  import agInput from './agInput/index'
-  import agSelect from './agSelect/index'
+  import agInput from './agInput/index';
+  import agSelect from './agSelect/index';
+  import agUpdate from './agUpload';
  
   // 注册组件
  
   // 组件列表
   const components = [
     agInput,
-    agSelect
+    agSelect,
+    agUpdate
   ]
   
   // 定义 install 方法，接收 Vue 作为参数（使用 use 注册插件，那么所有的组件都会被注册）
@@ -30,5 +32,6 @@
   export {
     // 以下是具体的组件列表
     agInput,
-    agSelect
+    agSelect,
+    agUpdate
   }
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 74931f9..4f347f9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -39,7 +39,7 @@
     >
     </ag-MultifunctionSearch>
   <agQuery :inputs="inputs" @onSearch="onSearch"/>
-    <agTable :columns="columns" :data="tabledata" >
+    <agTable :columns="columns" :data="tabledata" :currentPage="2" :pageSize="100" :total="500">
       <template #name="{row}">
        <div>{{row.name}}11</div>
       </template> 
@@ -47,6 +47,9 @@
         <div>{{row.date}} </div>
        </template> 
     </agTable>
+    <agUpdate>
+
+    </agUpdate>
     <!-- <el-input
       size="small"
       placeholder="请输入内容"
@@ -75,8 +78,10 @@ import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue";
 import agMultifunctionSearch from "../packages/agMultifunctionSearch/src/index.vue";
 import agQuery from "../packages/agQuery/src/index.vue";
 import agTable from "../packages/agTable/src/index.vue";
+import agElemUI from "../packages/index.js";
 
 Vue.use(ElementUI);
+Vue.use(agElemUI);
 
 export default {
   

From ab371f676adb7cd9839cb622205cf17956a51412 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 5 Sep 2024 18:34:19 +0800
Subject: [PATCH 07/47] 22

---
 packages/agTable/src/index.vue | 2 +-
 src/App.vue                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/agTable/src/index.vue b/packages/agTable/src/index.vue
index a7050c1..7198443 100644
--- a/packages/agTable/src/index.vue
+++ b/packages/agTable/src/index.vue
@@ -1,6 +1,6 @@
 <template>
    <div class="agtablebox">
-    <el-table v-bind="$attrs" v-on="$listeners" :data="data" size="small">  
+    <el-table v-bind="$attrs" v-on="$listeners" :data="data" size="small" :header-cell-style="$attrs.headerCellStyle||{backgroundColor:'#f7f7f7'}">  
       <el-table-column v-for="item,index in columns" :key="index" v-bind="item">    
              <template slot-scope="scope"> 
                <div  v-if="item.soltName">  
diff --git a/src/App.vue b/src/App.vue
index 4f347f9..2e81c53 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -39,7 +39,7 @@
     >
     </ag-MultifunctionSearch>
   <agQuery :inputs="inputs" @onSearch="onSearch"/>
-    <agTable :columns="columns" :data="tabledata" :currentPage="2" :pageSize="100" :total="500">
+    <agTable :columns="columns" :data="tabledata" :currentPage="2" :pageSize="100" :total="500" >
       <template #name="{row}">
        <div>{{row.name}}11</div>
       </template> 

From 3f5e264a37785c9c63e3e31d2be35b0fd20bf6d4 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 5 Sep 2024 19:03:22 +0800
Subject: [PATCH 08/47] ee

---
 packages/agUpload/src/index.vue | 53 ++++++++++++++++++++++-----------
 src/App.vue                     |  5 +++-
 2 files changed, 40 insertions(+), 18 deletions(-)

diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index fc17a1f..cd25494 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -1,22 +1,22 @@
 <template>
-   <div>
-        <el-upload 
-        action=""
+   <div class="uploadbox">
+        <el-upload  
+        action=""   
+        :auto-upload="false"
         list-type="picture-card" 
         v-bind="$attrs"
         v-on="$listeners"
         :on-preview="handlePictureCardPreview"
         :on-remove="handleRemove"
-        :file-list="fileList"
-        @change="onUpdate"
+        :file-list="fileList" 
         ref="agupdateref"
+       
         >
     <i class="el-icon-plus"></i>
     </el-upload>
     <el-dialog :visible.sync="dialogVisible">
     <img width="100%" :src="dialogImageUrl" alt="">
-    </el-dialog>
-
+    </el-dialog> 
    </div>
   </template>
   
@@ -24,6 +24,7 @@
 
   export default {
     name: "agUpdate", 
+    props:['style','class'],
     data() {
       return {
         dialogImageUrl: '',
@@ -31,24 +32,42 @@
         fileList:[]
       };
     }, 
-    mounted() {
-        console.log(this.$refs.agupdateref,'this.$refs.agupdateref');
-        
-     let input=this.$refs.agupdateref.vnode;
-     console.log(input,'input');
+    mounted() { 
+     let input=this.$refs.agupdateref.$vnode&&this.$refs.agupdateref.$vnode.elm.querySelector('input[type=file]');
+     if(input){
+      input.addEventListener('change',this.onUpdate);
+     }
+     
      
     },
     methods: {
-        handleRemove(file, fileList) {
-        console.log(file, fileList);
+      handleRemove(file, fileList) { 
+        this.fileList=fileList;
+        this.$emit('onRemove',file,this.fileList);
       },
       handlePictureCardPreview(file) {
         this.dialogImageUrl = file.url;
         this.dialogVisible = true;
       },
-      onUpdate(e){
-        console.log(e,"ee");
-        
+      onUpdate(e){ 
+        let uplist=[]; 
+        let files=[...e.target.files];
+        files.map((item,index) => {
+          let filerender=new FileReader();
+          filerender.onload=function(e){ 
+            uplist.push({
+              name:item.name,
+              url:e.target.result,
+              raw:item
+            });
+            if(files.length-1==index){
+              this.fileList.push(...uplist); 
+              this.$emit('onUpload',uplist,this.fileList); 
+            } 
+          }.bind(this);
+          filerender.readAsDataURL(item);
+        }); 
+      
       }
     },
   };
diff --git a/src/App.vue b/src/App.vue
index 2e81c53..4d1a796 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,7 +47,7 @@
         <div>{{row.date}} </div>
        </template> 
     </agTable>
-    <agUpdate>
+    <agUpdate @onUpload="onUpload" multiple style="width:120px">
 
     </agUpdate>
     <!-- <el-input
@@ -370,6 +370,9 @@ export default {
      this.$refs.aginputref.value=123;
   },
   methods: {
+    onUpload(files,filelist){
+      console.log("onblur",files,filelist);
+    },
     onblur(val,elem){
       console.log("onblur",val,elem,this);
       

From fb6bba617af3bdbd5023a6b38b7c462f9aa48072 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 5 Sep 2024 21:07:25 +0800
Subject: [PATCH 09/47] 2

---
 packages/agUpload/src/index.vue | 143 ++++++++++++++++++++++++++------
 src/App.vue                     |   2 +-
 2 files changed, 118 insertions(+), 27 deletions(-)

diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index cd25494..caaf0b5 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -1,19 +1,18 @@
 <template>
-   <div class="uploadbox">
-        <el-upload  
-        action=""   
-        :auto-upload="false"
-        list-type="picture-card" 
-        v-bind="$attrs"
-        v-on="$listeners"
-        :on-preview="handlePictureCardPreview"
-        :on-remove="handleRemove"
-        :file-list="fileList" 
-        ref="agupdateref"
-       
-        >
-    <i class="el-icon-plus"></i>
-    </el-upload>
+   <div class="uploadbox"> 
+    <div class="uploadimgbox" :style="{height:width+'px'}">
+      <div v-for="img,index in fileList" :key="index" :style="{width:width+'px'}" class="imgitem" @dragstart="onDragstart" @dragenter="onDragenter" @dragover="onDragover" @dragend="onDragend">
+        <img :src="img.url" class="img"/>
+        <div class="uploadimgmask" v-if="clear||isPrew">
+          <i class="el-icon-search" v-if="isPrew" @click="handlePictureCardPreview(img)"></i>
+          <i class="el-icon-delete" v-if="clear" @click="handleRemove(img.raw,index)"></i>
+        </div>
+      </div> 
+      <div class="uploadcontain" :style="{width:width+'px'}">
+        <label for="uploadinput" class="uploadlabel"> <i class="el-icon-plus"></i></label>
+        <input key="" type="file" style="display:none;" :multiple="$attrs.multiple" id="uploadinput" @change="onUpdate"/>
+      </div>
+    </div> 
     <el-dialog :visible.sync="dialogVisible">
     <img width="100%" :src="dialogImageUrl" alt="">
     </el-dialog> 
@@ -24,7 +23,20 @@
 
   export default {
     name: "agUpdate", 
-    props:['style','class'],
+    props:{
+      isPrew:{
+        type:Boolean,
+        default:true
+      },
+      clear:{
+        type:Boolean,
+        default:true
+      },
+      width:{
+        type:Number,
+        default:80
+      }
+    },
     data() {
       return {
         dialogImageUrl: '',
@@ -33,25 +45,25 @@
       };
     }, 
     mounted() { 
-     let input=this.$refs.agupdateref.$vnode&&this.$refs.agupdateref.$vnode.elm.querySelector('input[type=file]');
-     if(input){
-      input.addEventListener('change',this.onUpdate);
-     }
-     
+      
      
     },
     methods: {
-      handleRemove(file, fileList) { 
-        this.fileList=fileList;
-        this.$emit('onRemove',file,this.fileList);
+      handleRemove(file,index) {    
+          this.fileList=this.fileList.filter((item,inkey)=>{
+            return inkey !== index;
+          }); 
+          this.$emit('onRemove',file,this.fileList); 
       },
       handlePictureCardPreview(file) {
         this.dialogImageUrl = file.url;
+        console.log(this.dialogImageUrl,'this.dialogImageUrl');
+        
         this.dialogVisible = true;
       },
       onUpdate(e){ 
         let uplist=[]; 
-        let files=[...e.target.files];
+        let files=[...e.target.files];  
         files.map((item,index) => {
           let filerender=new FileReader();
           filerender.onload=function(e){ 
@@ -60,7 +72,7 @@
               url:e.target.result,
               raw:item
             });
-            if(files.length-1==index){
+            if(files.length==uplist.length){ 
               this.fileList.push(...uplist); 
               this.$emit('onUpload',uplist,this.fileList); 
             } 
@@ -70,10 +82,89 @@
       
       }
     },
+    onDragstart(e){
+      e.preventDefault();
+      console.log(e,"eee");
+    },
+    onDragenter(e){
+      e.preventDefault();
+      console.log(e,"eee");
+    },
+    onDragover(e){
+      e.preventDefault();
+      console.log(e,"eee");
+    },
+    onDragend(e){
+      e.preventDefault();
+      console.log(e,"eee");
+    },
   };
   </script>
   
   <style lang="scss" scoped>
+  .uploadcontain{
+    position: relative;
+    width:100px;
+    aspect-ratio: 1/1;
+    border-radius: 4px;
+    background-color: #fff;
+    cursor: pointer;
+    overflow: hidden; 
+    .uploadlabel{
+      font-size: 16px;
+      color:#97a8be;
+      display: block;
+      width:100%;
+      height:100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+  .uploadimgbox{
+    position: relative;    
+    width: auto;
+    display: flex;
+    align-items: center; 
+    gap:5px;
+    .imgitem{
+      position: relative;
+      width:100px;
+      cursor: pointer; 
+      background: #fff;
+      border-radius: 4px;
+      overflow: hidden;
+      aspect-ratio: 1/1;
+      img{
+        display: block;
+        aspect-ratio: 1/1;
+        width:100%;
+      }
+      .uploadimgmask{
+        position: absolute;
+        top:0;
+        display: none;
+        left: 0;
+        width:100%;
+        height:100%;
+        background-color: rgba(0,0,0,.3); 
+        align-items: center;
+        justify-content: center;
+        gap:6px;
+        i{
+          font-size: 20px;
+          color:#fff;
+          cursor: pointer;
+        }
+      }
+      &:hover{
+        .uploadimgmask{
+          display: flex;
+        }
+      }
+    }
+  }
+
   ::v-deep {
     .el-table {
       width: 100%;
diff --git a/src/App.vue b/src/App.vue
index 4d1a796..bfbf534 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,7 +47,7 @@
         <div>{{row.date}} </div>
        </template> 
     </agTable>
-    <agUpdate @onUpload="onUpload" multiple style="width:120px">
+    <agUpdate @onUpload="onUpload" multiple >
 
     </agUpdate>
     <!-- <el-input

From ba97fbca468ab3e46806e2d0e56efc024a20f2e5 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 6 Sep 2024 16:17:51 +0800
Subject: [PATCH 10/47] 222

---
 package.json                    |   5 +-
 packages/agUpload/src/index.vue | 525 +++++++++++++++++++++++++++++---
 src/App.vue                     |  16 +-
 src/main.js                     |   8 +-
 yarn.lock                       |  12 +
 5 files changed, 511 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index 5ee4b16..1d951d9 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,8 @@
     "lib": "vue-cli-service build --target lib --dest lib packages/index.js"
   },
   "dependencies": {
-    "core-js": "^3.8.3"
+    "core-js": "^3.8.3",
+    "vuedraggable": "^2.24.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~5.0.0",
@@ -20,9 +21,9 @@
     "element-ui": "^2.15.14",
     "sass": "^1.32.7",
     "sass-loader": "^12.0.0",
-    "vue-template-compiler": "^2.6.14",
     "vue": "^2.6.14",
     "vue-router": "^3.5.1",
+    "vue-template-compiler": "^2.6.14",
     "vuex": "^3.6.2"
   },
   "browserslist": [
diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index caaf0b5..cd7e4ba 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -1,28 +1,75 @@
 <template>
    <div class="uploadbox"> 
-    <div class="uploadimgbox" :style="{height:width+'px'}">
-      <div v-for="img,index in fileList" :key="index" :style="{width:width+'px'}" class="imgitem" @dragstart="onDragstart" @dragenter="onDragenter" @dragover="onDragover" @dragend="onDragend">
-        <img :src="img.url" class="img"/>
-        <div class="uploadimgmask" v-if="clear||isPrew">
-          <i class="el-icon-search" v-if="isPrew" @click="handlePictureCardPreview(img)"></i>
-          <i class="el-icon-delete" v-if="clear" @click="handleRemove(img.raw,index)"></i>
-        </div>
-      </div> 
-      <div class="uploadcontain" :style="{width:width+'px'}">
-        <label for="uploadinput" class="uploadlabel"> <i class="el-icon-plus"></i></label>
-        <input key="" type="file" style="display:none;" :multiple="$attrs.multiple" id="uploadinput" @change="onUpdate"/>
+    <div class="uploadimgbox" :style="{height:width+'px'}" v-if="listType=='picture-card'"> 
+          <div v-for="img,index in imageList" :key="index" :style="{width:width+'px'}" :draggable="dragmove" class="imgitem" :class="dragmove&&dragmoveclass"  @dragstart="onDragstart" @dragenter="onDragenter" @dragover="onDragover" @dragend="onDragend" @dragleave="onMouseup" >
+            <slot name="file" :file="img">
+            <img :src="img.url" class="img" v-if="img.type.indexOf('image')>-1"/>
+            <div v-else class="filetext">
+              <div class="filetitletext">文件</div>
+             <div>{{img.name}}</div>
+            </div>
+            <div class="uploadimgmask" v-if="clear||isPrew" >
+              <i class="el-icon-search" v-if="isPrew&&img.type.indexOf('image')>-1" @click="handlePictureCardPreview(img)"></i>
+              <i class="el-icon-delete" v-if="clear" @click="handleRemove(img.raw,index)"></i>
+            </div>
+          </slot>
+          </div>  
+      <div class="uploadcontain" :style="{height:width+'px',aspectRatio:isDrap?4/3:1/1}"
+       :draggable="isDrap"  
+      @dragover.prevent  
+      @dragenter.prevent  
+      @drop="onUploadDrap" 
+      v-if="limit>imageList.length">
+        <label for="uploadinput" class="uploadlabel"  @click="onInputClick">
+          <slot>
+            <i class="el-icon-plus"></i>
+            <span class="draptiptext">{{isDrap?'拖拽上传':'上传'}}</span>
+          </slot> 
+          </label> 
       </div>
     </div> 
+    <div class="uploadtextbox" v-if="listType=='text'||listType=='picture'">
+      <div class="uploadtextcontain" 
+       :draggable="isDrap"  
+      @dragover.prevent  
+      @dragenter.prevent  
+      @drop="onUploadDrap" 
+       >
+        <label for="uploadinput" class="uploadlabel" @click="onInputClick"  >
+          <slot>
+            <el-button type="primary" size="small"><i class="el-icon-plus"></i> {{isDrap?'拖拽上传':'上传'}}</el-button> 
+          </slot> 
+          </label> 
+      </div> 
+      <slot name="tip">
+      </slot> 
+      <ul class="uploadtextlist" :class="'upload-list--'+listType"> 
+        <li v-for="img,index in imageList" :key="index" class="uploadtextitem" >
+          <slot name="file" :file="img">
+            <img v-if="listType=='picture'" :src="img.url" class="ag-upload-list__item-thumbnail" />
+          <a class="ag-upload-list__item-name" @click="handlePictureCardPreview(img)"><i class="el-icon-document ag-icon-document"></i>{{img.name}}
+          </a>
+        </slot>
+          <el-popconfirm
+              :title="`确定移除${img.name}吗？`"
+              @confirm="handleRemove(img.raw,index)"
+            >
+          <i class="el-icon-close ag-icon-close"  slot="reference"></i>
+          </el-popconfirm>
+       
+        </li> 
+      </ul>
+    </div>
+    <input type="file" style="display:none;" :multiple="limit>1" :accept="$attrs.accept" id="uploadinput" @change="onUpdate" ref="fileinputref"/>
     <el-dialog :visible.sync="dialogVisible">
     <img width="100%" :src="dialogImageUrl" alt="">
     </el-dialog> 
    </div>
   </template>
   
-  <script>  
-
+  <script>   
   export default {
-    name: "agUpdate", 
+    name: "agUpdate",  
     props:{
       isPrew:{
         type:Boolean,
@@ -35,68 +82,252 @@
       width:{
         type:Number,
         default:80
+      },
+      dragmove:{
+        type:Boolean,
+        default:false
+      },
+      isDrap:{
+        type:Boolean,
+        default:false
+      },
+      limit:{
+        type:Number,
+        default:1
+      },
+     
+      fileList:{
+        type:Array,
+        default(){
+          return [];
+        }
+      },
+      listType:{
+        type:String,
+        default:'picture-card'
+      } 
+    },
+    mounted() {   
+        if(this.fileList.length>0){
+          let list=[];
+          this.fileList.map((h)=>{
+            if(typeof(h)=='object'){
+              list.push(h);
+            }else{
+              let imgurl=h.split("/"); 
+              let filename=imgurl[imgurl.length-1];
+              let extarr=h.split(".");
+              let extname=extarr[extarr.length-1];
+              if(['jpg','jpeg','png','gif','svg'].indexOf(extname)>-1){
+                list.push({
+                  name:filename,
+                  url:h,
+                  type:'image/'+extname.toLowerCase(),
+                  raw:null
+                });
+              }else{
+                list.push({
+                  name:filename,
+                  url:h,
+                  type:'other/'+extname.toLowerCase(),
+                  raw:null
+                });
+              } 
+            }
+          });
+          this.imageList=list; 
+        }  
+      }, 
+    watch:{
+      fileList(val){ 
+        if(val.length>0){
+          let list=[];
+          val.map((h)=>{
+            if(typeof(h)=='object'){
+              list.push(h);
+            }else{
+              let imgurl=h.split("/"); 
+              let filename=imgurl[imgurl.length-1];
+              let extarr=h.split(".");
+              let extname=extarr[extarr.length-1];
+              if(['jpg','jpeg','png','gif','svg'].indexOf(extname)>-1){
+                list.push({
+                  name:filename,
+                  url:h,
+                  type:'image/'+extname.toLowerCase(),
+                  raw:null
+                });
+              }else{
+                list.push({
+                  name:filename,
+                  url:h,
+                  type:'other/'+extname.toLowerCase(),
+                  raw:null
+                });
+              } 
+            }
+          });
+          this.imageList=list; 
+        }  
       }
     },
     data() {
       return {
         dialogImageUrl: '',
         dialogVisible: false,
-        fileList:[]
+        imageList:[],
+        sourceNode:null,
+        partNode:null,
+        selectTop:false, 
+        drag:false,
+        dragmoveclass:'imghover'
       };
-    }, 
-    mounted() { 
-      
-     
-    },
+    },  
     methods: {
       handleRemove(file,index) {    
-          this.fileList=this.fileList.filter((item,inkey)=>{
+          this.imageList=this.imageList.filter((item,inkey)=>{
             return inkey !== index;
           }); 
-          this.$emit('onRemove',file,this.fileList); 
+          this.$emit('onRemove',file,this.imageList); 
       },
       handlePictureCardPreview(file) {
         this.dialogImageUrl = file.url;
-        console.log(this.dialogImageUrl,'this.dialogImageUrl');
-        
         this.dialogVisible = true;
       },
       onUpdate(e){ 
-        let uplist=[]; 
-        let files=[...e.target.files];  
-        files.map((item,index) => {
+        if(this.limit<=this.imageList.length){
+          return;
+        }
+       try{
+        let uplist=[];  
+        let files=[...e.target.files].slice(0,this.limit-this.imageList.length);  
+       const find=files.find((f,i)=>{
+        if(this.$attrs.accept){
+            let acceptarr=this.$attrs.accept.split(",");
+            if(!acceptarr.includes(f.type)){ 
+              if(this.$listeners.onError){
+                this.$emit('onError',`其中第${i+1}张图片类型错误`);
+              } 
+              return true;
+            }
+          }
+          if(this.$attrs.maxSize){ 
+            if(f.size>this.$attrs.maxSize){
+              if(this.$listeners.onError){
+                this.$emit('onError',`其中第${i+1}张图片大小不能超过${this.$attrs.maxSize/1024/1024}M"`);
+              } 
+              return true;
+            }
+          }
+       }); 
+       if(find){
+        return;
+       }
+     
+        files.map((item,index) => { 
           let filerender=new FileReader();
-          filerender.onload=function(e){ 
+          filerender.onload=function(e){  
             uplist.push({
               name:item.name,
               url:e.target.result,
+              type:item.type,
+              size:item.size,
               raw:item
             });
             if(files.length==uplist.length){ 
-              this.fileList.push(...uplist); 
-              this.$emit('onUpload',uplist,this.fileList); 
+              this.imageList.push(...uplist); 
+              this.$emit('onUpload',uplist,this.imageList); 
             } 
           }.bind(this);
           filerender.readAsDataURL(item);
         }); 
-      
+       }catch(e){ 
+        if(this.$listeners.onError){
+          this.$emit('onError',e);
+        } 
+       } 
+      }, 
+     onDragstart(e){ 
+      this.sourceNode=e.target;
+       this.partNode=e.target.parentNode;   
+      e.target.classList.add("tabsbg"); 
+      setTimeout(()=>{
+        e.target.classList.remove("tabsbg");
+        e.target.classList.add("moving");
+      },1);
+    },
+    onDragenter(e){ 
+      e.preventDefault(); 
+      if(!this.dragmove){
+        return;
+      } 
+      if(this.partNode===e.target||e.target===this.sourceNode){ 
+        return 
+      } 
+      const childrens=[...this.partNode.children];
+      let thistarget=childrens.find((f)=>f==e.target);
+      if(!thistarget){
+        thistarget=e.target.parentNode;
       }
-    },
-    onDragstart(e){
-      e.preventDefault();
-      console.log(e,"eee");
-    },
-    onDragenter(e){
-      e.preventDefault();
-      console.log(e,"eee");
+      if(!thistarget){
+         return 
+      }
+     
+      const sourceIndex=childrens.indexOf(this.sourceNode);
+      const targetIndex=childrens.indexOf(thistarget); 
+     if(sourceIndex<targetIndex){ 
+      this.partNode.insertBefore(this.sourceNode,thistarget.nextElementSibling); 
+     }else{ 
+      this.partNode.insertBefore(this.sourceNode,thistarget);   
+     }  
+       
     },
     onDragover(e){
-      e.preventDefault();
-      console.log(e,"eee");
+     e.preventDefault();   
+    },
+    onMouseup(e){ 
+      e.preventDefault(); 
+      if(!this.dragmove){
+        return;
+      }  
+      if(this.partNode===e.target||e.target===this.sourceNode){ 
+        return 
+      } 
+      this.sourceNode.classList.remove("moving");  
     },
     onDragend(e){
-      e.preventDefault();
-      console.log(e,"eee");
+      e.preventDefault();  
+      if(!this.dragmove){
+        return;
+      }
+          e.target.classList.remove("moving");  
+          e.target.classList.remove("tabsbg");  
+          this.sourceNode.classList.remove("moving"); 
+          if(this.partNode===e.target||e.target===this.sourceNode){ 
+        return 
+      }
+        const childrens=[...this.partNode.children];  
+        
+        const sourceIndex=childrens.indexOf(this.sourceNode);
+          const item = this.imageList.splice(sourceIndex, 1)[0];  
+          this.imageList.splice(sourceIndex, 0, item);  
+          this.sourceNode=null;
+          this.partNode=null;   
+    },
+    onUploadDrap(e){   
+      e.preventDefault(); // 阻止默认行为（打开文件）  
+      e.stopPropagation(); // 停止事件冒泡   
+      if(this.drap){
+        return; 
+      }
+      const files = event.dataTransfer.files;   
+        this.onUpdate({target:{files: files}});
+    },
+    onInputClick(e){ 
+      e.preventDefault(); // 阻止默认行为（打开文件）  
+      e.stopPropagation(); // 停止事件冒泡   
+      this.$refs.fileinputref.click();
+    }
     },
   };
   </script>
@@ -108,17 +339,25 @@
     aspect-ratio: 1/1;
     border-radius: 4px;
     background-color: #fff;
-    cursor: pointer;
+    cursor: pointer; 
     overflow: hidden; 
     .uploadlabel{
       font-size: 16px;
       color:#97a8be;
       display: block;
       width:100%;
+      cursor: pointer; 
       height:100%;
       display: flex;
       align-items: center;
       justify-content: center;
+      flex-direction: column;
+      .draptiptext{
+        font-size:13px;
+        color:#666;
+        text-align: center;
+        margin-top: 5px;
+      }
     }
   }
   .uploadimgbox{
@@ -135,6 +374,23 @@
       border-radius: 4px;
       overflow: hidden;
       aspect-ratio: 1/1;
+      transition: all .3s;
+      &.imghover:hover{
+        cursor: move;
+      }
+      &.tabsbg{
+        border-radius:6px 6px 0 0;
+        background:#fff;
+        overflow:hidden; 
+      }
+      &.opcacityzero{
+        opacity: 0;
+      }
+      &.moving{ 
+        opacity: 0;
+        visibility: hidden; 
+      } 
+
       img{
         display: block;
         aspect-ratio: 1/1;
@@ -151,20 +407,199 @@
         align-items: center;
         justify-content: center;
         gap:6px;
+        z-index: 1;
         i{
           font-size: 20px;
           color:#fff;
           cursor: pointer;
         }
       }
-      &:hover{
+      &:hover{ 
         .uploadimgmask{
           display: flex;
         }
       }
     }
+    .filetext{
+      font-size:12px;
+      display: flex; 
+      justify-content: center;
+      flex-direction: column;
+      padding:5px;
+      box-sizing: border-box;
+      overflow: hidden;
+      height:100%;
+      white-space: nowrap; /* 文本不换行 */  
+      overflow: hidden; /* 隐藏溢出的内容 */  
+      text-overflow: ellipsis; 
+      text-align: center;
+      .filetitletext{
+        font-size:15px;
+      }
+    }
   }
+.uploadtextbox{
+  .uploadtextcontain{
+    .uploadtextcontaindefaultbtn{
+      display:flex;
+      align-items:center;
+      gap:5px;
+      background: #fff;
+      width:fit-content;
+      padding:5px 12px;
+      box-sizing: border-box;
+      border-radius:4px;
+      font-size:13px;
+    } 
+  }
+  .uploadtextlist{
+    display: block;
+    list-style-type: disc; 
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    padding-inline-start: 40px;
+    unicode-bidi: isolate;
+    margin: 0;
+    padding: 0;
+    list-style: none; 
 
+    .upload-list--text{
+      &:first-child{
+        margin-top: 10px;
+      }
+      position: relative;
+      list-style: none;
+      transition: all .5s cubic-bezier(.55,0,.1,1);
+      font-size: 14px;
+      color: #606266;
+      line-height:1;
+      margin-top: 5px;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      box-sizing: border-box;
+      cursor: pointer;
+      border-radius: 4px;
+      width: 100%;
+      &:hover{
+        background-color: #f5f7fa;
+        .ag-icon-close{
+          display:inline-block;
+        }
+      }
+      
+      .ag-upload-list__item-name{
+        text-decoration: none;
+        color: #606266;
+        display: block;
+        margin-right: 40px;
+        overflow: hidden;
+        padding-left: 4px;
+        text-overflow: ellipsis;
+        transition: color .3s;
+        white-space: nowrap;
+        font-size: 14px; 
+        line-height: 1.8;
+        .ag-icon-document{
+          height: 100%;
+          margin-right: 7px;
+          color: #909399;
+          line-height: inherit;
+          &:hover{
+            color: #409eff;
+             cursor: pointer;
+          }
+        } 
+      }
+      .el-icon-close{
+        position: relative; 
+        right: 5px;
+        cursor: pointer;
+        opacity: .75;
+        color: #606266; 
+        display:none;
+      }
+    }
+  }
+  .upload-list--picture{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    .uploadtextitem{
+      overflow: hidden;
+      position: relative;
+      z-index: 0;
+      background-color: #fff;
+      border: 1px solid #c0ccda;
+      border-radius: 6px;
+      box-sizing: border-box;
+      margin-top: 10px;
+      padding: 10px 10px 10px 90px;
+      height: 92px;
+      gap:10px;
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      &:hover{
+        .ag-icon-close{
+          display:inline-block;     
+        }
+      }
+      .ag-upload-list__item-thumbnail{
+        vertical-align: middle;
+        display: inline-block;
+        width: 70px;
+        height: 70px;
+        float: left;
+        position: relative;
+        z-index: 1;
+        margin-left: -80px;
+        background: #fff;
+      }
+      .ag-upload-list__item-name{
+        flex:1;
+        color: #606266;
+        display: block;
+        margin-right: 40px;
+        overflow: hidden;
+        padding-left: 4px;
+        text-overflow: ellipsis;
+        transition: color .3s;
+        white-space: nowrap;
+        line-height: 70px;
+        margin-top: 0;
+        text-decoration: none;
+        .ag-icon-document{
+          display:none;
+        }
+        &:hover{
+          color: #409eff;
+           cursor: pointer;
+        } 
+      }
+
+      .ag-icon-close{ 
+        position: absolute;
+        font-family: element-icons !important; 
+        font-style: normal;
+        font-weight: 400;
+        font-variant: normal;
+        text-transform: none;
+        line-height: 1;
+        vertical-align: baseline;
+        display: none;
+        -webkit-font-smoothing: antialiased; 
+        line-height: 1;
+        top: 5px;
+        right: 5px;
+        cursor: pointer;
+        opacity: .75;
+        color: #606266;
+      }
+    }
+   }
+}
   ::v-deep {
     .el-table {
       width: 100%;
diff --git a/src/App.vue b/src/App.vue
index bfbf534..c6a555f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,8 +47,9 @@
         <div>{{row.date}} </div>
        </template> 
     </agTable>
-    <agUpdate @onUpload="onUpload" multiple >
-
+    <agUpdate @onUpload="onUpload" multiple isDrap :limit="5" @onError="onError" listType="picture" :maxSize="1024*1024" :fileList="['https://git.aiguoai.com/assets/img/logo.svg']">
+      <el-button type="primary" size="small">点击上传</el-button>
+      <div slot="tip">只能上传jpg/png文件，且不超过500kb</div> 
     </agUpdate>
     <!-- <el-input
       size="small"
@@ -78,10 +79,13 @@ import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue";
 import agMultifunctionSearch from "../packages/agMultifunctionSearch/src/index.vue";
 import agQuery from "../packages/agQuery/src/index.vue";
 import agTable from "../packages/agTable/src/index.vue";
+import vuedraggable from 'vuedraggable';
 import agElemUI from "../packages/index.js";
 
 Vue.use(ElementUI);
 Vue.use(agElemUI);
+// Vue.use(vuedraggable);
+Vue.component('vuedraggable', window.vuedraggable)
 
 export default {
   
@@ -94,7 +98,8 @@ export default {
     agCascadeOptional,
     agMultifunctionSearch,
     agQuery,
-    agTable
+    agTable,
+    vuedraggable
   },
   data() {
     var validatePass = (rule, value, callback) => {
@@ -371,7 +376,10 @@ export default {
   },
   methods: {
     onUpload(files,filelist){
-      console.log("onblur",files,filelist);
+      console.log("onUpload",files,filelist);
+    },
+    onError(err){
+      console.log("onError",err);
     },
     onblur(val,elem){
       console.log("onblur",val,elem,this);
diff --git a/src/main.js b/src/main.js
index c5d4a43..270d85f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,12 +4,12 @@ import Vue from 'vue';
 import App from './App.vue';
 import router from './router';
 import store from './store';
-
-
+import vuedraggable from 'vuedraggable';
+import agElemUI from "../packages/index.js";
 console.log('main.js', process.env);
 Vue.use(ElementUI);
-
-
+Vue.use(agElemUI);
+Vue.use(vuedraggable);
 
 
 
diff --git a/yarn.lock b/yarn.lock
index 55aeb4b..ef5d9c6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5130,6 +5130,11 @@ sockjs@^0.3.24:
     uuid "^8.3.2"
     websocket-driver "^0.7.4"
 
+sortablejs@1.10.2:
+  version "1.10.2"
+  resolved "http://112.124.55.31:4873/sortablejs/-/sortablejs-1.10.2.tgz#6e40364d913f98b85a14f6678f92b5c1221f5290"
+  integrity sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A==
+
 "source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
@@ -5576,6 +5581,13 @@ vue@^2.6.14:
     "@vue/compiler-sfc" "2.7.16"
     csstype "^3.1.0"
 
+vuedraggable@^2.24.3:
+  version "2.24.3"
+  resolved "http://112.124.55.31:4873/vuedraggable/-/vuedraggable-2.24.3.tgz#43c93849b746a24ce503e123d5b259c701ba0d19"
+  integrity sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==
+  dependencies:
+    sortablejs "1.10.2"
+
 vuex@^3.6.2:
   version "3.6.2"
   resolved "https://registry.npmjs.org/vuex/-/vuex-3.6.2.tgz#236bc086a870c3ae79946f107f16de59d5895e71"

From 401608de322e514486a7f70ac4dde6bbf80e6662 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 6 Sep 2024 16:24:01 +0800
Subject: [PATCH 11/47] 22

---
 src/App.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c6a555f..c29172b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,8 +47,7 @@
         <div>{{row.date}} </div>
        </template> 
     </agTable>
-    <agUpdate @onUpload="onUpload" multiple isDrap :limit="5" @onError="onError" listType="picture" :maxSize="1024*1024" :fileList="['https://git.aiguoai.com/assets/img/logo.svg']">
-      <el-button type="primary" size="small">点击上传</el-button>
+    <agUpdate @onUpload="onUpload" multiple isDrap :limit="5" @onError="onError" :maxSize="1024*1024" :fileList="['https://git.aiguoai.com/assets/img/logo.svg']">
       <div slot="tip">只能上传jpg/png文件，且不超过500kb</div> 
     </agUpdate>
     <!-- <el-input

From 96690a10639bbbca6f0c9d12e1cc772158bcd654 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 6 Sep 2024 16:36:48 +0800
Subject: [PATCH 12/47] Fdfd

---
 packages/agUpload/src/index.vue | 10 +++++++---
 src/App.vue                     | 13 ++++++++-----
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index cd7e4ba..0604dd3 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -60,7 +60,7 @@
         </li> 
       </ul>
     </div>
-    <input type="file" style="display:none;" :multiple="limit>1" :accept="$attrs.accept" id="uploadinput" @change="onUpdate" ref="fileinputref"/>
+    <input type="file" style="display:none;" :multiple="limit>1&&$attrs.multiple" :accept="$attrs.accept" id="uploadinput" @change="onUpdate" ref="fileinputref"/>
     <el-dialog :visible.sync="dialogVisible">
     <img width="100%" :src="dialogImageUrl" alt="">
     </el-dialog> 
@@ -235,8 +235,12 @@
               raw:item
             });
             if(files.length==uplist.length){ 
-              this.imageList.push(...uplist); 
-              this.$emit('onUpload',uplist,this.imageList); 
+              if(this.$listeners.onUpload){
+                this.fileList.push(...uplist); 
+                this.$emit('onUpload',uplist,this.fileList); 
+              }else{
+                this.imageList.push(...uplist); 
+              } 
             } 
           }.bind(this);
           filerender.readAsDataURL(item);
diff --git a/src/App.vue b/src/App.vue
index c29172b..4e50ae5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,7 +47,7 @@
         <div>{{row.date}} </div>
        </template> 
     </agTable>
-    <agUpdate @onUpload="onUpload" multiple isDrap :limit="5" @onError="onError" :maxSize="1024*1024" :fileList="['https://git.aiguoai.com/assets/img/logo.svg']">
+    <agUpdate @onUpload="onUpload" isDrap dragmove multiple :limit="5" @onError="onError" :maxSize="1024*1024" :fileList="filelist">
       <div slot="tip">只能上传jpg/png文件，且不超过500kb</div> 
     </agUpdate>
     <!-- <el-input
@@ -366,16 +366,19 @@ export default {
           blur: () => {},
           handleChange: () => {},
         },
-      ],
-    };
+      ], 
+      filelist:['https://git.aiguoai.com/assets/img/logo.svg']
+    } 
   },
  
   mounted(){
      this.$refs.aginputref.value=123;
   },
   methods: {
-    onUpload(files,filelist){
-      console.log("onUpload",files,filelist);
+    onUpload(files,list){
+      console.log("onUpload",files,list);
+      this.filelist=list;
+    
     },
     onError(err){
       console.log("onError",err);

From 11f09906cb0084afe0065b3e9f4f75787bee3108 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 6 Sep 2024 18:16:54 +0800
Subject: [PATCH 13/47] 22

---
 packages/agDatePicker/src/index.vue | 44 ++++++++-----
 packages/agForm/index.js            |  9 +++
 packages/agForm/src/index.vue       | 96 +++++++++++++++++++++++++++++
 packages/agInput/src/index.vue      |  9 +--
 packages/index.js                   |  7 ++-
 src/App.vue                         | 17 ++++-
 6 files changed, 156 insertions(+), 26 deletions(-)
 create mode 100644 packages/agForm/index.js
 create mode 100644 packages/agForm/src/index.vue

diff --git a/packages/agDatePicker/src/index.vue b/packages/agDatePicker/src/index.vue
index dbd09d8..6d2c352 100644
--- a/packages/agDatePicker/src/index.vue
+++ b/packages/agDatePicker/src/index.vue
@@ -6,6 +6,7 @@
     v-model="dateArr"
     v-bind="attrs"
     v-on="Listeners"
+    :value="value"
     :type="datetype" 
     @mouseenter.native="mousetrue = true"
     @mouseleave.native="mousetrue = false"
@@ -28,7 +29,9 @@ export default {
       default: "date",
     },
     value: {
-      default: null||[],
+      default:()=>{
+        return null||[]
+      },
     },
   },
   data() {
@@ -59,9 +62,9 @@ export default {
       let config = {};
       if (this.range) {
         config = {
-          "start-placeholder": "开始日期",
-          "end-placeholder": "结束日期",
-          "range-separator": "-",
+          "start-placeholder":this.$attrs.startplaceholder||"开始日期",
+          "end-placeholder":this.$attrs.endplaceholder|| "结束日期",
+          "range-separator":this.$attrs.rangeseparator||"-",
           "picker-options": {
             disabledDate(time) {
               return (
@@ -130,7 +133,7 @@ export default {
       } else {
         config = {
           align: "right",
-          placeholder: "选择日期",
+          placeholder: this.$attrs.placeholder||"选择日期",
           "picker-options": {
             disabledDate(time) {
               return time.getTime() > Date.now();
@@ -174,15 +177,20 @@ export default {
       };
     },
     // 所有父级事件
-    Listeners() {
+    Listeners() { 
       return Object.assign({}, this.$listeners, {
         input: (value) => {
           if (this.range) {
-            if (!isEmpty(value) && value.length === 2 && value[0] && value[1]) {
-              this.$emit("change", [
-                `${value[0]} 00:00:00`,
+            if (!isEmpty(value) && value.length === 2 && value[0] && value[1]) { 
+              if(this.showTime){
+                this.$emit("change", value);
+              }else{
+                this.$emit("change", [
+                 `${value[0]} 00:00:00`,
                 `${value[1]} 23:59:59`,
               ]);
+              }
+              
             } else {
               this.$emit("change", []);
             }
@@ -192,20 +200,26 @@ export default {
         },
       });
     },
-    iconClass() {
-
+    iconClass() { 
       return  this.mousetrue
         ? "ag-icon-prefix-hide"
         : "ag-icon-prefix-show";
     },
   },
+  mounted() {
+    console.log(this.value,'this.value',this.$attrs); 
+    if (Array.isArray(this.value)&&this.range){  
+          this.dateArr = [this.value[0] || "", this.value[1] || ""];
+        } else {
+          this.dateArr = this.value;
+        }
+  },
   watch: { 
     value: {
       handler(newVal) {
-        if (Array.isArray(newVal)&&this.range){
-          
-          const [date1, date2] = newVal.slice(0, 2);
-          this.dateArr = [date1 || "", date2 || ""];
+        console.log(newVal,'datevalue'); 
+        if (Array.isArray(newVal)&&this.range){  
+          this.dateArr = [newVal[0] || "", newVal[1] || ""];
         } else {
           this.dateArr = newVal;
         }
diff --git a/packages/agForm/index.js b/packages/agForm/index.js
new file mode 100644
index 0000000..b7ab3fe
--- /dev/null
+++ b/packages/agForm/index.js
@@ -0,0 +1,9 @@
+import agForm from './src'
+
+// 为组件提供 install 安装方法，供按需引入
+agForm.install = function (Vue) {
+    Vue.component(agForm.name, agForm)
+}
+
+// 导出组件
+export default agForm;
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
new file mode 100644
index 0000000..0efa287
--- /dev/null
+++ b/packages/agForm/src/index.vue
@@ -0,0 +1,96 @@
+<template>
+    <el-form v-bind="$attrs" v-on="$listeners" :model="formValue" ref="formref">
+    <el-row>
+     <el-col v-for="item,index in data" :key="index" :span="item.span||24">
+         <el-form-item v-bind="item" :prop="item.enName" >
+             <slot :name="item.enName">
+                 <ag-input v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input'"></ag-input>
+                 <agDatePicker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-date-picker'"/>
+                 <agSelect v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-select'" />
+             </slot> 
+            </el-form-item> 
+        </el-col>  
+    </el-row> 
+    <div class="footerbox">
+        <el-form-item >   
+            <slot name="button" :value="formValue">
+                  <el-button @click="onSubmit" type="primary" size="small" class="submitbtn">
+                    提交
+                   </el-button>
+           </slot>
+       </el-form-item>
+        </div>
+    </el-form>
+</template>
+<script> 
+ 
+
+import agInput from './../../agInput/src/index.vue';
+import agDatePicker from './../../agDatePicker/src/index.vue';
+import agSelect from './../../agSelect/src/index.vue';
+
+export default{
+    name:"agForm",
+    components:{
+        agInput:agInput,
+        agDatePicker,
+        agSelect
+    },
+    props:{
+        data:{
+            type:Array,
+            default(){
+                return []
+            }
+        },
+        span:{
+            type:Number,
+            default:24
+        }
+    },
+    data(){
+        return{
+            formValue:{
+                 
+            }
+        }
+    },
+    mounted(){ 
+        this.formValue=this.$attrs.value;
+        if(this.$refs.formref){
+      for(const key in this.$refs.formref){ 
+        if(!this[key]&&key!='value'){
+          this[key]=this.$refs.formref[key];
+        } 
+     }
+    } 
+    },
+    watch:{
+        data(val){
+            this.formValue = {};
+            val.map((h)=>{
+                if(h.value){
+                    this.formValue[h.enName] = h.value;
+                } 
+            });
+        }
+    },
+    methods:{
+        onSubmit(){
+            console.log(this.formValue,'submit')
+            this.$emit('submit',this.formValue)
+        }
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+    .footerbox{
+        margin-top:12px;
+        display:flex;
+        justify-content:center;
+        .submitbtn{
+            width:200px;
+        }
+    }
+</style>
diff --git a/packages/agInput/src/index.vue b/packages/agInput/src/index.vue
index bd05e53..741c806 100644
--- a/packages/agInput/src/index.vue
+++ b/packages/agInput/src/index.vue
@@ -23,14 +23,7 @@ export default {
       type: Boolean,
       default: false,
     },
-  },
-   
-  watch:{
-    $attrs:function(val){
-      console.log(val,'attrsattrs'); 
-    },
-  },
-
+  }, 
   mounted(){  
     if(this.$refs.apinputref){
       for(const key in this.$refs.apinputref){ 
diff --git a/packages/index.js b/packages/index.js
index b95dbeb..ab59737 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -2,6 +2,7 @@
   import agInput from './agInput/index';
   import agSelect from './agSelect/index';
   import agUpdate from './agUpload';
+  import agForm from './agForm';
  
   // 注册组件
  
@@ -9,7 +10,8 @@
   const components = [
     agInput,
     agSelect,
-    agUpdate
+    agUpdate,
+    agForm
   ]
   
   // 定义 install 方法，接收 Vue 作为参数（使用 use 注册插件，那么所有的组件都会被注册）
@@ -33,5 +35,6 @@
     // 以下是具体的组件列表
     agInput,
     agSelect,
-    agUpdate
+    agUpdate,
+    agForm
   }
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 4e50ae5..809a77a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -50,6 +50,9 @@
     <agUpdate @onUpload="onUpload" isDrap dragmove multiple :limit="5" @onError="onError" :maxSize="1024*1024" :fileList="filelist">
       <div slot="tip">只能上传jpg/png文件，且不超过500kb</div> 
     </agUpdate>
+    <ag-form :data="formdata" label-width="80px" label-position="right" v-model="formvalue">
+
+    </ag-form>
     <!-- <el-input
       size="small"
       placeholder="请输入内容"
@@ -367,7 +370,19 @@ export default {
           handleChange: () => {},
         },
       ], 
-      filelist:['https://git.aiguoai.com/assets/img/logo.svg']
+      filelist:['https://git.aiguoai.com/assets/img/logo.svg'],
+      formdata:[
+        {label:"订单编号",span:12,type:"ag-input",enName:'order_sn',value:'656',placeholder:'请输入洗碗机',size:'small',clearable:true,show:true,value:'123',required:true},
+        {label:"IMEI/机器编号",span:12,type:"ag-input",enName:'imei',value:'43543',placeholder:'请输入IMEI/机器编号',size:'small',clearable:true,show:true},
+        {label:"质检码",span:12,type:"ag-select",value:'',enName:'ser_sn',placeholder:'请输入质检码',size:'small',clearable:true,show:true,options:[{value:'1',label:'112'},{value:'2',label:'2223'}]},
+        {label:"质检时间",span:12,type:"ag-date-picker",enName:'time',range:true,showTime:true,startplaceholder:'初始日期1',endplaceholder:'结束日期1',width:200,rangeseparator:'至',placeholder:'请选择日期',filterable:true,size:'small'},
+      ],
+      formvalue:{
+        order_sn:'123',
+        imei:'456',
+        ser_sn:'1',
+        time:['2020-12-12 12:33:11','2024-09-11 13:13:13']
+      }
     } 
   },
  

From 5653581b8c1c16bcad660d5958a6571a3f0bfa8a Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Mon, 9 Sep 2024 14:27:02 +0800
Subject: [PATCH 14/47] 333

---
 packages/agColorPicker/index.js               |   9 +
 packages/agColorPicker/src/color.js           | 317 ++++++++++++++++++
 .../src/components/alpha-slider.vue           | 132 ++++++++
 .../src/components/hue-slider.vue             | 123 +++++++
 .../src/components/picker-dropdown.vue        | 128 +++++++
 .../src/components/predefine.vue              |  61 ++++
 .../agColorPicker/src/components/sv-panel.vue | 100 ++++++
 packages/agColorPicker/src/draggable.js       |  36 ++
 packages/agColorPicker/src/index.vue          | 201 +++++++++++
 packages/agDatePicker/src/index.vue           |   6 +-
 packages/agForm/src/index.vue                 |  49 ++-
 packages/agUpload/src/index.vue               |   8 +-
 packages/index.js                             |   4 +-
 src/App.vue                                   |  28 +-
 14 files changed, 1175 insertions(+), 27 deletions(-)
 create mode 100644 packages/agColorPicker/index.js
 create mode 100644 packages/agColorPicker/src/color.js
 create mode 100644 packages/agColorPicker/src/components/alpha-slider.vue
 create mode 100644 packages/agColorPicker/src/components/hue-slider.vue
 create mode 100644 packages/agColorPicker/src/components/picker-dropdown.vue
 create mode 100644 packages/agColorPicker/src/components/predefine.vue
 create mode 100644 packages/agColorPicker/src/components/sv-panel.vue
 create mode 100644 packages/agColorPicker/src/draggable.js
 create mode 100644 packages/agColorPicker/src/index.vue

diff --git a/packages/agColorPicker/index.js b/packages/agColorPicker/index.js
new file mode 100644
index 0000000..9a44060
--- /dev/null
+++ b/packages/agColorPicker/index.js
@@ -0,0 +1,9 @@
+import agColorPicker from './src'
+
+// 为组件提供 install 安装方法，供按需引入
+agColorPicker.install = function (Vue) {
+    Vue.component(agColorPicker.name, agColorPicker)
+}
+
+// 导出组件
+export default agColorPicker
diff --git a/packages/agColorPicker/src/color.js b/packages/agColorPicker/src/color.js
new file mode 100644
index 0000000..a392eeb
--- /dev/null
+++ b/packages/agColorPicker/src/color.js
@@ -0,0 +1,317 @@
+const hsv2hsl = function(hue, sat, val) {
+  return [
+    hue,
+    (sat * val / ((hue = (2 - sat) * val) < 1 ? hue : 2 - hue)) || 0,
+    hue / 2
+  ];
+};
+
+// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
+// <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
+const isOnePointZero = function(n) {
+  return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1;
+};
+
+const isPercentage = function(n) {
+  return typeof n === 'string' && n.indexOf('%') !== -1;
+};
+
+// Take input from [0, n] and return it as [0, 1]
+const bound01 = function(value, max) {
+  if (isOnePointZero(value)) value = '100%';
+
+  const processPercent = isPercentage(value);
+  value = Math.min(max, Math.max(0, parseFloat(value)));
+
+  // Automatically convert percentage into number
+  if (processPercent) {
+    value = parseInt(value * max, 10) / 100;
+  }
+
+  // Handle floating point rounding errors
+  if ((Math.abs(value - max) < 0.000001)) {
+    return 1;
+  }
+
+  // Convert into [0, 1] range if it isn't already
+  return (value % max) / parseFloat(max);
+};
+
+const INT_HEX_MAP = { 10: 'A', 11: 'B', 12: 'C', 13: 'D', 14: 'E', 15: 'F' };
+
+const toHex = function({ r, g, b }) {
+  const hexOne = function(value) {
+    value = Math.min(Math.round(value), 255);
+    const high = Math.floor(value / 16);
+    const low = value % 16;
+    return '' + (INT_HEX_MAP[high] || high) + (INT_HEX_MAP[low] || low);
+  };
+
+  if (isNaN(r) || isNaN(g) || isNaN(b)) return '';
+
+  return '#' + hexOne(r) + hexOne(g) + hexOne(b);
+};
+
+const HEX_INT_MAP = { A: 10, B: 11, C: 12, D: 13, E: 14, F: 15 };
+
+const parseHexChannel = function(hex) {
+  if (hex.length === 2) {
+    return (HEX_INT_MAP[hex[0].toUpperCase()] || +hex[0]) * 16 + (HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]);
+  }
+
+  return HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1];
+};
+
+const hsl2hsv = function(hue, sat, light) {
+  sat = sat / 100;
+  light = light / 100;
+  let smin = sat;
+  const lmin = Math.max(light, 0.01);
+  let sv;
+  let v;
+
+  light *= 2;
+  sat *= (light <= 1) ? light : 2 - light;
+  smin *= lmin <= 1 ? lmin : 2 - lmin;
+  v = (light + sat) / 2;
+  sv = light === 0 ? (2 * smin) / (lmin + smin) : (2 * sat) / (light + sat);
+
+  return {
+    h: hue,
+    s: sv * 100,
+    v: v * 100
+  };
+};
+
+// `rgbToHsv`
+// Converts an RGB color value to HSV
+// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
+// *Returns:* { h, s, v } in [0,1]
+const rgb2hsv = function(r, g, b) {
+  r = bound01(r, 255);
+  g = bound01(g, 255);
+  b = bound01(b, 255);
+
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  let h, s;
+  let v = max;
+
+  const d = max - min;
+  s = max === 0 ? 0 : d / max;
+
+  if (max === min) {
+    h = 0; // achromatic
+  } else {
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      case b:
+        h = (r - g) / d + 4;
+        break;
+    }
+    h /= 6;
+  }
+
+  return { h: h * 360, s: s * 100, v: v * 100 };
+};
+
+// `hsvToRgb`
+// Converts an HSV color value to RGB.
+// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
+// *Returns:* { r, g, b } in the set [0, 255]
+const hsv2rgb = function(h, s, v) {
+  h = bound01(h, 360) * 6;
+  s = bound01(s, 100);
+  v = bound01(v, 100);
+
+  const i = Math.floor(h);
+  const f = h - i;
+  const p = v * (1 - s);
+  const q = v * (1 - f * s);
+  const t = v * (1 - (1 - f) * s);
+  const mod = i % 6;
+  const r = [v, q, p, p, t, v][mod];
+  const g = [t, v, v, q, p, p][mod];
+  const b = [p, p, t, v, v, q][mod];
+
+  return {
+    r: Math.round(r * 255),
+    g: Math.round(g * 255),
+    b: Math.round(b * 255)
+  };
+};
+
+export default class Color {
+  constructor(options) {
+    this._hue = 0;
+    this._saturation = 100;
+    this._value = 100;
+    this._alpha = 100;
+
+    this.enableAlpha = false;
+    this.format = 'hex';
+    this.value = '';
+
+    options = options || {};
+
+    for (let option in options) {
+      if (options.hasOwnProperty(option)) {
+        this[option] = options[option];
+      }
+    }
+
+    this.doOnChange();
+  }
+
+  set(prop, value) {
+    if (arguments.length === 1 && typeof prop === 'object') {
+      for (let p in prop) {
+        if (prop.hasOwnProperty(p)) {
+          this.set(p, prop[p]);
+        }
+      }
+
+      return;
+    }
+
+    this['_' + prop] = value;
+    this.doOnChange();
+  }
+
+  get(prop) {
+    return this['_' + prop];
+  }
+
+  toRgb() {
+    return hsv2rgb(this._hue, this._saturation, this._value);
+  }
+
+  fromString(value) {
+    if (!value) {
+      this._hue = 0;
+      this._saturation = 100;
+      this._value = 100;
+
+      this.doOnChange();
+      return;
+    }
+
+    const fromHSV = (h, s, v) => {
+      this._hue = Math.max(0, Math.min(360, h));
+      this._saturation = Math.max(0, Math.min(100, s));
+      this._value = Math.max(0, Math.min(100, v));
+
+      this.doOnChange();
+    };
+
+    if (value.indexOf('hsl') !== -1) {
+      const parts = value.replace(/hsla|hsl|\(|\)/gm, '')
+        .split(/\s|,/g).filter((val) => val !== '').map((val, index) => index > 2 ? parseFloat(val) : parseInt(val, 10));
+
+      if (parts.length === 4) {
+        this._alpha = Math.floor(parseFloat(parts[3]) * 100);
+      } else if (parts.length === 3) {
+        this._alpha = 100;
+      }
+      if (parts.length >= 3) {
+        const { h, s, v } = hsl2hsv(parts[0], parts[1], parts[2]);
+        fromHSV(h, s, v);
+      }
+    } else if (value.indexOf('hsv') !== -1) {
+      const parts = value.replace(/hsva|hsv|\(|\)/gm, '')
+        .split(/\s|,/g).filter((val) => val !== '').map((val, index) => index > 2 ? parseFloat(val) : parseInt(val, 10));
+
+      if (parts.length === 4) {
+        this._alpha = Math.floor(parseFloat(parts[3]) * 100);
+      } else if (parts.length === 3) {
+        this._alpha = 100;
+      }
+      if (parts.length >= 3) {
+        fromHSV(parts[0], parts[1], parts[2]);
+      }
+    } else if (value.indexOf('rgb') !== -1) {
+      const parts = value.replace(/rgba|rgb|\(|\)/gm, '')
+        .split(/\s|,/g).filter((val) => val !== '').map((val, index) => index > 2 ? parseFloat(val) : parseInt(val, 10));
+
+      if (parts.length === 4) {
+        this._alpha = Math.floor(parseFloat(parts[3]) * 100);
+      } else if (parts.length === 3) {
+        this._alpha = 100;
+      }
+      if (parts.length >= 3) {
+        const { h, s, v } = rgb2hsv(parts[0], parts[1], parts[2]);
+        fromHSV(h, s, v);
+      }
+    } else if (value.indexOf('#') !== -1) {
+      const hex = value.replace('#', '').trim();
+      if (!/^(?:[0-9a-fA-F]{3}){1,2}|[0-9a-fA-F]{8}$/.test(hex)) return;
+      let r, g, b;
+
+      if (hex.length === 3) {
+        r = parseHexChannel(hex[0] + hex[0]);
+        g = parseHexChannel(hex[1] + hex[1]);
+        b = parseHexChannel(hex[2] + hex[2]);
+      } else if (hex.length === 6 || hex.length === 8) {
+        r = parseHexChannel(hex.substring(0, 2));
+        g = parseHexChannel(hex.substring(2, 4));
+        b = parseHexChannel(hex.substring(4, 6));
+      }
+
+      if (hex.length === 8) {
+        this._alpha = Math.floor(parseHexChannel(hex.substring(6)) / 255 * 100);
+      } else if (hex.length === 3 || hex.length === 6) {
+        this._alpha = 100;
+      }
+
+      const { h, s, v } = rgb2hsv(r, g, b);
+      fromHSV(h, s, v);
+    }
+  }
+
+  compare(color) {
+    return Math.abs(color._hue - this._hue) < 2 &&
+      Math.abs(color._saturation - this._saturation) < 1 &&
+      Math.abs(color._value - this._value) < 1 &&
+      Math.abs(color._alpha - this._alpha) < 1;
+  }
+
+  doOnChange() {
+    const { _hue, _saturation, _value, _alpha, format } = this;
+
+    if (this.enableAlpha) {
+      switch (format) {
+        case 'hsl':
+          const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
+          this.value = `hsla(${ _hue }, ${ Math.round(hsl[1] * 100) }%, ${ Math.round(hsl[2] * 100) }%, ${ _alpha / 100})`;
+          break;
+        case 'hsv':
+          this.value = `hsva(${ _hue }, ${ Math.round(_saturation) }%, ${ Math.round(_value) }%, ${ _alpha / 100})`;
+          break;
+        default:
+          const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
+          this.value = `rgba(${r}, ${g}, ${b}, ${ _alpha / 100 })`;
+      }
+    } else {
+      switch (format) {
+        case 'hsl':
+          const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
+          this.value = `hsl(${ _hue }, ${ Math.round(hsl[1] * 100) }%, ${ Math.round(hsl[2] * 100) }%)`;
+          break;
+        case 'hsv':
+          this.value = `hsv(${ _hue }, ${ Math.round(_saturation) }%, ${ Math.round(_value) }%)`;
+          break;
+        case 'rgb':
+          const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
+          this.value = `rgb(${r}, ${g}, ${b})`;
+          break;
+        default:
+          this.value = toHex(hsv2rgb(_hue, _saturation, _value));
+      }
+    }
+  }
+};
diff --git a/packages/agColorPicker/src/components/alpha-slider.vue b/packages/agColorPicker/src/components/alpha-slider.vue
new file mode 100644
index 0000000..efeb87f
--- /dev/null
+++ b/packages/agColorPicker/src/components/alpha-slider.vue
@@ -0,0 +1,132 @@
+<template>
+  <div class="el-color-alpha-slider" :class="{ 'is-vertical': vertical }">
+    <div class="el-color-alpha-slider__bar"
+         @click="handleClick"
+         ref="bar"
+         :style="{
+           background: background
+         }">
+    </div>
+    <div class="el-color-alpha-slider__thumb"
+         ref="thumb"
+         :style="{
+           left: thumbLeft + 'px',
+           top: thumbTop + 'px'
+         }">
+    </div>
+  </div>
+</template>
+
+<script>
+  import draggable from '../draggable';
+
+  export default {
+    name: 'el-color-alpha-slider',
+
+    props: {
+      color: {
+        required: true
+      },
+      vertical: Boolean
+    },
+
+    watch: {
+      'color._alpha'() {
+        this.update();
+      },
+
+      'color.value'() {
+        this.update();
+      }
+    },
+
+    methods: {
+      handleClick(event) {
+        const thumb = this.$refs.thumb;
+        const target = event.target;
+
+        if (target !== thumb) {
+          this.handleDrag(event);
+        }
+      },
+
+      handleDrag(event) {
+        const rect = this.$el.getBoundingClientRect();
+        const { thumb } = this.$refs;
+
+        if (!this.vertical) {
+          let left = event.clientX - rect.left;
+          left = Math.max(thumb.offsetWidth / 2, left);
+          left = Math.min(left, rect.width - thumb.offsetWidth / 2);
+
+          this.color.set('alpha', Math.round((left - thumb.offsetWidth / 2) / (rect.width - thumb.offsetWidth) * 100));
+        } else {
+          let top = event.clientY - rect.top;
+          top = Math.max(thumb.offsetHeight / 2, top);
+          top = Math.min(top, rect.height - thumb.offsetHeight / 2);
+
+          this.color.set('alpha', Math.round((top - thumb.offsetHeight / 2) / (rect.height - thumb.offsetHeight) * 100));
+        }
+      },
+
+      getThumbLeft() {
+        if (this.vertical) return 0;
+        const el = this.$el;
+        const alpha = this.color._alpha;
+
+        if (!el) return 0;
+        const thumb = this.$refs.thumb;
+        return Math.round(alpha * (el.offsetWidth - thumb.offsetWidth / 2) / 100);
+      },
+
+      getThumbTop() {
+        if (!this.vertical) return 0;
+        const el = this.$el;
+        const alpha = this.color._alpha;
+
+        if (!el) return 0;
+        const thumb = this.$refs.thumb;
+        return Math.round(alpha * (el.offsetHeight - thumb.offsetHeight / 2) / 100);
+      },
+
+      getBackground() {
+        if (this.color && this.color.value) {
+          const { r, g, b } = this.color.toRgb();
+          return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`;
+        }
+        return null;
+      },
+
+      update() {
+        this.thumbLeft = this.getThumbLeft();
+        this.thumbTop = this.getThumbTop();
+        this.background = this.getBackground();
+      }
+    },
+
+    data() {
+      return {
+        thumbLeft: 0,
+        thumbTop: 0,
+        background: null
+      };
+    },
+
+    mounted() {
+      const { bar, thumb } = this.$refs;
+
+      const dragConfig = {
+        drag: (event) => {
+          this.handleDrag(event);
+        },
+        end: (event) => {
+          this.handleDrag(event);
+        }
+      };
+
+      draggable(bar, dragConfig);
+      draggable(thumb, dragConfig);
+      this.update();
+    }
+  };
+</script>
diff --git a/packages/agColorPicker/src/components/hue-slider.vue b/packages/agColorPicker/src/components/hue-slider.vue
new file mode 100644
index 0000000..c93e42c
--- /dev/null
+++ b/packages/agColorPicker/src/components/hue-slider.vue
@@ -0,0 +1,123 @@
+<template>
+  <div class="el-color-hue-slider" :class="{ 'is-vertical': vertical }">
+    <div class="el-color-hue-slider__bar" @click="handleClick" ref="bar"></div>
+    <div class="el-color-hue-slider__thumb"
+         :style="{
+           left: thumbLeft + 'px',
+           top: thumbTop + 'px'
+         }"
+         ref="thumb">
+    </div>
+  </div>
+</template>
+
+<script>
+  import draggable from '../draggable';
+
+  export default {
+    name: 'el-color-hue-slider',
+
+    props: {
+      color: {
+        required: true
+      },
+
+      vertical: Boolean
+    },
+
+    data() {
+      return {
+        thumbLeft: 0,
+        thumbTop: 0
+      };
+    },
+
+    computed: {
+      hueValue() {
+        const hue = this.color.get('hue');
+        return hue;
+      }
+    },
+
+    watch: {
+      hueValue() {
+        this.update();
+      }
+    },
+
+    methods: {
+      handleClick(event) {
+        const thumb = this.$refs.thumb;
+        const target = event.target;
+
+        if (target !== thumb) {
+          this.handleDrag(event);
+        }
+      },
+
+      handleDrag(event) {
+        const rect = this.$el.getBoundingClientRect();
+        const { thumb } = this.$refs;
+        let hue;
+
+        if (!this.vertical) {
+          let left = event.clientX - rect.left;
+          left = Math.min(left, rect.width - thumb.offsetWidth / 2);
+          left = Math.max(thumb.offsetWidth / 2, left);
+
+          hue = Math.round((left - thumb.offsetWidth / 2) / (rect.width - thumb.offsetWidth) * 360);
+        } else {
+          let top = event.clientY - rect.top;
+          top = Math.min(top, rect.height - thumb.offsetHeight / 2);
+          top = Math.max(thumb.offsetHeight / 2, top);
+
+          hue = Math.round((top - thumb.offsetHeight / 2) / (rect.height - thumb.offsetHeight) * 360);
+        }
+
+        this.color.set('hue', hue);
+      },
+
+      getThumbLeft() {
+        if (this.vertical) return 0;
+        const el = this.$el;
+        const hue = this.color.get('hue');
+
+        if (!el) return 0;
+        const thumb = this.$refs.thumb;
+        return Math.round(hue * (el.offsetWidth - thumb.offsetWidth / 2) / 360);
+      },
+
+      getThumbTop() {
+        if (!this.vertical) return 0;
+        const el = this.$el;
+        const hue = this.color.get('hue');
+
+        if (!el) return 0;
+        const thumb = this.$refs.thumb;
+        return Math.round(hue * (el.offsetHeight - thumb.offsetHeight / 2) / 360);
+      },
+
+      update() {
+        this.thumbLeft = this.getThumbLeft();
+        this.thumbTop = this.getThumbTop();
+      }
+    },
+
+    mounted() {
+      const { bar, thumb } = this.$refs;
+
+      const dragConfig = {
+        drag: (event) => {
+          this.handleDrag(event);
+        },
+        end: (event) => {
+          this.handleDrag(event);
+        }
+      };
+
+      draggable(bar, dragConfig);
+      draggable(thumb, dragConfig);
+      this.update();
+    }
+  };
+</script>
diff --git a/packages/agColorPicker/src/components/picker-dropdown.vue b/packages/agColorPicker/src/components/picker-dropdown.vue
new file mode 100644
index 0000000..9de2199
--- /dev/null
+++ b/packages/agColorPicker/src/components/picker-dropdown.vue
@@ -0,0 +1,128 @@
+<template>
+  <transition name="el-zoom-in-top" @after-leave="doDestroy">
+    <div
+      class="el-color-dropdown"
+      v-show="showPopper">
+      <div class="el-color-dropdown__main-wrapper">
+        <hue-slider ref="hue" :color="color" vertical style="float: right;"></hue-slider>
+        <sv-panel ref="sl" :color="color"></sv-panel>
+      </div>
+      <alpha-slider v-if="showAlpha" ref="alpha" :color="color"></alpha-slider>
+      <predefine v-if="predefine" :color="color" :colors="predefine"></predefine>
+      <div class="el-color-dropdown__btns">
+        <span class="el-color-dropdown__value">
+          <el-input
+            v-model="customInput"
+            @keyup.native.enter="handleConfirm"
+            @blur="handleConfirm"
+            :validate-event="false"
+            size="mini">
+          </el-input>
+        </span>
+        <el-button
+        size="mini"
+        type="text"
+        class="el-color-dropdown__link-btn"
+        @click="$emit('eyedropper')">
+       <i class="el-icon-magic-stick"></i>
+      </el-button>
+        <el-button
+          size="mini"
+          type="text"
+          class="el-color-dropdown__link-btn"
+          @click="$emit('clear')">
+          {{ t('el.colorpicker.clear') }}
+        </el-button>
+        <el-button
+          plain
+          size="mini"
+          class="el-color-dropdown__btn"
+          @click="confirmValue">
+          {{ t('el.colorpicker.confirm') }}
+        </el-button>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script>
+  import SvPanel from './sv-panel';
+  import HueSlider from './hue-slider';
+  import AlphaSlider from './alpha-slider';
+  import Predefine from './predefine';
+  import Popper from 'element-ui/src/utils/vue-popper';
+  import Locale from 'element-ui/src/mixins/locale';
+  import ElInput from 'element-ui/packages/input';
+  import ElButton from 'element-ui/packages/button';
+
+  export default {
+    name: 'el-color-picker-dropdown',
+
+    mixins: [Popper, Locale],
+
+    components: {
+      SvPanel,
+      HueSlider,
+      AlphaSlider,
+      ElInput,
+      ElButton,
+      Predefine
+    },
+
+    props: {
+      color: {
+        required: true
+      },
+      showAlpha: Boolean,
+      predefine: Array
+    },
+
+    data() {
+      return {
+        customInput: ''
+      };
+    },
+
+    computed: {
+      currentColor() {
+        const parent = this.$parent;
+        return !parent.value && !parent.showPanelColor ? '' : parent.color.value;
+      }
+    },
+
+    methods: {
+      confirmValue() {
+        this.$emit('pick');
+      },
+
+      handleConfirm() {
+        this.color.fromString(this.customInput);
+      }
+    },
+
+    mounted() {
+      this.$parent.popperElm = this.popperElm = this.$el;
+      this.referenceElm = this.$parent.$el;
+    },
+
+    watch: {
+      showPopper(val) {
+        if (val === true) {
+          this.$nextTick(() => {
+            const { sl, hue, alpha } = this.$refs;
+            sl && sl.update();
+            hue && hue.update();
+            alpha && alpha.update();
+          });
+        }
+      },
+
+      currentColor: {
+        immediate: true,
+        handler(val) {
+          this.customInput = val;
+        }
+      }
+    }
+  };
+</script>
diff --git a/packages/agColorPicker/src/components/predefine.vue b/packages/agColorPicker/src/components/predefine.vue
new file mode 100644
index 0000000..1387c48
--- /dev/null
+++ b/packages/agColorPicker/src/components/predefine.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="el-color-predefine">
+    <div class="el-color-predefine__colors">
+      <div class="el-color-predefine__color-selector"
+           :class="{selected: item.selected, 'is-alpha': item._alpha < 100}"
+           v-for="(item, index) in rgbaColors"
+           :key="colors[index]"
+           @click="handleSelect(index)">
+        <div :style="{'background-color': item.value}">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import Color from '../color';
+
+  export default {
+    props: {
+      colors: { type: Array, required: true },
+      color: { required: true }
+    },
+    data() {
+      return {
+        rgbaColors: this.parseColors(this.colors, this.color)
+      };
+    },
+    methods: {
+      handleSelect(index) {
+        this.color.fromString(this.colors[index]);
+      },
+      parseColors(colors, color) {
+        return colors.map(value => {
+          const c = new Color();
+          c.enableAlpha = true;
+          c.format = 'rgba';
+          c.fromString(value);
+          c.selected = c.value === color.value;
+          return c;
+        });
+      }
+    },
+    watch: {
+      '$parent.currentColor'(val) {
+        const color = new Color();
+        color.fromString(val);
+
+        this.rgbaColors.forEach(item => {
+          item.selected = color.compare(item);
+        });
+      },
+      colors(newVal) {
+        this.rgbaColors = this.parseColors(newVal, this.color);
+      },
+      color(newVal) {
+        this.rgbaColors = this.parseColors(this.colors, newVal);
+      }
+    }
+  };
+</script>
\ No newline at end of file
diff --git a/packages/agColorPicker/src/components/sv-panel.vue b/packages/agColorPicker/src/components/sv-panel.vue
new file mode 100644
index 0000000..66676a6
--- /dev/null
+++ b/packages/agColorPicker/src/components/sv-panel.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="el-color-svpanel"
+      :style="{
+        backgroundColor: background
+      }">
+    <div class="el-color-svpanel__white"></div>
+    <div class="el-color-svpanel__black"></div>
+    <div class="el-color-svpanel__cursor"
+      :style="{
+        top: cursorTop + 'px',
+        left: cursorLeft + 'px'
+      }">
+      <div></div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import draggable from '../draggable';
+
+  export default {
+    name: 'el-sl-panel',
+
+    props: {
+      color: {
+        required: true
+      }
+    },
+
+    computed: {
+      colorValue() {
+        const hue = this.color.get('hue');
+        const value = this.color.get('value');
+        return { hue, value };
+      }
+    },
+
+    watch: {
+      colorValue() {
+        this.update();
+      }
+    },
+
+    methods: {
+      update() {
+        const saturation = this.color.get('saturation');
+        const value = this.color.get('value');
+
+        const el = this.$el;
+        let { clientWidth: width, clientHeight: height } = el;
+
+        this.cursorLeft = saturation * width / 100;
+        this.cursorTop = (100 - value) * height / 100;
+
+        this.background = 'hsl(' + this.color.get('hue') + ', 100%, 50%)';
+      },
+
+      handleDrag(event) {
+        const el = this.$el;
+        const rect = el.getBoundingClientRect();
+
+        let left = event.clientX - rect.left;
+        let top = event.clientY - rect.top;
+        left = Math.max(0, left);
+        left = Math.min(left, rect.width);
+
+        top = Math.max(0, top);
+        top = Math.min(top, rect.height);
+
+        this.cursorLeft = left;
+        this.cursorTop = top;
+        this.color.set({
+          saturation: left / rect.width * 100,
+          value: 100 - top / rect.height * 100
+        });
+      }
+    },
+
+    mounted() {
+      draggable(this.$el, {
+        drag: (event) => {
+          this.handleDrag(event);
+        },
+        end: (event) => {
+          this.handleDrag(event);
+        }
+      });
+
+      this.update();
+    },
+
+    data() {
+      return {
+        cursorTop: 0,
+        cursorLeft: 0,
+        background: 'hsl(0, 100%, 50%)'
+      };
+    }
+  };
+</script>
diff --git a/packages/agColorPicker/src/draggable.js b/packages/agColorPicker/src/draggable.js
new file mode 100644
index 0000000..339a485
--- /dev/null
+++ b/packages/agColorPicker/src/draggable.js
@@ -0,0 +1,36 @@
+import Vue from 'vue';
+let isDragging = false;
+
+export default function(element, options) {
+  if (Vue.prototype.$isServer) return;
+  const moveFn = function(event) {
+    if (options.drag) {
+      options.drag(event);
+    }
+  };
+  const upFn = function(event) {
+    document.removeEventListener('mousemove', moveFn);
+    document.removeEventListener('mouseup', upFn);
+    document.onselectstart = null;
+    document.ondragstart = null;
+
+    isDragging = false;
+
+    if (options.end) {
+      options.end(event);
+    }
+  };
+  element.addEventListener('mousedown', function(event) {
+    if (isDragging) return;
+    document.onselectstart = function() { return false; };
+    document.ondragstart = function() { return false; };
+
+    document.addEventListener('mousemove', moveFn);
+    document.addEventListener('mouseup', upFn);
+    isDragging = true;
+
+    if (options.start) {
+      options.start(event);
+    }
+  });
+}
diff --git a/packages/agColorPicker/src/index.vue b/packages/agColorPicker/src/index.vue
new file mode 100644
index 0000000..1d70c21
--- /dev/null
+++ b/packages/agColorPicker/src/index.vue
@@ -0,0 +1,201 @@
+<template>
+    <div
+      :class="[
+        'el-color-picker',
+        colorDisabled ? 'is-disabled' : '',
+        colorSize ? `el-color-picker--${ colorSize }` : ''
+      ]"
+      v-clickoutside="hide">
+      <div class="el-color-picker__mask" v-if="colorDisabled"></div>
+      <div class="el-color-picker__trigger" @click="handleTrigger">
+        <span class="el-color-picker__color" :class="{ 'is-alpha': showAlpha }">
+          <span class="el-color-picker__color-inner"
+            :style="{
+              backgroundColor: displayedColor
+            }"></span>
+          <span class="el-color-picker__empty el-icon-close" v-if="!value && !showPanelColor"></span>
+        </span>
+        <span class="el-color-picker__icon el-icon-arrow-down" v-show="value || showPanelColor"></span>
+      </div>
+      <picker-dropdown
+         ref="dropdown"
+         :class="['el-color-picker__panel', popperClass || '']"
+         v-model="showPicker"
+         @pick="confirmValue"
+         @clear="clearValue"
+         @eyedropper="eyedropper"
+         :color="color"
+         :show-alpha="showAlpha"
+         :predefine="predefine">
+      </picker-dropdown>
+    </div>
+  </template>
+  
+  <script>
+    import Color from './color';
+    import PickerDropdown from './components/picker-dropdown.vue';
+    import Clickoutside from 'element-ui/src/utils/clickoutside';
+    import Emitter from 'element-ui/src/mixins/emitter';
+  
+    export default {
+      name: 'AgColorPicker',
+  
+      mixins: [Emitter],
+  
+      props: {
+        value: String,
+        showAlpha: Boolean,
+        colorFormat: String,
+        disabled: Boolean,
+        size: String,
+        popperClass: String,
+        predefine: Array
+      },
+  
+      inject: {
+        elForm: {
+          default: ''
+        },
+        elFormItem: {
+          default: ''
+        }
+      },
+  
+      directives: { Clickoutside },
+  
+      computed: {
+        displayedColor() {
+          if (!this.value && !this.showPanelColor) {
+            return 'transparent';
+          }
+  
+          return this.displayedRgb(this.color, this.showAlpha);
+        },
+  
+        _elFormItemSize() {
+          return (this.elFormItem || {}).elFormItemSize;
+        },
+  
+        colorSize() {
+          return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+        },
+  
+        colorDisabled() {
+          return this.disabled || (this.elForm || {}).disabled;
+        }
+      },
+  
+      watch: {
+        value(val) {
+          if (!val) {
+            this.showPanelColor = false;
+          } else if (val && val !== this.color.value) {
+            this.color.fromString(val);
+          }
+        },
+        color: {
+          deep: true,
+          handler() {
+            this.showPanelColor = true;
+          }
+        },
+        displayedColor(val) {
+          if (!this.showPicker) return;
+          const currentValueColor = new Color({
+            enableAlpha: this.showAlpha,
+            format: this.colorFormat
+          });
+          currentValueColor.fromString(this.value);
+  
+          const currentValueColorRgb = this.displayedRgb(currentValueColor, this.showAlpha);
+          if (val !== currentValueColorRgb) {
+            this.$emit('active-change', val);
+          }
+        }
+      },
+  
+      methods: {
+        handleTrigger() {
+          if (this.colorDisabled) return;
+          this.showPicker = !this.showPicker;
+        },
+        confirmValue() {
+          const value = this.color.value;
+          this.$emit('input', value);
+          this.$emit('change', value);
+          this.dispatch('ElFormItem', 'el.form.change', value);
+          this.showPicker = false;
+        },
+        clearValue() {
+          this.$emit('input', null);
+          this.$emit('change', null);
+          if (this.value !== null) {
+            this.dispatch('ElFormItem', 'el.form.change', null);
+          }
+          this.showPanelColor = false;
+          this.showPicker = false;
+          this.resetColor();
+        },
+       async eyedropper(){
+            const dropper=new EyeDropper();
+           try{
+                const result=await dropper.open(); 
+                const value = result.sRGBHex;
+                this.$emit('input', value);
+                this.$emit('change', value);
+                this.dispatch('ElFormItem', 'el.form.change', value); 
+           }catch(e){
+           }
+        },
+        hide() {
+          this.showPicker = false;
+          this.resetColor();
+        },
+        resetColor() {
+          this.$nextTick(_ => {
+            if (this.value) {
+              this.color.fromString(this.value);
+            } else {
+              this.showPanelColor = false;
+            }
+          });
+        },
+        displayedRgb(color, showAlpha) {
+          if (!(color instanceof Color)) {
+            throw Error('color should be instance of Color Class');
+          }
+  
+          const { r, g, b } = color.toRgb();
+          return showAlpha
+            ? `rgba(${ r }, ${ g }, ${ b }, ${ color.get('alpha') / 100 })`
+            : `rgb(${ r }, ${ g }, ${ b })`;
+        }
+      },
+  
+      mounted() {
+        const value = this.value;
+        if (value) {
+          this.color.fromString(value);
+        }
+        this.popperElm = this.$refs.dropdown.$el;
+      },
+  
+      data() {
+        const color = new Color({
+          enableAlpha: this.showAlpha,
+          format: this.colorFormat
+        });
+  
+        return {
+          color,
+          showPicker: false,
+          showPanelColor: false
+        };
+      },
+  
+      components: {
+        PickerDropdown
+      }
+    };
+  </script>
+  
\ No newline at end of file
diff --git a/packages/agDatePicker/src/index.vue b/packages/agDatePicker/src/index.vue
index 6d2c352..1a2e775 100644
--- a/packages/agDatePicker/src/index.vue
+++ b/packages/agDatePicker/src/index.vue
@@ -62,9 +62,9 @@ export default {
       let config = {};
       if (this.range) {
         config = {
-          "start-placeholder":this.$attrs.startplaceholder||"开始日期",
-          "end-placeholder":this.$attrs.endplaceholder|| "结束日期",
-          "range-separator":this.$attrs.rangeseparator||"-",
+          "start-placeholder":this.$attrs.startPlaceholder||"开始日期",
+          "end-placeholder":this.$attrs.endPlaceholder|| "结束日期",
+          "range-separator":this.$attrs.rangeSeparator||"-",
           "picker-options": {
             disabledDate(time) {
               return (
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index 0efa287..d143154 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -1,16 +1,40 @@
 <template>
     <el-form v-bind="$attrs" v-on="$listeners" :model="formValue" ref="formref">
-    <el-row>
-     <el-col v-for="item,index in data" :key="index" :span="item.span||24">
+    <ag-row>
+     <ag-col v-for="item,index in data" :key="index" :span="item.span||24">
          <el-form-item v-bind="item" :prop="item.enName" >
              <slot :name="item.enName">
                  <ag-input v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input'"></ag-input>
                  <agDatePicker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-date-picker'"/>
                  <agSelect v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-select'" />
+                 <el-radio-group v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-radio'&&formValue[item.enName]" size="small" >
+                 <el-radio :label="it.value" v-for="it,index in item.options" :key="index">{{it.label}}</el-radio> 
+                 </el-radio-group>
+                 <el-checkbox-group v-bind="item" v-if="item.type=='ag-checkbox'&&formValue[item.enName]" v-model="formValue[item.enName]" size="small">
+                    <el-checkbox v-for="it,index in item.options" :label="it.value" :key="index">{{it.label}}</el-checkbox> 
+                  </el-checkbox-group>
+                  <el-input-number v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input-number'" ></el-input-number>
+                  <el-cascader v-model="formValue[item.enName]" v-bind="item" size="small" v-if="item.type=='ag-cascader'"></el-cascader>
+                  <el-switch
+                v-model="formValue[item.enName]"
+                 v-bind="item" size="small" v-if="item.type=='ag-switch'&&formValue[item.enName]" >
+                </el-switch>
+                <el-slider v-model="formValue[item.enName]"
+                v-bind="item" size="small" v-if="item.type=='ag-slider'"></el-slider>
+                <el-time-select
+                 v-model="formValue[item.enName]"
+                v-bind="item" size="small" v-if="item.type=='ag-time-select'" 
+                :picker-options="item.options">
+              </el-time-select>
+             <ag-upload v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-upload'"></ag-upload>
+             <el-rate v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-rate'" size="small"></el-rate>
+             <agColorPicker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-color-picker'" size="small"> 
+             </agColorPicker>
+             <el-transfer :data="item.data"  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-transfer'" size="small"></el-transfer>
              </slot> 
-            </el-form-item> 
-        </el-col>  
-    </el-row> 
+            </el-form-item>  
+        </ag-col>  
+    </ag-row> 
     <div class="footerbox">
         <el-form-item >   
             <slot name="button" :value="formValue">
@@ -28,13 +52,21 @@
 import agInput from './../../agInput/src/index.vue';
 import agDatePicker from './../../agDatePicker/src/index.vue';
 import agSelect from './../../agSelect/src/index.vue';
+import agRow from './../../agRow/src/index.vue';
+import agCol from './../../agCol/src/index.vue';
+import agUpload from './../../agUpload/src/index.vue';
+import agColorPicker from './../../agColorPicker/src/index.vue';
 
 export default{
     name:"agForm",
     components:{
         agInput:agInput,
         agDatePicker,
-        agSelect
+        agSelect,
+        agRow,
+        agCol,
+        agUpload:agUpload,
+        agColorPicker
     },
     props:{
         data:{
@@ -56,12 +88,13 @@ export default{
         }
     },
     mounted(){ 
-        this.formValue=this.$attrs.value;
+        this.formValue=this.$attrs.value; 
         if(this.$refs.formref){
       for(const key in this.$refs.formref){ 
         if(!this[key]&&key!='value'){
           this[key]=this.$refs.formref[key];
-        } 
+        }  
+        
      }
     } 
     },
diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index 0604dd3..605f819 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -107,7 +107,11 @@
         default:'picture-card'
       } 
     },
-    mounted() {   
+    model: {  
+    prop: 'fileList', // 明确指定 prop 为 'value'  
+    event: 'onUpload' // 自定义事件名，用于更新 value  
+  }, 
+    mounted() {    
         if(this.fileList.length>0){
           let list=[];
           this.fileList.map((h)=>{
@@ -237,7 +241,7 @@
             if(files.length==uplist.length){ 
               if(this.$listeners.onUpload){
                 this.fileList.push(...uplist); 
-                this.$emit('onUpload',uplist,this.fileList); 
+                this.$emit('onUpload',this.fileList,uplist); 
               }else{
                 this.imageList.push(...uplist); 
               } 
diff --git a/packages/index.js b/packages/index.js
index ab59737..d7de838 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -3,6 +3,7 @@
   import agSelect from './agSelect/index';
   import agUpdate from './agUpload';
   import agForm from './agForm';
+  import agColorPicker from './agColorPicker';
  
   // 注册组件
  
@@ -11,7 +12,8 @@
     agInput,
     agSelect,
     agUpdate,
-    agForm
+    agForm,
+    agColorPicker
   ]
   
   // 定义 install 方法，接收 Vue 作为参数（使用 use 注册插件，那么所有的组件都会被注册）
diff --git a/src/App.vue b/src/App.vue
index 809a77a..0ef866f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,10 +47,10 @@
         <div>{{row.date}} </div>
        </template> 
     </agTable>
-    <agUpdate @onUpload="onUpload" isDrap dragmove multiple :limit="5" @onError="onError" :maxSize="1024*1024" :fileList="filelist">
+    <agUpdate @onUpload="onUpload" isDrap dragmove multiple :limit="5" @onError="onError" :maxSize="1024*1024" :value="filelist">
       <div slot="tip">只能上传jpg/png文件，且不超过500kb</div> 
     </agUpdate>
-    <ag-form :data="formdata" label-width="80px" label-position="right" v-model="formvalue">
+    <ag-form :data="formdata" label-width="120px" label-position="right" v-model="formvalue">
 
     </ag-form>
     <!-- <el-input
@@ -356,9 +356,9 @@ export default {
           enName: "time",
           TimeType: "daterange",
           clearable: true,
-          startplaceholder: "开始日期",
-          endplaceholder: "结束日期",
-          rangeseparator: "至",
+          startPlaceholder: "开始日期",
+          endPlaceholder: "结束日期",
+          rangeSeparator: "至",
           format: "timestamp",
           placeholder: "请选择日期",
           filterable: true,
@@ -372,16 +372,18 @@ export default {
       ], 
       filelist:['https://git.aiguoai.com/assets/img/logo.svg'],
       formdata:[
-        {label:"订单编号",span:12,type:"ag-input",enName:'order_sn',value:'656',placeholder:'请输入洗碗机',size:'small',clearable:true,show:true,value:'123',required:true},
-        {label:"IMEI/机器编号",span:12,type:"ag-input",enName:'imei',value:'43543',placeholder:'请输入IMEI/机器编号',size:'small',clearable:true,show:true},
-        {label:"质检码",span:12,type:"ag-select",value:'',enName:'ser_sn',placeholder:'请输入质检码',size:'small',clearable:true,show:true,options:[{value:'1',label:'112'},{value:'2',label:'2223'}]},
-        {label:"质检时间",span:12,type:"ag-date-picker",enName:'time',range:true,showTime:true,startplaceholder:'初始日期1',endplaceholder:'结束日期1',width:200,rangeseparator:'至',placeholder:'请选择日期',filterable:true,size:'small'},
+        {label:"订单编号",span:12,type:"ag-input",enName:'order_sn',value:'656',placeholder:'请输入洗碗机',size:'small',clearable:true,show:true,value:false,required:true,options:[{label:"是",value:'1'},{label:"否",value:'2'}]},
+        {label:"IMEI/机器编号",span:12,type:"ag-input-number",enName:'imei',value:'43543',placeholder:'请输入IMEI/机器编号',size:'small',clearable:true,max:10,min:2,step:2,show:true},
+        {label:"质检码",span:12,type:"ag-rate",value:'',enName:'ser_sn',placeholder:'请输入质检码',size:'small',clearable:true,show:true,options:[{value:'1',label:'112'},{value:'2',label:'2223'}]},
+        {label:"质检时间",span:12,type:"ag-color-picker",enName:'time',showAlpha:true,size:'small',colorFormat:'hsv',show:true},
+        {label:"头像",span:12,type:"ag-upload",enName:'avatar',placeholder:'请输入质检码',size:'small',clearable:true,show:true,limit:4,multiple:true},
       ],
       formvalue:{
-        order_sn:'123',
-        imei:'456',
-        ser_sn:'1',
-        time:['2020-12-12 12:33:11','2024-09-11 13:13:13']
+        order_sn:"11",
+        imei:'',
+        ser_sn:2,
+        time:'red',
+        avatar:["https://git.aiguoai.com/assets/img/logo.svg"],
       }
     } 
   },

From 703d81533997e400afaab4b78120b79d010fe7de Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Mon, 9 Sep 2024 14:47:36 +0800
Subject: [PATCH 15/47] 33

---
 packages/agForm/src/index.vue                | 10 ++++++++--
 packages/agInput/src/index.vue               |  2 +-
 packages/agMultifunctionSearch/src/index.vue |  4 ++++
 packages/agUpload/src/index.vue              |  4 ++--
 src/App.vue                                  |  4 ++--
 5 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index d143154..db7696d 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -31,6 +31,8 @@
              <agColorPicker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-color-picker'" size="small"> 
              </agColorPicker>
              <el-transfer :data="item.data"  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-transfer'" size="small"></el-transfer>
+             <agNumberRange v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-numberRange'" size="small"/> 
+             <agMultifunctionSearch v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multifunction-search'" size="small"/> 
              </slot> 
             </el-form-item>  
         </ag-col>  
@@ -55,7 +57,9 @@ import agSelect from './../../agSelect/src/index.vue';
 import agRow from './../../agRow/src/index.vue';
 import agCol from './../../agCol/src/index.vue';
 import agUpload from './../../agUpload/src/index.vue';
-import agColorPicker from './../../agColorPicker/src/index.vue';
+import agColorPicker from './../../agColorPicker/src/index.vue'; 
+import agNumberRange from './../../agNumberRange/src/index.vue';
+import agMultifunctionSearch from './../../agMultifunctionSearch/src/index.vue';
 
 export default{
     name:"agForm",
@@ -66,7 +70,9 @@ export default{
         agRow,
         agCol,
         agUpload:agUpload,
-        agColorPicker
+        agColorPicker,
+        agNumberRange,
+        agMultifunctionSearch
     },
     props:{
         data:{
diff --git a/packages/agInput/src/index.vue b/packages/agInput/src/index.vue
index 741c806..2a6ab1d 100644
--- a/packages/agInput/src/index.vue
+++ b/packages/agInput/src/index.vue
@@ -23,7 +23,7 @@ export default {
       type: Boolean,
       default: false,
     },
-  }, 
+  },  
   mounted(){  
     if(this.$refs.apinputref){
       for(const key in this.$refs.apinputref){ 
diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
index a6284fa..f50b51d 100644
--- a/packages/agMultifunctionSearch/src/index.vue
+++ b/packages/agMultifunctionSearch/src/index.vue
@@ -123,6 +123,10 @@ export default {
       listeners:{}
     };
   }, 
+  model: {  
+      prop: 'value', // 明确指定 prop 为 'value'  
+      event: 'change' // 自定义事件名，用于更新 value  
+  }, 
   watch: {
     value: {
       handler(newVal) {  
diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index 605f819..ab1ede4 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -108,8 +108,8 @@
       } 
     },
     model: {  
-    prop: 'fileList', // 明确指定 prop 为 'value'  
-    event: 'onUpload' // 自定义事件名，用于更新 value  
+      prop: 'fileList', // 明确指定 prop 为 'value'  
+      event: 'onUpload' // 自定义事件名，用于更新 value  
   }, 
     mounted() {    
         if(this.fileList.length>0){
diff --git a/src/App.vue b/src/App.vue
index 0ef866f..7ce9241 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -375,14 +375,14 @@ export default {
         {label:"订单编号",span:12,type:"ag-input",enName:'order_sn',value:'656',placeholder:'请输入洗碗机',size:'small',clearable:true,show:true,value:false,required:true,options:[{label:"是",value:'1'},{label:"否",value:'2'}]},
         {label:"IMEI/机器编号",span:12,type:"ag-input-number",enName:'imei',value:'43543',placeholder:'请输入IMEI/机器编号',size:'small',clearable:true,max:10,min:2,step:2,show:true},
         {label:"质检码",span:12,type:"ag-rate",value:'',enName:'ser_sn',placeholder:'请输入质检码',size:'small',clearable:true,show:true,options:[{value:'1',label:'112'},{value:'2',label:'2223'}]},
-        {label:"质检时间",span:12,type:"ag-color-picker",enName:'time',showAlpha:true,size:'small',colorFormat:'hsv',show:true},
+        {label:"质检时间",span:12,type:"ag-multifunction-search",enName:'time',showAlpha:true,size:'small',colorFormat:'hsv',show:true},
         {label:"头像",span:12,type:"ag-upload",enName:'avatar',placeholder:'请输入质检码',size:'small',clearable:true,show:true,limit:4,multiple:true},
       ],
       formvalue:{
         order_sn:"11",
         imei:'',
         ser_sn:2,
-        time:'red',
+        time:['11','2'],
         avatar:["https://git.aiguoai.com/assets/img/logo.svg"],
       }
     } 

From 2f9ddc22c00efb456d52c0c7e09be96e5fdbfe06 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Mon, 9 Sep 2024 15:13:37 +0800
Subject: [PATCH 16/47] dfdf

---
 packages/agDatePicker/src/index.vue     | 11 ++++--
 packages/agForm/src/index.vue           |  9 +++--
 packages/agNumberRange/index.js         |  2 +-
 packages/agNumberRange/src/index.vue    |  5 ++-
 packages/agQuery/src/index.vue          |  5 ++-
 packages/agTable/{index,js => index.js} |  2 +-
 packages/agTable/src/index.vue          | 14 ++++++-
 packages/agTabs/index.js                |  2 +-
 packages/agTabs/src/index.vue           |  9 ++++-
 packages/index.js                       | 28 ++++++++++++--
 src/App.vue                             | 51 ++++++++++++++++++++++++-
 11 files changed, 120 insertions(+), 18 deletions(-)
 rename packages/agTable/{index,js => index.js} (85%)

diff --git a/packages/agDatePicker/src/index.vue b/packages/agDatePicker/src/index.vue
index 1a2e775..f6b998b 100644
--- a/packages/agDatePicker/src/index.vue
+++ b/packages/agDatePicker/src/index.vue
@@ -3,6 +3,7 @@
     :style="{ width }"
     :prefix-icon="iconClass"
     clear-icon="ag-icon-clear"
+    ref="datepickerref"
     v-model="dateArr"
     v-bind="attrs"
     v-on="Listeners"
@@ -206,13 +207,17 @@ export default {
         : "ag-icon-prefix-show";
     },
   },
-  mounted() {
-    console.log(this.value,'this.value',this.$attrs); 
-    if (Array.isArray(this.value)&&this.range){  
+  mounted() { 
+        if (Array.isArray(this.value)&&this.range){  
           this.dateArr = [this.value[0] || "", this.value[1] || ""];
         } else {
           this.dateArr = this.value;
         }
+        for(const key in this.$refs.datepickerref){ 
+            if(!this[key]&&key!='value'){
+              this[key]=this.$refs.datepickerref[key];
+            }   
+        }
   },
   watch: { 
     value: {
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index db7696d..5d8963e 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -33,6 +33,7 @@
              <el-transfer :data="item.data"  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-transfer'" size="small"></el-transfer>
              <agNumberRange v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-numberRange'" size="small"/> 
              <agMultifunctionSearch v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multifunction-search'" size="small"/> 
+             <agQuery v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-query'" size="small"/>
              </slot> 
             </el-form-item>  
         </ag-col>  
@@ -60,6 +61,8 @@ import agUpload from './../../agUpload/src/index.vue';
 import agColorPicker from './../../agColorPicker/src/index.vue'; 
 import agNumberRange from './../../agNumberRange/src/index.vue';
 import agMultifunctionSearch from './../../agMultifunctionSearch/src/index.vue';
+import agQuery from './../../agQuery/src/index.vue';
+
 
 export default{
     name:"agForm",
@@ -72,7 +75,8 @@ export default{
         agUpload:agUpload,
         agColorPicker,
         agNumberRange,
-        agMultifunctionSearch
+        agMultifunctionSearch,
+        agQuery
     },
     props:{
         data:{
@@ -99,8 +103,7 @@ export default{
       for(const key in this.$refs.formref){ 
         if(!this[key]&&key!='value'){
           this[key]=this.$refs.formref[key];
-        }  
-        
+        }   
      }
     } 
     },
diff --git a/packages/agNumberRange/index.js b/packages/agNumberRange/index.js
index aafe158..4c7169f 100644
--- a/packages/agNumberRange/index.js
+++ b/packages/agNumberRange/index.js
@@ -1,4 +1,4 @@
-import agNumberRange from './src'
+import agNumberRange from './src';
 
 // 为组件提供 install 安装方法，供按需引入
 agNumberRange.install = function (Vue) {
diff --git a/packages/agNumberRange/src/index.vue b/packages/agNumberRange/src/index.vue
index b348be6..da26588 100644
--- a/packages/agNumberRange/src/index.vue
+++ b/packages/agNumberRange/src/index.vue
@@ -7,7 +7,7 @@
       @input="handleStartInput"
       @blur="handleInputBlur"
     ></el-input>
-    <span class="separator">{{ rangeSeparator }}</span>
+    <span class="separator">{{ rangeSeparator||'-'}}</span>
     <el-input
       :style="{ width: width + 'px' }"
       :size="size"
@@ -63,6 +63,9 @@ export default {
       // 结束数值
       endValue: "",
     };
+  },
+  mounted() {
+   
   },
   watch: {
     value(newValue) {
diff --git a/packages/agQuery/src/index.vue b/packages/agQuery/src/index.vue
index 51e52a2..56696da 100644
--- a/packages/agQuery/src/index.vue
+++ b/packages/agQuery/src/index.vue
@@ -56,7 +56,10 @@
         },
       }, 
     },
-    mounted(){  
+    model: {  
+      prop: 'values', // 明确指定 prop 为 'value'  
+      event: 'onSearch' // 自定义事件名，用于更新 value  
+  },     mounted(){  
        let newinput=this.inputs.map((g)=>g.label); 
        this.placeholder="请选择"+newinput.join("/");
     },
diff --git a/packages/agTable/index,js b/packages/agTable/index.js
similarity index 85%
rename from packages/agTable/index,js
rename to packages/agTable/index.js
index d5f89ed..7c9402d 100644
--- a/packages/agTable/index,js
+++ b/packages/agTable/index.js
@@ -1,4 +1,4 @@
-import agTable from './src'
+import agTable from './src';
 
 // 为组件提供 install 安装方法，供按需引入
 agTable.install = function (Vue) {
diff --git a/packages/agTable/src/index.vue b/packages/agTable/src/index.vue
index 7198443..eba3a27 100644
--- a/packages/agTable/src/index.vue
+++ b/packages/agTable/src/index.vue
@@ -1,6 +1,6 @@
 <template>
    <div class="agtablebox">
-    <el-table v-bind="$attrs" v-on="$listeners" :data="data" size="small" :header-cell-style="$attrs.headerCellStyle||{backgroundColor:'#f7f7f7'}">  
+    <el-table v-bind="$attrs" v-on="$listeners" :data="data" size="small" :header-cell-style="$attrs.headerCellStyle||{backgroundColor:'#f7f7f7'}" ref="tableref">  
       <el-table-column v-for="item,index in columns" :key="index" v-bind="item">    
              <template slot-scope="scope"> 
                <div  v-if="item.soltName">  
@@ -16,6 +16,7 @@
      </el-table>
      <div class="agtablefooter">
       <el-pagination 
+      ref="paginationref"
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
       :current-page.sync="currentPage"
@@ -38,7 +39,16 @@
       };
     }, 
     mounted() {
-      
+      for(const key in this.$refs.tableref){ 
+            if(!this[key]&&key!='value'){
+              this[key]=this.$refs.tableref[key];
+            }   
+        }
+        for(const key in this.$refs.paginationref){ 
+            if(!this[key]&&key!='value'&&key!='pageSizes'){
+              this[key]=this.$refs.paginationref[key];
+            }   
+        }  
     },
     methods: {
       handleSizeChange(e){ 
diff --git a/packages/agTabs/index.js b/packages/agTabs/index.js
index 68a4e78..da18b98 100644
--- a/packages/agTabs/index.js
+++ b/packages/agTabs/index.js
@@ -6,4 +6,4 @@ agTabs.install = function (Vue) {
 }
 
 // 导出组件
-export default agTabs
+export default agTabs;
diff --git a/packages/agTabs/src/index.vue b/packages/agTabs/src/index.vue
index 325e17d..faf0f36 100644
--- a/packages/agTabs/src/index.vue
+++ b/packages/agTabs/src/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-tabs class="ag-tabs" v-bind="$attrs" v-on="$listeners">
+  <el-tabs class="ag-tabs" v-bind="$attrs" v-on="$listeners" ref="tabsref">
     <slot v-if="!tabsData.length" name="default" />
     <el-tab-pane
       v-else
@@ -31,6 +31,13 @@ export default {
       },
     },
   },
+  mounted() {
+    for(const key in this.$refs.tabsref){ 
+            if(!this[key]&&key!='value'){
+              this[key]=this.$refs.tabsref[key];
+            }   
+        }  
+  },
   data() {
     return {};
   },
diff --git a/packages/index.js b/packages/index.js
index d7de838..3c65633 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -4,7 +4,14 @@
   import agUpdate from './agUpload';
   import agForm from './agForm';
   import agColorPicker from './agColorPicker';
- 
+ import agQuery from './agQuery';
+ import agTable from './agTable'; 
+ import agTabs from './agTabs';
+ import agDialog from './agDialog';
+ import agPagination from './agPagination';
+import agRow from './agRow';
+import agCol from './agCol';
+
   // 注册组件
  
   // 组件列表
@@ -13,7 +20,14 @@
     agSelect,
     agUpdate,
     agForm,
-    agColorPicker
+    agColorPicker,
+    agQuery,
+    agTable,
+    agDialog,
+    agTabs, 
+    agPagination,
+    agCol,
+    agRow 
   ]
   
   // 定义 install 方法，接收 Vue 作为参数（使用 use 注册插件，那么所有的组件都会被注册）
@@ -38,5 +52,13 @@
     agInput,
     agSelect,
     agUpdate,
-    agForm
+    agForm,
+    agColorPicker,
+    agQuery,
+    agTable,
+    agDialog,
+    agTabs, 
+    agPagination,
+    agCol,
+    agRow 
   }
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 7ce9241..0c8068e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -376,7 +376,56 @@ export default {
         {label:"IMEI/机器编号",span:12,type:"ag-input-number",enName:'imei',value:'43543',placeholder:'请输入IMEI/机器编号',size:'small',clearable:true,max:10,min:2,step:2,show:true},
         {label:"质检码",span:12,type:"ag-rate",value:'',enName:'ser_sn',placeholder:'请输入质检码',size:'small',clearable:true,show:true,options:[{value:'1',label:'112'},{value:'2',label:'2223'}]},
         {label:"质检时间",span:12,type:"ag-multifunction-search",enName:'time',showAlpha:true,size:'small',colorFormat:'hsv',show:true},
-        {label:"头像",span:12,type:"ag-upload",enName:'avatar',placeholder:'请输入质检码',size:'small',clearable:true,show:true,limit:4,multiple:true},
+        {label:"头像",span:12,type:"ag-query",enName:'avatar',inputs:[
+        {
+          label:"分类",
+          elem:'el-select',
+          name:"class",
+          options:[
+            {
+              value: "Chengdu",
+              label: "成都",
+            },
+            {
+              value: "Shenzhen",
+              label: "深圳",
+            },
+            {
+              value: "Guangzhou",
+              label: "广州",
+            },
+            {
+              value: "Dalian",
+              label: "大连",
+            },
+          ]
+        },
+        {
+          label:"品牌",
+          elem:'el-select',
+          name:"brand",
+          placeholder:"请输入品牌",
+          options:[]
+        },
+        {
+          label:"型号",
+          elem:'el-select',
+          name:"model",
+          options: []
+        },
+        {
+          label:"颜色",
+          elem:'el-select',
+          name:"color",
+          options:[]
+        },
+        {
+          label:"容量",
+          elem:'el-select',
+          name:"capacity",
+          options:[]
+        }
+      ],placeholder:'请输入质检码',size:'small',clearable:true,show:true,limit:4,multiple:true},
       ],
       formvalue:{
         order_sn:"11",

From b74f0ca3fc56684e80fc8676cc9022a2b5efd097 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Mon, 9 Sep 2024 15:24:33 +0800
Subject: [PATCH 17/47] jj

---
 packages/agDatePicker/src/index.vue          | 25 +++++++++++++-------
 packages/agMultifunctionSearch/src/index.vue | 14 ++++++++---
 packages/agQuery/src/index.vue               | 24 ++++++++++++-------
 packages/agTable/src/index.vue               |  8 +++++--
 4 files changed, 48 insertions(+), 23 deletions(-)

diff --git a/packages/agDatePicker/src/index.vue b/packages/agDatePicker/src/index.vue
index f6b998b..553c7ad 100644
--- a/packages/agDatePicker/src/index.vue
+++ b/packages/agDatePicker/src/index.vue
@@ -184,19 +184,27 @@ export default {
           if (this.range) {
             if (!isEmpty(value) && value.length === 2 && value[0] && value[1]) { 
               if(this.showTime){
-                this.$emit("change", value);
+                if(this.$listeners.change){
+                  this.$emit("change", value);
+                }
               }else{
-                this.$emit("change", [
-                 `${value[0]} 00:00:00`,
-                `${value[1]} 23:59:59`,
-              ]);
+                if(this.$listeners.change){
+                      this.$emit("change", [
+                      `${value[0]} 00:00:00`,
+                      `${value[1]} 23:59:59`,
+                    ]);
+                }
               }
               
             } else {
-              this.$emit("change", []);
+              if(this.$listeners.change){
+                this.$emit("change", []);
+              } 
             }
           } else {
-            this.$emit("change", value);
+            if(this.$listeners.change){
+                this.$emit("change", value);
+            }
           }
         },
       });
@@ -221,8 +229,7 @@ export default {
   },
   watch: { 
     value: {
-      handler(newVal) {
-        console.log(newVal,'datevalue'); 
+      handler(newVal) { 
         if (Array.isArray(newVal)&&this.range){  
           this.dateArr = [newVal[0] || "", newVal[1] || ""];
         } else {
diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
index f50b51d..a2081cd 100644
--- a/packages/agMultifunctionSearch/src/index.vue
+++ b/packages/agMultifunctionSearch/src/index.vue
@@ -152,10 +152,15 @@ export default {
   },
   methods: {
     onSelect(value){
-      this.$emit("change", [value, this.value[1]||""]);
+      if(this.$listeners.change){
+        this.$emit("change", [value, this.value[1]||""]);
+      }
+ 
     },
     onInputChange(val){ 
-      this.$emit("change", [this.values[0] ||"",val]);
+      if(this.$listeners.change){
+        this.$emit("change", [this.values[0] ||"",val]);
+      }
     },
     getStringWidth(text) {
         let font = "13px";
@@ -186,7 +191,10 @@ export default {
     },
     search(){
       this.imeipopover=false;
-      this.$emit("onSrarch", this.value);
+      if(this.$listeners.onSrarch){
+        this.$emit("onSrarch", this.value);
+      }
+      
     },
     getAfterAgo(attr, prefix) {
       const config = {};
diff --git a/packages/agQuery/src/index.vue b/packages/agQuery/src/index.vue
index 56696da..4e2f75d 100644
--- a/packages/agQuery/src/index.vue
+++ b/packages/agQuery/src/index.vue
@@ -59,7 +59,8 @@
     model: {  
       prop: 'values', // 明确指定 prop 为 'value'  
       event: 'onSearch' // 自定义事件名，用于更新 value  
-  },     mounted(){  
+  },  
+     mounted(){  
        let newinput=this.inputs.map((g)=>g.label); 
        this.placeholder="请选择"+newinput.join("/");
     },
@@ -73,6 +74,10 @@
       }
     }, 
     methods: {
+      onReset(){
+         this.values={};
+         this.$emit('onSearch',this.values);
+      },
       onSelect(value,item,index){  
           item.value=value;   
           this.$set(this.inputs,index,item);
@@ -84,24 +89,25 @@
               g.options.find((f)=>f.value==g.value).label&&(newplaceholderValue.push(g.options.find((f)=>f.value==g.value).label)); 
             } 
           });
-          this.$emit('change',newvalues);
+          if(this.$listeners.change){
+             this.$emit('change',newvalues);
+          }
               this.values=newvalues;
               this.placeholderValue=newplaceholderValue.join("/")
       },
       onCancel(){
         this.popState=false;
-        this.$emit('cancel');
+        if(this.$listeners.onCancel){
+          this.$emit('onCancel');
+        } 
       },
-      onQuery(){ 
-        console.log(this.$refs.queryformref,'this.$refs.queryformref');
+      onQuery(){  
         if(this.$refs.queryformref){
-          this.$refs.queryformref.validate((valid) => {
-          console.log(valid,"valid"); 
+          this.$refs.queryformref.validate((valid) => { 
           if (valid) { 
             this.$emit('onSearch',this.values);
             this.popState=false;
-          } else {
-            console.log('error submit!!');
+          } else { 
             return false;
           }
         });
diff --git a/packages/agTable/src/index.vue b/packages/agTable/src/index.vue
index eba3a27..c70deaa 100644
--- a/packages/agTable/src/index.vue
+++ b/packages/agTable/src/index.vue
@@ -52,10 +52,14 @@
     },
     methods: {
       handleSizeChange(e){ 
-        this.$emit('onSizeChange',e);
+        if(this.$listeners.onSizeChange){
+          this.$emit('onSizeChange',e);
+        } 
       },
       handleCurrentChange(e){ 
-        this.$emit('onCurrentChange',e);
+        if(this.$listeners.onCurrentChange){
+            this.$emit('onCurrentChange',e);
+        }
       }
     },
   };

From e2c28f3bf2d76d1cf3fb61d524d6d1b57c0cc8ee Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Tue, 10 Sep 2024 10:09:09 +0800
Subject: [PATCH 18/47] da

---
 package.json                                 |     2 +-
 packages/agDatePicker/index.js               |     2 +-
 packages/agDatePicker/src/index.vue          |     7 +-
 packages/agForm/src/index.vue                |     2 +-
 packages/agMultifunctionSearch/src/index.vue |    59 +-
 packages/agMutionCheckbox/index.js           |     9 +
 packages/agMutionCheckbox/src/index.vue      |   357 +
 packages/index.js                            |    29 +-
 src/App.vue                                  |    43 +-
 src/ag-ui.common.js                          | 43798 +++++++++++++++++
 src/main.js                                  |    21 -
 11 files changed, 44263 insertions(+), 66 deletions(-)
 create mode 100644 packages/agMutionCheckbox/index.js
 create mode 100644 packages/agMutionCheckbox/src/index.vue
 create mode 100644 src/ag-ui.common.js
 delete mode 100644 src/main.js

diff --git a/package.json b/package.json
index 1d951d9..4163646 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "ag-element-ui",
   "version": "0.1.0",
   "private": true,
-  "main": "./main.js",
+  "main": "lib/ag-element-ui.common.js",
   "scripts": {
     "dev": "vue-cli-service serve",
     "build": "vue-cli-service build",
diff --git a/packages/agDatePicker/index.js b/packages/agDatePicker/index.js
index 5dcc28b..9e40d63 100644
--- a/packages/agDatePicker/index.js
+++ b/packages/agDatePicker/index.js
@@ -6,4 +6,4 @@ agDatePicker.install = function (Vue) {
 }
 
 // 导出组件
-export default agDatePicker
+export default agDatePicker;
diff --git a/packages/agDatePicker/src/index.vue b/packages/agDatePicker/src/index.vue
index 553c7ad..88b8267 100644
--- a/packages/agDatePicker/src/index.vue
+++ b/packages/agDatePicker/src/index.vue
@@ -14,14 +14,11 @@
   />
 </template>
 
-<script>
-/**
- * agDatePicker 时间选择器
- */
+<script> 
 import isEmpty from "../../../src/utils/isEmpty";
 
 export default {
-  name: "agDatePicker",
+  name: "AgDatePicker",
   props: {
     range:false,
     showTime:false,
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index 5d8963e..dcdeec3 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -5,7 +5,7 @@
          <el-form-item v-bind="item" :prop="item.enName" >
              <slot :name="item.enName">
                  <ag-input v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input'"></ag-input>
-                 <agDatePicker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-date-picker'"/>
+                 <ag-date-picker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-date-picker'"/>
                  <agSelect v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-select'" />
                  <el-radio-group v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-radio'&&formValue[item.enName]" size="small" >
                  <el-radio :label="it.value" v-for="it,index in item.options" :key="index">{{it.label}}</el-radio> 
diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
index a2081cd..32d2bc0 100644
--- a/packages/agMultifunctionSearch/src/index.vue
+++ b/packages/agMultifunctionSearch/src/index.vue
@@ -1,14 +1,14 @@
 <template>
-  <div class="ag-MultifunctionSearch">
+  <div class="ag-MultifunctionSearch"> 
     <ag-select 
-      v-bind="$attrs"
-      v-on="listeners"
-      :value="values&&values[0]" 
-      @change="onSelect"
-      class="ag_select_group"
-       :style="{ width: `${swidth}px` }"
-    > 
-    </ag-select>   
+    v-bind="$attrs"
+    v-on="listeners"
+    :value="values&&values[0]" 
+    @change="onSelect"
+    class="ag_select_group"
+     :style="{ width: `${swidth}px` }"
+  > 
+  </ag-select>  
     <ag-input
      v-if="!showExtra"
       class="ag_input_group" 
@@ -20,6 +20,9 @@
       @input="onInputChange"
      
     > 
+    <template slot="prefix" >
+     
+      </template>
     </ag-input>
     <el-popover 
     v-if="showExtra"
@@ -244,6 +247,44 @@ export default {
   }
  
    ::v-deep{
+  
+    .ag_select_group{
+      .el-input__inner{
+        border:1px solid #e5e5e5;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0; 
+        outline:none;
+        &:focus{
+          border-color:#e5e5e5;
+        }
+      }
+    }
+    .ag_input_group{
+     .el-input__inner{
+        border:1px solid #e5e5e5;
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+        border-left:none;
+        outline:none;
+        &:focus{
+          border-color:#e5e5e5;
+        }
+      }
+    }
+    .el-select{
+      .el-input{
+        &.is-focus{ 
+          .el-input__inner{
+            border-color:#e5e5e5;
+          }
+        }
+      } 
+        &:hover{
+          .el-input__inner{
+            border-color:#e5e5e5;
+          }
+        }
+      } 
     .el-textarea__inner{
       border:none;
     }
diff --git a/packages/agMutionCheckbox/index.js b/packages/agMutionCheckbox/index.js
new file mode 100644
index 0000000..58a89d5
--- /dev/null
+++ b/packages/agMutionCheckbox/index.js
@@ -0,0 +1,9 @@
+import agMutionCheckbox from './src';
+
+// 为组件提供 install 安装方法，供按需引入
+agMutionCheckbox.install = function (Vue) {
+    Vue.component(agMutionCheckbox.name, agMutionCheckbox); 
+}
+
+// 导出组件
+export default agMutionCheckbox;
diff --git a/packages/agMutionCheckbox/src/index.vue b/packages/agMutionCheckbox/src/index.vue
new file mode 100644
index 0000000..961ba5b
--- /dev/null
+++ b/packages/agMutionCheckbox/src/index.vue
@@ -0,0 +1,357 @@
+<template>
+    <div class="ag-multion-checkbox">
+    <el-dropdown  
+     size="small"
+    trigger="click"
+    ref="multioncheckref"
+    @click.native="checkeddown"
+    :class="{ 'el-dropdown_active': !down }"
+    @visible-change="dropdownchange"
+    >
+        <span class="el-dropdown-link">
+            <span>
+              <span :class="{ color: checkedList.length }">{{ dropdownvalue }}</span
+              ><span class="list-length" v-if="valuelength >= 1"
+                >+ {{ valuelength }}</span
+              ></span
+            ><i
+              v-if="dropdownvalue == ''"
+              class="el-icon-arrow-up el-icon--right"
+              :class="{ 'rotate-arrow': down }"
+            ></i>
+            <i v-else class="el-icon-close el-icon--right" @click="clear"></i>
+          </span>
+    <el-dropdown-menu slot="dropdown">  
+            <el-input
+                placeholder="请输入内容"
+                v-model="seek"
+                size="small"
+                class="el_input"
+                @input="inputblur"
+                @keydown.enter.prevent="confirm()"
+            >
+                <i slot="prefix" class="el-input__icon el-icon-search"></i>
+            </el-input>
+            <div v-if="dataList && dataList.length" class="checkbox-group">
+                <div v-if="dataList && dataList.length > 1" class="all-checked">
+                  <el-checkbox
+                    :indeterminate="isIndeterminate"
+                    v-model="checkAll"
+                    @change="handleCheckAllChange"
+                    >全选</el-checkbox
+                  >
+                  /
+                  <span class="invertstatus" @click="handleCheckAllChange(!checkAll)">反选</span>
+                </div>
+                <el-checkbox-group
+                  class="checked-list"
+                  :class="{ 'top-height': dataList && dataList.length <= 1 }"
+                  v-model="checkedList"
+                  @change="handleCheckedCitiesChange"
+                >
+                  <div v-for="(el, id) in dataList" :key="id" class="setScore">
+                    <el-checkbox :label="el.value">{{ el.label }}</el-checkbox>
+                    <span @click="confirm(el, 'only')">仅筛选此项</span>
+                  </div>
+                </el-checkbox-group>
+              </div>
+              <div v-else class="nothing">暂无数据</div>
+              <div class="btnbox">
+                <div>
+                  <el-button size="mini" @click="cancel">取消</el-button>
+                  <el-button size="mini" type="primary" plain @click="confirm()"
+                    >确定</el-button
+                  >
+                </div>
+              </div> 
+        </el-dropdown-menu>
+    </el-dropdown>
+</div>
+</template>
+
+<script>
+ export default {
+    props: ["datas", "placeholder", "value"],
+    name: "AgMutionCheckbox",
+     data() {
+        return {
+            seek: "",
+            dropdownvalue:"",
+            valuelength: 0,
+            down: true,
+            checkAll: false,
+            checkedList: [],
+            dataList: [
+              
+            ], //渲染数据
+            isIndeterminate: false,
+            retract: false, 
+            olddatas:[
+                {label:"方法1",value:"1"},
+                {label:"方法2",value:"2"}
+            ]
+        };
+    },
+    mounted() { 
+        if(this.datas&&Array.isArray(this.datas)){
+                    this.dataList = this.datas;
+                    this.olddatas=Object.assign([],this.datas);
+                     this.checkedList = []; //清空旧值-解决出现累加问题
+                    if (this.checkAll && this.dataList) {
+                        this.checkedList=this.dataList.map((e) =>e.value);
+                       this.confirm();
+                    }
+                    if(this.value){
+                        this.checkedList=this.value;
+                    } 
+                }else{
+                    this.olddatas=Object.assign([],this.dataList);
+                }
+    },
+    watch: {
+        datas: {
+            handler(val) {
+                if(val&&Array.isArray(val)){
+                    this.dataList = val;
+                    this.olddatas=Object.assign([],val);
+                     this.checkedList = []; //清空旧值-解决出现累加问题
+                    if (this.checkAll&&this.dataList) {
+                        this.checkedList=this.dataList.map((e) =>e.value);
+                       this.confirm();
+                    }
+                    if(this.value){
+                        this.checkedList=this.value;
+                    }
+                } else{
+                    this.olddatas=Object.assign([],this.dataList);
+                }
+            },
+            deep: true,
+            immediate: true,
+        },
+    },
+    methods: {
+        clear(){
+            this.checkedList = []; 
+            this.isIndeterminate = false;
+            this.checkAll=false;
+        },
+        checkeddown(val){
+           console.log(val,"val")
+
+        },
+        dropdownchange(){
+            this.down = !this.down;
+        },
+        inputblur(val){
+         this.dataList=this.olddatas.filter((f)=>f.label.indexOf(val)>-1);
+
+        },
+        handleCheckAllChange(val){ 
+            this.checkedList = val ? this.olddatas.map((h)=>h.value) : []; 
+            this.isIndeterminate = false;
+            this.checkAll=val; 
+        },
+        confirm(e){  
+          
+
+            if(e&&e.label=="only"){
+                const filters=this.olddatas.filter((f)=>{
+                     return e.value.find((c)=>c==f.value);
+                });  
+                const [onedatas,...otherdatas]=filters;
+                this.valuelength=otherdatas.length;
+                this.dropdownvalue=onedatas.label;
+
+                if(this.$listeners.onSearch){
+                    this.$emit("onSearch",[e.value]);
+                } 
+            }else{
+                const filters=this.olddatas.filter((f)=>{
+                     return this.checkedList.find((c)=>c==f.value);
+                });  
+                const [onedatas,...otherdatas]=filters;
+                this.valuelength=otherdatas.length;
+                this.dropdownvalue=onedatas.label;
+                if(this.$listeners.onSearch){
+                    this.$emit("onSearch",this.checkedList);
+                } 
+            }
+            this.$refs.multioncheckref.hide();
+        }, 
+        handleCheckedCitiesChange(val){
+            if(val.length>0){ 
+                if(val.length==this.olddatas.length){
+                    this.isIndeterminate = false;
+                    this.checkAll=true;
+                }else{
+                    this.isIndeterminate = true;
+                } 
+            }else{
+                this.isIndeterminate = false;
+                this.checkAll=false;
+            } 
+        },
+        cancel(){ 
+            this.$refs.multioncheckref.hide();
+        }
+
+    }
+ };
+
+
+</script> 
+
+<style lang="scss" scoped>
+::v-deep .el_input {
+    padding: 0 10px;
+    .el-input__inner {
+      border-radius: 0px;
+      border: none;
+      border-bottom: 1px solid #dcdfe6;
+    }
+    .el-input__inner:hover {
+      border-bottom: 1px solid #409eff;
+    }
+  } 
+    .el-dropdown {
+        width: 100%;
+        height: 32px;
+        line-height: 32px;
+        border: 1px solid #dcdfe6;
+        border-radius: 4px;
+      }
+      
+      .el-dropdown:hover {
+        border: 1px solid #c0c4cc;
+      }
+      .el-dropdown_active {
+        border: 1px solid #409eff;
+      }
+      .el-dropdown_active:hover {
+        border: 1px solid #409eff;
+      }
+      .el-icon-arrow-up {
+        transform: rotate(0deg);
+        transition: transform 0.3s ease;
+      }
+      .rotate-arrow {
+        transform: rotate(180deg);
+        transition: transform 0.3s ease;
+      }
+     
+      .el-dropdown-menu {
+        min-width: 400px;
+        padding: 10px 0 0 0;
+      }
+      .checkbox-group {
+        overflow: hidden;
+        padding: 5px 0px 0;
+        box-sizing: border-box;
+      }
+      .all-checked { 
+        span {
+          font-size: 14px;
+          color: #606266;
+          font-weight: 500;
+          cursor: pointer;
+        }
+        .invertstatus:hover {
+          color: #409eff;
+        }
+      }
+      .checked-list {
+        max-height: 180px;
+        margin-top:5px;
+        overflow-y: auto;
+        padding: 5px 0;
+        box-sizing: border-box;
+      }
+      .top-height {
+        margin-top: 0px;
+      }
+      .el-checkbox-group {
+        display: flex;
+        flex-direction: column;
+      }
+      .el-checkbox {
+        margin-right: 0px !important;
+        padding: 5px 0px 5px 10px;
+        box-sizing: border-box;
+      }
+      .btnbox {
+        padding: 5px;
+        display: flex;
+        justify-content: right;
+        border-top: 1px solid #dcdfe6;
+      }
+      .el-dropdown-link {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 10px;
+        box-sizing: border-box;
+        width: 100%;
+        height:100%;
+        min-width: 180px;
+        font-size: 13px;
+        font-weight: 500;
+        color: #c0c4cc;
+        cursor: pointer;
+      }
+      .list-length {
+        padding: 3px 7px;
+        margin-left: 10px;
+        border-radius: 4px;
+        color: #33333379;
+        background-color: #dcdfe6;
+      }
+      .color {
+        color: #333;
+        font-weight: normal;
+      }
+      :focus-visible {
+        outline: none;
+      }
+      .nothing {
+        min-height: 80px;
+        line-height: 80px;
+        text-align: center;
+        color: #c0c4cc;
+      }
+      .el-icon-close {
+        opacity: 0;
+      }
+      .el-icon-close:hover {
+        opacity: 1;
+      }
+      .setScore {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 100%;
+        font-size: 14px;
+        span {
+          display: none;
+          height: 30px;
+          line-height: 30px;
+          padding: 0 10px;
+          cursor: pointer;
+        }
+        ::v-deep .el-checkbox {
+          height: 30px;
+          line-height: 30px;
+          display: flex;
+          flex: 1;
+          align-items: center;
+        }
+      }
+      .setScore:hover {
+        background-color: rgba(192, 196, 204, 0.267);
+        span {
+          display: block;
+          color: #409eff;
+          height: 100%;
+        } 
+ } 
+</style>
\ No newline at end of file
diff --git a/packages/index.js b/packages/index.js
index 3c65633..dbdd0c7 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -11,6 +11,11 @@
  import agPagination from './agPagination';
 import agRow from './agRow';
 import agCol from './agCol';
+import agMutionCheckbox from './agMutionCheckbox';
+import agMultifunctionSearch from './agMultifunctionSearch';
+import agDatePicker from "./agDatePicker";
+import agNumberRange from "./agNumberRange";
+
 
   // 注册组件
  
@@ -27,7 +32,12 @@ import agCol from './agCol';
     agTabs, 
     agPagination,
     agCol,
-    agRow 
+    agRow,
+    agDatePicker,
+    agMutionCheckbox,
+    agMultifunctionSearch,
+    agNumberRange
+    
   ]
   
   // 定义 install 方法，接收 Vue 作为参数（使用 use 注册插件，那么所有的组件都会被注册）
@@ -35,19 +45,20 @@ import agCol from './agCol';
     // 判断是否安装
     if (install.installed) return
     // 遍历注册全局组件
-    components.map(component => Vue.component(component.name, component))
+    components.forEach(component => {
+      Vue.component(component.name, component);
+    });
   }
   
   // 判断是否是直接引入文件
   if (typeof window !== 'undefined' && window.Vue) {
     install(window.Vue)
-  }
-  
+  } 
+
   export default {
+    version:'2.15.14',
     // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
     install,
-  }
-  export {
     // 以下是具体的组件列表
     agInput,
     agSelect,
@@ -60,5 +71,9 @@ import agCol from './agCol';
     agTabs, 
     agPagination,
     agCol,
-    agRow 
+    agRow,
+    agMutionCheckbox,
+    agMultifunctionSearch,
+    agDatePicker,
+    agNumberRange
   }
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 0c8068e..1fefb67 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,8 +2,9 @@
   <div>
     <el-button type="success" @click="abb = true">点击打开 Dialog</el-button>
     <ag-dialog :visible.sync="abb"> </ag-dialog>
-    <ag-datePicker v-model="date_value" :showTime="true" :range="true" @change="onPicker">
-    </ag-datePicker>
+    <ag-date-picker  v-model="date_value" :showTime="true" :range="true" @change="onPicker">
+    </ag-date-picker>
+    
     <ag-input v-model="inputValue" placeholder="请输入" @change="onInputChange" ref="aginputref"> 
        </ag-input>
     <ag-select :options="a_options" v-model="value"> 
@@ -27,7 +28,7 @@
       </el-form-item>
     </el-form>
 
-    <ag-MultifunctionSearch
+    <ag-multifunction-search
       size="small"
       ref="ttt"
       v-model="values"
@@ -37,7 +38,8 @@
       @change="onInputinput"
       @blur="onblur"
     >
-    </ag-MultifunctionSearch>
+    </ag-multifunction-search>
+    <ag-color-picker size="small" v-model="colorvalue"/>
   <agQuery :inputs="inputs" @onSearch="onSearch"/>
     <agTable :columns="columns" :data="tabledata" :currentPage="2" :pageSize="100" :total="500" >
       <template #name="{row}">
@@ -50,10 +52,10 @@
     <agUpdate @onUpload="onUpload" isDrap dragmove multiple :limit="5" @onError="onError" :maxSize="1024*1024" :value="filelist">
       <div slot="tip">只能上传jpg/png文件，且不超过500kb</div> 
     </agUpdate>
-    <ag-form :data="formdata" label-width="120px" label-position="right" v-model="formvalue">
-
+    <ag-form :data="formdata" label-width="120px" label-position="right" v-model="formvalue"> 
     </ag-form>
-    <!-- <el-input
+    <ag-mution-checkbox :datas="checklist" @onSearch="onCheckSearch"> </ag-mution-checkbox>
+    <!-- <el-input agMultionCheckbox
       size="small"
       placeholder="请输入内容"
       v-model="value"
@@ -72,18 +74,17 @@
 <script>
  import ElementUI from 'element-ui';
  import Vue from 'vue';
-import agDialog from "../packages/agDialog/src/index.vue";
-import agDatePicker from "../packages/agDatePicker/src/index.vue";
+import agDialog from "../packages/agDialog/src/index.vue"; 
 import agInput from "../packages/agInput/src/index.vue";
 import agSelect from "../packages/agSelect/src/index.vue";
 import agNumberRange from "../packages/agNumberRange/src/index.vue";
-import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue";
-import agMultifunctionSearch from "../packages/agMultifunctionSearch/src/index.vue";
+import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue"; 
 import agQuery from "../packages/agQuery/src/index.vue";
 import agTable from "../packages/agTable/src/index.vue";
 import vuedraggable from 'vuedraggable';
 import agElemUI from "../packages/index.js";
 
+
 Vue.use(ElementUI);
 Vue.use(agElemUI);
 // Vue.use(vuedraggable);
@@ -91,16 +92,8 @@ Vue.component('vuedraggable', window.vuedraggable)
 
 export default {
   
-  components: {
-    agDialog,
-    agDatePicker,
-    agInput,
-    agSelect,
-    agNumberRange,
+  components: { 
     agCascadeOptional,
-    agMultifunctionSearch,
-    agQuery,
-    agTable,
     vuedraggable
   },
   data() {
@@ -121,6 +114,7 @@ export default {
       // }
     };
     return {
+      colorvalue:"#ffffff",
       ruleForm: {
         pass: [],
       },
@@ -138,6 +132,10 @@ export default {
          {date: "2016-05-04", name: "王小虎3", address: "上海市普陀区金沙江路 1518 弄"},
          {date: "2016-05-05", name: "王小虎4", address: "上海市普陀区金沙江路 1518 弄"}
       ],
+      checklist:[
+                {label:"方法1",value:"1"},
+                {label:"方法2",value:"2"}
+            ],
       rules: {
         pass: [{ validator: validatePass, trigger: "blur" }],
       },
@@ -472,6 +470,9 @@ export default {
     submit() {
       this.$refs.ttt.values;
     },
+    onCheckSearch(val){
+      console.log(val,'onCheckSearch');
+    },
     changes(val) {
       console.log(val);
       console.log(999);
@@ -485,7 +486,7 @@ export default {
 
 <style lang="scss">
 body {
-  background: #918d8d;
+  background: #f8f8f8;
 }
 .div {
   span {
diff --git a/src/ag-ui.common.js b/src/ag-ui.common.js
new file mode 100644
index 0000000..f2f5c95
--- /dev/null
+++ b/src/ag-ui.common.js
@@ -0,0 +1,43798 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/dist/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 46);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/date-util");
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/dom");
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/util");
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/mixins/emitter");
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/mixins/locale");
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/vue-popper");
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/merge");
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/input");
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/mixins/migrating");
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/clickoutside");
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/popup");
+
+/***/ }),
+/* 12 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/locale");
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/button");
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/checkbox");
+
+/***/ }),
+/* 15 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/resize-event");
+
+/***/ }),
+/* 16 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/types");
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports) {
+
+module.exports = require("throttle-debounce/debounce");
+
+/***/ }),
+/* 18 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/scrollbar");
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/shared");
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/date");
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/transitions/collapse-transition");
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/vdom");
+
+/***/ }),
+/* 23 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/mixins/focus");
+
+/***/ }),
+/* 24 */
+/***/ (function(module, exports) {
+
+module.exports = require("babel-helper-vue-jsx-merge-props");
+
+/***/ }),
+/* 25 */
+/***/ (function(module, exports) {
+
+module.exports = require("throttle-debounce/throttle");
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/tooltip");
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/scroll-into-view");
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/lodash");
+
+/***/ }),
+/* 29 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/button-group");
+
+/***/ }),
+/* 30 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/tag");
+
+/***/ }),
+/* 31 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/scrollbar-width");
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/checkbox-group");
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/after-leave");
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/progress");
+
+/***/ }),
+/* 35 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/aria-utils");
+
+/***/ }),
+/* 36 */
+/***/ (function(module, exports) {
+
+module.exports = require("throttle-debounce");
+
+/***/ }),
+/* 37 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/select");
+
+/***/ }),
+/* 38 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/option");
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports) {
+
+module.exports = require("normalize-wheel");
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/aria-dialog");
+
+/***/ }),
+/* 41 */
+/***/ (function(module, exports) {
+
+module.exports = require("async-validator");
+
+/***/ }),
+/* 42 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/input-number");
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/cascader-panel");
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/radio");
+
+/***/ }),
+/* 45 */
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/popover");
+
+/***/ }),
+/* 46 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(47);
+
+
+/***/ }),
+/* 47 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/pagination/src/pager.vue?vue&type=template&id=7274f267&
+var pagervue_type_template_id_7274f267_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "ul",
+    { staticClass: "el-pager", on: { click: _vm.onPagerClick } },
+    [
+      _vm.pageCount > 0
+        ? _c(
+            "li",
+            {
+              staticClass: "number",
+              class: { active: _vm.currentPage === 1, disabled: _vm.disabled }
+            },
+            [_vm._v("1")]
+          )
+        : _vm._e(),
+      _vm.showPrevMore
+        ? _c("li", {
+            staticClass: "el-icon more btn-quickprev",
+            class: [_vm.quickprevIconClass, { disabled: _vm.disabled }],
+            on: {
+              mouseenter: function($event) {
+                _vm.onMouseenter("left")
+              },
+              mouseleave: function($event) {
+                _vm.quickprevIconClass = "el-icon-more"
+              }
+            }
+          })
+        : _vm._e(),
+      _vm._l(_vm.pagers, function(pager) {
+        return _c(
+          "li",
+          {
+            key: pager,
+            staticClass: "number",
+            class: { active: _vm.currentPage === pager, disabled: _vm.disabled }
+          },
+          [_vm._v(_vm._s(pager))]
+        )
+      }),
+      _vm.showNextMore
+        ? _c("li", {
+            staticClass: "el-icon more btn-quicknext",
+            class: [_vm.quicknextIconClass, { disabled: _vm.disabled }],
+            on: {
+              mouseenter: function($event) {
+                _vm.onMouseenter("right")
+              },
+              mouseleave: function($event) {
+                _vm.quicknextIconClass = "el-icon-more"
+              }
+            }
+          })
+        : _vm._e(),
+      _vm.pageCount > 1
+        ? _c(
+            "li",
+            {
+              staticClass: "number",
+              class: {
+                active: _vm.currentPage === _vm.pageCount,
+                disabled: _vm.disabled
+              }
+            },
+            [_vm._v(_vm._s(_vm.pageCount))]
+          )
+        : _vm._e()
+    ],
+    2
+  )
+}
+var staticRenderFns = []
+pagervue_type_template_id_7274f267_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/pagination/src/pager.vue?vue&type=template&id=7274f267&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pagination/src/pager.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var pagervue_type_script_lang_js_ = ({
+  name: 'ElPager',
+
+  props: {
+    currentPage: Number,
+
+    pageCount: Number,
+
+    pagerCount: Number,
+
+    disabled: Boolean
+  },
+
+  watch: {
+    showPrevMore: function showPrevMore(val) {
+      if (!val) this.quickprevIconClass = 'el-icon-more';
+    },
+    showNextMore: function showNextMore(val) {
+      if (!val) this.quicknextIconClass = 'el-icon-more';
+    }
+  },
+
+  methods: {
+    onPagerClick: function onPagerClick(event) {
+      var target = event.target;
+      if (target.tagName === 'UL' || this.disabled) {
+        return;
+      }
+
+      var newPage = Number(event.target.textContent);
+      var pageCount = this.pageCount;
+      var currentPage = this.currentPage;
+      var pagerCountOffset = this.pagerCount - 2;
+
+      if (target.className.indexOf('more') !== -1) {
+        if (target.className.indexOf('quickprev') !== -1) {
+          newPage = currentPage - pagerCountOffset;
+        } else if (target.className.indexOf('quicknext') !== -1) {
+          newPage = currentPage + pagerCountOffset;
+        }
+      }
+
+      /* istanbul ignore if */
+      if (!isNaN(newPage)) {
+        if (newPage < 1) {
+          newPage = 1;
+        }
+
+        if (newPage > pageCount) {
+          newPage = pageCount;
+        }
+      }
+
+      if (newPage !== currentPage) {
+        this.$emit('change', newPage);
+      }
+    },
+    onMouseenter: function onMouseenter(direction) {
+      if (this.disabled) return;
+      if (direction === 'left') {
+        this.quickprevIconClass = 'el-icon-d-arrow-left';
+      } else {
+        this.quicknextIconClass = 'el-icon-d-arrow-right';
+      }
+    }
+  },
+
+  computed: {
+    pagers: function pagers() {
+      var pagerCount = this.pagerCount;
+      var halfPagerCount = (pagerCount - 1) / 2;
+
+      var currentPage = Number(this.currentPage);
+      var pageCount = Number(this.pageCount);
+
+      var showPrevMore = false;
+      var showNextMore = false;
+
+      if (pageCount > pagerCount) {
+        if (currentPage > pagerCount - halfPagerCount) {
+          showPrevMore = true;
+        }
+
+        if (currentPage < pageCount - halfPagerCount) {
+          showNextMore = true;
+        }
+      }
+
+      var array = [];
+
+      if (showPrevMore && !showNextMore) {
+        var startPage = pageCount - (pagerCount - 2);
+        for (var i = startPage; i < pageCount; i++) {
+          array.push(i);
+        }
+      } else if (!showPrevMore && showNextMore) {
+        for (var _i = 2; _i < pagerCount; _i++) {
+          array.push(_i);
+        }
+      } else if (showPrevMore && showNextMore) {
+        var offset = Math.floor(pagerCount / 2) - 1;
+        for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) {
+          array.push(_i2);
+        }
+      } else {
+        for (var _i3 = 2; _i3 < pageCount; _i3++) {
+          array.push(_i3);
+        }
+      }
+
+      this.showPrevMore = showPrevMore;
+      this.showNextMore = showNextMore;
+
+      return array;
+    }
+  },
+
+  data: function data() {
+    return {
+      current: null,
+      showPrevMore: false,
+      showNextMore: false,
+      quicknextIconClass: 'el-icon-more',
+      quickprevIconClass: 'el-icon-more'
+    };
+  }
+});
+// CONCATENATED MODULE: ./packages/pagination/src/pager.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_pagervue_type_script_lang_js_ = (pagervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent (
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier, /* server only */
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functioal component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+// CONCATENATED MODULE: ./packages/pagination/src/pager.vue
+
+
+
+
+
+/* normalize component */
+
+var component = normalizeComponent(
+  src_pagervue_type_script_lang_js_,
+  pagervue_type_template_id_7274f267_render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "packages/pagination/src/pager.vue"
+/* harmony default export */ var pager = (component.exports);
+// EXTERNAL MODULE: external "element-ui/lib/select"
+var select_ = __webpack_require__(37);
+var select_default = /*#__PURE__*/__webpack_require__.n(select_);
+
+// EXTERNAL MODULE: external "element-ui/lib/option"
+var option_ = __webpack_require__(38);
+var option_default = /*#__PURE__*/__webpack_require__.n(option_);
+
+// EXTERNAL MODULE: external "element-ui/lib/input"
+var input_ = __webpack_require__(8);
+var input_default = /*#__PURE__*/__webpack_require__.n(input_);
+
+// EXTERNAL MODULE: external "element-ui/lib/mixins/locale"
+var locale_ = __webpack_require__(4);
+var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/util"
+var util_ = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./packages/pagination/src/pagination.js
+
+
+
+
+
+
+
+/* harmony default export */ var pagination = ({
+  name: 'ElPagination',
+
+  props: {
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+
+    small: Boolean,
+
+    total: Number,
+
+    pageCount: Number,
+
+    pagerCount: {
+      type: Number,
+      validator: function validator(value) {
+        return (value | 0) === value && value > 4 && value < 22 && value % 2 === 1;
+      },
+
+      default: 7
+    },
+
+    currentPage: {
+      type: Number,
+      default: 1
+    },
+
+    layout: {
+      default: 'prev, pager, next, jumper, ->, total'
+    },
+
+    pageSizes: {
+      type: Array,
+      default: function _default() {
+        return [10, 20, 30, 40, 50, 100];
+      }
+    },
+
+    popperClass: String,
+
+    prevText: String,
+
+    nextText: String,
+
+    background: Boolean,
+
+    disabled: Boolean,
+
+    hideOnSinglePage: Boolean
+  },
+
+  data: function data() {
+    return {
+      internalCurrentPage: 1,
+      internalPageSize: 0,
+      lastEmittedPage: -1,
+      userChangePageSize: false
+    };
+  },
+  render: function render(h) {
+    var layout = this.layout;
+    if (!layout) return null;
+    if (this.hideOnSinglePage && (!this.internalPageCount || this.internalPageCount === 1)) return null;
+
+    var template = h('div', { 'class': ['el-pagination', {
+        'is-background': this.background,
+        'el-pagination--small': this.small
+      }] });
+    var TEMPLATE_MAP = {
+      prev: h('prev'),
+      jumper: h('jumper'),
+      pager: h('pager', {
+        attrs: { currentPage: this.internalCurrentPage, pageCount: this.internalPageCount, pagerCount: this.pagerCount, disabled: this.disabled },
+        on: {
+          'change': this.handleCurrentChange
+        }
+      }),
+      next: h('next'),
+      sizes: h('sizes', {
+        attrs: { pageSizes: this.pageSizes }
+      }),
+      slot: h('slot', [this.$slots.default ? this.$slots.default : '']),
+      total: h('total')
+    };
+    var components = layout.split(',').map(function (item) {
+      return item.trim();
+    });
+    var rightWrapper = h('div', { 'class': 'el-pagination__rightwrapper' });
+    var haveRightWrapper = false;
+
+    template.children = template.children || [];
+    rightWrapper.children = rightWrapper.children || [];
+    components.forEach(function (compo) {
+      if (compo === '->') {
+        haveRightWrapper = true;
+        return;
+      }
+
+      if (!haveRightWrapper) {
+        template.children.push(TEMPLATE_MAP[compo]);
+      } else {
+        rightWrapper.children.push(TEMPLATE_MAP[compo]);
+      }
+    });
+
+    if (haveRightWrapper) {
+      template.children.unshift(rightWrapper);
+    }
+
+    return template;
+  },
+
+
+  components: {
+    Prev: {
+      render: function render(h) {
+        return h(
+          'button',
+          {
+            attrs: {
+              type: 'button',
+
+              disabled: this.$parent.disabled || this.$parent.internalCurrentPage <= 1
+            },
+            'class': 'btn-prev', on: {
+              'click': this.$parent.prev
+            }
+          },
+          [this.$parent.prevText ? h('span', [this.$parent.prevText]) : h('i', { 'class': 'el-icon el-icon-arrow-left' })]
+        );
+      }
+    },
+
+    Next: {
+      render: function render(h) {
+        return h(
+          'button',
+          {
+            attrs: {
+              type: 'button',
+
+              disabled: this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0
+            },
+            'class': 'btn-next', on: {
+              'click': this.$parent.next
+            }
+          },
+          [this.$parent.nextText ? h('span', [this.$parent.nextText]) : h('i', { 'class': 'el-icon el-icon-arrow-right' })]
+        );
+      }
+    },
+
+    Sizes: {
+      mixins: [locale_default.a],
+
+      props: {
+        pageSizes: Array
+      },
+
+      watch: {
+        pageSizes: {
+          immediate: true,
+          handler: function handler(newVal, oldVal) {
+            if (Object(util_["valueEquals"])(newVal, oldVal)) return;
+            if (Array.isArray(newVal)) {
+              this.$parent.internalPageSize = newVal.indexOf(this.$parent.pageSize) > -1 ? this.$parent.pageSize : this.pageSizes[0];
+            }
+          }
+        }
+      },
+
+      render: function render(h) {
+        var _this = this;
+
+        return h(
+          'span',
+          { 'class': 'el-pagination__sizes' },
+          [h(
+            'el-select',
+            {
+              attrs: {
+                value: this.$parent.internalPageSize,
+                popperClass: this.$parent.popperClass || '',
+                size: 'mini',
+
+                disabled: this.$parent.disabled },
+              on: {
+                'input': this.handleChange
+              }
+            },
+            [this.pageSizes.map(function (item) {
+              return h('el-option', {
+                attrs: {
+                  value: item,
+                  label: item + _this.t('el.pagination.pagesize') }
+              });
+            })]
+          )]
+        );
+      },
+
+
+      components: {
+        ElSelect: select_default.a,
+        ElOption: option_default.a
+      },
+
+      methods: {
+        handleChange: function handleChange(val) {
+          if (val !== this.$parent.internalPageSize) {
+            this.$parent.internalPageSize = val = parseInt(val, 10);
+            this.$parent.userChangePageSize = true;
+            this.$parent.$emit('update:pageSize', val);
+            this.$parent.$emit('size-change', val);
+          }
+        }
+      }
+    },
+
+    Jumper: {
+      mixins: [locale_default.a],
+
+      components: { ElInput: input_default.a },
+
+      data: function data() {
+        return {
+          userInput: null
+        };
+      },
+
+
+      watch: {
+        '$parent.internalCurrentPage': function $parentInternalCurrentPage() {
+          this.userInput = null;
+        }
+      },
+
+      methods: {
+        handleKeyup: function handleKeyup(_ref) {
+          var keyCode = _ref.keyCode,
+              target = _ref.target;
+
+          // Chrome, Safari, Firefox triggers change event on Enter
+          // Hack for IE: https://github.com/ElemeFE/element/issues/11710
+          // Drop this method when we no longer supports IE
+          if (keyCode === 13) {
+            this.handleChange(target.value);
+          }
+        },
+        handleInput: function handleInput(value) {
+          this.userInput = value;
+        },
+        handleChange: function handleChange(value) {
+          this.$parent.internalCurrentPage = this.$parent.getValidCurrentPage(value);
+          this.$parent.emitChange();
+          this.userInput = null;
+        }
+      },
+
+      render: function render(h) {
+        return h(
+          'span',
+          { 'class': 'el-pagination__jump' },
+          [this.t('el.pagination.goto'), h('el-input', {
+            'class': 'el-pagination__editor is-in-pagination',
+            attrs: { min: 1,
+              max: this.$parent.internalPageCount,
+              value: this.userInput !== null ? this.userInput : this.$parent.internalCurrentPage,
+              type: 'number',
+              disabled: this.$parent.disabled
+            },
+            nativeOn: {
+              'keyup': this.handleKeyup
+            },
+            on: {
+              'input': this.handleInput,
+              'change': this.handleChange
+            }
+          }), this.t('el.pagination.pageClassifier')]
+        );
+      }
+    },
+
+    Total: {
+      mixins: [locale_default.a],
+
+      render: function render(h) {
+        return typeof this.$parent.total === 'number' ? h(
+          'span',
+          { 'class': 'el-pagination__total' },
+          [this.t('el.pagination.total', { total: this.$parent.total })]
+        ) : '';
+      }
+    },
+
+    Pager: pager
+  },
+
+  methods: {
+    handleCurrentChange: function handleCurrentChange(val) {
+      this.internalCurrentPage = this.getValidCurrentPage(val);
+      this.userChangePageSize = true;
+      this.emitChange();
+    },
+    prev: function prev() {
+      if (this.disabled) return;
+      var newVal = this.internalCurrentPage - 1;
+      this.internalCurrentPage = this.getValidCurrentPage(newVal);
+      this.$emit('prev-click', this.internalCurrentPage);
+      this.emitChange();
+    },
+    next: function next() {
+      if (this.disabled) return;
+      var newVal = this.internalCurrentPage + 1;
+      this.internalCurrentPage = this.getValidCurrentPage(newVal);
+      this.$emit('next-click', this.internalCurrentPage);
+      this.emitChange();
+    },
+    getValidCurrentPage: function getValidCurrentPage(value) {
+      value = parseInt(value, 10);
+
+      var havePageCount = typeof this.internalPageCount === 'number';
+
+      var resetValue = void 0;
+      if (!havePageCount) {
+        if (isNaN(value) || value < 1) resetValue = 1;
+      } else {
+        if (value < 1) {
+          resetValue = 1;
+        } else if (value > this.internalPageCount) {
+          resetValue = this.internalPageCount;
+        }
+      }
+
+      if (resetValue === undefined && isNaN(value)) {
+        resetValue = 1;
+      } else if (resetValue === 0) {
+        resetValue = 1;
+      }
+
+      return resetValue === undefined ? value : resetValue;
+    },
+    emitChange: function emitChange() {
+      var _this2 = this;
+
+      this.$nextTick(function () {
+        if (_this2.internalCurrentPage !== _this2.lastEmittedPage || _this2.userChangePageSize) {
+          _this2.$emit('current-change', _this2.internalCurrentPage);
+          _this2.lastEmittedPage = _this2.internalCurrentPage;
+          _this2.userChangePageSize = false;
+        }
+      });
+    }
+  },
+
+  computed: {
+    internalPageCount: function internalPageCount() {
+      if (typeof this.total === 'number') {
+        return Math.max(1, Math.ceil(this.total / this.internalPageSize));
+      } else if (typeof this.pageCount === 'number') {
+        return Math.max(1, this.pageCount);
+      }
+      return null;
+    }
+  },
+
+  watch: {
+    currentPage: {
+      immediate: true,
+      handler: function handler(val) {
+        this.internalCurrentPage = this.getValidCurrentPage(val);
+      }
+    },
+
+    pageSize: {
+      immediate: true,
+      handler: function handler(val) {
+        this.internalPageSize = isNaN(val) ? 10 : val;
+      }
+    },
+
+    internalCurrentPage: {
+      immediate: true,
+      handler: function handler(newVal) {
+        this.$emit('update:currentPage', newVal);
+        this.lastEmittedPage = -1;
+      }
+    },
+
+    internalPageCount: function internalPageCount(newVal) {
+      /* istanbul ignore if */
+      var oldPage = this.internalCurrentPage;
+      if (newVal > 0 && oldPage === 0) {
+        this.internalCurrentPage = 1;
+      } else if (oldPage > newVal) {
+        this.internalCurrentPage = newVal === 0 ? 1 : newVal;
+        this.userChangePageSize && this.emitChange();
+      }
+      this.userChangePageSize = false;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/pagination/index.js
+
+
+/* istanbul ignore next */
+pagination.install = function (Vue) {
+  Vue.component(pagination.name, pagination);
+};
+
+/* harmony default export */ var packages_pagination = (pagination);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/dialog/src/component.vue?vue&type=template&id=60140e62&
+var componentvue_type_template_id_60140e62_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "dialog-fade" },
+      on: { "after-enter": _vm.afterEnter, "after-leave": _vm.afterLeave }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          staticClass: "el-dialog__wrapper",
+          on: {
+            click: function($event) {
+              if ($event.target !== $event.currentTarget) {
+                return null
+              }
+              return _vm.handleWrapperClick($event)
+            }
+          }
+        },
+        [
+          _c(
+            "div",
+            {
+              key: _vm.key,
+              ref: "dialog",
+              class: [
+                "el-dialog",
+                {
+                  "is-fullscreen": _vm.fullscreen,
+                  "el-dialog--center": _vm.center
+                },
+                _vm.customClass
+              ],
+              style: _vm.style,
+              attrs: {
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": _vm.title || "dialog"
+              }
+            },
+            [
+              _c(
+                "div",
+                { staticClass: "el-dialog__header" },
+                [
+                  _vm._t("title", [
+                    _c("span", { staticClass: "el-dialog__title" }, [
+                      _vm._v(_vm._s(_vm.title))
+                    ])
+                  ]),
+                  _vm.showClose
+                    ? _c(
+                        "button",
+                        {
+                          staticClass: "el-dialog__headerbtn",
+                          attrs: { type: "button", "aria-label": "Close" },
+                          on: { click: _vm.handleClose }
+                        },
+                        [
+                          _c("i", {
+                            staticClass:
+                              "el-dialog__close el-icon el-icon-close"
+                          })
+                        ]
+                      )
+                    : _vm._e()
+                ],
+                2
+              ),
+              _vm.rendered
+                ? _c(
+                    "div",
+                    { staticClass: "el-dialog__body" },
+                    [_vm._t("default")],
+                    2
+                  )
+                : _vm._e(),
+              _vm.$slots.footer
+                ? _c(
+                    "div",
+                    { staticClass: "el-dialog__footer" },
+                    [_vm._t("footer")],
+                    2
+                  )
+                : _vm._e()
+            ]
+          )
+        ]
+      )
+    ]
+  )
+}
+var componentvue_type_template_id_60140e62_staticRenderFns = []
+componentvue_type_template_id_60140e62_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/dialog/src/component.vue?vue&type=template&id=60140e62&
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/popup"
+var popup_ = __webpack_require__(11);
+var popup_default = /*#__PURE__*/__webpack_require__.n(popup_);
+
+// EXTERNAL MODULE: external "element-ui/lib/mixins/migrating"
+var migrating_ = __webpack_require__(9);
+var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
+
+// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
+var emitter_ = __webpack_require__(3);
+var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dialog/src/component.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var componentvue_type_script_lang_js_ = ({
+  name: 'ElDialog',
+
+  mixins: [popup_default.a, emitter_default.a, migrating_default.a],
+
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+
+    modal: {
+      type: Boolean,
+      default: true
+    },
+
+    modalAppendToBody: {
+      type: Boolean,
+      default: true
+    },
+
+    appendToBody: {
+      type: Boolean,
+      default: false
+    },
+
+    lockScroll: {
+      type: Boolean,
+      default: true
+    },
+
+    closeOnClickModal: {
+      type: Boolean,
+      default: true
+    },
+
+    closeOnPressEscape: {
+      type: Boolean,
+      default: true
+    },
+
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+
+    width: String,
+
+    fullscreen: Boolean,
+
+    customClass: {
+      type: String,
+      default: ''
+    },
+
+    top: {
+      type: String,
+      default: '15vh'
+    },
+    beforeClose: Function,
+    center: {
+      type: Boolean,
+      default: false
+    },
+
+    destroyOnClose: Boolean
+  },
+
+  data: function data() {
+    return {
+      closed: false,
+      key: 0
+    };
+  },
+
+
+  watch: {
+    visible: function visible(val) {
+      var _this = this;
+
+      if (val) {
+        this.closed = false;
+        this.$emit('open');
+        this.$el.addEventListener('scroll', this.updatePopper);
+        this.$nextTick(function () {
+          _this.$refs.dialog.scrollTop = 0;
+        });
+        if (this.appendToBody) {
+          document.body.appendChild(this.$el);
+        }
+      } else {
+        this.$el.removeEventListener('scroll', this.updatePopper);
+        if (!this.closed) this.$emit('close');
+        if (this.destroyOnClose) {
+          this.$nextTick(function () {
+            _this.key++;
+          });
+        }
+      }
+    }
+  },
+
+  computed: {
+    style: function style() {
+      var style = {};
+      if (!this.fullscreen) {
+        style.marginTop = this.top;
+        if (this.width) {
+          style.width = this.width;
+        }
+      }
+      return style;
+    }
+  },
+
+  methods: {
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'size': 'size is removed.'
+        }
+      };
+    },
+    handleWrapperClick: function handleWrapperClick() {
+      if (!this.closeOnClickModal) return;
+      this.handleClose();
+    },
+    handleClose: function handleClose() {
+      if (typeof this.beforeClose === 'function') {
+        this.beforeClose(this.hide);
+      } else {
+        this.hide();
+      }
+    },
+    hide: function hide(cancel) {
+      if (cancel !== false) {
+        this.$emit('update:visible', false);
+        this.$emit('close');
+        this.closed = true;
+      }
+    },
+    updatePopper: function updatePopper() {
+      this.broadcast('ElSelectDropdown', 'updatePopper');
+      this.broadcast('ElDropdownMenu', 'updatePopper');
+    },
+    afterEnter: function afterEnter() {
+      this.$emit('opened');
+    },
+    afterLeave: function afterLeave() {
+      this.$emit('closed');
+    }
+  },
+
+  mounted: function mounted() {
+    if (this.visible) {
+      this.rendered = true;
+      this.open();
+      if (this.appendToBody) {
+        document.body.appendChild(this.$el);
+      }
+    }
+  },
+  destroyed: function destroyed() {
+    // if appendToBody is true, remove DOM node after destroy
+    if (this.appendToBody && this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/dialog/src/component.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_componentvue_type_script_lang_js_ = (componentvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/dialog/src/component.vue
+
+
+
+
+
+/* normalize component */
+
+var component_component = normalizeComponent(
+  src_componentvue_type_script_lang_js_,
+  componentvue_type_template_id_60140e62_render,
+  componentvue_type_template_id_60140e62_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var component_api; }
+component_component.options.__file = "packages/dialog/src/component.vue"
+/* harmony default export */ var src_component = (component_component.exports);
+// CONCATENATED MODULE: ./packages/dialog/index.js
+
+
+/* istanbul ignore next */
+src_component.install = function (Vue) {
+  Vue.component(src_component.name, src_component);
+};
+
+/* harmony default export */ var dialog = (src_component);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete.vue?vue&type=template&id=152f2ee6&
+var autocompletevue_type_template_id_152f2ee6_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "clickoutside",
+          rawName: "v-clickoutside",
+          value: _vm.close,
+          expression: "close"
+        }
+      ],
+      staticClass: "el-autocomplete",
+      attrs: {
+        "aria-haspopup": "listbox",
+        role: "combobox",
+        "aria-expanded": _vm.suggestionVisible,
+        "aria-owns": _vm.id
+      }
+    },
+    [
+      _c(
+        "el-input",
+        _vm._b(
+          {
+            ref: "input",
+            on: {
+              input: _vm.handleInput,
+              change: _vm.handleChange,
+              focus: _vm.handleFocus,
+              blur: _vm.handleBlur,
+              clear: _vm.handleClear
+            },
+            nativeOn: {
+              keydown: [
+                function($event) {
+                  if (
+                    !("button" in $event) &&
+                    _vm._k($event.keyCode, "up", 38, $event.key, [
+                      "Up",
+                      "ArrowUp"
+                    ])
+                  ) {
+                    return null
+                  }
+                  $event.preventDefault()
+                  _vm.highlight(_vm.highlightedIndex - 1)
+                },
+                function($event) {
+                  if (
+                    !("button" in $event) &&
+                    _vm._k($event.keyCode, "down", 40, $event.key, [
+                      "Down",
+                      "ArrowDown"
+                    ])
+                  ) {
+                    return null
+                  }
+                  $event.preventDefault()
+                  _vm.highlight(_vm.highlightedIndex + 1)
+                },
+                function($event) {
+                  if (
+                    !("button" in $event) &&
+                    _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
+                  ) {
+                    return null
+                  }
+                  return _vm.handleKeyEnter($event)
+                },
+                function($event) {
+                  if (
+                    !("button" in $event) &&
+                    _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")
+                  ) {
+                    return null
+                  }
+                  return _vm.close($event)
+                }
+              ]
+            }
+          },
+          "el-input",
+          [_vm.$props, _vm.$attrs],
+          false
+        ),
+        [
+          _vm.$slots.prepend
+            ? _c("template", { slot: "prepend" }, [_vm._t("prepend")], 2)
+            : _vm._e(),
+          _vm.$slots.append
+            ? _c("template", { slot: "append" }, [_vm._t("append")], 2)
+            : _vm._e(),
+          _vm.$slots.prefix
+            ? _c("template", { slot: "prefix" }, [_vm._t("prefix")], 2)
+            : _vm._e(),
+          _vm.$slots.suffix
+            ? _c("template", { slot: "suffix" }, [_vm._t("suffix")], 2)
+            : _vm._e()
+        ],
+        2
+      ),
+      _c(
+        "el-autocomplete-suggestions",
+        {
+          ref: "suggestions",
+          class: [_vm.popperClass ? _vm.popperClass : ""],
+          attrs: {
+            "visible-arrow": "",
+            "popper-options": _vm.popperOptions,
+            "append-to-body": _vm.popperAppendToBody,
+            placement: _vm.placement,
+            id: _vm.id
+          }
+        },
+        _vm._l(_vm.suggestions, function(item, index) {
+          return _c(
+            "li",
+            {
+              key: index,
+              class: { highlighted: _vm.highlightedIndex === index },
+              attrs: {
+                id: _vm.id + "-item-" + index,
+                role: "option",
+                "aria-selected": _vm.highlightedIndex === index
+              },
+              on: {
+                click: function($event) {
+                  _vm.select(item)
+                }
+              }
+            },
+            [
+              _vm._t(
+                "default",
+                [
+                  _vm._v("\n        " + _vm._s(item[_vm.valueKey]) + "\n      ")
+                ],
+                { item: item }
+              )
+            ],
+            2
+          )
+        }),
+        0
+      )
+    ],
+    1
+  )
+}
+var autocompletevue_type_template_id_152f2ee6_staticRenderFns = []
+autocompletevue_type_template_id_152f2ee6_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete.vue?vue&type=template&id=152f2ee6&
+
+// EXTERNAL MODULE: external "throttle-debounce/debounce"
+var debounce_ = __webpack_require__(17);
+var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside"
+var clickoutside_ = __webpack_require__(10);
+var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=template&id=cd10dcf0&
+var autocomplete_suggestionsvue_type_template_id_cd10dcf0_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    { attrs: { name: "el-zoom-in-top" }, on: { "after-leave": _vm.doDestroy } },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.showPopper,
+              expression: "showPopper"
+            }
+          ],
+          staticClass: "el-autocomplete-suggestion el-popper",
+          class: {
+            "is-loading": !_vm.parent.hideLoading && _vm.parent.loading
+          },
+          style: { width: _vm.dropdownWidth },
+          attrs: { role: "region" }
+        },
+        [
+          _c(
+            "el-scrollbar",
+            {
+              attrs: {
+                tag: "ul",
+                "wrap-class": "el-autocomplete-suggestion__wrap",
+                "view-class": "el-autocomplete-suggestion__list"
+              }
+            },
+            [
+              !_vm.parent.hideLoading && _vm.parent.loading
+                ? _c("li", [_c("i", { staticClass: "el-icon-loading" })])
+                : _vm._t("default")
+            ],
+            2
+          )
+        ],
+        1
+      )
+    ]
+  )
+}
+var autocomplete_suggestionsvue_type_template_id_cd10dcf0_staticRenderFns = []
+autocomplete_suggestionsvue_type_template_id_cd10dcf0_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=template&id=cd10dcf0&
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper"
+var vue_popper_ = __webpack_require__(5);
+var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
+
+// EXTERNAL MODULE: external "element-ui/lib/scrollbar"
+var scrollbar_ = __webpack_require__(18);
+var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var autocomplete_suggestionsvue_type_script_lang_js_ = ({
+  components: { ElScrollbar: scrollbar_default.a },
+  mixins: [vue_popper_default.a, emitter_default.a],
+
+  componentName: 'ElAutocompleteSuggestions',
+
+  data: function data() {
+    return {
+      parent: this.$parent,
+      dropdownWidth: ''
+    };
+  },
+
+
+  props: {
+    options: {
+      default: function _default() {
+        return {
+          gpuAcceleration: false
+        };
+      }
+    },
+    id: String
+  },
+
+  methods: {
+    select: function select(item) {
+      this.dispatch('ElAutocomplete', 'item-click', item);
+    }
+  },
+
+  updated: function updated() {
+    var _this = this;
+
+    this.$nextTick(function (_) {
+      _this.popperJS && _this.updatePopper();
+    });
+  },
+  mounted: function mounted() {
+    this.$parent.popperElm = this.popperElm = this.$el;
+    this.referenceElm = this.$parent.$refs.input.$refs.input || this.$parent.$refs.input.$refs.textarea;
+    this.referenceList = this.$el.querySelector('.el-autocomplete-suggestion__list');
+    this.referenceList.setAttribute('role', 'listbox');
+    this.referenceList.setAttribute('id', this.id);
+  },
+  created: function created() {
+    var _this2 = this;
+
+    this.$on('visible', function (val, inputWidth) {
+      _this2.dropdownWidth = inputWidth + 'px';
+      _this2.showPopper = val;
+    });
+  }
+});
+// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_autocomplete_suggestionsvue_type_script_lang_js_ = (autocomplete_suggestionsvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue
+
+
+
+
+
+/* normalize component */
+
+var autocomplete_suggestions_component = normalizeComponent(
+  src_autocomplete_suggestionsvue_type_script_lang_js_,
+  autocomplete_suggestionsvue_type_template_id_cd10dcf0_render,
+  autocomplete_suggestionsvue_type_template_id_cd10dcf0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var autocomplete_suggestions_api; }
+autocomplete_suggestions_component.options.__file = "packages/autocomplete/src/autocomplete-suggestions.vue"
+/* harmony default export */ var autocomplete_suggestions = (autocomplete_suggestions_component.exports);
+// EXTERNAL MODULE: external "element-ui/lib/mixins/focus"
+var focus_ = __webpack_require__(23);
+var focus_default = /*#__PURE__*/__webpack_require__.n(focus_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/autocomplete/src/autocomplete.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var autocompletevue_type_script_lang_js_ = ({
+  name: 'ElAutocomplete',
+
+  mixins: [emitter_default.a, focus_default()('input'), migrating_default.a],
+
+  inheritAttrs: false,
+
+  componentName: 'ElAutocomplete',
+
+  components: {
+    ElInput: input_default.a,
+    ElAutocompleteSuggestions: autocomplete_suggestions
+  },
+
+  directives: { Clickoutside: clickoutside_default.a },
+
+  props: {
+    valueKey: {
+      type: String,
+      default: 'value'
+    },
+    popperClass: String,
+    popperOptions: Object,
+    placeholder: String,
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    disabled: Boolean,
+    name: String,
+    size: String,
+    value: String,
+    maxlength: Number,
+    minlength: Number,
+    autofocus: Boolean,
+    fetchSuggestions: Function,
+    triggerOnFocus: {
+      type: Boolean,
+      default: true
+    },
+    customItem: String,
+    selectWhenUnmatched: {
+      type: Boolean,
+      default: false
+    },
+    prefixIcon: String,
+    suffixIcon: String,
+    label: String,
+    debounce: {
+      type: Number,
+      default: 300
+    },
+    placement: {
+      type: String,
+      default: 'bottom-start'
+    },
+    hideLoading: Boolean,
+    popperAppendToBody: {
+      type: Boolean,
+      default: true
+    },
+    highlightFirstItem: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      activated: false,
+      suggestions: [],
+      loading: false,
+      highlightedIndex: -1,
+      suggestionDisabled: false
+    };
+  },
+
+  computed: {
+    suggestionVisible: function suggestionVisible() {
+      var suggestions = this.suggestions;
+      var isValidData = Array.isArray(suggestions) && suggestions.length > 0;
+      return (isValidData || this.loading) && this.activated;
+    },
+    id: function id() {
+      return 'el-autocomplete-' + Object(util_["generateId"])();
+    }
+  },
+  watch: {
+    suggestionVisible: function suggestionVisible(val) {
+      var $input = this.getInput();
+      if ($input) {
+        this.broadcast('ElAutocompleteSuggestions', 'visible', [val, $input.offsetWidth]);
+      }
+    }
+  },
+  methods: {
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'custom-item': 'custom-item is removed, use scoped slot instead.',
+          'props': 'props is removed, use value-key instead.'
+        }
+      };
+    },
+    getData: function getData(queryString) {
+      var _this = this;
+
+      if (this.suggestionDisabled) {
+        return;
+      }
+      this.loading = true;
+      this.fetchSuggestions(queryString, function (suggestions) {
+        _this.loading = false;
+        if (_this.suggestionDisabled) {
+          return;
+        }
+        if (Array.isArray(suggestions)) {
+          _this.suggestions = suggestions;
+          _this.highlightedIndex = _this.highlightFirstItem ? 0 : -1;
+        } else {
+          console.error('[Element Error][Autocomplete]autocomplete suggestions must be an array');
+        }
+      });
+    },
+    handleInput: function handleInput(value) {
+      this.$emit('input', value);
+      this.suggestionDisabled = false;
+      if (!this.triggerOnFocus && !value) {
+        this.suggestionDisabled = true;
+        this.suggestions = [];
+        return;
+      }
+      this.debouncedGetData(value);
+    },
+    handleChange: function handleChange(value) {
+      this.$emit('change', value);
+    },
+    handleFocus: function handleFocus(event) {
+      this.activated = true;
+      this.$emit('focus', event);
+      if (this.triggerOnFocus) {
+        this.debouncedGetData(this.value);
+      }
+    },
+    handleBlur: function handleBlur(event) {
+      this.$emit('blur', event);
+    },
+    handleClear: function handleClear() {
+      this.activated = false;
+      this.$emit('clear');
+    },
+    close: function close(e) {
+      this.activated = false;
+    },
+    handleKeyEnter: function handleKeyEnter(e) {
+      var _this2 = this;
+
+      if (this.suggestionVisible && this.highlightedIndex >= 0 && this.highlightedIndex < this.suggestions.length) {
+        e.preventDefault();
+        this.select(this.suggestions[this.highlightedIndex]);
+      } else if (this.selectWhenUnmatched) {
+        this.$emit('select', { value: this.value });
+        this.$nextTick(function (_) {
+          _this2.suggestions = [];
+          _this2.highlightedIndex = -1;
+        });
+      }
+    },
+    select: function select(item) {
+      var _this3 = this;
+
+      this.$emit('input', item[this.valueKey]);
+      this.$emit('select', item);
+      this.$nextTick(function (_) {
+        _this3.suggestions = [];
+        _this3.highlightedIndex = -1;
+      });
+    },
+    highlight: function highlight(index) {
+      if (!this.suggestionVisible || this.loading) {
+        return;
+      }
+      if (index < 0) {
+        this.highlightedIndex = -1;
+        return;
+      }
+      if (index >= this.suggestions.length) {
+        index = this.suggestions.length - 1;
+      }
+      var suggestion = this.$refs.suggestions.$el.querySelector('.el-autocomplete-suggestion__wrap');
+      var suggestionList = suggestion.querySelectorAll('.el-autocomplete-suggestion__list li');
+
+      var highlightItem = suggestionList[index];
+      var scrollTop = suggestion.scrollTop;
+      var offsetTop = highlightItem.offsetTop;
+
+      if (offsetTop + highlightItem.scrollHeight > scrollTop + suggestion.clientHeight) {
+        suggestion.scrollTop += highlightItem.scrollHeight;
+      }
+      if (offsetTop < scrollTop) {
+        suggestion.scrollTop -= highlightItem.scrollHeight;
+      }
+      this.highlightedIndex = index;
+      var $input = this.getInput();
+      $input.setAttribute('aria-activedescendant', this.id + '-item-' + this.highlightedIndex);
+    },
+    getInput: function getInput() {
+      return this.$refs.input.getInput();
+    }
+  },
+  mounted: function mounted() {
+    var _this4 = this;
+
+    this.debouncedGetData = debounce_default()(this.debounce, this.getData);
+    this.$on('item-click', function (item) {
+      _this4.select(item);
+    });
+    var $input = this.getInput();
+    $input.setAttribute('role', 'textbox');
+    $input.setAttribute('aria-autocomplete', 'list');
+    $input.setAttribute('aria-controls', 'id');
+    $input.setAttribute('aria-activedescendant', this.id + '-item-' + this.highlightedIndex);
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.$refs.suggestions.$destroy();
+  }
+});
+// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_autocompletevue_type_script_lang_js_ = (autocompletevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete.vue
+
+
+
+
+
+/* normalize component */
+
+var autocomplete_component = normalizeComponent(
+  src_autocompletevue_type_script_lang_js_,
+  autocompletevue_type_template_id_152f2ee6_render,
+  autocompletevue_type_template_id_152f2ee6_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var autocomplete_api; }
+autocomplete_component.options.__file = "packages/autocomplete/src/autocomplete.vue"
+/* harmony default export */ var autocomplete = (autocomplete_component.exports);
+// CONCATENATED MODULE: ./packages/autocomplete/index.js
+
+
+/* istanbul ignore next */
+autocomplete.install = function (Vue) {
+  Vue.component(autocomplete.name, autocomplete);
+};
+
+/* harmony default export */ var packages_autocomplete = (autocomplete);
+// EXTERNAL MODULE: external "element-ui/lib/button"
+var button_ = __webpack_require__(13);
+var button_default = /*#__PURE__*/__webpack_require__.n(button_);
+
+// EXTERNAL MODULE: external "element-ui/lib/button-group"
+var button_group_ = __webpack_require__(29);
+var button_group_default = /*#__PURE__*/__webpack_require__.n(button_group_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+/* harmony default export */ var dropdownvue_type_script_lang_js_ = ({
+  name: 'ElDropdown',
+
+  componentName: 'ElDropdown',
+
+  mixins: [emitter_default.a, migrating_default.a],
+
+  directives: { Clickoutside: clickoutside_default.a },
+
+  components: {
+    ElButton: button_default.a,
+    ElButtonGroup: button_group_default.a
+  },
+
+  provide: function provide() {
+    return {
+      dropdown: this
+    };
+  },
+
+
+  props: {
+    trigger: {
+      type: String,
+      default: 'hover'
+    },
+    type: String,
+    size: {
+      type: String,
+      default: ''
+    },
+    splitButton: Boolean,
+    hideOnClick: {
+      type: Boolean,
+      default: true
+    },
+    placement: {
+      type: String,
+      default: 'bottom-end'
+    },
+    visibleArrow: {
+      default: true
+    },
+    showTimeout: {
+      type: Number,
+      default: 250
+    },
+    hideTimeout: {
+      type: Number,
+      default: 150
+    },
+    tabindex: {
+      type: Number,
+      default: 0
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data: function data() {
+    return {
+      timeout: null,
+      visible: false,
+      triggerElm: null,
+      menuItems: null,
+      menuItemsArray: null,
+      dropdownElm: null,
+      focusing: false,
+      listId: 'dropdown-menu-' + Object(util_["generateId"])()
+    };
+  },
+
+
+  computed: {
+    dropdownSize: function dropdownSize() {
+      return this.size || (this.$ELEMENT || {}).size;
+    }
+  },
+
+  mounted: function mounted() {
+    this.$on('menu-item-click', this.handleMenuItemClick);
+  },
+
+
+  watch: {
+    visible: function visible(val) {
+      this.broadcast('ElDropdownMenu', 'visible', val);
+      this.$emit('visible-change', val);
+    },
+    focusing: function focusing(val) {
+      var selfDefine = this.$el.querySelector('.el-dropdown-selfdefine');
+      if (selfDefine) {
+        // 自定义
+        if (val) {
+          selfDefine.className += ' focusing';
+        } else {
+          selfDefine.className = selfDefine.className.replace('focusing', '');
+        }
+      }
+    }
+  },
+
+  methods: {
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'menu-align': 'menu-align is renamed to placement.'
+        }
+      };
+    },
+    show: function show() {
+      var _this = this;
+
+      if (this.disabled) return;
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(function () {
+        _this.visible = true;
+      }, this.trigger === 'click' ? 0 : this.showTimeout);
+    },
+    hide: function hide() {
+      var _this2 = this;
+
+      if (this.disabled) return;
+      this.removeTabindex();
+      if (this.tabindex >= 0) {
+        this.resetTabindex(this.triggerElm);
+      }
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(function () {
+        _this2.visible = false;
+      }, this.trigger === 'click' ? 0 : this.hideTimeout);
+    },
+    handleClick: function handleClick() {
+      if (this.disabled) return;
+      if (this.visible) {
+        this.hide();
+      } else {
+        this.show();
+      }
+    },
+    handleTriggerKeyDown: function handleTriggerKeyDown(ev) {
+      var keyCode = ev.keyCode;
+      if ([38, 40].indexOf(keyCode) > -1) {
+        // up/down
+        this.removeTabindex();
+        this.resetTabindex(this.menuItems[0]);
+        this.menuItems[0].focus();
+        ev.preventDefault();
+        ev.stopPropagation();
+      } else if (keyCode === 13) {
+        // space enter选中
+        this.handleClick();
+      } else if ([9, 27].indexOf(keyCode) > -1) {
+        // tab || esc
+        this.hide();
+      }
+    },
+    handleItemKeyDown: function handleItemKeyDown(ev) {
+      var keyCode = ev.keyCode;
+      var target = ev.target;
+      var currentIndex = this.menuItemsArray.indexOf(target);
+      var max = this.menuItemsArray.length - 1;
+      var nextIndex = void 0;
+      if ([38, 40].indexOf(keyCode) > -1) {
+        // up/down
+        if (keyCode === 38) {
+          // up
+          nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
+        } else {
+          // down
+          nextIndex = currentIndex < max ? currentIndex + 1 : max;
+        }
+        this.removeTabindex();
+        this.resetTabindex(this.menuItems[nextIndex]);
+        this.menuItems[nextIndex].focus();
+        ev.preventDefault();
+        ev.stopPropagation();
+      } else if (keyCode === 13) {
+        // enter选中
+        this.triggerElmFocus();
+        target.click();
+        if (this.hideOnClick) {
+          // click关闭
+          this.visible = false;
+        }
+      } else if ([9, 27].indexOf(keyCode) > -1) {
+        // tab // esc
+        this.hide();
+        this.triggerElmFocus();
+      }
+    },
+    resetTabindex: function resetTabindex(ele) {
+      // 下次tab时组件聚焦元素
+      this.removeTabindex();
+      ele.setAttribute('tabindex', '0'); // 下次期望的聚焦元素
+    },
+    removeTabindex: function removeTabindex() {
+      this.triggerElm.setAttribute('tabindex', '-1');
+      this.menuItemsArray.forEach(function (item) {
+        item.setAttribute('tabindex', '-1');
+      });
+    },
+    initAria: function initAria() {
+      this.dropdownElm.setAttribute('id', this.listId);
+      this.triggerElm.setAttribute('aria-haspopup', 'list');
+      this.triggerElm.setAttribute('aria-controls', this.listId);
+
+      if (!this.splitButton) {
+        // 自定义
+        this.triggerElm.setAttribute('role', 'button');
+        this.triggerElm.setAttribute('tabindex', this.tabindex);
+        this.triggerElm.setAttribute('class', (this.triggerElm.getAttribute('class') || '') + ' el-dropdown-selfdefine'); // 控制
+      }
+    },
+    initEvent: function initEvent() {
+      var _this3 = this;
+
+      var trigger = this.trigger,
+          show = this.show,
+          hide = this.hide,
+          handleClick = this.handleClick,
+          splitButton = this.splitButton,
+          handleTriggerKeyDown = this.handleTriggerKeyDown,
+          handleItemKeyDown = this.handleItemKeyDown;
+
+      this.triggerElm = splitButton ? this.$refs.trigger.$el : this.$slots.default[0].elm;
+
+      var dropdownElm = this.dropdownElm;
+
+      this.triggerElm.addEventListener('keydown', handleTriggerKeyDown); // triggerElm keydown
+      dropdownElm.addEventListener('keydown', handleItemKeyDown, true); // item keydown
+      // 控制自定义元素的样式
+      if (!splitButton) {
+        this.triggerElm.addEventListener('focus', function () {
+          _this3.focusing = true;
+        });
+        this.triggerElm.addEventListener('blur', function () {
+          _this3.focusing = false;
+        });
+        this.triggerElm.addEventListener('click', function () {
+          _this3.focusing = false;
+        });
+      }
+      if (trigger === 'hover') {
+        this.triggerElm.addEventListener('mouseenter', show);
+        this.triggerElm.addEventListener('mouseleave', hide);
+        dropdownElm.addEventListener('mouseenter', show);
+        dropdownElm.addEventListener('mouseleave', hide);
+      } else if (trigger === 'click') {
+        this.triggerElm.addEventListener('click', handleClick);
+      }
+    },
+    handleMenuItemClick: function handleMenuItemClick(command, instance) {
+      if (this.hideOnClick) {
+        this.visible = false;
+      }
+      this.$emit('command', command, instance);
+    },
+    triggerElmFocus: function triggerElmFocus() {
+      this.triggerElm.focus && this.triggerElm.focus();
+    },
+    initDomOperation: function initDomOperation() {
+      this.dropdownElm = this.popperElm;
+      this.menuItems = this.dropdownElm.querySelectorAll("[tabindex='-1']");
+      this.menuItemsArray = [].slice.call(this.menuItems);
+
+      this.initEvent();
+      this.initAria();
+    }
+  },
+
+  render: function render(h) {
+    var _this4 = this;
+
+    var hide = this.hide,
+        splitButton = this.splitButton,
+        type = this.type,
+        dropdownSize = this.dropdownSize,
+        disabled = this.disabled;
+
+
+    var handleMainButtonClick = function handleMainButtonClick(event) {
+      _this4.$emit('click', event);
+      hide();
+    };
+
+    var triggerElm = null;
+    if (splitButton) {
+      triggerElm = h('el-button-group', [h(
+        'el-button',
+        {
+          attrs: { type: type, size: dropdownSize, disabled: disabled },
+          nativeOn: {
+            'click': handleMainButtonClick
+          }
+        },
+        [this.$slots.default]
+      ), h(
+        'el-button',
+        { ref: 'trigger', attrs: { type: type, size: dropdownSize, disabled: disabled },
+          'class': 'el-dropdown__caret-button' },
+        [h('i', { 'class': 'el-dropdown__icon el-icon-arrow-down' })]
+      )]);
+    } else {
+      triggerElm = this.$slots.default;
+      var vnodeData = triggerElm[0].data || {};
+      var _vnodeData$attrs = vnodeData.attrs,
+          attrs = _vnodeData$attrs === undefined ? {} : _vnodeData$attrs;
+
+      if (disabled && !attrs.disabled) {
+        attrs.disabled = true;
+        vnodeData.attrs = attrs;
+      }
+    }
+    var menuElm = disabled ? null : this.$slots.dropdown;
+
+    return h(
+      'div',
+      { 'class': 'el-dropdown', directives: [{
+          name: 'clickoutside',
+          value: hide
+        }],
+        attrs: { 'aria-disabled': disabled }
+      },
+      [triggerElm, menuElm]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/dropdown/src/dropdown.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_dropdownvue_type_script_lang_js_ = (dropdownvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/dropdown/src/dropdown.vue
+var dropdown_render, dropdown_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var dropdown_component = normalizeComponent(
+  src_dropdownvue_type_script_lang_js_,
+  dropdown_render,
+  dropdown_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var dropdown_api; }
+dropdown_component.options.__file = "packages/dropdown/src/dropdown.vue"
+/* harmony default export */ var dropdown = (dropdown_component.exports);
+// CONCATENATED MODULE: ./packages/dropdown/index.js
+
+
+/* istanbul ignore next */
+dropdown.install = function (Vue) {
+  Vue.component(dropdown.name, dropdown);
+};
+
+/* harmony default export */ var packages_dropdown = (dropdown);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-menu.vue?vue&type=template&id=0da6b714&
+var dropdown_menuvue_type_template_id_0da6b714_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    { attrs: { name: "el-zoom-in-top" }, on: { "after-leave": _vm.doDestroy } },
+    [
+      _c(
+        "ul",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.showPopper,
+              expression: "showPopper"
+            }
+          ],
+          staticClass: "el-dropdown-menu el-popper",
+          class: [_vm.size && "el-dropdown-menu--" + _vm.size]
+        },
+        [_vm._t("default")],
+        2
+      )
+    ]
+  )
+}
+var dropdown_menuvue_type_template_id_0da6b714_staticRenderFns = []
+dropdown_menuvue_type_template_id_0da6b714_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-menu.vue?vue&type=template&id=0da6b714&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-menu.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var dropdown_menuvue_type_script_lang_js_ = ({
+  name: 'ElDropdownMenu',
+
+  componentName: 'ElDropdownMenu',
+
+  mixins: [vue_popper_default.a],
+
+  props: {
+    visibleArrow: {
+      type: Boolean,
+      default: true
+    },
+    arrowOffset: {
+      type: Number,
+      default: 0
+    }
+  },
+
+  data: function data() {
+    return {
+      size: this.dropdown.dropdownSize
+    };
+  },
+
+
+  inject: ['dropdown'],
+
+  created: function created() {
+    var _this = this;
+
+    this.$on('updatePopper', function () {
+      if (_this.showPopper) _this.updatePopper();
+    });
+    this.$on('visible', function (val) {
+      _this.showPopper = val;
+    });
+  },
+  mounted: function mounted() {
+    this.dropdown.popperElm = this.popperElm = this.$el;
+    this.referenceElm = this.dropdown.$el;
+    // compatible with 2.6 new v-slot syntax
+    // issue link https://github.com/ElemeFE/element/issues/14345
+    this.dropdown.initDomOperation();
+  },
+
+
+  watch: {
+    'dropdown.placement': {
+      immediate: true,
+      handler: function handler(val) {
+        this.currentPlacement = val;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-menu.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_dropdown_menuvue_type_script_lang_js_ = (dropdown_menuvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-menu.vue
+
+
+
+
+
+/* normalize component */
+
+var dropdown_menu_component = normalizeComponent(
+  src_dropdown_menuvue_type_script_lang_js_,
+  dropdown_menuvue_type_template_id_0da6b714_render,
+  dropdown_menuvue_type_template_id_0da6b714_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var dropdown_menu_api; }
+dropdown_menu_component.options.__file = "packages/dropdown/src/dropdown-menu.vue"
+/* harmony default export */ var dropdown_menu = (dropdown_menu_component.exports);
+// CONCATENATED MODULE: ./packages/dropdown-menu/index.js
+
+
+/* istanbul ignore next */
+dropdown_menu.install = function (Vue) {
+  Vue.component(dropdown_menu.name, dropdown_menu);
+};
+
+/* harmony default export */ var packages_dropdown_menu = (dropdown_menu);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-item.vue?vue&type=template&id=6359102a&
+var dropdown_itemvue_type_template_id_6359102a_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "li",
+    {
+      staticClass: "el-dropdown-menu__item",
+      class: {
+        "is-disabled": _vm.disabled,
+        "el-dropdown-menu__item--divided": _vm.divided
+      },
+      attrs: {
+        "aria-disabled": _vm.disabled,
+        tabindex: _vm.disabled ? null : -1
+      },
+      on: { click: _vm.handleClick }
+    },
+    [_vm.icon ? _c("i", { class: _vm.icon }) : _vm._e(), _vm._t("default")],
+    2
+  )
+}
+var dropdown_itemvue_type_template_id_6359102a_staticRenderFns = []
+dropdown_itemvue_type_template_id_6359102a_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-item.vue?vue&type=template&id=6359102a&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown-item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var dropdown_itemvue_type_script_lang_js_ = ({
+  name: 'ElDropdownItem',
+
+  mixins: [emitter_default.a],
+
+  props: {
+    command: {},
+    disabled: Boolean,
+    divided: Boolean,
+    icon: String
+  },
+
+  methods: {
+    handleClick: function handleClick(e) {
+      this.dispatch('ElDropdown', 'menu-item-click', [this.command, this]);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_dropdown_itemvue_type_script_lang_js_ = (dropdown_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/dropdown/src/dropdown-item.vue
+
+
+
+
+
+/* normalize component */
+
+var dropdown_item_component = normalizeComponent(
+  src_dropdown_itemvue_type_script_lang_js_,
+  dropdown_itemvue_type_template_id_6359102a_render,
+  dropdown_itemvue_type_template_id_6359102a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var dropdown_item_api; }
+dropdown_item_component.options.__file = "packages/dropdown/src/dropdown-item.vue"
+/* harmony default export */ var dropdown_item = (dropdown_item_component.exports);
+// CONCATENATED MODULE: ./packages/dropdown-item/index.js
+
+
+/* istanbul ignore next */
+dropdown_item.install = function (Vue) {
+  Vue.component(dropdown_item.name, dropdown_item);
+};
+
+/* harmony default export */ var packages_dropdown_item = (dropdown_item);
+// CONCATENATED MODULE: ./src/utils/aria-utils.js
+var aria = aria || {};
+
+aria.Utils = aria.Utils || {};
+
+/**
+ * @desc Set focus on descendant nodes until the first focusable element is
+ *       found.
+ * @param element
+ *          DOM node for which to find the first focusable descendant.
+ * @returns
+ *  true if a focusable element is found and focus is set.
+ */
+aria.Utils.focusFirstDescendant = function (element) {
+  for (var i = 0; i < element.childNodes.length; i++) {
+    var child = element.childNodes[i];
+    if (aria.Utils.attemptFocus(child) || aria.Utils.focusFirstDescendant(child)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+/**
+ * @desc Find the last descendant node that is focusable.
+ * @param element
+ *          DOM node for which to find the last focusable descendant.
+ * @returns
+ *  true if a focusable element is found and focus is set.
+ */
+
+aria.Utils.focusLastDescendant = function (element) {
+  for (var i = element.childNodes.length - 1; i >= 0; i--) {
+    var child = element.childNodes[i];
+    if (aria.Utils.attemptFocus(child) || aria.Utils.focusLastDescendant(child)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+/**
+ * @desc Set Attempt to set focus on the current node.
+ * @param element
+ *          The node to attempt to focus on.
+ * @returns
+ *  true if element is focused.
+ */
+aria.Utils.attemptFocus = function (element) {
+  if (!aria.Utils.isFocusable(element)) {
+    return false;
+  }
+  aria.Utils.IgnoreUtilFocusChanges = true;
+  try {
+    element.focus();
+  } catch (e) {}
+  aria.Utils.IgnoreUtilFocusChanges = false;
+  return document.activeElement === element;
+};
+
+aria.Utils.isFocusable = function (element) {
+  if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null) {
+    return true;
+  }
+
+  if (element.disabled) {
+    return false;
+  }
+
+  switch (element.nodeName) {
+    case 'A':
+      return !!element.href && element.rel !== 'ignore';
+    case 'INPUT':
+      return element.type !== 'hidden' && element.type !== 'file';
+    case 'BUTTON':
+    case 'SELECT':
+    case 'TEXTAREA':
+      return true;
+    default:
+      return false;
+  }
+};
+
+/**
+ * 触发一个事件
+ * mouseenter, mouseleave, mouseover, keyup, change, click 等
+ * @param  {Element} elm
+ * @param  {String} name
+ * @param  {*} opts
+ */
+aria.Utils.triggerEvent = function (elm, name) {
+  var eventName = void 0;
+
+  if (/^mouse|click/.test(name)) {
+    eventName = 'MouseEvents';
+  } else if (/^key/.test(name)) {
+    eventName = 'KeyboardEvent';
+  } else {
+    eventName = 'HTMLEvents';
+  }
+  var evt = document.createEvent(eventName);
+
+  for (var _len = arguments.length, opts = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    opts[_key - 2] = arguments[_key];
+  }
+
+  evt.initEvent.apply(evt, [name].concat(opts));
+  elm.dispatchEvent ? elm.dispatchEvent(evt) : elm.fireEvent('on' + name, evt);
+
+  return elm;
+};
+
+aria.Utils.keys = {
+  tab: 9,
+  enter: 13,
+  space: 32,
+  left: 37,
+  up: 38,
+  right: 39,
+  down: 40,
+  esc: 27
+};
+
+/* harmony default export */ var aria_utils = (aria.Utils);
+// CONCATENATED MODULE: ./src/utils/menu/aria-submenu.js
+
+
+var SubMenu = function SubMenu(parent, domNode) {
+  this.domNode = domNode;
+  this.parent = parent;
+  this.subMenuItems = [];
+  this.subIndex = 0;
+  this.init();
+};
+
+SubMenu.prototype.init = function () {
+  this.subMenuItems = this.domNode.querySelectorAll('li');
+  this.addListeners();
+};
+
+SubMenu.prototype.gotoSubIndex = function (idx) {
+  if (idx === this.subMenuItems.length) {
+    idx = 0;
+  } else if (idx < 0) {
+    idx = this.subMenuItems.length - 1;
+  }
+  this.subMenuItems[idx].focus();
+  this.subIndex = idx;
+};
+
+SubMenu.prototype.addListeners = function () {
+  var _this = this;
+
+  var keys = aria_utils.keys;
+  var parentNode = this.parent.domNode;
+  Array.prototype.forEach.call(this.subMenuItems, function (el) {
+    el.addEventListener('keydown', function (event) {
+      var prevDef = false;
+      switch (event.keyCode) {
+        case keys.down:
+          _this.gotoSubIndex(_this.subIndex + 1);
+          prevDef = true;
+          break;
+        case keys.up:
+          _this.gotoSubIndex(_this.subIndex - 1);
+          prevDef = true;
+          break;
+        case keys.tab:
+          aria_utils.triggerEvent(parentNode, 'mouseleave');
+          break;
+        case keys.enter:
+        case keys.space:
+          prevDef = true;
+          event.currentTarget.click();
+          break;
+      }
+      if (prevDef) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      return false;
+    });
+  });
+};
+
+/* harmony default export */ var aria_submenu = (SubMenu);
+// CONCATENATED MODULE: ./src/utils/menu/aria-menuitem.js
+
+
+
+var MenuItem = function MenuItem(domNode) {
+  this.domNode = domNode;
+  this.submenu = null;
+  this.init();
+};
+
+MenuItem.prototype.init = function () {
+  this.domNode.setAttribute('tabindex', '0');
+  var menuChild = this.domNode.querySelector('.el-menu');
+  if (menuChild) {
+    this.submenu = new aria_submenu(this, menuChild);
+  }
+  this.addListeners();
+};
+
+MenuItem.prototype.addListeners = function () {
+  var _this = this;
+
+  var keys = aria_utils.keys;
+  this.domNode.addEventListener('keydown', function (event) {
+    var prevDef = false;
+    switch (event.keyCode) {
+      case keys.down:
+        aria_utils.triggerEvent(event.currentTarget, 'mouseenter');
+        _this.submenu && _this.submenu.gotoSubIndex(0);
+        prevDef = true;
+        break;
+      case keys.up:
+        aria_utils.triggerEvent(event.currentTarget, 'mouseenter');
+        _this.submenu && _this.submenu.gotoSubIndex(_this.submenu.subMenuItems.length - 1);
+        prevDef = true;
+        break;
+      case keys.tab:
+        aria_utils.triggerEvent(event.currentTarget, 'mouseleave');
+        break;
+      case keys.enter:
+      case keys.space:
+        prevDef = true;
+        event.currentTarget.click();
+        break;
+    }
+    if (prevDef) {
+      event.preventDefault();
+    }
+  });
+};
+
+/* harmony default export */ var aria_menuitem = (MenuItem);
+// CONCATENATED MODULE: ./src/utils/menu/aria-menubar.js
+
+
+var Menu = function Menu(domNode) {
+  this.domNode = domNode;
+  this.init();
+};
+
+Menu.prototype.init = function () {
+  var menuChildren = this.domNode.childNodes;
+  [].filter.call(menuChildren, function (child) {
+    return child.nodeType === 1;
+  }).forEach(function (child) {
+    new aria_menuitem(child); // eslint-disable-line
+  });
+};
+/* harmony default export */ var aria_menubar = (Menu);
+// EXTERNAL MODULE: external "element-ui/lib/utils/dom"
+var dom_ = __webpack_require__(1);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+/* harmony default export */ var menuvue_type_script_lang_js_ = ({
+  name: 'ElMenu',
+
+  render: function render(h) {
+    var component = h(
+      'ul',
+      {
+        attrs: {
+          role: 'menubar'
+        },
+        key: +this.collapse,
+        style: { backgroundColor: this.backgroundColor || '' },
+        'class': {
+          'el-menu--horizontal': this.mode === 'horizontal',
+          'el-menu--collapse': this.collapse,
+          "el-menu": true
+        }
+      },
+      [this.$slots.default]
+    );
+
+    if (this.collapseTransition) {
+      return h('el-menu-collapse-transition', [component]);
+    } else {
+      return component;
+    }
+  },
+
+
+  componentName: 'ElMenu',
+
+  mixins: [emitter_default.a, migrating_default.a],
+
+  provide: function provide() {
+    return {
+      rootMenu: this
+    };
+  },
+
+
+  components: {
+    'el-menu-collapse-transition': {
+      functional: true,
+      render: function render(createElement, context) {
+        var data = {
+          props: {
+            mode: 'out-in'
+          },
+          on: {
+            beforeEnter: function beforeEnter(el) {
+              el.style.opacity = 0.2;
+            },
+            enter: function enter(el) {
+              Object(dom_["addClass"])(el, 'el-opacity-transition');
+              el.style.opacity = 1;
+            },
+            afterEnter: function afterEnter(el) {
+              Object(dom_["removeClass"])(el, 'el-opacity-transition');
+              el.style.opacity = '';
+            },
+            beforeLeave: function beforeLeave(el) {
+              if (!el.dataset) el.dataset = {};
+
+              if (Object(dom_["hasClass"])(el, 'el-menu--collapse')) {
+                Object(dom_["removeClass"])(el, 'el-menu--collapse');
+                el.dataset.oldOverflow = el.style.overflow;
+                el.dataset.scrollWidth = el.clientWidth;
+                Object(dom_["addClass"])(el, 'el-menu--collapse');
+              } else {
+                Object(dom_["addClass"])(el, 'el-menu--collapse');
+                el.dataset.oldOverflow = el.style.overflow;
+                el.dataset.scrollWidth = el.clientWidth;
+                Object(dom_["removeClass"])(el, 'el-menu--collapse');
+              }
+
+              el.style.width = el.scrollWidth + 'px';
+              el.style.overflow = 'hidden';
+            },
+            leave: function leave(el) {
+              Object(dom_["addClass"])(el, 'horizontal-collapse-transition');
+              el.style.width = el.dataset.scrollWidth + 'px';
+            }
+          }
+        };
+        return createElement('transition', data, context.children);
+      }
+    }
+  },
+
+  props: {
+    mode: {
+      type: String,
+      default: 'vertical'
+    },
+    defaultActive: {
+      type: String,
+      default: ''
+    },
+    defaultOpeneds: Array,
+    uniqueOpened: Boolean,
+    router: Boolean,
+    menuTrigger: {
+      type: String,
+      default: 'hover'
+    },
+    collapse: Boolean,
+    backgroundColor: String,
+    textColor: String,
+    activeTextColor: String,
+    collapseTransition: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data: function data() {
+    return {
+      activeIndex: this.defaultActive,
+      openedMenus: this.defaultOpeneds && !this.collapse ? this.defaultOpeneds.slice(0) : [],
+      items: {},
+      submenus: {}
+    };
+  },
+
+  computed: {
+    hoverBackground: function hoverBackground() {
+      return this.backgroundColor ? this.mixColor(this.backgroundColor, 0.2) : '';
+    },
+    isMenuPopup: function isMenuPopup() {
+      return this.mode === 'horizontal' || this.mode === 'vertical' && this.collapse;
+    }
+  },
+  watch: {
+    defaultActive: function defaultActive(value) {
+      if (!this.items[value]) {
+        this.activeIndex = null;
+      }
+      this.updateActiveIndex(value);
+    },
+    defaultOpeneds: function defaultOpeneds(value) {
+      if (!this.collapse) {
+        this.openedMenus = value;
+      }
+    },
+    collapse: function collapse(value) {
+      if (value) this.openedMenus = [];
+      this.broadcast('ElSubmenu', 'toggle-collapse', value);
+    }
+  },
+  methods: {
+    updateActiveIndex: function updateActiveIndex(val) {
+      var item = this.items[val] || this.items[this.activeIndex] || this.items[this.defaultActive];
+      if (item) {
+        this.activeIndex = item.index;
+        this.initOpenedMenu();
+      } else {
+        this.activeIndex = null;
+      }
+    },
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'theme': 'theme is removed.'
+        }
+      };
+    },
+    getColorChannels: function getColorChannels(color) {
+      color = color.replace('#', '');
+      if (/^[0-9a-fA-F]{3}$/.test(color)) {
+        color = color.split('');
+        for (var i = 2; i >= 0; i--) {
+          color.splice(i, 0, color[i]);
+        }
+        color = color.join('');
+      }
+      if (/^[0-9a-fA-F]{6}$/.test(color)) {
+        return {
+          red: parseInt(color.slice(0, 2), 16),
+          green: parseInt(color.slice(2, 4), 16),
+          blue: parseInt(color.slice(4, 6), 16)
+        };
+      } else {
+        return {
+          red: 255,
+          green: 255,
+          blue: 255
+        };
+      }
+    },
+    mixColor: function mixColor(color, percent) {
+      var _getColorChannels = this.getColorChannels(color),
+          red = _getColorChannels.red,
+          green = _getColorChannels.green,
+          blue = _getColorChannels.blue;
+
+      if (percent > 0) {
+        // shade given color
+        red *= 1 - percent;
+        green *= 1 - percent;
+        blue *= 1 - percent;
+      } else {
+        // tint given color
+        red += (255 - red) * percent;
+        green += (255 - green) * percent;
+        blue += (255 - blue) * percent;
+      }
+      return 'rgb(' + Math.round(red) + ', ' + Math.round(green) + ', ' + Math.round(blue) + ')';
+    },
+    addItem: function addItem(item) {
+      this.$set(this.items, item.index, item);
+    },
+    removeItem: function removeItem(item) {
+      delete this.items[item.index];
+    },
+    addSubmenu: function addSubmenu(item) {
+      this.$set(this.submenus, item.index, item);
+    },
+    removeSubmenu: function removeSubmenu(item) {
+      delete this.submenus[item.index];
+    },
+    openMenu: function openMenu(index, indexPath) {
+      var openedMenus = this.openedMenus;
+      if (openedMenus.indexOf(index) !== -1) return;
+      // 将不在该菜单路径下的其余菜单收起
+      // collapse all menu that are not under current menu item
+      if (this.uniqueOpened) {
+        this.openedMenus = openedMenus.filter(function (index) {
+          return indexPath.indexOf(index) !== -1;
+        });
+      }
+      this.openedMenus.push(index);
+    },
+    closeMenu: function closeMenu(index) {
+      var i = this.openedMenus.indexOf(index);
+      if (i !== -1) {
+        this.openedMenus.splice(i, 1);
+      }
+    },
+    handleSubmenuClick: function handleSubmenuClick(submenu) {
+      var index = submenu.index,
+          indexPath = submenu.indexPath;
+
+      var isOpened = this.openedMenus.indexOf(index) !== -1;
+
+      if (isOpened) {
+        this.closeMenu(index);
+        this.$emit('close', index, indexPath);
+      } else {
+        this.openMenu(index, indexPath);
+        this.$emit('open', index, indexPath);
+      }
+    },
+    handleItemClick: function handleItemClick(item) {
+      var _this = this;
+
+      var index = item.index,
+          indexPath = item.indexPath;
+
+      var oldActiveIndex = this.activeIndex;
+      var hasIndex = item.index !== null;
+
+      if (hasIndex) {
+        this.activeIndex = item.index;
+      }
+
+      this.$emit('select', index, indexPath, item);
+
+      if (this.mode === 'horizontal' || this.collapse) {
+        this.openedMenus = [];
+      }
+
+      if (this.router && hasIndex) {
+        this.routeToItem(item, function (error) {
+          _this.activeIndex = oldActiveIndex;
+          if (error) {
+            // vue-router 3.1.0+ push/replace cause NavigationDuplicated error 
+            // https://github.com/ElemeFE/element/issues/17044
+            if (error.name === 'NavigationDuplicated') return;
+            console.error(error);
+          }
+        });
+      }
+    },
+
+    // 初始化展开菜单
+    // initialize opened menu
+    initOpenedMenu: function initOpenedMenu() {
+      var _this2 = this;
+
+      var index = this.activeIndex;
+      var activeItem = this.items[index];
+      if (!activeItem || this.mode === 'horizontal' || this.collapse) return;
+
+      var indexPath = activeItem.indexPath;
+
+      // 展开该菜单项的路径上所有子菜单
+      // expand all submenus of the menu item
+      indexPath.forEach(function (index) {
+        var submenu = _this2.submenus[index];
+        submenu && _this2.openMenu(index, submenu.indexPath);
+      });
+    },
+    routeToItem: function routeToItem(item, onError) {
+      var route = item.route || item.index;
+      try {
+        this.$router.push(route, function () {}, onError);
+      } catch (e) {
+        console.error(e);
+      }
+    },
+    open: function open(index) {
+      var _this3 = this;
+
+      var indexPath = this.submenus[index.toString()].indexPath;
+
+      indexPath.forEach(function (i) {
+        return _this3.openMenu(i, indexPath);
+      });
+    },
+    close: function close(index) {
+      this.closeMenu(index);
+    }
+  },
+  mounted: function mounted() {
+    this.initOpenedMenu();
+    this.$on('item-click', this.handleItemClick);
+    this.$on('submenu-click', this.handleSubmenuClick);
+    if (this.mode === 'horizontal') {
+      new aria_menubar(this.$el); // eslint-disable-line
+    }
+    this.$watch('items', this.updateActiveIndex);
+  }
+});
+// CONCATENATED MODULE: ./packages/menu/src/menu.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_menuvue_type_script_lang_js_ = (menuvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/menu/src/menu.vue
+var menu_render, menu_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var menu_component = normalizeComponent(
+  src_menuvue_type_script_lang_js_,
+  menu_render,
+  menu_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var menu_api; }
+menu_component.options.__file = "packages/menu/src/menu.vue"
+/* harmony default export */ var src_menu = (menu_component.exports);
+// CONCATENATED MODULE: ./packages/menu/index.js
+
+
+/* istanbul ignore next */
+src_menu.install = function (Vue) {
+  Vue.component(src_menu.name, src_menu);
+};
+
+/* harmony default export */ var packages_menu = (src_menu);
+// EXTERNAL MODULE: external "element-ui/lib/transitions/collapse-transition"
+var collapse_transition_ = __webpack_require__(21);
+var collapse_transition_default = /*#__PURE__*/__webpack_require__.n(collapse_transition_);
+
+// CONCATENATED MODULE: ./packages/menu/src/menu-mixin.js
+/* harmony default export */ var menu_mixin = ({
+  inject: ['rootMenu'],
+  computed: {
+    indexPath: function indexPath() {
+      var path = [this.index];
+      var parent = this.$parent;
+      while (parent.$options.componentName !== 'ElMenu') {
+        if (parent.index) {
+          path.unshift(parent.index);
+        }
+        parent = parent.$parent;
+      }
+      return path;
+    },
+    parentMenu: function parentMenu() {
+      var parent = this.$parent;
+      while (parent && ['ElMenu', 'ElSubmenu'].indexOf(parent.$options.componentName) === -1) {
+        parent = parent.$parent;
+      }
+      return parent;
+    },
+    paddingStyle: function paddingStyle() {
+      if (this.rootMenu.mode !== 'vertical') return {};
+
+      var padding = 20;
+      var parent = this.$parent;
+
+      if (this.rootMenu.collapse) {
+        padding = 20;
+      } else {
+        while (parent && parent.$options.componentName !== 'ElMenu') {
+          if (parent.$options.componentName === 'ElSubmenu') {
+            padding += 20;
+          }
+          parent = parent.$parent;
+        }
+      }
+      return { paddingLeft: padding + 'px' };
+    }
+  }
+});
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/submenu.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+var poperMixins = {
+  props: {
+    transformOrigin: {
+      type: [Boolean, String],
+      default: false
+    },
+    offset: vue_popper_default.a.props.offset,
+    boundariesPadding: vue_popper_default.a.props.boundariesPadding,
+    popperOptions: vue_popper_default.a.props.popperOptions
+  },
+  data: vue_popper_default.a.data,
+  methods: vue_popper_default.a.methods,
+  beforeDestroy: vue_popper_default.a.beforeDestroy,
+  deactivated: vue_popper_default.a.deactivated
+};
+
+/* harmony default export */ var submenuvue_type_script_lang_js_ = ({
+  name: 'ElSubmenu',
+
+  componentName: 'ElSubmenu',
+
+  mixins: [menu_mixin, emitter_default.a, poperMixins],
+
+  components: { ElCollapseTransition: collapse_transition_default.a },
+
+  props: {
+    index: {
+      type: String,
+      required: true
+    },
+    showTimeout: {
+      type: Number,
+      default: 300
+    },
+    hideTimeout: {
+      type: Number,
+      default: 300
+    },
+    popperClass: String,
+    disabled: Boolean,
+    popperAppendToBody: {
+      type: Boolean,
+      default: undefined
+    }
+  },
+
+  data: function data() {
+    return {
+      popperJS: null,
+      timeout: null,
+      items: {},
+      submenus: {},
+      mouseInChild: false
+    };
+  },
+
+  watch: {
+    opened: function opened(val) {
+      var _this = this;
+
+      if (this.isMenuPopup) {
+        this.$nextTick(function (_) {
+          _this.updatePopper();
+        });
+      }
+    }
+  },
+  computed: {
+    // popper option
+    appendToBody: function appendToBody() {
+      return this.popperAppendToBody === undefined ? this.isFirstLevel : this.popperAppendToBody;
+    },
+    menuTransitionName: function menuTransitionName() {
+      return this.rootMenu.collapse ? 'el-zoom-in-left' : 'el-zoom-in-top';
+    },
+    opened: function opened() {
+      return this.rootMenu.openedMenus.indexOf(this.index) > -1;
+    },
+    active: function active() {
+      var isActive = false;
+      var submenus = this.submenus;
+      var items = this.items;
+
+      Object.keys(items).forEach(function (index) {
+        if (items[index].active) {
+          isActive = true;
+        }
+      });
+
+      Object.keys(submenus).forEach(function (index) {
+        if (submenus[index].active) {
+          isActive = true;
+        }
+      });
+
+      return isActive;
+    },
+    hoverBackground: function hoverBackground() {
+      return this.rootMenu.hoverBackground;
+    },
+    backgroundColor: function backgroundColor() {
+      return this.rootMenu.backgroundColor || '';
+    },
+    activeTextColor: function activeTextColor() {
+      return this.rootMenu.activeTextColor || '';
+    },
+    textColor: function textColor() {
+      return this.rootMenu.textColor || '';
+    },
+    mode: function mode() {
+      return this.rootMenu.mode;
+    },
+    isMenuPopup: function isMenuPopup() {
+      return this.rootMenu.isMenuPopup;
+    },
+    titleStyle: function titleStyle() {
+      if (this.mode !== 'horizontal') {
+        return {
+          color: this.textColor
+        };
+      }
+      return {
+        borderBottomColor: this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : '' : 'transparent',
+        color: this.active ? this.activeTextColor : this.textColor
+      };
+    },
+    isFirstLevel: function isFirstLevel() {
+      var isFirstLevel = true;
+      var parent = this.$parent;
+      while (parent && parent !== this.rootMenu) {
+        if (['ElSubmenu', 'ElMenuItemGroup'].indexOf(parent.$options.componentName) > -1) {
+          isFirstLevel = false;
+          break;
+        } else {
+          parent = parent.$parent;
+        }
+      }
+      return isFirstLevel;
+    }
+  },
+  methods: {
+    handleCollapseToggle: function handleCollapseToggle(value) {
+      if (value) {
+        this.initPopper();
+      } else {
+        this.doDestroy();
+      }
+    },
+    addItem: function addItem(item) {
+      this.$set(this.items, item.index, item);
+    },
+    removeItem: function removeItem(item) {
+      delete this.items[item.index];
+    },
+    addSubmenu: function addSubmenu(item) {
+      this.$set(this.submenus, item.index, item);
+    },
+    removeSubmenu: function removeSubmenu(item) {
+      delete this.submenus[item.index];
+    },
+    handleClick: function handleClick() {
+      var rootMenu = this.rootMenu,
+          disabled = this.disabled;
+
+      if (rootMenu.menuTrigger === 'hover' && rootMenu.mode === 'horizontal' || rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
+        return;
+      }
+      this.dispatch('ElMenu', 'submenu-click', this);
+    },
+    handleMouseenter: function handleMouseenter(event) {
+      var _this2 = this;
+
+      var showTimeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.showTimeout;
+
+
+      if (!('ActiveXObject' in window) && event.type === 'focus' && !event.relatedTarget) {
+        return;
+      }
+      var rootMenu = this.rootMenu,
+          disabled = this.disabled;
+
+      if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
+        return;
+      }
+      this.dispatch('ElSubmenu', 'mouse-enter-child');
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(function () {
+        _this2.rootMenu.openMenu(_this2.index, _this2.indexPath);
+      }, showTimeout);
+
+      if (this.appendToBody) {
+        this.$parent.$el.dispatchEvent(new MouseEvent('mouseenter'));
+      }
+    },
+    handleMouseleave: function handleMouseleave() {
+      var _this3 = this;
+
+      var deepDispatch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var rootMenu = this.rootMenu;
+
+      if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical') {
+        return;
+      }
+      this.dispatch('ElSubmenu', 'mouse-leave-child');
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(function () {
+        !_this3.mouseInChild && _this3.rootMenu.closeMenu(_this3.index);
+      }, this.hideTimeout);
+
+      if (this.appendToBody && deepDispatch) {
+        if (this.$parent.$options.name === 'ElSubmenu') {
+          this.$parent.handleMouseleave(true);
+        }
+      }
+    },
+    handleTitleMouseenter: function handleTitleMouseenter() {
+      if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
+      var title = this.$refs['submenu-title'];
+      title && (title.style.backgroundColor = this.rootMenu.hoverBackground);
+    },
+    handleTitleMouseleave: function handleTitleMouseleave() {
+      if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
+      var title = this.$refs['submenu-title'];
+      title && (title.style.backgroundColor = this.rootMenu.backgroundColor || '');
+    },
+    updatePlacement: function updatePlacement() {
+      this.currentPlacement = this.mode === 'horizontal' && this.isFirstLevel ? 'bottom-start' : 'right-start';
+    },
+    initPopper: function initPopper() {
+      this.referenceElm = this.$el;
+      this.popperElm = this.$refs.menu;
+      this.updatePlacement();
+    }
+  },
+  created: function created() {
+    var _this4 = this;
+
+    this.$on('toggle-collapse', this.handleCollapseToggle);
+    this.$on('mouse-enter-child', function () {
+      _this4.mouseInChild = true;
+      clearTimeout(_this4.timeout);
+    });
+    this.$on('mouse-leave-child', function () {
+      _this4.mouseInChild = false;
+      clearTimeout(_this4.timeout);
+    });
+  },
+  mounted: function mounted() {
+    this.parentMenu.addSubmenu(this);
+    this.rootMenu.addSubmenu(this);
+    this.initPopper();
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.parentMenu.removeSubmenu(this);
+    this.rootMenu.removeSubmenu(this);
+  },
+  render: function render(h) {
+    var _this5 = this;
+
+    var active = this.active,
+        opened = this.opened,
+        paddingStyle = this.paddingStyle,
+        titleStyle = this.titleStyle,
+        backgroundColor = this.backgroundColor,
+        rootMenu = this.rootMenu,
+        currentPlacement = this.currentPlacement,
+        menuTransitionName = this.menuTransitionName,
+        mode = this.mode,
+        disabled = this.disabled,
+        popperClass = this.popperClass,
+        $slots = this.$slots,
+        isFirstLevel = this.isFirstLevel;
+
+
+    var popupMenu = h(
+      'transition',
+      {
+        attrs: { name: menuTransitionName }
+      },
+      [h(
+        'div',
+        {
+          ref: 'menu',
+          directives: [{
+            name: 'show',
+            value: opened
+          }],
+
+          'class': ['el-menu--' + mode, popperClass],
+          on: {
+            'mouseenter': function mouseenter($event) {
+              return _this5.handleMouseenter($event, 100);
+            },
+            'mouseleave': function mouseleave() {
+              return _this5.handleMouseleave(true);
+            },
+            'focus': function focus($event) {
+              return _this5.handleMouseenter($event, 100);
+            }
+          }
+        },
+        [h(
+          'ul',
+          {
+            attrs: {
+              role: 'menu'
+            },
+            'class': ['el-menu el-menu--popup', 'el-menu--popup-' + currentPlacement],
+            style: { backgroundColor: rootMenu.backgroundColor || '' } },
+          [$slots.default]
+        )]
+      )]
+    );
+
+    var inlineMenu = h('el-collapse-transition', [h(
+      'ul',
+      {
+        attrs: {
+          role: 'menu'
+        },
+        'class': 'el-menu el-menu--inline',
+        directives: [{
+          name: 'show',
+          value: opened
+        }],
+
+        style: { backgroundColor: rootMenu.backgroundColor || '' } },
+      [$slots.default]
+    )]);
+
+    var submenuTitleIcon = rootMenu.mode === 'horizontal' && isFirstLevel || rootMenu.mode === 'vertical' && !rootMenu.collapse ? 'el-icon-arrow-down' : 'el-icon-arrow-right';
+
+    return h(
+      'li',
+      {
+        'class': {
+          'el-submenu': true,
+          'is-active': active,
+          'is-opened': opened,
+          'is-disabled': disabled
+        },
+        attrs: { role: 'menuitem',
+          'aria-haspopup': 'true',
+          'aria-expanded': opened
+        },
+        on: {
+          'mouseenter': this.handleMouseenter,
+          'mouseleave': function mouseleave() {
+            return _this5.handleMouseleave(false);
+          },
+          'focus': this.handleMouseenter
+        }
+      },
+      [h(
+        'div',
+        {
+          'class': 'el-submenu__title',
+          ref: 'submenu-title',
+          on: {
+            'click': this.handleClick,
+            'mouseenter': this.handleTitleMouseenter,
+            'mouseleave': this.handleTitleMouseleave
+          },
+
+          style: [paddingStyle, titleStyle, { backgroundColor: backgroundColor }]
+        },
+        [$slots.title, h('i', { 'class': ['el-submenu__icon-arrow', submenuTitleIcon] })]
+      ), this.isMenuPopup ? popupMenu : inlineMenu]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/menu/src/submenu.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_submenuvue_type_script_lang_js_ = (submenuvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/menu/src/submenu.vue
+var submenu_render, submenu_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var submenu_component = normalizeComponent(
+  src_submenuvue_type_script_lang_js_,
+  submenu_render,
+  submenu_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var submenu_api; }
+submenu_component.options.__file = "packages/menu/src/submenu.vue"
+/* harmony default export */ var submenu = (submenu_component.exports);
+// CONCATENATED MODULE: ./packages/submenu/index.js
+
+
+/* istanbul ignore next */
+submenu.install = function (Vue) {
+  Vue.component(submenu.name, submenu);
+};
+
+/* harmony default export */ var packages_submenu = (submenu);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item.vue?vue&type=template&id=2a5dbfea&
+var menu_itemvue_type_template_id_2a5dbfea_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "li",
+    {
+      staticClass: "el-menu-item",
+      class: {
+        "is-active": _vm.active,
+        "is-disabled": _vm.disabled
+      },
+      style: [
+        _vm.paddingStyle,
+        _vm.itemStyle,
+        { backgroundColor: _vm.backgroundColor }
+      ],
+      attrs: { role: "menuitem", tabindex: "-1" },
+      on: {
+        click: _vm.handleClick,
+        mouseenter: _vm.onMouseEnter,
+        focus: _vm.onMouseEnter,
+        blur: _vm.onMouseLeave,
+        mouseleave: _vm.onMouseLeave
+      }
+    },
+    [
+      _vm.parentMenu.$options.componentName === "ElMenu" &&
+      _vm.rootMenu.collapse &&
+      _vm.$slots.title
+        ? _c("el-tooltip", { attrs: { effect: "dark", placement: "right" } }, [
+            _c(
+              "div",
+              { attrs: { slot: "content" }, slot: "content" },
+              [_vm._t("title")],
+              2
+            ),
+            _c(
+              "div",
+              {
+                staticStyle: {
+                  position: "absolute",
+                  left: "0",
+                  top: "0",
+                  height: "100%",
+                  width: "100%",
+                  display: "inline-block",
+                  "box-sizing": "border-box",
+                  padding: "0 20px"
+                }
+              },
+              [_vm._t("default")],
+              2
+            )
+          ])
+        : [_vm._t("default"), _vm._t("title")]
+    ],
+    2
+  )
+}
+var menu_itemvue_type_template_id_2a5dbfea_staticRenderFns = []
+menu_itemvue_type_template_id_2a5dbfea_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/menu/src/menu-item.vue?vue&type=template&id=2a5dbfea&
+
+// EXTERNAL MODULE: external "element-ui/lib/tooltip"
+var tooltip_ = __webpack_require__(26);
+var tooltip_default = /*#__PURE__*/__webpack_require__.n(tooltip_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var menu_itemvue_type_script_lang_js_ = ({
+  name: 'ElMenuItem',
+
+  componentName: 'ElMenuItem',
+
+  mixins: [menu_mixin, emitter_default.a],
+
+  components: { ElTooltip: tooltip_default.a },
+
+  props: {
+    index: {
+      default: null,
+      validator: function validator(val) {
+        return typeof val === 'string' || val === null;
+      }
+    },
+    route: [String, Object],
+    disabled: Boolean
+  },
+  computed: {
+    active: function active() {
+      return this.index === this.rootMenu.activeIndex;
+    },
+    hoverBackground: function hoverBackground() {
+      return this.rootMenu.hoverBackground;
+    },
+    backgroundColor: function backgroundColor() {
+      return this.rootMenu.backgroundColor || '';
+    },
+    activeTextColor: function activeTextColor() {
+      return this.rootMenu.activeTextColor || '';
+    },
+    textColor: function textColor() {
+      return this.rootMenu.textColor || '';
+    },
+    mode: function mode() {
+      return this.rootMenu.mode;
+    },
+    itemStyle: function itemStyle() {
+      var style = {
+        color: this.active ? this.activeTextColor : this.textColor
+      };
+      if (this.mode === 'horizontal' && !this.isNested) {
+        style.borderBottomColor = this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : '' : 'transparent';
+      }
+      return style;
+    },
+    isNested: function isNested() {
+      return this.parentMenu !== this.rootMenu;
+    }
+  },
+  methods: {
+    onMouseEnter: function onMouseEnter() {
+      if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
+      this.$el.style.backgroundColor = this.hoverBackground;
+    },
+    onMouseLeave: function onMouseLeave() {
+      if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
+      this.$el.style.backgroundColor = this.backgroundColor;
+    },
+    handleClick: function handleClick() {
+      if (!this.disabled) {
+        this.dispatch('ElMenu', 'item-click', this);
+        this.$emit('click', this);
+      }
+    }
+  },
+  mounted: function mounted() {
+    this.parentMenu.addItem(this);
+    this.rootMenu.addItem(this);
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.parentMenu.removeItem(this);
+    this.rootMenu.removeItem(this);
+  }
+});
+// CONCATENATED MODULE: ./packages/menu/src/menu-item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_menu_itemvue_type_script_lang_js_ = (menu_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/menu/src/menu-item.vue
+
+
+
+
+
+/* normalize component */
+
+var menu_item_component = normalizeComponent(
+  src_menu_itemvue_type_script_lang_js_,
+  menu_itemvue_type_template_id_2a5dbfea_render,
+  menu_itemvue_type_template_id_2a5dbfea_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var menu_item_api; }
+menu_item_component.options.__file = "packages/menu/src/menu-item.vue"
+/* harmony default export */ var menu_item = (menu_item_component.exports);
+// CONCATENATED MODULE: ./packages/menu-item/index.js
+
+
+/* istanbul ignore next */
+menu_item.install = function (Vue) {
+  Vue.component(menu_item.name, menu_item);
+};
+
+/* harmony default export */ var packages_menu_item = (menu_item);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item-group.vue?vue&type=template&id=543b7bdc&
+var menu_item_groupvue_type_template_id_543b7bdc_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("li", { staticClass: "el-menu-item-group" }, [
+    _c(
+      "div",
+      {
+        staticClass: "el-menu-item-group__title",
+        style: { paddingLeft: _vm.levelPadding + "px" }
+      },
+      [!_vm.$slots.title ? [_vm._v(_vm._s(_vm.title))] : _vm._t("title")],
+      2
+    ),
+    _c("ul", [_vm._t("default")], 2)
+  ])
+}
+var menu_item_groupvue_type_template_id_543b7bdc_staticRenderFns = []
+menu_item_groupvue_type_template_id_543b7bdc_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/menu/src/menu-item-group.vue?vue&type=template&id=543b7bdc&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item-group.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var menu_item_groupvue_type_script_lang_js_ = ({
+  name: 'ElMenuItemGroup',
+
+  componentName: 'ElMenuItemGroup',
+
+  inject: ['rootMenu'],
+  props: {
+    title: {
+      type: String
+    }
+  },
+  data: function data() {
+    return {
+      paddingLeft: 20
+    };
+  },
+
+  computed: {
+    levelPadding: function levelPadding() {
+      var padding = 20;
+      var parent = this.$parent;
+      if (this.rootMenu.collapse) return 20;
+      while (parent && parent.$options.componentName !== 'ElMenu') {
+        if (parent.$options.componentName === 'ElSubmenu') {
+          padding += 20;
+        }
+        parent = parent.$parent;
+      }
+      return padding;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/menu/src/menu-item-group.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_menu_item_groupvue_type_script_lang_js_ = (menu_item_groupvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/menu/src/menu-item-group.vue
+
+
+
+
+
+/* normalize component */
+
+var menu_item_group_component = normalizeComponent(
+  src_menu_item_groupvue_type_script_lang_js_,
+  menu_item_groupvue_type_template_id_543b7bdc_render,
+  menu_item_groupvue_type_template_id_543b7bdc_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var menu_item_group_api; }
+menu_item_group_component.options.__file = "packages/menu/src/menu-item-group.vue"
+/* harmony default export */ var menu_item_group = (menu_item_group_component.exports);
+// CONCATENATED MODULE: ./packages/menu-item-group/index.js
+
+
+/* istanbul ignore next */
+menu_item_group.install = function (Vue) {
+  Vue.component(menu_item_group.name, menu_item_group);
+};
+
+/* harmony default export */ var packages_menu_item_group = (menu_item_group);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/input/src/input.vue?vue&type=template&id=343dd774&
+var inputvue_type_template_id_343dd774_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      class: [
+        _vm.type === "textarea" ? "el-textarea" : "el-input",
+        _vm.inputSize ? "el-input--" + _vm.inputSize : "",
+        {
+          "is-disabled": _vm.inputDisabled,
+          "is-exceed": _vm.inputExceed,
+          "el-input-group": _vm.$slots.prepend || _vm.$slots.append,
+          "el-input-group--append": _vm.$slots.append,
+          "el-input-group--prepend": _vm.$slots.prepend,
+          "el-input--prefix": _vm.$slots.prefix || _vm.prefixIcon,
+          "el-input--suffix":
+            _vm.$slots.suffix ||
+            _vm.suffixIcon ||
+            _vm.clearable ||
+            _vm.showPassword
+        }
+      ],
+      on: {
+        mouseenter: function($event) {
+          _vm.hovering = true
+        },
+        mouseleave: function($event) {
+          _vm.hovering = false
+        }
+      }
+    },
+    [
+      _vm.type !== "textarea"
+        ? [
+            _vm.$slots.prepend
+              ? _c(
+                  "div",
+                  { staticClass: "el-input-group__prepend" },
+                  [_vm._t("prepend")],
+                  2
+                )
+              : _vm._e(),
+            _vm.type !== "textarea"
+              ? _c(
+                  "input",
+                  _vm._b(
+                    {
+                      ref: "input",
+                      staticClass: "el-input__inner",
+                      attrs: {
+                        tabindex: _vm.tabindex,
+                        type: _vm.showPassword
+                          ? _vm.passwordVisible
+                            ? "text"
+                            : "password"
+                          : _vm.type,
+                        disabled: _vm.inputDisabled,
+                        readonly: _vm.readonly,
+                        autocomplete: _vm.autoComplete || _vm.autocomplete,
+                        "aria-label": _vm.label
+                      },
+                      on: {
+                        compositionstart: _vm.handleCompositionStart,
+                        compositionupdate: _vm.handleCompositionUpdate,
+                        compositionend: _vm.handleCompositionEnd,
+                        input: _vm.handleInput,
+                        focus: _vm.handleFocus,
+                        blur: _vm.handleBlur,
+                        change: _vm.handleChange
+                      }
+                    },
+                    "input",
+                    _vm.$attrs,
+                    false
+                  )
+                )
+              : _vm._e(),
+            _vm.$slots.prefix || _vm.prefixIcon
+              ? _c(
+                  "span",
+                  { staticClass: "el-input__prefix" },
+                  [
+                    _vm._t("prefix"),
+                    _vm.prefixIcon
+                      ? _c("i", {
+                          staticClass: "el-input__icon",
+                          class: _vm.prefixIcon
+                        })
+                      : _vm._e()
+                  ],
+                  2
+                )
+              : _vm._e(),
+            _vm.getSuffixVisible()
+              ? _c("span", { staticClass: "el-input__suffix" }, [
+                  _c(
+                    "span",
+                    { staticClass: "el-input__suffix-inner" },
+                    [
+                      !_vm.showClear ||
+                      !_vm.showPwdVisible ||
+                      !_vm.isWordLimitVisible
+                        ? [
+                            _vm._t("suffix"),
+                            _vm.suffixIcon
+                              ? _c("i", {
+                                  staticClass: "el-input__icon",
+                                  class: _vm.suffixIcon
+                                })
+                              : _vm._e()
+                          ]
+                        : _vm._e(),
+                      _vm.showClear
+                        ? _c("i", {
+                            staticClass:
+                              "el-input__icon el-icon-circle-close el-input__clear",
+                            on: {
+                              mousedown: function($event) {
+                                $event.preventDefault()
+                              },
+                              click: _vm.clear
+                            }
+                          })
+                        : _vm._e(),
+                      _vm.showPwdVisible
+                        ? _c("i", {
+                            staticClass:
+                              "el-input__icon el-icon-view el-input__clear",
+                            on: { click: _vm.handlePasswordVisible }
+                          })
+                        : _vm._e(),
+                      _vm.isWordLimitVisible
+                        ? _c("span", { staticClass: "el-input__count" }, [
+                            _c(
+                              "span",
+                              { staticClass: "el-input__count-inner" },
+                              [
+                                _vm._v(
+                                  "\n            " +
+                                    _vm._s(_vm.textLength) +
+                                    "/" +
+                                    _vm._s(_vm.upperLimit) +
+                                    "\n          "
+                                )
+                              ]
+                            )
+                          ])
+                        : _vm._e()
+                    ],
+                    2
+                  ),
+                  _vm.validateState
+                    ? _c("i", {
+                        staticClass: "el-input__icon",
+                        class: ["el-input__validateIcon", _vm.validateIcon]
+                      })
+                    : _vm._e()
+                ])
+              : _vm._e(),
+            _vm.$slots.append
+              ? _c(
+                  "div",
+                  { staticClass: "el-input-group__append" },
+                  [_vm._t("append")],
+                  2
+                )
+              : _vm._e()
+          ]
+        : _c(
+            "textarea",
+            _vm._b(
+              {
+                ref: "textarea",
+                staticClass: "el-textarea__inner",
+                style: _vm.textareaStyle,
+                attrs: {
+                  tabindex: _vm.tabindex,
+                  disabled: _vm.inputDisabled,
+                  readonly: _vm.readonly,
+                  autocomplete: _vm.autoComplete || _vm.autocomplete,
+                  "aria-label": _vm.label
+                },
+                on: {
+                  compositionstart: _vm.handleCompositionStart,
+                  compositionupdate: _vm.handleCompositionUpdate,
+                  compositionend: _vm.handleCompositionEnd,
+                  input: _vm.handleInput,
+                  focus: _vm.handleFocus,
+                  blur: _vm.handleBlur,
+                  change: _vm.handleChange
+                }
+              },
+              "textarea",
+              _vm.$attrs,
+              false
+            )
+          ),
+      _vm.isWordLimitVisible && _vm.type === "textarea"
+        ? _c("span", { staticClass: "el-input__count" }, [
+            _vm._v(_vm._s(_vm.textLength) + "/" + _vm._s(_vm.upperLimit))
+          ])
+        : _vm._e()
+    ],
+    2
+  )
+}
+var inputvue_type_template_id_343dd774_staticRenderFns = []
+inputvue_type_template_id_343dd774_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=template&id=343dd774&
+
+// CONCATENATED MODULE: ./packages/input/src/calcTextareaHeight.js
+var hiddenTextarea = void 0;
+
+var HIDDEN_STYLE = '\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important\n';
+
+var CONTEXT_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing'];
+
+function calculateNodeStyling(targetElement) {
+  var style = window.getComputedStyle(targetElement);
+
+  var boxSizing = style.getPropertyValue('box-sizing');
+
+  var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
+
+  var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
+
+  var contextStyle = CONTEXT_STYLE.map(function (name) {
+    return name + ':' + style.getPropertyValue(name);
+  }).join(';');
+
+  return { contextStyle: contextStyle, paddingSize: paddingSize, borderSize: borderSize, boxSizing: boxSizing };
+}
+
+function calcTextareaHeight(targetElement) {
+  var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+  if (!hiddenTextarea) {
+    hiddenTextarea = document.createElement('textarea');
+    document.body.appendChild(hiddenTextarea);
+  }
+
+  var _calculateNodeStyling = calculateNodeStyling(targetElement),
+      paddingSize = _calculateNodeStyling.paddingSize,
+      borderSize = _calculateNodeStyling.borderSize,
+      boxSizing = _calculateNodeStyling.boxSizing,
+      contextStyle = _calculateNodeStyling.contextStyle;
+
+  hiddenTextarea.setAttribute('style', contextStyle + ';' + HIDDEN_STYLE);
+  hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
+
+  var height = hiddenTextarea.scrollHeight;
+  var result = {};
+
+  if (boxSizing === 'border-box') {
+    height = height + borderSize;
+  } else if (boxSizing === 'content-box') {
+    height = height - paddingSize;
+  }
+
+  hiddenTextarea.value = '';
+  var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
+
+  if (minRows !== null) {
+    var minHeight = singleRowHeight * minRows;
+    if (boxSizing === 'border-box') {
+      minHeight = minHeight + paddingSize + borderSize;
+    }
+    height = Math.max(minHeight, height);
+    result.minHeight = minHeight + 'px';
+  }
+  if (maxRows !== null) {
+    var maxHeight = singleRowHeight * maxRows;
+    if (boxSizing === 'border-box') {
+      maxHeight = maxHeight + paddingSize + borderSize;
+    }
+    height = Math.min(maxHeight, height);
+  }
+  result.height = height + 'px';
+  hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea);
+  hiddenTextarea = null;
+  return result;
+};
+// EXTERNAL MODULE: external "element-ui/lib/utils/merge"
+var merge_ = __webpack_require__(7);
+var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/shared"
+var shared_ = __webpack_require__(19);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/input/src/input.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+/* harmony default export */ var inputvue_type_script_lang_js_ = ({
+  name: 'ElInput',
+
+  componentName: 'ElInput',
+
+  mixins: [emitter_default.a, migrating_default.a],
+
+  inheritAttrs: false,
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  data: function data() {
+    return {
+      textareaCalcStyle: {},
+      hovering: false,
+      focused: false,
+      isComposing: false,
+      passwordVisible: false
+    };
+  },
+
+
+  props: {
+    value: [String, Number],
+    size: String,
+    resize: String,
+    form: String,
+    disabled: Boolean,
+    readonly: Boolean,
+    type: {
+      type: String,
+      default: 'text'
+    },
+    autosize: {
+      type: [Boolean, Object],
+      default: false
+    },
+    autocomplete: {
+      type: String,
+      default: 'off'
+    },
+    /** @Deprecated in next major version */
+    autoComplete: {
+      type: String,
+      validator: function validator(val) {
+         false && false;
+        return true;
+      }
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    },
+    suffixIcon: String,
+    prefixIcon: String,
+    label: String,
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    showPassword: {
+      type: Boolean,
+      default: false
+    },
+    showWordLimit: {
+      type: Boolean,
+      default: false
+    },
+    tabindex: String
+  },
+
+  computed: {
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    validateState: function validateState() {
+      return this.elFormItem ? this.elFormItem.validateState : '';
+    },
+    needStatusIcon: function needStatusIcon() {
+      return this.elForm ? this.elForm.statusIcon : false;
+    },
+    validateIcon: function validateIcon() {
+      return {
+        validating: 'el-icon-loading',
+        success: 'el-icon-circle-check',
+        error: 'el-icon-circle-close'
+      }[this.validateState];
+    },
+    textareaStyle: function textareaStyle() {
+      return merge_default()({}, this.textareaCalcStyle, { resize: this.resize });
+    },
+    inputSize: function inputSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    inputDisabled: function inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    nativeInputValue: function nativeInputValue() {
+      return this.value === null || this.value === undefined ? '' : String(this.value);
+    },
+    showClear: function showClear() {
+      return this.clearable && !this.inputDisabled && !this.readonly && this.nativeInputValue && (this.focused || this.hovering);
+    },
+    showPwdVisible: function showPwdVisible() {
+      return this.showPassword && !this.inputDisabled && !this.readonly && (!!this.nativeInputValue || this.focused);
+    },
+    isWordLimitVisible: function isWordLimitVisible() {
+      return this.showWordLimit && this.$attrs.maxlength && (this.type === 'text' || this.type === 'textarea') && !this.inputDisabled && !this.readonly && !this.showPassword;
+    },
+    upperLimit: function upperLimit() {
+      return this.$attrs.maxlength;
+    },
+    textLength: function textLength() {
+      if (typeof this.value === 'number') {
+        return String(this.value).length;
+      }
+
+      return (this.value || '').length;
+    },
+    inputExceed: function inputExceed() {
+      // show exceed style if length of initial value greater then maxlength
+      return this.isWordLimitVisible && this.textLength > this.upperLimit;
+    }
+  },
+
+  watch: {
+    value: function value(val) {
+      this.$nextTick(this.resizeTextarea);
+      if (this.validateEvent) {
+        this.dispatch('ElFormItem', 'el.form.change', [val]);
+      }
+    },
+
+    // native input value is set explicitly
+    // do not use v-model / :value in template
+    // see: https://github.com/ElemeFE/element/issues/14521
+    nativeInputValue: function nativeInputValue() {
+      this.setNativeInputValue();
+    },
+
+    // when change between <input> and <textarea>,
+    // update DOM dependent value and styles
+    // https://github.com/ElemeFE/element/issues/14857
+    type: function type() {
+      var _this = this;
+
+      this.$nextTick(function () {
+        _this.setNativeInputValue();
+        _this.resizeTextarea();
+        _this.updateIconOffset();
+      });
+    }
+  },
+
+  methods: {
+    focus: function focus() {
+      this.getInput().focus();
+    },
+    blur: function blur() {
+      this.getInput().blur();
+    },
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'icon': 'icon is removed, use suffix-icon / prefix-icon instead.',
+          'on-icon-click': 'on-icon-click is removed.'
+        },
+        events: {
+          'click': 'click is removed.'
+        }
+      };
+    },
+    handleBlur: function handleBlur(event) {
+      this.focused = false;
+      this.$emit('blur', event);
+      if (this.validateEvent) {
+        this.dispatch('ElFormItem', 'el.form.blur', [this.value]);
+      }
+    },
+    select: function select() {
+      this.getInput().select();
+    },
+    resizeTextarea: function resizeTextarea() {
+      if (this.$isServer) return;
+      var autosize = this.autosize,
+          type = this.type;
+
+      if (type !== 'textarea') return;
+      if (!autosize) {
+        this.textareaCalcStyle = {
+          minHeight: calcTextareaHeight(this.$refs.textarea).minHeight
+        };
+        return;
+      }
+      var minRows = autosize.minRows;
+      var maxRows = autosize.maxRows;
+
+      this.textareaCalcStyle = calcTextareaHeight(this.$refs.textarea, minRows, maxRows);
+    },
+    setNativeInputValue: function setNativeInputValue() {
+      var input = this.getInput();
+      if (!input) return;
+      if (input.value === this.nativeInputValue) return;
+      input.value = this.nativeInputValue;
+    },
+    handleFocus: function handleFocus(event) {
+      this.focused = true;
+      this.$emit('focus', event);
+    },
+    handleCompositionStart: function handleCompositionStart(event) {
+      this.$emit('compositionstart', event);
+      this.isComposing = true;
+    },
+    handleCompositionUpdate: function handleCompositionUpdate(event) {
+      this.$emit('compositionupdate', event);
+      var text = event.target.value;
+      var lastCharacter = text[text.length - 1] || '';
+      this.isComposing = !Object(shared_["isKorean"])(lastCharacter);
+    },
+    handleCompositionEnd: function handleCompositionEnd(event) {
+      this.$emit('compositionend', event);
+      if (this.isComposing) {
+        this.isComposing = false;
+        this.handleInput(event);
+      }
+    },
+    handleInput: function handleInput(event) {
+      // should not emit input during composition
+      // see: https://github.com/ElemeFE/element/issues/10516
+      if (this.isComposing) return;
+
+      // hack for https://github.com/ElemeFE/element/issues/8548
+      // should remove the following line when we don't support IE
+      if (event.target.value === this.nativeInputValue) return;
+
+      this.$emit('input', event.target.value);
+
+      // ensure native input value is controlled
+      // see: https://github.com/ElemeFE/element/issues/12850
+      this.$nextTick(this.setNativeInputValue);
+    },
+    handleChange: function handleChange(event) {
+      this.$emit('change', event.target.value);
+    },
+    calcIconOffset: function calcIconOffset(place) {
+      var elList = [].slice.call(this.$el.querySelectorAll('.el-input__' + place) || []);
+      if (!elList.length) return;
+      var el = null;
+      for (var i = 0; i < elList.length; i++) {
+        if (elList[i].parentNode === this.$el) {
+          el = elList[i];
+          break;
+        }
+      }
+      if (!el) return;
+      var pendantMap = {
+        suffix: 'append',
+        prefix: 'prepend'
+      };
+
+      var pendant = pendantMap[place];
+      if (this.$slots[pendant]) {
+        el.style.transform = 'translateX(' + (place === 'suffix' ? '-' : '') + this.$el.querySelector('.el-input-group__' + pendant).offsetWidth + 'px)';
+      } else {
+        el.removeAttribute('style');
+      }
+    },
+    updateIconOffset: function updateIconOffset() {
+      this.calcIconOffset('prefix');
+      this.calcIconOffset('suffix');
+    },
+    clear: function clear() {
+      this.$emit('input', '');
+      this.$emit('change', '');
+      this.$emit('clear');
+    },
+    handlePasswordVisible: function handlePasswordVisible() {
+      var _this2 = this;
+
+      this.passwordVisible = !this.passwordVisible;
+      this.$nextTick(function () {
+        _this2.focus();
+      });
+    },
+    getInput: function getInput() {
+      return this.$refs.input || this.$refs.textarea;
+    },
+    getSuffixVisible: function getSuffixVisible() {
+      return this.$slots.suffix || this.suffixIcon || this.showClear || this.showPassword || this.isWordLimitVisible || this.validateState && this.needStatusIcon;
+    }
+  },
+
+  created: function created() {
+    this.$on('inputSelect', this.select);
+  },
+  mounted: function mounted() {
+    this.setNativeInputValue();
+    this.resizeTextarea();
+    this.updateIconOffset();
+  },
+  updated: function updated() {
+    this.$nextTick(this.updateIconOffset);
+  }
+});
+// CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_inputvue_type_script_lang_js_ = (inputvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/input/src/input.vue
+
+
+
+
+
+/* normalize component */
+
+var input_component = normalizeComponent(
+  src_inputvue_type_script_lang_js_,
+  inputvue_type_template_id_343dd774_render,
+  inputvue_type_template_id_343dd774_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var input_api; }
+input_component.options.__file = "packages/input/src/input.vue"
+/* harmony default export */ var src_input = (input_component.exports);
+// CONCATENATED MODULE: ./packages/input/index.js
+
+
+/* istanbul ignore next */
+src_input.install = function (Vue) {
+  Vue.component(src_input.name, src_input);
+};
+
+/* harmony default export */ var packages_input = (src_input);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/input-number/src/input-number.vue?vue&type=template&id=42f8cf66&
+var input_numbervue_type_template_id_42f8cf66_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      class: [
+        "el-input-number",
+        _vm.inputNumberSize ? "el-input-number--" + _vm.inputNumberSize : "",
+        { "is-disabled": _vm.inputNumberDisabled },
+        { "is-without-controls": !_vm.controls },
+        { "is-controls-right": _vm.controlsAtRight }
+      ],
+      on: {
+        dragstart: function($event) {
+          $event.preventDefault()
+        }
+      }
+    },
+    [
+      _vm.controls
+        ? _c(
+            "span",
+            {
+              directives: [
+                {
+                  name: "repeat-click",
+                  rawName: "v-repeat-click",
+                  value: _vm.decrease,
+                  expression: "decrease"
+                }
+              ],
+              staticClass: "el-input-number__decrease",
+              class: { "is-disabled": _vm.minDisabled },
+              attrs: { role: "button" },
+              on: {
+                keydown: function($event) {
+                  if (
+                    !("button" in $event) &&
+                    _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
+                  ) {
+                    return null
+                  }
+                  return _vm.decrease($event)
+                }
+              }
+            },
+            [
+              _c("i", {
+                class:
+                  "el-icon-" + (_vm.controlsAtRight ? "arrow-down" : "minus")
+              })
+            ]
+          )
+        : _vm._e(),
+      _vm.controls
+        ? _c(
+            "span",
+            {
+              directives: [
+                {
+                  name: "repeat-click",
+                  rawName: "v-repeat-click",
+                  value: _vm.increase,
+                  expression: "increase"
+                }
+              ],
+              staticClass: "el-input-number__increase",
+              class: { "is-disabled": _vm.maxDisabled },
+              attrs: { role: "button" },
+              on: {
+                keydown: function($event) {
+                  if (
+                    !("button" in $event) &&
+                    _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
+                  ) {
+                    return null
+                  }
+                  return _vm.increase($event)
+                }
+              }
+            },
+            [
+              _c("i", {
+                class: "el-icon-" + (_vm.controlsAtRight ? "arrow-up" : "plus")
+              })
+            ]
+          )
+        : _vm._e(),
+      _c("el-input", {
+        ref: "input",
+        attrs: {
+          value: _vm.displayValue,
+          placeholder: _vm.placeholder,
+          disabled: _vm.inputNumberDisabled,
+          size: _vm.inputNumberSize,
+          max: _vm.max,
+          min: _vm.min,
+          name: _vm.name,
+          label: _vm.label
+        },
+        on: {
+          blur: _vm.handleBlur,
+          focus: _vm.handleFocus,
+          input: _vm.handleInput,
+          change: _vm.handleInputChange
+        },
+        nativeOn: {
+          keydown: [
+            function($event) {
+              if (
+                !("button" in $event) &&
+                _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])
+              ) {
+                return null
+              }
+              $event.preventDefault()
+              return _vm.increase($event)
+            },
+            function($event) {
+              if (
+                !("button" in $event) &&
+                _vm._k($event.keyCode, "down", 40, $event.key, [
+                  "Down",
+                  "ArrowDown"
+                ])
+              ) {
+                return null
+              }
+              $event.preventDefault()
+              return _vm.decrease($event)
+            }
+          ]
+        }
+      })
+    ],
+    1
+  )
+}
+var input_numbervue_type_template_id_42f8cf66_staticRenderFns = []
+input_numbervue_type_template_id_42f8cf66_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/input-number/src/input-number.vue?vue&type=template&id=42f8cf66&
+
+// CONCATENATED MODULE: ./src/directives/repeat-click.js
+
+
+
+/* harmony default export */ var repeat_click = ({
+  bind: function bind(el, binding, vnode) {
+    var interval = null;
+    var startTime = void 0;
+    var maxIntervals = Object(util_["isMac"])() ? 100 : 200;
+    var handler = function handler() {
+      return vnode.context[binding.expression].apply();
+    };
+    var clear = function clear() {
+      if (Date.now() - startTime < maxIntervals) {
+        handler();
+      }
+      clearInterval(interval);
+      interval = null;
+    };
+
+    Object(dom_["on"])(el, 'mousedown', function (e) {
+      if (e.button !== 0) return;
+      startTime = Date.now();
+      Object(dom_["once"])(document, 'mouseup', clear);
+      clearInterval(interval);
+      interval = setInterval(handler, maxIntervals);
+    });
+  }
+});
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/input-number/src/input-number.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var input_numbervue_type_script_lang_js_ = ({
+  name: 'ElInputNumber',
+  mixins: [focus_default()('input')],
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+  directives: {
+    repeatClick: repeat_click
+  },
+  components: {
+    ElInput: input_default.a
+  },
+  props: {
+    step: {
+      type: Number,
+      default: 1
+    },
+    stepStrictly: {
+      type: Boolean,
+      default: false
+    },
+    max: {
+      type: Number,
+      default: Infinity
+    },
+    min: {
+      type: Number,
+      default: -Infinity
+    },
+    value: {},
+    disabled: Boolean,
+    size: String,
+    controls: {
+      type: Boolean,
+      default: true
+    },
+    controlsPosition: {
+      type: String,
+      default: ''
+    },
+    name: String,
+    label: String,
+    placeholder: String,
+    precision: {
+      type: Number,
+      validator: function validator(val) {
+        return val >= 0 && val === parseInt(val, 10);
+      }
+    }
+  },
+  data: function data() {
+    return {
+      currentValue: 0,
+      userInput: null
+    };
+  },
+
+  watch: {
+    value: {
+      immediate: true,
+      handler: function handler(value) {
+        var newVal = value === undefined ? value : Number(value);
+        if (newVal !== undefined) {
+          if (isNaN(newVal)) {
+            return;
+          }
+
+          if (this.stepStrictly) {
+            var stepPrecision = this.getPrecision(this.step);
+            var precisionFactor = Math.pow(10, stepPrecision);
+            newVal = Math.round(newVal / this.step) * precisionFactor * this.step / precisionFactor;
+          }
+
+          if (this.precision !== undefined) {
+            newVal = this.toPrecision(newVal, this.precision);
+          }
+        }
+        if (newVal >= this.max) newVal = this.max;
+        if (newVal <= this.min) newVal = this.min;
+        this.currentValue = newVal;
+        this.userInput = null;
+        this.$emit('input', newVal);
+      }
+    }
+  },
+  computed: {
+    minDisabled: function minDisabled() {
+      return this._decrease(this.value, this.step) < this.min;
+    },
+    maxDisabled: function maxDisabled() {
+      return this._increase(this.value, this.step) > this.max;
+    },
+    numPrecision: function numPrecision() {
+      var value = this.value,
+          step = this.step,
+          getPrecision = this.getPrecision,
+          precision = this.precision;
+
+      var stepPrecision = getPrecision(step);
+      if (precision !== undefined) {
+        if (stepPrecision > precision) {
+          console.warn('[Element Warn][InputNumber]precision should not be less than the decimal places of step');
+        }
+        return precision;
+      } else {
+        return Math.max(getPrecision(value), stepPrecision);
+      }
+    },
+    controlsAtRight: function controlsAtRight() {
+      return this.controls && this.controlsPosition === 'right';
+    },
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    inputNumberSize: function inputNumberSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    inputNumberDisabled: function inputNumberDisabled() {
+      return this.disabled || !!(this.elForm || {}).disabled;
+    },
+    displayValue: function displayValue() {
+      if (this.userInput !== null) {
+        return this.userInput;
+      }
+
+      var currentValue = this.currentValue;
+
+      if (typeof currentValue === 'number') {
+        if (this.stepStrictly) {
+          var stepPrecision = this.getPrecision(this.step);
+          var precisionFactor = Math.pow(10, stepPrecision);
+          currentValue = Math.round(currentValue / this.step) * precisionFactor * this.step / precisionFactor;
+        }
+
+        if (this.precision !== undefined) {
+          currentValue = currentValue.toFixed(this.precision);
+        }
+      }
+
+      return currentValue;
+    }
+  },
+  methods: {
+    toPrecision: function toPrecision(num, precision) {
+      if (precision === undefined) precision = this.numPrecision;
+      return parseFloat(Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision));
+    },
+    getPrecision: function getPrecision(value) {
+      if (value === undefined) return 0;
+      var valueString = value.toString();
+      var dotPosition = valueString.indexOf('.');
+      var precision = 0;
+      if (dotPosition !== -1) {
+        precision = valueString.length - dotPosition - 1;
+      }
+      return precision;
+    },
+    _increase: function _increase(val, step) {
+      if (typeof val !== 'number' && val !== undefined) return this.currentValue;
+
+      var precisionFactor = Math.pow(10, this.numPrecision);
+      // Solve the accuracy problem of JS decimal calculation by converting the value to integer.
+      return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
+    },
+    _decrease: function _decrease(val, step) {
+      if (typeof val !== 'number' && val !== undefined) return this.currentValue;
+
+      var precisionFactor = Math.pow(10, this.numPrecision);
+
+      return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
+    },
+    increase: function increase() {
+      if (this.inputNumberDisabled || this.maxDisabled) return;
+      var value = this.value || 0;
+      var newVal = this._increase(value, this.step);
+      this.setCurrentValue(newVal);
+    },
+    decrease: function decrease() {
+      if (this.inputNumberDisabled || this.minDisabled) return;
+      var value = this.value || 0;
+      var newVal = this._decrease(value, this.step);
+      this.setCurrentValue(newVal);
+    },
+    handleBlur: function handleBlur(event) {
+      this.$emit('blur', event);
+    },
+    handleFocus: function handleFocus(event) {
+      this.$emit('focus', event);
+    },
+    setCurrentValue: function setCurrentValue(newVal) {
+      var oldVal = this.currentValue;
+      if (typeof newVal === 'number' && this.precision !== undefined) {
+        newVal = this.toPrecision(newVal, this.precision);
+      }
+      if (newVal >= this.max) newVal = this.max;
+      if (newVal <= this.min) newVal = this.min;
+      if (oldVal === newVal) return;
+      this.userInput = null;
+      this.$emit('input', newVal);
+      this.$emit('change', newVal, oldVal);
+      this.currentValue = newVal;
+    },
+    handleInput: function handleInput(value) {
+      this.userInput = value;
+    },
+    handleInputChange: function handleInputChange(value) {
+      var newVal = value === '' ? undefined : Number(value);
+      if (!isNaN(newVal) || value === '') {
+        this.setCurrentValue(newVal);
+      }
+      this.userInput = null;
+    },
+    select: function select() {
+      this.$refs.input.select();
+    }
+  },
+  mounted: function mounted() {
+    var innerInput = this.$refs.input.$refs.input;
+    innerInput.setAttribute('role', 'spinbutton');
+    innerInput.setAttribute('aria-valuemax', this.max);
+    innerInput.setAttribute('aria-valuemin', this.min);
+    innerInput.setAttribute('aria-valuenow', this.currentValue);
+    innerInput.setAttribute('aria-disabled', this.inputNumberDisabled);
+  },
+  updated: function updated() {
+    if (!this.$refs || !this.$refs.input) return;
+    var innerInput = this.$refs.input.$refs.input;
+    innerInput.setAttribute('aria-valuenow', this.currentValue);
+  }
+});
+// CONCATENATED MODULE: ./packages/input-number/src/input-number.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_input_numbervue_type_script_lang_js_ = (input_numbervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/input-number/src/input-number.vue
+
+
+
+
+
+/* normalize component */
+
+var input_number_component = normalizeComponent(
+  src_input_numbervue_type_script_lang_js_,
+  input_numbervue_type_template_id_42f8cf66_render,
+  input_numbervue_type_template_id_42f8cf66_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var input_number_api; }
+input_number_component.options.__file = "packages/input-number/src/input-number.vue"
+/* harmony default export */ var input_number = (input_number_component.exports);
+// CONCATENATED MODULE: ./packages/input-number/index.js
+
+
+/* istanbul ignore next */
+input_number.install = function (Vue) {
+  Vue.component(input_number.name, input_number);
+};
+
+/* harmony default export */ var packages_input_number = (input_number);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio.vue?vue&type=template&id=69cd6268&
+var radiovue_type_template_id_69cd6268_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "label",
+    {
+      staticClass: "el-radio",
+      class: [
+        _vm.border && _vm.radioSize ? "el-radio--" + _vm.radioSize : "",
+        { "is-disabled": _vm.isDisabled },
+        { "is-focus": _vm.focus },
+        { "is-bordered": _vm.border },
+        { "is-checked": _vm.model === _vm.label }
+      ],
+      attrs: {
+        role: "radio",
+        "aria-checked": _vm.model === _vm.label,
+        "aria-disabled": _vm.isDisabled,
+        tabindex: _vm.tabIndex
+      },
+      on: {
+        keydown: function($event) {
+          if (
+            !("button" in $event) &&
+            _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])
+          ) {
+            return null
+          }
+          $event.stopPropagation()
+          $event.preventDefault()
+          _vm.model = _vm.isDisabled ? _vm.model : _vm.label
+        }
+      }
+    },
+    [
+      _c(
+        "span",
+        {
+          staticClass: "el-radio__input",
+          class: {
+            "is-disabled": _vm.isDisabled,
+            "is-checked": _vm.model === _vm.label
+          }
+        },
+        [
+          _c("span", { staticClass: "el-radio__inner" }),
+          _c("input", {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.model,
+                expression: "model"
+              }
+            ],
+            ref: "radio",
+            staticClass: "el-radio__original",
+            attrs: {
+              type: "radio",
+              "aria-hidden": "true",
+              name: _vm.name,
+              disabled: _vm.isDisabled,
+              tabindex: "-1",
+              autocomplete: "off"
+            },
+            domProps: {
+              value: _vm.label,
+              checked: _vm._q(_vm.model, _vm.label)
+            },
+            on: {
+              focus: function($event) {
+                _vm.focus = true
+              },
+              blur: function($event) {
+                _vm.focus = false
+              },
+              change: [
+                function($event) {
+                  _vm.model = _vm.label
+                },
+                _vm.handleChange
+              ]
+            }
+          })
+        ]
+      ),
+      _c(
+        "span",
+        {
+          staticClass: "el-radio__label",
+          on: {
+            keydown: function($event) {
+              $event.stopPropagation()
+            }
+          }
+        },
+        [
+          _vm._t("default"),
+          !_vm.$slots.default ? [_vm._v(_vm._s(_vm.label))] : _vm._e()
+        ],
+        2
+      )
+    ]
+  )
+}
+var radiovue_type_template_id_69cd6268_staticRenderFns = []
+radiovue_type_template_id_69cd6268_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/radio/src/radio.vue?vue&type=template&id=69cd6268&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var radiovue_type_script_lang_js_ = ({
+  name: 'ElRadio',
+
+  mixins: [emitter_default.a],
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  componentName: 'ElRadio',
+
+  props: {
+    value: {},
+    label: {},
+    disabled: Boolean,
+    name: String,
+    border: Boolean,
+    size: String
+  },
+
+  data: function data() {
+    return {
+      focus: false
+    };
+  },
+
+  computed: {
+    isGroup: function isGroup() {
+      var parent = this.$parent;
+      while (parent) {
+        if (parent.$options.componentName !== 'ElRadioGroup') {
+          parent = parent.$parent;
+        } else {
+          this._radioGroup = parent;
+          return true;
+        }
+      }
+      return false;
+    },
+
+    model: {
+      get: function get() {
+        return this.isGroup ? this._radioGroup.value : this.value;
+      },
+      set: function set(val) {
+        if (this.isGroup) {
+          this.dispatch('ElRadioGroup', 'input', [val]);
+        } else {
+          this.$emit('input', val);
+        }
+        this.$refs.radio && (this.$refs.radio.checked = this.model === this.label);
+      }
+    },
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    radioSize: function radioSize() {
+      var temRadioSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+      return this.isGroup ? this._radioGroup.radioGroupSize || temRadioSize : temRadioSize;
+    },
+    isDisabled: function isDisabled() {
+      return this.isGroup ? this._radioGroup.disabled || this.disabled || (this.elForm || {}).disabled : this.disabled || (this.elForm || {}).disabled;
+    },
+    tabIndex: function tabIndex() {
+      return this.isDisabled || this.isGroup && this.model !== this.label ? -1 : 0;
+    }
+  },
+
+  methods: {
+    handleChange: function handleChange() {
+      var _this = this;
+
+      this.$nextTick(function () {
+        _this.$emit('change', _this.model);
+        _this.isGroup && _this.dispatch('ElRadioGroup', 'handleChange', _this.model);
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/radio/src/radio.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_radiovue_type_script_lang_js_ = (radiovue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/radio/src/radio.vue
+
+
+
+
+
+/* normalize component */
+
+var radio_component = normalizeComponent(
+  src_radiovue_type_script_lang_js_,
+  radiovue_type_template_id_69cd6268_render,
+  radiovue_type_template_id_69cd6268_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var radio_api; }
+radio_component.options.__file = "packages/radio/src/radio.vue"
+/* harmony default export */ var src_radio = (radio_component.exports);
+// CONCATENATED MODULE: ./packages/radio/index.js
+
+
+/* istanbul ignore next */
+src_radio.install = function (Vue) {
+  Vue.component(src_radio.name, src_radio);
+};
+
+/* harmony default export */ var packages_radio = (src_radio);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio-group.vue?vue&type=template&id=818a704c&
+var radio_groupvue_type_template_id_818a704c_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    _vm._elTag,
+    {
+      tag: "component",
+      staticClass: "el-radio-group",
+      attrs: { role: "radiogroup" },
+      on: { keydown: _vm.handleKeydown }
+    },
+    [_vm._t("default")],
+    2
+  )
+}
+var radio_groupvue_type_template_id_818a704c_staticRenderFns = []
+radio_groupvue_type_template_id_818a704c_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/radio/src/radio-group.vue?vue&type=template&id=818a704c&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio-group.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+var keyCode = Object.freeze({
+  LEFT: 37,
+  UP: 38,
+  RIGHT: 39,
+  DOWN: 40
+});
+/* harmony default export */ var radio_groupvue_type_script_lang_js_ = ({
+  name: 'ElRadioGroup',
+
+  componentName: 'ElRadioGroup',
+
+  inject: {
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  mixins: [emitter_default.a],
+
+  props: {
+    value: {},
+    size: String,
+    fill: String,
+    textColor: String,
+    disabled: Boolean
+  },
+
+  computed: {
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    _elTag: function _elTag() {
+      var tag = (this.$vnode.data || {}).tag;
+      if (!tag || tag === 'component') tag = 'div';
+      return tag;
+    },
+    radioGroupSize: function radioGroupSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    }
+  },
+
+  created: function created() {
+    var _this = this;
+
+    this.$on('handleChange', function (value) {
+      _this.$emit('change', value);
+    });
+  },
+  mounted: function mounted() {
+    // 当radioGroup没有默认选项时，第一个可以选中Tab导航
+    var radios = this.$el.querySelectorAll('[type=radio]');
+    var firstLabel = this.$el.querySelectorAll('[role=radio]')[0];
+    if (![].some.call(radios, function (radio) {
+      return radio.checked;
+    }) && firstLabel) {
+      firstLabel.tabIndex = 0;
+    }
+  },
+
+  methods: {
+    handleKeydown: function handleKeydown(e) {
+      // 左右上下按键 可以在radio组内切换不同选项
+      var target = e.target;
+      var className = target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]';
+      var radios = this.$el.querySelectorAll(className);
+      var length = radios.length;
+      var index = [].indexOf.call(radios, target);
+      var roleRadios = this.$el.querySelectorAll('[role=radio]');
+      switch (e.keyCode) {
+        case keyCode.LEFT:
+        case keyCode.UP:
+          e.stopPropagation();
+          e.preventDefault();
+          if (index === 0) {
+            roleRadios[length - 1].click();
+            roleRadios[length - 1].focus();
+          } else {
+            roleRadios[index - 1].click();
+            roleRadios[index - 1].focus();
+          }
+          break;
+        case keyCode.RIGHT:
+        case keyCode.DOWN:
+          if (index === length - 1) {
+            e.stopPropagation();
+            e.preventDefault();
+            roleRadios[0].click();
+            roleRadios[0].focus();
+          } else {
+            roleRadios[index + 1].click();
+            roleRadios[index + 1].focus();
+          }
+          break;
+        default:
+          break;
+      }
+    }
+  },
+  watch: {
+    value: function value(_value) {
+      this.dispatch('ElFormItem', 'el.form.change', [this.value]);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/radio/src/radio-group.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_radio_groupvue_type_script_lang_js_ = (radio_groupvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/radio/src/radio-group.vue
+
+
+
+
+
+/* normalize component */
+
+var radio_group_component = normalizeComponent(
+  src_radio_groupvue_type_script_lang_js_,
+  radio_groupvue_type_template_id_818a704c_render,
+  radio_groupvue_type_template_id_818a704c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var radio_group_api; }
+radio_group_component.options.__file = "packages/radio/src/radio-group.vue"
+/* harmony default export */ var radio_group = (radio_group_component.exports);
+// CONCATENATED MODULE: ./packages/radio-group/index.js
+
+
+/* istanbul ignore next */
+radio_group.install = function (Vue) {
+  Vue.component(radio_group.name, radio_group);
+};
+
+/* harmony default export */ var packages_radio_group = (radio_group);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio-button.vue?vue&type=template&id=18a77a32&
+var radio_buttonvue_type_template_id_18a77a32_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "label",
+    {
+      staticClass: "el-radio-button",
+      class: [
+        _vm.size ? "el-radio-button--" + _vm.size : "",
+        { "is-active": _vm.value === _vm.label },
+        { "is-disabled": _vm.isDisabled },
+        { "is-focus": _vm.focus }
+      ],
+      attrs: {
+        role: "radio",
+        "aria-checked": _vm.value === _vm.label,
+        "aria-disabled": _vm.isDisabled,
+        tabindex: _vm.tabIndex
+      },
+      on: {
+        keydown: function($event) {
+          if (
+            !("button" in $event) &&
+            _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])
+          ) {
+            return null
+          }
+          $event.stopPropagation()
+          $event.preventDefault()
+          _vm.value = _vm.isDisabled ? _vm.value : _vm.label
+        }
+      }
+    },
+    [
+      _c("input", {
+        directives: [
+          {
+            name: "model",
+            rawName: "v-model",
+            value: _vm.value,
+            expression: "value"
+          }
+        ],
+        staticClass: "el-radio-button__orig-radio",
+        attrs: {
+          type: "radio",
+          name: _vm.name,
+          disabled: _vm.isDisabled,
+          tabindex: "-1",
+          autocomplete: "off"
+        },
+        domProps: { value: _vm.label, checked: _vm._q(_vm.value, _vm.label) },
+        on: {
+          change: [
+            function($event) {
+              _vm.value = _vm.label
+            },
+            _vm.handleChange
+          ],
+          focus: function($event) {
+            _vm.focus = true
+          },
+          blur: function($event) {
+            _vm.focus = false
+          }
+        }
+      }),
+      _c(
+        "span",
+        {
+          staticClass: "el-radio-button__inner",
+          style: _vm.value === _vm.label ? _vm.activeStyle : null,
+          on: {
+            keydown: function($event) {
+              $event.stopPropagation()
+            }
+          }
+        },
+        [
+          _vm._t("default"),
+          !_vm.$slots.default ? [_vm._v(_vm._s(_vm.label))] : _vm._e()
+        ],
+        2
+      )
+    ]
+  )
+}
+var radio_buttonvue_type_template_id_18a77a32_staticRenderFns = []
+radio_buttonvue_type_template_id_18a77a32_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/radio/src/radio-button.vue?vue&type=template&id=18a77a32&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/radio/src/radio-button.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var radio_buttonvue_type_script_lang_js_ = ({
+  name: 'ElRadioButton',
+
+  mixins: [emitter_default.a],
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  props: {
+    label: {},
+    disabled: Boolean,
+    name: String
+  },
+  data: function data() {
+    return {
+      focus: false
+    };
+  },
+
+  computed: {
+    value: {
+      get: function get() {
+        return this._radioGroup.value;
+      },
+      set: function set(value) {
+        this._radioGroup.$emit('input', value);
+      }
+    },
+    _radioGroup: function _radioGroup() {
+      var parent = this.$parent;
+      while (parent) {
+        if (parent.$options.componentName !== 'ElRadioGroup') {
+          parent = parent.$parent;
+        } else {
+          return parent;
+        }
+      }
+      return false;
+    },
+    activeStyle: function activeStyle() {
+      return {
+        backgroundColor: this._radioGroup.fill || '',
+        borderColor: this._radioGroup.fill || '',
+        boxShadow: this._radioGroup.fill ? '-1px 0 0 0 ' + this._radioGroup.fill : '',
+        color: this._radioGroup.textColor || ''
+      };
+    },
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    size: function size() {
+      return this._radioGroup.radioGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    isDisabled: function isDisabled() {
+      return this.disabled || this._radioGroup.disabled || (this.elForm || {}).disabled;
+    },
+    tabIndex: function tabIndex() {
+      return this.isDisabled || this._radioGroup && this.value !== this.label ? -1 : 0;
+    }
+  },
+
+  methods: {
+    handleChange: function handleChange() {
+      var _this = this;
+
+      this.$nextTick(function () {
+        _this.dispatch('ElRadioGroup', 'handleChange', _this.value);
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/radio/src/radio-button.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_radio_buttonvue_type_script_lang_js_ = (radio_buttonvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/radio/src/radio-button.vue
+
+
+
+
+
+/* normalize component */
+
+var radio_button_component = normalizeComponent(
+  src_radio_buttonvue_type_script_lang_js_,
+  radio_buttonvue_type_template_id_18a77a32_render,
+  radio_buttonvue_type_template_id_18a77a32_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var radio_button_api; }
+radio_button_component.options.__file = "packages/radio/src/radio-button.vue"
+/* harmony default export */ var radio_button = (radio_button_component.exports);
+// CONCATENATED MODULE: ./packages/radio-button/index.js
+
+
+/* istanbul ignore next */
+radio_button.install = function (Vue) {
+  Vue.component(radio_button.name, radio_button);
+};
+
+/* harmony default export */ var packages_radio_button = (radio_button);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox.vue?vue&type=template&id=d0387074&
+var checkboxvue_type_template_id_d0387074_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "label",
+    {
+      staticClass: "el-checkbox",
+      class: [
+        _vm.border && _vm.checkboxSize
+          ? "el-checkbox--" + _vm.checkboxSize
+          : "",
+        { "is-disabled": _vm.isDisabled },
+        { "is-bordered": _vm.border },
+        { "is-checked": _vm.isChecked }
+      ],
+      attrs: { id: _vm.id }
+    },
+    [
+      _c(
+        "span",
+        {
+          staticClass: "el-checkbox__input",
+          class: {
+            "is-disabled": _vm.isDisabled,
+            "is-checked": _vm.isChecked,
+            "is-indeterminate": _vm.indeterminate,
+            "is-focus": _vm.focus
+          },
+          attrs: {
+            tabindex: _vm.indeterminate ? 0 : false,
+            role: _vm.indeterminate ? "checkbox" : false,
+            "aria-checked": _vm.indeterminate ? "mixed" : false
+          }
+        },
+        [
+          _c("span", { staticClass: "el-checkbox__inner" }),
+          _vm.trueLabel || _vm.falseLabel
+            ? _c("input", {
+                directives: [
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.model,
+                    expression: "model"
+                  }
+                ],
+                staticClass: "el-checkbox__original",
+                attrs: {
+                  type: "checkbox",
+                  "aria-hidden": _vm.indeterminate ? "true" : "false",
+                  name: _vm.name,
+                  disabled: _vm.isDisabled,
+                  "true-value": _vm.trueLabel,
+                  "false-value": _vm.falseLabel
+                },
+                domProps: {
+                  checked: Array.isArray(_vm.model)
+                    ? _vm._i(_vm.model, null) > -1
+                    : _vm._q(_vm.model, _vm.trueLabel)
+                },
+                on: {
+                  change: [
+                    function($event) {
+                      var $$a = _vm.model,
+                        $$el = $event.target,
+                        $$c = $$el.checked ? _vm.trueLabel : _vm.falseLabel
+                      if (Array.isArray($$a)) {
+                        var $$v = null,
+                          $$i = _vm._i($$a, $$v)
+                        if ($$el.checked) {
+                          $$i < 0 && (_vm.model = $$a.concat([$$v]))
+                        } else {
+                          $$i > -1 &&
+                            (_vm.model = $$a
+                              .slice(0, $$i)
+                              .concat($$a.slice($$i + 1)))
+                        }
+                      } else {
+                        _vm.model = $$c
+                      }
+                    },
+                    _vm.handleChange
+                  ],
+                  focus: function($event) {
+                    _vm.focus = true
+                  },
+                  blur: function($event) {
+                    _vm.focus = false
+                  }
+                }
+              })
+            : _c("input", {
+                directives: [
+                  {
+                    name: "model",
+                    rawName: "v-model",
+                    value: _vm.model,
+                    expression: "model"
+                  }
+                ],
+                staticClass: "el-checkbox__original",
+                attrs: {
+                  type: "checkbox",
+                  "aria-hidden": _vm.indeterminate ? "true" : "false",
+                  disabled: _vm.isDisabled,
+                  name: _vm.name
+                },
+                domProps: {
+                  value: _vm.label,
+                  checked: Array.isArray(_vm.model)
+                    ? _vm._i(_vm.model, _vm.label) > -1
+                    : _vm.model
+                },
+                on: {
+                  change: [
+                    function($event) {
+                      var $$a = _vm.model,
+                        $$el = $event.target,
+                        $$c = $$el.checked ? true : false
+                      if (Array.isArray($$a)) {
+                        var $$v = _vm.label,
+                          $$i = _vm._i($$a, $$v)
+                        if ($$el.checked) {
+                          $$i < 0 && (_vm.model = $$a.concat([$$v]))
+                        } else {
+                          $$i > -1 &&
+                            (_vm.model = $$a
+                              .slice(0, $$i)
+                              .concat($$a.slice($$i + 1)))
+                        }
+                      } else {
+                        _vm.model = $$c
+                      }
+                    },
+                    _vm.handleChange
+                  ],
+                  focus: function($event) {
+                    _vm.focus = true
+                  },
+                  blur: function($event) {
+                    _vm.focus = false
+                  }
+                }
+              })
+        ]
+      ),
+      _vm.$slots.default || _vm.label
+        ? _c(
+            "span",
+            { staticClass: "el-checkbox__label" },
+            [
+              _vm._t("default"),
+              !_vm.$slots.default ? [_vm._v(_vm._s(_vm.label))] : _vm._e()
+            ],
+            2
+          )
+        : _vm._e()
+    ]
+  )
+}
+var checkboxvue_type_template_id_d0387074_staticRenderFns = []
+checkboxvue_type_template_id_d0387074_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=template&id=d0387074&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var checkboxvue_type_script_lang_js_ = ({
+  name: 'ElCheckbox',
+
+  mixins: [emitter_default.a],
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  componentName: 'ElCheckbox',
+
+  data: function data() {
+    return {
+      selfModel: false,
+      focus: false,
+      isLimitExceeded: false
+    };
+  },
+
+
+  computed: {
+    model: {
+      get: function get() {
+        return this.isGroup ? this.store : this.value !== undefined ? this.value : this.selfModel;
+      },
+      set: function set(val) {
+        if (this.isGroup) {
+          this.isLimitExceeded = false;
+          this._checkboxGroup.min !== undefined && val.length < this._checkboxGroup.min && (this.isLimitExceeded = true);
+
+          this._checkboxGroup.max !== undefined && val.length > this._checkboxGroup.max && (this.isLimitExceeded = true);
+
+          this.isLimitExceeded === false && this.dispatch('ElCheckboxGroup', 'input', [val]);
+        } else {
+          this.$emit('input', val);
+          this.selfModel = val;
+        }
+      }
+    },
+
+    isChecked: function isChecked() {
+      if ({}.toString.call(this.model) === '[object Boolean]') {
+        return this.model;
+      } else if (Array.isArray(this.model)) {
+        return this.model.indexOf(this.label) > -1;
+      } else if (this.model !== null && this.model !== undefined) {
+        return this.model === this.trueLabel;
+      }
+    },
+    isGroup: function isGroup() {
+      var parent = this.$parent;
+      while (parent) {
+        if (parent.$options.componentName !== 'ElCheckboxGroup') {
+          parent = parent.$parent;
+        } else {
+          this._checkboxGroup = parent;
+          return true;
+        }
+      }
+      return false;
+    },
+    store: function store() {
+      return this._checkboxGroup ? this._checkboxGroup.value : this.value;
+    },
+
+
+    /* used to make the isDisabled judgment under max/min props */
+    isLimitDisabled: function isLimitDisabled() {
+      var _checkboxGroup = this._checkboxGroup,
+          max = _checkboxGroup.max,
+          min = _checkboxGroup.min;
+
+      return !!(max || min) && this.model.length >= max && !this.isChecked || this.model.length <= min && this.isChecked;
+    },
+    isDisabled: function isDisabled() {
+      return this.isGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled : this.disabled || (this.elForm || {}).disabled;
+    },
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    checkboxSize: function checkboxSize() {
+      var temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+      return this.isGroup ? this._checkboxGroup.checkboxGroupSize || temCheckboxSize : temCheckboxSize;
+    }
+  },
+
+  props: {
+    value: {},
+    label: {},
+    indeterminate: Boolean,
+    disabled: Boolean,
+    checked: Boolean,
+    name: String,
+    trueLabel: [String, Number],
+    falseLabel: [String, Number],
+    id: String, /* 当indeterminate为真时，为controls提供相关连的checkbox的id，表明元素间的控制关系*/
+    controls: String, /* 当indeterminate为真时，为controls提供相关连的checkbox的id，表明元素间的控制关系*/
+    border: Boolean,
+    size: String
+  },
+
+  methods: {
+    addToStore: function addToStore() {
+      if (Array.isArray(this.model) && this.model.indexOf(this.label) === -1) {
+        this.model.push(this.label);
+      } else {
+        this.model = this.trueLabel || true;
+      }
+    },
+    handleChange: function handleChange(ev) {
+      var _this = this;
+
+      if (this.isLimitExceeded) return;
+      var value = void 0;
+      if (ev.target.checked) {
+        value = this.trueLabel === undefined ? true : this.trueLabel;
+      } else {
+        value = this.falseLabel === undefined ? false : this.falseLabel;
+      }
+      this.$emit('change', value, ev);
+      this.$nextTick(function () {
+        if (_this.isGroup) {
+          _this.dispatch('ElCheckboxGroup', 'change', [_this._checkboxGroup.value]);
+        }
+      });
+    }
+  },
+
+  created: function created() {
+    this.checked && this.addToStore();
+  },
+  mounted: function mounted() {
+    // 为indeterminate元素 添加aria-controls 属性
+    if (this.indeterminate) {
+      this.$el.setAttribute('aria-controls', this.controls);
+    }
+  },
+
+
+  watch: {
+    value: function value(_value) {
+      this.dispatch('ElFormItem', 'el.form.change', _value);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_checkboxvue_type_script_lang_js_ = (checkboxvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue
+
+
+
+
+
+/* normalize component */
+
+var checkbox_component = normalizeComponent(
+  src_checkboxvue_type_script_lang_js_,
+  checkboxvue_type_template_id_d0387074_render,
+  checkboxvue_type_template_id_d0387074_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var checkbox_api; }
+checkbox_component.options.__file = "packages/checkbox/src/checkbox.vue"
+/* harmony default export */ var src_checkbox = (checkbox_component.exports);
+// CONCATENATED MODULE: ./packages/checkbox/index.js
+
+
+/* istanbul ignore next */
+src_checkbox.install = function (Vue) {
+  Vue.component(src_checkbox.name, src_checkbox);
+};
+
+/* harmony default export */ var packages_checkbox = (src_checkbox);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-button.vue?vue&type=template&id=478e906e&
+var checkbox_buttonvue_type_template_id_478e906e_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "label",
+    {
+      staticClass: "el-checkbox-button",
+      class: [
+        _vm.size ? "el-checkbox-button--" + _vm.size : "",
+        { "is-disabled": _vm.isDisabled },
+        { "is-checked": _vm.isChecked },
+        { "is-focus": _vm.focus }
+      ],
+      attrs: {
+        role: "checkbox",
+        "aria-checked": _vm.isChecked,
+        "aria-disabled": _vm.isDisabled
+      }
+    },
+    [
+      _vm.trueLabel || _vm.falseLabel
+        ? _c("input", {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.model,
+                expression: "model"
+              }
+            ],
+            staticClass: "el-checkbox-button__original",
+            attrs: {
+              type: "checkbox",
+              name: _vm.name,
+              disabled: _vm.isDisabled,
+              "true-value": _vm.trueLabel,
+              "false-value": _vm.falseLabel
+            },
+            domProps: {
+              checked: Array.isArray(_vm.model)
+                ? _vm._i(_vm.model, null) > -1
+                : _vm._q(_vm.model, _vm.trueLabel)
+            },
+            on: {
+              change: [
+                function($event) {
+                  var $$a = _vm.model,
+                    $$el = $event.target,
+                    $$c = $$el.checked ? _vm.trueLabel : _vm.falseLabel
+                  if (Array.isArray($$a)) {
+                    var $$v = null,
+                      $$i = _vm._i($$a, $$v)
+                    if ($$el.checked) {
+                      $$i < 0 && (_vm.model = $$a.concat([$$v]))
+                    } else {
+                      $$i > -1 &&
+                        (_vm.model = $$a
+                          .slice(0, $$i)
+                          .concat($$a.slice($$i + 1)))
+                    }
+                  } else {
+                    _vm.model = $$c
+                  }
+                },
+                _vm.handleChange
+              ],
+              focus: function($event) {
+                _vm.focus = true
+              },
+              blur: function($event) {
+                _vm.focus = false
+              }
+            }
+          })
+        : _c("input", {
+            directives: [
+              {
+                name: "model",
+                rawName: "v-model",
+                value: _vm.model,
+                expression: "model"
+              }
+            ],
+            staticClass: "el-checkbox-button__original",
+            attrs: {
+              type: "checkbox",
+              name: _vm.name,
+              disabled: _vm.isDisabled
+            },
+            domProps: {
+              value: _vm.label,
+              checked: Array.isArray(_vm.model)
+                ? _vm._i(_vm.model, _vm.label) > -1
+                : _vm.model
+            },
+            on: {
+              change: [
+                function($event) {
+                  var $$a = _vm.model,
+                    $$el = $event.target,
+                    $$c = $$el.checked ? true : false
+                  if (Array.isArray($$a)) {
+                    var $$v = _vm.label,
+                      $$i = _vm._i($$a, $$v)
+                    if ($$el.checked) {
+                      $$i < 0 && (_vm.model = $$a.concat([$$v]))
+                    } else {
+                      $$i > -1 &&
+                        (_vm.model = $$a
+                          .slice(0, $$i)
+                          .concat($$a.slice($$i + 1)))
+                    }
+                  } else {
+                    _vm.model = $$c
+                  }
+                },
+                _vm.handleChange
+              ],
+              focus: function($event) {
+                _vm.focus = true
+              },
+              blur: function($event) {
+                _vm.focus = false
+              }
+            }
+          }),
+      _vm.$slots.default || _vm.label
+        ? _c(
+            "span",
+            {
+              staticClass: "el-checkbox-button__inner",
+              style: _vm.isChecked ? _vm.activeStyle : null
+            },
+            [_vm._t("default", [_vm._v(_vm._s(_vm.label))])],
+            2
+          )
+        : _vm._e()
+    ]
+  )
+}
+var checkbox_buttonvue_type_template_id_478e906e_staticRenderFns = []
+checkbox_buttonvue_type_template_id_478e906e_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-button.vue?vue&type=template&id=478e906e&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-button.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var checkbox_buttonvue_type_script_lang_js_ = ({
+  name: 'ElCheckboxButton',
+
+  mixins: [emitter_default.a],
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  data: function data() {
+    return {
+      selfModel: false,
+      focus: false,
+      isLimitExceeded: false
+    };
+  },
+
+
+  props: {
+    value: {},
+    label: {},
+    disabled: Boolean,
+    checked: Boolean,
+    name: String,
+    trueLabel: [String, Number],
+    falseLabel: [String, Number]
+  },
+  computed: {
+    model: {
+      get: function get() {
+        return this._checkboxGroup ? this.store : this.value !== undefined ? this.value : this.selfModel;
+      },
+      set: function set(val) {
+        if (this._checkboxGroup) {
+          this.isLimitExceeded = false;
+          this._checkboxGroup.min !== undefined && val.length < this._checkboxGroup.min && (this.isLimitExceeded = true);
+
+          this._checkboxGroup.max !== undefined && val.length > this._checkboxGroup.max && (this.isLimitExceeded = true);
+
+          this.isLimitExceeded === false && this.dispatch('ElCheckboxGroup', 'input', [val]);
+        } else if (this.value !== undefined) {
+          this.$emit('input', val);
+        } else {
+          this.selfModel = val;
+        }
+      }
+    },
+
+    isChecked: function isChecked() {
+      if ({}.toString.call(this.model) === '[object Boolean]') {
+        return this.model;
+      } else if (Array.isArray(this.model)) {
+        return this.model.indexOf(this.label) > -1;
+      } else if (this.model !== null && this.model !== undefined) {
+        return this.model === this.trueLabel;
+      }
+    },
+    _checkboxGroup: function _checkboxGroup() {
+      var parent = this.$parent;
+      while (parent) {
+        if (parent.$options.componentName !== 'ElCheckboxGroup') {
+          parent = parent.$parent;
+        } else {
+          return parent;
+        }
+      }
+      return false;
+    },
+    store: function store() {
+      return this._checkboxGroup ? this._checkboxGroup.value : this.value;
+    },
+    activeStyle: function activeStyle() {
+      return {
+        backgroundColor: this._checkboxGroup.fill || '',
+        borderColor: this._checkboxGroup.fill || '',
+        color: this._checkboxGroup.textColor || '',
+        'box-shadow': '-1px 0 0 0 ' + this._checkboxGroup.fill
+
+      };
+    },
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    size: function size() {
+      return this._checkboxGroup.checkboxGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+
+
+    /* used to make the isDisabled judgment under max/min props */
+    isLimitDisabled: function isLimitDisabled() {
+      var _checkboxGroup2 = this._checkboxGroup,
+          max = _checkboxGroup2.max,
+          min = _checkboxGroup2.min;
+
+      return !!(max || min) && this.model.length >= max && !this.isChecked || this.model.length <= min && this.isChecked;
+    },
+    isDisabled: function isDisabled() {
+      return this._checkboxGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled : this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+  methods: {
+    addToStore: function addToStore() {
+      if (Array.isArray(this.model) && this.model.indexOf(this.label) === -1) {
+        this.model.push(this.label);
+      } else {
+        this.model = this.trueLabel || true;
+      }
+    },
+    handleChange: function handleChange(ev) {
+      var _this = this;
+
+      if (this.isLimitExceeded) return;
+      var value = void 0;
+      if (ev.target.checked) {
+        value = this.trueLabel === undefined ? true : this.trueLabel;
+      } else {
+        value = this.falseLabel === undefined ? false : this.falseLabel;
+      }
+      this.$emit('change', value, ev);
+      this.$nextTick(function () {
+        if (_this._checkboxGroup) {
+          _this.dispatch('ElCheckboxGroup', 'change', [_this._checkboxGroup.value]);
+        }
+      });
+    }
+  },
+
+  created: function created() {
+    this.checked && this.addToStore();
+  }
+});
+// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-button.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_checkbox_buttonvue_type_script_lang_js_ = (checkbox_buttonvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-button.vue
+
+
+
+
+
+/* normalize component */
+
+var checkbox_button_component = normalizeComponent(
+  src_checkbox_buttonvue_type_script_lang_js_,
+  checkbox_buttonvue_type_template_id_478e906e_render,
+  checkbox_buttonvue_type_template_id_478e906e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var checkbox_button_api; }
+checkbox_button_component.options.__file = "packages/checkbox/src/checkbox-button.vue"
+/* harmony default export */ var checkbox_button = (checkbox_button_component.exports);
+// CONCATENATED MODULE: ./packages/checkbox-button/index.js
+
+
+/* istanbul ignore next */
+checkbox_button.install = function (Vue) {
+  Vue.component(checkbox_button.name, checkbox_button);
+};
+
+/* harmony default export */ var packages_checkbox_button = (checkbox_button);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-group.vue?vue&type=template&id=7289a290&
+var checkbox_groupvue_type_template_id_7289a290_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-checkbox-group",
+      attrs: { role: "group", "aria-label": "checkbox-group" }
+    },
+    [_vm._t("default")],
+    2
+  )
+}
+var checkbox_groupvue_type_template_id_7289a290_staticRenderFns = []
+checkbox_groupvue_type_template_id_7289a290_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=template&id=7289a290&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-group.vue?vue&type=script&lang=js&
+
+
+
+/* harmony default export */ var checkbox_groupvue_type_script_lang_js_ = ({
+  name: 'ElCheckboxGroup',
+
+  componentName: 'ElCheckboxGroup',
+
+  mixins: [emitter_default.a],
+
+  inject: {
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  props: {
+    value: {},
+    disabled: Boolean,
+    min: Number,
+    max: Number,
+    size: String,
+    fill: String,
+    textColor: String
+  },
+
+  computed: {
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    checkboxGroupSize: function checkboxGroupSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    }
+  },
+
+  watch: {
+    value: function value(_value) {
+      this.dispatch('ElFormItem', 'el.form.change', [_value]);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_checkbox_groupvue_type_script_lang_js_ = (checkbox_groupvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue
+
+
+
+
+
+/* normalize component */
+
+var checkbox_group_component = normalizeComponent(
+  src_checkbox_groupvue_type_script_lang_js_,
+  checkbox_groupvue_type_template_id_7289a290_render,
+  checkbox_groupvue_type_template_id_7289a290_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var checkbox_group_api; }
+checkbox_group_component.options.__file = "packages/checkbox/src/checkbox-group.vue"
+/* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
+// CONCATENATED MODULE: ./packages/checkbox-group/index.js
+
+
+/* istanbul ignore next */
+checkbox_group.install = function (Vue) {
+  Vue.component(checkbox_group.name, checkbox_group);
+};
+
+/* harmony default export */ var packages_checkbox_group = (checkbox_group);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/switch/src/component.vue?vue&type=template&id=2dcd8fbb&
+var componentvue_type_template_id_2dcd8fbb_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-switch",
+      class: { "is-disabled": _vm.switchDisabled, "is-checked": _vm.checked },
+      attrs: {
+        role: "switch",
+        "aria-checked": _vm.checked,
+        "aria-disabled": _vm.switchDisabled
+      },
+      on: {
+        click: function($event) {
+          $event.preventDefault()
+          return _vm.switchValue($event)
+        }
+      }
+    },
+    [
+      _c("input", {
+        ref: "input",
+        staticClass: "el-switch__input",
+        attrs: {
+          type: "checkbox",
+          id: _vm.id,
+          name: _vm.name,
+          "true-value": _vm.activeValue,
+          "false-value": _vm.inactiveValue,
+          disabled: _vm.switchDisabled
+        },
+        on: {
+          change: _vm.handleChange,
+          keydown: function($event) {
+            if (
+              !("button" in $event) &&
+              _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
+            ) {
+              return null
+            }
+            return _vm.switchValue($event)
+          }
+        }
+      }),
+      _vm.inactiveIconClass || _vm.inactiveText
+        ? _c(
+            "span",
+            {
+              class: [
+                "el-switch__label",
+                "el-switch__label--left",
+                !_vm.checked ? "is-active" : ""
+              ]
+            },
+            [
+              _vm.inactiveIconClass
+                ? _c("i", { class: [_vm.inactiveIconClass] })
+                : _vm._e(),
+              !_vm.inactiveIconClass && _vm.inactiveText
+                ? _c("span", { attrs: { "aria-hidden": _vm.checked } }, [
+                    _vm._v(_vm._s(_vm.inactiveText))
+                  ])
+                : _vm._e()
+            ]
+          )
+        : _vm._e(),
+      _c("span", {
+        ref: "core",
+        staticClass: "el-switch__core",
+        style: { width: _vm.coreWidth + "px" }
+      }),
+      _vm.activeIconClass || _vm.activeText
+        ? _c(
+            "span",
+            {
+              class: [
+                "el-switch__label",
+                "el-switch__label--right",
+                _vm.checked ? "is-active" : ""
+              ]
+            },
+            [
+              _vm.activeIconClass
+                ? _c("i", { class: [_vm.activeIconClass] })
+                : _vm._e(),
+              !_vm.activeIconClass && _vm.activeText
+                ? _c("span", { attrs: { "aria-hidden": !_vm.checked } }, [
+                    _vm._v(_vm._s(_vm.activeText))
+                  ])
+                : _vm._e()
+            ]
+          )
+        : _vm._e()
+    ]
+  )
+}
+var componentvue_type_template_id_2dcd8fbb_staticRenderFns = []
+componentvue_type_template_id_2dcd8fbb_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/switch/src/component.vue?vue&type=template&id=2dcd8fbb&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/switch/src/component.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var switch_src_componentvue_type_script_lang_js_ = ({
+  name: 'ElSwitch',
+  mixins: [focus_default()('input'), migrating_default.a, emitter_default.a],
+  inject: {
+    elForm: {
+      default: ''
+    }
+  },
+  props: {
+    value: {
+      type: [Boolean, String, Number],
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: Number,
+      default: 40
+    },
+    activeIconClass: {
+      type: String,
+      default: ''
+    },
+    inactiveIconClass: {
+      type: String,
+      default: ''
+    },
+    activeText: String,
+    inactiveText: String,
+    activeColor: {
+      type: String,
+      default: ''
+    },
+    inactiveColor: {
+      type: String,
+      default: ''
+    },
+    activeValue: {
+      type: [Boolean, String, Number],
+      default: true
+    },
+    inactiveValue: {
+      type: [Boolean, String, Number],
+      default: false
+    },
+    name: {
+      type: String,
+      default: ''
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    },
+    id: String
+  },
+  data: function data() {
+    return {
+      coreWidth: this.width
+    };
+  },
+  created: function created() {
+    if (!~[this.activeValue, this.inactiveValue].indexOf(this.value)) {
+      this.$emit('input', this.inactiveValue);
+    }
+  },
+
+  computed: {
+    checked: function checked() {
+      return this.value === this.activeValue;
+    },
+    switchDisabled: function switchDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+  watch: {
+    checked: function checked() {
+      this.$refs.input.checked = this.checked;
+      if (this.activeColor || this.inactiveColor) {
+        this.setBackgroundColor();
+      }
+      if (this.validateEvent) {
+        this.dispatch('ElFormItem', 'el.form.change', [this.value]);
+      }
+    }
+  },
+  methods: {
+    handleChange: function handleChange(event) {
+      var _this = this;
+
+      var val = this.checked ? this.inactiveValue : this.activeValue;
+      this.$emit('input', val);
+      this.$emit('change', val);
+      this.$nextTick(function () {
+        // set input's checked property
+        // in case parent refuses to change component's value
+        if (_this.$refs.input) {
+          _this.$refs.input.checked = _this.checked;
+        }
+      });
+    },
+    setBackgroundColor: function setBackgroundColor() {
+      var newColor = this.checked ? this.activeColor : this.inactiveColor;
+      this.$refs.core.style.borderColor = newColor;
+      this.$refs.core.style.backgroundColor = newColor;
+    },
+    switchValue: function switchValue() {
+      !this.switchDisabled && this.handleChange();
+    },
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'on-color': 'on-color is renamed to active-color.',
+          'off-color': 'off-color is renamed to inactive-color.',
+          'on-text': 'on-text is renamed to active-text.',
+          'off-text': 'off-text is renamed to inactive-text.',
+          'on-value': 'on-value is renamed to active-value.',
+          'off-value': 'off-value is renamed to inactive-value.',
+          'on-icon-class': 'on-icon-class is renamed to active-icon-class.',
+          'off-icon-class': 'off-icon-class is renamed to inactive-icon-class.'
+        }
+      };
+    }
+  },
+  mounted: function mounted() {
+    /* istanbul ignore if */
+    this.coreWidth = this.width || 40;
+    if (this.activeColor || this.inactiveColor) {
+      this.setBackgroundColor();
+    }
+    this.$refs.input.checked = this.checked;
+  }
+});
+// CONCATENATED MODULE: ./packages/switch/src/component.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_switch_src_componentvue_type_script_lang_js_ = (switch_src_componentvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/switch/src/component.vue
+
+
+
+
+
+/* normalize component */
+
+var src_component_component = normalizeComponent(
+  packages_switch_src_componentvue_type_script_lang_js_,
+  componentvue_type_template_id_2dcd8fbb_render,
+  componentvue_type_template_id_2dcd8fbb_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var src_component_api; }
+src_component_component.options.__file = "packages/switch/src/component.vue"
+/* harmony default export */ var switch_src_component = (src_component_component.exports);
+// CONCATENATED MODULE: ./packages/switch/index.js
+
+
+/* istanbul ignore next */
+switch_src_component.install = function (Vue) {
+  Vue.component(switch_src_component.name, switch_src_component);
+};
+
+/* harmony default export */ var packages_switch = (switch_src_component);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select.vue?vue&type=template&id=0e4aade6&
+var selectvue_type_template_id_0e4aade6_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "clickoutside",
+          rawName: "v-clickoutside",
+          value: _vm.handleClose,
+          expression: "handleClose"
+        }
+      ],
+      staticClass: "el-select",
+      class: [_vm.selectSize ? "el-select--" + _vm.selectSize : ""],
+      on: {
+        click: function($event) {
+          $event.stopPropagation()
+          return _vm.toggleMenu($event)
+        }
+      }
+    },
+    [
+      _vm.multiple
+        ? _c(
+            "div",
+            {
+              ref: "tags",
+              staticClass: "el-select__tags",
+              style: { "max-width": _vm.inputWidth - 32 + "px", width: "100%" }
+            },
+            [
+              _vm.collapseTags && _vm.selected.length
+                ? _c(
+                    "span",
+                    [
+                      _c(
+                        "el-tag",
+                        {
+                          attrs: {
+                            closable: !_vm.selectDisabled,
+                            size: _vm.collapseTagSize,
+                            hit: _vm.selected[0].hitState,
+                            type: "info",
+                            "disable-transitions": ""
+                          },
+                          on: {
+                            close: function($event) {
+                              _vm.deleteTag($event, _vm.selected[0])
+                            }
+                          }
+                        },
+                        [
+                          _c("span", { staticClass: "el-select__tags-text" }, [
+                            _vm._v(_vm._s(_vm.selected[0].currentLabel))
+                          ])
+                        ]
+                      ),
+                      _vm.selected.length > 1
+                        ? _c(
+                            "el-tag",
+                            {
+                              attrs: {
+                                closable: false,
+                                size: _vm.collapseTagSize,
+                                type: "info",
+                                "disable-transitions": ""
+                              }
+                            },
+                            [
+                              _c(
+                                "span",
+                                { staticClass: "el-select__tags-text" },
+                                [_vm._v("+ " + _vm._s(_vm.selected.length - 1))]
+                              )
+                            ]
+                          )
+                        : _vm._e()
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              !_vm.collapseTags
+                ? _c(
+                    "transition-group",
+                    { on: { "after-leave": _vm.resetInputHeight } },
+                    _vm._l(_vm.selected, function(item) {
+                      return _c(
+                        "el-tag",
+                        {
+                          key: _vm.getValueKey(item),
+                          attrs: {
+                            closable: !_vm.selectDisabled,
+                            size: _vm.collapseTagSize,
+                            hit: item.hitState,
+                            type: "info",
+                            "disable-transitions": ""
+                          },
+                          on: {
+                            close: function($event) {
+                              _vm.deleteTag($event, item)
+                            }
+                          }
+                        },
+                        [
+                          _c("span", { staticClass: "el-select__tags-text" }, [
+                            _vm._v(_vm._s(item.currentLabel))
+                          ])
+                        ]
+                      )
+                    }),
+                    1
+                  )
+                : _vm._e(),
+              _vm.filterable
+                ? _c("input", {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model",
+                        value: _vm.query,
+                        expression: "query"
+                      }
+                    ],
+                    ref: "input",
+                    staticClass: "el-select__input",
+                    class: [_vm.selectSize ? "is-" + _vm.selectSize : ""],
+                    style: {
+                      "flex-grow": "1",
+                      width: _vm.inputLength / (_vm.inputWidth - 32) + "%",
+                      "max-width": _vm.inputWidth - 42 + "px"
+                    },
+                    attrs: {
+                      type: "text",
+                      disabled: _vm.selectDisabled,
+                      autocomplete: _vm.autoComplete || _vm.autocomplete
+                    },
+                    domProps: { value: _vm.query },
+                    on: {
+                      focus: _vm.handleFocus,
+                      blur: function($event) {
+                        _vm.softFocus = false
+                      },
+                      keyup: _vm.managePlaceholder,
+                      keydown: [
+                        _vm.resetInputState,
+                        function($event) {
+                          if (
+                            !("button" in $event) &&
+                            _vm._k($event.keyCode, "down", 40, $event.key, [
+                              "Down",
+                              "ArrowDown"
+                            ])
+                          ) {
+                            return null
+                          }
+                          $event.preventDefault()
+                          _vm.handleNavigate("next")
+                        },
+                        function($event) {
+                          if (
+                            !("button" in $event) &&
+                            _vm._k($event.keyCode, "up", 38, $event.key, [
+                              "Up",
+                              "ArrowUp"
+                            ])
+                          ) {
+                            return null
+                          }
+                          $event.preventDefault()
+                          _vm.handleNavigate("prev")
+                        },
+                        function($event) {
+                          if (
+                            !("button" in $event) &&
+                            _vm._k(
+                              $event.keyCode,
+                              "enter",
+                              13,
+                              $event.key,
+                              "Enter"
+                            )
+                          ) {
+                            return null
+                          }
+                          $event.preventDefault()
+                          return _vm.selectOption($event)
+                        },
+                        function($event) {
+                          if (
+                            !("button" in $event) &&
+                            _vm._k($event.keyCode, "esc", 27, $event.key, [
+                              "Esc",
+                              "Escape"
+                            ])
+                          ) {
+                            return null
+                          }
+                          $event.stopPropagation()
+                          $event.preventDefault()
+                          _vm.visible = false
+                        },
+                        function($event) {
+                          if (
+                            !("button" in $event) &&
+                            _vm._k(
+                              $event.keyCode,
+                              "delete",
+                              [8, 46],
+                              $event.key,
+                              ["Backspace", "Delete", "Del"]
+                            )
+                          ) {
+                            return null
+                          }
+                          return _vm.deletePrevTag($event)
+                        },
+                        function($event) {
+                          if (
+                            !("button" in $event) &&
+                            _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")
+                          ) {
+                            return null
+                          }
+                          _vm.visible = false
+                        }
+                      ],
+                      compositionstart: _vm.handleComposition,
+                      compositionupdate: _vm.handleComposition,
+                      compositionend: _vm.handleComposition,
+                      input: [
+                        function($event) {
+                          if ($event.target.composing) {
+                            return
+                          }
+                          _vm.query = $event.target.value
+                        },
+                        _vm.debouncedQueryChange
+                      ]
+                    }
+                  })
+                : _vm._e()
+            ],
+            1
+          )
+        : _vm._e(),
+      _c(
+        "el-input",
+        {
+          ref: "reference",
+          class: { "is-focus": _vm.visible },
+          attrs: {
+            type: "text",
+            placeholder: _vm.currentPlaceholder,
+            name: _vm.name,
+            id: _vm.id,
+            autocomplete: _vm.autoComplete || _vm.autocomplete,
+            size: _vm.selectSize,
+            disabled: _vm.selectDisabled,
+            readonly: _vm.readonly,
+            "validate-event": false,
+            tabindex: _vm.multiple && _vm.filterable ? "-1" : null
+          },
+          on: {
+            focus: _vm.handleFocus,
+            blur: _vm.handleBlur,
+            input: _vm.debouncedOnInputChange,
+            compositionstart: _vm.handleComposition,
+            compositionupdate: _vm.handleComposition,
+            compositionend: _vm.handleComposition
+          },
+          nativeOn: {
+            keydown: [
+              function($event) {
+                if (
+                  !("button" in $event) &&
+                  _vm._k($event.keyCode, "down", 40, $event.key, [
+                    "Down",
+                    "ArrowDown"
+                  ])
+                ) {
+                  return null
+                }
+                $event.stopPropagation()
+                $event.preventDefault()
+                _vm.handleNavigate("next")
+              },
+              function($event) {
+                if (
+                  !("button" in $event) &&
+                  _vm._k($event.keyCode, "up", 38, $event.key, [
+                    "Up",
+                    "ArrowUp"
+                  ])
+                ) {
+                  return null
+                }
+                $event.stopPropagation()
+                $event.preventDefault()
+                _vm.handleNavigate("prev")
+              },
+              function($event) {
+                if (
+                  !("button" in $event) &&
+                  _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
+                ) {
+                  return null
+                }
+                $event.preventDefault()
+                return _vm.selectOption($event)
+              },
+              function($event) {
+                if (
+                  !("button" in $event) &&
+                  _vm._k($event.keyCode, "esc", 27, $event.key, [
+                    "Esc",
+                    "Escape"
+                  ])
+                ) {
+                  return null
+                }
+                $event.stopPropagation()
+                $event.preventDefault()
+                _vm.visible = false
+              },
+              function($event) {
+                if (
+                  !("button" in $event) &&
+                  _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")
+                ) {
+                  return null
+                }
+                _vm.visible = false
+              }
+            ],
+            mouseenter: function($event) {
+              _vm.inputHovering = true
+            },
+            mouseleave: function($event) {
+              _vm.inputHovering = false
+            }
+          },
+          model: {
+            value: _vm.selectedLabel,
+            callback: function($$v) {
+              _vm.selectedLabel = $$v
+            },
+            expression: "selectedLabel"
+          }
+        },
+        [
+          _vm.$slots.prefix
+            ? _c("template", { slot: "prefix" }, [_vm._t("prefix")], 2)
+            : _vm._e(),
+          _c("template", { slot: "suffix" }, [
+            _c("i", {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: !_vm.showClose,
+                  expression: "!showClose"
+                }
+              ],
+              class: [
+                "el-select__caret",
+                "el-input__icon",
+                "el-icon-" + _vm.iconClass
+              ]
+            }),
+            _vm.showClose
+              ? _c("i", {
+                  staticClass:
+                    "el-select__caret el-input__icon el-icon-circle-close",
+                  on: { click: _vm.handleClearClick }
+                })
+              : _vm._e()
+          ])
+        ],
+        2
+      ),
+      _c(
+        "transition",
+        {
+          attrs: { name: "el-zoom-in-top" },
+          on: {
+            "before-enter": _vm.handleMenuEnter,
+            "after-leave": _vm.doDestroy
+          }
+        },
+        [
+          _c(
+            "el-select-menu",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.visible && _vm.emptyText !== false,
+                  expression: "visible && emptyText !== false"
+                }
+              ],
+              ref: "popper",
+              attrs: { "append-to-body": _vm.popperAppendToBody }
+            },
+            [
+              _c(
+                "el-scrollbar",
+                {
+                  directives: [
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: _vm.options.length > 0 && !_vm.loading,
+                      expression: "options.length > 0 && !loading"
+                    }
+                  ],
+                  ref: "scrollbar",
+                  class: {
+                    "is-empty":
+                      !_vm.allowCreate &&
+                      _vm.query &&
+                      _vm.filteredOptionsCount === 0
+                  },
+                  attrs: {
+                    tag: "ul",
+                    "wrap-class": "el-select-dropdown__wrap",
+                    "view-class": "el-select-dropdown__list"
+                  }
+                },
+                [
+                  _vm.showNewOption
+                    ? _c("el-option", {
+                        attrs: { value: _vm.query, created: "" }
+                      })
+                    : _vm._e(),
+                  _vm._t("default")
+                ],
+                2
+              ),
+              _vm.emptyText &&
+              (!_vm.allowCreate ||
+                _vm.loading ||
+                (_vm.allowCreate && _vm.options.length === 0))
+                ? [
+                    _vm.$slots.empty
+                      ? _vm._t("empty")
+                      : _c("p", { staticClass: "el-select-dropdown__empty" }, [
+                          _vm._v(
+                            "\n          " +
+                              _vm._s(_vm.emptyText) +
+                              "\n        "
+                          )
+                        ])
+                  ]
+                : _vm._e()
+            ],
+            2
+          )
+        ],
+        1
+      )
+    ],
+    1
+  )
+}
+var selectvue_type_template_id_0e4aade6_staticRenderFns = []
+selectvue_type_template_id_0e4aade6_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=template&id=0e4aade6&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select-dropdown.vue?vue&type=template&id=06828748&
+var select_dropdownvue_type_template_id_06828748_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-select-dropdown el-popper",
+      class: [{ "is-multiple": _vm.$parent.multiple }, _vm.popperClass],
+      style: { minWidth: _vm.minWidth }
+    },
+    [_vm._t("default")],
+    2
+  )
+}
+var select_dropdownvue_type_template_id_06828748_staticRenderFns = []
+select_dropdownvue_type_template_id_06828748_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue?vue&type=template&id=06828748&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select-dropdown.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var select_dropdownvue_type_script_lang_js_ = ({
+  name: 'ElSelectDropdown',
+
+  componentName: 'ElSelectDropdown',
+
+  mixins: [vue_popper_default.a],
+
+  props: {
+    placement: {
+      default: 'bottom-start'
+    },
+
+    boundariesPadding: {
+      default: 0
+    },
+
+    popperOptions: {
+      default: function _default() {
+        return {
+          gpuAcceleration: false
+        };
+      }
+    },
+
+    visibleArrow: {
+      default: true
+    },
+
+    appendToBody: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  data: function data() {
+    return {
+      minWidth: ''
+    };
+  },
+
+
+  computed: {
+    popperClass: function popperClass() {
+      return this.$parent.popperClass;
+    }
+  },
+
+  watch: {
+    '$parent.inputWidth': function $parentInputWidth() {
+      this.minWidth = this.$parent.$el.getBoundingClientRect().width + 'px';
+    }
+  },
+
+  mounted: function mounted() {
+    var _this = this;
+
+    this.referenceElm = this.$parent.$refs.reference.$el;
+    this.$parent.popperElm = this.popperElm = this.$el;
+    this.$on('updatePopper', function () {
+      if (_this.$parent.visible) _this.updatePopper();
+    });
+    this.$on('destroyPopper', this.destroyPopper);
+  }
+});
+// CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_select_dropdownvue_type_script_lang_js_ = (select_dropdownvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue
+
+
+
+
+
+/* normalize component */
+
+var select_dropdown_component = normalizeComponent(
+  src_select_dropdownvue_type_script_lang_js_,
+  select_dropdownvue_type_template_id_06828748_render,
+  select_dropdownvue_type_template_id_06828748_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var select_dropdown_api; }
+select_dropdown_component.options.__file = "packages/select/src/select-dropdown.vue"
+/* harmony default export */ var select_dropdown = (select_dropdown_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option.vue?vue&type=template&id=7a44c642&
+var optionvue_type_template_id_7a44c642_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "li",
+    {
+      directives: [
+        {
+          name: "show",
+          rawName: "v-show",
+          value: _vm.visible,
+          expression: "visible"
+        }
+      ],
+      staticClass: "el-select-dropdown__item",
+      class: {
+        selected: _vm.itemSelected,
+        "is-disabled": _vm.disabled || _vm.groupDisabled || _vm.limitReached,
+        hover: _vm.hover
+      },
+      on: {
+        mouseenter: _vm.hoverItem,
+        click: function($event) {
+          $event.stopPropagation()
+          return _vm.selectOptionClick($event)
+        }
+      }
+    },
+    [_vm._t("default", [_c("span", [_vm._v(_vm._s(_vm.currentLabel))])])],
+    2
+  )
+}
+var optionvue_type_template_id_7a44c642_staticRenderFns = []
+optionvue_type_template_id_7a44c642_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/select/src/option.vue?vue&type=template&id=7a44c642&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option.vue?vue&type=script&lang=js&
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ var optionvue_type_script_lang_js_ = ({
+  mixins: [emitter_default.a],
+
+  name: 'ElOption',
+
+  componentName: 'ElOption',
+
+  inject: ['select'],
+
+  props: {
+    value: {
+      required: true
+    },
+    label: [String, Number],
+    created: Boolean,
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data: function data() {
+    return {
+      index: -1,
+      groupDisabled: false,
+      visible: true,
+      hitState: false,
+      hover: false
+    };
+  },
+
+
+  computed: {
+    isObject: function isObject() {
+      return Object.prototype.toString.call(this.value).toLowerCase() === '[object object]';
+    },
+    currentLabel: function currentLabel() {
+      return this.label || (this.isObject ? '' : this.value);
+    },
+    currentValue: function currentValue() {
+      return this.value || this.label || '';
+    },
+    itemSelected: function itemSelected() {
+      if (!this.select.multiple) {
+        return this.isEqual(this.value, this.select.value);
+      } else {
+        return this.contains(this.select.value, this.value);
+      }
+    },
+    limitReached: function limitReached() {
+      if (this.select.multiple) {
+        return !this.itemSelected && (this.select.value || []).length >= this.select.multipleLimit && this.select.multipleLimit > 0;
+      } else {
+        return false;
+      }
+    }
+  },
+
+  watch: {
+    currentLabel: function currentLabel() {
+      if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
+    },
+    value: function value(val, oldVal) {
+      var _select = this.select,
+          remote = _select.remote,
+          valueKey = _select.valueKey;
+
+      if (!this.created && !remote) {
+        if (valueKey && (typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object' && (typeof oldVal === 'undefined' ? 'undefined' : _typeof(oldVal)) === 'object' && val[valueKey] === oldVal[valueKey]) {
+          return;
+        }
+        this.dispatch('ElSelect', 'setSelected');
+      }
+    }
+  },
+
+  methods: {
+    isEqual: function isEqual(a, b) {
+      if (!this.isObject) {
+        return a === b;
+      } else {
+        var valueKey = this.select.valueKey;
+        return Object(util_["getValueByPath"])(a, valueKey) === Object(util_["getValueByPath"])(b, valueKey);
+      }
+    },
+    contains: function contains() {
+      var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var target = arguments[1];
+
+      if (!this.isObject) {
+        return arr && arr.indexOf(target) > -1;
+      } else {
+        var valueKey = this.select.valueKey;
+        return arr && arr.some(function (item) {
+          return Object(util_["getValueByPath"])(item, valueKey) === Object(util_["getValueByPath"])(target, valueKey);
+        });
+      }
+    },
+    handleGroupDisabled: function handleGroupDisabled(val) {
+      this.groupDisabled = val;
+    },
+    hoverItem: function hoverItem() {
+      if (!this.disabled && !this.groupDisabled) {
+        this.select.hoverIndex = this.select.options.indexOf(this);
+      }
+    },
+    selectOptionClick: function selectOptionClick() {
+      if (this.disabled !== true && this.groupDisabled !== true) {
+        this.dispatch('ElSelect', 'handleOptionClick', [this, true]);
+      }
+    },
+    queryChange: function queryChange(query) {
+      this.visible = new RegExp(Object(util_["escapeRegexpString"])(query), 'i').test(this.currentLabel) || this.created;
+      if (!this.visible) {
+        this.select.filteredOptionsCount--;
+      }
+    }
+  },
+
+  created: function created() {
+    this.select.options.push(this);
+    this.select.cachedOptions.push(this);
+    this.select.optionsCount++;
+    this.select.filteredOptionsCount++;
+
+    this.$on('queryChange', this.queryChange);
+    this.$on('handleGroupDisabled', this.handleGroupDisabled);
+  },
+  beforeDestroy: function beforeDestroy() {
+    var _select2 = this.select,
+        selected = _select2.selected,
+        multiple = _select2.multiple;
+
+    var selectedOptions = multiple ? selected : [selected];
+    var index = this.select.cachedOptions.indexOf(this);
+    var selectedIndex = selectedOptions.indexOf(this);
+
+    // if option is not selected, remove it from cache
+    if (index > -1 && selectedIndex < 0) {
+      this.select.cachedOptions.splice(index, 1);
+    }
+    this.select.onOptionDestroy(this.select.options.indexOf(this));
+  }
+});
+// CONCATENATED MODULE: ./packages/select/src/option.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_optionvue_type_script_lang_js_ = (optionvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/select/src/option.vue
+
+
+
+
+
+/* normalize component */
+
+var option_component = normalizeComponent(
+  src_optionvue_type_script_lang_js_,
+  optionvue_type_template_id_7a44c642_render,
+  optionvue_type_template_id_7a44c642_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var option_api; }
+option_component.options.__file = "packages/select/src/option.vue"
+/* harmony default export */ var src_option = (option_component.exports);
+// EXTERNAL MODULE: external "element-ui/lib/tag"
+var tag_ = __webpack_require__(30);
+var tag_default = /*#__PURE__*/__webpack_require__.n(tag_);
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/resize-event"
+var resize_event_ = __webpack_require__(15);
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/scroll-into-view"
+var scroll_into_view_ = __webpack_require__(27);
+var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_view_);
+
+// CONCATENATED MODULE: ./packages/select/src/navigation-mixin.js
+/* harmony default export */ var navigation_mixin = ({
+  data: function data() {
+    return {
+      hoverOption: -1
+    };
+  },
+
+
+  computed: {
+    optionsAllDisabled: function optionsAllDisabled() {
+      return this.options.filter(function (option) {
+        return option.visible;
+      }).every(function (option) {
+        return option.disabled;
+      });
+    }
+  },
+
+  watch: {
+    hoverIndex: function hoverIndex(val) {
+      var _this = this;
+
+      if (typeof val === 'number' && val > -1) {
+        this.hoverOption = this.options[val] || {};
+      }
+      this.options.forEach(function (option) {
+        option.hover = _this.hoverOption === option;
+      });
+    }
+  },
+
+  methods: {
+    navigateOptions: function navigateOptions(direction) {
+      var _this2 = this;
+
+      if (!this.visible) {
+        this.visible = true;
+        return;
+      }
+      if (this.options.length === 0 || this.filteredOptionsCount === 0) return;
+      if (!this.optionsAllDisabled) {
+        if (direction === 'next') {
+          this.hoverIndex++;
+          if (this.hoverIndex === this.options.length) {
+            this.hoverIndex = 0;
+          }
+        } else if (direction === 'prev') {
+          this.hoverIndex--;
+          if (this.hoverIndex < 0) {
+            this.hoverIndex = this.options.length - 1;
+          }
+        }
+        var option = this.options[this.hoverIndex];
+        if (option.disabled === true || option.groupDisabled === true || !option.visible) {
+          this.navigateOptions(direction);
+        }
+        this.$nextTick(function () {
+          return _this2.scrollToOption(_this2.hoverOption);
+        });
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var selectvue_type_script_lang_js_ = ({
+  mixins: [emitter_default.a, locale_default.a, focus_default()('reference'), navigation_mixin],
+
+  name: 'ElSelect',
+
+  componentName: 'ElSelect',
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  provide: function provide() {
+    return {
+      'select': this
+    };
+  },
+
+
+  computed: {
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    readonly: function readonly() {
+      return !this.filterable || this.multiple || !Object(util_["isIE"])() && !Object(util_["isEdge"])() && !this.visible;
+    },
+    showClose: function showClose() {
+      var hasValue = this.multiple ? Array.isArray(this.value) && this.value.length > 0 : this.value !== undefined && this.value !== null && this.value !== '';
+      var criteria = this.clearable && !this.selectDisabled && this.inputHovering && hasValue;
+      return criteria;
+    },
+    iconClass: function iconClass() {
+      return this.remote && this.filterable ? '' : this.visible ? 'arrow-up is-reverse' : 'arrow-up';
+    },
+    debounce: function debounce() {
+      return this.remote ? 300 : 0;
+    },
+    emptyText: function emptyText() {
+      if (this.loading) {
+        return this.loadingText || this.t('el.select.loading');
+      } else {
+        if (this.remote && this.query === '' && this.options.length === 0) return false;
+        if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
+          return this.noMatchText || this.t('el.select.noMatch');
+        }
+        if (this.options.length === 0) {
+          return this.noDataText || this.t('el.select.noData');
+        }
+      }
+      return null;
+    },
+    showNewOption: function showNewOption() {
+      var _this = this;
+
+      var hasExistingOption = this.options.filter(function (option) {
+        return !option.created;
+      }).some(function (option) {
+        return option.currentLabel === _this.query;
+      });
+      return this.filterable && this.allowCreate && this.query !== '' && !hasExistingOption;
+    },
+    selectSize: function selectSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    selectDisabled: function selectDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    collapseTagSize: function collapseTagSize() {
+      return ['small', 'mini'].indexOf(this.selectSize) > -1 ? 'mini' : 'small';
+    },
+    propPlaceholder: function propPlaceholder() {
+      return typeof this.placeholder !== 'undefined' ? this.placeholder : this.t('el.select.placeholder');
+    }
+  },
+
+  components: {
+    ElInput: input_default.a,
+    ElSelectMenu: select_dropdown,
+    ElOption: src_option,
+    ElTag: tag_default.a,
+    ElScrollbar: scrollbar_default.a
+  },
+
+  directives: { Clickoutside: clickoutside_default.a },
+
+  props: {
+    name: String,
+    id: String,
+    value: {
+      required: true
+    },
+    autocomplete: {
+      type: String,
+      default: 'off'
+    },
+    /** @Deprecated in next major version */
+    autoComplete: {
+      type: String,
+      validator: function validator(val) {
+         false && false;
+        return true;
+      }
+    },
+    automaticDropdown: Boolean,
+    size: String,
+    disabled: Boolean,
+    clearable: Boolean,
+    filterable: Boolean,
+    allowCreate: Boolean,
+    loading: Boolean,
+    popperClass: String,
+    remote: Boolean,
+    loadingText: String,
+    noMatchText: String,
+    noDataText: String,
+    remoteMethod: Function,
+    filterMethod: Function,
+    multiple: Boolean,
+    multipleLimit: {
+      type: Number,
+      default: 0
+    },
+    placeholder: {
+      type: String,
+      required: false
+    },
+    defaultFirstOption: Boolean,
+    reserveKeyword: Boolean,
+    valueKey: {
+      type: String,
+      default: 'value'
+    },
+    collapseTags: Boolean,
+    popperAppendToBody: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  data: function data() {
+    return {
+      options: [],
+      cachedOptions: [],
+      createdLabel: null,
+      createdSelected: false,
+      selected: this.multiple ? [] : {},
+      inputLength: 20,
+      inputWidth: 0,
+      initialInputHeight: 0,
+      cachedPlaceHolder: '',
+      optionsCount: 0,
+      filteredOptionsCount: 0,
+      visible: false,
+      softFocus: false,
+      selectedLabel: '',
+      hoverIndex: -1,
+      query: '',
+      previousQuery: null,
+      inputHovering: false,
+      currentPlaceholder: '',
+      menuVisibleOnFocus: false,
+      isOnComposition: false,
+      isSilentBlur: false
+    };
+  },
+
+
+  watch: {
+    selectDisabled: function selectDisabled() {
+      var _this2 = this;
+
+      this.$nextTick(function () {
+        _this2.resetInputHeight();
+      });
+    },
+    propPlaceholder: function propPlaceholder(val) {
+      this.cachedPlaceHolder = this.currentPlaceholder = val;
+    },
+    value: function value(val, oldVal) {
+      if (this.multiple) {
+        this.resetInputHeight();
+        if (val && val.length > 0 || this.$refs.input && this.query !== '') {
+          this.currentPlaceholder = '';
+        } else {
+          this.currentPlaceholder = this.cachedPlaceHolder;
+        }
+        if (this.filterable && !this.reserveKeyword) {
+          this.query = '';
+          this.handleQueryChange(this.query);
+        }
+      }
+      this.setSelected();
+      if (this.filterable && !this.multiple) {
+        this.inputLength = 20;
+      }
+      if (!Object(util_["valueEquals"])(val, oldVal)) {
+        this.dispatch('ElFormItem', 'el.form.change', val);
+      }
+    },
+    visible: function visible(val) {
+      var _this3 = this;
+
+      if (!val) {
+        this.broadcast('ElSelectDropdown', 'destroyPopper');
+        if (this.$refs.input) {
+          this.$refs.input.blur();
+        }
+        this.query = '';
+        this.previousQuery = null;
+        this.selectedLabel = '';
+        this.inputLength = 20;
+        this.menuVisibleOnFocus = false;
+        this.resetHoverIndex();
+        this.$nextTick(function () {
+          if (_this3.$refs.input && _this3.$refs.input.value === '' && _this3.selected.length === 0) {
+            _this3.currentPlaceholder = _this3.cachedPlaceHolder;
+          }
+        });
+        if (!this.multiple) {
+          if (this.selected) {
+            if (this.filterable && this.allowCreate && this.createdSelected && this.createdLabel) {
+              this.selectedLabel = this.createdLabel;
+            } else {
+              this.selectedLabel = this.selected.currentLabel;
+            }
+            if (this.filterable) this.query = this.selectedLabel;
+          }
+
+          if (this.filterable) {
+            this.currentPlaceholder = this.cachedPlaceHolder;
+          }
+        }
+      } else {
+        this.broadcast('ElSelectDropdown', 'updatePopper');
+        if (this.filterable) {
+          this.query = this.remote ? '' : this.selectedLabel;
+          this.handleQueryChange(this.query);
+          if (this.multiple) {
+            this.$refs.input.focus();
+          } else {
+            if (!this.remote) {
+              this.broadcast('ElOption', 'queryChange', '');
+              this.broadcast('ElOptionGroup', 'queryChange');
+            }
+
+            if (this.selectedLabel) {
+              this.currentPlaceholder = this.selectedLabel;
+              this.selectedLabel = '';
+            }
+          }
+        }
+      }
+      this.$emit('visible-change', val);
+    },
+    options: function options() {
+      var _this4 = this;
+
+      if (this.$isServer) return;
+      this.$nextTick(function () {
+        _this4.broadcast('ElSelectDropdown', 'updatePopper');
+      });
+      if (this.multiple) {
+        this.resetInputHeight();
+      }
+      var inputs = this.$el.querySelectorAll('input');
+      if ([].indexOf.call(inputs, document.activeElement) === -1) {
+        this.setSelected();
+      }
+      if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
+        this.checkDefaultFirstOption();
+      }
+    }
+  },
+
+  methods: {
+    handleNavigate: function handleNavigate(direction) {
+      if (this.isOnComposition) return;
+
+      this.navigateOptions(direction);
+    },
+    handleComposition: function handleComposition(event) {
+      var _this5 = this;
+
+      var text = event.target.value;
+      if (event.type === 'compositionend') {
+        this.isOnComposition = false;
+        this.$nextTick(function (_) {
+          return _this5.handleQueryChange(text);
+        });
+      } else {
+        var lastCharacter = text[text.length - 1] || '';
+        this.isOnComposition = !Object(shared_["isKorean"])(lastCharacter);
+      }
+    },
+    handleQueryChange: function handleQueryChange(val) {
+      var _this6 = this;
+
+      if (this.previousQuery === val || this.isOnComposition) return;
+      if (this.previousQuery === null && (typeof this.filterMethod === 'function' || typeof this.remoteMethod === 'function')) {
+        this.previousQuery = val;
+        return;
+      }
+      this.previousQuery = val;
+      this.$nextTick(function () {
+        if (_this6.visible) _this6.broadcast('ElSelectDropdown', 'updatePopper');
+      });
+      this.hoverIndex = -1;
+      if (this.multiple && this.filterable) {
+        this.$nextTick(function () {
+          var length = _this6.$refs.input.value.length * 15 + 20;
+          _this6.inputLength = _this6.collapseTags ? Math.min(50, length) : length;
+          _this6.managePlaceholder();
+          _this6.resetInputHeight();
+        });
+      }
+      if (this.remote && typeof this.remoteMethod === 'function') {
+        this.hoverIndex = -1;
+        this.remoteMethod(val);
+      } else if (typeof this.filterMethod === 'function') {
+        this.filterMethod(val);
+        this.broadcast('ElOptionGroup', 'queryChange');
+      } else {
+        this.filteredOptionsCount = this.optionsCount;
+        this.broadcast('ElOption', 'queryChange', val);
+        this.broadcast('ElOptionGroup', 'queryChange');
+      }
+      if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
+        this.checkDefaultFirstOption();
+      }
+    },
+    scrollToOption: function scrollToOption(option) {
+      var target = Array.isArray(option) && option[0] ? option[0].$el : option.$el;
+      if (this.$refs.popper && target) {
+        var menu = this.$refs.popper.$el.querySelector('.el-select-dropdown__wrap');
+        scroll_into_view_default()(menu, target);
+      }
+      this.$refs.scrollbar && this.$refs.scrollbar.handleScroll();
+    },
+    handleMenuEnter: function handleMenuEnter() {
+      var _this7 = this;
+
+      this.$nextTick(function () {
+        return _this7.scrollToOption(_this7.selected);
+      });
+    },
+    emitChange: function emitChange(val) {
+      if (!Object(util_["valueEquals"])(this.value, val)) {
+        this.$emit('change', val);
+      }
+    },
+    getOption: function getOption(value) {
+      var option = void 0;
+      var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
+      var isNull = Object.prototype.toString.call(value).toLowerCase() === '[object null]';
+      var isUndefined = Object.prototype.toString.call(value).toLowerCase() === '[object undefined]';
+
+      for (var i = this.cachedOptions.length - 1; i >= 0; i--) {
+        var cachedOption = this.cachedOptions[i];
+        var isEqual = isObject ? Object(util_["getValueByPath"])(cachedOption.value, this.valueKey) === Object(util_["getValueByPath"])(value, this.valueKey) : cachedOption.value === value;
+        if (isEqual) {
+          option = cachedOption;
+          break;
+        }
+      }
+      if (option) return option;
+      var label = !isObject && !isNull && !isUndefined ? String(value) : '';
+      var newOption = {
+        value: value,
+        currentLabel: label
+      };
+      if (this.multiple) {
+        newOption.hitState = false;
+      }
+      return newOption;
+    },
+    setSelected: function setSelected() {
+      var _this8 = this;
+
+      if (!this.multiple) {
+        var option = this.getOption(this.value);
+        if (option.created) {
+          this.createdLabel = option.currentLabel;
+          this.createdSelected = true;
+        } else {
+          this.createdSelected = false;
+        }
+        this.selectedLabel = option.currentLabel;
+        this.selected = option;
+        if (this.filterable) this.query = this.selectedLabel;
+        return;
+      }
+      var result = [];
+      if (Array.isArray(this.value)) {
+        this.value.forEach(function (value) {
+          result.push(_this8.getOption(value));
+        });
+      }
+      this.selected = result;
+      this.$nextTick(function () {
+        _this8.resetInputHeight();
+      });
+    },
+    handleFocus: function handleFocus(event) {
+      if (!this.softFocus) {
+        if (this.automaticDropdown || this.filterable) {
+          if (this.filterable && !this.visible) {
+            this.menuVisibleOnFocus = true;
+          }
+          this.visible = true;
+        }
+        this.$emit('focus', event);
+      } else {
+        this.softFocus = false;
+      }
+    },
+    blur: function blur() {
+      this.visible = false;
+      this.$refs.reference.blur();
+    },
+    handleBlur: function handleBlur(event) {
+      var _this9 = this;
+
+      setTimeout(function () {
+        if (_this9.isSilentBlur) {
+          _this9.isSilentBlur = false;
+        } else {
+          _this9.$emit('blur', event);
+        }
+      }, 50);
+      this.softFocus = false;
+    },
+    handleClearClick: function handleClearClick(event) {
+      this.deleteSelected(event);
+    },
+    doDestroy: function doDestroy() {
+      this.$refs.popper && this.$refs.popper.doDestroy();
+    },
+    handleClose: function handleClose() {
+      this.visible = false;
+    },
+    toggleLastOptionHitState: function toggleLastOptionHitState(hit) {
+      if (!Array.isArray(this.selected)) return;
+      var option = this.selected[this.selected.length - 1];
+      if (!option) return;
+
+      if (hit === true || hit === false) {
+        option.hitState = hit;
+        return hit;
+      }
+
+      option.hitState = !option.hitState;
+      return option.hitState;
+    },
+    deletePrevTag: function deletePrevTag(e) {
+      if (e.target.value.length <= 0 && !this.toggleLastOptionHitState()) {
+        var value = this.value.slice();
+        value.pop();
+        this.$emit('input', value);
+        this.emitChange(value);
+      }
+    },
+    managePlaceholder: function managePlaceholder() {
+      if (this.currentPlaceholder !== '') {
+        this.currentPlaceholder = this.$refs.input.value ? '' : this.cachedPlaceHolder;
+      }
+    },
+    resetInputState: function resetInputState(e) {
+      if (e.keyCode !== 8) this.toggleLastOptionHitState(false);
+      this.inputLength = this.$refs.input.value.length * 15 + 20;
+      this.resetInputHeight();
+    },
+    resetInputHeight: function resetInputHeight() {
+      var _this10 = this;
+
+      if (this.collapseTags && !this.filterable) return;
+      this.$nextTick(function () {
+        if (!_this10.$refs.reference) return;
+        var inputChildNodes = _this10.$refs.reference.$el.childNodes;
+        var input = [].filter.call(inputChildNodes, function (item) {
+          return item.tagName === 'INPUT';
+        })[0];
+        var tags = _this10.$refs.tags;
+        var tagsHeight = tags ? Math.round(tags.getBoundingClientRect().height) : 0;
+        var sizeInMap = _this10.initialInputHeight || 40;
+        input.style.height = _this10.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tagsHeight + (tagsHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
+        if (_this10.visible && _this10.emptyText !== false) {
+          _this10.broadcast('ElSelectDropdown', 'updatePopper');
+        }
+      });
+    },
+    resetHoverIndex: function resetHoverIndex() {
+      var _this11 = this;
+
+      setTimeout(function () {
+        if (!_this11.multiple) {
+          _this11.hoverIndex = _this11.options.indexOf(_this11.selected);
+        } else {
+          if (_this11.selected.length > 0) {
+            _this11.hoverIndex = Math.min.apply(null, _this11.selected.map(function (item) {
+              return _this11.options.indexOf(item);
+            }));
+          } else {
+            _this11.hoverIndex = -1;
+          }
+        }
+      }, 300);
+    },
+    handleOptionSelect: function handleOptionSelect(option, byClick) {
+      var _this12 = this;
+
+      if (this.multiple) {
+        var value = (this.value || []).slice();
+        var optionIndex = this.getValueIndex(value, option.value);
+        if (optionIndex > -1) {
+          value.splice(optionIndex, 1);
+        } else if (this.multipleLimit <= 0 || value.length < this.multipleLimit) {
+          value.push(option.value);
+        }
+        this.$emit('input', value);
+        this.emitChange(value);
+        if (option.created) {
+          this.query = '';
+          this.handleQueryChange('');
+          this.inputLength = 20;
+        }
+        if (this.filterable) this.$refs.input.focus();
+      } else {
+        this.$emit('input', option.value);
+        this.emitChange(option.value);
+        this.visible = false;
+      }
+      this.isSilentBlur = byClick;
+      this.setSoftFocus();
+      if (this.visible) return;
+      this.$nextTick(function () {
+        _this12.scrollToOption(option);
+      });
+    },
+    setSoftFocus: function setSoftFocus() {
+      this.softFocus = true;
+      var input = this.$refs.input || this.$refs.reference;
+      if (input) {
+        input.focus();
+      }
+    },
+    getValueIndex: function getValueIndex() {
+      var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var value = arguments[1];
+
+      var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
+      if (!isObject) {
+        return arr.indexOf(value);
+      } else {
+        var valueKey = this.valueKey;
+        var index = -1;
+        arr.some(function (item, i) {
+          if (Object(util_["getValueByPath"])(item, valueKey) === Object(util_["getValueByPath"])(value, valueKey)) {
+            index = i;
+            return true;
+          }
+          return false;
+        });
+        return index;
+      }
+    },
+    toggleMenu: function toggleMenu() {
+      if (!this.selectDisabled) {
+        if (this.menuVisibleOnFocus) {
+          this.menuVisibleOnFocus = false;
+        } else {
+          this.visible = !this.visible;
+        }
+        if (this.visible) {
+          (this.$refs.input || this.$refs.reference).focus();
+        }
+      }
+    },
+    selectOption: function selectOption() {
+      if (!this.visible) {
+        this.toggleMenu();
+      } else {
+        if (this.options[this.hoverIndex]) {
+          this.handleOptionSelect(this.options[this.hoverIndex]);
+        }
+      }
+    },
+    deleteSelected: function deleteSelected(event) {
+      event.stopPropagation();
+      var value = this.multiple ? [] : '';
+      this.$emit('input', value);
+      this.emitChange(value);
+      this.visible = false;
+      this.$emit('clear');
+    },
+    deleteTag: function deleteTag(event, tag) {
+      var index = this.selected.indexOf(tag);
+      if (index > -1 && !this.selectDisabled) {
+        var value = this.value.slice();
+        value.splice(index, 1);
+        this.$emit('input', value);
+        this.emitChange(value);
+        this.$emit('remove-tag', tag.value);
+      }
+      event.stopPropagation();
+    },
+    onInputChange: function onInputChange() {
+      if (this.filterable && this.query !== this.selectedLabel) {
+        this.query = this.selectedLabel;
+        this.handleQueryChange(this.query);
+      }
+    },
+    onOptionDestroy: function onOptionDestroy(index) {
+      if (index > -1) {
+        this.optionsCount--;
+        this.filteredOptionsCount--;
+        this.options.splice(index, 1);
+      }
+    },
+    resetInputWidth: function resetInputWidth() {
+      this.inputWidth = this.$refs.reference.$el.getBoundingClientRect().width;
+    },
+    handleResize: function handleResize() {
+      this.resetInputWidth();
+      if (this.multiple) this.resetInputHeight();
+    },
+    checkDefaultFirstOption: function checkDefaultFirstOption() {
+      this.hoverIndex = -1;
+      // highlight the created option
+      var hasCreated = false;
+      for (var i = this.options.length - 1; i >= 0; i--) {
+        if (this.options[i].created) {
+          hasCreated = true;
+          this.hoverIndex = i;
+          break;
+        }
+      }
+      if (hasCreated) return;
+      for (var _i = 0; _i !== this.options.length; ++_i) {
+        var option = this.options[_i];
+        if (this.query) {
+          // highlight first options that passes the filter
+          if (!option.disabled && !option.groupDisabled && option.visible) {
+            this.hoverIndex = _i;
+            break;
+          }
+        } else {
+          // highlight currently selected option
+          if (option.itemSelected) {
+            this.hoverIndex = _i;
+            break;
+          }
+        }
+      }
+    },
+    getValueKey: function getValueKey(item) {
+      if (Object.prototype.toString.call(item.value).toLowerCase() !== '[object object]') {
+        return item.value;
+      } else {
+        return Object(util_["getValueByPath"])(item.value, this.valueKey);
+      }
+    }
+  },
+
+  created: function created() {
+    var _this13 = this;
+
+    this.cachedPlaceHolder = this.currentPlaceholder = this.propPlaceholder;
+    if (this.multiple && !Array.isArray(this.value)) {
+      this.$emit('input', []);
+    }
+    if (!this.multiple && Array.isArray(this.value)) {
+      this.$emit('input', '');
+    }
+
+    this.debouncedOnInputChange = debounce_default()(this.debounce, function () {
+      _this13.onInputChange();
+    });
+
+    this.debouncedQueryChange = debounce_default()(this.debounce, function (e) {
+      _this13.handleQueryChange(e.target.value);
+    });
+
+    this.$on('handleOptionClick', this.handleOptionSelect);
+    this.$on('setSelected', this.setSelected);
+  },
+  mounted: function mounted() {
+    var _this14 = this;
+
+    if (this.multiple && Array.isArray(this.value) && this.value.length > 0) {
+      this.currentPlaceholder = '';
+    }
+    Object(resize_event_["addResizeListener"])(this.$el, this.handleResize);
+
+    var reference = this.$refs.reference;
+    if (reference && reference.$el) {
+      var sizeMap = {
+        medium: 36,
+        small: 32,
+        mini: 28
+      };
+      var input = reference.$el.querySelector('input');
+      this.initialInputHeight = input.getBoundingClientRect().height || sizeMap[this.selectSize];
+    }
+    if (this.remote && this.multiple) {
+      this.resetInputHeight();
+    }
+    this.$nextTick(function () {
+      if (reference && reference.$el) {
+        _this14.inputWidth = reference.$el.getBoundingClientRect().width;
+      }
+    });
+    this.setSelected();
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.$el && this.handleResize) Object(resize_event_["removeResizeListener"])(this.$el, this.handleResize);
+  }
+});
+// CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_selectvue_type_script_lang_js_ = (selectvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/select/src/select.vue
+
+
+
+
+
+/* normalize component */
+
+var select_component = normalizeComponent(
+  src_selectvue_type_script_lang_js_,
+  selectvue_type_template_id_0e4aade6_render,
+  selectvue_type_template_id_0e4aade6_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var select_api; }
+select_component.options.__file = "packages/select/src/select.vue"
+/* harmony default export */ var src_select = (select_component.exports);
+// CONCATENATED MODULE: ./packages/select/index.js
+
+
+/* istanbul ignore next */
+src_select.install = function (Vue) {
+  Vue.component(src_select.name, src_select);
+};
+
+/* harmony default export */ var packages_select = (src_select);
+// CONCATENATED MODULE: ./packages/option/index.js
+
+
+/* istanbul ignore next */
+src_option.install = function (Vue) {
+  Vue.component(src_option.name, src_option);
+};
+
+/* harmony default export */ var packages_option = (src_option);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option-group.vue?vue&type=template&id=6685e5de&
+var option_groupvue_type_template_id_6685e5de_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "ul",
+    {
+      directives: [
+        {
+          name: "show",
+          rawName: "v-show",
+          value: _vm.visible,
+          expression: "visible"
+        }
+      ],
+      staticClass: "el-select-group__wrap"
+    },
+    [
+      _c("li", { staticClass: "el-select-group__title" }, [
+        _vm._v(_vm._s(_vm.label))
+      ]),
+      _c("li", [
+        _c("ul", { staticClass: "el-select-group" }, [_vm._t("default")], 2)
+      ])
+    ]
+  )
+}
+var option_groupvue_type_template_id_6685e5de_staticRenderFns = []
+option_groupvue_type_template_id_6685e5de_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/select/src/option-group.vue?vue&type=template&id=6685e5de&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option-group.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var option_groupvue_type_script_lang_js_ = ({
+  mixins: [emitter_default.a],
+
+  name: 'ElOptionGroup',
+
+  componentName: 'ElOptionGroup',
+
+  props: {
+    label: String,
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data: function data() {
+    return {
+      visible: true
+    };
+  },
+
+
+  watch: {
+    disabled: function disabled(val) {
+      this.broadcast('ElOption', 'handleGroupDisabled', val);
+    }
+  },
+
+  methods: {
+    queryChange: function queryChange() {
+      this.visible = this.$children && Array.isArray(this.$children) && this.$children.some(function (option) {
+        return option.visible === true;
+      });
+    }
+  },
+
+  created: function created() {
+    this.$on('queryChange', this.queryChange);
+  },
+  mounted: function mounted() {
+    if (this.disabled) {
+      this.broadcast('ElOption', 'handleGroupDisabled', this.disabled);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/select/src/option-group.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_option_groupvue_type_script_lang_js_ = (option_groupvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/select/src/option-group.vue
+
+
+
+
+
+/* normalize component */
+
+var option_group_component = normalizeComponent(
+  src_option_groupvue_type_script_lang_js_,
+  option_groupvue_type_template_id_6685e5de_render,
+  option_groupvue_type_template_id_6685e5de_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var option_group_api; }
+option_group_component.options.__file = "packages/select/src/option-group.vue"
+/* harmony default export */ var option_group = (option_group_component.exports);
+// CONCATENATED MODULE: ./packages/option-group/index.js
+
+
+/* istanbul ignore next */
+option_group.install = function (Vue) {
+  Vue.component(option_group.name, option_group);
+};
+
+/* harmony default export */ var packages_option_group = (option_group);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=template&id=ca859fb4&
+var buttonvue_type_template_id_ca859fb4_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "button",
+    {
+      staticClass: "el-button",
+      class: [
+        _vm.type ? "el-button--" + _vm.type : "",
+        _vm.buttonSize ? "el-button--" + _vm.buttonSize : "",
+        {
+          "is-disabled": _vm.buttonDisabled,
+          "is-loading": _vm.loading,
+          "is-plain": _vm.plain,
+          "is-round": _vm.round,
+          "is-circle": _vm.circle
+        }
+      ],
+      attrs: {
+        disabled: _vm.buttonDisabled || _vm.loading,
+        autofocus: _vm.autofocus,
+        type: _vm.nativeType
+      },
+      on: { click: _vm.handleClick }
+    },
+    [
+      _vm.loading ? _c("i", { staticClass: "el-icon-loading" }) : _vm._e(),
+      _vm.icon && !_vm.loading ? _c("i", { class: _vm.icon }) : _vm._e(),
+      _vm.$slots.default ? _c("span", [_vm._t("default")], 2) : _vm._e()
+    ]
+  )
+}
+var buttonvue_type_template_id_ca859fb4_staticRenderFns = []
+buttonvue_type_template_id_ca859fb4_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=template&id=ca859fb4&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var buttonvue_type_script_lang_js_ = ({
+  name: 'ElButton',
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  props: {
+    type: {
+      type: String,
+      default: 'default'
+    },
+    size: String,
+    icon: {
+      type: String,
+      default: ''
+    },
+    nativeType: {
+      type: String,
+      default: 'button'
+    },
+    loading: Boolean,
+    disabled: Boolean,
+    plain: Boolean,
+    autofocus: Boolean,
+    round: Boolean,
+    circle: Boolean
+  },
+
+  computed: {
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    buttonSize: function buttonSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    buttonDisabled: function buttonDisabled() {
+      return this.$options.propsData.hasOwnProperty('disabled') ? this.disabled : (this.elForm || {}).disabled;
+    }
+  },
+
+  methods: {
+    handleClick: function handleClick(evt) {
+      this.$emit('click', evt);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_buttonvue_type_script_lang_js_ = (buttonvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/button/src/button.vue
+
+
+
+
+
+/* normalize component */
+
+var button_component = normalizeComponent(
+  src_buttonvue_type_script_lang_js_,
+  buttonvue_type_template_id_ca859fb4_render,
+  buttonvue_type_template_id_ca859fb4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var button_api; }
+button_component.options.__file = "packages/button/src/button.vue"
+/* harmony default export */ var src_button = (button_component.exports);
+// CONCATENATED MODULE: ./packages/button/index.js
+
+
+/* istanbul ignore next */
+src_button.install = function (Vue) {
+  Vue.component(src_button.name, src_button);
+};
+
+/* harmony default export */ var packages_button = (src_button);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button-group.vue?vue&type=template&id=3d8661d0&
+var button_groupvue_type_template_id_3d8661d0_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "el-button-group" }, [_vm._t("default")], 2)
+}
+var button_groupvue_type_template_id_3d8661d0_staticRenderFns = []
+button_groupvue_type_template_id_3d8661d0_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/button/src/button-group.vue?vue&type=template&id=3d8661d0&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button-group.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+
+/* harmony default export */ var button_groupvue_type_script_lang_js_ = ({
+  name: 'ElButtonGroup'
+});
+// CONCATENATED MODULE: ./packages/button/src/button-group.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_button_groupvue_type_script_lang_js_ = (button_groupvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/button/src/button-group.vue
+
+
+
+
+
+/* normalize component */
+
+var button_group_component = normalizeComponent(
+  src_button_groupvue_type_script_lang_js_,
+  button_groupvue_type_template_id_3d8661d0_render,
+  button_groupvue_type_template_id_3d8661d0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var button_group_api; }
+button_group_component.options.__file = "packages/button/src/button-group.vue"
+/* harmony default export */ var button_group = (button_group_component.exports);
+// CONCATENATED MODULE: ./packages/button-group/index.js
+
+
+/* istanbul ignore next */
+button_group.install = function (Vue) {
+  Vue.component(button_group.name, button_group);
+};
+
+/* harmony default export */ var packages_button_group = (button_group);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=template&id=493fe34e&
+var tablevue_type_template_id_493fe34e_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-table",
+      class: [
+        {
+          "el-table--fit": _vm.fit,
+          "el-table--striped": _vm.stripe,
+          "el-table--border": _vm.border || _vm.isGroup,
+          "el-table--hidden": _vm.isHidden,
+          "el-table--group": _vm.isGroup,
+          "el-table--fluid-height": _vm.maxHeight,
+          "el-table--scrollable-x": _vm.layout.scrollX,
+          "el-table--scrollable-y": _vm.layout.scrollY,
+          "el-table--enable-row-hover": !_vm.store.states.isComplex,
+          "el-table--enable-row-transition":
+            (_vm.store.states.data || []).length !== 0 &&
+            (_vm.store.states.data || []).length < 100
+        },
+        _vm.tableSize ? "el-table--" + _vm.tableSize : ""
+      ],
+      on: {
+        mouseleave: function($event) {
+          _vm.handleMouseLeave($event)
+        }
+      }
+    },
+    [
+      _c(
+        "div",
+        { ref: "hiddenColumns", staticClass: "hidden-columns" },
+        [_vm._t("default")],
+        2
+      ),
+      _vm.showHeader
+        ? _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "mousewheel",
+                  rawName: "v-mousewheel",
+                  value: _vm.handleHeaderFooterMousewheel,
+                  expression: "handleHeaderFooterMousewheel"
+                }
+              ],
+              ref: "headerWrapper",
+              staticClass: "el-table__header-wrapper"
+            },
+            [
+              _c("table-header", {
+                ref: "tableHeader",
+                style: {
+                  width: _vm.layout.bodyWidth ? _vm.layout.bodyWidth + "px" : ""
+                },
+                attrs: {
+                  store: _vm.store,
+                  border: _vm.border,
+                  "default-sort": _vm.defaultSort
+                }
+              })
+            ],
+            1
+          )
+        : _vm._e(),
+      _c(
+        "div",
+        {
+          ref: "bodyWrapper",
+          staticClass: "el-table__body-wrapper",
+          class: [
+            _vm.layout.scrollX
+              ? "is-scrolling-" + _vm.scrollPosition
+              : "is-scrolling-none"
+          ],
+          style: [_vm.bodyHeight]
+        },
+        [
+          _c("table-body", {
+            style: {
+              width: _vm.bodyWidth
+            },
+            attrs: {
+              context: _vm.context,
+              store: _vm.store,
+              stripe: _vm.stripe,
+              "row-class-name": _vm.rowClassName,
+              "row-style": _vm.rowStyle,
+              highlight: _vm.highlightCurrentRow
+            }
+          }),
+          !_vm.data || _vm.data.length === 0
+            ? _c(
+                "div",
+                {
+                  ref: "emptyBlock",
+                  staticClass: "el-table__empty-block",
+                  style: _vm.emptyBlockStyle
+                },
+                [
+                  _c(
+                    "span",
+                    { staticClass: "el-table__empty-text" },
+                    [
+                      _vm._t("empty", [
+                        _vm._v(
+                          _vm._s(_vm.emptyText || _vm.t("el.table.emptyText"))
+                        )
+                      ])
+                    ],
+                    2
+                  )
+                ]
+              )
+            : _vm._e(),
+          _vm.$slots.append
+            ? _c(
+                "div",
+                {
+                  ref: "appendWrapper",
+                  staticClass: "el-table__append-wrapper"
+                },
+                [_vm._t("append")],
+                2
+              )
+            : _vm._e()
+        ],
+        1
+      ),
+      _vm.showSummary
+        ? _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.data && _vm.data.length > 0,
+                  expression: "data && data.length > 0"
+                },
+                {
+                  name: "mousewheel",
+                  rawName: "v-mousewheel",
+                  value: _vm.handleHeaderFooterMousewheel,
+                  expression: "handleHeaderFooterMousewheel"
+                }
+              ],
+              ref: "footerWrapper",
+              staticClass: "el-table__footer-wrapper"
+            },
+            [
+              _c("table-footer", {
+                style: {
+                  width: _vm.layout.bodyWidth ? _vm.layout.bodyWidth + "px" : ""
+                },
+                attrs: {
+                  store: _vm.store,
+                  border: _vm.border,
+                  "sum-text": _vm.sumText || _vm.t("el.table.sumText"),
+                  "summary-method": _vm.summaryMethod,
+                  "default-sort": _vm.defaultSort
+                }
+              })
+            ],
+            1
+          )
+        : _vm._e(),
+      _vm.fixedColumns.length > 0
+        ? _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "mousewheel",
+                  rawName: "v-mousewheel",
+                  value: _vm.handleFixedMousewheel,
+                  expression: "handleFixedMousewheel"
+                }
+              ],
+              ref: "fixedWrapper",
+              staticClass: "el-table__fixed",
+              style: [
+                {
+                  width: _vm.layout.fixedWidth
+                    ? _vm.layout.fixedWidth + "px"
+                    : ""
+                },
+                _vm.fixedHeight
+              ]
+            },
+            [
+              _vm.showHeader
+                ? _c(
+                    "div",
+                    {
+                      ref: "fixedHeaderWrapper",
+                      staticClass: "el-table__fixed-header-wrapper"
+                    },
+                    [
+                      _c("table-header", {
+                        ref: "fixedTableHeader",
+                        style: {
+                          width: _vm.bodyWidth
+                        },
+                        attrs: {
+                          fixed: "left",
+                          border: _vm.border,
+                          store: _vm.store
+                        }
+                      })
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _c(
+                "div",
+                {
+                  ref: "fixedBodyWrapper",
+                  staticClass: "el-table__fixed-body-wrapper",
+                  style: [
+                    {
+                      top: _vm.layout.headerHeight + "px"
+                    },
+                    _vm.fixedBodyHeight
+                  ]
+                },
+                [
+                  _c("table-body", {
+                    style: {
+                      width: _vm.bodyWidth
+                    },
+                    attrs: {
+                      fixed: "left",
+                      store: _vm.store,
+                      stripe: _vm.stripe,
+                      highlight: _vm.highlightCurrentRow,
+                      "row-class-name": _vm.rowClassName,
+                      "row-style": _vm.rowStyle
+                    }
+                  }),
+                  _vm.$slots.append
+                    ? _c("div", {
+                        staticClass: "el-table__append-gutter",
+                        style: { height: _vm.layout.appendHeight + "px" }
+                      })
+                    : _vm._e()
+                ],
+                1
+              ),
+              _vm.showSummary
+                ? _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.data && _vm.data.length > 0,
+                          expression: "data && data.length > 0"
+                        }
+                      ],
+                      ref: "fixedFooterWrapper",
+                      staticClass: "el-table__fixed-footer-wrapper"
+                    },
+                    [
+                      _c("table-footer", {
+                        style: {
+                          width: _vm.bodyWidth
+                        },
+                        attrs: {
+                          fixed: "left",
+                          border: _vm.border,
+                          "sum-text": _vm.sumText || _vm.t("el.table.sumText"),
+                          "summary-method": _vm.summaryMethod,
+                          store: _vm.store
+                        }
+                      })
+                    ],
+                    1
+                  )
+                : _vm._e()
+            ]
+          )
+        : _vm._e(),
+      _vm.rightFixedColumns.length > 0
+        ? _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "mousewheel",
+                  rawName: "v-mousewheel",
+                  value: _vm.handleFixedMousewheel,
+                  expression: "handleFixedMousewheel"
+                }
+              ],
+              ref: "rightFixedWrapper",
+              staticClass: "el-table__fixed-right",
+              style: [
+                {
+                  width: _vm.layout.rightFixedWidth
+                    ? _vm.layout.rightFixedWidth + "px"
+                    : "",
+                  right: _vm.layout.scrollY
+                    ? (_vm.border
+                        ? _vm.layout.gutterWidth
+                        : _vm.layout.gutterWidth || 0) + "px"
+                    : ""
+                },
+                _vm.fixedHeight
+              ]
+            },
+            [
+              _vm.showHeader
+                ? _c(
+                    "div",
+                    {
+                      ref: "rightFixedHeaderWrapper",
+                      staticClass: "el-table__fixed-header-wrapper"
+                    },
+                    [
+                      _c("table-header", {
+                        ref: "rightFixedTableHeader",
+                        style: {
+                          width: _vm.bodyWidth
+                        },
+                        attrs: {
+                          fixed: "right",
+                          border: _vm.border,
+                          store: _vm.store
+                        }
+                      })
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _c(
+                "div",
+                {
+                  ref: "rightFixedBodyWrapper",
+                  staticClass: "el-table__fixed-body-wrapper",
+                  style: [
+                    {
+                      top: _vm.layout.headerHeight + "px"
+                    },
+                    _vm.fixedBodyHeight
+                  ]
+                },
+                [
+                  _c("table-body", {
+                    style: {
+                      width: _vm.bodyWidth
+                    },
+                    attrs: {
+                      fixed: "right",
+                      store: _vm.store,
+                      stripe: _vm.stripe,
+                      "row-class-name": _vm.rowClassName,
+                      "row-style": _vm.rowStyle,
+                      highlight: _vm.highlightCurrentRow
+                    }
+                  }),
+                  _vm.$slots.append
+                    ? _c("div", {
+                        staticClass: "el-table__append-gutter",
+                        style: { height: _vm.layout.appendHeight + "px" }
+                      })
+                    : _vm._e()
+                ],
+                1
+              ),
+              _vm.showSummary
+                ? _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.data && _vm.data.length > 0,
+                          expression: "data && data.length > 0"
+                        }
+                      ],
+                      ref: "rightFixedFooterWrapper",
+                      staticClass: "el-table__fixed-footer-wrapper"
+                    },
+                    [
+                      _c("table-footer", {
+                        style: {
+                          width: _vm.bodyWidth
+                        },
+                        attrs: {
+                          fixed: "right",
+                          border: _vm.border,
+                          "sum-text": _vm.sumText || _vm.t("el.table.sumText"),
+                          "summary-method": _vm.summaryMethod,
+                          store: _vm.store
+                        }
+                      })
+                    ],
+                    1
+                  )
+                : _vm._e()
+            ]
+          )
+        : _vm._e(),
+      _vm.rightFixedColumns.length > 0
+        ? _c("div", {
+            ref: "rightFixedPatch",
+            staticClass: "el-table__fixed-right-patch",
+            style: {
+              width: _vm.layout.scrollY ? _vm.layout.gutterWidth + "px" : "0",
+              height: _vm.layout.headerHeight + "px"
+            }
+          })
+        : _vm._e(),
+      _c("div", {
+        directives: [
+          {
+            name: "show",
+            rawName: "v-show",
+            value: _vm.resizeProxyVisible,
+            expression: "resizeProxyVisible"
+          }
+        ],
+        ref: "resizeProxy",
+        staticClass: "el-table__column-resize-proxy"
+      })
+    ]
+  )
+}
+var tablevue_type_template_id_493fe34e_staticRenderFns = []
+tablevue_type_template_id_493fe34e_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=template&id=493fe34e&
+
+// EXTERNAL MODULE: external "element-ui/lib/checkbox"
+var checkbox_ = __webpack_require__(14);
+var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
+
+// EXTERNAL MODULE: external "throttle-debounce"
+var external_throttle_debounce_ = __webpack_require__(36);
+
+// EXTERNAL MODULE: external "normalize-wheel"
+var external_normalize_wheel_ = __webpack_require__(39);
+var external_normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(external_normalize_wheel_);
+
+// CONCATENATED MODULE: ./src/directives/mousewheel.js
+
+
+var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+
+var mousewheel_mousewheel = function mousewheel(element, callback) {
+  if (element && element.addEventListener) {
+    element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function (event) {
+      var normalized = external_normalize_wheel_default()(event);
+      callback && callback.apply(this, [event, normalized]);
+    });
+  }
+};
+
+/* harmony default export */ var directives_mousewheel = ({
+  bind: function bind(el, binding) {
+    mousewheel_mousewheel(el, binding.value);
+  }
+});
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(6);
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+
+// CONCATENATED MODULE: ./packages/table/src/util.js
+var util_typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+
+
+var getCell = function getCell(event) {
+  var cell = event.target;
+
+  while (cell && cell.tagName.toUpperCase() !== 'HTML') {
+    if (cell.tagName.toUpperCase() === 'TD') {
+      return cell;
+    }
+    cell = cell.parentNode;
+  }
+
+  return null;
+};
+
+var util_isObject = function isObject(obj) {
+  return obj !== null && (typeof obj === 'undefined' ? 'undefined' : util_typeof(obj)) === 'object';
+};
+
+var util_orderBy = function orderBy(array, sortKey, reverse, sortMethod, sortBy) {
+  if (!sortKey && !sortMethod && (!sortBy || Array.isArray(sortBy) && !sortBy.length)) {
+    return array;
+  }
+  if (typeof reverse === 'string') {
+    reverse = reverse === 'descending' ? -1 : 1;
+  } else {
+    reverse = reverse && reverse < 0 ? -1 : 1;
+  }
+  var getKey = sortMethod ? null : function (value, index) {
+    if (sortBy) {
+      if (!Array.isArray(sortBy)) {
+        sortBy = [sortBy];
+      }
+      return sortBy.map(function (by) {
+        if (typeof by === 'string') {
+          return Object(util_["getValueByPath"])(value, by);
+        } else {
+          return by(value, index, array);
+        }
+      });
+    }
+    if (sortKey !== '$key') {
+      if (util_isObject(value) && '$value' in value) value = value.$value;
+    }
+    return [util_isObject(value) ? Object(util_["getValueByPath"])(value, sortKey) : value];
+  };
+  var compare = function compare(a, b) {
+    if (sortMethod) {
+      return sortMethod(a.value, b.value);
+    }
+    for (var i = 0, len = a.key.length; i < len; i++) {
+      if (a.key[i] < b.key[i]) {
+        return -1;
+      }
+      if (a.key[i] > b.key[i]) {
+        return 1;
+      }
+    }
+    return 0;
+  };
+  return array.map(function (value, index) {
+    return {
+      value: value,
+      index: index,
+      key: getKey ? getKey(value, index) : null
+    };
+  }).sort(function (a, b) {
+    var order = compare(a, b);
+    if (!order) {
+      // make stable https://en.wikipedia.org/wiki/Sorting_algorithm#Stability
+      order = a.index - b.index;
+    }
+    return order * reverse;
+  }).map(function (item) {
+    return item.value;
+  });
+};
+
+var getColumnById = function getColumnById(table, columnId) {
+  var column = null;
+  table.columns.forEach(function (item) {
+    if (item.id === columnId) {
+      column = item;
+    }
+  });
+  return column;
+};
+
+var getColumnByKey = function getColumnByKey(table, columnKey) {
+  var column = null;
+  for (var i = 0; i < table.columns.length; i++) {
+    var item = table.columns[i];
+    if (item.columnKey === columnKey) {
+      column = item;
+      break;
+    }
+  }
+  return column;
+};
+
+var getColumnByCell = function getColumnByCell(table, cell) {
+  var matches = (cell.className || '').match(/el-table_[^\s]+/gm);
+  if (matches) {
+    return getColumnById(table, matches[0]);
+  }
+  return null;
+};
+
+var getRowIdentity = function getRowIdentity(row, rowKey) {
+  if (!row) throw new Error('row is required when get row identity');
+  if (typeof rowKey === 'string') {
+    if (rowKey.indexOf('.') < 0) {
+      return row[rowKey];
+    }
+    var key = rowKey.split('.');
+    var current = row;
+    for (var i = 0; i < key.length; i++) {
+      current = current[key[i]];
+    }
+    return current;
+  } else if (typeof rowKey === 'function') {
+    return rowKey.call(null, row);
+  }
+};
+
+var getKeysMap = function getKeysMap(array, rowKey) {
+  var arrayMap = {};
+  (array || []).forEach(function (row, index) {
+    arrayMap[getRowIdentity(row, rowKey)] = { row: row, index: index };
+  });
+  return arrayMap;
+};
+
+function hasOwn(obj, key) {
+  return Object.prototype.hasOwnProperty.call(obj, key);
+}
+
+function mergeOptions(defaults, config) {
+  var options = {};
+  var key = void 0;
+  for (key in defaults) {
+    options[key] = defaults[key];
+  }
+  for (key in config) {
+    if (hasOwn(config, key)) {
+      var value = config[key];
+      if (typeof value !== 'undefined') {
+        options[key] = value;
+      }
+    }
+  }
+  return options;
+}
+
+function parseWidth(width) {
+  if (width !== undefined) {
+    width = parseInt(width, 10);
+    if (isNaN(width)) {
+      width = null;
+    }
+  }
+  return width;
+}
+
+function parseMinWidth(minWidth) {
+  if (typeof minWidth !== 'undefined') {
+    minWidth = parseWidth(minWidth);
+    if (isNaN(minWidth)) {
+      minWidth = 80;
+    }
+  }
+  return minWidth;
+};
+
+function parseHeight(height) {
+  if (typeof height === 'number') {
+    return height;
+  }
+  if (typeof height === 'string') {
+    if (/^\d+(?:px)?$/.test(height)) {
+      return parseInt(height, 10);
+    } else {
+      return height;
+    }
+  }
+  return null;
+}
+
+// https://github.com/reduxjs/redux/blob/master/src/compose.js
+function compose() {
+  for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
+    funcs[_key] = arguments[_key];
+  }
+
+  if (funcs.length === 0) {
+    return function (arg) {
+      return arg;
+    };
+  }
+  if (funcs.length === 1) {
+    return funcs[0];
+  }
+  return funcs.reduce(function (a, b) {
+    return function () {
+      return a(b.apply(undefined, arguments));
+    };
+  });
+}
+
+function toggleRowStatus(statusArr, row, newVal) {
+  var changed = false;
+  var index = statusArr.indexOf(row);
+  var included = index !== -1;
+
+  var addRow = function addRow() {
+    statusArr.push(row);
+    changed = true;
+  };
+  var removeRow = function removeRow() {
+    statusArr.splice(index, 1);
+    changed = true;
+  };
+
+  if (typeof newVal === 'boolean') {
+    if (newVal && !included) {
+      addRow();
+    } else if (!newVal && included) {
+      removeRow();
+    }
+  } else {
+    if (included) {
+      removeRow();
+    } else {
+      addRow();
+    }
+  }
+  return changed;
+}
+
+function walkTreeNode(root, cb) {
+  var childrenKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
+  var lazyKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'hasChildren';
+
+  var isNil = function isNil(array) {
+    return !(Array.isArray(array) && array.length);
+  };
+
+  function _walker(parent, children, level) {
+    cb(parent, children, level);
+    children.forEach(function (item) {
+      if (item[lazyKey]) {
+        cb(item, null, level + 1);
+        return;
+      }
+      var children = item[childrenKey];
+      if (!isNil(children)) {
+        _walker(item, children, level + 1);
+      }
+    });
+  }
+
+  root.forEach(function (item) {
+    if (item[lazyKey]) {
+      cb(item, null, 0);
+      return;
+    }
+    var children = item[childrenKey];
+    if (!isNil(children)) {
+      _walker(item, children, 0);
+    }
+  });
+}
+
+var objectEquals = function objectEquals(objectA, objectB) {
+  // 取对象a和b的属性名
+  var aProps = Object.getOwnPropertyNames(objectA);
+  var bProps = Object.getOwnPropertyNames(objectB);
+  // 判断属性名的length是否一致
+  if (aProps.length !== bProps.length) {
+    return false;
+  }
+  // 循环取出属性名，再判断属性值是否一致
+  for (var i = 0; i < aProps.length; i++) {
+    var propName = aProps[i];
+    if (objectA[propName] !== objectB[propName]) {
+      return false;
+    }
+  }
+  return true;
+};
+// CONCATENATED MODULE: ./packages/table/src/store/expand.js
+
+
+/* harmony default export */ var expand = ({
+  data: function data() {
+    return {
+      states: {
+        defaultExpandAll: false,
+        expandRows: []
+      }
+    };
+  },
+
+
+  methods: {
+    updateExpandRows: function updateExpandRows() {
+      var _states = this.states,
+          _states$data = _states.data,
+          data = _states$data === undefined ? [] : _states$data,
+          rowKey = _states.rowKey,
+          defaultExpandAll = _states.defaultExpandAll,
+          expandRows = _states.expandRows;
+
+      if (defaultExpandAll) {
+        this.states.expandRows = data.slice();
+      } else if (rowKey) {
+        // TODO：这里的代码可以优化
+        var expandRowsMap = getKeysMap(expandRows, rowKey);
+        this.states.expandRows = data.reduce(function (prev, row) {
+          var rowId = getRowIdentity(row, rowKey);
+          var rowInfo = expandRowsMap[rowId];
+          if (rowInfo) {
+            prev.push(row);
+          }
+          return prev;
+        }, []);
+      } else {
+        this.states.expandRows = [];
+      }
+    },
+    toggleRowExpansion: function toggleRowExpansion(row, expanded) {
+      var changed = toggleRowStatus(this.states.expandRows, row, expanded);
+      if (changed) {
+        this.table.$emit('expand-change', row, this.states.expandRows.slice());
+        this.scheduleLayout();
+      }
+    },
+    setExpandRowKeys: function setExpandRowKeys(rowKeys) {
+      this.assertRowKey();
+      // TODO：这里的代码可以优化
+      var _states2 = this.states,
+          data = _states2.data,
+          rowKey = _states2.rowKey;
+
+      var keysMap = getKeysMap(data, rowKey);
+      this.states.expandRows = rowKeys.reduce(function (prev, cur) {
+        var info = keysMap[cur];
+        if (info) {
+          prev.push(info.row);
+        }
+        return prev;
+      }, []);
+    },
+    isRowExpanded: function isRowExpanded(row) {
+      var _states3 = this.states,
+          _states3$expandRows = _states3.expandRows,
+          expandRows = _states3$expandRows === undefined ? [] : _states3$expandRows,
+          rowKey = _states3.rowKey;
+
+      if (rowKey) {
+        var expandMap = getKeysMap(expandRows, rowKey);
+        return !!expandMap[getRowIdentity(row, rowKey)];
+      }
+      return expandRows.indexOf(row) !== -1;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/table/src/store/current.js
+
+
+
+/* harmony default export */ var store_current = ({
+  data: function data() {
+    return {
+      states: {
+        // 不可响应的，设置 currentRowKey 时，data 不一定存在，也许无法算出正确的 currentRow
+        // 把该值缓存一下，当用户点击修改 currentRow 时，把该值重置为 null
+        _currentRowKey: null,
+        currentRow: null
+      }
+    };
+  },
+
+
+  methods: {
+    setCurrentRowKey: function setCurrentRowKey(key) {
+      this.assertRowKey();
+      this.states._currentRowKey = key;
+      this.setCurrentRowByKey(key);
+    },
+    restoreCurrentRowKey: function restoreCurrentRowKey() {
+      this.states._currentRowKey = null;
+    },
+    setCurrentRowByKey: function setCurrentRowByKey(key) {
+      var states = this.states;
+      var _states$data = states.data,
+          data = _states$data === undefined ? [] : _states$data,
+          rowKey = states.rowKey;
+
+      var currentRow = null;
+      if (rowKey) {
+        currentRow = Object(util_["arrayFind"])(data, function (item) {
+          return getRowIdentity(item, rowKey) === key;
+        });
+      }
+      states.currentRow = currentRow;
+    },
+    updateCurrentRow: function updateCurrentRow(currentRow) {
+      var states = this.states,
+          table = this.table;
+
+      var oldCurrentRow = states.currentRow;
+      if (currentRow && currentRow !== oldCurrentRow) {
+        states.currentRow = currentRow;
+        table.$emit('current-change', currentRow, oldCurrentRow);
+        return;
+      }
+      if (!currentRow && oldCurrentRow) {
+        states.currentRow = null;
+        table.$emit('current-change', null, oldCurrentRow);
+      }
+    },
+    updateCurrentRowData: function updateCurrentRowData() {
+      var states = this.states,
+          table = this.table;
+      var rowKey = states.rowKey,
+          _currentRowKey = states._currentRowKey;
+      // data 为 null 时，解构时的默认值会被忽略
+
+      var data = states.data || [];
+      var oldCurrentRow = states.currentRow;
+
+      // 当 currentRow 不在 data 中时尝试更新数据
+      if (data.indexOf(oldCurrentRow) === -1 && oldCurrentRow) {
+        if (rowKey) {
+          var currentRowKey = getRowIdentity(oldCurrentRow, rowKey);
+          this.setCurrentRowByKey(currentRowKey);
+        } else {
+          states.currentRow = null;
+        }
+        if (states.currentRow === null) {
+          table.$emit('current-change', null, oldCurrentRow);
+        }
+      } else if (_currentRowKey) {
+        // 把初始时下设置的 rowKey 转化成 rowData
+        this.setCurrentRowByKey(_currentRowKey);
+        this.restoreCurrentRowKey();
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/table/src/store/tree.js
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+
+
+/* harmony default export */ var tree = ({
+  data: function data() {
+    return {
+      states: {
+        // defaultExpandAll 存在于 expand.js 中，这里不重复添加
+        // 在展开行中，expandRowKeys 会被转化成 expandRows，expandRowKeys 这个属性只是记录了 TreeTable 行的展开
+        // TODO: 拆分为独立的 TreeTable，统一用法
+        expandRowKeys: [],
+        treeData: {},
+        indent: 16,
+        lazy: false,
+        lazyTreeNodeMap: {},
+        lazyColumnIdentifier: 'hasChildren',
+        childrenColumnName: 'children'
+      }
+    };
+  },
+
+
+  computed: {
+    // 嵌入型的数据，watch 无法是检测到变化 https://github.com/ElemeFE/element/issues/14998
+    // TODO: 使用 computed 解决该问题，是否会造成性能问题？
+    // @return { id: { level, children } }
+    normalizedData: function normalizedData() {
+      if (!this.states.rowKey) return {};
+      var data = this.states.data || [];
+      return this.normalize(data);
+    },
+
+    // @return { id: { children } }
+    // 针对懒加载的情形，不处理嵌套数据
+    normalizedLazyNode: function normalizedLazyNode() {
+      var _states = this.states,
+          rowKey = _states.rowKey,
+          lazyTreeNodeMap = _states.lazyTreeNodeMap,
+          lazyColumnIdentifier = _states.lazyColumnIdentifier;
+
+      var keys = Object.keys(lazyTreeNodeMap);
+      var res = {};
+      if (!keys.length) return res;
+      keys.forEach(function (key) {
+        if (lazyTreeNodeMap[key].length) {
+          var item = { children: [] };
+          lazyTreeNodeMap[key].forEach(function (row) {
+            var currentRowKey = getRowIdentity(row, rowKey);
+            item.children.push(currentRowKey);
+            if (row[lazyColumnIdentifier] && !res[currentRowKey]) {
+              res[currentRowKey] = { children: [] };
+            }
+          });
+          res[key] = item;
+        }
+      });
+      return res;
+    }
+  },
+
+  watch: {
+    normalizedData: 'updateTreeData',
+    normalizedLazyNode: 'updateTreeData'
+  },
+
+  methods: {
+    normalize: function normalize(data) {
+      var _states2 = this.states,
+          childrenColumnName = _states2.childrenColumnName,
+          lazyColumnIdentifier = _states2.lazyColumnIdentifier,
+          rowKey = _states2.rowKey,
+          lazy = _states2.lazy;
+
+      var res = {};
+      walkTreeNode(data, function (parent, children, level) {
+        var parentId = getRowIdentity(parent, rowKey);
+        if (Array.isArray(children)) {
+          res[parentId] = {
+            children: children.map(function (row) {
+              return getRowIdentity(row, rowKey);
+            }),
+            level: level
+          };
+        } else if (lazy) {
+          // 当 children 不存在且 lazy 为 true，该节点即为懒加载的节点
+          res[parentId] = {
+            children: [],
+            lazy: true,
+            level: level
+          };
+        }
+      }, childrenColumnName, lazyColumnIdentifier);
+      return res;
+    },
+    updateTreeData: function updateTreeData() {
+      var nested = this.normalizedData;
+      var normalizedLazyNode = this.normalizedLazyNode;
+      var keys = Object.keys(nested);
+      var newTreeData = {};
+      if (keys.length) {
+        var _states3 = this.states,
+            oldTreeData = _states3.treeData,
+            defaultExpandAll = _states3.defaultExpandAll,
+            expandRowKeys = _states3.expandRowKeys,
+            lazy = _states3.lazy;
+
+        var rootLazyRowKeys = [];
+        var getExpanded = function getExpanded(oldValue, key) {
+          var included = defaultExpandAll || expandRowKeys && expandRowKeys.indexOf(key) !== -1;
+          return !!(oldValue && oldValue.expanded || included);
+        };
+        // 合并 expanded 与 display，确保数据刷新后，状态不变
+        keys.forEach(function (key) {
+          var oldValue = oldTreeData[key];
+          var newValue = _extends({}, nested[key]);
+          newValue.expanded = getExpanded(oldValue, key);
+          if (newValue.lazy) {
+            var _ref = oldValue || {},
+                _ref$loaded = _ref.loaded,
+                loaded = _ref$loaded === undefined ? false : _ref$loaded,
+                _ref$loading = _ref.loading,
+                loading = _ref$loading === undefined ? false : _ref$loading;
+
+            newValue.loaded = !!loaded;
+            newValue.loading = !!loading;
+            rootLazyRowKeys.push(key);
+          }
+          newTreeData[key] = newValue;
+        });
+        // 根据懒加载数据更新 treeData
+        var lazyKeys = Object.keys(normalizedLazyNode);
+        if (lazy && lazyKeys.length && rootLazyRowKeys.length) {
+          lazyKeys.forEach(function (key) {
+            var oldValue = oldTreeData[key];
+            var lazyNodeChildren = normalizedLazyNode[key].children;
+            if (rootLazyRowKeys.indexOf(key) !== -1) {
+              // 懒加载的 root 节点，更新一下原有的数据，原来的 children 一定是空数组
+              if (newTreeData[key].children.length !== 0) {
+                throw new Error('[ElTable]children must be an empty array.');
+              }
+              newTreeData[key].children = lazyNodeChildren;
+            } else {
+              var _ref2 = oldValue || {},
+                  _ref2$loaded = _ref2.loaded,
+                  loaded = _ref2$loaded === undefined ? false : _ref2$loaded,
+                  _ref2$loading = _ref2.loading,
+                  loading = _ref2$loading === undefined ? false : _ref2$loading;
+
+              newTreeData[key] = {
+                lazy: true,
+                loaded: !!loaded,
+                loading: !!loading,
+                expanded: getExpanded(oldValue, key),
+                children: lazyNodeChildren,
+                level: ''
+              };
+            }
+          });
+        }
+      }
+      this.states.treeData = newTreeData;
+      this.updateTableScrollY();
+    },
+    updateTreeExpandKeys: function updateTreeExpandKeys(value) {
+      this.states.expandRowKeys = value;
+      this.updateTreeData();
+    },
+    toggleTreeExpansion: function toggleTreeExpansion(row, expanded) {
+      this.assertRowKey();
+
+      var _states4 = this.states,
+          rowKey = _states4.rowKey,
+          treeData = _states4.treeData;
+
+      var id = getRowIdentity(row, rowKey);
+      var data = id && treeData[id];
+      if (id && data && 'expanded' in data) {
+        var oldExpanded = data.expanded;
+        expanded = typeof expanded === 'undefined' ? !data.expanded : expanded;
+        treeData[id].expanded = expanded;
+        if (oldExpanded !== expanded) {
+          this.table.$emit('expand-change', row, expanded);
+        }
+        this.updateTableScrollY();
+      }
+    },
+    loadOrToggle: function loadOrToggle(row) {
+      this.assertRowKey();
+      var _states5 = this.states,
+          lazy = _states5.lazy,
+          treeData = _states5.treeData,
+          rowKey = _states5.rowKey;
+
+      var id = getRowIdentity(row, rowKey);
+      var data = treeData[id];
+      if (lazy && data && 'loaded' in data && !data.loaded) {
+        this.loadData(row, id, data);
+      } else {
+        this.toggleTreeExpansion(row);
+      }
+    },
+    loadData: function loadData(row, key, treeNode) {
+      var _this = this;
+
+      var load = this.table.load;
+      var rawTreeData = this.states.treeData;
+
+      if (load && !rawTreeData[key].loaded) {
+        rawTreeData[key].loading = true;
+        load(row, treeNode, function (data) {
+          if (!Array.isArray(data)) {
+            throw new Error('[ElTable] data must be an array');
+          }
+          var _states6 = _this.states,
+              lazyTreeNodeMap = _states6.lazyTreeNodeMap,
+              treeData = _states6.treeData;
+
+          treeData[key].loading = false;
+          treeData[key].loaded = true;
+          treeData[key].expanded = true;
+          if (data.length) {
+            _this.$set(lazyTreeNodeMap, key, data);
+          }
+          _this.table.$emit('expand-change', row, true);
+        });
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/table/src/store/watcher.js
+
+
+
+
+
+
+
+var watcher_sortData = function sortData(data, states) {
+  var sortingColumn = states.sortingColumn;
+  if (!sortingColumn || typeof sortingColumn.sortable === 'string') {
+    return data;
+  }
+  return util_orderBy(data, states.sortProp, states.sortOrder, sortingColumn.sortMethod, sortingColumn.sortBy);
+};
+
+var doFlattenColumns = function doFlattenColumns(columns) {
+  var result = [];
+  columns.forEach(function (column) {
+    if (column.children) {
+      result.push.apply(result, doFlattenColumns(column.children));
+    } else {
+      result.push(column);
+    }
+  });
+  return result;
+};
+
+/* harmony default export */ var watcher = (external_vue_default.a.extend({
+  data: function data() {
+    return {
+      states: {
+        // 3.0 版本后要求必须设置该属性
+        rowKey: null,
+
+        // 渲染的数据来源，是对 table 中的 data 过滤排序后的结果
+        data: [],
+
+        // 是否包含固定列
+        isComplex: false,
+
+        // 列
+        _columns: [], // 不可响应的
+        originColumns: [],
+        columns: [],
+        fixedColumns: [],
+        rightFixedColumns: [],
+        leafColumns: [],
+        fixedLeafColumns: [],
+        rightFixedLeafColumns: [],
+        leafColumnsLength: 0,
+        fixedLeafColumnsLength: 0,
+        rightFixedLeafColumnsLength: 0,
+
+        // 选择
+        isAllSelected: false,
+        selection: [],
+        reserveSelection: false,
+        selectOnIndeterminate: false,
+        selectable: null,
+
+        // 过滤
+        filters: {}, // 不可响应的
+        filteredData: null,
+
+        // 排序
+        sortingColumn: null,
+        sortProp: null,
+        sortOrder: null,
+
+        hoverRow: null
+      }
+    };
+  },
+
+
+  mixins: [expand, store_current, tree],
+
+  methods: {
+    // 检查 rowKey 是否存在
+    assertRowKey: function assertRowKey() {
+      var rowKey = this.states.rowKey;
+      if (!rowKey) throw new Error('[ElTable] prop row-key is required');
+    },
+
+
+    // 更新列
+    updateColumns: function updateColumns() {
+      var states = this.states;
+      var _columns = states._columns || [];
+      states.fixedColumns = _columns.filter(function (column) {
+        return column.fixed === true || column.fixed === 'left';
+      });
+      states.rightFixedColumns = _columns.filter(function (column) {
+        return column.fixed === 'right';
+      });
+
+      if (states.fixedColumns.length > 0 && _columns[0] && _columns[0].type === 'selection' && !_columns[0].fixed) {
+        _columns[0].fixed = true;
+        states.fixedColumns.unshift(_columns[0]);
+      }
+
+      var notFixedColumns = _columns.filter(function (column) {
+        return !column.fixed;
+      });
+      states.originColumns = [].concat(states.fixedColumns).concat(notFixedColumns).concat(states.rightFixedColumns);
+
+      var leafColumns = doFlattenColumns(notFixedColumns);
+      var fixedLeafColumns = doFlattenColumns(states.fixedColumns);
+      var rightFixedLeafColumns = doFlattenColumns(states.rightFixedColumns);
+
+      states.leafColumnsLength = leafColumns.length;
+      states.fixedLeafColumnsLength = fixedLeafColumns.length;
+      states.rightFixedLeafColumnsLength = rightFixedLeafColumns.length;
+
+      states.columns = [].concat(fixedLeafColumns).concat(leafColumns).concat(rightFixedLeafColumns);
+      states.isComplex = states.fixedColumns.length > 0 || states.rightFixedColumns.length > 0;
+    },
+
+
+    // 更新 DOM
+    scheduleLayout: function scheduleLayout(needUpdateColumns) {
+      if (needUpdateColumns) {
+        this.updateColumns();
+      }
+      this.table.debouncedUpdateLayout();
+    },
+
+
+    // 选择
+    isSelected: function isSelected(row) {
+      var _states$selection = this.states.selection,
+          selection = _states$selection === undefined ? [] : _states$selection;
+
+      return selection.indexOf(row) > -1;
+    },
+    clearSelection: function clearSelection() {
+      var states = this.states;
+      states.isAllSelected = false;
+      var oldSelection = states.selection;
+      if (oldSelection.length) {
+        states.selection = [];
+        this.table.$emit('selection-change', []);
+      }
+    },
+    cleanSelection: function cleanSelection() {
+      var states = this.states;
+      var data = states.data,
+          rowKey = states.rowKey,
+          selection = states.selection;
+
+      var deleted = void 0;
+      if (rowKey) {
+        deleted = [];
+        var selectedMap = getKeysMap(selection, rowKey);
+        var dataMap = getKeysMap(data, rowKey);
+        for (var key in selectedMap) {
+          if (selectedMap.hasOwnProperty(key) && !dataMap[key]) {
+            deleted.push(selectedMap[key].row);
+          }
+        }
+      } else {
+        deleted = selection.filter(function (item) {
+          return data.indexOf(item) === -1;
+        });
+      }
+      if (deleted.length) {
+        var newSelection = selection.filter(function (item) {
+          return deleted.indexOf(item) === -1;
+        });
+        states.selection = newSelection;
+        this.table.$emit('selection-change', newSelection.slice());
+      }
+    },
+    toggleRowSelection: function toggleRowSelection(row, selected) {
+      var emitChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+
+      var changed = toggleRowStatus(this.states.selection, row, selected);
+      if (changed) {
+        var newSelection = (this.states.selection || []).slice();
+        // 调用 API 修改选中值，不触发 select 事件
+        if (emitChange) {
+          this.table.$emit('select', newSelection, row);
+        }
+        this.table.$emit('selection-change', newSelection);
+      }
+    },
+    _toggleAllSelection: function _toggleAllSelection() {
+      var states = this.states;
+      var _states$data = states.data,
+          data = _states$data === undefined ? [] : _states$data,
+          selection = states.selection;
+      // when only some rows are selected (but not all), select or deselect all of them
+      // depending on the value of selectOnIndeterminate
+
+      var value = states.selectOnIndeterminate ? !states.isAllSelected : !(states.isAllSelected || selection.length);
+      states.isAllSelected = value;
+
+      var selectionChanged = false;
+      data.forEach(function (row, index) {
+        if (states.selectable) {
+          if (states.selectable.call(null, row, index) && toggleRowStatus(selection, row, value)) {
+            selectionChanged = true;
+          }
+        } else {
+          if (toggleRowStatus(selection, row, value)) {
+            selectionChanged = true;
+          }
+        }
+      });
+
+      if (selectionChanged) {
+        this.table.$emit('selection-change', selection ? selection.slice() : []);
+      }
+      this.table.$emit('select-all', selection);
+    },
+    updateSelectionByRowKey: function updateSelectionByRowKey() {
+      var states = this.states;
+      var selection = states.selection,
+          rowKey = states.rowKey,
+          data = states.data;
+
+      var selectedMap = getKeysMap(selection, rowKey);
+      data.forEach(function (row) {
+        var rowId = getRowIdentity(row, rowKey);
+        var rowInfo = selectedMap[rowId];
+        if (rowInfo) {
+          selection[rowInfo.index] = row;
+        }
+      });
+    },
+    updateAllSelected: function updateAllSelected() {
+      var states = this.states;
+      var selection = states.selection,
+          rowKey = states.rowKey,
+          selectable = states.selectable;
+      // data 为 null 时，解构时的默认值会被忽略
+
+      var data = states.data || [];
+      if (data.length === 0) {
+        states.isAllSelected = false;
+        return;
+      }
+
+      var selectedMap = void 0;
+      if (rowKey) {
+        selectedMap = getKeysMap(selection, rowKey);
+      }
+      var isSelected = function isSelected(row) {
+        if (selectedMap) {
+          return !!selectedMap[getRowIdentity(row, rowKey)];
+        } else {
+          return selection.indexOf(row) !== -1;
+        }
+      };
+      var isAllSelected = true;
+      var selectedCount = 0;
+      for (var i = 0, j = data.length; i < j; i++) {
+        var item = data[i];
+        var isRowSelectable = selectable && selectable.call(null, item, i);
+        if (!isSelected(item)) {
+          if (!selectable || isRowSelectable) {
+            isAllSelected = false;
+            break;
+          }
+        } else {
+          selectedCount++;
+        }
+      }
+
+      if (selectedCount === 0) isAllSelected = false;
+      states.isAllSelected = isAllSelected;
+    },
+
+
+    // 过滤与排序
+    updateFilters: function updateFilters(columns, values) {
+      if (!Array.isArray(columns)) {
+        columns = [columns];
+      }
+      var states = this.states;
+      var filters = {};
+      columns.forEach(function (col) {
+        states.filters[col.id] = values;
+        filters[col.columnKey || col.id] = values;
+      });
+
+      return filters;
+    },
+    updateSort: function updateSort(column, prop, order) {
+      if (this.states.sortingColumn && this.states.sortingColumn !== column) {
+        this.states.sortingColumn.order = null;
+      }
+      this.states.sortingColumn = column;
+      this.states.sortProp = prop;
+      this.states.sortOrder = order;
+    },
+    execFilter: function execFilter() {
+      var _this = this;
+
+      var states = this.states;
+      var _data = states._data,
+          filters = states.filters;
+
+      var data = _data;
+
+      Object.keys(filters).forEach(function (columnId) {
+        var values = states.filters[columnId];
+        if (!values || values.length === 0) return;
+        var column = getColumnById(_this.states, columnId);
+        if (column && column.filterMethod) {
+          data = data.filter(function (row) {
+            return values.some(function (value) {
+              return column.filterMethod.call(null, value, row, column);
+            });
+          });
+        }
+      });
+
+      states.filteredData = data;
+    },
+    execSort: function execSort() {
+      var states = this.states;
+      states.data = watcher_sortData(states.filteredData, states);
+    },
+
+
+    // 根据 filters 与 sort 去过滤 data
+    execQuery: function execQuery(ignore) {
+      if (!(ignore && ignore.filter)) {
+        this.execFilter();
+      }
+      this.execSort();
+    },
+    clearFilter: function clearFilter(columnKeys) {
+      var states = this.states;
+      var _table$$refs = this.table.$refs,
+          tableHeader = _table$$refs.tableHeader,
+          fixedTableHeader = _table$$refs.fixedTableHeader,
+          rightFixedTableHeader = _table$$refs.rightFixedTableHeader;
+
+
+      var panels = {};
+      if (tableHeader) panels = merge_default()(panels, tableHeader.filterPanels);
+      if (fixedTableHeader) panels = merge_default()(panels, fixedTableHeader.filterPanels);
+      if (rightFixedTableHeader) panels = merge_default()(panels, rightFixedTableHeader.filterPanels);
+
+      var keys = Object.keys(panels);
+      if (!keys.length) return;
+
+      if (typeof columnKeys === 'string') {
+        columnKeys = [columnKeys];
+      }
+
+      if (Array.isArray(columnKeys)) {
+        var columns = columnKeys.map(function (key) {
+          return getColumnByKey(states, key);
+        });
+        keys.forEach(function (key) {
+          var column = columns.find(function (col) {
+            return col.id === key;
+          });
+          if (column) {
+            // TODO: 优化这里的代码
+            panels[key].filteredValue = [];
+          }
+        });
+        this.commit('filterChange', {
+          column: columns,
+          values: [],
+          silent: true,
+          multi: true
+        });
+      } else {
+        keys.forEach(function (key) {
+          // TODO: 优化这里的代码
+          panels[key].filteredValue = [];
+        });
+
+        states.filters = {};
+        this.commit('filterChange', {
+          column: {},
+          values: [],
+          silent: true
+        });
+      }
+    },
+    clearSort: function clearSort() {
+      var states = this.states;
+      if (!states.sortingColumn) return;
+
+      this.updateSort(null, null, null);
+      this.commit('changeSortCondition', {
+        silent: true
+      });
+    },
+
+
+    // 适配层，expand-row-keys 在 Expand 与 TreeTable 中都有使用
+    setExpandRowKeysAdapter: function setExpandRowKeysAdapter(val) {
+      // 这里会触发额外的计算，但为了兼容性，暂时这么做
+      this.setExpandRowKeys(val);
+      this.updateTreeExpandKeys(val);
+    },
+
+
+    // 展开行与 TreeTable 都要使用
+    toggleRowExpansionAdapter: function toggleRowExpansionAdapter(row, expanded) {
+      var hasExpandColumn = this.states.columns.some(function (_ref) {
+        var type = _ref.type;
+        return type === 'expand';
+      });
+      if (hasExpandColumn) {
+        this.toggleRowExpansion(row, expanded);
+      } else {
+        this.toggleTreeExpansion(row, expanded);
+      }
+    }
+  }
+}));
+// CONCATENATED MODULE: ./packages/table/src/store/index.js
+
+
+
+
+watcher.prototype.mutations = {
+  setData: function setData(states, data) {
+    var dataInstanceChanged = states._data !== data;
+    states._data = data;
+
+    this.execQuery();
+    // 数据变化，更新部分数据。
+    // 没有使用 computed，而是手动更新部分数据 https://github.com/vuejs/vue/issues/6660#issuecomment-331417140
+    this.updateCurrentRowData();
+    this.updateExpandRows();
+    if (states.reserveSelection) {
+      this.assertRowKey();
+      this.updateSelectionByRowKey();
+    } else {
+      if (dataInstanceChanged) {
+        this.clearSelection();
+      } else {
+        this.cleanSelection();
+      }
+    }
+    this.updateAllSelected();
+
+    this.updateTableScrollY();
+  },
+  insertColumn: function insertColumn(states, column, index, parent) {
+    var array = states._columns;
+    if (parent) {
+      array = parent.children;
+      if (!array) array = parent.children = [];
+    }
+
+    if (typeof index !== 'undefined') {
+      array.splice(index, 0, column);
+    } else {
+      array.push(column);
+    }
+
+    if (column.type === 'selection') {
+      states.selectable = column.selectable;
+      states.reserveSelection = column.reserveSelection;
+    }
+
+    if (this.table.$ready) {
+      this.updateColumns(); // hack for dynamics insert column
+      this.scheduleLayout();
+    }
+  },
+  removeColumn: function removeColumn(states, column, parent) {
+    var array = states._columns;
+    if (parent) {
+      array = parent.children;
+      if (!array) array = parent.children = [];
+    }
+    if (array) {
+      array.splice(array.indexOf(column), 1);
+    }
+
+    if (this.table.$ready) {
+      this.updateColumns(); // hack for dynamics remove column
+      this.scheduleLayout();
+    }
+  },
+  sort: function sort(states, options) {
+    var prop = options.prop,
+        order = options.order,
+        init = options.init;
+
+    if (prop) {
+      var column = Object(util_["arrayFind"])(states.columns, function (column) {
+        return column.property === prop;
+      });
+      if (column) {
+        column.order = order;
+        this.updateSort(column, prop, order);
+        this.commit('changeSortCondition', { init: init });
+      }
+    }
+  },
+  changeSortCondition: function changeSortCondition(states, options) {
+    // 修复 pr https://github.com/ElemeFE/element/pull/15012 导致的 bug
+    var column = states.sortingColumn,
+        prop = states.sortProp,
+        order = states.sortOrder;
+
+    if (order === null) {
+      states.sortingColumn = null;
+      states.sortProp = null;
+    }
+    var ingore = { filter: true };
+    this.execQuery(ingore);
+
+    if (!options || !(options.silent || options.init)) {
+      this.table.$emit('sort-change', {
+        column: column,
+        prop: prop,
+        order: order
+      });
+    }
+
+    this.updateTableScrollY();
+  },
+  filterChange: function filterChange(states, options) {
+    var column = options.column,
+        values = options.values,
+        silent = options.silent;
+
+    var newFilters = this.updateFilters(column, values);
+
+    this.execQuery();
+
+    if (!silent) {
+      this.table.$emit('filter-change', newFilters);
+    }
+
+    this.updateTableScrollY();
+  },
+  toggleAllSelection: function toggleAllSelection() {
+    this.toggleAllSelection();
+  },
+  rowSelectedChanged: function rowSelectedChanged(states, row) {
+    this.toggleRowSelection(row);
+    this.updateAllSelected();
+  },
+  setHoverRow: function setHoverRow(states, row) {
+    states.hoverRow = row;
+  },
+  setCurrentRow: function setCurrentRow(states, row) {
+    this.updateCurrentRow(row);
+  }
+};
+
+watcher.prototype.commit = function (name) {
+  var mutations = this.mutations;
+  if (mutations[name]) {
+    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    mutations[name].apply(this, [this.states].concat(args));
+  } else {
+    throw new Error('Action not found: ' + name);
+  }
+};
+
+watcher.prototype.updateTableScrollY = function () {
+  external_vue_default.a.nextTick(this.table.updateScrollY);
+};
+
+/* harmony default export */ var src_store = (watcher);
+// CONCATENATED MODULE: ./packages/table/src/store/helper.js
+
+
+
+function createStore(table) {
+  var initialState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  if (!table) {
+    throw new Error('Table is required.');
+  }
+
+  var store = new src_store();
+  store.table = table;
+  // fix https://github.com/ElemeFE/element/issues/14075
+  // related pr https://github.com/ElemeFE/element/pull/14146
+  store.toggleAllSelection = debounce_default()(10, store._toggleAllSelection);
+  Object.keys(initialState).forEach(function (key) {
+    store.states[key] = initialState[key];
+  });
+  return store;
+}
+
+function mapStates(mapper) {
+  var res = {};
+  Object.keys(mapper).forEach(function (key) {
+    var value = mapper[key];
+    var fn = void 0;
+    if (typeof value === 'string') {
+      fn = function fn() {
+        return this.store.states[value];
+      };
+    } else if (typeof value === 'function') {
+      fn = function fn() {
+        return value.call(this, this.store.states);
+      };
+    } else {
+      console.error('invalid value type');
+    }
+    if (fn) {
+      res[key] = fn;
+    }
+  });
+  return res;
+};
+// EXTERNAL MODULE: external "element-ui/lib/utils/scrollbar-width"
+var scrollbar_width_ = __webpack_require__(31);
+var scrollbar_width_default = /*#__PURE__*/__webpack_require__.n(scrollbar_width_);
+
+// CONCATENATED MODULE: ./packages/table/src/table-layout.js
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+
+
+
+
+var table_layout_TableLayout = function () {
+  function TableLayout(options) {
+    _classCallCheck(this, TableLayout);
+
+    this.observers = [];
+    this.table = null;
+    this.store = null;
+    this.columns = null;
+    this.fit = true;
+    this.showHeader = true;
+
+    this.height = null;
+    this.scrollX = false;
+    this.scrollY = false;
+    this.bodyWidth = null;
+    this.fixedWidth = null;
+    this.rightFixedWidth = null;
+    this.tableHeight = null;
+    this.headerHeight = 44; // Table Header Height
+    this.appendHeight = 0; // Append Slot Height
+    this.footerHeight = 44; // Table Footer Height
+    this.viewportHeight = null; // Table Height - Scroll Bar Height
+    this.bodyHeight = null; // Table Height - Table Header Height
+    this.fixedBodyHeight = null; // Table Height - Table Header Height - Scroll Bar Height
+    this.gutterWidth = scrollbar_width_default()();
+
+    for (var name in options) {
+      if (options.hasOwnProperty(name)) {
+        this[name] = options[name];
+      }
+    }
+
+    if (!this.table) {
+      throw new Error('table is required for Table Layout');
+    }
+    if (!this.store) {
+      throw new Error('store is required for Table Layout');
+    }
+  }
+
+  TableLayout.prototype.updateScrollY = function updateScrollY() {
+    var height = this.height;
+    if (height === null) return false;
+    var bodyWrapper = this.table.bodyWrapper;
+    if (this.table.$el && bodyWrapper) {
+      var body = bodyWrapper.querySelector('.el-table__body');
+      var prevScrollY = this.scrollY;
+      var scrollY = body.offsetHeight > this.bodyHeight;
+      this.scrollY = scrollY;
+      return prevScrollY !== scrollY;
+    }
+    return false;
+  };
+
+  TableLayout.prototype.setHeight = function setHeight(value) {
+    var _this = this;
+
+    var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'height';
+
+    if (external_vue_default.a.prototype.$isServer) return;
+    var el = this.table.$el;
+    value = parseHeight(value);
+    this.height = value;
+
+    if (!el && (value || value === 0)) return external_vue_default.a.nextTick(function () {
+      return _this.setHeight(value, prop);
+    });
+
+    if (typeof value === 'number') {
+      el.style[prop] = value + 'px';
+      this.updateElsHeight();
+    } else if (typeof value === 'string') {
+      el.style[prop] = value;
+      this.updateElsHeight();
+    }
+  };
+
+  TableLayout.prototype.setMaxHeight = function setMaxHeight(value) {
+    this.setHeight(value, 'max-height');
+  };
+
+  TableLayout.prototype.getFlattenColumns = function getFlattenColumns() {
+    var flattenColumns = [];
+    var columns = this.table.columns;
+    columns.forEach(function (column) {
+      if (column.isColumnGroup) {
+        flattenColumns.push.apply(flattenColumns, column.columns);
+      } else {
+        flattenColumns.push(column);
+      }
+    });
+
+    return flattenColumns;
+  };
+
+  TableLayout.prototype.updateElsHeight = function updateElsHeight() {
+    var _this2 = this;
+
+    if (!this.table.$ready) return external_vue_default.a.nextTick(function () {
+      return _this2.updateElsHeight();
+    });
+    var _table$$refs = this.table.$refs,
+        headerWrapper = _table$$refs.headerWrapper,
+        appendWrapper = _table$$refs.appendWrapper,
+        footerWrapper = _table$$refs.footerWrapper;
+
+    this.appendHeight = appendWrapper ? appendWrapper.offsetHeight : 0;
+
+    if (this.showHeader && !headerWrapper) return;
+
+    // fix issue (https://github.com/ElemeFE/element/pull/16956)
+    var headerTrElm = headerWrapper ? headerWrapper.querySelector('.el-table__header tr') : null;
+    var noneHeader = this.headerDisplayNone(headerTrElm);
+
+    var headerHeight = this.headerHeight = !this.showHeader ? 0 : headerWrapper.offsetHeight;
+    if (this.showHeader && !noneHeader && headerWrapper.offsetWidth > 0 && (this.table.columns || []).length > 0 && headerHeight < 2) {
+      return external_vue_default.a.nextTick(function () {
+        return _this2.updateElsHeight();
+      });
+    }
+    var tableHeight = this.tableHeight = this.table.$el.clientHeight;
+    var footerHeight = this.footerHeight = footerWrapper ? footerWrapper.offsetHeight : 0;
+    if (this.height !== null) {
+      this.bodyHeight = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
+    }
+    this.fixedBodyHeight = this.scrollX ? this.bodyHeight - this.gutterWidth : this.bodyHeight;
+
+    var noData = !(this.store.states.data && this.store.states.data.length);
+    this.viewportHeight = this.scrollX ? tableHeight - (noData ? 0 : this.gutterWidth) : tableHeight;
+    this.updateScrollY();
+    this.notifyObservers('scrollable');
+  };
+
+  TableLayout.prototype.headerDisplayNone = function headerDisplayNone(elm) {
+    if (!elm) return true;
+    var headerChild = elm;
+    while (headerChild.tagName !== 'DIV') {
+      if (getComputedStyle(headerChild).display === 'none') {
+        return true;
+      }
+      headerChild = headerChild.parentElement;
+    }
+    return false;
+  };
+
+  TableLayout.prototype.updateColumnsWidth = function updateColumnsWidth() {
+    if (external_vue_default.a.prototype.$isServer) return;
+    var fit = this.fit;
+    var bodyWidth = this.table.$el.clientWidth;
+    var bodyMinWidth = 0;
+
+    var flattenColumns = this.getFlattenColumns();
+    var flexColumns = flattenColumns.filter(function (column) {
+      return typeof column.width !== 'number';
+    });
+
+    flattenColumns.forEach(function (column) {
+      // Clean those columns whose width changed from flex to unflex
+      if (typeof column.width === 'number' && column.realWidth) column.realWidth = null;
+    });
+
+    if (flexColumns.length > 0 && fit) {
+      flattenColumns.forEach(function (column) {
+        bodyMinWidth += column.width || column.minWidth || 80;
+      });
+
+      var scrollYWidth = this.scrollY ? this.gutterWidth : 0;
+
+      if (bodyMinWidth <= bodyWidth - scrollYWidth) {
+        // DON'T HAVE SCROLL BAR
+        this.scrollX = false;
+
+        var totalFlexWidth = bodyWidth - scrollYWidth - bodyMinWidth;
+
+        if (flexColumns.length === 1) {
+          flexColumns[0].realWidth = (flexColumns[0].minWidth || 80) + totalFlexWidth;
+        } else {
+          var allColumnsWidth = flexColumns.reduce(function (prev, column) {
+            return prev + (column.minWidth || 80);
+          }, 0);
+          var flexWidthPerPixel = totalFlexWidth / allColumnsWidth;
+          var noneFirstWidth = 0;
+
+          flexColumns.forEach(function (column, index) {
+            if (index === 0) return;
+            var flexWidth = Math.floor((column.minWidth || 80) * flexWidthPerPixel);
+            noneFirstWidth += flexWidth;
+            column.realWidth = (column.minWidth || 80) + flexWidth;
+          });
+
+          flexColumns[0].realWidth = (flexColumns[0].minWidth || 80) + totalFlexWidth - noneFirstWidth;
+        }
+      } else {
+        // HAVE HORIZONTAL SCROLL BAR
+        this.scrollX = true;
+        flexColumns.forEach(function (column) {
+          column.realWidth = column.minWidth;
+        });
+      }
+
+      this.bodyWidth = Math.max(bodyMinWidth, bodyWidth);
+      this.table.resizeState.width = this.bodyWidth;
+    } else {
+      flattenColumns.forEach(function (column) {
+        if (!column.width && !column.minWidth) {
+          column.realWidth = 80;
+        } else {
+          column.realWidth = column.width || column.minWidth;
+        }
+
+        bodyMinWidth += column.realWidth;
+      });
+      this.scrollX = bodyMinWidth > bodyWidth;
+
+      this.bodyWidth = bodyMinWidth;
+    }
+
+    var fixedColumns = this.store.states.fixedColumns;
+
+    if (fixedColumns.length > 0) {
+      var fixedWidth = 0;
+      fixedColumns.forEach(function (column) {
+        fixedWidth += column.realWidth || column.width;
+      });
+
+      this.fixedWidth = fixedWidth;
+    }
+
+    var rightFixedColumns = this.store.states.rightFixedColumns;
+    if (rightFixedColumns.length > 0) {
+      var rightFixedWidth = 0;
+      rightFixedColumns.forEach(function (column) {
+        rightFixedWidth += column.realWidth || column.width;
+      });
+
+      this.rightFixedWidth = rightFixedWidth;
+    }
+
+    this.notifyObservers('columns');
+  };
+
+  TableLayout.prototype.addObserver = function addObserver(observer) {
+    this.observers.push(observer);
+  };
+
+  TableLayout.prototype.removeObserver = function removeObserver(observer) {
+    var index = this.observers.indexOf(observer);
+    if (index !== -1) {
+      this.observers.splice(index, 1);
+    }
+  };
+
+  TableLayout.prototype.notifyObservers = function notifyObservers(event) {
+    var _this3 = this;
+
+    var observers = this.observers;
+    observers.forEach(function (observer) {
+      switch (event) {
+        case 'columns':
+          observer.onColumnsChange(_this3);
+          break;
+        case 'scrollable':
+          observer.onScrollableChange(_this3);
+          break;
+        default:
+          throw new Error('Table Layout don\'t have event ' + event + '.');
+      }
+    });
+  };
+
+  return TableLayout;
+}();
+
+/* harmony default export */ var table_layout = (table_layout_TableLayout);
+// CONCATENATED MODULE: ./packages/table/src/layout-observer.js
+/* harmony default export */ var layout_observer = ({
+  created: function created() {
+    this.tableLayout.addObserver(this);
+  },
+  destroyed: function destroyed() {
+    this.tableLayout.removeObserver(this);
+  },
+
+
+  computed: {
+    tableLayout: function tableLayout() {
+      var layout = this.layout;
+      if (!layout && this.table) {
+        layout = this.table.layout;
+      }
+      if (!layout) {
+        throw new Error('Can not find table layout.');
+      }
+      return layout;
+    }
+  },
+
+  mounted: function mounted() {
+    this.onColumnsChange(this.tableLayout);
+    this.onScrollableChange(this.tableLayout);
+  },
+  updated: function updated() {
+    if (this.__updated__) return;
+    this.onColumnsChange(this.tableLayout);
+    this.onScrollableChange(this.tableLayout);
+    this.__updated__ = true;
+  },
+
+
+  methods: {
+    onColumnsChange: function onColumnsChange(layout) {
+      var cols = this.$el.querySelectorAll('colgroup > col');
+      if (!cols.length) return;
+      var flattenColumns = layout.getFlattenColumns();
+      var columnsMap = {};
+      flattenColumns.forEach(function (column) {
+        columnsMap[column.id] = column;
+      });
+      for (var i = 0, j = cols.length; i < j; i++) {
+        var col = cols[i];
+        var name = col.getAttribute('name');
+        var column = columnsMap[name];
+        if (column) {
+          col.setAttribute('width', column.realWidth || column.width);
+        }
+      }
+    },
+    onScrollableChange: function onScrollableChange(layout) {
+      var cols = this.$el.querySelectorAll('colgroup > col[name=gutter]');
+      for (var i = 0, j = cols.length; i < j; i++) {
+        var col = cols[i];
+        col.setAttribute('width', layout.scrollY ? layout.gutterWidth : '0');
+      }
+      var ths = this.$el.querySelectorAll('th.gutter');
+      for (var _i = 0, _j = ths.length; _i < _j; _i++) {
+        var th = ths[_i];
+        th.style.width = layout.scrollY ? layout.gutterWidth + 'px' : '0';
+        th.style.display = layout.scrollY ? '' : 'none';
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/table/src/table-row.js
+var table_row_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+
+/* harmony default export */ var table_row = ({
+  name: 'ElTableRow',
+  props: ['columns', 'row', 'index', 'isSelected', 'isExpanded', 'store', 'context', 'firstDefaultColumnIndex', 'treeRowData', 'treeIndent', 'columnsHidden', 'getSpan', 'getColspanRealWidth', 'getCellStyle', 'getCellClass', 'handleCellMouseLeave', 'handleCellMouseEnter', 'fixed'],
+  components: {
+    ElCheckbox: checkbox_default.a
+  },
+  render: function render() {
+    var _this = this;
+
+    var h = arguments[0];
+    var columns = this.columns,
+        row = this.row,
+        $index = this.index,
+        store = this.store,
+        context = this.context,
+        firstDefaultColumnIndex = this.firstDefaultColumnIndex,
+        treeRowData = this.treeRowData,
+        treeIndent = this.treeIndent,
+        _columnsHidden = this.columnsHidden,
+        columnsHidden = _columnsHidden === undefined ? [] : _columnsHidden,
+        isSelected = this.isSelected,
+        isExpanded = this.isExpanded;
+
+
+    return h('tr', [columns.map(function (column, cellIndex) {
+      var _getSpan = _this.getSpan(row, column, $index, cellIndex),
+          rowspan = _getSpan.rowspan,
+          colspan = _getSpan.colspan;
+
+      if (!rowspan || !colspan) {
+        return null;
+      }
+      var columnData = table_row_extends({}, column);
+      columnData.realWidth = _this.getColspanRealWidth(columns, colspan, cellIndex);
+      var data = {
+        store: store,
+        isSelected: isSelected,
+        isExpanded: isExpanded,
+        _self: context,
+        column: columnData,
+        row: row,
+        $index: $index
+      };
+      if (cellIndex === firstDefaultColumnIndex && treeRowData) {
+        data.treeNode = {
+          indent: treeRowData.level * treeIndent,
+          level: treeRowData.level
+        };
+        if (typeof treeRowData.expanded === 'boolean') {
+          data.treeNode.expanded = treeRowData.expanded;
+          // 表明是懒加载
+          if ('loading' in treeRowData) {
+            data.treeNode.loading = treeRowData.loading;
+          }
+          if ('noLazyChildren' in treeRowData) {
+            data.treeNode.noLazyChildren = treeRowData.noLazyChildren;
+          }
+        }
+      }
+      return h(
+        'td',
+        {
+          style: _this.getCellStyle($index, cellIndex, row, column),
+          'class': _this.getCellClass($index, cellIndex, row, column),
+          attrs: { rowspan: rowspan,
+            colspan: colspan
+          },
+          on: {
+            'mouseenter': function mouseenter($event) {
+              return _this.handleCellMouseEnter($event, row);
+            },
+            'mouseleave': _this.handleCellMouseLeave
+          }
+        },
+        [column.renderCell.call(_this._renderProxy, _this.$createElement, data, columnsHidden[cellIndex])]
+      );
+    })]);
+  }
+});
+// CONCATENATED MODULE: ./packages/table/src/table-body.js
+var table_body_typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var table_body_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var table_body = ({
+  name: 'ElTableBody',
+
+  mixins: [layout_observer],
+
+  components: {
+    ElCheckbox: checkbox_default.a,
+    ElTooltip: tooltip_default.a,
+    TableRow: table_row
+  },
+
+  props: {
+    store: {
+      required: true
+    },
+    stripe: Boolean,
+    context: {},
+    rowClassName: [String, Function],
+    rowStyle: [Object, Function],
+    fixed: String,
+    highlight: Boolean
+  },
+
+  render: function render(h) {
+    var _this = this;
+
+    var data = this.data || [];
+    return h(
+      'table',
+      {
+        'class': 'el-table__body',
+        attrs: { cellspacing: '0',
+          cellpadding: '0',
+          border: '0' }
+      },
+      [h('colgroup', [this.columns.map(function (column) {
+        return h('col', {
+          attrs: { name: column.id },
+          key: column.id });
+      })]), h('tbody', [data.reduce(function (acc, row) {
+        return acc.concat(_this.wrappedRowRender(row, acc.length));
+      }, []), h('el-tooltip', {
+        attrs: { effect: this.table.tooltipEffect, placement: 'top', content: this.tooltipContent },
+        ref: 'tooltip' })])]
+    );
+  },
+
+
+  computed: table_body_extends({
+    table: function table() {
+      return this.$parent;
+    }
+  }, mapStates({
+    data: 'data',
+    columns: 'columns',
+    treeIndent: 'indent',
+    leftFixedLeafCount: 'fixedLeafColumnsLength',
+    rightFixedLeafCount: 'rightFixedLeafColumnsLength',
+    columnsCount: function columnsCount(states) {
+      return states.columns.length;
+    },
+    leftFixedCount: function leftFixedCount(states) {
+      return states.fixedColumns.length;
+    },
+    rightFixedCount: function rightFixedCount(states) {
+      return states.rightFixedColumns.length;
+    },
+    hasExpandColumn: function hasExpandColumn(states) {
+      return states.columns.some(function (_ref) {
+        var type = _ref.type;
+        return type === 'expand';
+      });
+    }
+  }), {
+    columnsHidden: function columnsHidden() {
+      var _this2 = this;
+
+      return this.columns.map(function (column, index) {
+        return _this2.isColumnHidden(index);
+      });
+    },
+    firstDefaultColumnIndex: function firstDefaultColumnIndex() {
+      return Object(util_["arrayFindIndex"])(this.columns, function (_ref2) {
+        var type = _ref2.type;
+        return type === 'default';
+      });
+    }
+  }),
+
+  watch: {
+    // don't trigger getter of currentRow in getCellClass. see https://jsfiddle.net/oe2b4hqt/
+    // update DOM manually. see https://github.com/ElemeFE/element/pull/13954/files#diff-9b450c00d0a9dec0ffad5a3176972e40
+    'store.states.hoverRow': function storeStatesHoverRow(newVal, oldVal) {
+      var _this3 = this;
+
+      if (!this.store.states.isComplex || this.$isServer) return;
+      var raf = window.requestAnimationFrame;
+      if (!raf) {
+        raf = function raf(fn) {
+          return setTimeout(fn, 16);
+        };
+      }
+      raf(function () {
+        var rows = _this3.$el.querySelectorAll('.el-table__row');
+        var oldRow = rows[oldVal];
+        var newRow = rows[newVal];
+        if (oldRow) {
+          Object(dom_["removeClass"])(oldRow, 'hover-row');
+        }
+        if (newRow) {
+          Object(dom_["addClass"])(newRow, 'hover-row');
+        }
+      });
+    }
+  },
+
+  data: function data() {
+    return {
+      tooltipContent: ''
+    };
+  },
+  created: function created() {
+    this.activateTooltip = debounce_default()(50, function (tooltip) {
+      return tooltip.handleShowPopper();
+    });
+  },
+
+
+  methods: {
+    getKeyOfRow: function getKeyOfRow(row, index) {
+      var rowKey = this.table.rowKey;
+      if (rowKey) {
+        return getRowIdentity(row, rowKey);
+      }
+      return index;
+    },
+    isColumnHidden: function isColumnHidden(index) {
+      if (this.fixed === true || this.fixed === 'left') {
+        return index >= this.leftFixedLeafCount;
+      } else if (this.fixed === 'right') {
+        return index < this.columnsCount - this.rightFixedLeafCount;
+      } else {
+        return index < this.leftFixedLeafCount || index >= this.columnsCount - this.rightFixedLeafCount;
+      }
+    },
+    getSpan: function getSpan(row, column, rowIndex, columnIndex) {
+      var rowspan = 1;
+      var colspan = 1;
+      var fn = this.table.spanMethod;
+      if (typeof fn === 'function') {
+        var result = fn({
+          row: row,
+          column: column,
+          rowIndex: rowIndex,
+          columnIndex: columnIndex
+        });
+        if (Array.isArray(result)) {
+          rowspan = result[0];
+          colspan = result[1];
+        } else if ((typeof result === 'undefined' ? 'undefined' : table_body_typeof(result)) === 'object') {
+          rowspan = result.rowspan;
+          colspan = result.colspan;
+        }
+      }
+      return { rowspan: rowspan, colspan: colspan };
+    },
+    getRowStyle: function getRowStyle(row, rowIndex) {
+      var rowStyle = this.table.rowStyle;
+      if (typeof rowStyle === 'function') {
+        return rowStyle.call(null, {
+          row: row,
+          rowIndex: rowIndex
+        });
+      }
+      return rowStyle || null;
+    },
+    getRowClass: function getRowClass(row, rowIndex) {
+      var selection = this.store.states.selection;
+      var classes = ['el-table__row'];
+      if (this.table.highlightCurrentRow && row === this.store.states.currentRow) {
+        classes.push('current-row');
+      }
+
+      if (this.table.highlightSelectionRow) {
+        for (var i = 0; i < selection.length; i++) {
+          if (objectEquals(row, selection[i])) {
+            classes.push('selection-row');
+          }
+        };
+      }
+
+      if (this.stripe && rowIndex % 2 === 1) {
+        classes.push('el-table__row--striped');
+      }
+      var rowClassName = this.table.rowClassName;
+      if (typeof rowClassName === 'string') {
+        classes.push(rowClassName);
+      } else if (typeof rowClassName === 'function') {
+        classes.push(rowClassName.call(null, {
+          row: row,
+          rowIndex: rowIndex
+        }));
+      }
+
+      if (this.store.states.expandRows.indexOf(row) > -1) {
+        classes.push('expanded');
+      }
+
+      return classes;
+    },
+    getCellStyle: function getCellStyle(rowIndex, columnIndex, row, column) {
+      var cellStyle = this.table.cellStyle;
+      if (typeof cellStyle === 'function') {
+        return cellStyle.call(null, {
+          rowIndex: rowIndex,
+          columnIndex: columnIndex,
+          row: row,
+          column: column
+        });
+      }
+      return cellStyle;
+    },
+    getCellClass: function getCellClass(rowIndex, columnIndex, row, column) {
+      var classes = [column.id, column.align, column.className];
+
+      if (this.isColumnHidden(columnIndex)) {
+        classes.push('is-hidden');
+      }
+
+      var cellClassName = this.table.cellClassName;
+      if (typeof cellClassName === 'string') {
+        classes.push(cellClassName);
+      } else if (typeof cellClassName === 'function') {
+        classes.push(cellClassName.call(null, {
+          rowIndex: rowIndex,
+          columnIndex: columnIndex,
+          row: row,
+          column: column
+        }));
+      }
+
+      classes.push('el-table__cell');
+
+      return classes.join(' ');
+    },
+    getColspanRealWidth: function getColspanRealWidth(columns, colspan, index) {
+      if (colspan < 1) {
+        return columns[index].realWidth;
+      }
+      var widthArr = columns.map(function (_ref3) {
+        var realWidth = _ref3.realWidth;
+        return realWidth;
+      }).slice(index, index + colspan);
+      return widthArr.reduce(function (acc, width) {
+        return acc + width;
+      }, -1);
+    },
+    handleCellMouseEnter: function handleCellMouseEnter(event, row) {
+      var table = this.table;
+      var cell = getCell(event);
+
+      if (cell) {
+        var column = getColumnByCell(table, cell);
+        var hoverState = table.hoverState = { cell: cell, column: column, row: row };
+        table.$emit('cell-mouse-enter', hoverState.row, hoverState.column, hoverState.cell, event);
+      }
+
+      // 判断是否text-overflow, 如果是就显示tooltip
+      var cellChild = event.target.querySelector('.cell');
+      if (!(Object(dom_["hasClass"])(cellChild, 'el-tooltip') && cellChild.childNodes.length)) {
+        return;
+      }
+      // use range width instead of scrollWidth to determine whether the text is overflowing
+      // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3
+      var range = document.createRange();
+      range.setStart(cellChild, 0);
+      range.setEnd(cellChild, cellChild.childNodes.length);
+      var rangeWidth = range.getBoundingClientRect().width;
+      var padding = (parseInt(Object(dom_["getStyle"])(cellChild, 'paddingLeft'), 10) || 0) + (parseInt(Object(dom_["getStyle"])(cellChild, 'paddingRight'), 10) || 0);
+      if ((rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) && this.$refs.tooltip) {
+        var tooltip = this.$refs.tooltip;
+        // TODO 会引起整个 Table 的重新渲染，需要优化
+        this.tooltipContent = cell.innerText || cell.textContent;
+        tooltip.referenceElm = cell;
+        tooltip.$refs.popper && (tooltip.$refs.popper.style.display = 'none');
+        tooltip.doDestroy();
+        tooltip.setExpectedState(true);
+        this.activateTooltip(tooltip);
+      }
+    },
+    handleCellMouseLeave: function handleCellMouseLeave(event) {
+      var tooltip = this.$refs.tooltip;
+      if (tooltip) {
+        tooltip.setExpectedState(false);
+        tooltip.handleClosePopper();
+      }
+      var cell = getCell(event);
+      if (!cell) return;
+
+      var oldHoverState = this.table.hoverState || {};
+      this.table.$emit('cell-mouse-leave', oldHoverState.row, oldHoverState.column, oldHoverState.cell, event);
+    },
+
+
+    handleMouseEnter: debounce_default()(30, function (index) {
+      this.store.commit('setHoverRow', index);
+    }),
+
+    handleMouseLeave: debounce_default()(30, function () {
+      this.store.commit('setHoverRow', null);
+    }),
+
+    handleContextMenu: function handleContextMenu(event, row) {
+      this.handleEvent(event, row, 'contextmenu');
+    },
+    handleDoubleClick: function handleDoubleClick(event, row) {
+      this.handleEvent(event, row, 'dblclick');
+    },
+    handleClick: function handleClick(event, row) {
+      this.store.commit('setCurrentRow', row);
+      this.handleEvent(event, row, 'click');
+    },
+    handleEvent: function handleEvent(event, row, name) {
+      var table = this.table;
+      var cell = getCell(event);
+      var column = void 0;
+      if (cell) {
+        column = getColumnByCell(table, cell);
+        if (column) {
+          table.$emit('cell-' + name, row, column, cell, event);
+        }
+      }
+      table.$emit('row-' + name, row, column, event);
+    },
+    rowRender: function rowRender(row, $index, treeRowData) {
+      var _this4 = this;
+
+      var h = this.$createElement;
+      var treeIndent = this.treeIndent,
+          columns = this.columns,
+          firstDefaultColumnIndex = this.firstDefaultColumnIndex;
+
+      var rowClasses = this.getRowClass(row, $index);
+      var display = true;
+      if (treeRowData) {
+        rowClasses.push('el-table__row--level-' + treeRowData.level);
+        display = treeRowData.display;
+      }
+      // 指令 v-show 会覆盖 row-style 中 display
+      // 使用 :style 代替 v-show https://github.com/ElemeFE/element/issues/16995
+      var displayStyle = display ? null : {
+        display: 'none'
+      };
+      return h(table_row, {
+        style: [displayStyle, this.getRowStyle(row, $index)],
+        'class': rowClasses,
+        key: this.getKeyOfRow(row, $index),
+        nativeOn: {
+          'dblclick': function dblclick($event) {
+            return _this4.handleDoubleClick($event, row);
+          },
+          'click': function click($event) {
+            return _this4.handleClick($event, row);
+          },
+          'contextmenu': function contextmenu($event) {
+            return _this4.handleContextMenu($event, row);
+          },
+          'mouseenter': function mouseenter(_) {
+            return _this4.handleMouseEnter($index);
+          },
+          'mouseleave': this.handleMouseLeave
+        },
+        attrs: {
+          columns: columns,
+          row: row,
+          index: $index,
+          store: this.store,
+          context: this.context || this.table.$vnode.context,
+          firstDefaultColumnIndex: firstDefaultColumnIndex,
+          treeRowData: treeRowData,
+          treeIndent: treeIndent,
+          columnsHidden: this.columnsHidden,
+          getSpan: this.getSpan,
+          getColspanRealWidth: this.getColspanRealWidth,
+          getCellStyle: this.getCellStyle,
+          getCellClass: this.getCellClass,
+          handleCellMouseEnter: this.handleCellMouseEnter,
+          handleCellMouseLeave: this.handleCellMouseLeave,
+          isSelected: this.store.isSelected(row),
+          isExpanded: this.store.states.expandRows.indexOf(row) > -1,
+          fixed: this.fixed
+        }
+      });
+    },
+    wrappedRowRender: function wrappedRowRender(row, $index) {
+      var _this5 = this;
+
+      var h = this.$createElement;
+
+      var store = this.store;
+      var isRowExpanded = store.isRowExpanded,
+          assertRowKey = store.assertRowKey;
+      var _store$states = store.states,
+          treeData = _store$states.treeData,
+          lazyTreeNodeMap = _store$states.lazyTreeNodeMap,
+          childrenColumnName = _store$states.childrenColumnName,
+          rowKey = _store$states.rowKey;
+
+      if (this.hasExpandColumn && isRowExpanded(row)) {
+        var renderExpanded = this.table.renderExpanded;
+        var tr = this.rowRender(row, $index);
+        if (!renderExpanded) {
+          console.error('[Element Error]renderExpanded is required.');
+          return tr;
+        }
+        // 使用二维数组，避免修改 $index
+        return [[tr, h(
+          'tr',
+          { key: 'expanded-row__' + tr.key },
+          [h(
+            'td',
+            {
+              attrs: { colspan: this.columnsCount },
+              'class': 'el-table__cell el-table__expanded-cell' },
+            [renderExpanded(this.$createElement, { row: row, $index: $index, store: this.store })]
+          )]
+        )]];
+      } else if (Object.keys(treeData).length) {
+        assertRowKey();
+        // TreeTable 时，rowKey 必须由用户设定，不使用 getKeyOfRow 计算
+        // 在调用 rowRender 函数时，仍然会计算 rowKey，不太好的操作
+        var key = getRowIdentity(row, rowKey);
+        var cur = treeData[key];
+        var treeRowData = null;
+        if (cur) {
+          treeRowData = {
+            expanded: cur.expanded,
+            level: cur.level,
+            display: true
+          };
+          if (typeof cur.lazy === 'boolean') {
+            if (typeof cur.loaded === 'boolean' && cur.loaded) {
+              treeRowData.noLazyChildren = !(cur.children && cur.children.length);
+            }
+            treeRowData.loading = cur.loading;
+          }
+        }
+        var tmp = [this.rowRender(row, $index, treeRowData)];
+        // 渲染嵌套数据
+        if (cur) {
+          // currentRow 记录的是 index，所以还需主动增加 TreeTable 的 index
+          var i = 0;
+          var traverse = function traverse(children, parent) {
+            if (!(children && children.length && parent)) return;
+            children.forEach(function (node) {
+              // 父节点的 display 状态影响子节点的显示状态
+              var innerTreeRowData = {
+                display: parent.display && parent.expanded,
+                level: parent.level + 1
+              };
+              var childKey = getRowIdentity(node, rowKey);
+              if (childKey === undefined || childKey === null) {
+                throw new Error('for nested data item, row-key is required.');
+              }
+              cur = table_body_extends({}, treeData[childKey]);
+              // 对于当前节点，分成有无子节点两种情况。
+              // 如果包含子节点的，设置 expanded 属性。
+              // 对于它子节点的 display 属性由它本身的 expanded 与 display 共同决定。
+              if (cur) {
+                innerTreeRowData.expanded = cur.expanded;
+                // 懒加载的某些节点，level 未知
+                cur.level = cur.level || innerTreeRowData.level;
+                cur.display = !!(cur.expanded && innerTreeRowData.display);
+                if (typeof cur.lazy === 'boolean') {
+                  if (typeof cur.loaded === 'boolean' && cur.loaded) {
+                    innerTreeRowData.noLazyChildren = !(cur.children && cur.children.length);
+                  }
+                  innerTreeRowData.loading = cur.loading;
+                }
+              }
+              i++;
+              tmp.push(_this5.rowRender(node, $index + i, innerTreeRowData));
+              if (cur) {
+                var _nodes = lazyTreeNodeMap[childKey] || node[childrenColumnName];
+                traverse(_nodes, cur);
+              }
+            });
+          };
+          // 对于 root 节点，display 一定为 true
+          cur.display = true;
+          var nodes = lazyTreeNodeMap[key] || row[childrenColumnName];
+          traverse(nodes, cur);
+        }
+        return tmp;
+      } else {
+        return this.rowRender(row, $index);
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/filter-panel.vue?vue&type=template&id=7f2c919f&
+var filter_panelvue_type_template_id_7f2c919f_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("transition", { attrs: { name: "el-zoom-in-top" } }, [
+    _vm.multiple
+      ? _c(
+          "div",
+          {
+            directives: [
+              {
+                name: "clickoutside",
+                rawName: "v-clickoutside",
+                value: _vm.handleOutsideClick,
+                expression: "handleOutsideClick"
+              },
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.showPopper,
+                expression: "showPopper"
+              }
+            ],
+            staticClass: "el-table-filter"
+          },
+          [
+            _c(
+              "div",
+              { staticClass: "el-table-filter__content" },
+              [
+                _c(
+                  "el-scrollbar",
+                  { attrs: { "wrap-class": "el-table-filter__wrap" } },
+                  [
+                    _c(
+                      "el-checkbox-group",
+                      {
+                        staticClass: "el-table-filter__checkbox-group",
+                        model: {
+                          value: _vm.filteredValue,
+                          callback: function($$v) {
+                            _vm.filteredValue = $$v
+                          },
+                          expression: "filteredValue"
+                        }
+                      },
+                      _vm._l(_vm.filters, function(filter) {
+                        return _c(
+                          "el-checkbox",
+                          { key: filter.value, attrs: { label: filter.value } },
+                          [_vm._v(_vm._s(filter.text))]
+                        )
+                      }),
+                      1
+                    )
+                  ],
+                  1
+                )
+              ],
+              1
+            ),
+            _c("div", { staticClass: "el-table-filter__bottom" }, [
+              _c(
+                "button",
+                {
+                  class: { "is-disabled": _vm.filteredValue.length === 0 },
+                  attrs: { disabled: _vm.filteredValue.length === 0 },
+                  on: { click: _vm.handleConfirm }
+                },
+                [_vm._v(_vm._s(_vm.t("el.table.confirmFilter")))]
+              ),
+              _c("button", { on: { click: _vm.handleReset } }, [
+                _vm._v(_vm._s(_vm.t("el.table.resetFilter")))
+              ])
+            ])
+          ]
+        )
+      : _c(
+          "div",
+          {
+            directives: [
+              {
+                name: "clickoutside",
+                rawName: "v-clickoutside",
+                value: _vm.handleOutsideClick,
+                expression: "handleOutsideClick"
+              },
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.showPopper,
+                expression: "showPopper"
+              }
+            ],
+            staticClass: "el-table-filter"
+          },
+          [
+            _c(
+              "ul",
+              { staticClass: "el-table-filter__list" },
+              [
+                _c(
+                  "li",
+                  {
+                    staticClass: "el-table-filter__list-item",
+                    class: {
+                      "is-active":
+                        _vm.filterValue === undefined ||
+                        _vm.filterValue === null
+                    },
+                    on: {
+                      click: function($event) {
+                        _vm.handleSelect(null)
+                      }
+                    }
+                  },
+                  [_vm._v(_vm._s(_vm.t("el.table.clearFilter")))]
+                ),
+                _vm._l(_vm.filters, function(filter) {
+                  return _c(
+                    "li",
+                    {
+                      key: filter.value,
+                      staticClass: "el-table-filter__list-item",
+                      class: { "is-active": _vm.isActive(filter) },
+                      attrs: { label: filter.value },
+                      on: {
+                        click: function($event) {
+                          _vm.handleSelect(filter.value)
+                        }
+                      }
+                    },
+                    [_vm._v(_vm._s(filter.text))]
+                  )
+                })
+              ],
+              2
+            )
+          ]
+        )
+  ])
+}
+var filter_panelvue_type_template_id_7f2c919f_staticRenderFns = []
+filter_panelvue_type_template_id_7f2c919f_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/table/src/filter-panel.vue?vue&type=template&id=7f2c919f&
+
+// CONCATENATED MODULE: ./packages/table/src/dropdown.js
+
+var dropdowns = [];
+
+!external_vue_default.a.prototype.$isServer && document.addEventListener('click', function (event) {
+  dropdowns.forEach(function (dropdown) {
+    var target = event.target;
+    if (!dropdown || !dropdown.$el) return;
+    if (target === dropdown.$el || dropdown.$el.contains(target)) {
+      return;
+    }
+    dropdown.handleOutsideClick && dropdown.handleOutsideClick(event);
+  });
+});
+
+/* harmony default export */ var src_dropdown = ({
+  open: function open(instance) {
+    if (instance) {
+      dropdowns.push(instance);
+    }
+  },
+  close: function close(instance) {
+    var index = dropdowns.indexOf(instance);
+    if (index !== -1) {
+      dropdowns.splice(instance, 1);
+    }
+  }
+});
+// EXTERNAL MODULE: external "element-ui/lib/checkbox-group"
+var checkbox_group_ = __webpack_require__(32);
+var checkbox_group_default = /*#__PURE__*/__webpack_require__.n(checkbox_group_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/filter-panel.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var filter_panelvue_type_script_lang_js_ = ({
+  name: 'ElTableFilterPanel',
+
+  mixins: [vue_popper_default.a, locale_default.a],
+
+  directives: {
+    Clickoutside: clickoutside_default.a
+  },
+
+  components: {
+    ElCheckbox: checkbox_default.a,
+    ElCheckboxGroup: checkbox_group_default.a,
+    ElScrollbar: scrollbar_default.a
+  },
+
+  props: {
+    placement: {
+      type: String,
+      default: 'bottom-end'
+    }
+  },
+
+  methods: {
+    isActive: function isActive(filter) {
+      return filter.value === this.filterValue;
+    },
+    handleOutsideClick: function handleOutsideClick() {
+      var _this = this;
+
+      setTimeout(function () {
+        _this.showPopper = false;
+      }, 16);
+    },
+    handleConfirm: function handleConfirm() {
+      this.confirmFilter(this.filteredValue);
+      this.handleOutsideClick();
+    },
+    handleReset: function handleReset() {
+      this.filteredValue = [];
+      this.confirmFilter(this.filteredValue);
+      this.handleOutsideClick();
+    },
+    handleSelect: function handleSelect(filterValue) {
+      this.filterValue = filterValue;
+
+      if (typeof filterValue !== 'undefined' && filterValue !== null) {
+        this.confirmFilter(this.filteredValue);
+      } else {
+        this.confirmFilter([]);
+      }
+
+      this.handleOutsideClick();
+    },
+    confirmFilter: function confirmFilter(filteredValue) {
+      this.table.store.commit('filterChange', {
+        column: this.column,
+        values: filteredValue
+      });
+      this.table.store.updateAllSelected();
+    }
+  },
+
+  data: function data() {
+    return {
+      table: null,
+      cell: null,
+      column: null
+    };
+  },
+
+
+  computed: {
+    filters: function filters() {
+      return this.column && this.column.filters;
+    },
+
+
+    filterValue: {
+      get: function get() {
+        return (this.column.filteredValue || [])[0];
+      },
+      set: function set(value) {
+        if (this.filteredValue) {
+          if (typeof value !== 'undefined' && value !== null) {
+            this.filteredValue.splice(0, 1, value);
+          } else {
+            this.filteredValue.splice(0, 1);
+          }
+        }
+      }
+    },
+
+    filteredValue: {
+      get: function get() {
+        if (this.column) {
+          return this.column.filteredValue || [];
+        }
+        return [];
+      },
+      set: function set(value) {
+        if (this.column) {
+          this.column.filteredValue = value;
+        }
+      }
+    },
+
+    multiple: function multiple() {
+      if (this.column) {
+        return this.column.filterMultiple;
+      }
+      return true;
+    }
+  },
+
+  mounted: function mounted() {
+    var _this2 = this;
+
+    this.popperElm = this.$el;
+    this.referenceElm = this.cell;
+    this.table.bodyWrapper.addEventListener('scroll', function () {
+      _this2.updatePopper();
+    });
+
+    this.$watch('showPopper', function (value) {
+      if (_this2.column) _this2.column.filterOpened = value;
+      if (value) {
+        src_dropdown.open(_this2);
+      } else {
+        src_dropdown.close(_this2);
+      }
+    });
+  },
+
+  watch: {
+    showPopper: function showPopper(val) {
+      if (val === true && parseInt(this.popperJS._popper.style.zIndex, 10) < popup_["PopupManager"].zIndex) {
+        this.popperJS._popper.style.zIndex = popup_["PopupManager"].nextZIndex();
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/table/src/filter-panel.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_filter_panelvue_type_script_lang_js_ = (filter_panelvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/table/src/filter-panel.vue
+
+
+
+
+
+/* normalize component */
+
+var filter_panel_component = normalizeComponent(
+  src_filter_panelvue_type_script_lang_js_,
+  filter_panelvue_type_template_id_7f2c919f_render,
+  filter_panelvue_type_template_id_7f2c919f_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var filter_panel_api; }
+filter_panel_component.options.__file = "packages/table/src/filter-panel.vue"
+/* harmony default export */ var filter_panel = (filter_panel_component.exports);
+// CONCATENATED MODULE: ./packages/table/src/table-header.js
+var table_header_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+
+
+
+
+
+
+
+var getAllColumns = function getAllColumns(columns) {
+  var result = [];
+  columns.forEach(function (column) {
+    if (column.children) {
+      result.push(column);
+      result.push.apply(result, getAllColumns(column.children));
+    } else {
+      result.push(column);
+    }
+  });
+  return result;
+};
+
+var convertToRows = function convertToRows(originColumns) {
+  var maxLevel = 1;
+  var traverse = function traverse(column, parent) {
+    if (parent) {
+      column.level = parent.level + 1;
+      if (maxLevel < column.level) {
+        maxLevel = column.level;
+      }
+    }
+    if (column.children) {
+      var colSpan = 0;
+      column.children.forEach(function (subColumn) {
+        traverse(subColumn, column);
+        colSpan += subColumn.colSpan;
+      });
+      column.colSpan = colSpan;
+    } else {
+      column.colSpan = 1;
+    }
+  };
+
+  originColumns.forEach(function (column) {
+    column.level = 1;
+    traverse(column);
+  });
+
+  var rows = [];
+  for (var i = 0; i < maxLevel; i++) {
+    rows.push([]);
+  }
+
+  var allColumns = getAllColumns(originColumns);
+
+  allColumns.forEach(function (column) {
+    if (!column.children) {
+      column.rowSpan = maxLevel - column.level + 1;
+    } else {
+      column.rowSpan = 1;
+    }
+    rows[column.level - 1].push(column);
+  });
+
+  return rows;
+};
+
+/* harmony default export */ var table_header = ({
+  name: 'ElTableHeader',
+
+  mixins: [layout_observer],
+
+  render: function render(h) {
+    var _this = this;
+
+    var originColumns = this.store.states.originColumns;
+    var columnRows = convertToRows(originColumns, this.columns);
+    // 是否拥有多级表头
+    var isGroup = columnRows.length > 1;
+    if (isGroup) this.$parent.isGroup = true;
+    return h(
+      'table',
+      {
+        'class': 'el-table__header',
+        attrs: { cellspacing: '0',
+          cellpadding: '0',
+          border: '0' }
+      },
+      [h('colgroup', [this.columns.map(function (column) {
+        return h('col', {
+          attrs: { name: column.id },
+          key: column.id });
+      }), this.hasGutter ? h('col', {
+        attrs: { name: 'gutter' }
+      }) : '']), h(
+        'thead',
+        { 'class': [{ 'is-group': isGroup, 'has-gutter': this.hasGutter }] },
+        [this._l(columnRows, function (columns, rowIndex) {
+          return h(
+            'tr',
+            {
+              style: _this.getHeaderRowStyle(rowIndex),
+              'class': _this.getHeaderRowClass(rowIndex)
+            },
+            [columns.map(function (column, cellIndex) {
+              return h(
+                'th',
+                {
+                  attrs: {
+                    colspan: column.colSpan,
+                    rowspan: column.rowSpan
+                  },
+                  on: {
+                    'mousemove': function mousemove($event) {
+                      return _this.handleMouseMove($event, column);
+                    },
+                    'mouseout': _this.handleMouseOut,
+                    'mousedown': function mousedown($event) {
+                      return _this.handleMouseDown($event, column);
+                    },
+                    'click': function click($event) {
+                      return _this.handleHeaderClick($event, column);
+                    },
+                    'contextmenu': function contextmenu($event) {
+                      return _this.handleHeaderContextMenu($event, column);
+                    }
+                  },
+
+                  style: _this.getHeaderCellStyle(rowIndex, cellIndex, columns, column),
+                  'class': _this.getHeaderCellClass(rowIndex, cellIndex, columns, column),
+                  key: column.id },
+                [h(
+                  'div',
+                  { 'class': ['cell', column.filteredValue && column.filteredValue.length > 0 ? 'highlight' : '', column.labelClassName] },
+                  [column.renderHeader ? column.renderHeader.call(_this._renderProxy, h, { column: column, $index: cellIndex, store: _this.store, _self: _this.$parent.$vnode.context }) : column.label, column.sortable ? h(
+                    'span',
+                    {
+                      'class': 'caret-wrapper',
+                      on: {
+                        'click': function click($event) {
+                          return _this.handleSortClick($event, column);
+                        }
+                      }
+                    },
+                    [h('i', { 'class': 'sort-caret ascending',
+                      on: {
+                        'click': function click($event) {
+                          return _this.handleSortClick($event, column, 'ascending');
+                        }
+                      }
+                    }), h('i', { 'class': 'sort-caret descending',
+                      on: {
+                        'click': function click($event) {
+                          return _this.handleSortClick($event, column, 'descending');
+                        }
+                      }
+                    })]
+                  ) : '', column.filterable ? h(
+                    'span',
+                    {
+                      'class': 'el-table__column-filter-trigger',
+                      on: {
+                        'click': function click($event) {
+                          return _this.handleFilterClick($event, column);
+                        }
+                      }
+                    },
+                    [h('i', { 'class': ['el-icon-arrow-down', column.filterOpened ? 'el-icon-arrow-up' : ''] })]
+                  ) : '']
+                )]
+              );
+            }), _this.hasGutter ? h('th', { 'class': 'el-table__cell gutter' }) : '']
+          );
+        })]
+      )]
+    );
+  },
+
+
+  props: {
+    fixed: String,
+    store: {
+      required: true
+    },
+    border: Boolean,
+    defaultSort: {
+      type: Object,
+      default: function _default() {
+        return {
+          prop: '',
+          order: ''
+        };
+      }
+    }
+  },
+
+  components: {
+    ElCheckbox: checkbox_default.a
+  },
+
+  computed: table_header_extends({
+    table: function table() {
+      return this.$parent;
+    },
+    hasGutter: function hasGutter() {
+      return !this.fixed && this.tableLayout.gutterWidth;
+    }
+  }, mapStates({
+    columns: 'columns',
+    isAllSelected: 'isAllSelected',
+    leftFixedLeafCount: 'fixedLeafColumnsLength',
+    rightFixedLeafCount: 'rightFixedLeafColumnsLength',
+    columnsCount: function columnsCount(states) {
+      return states.columns.length;
+    },
+    leftFixedCount: function leftFixedCount(states) {
+      return states.fixedColumns.length;
+    },
+    rightFixedCount: function rightFixedCount(states) {
+      return states.rightFixedColumns.length;
+    }
+  })),
+
+  created: function created() {
+    this.filterPanels = {};
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+
+    // nextTick 是有必要的 https://github.com/ElemeFE/element/pull/11311
+    this.$nextTick(function () {
+      var _defaultSort = _this2.defaultSort,
+          prop = _defaultSort.prop,
+          order = _defaultSort.order;
+
+      var init = true;
+      _this2.store.commit('sort', { prop: prop, order: order, init: init });
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    var panels = this.filterPanels;
+    for (var prop in panels) {
+      if (panels.hasOwnProperty(prop) && panels[prop]) {
+        panels[prop].$destroy(true);
+      }
+    }
+  },
+
+
+  methods: {
+    isCellHidden: function isCellHidden(index, columns) {
+      var start = 0;
+      for (var i = 0; i < index; i++) {
+        start += columns[i].colSpan;
+      }
+      var after = start + columns[index].colSpan - 1;
+      if (this.fixed === true || this.fixed === 'left') {
+        return after >= this.leftFixedLeafCount;
+      } else if (this.fixed === 'right') {
+        return start < this.columnsCount - this.rightFixedLeafCount;
+      } else {
+        return after < this.leftFixedLeafCount || start >= this.columnsCount - this.rightFixedLeafCount;
+      }
+    },
+    getHeaderRowStyle: function getHeaderRowStyle(rowIndex) {
+      var headerRowStyle = this.table.headerRowStyle;
+      if (typeof headerRowStyle === 'function') {
+        return headerRowStyle.call(null, { rowIndex: rowIndex });
+      }
+      return headerRowStyle;
+    },
+    getHeaderRowClass: function getHeaderRowClass(rowIndex) {
+      var classes = [];
+
+      var headerRowClassName = this.table.headerRowClassName;
+      if (typeof headerRowClassName === 'string') {
+        classes.push(headerRowClassName);
+      } else if (typeof headerRowClassName === 'function') {
+        classes.push(headerRowClassName.call(null, { rowIndex: rowIndex }));
+      }
+
+      return classes.join(' ');
+    },
+    getHeaderCellStyle: function getHeaderCellStyle(rowIndex, columnIndex, row, column) {
+      var headerCellStyle = this.table.headerCellStyle;
+      if (typeof headerCellStyle === 'function') {
+        return headerCellStyle.call(null, {
+          rowIndex: rowIndex,
+          columnIndex: columnIndex,
+          row: row,
+          column: column
+        });
+      }
+      return headerCellStyle;
+    },
+    getHeaderCellClass: function getHeaderCellClass(rowIndex, columnIndex, row, column) {
+      var classes = [column.id, column.order, column.headerAlign, column.className, column.labelClassName];
+
+      if (rowIndex === 0 && this.isCellHidden(columnIndex, row)) {
+        classes.push('is-hidden');
+      }
+
+      if (!column.children) {
+        classes.push('is-leaf');
+      }
+
+      if (column.sortable) {
+        classes.push('is-sortable');
+      }
+
+      var headerCellClassName = this.table.headerCellClassName;
+      if (typeof headerCellClassName === 'string') {
+        classes.push(headerCellClassName);
+      } else if (typeof headerCellClassName === 'function') {
+        classes.push(headerCellClassName.call(null, {
+          rowIndex: rowIndex,
+          columnIndex: columnIndex,
+          row: row,
+          column: column
+        }));
+      }
+
+      classes.push('el-table__cell');
+
+      return classes.join(' ');
+    },
+    toggleAllSelection: function toggleAllSelection() {
+      this.store.commit('toggleAllSelection');
+    },
+    handleFilterClick: function handleFilterClick(event, column) {
+      event.stopPropagation();
+      var target = event.target;
+      var cell = target.tagName === 'TH' ? target : target.parentNode;
+      if (Object(dom_["hasClass"])(cell, 'noclick')) return;
+      cell = cell.querySelector('.el-table__column-filter-trigger') || cell;
+      var table = this.$parent;
+
+      var filterPanel = this.filterPanels[column.id];
+
+      if (filterPanel && column.filterOpened) {
+        filterPanel.showPopper = false;
+        return;
+      }
+
+      if (!filterPanel) {
+        filterPanel = new external_vue_default.a(filter_panel);
+        this.filterPanels[column.id] = filterPanel;
+        if (column.filterPlacement) {
+          filterPanel.placement = column.filterPlacement;
+        }
+        filterPanel.table = table;
+        filterPanel.cell = cell;
+        filterPanel.column = column;
+        !this.$isServer && filterPanel.$mount(document.createElement('div'));
+      }
+
+      setTimeout(function () {
+        filterPanel.showPopper = true;
+      }, 16);
+    },
+    handleHeaderClick: function handleHeaderClick(event, column) {
+      if (!column.filters && column.sortable) {
+        this.handleSortClick(event, column);
+      } else if (column.filterable && !column.sortable) {
+        this.handleFilterClick(event, column);
+      }
+
+      this.$parent.$emit('header-click', column, event);
+    },
+    handleHeaderContextMenu: function handleHeaderContextMenu(event, column) {
+      this.$parent.$emit('header-contextmenu', column, event);
+    },
+    handleMouseDown: function handleMouseDown(event, column) {
+      var _this3 = this;
+
+      if (this.$isServer) return;
+      if (column.children && column.children.length > 0) return;
+      /* istanbul ignore if */
+      if (this.draggingColumn && this.border) {
+        this.dragging = true;
+
+        this.$parent.resizeProxyVisible = true;
+
+        var table = this.$parent;
+        var tableEl = table.$el;
+        var tableLeft = tableEl.getBoundingClientRect().left;
+        var columnEl = this.$el.querySelector('th.' + column.id);
+        var columnRect = columnEl.getBoundingClientRect();
+        var minLeft = columnRect.left - tableLeft + 30;
+
+        Object(dom_["addClass"])(columnEl, 'noclick');
+
+        this.dragState = {
+          startMouseLeft: event.clientX,
+          startLeft: columnRect.right - tableLeft,
+          startColumnLeft: columnRect.left - tableLeft,
+          tableLeft: tableLeft
+        };
+
+        var resizeProxy = table.$refs.resizeProxy;
+        resizeProxy.style.left = this.dragState.startLeft + 'px';
+
+        document.onselectstart = function () {
+          return false;
+        };
+        document.ondragstart = function () {
+          return false;
+        };
+
+        var handleMouseMove = function handleMouseMove(event) {
+          var deltaLeft = event.clientX - _this3.dragState.startMouseLeft;
+          var proxyLeft = _this3.dragState.startLeft + deltaLeft;
+
+          resizeProxy.style.left = Math.max(minLeft, proxyLeft) + 'px';
+        };
+
+        var handleMouseUp = function handleMouseUp() {
+          if (_this3.dragging) {
+            var _dragState = _this3.dragState,
+                startColumnLeft = _dragState.startColumnLeft,
+                startLeft = _dragState.startLeft;
+
+            var finalLeft = parseInt(resizeProxy.style.left, 10);
+            var columnWidth = finalLeft - startColumnLeft;
+            column.width = column.realWidth = columnWidth;
+            table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
+
+            _this3.store.scheduleLayout();
+
+            document.body.style.cursor = '';
+            _this3.dragging = false;
+            _this3.draggingColumn = null;
+            _this3.dragState = {};
+
+            table.resizeProxyVisible = false;
+          }
+
+          document.removeEventListener('mousemove', handleMouseMove);
+          document.removeEventListener('mouseup', handleMouseUp);
+          document.onselectstart = null;
+          document.ondragstart = null;
+
+          setTimeout(function () {
+            Object(dom_["removeClass"])(columnEl, 'noclick');
+          }, 0);
+        };
+
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+      }
+    },
+    handleMouseMove: function handleMouseMove(event, column) {
+      if (column.children && column.children.length > 0) return;
+      var target = event.target;
+      while (target && target.tagName !== 'TH') {
+        target = target.parentNode;
+      }
+
+      if (!column || !column.resizable) return;
+
+      if (!this.dragging && this.border) {
+        var rect = target.getBoundingClientRect();
+
+        var bodyStyle = document.body.style;
+        if (rect.width > 12 && rect.right - event.pageX < 8) {
+          bodyStyle.cursor = 'col-resize';
+          if (Object(dom_["hasClass"])(target, 'is-sortable')) {
+            target.style.cursor = 'col-resize';
+          }
+          this.draggingColumn = column;
+        } else if (!this.dragging) {
+          bodyStyle.cursor = '';
+          if (Object(dom_["hasClass"])(target, 'is-sortable')) {
+            target.style.cursor = 'pointer';
+          }
+          this.draggingColumn = null;
+        }
+      }
+    },
+    handleMouseOut: function handleMouseOut() {
+      if (this.$isServer) return;
+      document.body.style.cursor = '';
+    },
+    toggleOrder: function toggleOrder(_ref) {
+      var order = _ref.order,
+          sortOrders = _ref.sortOrders;
+
+      if (order === '') return sortOrders[0];
+      var index = sortOrders.indexOf(order || null);
+      return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
+    },
+    handleSortClick: function handleSortClick(event, column, givenOrder) {
+      event.stopPropagation();
+      var order = column.order === givenOrder ? null : givenOrder || this.toggleOrder(column);
+
+      var target = event.target;
+      while (target && target.tagName !== 'TH') {
+        target = target.parentNode;
+      }
+
+      if (target && target.tagName === 'TH') {
+        if (Object(dom_["hasClass"])(target, 'noclick')) {
+          Object(dom_["removeClass"])(target, 'noclick');
+          return;
+        }
+      }
+
+      if (!column.sortable) return;
+
+      var states = this.store.states;
+      var sortProp = states.sortProp;
+      var sortOrder = void 0;
+      var sortingColumn = states.sortingColumn;
+
+      if (sortingColumn !== column || sortingColumn === column && sortingColumn.order === null) {
+        if (sortingColumn) {
+          sortingColumn.order = null;
+        }
+        states.sortingColumn = column;
+        sortProp = column.property;
+      }
+
+      if (!order) {
+        sortOrder = column.order = null;
+      } else {
+        sortOrder = column.order = order;
+      }
+
+      states.sortProp = sortProp;
+      states.sortOrder = sortOrder;
+
+      this.store.commit('changeSortCondition');
+    }
+  },
+
+  data: function data() {
+    return {
+      draggingColumn: null,
+      dragging: false,
+      dragState: {}
+    };
+  }
+});
+// CONCATENATED MODULE: ./packages/table/src/table-footer.js
+var table_footer_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+
+
+
+/* harmony default export */ var table_footer = ({
+  name: 'ElTableFooter',
+
+  mixins: [layout_observer],
+
+  render: function render(h) {
+    var _this = this;
+
+    var sums = [];
+    if (this.summaryMethod) {
+      sums = this.summaryMethod({ columns: this.columns, data: this.store.states.data });
+    } else {
+      this.columns.forEach(function (column, index) {
+        if (index === 0) {
+          sums[index] = _this.sumText;
+          return;
+        }
+        var values = _this.store.states.data.map(function (item) {
+          return Number(item[column.property]);
+        });
+        var precisions = [];
+        var notNumber = true;
+        values.forEach(function (value) {
+          if (!isNaN(value)) {
+            notNumber = false;
+            var decimal = ('' + value).split('.')[1];
+            precisions.push(decimal ? decimal.length : 0);
+          }
+        });
+        var precision = Math.max.apply(null, precisions);
+        if (!notNumber) {
+          sums[index] = values.reduce(function (prev, curr) {
+            var value = Number(curr);
+            if (!isNaN(value)) {
+              return parseFloat((prev + curr).toFixed(Math.min(precision, 20)));
+            } else {
+              return prev;
+            }
+          }, 0);
+        } else {
+          sums[index] = '';
+        }
+      });
+    }
+
+    return h(
+      'table',
+      {
+        'class': 'el-table__footer',
+        attrs: { cellspacing: '0',
+          cellpadding: '0',
+          border: '0' }
+      },
+      [h('colgroup', [this.columns.map(function (column) {
+        return h('col', {
+          attrs: { name: column.id },
+          key: column.id });
+      }), this.hasGutter ? h('col', {
+        attrs: { name: 'gutter' }
+      }) : '']), h(
+        'tbody',
+        { 'class': [{ 'has-gutter': this.hasGutter }] },
+        [h('tr', [this.columns.map(function (column, cellIndex) {
+          return h(
+            'td',
+            {
+              key: cellIndex,
+              attrs: { colspan: column.colSpan,
+                rowspan: column.rowSpan
+              },
+              'class': [].concat(_this.getRowClasses(column, cellIndex), ['el-table__cell']) },
+            [h(
+              'div',
+              { 'class': ['cell', column.labelClassName] },
+              [sums[cellIndex]]
+            )]
+          );
+        }), this.hasGutter ? h('th', { 'class': 'el-table__cell gutter' }) : ''])]
+      )]
+    );
+  },
+
+
+  props: {
+    fixed: String,
+    store: {
+      required: true
+    },
+    summaryMethod: Function,
+    sumText: String,
+    border: Boolean,
+    defaultSort: {
+      type: Object,
+      default: function _default() {
+        return {
+          prop: '',
+          order: ''
+        };
+      }
+    }
+  },
+
+  computed: table_footer_extends({
+    table: function table() {
+      return this.$parent;
+    },
+    hasGutter: function hasGutter() {
+      return !this.fixed && this.tableLayout.gutterWidth;
+    }
+  }, mapStates({
+    columns: 'columns',
+    isAllSelected: 'isAllSelected',
+    leftFixedLeafCount: 'fixedLeafColumnsLength',
+    rightFixedLeafCount: 'rightFixedLeafColumnsLength',
+    columnsCount: function columnsCount(states) {
+      return states.columns.length;
+    },
+    leftFixedCount: function leftFixedCount(states) {
+      return states.fixedColumns.length;
+    },
+    rightFixedCount: function rightFixedCount(states) {
+      return states.rightFixedColumns.length;
+    }
+  })),
+
+  methods: {
+    isCellHidden: function isCellHidden(index, columns, column) {
+      if (this.fixed === true || this.fixed === 'left') {
+        return index >= this.leftFixedLeafCount;
+      } else if (this.fixed === 'right') {
+        var before = 0;
+        for (var i = 0; i < index; i++) {
+          before += columns[i].colSpan;
+        }
+        return before < this.columnsCount - this.rightFixedLeafCount;
+      } else if (!this.fixed && column.fixed) {
+        // hide cell when footer instance is not fixed and column is fixed
+        return true;
+      } else {
+        return index < this.leftFixedCount || index >= this.columnsCount - this.rightFixedCount;
+      }
+    },
+    getRowClasses: function getRowClasses(column, cellIndex) {
+      var classes = [column.id, column.align, column.labelClassName];
+      if (column.className) {
+        classes.push(column.className);
+      }
+      if (this.isCellHidden(cellIndex, this.columns, column)) {
+        classes.push('is-hidden');
+      }
+      if (!column.children) {
+        classes.push('is-leaf');
+      }
+      return classes;
+    }
+  }
+});
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/table.vue?vue&type=script&lang=js&
+var tablevue_type_script_lang_js_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var tableIdSeed = 1;
+
+/* harmony default export */ var tablevue_type_script_lang_js_ = ({
+  name: 'ElTable',
+
+  mixins: [locale_default.a, migrating_default.a],
+
+  directives: {
+    Mousewheel: directives_mousewheel
+  },
+
+  props: {
+    data: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+
+    size: String,
+
+    width: [String, Number],
+
+    height: [String, Number],
+
+    maxHeight: [String, Number],
+
+    fit: {
+      type: Boolean,
+      default: true
+    },
+
+    stripe: Boolean,
+
+    border: Boolean,
+
+    rowKey: [String, Function],
+
+    context: {},
+
+    showHeader: {
+      type: Boolean,
+      default: true
+    },
+
+    showSummary: Boolean,
+
+    sumText: String,
+
+    summaryMethod: Function,
+
+    rowClassName: [String, Function],
+
+    rowStyle: [Object, Function],
+
+    cellClassName: [String, Function],
+
+    cellStyle: [Object, Function],
+
+    headerRowClassName: [String, Function],
+
+    headerRowStyle: [Object, Function],
+
+    headerCellClassName: [String, Function],
+
+    headerCellStyle: [Object, Function],
+
+    highlightCurrentRow: Boolean,
+
+    highlightSelectionRow: {
+      type: Boolean,
+      default: false
+    },
+
+    currentRowKey: [String, Number],
+
+    emptyText: String,
+
+    expandRowKeys: Array,
+
+    defaultExpandAll: Boolean,
+
+    defaultSort: Object,
+
+    tooltipEffect: String,
+
+    spanMethod: Function,
+
+    selectOnIndeterminate: {
+      type: Boolean,
+      default: true
+    },
+
+    indent: {
+      type: Number,
+      default: 16
+    },
+
+    treeProps: {
+      type: Object,
+      default: function _default() {
+        return {
+          hasChildren: 'hasChildren',
+          children: 'children'
+        };
+      }
+    },
+
+    lazy: Boolean,
+
+    load: Function
+  },
+
+  components: {
+    TableHeader: table_header,
+    TableFooter: table_footer,
+    TableBody: table_body,
+    ElCheckbox: checkbox_default.a
+  },
+
+  methods: {
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        events: {
+          expand: 'expand is renamed to expand-change'
+        }
+      };
+    },
+    setCurrentRow: function setCurrentRow(row) {
+      this.store.commit('setCurrentRow', row);
+    },
+    toggleRowSelection: function toggleRowSelection(row, selected) {
+      this.store.toggleRowSelection(row, selected, false);
+      this.store.updateAllSelected();
+    },
+    toggleRowExpansion: function toggleRowExpansion(row, expanded) {
+      this.store.toggleRowExpansionAdapter(row, expanded);
+    },
+    clearSelection: function clearSelection() {
+      this.store.clearSelection();
+    },
+    clearFilter: function clearFilter(columnKeys) {
+      this.store.clearFilter(columnKeys);
+    },
+    clearSort: function clearSort() {
+      this.store.clearSort();
+    },
+    handleMouseLeave: function handleMouseLeave() {
+      this.store.commit('setHoverRow', null);
+      if (this.hoverState) this.hoverState = null;
+    },
+    updateScrollY: function updateScrollY() {
+      var changed = this.layout.updateScrollY();
+      if (changed) {
+        this.layout.notifyObservers('scrollable');
+        this.layout.updateColumnsWidth();
+      }
+    },
+    handleFixedMousewheel: function handleFixedMousewheel(event, data) {
+      var bodyWrapper = this.bodyWrapper;
+      if (Math.abs(data.spinY) > 0) {
+        var currentScrollTop = bodyWrapper.scrollTop;
+        if (data.pixelY < 0 && currentScrollTop !== 0) {
+          event.preventDefault();
+        }
+        if (data.pixelY > 0 && bodyWrapper.scrollHeight - bodyWrapper.clientHeight > currentScrollTop) {
+          event.preventDefault();
+        }
+        bodyWrapper.scrollTop += Math.ceil(data.pixelY / 5);
+      } else {
+        bodyWrapper.scrollLeft += Math.ceil(data.pixelX / 5);
+      }
+    },
+    handleHeaderFooterMousewheel: function handleHeaderFooterMousewheel(event, data) {
+      var pixelX = data.pixelX,
+          pixelY = data.pixelY;
+
+      if (Math.abs(pixelX) >= Math.abs(pixelY)) {
+        this.bodyWrapper.scrollLeft += data.pixelX / 5;
+      }
+    },
+
+
+    // TODO 使用 CSS transform
+    syncPostion: function syncPostion() {
+      var _bodyWrapper = this.bodyWrapper,
+          scrollLeft = _bodyWrapper.scrollLeft,
+          scrollTop = _bodyWrapper.scrollTop,
+          offsetWidth = _bodyWrapper.offsetWidth,
+          scrollWidth = _bodyWrapper.scrollWidth;
+      var _$refs = this.$refs,
+          headerWrapper = _$refs.headerWrapper,
+          footerWrapper = _$refs.footerWrapper,
+          fixedBodyWrapper = _$refs.fixedBodyWrapper,
+          rightFixedBodyWrapper = _$refs.rightFixedBodyWrapper;
+
+      if (headerWrapper) headerWrapper.scrollLeft = scrollLeft;
+      if (footerWrapper) footerWrapper.scrollLeft = scrollLeft;
+      if (fixedBodyWrapper) fixedBodyWrapper.scrollTop = scrollTop;
+      if (rightFixedBodyWrapper) rightFixedBodyWrapper.scrollTop = scrollTop;
+      var maxScrollLeftPosition = scrollWidth - offsetWidth - 1;
+      if (scrollLeft >= maxScrollLeftPosition) {
+        this.scrollPosition = 'right';
+      } else if (scrollLeft === 0) {
+        this.scrollPosition = 'left';
+      } else {
+        this.scrollPosition = 'middle';
+      }
+    },
+
+
+    throttleSyncPostion: Object(external_throttle_debounce_["throttle"])(16, function () {
+      this.syncPostion();
+    }),
+
+    onScroll: function onScroll(evt) {
+      var raf = window.requestAnimationFrame;
+      if (!raf) {
+        this.throttleSyncPostion();
+      } else {
+        raf(this.syncPostion);
+      }
+    },
+    bindEvents: function bindEvents() {
+      this.bodyWrapper.addEventListener('scroll', this.onScroll, { passive: true });
+      if (this.fit) {
+        Object(resize_event_["addResizeListener"])(this.$el, this.resizeListener);
+      }
+    },
+    unbindEvents: function unbindEvents() {
+      this.bodyWrapper.removeEventListener('scroll', this.onScroll, { passive: true });
+      if (this.fit) {
+        Object(resize_event_["removeResizeListener"])(this.$el, this.resizeListener);
+      }
+    },
+    resizeListener: function resizeListener() {
+      if (!this.$ready) return;
+      var shouldUpdateLayout = false;
+      var el = this.$el;
+      var _resizeState = this.resizeState,
+          oldWidth = _resizeState.width,
+          oldHeight = _resizeState.height;
+
+
+      var width = el.offsetWidth;
+      if (oldWidth !== width) {
+        shouldUpdateLayout = true;
+      }
+
+      var height = el.offsetHeight;
+      if ((this.height || this.shouldUpdateHeight) && oldHeight !== height) {
+        shouldUpdateLayout = true;
+      }
+
+      if (shouldUpdateLayout) {
+        this.resizeState.width = width;
+        this.resizeState.height = height;
+        this.doLayout();
+      }
+    },
+    doLayout: function doLayout() {
+      if (this.shouldUpdateHeight) {
+        this.layout.updateElsHeight();
+      }
+      this.layout.updateColumnsWidth();
+    },
+    sort: function sort(prop, order) {
+      this.store.commit('sort', { prop: prop, order: order });
+    },
+    toggleAllSelection: function toggleAllSelection() {
+      this.store.commit('toggleAllSelection');
+    }
+  },
+
+  computed: tablevue_type_script_lang_js_extends({
+    tableSize: function tableSize() {
+      return this.size || (this.$ELEMENT || {}).size;
+    },
+    bodyWrapper: function bodyWrapper() {
+      return this.$refs.bodyWrapper;
+    },
+    shouldUpdateHeight: function shouldUpdateHeight() {
+      return this.height || this.maxHeight || this.fixedColumns.length > 0 || this.rightFixedColumns.length > 0;
+    },
+    bodyWidth: function bodyWidth() {
+      var _layout = this.layout,
+          bodyWidth = _layout.bodyWidth,
+          scrollY = _layout.scrollY,
+          gutterWidth = _layout.gutterWidth;
+
+      return bodyWidth ? bodyWidth - (scrollY ? gutterWidth : 0) + 'px' : '';
+    },
+    bodyHeight: function bodyHeight() {
+      var _layout2 = this.layout,
+          _layout2$headerHeight = _layout2.headerHeight,
+          headerHeight = _layout2$headerHeight === undefined ? 0 : _layout2$headerHeight,
+          bodyHeight = _layout2.bodyHeight,
+          _layout2$footerHeight = _layout2.footerHeight,
+          footerHeight = _layout2$footerHeight === undefined ? 0 : _layout2$footerHeight;
+
+      if (this.height) {
+        return {
+          height: bodyHeight ? bodyHeight + 'px' : ''
+        };
+      } else if (this.maxHeight) {
+        var maxHeight = parseHeight(this.maxHeight);
+        if (typeof maxHeight === 'number') {
+          return {
+            'max-height': maxHeight - footerHeight - (this.showHeader ? headerHeight : 0) + 'px'
+          };
+        }
+      }
+      return {};
+    },
+    fixedBodyHeight: function fixedBodyHeight() {
+      if (this.height) {
+        return {
+          height: this.layout.fixedBodyHeight ? this.layout.fixedBodyHeight + 'px' : ''
+        };
+      } else if (this.maxHeight) {
+        var maxHeight = parseHeight(this.maxHeight);
+        if (typeof maxHeight === 'number') {
+          maxHeight = this.layout.scrollX ? maxHeight - this.layout.gutterWidth : maxHeight;
+          if (this.showHeader) {
+            maxHeight -= this.layout.headerHeight;
+          }
+          maxHeight -= this.layout.footerHeight;
+          return {
+            'max-height': maxHeight + 'px'
+          };
+        }
+      }
+      return {};
+    },
+    fixedHeight: function fixedHeight() {
+      if (this.maxHeight) {
+        if (this.showSummary) {
+          return {
+            bottom: 0
+          };
+        }
+        return {
+          bottom: this.layout.scrollX && this.data.length ? this.layout.gutterWidth + 'px' : ''
+        };
+      } else {
+        if (this.showSummary) {
+          return {
+            height: this.layout.tableHeight ? this.layout.tableHeight + 'px' : ''
+          };
+        }
+        return {
+          height: this.layout.viewportHeight ? this.layout.viewportHeight + 'px' : ''
+        };
+      }
+    },
+    emptyBlockStyle: function emptyBlockStyle() {
+      if (this.data && this.data.length) return null;
+      var height = '100%';
+      if (this.layout.appendHeight) {
+        height = 'calc(100% - ' + this.layout.appendHeight + 'px)';
+      }
+      return {
+        width: this.bodyWidth,
+        height: height
+      };
+    }
+  }, mapStates({
+    selection: 'selection',
+    columns: 'columns',
+    tableData: 'data',
+    fixedColumns: 'fixedColumns',
+    rightFixedColumns: 'rightFixedColumns'
+  })),
+
+  watch: {
+    height: {
+      immediate: true,
+      handler: function handler(value) {
+        this.layout.setHeight(value);
+      }
+    },
+
+    maxHeight: {
+      immediate: true,
+      handler: function handler(value) {
+        this.layout.setMaxHeight(value);
+      }
+    },
+
+    currentRowKey: {
+      immediate: true,
+      handler: function handler(value) {
+        if (!this.rowKey) return;
+        this.store.setCurrentRowKey(value);
+      }
+    },
+
+    data: {
+      immediate: true,
+      handler: function handler(value) {
+        this.store.commit('setData', value);
+      }
+    },
+
+    expandRowKeys: {
+      immediate: true,
+      handler: function handler(newVal) {
+        if (newVal) {
+          this.store.setExpandRowKeysAdapter(newVal);
+        }
+      }
+    }
+  },
+
+  created: function created() {
+    var _this = this;
+
+    this.tableId = 'el-table_' + tableIdSeed++;
+    this.debouncedUpdateLayout = Object(external_throttle_debounce_["debounce"])(50, function () {
+      return _this.doLayout();
+    });
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+
+    this.bindEvents();
+    this.store.updateColumns();
+    this.doLayout();
+
+    this.resizeState = {
+      width: this.$el.offsetWidth,
+      height: this.$el.offsetHeight
+    };
+
+    // init filters
+    this.store.states.columns.forEach(function (column) {
+      if (column.filteredValue && column.filteredValue.length) {
+        _this2.store.commit('filterChange', {
+          column: column,
+          values: column.filteredValue,
+          silent: true
+        });
+      }
+    });
+
+    this.$ready = true;
+  },
+  destroyed: function destroyed() {
+    this.unbindEvents();
+  },
+  data: function data() {
+    var _treeProps = this.treeProps,
+        _treeProps$hasChildre = _treeProps.hasChildren,
+        hasChildren = _treeProps$hasChildre === undefined ? 'hasChildren' : _treeProps$hasChildre,
+        _treeProps$children = _treeProps.children,
+        children = _treeProps$children === undefined ? 'children' : _treeProps$children;
+
+    this.store = createStore(this, {
+      rowKey: this.rowKey,
+      defaultExpandAll: this.defaultExpandAll,
+      selectOnIndeterminate: this.selectOnIndeterminate,
+      // TreeTable 的相关配置
+      indent: this.indent,
+      lazy: this.lazy,
+      lazyColumnIdentifier: hasChildren,
+      childrenColumnName: children
+    });
+    var layout = new table_layout({
+      store: this.store,
+      table: this,
+      fit: this.fit,
+      showHeader: this.showHeader
+    });
+    return {
+      layout: layout,
+      isHidden: false,
+      renderExpanded: null,
+      resizeProxyVisible: false,
+      resizeState: {
+        width: null,
+        height: null
+      },
+      // 是否拥有多级表头
+      isGroup: false,
+      scrollPosition: 'left'
+    };
+  }
+});
+// CONCATENATED MODULE: ./packages/table/src/table.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_tablevue_type_script_lang_js_ = (tablevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/table/src/table.vue
+
+
+
+
+
+/* normalize component */
+
+var table_component = normalizeComponent(
+  src_tablevue_type_script_lang_js_,
+  tablevue_type_template_id_493fe34e_render,
+  tablevue_type_template_id_493fe34e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var table_api; }
+table_component.options.__file = "packages/table/src/table.vue"
+/* harmony default export */ var src_table = (table_component.exports);
+// CONCATENATED MODULE: ./packages/table/index.js
+
+
+/* istanbul ignore next */
+src_table.install = function (Vue) {
+  Vue.component(src_table.name, src_table);
+};
+
+/* harmony default export */ var packages_table = (src_table);
+// CONCATENATED MODULE: ./packages/table/src/config.js
+
+
+var cellStarts = {
+  default: {
+    order: ''
+  },
+  selection: {
+    width: 48,
+    minWidth: 48,
+    realWidth: 48,
+    order: '',
+    className: 'el-table-column--selection'
+  },
+  expand: {
+    width: 48,
+    minWidth: 48,
+    realWidth: 48,
+    order: ''
+  },
+  index: {
+    width: 48,
+    minWidth: 48,
+    realWidth: 48,
+    order: ''
+  }
+};
+
+// 这些选项不应该被覆盖
+var cellForced = {
+  selection: {
+    renderHeader: function renderHeader(h, _ref) {
+      var store = _ref.store;
+
+      return h('el-checkbox', {
+        attrs: {
+          disabled: store.states.data && store.states.data.length === 0,
+          indeterminate: store.states.selection.length > 0 && !this.isAllSelected,
+
+          value: this.isAllSelected },
+        on: {
+          'input': this.toggleAllSelection
+        }
+      });
+    },
+    renderCell: function renderCell(h, _ref2) {
+      var row = _ref2.row,
+          column = _ref2.column,
+          isSelected = _ref2.isSelected,
+          store = _ref2.store,
+          $index = _ref2.$index;
+
+      return h('el-checkbox', {
+        nativeOn: {
+          'click': function click(event) {
+            return event.stopPropagation();
+          }
+        },
+        attrs: {
+          value: isSelected,
+          disabled: column.selectable ? !column.selectable.call(null, row, $index) : false
+        },
+        on: {
+          'input': function input() {
+            store.commit('rowSelectedChanged', row);
+          }
+        }
+      });
+    },
+    sortable: false,
+    resizable: false
+  },
+  index: {
+    renderHeader: function renderHeader(h, _ref3) {
+      var column = _ref3.column;
+
+      return column.label || '#';
+    },
+    renderCell: function renderCell(h, _ref4) {
+      var $index = _ref4.$index,
+          column = _ref4.column;
+
+      var i = $index + 1;
+      var index = column.index;
+
+      if (typeof index === 'number') {
+        i = $index + index;
+      } else if (typeof index === 'function') {
+        i = index($index);
+      }
+
+      return h('div', [i]);
+    },
+    sortable: false
+  },
+  expand: {
+    renderHeader: function renderHeader(h, _ref5) {
+      var column = _ref5.column;
+
+      return column.label || '';
+    },
+    renderCell: function renderCell(h, _ref6) {
+      var row = _ref6.row,
+          store = _ref6.store,
+          isExpanded = _ref6.isExpanded;
+
+      var classes = ['el-table__expand-icon'];
+      if (isExpanded) {
+        classes.push('el-table__expand-icon--expanded');
+      }
+      var callback = function callback(e) {
+        e.stopPropagation();
+        store.toggleRowExpansion(row);
+      };
+      return h(
+        'div',
+        { 'class': classes,
+          on: {
+            'click': callback
+          }
+        },
+        [h('i', { 'class': 'el-icon el-icon-arrow-right' })]
+      );
+    },
+    sortable: false,
+    resizable: false,
+    className: 'el-table__expand-column'
+  }
+};
+
+function defaultRenderCell(h, _ref7) {
+  var row = _ref7.row,
+      column = _ref7.column,
+      $index = _ref7.$index;
+
+  var property = column.property;
+  var value = property && Object(util_["getPropByPath"])(row, property).v;
+  if (column && column.formatter) {
+    return column.formatter(row, column, value, $index);
+  }
+  return value;
+}
+
+function treeCellPrefix(h, _ref8) {
+  var row = _ref8.row,
+      treeNode = _ref8.treeNode,
+      store = _ref8.store;
+
+  if (!treeNode) return null;
+  var ele = [];
+  var callback = function callback(e) {
+    e.stopPropagation();
+    store.loadOrToggle(row);
+  };
+  if (treeNode.indent) {
+    ele.push(h('span', { 'class': 'el-table__indent', style: { 'padding-left': treeNode.indent + 'px' } }));
+  }
+  if (typeof treeNode.expanded === 'boolean' && !treeNode.noLazyChildren) {
+    var expandClasses = ['el-table__expand-icon', treeNode.expanded ? 'el-table__expand-icon--expanded' : ''];
+    var iconClasses = ['el-icon-arrow-right'];
+    if (treeNode.loading) {
+      iconClasses = ['el-icon-loading'];
+    }
+    ele.push(h(
+      'div',
+      { 'class': expandClasses,
+        on: {
+          'click': callback
+        }
+      },
+      [h('i', { 'class': iconClasses })]
+    ));
+  } else {
+    ele.push(h('span', { 'class': 'el-table__placeholder' }));
+  }
+  return ele;
+}
+// CONCATENATED MODULE: ./packages/table/src/table-column.js
+var table_column_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+
+
+
+
+var columnIdSeed = 1;
+
+/* harmony default export */ var table_column = ({
+  name: 'ElTableColumn',
+
+  props: {
+    type: {
+      type: String,
+      default: 'default'
+    },
+    label: String,
+    className: String,
+    labelClassName: String,
+    property: String,
+    prop: String,
+    width: {},
+    minWidth: {},
+    renderHeader: Function,
+    sortable: {
+      type: [Boolean, String],
+      default: false
+    },
+    sortMethod: Function,
+    sortBy: [String, Function, Array],
+    resizable: {
+      type: Boolean,
+      default: true
+    },
+    columnKey: String,
+    align: String,
+    headerAlign: String,
+    showTooltipWhenOverflow: Boolean,
+    showOverflowTooltip: Boolean,
+    fixed: [Boolean, String],
+    formatter: Function,
+    selectable: Function,
+    reserveSelection: Boolean,
+    filterMethod: Function,
+    filteredValue: Array,
+    filters: Array,
+    filterPlacement: String,
+    filterMultiple: {
+      type: Boolean,
+      default: true
+    },
+    index: [Number, Function],
+    sortOrders: {
+      type: Array,
+      default: function _default() {
+        return ['ascending', 'descending', null];
+      },
+      validator: function validator(val) {
+        return val.every(function (order) {
+          return ['ascending', 'descending', null].indexOf(order) > -1;
+        });
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      isSubColumn: false,
+      columns: []
+    };
+  },
+
+
+  computed: {
+    owner: function owner() {
+      var parent = this.$parent;
+      while (parent && !parent.tableId) {
+        parent = parent.$parent;
+      }
+      return parent;
+    },
+    columnOrTableParent: function columnOrTableParent() {
+      var parent = this.$parent;
+      while (parent && !parent.tableId && !parent.columnId) {
+        parent = parent.$parent;
+      }
+      return parent;
+    },
+    realWidth: function realWidth() {
+      return parseWidth(this.width);
+    },
+    realMinWidth: function realMinWidth() {
+      return parseMinWidth(this.minWidth);
+    },
+    realAlign: function realAlign() {
+      return this.align ? 'is-' + this.align : null;
+    },
+    realHeaderAlign: function realHeaderAlign() {
+      return this.headerAlign ? 'is-' + this.headerAlign : this.realAlign;
+    }
+  },
+
+  methods: {
+    getPropsData: function getPropsData() {
+      var _this = this;
+
+      for (var _len = arguments.length, props = Array(_len), _key = 0; _key < _len; _key++) {
+        props[_key] = arguments[_key];
+      }
+
+      return props.reduce(function (prev, cur) {
+        if (Array.isArray(cur)) {
+          cur.forEach(function (key) {
+            prev[key] = _this[key];
+          });
+        }
+        return prev;
+      }, {});
+    },
+    getColumnElIndex: function getColumnElIndex(children, child) {
+      return [].indexOf.call(children, child);
+    },
+    setColumnWidth: function setColumnWidth(column) {
+      if (this.realWidth) {
+        column.width = this.realWidth;
+      }
+      if (this.realMinWidth) {
+        column.minWidth = this.realMinWidth;
+      }
+      if (!column.minWidth) {
+        column.minWidth = 80;
+      }
+      column.realWidth = column.width === undefined ? column.minWidth : column.width;
+      return column;
+    },
+    setColumnForcedProps: function setColumnForcedProps(column) {
+      // 对于特定类型的 column，某些属性不允许设置
+      var type = column.type;
+      var source = cellForced[type] || {};
+      Object.keys(source).forEach(function (prop) {
+        var value = source[prop];
+        if (value !== undefined) {
+          column[prop] = prop === 'className' ? column[prop] + ' ' + value : value;
+        }
+      });
+      return column;
+    },
+    setColumnRenders: function setColumnRenders(column) {
+      var _this2 = this;
+
+      var h = this.$createElement;
+
+      // renderHeader 属性不推荐使用。
+      if (this.renderHeader) {
+        console.warn('[Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.');
+      } else if (column.type !== 'selection') {
+        column.renderHeader = function (h, scope) {
+          var renderHeader = _this2.$scopedSlots.header;
+          return renderHeader ? renderHeader(scope) : column.label;
+        };
+      }
+
+      var originRenderCell = column.renderCell;
+      // TODO: 这里的实现调整
+      if (column.type === 'expand') {
+        // 对于展开行，renderCell 不允许配置的。在上一步中已经设置过，这里需要简单封装一下。
+        column.renderCell = function (h, data) {
+          return h(
+            'div',
+            { 'class': 'cell' },
+            [originRenderCell(h, data)]
+          );
+        };
+        this.owner.renderExpanded = function (h, data) {
+          return _this2.$scopedSlots.default ? _this2.$scopedSlots.default(data) : _this2.$slots.default;
+        };
+      } else {
+        originRenderCell = originRenderCell || defaultRenderCell;
+        // 对 renderCell 进行包装
+        column.renderCell = function (h, data) {
+          var children = null;
+          if (_this2.$scopedSlots.default) {
+            children = _this2.$scopedSlots.default(data);
+          } else {
+            children = originRenderCell(h, data);
+          }
+          var prefix = treeCellPrefix(h, data);
+          var props = {
+            class: 'cell',
+            style: {}
+          };
+          if (column.showOverflowTooltip) {
+            props.class += ' el-tooltip';
+            props.style = { width: (data.column.realWidth || data.column.width) - 1 + 'px' };
+          }
+          return h(
+            'div',
+            props,
+            [prefix, children]
+          );
+        };
+      }
+      return column;
+    },
+    registerNormalWatchers: function registerNormalWatchers() {
+      var _this3 = this;
+
+      var props = ['label', 'property', 'filters', 'filterMultiple', 'sortable', 'index', 'formatter', 'className', 'labelClassName', 'showOverflowTooltip'];
+      // 一些属性具有别名
+      var aliases = {
+        prop: 'property',
+        realAlign: 'align',
+        realHeaderAlign: 'headerAlign',
+        realWidth: 'width'
+      };
+      var allAliases = props.reduce(function (prev, cur) {
+        prev[cur] = cur;
+        return prev;
+      }, aliases);
+
+      Object.keys(allAliases).forEach(function (key) {
+        var columnKey = aliases[key];
+
+        _this3.$watch(key, function (newVal) {
+          _this3.columnConfig[columnKey] = newVal;
+        });
+      });
+    },
+    registerComplexWatchers: function registerComplexWatchers() {
+      var _this4 = this;
+
+      var props = ['fixed'];
+      var aliases = {
+        realWidth: 'width',
+        realMinWidth: 'minWidth'
+      };
+      var allAliases = props.reduce(function (prev, cur) {
+        prev[cur] = cur;
+        return prev;
+      }, aliases);
+
+      Object.keys(allAliases).forEach(function (key) {
+        var columnKey = aliases[key];
+
+        _this4.$watch(key, function (newVal) {
+          _this4.columnConfig[columnKey] = newVal;
+          var updateColumns = columnKey === 'fixed';
+          _this4.owner.store.scheduleLayout(updateColumns);
+        });
+      });
+    }
+  },
+
+  components: {
+    ElCheckbox: checkbox_default.a
+  },
+
+  beforeCreate: function beforeCreate() {
+    this.row = {};
+    this.column = {};
+    this.$index = 0;
+    this.columnId = '';
+  },
+  created: function created() {
+    var parent = this.columnOrTableParent;
+    this.isSubColumn = this.owner !== parent;
+    this.columnId = (parent.tableId || parent.columnId) + '_column_' + columnIdSeed++;
+
+    var type = this.type || 'default';
+    var sortable = this.sortable === '' ? true : this.sortable;
+    var defaults = table_column_extends({}, cellStarts[type], {
+      id: this.columnId,
+      type: type,
+      property: this.prop || this.property,
+      align: this.realAlign,
+      headerAlign: this.realHeaderAlign,
+      showOverflowTooltip: this.showOverflowTooltip || this.showTooltipWhenOverflow,
+      // filter 相关属性
+      filterable: this.filters || this.filterMethod,
+      filteredValue: [],
+      filterPlacement: '',
+      isColumnGroup: false,
+      filterOpened: false,
+      // sort 相关属性
+      sortable: sortable,
+      // index 列
+      index: this.index
+    });
+
+    var basicProps = ['columnKey', 'label', 'className', 'labelClassName', 'type', 'renderHeader', 'formatter', 'fixed', 'resizable'];
+    var sortProps = ['sortMethod', 'sortBy', 'sortOrders'];
+    var selectProps = ['selectable', 'reserveSelection'];
+    var filterProps = ['filterMethod', 'filters', 'filterMultiple', 'filterOpened', 'filteredValue', 'filterPlacement'];
+
+    var column = this.getPropsData(basicProps, sortProps, selectProps, filterProps);
+    column = mergeOptions(defaults, column);
+
+    // 注意 compose 中函数执行的顺序是从右到左
+    var chains = compose(this.setColumnRenders, this.setColumnWidth, this.setColumnForcedProps);
+    column = chains(column);
+
+    this.columnConfig = column;
+
+    // 注册 watcher
+    this.registerNormalWatchers();
+    this.registerComplexWatchers();
+  },
+  mounted: function mounted() {
+    var owner = this.owner;
+    var parent = this.columnOrTableParent;
+    var children = this.isSubColumn ? parent.$el.children : parent.$refs.hiddenColumns.children;
+    var columnIndex = this.getColumnElIndex(children, this.$el);
+
+    owner.store.commit('insertColumn', this.columnConfig, columnIndex, this.isSubColumn ? parent.columnConfig : null);
+  },
+  destroyed: function destroyed() {
+    if (!this.$parent) return;
+    var parent = this.$parent;
+    this.owner.store.commit('removeColumn', this.columnConfig, this.isSubColumn ? parent.columnConfig : null);
+  },
+  render: function render(h) {
+    // slots 也要渲染，需要计算合并表头
+    return h('div', this.$slots.default);
+  }
+});
+// CONCATENATED MODULE: ./packages/table-column/index.js
+
+
+/* istanbul ignore next */
+table_column.install = function (Vue) {
+  Vue.component(table_column.name, table_column);
+};
+
+/* harmony default export */ var packages_table_column = (table_column);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/picker.vue?vue&type=template&id=79ae069f&
+var pickervue_type_template_id_79ae069f_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return !_vm.ranged
+    ? _c(
+        "el-input",
+        _vm._b(
+          {
+            directives: [
+              {
+                name: "clickoutside",
+                rawName: "v-clickoutside",
+                value: _vm.handleClose,
+                expression: "handleClose"
+              }
+            ],
+            ref: "reference",
+            staticClass: "el-date-editor",
+            class: "el-date-editor--" + _vm.type,
+            attrs: {
+              readonly:
+                !_vm.editable ||
+                _vm.readonly ||
+                _vm.type === "dates" ||
+                _vm.type === "week" ||
+                _vm.type === "years" ||
+                _vm.type === "months",
+              disabled: _vm.pickerDisabled,
+              size: _vm.pickerSize,
+              name: _vm.name,
+              placeholder: _vm.placeholder,
+              value: _vm.displayValue,
+              validateEvent: false
+            },
+            on: {
+              focus: _vm.handleFocus,
+              input: function(value) {
+                return (_vm.userInput = value)
+              },
+              change: _vm.handleChange
+            },
+            nativeOn: {
+              keydown: function($event) {
+                return _vm.handleKeydown($event)
+              },
+              mouseenter: function($event) {
+                return _vm.handleMouseEnter($event)
+              },
+              mouseleave: function($event) {
+                _vm.showClose = false
+              }
+            }
+          },
+          "el-input",
+          _vm.firstInputId,
+          false
+        ),
+        [
+          _c("i", {
+            staticClass: "el-input__icon",
+            class: _vm.triggerClass,
+            attrs: { slot: "prefix" },
+            on: { click: _vm.handleFocus },
+            slot: "prefix"
+          }),
+          _vm.haveTrigger
+            ? _c("i", {
+                staticClass: "el-input__icon",
+                class: [_vm.showClose ? "" + _vm.clearIcon : ""],
+                attrs: { slot: "suffix" },
+                on: { click: _vm.handleClickIcon },
+                slot: "suffix"
+              })
+            : _vm._e()
+        ]
+      )
+    : _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "clickoutside",
+              rawName: "v-clickoutside",
+              value: _vm.handleClose,
+              expression: "handleClose"
+            }
+          ],
+          ref: "reference",
+          staticClass: "el-date-editor el-range-editor el-input__inner",
+          class: [
+            "el-date-editor--" + _vm.type,
+            _vm.pickerSize ? "el-range-editor--" + _vm.pickerSize : "",
+            _vm.pickerDisabled ? "is-disabled" : "",
+            _vm.pickerVisible ? "is-active" : ""
+          ],
+          on: {
+            click: _vm.handleRangeClick,
+            mouseenter: _vm.handleMouseEnter,
+            mouseleave: function($event) {
+              _vm.showClose = false
+            },
+            keydown: _vm.handleKeydown
+          }
+        },
+        [
+          _c("i", {
+            class: ["el-input__icon", "el-range__icon", _vm.triggerClass]
+          }),
+          _c(
+            "input",
+            _vm._b(
+              {
+                staticClass: "el-range-input",
+                attrs: {
+                  autocomplete: "off",
+                  placeholder: _vm.startPlaceholder,
+                  disabled: _vm.pickerDisabled,
+                  readonly: !_vm.editable || _vm.readonly,
+                  name: _vm.name && _vm.name[0]
+                },
+                domProps: { value: _vm.displayValue && _vm.displayValue[0] },
+                on: {
+                  input: _vm.handleStartInput,
+                  change: _vm.handleStartChange,
+                  focus: _vm.handleFocus
+                }
+              },
+              "input",
+              _vm.firstInputId,
+              false
+            )
+          ),
+          _vm._t("range-separator", [
+            _c("span", { staticClass: "el-range-separator" }, [
+              _vm._v(_vm._s(_vm.rangeSeparator))
+            ])
+          ]),
+          _c(
+            "input",
+            _vm._b(
+              {
+                staticClass: "el-range-input",
+                attrs: {
+                  autocomplete: "off",
+                  placeholder: _vm.endPlaceholder,
+                  disabled: _vm.pickerDisabled,
+                  readonly: !_vm.editable || _vm.readonly,
+                  name: _vm.name && _vm.name[1]
+                },
+                domProps: { value: _vm.displayValue && _vm.displayValue[1] },
+                on: {
+                  input: _vm.handleEndInput,
+                  change: _vm.handleEndChange,
+                  focus: _vm.handleFocus
+                }
+              },
+              "input",
+              _vm.secondInputId,
+              false
+            )
+          ),
+          _vm.haveTrigger
+            ? _c("i", {
+                staticClass: "el-input__icon el-range__close-icon",
+                class: [_vm.showClose ? "" + _vm.clearIcon : ""],
+                on: { click: _vm.handleClickIcon }
+              })
+            : _vm._e()
+        ],
+        2
+      )
+}
+var pickervue_type_template_id_79ae069f_staticRenderFns = []
+pickervue_type_template_id_79ae069f_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/picker.vue?vue&type=template&id=79ae069f&
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/date-util"
+var date_util_ = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/picker.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+var NewPopper = {
+  props: {
+    appendToBody: vue_popper_default.a.props.appendToBody,
+    offset: vue_popper_default.a.props.offset,
+    boundariesPadding: vue_popper_default.a.props.boundariesPadding,
+    arrowOffset: vue_popper_default.a.props.arrowOffset,
+    transformOrigin: vue_popper_default.a.props.transformOrigin
+  },
+  methods: vue_popper_default.a.methods,
+  data: function data() {
+    return merge_default()({ visibleArrow: true }, vue_popper_default.a.data);
+  },
+
+  beforeDestroy: vue_popper_default.a.beforeDestroy
+};
+
+var DEFAULT_FORMATS = {
+  date: 'yyyy-MM-dd',
+  month: 'yyyy-MM',
+  months: 'yyyy-MM',
+  datetime: 'yyyy-MM-dd HH:mm:ss',
+  time: 'HH:mm:ss',
+  week: 'yyyywWW',
+  timerange: 'HH:mm:ss',
+  daterange: 'yyyy-MM-dd',
+  monthrange: 'yyyy-MM',
+  datetimerange: 'yyyy-MM-dd HH:mm:ss',
+  year: 'yyyy',
+  years: 'yyyy'
+};
+var HAVE_TRIGGER_TYPES = ['date', 'datetime', 'time', 'time-select', 'week', 'month', 'year', 'daterange', 'monthrange', 'timerange', 'datetimerange', 'dates', 'months', 'years'];
+var pickervue_type_script_lang_js_DATE_FORMATTER = function DATE_FORMATTER(value, format) {
+  if (format === 'timestamp') return value.getTime();
+  return Object(date_util_["formatDate"])(value, format);
+};
+var pickervue_type_script_lang_js_DATE_PARSER = function DATE_PARSER(text, format) {
+  if (format === 'timestamp') return new Date(Number(text));
+  return Object(date_util_["parseDate"])(text, format);
+};
+var RANGE_FORMATTER = function RANGE_FORMATTER(value, format) {
+  if (Array.isArray(value) && value.length === 2) {
+    var start = value[0];
+    var end = value[1];
+
+    if (start && end) {
+      return [pickervue_type_script_lang_js_DATE_FORMATTER(start, format), pickervue_type_script_lang_js_DATE_FORMATTER(end, format)];
+    }
+  }
+  return '';
+};
+var RANGE_PARSER = function RANGE_PARSER(array, format, separator) {
+  if (!Array.isArray(array)) {
+    array = array.split(separator);
+  }
+  if (array.length === 2) {
+    var range1 = array[0];
+    var range2 = array[1];
+
+    return [pickervue_type_script_lang_js_DATE_PARSER(range1, format), pickervue_type_script_lang_js_DATE_PARSER(range2, format)];
+  }
+  return [];
+};
+var TYPE_VALUE_RESOLVER_MAP = {
+  default: {
+    formatter: function formatter(value) {
+      if (!value) return '';
+      return '' + value;
+    },
+    parser: function parser(text) {
+      if (text === undefined || text === '') return null;
+      return text;
+    }
+  },
+  week: {
+    formatter: function formatter(value, format) {
+      var week = Object(date_util_["getWeekNumber"])(value);
+      var month = value.getMonth();
+      var trueDate = new Date(value);
+      if (week === 1 && month === 11) {
+        trueDate.setHours(0, 0, 0, 0);
+        trueDate.setDate(trueDate.getDate() + 3 - (trueDate.getDay() + 6) % 7);
+      }
+      var date = Object(date_util_["formatDate"])(trueDate, format);
+
+      date = /WW/.test(date) ? date.replace(/WW/, week < 10 ? '0' + week : week) : date.replace(/W/, week);
+      return date;
+    },
+    parser: function parser(text, format) {
+      // parse as if a normal date
+      return TYPE_VALUE_RESOLVER_MAP.date.parser(text, format);
+    }
+  },
+  date: {
+    formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
+    parser: pickervue_type_script_lang_js_DATE_PARSER
+  },
+  datetime: {
+    formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
+    parser: pickervue_type_script_lang_js_DATE_PARSER
+  },
+  daterange: {
+    formatter: RANGE_FORMATTER,
+    parser: RANGE_PARSER
+  },
+  monthrange: {
+    formatter: RANGE_FORMATTER,
+    parser: RANGE_PARSER
+  },
+  datetimerange: {
+    formatter: RANGE_FORMATTER,
+    parser: RANGE_PARSER
+  },
+  timerange: {
+    formatter: RANGE_FORMATTER,
+    parser: RANGE_PARSER
+  },
+  time: {
+    formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
+    parser: pickervue_type_script_lang_js_DATE_PARSER
+  },
+  month: {
+    formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
+    parser: pickervue_type_script_lang_js_DATE_PARSER
+  },
+  year: {
+    formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
+    parser: pickervue_type_script_lang_js_DATE_PARSER
+  },
+  number: {
+    formatter: function formatter(value) {
+      if (!value) return '';
+      return '' + value;
+    },
+    parser: function parser(text) {
+      var result = Number(text);
+
+      if (!isNaN(text)) {
+        return result;
+      } else {
+        return null;
+      }
+    }
+  },
+  dates: {
+    formatter: function formatter(value, format) {
+      return value.map(function (date) {
+        return pickervue_type_script_lang_js_DATE_FORMATTER(date, format);
+      });
+    },
+    parser: function parser(value, format) {
+      return (typeof value === 'string' ? value.split(', ') : value).map(function (date) {
+        return date instanceof Date ? date : pickervue_type_script_lang_js_DATE_PARSER(date, format);
+      });
+    }
+  },
+  months: {
+    formatter: function formatter(value, format) {
+      return value.map(function (date) {
+        return pickervue_type_script_lang_js_DATE_FORMATTER(date, format);
+      });
+    },
+    parser: function parser(value, format) {
+      return (typeof value === 'string' ? value.split(', ') : value).map(function (date) {
+        return date instanceof Date ? date : pickervue_type_script_lang_js_DATE_PARSER(date, format);
+      });
+    }
+  },
+  years: {
+    formatter: function formatter(value, format) {
+      return value.map(function (date) {
+        return pickervue_type_script_lang_js_DATE_FORMATTER(date, format);
+      });
+    },
+    parser: function parser(value, format) {
+      return (typeof value === 'string' ? value.split(', ') : value).map(function (date) {
+        return date instanceof Date ? date : pickervue_type_script_lang_js_DATE_PARSER(date, format);
+      });
+    }
+  }
+};
+var PLACEMENT_MAP = {
+  left: 'bottom-start',
+  center: 'bottom',
+  right: 'bottom-end'
+};
+
+var parseAsFormatAndType = function parseAsFormatAndType(value, customFormat, type) {
+  var rangeSeparator = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '-';
+
+  if (!value) return null;
+  var parser = (TYPE_VALUE_RESOLVER_MAP[type] || TYPE_VALUE_RESOLVER_MAP['default']).parser;
+  var format = customFormat || DEFAULT_FORMATS[type];
+  return parser(value, format, rangeSeparator);
+};
+
+var formatAsFormatAndType = function formatAsFormatAndType(value, customFormat, type) {
+  if (!value) return null;
+  var formatter = (TYPE_VALUE_RESOLVER_MAP[type] || TYPE_VALUE_RESOLVER_MAP['default']).formatter;
+  var format = customFormat || DEFAULT_FORMATS[type];
+  return formatter(value, format);
+};
+
+/*
+ * Considers:
+ *   1. Date object
+ *   2. date string
+ *   3. array of 1 or 2
+ */
+var valueEquals = function valueEquals(a, b) {
+  // considers Date object and string
+  var dateEquals = function dateEquals(a, b) {
+    var aIsDate = a instanceof Date;
+    var bIsDate = b instanceof Date;
+    if (aIsDate && bIsDate) {
+      return a.getTime() === b.getTime();
+    }
+    if (!aIsDate && !bIsDate) {
+      return a === b;
+    }
+    return false;
+  };
+
+  var aIsArray = a instanceof Array;
+  var bIsArray = b instanceof Array;
+  if (aIsArray && bIsArray) {
+    if (a.length !== b.length) {
+      return false;
+    }
+    return a.every(function (item, index) {
+      return dateEquals(item, b[index]);
+    });
+  }
+  if (!aIsArray && !bIsArray) {
+    return dateEquals(a, b);
+  }
+  return false;
+};
+
+var isString = function isString(val) {
+  return typeof val === 'string' || val instanceof String;
+};
+
+var pickervue_type_script_lang_js_validator = function validator(val) {
+  // either: String, Array of String, null / undefined
+  return val === null || val === undefined || isString(val) || Array.isArray(val) && val.length === 2 && val.every(isString);
+};
+
+/* harmony default export */ var pickervue_type_script_lang_js_ = ({
+  mixins: [emitter_default.a, NewPopper],
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  props: {
+    size: String,
+    format: String,
+    valueFormat: String,
+    readonly: Boolean,
+    placeholder: String,
+    startPlaceholder: String,
+    endPlaceholder: String,
+    prefixIcon: String,
+    clearIcon: {
+      type: String,
+      default: 'el-icon-circle-close'
+    },
+    name: {
+      default: '',
+      validator: pickervue_type_script_lang_js_validator
+    },
+    disabled: Boolean,
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    id: {
+      default: '',
+      validator: pickervue_type_script_lang_js_validator
+    },
+    popperClass: String,
+    editable: {
+      type: Boolean,
+      default: true
+    },
+    align: {
+      type: String,
+      default: 'left'
+    },
+    value: {},
+    defaultValue: {},
+    defaultTime: {},
+    rangeSeparator: {
+      default: '-'
+    },
+    pickerOptions: {},
+    unlinkPanels: Boolean,
+    validateEvent: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  components: { ElInput: input_default.a },
+
+  directives: { Clickoutside: clickoutside_default.a },
+
+  data: function data() {
+    return {
+      pickerVisible: false,
+      showClose: false,
+      userInput: null,
+      valueOnOpen: null, // value when picker opens, used to determine whether to emit change
+      unwatchPickerOptions: null
+    };
+  },
+
+
+  watch: {
+    pickerVisible: function pickerVisible(val) {
+      if (this.readonly || this.pickerDisabled) return;
+      if (val) {
+        this.showPicker();
+        this.valueOnOpen = Array.isArray(this.value) ? [].concat(this.value) : this.value;
+      } else {
+        this.hidePicker();
+        this.emitChange(this.value);
+        this.userInput = null;
+        if (this.validateEvent) {
+          this.dispatch('ElFormItem', 'el.form.blur');
+        }
+        this.$emit('blur', this);
+        this.blur();
+      }
+    },
+
+    parsedValue: {
+      immediate: true,
+      handler: function handler(val) {
+        if (this.picker) {
+          this.picker.value = val;
+        }
+      }
+    },
+    defaultValue: function defaultValue(val) {
+      // NOTE: should eventually move to jsx style picker + panel ?
+      if (this.picker) {
+        this.picker.defaultValue = val;
+      }
+    },
+    value: function value(val, oldVal) {
+      if (!valueEquals(val, oldVal) && !this.pickerVisible && this.validateEvent) {
+        this.dispatch('ElFormItem', 'el.form.change', val);
+      }
+    }
+  },
+
+  computed: {
+    ranged: function ranged() {
+      return this.type.indexOf('range') > -1;
+    },
+    reference: function reference() {
+      var reference = this.$refs.reference;
+      return reference.$el || reference;
+    },
+    refInput: function refInput() {
+      if (this.reference) {
+        return [].slice.call(this.reference.querySelectorAll('input'));
+      }
+      return [];
+    },
+    valueIsEmpty: function valueIsEmpty() {
+      var val = this.value;
+      if (Array.isArray(val)) {
+        for (var i = 0, len = val.length; i < len; i++) {
+          if (val[i]) {
+            return false;
+          }
+        }
+      } else {
+        if (val) {
+          return false;
+        }
+      }
+      return true;
+    },
+    triggerClass: function triggerClass() {
+      return this.prefixIcon || (this.type.indexOf('time') !== -1 ? 'el-icon-time' : 'el-icon-date');
+    },
+    selectionMode: function selectionMode() {
+      if (this.type === 'week') {
+        return 'week';
+      } else if (this.type === 'month') {
+        return 'month';
+      } else if (this.type === 'year') {
+        return 'year';
+      } else if (this.type === 'dates') {
+        return 'dates';
+      } else if (this.type === 'months') {
+        return 'months';
+      } else if (this.type === 'years') {
+        return 'years';
+      }
+
+      return 'day';
+    },
+    haveTrigger: function haveTrigger() {
+      if (typeof this.showTrigger !== 'undefined') {
+        return this.showTrigger;
+      }
+      return HAVE_TRIGGER_TYPES.indexOf(this.type) !== -1;
+    },
+    displayValue: function displayValue() {
+      var formattedValue = formatAsFormatAndType(this.parsedValue, this.format, this.type, this.rangeSeparator);
+      if (Array.isArray(this.userInput)) {
+        return [this.userInput[0] || formattedValue && formattedValue[0] || '', this.userInput[1] || formattedValue && formattedValue[1] || ''];
+      } else if (this.userInput !== null) {
+        return this.userInput;
+      } else if (formattedValue) {
+        return this.type === 'dates' || this.type === 'years' || this.type === 'months' ? formattedValue.join(', ') : formattedValue;
+      } else {
+        return '';
+      }
+    },
+    parsedValue: function parsedValue() {
+      if (!this.value) return this.value; // component value is not set
+      if (this.type === 'time-select') return this.value; // time-select does not require parsing, this might change in next major version
+
+      var valueIsDateObject = Object(date_util_["isDateObject"])(this.value) || Array.isArray(this.value) && this.value.every(date_util_["isDateObject"]);
+      if (valueIsDateObject) {
+        return this.value;
+      }
+
+      if (this.valueFormat) {
+        return parseAsFormatAndType(this.value, this.valueFormat, this.type, this.rangeSeparator) || this.value;
+      }
+
+      // NOTE: deal with common but incorrect usage, should remove in next major version
+      // user might provide string / timestamp without value-format, coerce them into date (or array of date)
+      return Array.isArray(this.value) ? this.value.map(function (val) {
+        return new Date(val);
+      }) : new Date(this.value);
+    },
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    pickerSize: function pickerSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    pickerDisabled: function pickerDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    firstInputId: function firstInputId() {
+      var obj = {};
+      var id = void 0;
+      if (this.ranged) {
+        id = this.id && this.id[0];
+      } else {
+        id = this.id;
+      }
+      if (id) obj.id = id;
+      return obj;
+    },
+    secondInputId: function secondInputId() {
+      var obj = {};
+      var id = void 0;
+      if (this.ranged) {
+        id = this.id && this.id[1];
+      }
+      if (id) obj.id = id;
+      return obj;
+    }
+  },
+
+  created: function created() {
+    // vue-popper
+    this.popperOptions = {
+      boundariesPadding: 0,
+      gpuAcceleration: false
+    };
+    this.placement = PLACEMENT_MAP[this.align] || PLACEMENT_MAP.left;
+
+    this.$on('fieldReset', this.handleFieldReset);
+  },
+
+
+  methods: {
+    focus: function focus() {
+      if (!this.ranged) {
+        this.$refs.reference.focus();
+      } else {
+        this.handleFocus();
+      }
+    },
+    blur: function blur() {
+      this.refInput.forEach(function (input) {
+        return input.blur();
+      });
+    },
+
+
+    // {parse, formatTo} Value deals maps component value with internal Date
+    parseValue: function parseValue(value) {
+      var isParsed = Object(date_util_["isDateObject"])(value) || Array.isArray(value) && value.every(date_util_["isDateObject"]);
+      if (this.valueFormat && !isParsed) {
+        return parseAsFormatAndType(value, this.valueFormat, this.type, this.rangeSeparator) || value;
+      } else {
+        return value;
+      }
+    },
+    formatToValue: function formatToValue(date) {
+      var isFormattable = Object(date_util_["isDateObject"])(date) || Array.isArray(date) && date.every(date_util_["isDateObject"]);
+      if (this.valueFormat && isFormattable) {
+        return formatAsFormatAndType(date, this.valueFormat, this.type, this.rangeSeparator);
+      } else {
+        return date;
+      }
+    },
+
+
+    // {parse, formatTo} String deals with user input
+    parseString: function parseString(value) {
+      var type = Array.isArray(value) ? this.type : this.type.replace('range', '');
+      return parseAsFormatAndType(value, this.format, type);
+    },
+    formatToString: function formatToString(value) {
+      var type = Array.isArray(value) ? this.type : this.type.replace('range', '');
+      return formatAsFormatAndType(value, this.format, type);
+    },
+    handleMouseEnter: function handleMouseEnter() {
+      if (this.readonly || this.pickerDisabled) return;
+      if (!this.valueIsEmpty && this.clearable) {
+        this.showClose = true;
+      }
+    },
+    handleChange: function handleChange() {
+      if (this.userInput) {
+        var value = this.parseString(this.displayValue);
+        if (value) {
+          this.picker.value = value;
+          if (this.isValidValue(value)) {
+            this.emitInput(value);
+            this.userInput = null;
+          }
+        }
+      }
+      if (this.userInput === '') {
+        this.emitInput(null);
+        this.emitChange(null);
+        this.userInput = null;
+      }
+    },
+    handleStartInput: function handleStartInput(event) {
+      if (this.userInput) {
+        this.userInput = [event.target.value, this.userInput[1]];
+      } else {
+        this.userInput = [event.target.value, null];
+      }
+    },
+    handleEndInput: function handleEndInput(event) {
+      if (this.userInput) {
+        this.userInput = [this.userInput[0], event.target.value];
+      } else {
+        this.userInput = [null, event.target.value];
+      }
+    },
+    handleStartChange: function handleStartChange(event) {
+      var value = this.parseString(this.userInput && this.userInput[0]);
+      if (value) {
+        this.userInput = [this.formatToString(value), this.displayValue[1]];
+        var newValue = [value, this.picker.value && this.picker.value[1]];
+        this.picker.value = newValue;
+        if (this.isValidValue(newValue)) {
+          this.emitInput(newValue);
+          this.userInput = null;
+        }
+      }
+    },
+    handleEndChange: function handleEndChange(event) {
+      var value = this.parseString(this.userInput && this.userInput[1]);
+      if (value) {
+        this.userInput = [this.displayValue[0], this.formatToString(value)];
+        var newValue = [this.picker.value && this.picker.value[0], value];
+        this.picker.value = newValue;
+        if (this.isValidValue(newValue)) {
+          this.emitInput(newValue);
+          this.userInput = null;
+        }
+      }
+    },
+    handleClickIcon: function handleClickIcon(event) {
+      if (this.readonly || this.pickerDisabled) return;
+      if (this.showClose) {
+        this.valueOnOpen = this.value;
+        event.stopPropagation();
+        this.emitInput(null);
+        this.emitChange(null);
+        this.showClose = false;
+        if (this.picker && typeof this.picker.handleClear === 'function') {
+          this.picker.handleClear();
+        }
+      } else {
+        this.pickerVisible = !this.pickerVisible;
+      }
+    },
+    handleClose: function handleClose() {
+      if (!this.pickerVisible) return;
+      this.pickerVisible = false;
+
+      if (this.type === 'dates' || this.type === 'years' || this.type === 'months') {
+        // restore to former value
+        var oldValue = parseAsFormatAndType(this.valueOnOpen, this.valueFormat, this.type, this.rangeSeparator) || this.valueOnOpen;
+        this.emitInput(oldValue);
+      }
+    },
+    handleFieldReset: function handleFieldReset(initialValue) {
+      this.userInput = initialValue === '' ? null : initialValue;
+    },
+    handleFocus: function handleFocus() {
+      var type = this.type;
+
+      if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) {
+        this.pickerVisible = true;
+      }
+      this.$emit('focus', this);
+    },
+    handleKeydown: function handleKeydown(event) {
+      var _this = this;
+
+      var keyCode = event.keyCode;
+
+      // ESC
+      if (keyCode === 27) {
+        this.pickerVisible = false;
+        event.stopPropagation();
+        return;
+      }
+
+      // Tab
+      if (keyCode === 9) {
+        if (!this.ranged) {
+          this.handleChange();
+          this.pickerVisible = this.picker.visible = false;
+          this.blur();
+          event.stopPropagation();
+        } else {
+          // user may change focus between two input
+          setTimeout(function () {
+            if (_this.refInput.indexOf(document.activeElement) === -1) {
+              _this.pickerVisible = false;
+              _this.blur();
+              event.stopPropagation();
+            }
+          }, 0);
+        }
+        return;
+      }
+
+      // Enter
+      if (keyCode === 13) {
+        if (this.userInput === '' || this.isValidValue(this.parseString(this.displayValue))) {
+          this.handleChange();
+          this.pickerVisible = this.picker.visible = false;
+          this.blur();
+        }
+        event.stopPropagation();
+        return;
+      }
+
+      // if user is typing, do not let picker handle key input
+      if (this.userInput) {
+        event.stopPropagation();
+        return;
+      }
+
+      // delegate other keys to panel
+      if (this.picker && this.picker.handleKeydown) {
+        this.picker.handleKeydown(event);
+      }
+    },
+    handleRangeClick: function handleRangeClick() {
+      var type = this.type;
+
+      if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) {
+        this.pickerVisible = true;
+      }
+      this.$emit('focus', this);
+    },
+    hidePicker: function hidePicker() {
+      if (this.picker) {
+        this.picker.resetView && this.picker.resetView();
+        this.pickerVisible = this.picker.visible = false;
+        this.destroyPopper();
+      }
+    },
+    showPicker: function showPicker() {
+      var _this2 = this;
+
+      if (this.$isServer) return;
+      if (!this.picker) {
+        this.mountPicker();
+      }
+      this.pickerVisible = this.picker.visible = true;
+
+      this.updatePopper();
+
+      this.picker.value = this.parsedValue;
+      this.picker.resetView && this.picker.resetView();
+
+      this.$nextTick(function () {
+        _this2.picker.adjustSpinners && _this2.picker.adjustSpinners();
+      });
+    },
+    mountPicker: function mountPicker() {
+      var _this3 = this;
+
+      this.picker = new external_vue_default.a(this.panel).$mount();
+      this.picker.defaultValue = this.defaultValue;
+      this.picker.defaultTime = this.defaultTime;
+      this.picker.popperClass = this.popperClass;
+      this.popperElm = this.picker.$el;
+      this.picker.width = this.reference.getBoundingClientRect().width;
+      this.picker.showTime = this.type === 'datetime' || this.type === 'datetimerange';
+      this.picker.selectionMode = this.selectionMode;
+      this.picker.unlinkPanels = this.unlinkPanels;
+      this.picker.arrowControl = this.arrowControl || this.timeArrowControl || false;
+      this.$watch('format', function (format) {
+        _this3.picker.format = format;
+      });
+
+      var updateOptions = function updateOptions() {
+        var options = _this3.pickerOptions;
+
+        if (options && options.selectableRange) {
+          var ranges = options.selectableRange;
+          var parser = TYPE_VALUE_RESOLVER_MAP.datetimerange.parser;
+          var format = DEFAULT_FORMATS.timerange;
+
+          ranges = Array.isArray(ranges) ? ranges : [ranges];
+          _this3.picker.selectableRange = ranges.map(function (range) {
+            return parser(range, format, _this3.rangeSeparator);
+          });
+        }
+
+        for (var option in options) {
+          if (options.hasOwnProperty(option) &&
+          // 忽略 time-picker 的该配置项
+          option !== 'selectableRange') {
+            _this3.picker[option] = options[option];
+          }
+        }
+
+        // main format must prevail over undocumented pickerOptions.format
+        if (_this3.format) {
+          _this3.picker.format = _this3.format;
+        }
+      };
+      updateOptions();
+      this.unwatchPickerOptions = this.$watch('pickerOptions', function () {
+        return updateOptions();
+      }, { deep: true });
+      this.$el.appendChild(this.picker.$el);
+      this.picker.resetView && this.picker.resetView();
+
+      this.picker.$on('dodestroy', this.doDestroy);
+      this.picker.$on('pick', function () {
+        var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+        var visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+        _this3.userInput = null;
+        _this3.pickerVisible = _this3.picker.visible = visible;
+        _this3.emitInput(date);
+        _this3.picker.resetView && _this3.picker.resetView();
+      });
+
+      this.picker.$on('select-range', function (start, end, pos) {
+        if (_this3.refInput.length === 0) return;
+        if (!pos || pos === 'min') {
+          _this3.refInput[0].setSelectionRange(start, end);
+          _this3.refInput[0].focus();
+        } else if (pos === 'max') {
+          _this3.refInput[1].setSelectionRange(start, end);
+          _this3.refInput[1].focus();
+        }
+      });
+    },
+    unmountPicker: function unmountPicker() {
+      if (this.picker) {
+        this.picker.$destroy();
+        this.picker.$off();
+        if (typeof this.unwatchPickerOptions === 'function') {
+          this.unwatchPickerOptions();
+        }
+        this.picker.$el.parentNode.removeChild(this.picker.$el);
+      }
+    },
+    emitChange: function emitChange(val) {
+      // determine user real change only
+      if (!valueEquals(val, this.valueOnOpen)) {
+        this.$emit('change', val);
+        this.valueOnOpen = val;
+        if (this.validateEvent) {
+          this.dispatch('ElFormItem', 'el.form.change', val);
+        }
+      }
+    },
+    emitInput: function emitInput(val) {
+      var formatted = this.formatToValue(val);
+      if (!valueEquals(this.value, formatted)) {
+        this.$emit('input', formatted);
+      }
+    },
+    isValidValue: function isValidValue(value) {
+      if (!this.picker) {
+        this.mountPicker();
+      }
+      if (this.picker.isValidValue) {
+        return value && this.picker.isValidValue(value);
+      } else {
+        return true;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/picker.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_pickervue_type_script_lang_js_ = (pickervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/picker.vue
+
+
+
+
+
+/* normalize component */
+
+var picker_component = normalizeComponent(
+  src_pickervue_type_script_lang_js_,
+  pickervue_type_template_id_79ae069f_render,
+  pickervue_type_template_id_79ae069f_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var picker_api; }
+picker_component.options.__file = "packages/date-picker/src/picker.vue"
+/* harmony default export */ var picker = (picker_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/date.vue?vue&type=template&id=2440d4ea&
+var datevue_type_template_id_2440d4ea_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "el-zoom-in-top" },
+      on: { "after-enter": _vm.handleEnter, "after-leave": _vm.handleLeave }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          staticClass: "el-picker-panel el-date-picker el-popper",
+          class: [
+            {
+              "has-sidebar": _vm.$slots.sidebar || _vm.shortcuts,
+              "has-time": _vm.showTime
+            },
+            _vm.popperClass
+          ]
+        },
+        [
+          _c(
+            "div",
+            { staticClass: "el-picker-panel__body-wrapper" },
+            [
+              _vm._t("sidebar"),
+              _vm.shortcuts
+                ? _c(
+                    "div",
+                    { staticClass: "el-picker-panel__sidebar" },
+                    _vm._l(_vm.shortcuts, function(shortcut, key) {
+                      return _c(
+                        "button",
+                        {
+                          key: key,
+                          staticClass: "el-picker-panel__shortcut",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function($event) {
+                              _vm.handleShortcutClick(shortcut)
+                            }
+                          }
+                        },
+                        [_vm._v(_vm._s(shortcut.text))]
+                      )
+                    }),
+                    0
+                  )
+                : _vm._e(),
+              _c("div", { staticClass: "el-picker-panel__body" }, [
+                _vm.showTime
+                  ? _c("div", { staticClass: "el-date-picker__time-header" }, [
+                      _c(
+                        "span",
+                        { staticClass: "el-date-picker__editor-wrap" },
+                        [
+                          _c("el-input", {
+                            attrs: {
+                              placeholder: _vm.t("el.datepicker.selectDate"),
+                              value: _vm.visibleDate,
+                              size: "small"
+                            },
+                            on: {
+                              input: function(val) {
+                                return (_vm.userInputDate = val)
+                              },
+                              change: _vm.handleVisibleDateChange
+                            }
+                          })
+                        ],
+                        1
+                      ),
+                      _c(
+                        "span",
+                        {
+                          directives: [
+                            {
+                              name: "clickoutside",
+                              rawName: "v-clickoutside",
+                              value: _vm.handleTimePickClose,
+                              expression: "handleTimePickClose"
+                            }
+                          ],
+                          staticClass: "el-date-picker__editor-wrap"
+                        },
+                        [
+                          _c("el-input", {
+                            ref: "input",
+                            attrs: {
+                              placeholder: _vm.t("el.datepicker.selectTime"),
+                              value: _vm.visibleTime,
+                              size: "small"
+                            },
+                            on: {
+                              focus: function($event) {
+                                _vm.timePickerVisible = true
+                              },
+                              input: function(val) {
+                                return (_vm.userInputTime = val)
+                              },
+                              change: _vm.handleVisibleTimeChange
+                            }
+                          }),
+                          _c("time-picker", {
+                            ref: "timepicker",
+                            attrs: {
+                              "time-arrow-control": _vm.arrowControl,
+                              visible: _vm.timePickerVisible
+                            },
+                            on: {
+                              pick: _vm.handleTimePick,
+                              mounted: _vm.proxyTimePickerDataProperties
+                            }
+                          })
+                        ],
+                        1
+                      )
+                    ])
+                  : _vm._e(),
+                _c(
+                  "div",
+                  {
+                    directives: [
+                      {
+                        name: "show",
+                        rawName: "v-show",
+                        value: _vm.currentView !== "time",
+                        expression: "currentView !== 'time'"
+                      }
+                    ],
+                    staticClass: "el-date-picker__header",
+                    class: {
+                      "el-date-picker__header--bordered":
+                        _vm.currentView === "year" ||
+                        _vm.currentView === "month"
+                    }
+                  },
+                  [
+                    _c("button", {
+                      staticClass:
+                        "el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left",
+                      attrs: {
+                        type: "button",
+                        "aria-label": _vm.t("el.datepicker.prevYear")
+                      },
+                      on: { click: _vm.prevYear }
+                    }),
+                    _c("button", {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.currentView === "date",
+                          expression: "currentView === 'date'"
+                        }
+                      ],
+                      staticClass:
+                        "el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-arrow-left",
+                      attrs: {
+                        type: "button",
+                        "aria-label": _vm.t("el.datepicker.prevMonth")
+                      },
+                      on: { click: _vm.prevMonth }
+                    }),
+                    _c(
+                      "span",
+                      {
+                        staticClass: "el-date-picker__header-label",
+                        attrs: { role: "button" },
+                        on: { click: _vm.showYearPicker }
+                      },
+                      [_vm._v(_vm._s(_vm.yearLabel))]
+                    ),
+                    _c(
+                      "span",
+                      {
+                        directives: [
+                          {
+                            name: "show",
+                            rawName: "v-show",
+                            value: _vm.currentView === "date",
+                            expression: "currentView === 'date'"
+                          }
+                        ],
+                        staticClass: "el-date-picker__header-label",
+                        class: { active: _vm.currentView === "month" },
+                        attrs: { role: "button" },
+                        on: { click: _vm.showMonthPicker }
+                      },
+                      [
+                        _vm._v(
+                          _vm._s(_vm.t("el.datepicker.month" + (_vm.month + 1)))
+                        )
+                      ]
+                    ),
+                    _c("button", {
+                      staticClass:
+                        "el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right",
+                      attrs: {
+                        type: "button",
+                        "aria-label": _vm.t("el.datepicker.nextYear")
+                      },
+                      on: { click: _vm.nextYear }
+                    }),
+                    _c("button", {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.currentView === "date",
+                          expression: "currentView === 'date'"
+                        }
+                      ],
+                      staticClass:
+                        "el-picker-panel__icon-btn el-date-picker__next-btn el-icon-arrow-right",
+                      attrs: {
+                        type: "button",
+                        "aria-label": _vm.t("el.datepicker.nextMonth")
+                      },
+                      on: { click: _vm.nextMonth }
+                    })
+                  ]
+                ),
+                _c(
+                  "div",
+                  { staticClass: "el-picker-panel__content" },
+                  [
+                    _c("date-table", {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.currentView === "date",
+                          expression: "currentView === 'date'"
+                        }
+                      ],
+                      attrs: {
+                        "selection-mode": _vm.selectionMode,
+                        "first-day-of-week": _vm.firstDayOfWeek,
+                        value: _vm.value,
+                        "default-value": _vm.defaultValue
+                          ? new Date(_vm.defaultValue)
+                          : null,
+                        date: _vm.date,
+                        "cell-class-name": _vm.cellClassName,
+                        "disabled-date": _vm.disabledDate
+                      },
+                      on: { pick: _vm.handleDatePick }
+                    }),
+                    _c("year-table", {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.currentView === "year",
+                          expression: "currentView === 'year'"
+                        }
+                      ],
+                      attrs: {
+                        "selection-mode": _vm.selectionMode,
+                        value: _vm.value,
+                        "default-value": _vm.defaultValue
+                          ? new Date(_vm.defaultValue)
+                          : null,
+                        date: _vm.date,
+                        "disabled-date": _vm.disabledDate
+                      },
+                      on: { pick: _vm.handleYearPick }
+                    }),
+                    _c("month-table", {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.currentView === "month",
+                          expression: "currentView === 'month'"
+                        }
+                      ],
+                      attrs: {
+                        "selection-mode": _vm.selectionMode,
+                        value: _vm.value,
+                        "default-value": _vm.defaultValue
+                          ? new Date(_vm.defaultValue)
+                          : null,
+                        date: _vm.date,
+                        "disabled-date": _vm.disabledDate
+                      },
+                      on: { pick: _vm.handleMonthPick }
+                    })
+                  ],
+                  1
+                )
+              ])
+            ],
+            2
+          ),
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value:
+                    _vm.footerVisible &&
+                    (_vm.currentView === "date" ||
+                      _vm.currentView === "month" ||
+                      _vm.currentView === "year"),
+                  expression:
+                    "footerVisible && (currentView === 'date' || currentView === 'month' || currentView === 'year')"
+                }
+              ],
+              staticClass: "el-picker-panel__footer"
+            },
+            [
+              _c(
+                "el-button",
+                {
+                  directives: [
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value:
+                        _vm.selectionMode !== "dates" &&
+                        _vm.selectionMode !== "months" &&
+                        _vm.selectionMode !== "years",
+                      expression:
+                        "selectionMode !== 'dates' && selectionMode !== 'months' && selectionMode !== 'years'"
+                    }
+                  ],
+                  staticClass: "el-picker-panel__link-btn",
+                  attrs: { size: "mini", type: "text" },
+                  on: { click: _vm.changeToNow }
+                },
+                [
+                  _vm._v(
+                    "\n        " +
+                      _vm._s(_vm.t("el.datepicker.now")) +
+                      "\n      "
+                  )
+                ]
+              ),
+              _c(
+                "el-button",
+                {
+                  staticClass: "el-picker-panel__link-btn",
+                  attrs: { plain: "", size: "mini" },
+                  on: { click: _vm.confirm }
+                },
+                [
+                  _vm._v(
+                    "\n        " +
+                      _vm._s(_vm.t("el.datepicker.confirm")) +
+                      "\n      "
+                  )
+                ]
+              )
+            ],
+            1
+          )
+        ]
+      )
+    ]
+  )
+}
+var datevue_type_template_id_2440d4ea_staticRenderFns = []
+datevue_type_template_id_2440d4ea_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/date.vue?vue&type=template&id=2440d4ea&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time.vue?vue&type=template&id=3d939089&
+var timevue_type_template_id_3d939089_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "el-zoom-in-top" },
+      on: {
+        "after-leave": function($event) {
+          _vm.$emit("dodestroy")
+        }
+      }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          staticClass: "el-time-panel el-popper",
+          class: _vm.popperClass
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "el-time-panel__content",
+              class: { "has-seconds": _vm.showSeconds }
+            },
+            [
+              _c("time-spinner", {
+                ref: "spinner",
+                attrs: {
+                  "arrow-control": _vm.useArrow,
+                  "show-seconds": _vm.showSeconds,
+                  "am-pm-mode": _vm.amPmMode,
+                  date: _vm.date
+                },
+                on: {
+                  change: _vm.handleChange,
+                  "select-range": _vm.setSelectionRange
+                }
+              })
+            ],
+            1
+          ),
+          _c("div", { staticClass: "el-time-panel__footer" }, [
+            _c(
+              "button",
+              {
+                staticClass: "el-time-panel__btn cancel",
+                attrs: { type: "button" },
+                on: { click: _vm.handleCancel }
+              },
+              [_vm._v(_vm._s(_vm.t("el.datepicker.cancel")))]
+            ),
+            _c(
+              "button",
+              {
+                staticClass: "el-time-panel__btn",
+                class: { confirm: !_vm.disabled },
+                attrs: { type: "button" },
+                on: {
+                  click: function($event) {
+                    _vm.handleConfirm()
+                  }
+                }
+              },
+              [_vm._v(_vm._s(_vm.t("el.datepicker.confirm")))]
+            )
+          ])
+        ]
+      )
+    ]
+  )
+}
+var timevue_type_template_id_3d939089_staticRenderFns = []
+timevue_type_template_id_3d939089_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/time.vue?vue&type=template&id=3d939089&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/time-spinner.vue?vue&type=template&id=1facadeb&
+var time_spinnervue_type_template_id_1facadeb_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-time-spinner",
+      class: { "has-seconds": _vm.showSeconds }
+    },
+    [
+      !_vm.arrowControl
+        ? [
+            _c(
+              "el-scrollbar",
+              {
+                ref: "hours",
+                staticClass: "el-time-spinner__wrapper",
+                attrs: {
+                  "wrap-style": "max-height: inherit;",
+                  "view-class": "el-time-spinner__list",
+                  noresize: "",
+                  tag: "ul"
+                },
+                nativeOn: {
+                  mouseenter: function($event) {
+                    _vm.emitSelectRange("hours")
+                  },
+                  mousemove: function($event) {
+                    _vm.adjustCurrentSpinner("hours")
+                  }
+                }
+              },
+              _vm._l(_vm.hoursList, function(disabled, hour) {
+                return _c(
+                  "li",
+                  {
+                    key: hour,
+                    staticClass: "el-time-spinner__item",
+                    class: { active: hour === _vm.hours, disabled: disabled },
+                    on: {
+                      click: function($event) {
+                        _vm.handleClick("hours", {
+                          value: hour,
+                          disabled: disabled
+                        })
+                      }
+                    }
+                  },
+                  [
+                    _vm._v(
+                      _vm._s(
+                        ("0" + (_vm.amPmMode ? hour % 12 || 12 : hour)).slice(
+                          -2
+                        )
+                      ) + _vm._s(_vm.amPm(hour))
+                    )
+                  ]
+                )
+              }),
+              0
+            ),
+            _c(
+              "el-scrollbar",
+              {
+                ref: "minutes",
+                staticClass: "el-time-spinner__wrapper",
+                attrs: {
+                  "wrap-style": "max-height: inherit;",
+                  "view-class": "el-time-spinner__list",
+                  noresize: "",
+                  tag: "ul"
+                },
+                nativeOn: {
+                  mouseenter: function($event) {
+                    _vm.emitSelectRange("minutes")
+                  },
+                  mousemove: function($event) {
+                    _vm.adjustCurrentSpinner("minutes")
+                  }
+                }
+              },
+              _vm._l(_vm.minutesList, function(enabled, key) {
+                return _c(
+                  "li",
+                  {
+                    key: key,
+                    staticClass: "el-time-spinner__item",
+                    class: { active: key === _vm.minutes, disabled: !enabled },
+                    on: {
+                      click: function($event) {
+                        _vm.handleClick("minutes", {
+                          value: key,
+                          disabled: false
+                        })
+                      }
+                    }
+                  },
+                  [_vm._v(_vm._s(("0" + key).slice(-2)))]
+                )
+              }),
+              0
+            ),
+            _c(
+              "el-scrollbar",
+              {
+                directives: [
+                  {
+                    name: "show",
+                    rawName: "v-show",
+                    value: _vm.showSeconds,
+                    expression: "showSeconds"
+                  }
+                ],
+                ref: "seconds",
+                staticClass: "el-time-spinner__wrapper",
+                attrs: {
+                  "wrap-style": "max-height: inherit;",
+                  "view-class": "el-time-spinner__list",
+                  noresize: "",
+                  tag: "ul"
+                },
+                nativeOn: {
+                  mouseenter: function($event) {
+                    _vm.emitSelectRange("seconds")
+                  },
+                  mousemove: function($event) {
+                    _vm.adjustCurrentSpinner("seconds")
+                  }
+                }
+              },
+              _vm._l(60, function(second, key) {
+                return _c(
+                  "li",
+                  {
+                    key: key,
+                    staticClass: "el-time-spinner__item",
+                    class: { active: key === _vm.seconds },
+                    on: {
+                      click: function($event) {
+                        _vm.handleClick("seconds", {
+                          value: key,
+                          disabled: false
+                        })
+                      }
+                    }
+                  },
+                  [_vm._v(_vm._s(("0" + key).slice(-2)))]
+                )
+              }),
+              0
+            )
+          ]
+        : _vm._e(),
+      _vm.arrowControl
+        ? [
+            _c(
+              "div",
+              {
+                staticClass: "el-time-spinner__wrapper is-arrow",
+                on: {
+                  mouseenter: function($event) {
+                    _vm.emitSelectRange("hours")
+                  }
+                }
+              },
+              [
+                _c("i", {
+                  directives: [
+                    {
+                      name: "repeat-click",
+                      rawName: "v-repeat-click",
+                      value: _vm.decrease,
+                      expression: "decrease"
+                    }
+                  ],
+                  staticClass: "el-time-spinner__arrow el-icon-arrow-up"
+                }),
+                _c("i", {
+                  directives: [
+                    {
+                      name: "repeat-click",
+                      rawName: "v-repeat-click",
+                      value: _vm.increase,
+                      expression: "increase"
+                    }
+                  ],
+                  staticClass: "el-time-spinner__arrow el-icon-arrow-down"
+                }),
+                _c(
+                  "ul",
+                  { ref: "hours", staticClass: "el-time-spinner__list" },
+                  _vm._l(_vm.arrowHourList, function(hour, key) {
+                    return _c(
+                      "li",
+                      {
+                        key: key,
+                        staticClass: "el-time-spinner__item",
+                        class: {
+                          active: hour === _vm.hours,
+                          disabled: _vm.hoursList[hour]
+                        }
+                      },
+                      [
+                        _vm._v(
+                          _vm._s(
+                            hour === undefined
+                              ? ""
+                              : (
+                                  "0" + (_vm.amPmMode ? hour % 12 || 12 : hour)
+                                ).slice(-2) + _vm.amPm(hour)
+                          )
+                        )
+                      ]
+                    )
+                  }),
+                  0
+                )
+              ]
+            ),
+            _c(
+              "div",
+              {
+                staticClass: "el-time-spinner__wrapper is-arrow",
+                on: {
+                  mouseenter: function($event) {
+                    _vm.emitSelectRange("minutes")
+                  }
+                }
+              },
+              [
+                _c("i", {
+                  directives: [
+                    {
+                      name: "repeat-click",
+                      rawName: "v-repeat-click",
+                      value: _vm.decrease,
+                      expression: "decrease"
+                    }
+                  ],
+                  staticClass: "el-time-spinner__arrow el-icon-arrow-up"
+                }),
+                _c("i", {
+                  directives: [
+                    {
+                      name: "repeat-click",
+                      rawName: "v-repeat-click",
+                      value: _vm.increase,
+                      expression: "increase"
+                    }
+                  ],
+                  staticClass: "el-time-spinner__arrow el-icon-arrow-down"
+                }),
+                _c(
+                  "ul",
+                  { ref: "minutes", staticClass: "el-time-spinner__list" },
+                  _vm._l(_vm.arrowMinuteList, function(minute, key) {
+                    return _c(
+                      "li",
+                      {
+                        key: key,
+                        staticClass: "el-time-spinner__item",
+                        class: { active: minute === _vm.minutes }
+                      },
+                      [
+                        _vm._v(
+                          "\n          " +
+                            _vm._s(
+                              minute === undefined
+                                ? ""
+                                : ("0" + minute).slice(-2)
+                            ) +
+                            "\n        "
+                        )
+                      ]
+                    )
+                  }),
+                  0
+                )
+              ]
+            ),
+            _vm.showSeconds
+              ? _c(
+                  "div",
+                  {
+                    staticClass: "el-time-spinner__wrapper is-arrow",
+                    on: {
+                      mouseenter: function($event) {
+                        _vm.emitSelectRange("seconds")
+                      }
+                    }
+                  },
+                  [
+                    _c("i", {
+                      directives: [
+                        {
+                          name: "repeat-click",
+                          rawName: "v-repeat-click",
+                          value: _vm.decrease,
+                          expression: "decrease"
+                        }
+                      ],
+                      staticClass: "el-time-spinner__arrow el-icon-arrow-up"
+                    }),
+                    _c("i", {
+                      directives: [
+                        {
+                          name: "repeat-click",
+                          rawName: "v-repeat-click",
+                          value: _vm.increase,
+                          expression: "increase"
+                        }
+                      ],
+                      staticClass: "el-time-spinner__arrow el-icon-arrow-down"
+                    }),
+                    _c(
+                      "ul",
+                      { ref: "seconds", staticClass: "el-time-spinner__list" },
+                      _vm._l(_vm.arrowSecondList, function(second, key) {
+                        return _c(
+                          "li",
+                          {
+                            key: key,
+                            staticClass: "el-time-spinner__item",
+                            class: { active: second === _vm.seconds }
+                          },
+                          [
+                            _vm._v(
+                              "\n          " +
+                                _vm._s(
+                                  second === undefined
+                                    ? ""
+                                    : ("0" + second).slice(-2)
+                                ) +
+                                "\n        "
+                            )
+                          ]
+                        )
+                      }),
+                      0
+                    )
+                  ]
+                )
+              : _vm._e()
+          ]
+        : _vm._e()
+    ],
+    2
+  )
+}
+var time_spinnervue_type_template_id_1facadeb_staticRenderFns = []
+time_spinnervue_type_template_id_1facadeb_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/time-spinner.vue?vue&type=template&id=1facadeb&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/time-spinner.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var time_spinnervue_type_script_lang_js_ = ({
+  components: { ElScrollbar: scrollbar_default.a },
+
+  directives: {
+    repeatClick: repeat_click
+  },
+
+  props: {
+    date: {},
+    defaultValue: {}, // reserved for future use
+    showSeconds: {
+      type: Boolean,
+      default: true
+    },
+    arrowControl: Boolean,
+    amPmMode: {
+      type: String,
+      default: '' // 'a': am/pm; 'A': AM/PM
+    }
+  },
+
+  computed: {
+    hours: function hours() {
+      return this.date.getHours();
+    },
+    minutes: function minutes() {
+      return this.date.getMinutes();
+    },
+    seconds: function seconds() {
+      return this.date.getSeconds();
+    },
+    hoursList: function hoursList() {
+      return Object(date_util_["getRangeHours"])(this.selectableRange);
+    },
+    minutesList: function minutesList() {
+      return Object(date_util_["getRangeMinutes"])(this.selectableRange, this.hours);
+    },
+    arrowHourList: function arrowHourList() {
+      var hours = this.hours;
+      return [hours > 0 ? hours - 1 : undefined, hours, hours < 23 ? hours + 1 : undefined];
+    },
+    arrowMinuteList: function arrowMinuteList() {
+      var minutes = this.minutes;
+      return [minutes > 0 ? minutes - 1 : undefined, minutes, minutes < 59 ? minutes + 1 : undefined];
+    },
+    arrowSecondList: function arrowSecondList() {
+      var seconds = this.seconds;
+      return [seconds > 0 ? seconds - 1 : undefined, seconds, seconds < 59 ? seconds + 1 : undefined];
+    }
+  },
+
+  data: function data() {
+    return {
+      selectableRange: [],
+      currentScrollbar: null
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    this.$nextTick(function () {
+      !_this.arrowControl && _this.bindScrollEvent();
+    });
+  },
+
+
+  methods: {
+    increase: function increase() {
+      this.scrollDown(1);
+    },
+    decrease: function decrease() {
+      this.scrollDown(-1);
+    },
+    modifyDateField: function modifyDateField(type, value) {
+      switch (type) {
+        case 'hours':
+          this.$emit('change', Object(date_util_["modifyTime"])(this.date, value, this.minutes, this.seconds));break;
+        case 'minutes':
+          this.$emit('change', Object(date_util_["modifyTime"])(this.date, this.hours, value, this.seconds));break;
+        case 'seconds':
+          this.$emit('change', Object(date_util_["modifyTime"])(this.date, this.hours, this.minutes, value));break;
+      }
+    },
+    handleClick: function handleClick(type, _ref) {
+      var value = _ref.value,
+          disabled = _ref.disabled;
+
+      if (!disabled) {
+        this.modifyDateField(type, value);
+        this.emitSelectRange(type);
+        this.adjustSpinner(type, value);
+      }
+    },
+    emitSelectRange: function emitSelectRange(type) {
+      if (type === 'hours') {
+        this.$emit('select-range', 0, 2);
+      } else if (type === 'minutes') {
+        this.$emit('select-range', 3, 5);
+      } else if (type === 'seconds') {
+        this.$emit('select-range', 6, 8);
+      }
+      this.currentScrollbar = type;
+    },
+    bindScrollEvent: function bindScrollEvent() {
+      var _this2 = this;
+
+      var bindFunction = function bindFunction(type) {
+        _this2.$refs[type].wrap.onscroll = function (e) {
+          // TODO: scroll is emitted when set scrollTop programatically
+          // should find better solutions in the future!
+          _this2.handleScroll(type, e);
+        };
+      };
+      bindFunction('hours');
+      bindFunction('minutes');
+      bindFunction('seconds');
+    },
+    handleScroll: function handleScroll(type) {
+      var value = Math.min(Math.round((this.$refs[type].wrap.scrollTop - (this.scrollBarHeight(type) * 0.5 - 10) / this.typeItemHeight(type) + 3) / this.typeItemHeight(type)), type === 'hours' ? 23 : 59);
+      this.modifyDateField(type, value);
+    },
+
+
+    // NOTE: used by datetime / date-range panel
+    //       renamed from adjustScrollTop
+    //       should try to refactory it
+    adjustSpinners: function adjustSpinners() {
+      this.adjustSpinner('hours', this.hours);
+      this.adjustSpinner('minutes', this.minutes);
+      this.adjustSpinner('seconds', this.seconds);
+    },
+    adjustCurrentSpinner: function adjustCurrentSpinner(type) {
+      this.adjustSpinner(type, this[type]);
+    },
+    adjustSpinner: function adjustSpinner(type, value) {
+      if (this.arrowControl) return;
+      var el = this.$refs[type].wrap;
+      if (el) {
+        el.scrollTop = Math.max(0, value * this.typeItemHeight(type));
+      }
+    },
+    scrollDown: function scrollDown(step) {
+      var _this3 = this;
+
+      if (!this.currentScrollbar) {
+        this.emitSelectRange('hours');
+      }
+
+      var label = this.currentScrollbar;
+      var hoursList = this.hoursList;
+      var now = this[label];
+
+      if (this.currentScrollbar === 'hours') {
+        var total = Math.abs(step);
+        step = step > 0 ? 1 : -1;
+        var length = hoursList.length;
+        while (length-- && total) {
+          now = (now + step + hoursList.length) % hoursList.length;
+          if (hoursList[now]) {
+            continue;
+          }
+          total--;
+        }
+        if (hoursList[now]) return;
+      } else {
+        now = (now + step + 60) % 60;
+      }
+
+      this.modifyDateField(label, now);
+      this.adjustSpinner(label, now);
+      this.$nextTick(function () {
+        return _this3.emitSelectRange(_this3.currentScrollbar);
+      });
+    },
+    amPm: function amPm(hour) {
+      var shouldShowAmPm = this.amPmMode.toLowerCase() === 'a';
+      if (!shouldShowAmPm) return '';
+      var isCapital = this.amPmMode === 'A';
+      var content = hour < 12 ? ' am' : ' pm';
+      if (isCapital) content = content.toUpperCase();
+      return content;
+    },
+    typeItemHeight: function typeItemHeight(type) {
+      return this.$refs[type].$el.querySelector('li').offsetHeight;
+    },
+    scrollBarHeight: function scrollBarHeight(type) {
+      return this.$refs[type].$el.offsetHeight;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/time-spinner.vue?vue&type=script&lang=js&
+ /* harmony default export */ var basic_time_spinnervue_type_script_lang_js_ = (time_spinnervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/time-spinner.vue
+
+
+
+
+
+/* normalize component */
+
+var time_spinner_component = normalizeComponent(
+  basic_time_spinnervue_type_script_lang_js_,
+  time_spinnervue_type_template_id_1facadeb_render,
+  time_spinnervue_type_template_id_1facadeb_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var time_spinner_api; }
+time_spinner_component.options.__file = "packages/date-picker/src/basic/time-spinner.vue"
+/* harmony default export */ var time_spinner = (time_spinner_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var timevue_type_script_lang_js_ = ({
+  mixins: [locale_default.a],
+
+  components: {
+    TimeSpinner: time_spinner
+  },
+
+  props: {
+    visible: Boolean,
+    timeArrowControl: Boolean
+  },
+
+  watch: {
+    visible: function visible(val) {
+      var _this = this;
+
+      if (val) {
+        this.oldValue = this.value;
+        this.$nextTick(function () {
+          return _this.$refs.spinner.emitSelectRange('hours');
+        });
+      } else {
+        this.needInitAdjust = true;
+      }
+    },
+    value: function value(newVal) {
+      var _this2 = this;
+
+      var date = void 0;
+      if (newVal instanceof Date) {
+        date = Object(date_util_["limitTimeRange"])(newVal, this.selectableRange, this.format);
+      } else if (!newVal) {
+        date = this.defaultValue ? new Date(this.defaultValue) : new Date();
+      }
+
+      this.date = date;
+      if (this.visible && this.needInitAdjust) {
+        this.$nextTick(function (_) {
+          return _this2.adjustSpinners();
+        });
+        this.needInitAdjust = false;
+      }
+    },
+    selectableRange: function selectableRange(val) {
+      this.$refs.spinner.selectableRange = val;
+    },
+    defaultValue: function defaultValue(val) {
+      if (!Object(date_util_["isDate"])(this.value)) {
+        this.date = val ? new Date(val) : new Date();
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      popperClass: '',
+      format: 'HH:mm:ss',
+      value: '',
+      defaultValue: null,
+      date: new Date(),
+      oldValue: new Date(),
+      selectableRange: [],
+      selectionRange: [0, 2],
+      disabled: false,
+      arrowControl: false,
+      needInitAdjust: true
+    };
+  },
+
+
+  computed: {
+    showSeconds: function showSeconds() {
+      return (this.format || '').indexOf('ss') !== -1;
+    },
+    useArrow: function useArrow() {
+      return this.arrowControl || this.timeArrowControl || false;
+    },
+    amPmMode: function amPmMode() {
+      if ((this.format || '').indexOf('A') !== -1) return 'A';
+      if ((this.format || '').indexOf('a') !== -1) return 'a';
+      return '';
+    }
+  },
+
+  methods: {
+    handleCancel: function handleCancel() {
+      this.$emit('pick', this.oldValue, false);
+    },
+    handleChange: function handleChange(date) {
+      // this.visible avoids edge cases, when use scrolls during panel closing animation
+      if (this.visible) {
+        this.date = Object(date_util_["clearMilliseconds"])(date);
+        // if date is out of range, do not emit
+        if (this.isValidValue(this.date)) {
+          this.$emit('pick', this.date, true);
+        }
+      }
+    },
+    setSelectionRange: function setSelectionRange(start, end) {
+      this.$emit('select-range', start, end);
+      this.selectionRange = [start, end];
+    },
+    handleConfirm: function handleConfirm() {
+      var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var first = arguments[1];
+
+      if (first) return;
+      var date = Object(date_util_["clearMilliseconds"])(Object(date_util_["limitTimeRange"])(this.date, this.selectableRange, this.format));
+      this.$emit('pick', date, visible, first);
+    },
+    handleKeydown: function handleKeydown(event) {
+      var keyCode = event.keyCode;
+      var mapping = { 38: -1, 40: 1, 37: -1, 39: 1 };
+
+      // Left or Right
+      if (keyCode === 37 || keyCode === 39) {
+        var step = mapping[keyCode];
+        this.changeSelectionRange(step);
+        event.preventDefault();
+        return;
+      }
+
+      // Up or Down
+      if (keyCode === 38 || keyCode === 40) {
+        var _step = mapping[keyCode];
+        this.$refs.spinner.scrollDown(_step);
+        event.preventDefault();
+        return;
+      }
+    },
+    isValidValue: function isValidValue(date) {
+      return Object(date_util_["timeWithinRange"])(date, this.selectableRange, this.format);
+    },
+    adjustSpinners: function adjustSpinners() {
+      return this.$refs.spinner.adjustSpinners();
+    },
+    changeSelectionRange: function changeSelectionRange(step) {
+      var list = [0, 3].concat(this.showSeconds ? [6] : []);
+      var mapping = ['hours', 'minutes'].concat(this.showSeconds ? ['seconds'] : []);
+      var index = list.indexOf(this.selectionRange[0]);
+      var next = (index + step + list.length) % list.length;
+      this.$refs.spinner.emitSelectRange(mapping[next]);
+    }
+  },
+
+  mounted: function mounted() {
+    var _this3 = this;
+
+    this.$nextTick(function () {
+      return _this3.handleConfirm(true, true);
+    });
+    this.$emit('mounted');
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/time.vue?vue&type=script&lang=js&
+ /* harmony default export */ var panel_timevue_type_script_lang_js_ = (timevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/time.vue
+
+
+
+
+
+/* normalize component */
+
+var time_component = normalizeComponent(
+  panel_timevue_type_script_lang_js_,
+  timevue_type_template_id_3d939089_render,
+  timevue_type_template_id_3d939089_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var time_api; }
+time_component.options.__file = "packages/date-picker/src/panel/time.vue"
+/* harmony default export */ var panel_time = (time_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/year-table.vue?vue&type=template&id=c86ab5e0&
+var year_tablevue_type_template_id_c86ab5e0_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "table",
+    { staticClass: "el-year-table", on: { click: _vm.handleYearTableClick } },
+    [
+      _c("tbody", [
+        _c("tr", [
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 0)
+            },
+            [_c("a", { staticClass: "cell" }, [_vm._v(_vm._s(_vm.startYear))])]
+          ),
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 1)
+            },
+            [
+              _c("a", { staticClass: "cell" }, [
+                _vm._v(_vm._s(_vm.startYear + 1))
+              ])
+            ]
+          ),
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 2)
+            },
+            [
+              _c("a", { staticClass: "cell" }, [
+                _vm._v(_vm._s(_vm.startYear + 2))
+              ])
+            ]
+          ),
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 3)
+            },
+            [
+              _c("a", { staticClass: "cell" }, [
+                _vm._v(_vm._s(_vm.startYear + 3))
+              ])
+            ]
+          )
+        ]),
+        _c("tr", [
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 4)
+            },
+            [
+              _c("a", { staticClass: "cell" }, [
+                _vm._v(_vm._s(_vm.startYear + 4))
+              ])
+            ]
+          ),
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 5)
+            },
+            [
+              _c("a", { staticClass: "cell" }, [
+                _vm._v(_vm._s(_vm.startYear + 5))
+              ])
+            ]
+          ),
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 6)
+            },
+            [
+              _c("a", { staticClass: "cell" }, [
+                _vm._v(_vm._s(_vm.startYear + 6))
+              ])
+            ]
+          ),
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 7)
+            },
+            [
+              _c("a", { staticClass: "cell" }, [
+                _vm._v(_vm._s(_vm.startYear + 7))
+              ])
+            ]
+          )
+        ]),
+        _c("tr", [
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 8)
+            },
+            [
+              _c("a", { staticClass: "cell" }, [
+                _vm._v(_vm._s(_vm.startYear + 8))
+              ])
+            ]
+          ),
+          _c(
+            "td",
+            {
+              staticClass: "available",
+              class: _vm.getCellStyle(_vm.startYear + 9)
+            },
+            [
+              _c("a", { staticClass: "cell" }, [
+                _vm._v(_vm._s(_vm.startYear + 9))
+              ])
+            ]
+          ),
+          _c("td"),
+          _c("td")
+        ])
+      ])
+    ]
+  )
+}
+var year_tablevue_type_template_id_c86ab5e0_staticRenderFns = []
+year_tablevue_type_template_id_c86ab5e0_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/year-table.vue?vue&type=template&id=c86ab5e0&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/year-table.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+var year_tablevue_type_script_lang_js_datesInYear = function datesInYear(year) {
+  var numOfDays = Object(date_util_["getDayCountOfYear"])(year);
+  var firstDay = new Date(year, 0, 1);
+  return Object(date_util_["range"])(numOfDays).map(function (n) {
+    return Object(date_util_["nextDate"])(firstDay, n);
+  });
+};
+
+/* harmony default export */ var year_tablevue_type_script_lang_js_ = ({
+  props: {
+    disabledDate: {},
+    value: {},
+    defaultValue: {
+      validator: function validator(val) {
+        // null or valid Date Object
+        return val === null || val instanceof Date && Object(date_util_["isDate"])(val);
+      }
+    },
+    date: {},
+    selectionMode: {}
+  },
+
+  computed: {
+    startYear: function startYear() {
+      return Math.floor(this.date.getFullYear() / 10) * 10;
+    }
+  },
+
+  methods: {
+    getCellStyle: function getCellStyle(year) {
+      var style = {};
+      var today = new Date();
+
+      style.disabled = typeof this.disabledDate === 'function' ? year_tablevue_type_script_lang_js_datesInYear(year).every(this.disabledDate) : false;
+      style.current = Object(util_["arrayFindIndex"])(Object(util_["coerceTruthyValueToArray"])(this.value), function (date) {
+        return date.getFullYear() === year;
+      }) >= 0;
+      style.today = today.getFullYear() === year;
+      style.default = this.defaultValue && this.defaultValue.getFullYear() === year;
+
+      return style;
+    },
+    handleYearTableClick: function handleYearTableClick(event) {
+      var target = event.target;
+      if (target.tagName === 'A') {
+        if (Object(dom_["hasClass"])(target.parentNode, 'disabled')) return;
+        var year = target.textContent || target.innerText;
+        if (this.selectionMode === 'years') {
+          var value = this.value || [];
+          var idx = Object(util_["arrayFindIndex"])(value, function (date) {
+            return date.getFullYear() === Number(year);
+          });
+          var newValue = idx > -1 ? [].concat(value.slice(0, idx), value.slice(idx + 1)) : [].concat(value, [new Date(year)]);
+          this.$emit('pick', newValue);
+        } else {
+          this.$emit('pick', Number(year));
+        }
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/year-table.vue?vue&type=script&lang=js&
+ /* harmony default export */ var basic_year_tablevue_type_script_lang_js_ = (year_tablevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/year-table.vue
+
+
+
+
+
+/* normalize component */
+
+var year_table_component = normalizeComponent(
+  basic_year_tablevue_type_script_lang_js_,
+  year_tablevue_type_template_id_c86ab5e0_render,
+  year_tablevue_type_template_id_c86ab5e0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var year_table_api; }
+year_table_component.options.__file = "packages/date-picker/src/basic/year-table.vue"
+/* harmony default export */ var year_table = (year_table_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/month-table.vue?vue&type=template&id=654d4f42&
+var month_tablevue_type_template_id_654d4f42_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "table",
+    {
+      staticClass: "el-month-table",
+      on: { click: _vm.handleMonthTableClick, mousemove: _vm.handleMouseMove }
+    },
+    [
+      _c(
+        "tbody",
+        _vm._l(_vm.rows, function(row, key) {
+          return _c(
+            "tr",
+            { key: key },
+            _vm._l(row, function(cell, key) {
+              return _c("td", { key: key, class: _vm.getCellStyle(cell) }, [
+                _c("div", [
+                  _c("a", { staticClass: "cell" }, [
+                    _vm._v(
+                      _vm._s(
+                        _vm.t("el.datepicker.months." + _vm.months[cell.text])
+                      )
+                    )
+                  ])
+                ])
+              ])
+            }),
+            0
+          )
+        }),
+        0
+      )
+    ]
+  )
+}
+var month_tablevue_type_template_id_654d4f42_staticRenderFns = []
+month_tablevue_type_template_id_654d4f42_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/month-table.vue?vue&type=template&id=654d4f42&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/month-table.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+var month_tablevue_type_script_lang_js_datesInMonth = function datesInMonth(year, month) {
+  var numOfDays = Object(date_util_["getDayCountOfMonth"])(year, month);
+  var firstDay = new Date(year, month, 1);
+  return Object(date_util_["range"])(numOfDays).map(function (n) {
+    return Object(date_util_["nextDate"])(firstDay, n);
+  });
+};
+
+var clearDate = function clearDate(date) {
+  return new Date(date.getFullYear(), date.getMonth());
+};
+
+var getMonthTimestamp = function getMonthTimestamp(time) {
+  if (typeof time === 'number' || typeof time === 'string') {
+    return clearDate(new Date(time)).getTime();
+  } else if (time instanceof Date) {
+    return clearDate(time).getTime();
+  } else {
+    return NaN;
+  }
+};
+
+// remove the first element that satisfies `pred` from arr
+// return a new array if modification occurs
+// return the original array otherwise
+var month_tablevue_type_script_lang_js_removeFromArray = function removeFromArray(arr, pred) {
+  var idx = typeof pred === 'function' ? Object(util_["arrayFindIndex"])(arr, pred) : arr.indexOf(pred);
+  return idx >= 0 ? [].concat(arr.slice(0, idx), arr.slice(idx + 1)) : arr;
+};
+/* harmony default export */ var month_tablevue_type_script_lang_js_ = ({
+  props: {
+    disabledDate: {},
+    value: {},
+    selectionMode: {
+      default: 'month'
+    },
+    minDate: {},
+
+    maxDate: {},
+    defaultValue: {
+      validator: function validator(val) {
+        // null or valid Date Object
+        return val === null || Object(date_util_["isDate"])(val) || Array.isArray(val) && val.every(date_util_["isDate"]);
+      }
+    },
+    date: {},
+    rangeState: {
+      default: function _default() {
+        return {
+          endDate: null,
+          selecting: false
+        };
+      }
+    }
+  },
+
+  mixins: [locale_default.a],
+
+  watch: {
+    'rangeState.endDate': function rangeStateEndDate(newVal) {
+      this.markRange(this.minDate, newVal);
+    },
+    minDate: function minDate(newVal, oldVal) {
+      if (getMonthTimestamp(newVal) !== getMonthTimestamp(oldVal)) {
+        this.markRange(this.minDate, this.maxDate);
+      }
+    },
+    maxDate: function maxDate(newVal, oldVal) {
+      if (getMonthTimestamp(newVal) !== getMonthTimestamp(oldVal)) {
+        this.markRange(this.minDate, this.maxDate);
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      months: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'],
+      tableRows: [[], [], []],
+      lastRow: null,
+      lastColumn: null
+    };
+  },
+
+
+  methods: {
+    cellMatchesDate: function cellMatchesDate(cell, date) {
+      var value = new Date(date);
+      return this.date.getFullYear() === value.getFullYear() && Number(cell.text) === value.getMonth();
+    },
+    getCellStyle: function getCellStyle(cell) {
+      var _this = this;
+
+      var style = {};
+      var year = this.date.getFullYear();
+      var today = new Date();
+      var month = cell.text;
+      var defaultValue = this.defaultValue ? Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue] : [];
+      style.disabled = typeof this.disabledDate === 'function' ? month_tablevue_type_script_lang_js_datesInMonth(year, month).every(this.disabledDate) : false;
+      style.current = Object(util_["arrayFindIndex"])(Object(util_["coerceTruthyValueToArray"])(this.value), function (date) {
+        return date.getFullYear() === year && date.getMonth() === month;
+      }) >= 0;
+      style.today = today.getFullYear() === year && today.getMonth() === month;
+      style.default = defaultValue.some(function (date) {
+        return _this.cellMatchesDate(cell, date);
+      });
+
+      if (cell.inRange) {
+        style['in-range'] = true;
+
+        if (cell.start) {
+          style['start-date'] = true;
+        }
+
+        if (cell.end) {
+          style['end-date'] = true;
+        }
+      }
+      return style;
+    },
+    getMonthOfCell: function getMonthOfCell(month) {
+      var year = this.date.getFullYear();
+      return new Date(year, month, 1);
+    },
+    markRange: function markRange(minDate, maxDate) {
+      minDate = getMonthTimestamp(minDate);
+      maxDate = getMonthTimestamp(maxDate) || minDate;
+      var _ref = [Math.min(minDate, maxDate), Math.max(minDate, maxDate)];
+      minDate = _ref[0];
+      maxDate = _ref[1];
+
+      var rows = this.rows;
+      for (var i = 0, k = rows.length; i < k; i++) {
+        var row = rows[i];
+        for (var j = 0, l = row.length; j < l; j++) {
+
+          var cell = row[j];
+          var index = i * 4 + j;
+          var time = new Date(this.date.getFullYear(), index).getTime();
+
+          cell.inRange = minDate && time >= minDate && time <= maxDate;
+          cell.start = minDate && time === minDate;
+          cell.end = maxDate && time === maxDate;
+        }
+      }
+    },
+    handleMouseMove: function handleMouseMove(event) {
+      if (!this.rangeState.selecting) return;
+
+      var target = event.target;
+      if (target.tagName === 'A') {
+        target = target.parentNode.parentNode;
+      }
+      if (target.tagName === 'DIV') {
+        target = target.parentNode;
+      }
+      if (target.tagName !== 'TD') return;
+
+      var row = target.parentNode.rowIndex;
+      var column = target.cellIndex;
+      // can not select disabled date
+      if (this.rows[row][column].disabled) return;
+
+      // only update rangeState when mouse moves to a new cell
+      // this avoids frequent Date object creation and improves performance
+      if (row !== this.lastRow || column !== this.lastColumn) {
+        this.lastRow = row;
+        this.lastColumn = column;
+        this.$emit('changerange', {
+          minDate: this.minDate,
+          maxDate: this.maxDate,
+          rangeState: {
+            selecting: true,
+            endDate: this.getMonthOfCell(row * 4 + column)
+          }
+        });
+      }
+    },
+    handleMonthTableClick: function handleMonthTableClick(event) {
+      var target = event.target;
+      if (target.tagName === 'A') {
+        target = target.parentNode.parentNode;
+      }
+      if (target.tagName === 'DIV') {
+        target = target.parentNode;
+      }
+      if (target.tagName !== 'TD') return;
+      if (Object(dom_["hasClass"])(target, 'disabled')) return;
+      var column = target.cellIndex;
+      var row = target.parentNode.rowIndex;
+      var month = row * 4 + column;
+      var newDate = this.getMonthOfCell(month);
+      if (this.selectionMode === 'range') {
+        if (!this.rangeState.selecting) {
+          this.$emit('pick', { minDate: newDate, maxDate: null });
+          this.rangeState.selecting = true;
+        } else {
+          if (newDate >= this.minDate) {
+            this.$emit('pick', { minDate: this.minDate, maxDate: newDate });
+          } else {
+            this.$emit('pick', { minDate: newDate, maxDate: this.minDate });
+          }
+          this.rangeState.selecting = false;
+        }
+      } else if (this.selectionMode === 'months') {
+        var value = this.value || [];
+        var year = this.date.getFullYear();
+        var newValue = Object(util_["arrayFindIndex"])(value, function (date) {
+          return date.getFullYear() === year && date.getMonth() === month;
+        }) >= 0 ? month_tablevue_type_script_lang_js_removeFromArray(value, function (date) {
+          return date.getTime() === newDate.getTime();
+        }) : [].concat(value, [newDate]);
+        this.$emit('pick', newValue);
+      } else {
+        this.$emit('pick', month);
+      }
+    }
+  },
+
+  computed: {
+    rows: function rows() {
+      var _this2 = this;
+
+      // TODO: refactory rows / getCellClasses
+      var rows = this.tableRows;
+      var disabledDate = this.disabledDate;
+      var selectedDate = [];
+      var now = getMonthTimestamp(new Date());
+
+      for (var i = 0; i < 3; i++) {
+        var row = rows[i];
+
+        var _loop = function _loop(j) {
+          var cell = row[j];
+          if (!cell) {
+            cell = { row: i, column: j, type: 'normal', inRange: false, start: false, end: false };
+          }
+
+          cell.type = 'normal';
+
+          var index = i * 4 + j;
+          var time = new Date(_this2.date.getFullYear(), index).getTime();
+          cell.inRange = time >= getMonthTimestamp(_this2.minDate) && time <= getMonthTimestamp(_this2.maxDate);
+          cell.start = _this2.minDate && time === getMonthTimestamp(_this2.minDate);
+          cell.end = _this2.maxDate && time === getMonthTimestamp(_this2.maxDate);
+          var isToday = time === now;
+
+          if (isToday) {
+            cell.type = 'today';
+          }
+          cell.text = index;
+          var cellDate = new Date(time);
+          cell.disabled = typeof disabledDate === 'function' && disabledDate(cellDate);
+          cell.selected = Object(util_["arrayFind"])(selectedDate, function (date) {
+            return date.getTime() === cellDate.getTime();
+          });
+
+          _this2.$set(row, j, cell);
+        };
+
+        for (var j = 0; j < 4; j++) {
+          _loop(j);
+        }
+      }
+      return rows;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/month-table.vue?vue&type=script&lang=js&
+ /* harmony default export */ var basic_month_tablevue_type_script_lang_js_ = (month_tablevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/month-table.vue
+
+
+
+
+
+/* normalize component */
+
+var month_table_component = normalizeComponent(
+  basic_month_tablevue_type_script_lang_js_,
+  month_tablevue_type_template_id_654d4f42_render,
+  month_tablevue_type_template_id_654d4f42_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var month_table_api; }
+month_table_component.options.__file = "packages/date-picker/src/basic/month-table.vue"
+/* harmony default export */ var month_table = (month_table_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/date-table.vue?vue&type=template&id=5d1f3341&
+var date_tablevue_type_template_id_5d1f3341_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "table",
+    {
+      staticClass: "el-date-table",
+      class: { "is-week-mode": _vm.selectionMode === "week" },
+      attrs: { cellspacing: "0", cellpadding: "0" },
+      on: { click: _vm.handleClick, mousemove: _vm.handleMouseMove }
+    },
+    [
+      _c(
+        "tbody",
+        [
+          _c(
+            "tr",
+            [
+              _vm.showWeekNumber
+                ? _c("th", [_vm._v(_vm._s(_vm.t("el.datepicker.week")))])
+                : _vm._e(),
+              _vm._l(_vm.WEEKS, function(week, key) {
+                return _c("th", { key: key }, [
+                  _vm._v(_vm._s(_vm.t("el.datepicker.weeks." + week)))
+                ])
+              })
+            ],
+            2
+          ),
+          _vm._l(_vm.rows, function(row, key) {
+            return _c(
+              "tr",
+              {
+                key: key,
+                staticClass: "el-date-table__row",
+                class: { current: _vm.isWeekActive(row[1]) }
+              },
+              _vm._l(row, function(cell, key) {
+                return _c("td", { key: key, class: _vm.getCellClasses(cell) }, [
+                  _c("div", [
+                    _c("span", [
+                      _vm._v("\n          " + _vm._s(cell.text) + "\n        ")
+                    ])
+                  ])
+                ])
+              }),
+              0
+            )
+          })
+        ],
+        2
+      )
+    ]
+  )
+}
+var date_tablevue_type_template_id_5d1f3341_staticRenderFns = []
+date_tablevue_type_template_id_5d1f3341_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/date-table.vue?vue&type=template&id=5d1f3341&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/basic/date-table.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+var _WEEKS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
+var date_tablevue_type_script_lang_js_getDateTimestamp = function getDateTimestamp(time) {
+  if (typeof time === 'number' || typeof time === 'string') {
+    return Object(date_util_["clearTime"])(new Date(time)).getTime();
+  } else if (time instanceof Date) {
+    return Object(date_util_["clearTime"])(time).getTime();
+  } else {
+    return NaN;
+  }
+};
+
+// remove the first element that satisfies `pred` from arr
+// return a new array if modification occurs
+// return the original array otherwise
+var date_tablevue_type_script_lang_js_removeFromArray = function removeFromArray(arr, pred) {
+  var idx = typeof pred === 'function' ? Object(util_["arrayFindIndex"])(arr, pred) : arr.indexOf(pred);
+  return idx >= 0 ? [].concat(arr.slice(0, idx), arr.slice(idx + 1)) : arr;
+};
+
+/* harmony default export */ var date_tablevue_type_script_lang_js_ = ({
+  mixins: [locale_default.a],
+
+  props: {
+    firstDayOfWeek: {
+      default: 7,
+      type: Number,
+      validator: function validator(val) {
+        return val >= 1 && val <= 7;
+      }
+    },
+
+    value: {},
+
+    defaultValue: {
+      validator: function validator(val) {
+        // either: null, valid Date object, Array of valid Date objects
+        return val === null || Object(date_util_["isDate"])(val) || Array.isArray(val) && val.every(date_util_["isDate"]);
+      }
+    },
+
+    date: {},
+
+    selectionMode: {
+      default: 'day'
+    },
+
+    showWeekNumber: {
+      type: Boolean,
+      default: false
+    },
+
+    disabledDate: {},
+
+    cellClassName: {},
+
+    minDate: {},
+
+    maxDate: {},
+
+    rangeState: {
+      default: function _default() {
+        return {
+          endDate: null,
+          selecting: false
+        };
+      }
+    }
+  },
+
+  computed: {
+    offsetDay: function offsetDay() {
+      var week = this.firstDayOfWeek;
+      // 周日为界限，左右偏移的天数，3217654 例如周一就是 -1，目的是调整前两行日期的位置
+      return week > 3 ? 7 - week : -week;
+    },
+    WEEKS: function WEEKS() {
+      var week = this.firstDayOfWeek;
+      return _WEEKS.concat(_WEEKS).slice(week, week + 7);
+    },
+    year: function year() {
+      return this.date.getFullYear();
+    },
+    month: function month() {
+      return this.date.getMonth();
+    },
+    startDate: function startDate() {
+      return Object(date_util_["getStartDateOfMonth"])(this.year, this.month);
+    },
+    rows: function rows() {
+      var _this = this;
+
+      // TODO: refactory rows / getCellClasses
+      var date = new Date(this.year, this.month, 1);
+      var day = Object(date_util_["getFirstDayOfMonth"])(date); // day of first day
+      var dateCountOfMonth = Object(date_util_["getDayCountOfMonth"])(date.getFullYear(), date.getMonth());
+      var dateCountOfLastMonth = Object(date_util_["getDayCountOfMonth"])(date.getFullYear(), date.getMonth() === 0 ? 11 : date.getMonth() - 1);
+
+      day = day === 0 ? 7 : day;
+
+      var offset = this.offsetDay;
+      var rows = this.tableRows;
+      var count = 1;
+
+      var startDate = this.startDate;
+      var disabledDate = this.disabledDate;
+      var cellClassName = this.cellClassName;
+      var selectedDate = this.selectionMode === 'dates' ? Object(util_["coerceTruthyValueToArray"])(this.value) : [];
+      var now = date_tablevue_type_script_lang_js_getDateTimestamp(new Date());
+
+      for (var i = 0; i < 6; i++) {
+        var row = rows[i];
+
+        if (this.showWeekNumber) {
+          if (!row[0]) {
+            row[0] = { type: 'week', text: Object(date_util_["getWeekNumber"])(Object(date_util_["nextDate"])(startDate, i * 7 + 1)) };
+          }
+        }
+
+        var _loop = function _loop(j) {
+          var cell = row[_this.showWeekNumber ? j + 1 : j];
+          if (!cell) {
+            cell = { row: i, column: j, type: 'normal', inRange: false, start: false, end: false };
+          }
+
+          cell.type = 'normal';
+
+          var index = i * 7 + j;
+          var time = Object(date_util_["nextDate"])(startDate, index - offset).getTime();
+          cell.inRange = time >= date_tablevue_type_script_lang_js_getDateTimestamp(_this.minDate) && time <= date_tablevue_type_script_lang_js_getDateTimestamp(_this.maxDate);
+          cell.start = _this.minDate && time === date_tablevue_type_script_lang_js_getDateTimestamp(_this.minDate);
+          cell.end = _this.maxDate && time === date_tablevue_type_script_lang_js_getDateTimestamp(_this.maxDate);
+          var isToday = time === now;
+
+          if (isToday) {
+            cell.type = 'today';
+          }
+
+          if (i >= 0 && i <= 1) {
+            var numberOfDaysFromPreviousMonth = day + offset < 0 ? 7 + day + offset : day + offset;
+
+            if (j + i * 7 >= numberOfDaysFromPreviousMonth) {
+              cell.text = count++;
+            } else {
+              cell.text = dateCountOfLastMonth - (numberOfDaysFromPreviousMonth - j % 7) + 1 + i * 7;
+              cell.type = 'prev-month';
+            }
+          } else {
+            if (count <= dateCountOfMonth) {
+              cell.text = count++;
+            } else {
+              cell.text = count++ - dateCountOfMonth;
+              cell.type = 'next-month';
+            }
+          }
+
+          var cellDate = new Date(time);
+          cell.disabled = typeof disabledDate === 'function' && disabledDate(cellDate);
+          cell.selected = Object(util_["arrayFind"])(selectedDate, function (date) {
+            return date.getTime() === cellDate.getTime();
+          });
+          cell.customClass = typeof cellClassName === 'function' && cellClassName(cellDate);
+          _this.$set(row, _this.showWeekNumber ? j + 1 : j, cell);
+        };
+
+        for (var j = 0; j < 7; j++) {
+          _loop(j);
+        }
+
+        if (this.selectionMode === 'week') {
+          var start = this.showWeekNumber ? 1 : 0;
+          var end = this.showWeekNumber ? 7 : 6;
+          var isWeekActive = this.isWeekActive(row[start + 1]);
+
+          row[start].inRange = isWeekActive;
+          row[start].start = isWeekActive;
+          row[end].inRange = isWeekActive;
+          row[end].end = isWeekActive;
+        }
+      }
+
+      return rows;
+    }
+  },
+
+  watch: {
+    'rangeState.endDate': function rangeStateEndDate(newVal) {
+      this.markRange(this.minDate, newVal);
+    },
+    minDate: function minDate(newVal, oldVal) {
+      if (date_tablevue_type_script_lang_js_getDateTimestamp(newVal) !== date_tablevue_type_script_lang_js_getDateTimestamp(oldVal)) {
+        this.markRange(this.minDate, this.maxDate);
+      }
+    },
+    maxDate: function maxDate(newVal, oldVal) {
+      if (date_tablevue_type_script_lang_js_getDateTimestamp(newVal) !== date_tablevue_type_script_lang_js_getDateTimestamp(oldVal)) {
+        this.markRange(this.minDate, this.maxDate);
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      tableRows: [[], [], [], [], [], []],
+      lastRow: null,
+      lastColumn: null
+    };
+  },
+
+
+  methods: {
+    cellMatchesDate: function cellMatchesDate(cell, date) {
+      var value = new Date(date);
+      return this.year === value.getFullYear() && this.month === value.getMonth() && Number(cell.text) === value.getDate();
+    },
+    getCellClasses: function getCellClasses(cell) {
+      var _this2 = this;
+
+      var selectionMode = this.selectionMode;
+      var defaultValue = this.defaultValue ? Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue] : [];
+
+      var classes = [];
+      if ((cell.type === 'normal' || cell.type === 'today') && !cell.disabled) {
+        classes.push('available');
+        if (cell.type === 'today') {
+          classes.push('today');
+        }
+      } else {
+        classes.push(cell.type);
+      }
+
+      if (cell.type === 'normal' && defaultValue.some(function (date) {
+        return _this2.cellMatchesDate(cell, date);
+      })) {
+        classes.push('default');
+      }
+
+      if (selectionMode === 'day' && (cell.type === 'normal' || cell.type === 'today') && this.cellMatchesDate(cell, this.value)) {
+        classes.push('current');
+      }
+
+      if (cell.inRange && (cell.type === 'normal' || cell.type === 'today' || this.selectionMode === 'week')) {
+        classes.push('in-range');
+
+        if (cell.start) {
+          classes.push('start-date');
+        }
+
+        if (cell.end) {
+          classes.push('end-date');
+        }
+      }
+
+      if (cell.disabled) {
+        classes.push('disabled');
+      }
+
+      if (cell.selected) {
+        classes.push('selected');
+      }
+
+      if (cell.customClass) {
+        classes.push(cell.customClass);
+      }
+
+      return classes.join(' ');
+    },
+    getDateOfCell: function getDateOfCell(row, column) {
+      var offsetFromStart = row * 7 + (column - (this.showWeekNumber ? 1 : 0)) - this.offsetDay;
+      return Object(date_util_["nextDate"])(this.startDate, offsetFromStart);
+    },
+    isWeekActive: function isWeekActive(cell) {
+      if (this.selectionMode !== 'week') return false;
+      var newDate = new Date(this.year, this.month, 1);
+      var year = newDate.getFullYear();
+      var month = newDate.getMonth();
+
+      if (cell.type === 'prev-month') {
+        newDate.setMonth(month === 0 ? 11 : month - 1);
+        newDate.setFullYear(month === 0 ? year - 1 : year);
+      }
+
+      if (cell.type === 'next-month') {
+        newDate.setMonth(month === 11 ? 0 : month + 1);
+        newDate.setFullYear(month === 11 ? year + 1 : year);
+      }
+
+      newDate.setDate(parseInt(cell.text, 10));
+
+      if (Object(date_util_["isDate"])(this.value)) {
+        var dayOffset = (this.value.getDay() - this.firstDayOfWeek + 7) % 7 - 1;
+        var weekDate = Object(date_util_["prevDate"])(this.value, dayOffset);
+        return weekDate.getTime() === newDate.getTime();
+      }
+      return false;
+    },
+    markRange: function markRange(minDate, maxDate) {
+      minDate = date_tablevue_type_script_lang_js_getDateTimestamp(minDate);
+      maxDate = date_tablevue_type_script_lang_js_getDateTimestamp(maxDate) || minDate;
+      var _ref = [Math.min(minDate, maxDate), Math.max(minDate, maxDate)];
+      minDate = _ref[0];
+      maxDate = _ref[1];
+
+
+      var startDate = this.startDate;
+      var rows = this.rows;
+      for (var i = 0, k = rows.length; i < k; i++) {
+        var row = rows[i];
+        for (var j = 0, l = row.length; j < l; j++) {
+          if (this.showWeekNumber && j === 0) continue;
+
+          var _cell = row[j];
+          var index = i * 7 + j + (this.showWeekNumber ? -1 : 0);
+          var time = Object(date_util_["nextDate"])(startDate, index - this.offsetDay).getTime();
+
+          _cell.inRange = minDate && time >= minDate && time <= maxDate;
+          _cell.start = minDate && time === minDate;
+          _cell.end = maxDate && time === maxDate;
+        }
+      }
+    },
+    handleMouseMove: function handleMouseMove(event) {
+      if (!this.rangeState.selecting) return;
+
+      var target = event.target;
+      if (target.tagName === 'SPAN') {
+        target = target.parentNode.parentNode;
+      }
+      if (target.tagName === 'DIV') {
+        target = target.parentNode;
+      }
+      if (target.tagName !== 'TD') return;
+
+      var row = target.parentNode.rowIndex - 1;
+      var column = target.cellIndex;
+
+      // can not select disabled date
+      if (this.rows[row][column].disabled) return;
+
+      // only update rangeState when mouse moves to a new cell
+      // this avoids frequent Date object creation and improves performance
+      if (row !== this.lastRow || column !== this.lastColumn) {
+        this.lastRow = row;
+        this.lastColumn = column;
+        this.$emit('changerange', {
+          minDate: this.minDate,
+          maxDate: this.maxDate,
+          rangeState: {
+            selecting: true,
+            endDate: this.getDateOfCell(row, column)
+          }
+        });
+      }
+    },
+    handleClick: function handleClick(event) {
+      var target = event.target;
+      if (target.tagName === 'SPAN') {
+        target = target.parentNode.parentNode;
+      }
+      if (target.tagName === 'DIV') {
+        target = target.parentNode;
+      }
+
+      if (target.tagName !== 'TD') return;
+
+      var row = target.parentNode.rowIndex - 1;
+      var column = this.selectionMode === 'week' ? 1 : target.cellIndex;
+      var cell = this.rows[row][column];
+
+      if (cell.disabled || cell.type === 'week') return;
+
+      var newDate = this.getDateOfCell(row, column);
+
+      if (this.selectionMode === 'range') {
+        if (!this.rangeState.selecting) {
+          this.$emit('pick', { minDate: newDate, maxDate: null });
+          this.rangeState.selecting = true;
+        } else {
+          if (newDate >= this.minDate) {
+            this.$emit('pick', { minDate: this.minDate, maxDate: newDate });
+          } else {
+            this.$emit('pick', { minDate: newDate, maxDate: this.minDate });
+          }
+          this.rangeState.selecting = false;
+        }
+      } else if (this.selectionMode === 'day') {
+        this.$emit('pick', newDate);
+      } else if (this.selectionMode === 'week') {
+        var weekNumber = Object(date_util_["getWeekNumber"])(newDate);
+        var value = newDate.getFullYear() + 'w' + weekNumber;
+        this.$emit('pick', {
+          year: newDate.getFullYear(),
+          week: weekNumber,
+          value: value,
+          date: newDate
+        });
+      } else if (this.selectionMode === 'dates') {
+        var _value = this.value || [];
+        var newValue = cell.selected ? date_tablevue_type_script_lang_js_removeFromArray(_value, function (date) {
+          return date.getTime() === newDate.getTime();
+        }) : [].concat(_value, [newDate]);
+        this.$emit('pick', newValue);
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/date-table.vue?vue&type=script&lang=js&
+ /* harmony default export */ var basic_date_tablevue_type_script_lang_js_ = (date_tablevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/basic/date-table.vue
+
+
+
+
+
+/* normalize component */
+
+var date_table_component = normalizeComponent(
+  basic_date_tablevue_type_script_lang_js_,
+  date_tablevue_type_template_id_5d1f3341_render,
+  date_tablevue_type_template_id_5d1f3341_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var date_table_api; }
+date_table_component.options.__file = "packages/date-picker/src/basic/date-table.vue"
+/* harmony default export */ var date_table = (date_table_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/date.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var datevue_type_script_lang_js_ = ({
+  mixins: [locale_default.a],
+
+  directives: { Clickoutside: clickoutside_default.a },
+
+  watch: {
+    showTime: function showTime(val) {
+      var _this = this;
+
+      /* istanbul ignore if */
+      if (!val) return;
+      this.$nextTick(function (_) {
+        var inputElm = _this.$refs.input.$el;
+        if (inputElm) {
+          _this.pickerWidth = inputElm.getBoundingClientRect().width + 10;
+        }
+      });
+    },
+    value: function value(val) {
+      if (this.selectionMode === 'dates' && this.value) return;
+      if (this.selectionMode === 'months' && this.value) return;
+      if (this.selectionMode === 'years' && this.value) return;
+      if (Object(date_util_["isDate"])(val)) {
+        this.date = new Date(val);
+      } else {
+        this.date = this.getDefaultValue();
+      }
+    },
+    defaultValue: function defaultValue(val) {
+      if (!Object(date_util_["isDate"])(this.value)) {
+        this.date = val ? new Date(val) : new Date();
+      }
+    },
+    timePickerVisible: function timePickerVisible(val) {
+      var _this2 = this;
+
+      if (val) this.$nextTick(function () {
+        return _this2.$refs.timepicker.adjustSpinners();
+      });
+    },
+    selectionMode: function selectionMode(newVal) {
+      if (newVal === 'month') {
+        /* istanbul ignore next */
+        if (this.currentView !== 'year' || this.currentView !== 'month') {
+          this.currentView = 'month';
+        }
+      } else if (newVal === 'dates') {
+        this.currentView = 'date';
+      } else if (newVal === 'years') {
+        this.currentView = 'year';
+      } else if (newVal === 'months') {
+        this.currentView = 'month';
+      }
+    }
+  },
+
+  methods: {
+    proxyTimePickerDataProperties: function proxyTimePickerDataProperties() {
+      var _this3 = this;
+
+      var format = function format(timeFormat) {
+        _this3.$refs.timepicker.format = timeFormat;
+      };
+      var value = function value(_value) {
+        _this3.$refs.timepicker.value = _value;
+      };
+      var date = function date(_date) {
+        _this3.$refs.timepicker.date = _date;
+      };
+      var selectableRange = function selectableRange(_selectableRange) {
+        _this3.$refs.timepicker.selectableRange = _selectableRange;
+      };
+
+      this.$watch('value', value);
+      this.$watch('date', date);
+      this.$watch('selectableRange', selectableRange);
+
+      format(this.timeFormat);
+      value(this.value);
+      date(this.date);
+      selectableRange(this.selectableRange);
+    },
+    handleClear: function handleClear() {
+      this.date = this.getDefaultValue();
+      this.$emit('pick', null);
+    },
+    emit: function emit(value) {
+      var _this4 = this;
+
+      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      if (!value) {
+        this.$emit.apply(this, ['pick', value].concat(args));
+      } else if (Array.isArray(value)) {
+        var dates = value.map(function (date) {
+          return _this4.showTime ? Object(date_util_["clearMilliseconds"])(date) : Object(date_util_["clearTime"])(date);
+        });
+        this.$emit.apply(this, ['pick', dates].concat(args));
+      } else {
+        this.$emit.apply(this, ['pick', this.showTime ? Object(date_util_["clearMilliseconds"])(value) : Object(date_util_["clearTime"])(value)].concat(args));
+      }
+      this.userInputDate = null;
+      this.userInputTime = null;
+    },
+
+
+    // resetDate() {
+    //   this.date = new Date(this.date);
+    // },
+
+    showMonthPicker: function showMonthPicker() {
+      this.currentView = 'month';
+    },
+    showYearPicker: function showYearPicker() {
+      this.currentView = 'year';
+    },
+
+
+    // XXX: 没用到
+    // handleLabelClick() {
+    //   if (this.currentView === 'date') {
+    //     this.showMonthPicker();
+    //   } else if (this.currentView === 'month') {
+    //     this.showYearPicker();
+    //   }
+    // },
+
+    prevMonth: function prevMonth() {
+      this.date = Object(date_util_["prevMonth"])(this.date);
+    },
+    nextMonth: function nextMonth() {
+      this.date = Object(date_util_["nextMonth"])(this.date);
+    },
+    prevYear: function prevYear() {
+      if (this.currentView === 'year') {
+        this.date = Object(date_util_["prevYear"])(this.date, 10);
+      } else {
+        this.date = Object(date_util_["prevYear"])(this.date);
+      }
+    },
+    nextYear: function nextYear() {
+      if (this.currentView === 'year') {
+        this.date = Object(date_util_["nextYear"])(this.date, 10);
+      } else {
+        this.date = Object(date_util_["nextYear"])(this.date);
+      }
+    },
+    handleShortcutClick: function handleShortcutClick(shortcut) {
+      if (shortcut.onClick) {
+        shortcut.onClick(this);
+      }
+    },
+    handleTimePick: function handleTimePick(value, visible, first) {
+      if (Object(date_util_["isDate"])(value)) {
+        var newDate = this.value ? Object(date_util_["modifyTime"])(this.value, value.getHours(), value.getMinutes(), value.getSeconds()) : Object(date_util_["modifyWithTimeString"])(this.getDefaultValue(), this.defaultTime);
+        this.date = newDate;
+        this.emit(this.date, true);
+      } else {
+        this.emit(value, true);
+      }
+      if (!first) {
+        this.timePickerVisible = visible;
+      }
+    },
+    handleTimePickClose: function handleTimePickClose() {
+      this.timePickerVisible = false;
+    },
+    handleMonthPick: function handleMonthPick(month) {
+      if (this.selectionMode === 'month') {
+        this.date = Object(date_util_["modifyDate"])(this.date, this.year, month, 1);
+        this.emit(this.date);
+      } else if (this.selectionMode === 'months') {
+        this.emit(month, true);
+      } else {
+        this.date = Object(date_util_["changeYearMonthAndClampDate"])(this.date, this.year, month);
+        // TODO: should emit intermediate value ??
+        // this.emit(this.date);
+        this.currentView = 'date';
+      }
+    },
+    handleDatePick: function handleDatePick(value) {
+      if (this.selectionMode === 'day') {
+        var newDate = this.value ? Object(date_util_["modifyDate"])(this.value, value.getFullYear(), value.getMonth(), value.getDate()) : Object(date_util_["modifyWithTimeString"])(value, this.defaultTime);
+        // change default time while out of selectableRange
+        if (!this.checkDateWithinRange(newDate)) {
+          newDate = Object(date_util_["modifyDate"])(this.selectableRange[0][0], value.getFullYear(), value.getMonth(), value.getDate());
+        }
+        this.date = newDate;
+        this.emit(this.date, this.showTime);
+      } else if (this.selectionMode === 'week') {
+        this.emit(value.date);
+      } else if (this.selectionMode === 'dates') {
+        this.emit(value, true); // set false to keep panel open
+      }
+    },
+    handleYearPick: function handleYearPick(year) {
+      if (this.selectionMode === 'year') {
+        this.date = Object(date_util_["modifyDate"])(this.date, year, 0, 1);
+        this.emit(this.date);
+      } else if (this.selectionMode === 'years') {
+        this.emit(year, true);
+      } else {
+        this.date = Object(date_util_["changeYearMonthAndClampDate"])(this.date, year, this.month);
+        // TODO: should emit intermediate value ??
+        // this.emit(this.date, true);
+        this.currentView = 'month';
+      }
+    },
+    changeToNow: function changeToNow() {
+      // NOTE: not a permanent solution
+      //       consider disable "now" button in the future
+      if ((!this.disabledDate || !this.disabledDate(new Date())) && this.checkDateWithinRange(new Date())) {
+        this.date = new Date();
+        this.emit(this.date);
+      }
+    },
+    confirm: function confirm() {
+      if (this.selectionMode === 'dates' || this.selectionMode === 'months' || this.selectionMode === 'years') {
+        this.emit(this.value);
+      } else {
+        // value were emitted in handle{Date,Time}Pick, nothing to update here
+        // deal with the scenario where: user opens the picker, then confirm without doing anything
+        var value = this.value ? this.value : Object(date_util_["modifyWithTimeString"])(this.getDefaultValue(), this.defaultTime);
+        this.date = new Date(value); // refresh date
+        this.emit(value);
+      }
+    },
+    resetView: function resetView() {
+      if (this.selectionMode === 'month' || this.selectionMode === 'months') {
+        this.currentView = 'month';
+      } else if (this.selectionMode === 'year' || this.selectionMode === 'years') {
+        this.currentView = 'year';
+      } else {
+        this.currentView = 'date';
+      }
+    },
+    handleEnter: function handleEnter() {
+      document.body.addEventListener('keydown', this.handleKeydown);
+    },
+    handleLeave: function handleLeave() {
+      this.$emit('dodestroy');
+      document.body.removeEventListener('keydown', this.handleKeydown);
+    },
+    handleKeydown: function handleKeydown(event) {
+      var keyCode = event.keyCode;
+      var list = [38, 40, 37, 39];
+      if (this.visible && !this.timePickerVisible) {
+        if (list.indexOf(keyCode) !== -1) {
+          this.handleKeyControl(keyCode);
+          event.stopPropagation();
+          event.preventDefault();
+        }
+        if (keyCode === 13 && this.userInputDate === null && this.userInputTime === null) {
+          // Enter
+          this.emit(this.date, false);
+        }
+      }
+    },
+    handleKeyControl: function handleKeyControl(keyCode) {
+      var mapping = {
+        'year': {
+          38: -4, 40: 4, 37: -1, 39: 1, offset: function offset(date, step) {
+            return date.setFullYear(date.getFullYear() + step);
+          }
+        },
+        'month': {
+          38: -4, 40: 4, 37: -1, 39: 1, offset: function offset(date, step) {
+            return date.setMonth(date.getMonth() + step);
+          }
+        },
+        'week': {
+          38: -1, 40: 1, 37: -1, 39: 1, offset: function offset(date, step) {
+            return date.setDate(date.getDate() + step * 7);
+          }
+        },
+        'day': {
+          38: -7, 40: 7, 37: -1, 39: 1, offset: function offset(date, step) {
+            return date.setDate(date.getDate() + step);
+          }
+        }
+      };
+      var mode = this.selectionMode;
+      var year = 3.1536e10;
+      var now = this.date.getTime();
+      var newDate = new Date(this.date.getTime());
+      while (Math.abs(now - newDate.getTime()) <= year) {
+        var map = mapping[mode];
+        map.offset(newDate, map[keyCode]);
+        if (typeof this.disabledDate === 'function' && this.disabledDate(newDate)) {
+          continue;
+        }
+        this.date = newDate;
+        this.$emit('pick', newDate, true);
+        break;
+      }
+    },
+    handleVisibleTimeChange: function handleVisibleTimeChange(value) {
+      var time = Object(date_util_["parseDate"])(value, this.timeFormat);
+      if (time && this.checkDateWithinRange(time)) {
+        this.date = Object(date_util_["modifyDate"])(time, this.year, this.month, this.monthDate);
+        this.userInputTime = null;
+        this.$refs.timepicker.value = this.date;
+        this.timePickerVisible = false;
+        this.emit(this.date, true);
+      }
+    },
+    handleVisibleDateChange: function handleVisibleDateChange(value) {
+      var date = Object(date_util_["parseDate"])(value, this.dateFormat);
+      if (date) {
+        if (typeof this.disabledDate === 'function' && this.disabledDate(date)) {
+          return;
+        }
+        this.date = Object(date_util_["modifyTime"])(date, this.date.getHours(), this.date.getMinutes(), this.date.getSeconds());
+        this.userInputDate = null;
+        this.resetView();
+        this.emit(this.date, true);
+      }
+    },
+    isValidValue: function isValidValue(value) {
+      return value && !isNaN(value) && (typeof this.disabledDate === 'function' ? !this.disabledDate(value) : true) && this.checkDateWithinRange(value);
+    },
+    getDefaultValue: function getDefaultValue() {
+      // if default-value is set, return it
+      // otherwise, return now (the moment this method gets called)
+      return this.defaultValue ? new Date(this.defaultValue) : new Date();
+    },
+    checkDateWithinRange: function checkDateWithinRange(date) {
+      return this.selectableRange.length > 0 ? Object(date_util_["timeWithinRange"])(date, this.selectableRange, this.format || 'HH:mm:ss') : true;
+    }
+  },
+
+  components: {
+    TimePicker: panel_time, YearTable: year_table, MonthTable: month_table, DateTable: date_table, ElInput: input_default.a, ElButton: button_default.a
+  },
+
+  data: function data() {
+    return {
+      popperClass: '',
+      date: new Date(),
+      value: '',
+      defaultValue: null, // use getDefaultValue() for time computation
+      defaultTime: null,
+      showTime: false,
+      selectionMode: 'day',
+      shortcuts: '',
+      visible: false,
+      currentView: 'date',
+      disabledDate: '',
+      cellClassName: '',
+      selectableRange: [],
+      firstDayOfWeek: 7,
+      showWeekNumber: false,
+      timePickerVisible: false,
+      format: '',
+      arrowControl: false,
+      userInputDate: null,
+      userInputTime: null
+    };
+  },
+
+
+  computed: {
+    year: function year() {
+      return this.date.getFullYear();
+    },
+    month: function month() {
+      return this.date.getMonth();
+    },
+    week: function week() {
+      return Object(date_util_["getWeekNumber"])(this.date);
+    },
+    monthDate: function monthDate() {
+      return this.date.getDate();
+    },
+    footerVisible: function footerVisible() {
+      return this.showTime || this.selectionMode === 'dates' || this.selectionMode === 'months' || this.selectionMode === 'years';
+    },
+    visibleTime: function visibleTime() {
+      if (this.userInputTime !== null) {
+        return this.userInputTime;
+      } else {
+        return Object(date_util_["formatDate"])(this.value || this.defaultValue, this.timeFormat);
+      }
+    },
+    visibleDate: function visibleDate() {
+      if (this.userInputDate !== null) {
+        return this.userInputDate;
+      } else {
+        return Object(date_util_["formatDate"])(this.value || this.defaultValue, this.dateFormat);
+      }
+    },
+    yearLabel: function yearLabel() {
+      var yearTranslation = this.t('el.datepicker.year');
+      if (this.currentView === 'year') {
+        var startYear = Math.floor(this.year / 10) * 10;
+        if (yearTranslation) {
+          return startYear + ' ' + yearTranslation + ' - ' + (startYear + 9) + ' ' + yearTranslation;
+        }
+        return startYear + ' - ' + (startYear + 9);
+      }
+      return this.year + ' ' + yearTranslation;
+    },
+    timeFormat: function timeFormat() {
+      if (this.format) {
+        return Object(date_util_["extractTimeFormat"])(this.format);
+      } else {
+        return 'HH:mm:ss';
+      }
+    },
+    dateFormat: function dateFormat() {
+      if (this.format) {
+        return Object(date_util_["extractDateFormat"])(this.format);
+      } else {
+        return 'yyyy-MM-dd';
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/date.vue?vue&type=script&lang=js&
+ /* harmony default export */ var panel_datevue_type_script_lang_js_ = (datevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/date.vue
+
+
+
+
+
+/* normalize component */
+
+var date_component = normalizeComponent(
+  panel_datevue_type_script_lang_js_,
+  datevue_type_template_id_2440d4ea_render,
+  datevue_type_template_id_2440d4ea_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var date_api; }
+date_component.options.__file = "packages/date-picker/src/panel/date.vue"
+/* harmony default export */ var panel_date = (date_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/date-range.vue?vue&type=template&id=2652849a&
+var date_rangevue_type_template_id_2652849a_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "el-zoom-in-top" },
+      on: {
+        "after-leave": function($event) {
+          _vm.$emit("dodestroy")
+        }
+      }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          staticClass: "el-picker-panel el-date-range-picker el-popper",
+          class: [
+            {
+              "has-sidebar": _vm.$slots.sidebar || _vm.shortcuts,
+              "has-time": _vm.showTime
+            },
+            _vm.popperClass
+          ]
+        },
+        [
+          _c(
+            "div",
+            { staticClass: "el-picker-panel__body-wrapper" },
+            [
+              _vm._t("sidebar"),
+              _vm.shortcuts
+                ? _c(
+                    "div",
+                    { staticClass: "el-picker-panel__sidebar" },
+                    _vm._l(_vm.shortcuts, function(shortcut, key) {
+                      return _c(
+                        "button",
+                        {
+                          key: key,
+                          staticClass: "el-picker-panel__shortcut",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function($event) {
+                              _vm.handleShortcutClick(shortcut)
+                            }
+                          }
+                        },
+                        [_vm._v(_vm._s(shortcut.text))]
+                      )
+                    }),
+                    0
+                  )
+                : _vm._e(),
+              _c("div", { staticClass: "el-picker-panel__body" }, [
+                _vm.showTime
+                  ? _c(
+                      "div",
+                      { staticClass: "el-date-range-picker__time-header" },
+                      [
+                        _c(
+                          "span",
+                          { staticClass: "el-date-range-picker__editors-wrap" },
+                          [
+                            _c(
+                              "span",
+                              {
+                                staticClass:
+                                  "el-date-range-picker__time-picker-wrap"
+                              },
+                              [
+                                _c("el-input", {
+                                  ref: "minInput",
+                                  staticClass: "el-date-range-picker__editor",
+                                  attrs: {
+                                    size: "small",
+                                    disabled: _vm.rangeState.selecting,
+                                    placeholder: _vm.t(
+                                      "el.datepicker.startDate"
+                                    ),
+                                    value: _vm.minVisibleDate
+                                  },
+                                  on: {
+                                    input: function(val) {
+                                      return _vm.handleDateInput(val, "min")
+                                    },
+                                    change: function(val) {
+                                      return _vm.handleDateChange(val, "min")
+                                    }
+                                  }
+                                })
+                              ],
+                              1
+                            ),
+                            _c(
+                              "span",
+                              {
+                                directives: [
+                                  {
+                                    name: "clickoutside",
+                                    rawName: "v-clickoutside",
+                                    value: _vm.handleMinTimeClose,
+                                    expression: "handleMinTimeClose"
+                                  }
+                                ],
+                                staticClass:
+                                  "el-date-range-picker__time-picker-wrap"
+                              },
+                              [
+                                _c("el-input", {
+                                  staticClass: "el-date-range-picker__editor",
+                                  attrs: {
+                                    size: "small",
+                                    disabled: _vm.rangeState.selecting,
+                                    placeholder: _vm.t(
+                                      "el.datepicker.startTime"
+                                    ),
+                                    value: _vm.minVisibleTime
+                                  },
+                                  on: {
+                                    focus: function($event) {
+                                      _vm.minTimePickerVisible = true
+                                    },
+                                    input: function(val) {
+                                      return _vm.handleTimeInput(val, "min")
+                                    },
+                                    change: function(val) {
+                                      return _vm.handleTimeChange(val, "min")
+                                    }
+                                  }
+                                }),
+                                _c("time-picker", {
+                                  ref: "minTimePicker",
+                                  attrs: {
+                                    "time-arrow-control": _vm.arrowControl,
+                                    visible: _vm.minTimePickerVisible
+                                  },
+                                  on: {
+                                    pick: _vm.handleMinTimePick,
+                                    mounted: function($event) {
+                                      _vm.$refs.minTimePicker.format =
+                                        _vm.timeFormat
+                                    }
+                                  }
+                                })
+                              ],
+                              1
+                            )
+                          ]
+                        ),
+                        _c("span", { staticClass: "el-icon-arrow-right" }),
+                        _c(
+                          "span",
+                          {
+                            staticClass:
+                              "el-date-range-picker__editors-wrap is-right"
+                          },
+                          [
+                            _c(
+                              "span",
+                              {
+                                staticClass:
+                                  "el-date-range-picker__time-picker-wrap"
+                              },
+                              [
+                                _c("el-input", {
+                                  staticClass: "el-date-range-picker__editor",
+                                  attrs: {
+                                    size: "small",
+                                    disabled: _vm.rangeState.selecting,
+                                    placeholder: _vm.t("el.datepicker.endDate"),
+                                    value: _vm.maxVisibleDate,
+                                    readonly: !_vm.minDate
+                                  },
+                                  on: {
+                                    input: function(val) {
+                                      return _vm.handleDateInput(val, "max")
+                                    },
+                                    change: function(val) {
+                                      return _vm.handleDateChange(val, "max")
+                                    }
+                                  }
+                                })
+                              ],
+                              1
+                            ),
+                            _c(
+                              "span",
+                              {
+                                directives: [
+                                  {
+                                    name: "clickoutside",
+                                    rawName: "v-clickoutside",
+                                    value: _vm.handleMaxTimeClose,
+                                    expression: "handleMaxTimeClose"
+                                  }
+                                ],
+                                staticClass:
+                                  "el-date-range-picker__time-picker-wrap"
+                              },
+                              [
+                                _c("el-input", {
+                                  staticClass: "el-date-range-picker__editor",
+                                  attrs: {
+                                    size: "small",
+                                    disabled: _vm.rangeState.selecting,
+                                    placeholder: _vm.t("el.datepicker.endTime"),
+                                    value: _vm.maxVisibleTime,
+                                    readonly: !_vm.minDate
+                                  },
+                                  on: {
+                                    focus: function($event) {
+                                      _vm.minDate &&
+                                        (_vm.maxTimePickerVisible = true)
+                                    },
+                                    input: function(val) {
+                                      return _vm.handleTimeInput(val, "max")
+                                    },
+                                    change: function(val) {
+                                      return _vm.handleTimeChange(val, "max")
+                                    }
+                                  }
+                                }),
+                                _c("time-picker", {
+                                  ref: "maxTimePicker",
+                                  attrs: {
+                                    "time-arrow-control": _vm.arrowControl,
+                                    visible: _vm.maxTimePickerVisible
+                                  },
+                                  on: {
+                                    pick: _vm.handleMaxTimePick,
+                                    mounted: function($event) {
+                                      _vm.$refs.maxTimePicker.format =
+                                        _vm.timeFormat
+                                    }
+                                  }
+                                })
+                              ],
+                              1
+                            )
+                          ]
+                        )
+                      ]
+                    )
+                  : _vm._e(),
+                _c(
+                  "div",
+                  {
+                    staticClass:
+                      "el-picker-panel__content el-date-range-picker__content is-left"
+                  },
+                  [
+                    _c("div", { staticClass: "el-date-range-picker__header" }, [
+                      _c("button", {
+                        staticClass:
+                          "el-picker-panel__icon-btn el-icon-d-arrow-left",
+                        attrs: { type: "button" },
+                        on: { click: _vm.leftPrevYear }
+                      }),
+                      _c("button", {
+                        staticClass:
+                          "el-picker-panel__icon-btn el-icon-arrow-left",
+                        attrs: { type: "button" },
+                        on: { click: _vm.leftPrevMonth }
+                      }),
+                      _vm.unlinkPanels
+                        ? _c("button", {
+                            staticClass:
+                              "el-picker-panel__icon-btn el-icon-d-arrow-right",
+                            class: { "is-disabled": !_vm.enableYearArrow },
+                            attrs: {
+                              type: "button",
+                              disabled: !_vm.enableYearArrow
+                            },
+                            on: { click: _vm.leftNextYear }
+                          })
+                        : _vm._e(),
+                      _vm.unlinkPanels
+                        ? _c("button", {
+                            staticClass:
+                              "el-picker-panel__icon-btn el-icon-arrow-right",
+                            class: { "is-disabled": !_vm.enableMonthArrow },
+                            attrs: {
+                              type: "button",
+                              disabled: !_vm.enableMonthArrow
+                            },
+                            on: { click: _vm.leftNextMonth }
+                          })
+                        : _vm._e(),
+                      _c("div", [_vm._v(_vm._s(_vm.leftLabel))])
+                    ]),
+                    _c("date-table", {
+                      attrs: {
+                        "selection-mode": "range",
+                        date: _vm.leftDate,
+                        "default-value": _vm.defaultValue,
+                        "min-date": _vm.minDate,
+                        "max-date": _vm.maxDate,
+                        "range-state": _vm.rangeState,
+                        "disabled-date": _vm.disabledDate,
+                        "cell-class-name": _vm.cellClassName,
+                        "first-day-of-week": _vm.firstDayOfWeek
+                      },
+                      on: {
+                        changerange: _vm.handleChangeRange,
+                        pick: _vm.handleRangePick
+                      }
+                    })
+                  ],
+                  1
+                ),
+                _c(
+                  "div",
+                  {
+                    staticClass:
+                      "el-picker-panel__content el-date-range-picker__content is-right"
+                  },
+                  [
+                    _c("div", { staticClass: "el-date-range-picker__header" }, [
+                      _vm.unlinkPanels
+                        ? _c("button", {
+                            staticClass:
+                              "el-picker-panel__icon-btn el-icon-d-arrow-left",
+                            class: { "is-disabled": !_vm.enableYearArrow },
+                            attrs: {
+                              type: "button",
+                              disabled: !_vm.enableYearArrow
+                            },
+                            on: { click: _vm.rightPrevYear }
+                          })
+                        : _vm._e(),
+                      _vm.unlinkPanels
+                        ? _c("button", {
+                            staticClass:
+                              "el-picker-panel__icon-btn el-icon-arrow-left",
+                            class: { "is-disabled": !_vm.enableMonthArrow },
+                            attrs: {
+                              type: "button",
+                              disabled: !_vm.enableMonthArrow
+                            },
+                            on: { click: _vm.rightPrevMonth }
+                          })
+                        : _vm._e(),
+                      _c("button", {
+                        staticClass:
+                          "el-picker-panel__icon-btn el-icon-d-arrow-right",
+                        attrs: { type: "button" },
+                        on: { click: _vm.rightNextYear }
+                      }),
+                      _c("button", {
+                        staticClass:
+                          "el-picker-panel__icon-btn el-icon-arrow-right",
+                        attrs: { type: "button" },
+                        on: { click: _vm.rightNextMonth }
+                      }),
+                      _c("div", [_vm._v(_vm._s(_vm.rightLabel))])
+                    ]),
+                    _c("date-table", {
+                      attrs: {
+                        "selection-mode": "range",
+                        date: _vm.rightDate,
+                        "default-value": _vm.defaultValue,
+                        "min-date": _vm.minDate,
+                        "max-date": _vm.maxDate,
+                        "range-state": _vm.rangeState,
+                        "disabled-date": _vm.disabledDate,
+                        "cell-class-name": _vm.cellClassName,
+                        "first-day-of-week": _vm.firstDayOfWeek
+                      },
+                      on: {
+                        changerange: _vm.handleChangeRange,
+                        pick: _vm.handleRangePick
+                      }
+                    })
+                  ],
+                  1
+                )
+              ])
+            ],
+            2
+          ),
+          _vm.showTime
+            ? _c(
+                "div",
+                { staticClass: "el-picker-panel__footer" },
+                [
+                  _c(
+                    "el-button",
+                    {
+                      staticClass: "el-picker-panel__link-btn",
+                      attrs: { size: "mini", type: "text" },
+                      on: { click: _vm.handleClear }
+                    },
+                    [
+                      _vm._v(
+                        "\n        " +
+                          _vm._s(_vm.t("el.datepicker.clear")) +
+                          "\n      "
+                      )
+                    ]
+                  ),
+                  _c(
+                    "el-button",
+                    {
+                      staticClass: "el-picker-panel__link-btn",
+                      attrs: {
+                        plain: "",
+                        size: "mini",
+                        disabled: _vm.btnDisabled
+                      },
+                      on: {
+                        click: function($event) {
+                          _vm.handleConfirm(false)
+                        }
+                      }
+                    },
+                    [
+                      _vm._v(
+                        "\n        " +
+                          _vm._s(_vm.t("el.datepicker.confirm")) +
+                          "\n      "
+                      )
+                    ]
+                  )
+                ],
+                1
+              )
+            : _vm._e()
+        ]
+      )
+    ]
+  )
+}
+var date_rangevue_type_template_id_2652849a_staticRenderFns = []
+date_rangevue_type_template_id_2652849a_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/date-range.vue?vue&type=template&id=2652849a&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/date-range.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultValue(defaultValue) {
+  if (Array.isArray(defaultValue)) {
+    return [new Date(defaultValue[0]), new Date(defaultValue[1])];
+  } else if (defaultValue) {
+    return [new Date(defaultValue), Object(date_util_["nextDate"])(new Date(defaultValue), 1)];
+  } else {
+    return [new Date(), Object(date_util_["nextDate"])(new Date(), 1)];
+  }
+};
+
+/* harmony default export */ var date_rangevue_type_script_lang_js_ = ({
+  mixins: [locale_default.a],
+
+  directives: { Clickoutside: clickoutside_default.a },
+
+  computed: {
+    btnDisabled: function btnDisabled() {
+      return !(this.minDate && this.maxDate && !this.selecting && this.isValidValue([this.minDate, this.maxDate]));
+    },
+    leftLabel: function leftLabel() {
+      return this.leftDate.getFullYear() + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + (this.leftDate.getMonth() + 1));
+    },
+    rightLabel: function rightLabel() {
+      return this.rightDate.getFullYear() + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + (this.rightDate.getMonth() + 1));
+    },
+    leftYear: function leftYear() {
+      return this.leftDate.getFullYear();
+    },
+    leftMonth: function leftMonth() {
+      return this.leftDate.getMonth();
+    },
+    leftMonthDate: function leftMonthDate() {
+      return this.leftDate.getDate();
+    },
+    rightYear: function rightYear() {
+      return this.rightDate.getFullYear();
+    },
+    rightMonth: function rightMonth() {
+      return this.rightDate.getMonth();
+    },
+    rightMonthDate: function rightMonthDate() {
+      return this.rightDate.getDate();
+    },
+    minVisibleDate: function minVisibleDate() {
+      if (this.dateUserInput.min !== null) return this.dateUserInput.min;
+      if (this.minDate) return Object(date_util_["formatDate"])(this.minDate, this.dateFormat);
+      return '';
+    },
+    maxVisibleDate: function maxVisibleDate() {
+      if (this.dateUserInput.max !== null) return this.dateUserInput.max;
+      if (this.maxDate || this.minDate) return Object(date_util_["formatDate"])(this.maxDate || this.minDate, this.dateFormat);
+      return '';
+    },
+    minVisibleTime: function minVisibleTime() {
+      if (this.timeUserInput.min !== null) return this.timeUserInput.min;
+      if (this.minDate) return Object(date_util_["formatDate"])(this.minDate, this.timeFormat);
+      return '';
+    },
+    maxVisibleTime: function maxVisibleTime() {
+      if (this.timeUserInput.max !== null) return this.timeUserInput.max;
+      if (this.maxDate || this.minDate) return Object(date_util_["formatDate"])(this.maxDate || this.minDate, this.timeFormat);
+      return '';
+    },
+    timeFormat: function timeFormat() {
+      if (this.format) {
+        return Object(date_util_["extractTimeFormat"])(this.format);
+      } else {
+        return 'HH:mm:ss';
+      }
+    },
+    dateFormat: function dateFormat() {
+      if (this.format) {
+        return Object(date_util_["extractDateFormat"])(this.format);
+      } else {
+        return 'yyyy-MM-dd';
+      }
+    },
+    enableMonthArrow: function enableMonthArrow() {
+      var nextMonth = (this.leftMonth + 1) % 12;
+      var yearOffset = this.leftMonth + 1 >= 12 ? 1 : 0;
+      return this.unlinkPanels && new Date(this.leftYear + yearOffset, nextMonth) < new Date(this.rightYear, this.rightMonth);
+    },
+    enableYearArrow: function enableYearArrow() {
+      return this.unlinkPanels && this.rightYear * 12 + this.rightMonth - (this.leftYear * 12 + this.leftMonth + 1) >= 12;
+    }
+  },
+
+  data: function data() {
+    return {
+      popperClass: '',
+      value: [],
+      defaultValue: null,
+      defaultTime: null,
+      minDate: '',
+      maxDate: '',
+      leftDate: new Date(),
+      rightDate: Object(date_util_["nextMonth"])(new Date()),
+      rangeState: {
+        endDate: null,
+        selecting: false,
+        row: null,
+        column: null
+      },
+      showTime: false,
+      shortcuts: '',
+      visible: '',
+      disabledDate: '',
+      cellClassName: '',
+      firstDayOfWeek: 7,
+      minTimePickerVisible: false,
+      maxTimePickerVisible: false,
+      format: '',
+      arrowControl: false,
+      unlinkPanels: false,
+      dateUserInput: {
+        min: null,
+        max: null
+      },
+      timeUserInput: {
+        min: null,
+        max: null
+      }
+    };
+  },
+
+
+  watch: {
+    minDate: function minDate(val) {
+      var _this = this;
+
+      this.dateUserInput.min = null;
+      this.timeUserInput.min = null;
+      this.$nextTick(function () {
+        if (_this.$refs.maxTimePicker && _this.maxDate && _this.maxDate < _this.minDate) {
+          var format = 'HH:mm:ss';
+          _this.$refs.maxTimePicker.selectableRange = [[Object(date_util_["parseDate"])(Object(date_util_["formatDate"])(_this.minDate, format), format), Object(date_util_["parseDate"])('23:59:59', format)]];
+        }
+      });
+      if (val && this.$refs.minTimePicker) {
+        this.$refs.minTimePicker.date = val;
+        this.$refs.minTimePicker.value = val;
+      }
+    },
+    maxDate: function maxDate(val) {
+      this.dateUserInput.max = null;
+      this.timeUserInput.max = null;
+      if (val && this.$refs.maxTimePicker) {
+        this.$refs.maxTimePicker.date = val;
+        this.$refs.maxTimePicker.value = val;
+      }
+    },
+    minTimePickerVisible: function minTimePickerVisible(val) {
+      var _this2 = this;
+
+      if (val) {
+        this.$nextTick(function () {
+          _this2.$refs.minTimePicker.date = _this2.minDate;
+          _this2.$refs.minTimePicker.value = _this2.minDate;
+          _this2.$refs.minTimePicker.adjustSpinners();
+        });
+      }
+    },
+    maxTimePickerVisible: function maxTimePickerVisible(val) {
+      var _this3 = this;
+
+      if (val) {
+        this.$nextTick(function () {
+          _this3.$refs.maxTimePicker.date = _this3.maxDate;
+          _this3.$refs.maxTimePicker.value = _this3.maxDate;
+          _this3.$refs.maxTimePicker.adjustSpinners();
+        });
+      }
+    },
+    value: function value(newVal) {
+      if (!newVal) {
+        this.minDate = null;
+        this.maxDate = null;
+      } else if (Array.isArray(newVal)) {
+        this.minDate = Object(date_util_["isDate"])(newVal[0]) ? new Date(newVal[0]) : null;
+        this.maxDate = Object(date_util_["isDate"])(newVal[1]) ? new Date(newVal[1]) : null;
+        if (this.minDate) {
+          this.leftDate = this.minDate;
+          if (this.unlinkPanels && this.maxDate) {
+            var minDateYear = this.minDate.getFullYear();
+            var minDateMonth = this.minDate.getMonth();
+            var maxDateYear = this.maxDate.getFullYear();
+            var maxDateMonth = this.maxDate.getMonth();
+            this.rightDate = minDateYear === maxDateYear && minDateMonth === maxDateMonth ? Object(date_util_["nextMonth"])(this.maxDate) : this.maxDate;
+          } else {
+            this.rightDate = Object(date_util_["nextMonth"])(this.leftDate);
+          }
+        } else {
+          this.leftDate = date_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0];
+          this.rightDate = Object(date_util_["nextMonth"])(this.leftDate);
+        }
+      }
+    },
+    defaultValue: function defaultValue(val) {
+      if (!Array.isArray(this.value)) {
+        var _calcDefaultValue = date_rangevue_type_script_lang_js_calcDefaultValue(val),
+            left = _calcDefaultValue[0],
+            right = _calcDefaultValue[1];
+
+        this.leftDate = left;
+        this.rightDate = val && val[1] && this.unlinkPanels ? right : Object(date_util_["nextMonth"])(this.leftDate);
+      }
+    }
+  },
+
+  methods: {
+    handleClear: function handleClear() {
+      this.minDate = null;
+      this.maxDate = null;
+      this.leftDate = date_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0];
+      this.rightDate = Object(date_util_["nextMonth"])(this.leftDate);
+      this.$emit('pick', null);
+    },
+    handleChangeRange: function handleChangeRange(val) {
+      this.minDate = val.minDate;
+      this.maxDate = val.maxDate;
+      this.rangeState = val.rangeState;
+    },
+    handleDateInput: function handleDateInput(value, type) {
+      this.dateUserInput[type] = value;
+      if (value.length !== this.dateFormat.length) return;
+      var parsedValue = Object(date_util_["parseDate"])(value, this.dateFormat);
+
+      if (parsedValue) {
+        if (typeof this.disabledDate === 'function' && this.disabledDate(new Date(parsedValue))) {
+          return;
+        }
+        if (type === 'min') {
+          this.minDate = Object(date_util_["modifyDate"])(this.minDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
+          this.leftDate = new Date(parsedValue);
+          if (!this.unlinkPanels) {
+            this.rightDate = Object(date_util_["nextMonth"])(this.leftDate);
+          }
+        } else {
+          this.maxDate = Object(date_util_["modifyDate"])(this.maxDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
+          this.rightDate = new Date(parsedValue);
+          if (!this.unlinkPanels) {
+            this.leftDate = Object(date_util_["prevMonth"])(parsedValue);
+          }
+        }
+      }
+    },
+    handleDateChange: function handleDateChange(value, type) {
+      var parsedValue = Object(date_util_["parseDate"])(value, this.dateFormat);
+      if (parsedValue) {
+        if (type === 'min') {
+          this.minDate = Object(date_util_["modifyDate"])(this.minDate, parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
+          if (this.minDate > this.maxDate) {
+            this.maxDate = this.minDate;
+          }
+        } else {
+          this.maxDate = Object(date_util_["modifyDate"])(this.maxDate, parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
+          if (this.maxDate < this.minDate) {
+            this.minDate = this.maxDate;
+          }
+        }
+      }
+    },
+    handleTimeInput: function handleTimeInput(value, type) {
+      var _this4 = this;
+
+      this.timeUserInput[type] = value;
+      if (value.length !== this.timeFormat.length) return;
+      var parsedValue = Object(date_util_["parseDate"])(value, this.timeFormat);
+
+      if (parsedValue) {
+        if (type === 'min') {
+          this.minDate = Object(date_util_["modifyTime"])(this.minDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
+          this.$nextTick(function (_) {
+            return _this4.$refs.minTimePicker.adjustSpinners();
+          });
+        } else {
+          this.maxDate = Object(date_util_["modifyTime"])(this.maxDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
+          this.$nextTick(function (_) {
+            return _this4.$refs.maxTimePicker.adjustSpinners();
+          });
+        }
+      }
+    },
+    handleTimeChange: function handleTimeChange(value, type) {
+      var parsedValue = Object(date_util_["parseDate"])(value, this.timeFormat);
+      if (parsedValue) {
+        if (type === 'min') {
+          this.minDate = Object(date_util_["modifyTime"])(this.minDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
+          if (this.minDate > this.maxDate) {
+            this.maxDate = this.minDate;
+          }
+          this.$refs.minTimePicker.value = this.minDate;
+          this.minTimePickerVisible = false;
+        } else {
+          this.maxDate = Object(date_util_["modifyTime"])(this.maxDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
+          if (this.maxDate < this.minDate) {
+            this.minDate = this.maxDate;
+          }
+          this.$refs.maxTimePicker.value = this.minDate;
+          this.maxTimePickerVisible = false;
+        }
+      }
+    },
+    handleRangePick: function handleRangePick(val) {
+      var _this5 = this;
+
+      var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+      var defaultTime = this.defaultTime || [];
+      var minDate = Object(date_util_["modifyWithTimeString"])(val.minDate, defaultTime[0]);
+      var maxDate = Object(date_util_["modifyWithTimeString"])(val.maxDate, defaultTime[1]);
+
+      if (this.maxDate === maxDate && this.minDate === minDate) {
+        return;
+      }
+      this.onPick && this.onPick(val);
+      this.maxDate = maxDate;
+      this.minDate = minDate;
+
+      // workaround for https://github.com/ElemeFE/element/issues/7539, should remove this block when we don't have to care about Chromium 55 - 57
+      setTimeout(function () {
+        _this5.maxDate = maxDate;
+        _this5.minDate = minDate;
+      }, 10);
+      if (!close || this.showTime) return;
+      this.handleConfirm();
+    },
+    handleShortcutClick: function handleShortcutClick(shortcut) {
+      if (shortcut.onClick) {
+        shortcut.onClick(this);
+      }
+    },
+    handleMinTimePick: function handleMinTimePick(value, visible, first) {
+      this.minDate = this.minDate || new Date();
+      if (value) {
+        this.minDate = Object(date_util_["modifyTime"])(this.minDate, value.getHours(), value.getMinutes(), value.getSeconds());
+      }
+
+      if (!first) {
+        this.minTimePickerVisible = visible;
+      }
+
+      if (!this.maxDate || this.maxDate && this.maxDate.getTime() < this.minDate.getTime()) {
+        this.maxDate = new Date(this.minDate);
+      }
+    },
+    handleMinTimeClose: function handleMinTimeClose() {
+      this.minTimePickerVisible = false;
+    },
+    handleMaxTimePick: function handleMaxTimePick(value, visible, first) {
+      if (this.maxDate && value) {
+        this.maxDate = Object(date_util_["modifyTime"])(this.maxDate, value.getHours(), value.getMinutes(), value.getSeconds());
+      }
+
+      if (!first) {
+        this.maxTimePickerVisible = visible;
+      }
+
+      if (this.maxDate && this.minDate && this.minDate.getTime() > this.maxDate.getTime()) {
+        this.minDate = new Date(this.maxDate);
+      }
+    },
+    handleMaxTimeClose: function handleMaxTimeClose() {
+      this.maxTimePickerVisible = false;
+    },
+
+
+    // leftPrev*, rightNext* need to take care of `unlinkPanels`
+    leftPrevYear: function leftPrevYear() {
+      this.leftDate = Object(date_util_["prevYear"])(this.leftDate);
+      if (!this.unlinkPanels) {
+        this.rightDate = Object(date_util_["nextMonth"])(this.leftDate);
+      }
+    },
+    leftPrevMonth: function leftPrevMonth() {
+      this.leftDate = Object(date_util_["prevMonth"])(this.leftDate);
+      if (!this.unlinkPanels) {
+        this.rightDate = Object(date_util_["nextMonth"])(this.leftDate);
+      }
+    },
+    rightNextYear: function rightNextYear() {
+      if (!this.unlinkPanels) {
+        this.leftDate = Object(date_util_["nextYear"])(this.leftDate);
+        this.rightDate = Object(date_util_["nextMonth"])(this.leftDate);
+      } else {
+        this.rightDate = Object(date_util_["nextYear"])(this.rightDate);
+      }
+    },
+    rightNextMonth: function rightNextMonth() {
+      if (!this.unlinkPanels) {
+        this.leftDate = Object(date_util_["nextMonth"])(this.leftDate);
+        this.rightDate = Object(date_util_["nextMonth"])(this.leftDate);
+      } else {
+        this.rightDate = Object(date_util_["nextMonth"])(this.rightDate);
+      }
+    },
+
+
+    // leftNext*, rightPrev* are called when `unlinkPanels` is true
+    leftNextYear: function leftNextYear() {
+      this.leftDate = Object(date_util_["nextYear"])(this.leftDate);
+    },
+    leftNextMonth: function leftNextMonth() {
+      this.leftDate = Object(date_util_["nextMonth"])(this.leftDate);
+    },
+    rightPrevYear: function rightPrevYear() {
+      this.rightDate = Object(date_util_["prevYear"])(this.rightDate);
+    },
+    rightPrevMonth: function rightPrevMonth() {
+      this.rightDate = Object(date_util_["prevMonth"])(this.rightDate);
+    },
+    handleConfirm: function handleConfirm() {
+      var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      if (this.isValidValue([this.minDate, this.maxDate])) {
+        this.$emit('pick', [this.minDate, this.maxDate], visible);
+      }
+    },
+    isValidValue: function isValidValue(value) {
+      return Array.isArray(value) && value && value[0] && value[1] && Object(date_util_["isDate"])(value[0]) && Object(date_util_["isDate"])(value[1]) && value[0].getTime() <= value[1].getTime() && (typeof this.disabledDate === 'function' ? !this.disabledDate(value[0]) && !this.disabledDate(value[1]) : true);
+    },
+    resetView: function resetView() {
+      // NOTE: this is a hack to reset {min, max}Date on picker open.
+      // TODO: correct way of doing so is to refactor {min, max}Date to be dependent on value and internal selection state
+      //       an alternative would be resetView whenever picker becomes visible, should also investigate date-panel's resetView
+      if (this.minDate && this.maxDate == null) this.rangeState.selecting = false;
+      this.minDate = this.value && Object(date_util_["isDate"])(this.value[0]) ? new Date(this.value[0]) : null;
+      this.maxDate = this.value && Object(date_util_["isDate"])(this.value[0]) ? new Date(this.value[1]) : null;
+    }
+  },
+
+  components: { TimePicker: panel_time, DateTable: date_table, ElInput: input_default.a, ElButton: button_default.a }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/date-range.vue?vue&type=script&lang=js&
+ /* harmony default export */ var panel_date_rangevue_type_script_lang_js_ = (date_rangevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/date-range.vue
+
+
+
+
+
+/* normalize component */
+
+var date_range_component = normalizeComponent(
+  panel_date_rangevue_type_script_lang_js_,
+  date_rangevue_type_template_id_2652849a_render,
+  date_rangevue_type_template_id_2652849a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var date_range_api; }
+date_range_component.options.__file = "packages/date-picker/src/panel/date-range.vue"
+/* harmony default export */ var date_range = (date_range_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/month-range.vue?vue&type=template&id=f2645fb8&
+var month_rangevue_type_template_id_f2645fb8_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "el-zoom-in-top" },
+      on: {
+        "after-leave": function($event) {
+          _vm.$emit("dodestroy")
+        }
+      }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          staticClass: "el-picker-panel el-date-range-picker el-popper",
+          class: [
+            {
+              "has-sidebar": _vm.$slots.sidebar || _vm.shortcuts
+            },
+            _vm.popperClass
+          ]
+        },
+        [
+          _c(
+            "div",
+            { staticClass: "el-picker-panel__body-wrapper" },
+            [
+              _vm._t("sidebar"),
+              _vm.shortcuts
+                ? _c(
+                    "div",
+                    { staticClass: "el-picker-panel__sidebar" },
+                    _vm._l(_vm.shortcuts, function(shortcut, key) {
+                      return _c(
+                        "button",
+                        {
+                          key: key,
+                          staticClass: "el-picker-panel__shortcut",
+                          attrs: { type: "button" },
+                          on: {
+                            click: function($event) {
+                              _vm.handleShortcutClick(shortcut)
+                            }
+                          }
+                        },
+                        [_vm._v(_vm._s(shortcut.text))]
+                      )
+                    }),
+                    0
+                  )
+                : _vm._e(),
+              _c("div", { staticClass: "el-picker-panel__body" }, [
+                _c(
+                  "div",
+                  {
+                    staticClass:
+                      "el-picker-panel__content el-date-range-picker__content is-left"
+                  },
+                  [
+                    _c("div", { staticClass: "el-date-range-picker__header" }, [
+                      _c("button", {
+                        staticClass:
+                          "el-picker-panel__icon-btn el-icon-d-arrow-left",
+                        attrs: { type: "button" },
+                        on: { click: _vm.leftPrevYear }
+                      }),
+                      _vm.unlinkPanels
+                        ? _c("button", {
+                            staticClass:
+                              "el-picker-panel__icon-btn el-icon-d-arrow-right",
+                            class: { "is-disabled": !_vm.enableYearArrow },
+                            attrs: {
+                              type: "button",
+                              disabled: !_vm.enableYearArrow
+                            },
+                            on: { click: _vm.leftNextYear }
+                          })
+                        : _vm._e(),
+                      _c("div", [_vm._v(_vm._s(_vm.leftLabel))])
+                    ]),
+                    _c("month-table", {
+                      attrs: {
+                        "selection-mode": "range",
+                        date: _vm.leftDate,
+                        "default-value": _vm.defaultValue,
+                        "min-date": _vm.minDate,
+                        "max-date": _vm.maxDate,
+                        "range-state": _vm.rangeState,
+                        "disabled-date": _vm.disabledDate
+                      },
+                      on: {
+                        changerange: _vm.handleChangeRange,
+                        pick: _vm.handleRangePick
+                      }
+                    })
+                  ],
+                  1
+                ),
+                _c(
+                  "div",
+                  {
+                    staticClass:
+                      "el-picker-panel__content el-date-range-picker__content is-right"
+                  },
+                  [
+                    _c("div", { staticClass: "el-date-range-picker__header" }, [
+                      _vm.unlinkPanels
+                        ? _c("button", {
+                            staticClass:
+                              "el-picker-panel__icon-btn el-icon-d-arrow-left",
+                            class: { "is-disabled": !_vm.enableYearArrow },
+                            attrs: {
+                              type: "button",
+                              disabled: !_vm.enableYearArrow
+                            },
+                            on: { click: _vm.rightPrevYear }
+                          })
+                        : _vm._e(),
+                      _c("button", {
+                        staticClass:
+                          "el-picker-panel__icon-btn el-icon-d-arrow-right",
+                        attrs: { type: "button" },
+                        on: { click: _vm.rightNextYear }
+                      }),
+                      _c("div", [_vm._v(_vm._s(_vm.rightLabel))])
+                    ]),
+                    _c("month-table", {
+                      attrs: {
+                        "selection-mode": "range",
+                        date: _vm.rightDate,
+                        "default-value": _vm.defaultValue,
+                        "min-date": _vm.minDate,
+                        "max-date": _vm.maxDate,
+                        "range-state": _vm.rangeState,
+                        "disabled-date": _vm.disabledDate
+                      },
+                      on: {
+                        changerange: _vm.handleChangeRange,
+                        pick: _vm.handleRangePick
+                      }
+                    })
+                  ],
+                  1
+                )
+              ])
+            ],
+            2
+          )
+        ]
+      )
+    ]
+  )
+}
+var month_rangevue_type_template_id_f2645fb8_staticRenderFns = []
+month_rangevue_type_template_id_f2645fb8_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/month-range.vue?vue&type=template&id=f2645fb8&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/month-range.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+var month_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultValue(defaultValue) {
+  if (Array.isArray(defaultValue)) {
+    return [new Date(defaultValue[0]), new Date(defaultValue[1])];
+  } else if (defaultValue) {
+    return [new Date(defaultValue), Object(date_util_["nextMonth"])(new Date(defaultValue))];
+  } else {
+    return [new Date(), Object(date_util_["nextMonth"])(new Date())];
+  }
+};
+/* harmony default export */ var month_rangevue_type_script_lang_js_ = ({
+  mixins: [locale_default.a],
+
+  directives: { Clickoutside: clickoutside_default.a },
+
+  computed: {
+    btnDisabled: function btnDisabled() {
+      return !(this.minDate && this.maxDate && !this.selecting && this.isValidValue([this.minDate, this.maxDate]));
+    },
+    leftLabel: function leftLabel() {
+      return this.leftDate.getFullYear() + ' ' + this.t('el.datepicker.year');
+    },
+    rightLabel: function rightLabel() {
+      return this.rightDate.getFullYear() + ' ' + this.t('el.datepicker.year');
+    },
+    leftYear: function leftYear() {
+      return this.leftDate.getFullYear();
+    },
+    rightYear: function rightYear() {
+      return this.rightDate.getFullYear() === this.leftDate.getFullYear() ? this.leftDate.getFullYear() + 1 : this.rightDate.getFullYear();
+    },
+    enableYearArrow: function enableYearArrow() {
+      return this.unlinkPanels && this.rightYear > this.leftYear + 1;
+    }
+  },
+
+  data: function data() {
+    return {
+      popperClass: '',
+      value: [],
+      defaultValue: null,
+      defaultTime: null,
+      minDate: '',
+      maxDate: '',
+      leftDate: new Date(),
+      rightDate: Object(date_util_["nextYear"])(new Date()),
+      rangeState: {
+        endDate: null,
+        selecting: false,
+        row: null,
+        column: null
+      },
+      shortcuts: '',
+      visible: '',
+      disabledDate: '',
+      format: '',
+      arrowControl: false,
+      unlinkPanels: false
+    };
+  },
+
+
+  watch: {
+    value: function value(newVal) {
+      if (!newVal) {
+        this.minDate = null;
+        this.maxDate = null;
+      } else if (Array.isArray(newVal)) {
+        this.minDate = Object(date_util_["isDate"])(newVal[0]) ? new Date(newVal[0]) : null;
+        this.maxDate = Object(date_util_["isDate"])(newVal[1]) ? new Date(newVal[1]) : null;
+        if (this.minDate) {
+          this.leftDate = this.minDate;
+          if (this.unlinkPanels && this.maxDate) {
+            var minDateYear = this.minDate.getFullYear();
+            var maxDateYear = this.maxDate.getFullYear();
+            this.rightDate = minDateYear === maxDateYear ? Object(date_util_["nextYear"])(this.maxDate) : this.maxDate;
+          } else {
+            this.rightDate = Object(date_util_["nextYear"])(this.leftDate);
+          }
+        } else {
+          this.leftDate = month_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0];
+          this.rightDate = Object(date_util_["nextYear"])(this.leftDate);
+        }
+      }
+    },
+    defaultValue: function defaultValue(val) {
+      if (!Array.isArray(this.value)) {
+        var _calcDefaultValue = month_rangevue_type_script_lang_js_calcDefaultValue(val),
+            left = _calcDefaultValue[0],
+            right = _calcDefaultValue[1];
+
+        this.leftDate = left;
+        this.rightDate = val && val[1] && left.getFullYear() !== right.getFullYear() && this.unlinkPanels ? right : Object(date_util_["nextYear"])(this.leftDate);
+      }
+    }
+  },
+
+  methods: {
+    handleClear: function handleClear() {
+      this.minDate = null;
+      this.maxDate = null;
+      this.leftDate = month_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0];
+      this.rightDate = Object(date_util_["nextYear"])(this.leftDate);
+      this.$emit('pick', null);
+    },
+    handleChangeRange: function handleChangeRange(val) {
+      this.minDate = val.minDate;
+      this.maxDate = val.maxDate;
+      this.rangeState = val.rangeState;
+    },
+    handleRangePick: function handleRangePick(val) {
+      var _this = this;
+
+      var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+      var defaultTime = this.defaultTime || [];
+      var minDate = Object(date_util_["modifyWithTimeString"])(val.minDate, defaultTime[0]);
+      var maxDate = Object(date_util_["modifyWithTimeString"])(val.maxDate, defaultTime[1]);
+      if (this.maxDate === maxDate && this.minDate === minDate) {
+        return;
+      }
+      this.onPick && this.onPick(val);
+      this.maxDate = maxDate;
+      this.minDate = minDate;
+
+      // workaround for https://github.com/ElemeFE/element/issues/7539, should remove this block when we don't have to care about Chromium 55 - 57
+      setTimeout(function () {
+        _this.maxDate = maxDate;
+        _this.minDate = minDate;
+      }, 10);
+      if (!close) return;
+      this.handleConfirm();
+    },
+    handleShortcutClick: function handleShortcutClick(shortcut) {
+      if (shortcut.onClick) {
+        shortcut.onClick(this);
+      }
+    },
+
+
+    // leftPrev*, rightNext* need to take care of `unlinkPanels`
+    leftPrevYear: function leftPrevYear() {
+      this.leftDate = Object(date_util_["prevYear"])(this.leftDate);
+      if (!this.unlinkPanels) {
+        this.rightDate = Object(date_util_["prevYear"])(this.rightDate);
+      }
+    },
+    rightNextYear: function rightNextYear() {
+      if (!this.unlinkPanels) {
+        this.leftDate = Object(date_util_["nextYear"])(this.leftDate);
+      }
+      this.rightDate = Object(date_util_["nextYear"])(this.rightDate);
+    },
+
+
+    // leftNext*, rightPrev* are called when `unlinkPanels` is true
+    leftNextYear: function leftNextYear() {
+      this.leftDate = Object(date_util_["nextYear"])(this.leftDate);
+    },
+    rightPrevYear: function rightPrevYear() {
+      this.rightDate = Object(date_util_["prevYear"])(this.rightDate);
+    },
+    handleConfirm: function handleConfirm() {
+      var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      if (this.isValidValue([this.minDate, this.maxDate])) {
+        this.$emit('pick', [this.minDate, this.maxDate], visible);
+      }
+    },
+    isValidValue: function isValidValue(value) {
+      return Array.isArray(value) && value && value[0] && value[1] && Object(date_util_["isDate"])(value[0]) && Object(date_util_["isDate"])(value[1]) && value[0].getTime() <= value[1].getTime() && (typeof this.disabledDate === 'function' ? !this.disabledDate(value[0]) && !this.disabledDate(value[1]) : true);
+    },
+    resetView: function resetView() {
+      // NOTE: this is a hack to reset {min, max}Date on picker open.
+      // TODO: correct way of doing so is to refactor {min, max}Date to be dependent on value and internal selection state
+      //       an alternative would be resetView whenever picker becomes visible, should also investigate date-panel's resetView
+      this.minDate = this.value && Object(date_util_["isDate"])(this.value[0]) ? new Date(this.value[0]) : null;
+      this.maxDate = this.value && Object(date_util_["isDate"])(this.value[0]) ? new Date(this.value[1]) : null;
+    }
+  },
+
+  components: { MonthTable: month_table, ElInput: input_default.a, ElButton: button_default.a }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/month-range.vue?vue&type=script&lang=js&
+ /* harmony default export */ var panel_month_rangevue_type_script_lang_js_ = (month_rangevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/month-range.vue
+
+
+
+
+
+/* normalize component */
+
+var month_range_component = normalizeComponent(
+  panel_month_rangevue_type_script_lang_js_,
+  month_rangevue_type_template_id_f2645fb8_render,
+  month_rangevue_type_template_id_f2645fb8_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var month_range_api; }
+month_range_component.options.__file = "packages/date-picker/src/panel/month-range.vue"
+/* harmony default export */ var month_range = (month_range_component.exports);
+// CONCATENATED MODULE: ./packages/date-picker/src/picker/date-picker.js
+
+
+
+
+
+var date_picker_getPanel = function getPanel(type) {
+  if (type === 'daterange' || type === 'datetimerange') {
+    return date_range;
+  } else if (type === 'monthrange') {
+    return month_range;
+  }
+  return panel_date;
+};
+
+/* harmony default export */ var date_picker = ({
+  mixins: [picker],
+
+  name: 'ElDatePicker',
+
+  props: {
+    type: {
+      type: String,
+      default: 'date'
+    },
+    timeArrowControl: Boolean
+  },
+
+  watch: {
+    type: function type(_type) {
+      if (this.picker) {
+        this.unmountPicker();
+        this.panel = date_picker_getPanel(_type);
+        this.mountPicker();
+      } else {
+        this.panel = date_picker_getPanel(_type);
+      }
+    }
+  },
+
+  created: function created() {
+    this.panel = date_picker_getPanel(this.type);
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/index.js
+
+
+/* istanbul ignore next */
+date_picker.install = function install(Vue) {
+  Vue.component(date_picker.name, date_picker);
+};
+
+/* harmony default export */ var packages_date_picker = (date_picker);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-select.vue?vue&type=template&id=51ab9320&
+var time_selectvue_type_template_id_51ab9320_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "el-zoom-in-top" },
+      on: {
+        "before-enter": _vm.handleMenuEnter,
+        "after-leave": function($event) {
+          _vm.$emit("dodestroy")
+        }
+      }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          ref: "popper",
+          staticClass: "el-picker-panel time-select el-popper",
+          class: _vm.popperClass,
+          style: { width: _vm.width + "px" }
+        },
+        [
+          _c(
+            "el-scrollbar",
+            {
+              attrs: { noresize: "", "wrap-class": "el-picker-panel__content" }
+            },
+            _vm._l(_vm.items, function(item) {
+              return _c(
+                "div",
+                {
+                  key: item.value,
+                  staticClass: "time-select-item",
+                  class: {
+                    selected: _vm.value === item.value,
+                    disabled: item.disabled,
+                    default: item.value === _vm.defaultValue
+                  },
+                  attrs: { disabled: item.disabled },
+                  on: {
+                    click: function($event) {
+                      _vm.handleClick(item)
+                    }
+                  }
+                },
+                [_vm._v(_vm._s(item.value))]
+              )
+            }),
+            0
+          )
+        ],
+        1
+      )
+    ]
+  )
+}
+var time_selectvue_type_template_id_51ab9320_staticRenderFns = []
+time_selectvue_type_template_id_51ab9320_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/time-select.vue?vue&type=template&id=51ab9320&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-select.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+var parseTime = function parseTime(time) {
+  var values = (time || '').split(':');
+  if (values.length >= 2) {
+    var hours = parseInt(values[0], 10);
+    var minutes = parseInt(values[1], 10);
+
+    return {
+      hours: hours,
+      minutes: minutes
+    };
+  }
+  /* istanbul ignore next */
+  return null;
+};
+
+var compareTime = function compareTime(time1, time2) {
+  var value1 = parseTime(time1);
+  var value2 = parseTime(time2);
+
+  var minutes1 = value1.minutes + value1.hours * 60;
+  var minutes2 = value2.minutes + value2.hours * 60;
+
+  if (minutes1 === minutes2) {
+    return 0;
+  }
+
+  return minutes1 > minutes2 ? 1 : -1;
+};
+
+var formatTime = function formatTime(time) {
+  return (time.hours < 10 ? '0' + time.hours : time.hours) + ':' + (time.minutes < 10 ? '0' + time.minutes : time.minutes);
+};
+
+var nextTime = function nextTime(time, step) {
+  var timeValue = parseTime(time);
+  var stepValue = parseTime(step);
+
+  var next = {
+    hours: timeValue.hours,
+    minutes: timeValue.minutes
+  };
+
+  next.minutes += stepValue.minutes;
+  next.hours += stepValue.hours;
+
+  next.hours += Math.floor(next.minutes / 60);
+  next.minutes = next.minutes % 60;
+
+  return formatTime(next);
+};
+
+/* harmony default export */ var time_selectvue_type_script_lang_js_ = ({
+  components: { ElScrollbar: scrollbar_default.a },
+
+  watch: {
+    value: function value(val) {
+      var _this = this;
+
+      if (!val) return;
+      this.$nextTick(function () {
+        return _this.scrollToOption();
+      });
+    }
+  },
+
+  methods: {
+    handleClick: function handleClick(item) {
+      if (!item.disabled) {
+        this.$emit('pick', item.value);
+      }
+    },
+    handleClear: function handleClear() {
+      this.$emit('pick', null);
+    },
+    scrollToOption: function scrollToOption() {
+      var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '.selected';
+
+      var menu = this.$refs.popper.querySelector('.el-picker-panel__content');
+      scroll_into_view_default()(menu, menu.querySelector(selector));
+    },
+    handleMenuEnter: function handleMenuEnter() {
+      var _this2 = this;
+
+      var selected = this.items.map(function (item) {
+        return item.value;
+      }).indexOf(this.value) !== -1;
+      var hasDefault = this.items.map(function (item) {
+        return item.value;
+      }).indexOf(this.defaultValue) !== -1;
+      var option = selected && '.selected' || hasDefault && '.default' || '.time-select-item:not(.disabled)';
+      this.$nextTick(function () {
+        return _this2.scrollToOption(option);
+      });
+    },
+    scrollDown: function scrollDown(step) {
+      var items = this.items;
+      var length = items.length;
+      var total = items.length;
+      var index = items.map(function (item) {
+        return item.value;
+      }).indexOf(this.value);
+      while (total--) {
+        index = (index + step + length) % length;
+        if (!items[index].disabled) {
+          this.$emit('pick', items[index].value, true);
+          return;
+        }
+      }
+    },
+    isValidValue: function isValidValue(date) {
+      return this.items.filter(function (item) {
+        return !item.disabled;
+      }).map(function (item) {
+        return item.value;
+      }).indexOf(date) !== -1;
+    },
+    handleKeydown: function handleKeydown(event) {
+      var keyCode = event.keyCode;
+      if (keyCode === 38 || keyCode === 40) {
+        var mapping = { 40: 1, 38: -1 };
+        var offset = mapping[keyCode.toString()];
+        this.scrollDown(offset);
+        event.stopPropagation();
+        return;
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      popperClass: '',
+      start: '09:00',
+      end: '18:00',
+      step: '00:30',
+      value: '',
+      defaultValue: '',
+      visible: false,
+      minTime: '',
+      maxTime: '',
+      width: 0
+    };
+  },
+
+
+  computed: {
+    items: function items() {
+      var start = this.start;
+      var end = this.end;
+      var step = this.step;
+
+      var result = [];
+
+      if (start && end && step) {
+        var current = start;
+        while (compareTime(current, end) <= 0) {
+          result.push({
+            value: current,
+            disabled: compareTime(current, this.minTime || '-1:-1') <= 0 || compareTime(current, this.maxTime || '100:100') >= 0
+          });
+          current = nextTime(current, step);
+        }
+      }
+
+      return result;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/time-select.vue?vue&type=script&lang=js&
+ /* harmony default export */ var panel_time_selectvue_type_script_lang_js_ = (time_selectvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/time-select.vue
+
+
+
+
+
+/* normalize component */
+
+var time_select_component = normalizeComponent(
+  panel_time_selectvue_type_script_lang_js_,
+  time_selectvue_type_template_id_51ab9320_render,
+  time_selectvue_type_template_id_51ab9320_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var time_select_api; }
+time_select_component.options.__file = "packages/date-picker/src/panel/time-select.vue"
+/* harmony default export */ var time_select = (time_select_component.exports);
+// CONCATENATED MODULE: ./packages/date-picker/src/picker/time-select.js
+
+
+
+/* harmony default export */ var picker_time_select = ({
+  mixins: [picker],
+
+  name: 'ElTimeSelect',
+
+  componentName: 'ElTimeSelect',
+
+  props: {
+    type: {
+      type: String,
+      default: 'time-select'
+    }
+  },
+
+  beforeCreate: function beforeCreate() {
+    this.panel = time_select;
+  }
+});
+// CONCATENATED MODULE: ./packages/time-select/index.js
+
+
+/* istanbul ignore next */
+picker_time_select.install = function (Vue) {
+  Vue.component(picker_time_select.name, picker_time_select);
+};
+
+/* harmony default export */ var packages_time_select = (picker_time_select);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-range.vue?vue&type=template&id=fb28660e&
+var time_rangevue_type_template_id_fb28660e_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "el-zoom-in-top" },
+      on: {
+        "after-leave": function($event) {
+          _vm.$emit("dodestroy")
+        }
+      }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          staticClass: "el-time-range-picker el-picker-panel el-popper",
+          class: _vm.popperClass
+        },
+        [
+          _c("div", { staticClass: "el-time-range-picker__content" }, [
+            _c("div", { staticClass: "el-time-range-picker__cell" }, [
+              _c("div", { staticClass: "el-time-range-picker__header" }, [
+                _vm._v(_vm._s(_vm.t("el.datepicker.startTime")))
+              ]),
+              _c(
+                "div",
+                {
+                  staticClass:
+                    "el-time-range-picker__body el-time-panel__content",
+                  class: {
+                    "has-seconds": _vm.showSeconds,
+                    "is-arrow": _vm.arrowControl
+                  }
+                },
+                [
+                  _c("time-spinner", {
+                    ref: "minSpinner",
+                    attrs: {
+                      "show-seconds": _vm.showSeconds,
+                      "am-pm-mode": _vm.amPmMode,
+                      "arrow-control": _vm.arrowControl,
+                      date: _vm.minDate
+                    },
+                    on: {
+                      change: _vm.handleMinChange,
+                      "select-range": _vm.setMinSelectionRange
+                    }
+                  })
+                ],
+                1
+              )
+            ]),
+            _c("div", { staticClass: "el-time-range-picker__cell" }, [
+              _c("div", { staticClass: "el-time-range-picker__header" }, [
+                _vm._v(_vm._s(_vm.t("el.datepicker.endTime")))
+              ]),
+              _c(
+                "div",
+                {
+                  staticClass:
+                    "el-time-range-picker__body el-time-panel__content",
+                  class: {
+                    "has-seconds": _vm.showSeconds,
+                    "is-arrow": _vm.arrowControl
+                  }
+                },
+                [
+                  _c("time-spinner", {
+                    ref: "maxSpinner",
+                    attrs: {
+                      "show-seconds": _vm.showSeconds,
+                      "am-pm-mode": _vm.amPmMode,
+                      "arrow-control": _vm.arrowControl,
+                      date: _vm.maxDate
+                    },
+                    on: {
+                      change: _vm.handleMaxChange,
+                      "select-range": _vm.setMaxSelectionRange
+                    }
+                  })
+                ],
+                1
+              )
+            ])
+          ]),
+          _c("div", { staticClass: "el-time-panel__footer" }, [
+            _c(
+              "button",
+              {
+                staticClass: "el-time-panel__btn cancel",
+                attrs: { type: "button" },
+                on: {
+                  click: function($event) {
+                    _vm.handleCancel()
+                  }
+                }
+              },
+              [_vm._v(_vm._s(_vm.t("el.datepicker.cancel")))]
+            ),
+            _c(
+              "button",
+              {
+                staticClass: "el-time-panel__btn confirm",
+                attrs: { type: "button", disabled: _vm.btnDisabled },
+                on: {
+                  click: function($event) {
+                    _vm.handleConfirm()
+                  }
+                }
+              },
+              [_vm._v(_vm._s(_vm.t("el.datepicker.confirm")))]
+            )
+          ])
+        ]
+      )
+    ]
+  )
+}
+var time_rangevue_type_template_id_fb28660e_staticRenderFns = []
+time_rangevue_type_template_id_fb28660e_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/time-range.vue?vue&type=template&id=fb28660e&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-range.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+var MIN_TIME = Object(date_util_["parseDate"])('00:00:00', 'HH:mm:ss');
+var MAX_TIME = Object(date_util_["parseDate"])('23:59:59', 'HH:mm:ss');
+
+var time_rangevue_type_script_lang_js_minTimeOfDay = function minTimeOfDay(date) {
+  return Object(date_util_["modifyDate"])(MIN_TIME, date.getFullYear(), date.getMonth(), date.getDate());
+};
+
+var time_rangevue_type_script_lang_js_maxTimeOfDay = function maxTimeOfDay(date) {
+  return Object(date_util_["modifyDate"])(MAX_TIME, date.getFullYear(), date.getMonth(), date.getDate());
+};
+
+// increase time by amount of milliseconds, but within the range of day
+var advanceTime = function advanceTime(date, amount) {
+  return new Date(Math.min(date.getTime() + amount, time_rangevue_type_script_lang_js_maxTimeOfDay(date).getTime()));
+};
+
+/* harmony default export */ var time_rangevue_type_script_lang_js_ = ({
+  mixins: [locale_default.a],
+
+  components: { TimeSpinner: time_spinner },
+
+  computed: {
+    showSeconds: function showSeconds() {
+      return (this.format || '').indexOf('ss') !== -1;
+    },
+    offset: function offset() {
+      return this.showSeconds ? 11 : 8;
+    },
+    spinner: function spinner() {
+      return this.selectionRange[0] < this.offset ? this.$refs.minSpinner : this.$refs.maxSpinner;
+    },
+    btnDisabled: function btnDisabled() {
+      return this.minDate.getTime() > this.maxDate.getTime();
+    },
+    amPmMode: function amPmMode() {
+      if ((this.format || '').indexOf('A') !== -1) return 'A';
+      if ((this.format || '').indexOf('a') !== -1) return 'a';
+      return '';
+    }
+  },
+
+  data: function data() {
+    return {
+      popperClass: '',
+      minDate: new Date(),
+      maxDate: new Date(),
+      value: [],
+      oldValue: [new Date(), new Date()],
+      defaultValue: null,
+      format: 'HH:mm:ss',
+      visible: false,
+      selectionRange: [0, 2],
+      arrowControl: false
+    };
+  },
+
+
+  watch: {
+    value: function value(_value) {
+      if (Array.isArray(_value)) {
+        this.minDate = new Date(_value[0]);
+        this.maxDate = new Date(_value[1]);
+      } else {
+        if (Array.isArray(this.defaultValue)) {
+          this.minDate = new Date(this.defaultValue[0]);
+          this.maxDate = new Date(this.defaultValue[1]);
+        } else if (this.defaultValue) {
+          this.minDate = new Date(this.defaultValue);
+          this.maxDate = advanceTime(new Date(this.defaultValue), 60 * 60 * 1000);
+        } else {
+          this.minDate = new Date();
+          this.maxDate = advanceTime(new Date(), 60 * 60 * 1000);
+        }
+      }
+    },
+    visible: function visible(val) {
+      var _this = this;
+
+      if (val) {
+        this.oldValue = this.value;
+        this.$nextTick(function () {
+          return _this.$refs.minSpinner.emitSelectRange('hours');
+        });
+      }
+    }
+  },
+
+  methods: {
+    handleClear: function handleClear() {
+      this.$emit('pick', null);
+    },
+    handleCancel: function handleCancel() {
+      this.$emit('pick', this.oldValue);
+    },
+    handleMinChange: function handleMinChange(date) {
+      this.minDate = Object(date_util_["clearMilliseconds"])(date);
+      this.handleChange();
+    },
+    handleMaxChange: function handleMaxChange(date) {
+      this.maxDate = Object(date_util_["clearMilliseconds"])(date);
+      this.handleChange();
+    },
+    handleChange: function handleChange() {
+      if (this.isValidValue([this.minDate, this.maxDate])) {
+        this.$refs.minSpinner.selectableRange = [[time_rangevue_type_script_lang_js_minTimeOfDay(this.minDate), this.maxDate]];
+        this.$refs.maxSpinner.selectableRange = [[this.minDate, time_rangevue_type_script_lang_js_maxTimeOfDay(this.maxDate)]];
+        this.$emit('pick', [this.minDate, this.maxDate], true);
+      }
+    },
+    setMinSelectionRange: function setMinSelectionRange(start, end) {
+      this.$emit('select-range', start, end, 'min');
+      this.selectionRange = [start, end];
+    },
+    setMaxSelectionRange: function setMaxSelectionRange(start, end) {
+      this.$emit('select-range', start, end, 'max');
+      this.selectionRange = [start + this.offset, end + this.offset];
+    },
+    handleConfirm: function handleConfirm() {
+      var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      var minSelectableRange = this.$refs.minSpinner.selectableRange;
+      var maxSelectableRange = this.$refs.maxSpinner.selectableRange;
+
+      this.minDate = Object(date_util_["limitTimeRange"])(this.minDate, minSelectableRange, this.format);
+      this.maxDate = Object(date_util_["limitTimeRange"])(this.maxDate, maxSelectableRange, this.format);
+
+      this.$emit('pick', [this.minDate, this.maxDate], visible);
+    },
+    adjustSpinners: function adjustSpinners() {
+      this.$refs.minSpinner.adjustSpinners();
+      this.$refs.maxSpinner.adjustSpinners();
+    },
+    changeSelectionRange: function changeSelectionRange(step) {
+      var list = this.showSeconds ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11];
+      var mapping = ['hours', 'minutes'].concat(this.showSeconds ? ['seconds'] : []);
+      var index = list.indexOf(this.selectionRange[0]);
+      var next = (index + step + list.length) % list.length;
+      var half = list.length / 2;
+      if (next < half) {
+        this.$refs.minSpinner.emitSelectRange(mapping[next]);
+      } else {
+        this.$refs.maxSpinner.emitSelectRange(mapping[next - half]);
+      }
+    },
+    isValidValue: function isValidValue(date) {
+      return Array.isArray(date) && Object(date_util_["timeWithinRange"])(this.minDate, this.$refs.minSpinner.selectableRange) && Object(date_util_["timeWithinRange"])(this.maxDate, this.$refs.maxSpinner.selectableRange);
+    },
+    handleKeydown: function handleKeydown(event) {
+      var keyCode = event.keyCode;
+      var mapping = { 38: -1, 40: 1, 37: -1, 39: 1 };
+
+      // Left or Right
+      if (keyCode === 37 || keyCode === 39) {
+        var step = mapping[keyCode];
+        this.changeSelectionRange(step);
+        event.preventDefault();
+        return;
+      }
+
+      // Up or Down
+      if (keyCode === 38 || keyCode === 40) {
+        var _step = mapping[keyCode];
+        this.spinner.scrollDown(_step);
+        event.preventDefault();
+        return;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/time-range.vue?vue&type=script&lang=js&
+ /* harmony default export */ var panel_time_rangevue_type_script_lang_js_ = (time_rangevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/date-picker/src/panel/time-range.vue
+
+
+
+
+
+/* normalize component */
+
+var time_range_component = normalizeComponent(
+  panel_time_rangevue_type_script_lang_js_,
+  time_rangevue_type_template_id_fb28660e_render,
+  time_rangevue_type_template_id_fb28660e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var time_range_api; }
+time_range_component.options.__file = "packages/date-picker/src/panel/time-range.vue"
+/* harmony default export */ var time_range = (time_range_component.exports);
+// CONCATENATED MODULE: ./packages/date-picker/src/picker/time-picker.js
+
+
+
+
+/* harmony default export */ var time_picker = ({
+  mixins: [picker],
+
+  name: 'ElTimePicker',
+
+  props: {
+    isRange: Boolean,
+    arrowControl: Boolean
+  },
+
+  data: function data() {
+    return {
+      type: ''
+    };
+  },
+
+
+  watch: {
+    isRange: function isRange(_isRange) {
+      if (this.picker) {
+        this.unmountPicker();
+        this.type = _isRange ? 'timerange' : 'time';
+        this.panel = _isRange ? time_range : panel_time;
+        this.mountPicker();
+      } else {
+        this.type = _isRange ? 'timerange' : 'time';
+        this.panel = _isRange ? time_range : panel_time;
+      }
+    }
+  },
+
+  created: function created() {
+    this.type = this.isRange ? 'timerange' : 'time';
+    this.panel = this.isRange ? time_range : panel_time;
+  }
+});
+// CONCATENATED MODULE: ./packages/time-picker/index.js
+
+
+/* istanbul ignore next */
+time_picker.install = function (Vue) {
+  Vue.component(time_picker.name, time_picker);
+};
+
+/* harmony default export */ var packages_time_picker = (time_picker);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/popover/src/main.vue?vue&type=template&id=52060272&
+var mainvue_type_template_id_52060272_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "span",
+    [
+      _c(
+        "transition",
+        {
+          attrs: { name: _vm.transition },
+          on: {
+            "after-enter": _vm.handleAfterEnter,
+            "after-leave": _vm.handleAfterLeave
+          }
+        },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: !_vm.disabled && _vm.showPopper,
+                  expression: "!disabled && showPopper"
+                }
+              ],
+              ref: "popper",
+              staticClass: "el-popover el-popper",
+              class: [_vm.popperClass, _vm.content && "el-popover--plain"],
+              style: { width: _vm.width + "px" },
+              attrs: {
+                role: "tooltip",
+                id: _vm.tooltipId,
+                "aria-hidden":
+                  _vm.disabled || !_vm.showPopper ? "true" : "false"
+              }
+            },
+            [
+              _vm.title
+                ? _c("div", {
+                    staticClass: "el-popover__title",
+                    domProps: { textContent: _vm._s(_vm.title) }
+                  })
+                : _vm._e(),
+              _vm._t("default", [_vm._v(_vm._s(_vm.content))])
+            ],
+            2
+          )
+        ]
+      ),
+      _c(
+        "span",
+        { ref: "wrapper", staticClass: "el-popover__reference-wrapper" },
+        [_vm._t("reference")],
+        2
+      )
+    ],
+    1
+  )
+}
+var mainvue_type_template_id_52060272_staticRenderFns = []
+mainvue_type_template_id_52060272_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/popover/src/main.vue?vue&type=template&id=52060272&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/popover/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ var mainvue_type_script_lang_js_ = ({
+  name: 'ElPopover',
+
+  mixins: [vue_popper_default.a],
+
+  props: {
+    trigger: {
+      type: String,
+      default: 'click',
+      validator: function validator(value) {
+        return ['click', 'focus', 'hover', 'manual'].indexOf(value) > -1;
+      }
+    },
+    openDelay: {
+      type: Number,
+      default: 0
+    },
+    closeDelay: {
+      type: Number,
+      default: 200
+    },
+    title: String,
+    disabled: Boolean,
+    content: String,
+    reference: {},
+    popperClass: String,
+    width: {},
+    visibleArrow: {
+      default: true
+    },
+    arrowOffset: {
+      type: Number,
+      default: 0
+    },
+    transition: {
+      type: String,
+      default: 'fade-in-linear'
+    },
+    tabindex: {
+      type: Number,
+      default: 0
+    }
+  },
+
+  computed: {
+    tooltipId: function tooltipId() {
+      return 'el-popover-' + Object(util_["generateId"])();
+    }
+  },
+  watch: {
+    showPopper: function showPopper(val) {
+      if (this.disabled) {
+        return;
+      }
+      val ? this.$emit('show') : this.$emit('hide');
+    }
+  },
+
+  mounted: function mounted() {
+    var _this = this;
+
+    var reference = this.referenceElm = this.reference || this.$refs.reference;
+    var popper = this.popper || this.$refs.popper;
+
+    if (!reference && this.$refs.wrapper.children) {
+      reference = this.referenceElm = this.$refs.wrapper.children[0];
+    }
+    // 可访问性
+    if (reference) {
+      Object(dom_["addClass"])(reference, 'el-popover__reference');
+      reference.setAttribute('aria-describedby', this.tooltipId);
+      reference.setAttribute('tabindex', this.tabindex); // tab序列
+      popper.setAttribute('tabindex', 0);
+
+      if (this.trigger !== 'click') {
+        Object(dom_["on"])(reference, 'focusin', function () {
+          _this.handleFocus();
+          var instance = reference.__vue__;
+          if (instance && typeof instance.focus === 'function') {
+            instance.focus();
+          }
+        });
+        Object(dom_["on"])(popper, 'focusin', this.handleFocus);
+        Object(dom_["on"])(reference, 'focusout', this.handleBlur);
+        Object(dom_["on"])(popper, 'focusout', this.handleBlur);
+      }
+      Object(dom_["on"])(reference, 'keydown', this.handleKeydown);
+      Object(dom_["on"])(reference, 'click', this.handleClick);
+    }
+    if (this.trigger === 'click') {
+      Object(dom_["on"])(reference, 'click', this.doToggle);
+      Object(dom_["on"])(document, 'click', this.handleDocumentClick);
+    } else if (this.trigger === 'hover') {
+      Object(dom_["on"])(reference, 'mouseenter', this.handleMouseEnter);
+      Object(dom_["on"])(popper, 'mouseenter', this.handleMouseEnter);
+      Object(dom_["on"])(reference, 'mouseleave', this.handleMouseLeave);
+      Object(dom_["on"])(popper, 'mouseleave', this.handleMouseLeave);
+    } else if (this.trigger === 'focus') {
+      if (this.tabindex < 0) {
+        console.warn('[Element Warn][Popover]a negative taindex means that the element cannot be focused by tab key');
+      }
+      if (reference.querySelector('input, textarea')) {
+        Object(dom_["on"])(reference, 'focusin', this.doShow);
+        Object(dom_["on"])(reference, 'focusout', this.doClose);
+      } else {
+        Object(dom_["on"])(reference, 'mousedown', this.doShow);
+        Object(dom_["on"])(reference, 'mouseup', this.doClose);
+      }
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.cleanup();
+  },
+  deactivated: function deactivated() {
+    this.cleanup();
+  },
+
+
+  methods: {
+    doToggle: function doToggle() {
+      this.showPopper = !this.showPopper;
+    },
+    doShow: function doShow() {
+      this.showPopper = true;
+    },
+    doClose: function doClose() {
+      this.showPopper = false;
+    },
+    handleFocus: function handleFocus() {
+      Object(dom_["addClass"])(this.referenceElm, 'focusing');
+      if (this.trigger === 'click' || this.trigger === 'focus') this.showPopper = true;
+    },
+    handleClick: function handleClick() {
+      Object(dom_["removeClass"])(this.referenceElm, 'focusing');
+    },
+    handleBlur: function handleBlur() {
+      Object(dom_["removeClass"])(this.referenceElm, 'focusing');
+      if (this.trigger === 'click' || this.trigger === 'focus') this.showPopper = false;
+    },
+    handleMouseEnter: function handleMouseEnter() {
+      var _this2 = this;
+
+      clearTimeout(this._timer);
+      if (this.openDelay) {
+        this._timer = setTimeout(function () {
+          _this2.showPopper = true;
+        }, this.openDelay);
+      } else {
+        this.showPopper = true;
+      }
+    },
+    handleKeydown: function handleKeydown(ev) {
+      if (ev.keyCode === 27 && this.trigger !== 'manual') {
+        // esc
+        this.doClose();
+      }
+    },
+    handleMouseLeave: function handleMouseLeave() {
+      var _this3 = this;
+
+      clearTimeout(this._timer);
+      if (this.closeDelay) {
+        this._timer = setTimeout(function () {
+          _this3.showPopper = false;
+        }, this.closeDelay);
+      } else {
+        this.showPopper = false;
+      }
+    },
+    handleDocumentClick: function handleDocumentClick(e) {
+      var reference = this.reference || this.$refs.reference;
+      var popper = this.popper || this.$refs.popper;
+
+      if (!reference && this.$refs.wrapper.children) {
+        reference = this.referenceElm = this.$refs.wrapper.children[0];
+      }
+      if (!this.$el || !reference || this.$el.contains(e.target) || reference.contains(e.target) || !popper || popper.contains(e.target)) return;
+      this.showPopper = false;
+    },
+    handleAfterEnter: function handleAfterEnter() {
+      this.$emit('after-enter');
+    },
+    handleAfterLeave: function handleAfterLeave() {
+      this.$emit('after-leave');
+      this.doDestroy();
+    },
+    cleanup: function cleanup() {
+      if (this.openDelay || this.closeDelay) {
+        clearTimeout(this._timer);
+      }
+    }
+  },
+
+  destroyed: function destroyed() {
+    var reference = this.reference;
+
+    Object(dom_["off"])(reference, 'click', this.doToggle);
+    Object(dom_["off"])(reference, 'mouseup', this.doClose);
+    Object(dom_["off"])(reference, 'mousedown', this.doShow);
+    Object(dom_["off"])(reference, 'focusin', this.doShow);
+    Object(dom_["off"])(reference, 'focusout', this.doClose);
+    Object(dom_["off"])(reference, 'mousedown', this.doShow);
+    Object(dom_["off"])(reference, 'mouseup', this.doClose);
+    Object(dom_["off"])(reference, 'mouseleave', this.handleMouseLeave);
+    Object(dom_["off"])(reference, 'mouseenter', this.handleMouseEnter);
+    Object(dom_["off"])(document, 'click', this.handleDocumentClick);
+  }
+});
+// CONCATENATED MODULE: ./packages/popover/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/popover/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var main_component = normalizeComponent(
+  src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_52060272_render,
+  mainvue_type_template_id_52060272_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var main_api; }
+main_component.options.__file = "packages/popover/src/main.vue"
+/* harmony default export */ var main = (main_component.exports);
+// CONCATENATED MODULE: ./packages/popover/src/directive.js
+var getReference = function getReference(el, binding, vnode) {
+  var _ref = binding.expression ? binding.value : binding.arg;
+  var popper = vnode.context.$refs[_ref];
+  if (popper) {
+    if (Array.isArray(popper)) {
+      popper[0].$refs.reference = el;
+    } else {
+      popper.$refs.reference = el;
+    }
+  }
+};
+
+/* harmony default export */ var directive = ({
+  bind: function bind(el, binding, vnode) {
+    getReference(el, binding, vnode);
+  },
+  inserted: function inserted(el, binding, vnode) {
+    getReference(el, binding, vnode);
+  }
+});
+// CONCATENATED MODULE: ./packages/popover/index.js
+
+
+
+
+external_vue_default.a.directive('popover', directive);
+
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.directive('popover', directive);
+  Vue.component(main.name, main);
+};
+main.directive = directive;
+
+/* harmony default export */ var popover = (main);
+// CONCATENATED MODULE: ./packages/tooltip/src/main.js
+
+
+
+
+
+
+/* harmony default export */ var src_main = ({
+  name: 'ElTooltip',
+
+  mixins: [vue_popper_default.a],
+
+  props: {
+    openDelay: {
+      type: Number,
+      default: 0
+    },
+    disabled: Boolean,
+    manual: Boolean,
+    effect: {
+      type: String,
+      default: 'dark'
+    },
+    arrowOffset: {
+      type: Number,
+      default: 0
+    },
+    popperClass: String,
+    content: String,
+    visibleArrow: {
+      default: true
+    },
+    transition: {
+      type: String,
+      default: 'el-fade-in-linear'
+    },
+    popperOptions: {
+      default: function _default() {
+        return {
+          boundariesPadding: 10,
+          gpuAcceleration: false
+        };
+      }
+    },
+    enterable: {
+      type: Boolean,
+      default: true
+    },
+    hideAfter: {
+      type: Number,
+      default: 0
+    },
+    tabindex: {
+      type: Number,
+      default: 0
+    }
+  },
+
+  data: function data() {
+    return {
+      tooltipId: 'el-tooltip-' + Object(util_["generateId"])(),
+      timeoutPending: null,
+      focusing: false
+    };
+  },
+  beforeCreate: function beforeCreate() {
+    var _this = this;
+
+    if (this.$isServer) return;
+
+    this.popperVM = new external_vue_default.a({
+      data: { node: '' },
+      render: function render(h) {
+        return this.node;
+      }
+    }).$mount();
+
+    this.debounceClose = debounce_default()(200, function () {
+      return _this.handleClosePopper();
+    });
+  },
+  render: function render(h) {
+    var _this2 = this;
+
+    if (this.popperVM) {
+      this.popperVM.node = h(
+        'transition',
+        {
+          attrs: {
+            name: this.transition
+          },
+          on: {
+            'afterLeave': this.doDestroy
+          }
+        },
+        [h(
+          'div',
+          {
+            on: {
+              'mouseleave': function mouseleave() {
+                _this2.setExpectedState(false);_this2.debounceClose();
+              },
+              'mouseenter': function mouseenter() {
+                _this2.setExpectedState(true);
+              }
+            },
+
+            ref: 'popper',
+            attrs: { role: 'tooltip',
+              id: this.tooltipId,
+              'aria-hidden': this.disabled || !this.showPopper ? 'true' : 'false'
+            },
+            directives: [{
+              name: 'show',
+              value: !this.disabled && this.showPopper
+            }],
+
+            'class': ['el-tooltip__popper', 'is-' + this.effect, this.popperClass] },
+          [this.$slots.content || this.content]
+        )]
+      );
+    }
+
+    var firstElement = this.getFirstElement();
+    if (!firstElement) return null;
+
+    var data = firstElement.data = firstElement.data || {};
+    data.staticClass = this.addTooltipClass(data.staticClass);
+
+    return firstElement;
+  },
+  mounted: function mounted() {
+    var _this3 = this;
+
+    this.referenceElm = this.$el;
+    if (this.$el.nodeType === 1) {
+      this.$el.setAttribute('aria-describedby', this.tooltipId);
+      this.$el.setAttribute('tabindex', this.tabindex);
+      Object(dom_["on"])(this.referenceElm, 'mouseenter', this.show);
+      Object(dom_["on"])(this.referenceElm, 'mouseleave', this.hide);
+      Object(dom_["on"])(this.referenceElm, 'focus', function () {
+        if (!_this3.$slots.default || !_this3.$slots.default.length) {
+          _this3.handleFocus();
+          return;
+        }
+        var instance = _this3.$slots.default[0].componentInstance;
+        if (instance && instance.focus) {
+          instance.focus();
+        } else {
+          _this3.handleFocus();
+        }
+      });
+      Object(dom_["on"])(this.referenceElm, 'blur', this.handleBlur);
+      Object(dom_["on"])(this.referenceElm, 'click', this.removeFocusing);
+    }
+    // fix issue https://github.com/ElemeFE/element/issues/14424
+    if (this.value && this.popperVM) {
+      this.popperVM.$nextTick(function () {
+        if (_this3.value) {
+          _this3.updatePopper();
+        }
+      });
+    }
+  },
+
+  watch: {
+    focusing: function focusing(val) {
+      if (val) {
+        Object(dom_["addClass"])(this.referenceElm, 'focusing');
+      } else {
+        Object(dom_["removeClass"])(this.referenceElm, 'focusing');
+      }
+    }
+  },
+  methods: {
+    show: function show() {
+      this.setExpectedState(true);
+      this.handleShowPopper();
+    },
+    hide: function hide() {
+      this.setExpectedState(false);
+      this.debounceClose();
+    },
+    handleFocus: function handleFocus() {
+      this.focusing = true;
+      this.show();
+    },
+    handleBlur: function handleBlur() {
+      this.focusing = false;
+      this.hide();
+    },
+    removeFocusing: function removeFocusing() {
+      this.focusing = false;
+    },
+    addTooltipClass: function addTooltipClass(prev) {
+      if (!prev) {
+        return 'el-tooltip';
+      } else {
+        return 'el-tooltip ' + prev.replace('el-tooltip', '');
+      }
+    },
+    handleShowPopper: function handleShowPopper() {
+      var _this4 = this;
+
+      if (!this.expectedState || this.manual) return;
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(function () {
+        _this4.showPopper = true;
+      }, this.openDelay);
+
+      if (this.hideAfter > 0) {
+        this.timeoutPending = setTimeout(function () {
+          _this4.showPopper = false;
+        }, this.hideAfter);
+      }
+    },
+    handleClosePopper: function handleClosePopper() {
+      if (this.enterable && this.expectedState || this.manual) return;
+      clearTimeout(this.timeout);
+
+      if (this.timeoutPending) {
+        clearTimeout(this.timeoutPending);
+      }
+      this.showPopper = false;
+
+      if (this.disabled) {
+        this.doDestroy();
+      }
+    },
+    setExpectedState: function setExpectedState(expectedState) {
+      if (expectedState === false) {
+        clearTimeout(this.timeoutPending);
+      }
+      this.expectedState = expectedState;
+    },
+    getFirstElement: function getFirstElement() {
+      var slots = this.$slots.default;
+      if (!Array.isArray(slots)) return null;
+      var element = null;
+      for (var index = 0; index < slots.length; index++) {
+        if (slots[index] && slots[index].tag) {
+          element = slots[index];
+          break;
+        };
+      }
+      return element;
+    }
+  },
+
+  beforeDestroy: function beforeDestroy() {
+    this.popperVM && this.popperVM.$destroy();
+  },
+  destroyed: function destroyed() {
+    var reference = this.referenceElm;
+    if (reference.nodeType === 1) {
+      Object(dom_["off"])(reference, 'mouseenter', this.show);
+      Object(dom_["off"])(reference, 'mouseleave', this.hide);
+      Object(dom_["off"])(reference, 'focus', this.handleFocus);
+      Object(dom_["off"])(reference, 'blur', this.handleBlur);
+      Object(dom_["off"])(reference, 'click', this.removeFocusing);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/tooltip/index.js
+
+
+/* istanbul ignore next */
+src_main.install = function (Vue) {
+  Vue.component(src_main.name, src_main);
+};
+
+/* harmony default export */ var packages_tooltip = (src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message-box/src/main.vue?vue&type=template&id=6b29b012&
+var mainvue_type_template_id_6b29b012_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("transition", { attrs: { name: "msgbox-fade" } }, [
+    _c(
+      "div",
+      {
+        directives: [
+          {
+            name: "show",
+            rawName: "v-show",
+            value: _vm.visible,
+            expression: "visible"
+          }
+        ],
+        staticClass: "el-message-box__wrapper",
+        attrs: {
+          tabindex: "-1",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": _vm.title || "dialog"
+        },
+        on: {
+          click: function($event) {
+            if ($event.target !== $event.currentTarget) {
+              return null
+            }
+            return _vm.handleWrapperClick($event)
+          }
+        }
+      },
+      [
+        _c(
+          "div",
+          {
+            staticClass: "el-message-box",
+            class: [_vm.customClass, _vm.center && "el-message-box--center"]
+          },
+          [
+            _vm.title !== null
+              ? _c("div", { staticClass: "el-message-box__header" }, [
+                  _c("div", { staticClass: "el-message-box__title" }, [
+                    _vm.icon && _vm.center
+                      ? _c("div", {
+                          class: ["el-message-box__status", _vm.icon]
+                        })
+                      : _vm._e(),
+                    _c("span", [_vm._v(_vm._s(_vm.title))])
+                  ]),
+                  _vm.showClose
+                    ? _c(
+                        "button",
+                        {
+                          staticClass: "el-message-box__headerbtn",
+                          attrs: { type: "button", "aria-label": "Close" },
+                          on: {
+                            click: function($event) {
+                              _vm.handleAction(
+                                _vm.distinguishCancelAndClose
+                                  ? "close"
+                                  : "cancel"
+                              )
+                            },
+                            keydown: function($event) {
+                              if (
+                                !("button" in $event) &&
+                                _vm._k(
+                                  $event.keyCode,
+                                  "enter",
+                                  13,
+                                  $event.key,
+                                  "Enter"
+                                )
+                              ) {
+                                return null
+                              }
+                              _vm.handleAction(
+                                _vm.distinguishCancelAndClose
+                                  ? "close"
+                                  : "cancel"
+                              )
+                            }
+                          }
+                        },
+                        [
+                          _c("i", {
+                            staticClass: "el-message-box__close el-icon-close"
+                          })
+                        ]
+                      )
+                    : _vm._e()
+                ])
+              : _vm._e(),
+            _c("div", { staticClass: "el-message-box__content" }, [
+              _c("div", { staticClass: "el-message-box__container" }, [
+                _vm.icon && !_vm.center && _vm.message !== ""
+                  ? _c("div", { class: ["el-message-box__status", _vm.icon] })
+                  : _vm._e(),
+                _vm.message !== ""
+                  ? _c(
+                      "div",
+                      { staticClass: "el-message-box__message" },
+                      [
+                        _vm._t("default", [
+                          !_vm.dangerouslyUseHTMLString
+                            ? _c("p", [_vm._v(_vm._s(_vm.message))])
+                            : _c("p", {
+                                domProps: { innerHTML: _vm._s(_vm.message) }
+                              })
+                        ])
+                      ],
+                      2
+                    )
+                  : _vm._e()
+              ]),
+              _c(
+                "div",
+                {
+                  directives: [
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: _vm.showInput,
+                      expression: "showInput"
+                    }
+                  ],
+                  staticClass: "el-message-box__input"
+                },
+                [
+                  _c("el-input", {
+                    ref: "input",
+                    attrs: {
+                      type: _vm.inputType,
+                      placeholder: _vm.inputPlaceholder
+                    },
+                    nativeOn: {
+                      keydown: function($event) {
+                        if (
+                          !("button" in $event) &&
+                          _vm._k(
+                            $event.keyCode,
+                            "enter",
+                            13,
+                            $event.key,
+                            "Enter"
+                          )
+                        ) {
+                          return null
+                        }
+                        return _vm.handleInputEnter($event)
+                      }
+                    },
+                    model: {
+                      value: _vm.inputValue,
+                      callback: function($$v) {
+                        _vm.inputValue = $$v
+                      },
+                      expression: "inputValue"
+                    }
+                  }),
+                  _c(
+                    "div",
+                    {
+                      staticClass: "el-message-box__errormsg",
+                      style: {
+                        visibility: !!_vm.editorErrorMessage
+                          ? "visible"
+                          : "hidden"
+                      }
+                    },
+                    [_vm._v(_vm._s(_vm.editorErrorMessage))]
+                  )
+                ],
+                1
+              )
+            ]),
+            _c(
+              "div",
+              { staticClass: "el-message-box__btns" },
+              [
+                _vm.showCancelButton
+                  ? _c(
+                      "el-button",
+                      {
+                        class: [_vm.cancelButtonClasses],
+                        attrs: {
+                          loading: _vm.cancelButtonLoading,
+                          round: _vm.roundButton,
+                          size: "small"
+                        },
+                        on: {
+                          keydown: function($event) {
+                            if (
+                              !("button" in $event) &&
+                              _vm._k(
+                                $event.keyCode,
+                                "enter",
+                                13,
+                                $event.key,
+                                "Enter"
+                              )
+                            ) {
+                              return null
+                            }
+                            _vm.handleAction("cancel")
+                          }
+                        },
+                        nativeOn: {
+                          click: function($event) {
+                            _vm.handleAction("cancel")
+                          }
+                        }
+                      },
+                      [
+                        _vm._v(
+                          "\n          " +
+                            _vm._s(
+                              _vm.cancelButtonText ||
+                                _vm.t("el.messagebox.cancel")
+                            ) +
+                            "\n        "
+                        )
+                      ]
+                    )
+                  : _vm._e(),
+                _c(
+                  "el-button",
+                  {
+                    directives: [
+                      {
+                        name: "show",
+                        rawName: "v-show",
+                        value: _vm.showConfirmButton,
+                        expression: "showConfirmButton"
+                      }
+                    ],
+                    ref: "confirm",
+                    class: [_vm.confirmButtonClasses],
+                    attrs: {
+                      loading: _vm.confirmButtonLoading,
+                      round: _vm.roundButton,
+                      size: "small"
+                    },
+                    on: {
+                      keydown: function($event) {
+                        if (
+                          !("button" in $event) &&
+                          _vm._k(
+                            $event.keyCode,
+                            "enter",
+                            13,
+                            $event.key,
+                            "Enter"
+                          )
+                        ) {
+                          return null
+                        }
+                        _vm.handleAction("confirm")
+                      }
+                    },
+                    nativeOn: {
+                      click: function($event) {
+                        _vm.handleAction("confirm")
+                      }
+                    }
+                  },
+                  [
+                    _vm._v(
+                      "\n          " +
+                        _vm._s(
+                          _vm.confirmButtonText ||
+                            _vm.t("el.messagebox.confirm")
+                        ) +
+                        "\n        "
+                    )
+                  ]
+                )
+              ],
+              1
+            )
+          ]
+        )
+      ]
+    )
+  ])
+}
+var mainvue_type_template_id_6b29b012_staticRenderFns = []
+mainvue_type_template_id_6b29b012_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/message-box/src/main.vue?vue&type=template&id=6b29b012&
+
+// EXTERNAL MODULE: external "element-ui/lib/locale"
+var lib_locale_ = __webpack_require__(12);
+var lib_locale_default = /*#__PURE__*/__webpack_require__.n(lib_locale_);
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/aria-dialog"
+var aria_dialog_ = __webpack_require__(40);
+var aria_dialog_default = /*#__PURE__*/__webpack_require__.n(aria_dialog_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message-box/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+var messageBox = void 0;
+var typeMap = {
+  success: 'success',
+  info: 'info',
+  warning: 'warning',
+  error: 'error'
+};
+
+/* harmony default export */ var message_box_src_mainvue_type_script_lang_js_ = ({
+  mixins: [popup_default.a, locale_default.a],
+
+  props: {
+    modal: {
+      default: true
+    },
+    lockScroll: {
+      default: true
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickModal: {
+      default: true
+    },
+    closeOnPressEscape: {
+      default: true
+    },
+    closeOnHashChange: {
+      default: true
+    },
+    center: {
+      default: false,
+      type: Boolean
+    },
+    roundButton: {
+      default: false,
+      type: Boolean
+    }
+  },
+
+  components: {
+    ElInput: input_default.a,
+    ElButton: button_default.a
+  },
+
+  computed: {
+    icon: function icon() {
+      var type = this.type,
+          iconClass = this.iconClass;
+
+      return iconClass || (type && typeMap[type] ? 'el-icon-' + typeMap[type] : '');
+    },
+    confirmButtonClasses: function confirmButtonClasses() {
+      return 'el-button--primary ' + this.confirmButtonClass;
+    },
+    cancelButtonClasses: function cancelButtonClasses() {
+      return '' + this.cancelButtonClass;
+    }
+  },
+
+  methods: {
+    getSafeClose: function getSafeClose() {
+      var _this = this;
+
+      var currentId = this.uid;
+      return function () {
+        _this.$nextTick(function () {
+          if (currentId === _this.uid) _this.doClose();
+        });
+      };
+    },
+    doClose: function doClose() {
+      var _this2 = this;
+
+      if (!this.visible) return;
+      this.visible = false;
+      this._closing = true;
+
+      this.onClose && this.onClose();
+      messageBox.closeDialog(); // 解绑
+      if (this.lockScroll) {
+        setTimeout(this.restoreBodyStyle, 200);
+      }
+      this.opened = false;
+      this.doAfterClose();
+      setTimeout(function () {
+        if (_this2.action) _this2.callback(_this2.action, _this2);
+      });
+    },
+    handleWrapperClick: function handleWrapperClick() {
+      if (this.closeOnClickModal) {
+        this.handleAction(this.distinguishCancelAndClose ? 'close' : 'cancel');
+      }
+    },
+    handleInputEnter: function handleInputEnter() {
+      if (this.inputType !== 'textarea') {
+        return this.handleAction('confirm');
+      }
+    },
+    handleAction: function handleAction(action) {
+      if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) {
+        return;
+      }
+      this.action = action;
+      if (typeof this.beforeClose === 'function') {
+        this.close = this.getSafeClose();
+        this.beforeClose(action, this, this.close);
+      } else {
+        this.doClose();
+      }
+    },
+    validate: function validate() {
+      if (this.$type === 'prompt') {
+        var inputPattern = this.inputPattern;
+        if (inputPattern && !inputPattern.test(this.inputValue || '')) {
+          this.editorErrorMessage = this.inputErrorMessage || Object(lib_locale_["t"])('el.messagebox.error');
+          Object(dom_["addClass"])(this.getInputElement(), 'invalid');
+          return false;
+        }
+        var inputValidator = this.inputValidator;
+        if (typeof inputValidator === 'function') {
+          var validateResult = inputValidator(this.inputValue);
+          if (validateResult === false) {
+            this.editorErrorMessage = this.inputErrorMessage || Object(lib_locale_["t"])('el.messagebox.error');
+            Object(dom_["addClass"])(this.getInputElement(), 'invalid');
+            return false;
+          }
+          if (typeof validateResult === 'string') {
+            this.editorErrorMessage = validateResult;
+            Object(dom_["addClass"])(this.getInputElement(), 'invalid');
+            return false;
+          }
+        }
+      }
+      this.editorErrorMessage = '';
+      Object(dom_["removeClass"])(this.getInputElement(), 'invalid');
+      return true;
+    },
+    getFirstFocus: function getFirstFocus() {
+      var btn = this.$el.querySelector('.el-message-box__btns .el-button');
+      var title = this.$el.querySelector('.el-message-box__btns .el-message-box__title');
+      return btn || title;
+    },
+    getInputElement: function getInputElement() {
+      var inputRefs = this.$refs.input.$refs;
+      return inputRefs.input || inputRefs.textarea;
+    },
+    handleClose: function handleClose() {
+      this.handleAction('close');
+    }
+  },
+
+  watch: {
+    inputValue: {
+      immediate: true,
+      handler: function handler(val) {
+        var _this3 = this;
+
+        this.$nextTick(function (_) {
+          if (_this3.$type === 'prompt' && val !== null) {
+            _this3.validate();
+          }
+        });
+      }
+    },
+
+    visible: function visible(val) {
+      var _this4 = this;
+
+      if (val) {
+        this.uid++;
+        if (this.$type === 'alert' || this.$type === 'confirm') {
+          this.$nextTick(function () {
+            _this4.$refs.confirm.$el.focus();
+          });
+        }
+        this.focusAfterClosed = document.activeElement;
+        messageBox = new aria_dialog_default.a(this.$el, this.focusAfterClosed, this.getFirstFocus());
+      }
+
+      // prompt
+      if (this.$type !== 'prompt') return;
+      if (val) {
+        setTimeout(function () {
+          if (_this4.$refs.input && _this4.$refs.input.$el) {
+            _this4.getInputElement().focus();
+          }
+        }, 500);
+      } else {
+        this.editorErrorMessage = '';
+        Object(dom_["removeClass"])(this.getInputElement(), 'invalid');
+      }
+    }
+  },
+
+  mounted: function mounted() {
+    var _this5 = this;
+
+    this.$nextTick(function () {
+      if (_this5.closeOnHashChange) {
+        window.addEventListener('hashchange', _this5.close);
+      }
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.closeOnHashChange) {
+      window.removeEventListener('hashchange', this.close);
+    }
+    setTimeout(function () {
+      messageBox.closeDialog();
+    });
+  },
+  data: function data() {
+    return {
+      uid: 1,
+      title: undefined,
+      message: '',
+      type: '',
+      iconClass: '',
+      customClass: '',
+      showInput: false,
+      inputValue: null,
+      inputPlaceholder: '',
+      inputType: 'text',
+      inputPattern: null,
+      inputValidator: null,
+      inputErrorMessage: '',
+      showConfirmButton: true,
+      showCancelButton: false,
+      action: '',
+      confirmButtonText: '',
+      cancelButtonText: '',
+      confirmButtonLoading: false,
+      cancelButtonLoading: false,
+      confirmButtonClass: '',
+      confirmButtonDisabled: false,
+      cancelButtonClass: '',
+      editorErrorMessage: null,
+      callback: null,
+      dangerouslyUseHTMLString: false,
+      focusAfterClosed: null,
+      isOnComposition: false,
+      distinguishCancelAndClose: false
+    };
+  }
+});
+// CONCATENATED MODULE: ./packages/message-box/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_message_box_src_mainvue_type_script_lang_js_ = (message_box_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/message-box/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var src_main_component = normalizeComponent(
+  packages_message_box_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_6b29b012_render,
+  mainvue_type_template_id_6b29b012_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var src_main_api; }
+src_main_component.options.__file = "packages/message-box/src/main.vue"
+/* harmony default export */ var message_box_src_main = (src_main_component.exports);
+// EXTERNAL MODULE: external "element-ui/lib/utils/vdom"
+var vdom_ = __webpack_require__(22);
+
+// CONCATENATED MODULE: ./packages/message-box/src/main.js
+var main_typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var main_defaults = {
+  title: null,
+  message: '',
+  type: '',
+  iconClass: '',
+  showInput: false,
+  showClose: true,
+  modalFade: true,
+  lockScroll: true,
+  closeOnClickModal: true,
+  closeOnPressEscape: true,
+  closeOnHashChange: true,
+  inputValue: null,
+  inputPlaceholder: '',
+  inputType: 'text',
+  inputPattern: null,
+  inputValidator: null,
+  inputErrorMessage: '',
+  showConfirmButton: true,
+  showCancelButton: false,
+  confirmButtonPosition: 'right',
+  confirmButtonHighlight: false,
+  cancelButtonHighlight: false,
+  confirmButtonText: '',
+  cancelButtonText: '',
+  confirmButtonClass: '',
+  cancelButtonClass: '',
+  customClass: '',
+  beforeClose: null,
+  dangerouslyUseHTMLString: false,
+  center: false,
+  roundButton: false,
+  distinguishCancelAndClose: false
+};
+
+
+
+
+
+
+var MessageBoxConstructor = external_vue_default.a.extend(message_box_src_main);
+
+var currentMsg = void 0,
+    main_instance = void 0;
+var msgQueue = [];
+
+var defaultCallback = function defaultCallback(action) {
+  if (currentMsg) {
+    var callback = currentMsg.callback;
+    if (typeof callback === 'function') {
+      if (main_instance.showInput) {
+        callback(main_instance.inputValue, action);
+      } else {
+        callback(action);
+      }
+    }
+    if (currentMsg.resolve) {
+      if (action === 'confirm') {
+        if (main_instance.showInput) {
+          currentMsg.resolve({ value: main_instance.inputValue, action: action });
+        } else {
+          currentMsg.resolve(action);
+        }
+      } else if (currentMsg.reject && (action === 'cancel' || action === 'close')) {
+        currentMsg.reject(action);
+      }
+    }
+  }
+};
+
+var initInstance = function initInstance() {
+  main_instance = new MessageBoxConstructor({
+    el: document.createElement('div')
+  });
+
+  main_instance.callback = defaultCallback;
+};
+
+var main_showNextMsg = function showNextMsg() {
+  if (!main_instance) {
+    initInstance();
+  }
+  main_instance.action = '';
+
+  if (!main_instance.visible || main_instance.closeTimer) {
+    if (msgQueue.length > 0) {
+      currentMsg = msgQueue.shift();
+
+      var options = currentMsg.options;
+      for (var prop in options) {
+        if (options.hasOwnProperty(prop)) {
+          main_instance[prop] = options[prop];
+        }
+      }
+      if (options.callback === undefined) {
+        main_instance.callback = defaultCallback;
+      }
+
+      var oldCb = main_instance.callback;
+      main_instance.callback = function (action, instance) {
+        oldCb(action, instance);
+        showNextMsg();
+      };
+      if (Object(vdom_["isVNode"])(main_instance.message)) {
+        main_instance.$slots.default = [main_instance.message];
+        main_instance.message = null;
+      } else {
+        delete main_instance.$slots.default;
+      }
+      ['modal', 'showClose', 'closeOnClickModal', 'closeOnPressEscape', 'closeOnHashChange'].forEach(function (prop) {
+        if (main_instance[prop] === undefined) {
+          main_instance[prop] = true;
+        }
+      });
+      document.body.appendChild(main_instance.$el);
+
+      external_vue_default.a.nextTick(function () {
+        main_instance.visible = true;
+      });
+    }
+  }
+};
+
+var main_MessageBox = function MessageBox(options, callback) {
+  if (external_vue_default.a.prototype.$isServer) return;
+  if (typeof options === 'string' || Object(vdom_["isVNode"])(options)) {
+    options = {
+      message: options
+    };
+    if (typeof arguments[1] === 'string') {
+      options.title = arguments[1];
+    }
+  } else if (options.callback && !callback) {
+    callback = options.callback;
+  }
+
+  if (typeof Promise !== 'undefined') {
+    return new Promise(function (resolve, reject) {
+      // eslint-disable-line
+      msgQueue.push({
+        options: merge_default()({}, main_defaults, MessageBox.defaults, options),
+        callback: callback,
+        resolve: resolve,
+        reject: reject
+      });
+
+      main_showNextMsg();
+    });
+  } else {
+    msgQueue.push({
+      options: merge_default()({}, main_defaults, MessageBox.defaults, options),
+      callback: callback
+    });
+
+    main_showNextMsg();
+  }
+};
+
+main_MessageBox.setDefaults = function (defaults) {
+  main_MessageBox.defaults = defaults;
+};
+
+main_MessageBox.alert = function (message, title, options) {
+  if ((typeof title === 'undefined' ? 'undefined' : main_typeof(title)) === 'object') {
+    options = title;
+    title = '';
+  } else if (title === undefined) {
+    title = '';
+  }
+  return main_MessageBox(merge_default()({
+    title: title,
+    message: message,
+    $type: 'alert',
+    closeOnPressEscape: false,
+    closeOnClickModal: false
+  }, options));
+};
+
+main_MessageBox.confirm = function (message, title, options) {
+  if ((typeof title === 'undefined' ? 'undefined' : main_typeof(title)) === 'object') {
+    options = title;
+    title = '';
+  } else if (title === undefined) {
+    title = '';
+  }
+  return main_MessageBox(merge_default()({
+    title: title,
+    message: message,
+    $type: 'confirm',
+    showCancelButton: true
+  }, options));
+};
+
+main_MessageBox.prompt = function (message, title, options) {
+  if ((typeof title === 'undefined' ? 'undefined' : main_typeof(title)) === 'object') {
+    options = title;
+    title = '';
+  } else if (title === undefined) {
+    title = '';
+  }
+  return main_MessageBox(merge_default()({
+    title: title,
+    message: message,
+    showCancelButton: true,
+    showInput: true,
+    $type: 'prompt'
+  }, options));
+};
+
+main_MessageBox.close = function () {
+  main_instance.doClose();
+  main_instance.visible = false;
+  msgQueue = [];
+  currentMsg = null;
+};
+
+/* harmony default export */ var packages_message_box_src_main = (main_MessageBox);
+
+// CONCATENATED MODULE: ./packages/message-box/index.js
+
+/* harmony default export */ var message_box = (packages_message_box_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/breadcrumb/src/breadcrumb.vue?vue&type=template&id=4b464c06&
+var breadcrumbvue_type_template_id_4b464c06_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-breadcrumb",
+      attrs: { "aria-label": "Breadcrumb", role: "navigation" }
+    },
+    [_vm._t("default")],
+    2
+  )
+}
+var breadcrumbvue_type_template_id_4b464c06_staticRenderFns = []
+breadcrumbvue_type_template_id_4b464c06_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb.vue?vue&type=template&id=4b464c06&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/breadcrumb/src/breadcrumb.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+
+/* harmony default export */ var breadcrumbvue_type_script_lang_js_ = ({
+  name: 'ElBreadcrumb',
+
+  props: {
+    separator: {
+      type: String,
+      default: '/'
+    },
+    separatorClass: {
+      type: String,
+      default: ''
+    }
+  },
+
+  provide: function provide() {
+    return {
+      elBreadcrumb: this
+    };
+  },
+  mounted: function mounted() {
+    var items = this.$el.querySelectorAll('.el-breadcrumb__item');
+    if (items.length) {
+      items[items.length - 1].setAttribute('aria-current', 'page');
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_breadcrumbvue_type_script_lang_js_ = (breadcrumbvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb.vue
+
+
+
+
+
+/* normalize component */
+
+var breadcrumb_component = normalizeComponent(
+  src_breadcrumbvue_type_script_lang_js_,
+  breadcrumbvue_type_template_id_4b464c06_render,
+  breadcrumbvue_type_template_id_4b464c06_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var breadcrumb_api; }
+breadcrumb_component.options.__file = "packages/breadcrumb/src/breadcrumb.vue"
+/* harmony default export */ var breadcrumb = (breadcrumb_component.exports);
+// CONCATENATED MODULE: ./packages/breadcrumb/index.js
+
+
+/* istanbul ignore next */
+breadcrumb.install = function (Vue) {
+  Vue.component(breadcrumb.name, breadcrumb);
+};
+
+/* harmony default export */ var packages_breadcrumb = (breadcrumb);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/breadcrumb/src/breadcrumb-item.vue?vue&type=template&id=fcf9eaac&
+var breadcrumb_itemvue_type_template_id_fcf9eaac_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("span", { staticClass: "el-breadcrumb__item" }, [
+    _c(
+      "span",
+      {
+        ref: "link",
+        class: ["el-breadcrumb__inner", _vm.to ? "is-link" : ""],
+        attrs: { role: "link" }
+      },
+      [_vm._t("default")],
+      2
+    ),
+    _vm.separatorClass
+      ? _c("i", {
+          staticClass: "el-breadcrumb__separator",
+          class: _vm.separatorClass
+        })
+      : _c(
+          "span",
+          {
+            staticClass: "el-breadcrumb__separator",
+            attrs: { role: "presentation" }
+          },
+          [_vm._v(_vm._s(_vm.separator))]
+        )
+  ])
+}
+var breadcrumb_itemvue_type_template_id_fcf9eaac_staticRenderFns = []
+breadcrumb_itemvue_type_template_id_fcf9eaac_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb-item.vue?vue&type=template&id=fcf9eaac&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/breadcrumb/src/breadcrumb-item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var breadcrumb_itemvue_type_script_lang_js_ = ({
+  name: 'ElBreadcrumbItem',
+  props: {
+    to: {},
+    replace: Boolean
+  },
+  data: function data() {
+    return {
+      separator: '',
+      separatorClass: ''
+    };
+  },
+
+
+  inject: ['elBreadcrumb'],
+
+  mounted: function mounted() {
+    var _this = this;
+
+    this.separator = this.elBreadcrumb.separator;
+    this.separatorClass = this.elBreadcrumb.separatorClass;
+    var link = this.$refs.link;
+    link.setAttribute('role', 'link');
+    link.addEventListener('click', function (_) {
+      var to = _this.to,
+          $router = _this.$router;
+
+      if (!to || !$router) return;
+      _this.replace ? $router.replace(to) : $router.push(to);
+    });
+  }
+});
+// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb-item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_breadcrumb_itemvue_type_script_lang_js_ = (breadcrumb_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb-item.vue
+
+
+
+
+
+/* normalize component */
+
+var breadcrumb_item_component = normalizeComponent(
+  src_breadcrumb_itemvue_type_script_lang_js_,
+  breadcrumb_itemvue_type_template_id_fcf9eaac_render,
+  breadcrumb_itemvue_type_template_id_fcf9eaac_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var breadcrumb_item_api; }
+breadcrumb_item_component.options.__file = "packages/breadcrumb/src/breadcrumb-item.vue"
+/* harmony default export */ var breadcrumb_item = (breadcrumb_item_component.exports);
+// CONCATENATED MODULE: ./packages/breadcrumb-item/index.js
+
+
+/* istanbul ignore next */
+breadcrumb_item.install = function (Vue) {
+  Vue.component(breadcrumb_item.name, breadcrumb_item);
+};
+
+/* harmony default export */ var packages_breadcrumb_item = (breadcrumb_item);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form.vue?vue&type=template&id=a1b5ff34&
+var formvue_type_template_id_a1b5ff34_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "form",
+    {
+      staticClass: "el-form",
+      class: [
+        _vm.labelPosition ? "el-form--label-" + _vm.labelPosition : "",
+        { "el-form--inline": _vm.inline }
+      ]
+    },
+    [_vm._t("default")],
+    2
+  )
+}
+var formvue_type_template_id_a1b5ff34_staticRenderFns = []
+formvue_type_template_id_a1b5ff34_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/form/src/form.vue?vue&type=template&id=a1b5ff34&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var formvue_type_script_lang_js_ = ({
+  name: 'ElForm',
+
+  componentName: 'ElForm',
+
+  provide: function provide() {
+    return {
+      elForm: this
+    };
+  },
+
+
+  props: {
+    model: Object,
+    rules: Object,
+    labelPosition: String,
+    labelWidth: String,
+    labelSuffix: {
+      type: String,
+      default: ''
+    },
+    inline: Boolean,
+    inlineMessage: Boolean,
+    statusIcon: Boolean,
+    showMessage: {
+      type: Boolean,
+      default: true
+    },
+    size: String,
+    disabled: Boolean,
+    validateOnRuleChange: {
+      type: Boolean,
+      default: true
+    },
+    hideRequiredAsterisk: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    rules: function rules() {
+      // remove then add event listeners on form-item after form rules change
+      this.fields.forEach(function (field) {
+        field.removeValidateEvents();
+        field.addValidateEvents();
+      });
+
+      if (this.validateOnRuleChange) {
+        this.validate(function () {});
+      }
+    }
+  },
+  computed: {
+    autoLabelWidth: function autoLabelWidth() {
+      if (!this.potentialLabelWidthArr.length) return 0;
+      var max = Math.max.apply(Math, this.potentialLabelWidthArr);
+      return max ? max + 'px' : '';
+    }
+  },
+  data: function data() {
+    return {
+      fields: [],
+      potentialLabelWidthArr: [] // use this array to calculate auto width
+    };
+  },
+  created: function created() {
+    var _this = this;
+
+    this.$on('el.form.addField', function (field) {
+      if (field) {
+        _this.fields.push(field);
+      }
+    });
+    /* istanbul ignore next */
+    this.$on('el.form.removeField', function (field) {
+      if (field.prop) {
+        _this.fields.splice(_this.fields.indexOf(field), 1);
+      }
+    });
+  },
+
+  methods: {
+    resetFields: function resetFields() {
+      if (!this.model) {
+        console.warn('[Element Warn][Form]model is required for resetFields to work.');
+        return;
+      }
+      this.fields.forEach(function (field) {
+        field.resetField();
+      });
+    },
+    clearValidate: function clearValidate() {
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+      var fields = props.length ? typeof props === 'string' ? this.fields.filter(function (field) {
+        return props === field.prop;
+      }) : this.fields.filter(function (field) {
+        return props.indexOf(field.prop) > -1;
+      }) : this.fields;
+      fields.forEach(function (field) {
+        field.clearValidate();
+      });
+    },
+    validate: function validate(callback) {
+      var _this2 = this;
+
+      if (!this.model) {
+        console.warn('[Element Warn][Form]model is required for validate to work!');
+        return;
+      }
+
+      var promise = void 0;
+      // if no callback, return promise
+      if (typeof callback !== 'function' && window.Promise) {
+        promise = new window.Promise(function (resolve, reject) {
+          callback = function callback(valid, invalidFields) {
+            valid ? resolve(valid) : reject(invalidFields);
+          };
+        });
+      }
+
+      var valid = true;
+      var count = 0;
+      // 如果需要验证的fields为空，调用验证时立刻返回callback
+      if (this.fields.length === 0 && callback) {
+        callback(true);
+      }
+      var invalidFields = {};
+      this.fields.forEach(function (field) {
+        field.validate('', function (message, field) {
+          if (message) {
+            valid = false;
+          }
+          invalidFields = merge_default()({}, invalidFields, field);
+          if (typeof callback === 'function' && ++count === _this2.fields.length) {
+            callback(valid, invalidFields);
+          }
+        });
+      });
+
+      if (promise) {
+        return promise;
+      }
+    },
+    validateField: function validateField(props, cb) {
+      props = [].concat(props);
+      var fields = this.fields.filter(function (field) {
+        return props.indexOf(field.prop) !== -1;
+      });
+      if (!fields.length) {
+        console.warn('[Element Warn]please pass correct props!');
+        return;
+      }
+
+      fields.forEach(function (field) {
+        field.validate('', cb);
+      });
+    },
+    getLabelWidthIndex: function getLabelWidthIndex(width) {
+      var index = this.potentialLabelWidthArr.indexOf(width);
+      // it's impossible
+      if (index === -1) {
+        throw new Error('[ElementForm]unpected width ', width);
+      }
+      return index;
+    },
+    registerLabelWidth: function registerLabelWidth(val, oldVal) {
+      if (val && oldVal) {
+        var index = this.getLabelWidthIndex(oldVal);
+        this.potentialLabelWidthArr.splice(index, 1, val);
+      } else if (val) {
+        this.potentialLabelWidthArr.push(val);
+      }
+    },
+    deregisterLabelWidth: function deregisterLabelWidth(val) {
+      var index = this.getLabelWidthIndex(val);
+      this.potentialLabelWidthArr.splice(index, 1);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/form/src/form.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_formvue_type_script_lang_js_ = (formvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/form/src/form.vue
+
+
+
+
+
+/* normalize component */
+
+var form_component = normalizeComponent(
+  src_formvue_type_script_lang_js_,
+  formvue_type_template_id_a1b5ff34_render,
+  formvue_type_template_id_a1b5ff34_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var form_api; }
+form_component.options.__file = "packages/form/src/form.vue"
+/* harmony default export */ var src_form = (form_component.exports);
+// CONCATENATED MODULE: ./packages/form/index.js
+
+
+/* istanbul ignore next */
+src_form.install = function (Vue) {
+  Vue.component(src_form.name, src_form);
+};
+
+/* harmony default export */ var packages_form = (src_form);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form-item.vue?vue&type=template&id=b6f3db6c&
+var form_itemvue_type_template_id_b6f3db6c_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-form-item",
+      class: [
+        {
+          "el-form-item--feedback": _vm.elForm && _vm.elForm.statusIcon,
+          "is-error": _vm.validateState === "error",
+          "is-validating": _vm.validateState === "validating",
+          "is-success": _vm.validateState === "success",
+          "is-required": _vm.isRequired || _vm.required,
+          "is-no-asterisk": _vm.elForm && _vm.elForm.hideRequiredAsterisk
+        },
+        _vm.sizeClass ? "el-form-item--" + _vm.sizeClass : ""
+      ]
+    },
+    [
+      _c(
+        "label-wrap",
+        {
+          attrs: {
+            "is-auto-width": _vm.labelStyle && _vm.labelStyle.width === "auto",
+            "update-all": _vm.form.labelWidth === "auto"
+          }
+        },
+        [
+          _vm.label || _vm.$slots.label
+            ? _c(
+                "label",
+                {
+                  staticClass: "el-form-item__label",
+                  style: _vm.labelStyle,
+                  attrs: { for: _vm.labelFor }
+                },
+                [
+                  _vm._t("label", [
+                    _vm._v(_vm._s(_vm.label + _vm.form.labelSuffix))
+                  ])
+                ],
+                2
+              )
+            : _vm._e()
+        ]
+      ),
+      _c(
+        "div",
+        { staticClass: "el-form-item__content", style: _vm.contentStyle },
+        [
+          _vm._t("default"),
+          _c(
+            "transition",
+            { attrs: { name: "el-zoom-in-top" } },
+            [
+              _vm.validateState === "error" &&
+              _vm.showMessage &&
+              _vm.form.showMessage
+                ? _vm._t(
+                    "error",
+                    [
+                      _c(
+                        "div",
+                        {
+                          staticClass: "el-form-item__error",
+                          class: {
+                            "el-form-item__error--inline":
+                              typeof _vm.inlineMessage === "boolean"
+                                ? _vm.inlineMessage
+                                : (_vm.elForm && _vm.elForm.inlineMessage) ||
+                                  false
+                          }
+                        },
+                        [
+                          _vm._v(
+                            "\n          " +
+                              _vm._s(_vm.validateMessage) +
+                              "\n        "
+                          )
+                        ]
+                      )
+                    ],
+                    { error: _vm.validateMessage }
+                  )
+                : _vm._e()
+            ],
+            2
+          )
+        ],
+        2
+      )
+    ],
+    1
+  )
+}
+var form_itemvue_type_template_id_b6f3db6c_staticRenderFns = []
+form_itemvue_type_template_id_b6f3db6c_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=template&id=b6f3db6c&
+
+// EXTERNAL MODULE: external "async-validator"
+var external_async_validator_ = __webpack_require__(41);
+var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(external_async_validator_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/label-wrap.vue?vue&type=script&lang=js&
+
+
+/* harmony default export */ var label_wrapvue_type_script_lang_js_ = ({
+  props: {
+    isAutoWidth: Boolean,
+    updateAll: Boolean
+  },
+
+  inject: ['elForm', 'elFormItem'],
+
+  render: function render() {
+    var h = arguments[0];
+
+    var slots = this.$slots.default;
+    if (!slots) return null;
+    if (this.isAutoWidth) {
+      var autoLabelWidth = this.elForm.autoLabelWidth;
+      var style = {};
+      if (autoLabelWidth && autoLabelWidth !== 'auto') {
+        var marginLeft = parseInt(autoLabelWidth, 10) - this.computedWidth;
+        if (marginLeft) {
+          style.marginLeft = marginLeft + 'px';
+        }
+      }
+      return h(
+        'div',
+        { 'class': 'el-form-item__label-wrap', style: style },
+        [slots]
+      );
+    } else {
+      return slots[0];
+    }
+  },
+
+
+  methods: {
+    getLabelWidth: function getLabelWidth() {
+      if (this.$el && this.$el.firstElementChild) {
+        var computedWidth = window.getComputedStyle(this.$el.firstElementChild).width;
+        return Math.ceil(parseFloat(computedWidth));
+      } else {
+        return 0;
+      }
+    },
+    updateLabelWidth: function updateLabelWidth() {
+      var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'update';
+
+      if (this.$slots.default && this.isAutoWidth && this.$el.firstElementChild) {
+        if (action === 'update') {
+          this.computedWidth = this.getLabelWidth();
+        } else if (action === 'remove') {
+          this.elForm.deregisterLabelWidth(this.computedWidth);
+        }
+      }
+    }
+  },
+
+  watch: {
+    computedWidth: function computedWidth(val, oldVal) {
+      if (this.updateAll) {
+        this.elForm.registerLabelWidth(val, oldVal);
+        this.elFormItem.updateComputedLabelWidth(val);
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      computedWidth: 0
+    };
+  },
+  mounted: function mounted() {
+    this.updateLabelWidth('update');
+  },
+  updated: function updated() {
+    this.updateLabelWidth('update');
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.updateLabelWidth('remove');
+  }
+});
+// CONCATENATED MODULE: ./packages/form/src/label-wrap.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_label_wrapvue_type_script_lang_js_ = (label_wrapvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/form/src/label-wrap.vue
+var label_wrap_render, label_wrap_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var label_wrap_component = normalizeComponent(
+  src_label_wrapvue_type_script_lang_js_,
+  label_wrap_render,
+  label_wrap_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var label_wrap_api; }
+label_wrap_component.options.__file = "packages/form/src/label-wrap.vue"
+/* harmony default export */ var label_wrap = (label_wrap_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form-item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ var form_itemvue_type_script_lang_js_ = ({
+  name: 'ElFormItem',
+
+  componentName: 'ElFormItem',
+
+  mixins: [emitter_default.a],
+
+  provide: function provide() {
+    return {
+      elFormItem: this
+    };
+  },
+
+
+  inject: ['elForm'],
+
+  props: {
+    label: String,
+    labelWidth: String,
+    prop: String,
+    required: {
+      type: Boolean,
+      default: undefined
+    },
+    rules: [Object, Array],
+    error: String,
+    validateStatus: String,
+    for: String,
+    inlineMessage: {
+      type: [String, Boolean],
+      default: ''
+    },
+    showMessage: {
+      type: Boolean,
+      default: true
+    },
+    size: String
+  },
+  components: {
+    // use this component to calculate auto width
+    LabelWrap: label_wrap
+  },
+  watch: {
+    error: {
+      immediate: true,
+      handler: function handler(value) {
+        this.validateMessage = value;
+        this.validateState = value ? 'error' : '';
+      }
+    },
+    validateStatus: function validateStatus(value) {
+      this.validateState = value;
+    },
+    rules: function rules(value) {
+      if ((!value || value.length === 0) && this.required === undefined) {
+        this.clearValidate();
+      }
+    }
+  },
+  computed: {
+    labelFor: function labelFor() {
+      return this.for || this.prop;
+    },
+    labelStyle: function labelStyle() {
+      var ret = {};
+      if (this.form.labelPosition === 'top') return ret;
+      var labelWidth = this.labelWidth || this.form.labelWidth;
+      if (labelWidth) {
+        ret.width = labelWidth;
+      }
+      return ret;
+    },
+    contentStyle: function contentStyle() {
+      var ret = {};
+      var label = this.label;
+      if (this.form.labelPosition === 'top' || this.form.inline) return ret;
+      if (!label && !this.labelWidth && this.isNested) return ret;
+      var labelWidth = this.labelWidth || this.form.labelWidth;
+      if (labelWidth === 'auto') {
+        if (this.labelWidth === 'auto') {
+          ret.marginLeft = this.computedLabelWidth;
+        } else if (this.form.labelWidth === 'auto') {
+          ret.marginLeft = this.elForm.autoLabelWidth;
+        }
+      } else {
+        ret.marginLeft = labelWidth;
+      }
+      return ret;
+    },
+    form: function form() {
+      var parent = this.$parent;
+      var parentName = parent.$options.componentName;
+      while (parentName !== 'ElForm') {
+        if (parentName === 'ElFormItem') {
+          this.isNested = true;
+        }
+        parent = parent.$parent;
+        parentName = parent.$options.componentName;
+      }
+      return parent;
+    },
+    fieldValue: function fieldValue() {
+      var model = this.form.model;
+      if (!model || !this.prop) {
+        return;
+      }
+
+      var path = this.prop;
+      if (path.indexOf(':') !== -1) {
+        path = path.replace(/:/, '.');
+      }
+
+      return Object(util_["getPropByPath"])(model, path, true).v;
+    },
+    isRequired: function isRequired() {
+      var rules = this.getRules();
+      var isRequired = false;
+
+      if (rules && rules.length) {
+        rules.every(function (rule) {
+          if (rule.required) {
+            isRequired = true;
+            return false;
+          }
+          return true;
+        });
+      }
+      return isRequired;
+    },
+    _formSize: function _formSize() {
+      return this.elForm.size;
+    },
+    elFormItemSize: function elFormItemSize() {
+      return this.size || this._formSize;
+    },
+    sizeClass: function sizeClass() {
+      return this.elFormItemSize || (this.$ELEMENT || {}).size;
+    }
+  },
+  data: function data() {
+    return {
+      validateState: '',
+      validateMessage: '',
+      validateDisabled: false,
+      validator: {},
+      isNested: false,
+      computedLabelWidth: ''
+    };
+  },
+
+  methods: {
+    validate: function validate(trigger) {
+      var _this = this;
+
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : util_["noop"];
+
+      this.validateDisabled = false;
+      var rules = this.getFilteredRule(trigger);
+      if ((!rules || rules.length === 0) && this.required === undefined) {
+        callback();
+        return true;
+      }
+
+      this.validateState = 'validating';
+
+      var descriptor = {};
+      if (rules && rules.length > 0) {
+        rules.forEach(function (rule) {
+          delete rule.trigger;
+        });
+      }
+      descriptor[this.prop] = rules;
+
+      var validator = new external_async_validator_default.a(descriptor);
+      var model = {};
+
+      model[this.prop] = this.fieldValue;
+
+      validator.validate(model, { firstFields: true }, function (errors, invalidFields) {
+        _this.validateState = !errors ? 'success' : 'error';
+        _this.validateMessage = errors ? errors[0].message : '';
+
+        callback(_this.validateMessage, invalidFields);
+        _this.elForm && _this.elForm.$emit('validate', _this.prop, !errors, _this.validateMessage || null);
+      });
+    },
+    clearValidate: function clearValidate() {
+      this.validateState = '';
+      this.validateMessage = '';
+      this.validateDisabled = false;
+    },
+    resetField: function resetField() {
+      var _this2 = this;
+
+      this.validateState = '';
+      this.validateMessage = '';
+
+      var model = this.form.model;
+      var value = this.fieldValue;
+      var path = this.prop;
+      if (path.indexOf(':') !== -1) {
+        path = path.replace(/:/, '.');
+      }
+
+      var prop = Object(util_["getPropByPath"])(model, path, true);
+
+      this.validateDisabled = true;
+      if (Array.isArray(value)) {
+        prop.o[prop.k] = [].concat(this.initialValue);
+      } else {
+        prop.o[prop.k] = this.initialValue;
+      }
+
+      // reset validateDisabled after onFieldChange triggered
+      this.$nextTick(function () {
+        _this2.validateDisabled = false;
+      });
+
+      this.broadcast('ElTimeSelect', 'fieldReset', this.initialValue);
+    },
+    getRules: function getRules() {
+      var formRules = this.form.rules;
+      var selfRules = this.rules;
+      var requiredRule = this.required !== undefined ? { required: !!this.required } : [];
+
+      var prop = Object(util_["getPropByPath"])(formRules, this.prop || '');
+      formRules = formRules ? prop.o[this.prop || ''] || prop.v : [];
+
+      return [].concat(selfRules || formRules || []).concat(requiredRule);
+    },
+    getFilteredRule: function getFilteredRule(trigger) {
+      var rules = this.getRules();
+
+      return rules.filter(function (rule) {
+        if (!rule.trigger || trigger === '') return true;
+        if (Array.isArray(rule.trigger)) {
+          return rule.trigger.indexOf(trigger) > -1;
+        } else {
+          return rule.trigger === trigger;
+        }
+      }).map(function (rule) {
+        return merge_default()({}, rule);
+      });
+    },
+    onFieldBlur: function onFieldBlur() {
+      this.validate('blur');
+    },
+    onFieldChange: function onFieldChange() {
+      if (this.validateDisabled) {
+        this.validateDisabled = false;
+        return;
+      }
+
+      this.validate('change');
+    },
+    updateComputedLabelWidth: function updateComputedLabelWidth(width) {
+      this.computedLabelWidth = width ? width + 'px' : '';
+    },
+    addValidateEvents: function addValidateEvents() {
+      var rules = this.getRules();
+
+      if (rules.length || this.required !== undefined) {
+        this.$on('el.form.blur', this.onFieldBlur);
+        this.$on('el.form.change', this.onFieldChange);
+      }
+    },
+    removeValidateEvents: function removeValidateEvents() {
+      this.$off();
+    }
+  },
+  mounted: function mounted() {
+    if (this.prop) {
+      this.dispatch('ElForm', 'el.form.addField', [this]);
+
+      var initialValue = this.fieldValue;
+      if (Array.isArray(initialValue)) {
+        initialValue = [].concat(initialValue);
+      }
+      Object.defineProperty(this, 'initialValue', {
+        value: initialValue
+      });
+
+      this.addValidateEvents();
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.dispatch('ElForm', 'el.form.removeField', [this]);
+  }
+});
+// CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_form_itemvue_type_script_lang_js_ = (form_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/form/src/form-item.vue
+
+
+
+
+
+/* normalize component */
+
+var form_item_component = normalizeComponent(
+  src_form_itemvue_type_script_lang_js_,
+  form_itemvue_type_template_id_b6f3db6c_render,
+  form_itemvue_type_template_id_b6f3db6c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var form_item_api; }
+form_item_component.options.__file = "packages/form/src/form-item.vue"
+/* harmony default export */ var form_item = (form_item_component.exports);
+// CONCATENATED MODULE: ./packages/form-item/index.js
+
+
+/* istanbul ignore next */
+form_item.install = function (Vue) {
+  Vue.component(form_item.name, form_item);
+};
+
+/* harmony default export */ var packages_form_item = (form_item);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-bar.vue?vue&type=template&id=2031f33a&
+var tab_barvue_type_template_id_2031f33a_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", {
+    staticClass: "el-tabs__active-bar",
+    class: "is-" + _vm.rootTabs.tabPosition,
+    style: _vm.barStyle
+  })
+}
+var tab_barvue_type_template_id_2031f33a_staticRenderFns = []
+tab_barvue_type_template_id_2031f33a_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/tabs/src/tab-bar.vue?vue&type=template&id=2031f33a&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-bar.vue?vue&type=script&lang=js&
+//
+//
+//
+
+
+/* harmony default export */ var tab_barvue_type_script_lang_js_ = ({
+  name: 'TabBar',
+
+  props: {
+    tabs: Array
+  },
+
+  inject: ['rootTabs'],
+
+  computed: {
+    barStyle: {
+      get: function get() {
+        var _this = this;
+
+        var style = {};
+        var offset = 0;
+        var tabSize = 0;
+        var sizeName = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
+        var sizeDir = sizeName === 'width' ? 'x' : 'y';
+        var firstUpperCase = function firstUpperCase(str) {
+          return str.toLowerCase().replace(/( |^)[a-z]/g, function (L) {
+            return L.toUpperCase();
+          });
+        };
+        this.tabs.every(function (tab, index) {
+          var $el = Object(util_["arrayFind"])(_this.$parent.$refs.tabs || [], function (t) {
+            return t.id.replace('tab-', '') === tab.paneName;
+          });
+          if (!$el) {
+            return false;
+          }
+
+          if (!tab.active) {
+            offset += $el['client' + firstUpperCase(sizeName)];
+            return true;
+          } else {
+            tabSize = $el['client' + firstUpperCase(sizeName)];
+            var tabStyles = window.getComputedStyle($el);
+            if (sizeName === 'width' && _this.tabs.length > 1) {
+              tabSize -= parseFloat(tabStyles.paddingLeft) + parseFloat(tabStyles.paddingRight);
+            }
+            if (sizeName === 'width') {
+              offset += parseFloat(tabStyles.paddingLeft);
+            }
+            return false;
+          }
+        });
+
+        var transform = 'translate' + firstUpperCase(sizeDir) + '(' + offset + 'px)';
+        style[sizeName] = tabSize + 'px';
+        style.transform = transform;
+        style.msTransform = transform;
+        style.webkitTransform = transform;
+
+        return style;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/tabs/src/tab-bar.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_tab_barvue_type_script_lang_js_ = (tab_barvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/tabs/src/tab-bar.vue
+
+
+
+
+
+/* normalize component */
+
+var tab_bar_component = normalizeComponent(
+  src_tab_barvue_type_script_lang_js_,
+  tab_barvue_type_template_id_2031f33a_render,
+  tab_barvue_type_template_id_2031f33a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var tab_bar_api; }
+tab_bar_component.options.__file = "packages/tabs/src/tab-bar.vue"
+/* harmony default export */ var tab_bar = (tab_bar_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-nav.vue?vue&type=script&lang=js&
+
+
+
+
+function noop() {}
+var tab_navvue_type_script_lang_js_firstUpperCase = function firstUpperCase(str) {
+  return str.toLowerCase().replace(/( |^)[a-z]/g, function (L) {
+    return L.toUpperCase();
+  });
+};
+
+/* harmony default export */ var tab_navvue_type_script_lang_js_ = ({
+  name: 'TabNav',
+
+  components: {
+    TabBar: tab_bar
+  },
+
+  inject: ['rootTabs'],
+
+  props: {
+    panes: Array,
+    currentName: String,
+    editable: Boolean,
+    onTabClick: {
+      type: Function,
+      default: noop
+    },
+    onTabRemove: {
+      type: Function,
+      default: noop
+    },
+    type: String,
+    stretch: Boolean
+  },
+
+  data: function data() {
+    return {
+      scrollable: false,
+      navOffset: 0,
+      isFocus: false,
+      focusable: true
+    };
+  },
+
+
+  computed: {
+    navStyle: function navStyle() {
+      var dir = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'X' : 'Y';
+      return {
+        transform: 'translate' + dir + '(-' + this.navOffset + 'px)'
+      };
+    },
+    sizeName: function sizeName() {
+      return ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
+    }
+  },
+
+  methods: {
+    scrollPrev: function scrollPrev() {
+      var containerSize = this.$refs.navScroll['offset' + tab_navvue_type_script_lang_js_firstUpperCase(this.sizeName)];
+      var currentOffset = this.navOffset;
+
+      if (!currentOffset) return;
+
+      var newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
+
+      this.navOffset = newOffset;
+    },
+    scrollNext: function scrollNext() {
+      var navSize = this.$refs.nav['offset' + tab_navvue_type_script_lang_js_firstUpperCase(this.sizeName)];
+      var containerSize = this.$refs.navScroll['offset' + tab_navvue_type_script_lang_js_firstUpperCase(this.sizeName)];
+      var currentOffset = this.navOffset;
+
+      if (navSize - currentOffset <= containerSize) return;
+
+      var newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
+
+      this.navOffset = newOffset;
+    },
+    scrollToActiveTab: function scrollToActiveTab() {
+      if (!this.scrollable) return;
+      var nav = this.$refs.nav;
+      var activeTab = this.$el.querySelector('.is-active');
+      if (!activeTab) return;
+      var navScroll = this.$refs.navScroll;
+      var isHorizontal = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1;
+      var activeTabBounding = activeTab.getBoundingClientRect();
+      var navScrollBounding = navScroll.getBoundingClientRect();
+      var maxOffset = isHorizontal ? nav.offsetWidth - navScrollBounding.width : nav.offsetHeight - navScrollBounding.height;
+      var currentOffset = this.navOffset;
+      var newOffset = currentOffset;
+
+      if (isHorizontal) {
+        if (activeTabBounding.left < navScrollBounding.left) {
+          newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
+        }
+        if (activeTabBounding.right > navScrollBounding.right) {
+          newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
+        }
+      } else {
+        if (activeTabBounding.top < navScrollBounding.top) {
+          newOffset = currentOffset - (navScrollBounding.top - activeTabBounding.top);
+        }
+        if (activeTabBounding.bottom > navScrollBounding.bottom) {
+          newOffset = currentOffset + (activeTabBounding.bottom - navScrollBounding.bottom);
+        }
+      }
+      newOffset = Math.max(newOffset, 0);
+      this.navOffset = Math.min(newOffset, maxOffset);
+    },
+    update: function update() {
+      if (!this.$refs.nav) return;
+      var sizeName = this.sizeName;
+      var navSize = this.$refs.nav['offset' + tab_navvue_type_script_lang_js_firstUpperCase(sizeName)];
+      var containerSize = this.$refs.navScroll['offset' + tab_navvue_type_script_lang_js_firstUpperCase(sizeName)];
+      var currentOffset = this.navOffset;
+
+      if (containerSize < navSize) {
+        var _currentOffset = this.navOffset;
+        this.scrollable = this.scrollable || {};
+        this.scrollable.prev = _currentOffset;
+        this.scrollable.next = _currentOffset + containerSize < navSize;
+        if (navSize - _currentOffset < containerSize) {
+          this.navOffset = navSize - containerSize;
+        }
+      } else {
+        this.scrollable = false;
+        if (currentOffset > 0) {
+          this.navOffset = 0;
+        }
+      }
+    },
+    changeTab: function changeTab(e) {
+      var keyCode = e.keyCode;
+      var nextIndex = void 0;
+      var currentIndex = void 0,
+          tabList = void 0;
+      if ([37, 38, 39, 40].indexOf(keyCode) !== -1) {
+        // 左右上下键更换tab
+        tabList = e.currentTarget.querySelectorAll('[role=tab]');
+        currentIndex = Array.prototype.indexOf.call(tabList, e.target);
+      } else {
+        return;
+      }
+      if (keyCode === 37 || keyCode === 38) {
+        // left
+        if (currentIndex === 0) {
+          // first
+          nextIndex = tabList.length - 1;
+        } else {
+          nextIndex = currentIndex - 1;
+        }
+      } else {
+        // right
+        if (currentIndex < tabList.length - 1) {
+          // not last
+          nextIndex = currentIndex + 1;
+        } else {
+          nextIndex = 0;
+        }
+      }
+      tabList[nextIndex].focus(); // 改变焦点元素
+      tabList[nextIndex].click(); // 选中下一个tab
+      this.setFocus();
+    },
+    setFocus: function setFocus() {
+      if (this.focusable) {
+        this.isFocus = true;
+      }
+    },
+    removeFocus: function removeFocus() {
+      this.isFocus = false;
+    },
+    visibilityChangeHandler: function visibilityChangeHandler() {
+      var _this = this;
+
+      var visibility = document.visibilityState;
+      if (visibility === 'hidden') {
+        this.focusable = false;
+      } else if (visibility === 'visible') {
+        setTimeout(function () {
+          _this.focusable = true;
+        }, 50);
+      }
+    },
+    windowBlurHandler: function windowBlurHandler() {
+      this.focusable = false;
+    },
+    windowFocusHandler: function windowFocusHandler() {
+      var _this2 = this;
+
+      setTimeout(function () {
+        _this2.focusable = true;
+      }, 50);
+    }
+  },
+
+  updated: function updated() {
+    this.update();
+  },
+  render: function render(h) {
+    var _this3 = this;
+
+    var type = this.type,
+        panes = this.panes,
+        editable = this.editable,
+        stretch = this.stretch,
+        onTabClick = this.onTabClick,
+        onTabRemove = this.onTabRemove,
+        navStyle = this.navStyle,
+        scrollable = this.scrollable,
+        scrollNext = this.scrollNext,
+        scrollPrev = this.scrollPrev,
+        changeTab = this.changeTab,
+        setFocus = this.setFocus,
+        removeFocus = this.removeFocus;
+
+    var scrollBtn = scrollable ? [h(
+      'span',
+      { 'class': ['el-tabs__nav-prev', scrollable.prev ? '' : 'is-disabled'], on: {
+          'click': scrollPrev
+        }
+      },
+      [h('i', { 'class': 'el-icon-arrow-left' })]
+    ), h(
+      'span',
+      { 'class': ['el-tabs__nav-next', scrollable.next ? '' : 'is-disabled'], on: {
+          'click': scrollNext
+        }
+      },
+      [h('i', { 'class': 'el-icon-arrow-right' })]
+    )] : null;
+
+    var tabs = this._l(panes, function (pane, index) {
+      var _ref;
+
+      var tabName = pane.name || pane.index || index;
+      var closable = pane.isClosable || editable;
+
+      pane.index = '' + index;
+
+      var btnClose = closable ? h('span', { 'class': 'el-icon-close', on: {
+          'click': function click(ev) {
+            onTabRemove(pane, ev);
+          }
+        }
+      }) : null;
+
+      var tabLabelContent = pane.$slots.label || pane.label;
+      var tabindex = pane.active ? 0 : -1;
+      return h(
+        'div',
+        {
+          'class': (_ref = {
+            'el-tabs__item': true
+          }, _ref['is-' + _this3.rootTabs.tabPosition] = true, _ref['is-active'] = pane.active, _ref['is-disabled'] = pane.disabled, _ref['is-closable'] = closable, _ref['is-focus'] = _this3.isFocus, _ref),
+          attrs: { id: 'tab-' + tabName,
+
+            'aria-controls': 'pane-' + tabName,
+            role: 'tab',
+            'aria-selected': pane.active,
+
+            tabindex: tabindex
+          },
+          key: 'tab-' + tabName, ref: 'tabs', refInFor: true,
+          on: {
+            'focus': function focus() {
+              setFocus();
+            },
+            'blur': function blur() {
+              removeFocus();
+            },
+            'click': function click(ev) {
+              removeFocus();onTabClick(pane, tabName, ev);
+            },
+            'keydown': function keydown(ev) {
+              if (closable && (ev.keyCode === 46 || ev.keyCode === 8)) {
+                onTabRemove(pane, ev);
+              }
+            }
+          }
+        },
+        [tabLabelContent, btnClose]
+      );
+    });
+    return h(
+      'div',
+      { 'class': ['el-tabs__nav-wrap', scrollable ? 'is-scrollable' : '', 'is-' + this.rootTabs.tabPosition] },
+      [scrollBtn, h(
+        'div',
+        { 'class': ['el-tabs__nav-scroll'], ref: 'navScroll' },
+        [h(
+          'div',
+          {
+            'class': ['el-tabs__nav', 'is-' + this.rootTabs.tabPosition, stretch && ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'is-stretch' : ''],
+            ref: 'nav',
+            style: navStyle,
+            attrs: { role: 'tablist'
+            },
+            on: {
+              'keydown': changeTab
+            }
+          },
+          [!type ? h('tab-bar', {
+            attrs: { tabs: panes }
+          }) : null, tabs]
+        )]
+      )]
+    );
+  },
+  mounted: function mounted() {
+    var _this4 = this;
+
+    Object(resize_event_["addResizeListener"])(this.$el, this.update);
+    document.addEventListener('visibilitychange', this.visibilityChangeHandler);
+    window.addEventListener('blur', this.windowBlurHandler);
+    window.addEventListener('focus', this.windowFocusHandler);
+    setTimeout(function () {
+      _this4.scrollToActiveTab();
+    }, 0);
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.$el && this.update) Object(resize_event_["removeResizeListener"])(this.$el, this.update);
+    document.removeEventListener('visibilitychange', this.visibilityChangeHandler);
+    window.removeEventListener('blur', this.windowBlurHandler);
+    window.removeEventListener('focus', this.windowFocusHandler);
+  }
+});
+// CONCATENATED MODULE: ./packages/tabs/src/tab-nav.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_tab_navvue_type_script_lang_js_ = (tab_navvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/tabs/src/tab-nav.vue
+var tab_nav_render, tab_nav_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var tab_nav_component = normalizeComponent(
+  src_tab_navvue_type_script_lang_js_,
+  tab_nav_render,
+  tab_nav_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var tab_nav_api; }
+tab_nav_component.options.__file = "packages/tabs/src/tab-nav.vue"
+/* harmony default export */ var tab_nav = (tab_nav_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tabs.vue?vue&type=script&lang=js&
+
+
+
+/* harmony default export */ var tabsvue_type_script_lang_js_ = ({
+  name: 'ElTabs',
+
+  components: {
+    TabNav: tab_nav
+  },
+
+  props: {
+    type: String,
+    activeName: String,
+    closable: Boolean,
+    addable: Boolean,
+    value: {},
+    editable: Boolean,
+    tabPosition: {
+      type: String,
+      default: 'top'
+    },
+    beforeLeave: Function,
+    stretch: Boolean
+  },
+
+  provide: function provide() {
+    return {
+      rootTabs: this
+    };
+  },
+  data: function data() {
+    return {
+      currentName: this.value || this.activeName,
+      panes: []
+    };
+  },
+
+
+  watch: {
+    activeName: function activeName(value) {
+      this.setCurrentName(value);
+    },
+    value: function value(_value) {
+      this.setCurrentName(_value);
+    },
+    currentName: function currentName(value) {
+      var _this = this;
+
+      if (this.$refs.nav) {
+        this.$nextTick(function () {
+          _this.$refs.nav.$nextTick(function (_) {
+            _this.$refs.nav.scrollToActiveTab();
+          });
+        });
+      }
+    }
+  },
+
+  methods: {
+    calcPaneInstances: function calcPaneInstances() {
+      var _this2 = this;
+
+      var isForceUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      if (this.$slots.default) {
+        var paneSlots = this.$slots.default.filter(function (vnode) {
+          return vnode.tag && vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'ElTabPane';
+        });
+        // update indeed
+        var panes = paneSlots.map(function (_ref) {
+          var componentInstance = _ref.componentInstance;
+          return componentInstance;
+        });
+        var panesChanged = !(panes.length === this.panes.length && panes.every(function (pane, index) {
+          return pane === _this2.panes[index];
+        }));
+        if (isForceUpdate || panesChanged) {
+          this.panes = panes;
+        }
+      } else if (this.panes.length !== 0) {
+        this.panes = [];
+      }
+    },
+    handleTabClick: function handleTabClick(tab, tabName, event) {
+      if (tab.disabled) return;
+      this.setCurrentName(tabName);
+      this.$emit('tab-click', tab, event);
+    },
+    handleTabRemove: function handleTabRemove(pane, ev) {
+      if (pane.disabled) return;
+      ev.stopPropagation();
+      this.$emit('edit', pane.name, 'remove');
+      this.$emit('tab-remove', pane.name);
+    },
+    handleTabAdd: function handleTabAdd() {
+      this.$emit('edit', null, 'add');
+      this.$emit('tab-add');
+    },
+    setCurrentName: function setCurrentName(value) {
+      var _this3 = this;
+
+      var changeCurrentName = function changeCurrentName() {
+        _this3.currentName = value;
+        _this3.$emit('input', value);
+      };
+      if (this.currentName !== value && this.beforeLeave) {
+        var before = this.beforeLeave(value, this.currentName);
+        if (before && before.then) {
+          before.then(function () {
+            changeCurrentName();
+            _this3.$refs.nav && _this3.$refs.nav.removeFocus();
+          }, function () {
+            // https://github.com/ElemeFE/element/pull/14816
+            // ignore promise rejection in `before-leave` hook
+          });
+        } else if (before !== false) {
+          changeCurrentName();
+        }
+      } else {
+        changeCurrentName();
+      }
+    }
+  },
+
+  render: function render(h) {
+    var _ref2;
+
+    var type = this.type,
+        handleTabClick = this.handleTabClick,
+        handleTabRemove = this.handleTabRemove,
+        handleTabAdd = this.handleTabAdd,
+        currentName = this.currentName,
+        panes = this.panes,
+        editable = this.editable,
+        addable = this.addable,
+        tabPosition = this.tabPosition,
+        stretch = this.stretch;
+
+
+    var newButton = editable || addable ? h(
+      'span',
+      {
+        'class': 'el-tabs__new-tab',
+        on: {
+          'click': handleTabAdd,
+          'keydown': function keydown(ev) {
+            if (ev.keyCode === 13) {
+              handleTabAdd();
+            }
+          }
+        },
+        attrs: {
+          tabindex: '0'
+        }
+      },
+      [h('i', { 'class': 'el-icon-plus' })]
+    ) : null;
+
+    var navData = {
+      props: {
+        currentName: currentName,
+        onTabClick: handleTabClick,
+        onTabRemove: handleTabRemove,
+        editable: editable,
+        type: type,
+        panes: panes,
+        stretch: stretch
+      },
+      ref: 'nav'
+    };
+    var header = h(
+      'div',
+      { 'class': ['el-tabs__header', 'is-' + tabPosition] },
+      [newButton, h('tab-nav', navData)]
+    );
+    var panels = h(
+      'div',
+      { 'class': 'el-tabs__content' },
+      [this.$slots.default]
+    );
+
+    return h(
+      'div',
+      { 'class': (_ref2 = {
+          'el-tabs': true,
+          'el-tabs--card': type === 'card'
+        }, _ref2['el-tabs--' + tabPosition] = true, _ref2['el-tabs--border-card'] = type === 'border-card', _ref2) },
+      [tabPosition !== 'bottom' ? [header, panels] : [panels, header]]
+    );
+  },
+  created: function created() {
+    if (!this.currentName) {
+      this.setCurrentName('0');
+    }
+
+    this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
+  },
+  mounted: function mounted() {
+    this.calcPaneInstances();
+  },
+  updated: function updated() {
+    this.calcPaneInstances();
+  }
+});
+// CONCATENATED MODULE: ./packages/tabs/src/tabs.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_tabsvue_type_script_lang_js_ = (tabsvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/tabs/src/tabs.vue
+var tabs_render, tabs_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var tabs_component = normalizeComponent(
+  src_tabsvue_type_script_lang_js_,
+  tabs_render,
+  tabs_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var tabs_api; }
+tabs_component.options.__file = "packages/tabs/src/tabs.vue"
+/* harmony default export */ var tabs = (tabs_component.exports);
+// CONCATENATED MODULE: ./packages/tabs/index.js
+
+
+/* istanbul ignore next */
+tabs.install = function (Vue) {
+  Vue.component(tabs.name, tabs);
+};
+
+/* harmony default export */ var packages_tabs = (tabs);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-pane.vue?vue&type=template&id=9145a070&
+var tab_panevue_type_template_id_9145a070_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return !_vm.lazy || _vm.loaded || _vm.active
+    ? _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.active,
+              expression: "active"
+            }
+          ],
+          staticClass: "el-tab-pane",
+          attrs: {
+            role: "tabpanel",
+            "aria-hidden": !_vm.active,
+            id: "pane-" + _vm.paneName,
+            "aria-labelledby": "tab-" + _vm.paneName
+          }
+        },
+        [_vm._t("default")],
+        2
+      )
+    : _vm._e()
+}
+var tab_panevue_type_template_id_9145a070_staticRenderFns = []
+tab_panevue_type_template_id_9145a070_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/tabs/src/tab-pane.vue?vue&type=template&id=9145a070&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tabs/src/tab-pane.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var tab_panevue_type_script_lang_js_ = ({
+  name: 'ElTabPane',
+
+  componentName: 'ElTabPane',
+
+  props: {
+    label: String,
+    labelContent: Function,
+    name: String,
+    closable: Boolean,
+    disabled: Boolean,
+    lazy: Boolean
+  },
+
+  data: function data() {
+    return {
+      index: null,
+      loaded: false
+    };
+  },
+
+
+  computed: {
+    isClosable: function isClosable() {
+      return this.closable || this.$parent.closable;
+    },
+    active: function active() {
+      var active = this.$parent.currentName === (this.name || this.index);
+      if (active) {
+        this.loaded = true;
+      }
+      return active;
+    },
+    paneName: function paneName() {
+      return this.name || this.index;
+    }
+  },
+
+  updated: function updated() {
+    this.$parent.$emit('tab-nav-update');
+  }
+});
+// CONCATENATED MODULE: ./packages/tabs/src/tab-pane.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_tab_panevue_type_script_lang_js_ = (tab_panevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/tabs/src/tab-pane.vue
+
+
+
+
+
+/* normalize component */
+
+var tab_pane_component = normalizeComponent(
+  src_tab_panevue_type_script_lang_js_,
+  tab_panevue_type_template_id_9145a070_render,
+  tab_panevue_type_template_id_9145a070_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var tab_pane_api; }
+tab_pane_component.options.__file = "packages/tabs/src/tab-pane.vue"
+/* harmony default export */ var tab_pane = (tab_pane_component.exports);
+// CONCATENATED MODULE: ./packages/tab-pane/index.js
+
+
+/* istanbul ignore next */
+tab_pane.install = function (Vue) {
+  Vue.component(tab_pane.name, tab_pane);
+};
+
+/* harmony default export */ var packages_tab_pane = (tab_pane);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tag/src/tag.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var tagvue_type_script_lang_js_ = ({
+  name: 'ElTag',
+  props: {
+    text: String,
+    closable: Boolean,
+    type: String,
+    hit: Boolean,
+    disableTransitions: Boolean,
+    color: String,
+    size: String,
+    effect: {
+      type: String,
+      default: 'light',
+      validator: function validator(val) {
+        return ['dark', 'light', 'plain'].indexOf(val) !== -1;
+      }
+    }
+  },
+  methods: {
+    handleClose: function handleClose(event) {
+      event.stopPropagation();
+      this.$emit('close', event);
+    },
+    handleClick: function handleClick(event) {
+      this.$emit('click', event);
+    }
+  },
+  computed: {
+    tagSize: function tagSize() {
+      return this.size || (this.$ELEMENT || {}).size;
+    }
+  },
+  render: function render(h) {
+    var type = this.type,
+        tagSize = this.tagSize,
+        hit = this.hit,
+        effect = this.effect;
+
+    var classes = ['el-tag', type ? 'el-tag--' + type : '', tagSize ? 'el-tag--' + tagSize : '', effect ? 'el-tag--' + effect : '', hit && 'is-hit'];
+    var tagEl = h(
+      'span',
+      {
+        'class': classes,
+        style: { backgroundColor: this.color },
+        on: {
+          'click': this.handleClick
+        }
+      },
+      [this.$slots.default, this.closable && h('i', { 'class': 'el-tag__close el-icon-close', on: {
+          'click': this.handleClose
+        }
+      })]
+    );
+
+    return this.disableTransitions ? tagEl : h(
+      'transition',
+      {
+        attrs: { name: 'el-zoom-in-center' }
+      },
+      [tagEl]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/tag/src/tag.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_tagvue_type_script_lang_js_ = (tagvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/tag/src/tag.vue
+var tag_render, tag_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var tag_component = normalizeComponent(
+  src_tagvue_type_script_lang_js_,
+  tag_render,
+  tag_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var tag_api; }
+tag_component.options.__file = "packages/tag/src/tag.vue"
+/* harmony default export */ var src_tag = (tag_component.exports);
+// CONCATENATED MODULE: ./packages/tag/index.js
+
+
+/* istanbul ignore next */
+src_tag.install = function (Vue) {
+  Vue.component(src_tag.name, src_tag);
+};
+
+/* harmony default export */ var packages_tag = (src_tag);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/tree.vue?vue&type=template&id=547575a6&
+var treevue_type_template_id_547575a6_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-tree",
+      class: {
+        "el-tree--highlight-current": _vm.highlightCurrent,
+        "is-dragging": !!_vm.dragState.draggingNode,
+        "is-drop-not-allow": !_vm.dragState.allowDrop,
+        "is-drop-inner": _vm.dragState.dropType === "inner"
+      },
+      attrs: { role: "tree" }
+    },
+    [
+      _vm._l(_vm.root.childNodes, function(child) {
+        return _c("el-tree-node", {
+          key: _vm.getNodeKey(child),
+          attrs: {
+            node: child,
+            props: _vm.props,
+            "render-after-expand": _vm.renderAfterExpand,
+            "show-checkbox": _vm.showCheckbox,
+            "render-content": _vm.renderContent
+          },
+          on: { "node-expand": _vm.handleNodeExpand }
+        })
+      }),
+      _vm.isEmpty
+        ? _c("div", { staticClass: "el-tree__empty-block" }, [
+            _c("span", { staticClass: "el-tree__empty-text" }, [
+              _vm._v(_vm._s(_vm.emptyText))
+            ])
+          ])
+        : _vm._e(),
+      _c("div", {
+        directives: [
+          {
+            name: "show",
+            rawName: "v-show",
+            value: _vm.dragState.showDropIndicator,
+            expression: "dragState.showDropIndicator"
+          }
+        ],
+        ref: "dropIndicator",
+        staticClass: "el-tree__drop-indicator"
+      })
+    ],
+    2
+  )
+}
+var treevue_type_template_id_547575a6_staticRenderFns = []
+treevue_type_template_id_547575a6_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/tree/src/tree.vue?vue&type=template&id=547575a6&
+
+// CONCATENATED MODULE: ./packages/tree/src/model/util.js
+var NODE_KEY = '$treeNodeId';
+
+var markNodeData = function markNodeData(node, data) {
+  if (!data || data[NODE_KEY]) return;
+  Object.defineProperty(data, NODE_KEY, {
+    value: node.id,
+    enumerable: false,
+    configurable: false,
+    writable: false
+  });
+};
+
+var util_getNodeKey = function getNodeKey(key, data) {
+  if (!key) return data[NODE_KEY];
+  return data[key];
+};
+
+var findNearestComponent = function findNearestComponent(element, componentName) {
+  var target = element;
+  while (target && target.tagName !== 'BODY') {
+    if (target.__vue__ && target.__vue__.$options.name === componentName) {
+      return target.__vue__;
+    }
+    target = target.parentNode;
+  }
+  return null;
+};
+// CONCATENATED MODULE: ./packages/tree/src/model/node.js
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function node_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+
+
+
+
+var getChildState = function getChildState(node) {
+  var all = true;
+  var none = true;
+  var allWithoutDisable = true;
+  for (var i = 0, j = node.length; i < j; i++) {
+    var n = node[i];
+    if (n.checked !== true || n.indeterminate) {
+      all = false;
+      if (!n.disabled) {
+        allWithoutDisable = false;
+      }
+    }
+    if (n.checked !== false || n.indeterminate) {
+      none = false;
+    }
+  }
+
+  return { all: all, none: none, allWithoutDisable: allWithoutDisable, half: !all && !none };
+};
+
+var reInitChecked = function reInitChecked(node) {
+  if (node.childNodes.length === 0 || node.loading) return;
+
+  var _getChildState = getChildState(node.childNodes),
+      all = _getChildState.all,
+      none = _getChildState.none,
+      half = _getChildState.half;
+
+  if (all) {
+    node.checked = true;
+    node.indeterminate = false;
+  } else if (half) {
+    node.checked = false;
+    node.indeterminate = true;
+  } else if (none) {
+    node.checked = false;
+    node.indeterminate = false;
+  }
+
+  var parent = node.parent;
+  if (!parent || parent.level === 0) return;
+
+  if (!node.store.checkStrictly) {
+    reInitChecked(parent);
+  }
+};
+
+var getPropertyFromData = function getPropertyFromData(node, prop) {
+  var props = node.store.props;
+  var data = node.data || {};
+  var config = props[prop];
+
+  if (typeof config === 'function') {
+    return config(data, node);
+  } else if (typeof config === 'string') {
+    return data[config];
+  } else if (typeof config === 'undefined') {
+    var dataProp = data[prop];
+    return dataProp === undefined ? '' : dataProp;
+  }
+};
+
+var nodeIdSeed = 0;
+
+var node_Node = function () {
+  function Node(options) {
+    node_classCallCheck(this, Node);
+
+    this.id = nodeIdSeed++;
+    this.text = null;
+    this.checked = false;
+    this.indeterminate = false;
+    this.data = null;
+    this.expanded = false;
+    this.parent = null;
+    this.visible = true;
+    this.isCurrent = false;
+
+    for (var name in options) {
+      if (options.hasOwnProperty(name)) {
+        this[name] = options[name];
+      }
+    }
+
+    // internal
+    this.level = 0;
+    this.loaded = false;
+    this.childNodes = [];
+    this.loading = false;
+
+    if (this.parent) {
+      this.level = this.parent.level + 1;
+    }
+
+    var store = this.store;
+    if (!store) {
+      throw new Error('[Node]store is required!');
+    }
+    store.registerNode(this);
+
+    var props = store.props;
+    if (props && typeof props.isLeaf !== 'undefined') {
+      var isLeaf = getPropertyFromData(this, 'isLeaf');
+      if (typeof isLeaf === 'boolean') {
+        this.isLeafByUser = isLeaf;
+      }
+    }
+
+    if (store.lazy !== true && this.data) {
+      this.setData(this.data);
+
+      if (store.defaultExpandAll) {
+        this.expanded = true;
+      }
+    } else if (this.level > 0 && store.lazy && store.defaultExpandAll) {
+      this.expand();
+    }
+    if (!Array.isArray(this.data)) {
+      markNodeData(this, this.data);
+    }
+    if (!this.data) return;
+    var defaultExpandedKeys = store.defaultExpandedKeys;
+    var key = store.key;
+    if (key && defaultExpandedKeys && defaultExpandedKeys.indexOf(this.key) !== -1) {
+      this.expand(null, store.autoExpandParent);
+    }
+
+    if (key && store.currentNodeKey !== undefined && this.key === store.currentNodeKey) {
+      store.currentNode = this;
+      store.currentNode.isCurrent = true;
+    }
+
+    if (store.lazy) {
+      store._initDefaultCheckedNode(this);
+    }
+
+    this.updateLeafState();
+  }
+
+  Node.prototype.setData = function setData(data) {
+    if (!Array.isArray(data)) {
+      markNodeData(this, data);
+    }
+
+    this.data = data;
+    this.childNodes = [];
+
+    var children = void 0;
+    if (this.level === 0 && this.data instanceof Array) {
+      children = this.data;
+    } else {
+      children = getPropertyFromData(this, 'children') || [];
+    }
+
+    for (var i = 0, j = children.length; i < j; i++) {
+      this.insertChild({ data: children[i] });
+    }
+  };
+
+  Node.prototype.contains = function contains(target) {
+    var deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+    var walk = function walk(parent) {
+      var children = parent.childNodes || [];
+      var result = false;
+      for (var i = 0, j = children.length; i < j; i++) {
+        var child = children[i];
+        if (child === target || deep && walk(child)) {
+          result = true;
+          break;
+        }
+      }
+      return result;
+    };
+
+    return walk(this);
+  };
+
+  Node.prototype.remove = function remove() {
+    var parent = this.parent;
+    if (parent) {
+      parent.removeChild(this);
+    }
+  };
+
+  Node.prototype.insertChild = function insertChild(child, index, batch) {
+    if (!child) throw new Error('insertChild error: child is required.');
+
+    if (!(child instanceof Node)) {
+      if (!batch) {
+        var children = this.getChildren(true) || [];
+        if (children.indexOf(child.data) === -1) {
+          if (typeof index === 'undefined' || index < 0) {
+            children.push(child.data);
+          } else {
+            children.splice(index, 0, child.data);
+          }
+        }
+      }
+      merge_default()(child, {
+        parent: this,
+        store: this.store
+      });
+      child = new Node(child);
+    }
+
+    child.level = this.level + 1;
+
+    if (typeof index === 'undefined' || index < 0) {
+      this.childNodes.push(child);
+    } else {
+      this.childNodes.splice(index, 0, child);
+    }
+
+    this.updateLeafState();
+  };
+
+  Node.prototype.insertBefore = function insertBefore(child, ref) {
+    var index = void 0;
+    if (ref) {
+      index = this.childNodes.indexOf(ref);
+    }
+    this.insertChild(child, index);
+  };
+
+  Node.prototype.insertAfter = function insertAfter(child, ref) {
+    var index = void 0;
+    if (ref) {
+      index = this.childNodes.indexOf(ref);
+      if (index !== -1) index += 1;
+    }
+    this.insertChild(child, index);
+  };
+
+  Node.prototype.removeChild = function removeChild(child) {
+    var children = this.getChildren() || [];
+    var dataIndex = children.indexOf(child.data);
+    if (dataIndex > -1) {
+      children.splice(dataIndex, 1);
+    }
+
+    var index = this.childNodes.indexOf(child);
+
+    if (index > -1) {
+      this.store && this.store.deregisterNode(child);
+      child.parent = null;
+      this.childNodes.splice(index, 1);
+    }
+
+    this.updateLeafState();
+  };
+
+  Node.prototype.removeChildByData = function removeChildByData(data) {
+    var targetNode = null;
+
+    for (var i = 0; i < this.childNodes.length; i++) {
+      if (this.childNodes[i].data === data) {
+        targetNode = this.childNodes[i];
+        break;
+      }
+    }
+
+    if (targetNode) {
+      this.removeChild(targetNode);
+    }
+  };
+
+  Node.prototype.expand = function expand(callback, expandParent) {
+    var _this = this;
+
+    var done = function done() {
+      if (expandParent) {
+        var parent = _this.parent;
+        while (parent.level > 0) {
+          parent.expanded = true;
+          parent = parent.parent;
+        }
+      }
+      _this.expanded = true;
+      if (callback) callback();
+    };
+
+    if (this.shouldLoadData()) {
+      this.loadData(function (data) {
+        if (data instanceof Array) {
+          if (_this.checked) {
+            _this.setChecked(true, true);
+          } else if (!_this.store.checkStrictly) {
+            reInitChecked(_this);
+          }
+          done();
+        }
+      });
+    } else {
+      done();
+    }
+  };
+
+  Node.prototype.doCreateChildren = function doCreateChildren(array) {
+    var _this2 = this;
+
+    var defaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    array.forEach(function (item) {
+      _this2.insertChild(merge_default()({ data: item }, defaultProps), undefined, true);
+    });
+  };
+
+  Node.prototype.collapse = function collapse() {
+    this.expanded = false;
+  };
+
+  Node.prototype.shouldLoadData = function shouldLoadData() {
+    return this.store.lazy === true && this.store.load && !this.loaded;
+  };
+
+  Node.prototype.updateLeafState = function updateLeafState() {
+    if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== 'undefined') {
+      this.isLeaf = this.isLeafByUser;
+      return;
+    }
+    var childNodes = this.childNodes;
+    if (!this.store.lazy || this.store.lazy === true && this.loaded === true) {
+      this.isLeaf = !childNodes || childNodes.length === 0;
+      return;
+    }
+    this.isLeaf = false;
+  };
+
+  Node.prototype.setChecked = function setChecked(value, deep, recursion, passValue) {
+    var _this3 = this;
+
+    this.indeterminate = value === 'half';
+    this.checked = value === true;
+
+    if (this.store.checkStrictly) return;
+
+    if (!(this.shouldLoadData() && !this.store.checkDescendants)) {
+      var _getChildState2 = getChildState(this.childNodes),
+          all = _getChildState2.all,
+          allWithoutDisable = _getChildState2.allWithoutDisable;
+
+      if (!this.isLeaf && !all && allWithoutDisable) {
+        this.checked = false;
+        value = false;
+      }
+
+      var handleDescendants = function handleDescendants() {
+        if (deep) {
+          var childNodes = _this3.childNodes;
+          for (var i = 0, j = childNodes.length; i < j; i++) {
+            var child = childNodes[i];
+            passValue = passValue || value !== false;
+            var isCheck = child.disabled ? child.checked : passValue;
+            child.setChecked(isCheck, deep, true, passValue);
+          }
+
+          var _getChildState3 = getChildState(childNodes),
+              half = _getChildState3.half,
+              _all = _getChildState3.all;
+
+          if (!_all) {
+            _this3.checked = _all;
+            _this3.indeterminate = half;
+          }
+        }
+      };
+
+      if (this.shouldLoadData()) {
+        // Only work on lazy load data.
+        this.loadData(function () {
+          handleDescendants();
+          reInitChecked(_this3);
+        }, {
+          checked: value !== false
+        });
+        return;
+      } else {
+        handleDescendants();
+      }
+    }
+
+    var parent = this.parent;
+    if (!parent || parent.level === 0) return;
+
+    if (!recursion) {
+      reInitChecked(parent);
+    }
+  };
+
+  Node.prototype.getChildren = function getChildren() {
+    var forceInit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    // this is data
+    if (this.level === 0) return this.data;
+    var data = this.data;
+    if (!data) return null;
+
+    var props = this.store.props;
+    var children = 'children';
+    if (props) {
+      children = props.children || 'children';
+    }
+
+    if (data[children] === undefined) {
+      data[children] = null;
+    }
+
+    if (forceInit && !data[children]) {
+      data[children] = [];
+    }
+
+    return data[children];
+  };
+
+  Node.prototype.updateChildren = function updateChildren() {
+    var _this4 = this;
+
+    var newData = this.getChildren() || [];
+    var oldData = this.childNodes.map(function (node) {
+      return node.data;
+    });
+
+    var newDataMap = {};
+    var newNodes = [];
+
+    newData.forEach(function (item, index) {
+      var key = item[NODE_KEY];
+      var isNodeExists = !!key && Object(util_["arrayFindIndex"])(oldData, function (data) {
+        return data[NODE_KEY] === key;
+      }) >= 0;
+      if (isNodeExists) {
+        newDataMap[key] = { index: index, data: item };
+      } else {
+        newNodes.push({ index: index, data: item });
+      }
+    });
+
+    if (!this.store.lazy) {
+      oldData.forEach(function (item) {
+        if (!newDataMap[item[NODE_KEY]]) _this4.removeChildByData(item);
+      });
+    }
+
+    newNodes.forEach(function (_ref) {
+      var index = _ref.index,
+          data = _ref.data;
+
+      _this4.insertChild({ data: data }, index);
+    });
+
+    this.updateLeafState();
+  };
+
+  Node.prototype.loadData = function loadData(callback) {
+    var _this5 = this;
+
+    var defaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
+      this.loading = true;
+
+      var resolve = function resolve(children) {
+        _this5.childNodes = [];
+
+        _this5.doCreateChildren(children, defaultProps);
+        _this5.loaded = true;
+        _this5.loading = false;
+        _this5.updateLeafState();
+        if (callback) {
+          callback.call(_this5, children);
+        }
+      };
+
+      this.store.load(this, resolve);
+    } else {
+      if (callback) {
+        callback.call(this);
+      }
+    }
+  };
+
+  _createClass(Node, [{
+    key: 'label',
+    get: function get() {
+      return getPropertyFromData(this, 'label');
+    }
+  }, {
+    key: 'key',
+    get: function get() {
+      var nodeKey = this.store.key;
+      if (this.data) return this.data[nodeKey];
+      return null;
+    }
+  }, {
+    key: 'disabled',
+    get: function get() {
+      return getPropertyFromData(this, 'disabled');
+    }
+  }, {
+    key: 'nextSibling',
+    get: function get() {
+      var parent = this.parent;
+      if (parent) {
+        var index = parent.childNodes.indexOf(this);
+        if (index > -1) {
+          return parent.childNodes[index + 1];
+        }
+      }
+      return null;
+    }
+  }, {
+    key: 'previousSibling',
+    get: function get() {
+      var parent = this.parent;
+      if (parent) {
+        var index = parent.childNodes.indexOf(this);
+        if (index > -1) {
+          return index > 0 ? parent.childNodes[index - 1] : null;
+        }
+      }
+      return null;
+    }
+  }]);
+
+  return Node;
+}();
+
+/* harmony default export */ var model_node = (node_Node);
+// CONCATENATED MODULE: ./packages/tree/src/model/tree-store.js
+var tree_store_typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+function tree_store_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+
+
+
+var tree_store_TreeStore = function () {
+  function TreeStore(options) {
+    var _this = this;
+
+    tree_store_classCallCheck(this, TreeStore);
+
+    this.currentNode = null;
+    this.currentNodeKey = null;
+
+    for (var option in options) {
+      if (options.hasOwnProperty(option)) {
+        this[option] = options[option];
+      }
+    }
+
+    this.nodesMap = {};
+
+    this.root = new model_node({
+      data: this.data,
+      store: this
+    });
+
+    if (this.lazy && this.load) {
+      var loadFn = this.load;
+      loadFn(this.root, function (data) {
+        _this.root.doCreateChildren(data);
+        _this._initDefaultCheckedNodes();
+      });
+    } else {
+      this._initDefaultCheckedNodes();
+    }
+  }
+
+  TreeStore.prototype.filter = function filter(value) {
+    var filterNodeMethod = this.filterNodeMethod;
+    var lazy = this.lazy;
+    var traverse = function traverse(node) {
+      var childNodes = node.root ? node.root.childNodes : node.childNodes;
+
+      childNodes.forEach(function (child) {
+        child.visible = filterNodeMethod.call(child, value, child.data, child);
+
+        traverse(child);
+      });
+
+      if (!node.visible && childNodes.length) {
+        var allHidden = true;
+        allHidden = !childNodes.some(function (child) {
+          return child.visible;
+        });
+
+        if (node.root) {
+          node.root.visible = allHidden === false;
+        } else {
+          node.visible = allHidden === false;
+        }
+      }
+      if (!value) return;
+
+      if (node.visible && !node.isLeaf && !lazy) node.expand();
+    };
+
+    traverse(this);
+  };
+
+  TreeStore.prototype.setData = function setData(newVal) {
+    var instanceChanged = newVal !== this.root.data;
+    if (instanceChanged) {
+      this.root.setData(newVal);
+      this._initDefaultCheckedNodes();
+    } else {
+      this.root.updateChildren();
+    }
+  };
+
+  TreeStore.prototype.getNode = function getNode(data) {
+    if (data instanceof model_node) return data;
+    var key = (typeof data === 'undefined' ? 'undefined' : tree_store_typeof(data)) !== 'object' ? data : util_getNodeKey(this.key, data);
+    return this.nodesMap[key] || null;
+  };
+
+  TreeStore.prototype.insertBefore = function insertBefore(data, refData) {
+    var refNode = this.getNode(refData);
+    refNode.parent.insertBefore({ data: data }, refNode);
+  };
+
+  TreeStore.prototype.insertAfter = function insertAfter(data, refData) {
+    var refNode = this.getNode(refData);
+    refNode.parent.insertAfter({ data: data }, refNode);
+  };
+
+  TreeStore.prototype.remove = function remove(data) {
+    var node = this.getNode(data);
+
+    if (node && node.parent) {
+      if (node === this.currentNode) {
+        this.currentNode = null;
+      }
+      node.parent.removeChild(node);
+    }
+  };
+
+  TreeStore.prototype.append = function append(data, parentData) {
+    var parentNode = parentData ? this.getNode(parentData) : this.root;
+
+    if (parentNode) {
+      parentNode.insertChild({ data: data });
+    }
+  };
+
+  TreeStore.prototype._initDefaultCheckedNodes = function _initDefaultCheckedNodes() {
+    var _this2 = this;
+
+    var defaultCheckedKeys = this.defaultCheckedKeys || [];
+    var nodesMap = this.nodesMap;
+
+    defaultCheckedKeys.forEach(function (checkedKey) {
+      var node = nodesMap[checkedKey];
+
+      if (node) {
+        node.setChecked(true, !_this2.checkStrictly);
+      }
+    });
+  };
+
+  TreeStore.prototype._initDefaultCheckedNode = function _initDefaultCheckedNode(node) {
+    var defaultCheckedKeys = this.defaultCheckedKeys || [];
+
+    if (defaultCheckedKeys.indexOf(node.key) !== -1) {
+      node.setChecked(true, !this.checkStrictly);
+    }
+  };
+
+  TreeStore.prototype.setDefaultCheckedKey = function setDefaultCheckedKey(newVal) {
+    if (newVal !== this.defaultCheckedKeys) {
+      this.defaultCheckedKeys = newVal;
+      this._initDefaultCheckedNodes();
+    }
+  };
+
+  TreeStore.prototype.registerNode = function registerNode(node) {
+    var key = this.key;
+    if (!key || !node || !node.data) return;
+
+    var nodeKey = node.key;
+    if (nodeKey !== undefined) this.nodesMap[node.key] = node;
+  };
+
+  TreeStore.prototype.deregisterNode = function deregisterNode(node) {
+    var _this3 = this;
+
+    var key = this.key;
+    if (!key || !node || !node.data) return;
+
+    node.childNodes.forEach(function (child) {
+      _this3.deregisterNode(child);
+    });
+
+    delete this.nodesMap[node.key];
+  };
+
+  TreeStore.prototype.getCheckedNodes = function getCheckedNodes() {
+    var leafOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var includeHalfChecked = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+    var checkedNodes = [];
+    var traverse = function traverse(node) {
+      var childNodes = node.root ? node.root.childNodes : node.childNodes;
+
+      childNodes.forEach(function (child) {
+        if ((child.checked || includeHalfChecked && child.indeterminate) && (!leafOnly || leafOnly && child.isLeaf)) {
+          checkedNodes.push(child.data);
+        }
+
+        traverse(child);
+      });
+    };
+
+    traverse(this);
+
+    return checkedNodes;
+  };
+
+  TreeStore.prototype.getCheckedKeys = function getCheckedKeys() {
+    var _this4 = this;
+
+    var leafOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+    return this.getCheckedNodes(leafOnly).map(function (data) {
+      return (data || {})[_this4.key];
+    });
+  };
+
+  TreeStore.prototype.getHalfCheckedNodes = function getHalfCheckedNodes() {
+    var nodes = [];
+    var traverse = function traverse(node) {
+      var childNodes = node.root ? node.root.childNodes : node.childNodes;
+
+      childNodes.forEach(function (child) {
+        if (child.indeterminate) {
+          nodes.push(child.data);
+        }
+
+        traverse(child);
+      });
+    };
+
+    traverse(this);
+
+    return nodes;
+  };
+
+  TreeStore.prototype.getHalfCheckedKeys = function getHalfCheckedKeys() {
+    var _this5 = this;
+
+    return this.getHalfCheckedNodes().map(function (data) {
+      return (data || {})[_this5.key];
+    });
+  };
+
+  TreeStore.prototype._getAllNodes = function _getAllNodes() {
+    var allNodes = [];
+    var nodesMap = this.nodesMap;
+    for (var nodeKey in nodesMap) {
+      if (nodesMap.hasOwnProperty(nodeKey)) {
+        allNodes.push(nodesMap[nodeKey]);
+      }
+    }
+
+    return allNodes;
+  };
+
+  TreeStore.prototype.updateChildren = function updateChildren(key, data) {
+    var node = this.nodesMap[key];
+    if (!node) return;
+    var childNodes = node.childNodes;
+    for (var i = childNodes.length - 1; i >= 0; i--) {
+      var child = childNodes[i];
+      this.remove(child.data);
+    }
+    for (var _i = 0, j = data.length; _i < j; _i++) {
+      var _child = data[_i];
+      this.append(_child, node.data);
+    }
+  };
+
+  TreeStore.prototype._setCheckedKeys = function _setCheckedKeys(key) {
+    var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var checkedKeys = arguments[2];
+
+    var allNodes = this._getAllNodes().sort(function (a, b) {
+      return b.level - a.level;
+    });
+    var cache = Object.create(null);
+    var keys = Object.keys(checkedKeys);
+    allNodes.forEach(function (node) {
+      return node.setChecked(false, false);
+    });
+    for (var i = 0, j = allNodes.length; i < j; i++) {
+      var node = allNodes[i];
+      var nodeKey = node.data[key].toString();
+      var checked = keys.indexOf(nodeKey) > -1;
+      if (!checked) {
+        if (node.checked && !cache[nodeKey]) {
+          node.setChecked(false, false);
+        }
+        continue;
+      }
+
+      var parent = node.parent;
+      while (parent && parent.level > 0) {
+        cache[parent.data[key]] = true;
+        parent = parent.parent;
+      }
+
+      if (node.isLeaf || this.checkStrictly) {
+        node.setChecked(true, false);
+        continue;
+      }
+      node.setChecked(true, true);
+
+      if (leafOnly) {
+        (function () {
+          node.setChecked(false, false);
+          var traverse = function traverse(node) {
+            var childNodes = node.childNodes;
+            childNodes.forEach(function (child) {
+              if (!child.isLeaf) {
+                child.setChecked(false, false);
+              }
+              traverse(child);
+            });
+          };
+          traverse(node);
+        })();
+      }
+    }
+  };
+
+  TreeStore.prototype.setCheckedNodes = function setCheckedNodes(array) {
+    var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+    var key = this.key;
+    var checkedKeys = {};
+    array.forEach(function (item) {
+      checkedKeys[(item || {})[key]] = true;
+    });
+
+    this._setCheckedKeys(key, leafOnly, checkedKeys);
+  };
+
+  TreeStore.prototype.setCheckedKeys = function setCheckedKeys(keys) {
+    var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+    this.defaultCheckedKeys = keys;
+    var key = this.key;
+    var checkedKeys = {};
+    keys.forEach(function (key) {
+      checkedKeys[key] = true;
+    });
+
+    this._setCheckedKeys(key, leafOnly, checkedKeys);
+  };
+
+  TreeStore.prototype.setDefaultExpandedKeys = function setDefaultExpandedKeys(keys) {
+    var _this6 = this;
+
+    keys = keys || [];
+    this.defaultExpandedKeys = keys;
+
+    keys.forEach(function (key) {
+      var node = _this6.getNode(key);
+      if (node) node.expand(null, _this6.autoExpandParent);
+    });
+  };
+
+  TreeStore.prototype.setChecked = function setChecked(data, checked, deep) {
+    var node = this.getNode(data);
+
+    if (node) {
+      node.setChecked(!!checked, deep);
+    }
+  };
+
+  TreeStore.prototype.getCurrentNode = function getCurrentNode() {
+    return this.currentNode;
+  };
+
+  TreeStore.prototype.setCurrentNode = function setCurrentNode(currentNode) {
+    var prevCurrentNode = this.currentNode;
+    if (prevCurrentNode) {
+      prevCurrentNode.isCurrent = false;
+    }
+    this.currentNode = currentNode;
+    this.currentNode.isCurrent = true;
+  };
+
+  TreeStore.prototype.setUserCurrentNode = function setUserCurrentNode(node) {
+    var key = node[this.key];
+    var currNode = this.nodesMap[key];
+    this.setCurrentNode(currNode);
+  };
+
+  TreeStore.prototype.setCurrentNodeKey = function setCurrentNodeKey(key) {
+    if (key === null || key === undefined) {
+      this.currentNode && (this.currentNode.isCurrent = false);
+      this.currentNode = null;
+      return;
+    }
+    var node = this.getNode(key);
+    if (node) {
+      this.setCurrentNode(node);
+    }
+  };
+
+  return TreeStore;
+}();
+
+/* harmony default export */ var tree_store = (tree_store_TreeStore);
+;
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/tree-node.vue?vue&type=template&id=3ba3ef0e&
+var tree_nodevue_type_template_id_3ba3ef0e_render = function() {
+  var this$1 = this
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "show",
+          rawName: "v-show",
+          value: _vm.node.visible,
+          expression: "node.visible"
+        }
+      ],
+      ref: "node",
+      staticClass: "el-tree-node",
+      class: {
+        "is-expanded": _vm.expanded,
+        "is-current": _vm.node.isCurrent,
+        "is-hidden": !_vm.node.visible,
+        "is-focusable": !_vm.node.disabled,
+        "is-checked": !_vm.node.disabled && _vm.node.checked
+      },
+      attrs: {
+        role: "treeitem",
+        tabindex: "-1",
+        "aria-expanded": _vm.expanded,
+        "aria-disabled": _vm.node.disabled,
+        "aria-checked": _vm.node.checked,
+        draggable: _vm.tree.draggable
+      },
+      on: {
+        click: function($event) {
+          $event.stopPropagation()
+          return _vm.handleClick($event)
+        },
+        contextmenu: function($event) {
+          return this$1.handleContextMenu($event)
+        },
+        dragstart: function($event) {
+          $event.stopPropagation()
+          return _vm.handleDragStart($event)
+        },
+        dragover: function($event) {
+          $event.stopPropagation()
+          return _vm.handleDragOver($event)
+        },
+        dragend: function($event) {
+          $event.stopPropagation()
+          return _vm.handleDragEnd($event)
+        },
+        drop: function($event) {
+          $event.stopPropagation()
+          return _vm.handleDrop($event)
+        }
+      }
+    },
+    [
+      _c(
+        "div",
+        {
+          staticClass: "el-tree-node__content",
+          style: {
+            "padding-left": (_vm.node.level - 1) * _vm.tree.indent + "px"
+          }
+        },
+        [
+          _c("span", {
+            class: [
+              {
+                "is-leaf": _vm.node.isLeaf,
+                expanded: !_vm.node.isLeaf && _vm.expanded
+              },
+              "el-tree-node__expand-icon",
+              _vm.tree.iconClass ? _vm.tree.iconClass : "el-icon-caret-right"
+            ],
+            on: {
+              click: function($event) {
+                $event.stopPropagation()
+                return _vm.handleExpandIconClick($event)
+              }
+            }
+          }),
+          _vm.showCheckbox
+            ? _c("el-checkbox", {
+                attrs: {
+                  indeterminate: _vm.node.indeterminate,
+                  disabled: !!_vm.node.disabled
+                },
+                on: { change: _vm.handleCheckChange },
+                nativeOn: {
+                  click: function($event) {
+                    $event.stopPropagation()
+                  }
+                },
+                model: {
+                  value: _vm.node.checked,
+                  callback: function($$v) {
+                    _vm.$set(_vm.node, "checked", $$v)
+                  },
+                  expression: "node.checked"
+                }
+              })
+            : _vm._e(),
+          _vm.node.loading
+            ? _c("span", {
+                staticClass: "el-tree-node__loading-icon el-icon-loading"
+              })
+            : _vm._e(),
+          _c("node-content", { attrs: { node: _vm.node } })
+        ],
+        1
+      ),
+      _c("el-collapse-transition", [
+        !_vm.renderAfterExpand || _vm.childNodeRendered
+          ? _c(
+              "div",
+              {
+                directives: [
+                  {
+                    name: "show",
+                    rawName: "v-show",
+                    value: _vm.expanded,
+                    expression: "expanded"
+                  }
+                ],
+                staticClass: "el-tree-node__children",
+                attrs: { role: "group", "aria-expanded": _vm.expanded }
+              },
+              _vm._l(_vm.node.childNodes, function(child) {
+                return _c("el-tree-node", {
+                  key: _vm.getNodeKey(child),
+                  attrs: {
+                    "render-content": _vm.renderContent,
+                    "render-after-expand": _vm.renderAfterExpand,
+                    "show-checkbox": _vm.showCheckbox,
+                    node: child
+                  },
+                  on: { "node-expand": _vm.handleChildNodeExpand }
+                })
+              }),
+              1
+            )
+          : _vm._e()
+      ])
+    ],
+    1
+  )
+}
+var tree_nodevue_type_template_id_3ba3ef0e_staticRenderFns = []
+tree_nodevue_type_template_id_3ba3ef0e_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/tree/src/tree-node.vue?vue&type=template&id=3ba3ef0e&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/tree-node.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ var tree_nodevue_type_script_lang_js_ = ({
+  name: 'ElTreeNode',
+
+  componentName: 'ElTreeNode',
+
+  mixins: [emitter_default.a],
+
+  props: {
+    node: {
+      default: function _default() {
+        return {};
+      }
+    },
+    props: {},
+    renderContent: Function,
+    renderAfterExpand: {
+      type: Boolean,
+      default: true
+    },
+    showCheckbox: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  components: {
+    ElCollapseTransition: collapse_transition_default.a,
+    ElCheckbox: checkbox_default.a,
+    NodeContent: {
+      props: {
+        node: {
+          required: true
+        }
+      },
+      render: function render(h) {
+        var parent = this.$parent;
+        var tree = parent.tree;
+        var node = this.node;
+        var data = node.data,
+            store = node.store;
+
+        return parent.renderContent ? parent.renderContent.call(parent._renderProxy, h, { _self: tree.$vnode.context, node: node, data: data, store: store }) : tree.$scopedSlots.default ? tree.$scopedSlots.default({ node: node, data: data }) : h(
+          'span',
+          { 'class': 'el-tree-node__label' },
+          [node.label]
+        );
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      tree: null,
+      expanded: false,
+      childNodeRendered: false,
+      oldChecked: null,
+      oldIndeterminate: null
+    };
+  },
+
+
+  watch: {
+    'node.indeterminate': function nodeIndeterminate(val) {
+      this.handleSelectChange(this.node.checked, val);
+    },
+    'node.checked': function nodeChecked(val) {
+      this.handleSelectChange(val, this.node.indeterminate);
+    },
+    'node.expanded': function nodeExpanded(val) {
+      var _this = this;
+
+      this.$nextTick(function () {
+        return _this.expanded = val;
+      });
+      if (val) {
+        this.childNodeRendered = true;
+      }
+    }
+  },
+
+  methods: {
+    getNodeKey: function getNodeKey(node) {
+      return util_getNodeKey(this.tree.nodeKey, node.data);
+    },
+    handleSelectChange: function handleSelectChange(checked, indeterminate) {
+      if (this.oldChecked !== checked && this.oldIndeterminate !== indeterminate) {
+        this.tree.$emit('check-change', this.node.data, checked, indeterminate);
+      }
+      this.oldChecked = checked;
+      this.indeterminate = indeterminate;
+    },
+    handleClick: function handleClick() {
+      var store = this.tree.store;
+      store.setCurrentNode(this.node);
+      this.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode);
+      this.tree.currentNode = this;
+      if (this.tree.expandOnClickNode) {
+        this.handleExpandIconClick();
+      }
+      if (this.tree.checkOnClickNode && !this.node.disabled) {
+        this.handleCheckChange(null, {
+          target: { checked: !this.node.checked }
+        });
+      }
+      this.tree.$emit('node-click', this.node.data, this.node, this);
+    },
+    handleContextMenu: function handleContextMenu(event) {
+      if (this.tree._events['node-contextmenu'] && this.tree._events['node-contextmenu'].length > 0) {
+        event.stopPropagation();
+        event.preventDefault();
+      }
+      this.tree.$emit('node-contextmenu', event, this.node.data, this.node, this);
+    },
+    handleExpandIconClick: function handleExpandIconClick() {
+      if (this.node.isLeaf) return;
+      if (this.expanded) {
+        this.tree.$emit('node-collapse', this.node.data, this.node, this);
+        this.node.collapse();
+      } else {
+        this.node.expand();
+        this.$emit('node-expand', this.node.data, this.node, this);
+      }
+    },
+    handleCheckChange: function handleCheckChange(value, ev) {
+      var _this2 = this;
+
+      this.node.setChecked(ev.target.checked, !this.tree.checkStrictly);
+      this.$nextTick(function () {
+        var store = _this2.tree.store;
+        _this2.tree.$emit('check', _this2.node.data, {
+          checkedNodes: store.getCheckedNodes(),
+          checkedKeys: store.getCheckedKeys(),
+          halfCheckedNodes: store.getHalfCheckedNodes(),
+          halfCheckedKeys: store.getHalfCheckedKeys()
+        });
+      });
+    },
+    handleChildNodeExpand: function handleChildNodeExpand(nodeData, node, instance) {
+      this.broadcast('ElTreeNode', 'tree-node-expand', node);
+      this.tree.$emit('node-expand', nodeData, node, instance);
+    },
+    handleDragStart: function handleDragStart(event) {
+      if (!this.tree.draggable) return;
+      this.tree.$emit('tree-node-drag-start', event, this);
+    },
+    handleDragOver: function handleDragOver(event) {
+      if (!this.tree.draggable) return;
+      this.tree.$emit('tree-node-drag-over', event, this);
+      event.preventDefault();
+    },
+    handleDrop: function handleDrop(event) {
+      event.preventDefault();
+    },
+    handleDragEnd: function handleDragEnd(event) {
+      if (!this.tree.draggable) return;
+      this.tree.$emit('tree-node-drag-end', event, this);
+    }
+  },
+
+  created: function created() {
+    var _this3 = this;
+
+    var parent = this.$parent;
+
+    if (parent.isTree) {
+      this.tree = parent;
+    } else {
+      this.tree = parent.tree;
+    }
+
+    var tree = this.tree;
+    if (!tree) {
+      console.warn('Can not find node\'s tree.');
+    }
+
+    var props = tree.props || {};
+    var childrenKey = props['children'] || 'children';
+
+    this.$watch('node.data.' + childrenKey, function () {
+      _this3.node.updateChildren();
+    });
+
+    if (this.node.expanded) {
+      this.expanded = true;
+      this.childNodeRendered = true;
+    }
+
+    if (this.tree.accordion) {
+      this.$on('tree-node-expand', function (node) {
+        if (_this3.node !== node) {
+          _this3.node.collapse();
+        }
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/tree/src/tree-node.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_tree_nodevue_type_script_lang_js_ = (tree_nodevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/tree/src/tree-node.vue
+
+
+
+
+
+/* normalize component */
+
+var tree_node_component = normalizeComponent(
+  src_tree_nodevue_type_script_lang_js_,
+  tree_nodevue_type_template_id_3ba3ef0e_render,
+  tree_nodevue_type_template_id_3ba3ef0e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var tree_node_api; }
+tree_node_component.options.__file = "packages/tree/src/tree-node.vue"
+/* harmony default export */ var tree_node = (tree_node_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/tree.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+/* harmony default export */ var treevue_type_script_lang_js_ = ({
+  name: 'ElTree',
+
+  mixins: [emitter_default.a],
+
+  components: {
+    ElTreeNode: tree_node
+  },
+
+  data: function data() {
+    return {
+      store: null,
+      root: null,
+      currentNode: null,
+      treeItems: null,
+      checkboxItems: [],
+      dragState: {
+        showDropIndicator: false,
+        draggingNode: null,
+        dropNode: null,
+        allowDrop: true
+      }
+    };
+  },
+
+
+  props: {
+    data: {
+      type: Array
+    },
+    emptyText: {
+      type: String,
+      default: function _default() {
+        return Object(lib_locale_["t"])('el.tree.emptyText');
+      }
+    },
+    renderAfterExpand: {
+      type: Boolean,
+      default: true
+    },
+    nodeKey: String,
+    checkStrictly: Boolean,
+    defaultExpandAll: Boolean,
+    expandOnClickNode: {
+      type: Boolean,
+      default: true
+    },
+    checkOnClickNode: Boolean,
+    checkDescendants: {
+      type: Boolean,
+      default: false
+    },
+    autoExpandParent: {
+      type: Boolean,
+      default: true
+    },
+    defaultCheckedKeys: Array,
+    defaultExpandedKeys: Array,
+    currentNodeKey: [String, Number],
+    renderContent: Function,
+    showCheckbox: {
+      type: Boolean,
+      default: false
+    },
+    draggable: {
+      type: Boolean,
+      default: false
+    },
+    allowDrag: Function,
+    allowDrop: Function,
+    props: {
+      default: function _default() {
+        return {
+          children: 'children',
+          label: 'label',
+          disabled: 'disabled'
+        };
+      }
+    },
+    lazy: {
+      type: Boolean,
+      default: false
+    },
+    highlightCurrent: Boolean,
+    load: Function,
+    filterNodeMethod: Function,
+    accordion: Boolean,
+    indent: {
+      type: Number,
+      default: 18
+    },
+    iconClass: String
+  },
+
+  computed: {
+    children: {
+      set: function set(value) {
+        this.data = value;
+      },
+      get: function get() {
+        return this.data;
+      }
+    },
+
+    treeItemArray: function treeItemArray() {
+      return Array.prototype.slice.call(this.treeItems);
+    },
+    isEmpty: function isEmpty() {
+      var childNodes = this.root.childNodes;
+
+      return !childNodes || childNodes.length === 0 || childNodes.every(function (_ref) {
+        var visible = _ref.visible;
+        return !visible;
+      });
+    }
+  },
+
+  watch: {
+    defaultCheckedKeys: function defaultCheckedKeys(newVal) {
+      this.store.setDefaultCheckedKey(newVal);
+    },
+    defaultExpandedKeys: function defaultExpandedKeys(newVal) {
+      this.store.defaultExpandedKeys = newVal;
+      this.store.setDefaultExpandedKeys(newVal);
+    },
+    data: function data(newVal) {
+      this.store.setData(newVal);
+    },
+    checkboxItems: function checkboxItems(val) {
+      Array.prototype.forEach.call(val, function (checkbox) {
+        checkbox.setAttribute('tabindex', -1);
+      });
+    },
+    checkStrictly: function checkStrictly(newVal) {
+      this.store.checkStrictly = newVal;
+    }
+  },
+
+  methods: {
+    filter: function filter(value) {
+      if (!this.filterNodeMethod) throw new Error('[Tree] filterNodeMethod is required when filter');
+      this.store.filter(value);
+    },
+    getNodeKey: function getNodeKey(node) {
+      return util_getNodeKey(this.nodeKey, node.data);
+    },
+    getNodePath: function getNodePath(data) {
+      if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getNodePath');
+      var node = this.store.getNode(data);
+      if (!node) return [];
+      var path = [node.data];
+      var parent = node.parent;
+      while (parent && parent !== this.root) {
+        path.push(parent.data);
+        parent = parent.parent;
+      }
+      return path.reverse();
+    },
+    getCheckedNodes: function getCheckedNodes(leafOnly, includeHalfChecked) {
+      return this.store.getCheckedNodes(leafOnly, includeHalfChecked);
+    },
+    getCheckedKeys: function getCheckedKeys(leafOnly) {
+      return this.store.getCheckedKeys(leafOnly);
+    },
+    getCurrentNode: function getCurrentNode() {
+      var currentNode = this.store.getCurrentNode();
+      return currentNode ? currentNode.data : null;
+    },
+    getCurrentKey: function getCurrentKey() {
+      if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getCurrentKey');
+      var currentNode = this.getCurrentNode();
+      return currentNode ? currentNode[this.nodeKey] : null;
+    },
+    setCheckedNodes: function setCheckedNodes(nodes, leafOnly) {
+      if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedNodes');
+      this.store.setCheckedNodes(nodes, leafOnly);
+    },
+    setCheckedKeys: function setCheckedKeys(keys, leafOnly) {
+      if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedKeys');
+      this.store.setCheckedKeys(keys, leafOnly);
+    },
+    setChecked: function setChecked(data, checked, deep) {
+      this.store.setChecked(data, checked, deep);
+    },
+    getHalfCheckedNodes: function getHalfCheckedNodes() {
+      return this.store.getHalfCheckedNodes();
+    },
+    getHalfCheckedKeys: function getHalfCheckedKeys() {
+      return this.store.getHalfCheckedKeys();
+    },
+    setCurrentNode: function setCurrentNode(node) {
+      if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentNode');
+      this.store.setUserCurrentNode(node);
+    },
+    setCurrentKey: function setCurrentKey(key) {
+      if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentKey');
+      this.store.setCurrentNodeKey(key);
+    },
+    getNode: function getNode(data) {
+      return this.store.getNode(data);
+    },
+    remove: function remove(data) {
+      this.store.remove(data);
+    },
+    append: function append(data, parentNode) {
+      this.store.append(data, parentNode);
+    },
+    insertBefore: function insertBefore(data, refNode) {
+      this.store.insertBefore(data, refNode);
+    },
+    insertAfter: function insertAfter(data, refNode) {
+      this.store.insertAfter(data, refNode);
+    },
+    handleNodeExpand: function handleNodeExpand(nodeData, node, instance) {
+      this.broadcast('ElTreeNode', 'tree-node-expand', node);
+      this.$emit('node-expand', nodeData, node, instance);
+    },
+    updateKeyChildren: function updateKeyChildren(key, data) {
+      if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in updateKeyChild');
+      this.store.updateChildren(key, data);
+    },
+    initTabIndex: function initTabIndex() {
+      this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
+      this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
+      var checkedItem = this.$el.querySelectorAll('.is-checked[role=treeitem]');
+      if (checkedItem.length) {
+        checkedItem[0].setAttribute('tabindex', 0);
+        return;
+      }
+      this.treeItems[0] && this.treeItems[0].setAttribute('tabindex', 0);
+    },
+    handleKeydown: function handleKeydown(ev) {
+      var currentItem = ev.target;
+      if (currentItem.className.indexOf('el-tree-node') === -1) return;
+      var keyCode = ev.keyCode;
+      this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
+      var currentIndex = this.treeItemArray.indexOf(currentItem);
+      var nextIndex = void 0;
+      if ([38, 40].indexOf(keyCode) > -1) {
+        // up、down
+        ev.preventDefault();
+        if (keyCode === 38) {
+          // up
+          nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
+        } else {
+          nextIndex = currentIndex < this.treeItemArray.length - 1 ? currentIndex + 1 : 0;
+        }
+        this.treeItemArray[nextIndex].focus(); // 选中
+      }
+      if ([37, 39].indexOf(keyCode) > -1) {
+        // left、right 展开
+        ev.preventDefault();
+        currentItem.click(); // 选中
+      }
+      var hasInput = currentItem.querySelector('[type="checkbox"]');
+      if ([13, 32].indexOf(keyCode) > -1 && hasInput) {
+        // space enter选中checkbox
+        ev.preventDefault();
+        hasInput.click();
+      }
+    }
+  },
+
+  created: function created() {
+    var _this = this;
+
+    this.isTree = true;
+
+    this.store = new tree_store({
+      key: this.nodeKey,
+      data: this.data,
+      lazy: this.lazy,
+      props: this.props,
+      load: this.load,
+      currentNodeKey: this.currentNodeKey,
+      checkStrictly: this.checkStrictly,
+      checkDescendants: this.checkDescendants,
+      defaultCheckedKeys: this.defaultCheckedKeys,
+      defaultExpandedKeys: this.defaultExpandedKeys,
+      autoExpandParent: this.autoExpandParent,
+      defaultExpandAll: this.defaultExpandAll,
+      filterNodeMethod: this.filterNodeMethod
+    });
+
+    this.root = this.store.root;
+
+    var dragState = this.dragState;
+    this.$on('tree-node-drag-start', function (event, treeNode) {
+      if (typeof _this.allowDrag === 'function' && !_this.allowDrag(treeNode.node)) {
+        event.preventDefault();
+        return false;
+      }
+      event.dataTransfer.effectAllowed = 'move';
+
+      // wrap in try catch to address IE's error when first param is 'text/plain'
+      try {
+        // setData is required for draggable to work in FireFox
+        // the content has to be '' so dragging a node out of the tree won't open a new tab in FireFox
+        event.dataTransfer.setData('text/plain', '');
+      } catch (e) {}
+      dragState.draggingNode = treeNode;
+      _this.$emit('node-drag-start', treeNode.node, event);
+    });
+
+    this.$on('tree-node-drag-over', function (event, treeNode) {
+      var dropNode = findNearestComponent(event.target, 'ElTreeNode');
+      var oldDropNode = dragState.dropNode;
+      if (oldDropNode && oldDropNode !== dropNode) {
+        Object(dom_["removeClass"])(oldDropNode.$el, 'is-drop-inner');
+      }
+      var draggingNode = dragState.draggingNode;
+      if (!draggingNode || !dropNode) return;
+
+      var dropPrev = true;
+      var dropInner = true;
+      var dropNext = true;
+      var userAllowDropInner = true;
+      if (typeof _this.allowDrop === 'function') {
+        dropPrev = _this.allowDrop(draggingNode.node, dropNode.node, 'prev');
+        userAllowDropInner = dropInner = _this.allowDrop(draggingNode.node, dropNode.node, 'inner');
+        dropNext = _this.allowDrop(draggingNode.node, dropNode.node, 'next');
+      }
+      event.dataTransfer.dropEffect = dropInner ? 'move' : 'none';
+      if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
+        if (oldDropNode) {
+          _this.$emit('node-drag-leave', draggingNode.node, oldDropNode.node, event);
+        }
+        _this.$emit('node-drag-enter', draggingNode.node, dropNode.node, event);
+      }
+
+      if (dropPrev || dropInner || dropNext) {
+        dragState.dropNode = dropNode;
+      }
+
+      if (dropNode.node.nextSibling === draggingNode.node) {
+        dropNext = false;
+      }
+      if (dropNode.node.previousSibling === draggingNode.node) {
+        dropPrev = false;
+      }
+      if (dropNode.node.contains(draggingNode.node, false)) {
+        dropInner = false;
+      }
+      if (draggingNode.node === dropNode.node || draggingNode.node.contains(dropNode.node)) {
+        dropPrev = false;
+        dropInner = false;
+        dropNext = false;
+      }
+
+      var targetPosition = dropNode.$el.getBoundingClientRect();
+      var treePosition = _this.$el.getBoundingClientRect();
+
+      var dropType = void 0;
+      var prevPercent = dropPrev ? dropInner ? 0.25 : dropNext ? 0.45 : 1 : -1;
+      var nextPercent = dropNext ? dropInner ? 0.75 : dropPrev ? 0.55 : 0 : 1;
+
+      var indicatorTop = -9999;
+      var distance = event.clientY - targetPosition.top;
+      if (distance < targetPosition.height * prevPercent) {
+        dropType = 'before';
+      } else if (distance > targetPosition.height * nextPercent) {
+        dropType = 'after';
+      } else if (dropInner) {
+        dropType = 'inner';
+      } else {
+        dropType = 'none';
+      }
+
+      var iconPosition = dropNode.$el.querySelector('.el-tree-node__expand-icon').getBoundingClientRect();
+      var dropIndicator = _this.$refs.dropIndicator;
+      if (dropType === 'before') {
+        indicatorTop = iconPosition.top - treePosition.top;
+      } else if (dropType === 'after') {
+        indicatorTop = iconPosition.bottom - treePosition.top;
+      }
+      dropIndicator.style.top = indicatorTop + 'px';
+      dropIndicator.style.left = iconPosition.right - treePosition.left + 'px';
+
+      if (dropType === 'inner') {
+        Object(dom_["addClass"])(dropNode.$el, 'is-drop-inner');
+      } else {
+        Object(dom_["removeClass"])(dropNode.$el, 'is-drop-inner');
+      }
+
+      dragState.showDropIndicator = dropType === 'before' || dropType === 'after';
+      dragState.allowDrop = dragState.showDropIndicator || userAllowDropInner;
+      dragState.dropType = dropType;
+      _this.$emit('node-drag-over', draggingNode.node, dropNode.node, event);
+    });
+
+    this.$on('tree-node-drag-end', function (event) {
+      var draggingNode = dragState.draggingNode,
+          dropType = dragState.dropType,
+          dropNode = dragState.dropNode;
+
+      event.preventDefault();
+      event.dataTransfer.dropEffect = 'move';
+
+      if (draggingNode && dropNode) {
+        var draggingNodeCopy = { data: draggingNode.node.data };
+        if (dropType !== 'none') {
+          draggingNode.node.remove();
+        }
+        if (dropType === 'before') {
+          dropNode.node.parent.insertBefore(draggingNodeCopy, dropNode.node);
+        } else if (dropType === 'after') {
+          dropNode.node.parent.insertAfter(draggingNodeCopy, dropNode.node);
+        } else if (dropType === 'inner') {
+          dropNode.node.insertChild(draggingNodeCopy);
+        }
+        if (dropType !== 'none') {
+          _this.store.registerNode(draggingNodeCopy);
+        }
+
+        Object(dom_["removeClass"])(dropNode.$el, 'is-drop-inner');
+
+        _this.$emit('node-drag-end', draggingNode.node, dropNode.node, dropType, event);
+        if (dropType !== 'none') {
+          _this.$emit('node-drop', draggingNode.node, dropNode.node, dropType, event);
+        }
+      }
+      if (draggingNode && !dropNode) {
+        _this.$emit('node-drag-end', draggingNode.node, null, dropType, event);
+      }
+
+      dragState.showDropIndicator = false;
+      dragState.draggingNode = null;
+      dragState.dropNode = null;
+      dragState.allowDrop = true;
+    });
+  },
+  mounted: function mounted() {
+    this.initTabIndex();
+    this.$el.addEventListener('keydown', this.handleKeydown);
+  },
+  updated: function updated() {
+    this.treeItems = this.$el.querySelectorAll('[role=treeitem]');
+    this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
+  }
+});
+// CONCATENATED MODULE: ./packages/tree/src/tree.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_treevue_type_script_lang_js_ = (treevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/tree/src/tree.vue
+
+
+
+
+
+/* normalize component */
+
+var tree_component = normalizeComponent(
+  src_treevue_type_script_lang_js_,
+  treevue_type_template_id_547575a6_render,
+  treevue_type_template_id_547575a6_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var tree_api; }
+tree_component.options.__file = "packages/tree/src/tree.vue"
+/* harmony default export */ var src_tree = (tree_component.exports);
+// CONCATENATED MODULE: ./packages/tree/index.js
+
+
+/* istanbul ignore next */
+src_tree.install = function (Vue) {
+  Vue.component(src_tree.name, src_tree);
+};
+
+/* harmony default export */ var packages_tree = (src_tree);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/alert/src/main.vue?vue&type=template&id=6e53341b&
+var mainvue_type_template_id_6e53341b_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("transition", { attrs: { name: "el-alert-fade" } }, [
+    _c(
+      "div",
+      {
+        directives: [
+          {
+            name: "show",
+            rawName: "v-show",
+            value: _vm.visible,
+            expression: "visible"
+          }
+        ],
+        staticClass: "el-alert",
+        class: [
+          _vm.typeClass,
+          _vm.center ? "is-center" : "",
+          "is-" + _vm.effect
+        ],
+        attrs: { role: "alert" }
+      },
+      [
+        _vm.showIcon
+          ? _c("i", {
+              staticClass: "el-alert__icon",
+              class: [_vm.iconClass, _vm.isBigIcon]
+            })
+          : _vm._e(),
+        _c("div", { staticClass: "el-alert__content" }, [
+          _vm.title || _vm.$slots.title
+            ? _c(
+                "span",
+                { staticClass: "el-alert__title", class: [_vm.isBoldTitle] },
+                [_vm._t("title", [_vm._v(_vm._s(_vm.title))])],
+                2
+              )
+            : _vm._e(),
+          _vm.$slots.default && !_vm.description
+            ? _c(
+                "p",
+                { staticClass: "el-alert__description" },
+                [_vm._t("default")],
+                2
+              )
+            : _vm._e(),
+          _vm.description && !_vm.$slots.default
+            ? _c("p", { staticClass: "el-alert__description" }, [
+                _vm._v(_vm._s(_vm.description))
+              ])
+            : _vm._e(),
+          _c(
+            "i",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.closable,
+                  expression: "closable"
+                }
+              ],
+              staticClass: "el-alert__closebtn",
+              class: {
+                "is-customed": _vm.closeText !== "",
+                "el-icon-close": _vm.closeText === ""
+              },
+              on: {
+                click: function($event) {
+                  _vm.close()
+                }
+              }
+            },
+            [_vm._v(_vm._s(_vm.closeText))]
+          )
+        ])
+      ]
+    )
+  ])
+}
+var mainvue_type_template_id_6e53341b_staticRenderFns = []
+mainvue_type_template_id_6e53341b_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/alert/src/main.vue?vue&type=template&id=6e53341b&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/alert/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var TYPE_CLASSES_MAP = {
+  'success': 'el-icon-success',
+  'warning': 'el-icon-warning',
+  'error': 'el-icon-error'
+};
+/* harmony default export */ var alert_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElAlert',
+
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    description: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'info'
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    closeText: {
+      type: String,
+      default: ''
+    },
+    showIcon: Boolean,
+    center: Boolean,
+    effect: {
+      type: String,
+      default: 'light',
+      validator: function validator(value) {
+        return ['light', 'dark'].indexOf(value) !== -1;
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      visible: true
+    };
+  },
+
+
+  methods: {
+    close: function close() {
+      this.visible = false;
+      this.$emit('close');
+    }
+  },
+
+  computed: {
+    typeClass: function typeClass() {
+      return 'el-alert--' + this.type;
+    },
+    iconClass: function iconClass() {
+      return TYPE_CLASSES_MAP[this.type] || 'el-icon-info';
+    },
+    isBigIcon: function isBigIcon() {
+      return this.description || this.$slots.default ? 'is-big' : '';
+    },
+    isBoldTitle: function isBoldTitle() {
+      return this.description || this.$slots.default ? 'is-bold' : '';
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/alert/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_alert_src_mainvue_type_script_lang_js_ = (alert_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/alert/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var alert_src_main_component = normalizeComponent(
+  packages_alert_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_6e53341b_render,
+  mainvue_type_template_id_6e53341b_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var alert_src_main_api; }
+alert_src_main_component.options.__file = "packages/alert/src/main.vue"
+/* harmony default export */ var alert_src_main = (alert_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/alert/index.js
+
+
+/* istanbul ignore next */
+alert_src_main.install = function (Vue) {
+  Vue.component(alert_src_main.name, alert_src_main);
+};
+
+/* harmony default export */ var packages_alert = (alert_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/notification/src/main.vue?vue&type=template&id=43dbc3d8&
+var mainvue_type_template_id_43dbc3d8_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("transition", { attrs: { name: "el-notification-fade" } }, [
+    _c(
+      "div",
+      {
+        directives: [
+          {
+            name: "show",
+            rawName: "v-show",
+            value: _vm.visible,
+            expression: "visible"
+          }
+        ],
+        class: ["el-notification", _vm.customClass, _vm.horizontalClass],
+        style: _vm.positionStyle,
+        attrs: { role: "alert" },
+        on: {
+          mouseenter: function($event) {
+            _vm.clearTimer()
+          },
+          mouseleave: function($event) {
+            _vm.startTimer()
+          },
+          click: _vm.click
+        }
+      },
+      [
+        _vm.type || _vm.iconClass
+          ? _c("i", {
+              staticClass: "el-notification__icon",
+              class: [_vm.typeClass, _vm.iconClass]
+            })
+          : _vm._e(),
+        _c(
+          "div",
+          {
+            staticClass: "el-notification__group",
+            class: { "is-with-icon": _vm.typeClass || _vm.iconClass }
+          },
+          [
+            _c("h2", {
+              staticClass: "el-notification__title",
+              domProps: { textContent: _vm._s(_vm.title) }
+            }),
+            _c(
+              "div",
+              {
+                directives: [
+                  {
+                    name: "show",
+                    rawName: "v-show",
+                    value: _vm.message,
+                    expression: "message"
+                  }
+                ],
+                staticClass: "el-notification__content"
+              },
+              [
+                _vm._t("default", [
+                  !_vm.dangerouslyUseHTMLString
+                    ? _c("p", [_vm._v(_vm._s(_vm.message))])
+                    : _c("p", { domProps: { innerHTML: _vm._s(_vm.message) } })
+                ])
+              ],
+              2
+            ),
+            _vm.showClose
+              ? _c("div", {
+                  staticClass: "el-notification__closeBtn el-icon-close",
+                  on: {
+                    click: function($event) {
+                      $event.stopPropagation()
+                      return _vm.close($event)
+                    }
+                  }
+                })
+              : _vm._e()
+          ]
+        )
+      ]
+    )
+  ])
+}
+var mainvue_type_template_id_43dbc3d8_staticRenderFns = []
+mainvue_type_template_id_43dbc3d8_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/notification/src/main.vue?vue&type=template&id=43dbc3d8&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/notification/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var mainvue_type_script_lang_js_typeMap = {
+  success: 'success',
+  info: 'info',
+  warning: 'warning',
+  error: 'error'
+};
+
+/* harmony default export */ var notification_src_mainvue_type_script_lang_js_ = ({
+  data: function data() {
+    return {
+      visible: false,
+      title: '',
+      message: '',
+      duration: 4500,
+      type: '',
+      showClose: true,
+      customClass: '',
+      iconClass: '',
+      onClose: null,
+      onClick: null,
+      closed: false,
+      verticalOffset: 0,
+      timer: null,
+      dangerouslyUseHTMLString: false,
+      position: 'top-right'
+    };
+  },
+
+
+  computed: {
+    typeClass: function typeClass() {
+      return this.type && mainvue_type_script_lang_js_typeMap[this.type] ? 'el-icon-' + mainvue_type_script_lang_js_typeMap[this.type] : '';
+    },
+    horizontalClass: function horizontalClass() {
+      return this.position.indexOf('right') > -1 ? 'right' : 'left';
+    },
+    verticalProperty: function verticalProperty() {
+      return (/^top-/.test(this.position) ? 'top' : 'bottom'
+      );
+    },
+    positionStyle: function positionStyle() {
+      var _ref;
+
+      return _ref = {}, _ref[this.verticalProperty] = this.verticalOffset + 'px', _ref;
+    }
+  },
+
+  watch: {
+    closed: function closed(newVal) {
+      if (newVal) {
+        this.visible = false;
+        this.$el.addEventListener('transitionend', this.destroyElement);
+      }
+    }
+  },
+
+  methods: {
+    destroyElement: function destroyElement() {
+      this.$el.removeEventListener('transitionend', this.destroyElement);
+      this.$destroy(true);
+      this.$el.parentNode.removeChild(this.$el);
+    },
+    click: function click() {
+      if (typeof this.onClick === 'function') {
+        this.onClick();
+      }
+    },
+    close: function close() {
+      this.closed = true;
+      if (typeof this.onClose === 'function') {
+        this.onClose();
+      }
+    },
+    clearTimer: function clearTimer() {
+      clearTimeout(this.timer);
+    },
+    startTimer: function startTimer() {
+      var _this = this;
+
+      if (this.duration > 0) {
+        this.timer = setTimeout(function () {
+          if (!_this.closed) {
+            _this.close();
+          }
+        }, this.duration);
+      }
+    },
+    keydown: function keydown(e) {
+      if (e.keyCode === 46 || e.keyCode === 8) {
+        this.clearTimer(); // detele 取消倒计时
+      } else if (e.keyCode === 27) {
+        // esc关闭消息
+        if (!this.closed) {
+          this.close();
+        }
+      } else {
+        this.startTimer(); // 恢复倒计时
+      }
+    }
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+
+    if (this.duration > 0) {
+      this.timer = setTimeout(function () {
+        if (!_this2.closed) {
+          _this2.close();
+        }
+      }, this.duration);
+    }
+    document.addEventListener('keydown', this.keydown);
+  },
+  beforeDestroy: function beforeDestroy() {
+    document.removeEventListener('keydown', this.keydown);
+  }
+});
+// CONCATENATED MODULE: ./packages/notification/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_notification_src_mainvue_type_script_lang_js_ = (notification_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/notification/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var notification_src_main_component = normalizeComponent(
+  packages_notification_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_43dbc3d8_render,
+  mainvue_type_template_id_43dbc3d8_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var notification_src_main_api; }
+notification_src_main_component.options.__file = "packages/notification/src/main.vue"
+/* harmony default export */ var notification_src_main = (notification_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/notification/src/main.js
+
+
+
+
+
+var NotificationConstructor = external_vue_default.a.extend(notification_src_main);
+
+var src_main_instance = void 0;
+var instances = [];
+var seed = 1;
+
+var main_Notification = function Notification(options) {
+  if (external_vue_default.a.prototype.$isServer) return;
+  options = merge_default()({}, options);
+  var userOnClose = options.onClose;
+  var id = 'notification_' + seed++;
+  var position = options.position || 'top-right';
+
+  options.onClose = function () {
+    Notification.close(id, userOnClose);
+  };
+
+  src_main_instance = new NotificationConstructor({
+    data: options
+  });
+
+  if (Object(vdom_["isVNode"])(options.message)) {
+    src_main_instance.$slots.default = [options.message];
+    options.message = 'REPLACED_BY_VNODE';
+  }
+  src_main_instance.id = id;
+  src_main_instance.$mount();
+  document.body.appendChild(src_main_instance.$el);
+  src_main_instance.visible = true;
+  src_main_instance.dom = src_main_instance.$el;
+  src_main_instance.dom.style.zIndex = popup_["PopupManager"].nextZIndex();
+
+  var verticalOffset = options.offset || 0;
+  instances.filter(function (item) {
+    return item.position === position;
+  }).forEach(function (item) {
+    verticalOffset += item.$el.offsetHeight + 16;
+  });
+  verticalOffset += 16;
+  src_main_instance.verticalOffset = verticalOffset;
+  instances.push(src_main_instance);
+  return src_main_instance;
+};
+
+['success', 'warning', 'info', 'error'].forEach(function (type) {
+  main_Notification[type] = function (options) {
+    if (typeof options === 'string' || Object(vdom_["isVNode"])(options)) {
+      options = {
+        message: options
+      };
+    }
+    options.type = type;
+    return main_Notification(options);
+  };
+});
+
+main_Notification.close = function (id, userOnClose) {
+  var index = -1;
+  var len = instances.length;
+  var instance = instances.filter(function (instance, i) {
+    if (instance.id === id) {
+      index = i;
+      return true;
+    }
+    return false;
+  })[0];
+  if (!instance) return;
+
+  if (typeof userOnClose === 'function') {
+    userOnClose(instance);
+  }
+  instances.splice(index, 1);
+
+  if (len <= 1) return;
+  var position = instance.position;
+  var removedHeight = instance.dom.offsetHeight;
+  for (var i = index; i < len - 1; i++) {
+    if (instances[i].position === position) {
+      instances[i].dom.style[instance.verticalProperty] = parseInt(instances[i].dom.style[instance.verticalProperty], 10) - removedHeight - 16 + 'px';
+    }
+  }
+};
+
+main_Notification.closeAll = function () {
+  for (var i = instances.length - 1; i >= 0; i--) {
+    instances[i].close();
+  }
+};
+
+/* harmony default export */ var packages_notification_src_main = (main_Notification);
+// CONCATENATED MODULE: ./packages/notification/index.js
+
+/* harmony default export */ var notification = (packages_notification_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/main.vue?vue&type=template&id=32708644&
+var mainvue_type_template_id_32708644_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-slider",
+      class: {
+        "is-vertical": _vm.vertical,
+        "el-slider--with-input": _vm.showInput
+      },
+      attrs: {
+        role: "slider",
+        "aria-valuemin": _vm.min,
+        "aria-valuemax": _vm.max,
+        "aria-orientation": _vm.vertical ? "vertical" : "horizontal",
+        "aria-disabled": _vm.sliderDisabled
+      }
+    },
+    [
+      _vm.showInput && !_vm.range
+        ? _c("el-input-number", {
+            ref: "input",
+            staticClass: "el-slider__input",
+            attrs: {
+              step: _vm.step,
+              disabled: _vm.sliderDisabled,
+              controls: _vm.showInputControls,
+              min: _vm.min,
+              max: _vm.max,
+              debounce: _vm.debounce,
+              size: _vm.inputSize
+            },
+            on: { change: _vm.emitChange },
+            model: {
+              value: _vm.firstValue,
+              callback: function($$v) {
+                _vm.firstValue = $$v
+              },
+              expression: "firstValue"
+            }
+          })
+        : _vm._e(),
+      _c(
+        "div",
+        {
+          ref: "slider",
+          staticClass: "el-slider__runway",
+          class: { "show-input": _vm.showInput, disabled: _vm.sliderDisabled },
+          style: _vm.runwayStyle,
+          on: { click: _vm.onSliderClick }
+        },
+        [
+          _c("div", { staticClass: "el-slider__bar", style: _vm.barStyle }),
+          _c("slider-button", {
+            ref: "button1",
+            attrs: {
+              vertical: _vm.vertical,
+              "tooltip-class": _vm.tooltipClass
+            },
+            model: {
+              value: _vm.firstValue,
+              callback: function($$v) {
+                _vm.firstValue = $$v
+              },
+              expression: "firstValue"
+            }
+          }),
+          _vm.range
+            ? _c("slider-button", {
+                ref: "button2",
+                attrs: {
+                  vertical: _vm.vertical,
+                  "tooltip-class": _vm.tooltipClass
+                },
+                model: {
+                  value: _vm.secondValue,
+                  callback: function($$v) {
+                    _vm.secondValue = $$v
+                  },
+                  expression: "secondValue"
+                }
+              })
+            : _vm._e(),
+          _vm._l(_vm.stops, function(item, key) {
+            return _vm.showStops
+              ? _c("div", {
+                  key: key,
+                  staticClass: "el-slider__stop",
+                  style: _vm.getStopStyle(item)
+                })
+              : _vm._e()
+          }),
+          _vm.markList.length > 0
+            ? [
+                _c(
+                  "div",
+                  _vm._l(_vm.markList, function(item, key) {
+                    return _c("div", {
+                      key: key,
+                      staticClass: "el-slider__stop el-slider__marks-stop",
+                      style: _vm.getStopStyle(item.position)
+                    })
+                  }),
+                  0
+                ),
+                _c(
+                  "div",
+                  { staticClass: "el-slider__marks" },
+                  _vm._l(_vm.markList, function(item, key) {
+                    return _c("slider-marker", {
+                      key: key,
+                      style: _vm.getStopStyle(item.position),
+                      attrs: { mark: item.mark }
+                    })
+                  }),
+                  1
+                )
+              ]
+            : _vm._e()
+        ],
+        2
+      )
+    ],
+    1
+  )
+}
+var mainvue_type_template_id_32708644_staticRenderFns = []
+mainvue_type_template_id_32708644_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=template&id=32708644&
+
+// EXTERNAL MODULE: external "element-ui/lib/input-number"
+var input_number_ = __webpack_require__(42);
+var input_number_default = /*#__PURE__*/__webpack_require__.n(input_number_);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/button.vue?vue&type=template&id=e72d2ad2&
+var buttonvue_type_template_id_e72d2ad2_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      ref: "button",
+      staticClass: "el-slider__button-wrapper",
+      class: { hover: _vm.hovering, dragging: _vm.dragging },
+      style: _vm.wrapperStyle,
+      attrs: { tabindex: "0" },
+      on: {
+        mouseenter: _vm.handleMouseEnter,
+        mouseleave: _vm.handleMouseLeave,
+        mousedown: _vm.onButtonDown,
+        touchstart: _vm.onButtonDown,
+        focus: _vm.handleMouseEnter,
+        blur: _vm.handleMouseLeave,
+        keydown: [
+          function($event) {
+            if (
+              !("button" in $event) &&
+              _vm._k($event.keyCode, "left", 37, $event.key, [
+                "Left",
+                "ArrowLeft"
+              ])
+            ) {
+              return null
+            }
+            if ("button" in $event && $event.button !== 0) {
+              return null
+            }
+            return _vm.onLeftKeyDown($event)
+          },
+          function($event) {
+            if (
+              !("button" in $event) &&
+              _vm._k($event.keyCode, "right", 39, $event.key, [
+                "Right",
+                "ArrowRight"
+              ])
+            ) {
+              return null
+            }
+            if ("button" in $event && $event.button !== 2) {
+              return null
+            }
+            return _vm.onRightKeyDown($event)
+          },
+          function($event) {
+            if (
+              !("button" in $event) &&
+              _vm._k($event.keyCode, "down", 40, $event.key, [
+                "Down",
+                "ArrowDown"
+              ])
+            ) {
+              return null
+            }
+            $event.preventDefault()
+            return _vm.onLeftKeyDown($event)
+          },
+          function($event) {
+            if (
+              !("button" in $event) &&
+              _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])
+            ) {
+              return null
+            }
+            $event.preventDefault()
+            return _vm.onRightKeyDown($event)
+          }
+        ]
+      }
+    },
+    [
+      _c(
+        "el-tooltip",
+        {
+          ref: "tooltip",
+          attrs: {
+            placement: "top",
+            "popper-class": _vm.tooltipClass,
+            disabled: !_vm.showTooltip
+          }
+        },
+        [
+          _c("span", { attrs: { slot: "content" }, slot: "content" }, [
+            _vm._v(_vm._s(_vm.formatValue))
+          ]),
+          _c("div", {
+            staticClass: "el-slider__button",
+            class: { hover: _vm.hovering, dragging: _vm.dragging }
+          })
+        ]
+      )
+    ],
+    1
+  )
+}
+var buttonvue_type_template_id_e72d2ad2_staticRenderFns = []
+buttonvue_type_template_id_e72d2ad2_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/slider/src/button.vue?vue&type=template&id=e72d2ad2&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/button.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var slider_src_buttonvue_type_script_lang_js_ = ({
+  name: 'ElSliderButton',
+
+  components: {
+    ElTooltip: tooltip_default.a
+  },
+
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    tooltipClass: String
+  },
+
+  data: function data() {
+    return {
+      hovering: false,
+      dragging: false,
+      isClick: false,
+      startX: 0,
+      currentX: 0,
+      startY: 0,
+      currentY: 0,
+      startPosition: 0,
+      newPosition: null,
+      oldValue: this.value
+    };
+  },
+
+
+  computed: {
+    disabled: function disabled() {
+      return this.$parent.sliderDisabled;
+    },
+    max: function max() {
+      return this.$parent.max;
+    },
+    min: function min() {
+      return this.$parent.min;
+    },
+    step: function step() {
+      return this.$parent.step;
+    },
+    showTooltip: function showTooltip() {
+      return this.$parent.showTooltip;
+    },
+    precision: function precision() {
+      return this.$parent.precision;
+    },
+    currentPosition: function currentPosition() {
+      return (this.value - this.min) / (this.max - this.min) * 100 + '%';
+    },
+    enableFormat: function enableFormat() {
+      return this.$parent.formatTooltip instanceof Function;
+    },
+    formatValue: function formatValue() {
+      return this.enableFormat && this.$parent.formatTooltip(this.value) || this.value;
+    },
+    wrapperStyle: function wrapperStyle() {
+      return this.vertical ? { bottom: this.currentPosition } : { left: this.currentPosition };
+    }
+  },
+
+  watch: {
+    dragging: function dragging(val) {
+      this.$parent.dragging = val;
+    }
+  },
+
+  methods: {
+    displayTooltip: function displayTooltip() {
+      this.$refs.tooltip && (this.$refs.tooltip.showPopper = true);
+    },
+    hideTooltip: function hideTooltip() {
+      this.$refs.tooltip && (this.$refs.tooltip.showPopper = false);
+    },
+    handleMouseEnter: function handleMouseEnter() {
+      this.hovering = true;
+      this.displayTooltip();
+    },
+    handleMouseLeave: function handleMouseLeave() {
+      this.hovering = false;
+      this.hideTooltip();
+    },
+    onButtonDown: function onButtonDown(event) {
+      if (this.disabled) return;
+      event.preventDefault();
+      this.onDragStart(event);
+      window.addEventListener('mousemove', this.onDragging);
+      window.addEventListener('touchmove', this.onDragging);
+      window.addEventListener('mouseup', this.onDragEnd);
+      window.addEventListener('touchend', this.onDragEnd);
+      window.addEventListener('contextmenu', this.onDragEnd);
+    },
+    onLeftKeyDown: function onLeftKeyDown() {
+      if (this.disabled) return;
+      this.newPosition = parseFloat(this.currentPosition) - this.step / (this.max - this.min) * 100;
+      this.setPosition(this.newPosition);
+      this.$parent.emitChange();
+    },
+    onRightKeyDown: function onRightKeyDown() {
+      if (this.disabled) return;
+      this.newPosition = parseFloat(this.currentPosition) + this.step / (this.max - this.min) * 100;
+      this.setPosition(this.newPosition);
+      this.$parent.emitChange();
+    },
+    onDragStart: function onDragStart(event) {
+      this.dragging = true;
+      this.isClick = true;
+      if (event.type === 'touchstart') {
+        event.clientY = event.touches[0].clientY;
+        event.clientX = event.touches[0].clientX;
+      }
+      if (this.vertical) {
+        this.startY = event.clientY;
+      } else {
+        this.startX = event.clientX;
+      }
+      this.startPosition = parseFloat(this.currentPosition);
+      this.newPosition = this.startPosition;
+    },
+    onDragging: function onDragging(event) {
+      if (this.dragging) {
+        this.isClick = false;
+        this.displayTooltip();
+        this.$parent.resetSize();
+        var diff = 0;
+        if (event.type === 'touchmove') {
+          event.clientY = event.touches[0].clientY;
+          event.clientX = event.touches[0].clientX;
+        }
+        if (this.vertical) {
+          this.currentY = event.clientY;
+          diff = (this.startY - this.currentY) / this.$parent.sliderSize * 100;
+        } else {
+          this.currentX = event.clientX;
+          diff = (this.currentX - this.startX) / this.$parent.sliderSize * 100;
+        }
+        this.newPosition = this.startPosition + diff;
+        this.setPosition(this.newPosition);
+      }
+    },
+    onDragEnd: function onDragEnd() {
+      var _this = this;
+
+      if (this.dragging) {
+        /*
+         * 防止在 mouseup 后立即触发 click，导致滑块有几率产生一小段位移
+         * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
+         */
+        setTimeout(function () {
+          _this.dragging = false;
+          _this.hideTooltip();
+          if (!_this.isClick) {
+            _this.setPosition(_this.newPosition);
+            _this.$parent.emitChange();
+          }
+        }, 0);
+        window.removeEventListener('mousemove', this.onDragging);
+        window.removeEventListener('touchmove', this.onDragging);
+        window.removeEventListener('mouseup', this.onDragEnd);
+        window.removeEventListener('touchend', this.onDragEnd);
+        window.removeEventListener('contextmenu', this.onDragEnd);
+      }
+    },
+    setPosition: function setPosition(newPosition) {
+      var _this2 = this;
+
+      if (newPosition === null || isNaN(newPosition)) return;
+      if (newPosition < 0) {
+        newPosition = 0;
+      } else if (newPosition > 100) {
+        newPosition = 100;
+      }
+      var lengthPerStep = 100 / ((this.max - this.min) / this.step);
+      var steps = Math.round(newPosition / lengthPerStep);
+      var value = steps * lengthPerStep * (this.max - this.min) * 0.01 + this.min;
+      value = parseFloat(value.toFixed(this.precision));
+      this.$emit('input', value);
+      this.$nextTick(function () {
+        _this2.displayTooltip();
+        _this2.$refs.tooltip && _this2.$refs.tooltip.updatePopper();
+      });
+      if (!this.dragging && this.value !== this.oldValue) {
+        this.oldValue = this.value;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/slider/src/button.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_slider_src_buttonvue_type_script_lang_js_ = (slider_src_buttonvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/slider/src/button.vue
+
+
+
+
+
+/* normalize component */
+
+var src_button_component = normalizeComponent(
+  packages_slider_src_buttonvue_type_script_lang_js_,
+  buttonvue_type_template_id_e72d2ad2_render,
+  buttonvue_type_template_id_e72d2ad2_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var src_button_api; }
+src_button_component.options.__file = "packages/slider/src/button.vue"
+/* harmony default export */ var slider_src_button = (src_button_component.exports);
+// CONCATENATED MODULE: ./packages/slider/src/marker.js
+/* harmony default export */ var marker = ({
+  name: 'ElMarker',
+
+  props: {
+    mark: {
+      type: [String, Object]
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+
+    var label = typeof this.mark === 'string' ? this.mark : this.mark.label;
+
+    return h(
+      'div',
+      { 'class': 'el-slider__marks-text', style: this.mark.style || {} },
+      [label]
+    );
+  }
+});
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ var slider_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElSlider',
+
+  mixins: [emitter_default.a],
+
+  inject: {
+    elForm: {
+      default: ''
+    }
+  },
+
+  props: {
+    min: {
+      type: Number,
+      default: 0
+    },
+    max: {
+      type: Number,
+      default: 100
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    value: {
+      type: [Number, Array],
+      default: 0
+    },
+    showInput: {
+      type: Boolean,
+      default: false
+    },
+    showInputControls: {
+      type: Boolean,
+      default: true
+    },
+    inputSize: {
+      type: String,
+      default: 'small'
+    },
+    showStops: {
+      type: Boolean,
+      default: false
+    },
+    showTooltip: {
+      type: Boolean,
+      default: true
+    },
+    formatTooltip: Function,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    range: {
+      type: Boolean,
+      default: false
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    height: {
+      type: String
+    },
+    debounce: {
+      type: Number,
+      default: 300
+    },
+    label: {
+      type: String
+    },
+    tooltipClass: String,
+    marks: Object
+  },
+
+  components: {
+    ElInputNumber: input_number_default.a,
+    SliderButton: slider_src_button,
+    SliderMarker: marker
+  },
+
+  data: function data() {
+    return {
+      firstValue: null,
+      secondValue: null,
+      oldValue: null,
+      dragging: false,
+      sliderSize: 1
+    };
+  },
+
+
+  watch: {
+    value: function value(val, oldVal) {
+      if (this.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every(function (item, index) {
+        return item === oldVal[index];
+      })) {
+        return;
+      }
+      this.setValues();
+    },
+    dragging: function dragging(val) {
+      if (!val) {
+        this.setValues();
+      }
+    },
+    firstValue: function firstValue(val) {
+      if (this.range) {
+        this.$emit('input', [this.minValue, this.maxValue]);
+      } else {
+        this.$emit('input', val);
+      }
+    },
+    secondValue: function secondValue() {
+      if (this.range) {
+        this.$emit('input', [this.minValue, this.maxValue]);
+      }
+    },
+    min: function min() {
+      this.setValues();
+    },
+    max: function max() {
+      this.setValues();
+    }
+  },
+
+  methods: {
+    valueChanged: function valueChanged() {
+      var _this = this;
+
+      if (this.range) {
+        return ![this.minValue, this.maxValue].every(function (item, index) {
+          return item === _this.oldValue[index];
+        });
+      } else {
+        return this.value !== this.oldValue;
+      }
+    },
+    setValues: function setValues() {
+      if (this.min > this.max) {
+        console.error('[Element Error][Slider]min should not be greater than max.');
+        return;
+      }
+      var val = this.value;
+      if (this.range && Array.isArray(val)) {
+        if (val[1] < this.min) {
+          this.$emit('input', [this.min, this.min]);
+        } else if (val[0] > this.max) {
+          this.$emit('input', [this.max, this.max]);
+        } else if (val[0] < this.min) {
+          this.$emit('input', [this.min, val[1]]);
+        } else if (val[1] > this.max) {
+          this.$emit('input', [val[0], this.max]);
+        } else {
+          this.firstValue = val[0];
+          this.secondValue = val[1];
+          if (this.valueChanged()) {
+            this.dispatch('ElFormItem', 'el.form.change', [this.minValue, this.maxValue]);
+            this.oldValue = val.slice();
+          }
+        }
+      } else if (!this.range && typeof val === 'number' && !isNaN(val)) {
+        if (val < this.min) {
+          this.$emit('input', this.min);
+        } else if (val > this.max) {
+          this.$emit('input', this.max);
+        } else {
+          this.firstValue = val;
+          if (this.valueChanged()) {
+            this.dispatch('ElFormItem', 'el.form.change', val);
+            this.oldValue = val;
+          }
+        }
+      }
+    },
+    setPosition: function setPosition(percent) {
+      var targetValue = this.min + percent * (this.max - this.min) / 100;
+      if (!this.range) {
+        this.$refs.button1.setPosition(percent);
+        return;
+      }
+      var button = void 0;
+      if (Math.abs(this.minValue - targetValue) < Math.abs(this.maxValue - targetValue)) {
+        button = this.firstValue < this.secondValue ? 'button1' : 'button2';
+      } else {
+        button = this.firstValue > this.secondValue ? 'button1' : 'button2';
+      }
+      this.$refs[button].setPosition(percent);
+    },
+    onSliderClick: function onSliderClick(event) {
+      if (this.sliderDisabled || this.dragging) return;
+      this.resetSize();
+      if (this.vertical) {
+        var sliderOffsetBottom = this.$refs.slider.getBoundingClientRect().bottom;
+        this.setPosition((sliderOffsetBottom - event.clientY) / this.sliderSize * 100);
+      } else {
+        var sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
+        this.setPosition((event.clientX - sliderOffsetLeft) / this.sliderSize * 100);
+      }
+      this.emitChange();
+    },
+    resetSize: function resetSize() {
+      if (this.$refs.slider) {
+        this.sliderSize = this.$refs.slider['client' + (this.vertical ? 'Height' : 'Width')];
+      }
+    },
+    emitChange: function emitChange() {
+      var _this2 = this;
+
+      this.$nextTick(function () {
+        _this2.$emit('change', _this2.range ? [_this2.minValue, _this2.maxValue] : _this2.value);
+      });
+    },
+    getStopStyle: function getStopStyle(position) {
+      return this.vertical ? { 'bottom': position + '%' } : { 'left': position + '%' };
+    }
+  },
+
+  computed: {
+    stops: function stops() {
+      var _this3 = this;
+
+      if (!this.showStops || this.min > this.max) return [];
+      if (this.step === 0) {
+         false && false;
+        return [];
+      }
+      var stopCount = (this.max - this.min) / this.step;
+      var stepWidth = 100 * this.step / (this.max - this.min);
+      var result = [];
+      for (var i = 1; i < stopCount; i++) {
+        result.push(i * stepWidth);
+      }
+      if (this.range) {
+        return result.filter(function (step) {
+          return step < 100 * (_this3.minValue - _this3.min) / (_this3.max - _this3.min) || step > 100 * (_this3.maxValue - _this3.min) / (_this3.max - _this3.min);
+        });
+      } else {
+        return result.filter(function (step) {
+          return step > 100 * (_this3.firstValue - _this3.min) / (_this3.max - _this3.min);
+        });
+      }
+    },
+    markList: function markList() {
+      var _this4 = this;
+
+      if (!this.marks) {
+        return [];
+      }
+
+      var marksKeys = Object.keys(this.marks);
+      return marksKeys.map(parseFloat).sort(function (a, b) {
+        return a - b;
+      }).filter(function (point) {
+        return point <= _this4.max && point >= _this4.min;
+      }).map(function (point) {
+        return {
+          point: point,
+          position: (point - _this4.min) * 100 / (_this4.max - _this4.min),
+          mark: _this4.marks[point]
+        };
+      });
+    },
+    minValue: function minValue() {
+      return Math.min(this.firstValue, this.secondValue);
+    },
+    maxValue: function maxValue() {
+      return Math.max(this.firstValue, this.secondValue);
+    },
+    barSize: function barSize() {
+      return this.range ? 100 * (this.maxValue - this.minValue) / (this.max - this.min) + '%' : 100 * (this.firstValue - this.min) / (this.max - this.min) + '%';
+    },
+    barStart: function barStart() {
+      return this.range ? 100 * (this.minValue - this.min) / (this.max - this.min) + '%' : '0%';
+    },
+    precision: function precision() {
+      var precisions = [this.min, this.max, this.step].map(function (item) {
+        var decimal = ('' + item).split('.')[1];
+        return decimal ? decimal.length : 0;
+      });
+      return Math.max.apply(null, precisions);
+    },
+    runwayStyle: function runwayStyle() {
+      return this.vertical ? { height: this.height } : {};
+    },
+    barStyle: function barStyle() {
+      return this.vertical ? {
+        height: this.barSize,
+        bottom: this.barStart
+      } : {
+        width: this.barSize,
+        left: this.barStart
+      };
+    },
+    sliderDisabled: function sliderDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+
+  mounted: function mounted() {
+    var valuetext = void 0;
+    if (this.range) {
+      if (Array.isArray(this.value)) {
+        this.firstValue = Math.max(this.min, this.value[0]);
+        this.secondValue = Math.min(this.max, this.value[1]);
+      } else {
+        this.firstValue = this.min;
+        this.secondValue = this.max;
+      }
+      this.oldValue = [this.firstValue, this.secondValue];
+      valuetext = this.firstValue + '-' + this.secondValue;
+    } else {
+      if (typeof this.value !== 'number' || isNaN(this.value)) {
+        this.firstValue = this.min;
+      } else {
+        this.firstValue = Math.min(this.max, Math.max(this.min, this.value));
+      }
+      this.oldValue = this.firstValue;
+      valuetext = this.firstValue;
+    }
+    this.$el.setAttribute('aria-valuetext', valuetext);
+
+    // label screen reader
+    this.$el.setAttribute('aria-label', this.label ? this.label : 'slider between ' + this.min + ' and ' + this.max);
+
+    this.resetSize();
+    window.addEventListener('resize', this.resetSize);
+  },
+  beforeDestroy: function beforeDestroy() {
+    window.removeEventListener('resize', this.resetSize);
+  }
+});
+// CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_slider_src_mainvue_type_script_lang_js_ = (slider_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/slider/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var slider_src_main_component = normalizeComponent(
+  packages_slider_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_32708644_render,
+  mainvue_type_template_id_32708644_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var slider_src_main_api; }
+slider_src_main_component.options.__file = "packages/slider/src/main.vue"
+/* harmony default export */ var slider_src_main = (slider_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/slider/index.js
+
+
+/* istanbul ignore next */
+slider_src_main.install = function (Vue) {
+  Vue.component(slider_src_main.name, slider_src_main);
+};
+
+/* harmony default export */ var slider = (slider_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/loading/src/loading.vue?vue&type=template&id=eee0a7ac&
+var loadingvue_type_template_id_eee0a7ac_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "el-loading-fade" },
+      on: { "after-leave": _vm.handleAfterLeave }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          staticClass: "el-loading-mask",
+          class: [_vm.customClass, { "is-fullscreen": _vm.fullscreen }],
+          style: { backgroundColor: _vm.background || "" }
+        },
+        [
+          _c("div", { staticClass: "el-loading-spinner" }, [
+            !_vm.spinner
+              ? _c(
+                  "svg",
+                  {
+                    staticClass: "circular",
+                    attrs: { viewBox: "25 25 50 50" }
+                  },
+                  [
+                    _c("circle", {
+                      staticClass: "path",
+                      attrs: { cx: "50", cy: "50", r: "20", fill: "none" }
+                    })
+                  ]
+                )
+              : _c("i", { class: _vm.spinner }),
+            _vm.text
+              ? _c("p", { staticClass: "el-loading-text" }, [
+                  _vm._v(_vm._s(_vm.text))
+                ])
+              : _vm._e()
+          ])
+        ]
+      )
+    ]
+  )
+}
+var loadingvue_type_template_id_eee0a7ac_staticRenderFns = []
+loadingvue_type_template_id_eee0a7ac_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/loading/src/loading.vue?vue&type=template&id=eee0a7ac&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/loading/src/loading.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var loadingvue_type_script_lang_js_ = ({
+  data: function data() {
+    return {
+      text: null,
+      spinner: null,
+      background: null,
+      fullscreen: true,
+      visible: false,
+      customClass: ''
+    };
+  },
+
+
+  methods: {
+    handleAfterLeave: function handleAfterLeave() {
+      this.$emit('after-leave');
+    },
+    setText: function setText(text) {
+      this.text = text;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/loading/src/loading.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_loadingvue_type_script_lang_js_ = (loadingvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/loading/src/loading.vue
+
+
+
+
+
+/* normalize component */
+
+var loading_component = normalizeComponent(
+  src_loadingvue_type_script_lang_js_,
+  loadingvue_type_template_id_eee0a7ac_render,
+  loadingvue_type_template_id_eee0a7ac_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var loading_api; }
+loading_component.options.__file = "packages/loading/src/loading.vue"
+/* harmony default export */ var loading = (loading_component.exports);
+// EXTERNAL MODULE: external "element-ui/lib/utils/after-leave"
+var after_leave_ = __webpack_require__(33);
+var after_leave_default = /*#__PURE__*/__webpack_require__.n(after_leave_);
+
+// CONCATENATED MODULE: ./packages/loading/src/directive.js
+
+
+
+
+
+var Mask = external_vue_default.a.extend(loading);
+
+var loadingDirective = {};
+loadingDirective.install = function (Vue) {
+  if (Vue.prototype.$isServer) return;
+  var toggleLoading = function toggleLoading(el, binding) {
+    if (binding.value) {
+      Vue.nextTick(function () {
+        if (binding.modifiers.fullscreen) {
+          el.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
+          el.originalOverflow = Object(dom_["getStyle"])(document.body, 'overflow');
+          el.maskStyle.zIndex = popup_["PopupManager"].nextZIndex();
+
+          Object(dom_["addClass"])(el.mask, 'is-fullscreen');
+          insertDom(document.body, el, binding);
+        } else {
+          Object(dom_["removeClass"])(el.mask, 'is-fullscreen');
+
+          if (binding.modifiers.body) {
+            el.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
+
+            ['top', 'left'].forEach(function (property) {
+              var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
+              el.maskStyle[property] = el.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt(Object(dom_["getStyle"])(document.body, 'margin-' + property), 10) + 'px';
+            });
+            ['height', 'width'].forEach(function (property) {
+              el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';
+            });
+
+            insertDom(document.body, el, binding);
+          } else {
+            el.originalPosition = Object(dom_["getStyle"])(el, 'position');
+            insertDom(el, el, binding);
+          }
+        }
+      });
+    } else {
+      after_leave_default()(el.instance, function (_) {
+        if (!el.instance.hiding) return;
+        el.domVisible = false;
+        var target = binding.modifiers.fullscreen || binding.modifiers.body ? document.body : el;
+        Object(dom_["removeClass"])(target, 'el-loading-parent--relative');
+        Object(dom_["removeClass"])(target, 'el-loading-parent--hidden');
+        el.instance.hiding = false;
+      }, 300, true);
+      el.instance.visible = false;
+      el.instance.hiding = true;
+    }
+  };
+  var insertDom = function insertDom(parent, el, binding) {
+    if (!el.domVisible && Object(dom_["getStyle"])(el, 'display') !== 'none' && Object(dom_["getStyle"])(el, 'visibility') !== 'hidden') {
+      Object.keys(el.maskStyle).forEach(function (property) {
+        el.mask.style[property] = el.maskStyle[property];
+      });
+
+      if (el.originalPosition !== 'absolute' && el.originalPosition !== 'fixed' && el.originalPosition !== 'sticky') {
+        Object(dom_["addClass"])(parent, 'el-loading-parent--relative');
+      }
+      if (binding.modifiers.fullscreen && binding.modifiers.lock) {
+        Object(dom_["addClass"])(parent, 'el-loading-parent--hidden');
+      }
+      el.domVisible = true;
+
+      parent.appendChild(el.mask);
+      Vue.nextTick(function () {
+        if (el.instance.hiding) {
+          el.instance.$emit('after-leave');
+        } else {
+          el.instance.visible = true;
+        }
+      });
+      el.domInserted = true;
+    } else if (el.domVisible && el.instance.hiding === true) {
+      el.instance.visible = true;
+      el.instance.hiding = false;
+    }
+  };
+
+  Vue.directive('loading', {
+    bind: function bind(el, binding, vnode) {
+      var textExr = el.getAttribute('element-loading-text');
+      var spinnerExr = el.getAttribute('element-loading-spinner');
+      var backgroundExr = el.getAttribute('element-loading-background');
+      var customClassExr = el.getAttribute('element-loading-custom-class');
+      var vm = vnode.context;
+      var mask = new Mask({
+        el: document.createElement('div'),
+        data: {
+          text: vm && vm[textExr] || textExr,
+          spinner: vm && vm[spinnerExr] || spinnerExr,
+          background: vm && vm[backgroundExr] || backgroundExr,
+          customClass: vm && vm[customClassExr] || customClassExr,
+          fullscreen: !!binding.modifiers.fullscreen
+        }
+      });
+      el.instance = mask;
+      el.mask = mask.$el;
+      el.maskStyle = {};
+
+      binding.value && toggleLoading(el, binding);
+    },
+
+    update: function update(el, binding) {
+      el.instance.setText(el.getAttribute('element-loading-text'));
+      if (binding.oldValue !== binding.value) {
+        toggleLoading(el, binding);
+      }
+    },
+
+    unbind: function unbind(el, binding) {
+      if (el.domInserted) {
+        el.mask && el.mask.parentNode && el.mask.parentNode.removeChild(el.mask);
+        toggleLoading(el, { value: false, modifiers: binding.modifiers });
+      }
+      el.instance && el.instance.$destroy();
+    }
+  });
+};
+
+/* harmony default export */ var src_directive = (loadingDirective);
+// CONCATENATED MODULE: ./packages/loading/src/index.js
+
+
+
+
+
+
+
+var LoadingConstructor = external_vue_default.a.extend(loading);
+
+var src_defaults = {
+  text: null,
+  fullscreen: true,
+  body: false,
+  lock: false,
+  customClass: ''
+};
+
+var fullscreenLoading = void 0;
+
+LoadingConstructor.prototype.originalPosition = '';
+LoadingConstructor.prototype.originalOverflow = '';
+
+LoadingConstructor.prototype.close = function () {
+  var _this = this;
+
+  if (this.fullscreen) {
+    fullscreenLoading = undefined;
+  }
+  after_leave_default()(this, function (_) {
+    var target = _this.fullscreen || _this.body ? document.body : _this.target;
+    Object(dom_["removeClass"])(target, 'el-loading-parent--relative');
+    Object(dom_["removeClass"])(target, 'el-loading-parent--hidden');
+    if (_this.$el && _this.$el.parentNode) {
+      _this.$el.parentNode.removeChild(_this.$el);
+    }
+    _this.$destroy();
+  }, 300);
+  this.visible = false;
+};
+
+var src_addStyle = function addStyle(options, parent, instance) {
+  var maskStyle = {};
+  if (options.fullscreen) {
+    instance.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
+    instance.originalOverflow = Object(dom_["getStyle"])(document.body, 'overflow');
+    maskStyle.zIndex = popup_["PopupManager"].nextZIndex();
+  } else if (options.body) {
+    instance.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
+    ['top', 'left'].forEach(function (property) {
+      var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
+      maskStyle[property] = options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px';
+    });
+    ['height', 'width'].forEach(function (property) {
+      maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
+    });
+  } else {
+    instance.originalPosition = Object(dom_["getStyle"])(parent, 'position');
+  }
+  Object.keys(maskStyle).forEach(function (property) {
+    instance.$el.style[property] = maskStyle[property];
+  });
+};
+
+var src_Loading = function Loading() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  if (external_vue_default.a.prototype.$isServer) return;
+  options = merge_default()({}, src_defaults, options);
+  if (typeof options.target === 'string') {
+    options.target = document.querySelector(options.target);
+  }
+  options.target = options.target || document.body;
+  if (options.target !== document.body) {
+    options.fullscreen = false;
+  } else {
+    options.body = true;
+  }
+  if (options.fullscreen && fullscreenLoading) {
+    return fullscreenLoading;
+  }
+
+  var parent = options.body ? document.body : options.target;
+  var instance = new LoadingConstructor({
+    el: document.createElement('div'),
+    data: options
+  });
+
+  src_addStyle(options, parent, instance);
+  if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed' && instance.originalPosition !== 'sticky') {
+    Object(dom_["addClass"])(parent, 'el-loading-parent--relative');
+  }
+  if (options.fullscreen && options.lock) {
+    Object(dom_["addClass"])(parent, 'el-loading-parent--hidden');
+  }
+  parent.appendChild(instance.$el);
+  external_vue_default.a.nextTick(function () {
+    instance.visible = true;
+  });
+  if (options.fullscreen) {
+    fullscreenLoading = instance;
+  }
+  return instance;
+};
+
+/* harmony default export */ var src = (src_Loading);
+// CONCATENATED MODULE: ./packages/loading/index.js
+
+
+
+/* harmony default export */ var packages_loading = ({
+  install: function install(Vue) {
+    Vue.use(src_directive);
+    Vue.prototype.$loading = src;
+  },
+
+  directive: src_directive,
+  service: src
+});
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/icon/src/icon.vue?vue&type=template&id=cb3fe7f4&
+var iconvue_type_template_id_cb3fe7f4_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("i", { class: "el-icon-" + _vm.name })
+}
+var iconvue_type_template_id_cb3fe7f4_staticRenderFns = []
+iconvue_type_template_id_cb3fe7f4_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/icon/src/icon.vue?vue&type=template&id=cb3fe7f4&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/icon/src/icon.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+
+/* harmony default export */ var iconvue_type_script_lang_js_ = ({
+  name: 'ElIcon',
+
+  props: {
+    name: String
+  }
+});
+// CONCATENATED MODULE: ./packages/icon/src/icon.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_iconvue_type_script_lang_js_ = (iconvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/icon/src/icon.vue
+
+
+
+
+
+/* normalize component */
+
+var icon_component = normalizeComponent(
+  src_iconvue_type_script_lang_js_,
+  iconvue_type_template_id_cb3fe7f4_render,
+  iconvue_type_template_id_cb3fe7f4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var icon_api; }
+icon_component.options.__file = "packages/icon/src/icon.vue"
+/* harmony default export */ var icon = (icon_component.exports);
+// CONCATENATED MODULE: ./packages/icon/index.js
+
+
+/* istanbul ignore next */
+icon.install = function (Vue) {
+  Vue.component(icon.name, icon);
+};
+
+/* harmony default export */ var packages_icon = (icon);
+// CONCATENATED MODULE: ./packages/row/src/row.js
+/* harmony default export */ var src_row = ({
+  name: 'ElRow',
+
+  componentName: 'ElRow',
+
+  props: {
+    tag: {
+      type: String,
+      default: 'div'
+    },
+    gutter: Number,
+    type: String,
+    justify: {
+      type: String,
+      default: 'start'
+    },
+    align: String
+  },
+
+  computed: {
+    style: function style() {
+      var ret = {};
+
+      if (this.gutter) {
+        ret.marginLeft = '-' + this.gutter / 2 + 'px';
+        ret.marginRight = ret.marginLeft;
+      }
+
+      return ret;
+    }
+  },
+
+  render: function render(h) {
+    return h(this.tag, {
+      class: ['el-row', this.justify !== 'start' ? 'is-justify-' + this.justify : '', this.align ? 'is-align-' + this.align : '', { 'el-row--flex': this.type === 'flex' }],
+      style: this.style
+    }, this.$slots.default);
+  }
+});
+// CONCATENATED MODULE: ./packages/row/index.js
+
+
+/* istanbul ignore next */
+src_row.install = function (Vue) {
+  Vue.component(src_row.name, src_row);
+};
+
+/* harmony default export */ var packages_row = (src_row);
+// CONCATENATED MODULE: ./packages/col/src/col.js
+var col_typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+/* harmony default export */ var col = ({
+  name: 'ElCol',
+
+  props: {
+    span: {
+      type: Number,
+      default: 24
+    },
+    tag: {
+      type: String,
+      default: 'div'
+    },
+    offset: Number,
+    pull: Number,
+    push: Number,
+    xs: [Number, Object],
+    sm: [Number, Object],
+    md: [Number, Object],
+    lg: [Number, Object],
+    xl: [Number, Object]
+  },
+
+  computed: {
+    gutter: function gutter() {
+      var parent = this.$parent;
+      while (parent && parent.$options.componentName !== 'ElRow') {
+        parent = parent.$parent;
+      }
+      return parent ? parent.gutter : 0;
+    }
+  },
+  render: function render(h) {
+    var _this = this;
+
+    var classList = [];
+    var style = {};
+
+    if (this.gutter) {
+      style.paddingLeft = this.gutter / 2 + 'px';
+      style.paddingRight = style.paddingLeft;
+    }
+
+    ['span', 'offset', 'pull', 'push'].forEach(function (prop) {
+      if (_this[prop] || _this[prop] === 0) {
+        classList.push(prop !== 'span' ? 'el-col-' + prop + '-' + _this[prop] : 'el-col-' + _this[prop]);
+      }
+    });
+
+    ['xs', 'sm', 'md', 'lg', 'xl'].forEach(function (size) {
+      if (typeof _this[size] === 'number') {
+        classList.push('el-col-' + size + '-' + _this[size]);
+      } else if (col_typeof(_this[size]) === 'object') {
+        var props = _this[size];
+        Object.keys(props).forEach(function (prop) {
+          classList.push(prop !== 'span' ? 'el-col-' + size + '-' + prop + '-' + props[prop] : 'el-col-' + size + '-' + props[prop]);
+        });
+      }
+    });
+
+    return h(this.tag, {
+      class: ['el-col', classList],
+      style: style
+    }, this.$slots.default);
+  }
+});
+// CONCATENATED MODULE: ./packages/col/index.js
+
+
+/* istanbul ignore next */
+col.install = function (Vue) {
+  Vue.component(col.name, col);
+};
+
+/* harmony default export */ var packages_col = (col);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=template&id=173fedf5&
+var upload_listvue_type_template_id_173fedf5_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition-group",
+    {
+      class: [
+        "el-upload-list",
+        "el-upload-list--" + _vm.listType,
+        { "is-disabled": _vm.disabled }
+      ],
+      attrs: { tag: "ul", name: "el-list" }
+    },
+    _vm._l(_vm.files, function(file) {
+      return _c(
+        "li",
+        {
+          key: file.uid,
+          class: [
+            "el-upload-list__item",
+            "is-" + file.status,
+            _vm.focusing ? "focusing" : ""
+          ],
+          attrs: { tabindex: "0" },
+          on: {
+            keydown: function($event) {
+              if (
+                !("button" in $event) &&
+                _vm._k($event.keyCode, "delete", [8, 46], $event.key, [
+                  "Backspace",
+                  "Delete",
+                  "Del"
+                ])
+              ) {
+                return null
+              }
+              !_vm.disabled && _vm.$emit("remove", file)
+            },
+            focus: function($event) {
+              _vm.focusing = true
+            },
+            blur: function($event) {
+              _vm.focusing = false
+            },
+            click: function($event) {
+              _vm.focusing = false
+            }
+          }
+        },
+        [
+          _vm._t(
+            "default",
+            [
+              file.status !== "uploading" &&
+              ["picture-card", "picture"].indexOf(_vm.listType) > -1
+                ? _c("img", {
+                    staticClass: "el-upload-list__item-thumbnail",
+                    attrs: { src: file.url, alt: "" }
+                  })
+                : _vm._e(),
+              _c(
+                "a",
+                {
+                  staticClass: "el-upload-list__item-name",
+                  on: {
+                    click: function($event) {
+                      _vm.handleClick(file)
+                    }
+                  }
+                },
+                [
+                  _c("i", { staticClass: "el-icon-document" }),
+                  _vm._v(_vm._s(file.name) + "\n      ")
+                ]
+              ),
+              _c(
+                "label",
+                { staticClass: "el-upload-list__item-status-label" },
+                [
+                  _c("i", {
+                    class: {
+                      "el-icon-upload-success": true,
+                      "el-icon-circle-check": _vm.listType === "text",
+                      "el-icon-check":
+                        ["picture-card", "picture"].indexOf(_vm.listType) > -1
+                    }
+                  })
+                ]
+              ),
+              !_vm.disabled
+                ? _c("i", {
+                    staticClass: "el-icon-close",
+                    on: {
+                      click: function($event) {
+                        _vm.$emit("remove", file)
+                      }
+                    }
+                  })
+                : _vm._e(),
+              !_vm.disabled
+                ? _c("i", { staticClass: "el-icon-close-tip" }, [
+                    _vm._v(_vm._s(_vm.t("el.upload.deleteTip")))
+                  ])
+                : _vm._e(),
+              file.status === "uploading"
+                ? _c("el-progress", {
+                    attrs: {
+                      type: _vm.listType === "picture-card" ? "circle" : "line",
+                      "stroke-width": _vm.listType === "picture-card" ? 6 : 2,
+                      percentage: _vm.parsePercentage(file.percentage)
+                    }
+                  })
+                : _vm._e(),
+              _vm.listType === "picture-card"
+                ? _c("span", { staticClass: "el-upload-list__item-actions" }, [
+                    _vm.handlePreview && _vm.listType === "picture-card"
+                      ? _c(
+                          "span",
+                          {
+                            staticClass: "el-upload-list__item-preview",
+                            on: {
+                              click: function($event) {
+                                _vm.handlePreview(file)
+                              }
+                            }
+                          },
+                          [_c("i", { staticClass: "el-icon-zoom-in" })]
+                        )
+                      : _vm._e(),
+                    !_vm.disabled
+                      ? _c(
+                          "span",
+                          {
+                            staticClass: "el-upload-list__item-delete",
+                            on: {
+                              click: function($event) {
+                                _vm.$emit("remove", file)
+                              }
+                            }
+                          },
+                          [_c("i", { staticClass: "el-icon-delete" })]
+                        )
+                      : _vm._e()
+                  ])
+                : _vm._e()
+            ],
+            { file: file }
+          )
+        ],
+        2
+      )
+    }),
+    0
+  )
+}
+var upload_listvue_type_template_id_173fedf5_staticRenderFns = []
+upload_listvue_type_template_id_173fedf5_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=template&id=173fedf5&
+
+// EXTERNAL MODULE: external "element-ui/lib/progress"
+var progress_ = __webpack_require__(34);
+var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ var upload_listvue_type_script_lang_js_ = ({
+
+  name: 'ElUploadList',
+
+  mixins: [locale_default.a],
+
+  data: function data() {
+    return {
+      focusing: false
+    };
+  },
+
+  components: { ElProgress: progress_default.a },
+
+  props: {
+    files: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    handlePreview: Function,
+    listType: String
+  },
+  methods: {
+    parsePercentage: function parsePercentage(val) {
+      return parseInt(val, 10);
+    },
+    handleClick: function handleClick(file) {
+      this.handlePreview && this.handlePreview(file);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_upload_listvue_type_script_lang_js_ = (upload_listvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue
+
+
+
+
+
+/* normalize component */
+
+var upload_list_component = normalizeComponent(
+  src_upload_listvue_type_script_lang_js_,
+  upload_listvue_type_template_id_173fedf5_render,
+  upload_listvue_type_template_id_173fedf5_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var upload_list_api; }
+upload_list_component.options.__file = "packages/upload/src/upload-list.vue"
+/* harmony default export */ var upload_list = (upload_list_component.exports);
+// EXTERNAL MODULE: external "babel-helper-vue-jsx-merge-props"
+var external_babel_helper_vue_jsx_merge_props_ = __webpack_require__(24);
+var external_babel_helper_vue_jsx_merge_props_default = /*#__PURE__*/__webpack_require__.n(external_babel_helper_vue_jsx_merge_props_);
+
+// CONCATENATED MODULE: ./packages/upload/src/ajax.js
+function getError(action, option, xhr) {
+  var msg = void 0;
+  if (xhr.response) {
+    msg = '' + (xhr.response.error || xhr.response);
+  } else if (xhr.responseText) {
+    msg = '' + xhr.responseText;
+  } else {
+    msg = 'fail to post ' + action + ' ' + xhr.status;
+  }
+
+  var err = new Error(msg);
+  err.status = xhr.status;
+  err.method = 'post';
+  err.url = action;
+  return err;
+}
+
+function getBody(xhr) {
+  var text = xhr.responseText || xhr.response;
+  if (!text) {
+    return text;
+  }
+
+  try {
+    return JSON.parse(text);
+  } catch (e) {
+    return text;
+  }
+}
+
+function upload(option) {
+  if (typeof XMLHttpRequest === 'undefined') {
+    return;
+  }
+
+  var xhr = new XMLHttpRequest();
+  var action = option.action;
+
+  if (xhr.upload) {
+    xhr.upload.onprogress = function progress(e) {
+      if (e.total > 0) {
+        e.percent = e.loaded / e.total * 100;
+      }
+      option.onProgress(e);
+    };
+  }
+
+  var formData = new FormData();
+
+  if (option.data) {
+    Object.keys(option.data).forEach(function (key) {
+      formData.append(key, option.data[key]);
+    });
+  }
+
+  formData.append(option.filename, option.file, option.file.name);
+
+  xhr.onerror = function error(e) {
+    option.onError(e);
+  };
+
+  xhr.onload = function onload() {
+    if (xhr.status < 200 || xhr.status >= 300) {
+      return option.onError(getError(action, option, xhr));
+    }
+
+    option.onSuccess(getBody(xhr));
+  };
+
+  xhr.open('post', action, true);
+
+  if (option.withCredentials && 'withCredentials' in xhr) {
+    xhr.withCredentials = true;
+  }
+
+  var headers = option.headers || {};
+
+  for (var item in headers) {
+    if (headers.hasOwnProperty(item) && headers[item] !== null) {
+      xhr.setRequestHeader(item, headers[item]);
+    }
+  }
+  xhr.send(formData);
+  return xhr;
+}
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-dragger.vue?vue&type=template&id=7ebbf219&
+var upload_draggervue_type_template_id_7ebbf219_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-upload-dragger",
+      class: {
+        "is-dragover": _vm.dragover
+      },
+      on: {
+        drop: function($event) {
+          $event.preventDefault()
+          return _vm.onDrop($event)
+        },
+        dragover: function($event) {
+          $event.preventDefault()
+          return _vm.onDragover($event)
+        },
+        dragleave: function($event) {
+          $event.preventDefault()
+          _vm.dragover = false
+        }
+      }
+    },
+    [_vm._t("default")],
+    2
+  )
+}
+var upload_draggervue_type_template_id_7ebbf219_staticRenderFns = []
+upload_draggervue_type_template_id_7ebbf219_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/upload/src/upload-dragger.vue?vue&type=template&id=7ebbf219&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-dragger.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var upload_draggervue_type_script_lang_js_ = ({
+  name: 'ElUploadDrag',
+  props: {
+    disabled: Boolean
+  },
+  inject: {
+    uploader: {
+      default: ''
+    }
+  },
+  data: function data() {
+    return {
+      dragover: false
+    };
+  },
+
+  methods: {
+    onDragover: function onDragover() {
+      if (!this.disabled) {
+        this.dragover = true;
+      }
+    },
+    onDrop: function onDrop(e) {
+      if (this.disabled || !this.uploader) return;
+      var accept = this.uploader.accept;
+      this.dragover = false;
+      if (!accept) {
+        this.$emit('file', e.dataTransfer.files);
+        return;
+      }
+      this.$emit('file', [].slice.call(e.dataTransfer.files).filter(function (file) {
+        var type = file.type,
+            name = file.name;
+
+        var extension = name.indexOf('.') > -1 ? '.' + name.split('.').pop() : '';
+        var baseType = type.replace(/\/.*$/, '');
+        return accept.split(',').map(function (type) {
+          return type.trim();
+        }).filter(function (type) {
+          return type;
+        }).some(function (acceptedType) {
+          if (/\..+$/.test(acceptedType)) {
+            return extension === acceptedType;
+          }
+          if (/\/\*$/.test(acceptedType)) {
+            return baseType === acceptedType.replace(/\/\*$/, '');
+          }
+          if (/^[^\/]+\/[^\/]+$/.test(acceptedType)) {
+            return type === acceptedType;
+          }
+          return false;
+        });
+      }));
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/upload/src/upload-dragger.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_upload_draggervue_type_script_lang_js_ = (upload_draggervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/upload/src/upload-dragger.vue
+
+
+
+
+
+/* normalize component */
+
+var upload_dragger_component = normalizeComponent(
+  src_upload_draggervue_type_script_lang_js_,
+  upload_draggervue_type_template_id_7ebbf219_render,
+  upload_draggervue_type_template_id_7ebbf219_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var upload_dragger_api; }
+upload_dragger_component.options.__file = "packages/upload/src/upload-dragger.vue"
+/* harmony default export */ var upload_dragger = (upload_dragger_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload.vue?vue&type=script&lang=js&
+
+
+
+
+
+/* harmony default export */ var uploadvue_type_script_lang_js_ = ({
+  inject: ['uploader'],
+  components: {
+    UploadDragger: upload_dragger
+  },
+  props: {
+    type: String,
+    action: {
+      type: String,
+      required: true
+    },
+    name: {
+      type: String,
+      default: 'file'
+    },
+    data: Object,
+    headers: Object,
+    withCredentials: Boolean,
+    multiple: Boolean,
+    accept: String,
+    onStart: Function,
+    onProgress: Function,
+    onSuccess: Function,
+    onError: Function,
+    beforeUpload: Function,
+    drag: Boolean,
+    onPreview: {
+      type: Function,
+      default: function _default() {}
+    },
+    onRemove: {
+      type: Function,
+      default: function _default() {}
+    },
+    fileList: Array,
+    autoUpload: Boolean,
+    listType: String,
+    httpRequest: {
+      type: Function,
+      default: upload
+    },
+    disabled: Boolean,
+    limit: Number,
+    onExceed: Function
+  },
+
+  data: function data() {
+    return {
+      mouseover: false,
+      reqs: {}
+    };
+  },
+
+
+  methods: {
+    isImage: function isImage(str) {
+      return str.indexOf('image') !== -1;
+    },
+    handleChange: function handleChange(ev) {
+      var files = ev.target.files;
+
+      if (!files) return;
+      this.uploadFiles(files);
+    },
+    uploadFiles: function uploadFiles(files) {
+      var _this = this;
+
+      if (this.limit && this.fileList.length + files.length > this.limit) {
+        this.onExceed && this.onExceed(files, this.fileList);
+        return;
+      }
+
+      var postFiles = Array.prototype.slice.call(files);
+      if (!this.multiple) {
+        postFiles = postFiles.slice(0, 1);
+      }
+
+      if (postFiles.length === 0) {
+        return;
+      }
+
+      postFiles.forEach(function (rawFile) {
+        _this.onStart(rawFile);
+        if (_this.autoUpload) _this.upload(rawFile);
+      });
+    },
+    upload: function upload(rawFile) {
+      var _this2 = this;
+
+      this.$refs.input.value = null;
+
+      if (!this.beforeUpload) {
+        return this.post(rawFile);
+      }
+
+      var before = this.beforeUpload(rawFile);
+      if (before && before.then) {
+        before.then(function (processedFile) {
+          var fileType = Object.prototype.toString.call(processedFile);
+
+          if (fileType === '[object File]' || fileType === '[object Blob]') {
+            if (fileType === '[object Blob]') {
+              processedFile = new File([processedFile], rawFile.name, {
+                type: rawFile.type
+              });
+            }
+            for (var p in rawFile) {
+              if (rawFile.hasOwnProperty(p)) {
+                processedFile[p] = rawFile[p];
+              }
+            }
+            _this2.post(processedFile);
+          } else {
+            _this2.post(rawFile);
+          }
+        }, function () {
+          _this2.onRemove(null, rawFile);
+        });
+      } else if (before !== false) {
+        this.post(rawFile);
+      } else {
+        this.onRemove(null, rawFile);
+      }
+    },
+    abort: function abort(file) {
+      var reqs = this.reqs;
+
+      if (file) {
+        var uid = file;
+        if (file.uid) uid = file.uid;
+        if (reqs[uid]) {
+          reqs[uid].abort();
+        }
+      } else {
+        Object.keys(reqs).forEach(function (uid) {
+          if (reqs[uid]) reqs[uid].abort();
+          delete reqs[uid];
+        });
+      }
+    },
+    post: function post(rawFile) {
+      var _this3 = this;
+
+      var uid = rawFile.uid;
+
+      var options = {
+        headers: this.headers,
+        withCredentials: this.withCredentials,
+        file: rawFile,
+        data: this.data,
+        filename: this.name,
+        action: this.action,
+        onProgress: function onProgress(e) {
+          _this3.onProgress(e, rawFile);
+        },
+        onSuccess: function onSuccess(res) {
+          _this3.onSuccess(res, rawFile);
+          delete _this3.reqs[uid];
+        },
+        onError: function onError(err) {
+          _this3.onError(err, rawFile);
+          delete _this3.reqs[uid];
+        }
+      };
+      var req = this.httpRequest(options);
+      this.reqs[uid] = req;
+      if (req && req.then) {
+        req.then(options.onSuccess, options.onError);
+      }
+    },
+    handleClick: function handleClick() {
+      if (!this.disabled) {
+        this.$refs.input.value = null;
+        this.$refs.input.click();
+      }
+    },
+    handleKeydown: function handleKeydown(e) {
+      if (e.target !== e.currentTarget) return;
+      if (e.keyCode === 13 || e.keyCode === 32) {
+        this.handleClick();
+      }
+    }
+  },
+
+  render: function render(h) {
+    var handleClick = this.handleClick,
+        drag = this.drag,
+        name = this.name,
+        handleChange = this.handleChange,
+        multiple = this.multiple,
+        accept = this.accept,
+        listType = this.listType,
+        uploadFiles = this.uploadFiles,
+        disabled = this.disabled,
+        handleKeydown = this.handleKeydown;
+
+    var data = {
+      class: {
+        'el-upload': true
+      },
+      on: {
+        click: handleClick,
+        keydown: handleKeydown
+      }
+    };
+    data.class['el-upload--' + listType] = true;
+    return h(
+      'div',
+      external_babel_helper_vue_jsx_merge_props_default()([data, {
+        attrs: { tabindex: '0' }
+      }]),
+      [drag ? h(
+        'upload-dragger',
+        {
+          attrs: { disabled: disabled },
+          on: {
+            'file': uploadFiles
+          }
+        },
+        [this.$slots.default]
+      ) : this.$slots.default, h('input', { 'class': 'el-upload__input', attrs: { type: 'file', name: name, multiple: multiple, accept: accept },
+        ref: 'input', on: {
+          'change': handleChange
+        }
+      })]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/upload/src/upload.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_uploadvue_type_script_lang_js_ = (uploadvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/upload/src/upload.vue
+var upload_render, upload_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var upload_component = normalizeComponent(
+  src_uploadvue_type_script_lang_js_,
+  upload_render,
+  upload_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var upload_api; }
+upload_component.options.__file = "packages/upload/src/upload.vue"
+/* harmony default export */ var src_upload = (upload_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/index.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+function srcvue_type_script_lang_js_noop() {}
+
+/* harmony default export */ var srcvue_type_script_lang_js_ = ({
+  name: 'ElUpload',
+
+  mixins: [migrating_default.a],
+
+  components: {
+    ElProgress: progress_default.a,
+    UploadList: upload_list,
+    Upload: src_upload
+  },
+
+  provide: function provide() {
+    return {
+      uploader: this
+    };
+  },
+
+
+  inject: {
+    elForm: {
+      default: ''
+    }
+  },
+
+  props: {
+    action: {
+      type: String,
+      required: true
+    },
+    headers: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    data: Object,
+    multiple: Boolean,
+    name: {
+      type: String,
+      default: 'file'
+    },
+    drag: Boolean,
+    dragger: Boolean,
+    withCredentials: Boolean,
+    showFileList: {
+      type: Boolean,
+      default: true
+    },
+    accept: String,
+    type: {
+      type: String,
+      default: 'select'
+    },
+    beforeUpload: Function,
+    beforeRemove: Function,
+    onRemove: {
+      type: Function,
+      default: srcvue_type_script_lang_js_noop
+    },
+    onChange: {
+      type: Function,
+      default: srcvue_type_script_lang_js_noop
+    },
+    onPreview: {
+      type: Function
+    },
+    onSuccess: {
+      type: Function,
+      default: srcvue_type_script_lang_js_noop
+    },
+    onProgress: {
+      type: Function,
+      default: srcvue_type_script_lang_js_noop
+    },
+    onError: {
+      type: Function,
+      default: srcvue_type_script_lang_js_noop
+    },
+    fileList: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    autoUpload: {
+      type: Boolean,
+      default: true
+    },
+    listType: {
+      type: String,
+      default: 'text' // text,picture,picture-card
+    },
+    httpRequest: Function,
+    disabled: Boolean,
+    limit: Number,
+    onExceed: {
+      type: Function,
+      default: srcvue_type_script_lang_js_noop
+    }
+  },
+
+  data: function data() {
+    return {
+      uploadFiles: [],
+      dragOver: false,
+      draging: false,
+      tempIndex: 1
+    };
+  },
+
+
+  computed: {
+    uploadDisabled: function uploadDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+
+  watch: {
+    listType: function listType(type) {
+      if (type === 'picture-card' || type === 'picture') {
+        this.uploadFiles = this.uploadFiles.map(function (file) {
+          if (!file.url && file.raw) {
+            try {
+              file.url = URL.createObjectURL(file.raw);
+            } catch (err) {
+              console.error('[Element Error][Upload]', err);
+            }
+          }
+          return file;
+        });
+      }
+    },
+
+    fileList: {
+      immediate: true,
+      handler: function handler(fileList) {
+        var _this = this;
+
+        this.uploadFiles = fileList.map(function (item) {
+          item.uid = item.uid || Date.now() + _this.tempIndex++;
+          item.status = item.status || 'success';
+          return item;
+        });
+      }
+    }
+  },
+
+  methods: {
+    handleStart: function handleStart(rawFile) {
+      rawFile.uid = Date.now() + this.tempIndex++;
+      var file = {
+        status: 'ready',
+        name: rawFile.name,
+        size: rawFile.size,
+        percentage: 0,
+        uid: rawFile.uid,
+        raw: rawFile
+      };
+
+      if (this.listType === 'picture-card' || this.listType === 'picture') {
+        try {
+          file.url = URL.createObjectURL(rawFile);
+        } catch (err) {
+          console.error('[Element Error][Upload]', err);
+          return;
+        }
+      }
+
+      this.uploadFiles.push(file);
+      this.onChange(file, this.uploadFiles);
+    },
+    handleProgress: function handleProgress(ev, rawFile) {
+      var file = this.getFile(rawFile);
+      this.onProgress(ev, file, this.uploadFiles);
+      file.status = 'uploading';
+      file.percentage = ev.percent || 0;
+    },
+    handleSuccess: function handleSuccess(res, rawFile) {
+      var file = this.getFile(rawFile);
+
+      if (file) {
+        file.status = 'success';
+        file.response = res;
+
+        this.onSuccess(res, file, this.uploadFiles);
+        this.onChange(file, this.uploadFiles);
+      }
+    },
+    handleError: function handleError(err, rawFile) {
+      var file = this.getFile(rawFile);
+      var fileList = this.uploadFiles;
+
+      file.status = 'fail';
+
+      fileList.splice(fileList.indexOf(file), 1);
+
+      this.onError(err, file, this.uploadFiles);
+      this.onChange(file, this.uploadFiles);
+    },
+    handleRemove: function handleRemove(file, raw) {
+      var _this2 = this;
+
+      if (raw) {
+        file = this.getFile(raw);
+      }
+      var doRemove = function doRemove() {
+        _this2.abort(file);
+        var fileList = _this2.uploadFiles;
+        fileList.splice(fileList.indexOf(file), 1);
+        _this2.onRemove(file, fileList);
+      };
+
+      if (!this.beforeRemove) {
+        doRemove();
+      } else if (typeof this.beforeRemove === 'function') {
+        var before = this.beforeRemove(file, this.uploadFiles);
+        if (before && before.then) {
+          before.then(function () {
+            doRemove();
+          }, srcvue_type_script_lang_js_noop);
+        } else if (before !== false) {
+          doRemove();
+        }
+      }
+    },
+    getFile: function getFile(rawFile) {
+      var fileList = this.uploadFiles;
+      var target = void 0;
+      fileList.every(function (item) {
+        target = rawFile.uid === item.uid ? item : null;
+        return !target;
+      });
+      return target;
+    },
+    abort: function abort(file) {
+      this.$refs['upload-inner'].abort(file);
+    },
+    clearFiles: function clearFiles() {
+      this.uploadFiles = [];
+    },
+    submit: function submit() {
+      var _this3 = this;
+
+      this.uploadFiles.filter(function (file) {
+        return file.status === 'ready';
+      }).forEach(function (file) {
+        _this3.$refs['upload-inner'].upload(file.raw);
+      });
+    },
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'default-file-list': 'default-file-list is renamed to file-list.',
+          'show-upload-list': 'show-upload-list is renamed to show-file-list.',
+          'thumbnail-mode': 'thumbnail-mode has been deprecated, you can implement the same effect according to this case: http://element.eleme.io/#/zh-CN/component/upload#yong-hu-tou-xiang-shang-chuan'
+        }
+      };
+    }
+  },
+
+  beforeDestroy: function beforeDestroy() {
+    this.uploadFiles.forEach(function (file) {
+      if (file.url && file.url.indexOf('blob:') === 0) {
+        URL.revokeObjectURL(file.url);
+      }
+    });
+  },
+  render: function render(h) {
+    var _this4 = this;
+
+    var uploadList = void 0;
+
+    if (this.showFileList) {
+      uploadList = h(
+        upload_list,
+        {
+          attrs: {
+            disabled: this.uploadDisabled,
+            listType: this.listType,
+            files: this.uploadFiles,
+
+            handlePreview: this.onPreview },
+          on: {
+            'remove': this.handleRemove
+          }
+        },
+        [function (props) {
+          if (_this4.$scopedSlots.file) {
+            return _this4.$scopedSlots.file({
+              file: props.file
+            });
+          }
+        }]
+      );
+    }
+
+    var uploadData = {
+      props: {
+        type: this.type,
+        drag: this.drag,
+        action: this.action,
+        multiple: this.multiple,
+        'before-upload': this.beforeUpload,
+        'with-credentials': this.withCredentials,
+        headers: this.headers,
+        name: this.name,
+        data: this.data,
+        accept: this.accept,
+        fileList: this.uploadFiles,
+        autoUpload: this.autoUpload,
+        listType: this.listType,
+        disabled: this.uploadDisabled,
+        limit: this.limit,
+        'on-exceed': this.onExceed,
+        'on-start': this.handleStart,
+        'on-progress': this.handleProgress,
+        'on-success': this.handleSuccess,
+        'on-error': this.handleError,
+        'on-preview': this.onPreview,
+        'on-remove': this.handleRemove,
+        'http-request': this.httpRequest
+      },
+      ref: 'upload-inner'
+    };
+
+    var trigger = this.$slots.trigger || this.$slots.default;
+    var uploadComponent = h(
+      'upload',
+      uploadData,
+      [trigger]
+    );
+
+    return h('div', [this.listType === 'picture-card' ? uploadList : '', this.$slots.trigger ? [uploadComponent, this.$slots.default] : uploadComponent, this.$slots.tip, this.listType !== 'picture-card' ? uploadList : '']);
+  }
+});
+// CONCATENATED MODULE: ./packages/upload/src/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var upload_srcvue_type_script_lang_js_ = (srcvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/upload/src/index.vue
+var src_render, src_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var upload_src_component = normalizeComponent(
+  upload_srcvue_type_script_lang_js_,
+  src_render,
+  src_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var src_api; }
+upload_src_component.options.__file = "packages/upload/src/index.vue"
+/* harmony default export */ var upload_src = (upload_src_component.exports);
+// CONCATENATED MODULE: ./packages/upload/index.js
+
+
+/* istanbul ignore next */
+upload_src.install = function (Vue) {
+  Vue.component(upload_src.name, upload_src);
+};
+
+/* harmony default export */ var packages_upload = (upload_src);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/progress/src/progress.vue?vue&type=template&id=229ee406&
+var progressvue_type_template_id_229ee406_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-progress",
+      class: [
+        "el-progress--" + _vm.type,
+        _vm.status ? "is-" + _vm.status : "",
+        {
+          "el-progress--without-text": !_vm.showText,
+          "el-progress--text-inside": _vm.textInside
+        }
+      ],
+      attrs: {
+        role: "progressbar",
+        "aria-valuenow": _vm.percentage,
+        "aria-valuemin": "0",
+        "aria-valuemax": "100"
+      }
+    },
+    [
+      _vm.type === "line"
+        ? _c("div", { staticClass: "el-progress-bar" }, [
+            _c(
+              "div",
+              {
+                staticClass: "el-progress-bar__outer",
+                style: {
+                  height: _vm.strokeWidth + "px",
+                  backgroundColor: _vm.defineBackColor
+                }
+              },
+              [
+                _c(
+                  "div",
+                  {
+                    staticClass: "el-progress-bar__inner",
+                    style: _vm.barStyle
+                  },
+                  [
+                    _vm.showText && _vm.textInside
+                      ? _c(
+                          "div",
+                          {
+                            staticClass: "el-progress-bar__innerText",
+                            style: { color: _vm.textColor }
+                          },
+                          [_vm._v(_vm._s(_vm.content))]
+                        )
+                      : _vm._e()
+                  ]
+                )
+              ]
+            )
+          ])
+        : _c(
+            "div",
+            {
+              staticClass: "el-progress-circle",
+              style: { height: _vm.width + "px", width: _vm.width + "px" }
+            },
+            [
+              _c("svg", { attrs: { viewBox: "0 0 100 100" } }, [
+                _c("path", {
+                  staticClass: "el-progress-circle__track",
+                  style: _vm.trailPathStyle,
+                  attrs: {
+                    d: _vm.trackPath,
+                    stroke: _vm.defineBackColor,
+                    "stroke-width": _vm.relativeStrokeWidth,
+                    fill: "none"
+                  }
+                }),
+                _c("path", {
+                  staticClass: "el-progress-circle__path",
+                  style: _vm.circlePathStyle,
+                  attrs: {
+                    d: _vm.trackPath,
+                    stroke: _vm.stroke,
+                    fill: "none",
+                    "stroke-linecap": _vm.strokeLinecap,
+                    "stroke-width": _vm.percentage ? _vm.relativeStrokeWidth : 0
+                  }
+                })
+              ])
+            ]
+          ),
+      _vm.showText && !_vm.textInside
+        ? _c(
+            "div",
+            {
+              staticClass: "el-progress__text",
+              style: {
+                fontSize: _vm.progressTextSize + "px",
+                color: _vm.textColor
+              }
+            },
+            [
+              !_vm.status
+                ? [_vm._v(_vm._s(_vm.content))]
+                : _c("i", { class: _vm.iconClass })
+            ],
+            2
+          )
+        : _vm._e()
+    ]
+  )
+}
+var progressvue_type_template_id_229ee406_staticRenderFns = []
+progressvue_type_template_id_229ee406_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/progress/src/progress.vue?vue&type=template&id=229ee406&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/progress/src/progress.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var progressvue_type_script_lang_js_ = ({
+  name: 'ElProgress',
+  props: {
+    type: {
+      type: String,
+      default: 'line',
+      validator: function validator(val) {
+        return ['line', 'circle', 'dashboard'].indexOf(val) > -1;
+      }
+    },
+    percentage: {
+      type: Number,
+      default: 0,
+      required: true,
+      validator: function validator(val) {
+        return val >= 0 && val <= 100;
+      }
+    },
+    status: {
+      type: String,
+      validator: function validator(val) {
+        return ['success', 'exception', 'warning'].indexOf(val) > -1;
+      }
+    },
+    strokeWidth: {
+      type: Number,
+      default: 6
+    },
+    strokeLinecap: {
+      type: String,
+      default: 'round'
+    },
+    textInside: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: Number,
+      default: 126
+    },
+    showText: {
+      type: Boolean,
+      default: true
+    },
+    color: {
+      type: [String, Array, Function],
+      default: ''
+    },
+    defineBackColor: {
+      type: [String, Array, Function],
+      default: '#ebeef5'
+    },
+    textColor: {
+      type: [String, Array, Function],
+      default: '#606266'
+    },
+    format: Function
+  },
+  computed: {
+    barStyle: function barStyle() {
+      var style = {};
+      style.width = this.percentage + '%';
+      style.backgroundColor = this.getCurrentColor(this.percentage);
+      return style;
+    },
+    relativeStrokeWidth: function relativeStrokeWidth() {
+      return (this.strokeWidth / this.width * 100).toFixed(1);
+    },
+    radius: function radius() {
+      if (this.type === 'circle' || this.type === 'dashboard') {
+        return parseInt(50 - parseFloat(this.relativeStrokeWidth) / 2, 10);
+      } else {
+        return 0;
+      }
+    },
+    trackPath: function trackPath() {
+      var radius = this.radius;
+      var isDashboard = this.type === 'dashboard';
+      return '\n        M 50 50\n        m 0 ' + (isDashboard ? '' : '-') + radius + '\n        a ' + radius + ' ' + radius + ' 0 1 1 0 ' + (isDashboard ? '-' : '') + radius * 2 + '\n        a ' + radius + ' ' + radius + ' 0 1 1 0 ' + (isDashboard ? '' : '-') + radius * 2 + '\n        ';
+    },
+    perimeter: function perimeter() {
+      return 2 * Math.PI * this.radius;
+    },
+    rate: function rate() {
+      return this.type === 'dashboard' ? 0.75 : 1;
+    },
+    strokeDashoffset: function strokeDashoffset() {
+      var offset = -1 * this.perimeter * (1 - this.rate) / 2;
+      return offset + 'px';
+    },
+    trailPathStyle: function trailPathStyle() {
+      return {
+        strokeDasharray: this.perimeter * this.rate + 'px, ' + this.perimeter + 'px',
+        strokeDashoffset: this.strokeDashoffset
+      };
+    },
+    circlePathStyle: function circlePathStyle() {
+      return {
+        strokeDasharray: this.perimeter * this.rate * (this.percentage / 100) + 'px, ' + this.perimeter + 'px',
+        strokeDashoffset: this.strokeDashoffset,
+        transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease'
+      };
+    },
+    stroke: function stroke() {
+      var ret = void 0;
+      if (this.color) {
+        ret = this.getCurrentColor(this.percentage);
+      } else {
+        switch (this.status) {
+          case 'success':
+            ret = '#13ce66';
+            break;
+          case 'exception':
+            ret = '#ff4949';
+            break;
+          case 'warning':
+            ret = '#e6a23c';
+            break;
+          default:
+            ret = '#20a0ff';
+        }
+      }
+      return ret;
+    },
+    iconClass: function iconClass() {
+      if (this.status === 'warning') {
+        return 'el-icon-warning';
+      }
+      if (this.type === 'line') {
+        return this.status === 'success' ? 'el-icon-circle-check' : 'el-icon-circle-close';
+      } else {
+        return this.status === 'success' ? 'el-icon-check' : 'el-icon-close';
+      }
+    },
+    progressTextSize: function progressTextSize() {
+      return this.type === 'line' ? 12 + this.strokeWidth * 0.4 : this.width * 0.111111 + 2;
+    },
+    content: function content() {
+      if (typeof this.format === 'function') {
+        return this.format(this.percentage) || '';
+      } else {
+        return this.percentage + '%';
+      }
+    }
+  },
+  methods: {
+    getCurrentColor: function getCurrentColor(percentage) {
+      if (typeof this.color === 'function') {
+        return this.color(percentage);
+      } else if (typeof this.color === 'string') {
+        return this.color;
+      } else {
+        return this.getLevelColor(percentage);
+      }
+    },
+    getLevelColor: function getLevelColor(percentage) {
+      var colorArray = this.getColorArray().sort(function (a, b) {
+        return a.percentage - b.percentage;
+      });
+
+      for (var i = 0; i < colorArray.length; i++) {
+        if (colorArray[i].percentage > percentage) {
+          return colorArray[i].color;
+        }
+      }
+      return colorArray[colorArray.length - 1].color;
+    },
+    getColorArray: function getColorArray() {
+      var color = this.color;
+      var span = 100 / color.length;
+      return color.map(function (seriesColor, index) {
+        if (typeof seriesColor === 'string') {
+          return {
+            color: seriesColor,
+            percentage: (index + 1) * span
+          };
+        }
+        return seriesColor;
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/progress/src/progress.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_progressvue_type_script_lang_js_ = (progressvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/progress/src/progress.vue
+
+
+
+
+
+/* normalize component */
+
+var progress_component = normalizeComponent(
+  src_progressvue_type_script_lang_js_,
+  progressvue_type_template_id_229ee406_render,
+  progressvue_type_template_id_229ee406_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var progress_api; }
+progress_component.options.__file = "packages/progress/src/progress.vue"
+/* harmony default export */ var progress = (progress_component.exports);
+// CONCATENATED MODULE: ./packages/progress/index.js
+
+
+/* istanbul ignore next */
+progress.install = function (Vue) {
+  Vue.component(progress.name, progress);
+};
+
+/* harmony default export */ var packages_progress = (progress);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/spinner/src/spinner.vue?vue&type=template&id=697b8538&
+var spinnervue_type_template_id_697b8538_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("span", { staticClass: "el-spinner" }, [
+    _c(
+      "svg",
+      {
+        staticClass: "el-spinner-inner",
+        style: { width: _vm.radius / 2 + "px", height: _vm.radius / 2 + "px" },
+        attrs: { viewBox: "0 0 50 50" }
+      },
+      [
+        _c("circle", {
+          staticClass: "path",
+          attrs: {
+            cx: "25",
+            cy: "25",
+            r: "20",
+            fill: "none",
+            stroke: _vm.strokeColor,
+            "stroke-width": _vm.strokeWidth
+          }
+        })
+      ]
+    )
+  ])
+}
+var spinnervue_type_template_id_697b8538_staticRenderFns = []
+spinnervue_type_template_id_697b8538_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/spinner/src/spinner.vue?vue&type=template&id=697b8538&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/spinner/src/spinner.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var spinnervue_type_script_lang_js_ = ({
+  name: 'ElSpinner',
+  props: {
+    type: String,
+    radius: {
+      type: Number,
+      default: 100
+    },
+    strokeWidth: {
+      type: Number,
+      default: 5
+    },
+    strokeColor: {
+      type: String,
+      default: '#efefef'
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/spinner/src/spinner.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_spinnervue_type_script_lang_js_ = (spinnervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/spinner/src/spinner.vue
+
+
+
+
+
+/* normalize component */
+
+var spinner_component = normalizeComponent(
+  src_spinnervue_type_script_lang_js_,
+  spinnervue_type_template_id_697b8538_render,
+  spinnervue_type_template_id_697b8538_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var spinner_api; }
+spinner_component.options.__file = "packages/spinner/src/spinner.vue"
+/* harmony default export */ var spinner = (spinner_component.exports);
+// CONCATENATED MODULE: ./packages/spinner/index.js
+
+
+/* istanbul ignore next */
+spinner.install = function (Vue) {
+  Vue.component(spinner.name, spinner);
+};
+
+/* harmony default export */ var packages_spinner = (spinner);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=template&id=455b9f60&
+var mainvue_type_template_id_455b9f60_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "el-message-fade" },
+      on: { "after-leave": _vm.handleAfterLeave }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          class: [
+            "el-message",
+            _vm.type && !_vm.iconClass ? "el-message--" + _vm.type : "",
+            _vm.center ? "is-center" : "",
+            _vm.showClose ? "is-closable" : "",
+            _vm.customClass
+          ],
+          style: _vm.positionStyle,
+          attrs: { role: "alert" },
+          on: { mouseenter: _vm.clearTimer, mouseleave: _vm.startTimer }
+        },
+        [
+          _vm.iconClass
+            ? _c("i", { class: _vm.iconClass })
+            : _c("i", { class: _vm.typeClass }),
+          _vm._t("default", [
+            !_vm.dangerouslyUseHTMLString
+              ? _c("p", { staticClass: "el-message__content" }, [
+                  _vm._v(_vm._s(_vm.message))
+                ])
+              : _c("p", {
+                  staticClass: "el-message__content",
+                  domProps: { innerHTML: _vm._s(_vm.message) }
+                })
+          ]),
+          _vm.showClose
+            ? _c("i", {
+                staticClass: "el-message__closeBtn el-icon-close",
+                on: { click: _vm.close }
+              })
+            : _vm._e()
+        ],
+        2
+      )
+    ]
+  )
+}
+var mainvue_type_template_id_455b9f60_staticRenderFns = []
+mainvue_type_template_id_455b9f60_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=template&id=455b9f60&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var src_mainvue_type_script_lang_js_typeMap = {
+  success: 'success',
+  info: 'info',
+  warning: 'warning',
+  error: 'error'
+};
+
+/* harmony default export */ var message_src_mainvue_type_script_lang_js_ = ({
+  data: function data() {
+    return {
+      visible: false,
+      message: '',
+      duration: 3000,
+      type: 'info',
+      iconClass: '',
+      customClass: '',
+      onClose: null,
+      showClose: false,
+      closed: false,
+      verticalOffset: 20,
+      timer: null,
+      dangerouslyUseHTMLString: false,
+      center: false
+    };
+  },
+
+
+  computed: {
+    typeClass: function typeClass() {
+      return this.type && !this.iconClass ? 'el-message__icon el-icon-' + src_mainvue_type_script_lang_js_typeMap[this.type] : '';
+    },
+    positionStyle: function positionStyle() {
+      return {
+        'top': this.verticalOffset + 'px'
+      };
+    }
+  },
+
+  watch: {
+    closed: function closed(newVal) {
+      if (newVal) {
+        this.visible = false;
+      }
+    }
+  },
+
+  methods: {
+    handleAfterLeave: function handleAfterLeave() {
+      this.$destroy(true);
+      this.$el.parentNode.removeChild(this.$el);
+    },
+    close: function close() {
+      this.closed = true;
+      if (typeof this.onClose === 'function') {
+        this.onClose(this);
+      }
+    },
+    clearTimer: function clearTimer() {
+      clearTimeout(this.timer);
+    },
+    startTimer: function startTimer() {
+      var _this = this;
+
+      if (this.duration > 0) {
+        this.timer = setTimeout(function () {
+          if (!_this.closed) {
+            _this.close();
+          }
+        }, this.duration);
+      }
+    },
+    keydown: function keydown(e) {
+      if (e.keyCode === 27) {
+        // esc关闭消息
+        if (!this.closed) {
+          this.close();
+        }
+      }
+    }
+  },
+  mounted: function mounted() {
+    this.startTimer();
+    document.addEventListener('keydown', this.keydown);
+  },
+  beforeDestroy: function beforeDestroy() {
+    document.removeEventListener('keydown', this.keydown);
+  }
+});
+// CONCATENATED MODULE: ./packages/message/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_message_src_mainvue_type_script_lang_js_ = (message_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/message/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var message_src_main_component = normalizeComponent(
+  packages_message_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_455b9f60_render,
+  mainvue_type_template_id_455b9f60_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var message_src_main_api; }
+message_src_main_component.options.__file = "packages/message/src/main.vue"
+/* harmony default export */ var message_src_main = (message_src_main_component.exports);
+// EXTERNAL MODULE: external "element-ui/lib/utils/types"
+var types_ = __webpack_require__(16);
+
+// CONCATENATED MODULE: ./packages/message/src/main.js
+var main_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+
+
+
+
+
+var MessageConstructor = external_vue_default.a.extend(message_src_main);
+
+var message_src_main_instance = void 0;
+var main_instances = [];
+var main_seed = 1;
+
+var main_Message = function Message(options) {
+  if (external_vue_default.a.prototype.$isServer) return;
+  options = options || {};
+  if (typeof options === 'string') {
+    options = {
+      message: options
+    };
+  }
+  var userOnClose = options.onClose;
+  var id = 'message_' + main_seed++;
+
+  options.onClose = function () {
+    Message.close(id, userOnClose);
+  };
+  message_src_main_instance = new MessageConstructor({
+    data: options
+  });
+  message_src_main_instance.id = id;
+  if (Object(vdom_["isVNode"])(message_src_main_instance.message)) {
+    message_src_main_instance.$slots.default = [message_src_main_instance.message];
+    message_src_main_instance.message = null;
+  }
+  message_src_main_instance.$mount();
+  document.body.appendChild(message_src_main_instance.$el);
+  var verticalOffset = options.offset || 20;
+  main_instances.forEach(function (item) {
+    verticalOffset += item.$el.offsetHeight + 16;
+  });
+  message_src_main_instance.verticalOffset = verticalOffset;
+  message_src_main_instance.visible = true;
+  message_src_main_instance.$el.style.zIndex = popup_["PopupManager"].nextZIndex();
+  main_instances.push(message_src_main_instance);
+  return message_src_main_instance;
+};
+
+['success', 'warning', 'info', 'error'].forEach(function (type) {
+  main_Message[type] = function (options) {
+    if (Object(types_["isObject"])(options) && !Object(vdom_["isVNode"])(options)) {
+      return main_Message(main_extends({}, options, {
+        type: type
+      }));
+    }
+    return main_Message({
+      type: type,
+      message: options
+    });
+  };
+});
+
+main_Message.close = function (id, userOnClose) {
+  var len = main_instances.length;
+  var index = -1;
+  var removedHeight = void 0;
+  for (var i = 0; i < len; i++) {
+    if (id === main_instances[i].id) {
+      removedHeight = main_instances[i].$el.offsetHeight;
+      index = i;
+      if (typeof userOnClose === 'function') {
+        userOnClose(main_instances[i]);
+      }
+      main_instances.splice(i, 1);
+      break;
+    }
+  }
+  if (len <= 1 || index === -1 || index > main_instances.length - 1) return;
+  for (var _i = index; _i < len - 1; _i++) {
+    var dom = main_instances[_i].$el;
+    dom.style['top'] = parseInt(dom.style['top'], 10) - removedHeight - 16 + 'px';
+  }
+};
+
+main_Message.closeAll = function () {
+  for (var i = main_instances.length - 1; i >= 0; i--) {
+    main_instances[i].close();
+  }
+};
+
+/* harmony default export */ var packages_message_src_main = (main_Message);
+// CONCATENATED MODULE: ./packages/message/index.js
+
+/* harmony default export */ var packages_message = (packages_message_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/badge/src/main.vue?vue&type=template&id=7ccb6598&
+var mainvue_type_template_id_7ccb6598_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "el-badge" },
+    [
+      _vm._t("default"),
+      _c("transition", { attrs: { name: "el-zoom-in-center" } }, [
+        _c("sup", {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value:
+                !_vm.hidden && (_vm.content || _vm.content === 0 || _vm.isDot),
+              expression: "!hidden && (content || content === 0 || isDot)"
+            }
+          ],
+          staticClass: "el-badge__content",
+          class: [
+            _vm.type ? "el-badge__content--" + _vm.type : null,
+            {
+              "is-fixed": _vm.$slots.default,
+              "is-dot": _vm.isDot
+            }
+          ],
+          domProps: { textContent: _vm._s(_vm.content) }
+        })
+      ])
+    ],
+    2
+  )
+}
+var mainvue_type_template_id_7ccb6598_staticRenderFns = []
+mainvue_type_template_id_7ccb6598_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/badge/src/main.vue?vue&type=template&id=7ccb6598&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/badge/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var badge_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElBadge',
+
+  props: {
+    value: [String, Number],
+    max: Number,
+    isDot: Boolean,
+    hidden: Boolean,
+    type: {
+      type: String,
+      validator: function validator(val) {
+        return ['primary', 'success', 'warning', 'info', 'danger'].indexOf(val) > -1;
+      }
+    }
+  },
+
+  computed: {
+    content: function content() {
+      if (this.isDot) return;
+
+      var value = this.value;
+      var max = this.max;
+
+      if (typeof value === 'number' && typeof max === 'number') {
+        return max < value ? max + '+' : value;
+      }
+
+      return value;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/badge/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_badge_src_mainvue_type_script_lang_js_ = (badge_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/badge/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var badge_src_main_component = normalizeComponent(
+  packages_badge_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_7ccb6598_render,
+  mainvue_type_template_id_7ccb6598_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var badge_src_main_api; }
+badge_src_main_component.options.__file = "packages/badge/src/main.vue"
+/* harmony default export */ var badge_src_main = (badge_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/badge/index.js
+
+
+/* istanbul ignore next */
+badge_src_main.install = function (Vue) {
+  Vue.component(badge_src_main.name, badge_src_main);
+};
+
+/* harmony default export */ var badge = (badge_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/card/src/main.vue?vue&type=template&id=59a4a40f&
+var mainvue_type_template_id_59a4a40f_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-card",
+      class: _vm.shadow ? "is-" + _vm.shadow + "-shadow" : "is-always-shadow"
+    },
+    [
+      _vm.$slots.header || _vm.header
+        ? _c(
+            "div",
+            { staticClass: "el-card__header" },
+            [_vm._t("header", [_vm._v(_vm._s(_vm.header))])],
+            2
+          )
+        : _vm._e(),
+      _c(
+        "div",
+        { staticClass: "el-card__body", style: _vm.bodyStyle },
+        [_vm._t("default")],
+        2
+      )
+    ]
+  )
+}
+var mainvue_type_template_id_59a4a40f_staticRenderFns = []
+mainvue_type_template_id_59a4a40f_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/card/src/main.vue?vue&type=template&id=59a4a40f&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/card/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var card_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElCard',
+  props: {
+    header: {},
+    bodyStyle: {},
+    shadow: {
+      type: String
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/card/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_card_src_mainvue_type_script_lang_js_ = (card_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/card/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var card_src_main_component = normalizeComponent(
+  packages_card_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_59a4a40f_render,
+  mainvue_type_template_id_59a4a40f_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var card_src_main_api; }
+card_src_main_component.options.__file = "packages/card/src/main.vue"
+/* harmony default export */ var card_src_main = (card_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/card/index.js
+
+
+/* istanbul ignore next */
+card_src_main.install = function (Vue) {
+  Vue.component(card_src_main.name, card_src_main);
+};
+
+/* harmony default export */ var card = (card_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/rate/src/main.vue?vue&type=template&id=ada57782&
+var mainvue_type_template_id_ada57782_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-rate",
+      attrs: {
+        role: "slider",
+        "aria-valuenow": _vm.currentValue,
+        "aria-valuetext": _vm.text,
+        "aria-valuemin": "0",
+        "aria-valuemax": _vm.max,
+        tabindex: "0"
+      },
+      on: { keydown: _vm.handleKey }
+    },
+    [
+      _vm._l(_vm.max, function(item, key) {
+        return _c(
+          "span",
+          {
+            key: key,
+            staticClass: "el-rate__item",
+            style: { cursor: _vm.rateDisabled ? "auto" : "pointer" },
+            on: {
+              mousemove: function($event) {
+                _vm.setCurrentValue(item, $event)
+              },
+              mouseleave: _vm.resetCurrentValue,
+              click: function($event) {
+                _vm.selectValue(item)
+              }
+            }
+          },
+          [
+            _c(
+              "i",
+              {
+                staticClass: "el-rate__icon",
+                class: [
+                  _vm.classes[item - 1],
+                  { hover: _vm.hoverIndex === item }
+                ],
+                style: _vm.getIconStyle(item)
+              },
+              [
+                _vm.showDecimalIcon(item)
+                  ? _c("i", {
+                      staticClass: "el-rate__decimal",
+                      class: _vm.decimalIconClass,
+                      style: _vm.decimalStyle
+                    })
+                  : _vm._e()
+              ]
+            )
+          ]
+        )
+      }),
+      _vm.showText || _vm.showScore
+        ? _c(
+            "span",
+            { staticClass: "el-rate__text", style: { color: _vm.textColor } },
+            [_vm._v(_vm._s(_vm.text))]
+          )
+        : _vm._e()
+    ],
+    2
+  )
+}
+var mainvue_type_template_id_ada57782_staticRenderFns = []
+mainvue_type_template_id_ada57782_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/rate/src/main.vue?vue&type=template&id=ada57782&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/rate/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var rate_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElRate',
+
+  mixins: [migrating_default.a],
+
+  inject: {
+    elForm: {
+      default: ''
+    }
+  },
+
+  data: function data() {
+    return {
+      pointerAtLeftHalf: true,
+      currentValue: this.value,
+      hoverIndex: -1
+    };
+  },
+
+
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    },
+    lowThreshold: {
+      type: Number,
+      default: 2
+    },
+    highThreshold: {
+      type: Number,
+      default: 4
+    },
+    max: {
+      type: Number,
+      default: 5
+    },
+    colors: {
+      type: [Array, Object],
+      default: function _default() {
+        return ['#F7BA2A', '#F7BA2A', '#F7BA2A'];
+      }
+    },
+    voidColor: {
+      type: String,
+      default: '#C6D1DE'
+    },
+    disabledVoidColor: {
+      type: String,
+      default: '#EFF2F7'
+    },
+    iconClasses: {
+      type: [Array, Object],
+      default: function _default() {
+        return ['el-icon-star-on', 'el-icon-star-on', 'el-icon-star-on'];
+      }
+    },
+    voidIconClass: {
+      type: String,
+      default: 'el-icon-star-off'
+    },
+    disabledVoidIconClass: {
+      type: String,
+      default: 'el-icon-star-on'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    allowHalf: {
+      type: Boolean,
+      default: false
+    },
+    showText: {
+      type: Boolean,
+      default: false
+    },
+    showScore: {
+      type: Boolean,
+      default: false
+    },
+    textColor: {
+      type: String,
+      default: '#1f2d3d'
+    },
+    texts: {
+      type: Array,
+      default: function _default() {
+        return ['极差', '失望', '一般', '满意', '惊喜'];
+      }
+    },
+    scoreTemplate: {
+      type: String,
+      default: '{value}'
+    }
+  },
+
+  computed: {
+    text: function text() {
+      var result = '';
+      if (this.showScore) {
+        result = this.scoreTemplate.replace(/\{\s*value\s*\}/, this.rateDisabled ? this.value : this.currentValue);
+      } else if (this.showText) {
+        result = this.texts[Math.ceil(this.currentValue) - 1];
+      }
+      return result;
+    },
+    decimalStyle: function decimalStyle() {
+      var width = '';
+      if (this.rateDisabled) {
+        width = this.valueDecimal + '%';
+      } else if (this.allowHalf) {
+        width = '50%';
+      }
+      return {
+        color: this.activeColor,
+        width: width
+      };
+    },
+    valueDecimal: function valueDecimal() {
+      return this.value * 100 - Math.floor(this.value) * 100;
+    },
+    classMap: function classMap() {
+      var _ref;
+
+      return Array.isArray(this.iconClasses) ? (_ref = {}, _ref[this.lowThreshold] = this.iconClasses[0], _ref[this.highThreshold] = { value: this.iconClasses[1], excluded: true }, _ref[this.max] = this.iconClasses[2], _ref) : this.iconClasses;
+    },
+    decimalIconClass: function decimalIconClass() {
+      return this.getValueFromMap(this.value, this.classMap);
+    },
+    voidClass: function voidClass() {
+      return this.rateDisabled ? this.disabledVoidIconClass : this.voidIconClass;
+    },
+    activeClass: function activeClass() {
+      return this.getValueFromMap(this.currentValue, this.classMap);
+    },
+    colorMap: function colorMap() {
+      var _ref2;
+
+      return Array.isArray(this.colors) ? (_ref2 = {}, _ref2[this.lowThreshold] = this.colors[0], _ref2[this.highThreshold] = { value: this.colors[1], excluded: true }, _ref2[this.max] = this.colors[2], _ref2) : this.colors;
+    },
+    activeColor: function activeColor() {
+      return this.getValueFromMap(this.currentValue, this.colorMap);
+    },
+    classes: function classes() {
+      var result = [];
+      var i = 0;
+      var threshold = this.currentValue;
+      if (this.allowHalf && this.currentValue !== Math.floor(this.currentValue)) {
+        threshold--;
+      }
+      for (; i < threshold; i++) {
+        result.push(this.activeClass);
+      }
+      for (; i < this.max; i++) {
+        result.push(this.voidClass);
+      }
+      return result;
+    },
+    rateDisabled: function rateDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+
+  watch: {
+    value: function value(val) {
+      this.currentValue = val;
+      this.pointerAtLeftHalf = this.value !== Math.floor(this.value);
+    }
+  },
+
+  methods: {
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'text-template': 'text-template is renamed to score-template.'
+        }
+      };
+    },
+    getValueFromMap: function getValueFromMap(value, map) {
+      var matchedKeys = Object.keys(map).filter(function (key) {
+        var val = map[key];
+        var excluded = Object(types_["isObject"])(val) ? val.excluded : false;
+        return excluded ? value < key : value <= key;
+      }).sort(function (a, b) {
+        return a - b;
+      });
+      var matchedValue = map[matchedKeys[0]];
+      return Object(types_["isObject"])(matchedValue) ? matchedValue.value : matchedValue || '';
+    },
+    showDecimalIcon: function showDecimalIcon(item) {
+      var showWhenDisabled = this.rateDisabled && this.valueDecimal > 0 && item - 1 < this.value && item > this.value;
+      /* istanbul ignore next */
+      var showWhenAllowHalf = this.allowHalf && this.pointerAtLeftHalf && item - 0.5 <= this.currentValue && item > this.currentValue;
+      return showWhenDisabled || showWhenAllowHalf;
+    },
+    getIconStyle: function getIconStyle(item) {
+      var voidColor = this.rateDisabled ? this.disabledVoidColor : this.voidColor;
+      return {
+        color: item <= this.currentValue ? this.activeColor : voidColor
+      };
+    },
+    selectValue: function selectValue(value) {
+      if (this.rateDisabled) {
+        return;
+      }
+      if (this.allowHalf && this.pointerAtLeftHalf) {
+        this.$emit('input', this.currentValue);
+        this.$emit('change', this.currentValue);
+      } else {
+        this.$emit('input', value);
+        this.$emit('change', value);
+      }
+    },
+    handleKey: function handleKey(e) {
+      if (this.rateDisabled) {
+        return;
+      }
+      var currentValue = this.currentValue;
+      var keyCode = e.keyCode;
+      if (keyCode === 38 || keyCode === 39) {
+        // left / down
+        if (this.allowHalf) {
+          currentValue += 0.5;
+        } else {
+          currentValue += 1;
+        }
+        e.stopPropagation();
+        e.preventDefault();
+      } else if (keyCode === 37 || keyCode === 40) {
+        if (this.allowHalf) {
+          currentValue -= 0.5;
+        } else {
+          currentValue -= 1;
+        }
+        e.stopPropagation();
+        e.preventDefault();
+      }
+      currentValue = currentValue < 0 ? 0 : currentValue;
+      currentValue = currentValue > this.max ? this.max : currentValue;
+
+      this.$emit('input', currentValue);
+      this.$emit('change', currentValue);
+    },
+    setCurrentValue: function setCurrentValue(value, event) {
+      if (this.rateDisabled) {
+        return;
+      }
+      /* istanbul ignore if */
+      if (this.allowHalf) {
+        var target = event.target;
+        if (Object(dom_["hasClass"])(target, 'el-rate__item')) {
+          target = target.querySelector('.el-rate__icon');
+        }
+        if (Object(dom_["hasClass"])(target, 'el-rate__decimal')) {
+          target = target.parentNode;
+        }
+        this.pointerAtLeftHalf = event.offsetX * 2 <= target.clientWidth;
+        this.currentValue = this.pointerAtLeftHalf ? value - 0.5 : value;
+      } else {
+        this.currentValue = value;
+      }
+      this.hoverIndex = value;
+    },
+    resetCurrentValue: function resetCurrentValue() {
+      if (this.rateDisabled) {
+        return;
+      }
+      if (this.allowHalf) {
+        this.pointerAtLeftHalf = this.value !== Math.floor(this.value);
+      }
+      this.currentValue = this.value;
+      this.hoverIndex = -1;
+    }
+  },
+
+  created: function created() {
+    if (!this.value) {
+      this.$emit('input', 0);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/rate/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_rate_src_mainvue_type_script_lang_js_ = (rate_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/rate/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var rate_src_main_component = normalizeComponent(
+  packages_rate_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_ada57782_render,
+  mainvue_type_template_id_ada57782_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var rate_src_main_api; }
+rate_src_main_component.options.__file = "packages/rate/src/main.vue"
+/* harmony default export */ var rate_src_main = (rate_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/rate/index.js
+
+
+/* istanbul ignore next */
+rate_src_main.install = function (Vue) {
+  Vue.component(rate_src_main.name, rate_src_main);
+};
+
+/* harmony default export */ var packages_rate = (rate_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/steps/src/steps.vue?vue&type=template&id=3c6b6dc0&
+var stepsvue_type_template_id_3c6b6dc0_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-steps",
+      class: [
+        !_vm.simple && "el-steps--" + _vm.direction,
+        _vm.simple && "el-steps--simple"
+      ]
+    },
+    [_vm._t("default")],
+    2
+  )
+}
+var stepsvue_type_template_id_3c6b6dc0_staticRenderFns = []
+stepsvue_type_template_id_3c6b6dc0_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/steps/src/steps.vue?vue&type=template&id=3c6b6dc0&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/steps/src/steps.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var stepsvue_type_script_lang_js_ = ({
+  name: 'ElSteps',
+
+  mixins: [migrating_default.a],
+
+  props: {
+    space: [Number, String],
+    active: Number,
+    direction: {
+      type: String,
+      default: 'horizontal'
+    },
+    alignCenter: Boolean,
+    simple: Boolean,
+    finishStatus: {
+      type: String,
+      default: 'finish'
+    },
+    processStatus: {
+      type: String,
+      default: 'process'
+    }
+  },
+
+  data: function data() {
+    return {
+      steps: [],
+      stepOffset: 0
+    };
+  },
+
+
+  methods: {
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'center': 'center is removed.'
+        }
+      };
+    }
+  },
+
+  watch: {
+    active: function active(newVal, oldVal) {
+      this.$emit('change', newVal, oldVal);
+    },
+    steps: function steps(_steps) {
+      _steps.forEach(function (child, index) {
+        child.index = index;
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/steps/src/steps.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_stepsvue_type_script_lang_js_ = (stepsvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/steps/src/steps.vue
+
+
+
+
+
+/* normalize component */
+
+var steps_component = normalizeComponent(
+  src_stepsvue_type_script_lang_js_,
+  stepsvue_type_template_id_3c6b6dc0_render,
+  stepsvue_type_template_id_3c6b6dc0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var steps_api; }
+steps_component.options.__file = "packages/steps/src/steps.vue"
+/* harmony default export */ var steps = (steps_component.exports);
+// CONCATENATED MODULE: ./packages/steps/index.js
+
+
+/* istanbul ignore next */
+steps.install = function (Vue) {
+  Vue.component(steps.name, steps);
+};
+
+/* harmony default export */ var packages_steps = (steps);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/steps/src/step.vue?vue&type=template&id=f414a87a&
+var stepvue_type_template_id_f414a87a_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-step",
+      class: [
+        !_vm.isSimple && "is-" + _vm.$parent.direction,
+        _vm.isSimple && "is-simple",
+        _vm.isLast && !_vm.space && !_vm.isCenter && "is-flex",
+        _vm.isCenter && !_vm.isVertical && !_vm.isSimple && "is-center"
+      ],
+      style: _vm.style
+    },
+    [
+      _c(
+        "div",
+        { staticClass: "el-step__head", class: "is-" + _vm.currentStatus },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "el-step__line",
+              style: _vm.isLast
+                ? ""
+                : { marginRight: _vm.$parent.stepOffset + "px" }
+            },
+            [
+              _c("i", {
+                staticClass: "el-step__line-inner",
+                style: _vm.lineStyle
+              })
+            ]
+          ),
+          _c(
+            "div",
+            {
+              staticClass: "el-step__icon",
+              class: "is-" + (_vm.icon ? "icon" : "text")
+            },
+            [
+              _vm.currentStatus !== "success" && _vm.currentStatus !== "error"
+                ? _vm._t("icon", [
+                    _vm.icon
+                      ? _c("i", {
+                          staticClass: "el-step__icon-inner",
+                          class: [_vm.icon]
+                        })
+                      : _vm._e(),
+                    !_vm.icon && !_vm.isSimple
+                      ? _c("div", { staticClass: "el-step__icon-inner" }, [
+                          _vm._v(_vm._s(_vm.index + 1))
+                        ])
+                      : _vm._e()
+                  ])
+                : _c("i", {
+                    staticClass: "el-step__icon-inner is-status",
+                    class: [
+                      "el-icon-" +
+                        (_vm.currentStatus === "success" ? "check" : "close")
+                    ]
+                  })
+            ],
+            2
+          )
+        ]
+      ),
+      _c("div", { staticClass: "el-step__main" }, [
+        _c(
+          "div",
+          {
+            ref: "title",
+            staticClass: "el-step__title",
+            class: ["is-" + _vm.currentStatus]
+          },
+          [_vm._t("title", [_vm._v(_vm._s(_vm.title))])],
+          2
+        ),
+        _vm.isSimple
+          ? _c("div", { staticClass: "el-step__arrow" })
+          : _c(
+              "div",
+              {
+                staticClass: "el-step__description",
+                class: ["is-" + _vm.currentStatus]
+              },
+              [_vm._t("description", [_vm._v(_vm._s(_vm.description))])],
+              2
+            )
+      ])
+    ]
+  )
+}
+var stepvue_type_template_id_f414a87a_staticRenderFns = []
+stepvue_type_template_id_f414a87a_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/steps/src/step.vue?vue&type=template&id=f414a87a&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/steps/src/step.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var stepvue_type_script_lang_js_ = ({
+  name: 'ElStep',
+
+  props: {
+    title: String,
+    icon: String,
+    description: String,
+    status: String
+  },
+
+  data: function data() {
+    return {
+      index: -1,
+      lineStyle: {},
+      internalStatus: ''
+    };
+  },
+  beforeCreate: function beforeCreate() {
+    this.$parent.steps.push(this);
+  },
+  beforeDestroy: function beforeDestroy() {
+    var steps = this.$parent.steps;
+    var index = steps.indexOf(this);
+    if (index >= 0) {
+      steps.splice(index, 1);
+    }
+  },
+
+
+  computed: {
+    currentStatus: function currentStatus() {
+      return this.status || this.internalStatus;
+    },
+    prevStatus: function prevStatus() {
+      var prevStep = this.$parent.steps[this.index - 1];
+      return prevStep ? prevStep.currentStatus : 'wait';
+    },
+    isCenter: function isCenter() {
+      return this.$parent.alignCenter;
+    },
+    isVertical: function isVertical() {
+      return this.$parent.direction === 'vertical';
+    },
+    isSimple: function isSimple() {
+      return this.$parent.simple;
+    },
+    isLast: function isLast() {
+      var parent = this.$parent;
+      return parent.steps[parent.steps.length - 1] === this;
+    },
+    stepsCount: function stepsCount() {
+      return this.$parent.steps.length;
+    },
+    space: function space() {
+      var isSimple = this.isSimple,
+          space = this.$parent.space;
+
+      return isSimple ? '' : space;
+    },
+
+    style: function style() {
+      var style = {};
+      var parent = this.$parent;
+      var len = parent.steps.length;
+
+      var space = typeof this.space === 'number' ? this.space + 'px' : this.space ? this.space : 100 / (len - (this.isCenter ? 0 : 1)) + '%';
+      style.flexBasis = space;
+      if (this.isVertical) return style;
+      if (this.isLast) {
+        style.maxWidth = 100 / this.stepsCount + '%';
+      } else {
+        style.marginRight = -this.$parent.stepOffset + 'px';
+      }
+
+      return style;
+    }
+  },
+
+  methods: {
+    updateStatus: function updateStatus(val) {
+      var prevChild = this.$parent.$children[this.index - 1];
+
+      if (val > this.index) {
+        this.internalStatus = this.$parent.finishStatus;
+      } else if (val === this.index && this.prevStatus !== 'error') {
+        this.internalStatus = this.$parent.processStatus;
+      } else {
+        this.internalStatus = 'wait';
+      }
+
+      if (prevChild) prevChild.calcProgress(this.internalStatus);
+    },
+    calcProgress: function calcProgress(status) {
+      var step = 100;
+      var style = {};
+
+      style.transitionDelay = 150 * this.index + 'ms';
+      if (status === this.$parent.processStatus) {
+        step = this.currentStatus !== 'error' ? 0 : 0;
+      } else if (status === 'wait') {
+        step = 0;
+        style.transitionDelay = -150 * this.index + 'ms';
+      }
+
+      style.borderWidth = step && !this.isSimple ? '1px' : 0;
+      this.$parent.direction === 'vertical' ? style.height = step + '%' : style.width = step + '%';
+
+      this.lineStyle = style;
+    }
+  },
+
+  mounted: function mounted() {
+    var _this = this;
+
+    var unwatch = this.$watch('index', function (val) {
+      _this.$watch('$parent.active', _this.updateStatus, { immediate: true });
+      _this.$watch('$parent.processStatus', function () {
+        var activeIndex = _this.$parent.active;
+        _this.updateStatus(activeIndex);
+      }, { immediate: true });
+      unwatch();
+    });
+  }
+});
+// CONCATENATED MODULE: ./packages/steps/src/step.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_stepvue_type_script_lang_js_ = (stepvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/steps/src/step.vue
+
+
+
+
+
+/* normalize component */
+
+var step_component = normalizeComponent(
+  src_stepvue_type_script_lang_js_,
+  stepvue_type_template_id_f414a87a_render,
+  stepvue_type_template_id_f414a87a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var step_api; }
+step_component.options.__file = "packages/steps/src/step.vue"
+/* harmony default export */ var step = (step_component.exports);
+// CONCATENATED MODULE: ./packages/step/index.js
+
+
+/* istanbul ignore next */
+step.install = function (Vue) {
+  Vue.component(step.name, step);
+};
+
+/* harmony default export */ var packages_step = (step);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/main.vue?vue&type=template&id=5d5d1482&
+var mainvue_type_template_id_5d5d1482_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      class: _vm.carouselClasses,
+      on: {
+        mouseenter: function($event) {
+          $event.stopPropagation()
+          return _vm.handleMouseEnter($event)
+        },
+        mouseleave: function($event) {
+          $event.stopPropagation()
+          return _vm.handleMouseLeave($event)
+        }
+      }
+    },
+    [
+      _c(
+        "div",
+        {
+          staticClass: "el-carousel__container",
+          style: { height: _vm.height }
+        },
+        [
+          _vm.arrowDisplay
+            ? _c("transition", { attrs: { name: "carousel-arrow-left" } }, [
+                _c(
+                  "button",
+                  {
+                    directives: [
+                      {
+                        name: "show",
+                        rawName: "v-show",
+                        value:
+                          (_vm.arrow === "always" || _vm.hover) &&
+                          (_vm.loop || _vm.activeIndex > 0),
+                        expression:
+                          "(arrow === 'always' || hover) && (loop || activeIndex > 0)"
+                      }
+                    ],
+                    staticClass: "el-carousel__arrow el-carousel__arrow--left",
+                    attrs: { type: "button" },
+                    on: {
+                      mouseenter: function($event) {
+                        _vm.handleButtonEnter("left")
+                      },
+                      mouseleave: _vm.handleButtonLeave,
+                      click: function($event) {
+                        $event.stopPropagation()
+                        _vm.throttledArrowClick(_vm.activeIndex - 1)
+                      }
+                    }
+                  },
+                  [_c("i", { staticClass: "el-icon-arrow-left" })]
+                )
+              ])
+            : _vm._e(),
+          _vm.arrowDisplay
+            ? _c("transition", { attrs: { name: "carousel-arrow-right" } }, [
+                _c(
+                  "button",
+                  {
+                    directives: [
+                      {
+                        name: "show",
+                        rawName: "v-show",
+                        value:
+                          (_vm.arrow === "always" || _vm.hover) &&
+                          (_vm.loop || _vm.activeIndex < _vm.items.length - 1),
+                        expression:
+                          "(arrow === 'always' || hover) && (loop || activeIndex < items.length - 1)"
+                      }
+                    ],
+                    staticClass: "el-carousel__arrow el-carousel__arrow--right",
+                    attrs: { type: "button" },
+                    on: {
+                      mouseenter: function($event) {
+                        _vm.handleButtonEnter("right")
+                      },
+                      mouseleave: _vm.handleButtonLeave,
+                      click: function($event) {
+                        $event.stopPropagation()
+                        _vm.throttledArrowClick(_vm.activeIndex + 1)
+                      }
+                    }
+                  },
+                  [_c("i", { staticClass: "el-icon-arrow-right" })]
+                )
+              ])
+            : _vm._e(),
+          _vm._t("default")
+        ],
+        2
+      ),
+      _vm.indicatorPosition !== "none"
+        ? _c(
+            "ul",
+            { class: _vm.indicatorsClasses },
+            _vm._l(_vm.items, function(item, index) {
+              return _c(
+                "li",
+                {
+                  key: index,
+                  class: [
+                    "el-carousel__indicator",
+                    "el-carousel__indicator--" + _vm.direction,
+                    { "is-active": index === _vm.activeIndex }
+                  ],
+                  on: {
+                    mouseenter: function($event) {
+                      _vm.throttledIndicatorHover(index)
+                    },
+                    click: function($event) {
+                      $event.stopPropagation()
+                      _vm.handleIndicatorClick(index)
+                    }
+                  }
+                },
+                [
+                  _c("button", { staticClass: "el-carousel__button" }, [
+                    _vm.hasLabel
+                      ? _c("span", [_vm._v(_vm._s(item.label))])
+                      : _vm._e()
+                  ])
+                ]
+              )
+            }),
+            0
+          )
+        : _vm._e()
+    ]
+  )
+}
+var mainvue_type_template_id_5d5d1482_staticRenderFns = []
+mainvue_type_template_id_5d5d1482_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=template&id=5d5d1482&
+
+// EXTERNAL MODULE: external "throttle-debounce/throttle"
+var throttle_ = __webpack_require__(25);
+var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ var carousel_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElCarousel',
+
+  props: {
+    initialIndex: {
+      type: Number,
+      default: 0
+    },
+    height: String,
+    trigger: {
+      type: String,
+      default: 'hover'
+    },
+    autoplay: {
+      type: Boolean,
+      default: true
+    },
+    interval: {
+      type: Number,
+      default: 3000
+    },
+    indicatorPosition: String,
+    indicator: {
+      type: Boolean,
+      default: true
+    },
+    arrow: {
+      type: String,
+      default: 'hover'
+    },
+    type: String,
+    loop: {
+      type: Boolean,
+      default: true
+    },
+    direction: {
+      type: String,
+      default: 'horizontal',
+      validator: function validator(val) {
+        return ['horizontal', 'vertical'].indexOf(val) !== -1;
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      items: [],
+      activeIndex: -1,
+      containerWidth: 0,
+      timer: null,
+      hover: false
+    };
+  },
+
+
+  computed: {
+    arrowDisplay: function arrowDisplay() {
+      return this.arrow !== 'never' && this.direction !== 'vertical';
+    },
+    hasLabel: function hasLabel() {
+      return this.items.some(function (item) {
+        return item.label.toString().length > 0;
+      });
+    },
+    carouselClasses: function carouselClasses() {
+      var classes = ['el-carousel', 'el-carousel--' + this.direction];
+      if (this.type === 'card') {
+        classes.push('el-carousel--card');
+      }
+      return classes;
+    },
+    indicatorsClasses: function indicatorsClasses() {
+      var classes = ['el-carousel__indicators', 'el-carousel__indicators--' + this.direction];
+      if (this.hasLabel) {
+        classes.push('el-carousel__indicators--labels');
+      }
+      if (this.indicatorPosition === 'outside' || this.type === 'card') {
+        classes.push('el-carousel__indicators--outside');
+      }
+      return classes;
+    }
+  },
+
+  watch: {
+    items: function items(val) {
+      if (val.length > 0) this.setActiveItem(this.initialIndex);
+    },
+    activeIndex: function activeIndex(val, oldVal) {
+      this.resetItemPosition(oldVal);
+      if (oldVal > -1) {
+        this.$emit('change', val, oldVal);
+      }
+    },
+    autoplay: function autoplay(val) {
+      val ? this.startTimer() : this.pauseTimer();
+    },
+    loop: function loop() {
+      this.setActiveItem(this.activeIndex);
+    },
+    interval: function interval() {
+      this.pauseTimer();
+      this.startTimer();
+    }
+  },
+
+  methods: {
+    handleMouseEnter: function handleMouseEnter() {
+      this.hover = true;
+      this.pauseTimer();
+    },
+    handleMouseLeave: function handleMouseLeave() {
+      this.hover = false;
+      this.startTimer();
+    },
+    itemInStage: function itemInStage(item, index) {
+      var length = this.items.length;
+      if (index === length - 1 && item.inStage && this.items[0].active || item.inStage && this.items[index + 1] && this.items[index + 1].active) {
+        return 'left';
+      } else if (index === 0 && item.inStage && this.items[length - 1].active || item.inStage && this.items[index - 1] && this.items[index - 1].active) {
+        return 'right';
+      }
+      return false;
+    },
+    handleButtonEnter: function handleButtonEnter(arrow) {
+      var _this = this;
+
+      if (this.direction === 'vertical') return;
+      this.items.forEach(function (item, index) {
+        if (arrow === _this.itemInStage(item, index)) {
+          item.hover = true;
+        }
+      });
+    },
+    handleButtonLeave: function handleButtonLeave() {
+      if (this.direction === 'vertical') return;
+      this.items.forEach(function (item) {
+        item.hover = false;
+      });
+    },
+    updateItems: function updateItems() {
+      this.items = this.$children.filter(function (child) {
+        return child.$options.name === 'ElCarouselItem';
+      });
+    },
+    resetItemPosition: function resetItemPosition(oldIndex) {
+      var _this2 = this;
+
+      this.items.forEach(function (item, index) {
+        item.translateItem(index, _this2.activeIndex, oldIndex);
+      });
+    },
+    playSlides: function playSlides() {
+      if (this.activeIndex < this.items.length - 1) {
+        this.activeIndex++;
+      } else if (this.loop) {
+        this.activeIndex = 0;
+      }
+    },
+    pauseTimer: function pauseTimer() {
+      if (this.timer) {
+        clearInterval(this.timer);
+        this.timer = null;
+      }
+    },
+    startTimer: function startTimer() {
+      if (this.interval <= 0 || !this.autoplay || this.timer) return;
+      this.timer = setInterval(this.playSlides, this.interval);
+    },
+    resetTimer: function resetTimer() {
+      this.pauseTimer();
+      this.startTimer();
+    },
+    setActiveItem: function setActiveItem(index) {
+      if (typeof index === 'string') {
+        var filteredItems = this.items.filter(function (item) {
+          return item.name === index;
+        });
+        if (filteredItems.length > 0) {
+          index = this.items.indexOf(filteredItems[0]);
+        }
+      }
+      index = Number(index);
+      if (isNaN(index) || index !== Math.floor(index)) {
+        console.warn('[Element Warn][Carousel]index must be an integer.');
+        return;
+      }
+      var length = this.items.length;
+      var oldIndex = this.activeIndex;
+      if (index < 0) {
+        this.activeIndex = this.loop ? length - 1 : 0;
+      } else if (index >= length) {
+        this.activeIndex = this.loop ? 0 : length - 1;
+      } else {
+        this.activeIndex = index;
+      }
+      if (oldIndex === this.activeIndex) {
+        this.resetItemPosition(oldIndex);
+      }
+      this.resetTimer();
+    },
+    prev: function prev() {
+      this.setActiveItem(this.activeIndex - 1);
+    },
+    next: function next() {
+      this.setActiveItem(this.activeIndex + 1);
+    },
+    handleIndicatorClick: function handleIndicatorClick(index) {
+      this.activeIndex = index;
+    },
+    handleIndicatorHover: function handleIndicatorHover(index) {
+      if (this.trigger === 'hover' && index !== this.activeIndex) {
+        this.activeIndex = index;
+      }
+    }
+  },
+
+  created: function created() {
+    var _this3 = this;
+
+    this.throttledArrowClick = throttle_default()(300, true, function (index) {
+      _this3.setActiveItem(index);
+    });
+    this.throttledIndicatorHover = throttle_default()(300, function (index) {
+      _this3.handleIndicatorHover(index);
+    });
+  },
+  mounted: function mounted() {
+    var _this4 = this;
+
+    this.updateItems();
+    this.$nextTick(function () {
+      Object(resize_event_["addResizeListener"])(_this4.$el, _this4.resetItemPosition);
+      if (_this4.initialIndex < _this4.items.length && _this4.initialIndex >= 0) {
+        _this4.activeIndex = _this4.initialIndex;
+      }
+      _this4.startTimer();
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.$el) Object(resize_event_["removeResizeListener"])(this.$el, this.resetItemPosition);
+    this.pauseTimer();
+  }
+});
+// CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_carousel_src_mainvue_type_script_lang_js_ = (carousel_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/carousel/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var carousel_src_main_component = normalizeComponent(
+  packages_carousel_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_5d5d1482_render,
+  mainvue_type_template_id_5d5d1482_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var carousel_src_main_api; }
+carousel_src_main_component.options.__file = "packages/carousel/src/main.vue"
+/* harmony default export */ var carousel_src_main = (carousel_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/carousel/index.js
+
+
+/* istanbul ignore next */
+carousel_src_main.install = function (Vue) {
+  Vue.component(carousel_src_main.name, carousel_src_main);
+};
+
+/* harmony default export */ var carousel = (carousel_src_main);
+// CONCATENATED MODULE: ./packages/scrollbar/src/util.js
+var BAR_MAP = {
+  vertical: {
+    offset: 'offsetHeight',
+    scroll: 'scrollTop',
+    scrollSize: 'scrollHeight',
+    size: 'height',
+    key: 'vertical',
+    axis: 'Y',
+    client: 'clientY',
+    direction: 'top'
+  },
+  horizontal: {
+    offset: 'offsetWidth',
+    scroll: 'scrollLeft',
+    scrollSize: 'scrollWidth',
+    size: 'width',
+    key: 'horizontal',
+    axis: 'X',
+    client: 'clientX',
+    direction: 'left'
+  }
+};
+
+function renderThumbStyle(_ref) {
+  var move = _ref.move,
+      size = _ref.size,
+      bar = _ref.bar;
+
+  var style = {};
+  var translate = 'translate' + bar.axis + '(' + move + '%)';
+
+  style[bar.size] = size;
+  style.transform = translate;
+  style.msTransform = translate;
+  style.webkitTransform = translate;
+
+  return style;
+};
+// CONCATENATED MODULE: ./packages/scrollbar/src/bar.js
+
+
+
+/* istanbul ignore next */
+/* harmony default export */ var src_bar = ({
+  name: 'Bar',
+
+  props: {
+    vertical: Boolean,
+    size: String,
+    move: Number
+  },
+
+  computed: {
+    bar: function bar() {
+      return BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
+    },
+    wrap: function wrap() {
+      return this.$parent.wrap;
+    }
+  },
+
+  render: function render(h) {
+    var size = this.size,
+        move = this.move,
+        bar = this.bar;
+
+
+    return h(
+      'div',
+      {
+        'class': ['el-scrollbar__bar', 'is-' + bar.key],
+        on: {
+          'mousedown': this.clickTrackHandler
+        }
+      },
+      [h('div', {
+        ref: 'thumb',
+        'class': 'el-scrollbar__thumb',
+        on: {
+          'mousedown': this.clickThumbHandler
+        },
+
+        style: renderThumbStyle({ size: size, move: move, bar: bar }) })]
+    );
+  },
+
+
+  methods: {
+    clickThumbHandler: function clickThumbHandler(e) {
+      // prevent click event of right button
+      if (e.ctrlKey || e.button === 2) {
+        return;
+      }
+      this.startDrag(e);
+      this[this.bar.axis] = e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]);
+    },
+    clickTrackHandler: function clickTrackHandler(e) {
+      var offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]);
+      var thumbHalf = this.$refs.thumb[this.bar.offset] / 2;
+      var thumbPositionPercentage = (offset - thumbHalf) * 100 / this.$el[this.bar.offset];
+
+      this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
+    },
+    startDrag: function startDrag(e) {
+      e.stopImmediatePropagation();
+      this.cursorDown = true;
+
+      Object(dom_["on"])(document, 'mousemove', this.mouseMoveDocumentHandler);
+      Object(dom_["on"])(document, 'mouseup', this.mouseUpDocumentHandler);
+      document.onselectstart = function () {
+        return false;
+      };
+    },
+    mouseMoveDocumentHandler: function mouseMoveDocumentHandler(e) {
+      if (this.cursorDown === false) return;
+      var prevPage = this[this.bar.axis];
+
+      if (!prevPage) return;
+
+      var offset = (this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1;
+      var thumbClickPosition = this.$refs.thumb[this.bar.offset] - prevPage;
+      var thumbPositionPercentage = (offset - thumbClickPosition) * 100 / this.$el[this.bar.offset];
+
+      this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
+    },
+    mouseUpDocumentHandler: function mouseUpDocumentHandler(e) {
+      this.cursorDown = false;
+      this[this.bar.axis] = 0;
+      Object(dom_["off"])(document, 'mousemove', this.mouseMoveDocumentHandler);
+      document.onselectstart = null;
+    }
+  },
+
+  destroyed: function destroyed() {
+    Object(dom_["off"])(document, 'mouseup', this.mouseUpDocumentHandler);
+  }
+});
+// CONCATENATED MODULE: ./packages/scrollbar/src/main.js
+// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
+
+
+
+
+
+
+/* istanbul ignore next */
+/* harmony default export */ var scrollbar_src_main = ({
+  name: 'ElScrollbar',
+
+  components: { Bar: src_bar },
+
+  props: {
+    native: Boolean,
+    wrapStyle: {},
+    wrapClass: {},
+    viewClass: {},
+    viewStyle: {},
+    noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
+    tag: {
+      type: String,
+      default: 'div'
+    }
+  },
+
+  data: function data() {
+    return {
+      sizeWidth: '0',
+      sizeHeight: '0',
+      moveX: 0,
+      moveY: 0
+    };
+  },
+
+
+  computed: {
+    wrap: function wrap() {
+      return this.$refs.wrap;
+    }
+  },
+
+  render: function render(h) {
+    var gutter = scrollbar_width_default()();
+    var style = this.wrapStyle;
+
+    if (gutter) {
+      var gutterWith = '-' + gutter + 'px';
+      var gutterStyle = 'margin-bottom: ' + gutterWith + '; margin-right: ' + gutterWith + ';';
+
+      if (Array.isArray(this.wrapStyle)) {
+        style = Object(util_["toObject"])(this.wrapStyle);
+        style.marginRight = style.marginBottom = gutterWith;
+      } else if (typeof this.wrapStyle === 'string') {
+        style += gutterStyle;
+      } else {
+        style = gutterStyle;
+      }
+    }
+    var view = h(this.tag, {
+      class: ['el-scrollbar__view', this.viewClass],
+      style: this.viewStyle,
+      ref: 'resize'
+    }, this.$slots.default);
+    var wrap = h(
+      'div',
+      {
+        ref: 'wrap',
+        style: style,
+        on: {
+          'scroll': this.handleScroll
+        },
+
+        'class': [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] },
+      [[view]]
+    );
+    var nodes = void 0;
+
+    if (!this.native) {
+      nodes = [wrap, h(src_bar, {
+        attrs: {
+          move: this.moveX,
+          size: this.sizeWidth }
+      }), h(src_bar, {
+        attrs: {
+          vertical: true,
+          move: this.moveY,
+          size: this.sizeHeight }
+      })];
+    } else {
+      nodes = [h(
+        'div',
+        {
+          ref: 'wrap',
+          'class': [this.wrapClass, 'el-scrollbar__wrap'],
+          style: style },
+        [[view]]
+      )];
+    }
+    return h('div', { class: 'el-scrollbar' }, nodes);
+  },
+
+
+  methods: {
+    handleScroll: function handleScroll() {
+      var wrap = this.wrap;
+
+      this.moveY = wrap.scrollTop * 100 / wrap.clientHeight;
+      this.moveX = wrap.scrollLeft * 100 / wrap.clientWidth;
+    },
+    update: function update() {
+      var heightPercentage = void 0,
+          widthPercentage = void 0;
+      var wrap = this.wrap;
+      if (!wrap) return;
+
+      heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;
+      widthPercentage = wrap.clientWidth * 100 / wrap.scrollWidth;
+
+      this.sizeHeight = heightPercentage < 100 ? heightPercentage + '%' : '';
+      this.sizeWidth = widthPercentage < 100 ? widthPercentage + '%' : '';
+    }
+  },
+
+  mounted: function mounted() {
+    if (this.native) return;
+    this.$nextTick(this.update);
+    !this.noresize && Object(resize_event_["addResizeListener"])(this.$refs.resize, this.update);
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.native) return;
+    !this.noresize && Object(resize_event_["removeResizeListener"])(this.$refs.resize, this.update);
+  }
+});
+// CONCATENATED MODULE: ./packages/scrollbar/index.js
+
+
+/* istanbul ignore next */
+scrollbar_src_main.install = function (Vue) {
+  Vue.component(scrollbar_src_main.name, scrollbar_src_main);
+};
+
+/* harmony default export */ var scrollbar = (scrollbar_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/item.vue?vue&type=template&id=1801ae19&
+var itemvue_type_template_id_1801ae19_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "show",
+          rawName: "v-show",
+          value: _vm.ready,
+          expression: "ready"
+        }
+      ],
+      staticClass: "el-carousel__item",
+      class: {
+        "is-active": _vm.active,
+        "el-carousel__item--card": _vm.$parent.type === "card",
+        "is-in-stage": _vm.inStage,
+        "is-hover": _vm.hover,
+        "is-animating": _vm.animating
+      },
+      style: _vm.itemStyle,
+      on: { click: _vm.handleItemClick }
+    },
+    [
+      _vm.$parent.type === "card"
+        ? _c("div", {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: !_vm.active,
+                expression: "!active"
+              }
+            ],
+            staticClass: "el-carousel__mask"
+          })
+        : _vm._e(),
+      _vm._t("default")
+    ],
+    2
+  )
+}
+var itemvue_type_template_id_1801ae19_staticRenderFns = []
+itemvue_type_template_id_1801ae19_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/carousel/src/item.vue?vue&type=template&id=1801ae19&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+var CARD_SCALE = 0.83;
+/* harmony default export */ var itemvue_type_script_lang_js_ = ({
+  name: 'ElCarouselItem',
+
+  props: {
+    name: String,
+    label: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+
+  data: function data() {
+    return {
+      hover: false,
+      translate: 0,
+      scale: 1,
+      active: false,
+      ready: false,
+      inStage: false,
+      animating: false
+    };
+  },
+
+
+  methods: {
+    processIndex: function processIndex(index, activeIndex, length) {
+      if (activeIndex === 0 && index === length - 1) {
+        return -1;
+      } else if (activeIndex === length - 1 && index === 0) {
+        return length;
+      } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {
+        return length + 1;
+      } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {
+        return -2;
+      }
+      return index;
+    },
+    calcCardTranslate: function calcCardTranslate(index, activeIndex) {
+      var parentWidth = this.$parent.$el.offsetWidth;
+      if (this.inStage) {
+        return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
+      } else if (index < activeIndex) {
+        return -(1 + CARD_SCALE) * parentWidth / 4;
+      } else {
+        return (3 + CARD_SCALE) * parentWidth / 4;
+      }
+    },
+    calcTranslate: function calcTranslate(index, activeIndex, isVertical) {
+      var distance = this.$parent.$el[isVertical ? 'offsetHeight' : 'offsetWidth'];
+      return distance * (index - activeIndex);
+    },
+    translateItem: function translateItem(index, activeIndex, oldIndex) {
+      var parentType = this.$parent.type;
+      var parentDirection = this.parentDirection;
+      var length = this.$parent.items.length;
+      if (parentType !== 'card' && oldIndex !== undefined) {
+        this.animating = index === activeIndex || index === oldIndex;
+      }
+      if (index !== activeIndex && length > 2 && this.$parent.loop) {
+        index = this.processIndex(index, activeIndex, length);
+      }
+      if (parentType === 'card') {
+        if (parentDirection === 'vertical') {
+          console.warn('[Element Warn][Carousel]vertical direction is not supported in card mode');
+        }
+        this.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
+        this.active = index === activeIndex;
+        this.translate = this.calcCardTranslate(index, activeIndex);
+        this.scale = this.active ? 1 : CARD_SCALE;
+      } else {
+        this.active = index === activeIndex;
+        var isVertical = parentDirection === 'vertical';
+        this.translate = this.calcTranslate(index, activeIndex, isVertical);
+        this.scale = 1;
+      }
+      this.ready = true;
+    },
+    handleItemClick: function handleItemClick() {
+      var parent = this.$parent;
+      if (parent && parent.type === 'card') {
+        var index = parent.items.indexOf(this);
+        parent.setActiveItem(index);
+      }
+    }
+  },
+
+  computed: {
+    parentDirection: function parentDirection() {
+      return this.$parent.direction;
+    },
+    itemStyle: function itemStyle() {
+      var translateType = this.parentDirection === 'vertical' ? 'translateY' : 'translateX';
+      var value = translateType + '(' + this.translate + 'px) scale(' + this.scale + ')';
+      var style = {
+        transform: value
+      };
+      return Object(util_["autoprefixer"])(style);
+    }
+  },
+
+  created: function created() {
+    this.$parent && this.$parent.updateItems();
+  },
+  destroyed: function destroyed() {
+    this.$parent && this.$parent.updateItems();
+  }
+});
+// CONCATENATED MODULE: ./packages/carousel/src/item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_itemvue_type_script_lang_js_ = (itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/carousel/src/item.vue
+
+
+
+
+
+/* normalize component */
+
+var item_component = normalizeComponent(
+  src_itemvue_type_script_lang_js_,
+  itemvue_type_template_id_1801ae19_render,
+  itemvue_type_template_id_1801ae19_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var item_api; }
+item_component.options.__file = "packages/carousel/src/item.vue"
+/* harmony default export */ var src_item = (item_component.exports);
+// CONCATENATED MODULE: ./packages/carousel-item/index.js
+
+
+/* istanbul ignore next */
+src_item.install = function (Vue) {
+  Vue.component(src_item.name, src_item);
+};
+
+/* harmony default export */ var carousel_item = (src_item);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/collapse/src/collapse.vue?vue&type=template&id=461d57f4&
+var collapsevue_type_template_id_461d57f4_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-collapse",
+      attrs: { role: "tablist", "aria-multiselectable": "true" }
+    },
+    [_vm._t("default")],
+    2
+  )
+}
+var collapsevue_type_template_id_461d57f4_staticRenderFns = []
+collapsevue_type_template_id_461d57f4_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/collapse/src/collapse.vue?vue&type=template&id=461d57f4&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/collapse/src/collapse.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+
+/* harmony default export */ var collapsevue_type_script_lang_js_ = ({
+  name: 'ElCollapse',
+
+  componentName: 'ElCollapse',
+
+  props: {
+    accordion: Boolean,
+    value: {
+      type: [Array, String, Number],
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+
+  data: function data() {
+    return {
+      activeNames: [].concat(this.value)
+    };
+  },
+  provide: function provide() {
+    return {
+      collapse: this
+    };
+  },
+
+
+  watch: {
+    value: function value(_value) {
+      this.activeNames = [].concat(_value);
+    }
+  },
+
+  methods: {
+    setActiveNames: function setActiveNames(activeNames) {
+      activeNames = [].concat(activeNames);
+      var value = this.accordion ? activeNames[0] : activeNames;
+      this.activeNames = activeNames;
+      this.$emit('input', value);
+      this.$emit('change', value);
+    },
+    handleItemClick: function handleItemClick(item) {
+      if (this.accordion) {
+        this.setActiveNames((this.activeNames[0] || this.activeNames[0] === 0) && this.activeNames[0] === item.name ? '' : item.name);
+      } else {
+        var activeNames = this.activeNames.slice(0);
+        var index = activeNames.indexOf(item.name);
+
+        if (index > -1) {
+          activeNames.splice(index, 1);
+        } else {
+          activeNames.push(item.name);
+        }
+        this.setActiveNames(activeNames);
+      }
+    }
+  },
+
+  created: function created() {
+    this.$on('item-click', this.handleItemClick);
+  }
+});
+// CONCATENATED MODULE: ./packages/collapse/src/collapse.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_collapsevue_type_script_lang_js_ = (collapsevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/collapse/src/collapse.vue
+
+
+
+
+
+/* normalize component */
+
+var collapse_component = normalizeComponent(
+  src_collapsevue_type_script_lang_js_,
+  collapsevue_type_template_id_461d57f4_render,
+  collapsevue_type_template_id_461d57f4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var collapse_api; }
+collapse_component.options.__file = "packages/collapse/src/collapse.vue"
+/* harmony default export */ var collapse = (collapse_component.exports);
+// CONCATENATED MODULE: ./packages/collapse/index.js
+
+
+/* istanbul ignore next */
+collapse.install = function (Vue) {
+  Vue.component(collapse.name, collapse);
+};
+
+/* harmony default export */ var packages_collapse = (collapse);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/collapse/src/collapse-item.vue?vue&type=template&id=2d05faac&
+var collapse_itemvue_type_template_id_2d05faac_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-collapse-item",
+      class: { "is-active": _vm.isActive, "is-disabled": _vm.disabled }
+    },
+    [
+      _c(
+        "div",
+        {
+          attrs: {
+            role: "tab",
+            "aria-expanded": _vm.isActive,
+            "aria-controls": "el-collapse-content-" + _vm.id,
+            "aria-describedby": "el-collapse-content-" + _vm.id
+          }
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "el-collapse-item__header",
+              class: {
+                focusing: _vm.focusing,
+                "is-active": _vm.isActive
+              },
+              attrs: {
+                role: "button",
+                id: "el-collapse-head-" + _vm.id,
+                tabindex: _vm.disabled ? undefined : 0
+              },
+              on: {
+                click: _vm.handleHeaderClick,
+                keyup: function($event) {
+                  if (
+                    !("button" in $event) &&
+                    _vm._k($event.keyCode, "space", 32, $event.key, [
+                      " ",
+                      "Spacebar"
+                    ]) &&
+                    _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
+                  ) {
+                    return null
+                  }
+                  $event.stopPropagation()
+                  return _vm.handleEnterClick($event)
+                },
+                focus: _vm.handleFocus,
+                blur: function($event) {
+                  _vm.focusing = false
+                }
+              }
+            },
+            [
+              _vm._t("title", [_vm._v(_vm._s(_vm.title))]),
+              _c("i", {
+                staticClass: "el-collapse-item__arrow el-icon-arrow-right",
+                class: { "is-active": _vm.isActive }
+              })
+            ],
+            2
+          )
+        ]
+      ),
+      _c("el-collapse-transition", [
+        _c(
+          "div",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.isActive,
+                expression: "isActive"
+              }
+            ],
+            staticClass: "el-collapse-item__wrap",
+            attrs: {
+              role: "tabpanel",
+              "aria-hidden": !_vm.isActive,
+              "aria-labelledby": "el-collapse-head-" + _vm.id,
+              id: "el-collapse-content-" + _vm.id
+            }
+          },
+          [
+            _c(
+              "div",
+              { staticClass: "el-collapse-item__content" },
+              [_vm._t("default")],
+              2
+            )
+          ]
+        )
+      ])
+    ],
+    1
+  )
+}
+var collapse_itemvue_type_template_id_2d05faac_staticRenderFns = []
+collapse_itemvue_type_template_id_2d05faac_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/collapse/src/collapse-item.vue?vue&type=template&id=2d05faac&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/collapse/src/collapse-item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var collapse_itemvue_type_script_lang_js_ = ({
+  name: 'ElCollapseItem',
+
+  componentName: 'ElCollapseItem',
+
+  mixins: [emitter_default.a],
+
+  components: { ElCollapseTransition: collapse_transition_default.a },
+
+  data: function data() {
+    return {
+      contentWrapStyle: {
+        height: 'auto',
+        display: 'block'
+      },
+      contentHeight: 0,
+      focusing: false,
+      isClick: false,
+      id: Object(util_["generateId"])()
+    };
+  },
+
+
+  inject: ['collapse'],
+
+  props: {
+    title: String,
+    name: {
+      type: [String, Number],
+      default: function _default() {
+        return this._uid;
+      }
+    },
+    disabled: Boolean
+  },
+
+  computed: {
+    isActive: function isActive() {
+      return this.collapse.activeNames.indexOf(this.name) > -1;
+    }
+  },
+
+  methods: {
+    handleFocus: function handleFocus() {
+      var _this = this;
+
+      setTimeout(function () {
+        if (!_this.isClick) {
+          _this.focusing = true;
+        } else {
+          _this.isClick = false;
+        }
+      }, 50);
+    },
+    handleHeaderClick: function handleHeaderClick() {
+      if (this.disabled) return;
+      this.dispatch('ElCollapse', 'item-click', this);
+      this.focusing = false;
+      this.isClick = true;
+    },
+    handleEnterClick: function handleEnterClick() {
+      this.dispatch('ElCollapse', 'item-click', this);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/collapse/src/collapse-item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_collapse_itemvue_type_script_lang_js_ = (collapse_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/collapse/src/collapse-item.vue
+
+
+
+
+
+/* normalize component */
+
+var collapse_item_component = normalizeComponent(
+  src_collapse_itemvue_type_script_lang_js_,
+  collapse_itemvue_type_template_id_2d05faac_render,
+  collapse_itemvue_type_template_id_2d05faac_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var collapse_item_api; }
+collapse_item_component.options.__file = "packages/collapse/src/collapse-item.vue"
+/* harmony default export */ var collapse_item = (collapse_item_component.exports);
+// CONCATENATED MODULE: ./packages/collapse-item/index.js
+
+
+/* istanbul ignore next */
+collapse_item.install = function (Vue) {
+  Vue.component(collapse_item.name, collapse_item);
+};
+
+/* harmony default export */ var packages_collapse_item = (collapse_item);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader/src/cascader.vue?vue&type=template&id=032537a6&
+var cascadervue_type_template_id_032537a6_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "clickoutside",
+          rawName: "v-clickoutside",
+          value: function() {
+            return _vm.toggleDropDownVisible(false)
+          },
+          expression: "() => toggleDropDownVisible(false)"
+        }
+      ],
+      ref: "reference",
+      class: [
+        "el-cascader",
+        _vm.realSize && "el-cascader--" + _vm.realSize,
+        { "is-disabled": _vm.isDisabled }
+      ],
+      on: {
+        mouseenter: function($event) {
+          _vm.inputHover = true
+        },
+        mouseleave: function($event) {
+          _vm.inputHover = false
+        },
+        click: function() {
+          return _vm.toggleDropDownVisible(_vm.readonly ? undefined : true)
+        },
+        keydown: _vm.handleKeyDown
+      }
+    },
+    [
+      _c(
+        "el-input",
+        {
+          ref: "input",
+          class: { "is-focus": _vm.dropDownVisible },
+          attrs: {
+            size: _vm.realSize,
+            placeholder: _vm.placeholder,
+            readonly: _vm.readonly,
+            disabled: _vm.isDisabled,
+            "validate-event": false
+          },
+          on: {
+            focus: _vm.handleFocus,
+            blur: _vm.handleBlur,
+            input: _vm.handleInput
+          },
+          model: {
+            value: _vm.multiple ? _vm.presentText : _vm.inputValue,
+            callback: function($$v) {
+              _vm.multiple ? _vm.presentText : (_vm.inputValue = $$v)
+            },
+            expression: "multiple ? presentText : inputValue"
+          }
+        },
+        [
+          _c("template", { slot: "suffix" }, [
+            _vm.clearBtnVisible
+              ? _c("i", {
+                  key: "clear",
+                  staticClass: "el-input__icon el-icon-circle-close",
+                  on: {
+                    click: function($event) {
+                      $event.stopPropagation()
+                      return _vm.handleClear($event)
+                    }
+                  }
+                })
+              : _c("i", {
+                  key: "arrow-down",
+                  class: [
+                    "el-input__icon",
+                    "el-icon-arrow-down",
+                    _vm.dropDownVisible && "is-reverse"
+                  ],
+                  on: {
+                    click: function($event) {
+                      $event.stopPropagation()
+                      _vm.toggleDropDownVisible()
+                    }
+                  }
+                })
+          ])
+        ],
+        2
+      ),
+      _vm.multiple
+        ? _c(
+            "div",
+            { staticClass: "el-cascader__tags" },
+            [
+              _vm._l(_vm.presentTags, function(tag) {
+                return _c(
+                  "el-tag",
+                  {
+                    key: tag.key,
+                    attrs: {
+                      type: "info",
+                      size: _vm.tagSize,
+                      hit: tag.hitState,
+                      closable: tag.closable,
+                      "disable-transitions": ""
+                    },
+                    on: {
+                      close: function($event) {
+                        _vm.deleteTag(tag)
+                      }
+                    }
+                  },
+                  [_c("span", [_vm._v(_vm._s(tag.text))])]
+                )
+              }),
+              _vm.filterable && !_vm.isDisabled
+                ? _c("input", {
+                    directives: [
+                      {
+                        name: "model",
+                        rawName: "v-model.trim",
+                        value: _vm.inputValue,
+                        expression: "inputValue",
+                        modifiers: { trim: true }
+                      }
+                    ],
+                    staticClass: "el-cascader__search-input",
+                    attrs: {
+                      type: "text",
+                      placeholder: _vm.presentTags.length ? "" : _vm.placeholder
+                    },
+                    domProps: { value: _vm.inputValue },
+                    on: {
+                      input: [
+                        function($event) {
+                          if ($event.target.composing) {
+                            return
+                          }
+                          _vm.inputValue = $event.target.value.trim()
+                        },
+                        function(e) {
+                          return _vm.handleInput(_vm.inputValue, e)
+                        }
+                      ],
+                      click: function($event) {
+                        $event.stopPropagation()
+                        _vm.toggleDropDownVisible(true)
+                      },
+                      keydown: function($event) {
+                        if (
+                          !("button" in $event) &&
+                          _vm._k(
+                            $event.keyCode,
+                            "delete",
+                            [8, 46],
+                            $event.key,
+                            ["Backspace", "Delete", "Del"]
+                          )
+                        ) {
+                          return null
+                        }
+                        return _vm.handleDelete($event)
+                      },
+                      blur: function($event) {
+                        _vm.$forceUpdate()
+                      }
+                    }
+                  })
+                : _vm._e()
+            ],
+            2
+          )
+        : _vm._e(),
+      _c(
+        "transition",
+        {
+          attrs: { name: "el-zoom-in-top" },
+          on: { "after-leave": _vm.handleDropdownLeave }
+        },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.dropDownVisible,
+                  expression: "dropDownVisible"
+                }
+              ],
+              ref: "popper",
+              class: ["el-popper", "el-cascader__dropdown", _vm.popperClass]
+            },
+            [
+              _c("el-cascader-panel", {
+                directives: [
+                  {
+                    name: "show",
+                    rawName: "v-show",
+                    value: !_vm.filtering,
+                    expression: "!filtering"
+                  }
+                ],
+                ref: "panel",
+                attrs: {
+                  options: _vm.options,
+                  props: _vm.config,
+                  border: false,
+                  "render-label": _vm.$scopedSlots.default
+                },
+                on: {
+                  "expand-change": _vm.handleExpandChange,
+                  close: function($event) {
+                    _vm.toggleDropDownVisible(false)
+                  }
+                },
+                model: {
+                  value: _vm.checkedValue,
+                  callback: function($$v) {
+                    _vm.checkedValue = $$v
+                  },
+                  expression: "checkedValue"
+                }
+              }),
+              _vm.filterable
+                ? _c(
+                    "el-scrollbar",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.filtering,
+                          expression: "filtering"
+                        }
+                      ],
+                      ref: "suggestionPanel",
+                      staticClass: "el-cascader__suggestion-panel",
+                      attrs: {
+                        tag: "ul",
+                        "view-class": "el-cascader__suggestion-list"
+                      },
+                      nativeOn: {
+                        keydown: function($event) {
+                          return _vm.handleSuggestionKeyDown($event)
+                        }
+                      }
+                    },
+                    [
+                      _vm.suggestions.length
+                        ? _vm._l(_vm.suggestions, function(item, index) {
+                            return _c(
+                              "li",
+                              {
+                                key: item.uid,
+                                class: [
+                                  "el-cascader__suggestion-item",
+                                  item.checked && "is-checked"
+                                ],
+                                attrs: { tabindex: -1 },
+                                on: {
+                                  click: function($event) {
+                                    _vm.handleSuggestionClick(index)
+                                  }
+                                }
+                              },
+                              [
+                                _c("span", [_vm._v(_vm._s(item.text))]),
+                                item.checked
+                                  ? _c("i", { staticClass: "el-icon-check" })
+                                  : _vm._e()
+                              ]
+                            )
+                          })
+                        : _vm._t("empty", [
+                            _c(
+                              "li",
+                              { staticClass: "el-cascader__empty-text" },
+                              [_vm._v(_vm._s(_vm.t("el.cascader.noMatch")))]
+                            )
+                          ])
+                    ],
+                    2
+                  )
+                : _vm._e()
+            ],
+            1
+          )
+        ]
+      )
+    ],
+    1
+  )
+}
+var cascadervue_type_template_id_032537a6_staticRenderFns = []
+cascadervue_type_template_id_032537a6_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/cascader/src/cascader.vue?vue&type=template&id=032537a6&
+
+// EXTERNAL MODULE: external "element-ui/lib/cascader-panel"
+var cascader_panel_ = __webpack_require__(43);
+var cascader_panel_default = /*#__PURE__*/__webpack_require__.n(cascader_panel_);
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/aria-utils"
+var aria_utils_ = __webpack_require__(35);
+var aria_utils_default = /*#__PURE__*/__webpack_require__.n(aria_utils_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader/src/cascader.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var KeyCode = aria_utils_default.a.keys;
+
+var MigratingProps = {
+  expandTrigger: {
+    newProp: 'expandTrigger',
+    type: String
+  },
+  changeOnSelect: {
+    newProp: 'checkStrictly',
+    type: Boolean
+  },
+  hoverThreshold: {
+    newProp: 'hoverThreshold',
+    type: Number
+  }
+};
+
+var PopperMixin = {
+  props: {
+    placement: {
+      type: String,
+      default: 'bottom-start'
+    },
+    appendToBody: vue_popper_default.a.props.appendToBody,
+    visibleArrow: {
+      type: Boolean,
+      default: true
+    },
+    arrowOffset: vue_popper_default.a.props.arrowOffset,
+    offset: vue_popper_default.a.props.offset,
+    boundariesPadding: vue_popper_default.a.props.boundariesPadding,
+    popperOptions: vue_popper_default.a.props.popperOptions,
+    transformOrigin: vue_popper_default.a.props.transformOrigin
+  },
+  methods: vue_popper_default.a.methods,
+  data: vue_popper_default.a.data,
+  beforeDestroy: vue_popper_default.a.beforeDestroy
+};
+
+var InputSizeMap = {
+  medium: 36,
+  small: 32,
+  mini: 28
+};
+
+/* harmony default export */ var cascadervue_type_script_lang_js_ = ({
+  name: 'ElCascader',
+
+  directives: { Clickoutside: clickoutside_default.a },
+
+  mixins: [PopperMixin, emitter_default.a, locale_default.a, migrating_default.a],
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  components: {
+    ElInput: input_default.a,
+    ElTag: tag_default.a,
+    ElScrollbar: scrollbar_default.a,
+    ElCascaderPanel: cascader_panel_default.a
+  },
+
+  props: {
+    value: {},
+    options: Array,
+    props: Object,
+    size: String,
+    placeholder: {
+      type: String,
+      default: function _default() {
+        return Object(lib_locale_["t"])('el.cascader.placeholder');
+      }
+    },
+    disabled: Boolean,
+    clearable: Boolean,
+    filterable: Boolean,
+    filterMethod: Function,
+    separator: {
+      type: String,
+      default: ' / '
+    },
+    showAllLevels: {
+      type: Boolean,
+      default: true
+    },
+    collapseTags: Boolean,
+    debounce: {
+      type: Number,
+      default: 300
+    },
+    beforeFilter: {
+      type: Function,
+      default: function _default() {
+        return function () {};
+      }
+    },
+    popperClass: String
+  },
+
+  data: function data() {
+    return {
+      dropDownVisible: false,
+      checkedValue: this.value,
+      inputHover: false,
+      inputValue: null,
+      presentText: null,
+      presentTags: [],
+      checkedNodes: [],
+      filtering: false,
+      suggestions: [],
+      inputInitialHeight: 0,
+      pressDeleteCount: 0
+    };
+  },
+
+
+  computed: {
+    realSize: function realSize() {
+      var _elFormItemSize = (this.elFormItem || {}).elFormItemSize;
+      return this.size || _elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    tagSize: function tagSize() {
+      return ['small', 'mini'].indexOf(this.realSize) > -1 ? 'mini' : 'small';
+    },
+    isDisabled: function isDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    config: function config() {
+      var config = this.props || {};
+      var $attrs = this.$attrs;
+
+
+      Object.keys(MigratingProps).forEach(function (oldProp) {
+        var _MigratingProps$oldPr = MigratingProps[oldProp],
+            newProp = _MigratingProps$oldPr.newProp,
+            type = _MigratingProps$oldPr.type;
+
+        var oldValue = $attrs[oldProp] || $attrs[Object(util_["kebabCase"])(oldProp)];
+        if (Object(shared_["isDef"])(oldProp) && !Object(shared_["isDef"])(config[newProp])) {
+          if (type === Boolean && oldValue === '') {
+            oldValue = true;
+          }
+          config[newProp] = oldValue;
+        }
+      });
+
+      return config;
+    },
+    multiple: function multiple() {
+      return this.config.multiple;
+    },
+    leafOnly: function leafOnly() {
+      return !this.config.checkStrictly;
+    },
+    readonly: function readonly() {
+      return !this.filterable || this.multiple;
+    },
+    clearBtnVisible: function clearBtnVisible() {
+      if (!this.clearable || this.isDisabled || this.filtering || !this.inputHover) {
+        return false;
+      }
+
+      return this.multiple ? !!this.checkedNodes.filter(function (node) {
+        return !node.isDisabled;
+      }).length : !!this.presentText;
+    },
+    panel: function panel() {
+      return this.$refs.panel;
+    }
+  },
+
+  watch: {
+    disabled: function disabled() {
+      this.computePresentContent();
+    },
+    value: function value(val) {
+      if (!Object(util_["isEqual"])(val, this.checkedValue)) {
+        this.checkedValue = val;
+        this.computePresentContent();
+      }
+    },
+    checkedValue: function checkedValue(val) {
+      var value = this.value,
+          dropDownVisible = this.dropDownVisible;
+      var _config = this.config,
+          checkStrictly = _config.checkStrictly,
+          multiple = _config.multiple;
+
+
+      if (!Object(util_["isEqual"])(val, value) || Object(types_["isUndefined"])(value)) {
+        this.computePresentContent();
+        // hide dropdown when single mode
+        if (!multiple && !checkStrictly && dropDownVisible) {
+          this.toggleDropDownVisible(false);
+        }
+
+        this.$emit('input', val);
+        this.$emit('change', val);
+        this.dispatch('ElFormItem', 'el.form.change', [val]);
+      }
+    },
+
+    options: {
+      handler: function handler() {
+        this.$nextTick(this.computePresentContent);
+      },
+      deep: true
+    },
+    presentText: function presentText(val) {
+      this.inputValue = val;
+    },
+    presentTags: function presentTags(val, oldVal) {
+      if (this.multiple && (val.length || oldVal.length)) {
+        this.$nextTick(this.updateStyle);
+      }
+    },
+    filtering: function filtering(val) {
+      this.$nextTick(this.updatePopper);
+    }
+  },
+
+  mounted: function mounted() {
+    var _this = this;
+
+    var input = this.$refs.input;
+
+    if (input && input.$el) {
+      this.inputInitialHeight = input.$el.offsetHeight || InputSizeMap[this.realSize] || 40;
+    }
+
+    if (!this.isEmptyValue(this.value)) {
+      this.computePresentContent();
+    }
+
+    this.filterHandler = debounce_default()(this.debounce, function () {
+      var inputValue = _this.inputValue;
+
+
+      if (!inputValue) {
+        _this.filtering = false;
+        return;
+      }
+
+      var before = _this.beforeFilter(inputValue);
+      if (before && before.then) {
+        before.then(_this.getSuggestions);
+      } else if (before !== false) {
+        _this.getSuggestions();
+      } else {
+        _this.filtering = false;
+      }
+    });
+
+    Object(resize_event_["addResizeListener"])(this.$el, this.updateStyle);
+  },
+  beforeDestroy: function beforeDestroy() {
+    Object(resize_event_["removeResizeListener"])(this.$el, this.updateStyle);
+  },
+
+
+  methods: {
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'expand-trigger': 'expand-trigger is removed, use `props.expandTrigger` instead.',
+          'change-on-select': 'change-on-select is removed, use `props.checkStrictly` instead.',
+          'hover-threshold': 'hover-threshold is removed, use `props.hoverThreshold` instead'
+        },
+        events: {
+          'active-item-change': 'active-item-change is renamed to expand-change'
+        }
+      };
+    },
+    toggleDropDownVisible: function toggleDropDownVisible(visible) {
+      var _this2 = this;
+
+      if (this.isDisabled) return;
+
+      var dropDownVisible = this.dropDownVisible;
+      var input = this.$refs.input;
+
+      visible = Object(shared_["isDef"])(visible) ? visible : !dropDownVisible;
+      if (visible !== dropDownVisible) {
+        this.dropDownVisible = visible;
+        if (visible) {
+          this.$nextTick(function () {
+            _this2.updatePopper();
+            _this2.panel.scrollIntoView();
+          });
+        }
+        input.$refs.input.setAttribute('aria-expanded', visible);
+        this.$emit('visible-change', visible);
+      }
+    },
+    handleDropdownLeave: function handleDropdownLeave() {
+      this.filtering = false;
+      this.inputValue = this.presentText;
+      this.doDestroy();
+    },
+    handleKeyDown: function handleKeyDown(event) {
+      switch (event.keyCode) {
+        case KeyCode.enter:
+          this.toggleDropDownVisible();
+          break;
+        case KeyCode.down:
+          this.toggleDropDownVisible(true);
+          this.focusFirstNode();
+          event.preventDefault();
+          break;
+        case KeyCode.esc:
+        case KeyCode.tab:
+          this.toggleDropDownVisible(false);
+          break;
+      }
+    },
+    handleFocus: function handleFocus(e) {
+      this.$emit('focus', e);
+    },
+    handleBlur: function handleBlur(e) {
+      this.$emit('blur', e);
+    },
+    handleInput: function handleInput(val, event) {
+      !this.dropDownVisible && this.toggleDropDownVisible(true);
+
+      if (event && event.isComposing) return;
+      if (val) {
+        this.filterHandler();
+      } else {
+        this.filtering = false;
+      }
+    },
+    handleClear: function handleClear() {
+      this.presentText = '';
+      this.panel.clearCheckedNodes();
+    },
+    handleExpandChange: function handleExpandChange(value) {
+      this.$nextTick(this.updatePopper.bind(this));
+      this.$emit('expand-change', value);
+      this.$emit('active-item-change', value); // Deprecated
+    },
+    focusFirstNode: function focusFirstNode() {
+      var _this3 = this;
+
+      this.$nextTick(function () {
+        var filtering = _this3.filtering;
+        var _$refs = _this3.$refs,
+            popper = _$refs.popper,
+            suggestionPanel = _$refs.suggestionPanel;
+
+        var firstNode = null;
+
+        if (filtering && suggestionPanel) {
+          firstNode = suggestionPanel.$el.querySelector('.el-cascader__suggestion-item');
+        } else {
+          var firstMenu = popper.querySelector('.el-cascader-menu');
+          firstNode = firstMenu.querySelector('.el-cascader-node[tabindex="-1"]');
+        }
+
+        if (firstNode) {
+          firstNode.focus();
+          !filtering && firstNode.click();
+        }
+      });
+    },
+    computePresentContent: function computePresentContent() {
+      var _this4 = this;
+
+      // nextTick is required, because checked nodes may not change right now
+      this.$nextTick(function () {
+        if (_this4.config.multiple) {
+          _this4.computePresentTags();
+          _this4.presentText = _this4.presentTags.length ? ' ' : null;
+        } else {
+          _this4.computePresentText();
+        }
+      });
+    },
+    isEmptyValue: function isEmptyValue(val) {
+      var multiple = this.multiple;
+      var emitPath = this.panel.config.emitPath;
+
+      if (multiple || emitPath) {
+        return Object(util_["isEmpty"])(val);
+      }
+      return false;
+    },
+    computePresentText: function computePresentText() {
+      var checkedValue = this.checkedValue,
+          config = this.config;
+
+      if (!this.isEmptyValue(checkedValue)) {
+        var node = this.panel.getNodeByValue(checkedValue);
+        if (node && (config.checkStrictly || node.isLeaf)) {
+          this.presentText = node.getText(this.showAllLevels, this.separator);
+          return;
+        }
+      }
+      this.presentText = null;
+    },
+    computePresentTags: function computePresentTags() {
+      var isDisabled = this.isDisabled,
+          leafOnly = this.leafOnly,
+          showAllLevels = this.showAllLevels,
+          separator = this.separator,
+          collapseTags = this.collapseTags;
+
+      var checkedNodes = this.getCheckedNodes(leafOnly);
+      var tags = [];
+
+      var genTag = function genTag(node) {
+        return {
+          node: node,
+          key: node.uid,
+          text: node.getText(showAllLevels, separator),
+          hitState: false,
+          closable: !isDisabled && !node.isDisabled
+        };
+      };
+
+      if (checkedNodes.length) {
+        var first = checkedNodes[0],
+            rest = checkedNodes.slice(1);
+
+        var restCount = rest.length;
+        tags.push(genTag(first));
+
+        if (restCount) {
+          if (collapseTags) {
+            tags.push({
+              key: -1,
+              text: '+ ' + restCount,
+              closable: false
+            });
+          } else {
+            rest.forEach(function (node) {
+              return tags.push(genTag(node));
+            });
+          }
+        }
+      }
+
+      this.checkedNodes = checkedNodes;
+      this.presentTags = tags;
+    },
+    getSuggestions: function getSuggestions() {
+      var _this5 = this;
+
+      var filterMethod = this.filterMethod;
+
+
+      if (!Object(types_["isFunction"])(filterMethod)) {
+        filterMethod = function filterMethod(node, keyword) {
+          return node.text.includes(keyword);
+        };
+      }
+
+      var suggestions = this.panel.getFlattedNodes(this.leafOnly).filter(function (node) {
+        if (node.isDisabled) return false;
+        node.text = node.getText(_this5.showAllLevels, _this5.separator) || '';
+        return filterMethod(node, _this5.inputValue);
+      });
+
+      if (this.multiple) {
+        this.presentTags.forEach(function (tag) {
+          tag.hitState = false;
+        });
+      } else {
+        suggestions.forEach(function (node) {
+          node.checked = Object(util_["isEqual"])(_this5.checkedValue, node.getValueByOption());
+        });
+      }
+
+      this.filtering = true;
+      this.suggestions = suggestions;
+      this.$nextTick(this.updatePopper);
+    },
+    handleSuggestionKeyDown: function handleSuggestionKeyDown(event) {
+      var keyCode = event.keyCode,
+          target = event.target;
+
+      switch (keyCode) {
+        case KeyCode.enter:
+          target.click();
+          break;
+        case KeyCode.up:
+          var prev = target.previousElementSibling;
+          prev && prev.focus();
+          break;
+        case KeyCode.down:
+          var next = target.nextElementSibling;
+          next && next.focus();
+          break;
+        case KeyCode.esc:
+        case KeyCode.tab:
+          this.toggleDropDownVisible(false);
+          break;
+      }
+    },
+    handleDelete: function handleDelete() {
+      var inputValue = this.inputValue,
+          pressDeleteCount = this.pressDeleteCount,
+          presentTags = this.presentTags;
+
+      var lastIndex = presentTags.length - 1;
+      var lastTag = presentTags[lastIndex];
+      this.pressDeleteCount = inputValue ? 0 : pressDeleteCount + 1;
+
+      if (!lastTag) return;
+
+      if (this.pressDeleteCount) {
+        if (lastTag.hitState) {
+          this.deleteTag(lastTag);
+        } else {
+          lastTag.hitState = true;
+        }
+      }
+    },
+    handleSuggestionClick: function handleSuggestionClick(index) {
+      var multiple = this.multiple;
+
+      var targetNode = this.suggestions[index];
+
+      if (multiple) {
+        var checked = targetNode.checked;
+
+        targetNode.doCheck(!checked);
+        this.panel.calculateMultiCheckedValue();
+      } else {
+        this.checkedValue = targetNode.getValueByOption();
+        this.toggleDropDownVisible(false);
+      }
+    },
+    deleteTag: function deleteTag(tag) {
+      var checkedValue = this.checkedValue;
+
+      var current = tag.node.getValueByOption();
+      var val = checkedValue.find(function (n) {
+        return Object(util_["isEqual"])(n, current);
+      });
+      this.checkedValue = checkedValue.filter(function (n) {
+        return !Object(util_["isEqual"])(n, current);
+      });
+      this.$emit('remove-tag', val);
+    },
+    updateStyle: function updateStyle() {
+      var $el = this.$el,
+          inputInitialHeight = this.inputInitialHeight;
+
+      if (this.$isServer || !$el) return;
+
+      var suggestionPanel = this.$refs.suggestionPanel;
+
+      var inputInner = $el.querySelector('.el-input__inner');
+
+      if (!inputInner) return;
+
+      var tags = $el.querySelector('.el-cascader__tags');
+      var suggestionPanelEl = null;
+
+      if (suggestionPanel && (suggestionPanelEl = suggestionPanel.$el)) {
+        var suggestionList = suggestionPanelEl.querySelector('.el-cascader__suggestion-list');
+        suggestionList.style.minWidth = inputInner.offsetWidth + 'px';
+      }
+
+      if (tags) {
+        var offsetHeight = Math.round(tags.getBoundingClientRect().height);
+        var height = Math.max(offsetHeight + 6, inputInitialHeight) + 'px';
+        inputInner.style.height = height;
+        if (this.dropDownVisible) {
+          this.updatePopper();
+        }
+      }
+    },
+
+
+    /**
+     * public methods
+    */
+    getCheckedNodes: function getCheckedNodes(leafOnly) {
+      return this.panel.getCheckedNodes(leafOnly);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/cascader/src/cascader.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_cascadervue_type_script_lang_js_ = (cascadervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/cascader/src/cascader.vue
+
+
+
+
+
+/* normalize component */
+
+var cascader_component = normalizeComponent(
+  src_cascadervue_type_script_lang_js_,
+  cascadervue_type_template_id_032537a6_render,
+  cascadervue_type_template_id_032537a6_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var cascader_api; }
+cascader_component.options.__file = "packages/cascader/src/cascader.vue"
+/* harmony default export */ var cascader = (cascader_component.exports);
+// CONCATENATED MODULE: ./packages/cascader/index.js
+
+
+/* istanbul ignore next */
+cascader.install = function (Vue) {
+  Vue.component(cascader.name, cascader);
+};
+
+/* harmony default export */ var packages_cascader = (cascader);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/main.vue?vue&type=template&id=55c8ade7&
+var mainvue_type_template_id_55c8ade7_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "clickoutside",
+          rawName: "v-clickoutside",
+          value: _vm.hide,
+          expression: "hide"
+        }
+      ],
+      class: [
+        "el-color-picker",
+        _vm.colorDisabled ? "is-disabled" : "",
+        _vm.colorSize ? "el-color-picker--" + _vm.colorSize : ""
+      ]
+    },
+    [
+      _vm.colorDisabled
+        ? _c("div", { staticClass: "el-color-picker__mask" })
+        : _vm._e(),
+      _c(
+        "div",
+        {
+          staticClass: "el-color-picker__trigger",
+          on: { click: _vm.handleTrigger }
+        },
+        [
+          _c(
+            "span",
+            {
+              staticClass: "el-color-picker__color",
+              class: { "is-alpha": _vm.showAlpha }
+            },
+            [
+              _c("span", {
+                staticClass: "el-color-picker__color-inner",
+                style: {
+                  backgroundColor: _vm.displayedColor
+                }
+              }),
+              !_vm.value && !_vm.showPanelColor
+                ? _c("span", {
+                    staticClass: "el-color-picker__empty el-icon-close"
+                  })
+                : _vm._e()
+            ]
+          ),
+          _c("span", {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.value || _vm.showPanelColor,
+                expression: "value || showPanelColor"
+              }
+            ],
+            staticClass: "el-color-picker__icon el-icon-arrow-down"
+          })
+        ]
+      ),
+      _c("picker-dropdown", {
+        ref: "dropdown",
+        class: ["el-color-picker__panel", _vm.popperClass || ""],
+        attrs: {
+          color: _vm.color,
+          "show-alpha": _vm.showAlpha,
+          predefine: _vm.predefine
+        },
+        on: { pick: _vm.confirmValue, clear: _vm.clearValue },
+        model: {
+          value: _vm.showPicker,
+          callback: function($$v) {
+            _vm.showPicker = $$v
+          },
+          expression: "showPicker"
+        }
+      })
+    ],
+    1
+  )
+}
+var mainvue_type_template_id_55c8ade7_staticRenderFns = []
+mainvue_type_template_id_55c8ade7_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/color-picker/src/main.vue?vue&type=template&id=55c8ade7&
+
+// CONCATENATED MODULE: ./packages/color-picker/src/color.js
+var color_typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+function color_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var hsv2hsl = function hsv2hsl(hue, sat, val) {
+  return [hue, sat * val / ((hue = (2 - sat) * val) < 1 ? hue : 2 - hue) || 0, hue / 2];
+};
+
+// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
+// <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
+var isOnePointZero = function isOnePointZero(n) {
+  return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1;
+};
+
+var isPercentage = function isPercentage(n) {
+  return typeof n === 'string' && n.indexOf('%') !== -1;
+};
+
+// Take input from [0, n] and return it as [0, 1]
+var bound01 = function bound01(value, max) {
+  if (isOnePointZero(value)) value = '100%';
+
+  var processPercent = isPercentage(value);
+  value = Math.min(max, Math.max(0, parseFloat(value)));
+
+  // Automatically convert percentage into number
+  if (processPercent) {
+    value = parseInt(value * max, 10) / 100;
+  }
+
+  // Handle floating point rounding errors
+  if (Math.abs(value - max) < 0.000001) {
+    return 1;
+  }
+
+  // Convert into [0, 1] range if it isn't already
+  return value % max / parseFloat(max);
+};
+
+var INT_HEX_MAP = { 10: 'A', 11: 'B', 12: 'C', 13: 'D', 14: 'E', 15: 'F' };
+
+var toHex = function toHex(_ref) {
+  var r = _ref.r,
+      g = _ref.g,
+      b = _ref.b;
+
+  var hexOne = function hexOne(value) {
+    value = Math.min(Math.round(value), 255);
+    var high = Math.floor(value / 16);
+    var low = value % 16;
+    return '' + (INT_HEX_MAP[high] || high) + (INT_HEX_MAP[low] || low);
+  };
+
+  if (isNaN(r) || isNaN(g) || isNaN(b)) return '';
+
+  return '#' + hexOne(r) + hexOne(g) + hexOne(b);
+};
+
+var HEX_INT_MAP = { A: 10, B: 11, C: 12, D: 13, E: 14, F: 15 };
+
+var parseHexChannel = function parseHexChannel(hex) {
+  if (hex.length === 2) {
+    return (HEX_INT_MAP[hex[0].toUpperCase()] || +hex[0]) * 16 + (HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]);
+  }
+
+  return HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1];
+};
+
+var hsl2hsv = function hsl2hsv(hue, sat, light) {
+  sat = sat / 100;
+  light = light / 100;
+  var smin = sat;
+  var lmin = Math.max(light, 0.01);
+  var sv = void 0;
+  var v = void 0;
+
+  light *= 2;
+  sat *= light <= 1 ? light : 2 - light;
+  smin *= lmin <= 1 ? lmin : 2 - lmin;
+  v = (light + sat) / 2;
+  sv = light === 0 ? 2 * smin / (lmin + smin) : 2 * sat / (light + sat);
+
+  return {
+    h: hue,
+    s: sv * 100,
+    v: v * 100
+  };
+};
+
+// `rgbToHsv`
+// Converts an RGB color value to HSV
+// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
+// *Returns:* { h, s, v } in [0,1]
+var rgb2hsv = function rgb2hsv(r, g, b) {
+  r = bound01(r, 255);
+  g = bound01(g, 255);
+  b = bound01(b, 255);
+
+  var max = Math.max(r, g, b);
+  var min = Math.min(r, g, b);
+  var h = void 0,
+      s = void 0;
+  var v = max;
+
+  var d = max - min;
+  s = max === 0 ? 0 : d / max;
+
+  if (max === min) {
+    h = 0; // achromatic
+  } else {
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      case b:
+        h = (r - g) / d + 4;
+        break;
+    }
+    h /= 6;
+  }
+
+  return { h: h * 360, s: s * 100, v: v * 100 };
+};
+
+// `hsvToRgb`
+// Converts an HSV color value to RGB.
+// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
+// *Returns:* { r, g, b } in the set [0, 255]
+var hsv2rgb = function hsv2rgb(h, s, v) {
+  h = bound01(h, 360) * 6;
+  s = bound01(s, 100);
+  v = bound01(v, 100);
+
+  var i = Math.floor(h);
+  var f = h - i;
+  var p = v * (1 - s);
+  var q = v * (1 - f * s);
+  var t = v * (1 - (1 - f) * s);
+  var mod = i % 6;
+  var r = [v, q, p, p, t, v][mod];
+  var g = [t, v, v, q, p, p][mod];
+  var b = [p, p, t, v, v, q][mod];
+
+  return {
+    r: Math.round(r * 255),
+    g: Math.round(g * 255),
+    b: Math.round(b * 255)
+  };
+};
+
+var Color = function () {
+  function Color(options) {
+    color_classCallCheck(this, Color);
+
+    this._hue = 0;
+    this._saturation = 100;
+    this._value = 100;
+    this._alpha = 100;
+
+    this.enableAlpha = false;
+    this.format = 'hex';
+    this.value = '';
+
+    options = options || {};
+
+    for (var option in options) {
+      if (options.hasOwnProperty(option)) {
+        this[option] = options[option];
+      }
+    }
+
+    this.doOnChange();
+  }
+
+  Color.prototype.set = function set(prop, value) {
+    if (arguments.length === 1 && (typeof prop === 'undefined' ? 'undefined' : color_typeof(prop)) === 'object') {
+      for (var p in prop) {
+        if (prop.hasOwnProperty(p)) {
+          this.set(p, prop[p]);
+        }
+      }
+
+      return;
+    }
+
+    this['_' + prop] = value;
+    this.doOnChange();
+  };
+
+  Color.prototype.get = function get(prop) {
+    return this['_' + prop];
+  };
+
+  Color.prototype.toRgb = function toRgb() {
+    return hsv2rgb(this._hue, this._saturation, this._value);
+  };
+
+  Color.prototype.fromString = function fromString(value) {
+    var _this = this;
+
+    if (!value) {
+      this._hue = 0;
+      this._saturation = 100;
+      this._value = 100;
+
+      this.doOnChange();
+      return;
+    }
+
+    var fromHSV = function fromHSV(h, s, v) {
+      _this._hue = Math.max(0, Math.min(360, h));
+      _this._saturation = Math.max(0, Math.min(100, s));
+      _this._value = Math.max(0, Math.min(100, v));
+
+      _this.doOnChange();
+    };
+
+    if (value.indexOf('hsl') !== -1) {
+      var parts = value.replace(/hsla|hsl|\(|\)/gm, '').split(/\s|,/g).filter(function (val) {
+        return val !== '';
+      }).map(function (val, index) {
+        return index > 2 ? parseFloat(val) : parseInt(val, 10);
+      });
+
+      if (parts.length === 4) {
+        this._alpha = Math.floor(parseFloat(parts[3]) * 100);
+      } else if (parts.length === 3) {
+        this._alpha = 100;
+      }
+      if (parts.length >= 3) {
+        var _hsl2hsv = hsl2hsv(parts[0], parts[1], parts[2]),
+            h = _hsl2hsv.h,
+            s = _hsl2hsv.s,
+            v = _hsl2hsv.v;
+
+        fromHSV(h, s, v);
+      }
+    } else if (value.indexOf('hsv') !== -1) {
+      var _parts = value.replace(/hsva|hsv|\(|\)/gm, '').split(/\s|,/g).filter(function (val) {
+        return val !== '';
+      }).map(function (val, index) {
+        return index > 2 ? parseFloat(val) : parseInt(val, 10);
+      });
+
+      if (_parts.length === 4) {
+        this._alpha = Math.floor(parseFloat(_parts[3]) * 100);
+      } else if (_parts.length === 3) {
+        this._alpha = 100;
+      }
+      if (_parts.length >= 3) {
+        fromHSV(_parts[0], _parts[1], _parts[2]);
+      }
+    } else if (value.indexOf('rgb') !== -1) {
+      var _parts2 = value.replace(/rgba|rgb|\(|\)/gm, '').split(/\s|,/g).filter(function (val) {
+        return val !== '';
+      }).map(function (val, index) {
+        return index > 2 ? parseFloat(val) : parseInt(val, 10);
+      });
+
+      if (_parts2.length === 4) {
+        this._alpha = Math.floor(parseFloat(_parts2[3]) * 100);
+      } else if (_parts2.length === 3) {
+        this._alpha = 100;
+      }
+      if (_parts2.length >= 3) {
+        var _rgb2hsv = rgb2hsv(_parts2[0], _parts2[1], _parts2[2]),
+            _h = _rgb2hsv.h,
+            _s = _rgb2hsv.s,
+            _v = _rgb2hsv.v;
+
+        fromHSV(_h, _s, _v);
+      }
+    } else if (value.indexOf('#') !== -1) {
+      var hex = value.replace('#', '').trim();
+      if (!/^(?:[0-9a-fA-F]{3}){1,2}|[0-9a-fA-F]{8}$/.test(hex)) return;
+      var r = void 0,
+          g = void 0,
+          b = void 0;
+
+      if (hex.length === 3) {
+        r = parseHexChannel(hex[0] + hex[0]);
+        g = parseHexChannel(hex[1] + hex[1]);
+        b = parseHexChannel(hex[2] + hex[2]);
+      } else if (hex.length === 6 || hex.length === 8) {
+        r = parseHexChannel(hex.substring(0, 2));
+        g = parseHexChannel(hex.substring(2, 4));
+        b = parseHexChannel(hex.substring(4, 6));
+      }
+
+      if (hex.length === 8) {
+        this._alpha = Math.floor(parseHexChannel(hex.substring(6)) / 255 * 100);
+      } else if (hex.length === 3 || hex.length === 6) {
+        this._alpha = 100;
+      }
+
+      var _rgb2hsv2 = rgb2hsv(r, g, b),
+          _h2 = _rgb2hsv2.h,
+          _s2 = _rgb2hsv2.s,
+          _v2 = _rgb2hsv2.v;
+
+      fromHSV(_h2, _s2, _v2);
+    }
+  };
+
+  Color.prototype.compare = function compare(color) {
+    return Math.abs(color._hue - this._hue) < 2 && Math.abs(color._saturation - this._saturation) < 1 && Math.abs(color._value - this._value) < 1 && Math.abs(color._alpha - this._alpha) < 1;
+  };
+
+  Color.prototype.doOnChange = function doOnChange() {
+    var _hue = this._hue,
+        _saturation = this._saturation,
+        _value = this._value,
+        _alpha = this._alpha,
+        format = this.format;
+
+
+    if (this.enableAlpha) {
+      switch (format) {
+        case 'hsl':
+          var hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
+          this.value = 'hsla(' + _hue + ', ' + Math.round(hsl[1] * 100) + '%, ' + Math.round(hsl[2] * 100) + '%, ' + _alpha / 100 + ')';
+          break;
+        case 'hsv':
+          this.value = 'hsva(' + _hue + ', ' + Math.round(_saturation) + '%, ' + Math.round(_value) + '%, ' + _alpha / 100 + ')';
+          break;
+        default:
+          var _hsv2rgb = hsv2rgb(_hue, _saturation, _value),
+              r = _hsv2rgb.r,
+              g = _hsv2rgb.g,
+              b = _hsv2rgb.b;
+
+          this.value = 'rgba(' + r + ', ' + g + ', ' + b + ', ' + _alpha / 100 + ')';
+      }
+    } else {
+      switch (format) {
+        case 'hsl':
+          var _hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
+          this.value = 'hsl(' + _hue + ', ' + Math.round(_hsl[1] * 100) + '%, ' + Math.round(_hsl[2] * 100) + '%)';
+          break;
+        case 'hsv':
+          this.value = 'hsv(' + _hue + ', ' + Math.round(_saturation) + '%, ' + Math.round(_value) + '%)';
+          break;
+        case 'rgb':
+          var _hsv2rgb2 = hsv2rgb(_hue, _saturation, _value),
+              _r = _hsv2rgb2.r,
+              _g = _hsv2rgb2.g,
+              _b = _hsv2rgb2.b;
+
+          this.value = 'rgb(' + _r + ', ' + _g + ', ' + _b + ')';
+          break;
+        default:
+          this.value = toHex(hsv2rgb(_hue, _saturation, _value));
+      }
+    }
+  };
+
+  return Color;
+}();
+
+/* harmony default export */ var src_color = (Color);
+;
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/picker-dropdown.vue?vue&type=template&id=06601625&
+var picker_dropdownvue_type_template_id_06601625_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    { attrs: { name: "el-zoom-in-top" }, on: { "after-leave": _vm.doDestroy } },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.showPopper,
+              expression: "showPopper"
+            }
+          ],
+          staticClass: "el-color-dropdown"
+        },
+        [
+          _c(
+            "div",
+            { staticClass: "el-color-dropdown__main-wrapper" },
+            [
+              _c("hue-slider", {
+                ref: "hue",
+                staticStyle: { float: "right" },
+                attrs: { color: _vm.color, vertical: "" }
+              }),
+              _c("sv-panel", { ref: "sl", attrs: { color: _vm.color } })
+            ],
+            1
+          ),
+          _vm.showAlpha
+            ? _c("alpha-slider", { ref: "alpha", attrs: { color: _vm.color } })
+            : _vm._e(),
+          _vm.predefine
+            ? _c("predefine", {
+                attrs: { color: _vm.color, colors: _vm.predefine }
+              })
+            : _vm._e(),
+          _c(
+            "div",
+            { staticClass: "el-color-dropdown__btns" },
+            [
+              _c(
+                "span",
+                { staticClass: "el-color-dropdown__value" },
+                [
+                  _c("el-input", {
+                    attrs: { "validate-event": false, size: "mini" },
+                    on: { blur: _vm.handleConfirm },
+                    nativeOn: {
+                      keyup: function($event) {
+                        if (
+                          !("button" in $event) &&
+                          _vm._k(
+                            $event.keyCode,
+                            "enter",
+                            13,
+                            $event.key,
+                            "Enter"
+                          )
+                        ) {
+                          return null
+                        }
+                        return _vm.handleConfirm($event)
+                      }
+                    },
+                    model: {
+                      value: _vm.customInput,
+                      callback: function($$v) {
+                        _vm.customInput = $$v
+                      },
+                      expression: "customInput"
+                    }
+                  })
+                ],
+                1
+              ),
+              _c(
+                "el-button",
+                {
+                  staticClass: "el-color-dropdown__link-btn",
+                  attrs: { size: "mini", type: "text" },
+                  on: {
+                    click: function($event) {
+                      _vm.$emit("clear")
+                    }
+                  }
+                },
+                [
+                  _vm._v(
+                    "\n        " +
+                      _vm._s(_vm.t("el.colorpicker.clear")) +
+                      "\n      "
+                  )
+                ]
+              ),
+              _c(
+                "el-button",
+                {
+                  staticClass: "el-color-dropdown__btn",
+                  attrs: { plain: "", size: "mini" },
+                  on: { click: _vm.confirmValue }
+                },
+                [
+                  _vm._v(
+                    "\n        " +
+                      _vm._s(_vm.t("el.colorpicker.confirm")) +
+                      "\n      "
+                  )
+                ]
+              )
+            ],
+            1
+          )
+        ],
+        1
+      )
+    ]
+  )
+}
+var picker_dropdownvue_type_template_id_06601625_staticRenderFns = []
+picker_dropdownvue_type_template_id_06601625_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue?vue&type=template&id=06601625&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/sv-panel.vue?vue&type=template&id=d8583596&
+var sv_panelvue_type_template_id_d8583596_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-color-svpanel",
+      style: {
+        backgroundColor: _vm.background
+      }
+    },
+    [
+      _c("div", { staticClass: "el-color-svpanel__white" }),
+      _c("div", { staticClass: "el-color-svpanel__black" }),
+      _c(
+        "div",
+        {
+          staticClass: "el-color-svpanel__cursor",
+          style: {
+            top: _vm.cursorTop + "px",
+            left: _vm.cursorLeft + "px"
+          }
+        },
+        [_c("div")]
+      )
+    ]
+  )
+}
+var sv_panelvue_type_template_id_d8583596_staticRenderFns = []
+sv_panelvue_type_template_id_d8583596_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue?vue&type=template&id=d8583596&
+
+// CONCATENATED MODULE: ./packages/color-picker/src/draggable.js
+
+var isDragging = false;
+
+/* harmony default export */ var draggable = (function (element, options) {
+  if (external_vue_default.a.prototype.$isServer) return;
+  var moveFn = function moveFn(event) {
+    if (options.drag) {
+      options.drag(event);
+    }
+  };
+  var upFn = function upFn(event) {
+    document.removeEventListener('mousemove', moveFn);
+    document.removeEventListener('mouseup', upFn);
+    document.onselectstart = null;
+    document.ondragstart = null;
+
+    isDragging = false;
+
+    if (options.end) {
+      options.end(event);
+    }
+  };
+  element.addEventListener('mousedown', function (event) {
+    if (isDragging) return;
+    document.onselectstart = function () {
+      return false;
+    };
+    document.ondragstart = function () {
+      return false;
+    };
+
+    document.addEventListener('mousemove', moveFn);
+    document.addEventListener('mouseup', upFn);
+    isDragging = true;
+
+    if (options.start) {
+      options.start(event);
+    }
+  });
+});
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/sv-panel.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var sv_panelvue_type_script_lang_js_ = ({
+  name: 'el-sl-panel',
+
+  props: {
+    color: {
+      required: true
+    }
+  },
+
+  computed: {
+    colorValue: function colorValue() {
+      var hue = this.color.get('hue');
+      var value = this.color.get('value');
+      return { hue: hue, value: value };
+    }
+  },
+
+  watch: {
+    colorValue: function colorValue() {
+      this.update();
+    }
+  },
+
+  methods: {
+    update: function update() {
+      var saturation = this.color.get('saturation');
+      var value = this.color.get('value');
+
+      var el = this.$el;
+      var width = el.clientWidth,
+          height = el.clientHeight;
+
+
+      this.cursorLeft = saturation * width / 100;
+      this.cursorTop = (100 - value) * height / 100;
+
+      this.background = 'hsl(' + this.color.get('hue') + ', 100%, 50%)';
+    },
+    handleDrag: function handleDrag(event) {
+      var el = this.$el;
+      var rect = el.getBoundingClientRect();
+
+      var left = event.clientX - rect.left;
+      var top = event.clientY - rect.top;
+      left = Math.max(0, left);
+      left = Math.min(left, rect.width);
+
+      top = Math.max(0, top);
+      top = Math.min(top, rect.height);
+
+      this.cursorLeft = left;
+      this.cursorTop = top;
+      this.color.set({
+        saturation: left / rect.width * 100,
+        value: 100 - top / rect.height * 100
+      });
+    }
+  },
+
+  mounted: function mounted() {
+    var _this = this;
+
+    draggable(this.$el, {
+      drag: function drag(event) {
+        _this.handleDrag(event);
+      },
+      end: function end(event) {
+        _this.handleDrag(event);
+      }
+    });
+
+    this.update();
+  },
+  data: function data() {
+    return {
+      cursorTop: 0,
+      cursorLeft: 0,
+      background: 'hsl(0, 100%, 50%)'
+    };
+  }
+});
+// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_sv_panelvue_type_script_lang_js_ = (sv_panelvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/sv-panel.vue
+
+
+
+
+
+/* normalize component */
+
+var sv_panel_component = normalizeComponent(
+  components_sv_panelvue_type_script_lang_js_,
+  sv_panelvue_type_template_id_d8583596_render,
+  sv_panelvue_type_template_id_d8583596_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var sv_panel_api; }
+sv_panel_component.options.__file = "packages/color-picker/src/components/sv-panel.vue"
+/* harmony default export */ var sv_panel = (sv_panel_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/hue-slider.vue?vue&type=template&id=5cdc43b1&
+var hue_slidervue_type_template_id_5cdc43b1_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-color-hue-slider",
+      class: { "is-vertical": _vm.vertical }
+    },
+    [
+      _c("div", {
+        ref: "bar",
+        staticClass: "el-color-hue-slider__bar",
+        on: { click: _vm.handleClick }
+      }),
+      _c("div", {
+        ref: "thumb",
+        staticClass: "el-color-hue-slider__thumb",
+        style: {
+          left: _vm.thumbLeft + "px",
+          top: _vm.thumbTop + "px"
+        }
+      })
+    ]
+  )
+}
+var hue_slidervue_type_template_id_5cdc43b1_staticRenderFns = []
+hue_slidervue_type_template_id_5cdc43b1_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue?vue&type=template&id=5cdc43b1&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/hue-slider.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var hue_slidervue_type_script_lang_js_ = ({
+  name: 'el-color-hue-slider',
+
+  props: {
+    color: {
+      required: true
+    },
+
+    vertical: Boolean
+  },
+
+  data: function data() {
+    return {
+      thumbLeft: 0,
+      thumbTop: 0
+    };
+  },
+
+
+  computed: {
+    hueValue: function hueValue() {
+      var hue = this.color.get('hue');
+      return hue;
+    }
+  },
+
+  watch: {
+    hueValue: function hueValue() {
+      this.update();
+    }
+  },
+
+  methods: {
+    handleClick: function handleClick(event) {
+      var thumb = this.$refs.thumb;
+      var target = event.target;
+
+      if (target !== thumb) {
+        this.handleDrag(event);
+      }
+    },
+    handleDrag: function handleDrag(event) {
+      var rect = this.$el.getBoundingClientRect();
+      var thumb = this.$refs.thumb;
+
+      var hue = void 0;
+
+      if (!this.vertical) {
+        var left = event.clientX - rect.left;
+        left = Math.min(left, rect.width - thumb.offsetWidth / 2);
+        left = Math.max(thumb.offsetWidth / 2, left);
+
+        hue = Math.round((left - thumb.offsetWidth / 2) / (rect.width - thumb.offsetWidth) * 360);
+      } else {
+        var top = event.clientY - rect.top;
+        top = Math.min(top, rect.height - thumb.offsetHeight / 2);
+        top = Math.max(thumb.offsetHeight / 2, top);
+
+        hue = Math.round((top - thumb.offsetHeight / 2) / (rect.height - thumb.offsetHeight) * 360);
+      }
+
+      this.color.set('hue', hue);
+    },
+    getThumbLeft: function getThumbLeft() {
+      if (this.vertical) return 0;
+      var el = this.$el;
+      var hue = this.color.get('hue');
+
+      if (!el) return 0;
+      var thumb = this.$refs.thumb;
+      return Math.round(hue * (el.offsetWidth - thumb.offsetWidth / 2) / 360);
+    },
+    getThumbTop: function getThumbTop() {
+      if (!this.vertical) return 0;
+      var el = this.$el;
+      var hue = this.color.get('hue');
+
+      if (!el) return 0;
+      var thumb = this.$refs.thumb;
+      return Math.round(hue * (el.offsetHeight - thumb.offsetHeight / 2) / 360);
+    },
+    update: function update() {
+      this.thumbLeft = this.getThumbLeft();
+      this.thumbTop = this.getThumbTop();
+    }
+  },
+
+  mounted: function mounted() {
+    var _this = this;
+
+    var _$refs = this.$refs,
+        bar = _$refs.bar,
+        thumb = _$refs.thumb;
+
+
+    var dragConfig = {
+      drag: function drag(event) {
+        _this.handleDrag(event);
+      },
+      end: function end(event) {
+        _this.handleDrag(event);
+      }
+    };
+
+    draggable(bar, dragConfig);
+    draggable(thumb, dragConfig);
+    this.update();
+  }
+});
+// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_hue_slidervue_type_script_lang_js_ = (hue_slidervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/hue-slider.vue
+
+
+
+
+
+/* normalize component */
+
+var hue_slider_component = normalizeComponent(
+  components_hue_slidervue_type_script_lang_js_,
+  hue_slidervue_type_template_id_5cdc43b1_render,
+  hue_slidervue_type_template_id_5cdc43b1_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var hue_slider_api; }
+hue_slider_component.options.__file = "packages/color-picker/src/components/hue-slider.vue"
+/* harmony default export */ var hue_slider = (hue_slider_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/alpha-slider.vue?vue&type=template&id=068c66cb&
+var alpha_slidervue_type_template_id_068c66cb_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-color-alpha-slider",
+      class: { "is-vertical": _vm.vertical }
+    },
+    [
+      _c("div", {
+        ref: "bar",
+        staticClass: "el-color-alpha-slider__bar",
+        style: {
+          background: _vm.background
+        },
+        on: { click: _vm.handleClick }
+      }),
+      _c("div", {
+        ref: "thumb",
+        staticClass: "el-color-alpha-slider__thumb",
+        style: {
+          left: _vm.thumbLeft + "px",
+          top: _vm.thumbTop + "px"
+        }
+      })
+    ]
+  )
+}
+var alpha_slidervue_type_template_id_068c66cb_staticRenderFns = []
+alpha_slidervue_type_template_id_068c66cb_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue?vue&type=template&id=068c66cb&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/alpha-slider.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var alpha_slidervue_type_script_lang_js_ = ({
+  name: 'el-color-alpha-slider',
+
+  props: {
+    color: {
+      required: true
+    },
+    vertical: Boolean
+  },
+
+  watch: {
+    'color._alpha': function color_alpha() {
+      this.update();
+    },
+    'color.value': function colorValue() {
+      this.update();
+    }
+  },
+
+  methods: {
+    handleClick: function handleClick(event) {
+      var thumb = this.$refs.thumb;
+      var target = event.target;
+
+      if (target !== thumb) {
+        this.handleDrag(event);
+      }
+    },
+    handleDrag: function handleDrag(event) {
+      var rect = this.$el.getBoundingClientRect();
+      var thumb = this.$refs.thumb;
+
+
+      if (!this.vertical) {
+        var left = event.clientX - rect.left;
+        left = Math.max(thumb.offsetWidth / 2, left);
+        left = Math.min(left, rect.width - thumb.offsetWidth / 2);
+
+        this.color.set('alpha', Math.round((left - thumb.offsetWidth / 2) / (rect.width - thumb.offsetWidth) * 100));
+      } else {
+        var top = event.clientY - rect.top;
+        top = Math.max(thumb.offsetHeight / 2, top);
+        top = Math.min(top, rect.height - thumb.offsetHeight / 2);
+
+        this.color.set('alpha', Math.round((top - thumb.offsetHeight / 2) / (rect.height - thumb.offsetHeight) * 100));
+      }
+    },
+    getThumbLeft: function getThumbLeft() {
+      if (this.vertical) return 0;
+      var el = this.$el;
+      var alpha = this.color._alpha;
+
+      if (!el) return 0;
+      var thumb = this.$refs.thumb;
+      return Math.round(alpha * (el.offsetWidth - thumb.offsetWidth / 2) / 100);
+    },
+    getThumbTop: function getThumbTop() {
+      if (!this.vertical) return 0;
+      var el = this.$el;
+      var alpha = this.color._alpha;
+
+      if (!el) return 0;
+      var thumb = this.$refs.thumb;
+      return Math.round(alpha * (el.offsetHeight - thumb.offsetHeight / 2) / 100);
+    },
+    getBackground: function getBackground() {
+      if (this.color && this.color.value) {
+        var _color$toRgb = this.color.toRgb(),
+            r = _color$toRgb.r,
+            g = _color$toRgb.g,
+            b = _color$toRgb.b;
+
+        return 'linear-gradient(to right, rgba(' + r + ', ' + g + ', ' + b + ', 0) 0%, rgba(' + r + ', ' + g + ', ' + b + ', 1) 100%)';
+      }
+      return null;
+    },
+    update: function update() {
+      this.thumbLeft = this.getThumbLeft();
+      this.thumbTop = this.getThumbTop();
+      this.background = this.getBackground();
+    }
+  },
+
+  data: function data() {
+    return {
+      thumbLeft: 0,
+      thumbTop: 0,
+      background: null
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    var _$refs = this.$refs,
+        bar = _$refs.bar,
+        thumb = _$refs.thumb;
+
+
+    var dragConfig = {
+      drag: function drag(event) {
+        _this.handleDrag(event);
+      },
+      end: function end(event) {
+        _this.handleDrag(event);
+      }
+    };
+
+    draggable(bar, dragConfig);
+    draggable(thumb, dragConfig);
+    this.update();
+  }
+});
+// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_alpha_slidervue_type_script_lang_js_ = (alpha_slidervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/alpha-slider.vue
+
+
+
+
+
+/* normalize component */
+
+var alpha_slider_component = normalizeComponent(
+  components_alpha_slidervue_type_script_lang_js_,
+  alpha_slidervue_type_template_id_068c66cb_render,
+  alpha_slidervue_type_template_id_068c66cb_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var alpha_slider_api; }
+alpha_slider_component.options.__file = "packages/color-picker/src/components/alpha-slider.vue"
+/* harmony default export */ var alpha_slider = (alpha_slider_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/predefine.vue?vue&type=template&id=06e03093&
+var predefinevue_type_template_id_06e03093_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "el-color-predefine" }, [
+    _c(
+      "div",
+      { staticClass: "el-color-predefine__colors" },
+      _vm._l(_vm.rgbaColors, function(item, index) {
+        return _c(
+          "div",
+          {
+            key: _vm.colors[index],
+            staticClass: "el-color-predefine__color-selector",
+            class: { selected: item.selected, "is-alpha": item._alpha < 100 },
+            on: {
+              click: function($event) {
+                _vm.handleSelect(index)
+              }
+            }
+          },
+          [_c("div", { style: { "background-color": item.value } })]
+        )
+      }),
+      0
+    )
+  ])
+}
+var predefinevue_type_template_id_06e03093_staticRenderFns = []
+predefinevue_type_template_id_06e03093_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue?vue&type=template&id=06e03093&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/predefine.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var predefinevue_type_script_lang_js_ = ({
+  props: {
+    colors: { type: Array, required: true },
+    color: { required: true }
+  },
+  data: function data() {
+    return {
+      rgbaColors: this.parseColors(this.colors, this.color)
+    };
+  },
+
+  methods: {
+    handleSelect: function handleSelect(index) {
+      this.color.fromString(this.colors[index]);
+    },
+    parseColors: function parseColors(colors, color) {
+      return colors.map(function (value) {
+        var c = new src_color();
+        c.enableAlpha = true;
+        c.format = 'rgba';
+        c.fromString(value);
+        c.selected = c.value === color.value;
+        return c;
+      });
+    }
+  },
+  watch: {
+    '$parent.currentColor': function $parentCurrentColor(val) {
+      var color = new src_color();
+      color.fromString(val);
+
+      this.rgbaColors.forEach(function (item) {
+        item.selected = color.compare(item);
+      });
+    },
+    colors: function colors(newVal) {
+      this.rgbaColors = this.parseColors(newVal, this.color);
+    },
+    color: function color(newVal) {
+      this.rgbaColors = this.parseColors(this.colors, newVal);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_predefinevue_type_script_lang_js_ = (predefinevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/predefine.vue
+
+
+
+
+
+/* normalize component */
+
+var predefine_component = normalizeComponent(
+  components_predefinevue_type_script_lang_js_,
+  predefinevue_type_template_id_06e03093_render,
+  predefinevue_type_template_id_06e03093_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var predefine_api; }
+predefine_component.options.__file = "packages/color-picker/src/components/predefine.vue"
+/* harmony default export */ var predefine = (predefine_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/components/picker-dropdown.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var picker_dropdownvue_type_script_lang_js_ = ({
+  name: 'el-color-picker-dropdown',
+
+  mixins: [vue_popper_default.a, locale_default.a],
+
+  components: {
+    SvPanel: sv_panel,
+    HueSlider: hue_slider,
+    AlphaSlider: alpha_slider,
+    ElInput: input_default.a,
+    ElButton: button_default.a,
+    Predefine: predefine
+  },
+
+  props: {
+    color: {
+      required: true
+    },
+    showAlpha: Boolean,
+    predefine: Array
+  },
+
+  data: function data() {
+    return {
+      customInput: ''
+    };
+  },
+
+
+  computed: {
+    currentColor: function currentColor() {
+      var parent = this.$parent;
+      return !parent.value && !parent.showPanelColor ? '' : parent.color.value;
+    }
+  },
+
+  methods: {
+    confirmValue: function confirmValue() {
+      this.$emit('pick');
+    },
+    handleConfirm: function handleConfirm() {
+      this.color.fromString(this.customInput);
+    }
+  },
+
+  mounted: function mounted() {
+    this.$parent.popperElm = this.popperElm = this.$el;
+    this.referenceElm = this.$parent.$el;
+  },
+
+
+  watch: {
+    showPopper: function showPopper(val) {
+      var _this = this;
+
+      if (val === true) {
+        this.$nextTick(function () {
+          var _$refs = _this.$refs,
+              sl = _$refs.sl,
+              hue = _$refs.hue,
+              alpha = _$refs.alpha;
+
+          sl && sl.update();
+          hue && hue.update();
+          alpha && alpha.update();
+        });
+      }
+    },
+
+
+    currentColor: {
+      immediate: true,
+      handler: function handler(val) {
+        this.customInput = val;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_picker_dropdownvue_type_script_lang_js_ = (picker_dropdownvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/components/picker-dropdown.vue
+
+
+
+
+
+/* normalize component */
+
+var picker_dropdown_component = normalizeComponent(
+  components_picker_dropdownvue_type_script_lang_js_,
+  picker_dropdownvue_type_template_id_06601625_render,
+  picker_dropdownvue_type_template_id_06601625_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var picker_dropdown_api; }
+picker_dropdown_component.options.__file = "packages/color-picker/src/components/picker-dropdown.vue"
+/* harmony default export */ var picker_dropdown = (picker_dropdown_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/color-picker/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ var color_picker_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElColorPicker',
+
+  mixins: [emitter_default.a],
+
+  props: {
+    value: String,
+    showAlpha: Boolean,
+    colorFormat: String,
+    disabled: Boolean,
+    size: String,
+    popperClass: String,
+    predefine: Array
+  },
+
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+
+  directives: { Clickoutside: clickoutside_default.a },
+
+  computed: {
+    displayedColor: function displayedColor() {
+      if (!this.value && !this.showPanelColor) {
+        return 'transparent';
+      }
+
+      return this.displayedRgb(this.color, this.showAlpha);
+    },
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    colorSize: function colorSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    colorDisabled: function colorDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+
+  watch: {
+    value: function value(val) {
+      if (!val) {
+        this.showPanelColor = false;
+      } else if (val && val !== this.color.value) {
+        this.color.fromString(val);
+      }
+    },
+
+    color: {
+      deep: true,
+      handler: function handler() {
+        this.showPanelColor = true;
+      }
+    },
+    displayedColor: function displayedColor(val) {
+      if (!this.showPicker) return;
+      var currentValueColor = new src_color({
+        enableAlpha: this.showAlpha,
+        format: this.colorFormat
+      });
+      currentValueColor.fromString(this.value);
+
+      var currentValueColorRgb = this.displayedRgb(currentValueColor, this.showAlpha);
+      if (val !== currentValueColorRgb) {
+        this.$emit('active-change', val);
+      }
+    }
+  },
+
+  methods: {
+    handleTrigger: function handleTrigger() {
+      if (this.colorDisabled) return;
+      this.showPicker = !this.showPicker;
+    },
+    confirmValue: function confirmValue() {
+      var value = this.color.value;
+      this.$emit('input', value);
+      this.$emit('change', value);
+      this.dispatch('ElFormItem', 'el.form.change', value);
+      this.showPicker = false;
+    },
+    clearValue: function clearValue() {
+      this.$emit('input', null);
+      this.$emit('change', null);
+      if (this.value !== null) {
+        this.dispatch('ElFormItem', 'el.form.change', null);
+      }
+      this.showPanelColor = false;
+      this.showPicker = false;
+      this.resetColor();
+    },
+    hide: function hide() {
+      this.showPicker = false;
+      this.resetColor();
+    },
+    resetColor: function resetColor() {
+      var _this = this;
+
+      this.$nextTick(function (_) {
+        if (_this.value) {
+          _this.color.fromString(_this.value);
+        } else {
+          _this.showPanelColor = false;
+        }
+      });
+    },
+    displayedRgb: function displayedRgb(color, showAlpha) {
+      if (!(color instanceof src_color)) {
+        throw Error('color should be instance of Color Class');
+      }
+
+      var _color$toRgb = color.toRgb(),
+          r = _color$toRgb.r,
+          g = _color$toRgb.g,
+          b = _color$toRgb.b;
+
+      return showAlpha ? 'rgba(' + r + ', ' + g + ', ' + b + ', ' + color.get('alpha') / 100 + ')' : 'rgb(' + r + ', ' + g + ', ' + b + ')';
+    }
+  },
+
+  mounted: function mounted() {
+    var value = this.value;
+    if (value) {
+      this.color.fromString(value);
+    }
+    this.popperElm = this.$refs.dropdown.$el;
+  },
+  data: function data() {
+    var color = new src_color({
+      enableAlpha: this.showAlpha,
+      format: this.colorFormat
+    });
+
+    return {
+      color: color,
+      showPicker: false,
+      showPanelColor: false
+    };
+  },
+
+
+  components: {
+    PickerDropdown: picker_dropdown
+  }
+});
+// CONCATENATED MODULE: ./packages/color-picker/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_color_picker_src_mainvue_type_script_lang_js_ = (color_picker_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/color-picker/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var color_picker_src_main_component = normalizeComponent(
+  packages_color_picker_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_55c8ade7_render,
+  mainvue_type_template_id_55c8ade7_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var color_picker_src_main_api; }
+color_picker_src_main_component.options.__file = "packages/color-picker/src/main.vue"
+/* harmony default export */ var color_picker_src_main = (color_picker_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/color-picker/index.js
+
+
+/* istanbul ignore next */
+color_picker_src_main.install = function (Vue) {
+  Vue.component(color_picker_src_main.name, color_picker_src_main);
+};
+
+/* harmony default export */ var color_picker = (color_picker_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/main.vue?vue&type=template&id=5c654dd8&
+var mainvue_type_template_id_5c654dd8_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "el-transfer" },
+    [
+      _c(
+        "transfer-panel",
+        _vm._b(
+          {
+            ref: "leftPanel",
+            attrs: {
+              data: _vm.sourceData,
+              title: _vm.titles[0] || _vm.t("el.transfer.titles.0"),
+              "default-checked": _vm.leftDefaultChecked,
+              placeholder:
+                _vm.filterPlaceholder || _vm.t("el.transfer.filterPlaceholder")
+            },
+            on: { "checked-change": _vm.onSourceCheckedChange }
+          },
+          "transfer-panel",
+          _vm.$props,
+          false
+        ),
+        [_vm._t("left-footer")],
+        2
+      ),
+      _c(
+        "div",
+        { staticClass: "el-transfer__buttons" },
+        [
+          _c(
+            "el-button",
+            {
+              class: [
+                "el-transfer__button",
+                _vm.hasButtonTexts ? "is-with-texts" : ""
+              ],
+              attrs: {
+                type: "primary",
+                disabled: _vm.rightChecked.length === 0
+              },
+              nativeOn: {
+                click: function($event) {
+                  return _vm.addToLeft($event)
+                }
+              }
+            },
+            [
+              _c("i", { staticClass: "el-icon-arrow-left" }),
+              _vm.buttonTexts[0] !== undefined
+                ? _c("span", [_vm._v(_vm._s(_vm.buttonTexts[0]))])
+                : _vm._e()
+            ]
+          ),
+          _c(
+            "el-button",
+            {
+              class: [
+                "el-transfer__button",
+                _vm.hasButtonTexts ? "is-with-texts" : ""
+              ],
+              attrs: {
+                type: "primary",
+                disabled: _vm.leftChecked.length === 0
+              },
+              nativeOn: {
+                click: function($event) {
+                  return _vm.addToRight($event)
+                }
+              }
+            },
+            [
+              _vm.buttonTexts[1] !== undefined
+                ? _c("span", [_vm._v(_vm._s(_vm.buttonTexts[1]))])
+                : _vm._e(),
+              _c("i", { staticClass: "el-icon-arrow-right" })
+            ]
+          )
+        ],
+        1
+      ),
+      _c(
+        "transfer-panel",
+        _vm._b(
+          {
+            ref: "rightPanel",
+            attrs: {
+              data: _vm.targetData,
+              title: _vm.titles[1] || _vm.t("el.transfer.titles.1"),
+              "default-checked": _vm.rightDefaultChecked,
+              placeholder:
+                _vm.filterPlaceholder || _vm.t("el.transfer.filterPlaceholder")
+            },
+            on: { "checked-change": _vm.onTargetCheckedChange }
+          },
+          "transfer-panel",
+          _vm.$props,
+          false
+        ),
+        [_vm._t("right-footer")],
+        2
+      )
+    ],
+    1
+  )
+}
+var mainvue_type_template_id_5c654dd8_staticRenderFns = []
+mainvue_type_template_id_5c654dd8_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/transfer/src/main.vue?vue&type=template&id=5c654dd8&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/transfer-panel.vue?vue&type=template&id=2ddab8bd&
+var transfer_panelvue_type_template_id_2ddab8bd_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "el-transfer-panel" }, [
+    _c(
+      "p",
+      { staticClass: "el-transfer-panel__header" },
+      [
+        _c(
+          "el-checkbox",
+          {
+            attrs: { indeterminate: _vm.isIndeterminate },
+            on: { change: _vm.handleAllCheckedChange },
+            model: {
+              value: _vm.allChecked,
+              callback: function($$v) {
+                _vm.allChecked = $$v
+              },
+              expression: "allChecked"
+            }
+          },
+          [
+            _vm._v("\n      " + _vm._s(_vm.title) + "\n      "),
+            _c("span", [_vm._v(_vm._s(_vm.checkedSummary))])
+          ]
+        )
+      ],
+      1
+    ),
+    _c(
+      "div",
+      {
+        class: [
+          "el-transfer-panel__body",
+          _vm.hasFooter ? "is-with-footer" : ""
+        ]
+      },
+      [
+        _vm.filterable
+          ? _c(
+              "el-input",
+              {
+                staticClass: "el-transfer-panel__filter",
+                attrs: { size: "small", placeholder: _vm.placeholder },
+                nativeOn: {
+                  mouseenter: function($event) {
+                    _vm.inputHover = true
+                  },
+                  mouseleave: function($event) {
+                    _vm.inputHover = false
+                  }
+                },
+                model: {
+                  value: _vm.query,
+                  callback: function($$v) {
+                    _vm.query = $$v
+                  },
+                  expression: "query"
+                }
+              },
+              [
+                _c("i", {
+                  class: ["el-input__icon", "el-icon-" + _vm.inputIcon],
+                  attrs: { slot: "prefix" },
+                  on: { click: _vm.clearQuery },
+                  slot: "prefix"
+                })
+              ]
+            )
+          : _vm._e(),
+        _c(
+          "el-checkbox-group",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: !_vm.hasNoMatch && _vm.data.length > 0,
+                expression: "!hasNoMatch && data.length > 0"
+              }
+            ],
+            staticClass: "el-transfer-panel__list",
+            class: { "is-filterable": _vm.filterable },
+            model: {
+              value: _vm.checked,
+              callback: function($$v) {
+                _vm.checked = $$v
+              },
+              expression: "checked"
+            }
+          },
+          _vm._l(_vm.filteredData, function(item) {
+            return _c(
+              "el-checkbox",
+              {
+                key: item[_vm.keyProp],
+                staticClass: "el-transfer-panel__item",
+                attrs: {
+                  label: item[_vm.keyProp],
+                  disabled: item[_vm.disabledProp]
+                }
+              },
+              [_c("option-content", { attrs: { option: item } })],
+              1
+            )
+          }),
+          1
+        ),
+        _c(
+          "p",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.hasNoMatch,
+                expression: "hasNoMatch"
+              }
+            ],
+            staticClass: "el-transfer-panel__empty"
+          },
+          [_vm._v(_vm._s(_vm.t("el.transfer.noMatch")))]
+        ),
+        _c(
+          "p",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.data.length === 0 && !_vm.hasNoMatch,
+                expression: "data.length === 0 && !hasNoMatch"
+              }
+            ],
+            staticClass: "el-transfer-panel__empty"
+          },
+          [_vm._v(_vm._s(_vm.t("el.transfer.noData")))]
+        )
+      ],
+      1
+    ),
+    _vm.hasFooter
+      ? _c(
+          "p",
+          { staticClass: "el-transfer-panel__footer" },
+          [_vm._t("default")],
+          2
+        )
+      : _vm._e()
+  ])
+}
+var transfer_panelvue_type_template_id_2ddab8bd_staticRenderFns = []
+transfer_panelvue_type_template_id_2ddab8bd_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue?vue&type=template&id=2ddab8bd&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/transfer-panel.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ var transfer_panelvue_type_script_lang_js_ = ({
+  mixins: [locale_default.a],
+
+  name: 'ElTransferPanel',
+
+  componentName: 'ElTransferPanel',
+
+  components: {
+    ElCheckboxGroup: checkbox_group_default.a,
+    ElCheckbox: checkbox_default.a,
+    ElInput: input_default.a,
+    OptionContent: {
+      props: {
+        option: Object
+      },
+      render: function render(h) {
+        var getParent = function getParent(vm) {
+          if (vm.$options.componentName === 'ElTransferPanel') {
+            return vm;
+          } else if (vm.$parent) {
+            return getParent(vm.$parent);
+          } else {
+            return vm;
+          }
+        };
+        var panel = getParent(this);
+        var transfer = panel.$parent || panel;
+        return panel.renderContent ? panel.renderContent(h, this.option) : transfer.$scopedSlots.default ? transfer.$scopedSlots.default({ option: this.option }) : h('span', [this.option[panel.labelProp] || this.option[panel.keyProp]]);
+      }
+    }
+  },
+
+  props: {
+    data: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    renderContent: Function,
+    placeholder: String,
+    title: String,
+    filterable: Boolean,
+    format: Object,
+    filterMethod: Function,
+    defaultChecked: Array,
+    props: Object
+  },
+
+  data: function data() {
+    return {
+      checked: [],
+      allChecked: false,
+      query: '',
+      inputHover: false,
+      checkChangeByUser: true
+    };
+  },
+
+
+  watch: {
+    checked: function checked(val, oldVal) {
+      this.updateAllChecked();
+      if (this.checkChangeByUser) {
+        var movedKeys = val.concat(oldVal).filter(function (v) {
+          return val.indexOf(v) === -1 || oldVal.indexOf(v) === -1;
+        });
+        this.$emit('checked-change', val, movedKeys);
+      } else {
+        this.$emit('checked-change', val);
+        this.checkChangeByUser = true;
+      }
+    },
+    data: function data() {
+      var _this = this;
+
+      var checked = [];
+      var filteredDataKeys = this.filteredData.map(function (item) {
+        return item[_this.keyProp];
+      });
+      this.checked.forEach(function (item) {
+        if (filteredDataKeys.indexOf(item) > -1) {
+          checked.push(item);
+        }
+      });
+      this.checkChangeByUser = false;
+      this.checked = checked;
+    },
+    checkableData: function checkableData() {
+      this.updateAllChecked();
+    },
+
+
+    defaultChecked: {
+      immediate: true,
+      handler: function handler(val, oldVal) {
+        var _this2 = this;
+
+        if (oldVal && val.length === oldVal.length && val.every(function (item) {
+          return oldVal.indexOf(item) > -1;
+        })) return;
+        var checked = [];
+        var checkableDataKeys = this.checkableData.map(function (item) {
+          return item[_this2.keyProp];
+        });
+        val.forEach(function (item) {
+          if (checkableDataKeys.indexOf(item) > -1) {
+            checked.push(item);
+          }
+        });
+        this.checkChangeByUser = false;
+        this.checked = checked;
+      }
+    }
+  },
+
+  computed: {
+    filteredData: function filteredData() {
+      var _this3 = this;
+
+      return this.data.filter(function (item) {
+        if (typeof _this3.filterMethod === 'function') {
+          return _this3.filterMethod(_this3.query, item);
+        } else {
+          var label = item[_this3.labelProp] || item[_this3.keyProp].toString();
+          return label.toLowerCase().indexOf(_this3.query.toLowerCase()) > -1;
+        }
+      });
+    },
+    checkableData: function checkableData() {
+      var _this4 = this;
+
+      return this.filteredData.filter(function (item) {
+        return !item[_this4.disabledProp];
+      });
+    },
+    checkedSummary: function checkedSummary() {
+      var checkedLength = this.checked.length;
+      var dataLength = this.data.length;
+      var _format = this.format,
+          noChecked = _format.noChecked,
+          hasChecked = _format.hasChecked;
+
+      if (noChecked && hasChecked) {
+        return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength).replace(/\${total}/g, dataLength) : noChecked.replace(/\${total}/g, dataLength);
+      } else {
+        return checkedLength + '/' + dataLength;
+      }
+    },
+    isIndeterminate: function isIndeterminate() {
+      var checkedLength = this.checked.length;
+      return checkedLength > 0 && checkedLength < this.checkableData.length;
+    },
+    hasNoMatch: function hasNoMatch() {
+      return this.query.length > 0 && this.filteredData.length === 0;
+    },
+    inputIcon: function inputIcon() {
+      return this.query.length > 0 && this.inputHover ? 'circle-close' : 'search';
+    },
+    labelProp: function labelProp() {
+      return this.props.label || 'label';
+    },
+    keyProp: function keyProp() {
+      return this.props.key || 'key';
+    },
+    disabledProp: function disabledProp() {
+      return this.props.disabled || 'disabled';
+    },
+    hasFooter: function hasFooter() {
+      return !!this.$slots.default;
+    }
+  },
+
+  methods: {
+    updateAllChecked: function updateAllChecked() {
+      var _this5 = this;
+
+      var checkableDataKeys = this.checkableData.map(function (item) {
+        return item[_this5.keyProp];
+      });
+      this.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every(function (item) {
+        return _this5.checked.indexOf(item) > -1;
+      });
+    },
+    handleAllCheckedChange: function handleAllCheckedChange(value) {
+      var _this6 = this;
+
+      this.checked = value ? this.checkableData.map(function (item) {
+        return item[_this6.keyProp];
+      }) : [];
+    },
+    clearQuery: function clearQuery() {
+      if (this.inputIcon === 'circle-close') {
+        this.query = '';
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_transfer_panelvue_type_script_lang_js_ = (transfer_panelvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue
+
+
+
+
+
+/* normalize component */
+
+var transfer_panel_component = normalizeComponent(
+  src_transfer_panelvue_type_script_lang_js_,
+  transfer_panelvue_type_template_id_2ddab8bd_render,
+  transfer_panelvue_type_template_id_2ddab8bd_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var transfer_panel_api; }
+transfer_panel_component.options.__file = "packages/transfer/src/transfer-panel.vue"
+/* harmony default export */ var transfer_panel = (transfer_panel_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+/* harmony default export */ var transfer_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElTransfer',
+
+  mixins: [emitter_default.a, locale_default.a, migrating_default.a],
+
+  components: {
+    TransferPanel: transfer_panel,
+    ElButton: button_default.a
+  },
+
+  props: {
+    data: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    titles: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    buttonTexts: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    filterPlaceholder: {
+      type: String,
+      default: ''
+    },
+    filterMethod: Function,
+    leftDefaultChecked: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    rightDefaultChecked: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    renderContent: Function,
+    value: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    format: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    filterable: Boolean,
+    props: {
+      type: Object,
+      default: function _default() {
+        return {
+          label: 'label',
+          key: 'key',
+          disabled: 'disabled'
+        };
+      }
+    },
+    targetOrder: {
+      type: String,
+      default: 'original'
+    }
+  },
+
+  data: function data() {
+    return {
+      leftChecked: [],
+      rightChecked: []
+    };
+  },
+
+
+  computed: {
+    dataObj: function dataObj() {
+      var key = this.props.key;
+      return this.data.reduce(function (o, cur) {
+        return (o[cur[key]] = cur) && o;
+      }, {});
+    },
+    sourceData: function sourceData() {
+      var _this = this;
+
+      return this.data.filter(function (item) {
+        return _this.value.indexOf(item[_this.props.key]) === -1;
+      });
+    },
+    targetData: function targetData() {
+      var _this2 = this;
+
+      if (this.targetOrder === 'original') {
+        return this.data.filter(function (item) {
+          return _this2.value.indexOf(item[_this2.props.key]) > -1;
+        });
+      } else {
+        return this.value.reduce(function (arr, cur) {
+          var val = _this2.dataObj[cur];
+          if (val) {
+            arr.push(val);
+          }
+          return arr;
+        }, []);
+      }
+    },
+    hasButtonTexts: function hasButtonTexts() {
+      return this.buttonTexts.length === 2;
+    }
+  },
+
+  watch: {
+    value: function value(val) {
+      this.dispatch('ElFormItem', 'el.form.change', val);
+    }
+  },
+
+  methods: {
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'footer-format': 'footer-format is renamed to format.'
+        }
+      };
+    },
+    onSourceCheckedChange: function onSourceCheckedChange(val, movedKeys) {
+      this.leftChecked = val;
+      if (movedKeys === undefined) return;
+      this.$emit('left-check-change', val, movedKeys);
+    },
+    onTargetCheckedChange: function onTargetCheckedChange(val, movedKeys) {
+      this.rightChecked = val;
+      if (movedKeys === undefined) return;
+      this.$emit('right-check-change', val, movedKeys);
+    },
+    addToLeft: function addToLeft() {
+      var currentValue = this.value.slice();
+      this.rightChecked.forEach(function (item) {
+        var index = currentValue.indexOf(item);
+        if (index > -1) {
+          currentValue.splice(index, 1);
+        }
+      });
+      this.$emit('input', currentValue);
+      this.$emit('change', currentValue, 'left', this.rightChecked);
+    },
+    addToRight: function addToRight() {
+      var _this3 = this;
+
+      var currentValue = this.value.slice();
+      var itemsToBeMoved = [];
+      var key = this.props.key;
+      this.data.forEach(function (item) {
+        var itemKey = item[key];
+        if (_this3.leftChecked.indexOf(itemKey) > -1 && _this3.value.indexOf(itemKey) === -1) {
+          itemsToBeMoved.push(itemKey);
+        }
+      });
+      currentValue = this.targetOrder === 'unshift' ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
+      this.$emit('input', currentValue);
+      this.$emit('change', currentValue, 'right', this.leftChecked);
+    },
+    clearQuery: function clearQuery(which) {
+      if (which === 'left') {
+        this.$refs.leftPanel.query = '';
+      } else if (which === 'right') {
+        this.$refs.rightPanel.query = '';
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/transfer/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_transfer_src_mainvue_type_script_lang_js_ = (transfer_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/transfer/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var transfer_src_main_component = normalizeComponent(
+  packages_transfer_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_5c654dd8_render,
+  mainvue_type_template_id_5c654dd8_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var transfer_src_main_api; }
+transfer_src_main_component.options.__file = "packages/transfer/src/main.vue"
+/* harmony default export */ var transfer_src_main = (transfer_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/transfer/index.js
+
+
+/* istanbul ignore next */
+transfer_src_main.install = function (Vue) {
+  Vue.component(transfer_src_main.name, transfer_src_main);
+};
+
+/* harmony default export */ var transfer = (transfer_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/container/src/main.vue?vue&type=template&id=5bf181d4&
+var mainvue_type_template_id_5bf181d4_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "section",
+    { staticClass: "el-container", class: { "is-vertical": _vm.isVertical } },
+    [_vm._t("default")],
+    2
+  )
+}
+var mainvue_type_template_id_5bf181d4_staticRenderFns = []
+mainvue_type_template_id_5bf181d4_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/container/src/main.vue?vue&type=template&id=5bf181d4&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/container/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var container_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElContainer',
+
+  componentName: 'ElContainer',
+
+  props: {
+    direction: String
+  },
+
+  computed: {
+    isVertical: function isVertical() {
+      if (this.direction === 'vertical') {
+        return true;
+      } else if (this.direction === 'horizontal') {
+        return false;
+      }
+      return this.$slots && this.$slots.default ? this.$slots.default.some(function (vnode) {
+        var tag = vnode.componentOptions && vnode.componentOptions.tag;
+        return tag === 'el-header' || tag === 'el-footer';
+      }) : false;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/container/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_container_src_mainvue_type_script_lang_js_ = (container_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/container/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var container_src_main_component = normalizeComponent(
+  packages_container_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_5bf181d4_render,
+  mainvue_type_template_id_5bf181d4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var container_src_main_api; }
+container_src_main_component.options.__file = "packages/container/src/main.vue"
+/* harmony default export */ var container_src_main = (container_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/container/index.js
+
+
+/* istanbul ignore next */
+container_src_main.install = function (Vue) {
+  Vue.component(container_src_main.name, container_src_main);
+};
+
+/* harmony default export */ var packages_container = (container_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/header/src/main.vue?vue&type=template&id=2b296ab2&
+var mainvue_type_template_id_2b296ab2_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "header",
+    { staticClass: "el-header", style: { height: _vm.height } },
+    [_vm._t("default")],
+    2
+  )
+}
+var mainvue_type_template_id_2b296ab2_staticRenderFns = []
+mainvue_type_template_id_2b296ab2_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/header/src/main.vue?vue&type=template&id=2b296ab2&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/header/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var header_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElHeader',
+
+  componentName: 'ElHeader',
+
+  props: {
+    height: {
+      type: String,
+      default: '60px'
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/header/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_header_src_mainvue_type_script_lang_js_ = (header_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/header/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var header_src_main_component = normalizeComponent(
+  packages_header_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_2b296ab2_render,
+  mainvue_type_template_id_2b296ab2_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var header_src_main_api; }
+header_src_main_component.options.__file = "packages/header/src/main.vue"
+/* harmony default export */ var header_src_main = (header_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/header/index.js
+
+
+/* istanbul ignore next */
+header_src_main.install = function (Vue) {
+  Vue.component(header_src_main.name, header_src_main);
+};
+
+/* harmony default export */ var header = (header_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/aside/src/main.vue?vue&type=template&id=03411dbf&
+var mainvue_type_template_id_03411dbf_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "aside",
+    { staticClass: "el-aside", style: { width: _vm.width } },
+    [_vm._t("default")],
+    2
+  )
+}
+var mainvue_type_template_id_03411dbf_staticRenderFns = []
+mainvue_type_template_id_03411dbf_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/aside/src/main.vue?vue&type=template&id=03411dbf&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/aside/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var aside_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElAside',
+
+  componentName: 'ElAside',
+
+  props: {
+    width: {
+      type: String,
+      default: '300px'
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/aside/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_aside_src_mainvue_type_script_lang_js_ = (aside_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/aside/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var aside_src_main_component = normalizeComponent(
+  packages_aside_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_03411dbf_render,
+  mainvue_type_template_id_03411dbf_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var aside_src_main_api; }
+aside_src_main_component.options.__file = "packages/aside/src/main.vue"
+/* harmony default export */ var aside_src_main = (aside_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/aside/index.js
+
+
+/* istanbul ignore next */
+aside_src_main.install = function (Vue) {
+  Vue.component(aside_src_main.name, aside_src_main);
+};
+
+/* harmony default export */ var aside = (aside_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/main/src/main.vue?vue&type=template&id=2a3a7406&
+var mainvue_type_template_id_2a3a7406_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("main", { staticClass: "el-main" }, [_vm._t("default")], 2)
+}
+var mainvue_type_template_id_2a3a7406_staticRenderFns = []
+mainvue_type_template_id_2a3a7406_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/main/src/main.vue?vue&type=template&id=2a3a7406&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/main/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var main_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElMain',
+  componentName: 'ElMain'
+});
+// CONCATENATED MODULE: ./packages/main/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_main_src_mainvue_type_script_lang_js_ = (main_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/main/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var main_src_main_component = normalizeComponent(
+  packages_main_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_2a3a7406_render,
+  mainvue_type_template_id_2a3a7406_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var main_src_main_api; }
+main_src_main_component.options.__file = "packages/main/src/main.vue"
+/* harmony default export */ var main_src_main = (main_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/main/index.js
+
+
+/* istanbul ignore next */
+main_src_main.install = function (Vue) {
+  Vue.component(main_src_main.name, main_src_main);
+};
+
+/* harmony default export */ var packages_main = (main_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/footer/src/main.vue?vue&type=template&id=80210338&
+var mainvue_type_template_id_80210338_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "footer",
+    { staticClass: "el-footer", style: { height: _vm.height } },
+    [_vm._t("default")],
+    2
+  )
+}
+var mainvue_type_template_id_80210338_staticRenderFns = []
+mainvue_type_template_id_80210338_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/footer/src/main.vue?vue&type=template&id=80210338&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/footer/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var footer_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElFooter',
+
+  componentName: 'ElFooter',
+
+  props: {
+    height: {
+      type: String,
+      default: '60px'
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/footer/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_footer_src_mainvue_type_script_lang_js_ = (footer_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/footer/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var footer_src_main_component = normalizeComponent(
+  packages_footer_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_80210338_render,
+  mainvue_type_template_id_80210338_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var footer_src_main_api; }
+footer_src_main_component.options.__file = "packages/footer/src/main.vue"
+/* harmony default export */ var footer_src_main = (footer_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/footer/index.js
+
+
+/* istanbul ignore next */
+footer_src_main.install = function (Vue) {
+  Vue.component(footer_src_main.name, footer_src_main);
+};
+
+/* harmony default export */ var footer = (footer_src_main);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/timeline/src/main.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var timeline_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElTimeline',
+
+  props: {
+    reverse: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  provide: function provide() {
+    return {
+      timeline: this
+    };
+  },
+  render: function render() {
+    var h = arguments[0];
+
+    var reverse = this.reverse;
+    var classes = {
+      'el-timeline': true,
+      'is-reverse': reverse
+    };
+    var slots = this.$slots.default || [];
+    if (reverse) {
+      slots = slots.reverse();
+    }
+    return h(
+      'ul',
+      { 'class': classes },
+      [slots]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/timeline/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_timeline_src_mainvue_type_script_lang_js_ = (timeline_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/timeline/src/main.vue
+var main_render, main_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var timeline_src_main_component = normalizeComponent(
+  packages_timeline_src_mainvue_type_script_lang_js_,
+  main_render,
+  main_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var timeline_src_main_api; }
+timeline_src_main_component.options.__file = "packages/timeline/src/main.vue"
+/* harmony default export */ var timeline_src_main = (timeline_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/timeline/index.js
+
+
+/* istanbul ignore next */
+timeline_src_main.install = function (Vue) {
+  Vue.component(timeline_src_main.name, timeline_src_main);
+};
+
+/* harmony default export */ var timeline = (timeline_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/timeline/src/item.vue?vue&type=template&id=61a69e50&
+var itemvue_type_template_id_61a69e50_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("li", { staticClass: "el-timeline-item" }, [
+    _c("div", { staticClass: "el-timeline-item__tail" }),
+    !_vm.$slots.dot
+      ? _c(
+          "div",
+          {
+            staticClass: "el-timeline-item__node",
+            class: [
+              "el-timeline-item__node--" + (_vm.size || ""),
+              "el-timeline-item__node--" + (_vm.type || "")
+            ],
+            style: {
+              backgroundColor: _vm.color
+            }
+          },
+          [
+            _vm.icon
+              ? _c("i", {
+                  staticClass: "el-timeline-item__icon",
+                  class: _vm.icon
+                })
+              : _vm._e()
+          ]
+        )
+      : _vm._e(),
+    _vm.$slots.dot
+      ? _c("div", { staticClass: "el-timeline-item__dot" }, [_vm._t("dot")], 2)
+      : _vm._e(),
+    _c("div", { staticClass: "el-timeline-item__wrapper" }, [
+      !_vm.hideTimestamp && _vm.placement === "top"
+        ? _c("div", { staticClass: "el-timeline-item__timestamp is-top" }, [
+            _vm._v("\n      " + _vm._s(_vm.timestamp) + "\n    ")
+          ])
+        : _vm._e(),
+      _c(
+        "div",
+        { staticClass: "el-timeline-item__content" },
+        [_vm._t("default")],
+        2
+      ),
+      !_vm.hideTimestamp && _vm.placement === "bottom"
+        ? _c("div", { staticClass: "el-timeline-item__timestamp is-bottom" }, [
+            _vm._v("\n      " + _vm._s(_vm.timestamp) + "\n    ")
+          ])
+        : _vm._e()
+    ])
+  ])
+}
+var itemvue_type_template_id_61a69e50_staticRenderFns = []
+itemvue_type_template_id_61a69e50_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/timeline/src/item.vue?vue&type=template&id=61a69e50&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/timeline/src/item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var timeline_src_itemvue_type_script_lang_js_ = ({
+  name: 'ElTimelineItem',
+
+  inject: ['timeline'],
+
+  props: {
+    timestamp: String,
+
+    hideTimestamp: {
+      type: Boolean,
+      default: false
+    },
+
+    placement: {
+      type: String,
+      default: 'bottom'
+    },
+
+    type: String,
+
+    color: String,
+
+    size: {
+      type: String,
+      default: 'normal'
+    },
+
+    icon: String
+  }
+});
+// CONCATENATED MODULE: ./packages/timeline/src/item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_timeline_src_itemvue_type_script_lang_js_ = (timeline_src_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/timeline/src/item.vue
+
+
+
+
+
+/* normalize component */
+
+var src_item_component = normalizeComponent(
+  packages_timeline_src_itemvue_type_script_lang_js_,
+  itemvue_type_template_id_61a69e50_render,
+  itemvue_type_template_id_61a69e50_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var src_item_api; }
+src_item_component.options.__file = "packages/timeline/src/item.vue"
+/* harmony default export */ var timeline_src_item = (src_item_component.exports);
+// CONCATENATED MODULE: ./packages/timeline-item/index.js
+
+
+/* istanbul ignore next */
+timeline_src_item.install = function (Vue) {
+  Vue.component(timeline_src_item.name, timeline_src_item);
+};
+
+/* harmony default export */ var timeline_item = (timeline_src_item);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/link/src/main.vue?vue&type=template&id=01cf3b65&
+var mainvue_type_template_id_01cf3b65_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "a",
+    _vm._b(
+      {
+        class: [
+          "el-link",
+          _vm.type ? "el-link--" + _vm.type : "",
+          _vm.disabled && "is-disabled",
+          _vm.underline && !_vm.disabled && "is-underline"
+        ],
+        attrs: { href: _vm.disabled ? null : _vm.href },
+        on: { click: _vm.handleClick }
+      },
+      "a",
+      _vm.$attrs,
+      false
+    ),
+    [
+      _vm.icon ? _c("i", { class: _vm.icon }) : _vm._e(),
+      _vm.$slots.default
+        ? _c("span", { staticClass: "el-link--inner" }, [_vm._t("default")], 2)
+        : _vm._e(),
+      _vm.$slots.icon ? [_vm.$slots.icon ? _vm._t("icon") : _vm._e()] : _vm._e()
+    ],
+    2
+  )
+}
+var mainvue_type_template_id_01cf3b65_staticRenderFns = []
+mainvue_type_template_id_01cf3b65_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/link/src/main.vue?vue&type=template&id=01cf3b65&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/link/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var link_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElLink',
+
+  props: {
+    type: {
+      type: String,
+      default: 'default'
+    },
+    underline: {
+      type: Boolean,
+      default: true
+    },
+    disabled: Boolean,
+    href: String,
+    icon: String
+  },
+
+  methods: {
+    handleClick: function handleClick(event) {
+      if (!this.disabled) {
+        if (!this.href) {
+          this.$emit('click', event);
+        }
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/link/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_link_src_mainvue_type_script_lang_js_ = (link_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/link/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var link_src_main_component = normalizeComponent(
+  packages_link_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_01cf3b65_render,
+  mainvue_type_template_id_01cf3b65_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var link_src_main_api; }
+link_src_main_component.options.__file = "packages/link/src/main.vue"
+/* harmony default export */ var link_src_main = (link_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/link/index.js
+
+
+/* istanbul ignore next */
+link_src_main.install = function (Vue) {
+  Vue.component(link_src_main.name, link_src_main);
+};
+
+/* harmony default export */ var packages_link = (link_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/divider/src/main.vue?vue&type=template&id=7fa02a7e&functional=true&
+var mainvue_type_template_id_7fa02a7e_functional_true_render = function(_h, _vm) {
+  var _c = _vm._c
+  return _c(
+    "div",
+    _vm._g(
+      _vm._b(
+        {
+          class: [
+            _vm.data.staticClass,
+            "el-divider",
+            "el-divider--" + _vm.props.direction
+          ]
+        },
+        "div",
+        _vm.data.attrs,
+        false
+      ),
+      _vm.listeners
+    ),
+    [
+      _vm.slots().default && _vm.props.direction !== "vertical"
+        ? _c(
+            "div",
+            { class: ["el-divider__text", "is-" + _vm.props.contentPosition] },
+            [_vm._t("default")],
+            2
+          )
+        : _vm._e()
+    ]
+  )
+}
+var mainvue_type_template_id_7fa02a7e_functional_true_staticRenderFns = []
+mainvue_type_template_id_7fa02a7e_functional_true_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/divider/src/main.vue?vue&type=template&id=7fa02a7e&functional=true&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/divider/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var divider_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElDivider',
+  props: {
+    direction: {
+      type: String,
+      default: 'horizontal',
+      validator: function validator(val) {
+        return ['horizontal', 'vertical'].indexOf(val) !== -1;
+      }
+    },
+    contentPosition: {
+      type: String,
+      default: 'center',
+      validator: function validator(val) {
+        return ['left', 'center', 'right'].indexOf(val) !== -1;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/divider/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_divider_src_mainvue_type_script_lang_js_ = (divider_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/divider/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var divider_src_main_component = normalizeComponent(
+  packages_divider_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_7fa02a7e_functional_true_render,
+  mainvue_type_template_id_7fa02a7e_functional_true_staticRenderFns,
+  true,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var divider_src_main_api; }
+divider_src_main_component.options.__file = "packages/divider/src/main.vue"
+/* harmony default export */ var divider_src_main = (divider_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/divider/index.js
+
+
+/* istanbul ignore next */
+divider_src_main.install = function (Vue) {
+  Vue.component(divider_src_main.name, divider_src_main);
+};
+
+/* harmony default export */ var divider = (divider_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/main.vue?vue&type=template&id=44d84a7c&
+var mainvue_type_template_id_44d84a7c_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "el-image" },
+    [
+      _vm.loading
+        ? _vm._t("placeholder", [
+            _c("div", { staticClass: "el-image__placeholder" })
+          ])
+        : _vm.error
+        ? _vm._t("error", [
+            _c("div", { staticClass: "el-image__error" }, [
+              _vm._v(_vm._s(_vm.t("el.image.error")))
+            ])
+          ])
+        : _c(
+            "img",
+            _vm._g(
+              _vm._b(
+                {
+                  staticClass: "el-image__inner",
+                  class: {
+                    "el-image__inner--center": _vm.alignCenter,
+                    "el-image__preview": _vm.preview
+                  },
+                  style: _vm.imageStyle,
+                  attrs: { src: _vm.src },
+                  on: { click: _vm.clickHandler }
+                },
+                "img",
+                _vm.$attrs,
+                false
+              ),
+              _vm.$listeners
+            )
+          ),
+      _vm.preview
+        ? [
+            _vm.showViewer
+              ? _c("image-viewer", {
+                  attrs: {
+                    "z-index": _vm.zIndex,
+                    "initial-index": _vm.imageIndex,
+                    "on-close": _vm.closeViewer,
+                    "url-list": _vm.previewSrcList
+                  }
+                })
+              : _vm._e()
+          ]
+        : _vm._e()
+    ],
+    2
+  )
+}
+var mainvue_type_template_id_44d84a7c_staticRenderFns = []
+mainvue_type_template_id_44d84a7c_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/image/src/main.vue?vue&type=template&id=44d84a7c&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/image-viewer.vue?vue&type=template&id=5e73b307&
+var image_viewervue_type_template_id_5e73b307_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("transition", { attrs: { name: "viewer-fade" } }, [
+    _c(
+      "div",
+      {
+        ref: "el-image-viewer__wrapper",
+        staticClass: "el-image-viewer__wrapper",
+        style: { "z-index": _vm.viewerZIndex },
+        attrs: { tabindex: "-1" }
+      },
+      [
+        _c("div", {
+          staticClass: "el-image-viewer__mask",
+          on: {
+            click: function($event) {
+              if ($event.target !== $event.currentTarget) {
+                return null
+              }
+              return _vm.handleMaskClick($event)
+            }
+          }
+        }),
+        _c(
+          "span",
+          {
+            staticClass: "el-image-viewer__btn el-image-viewer__close",
+            on: { click: _vm.hide }
+          },
+          [_c("i", { staticClass: "el-icon-close" })]
+        ),
+        !_vm.isSingle
+          ? [
+              _c(
+                "span",
+                {
+                  staticClass: "el-image-viewer__btn el-image-viewer__prev",
+                  class: { "is-disabled": !_vm.infinite && _vm.isFirst },
+                  on: { click: _vm.prev }
+                },
+                [_c("i", { staticClass: "el-icon-arrow-left" })]
+              ),
+              _c(
+                "span",
+                {
+                  staticClass: "el-image-viewer__btn el-image-viewer__next",
+                  class: { "is-disabled": !_vm.infinite && _vm.isLast },
+                  on: { click: _vm.next }
+                },
+                [_c("i", { staticClass: "el-icon-arrow-right" })]
+              )
+            ]
+          : _vm._e(),
+        _c(
+          "div",
+          { staticClass: "el-image-viewer__btn el-image-viewer__actions" },
+          [
+            _c("div", { staticClass: "el-image-viewer__actions__inner" }, [
+              _c("i", {
+                staticClass: "el-icon-zoom-out",
+                on: {
+                  click: function($event) {
+                    _vm.handleActions("zoomOut")
+                  }
+                }
+              }),
+              _c("i", {
+                staticClass: "el-icon-zoom-in",
+                on: {
+                  click: function($event) {
+                    _vm.handleActions("zoomIn")
+                  }
+                }
+              }),
+              _c("i", { staticClass: "el-image-viewer__actions__divider" }),
+              _c("i", { class: _vm.mode.icon, on: { click: _vm.toggleMode } }),
+              _c("i", { staticClass: "el-image-viewer__actions__divider" }),
+              _c("i", {
+                staticClass: "el-icon-refresh-left",
+                on: {
+                  click: function($event) {
+                    _vm.handleActions("anticlocelise")
+                  }
+                }
+              }),
+              _c("i", {
+                staticClass: "el-icon-refresh-right",
+                on: {
+                  click: function($event) {
+                    _vm.handleActions("clocelise")
+                  }
+                }
+              })
+            ])
+          ]
+        ),
+        _c(
+          "div",
+          { staticClass: "el-image-viewer__canvas" },
+          _vm._l(_vm.urlList, function(url, i) {
+            return i === _vm.index
+              ? _c("img", {
+                  key: url,
+                  ref: "img",
+                  refInFor: true,
+                  staticClass: "el-image-viewer__img",
+                  style: _vm.imgStyle,
+                  attrs: { src: _vm.currentImg },
+                  on: {
+                    load: _vm.handleImgLoad,
+                    error: _vm.handleImgError,
+                    mousedown: _vm.handleMouseDown
+                  }
+                })
+              : _vm._e()
+          }),
+          0
+        )
+      ],
+      2
+    )
+  ])
+}
+var image_viewervue_type_template_id_5e73b307_staticRenderFns = []
+image_viewervue_type_template_id_5e73b307_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/image/src/image-viewer.vue?vue&type=template&id=5e73b307&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/image-viewer.vue?vue&type=script&lang=js&
+var image_viewervue_type_script_lang_js_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+var Mode = {
+  CONTAIN: {
+    name: 'contain',
+    icon: 'el-icon-full-screen'
+  },
+  ORIGINAL: {
+    name: 'original',
+    icon: 'el-icon-c-scale-to-original'
+  }
+};
+
+var mousewheelEventName = Object(util_["isFirefox"])() ? 'DOMMouseScroll' : 'mousewheel';
+
+/* harmony default export */ var image_viewervue_type_script_lang_js_ = ({
+  name: 'elImageViewer',
+
+  props: {
+    urlList: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    zIndex: {
+      type: Number,
+      default: 2000
+    },
+    onSwitch: {
+      type: Function,
+      default: function _default() {}
+    },
+    onClose: {
+      type: Function,
+      default: function _default() {}
+    },
+    initialIndex: {
+      type: Number,
+      default: 0
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    maskClosable: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  data: function data() {
+    return {
+      index: this.initialIndex,
+      isShow: false,
+      infinite: true,
+      loading: false,
+      mode: Mode.CONTAIN,
+      transform: {
+        scale: 1,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: false
+      }
+    };
+  },
+
+  computed: {
+    isSingle: function isSingle() {
+      return this.urlList.length <= 1;
+    },
+    isFirst: function isFirst() {
+      return this.index === 0;
+    },
+    isLast: function isLast() {
+      return this.index === this.urlList.length - 1;
+    },
+    currentImg: function currentImg() {
+      return this.urlList[this.index];
+    },
+    imgStyle: function imgStyle() {
+      var _transform = this.transform,
+          scale = _transform.scale,
+          deg = _transform.deg,
+          offsetX = _transform.offsetX,
+          offsetY = _transform.offsetY,
+          enableTransition = _transform.enableTransition;
+
+      var style = {
+        transform: 'scale(' + scale + ') rotate(' + deg + 'deg)',
+        transition: enableTransition ? 'transform .3s' : '',
+        'margin-left': offsetX + 'px',
+        'margin-top': offsetY + 'px'
+      };
+      if (this.mode === Mode.CONTAIN) {
+        style.maxWidth = style.maxHeight = '100%';
+      }
+      return style;
+    },
+    viewerZIndex: function viewerZIndex() {
+      var nextZIndex = popup_["PopupManager"].nextZIndex();
+      return this.zIndex > nextZIndex ? this.zIndex : nextZIndex;
+    }
+  },
+  watch: {
+    index: {
+      handler: function handler(val) {
+        this.reset();
+        this.onSwitch(val);
+      }
+    },
+    currentImg: function currentImg(val) {
+      var _this = this;
+
+      this.$nextTick(function (_) {
+        var $img = _this.$refs.img[0];
+        if (!$img.complete) {
+          _this.loading = true;
+        }
+      });
+    }
+  },
+  methods: {
+    hide: function hide() {
+      this.deviceSupportUninstall();
+      this.onClose();
+    },
+    deviceSupportInstall: function deviceSupportInstall() {
+      var _this2 = this;
+
+      this._keyDownHandler = function (e) {
+        e.stopPropagation();
+        var keyCode = e.keyCode;
+        switch (keyCode) {
+          // ESC
+          case 27:
+            _this2.hide();
+            break;
+          // SPACE
+          case 32:
+            _this2.toggleMode();
+            break;
+          // LEFT_ARROW
+          case 37:
+            _this2.prev();
+            break;
+          // UP_ARROW
+          case 38:
+            _this2.handleActions('zoomIn');
+            break;
+          // RIGHT_ARROW
+          case 39:
+            _this2.next();
+            break;
+          // DOWN_ARROW
+          case 40:
+            _this2.handleActions('zoomOut');
+            break;
+        }
+      };
+      this._mouseWheelHandler = Object(util_["rafThrottle"])(function (e) {
+        var delta = e.wheelDelta ? e.wheelDelta : -e.detail;
+        if (delta > 0) {
+          _this2.handleActions('zoomIn', {
+            zoomRate: 0.015,
+            enableTransition: false
+          });
+        } else {
+          _this2.handleActions('zoomOut', {
+            zoomRate: 0.015,
+            enableTransition: false
+          });
+        }
+      });
+      Object(dom_["on"])(document, 'keydown', this._keyDownHandler);
+      Object(dom_["on"])(document, mousewheelEventName, this._mouseWheelHandler);
+    },
+    deviceSupportUninstall: function deviceSupportUninstall() {
+      Object(dom_["off"])(document, 'keydown', this._keyDownHandler);
+      Object(dom_["off"])(document, mousewheelEventName, this._mouseWheelHandler);
+      this._keyDownHandler = null;
+      this._mouseWheelHandler = null;
+    },
+    handleImgLoad: function handleImgLoad(e) {
+      this.loading = false;
+    },
+    handleImgError: function handleImgError(e) {
+      this.loading = false;
+      e.target.alt = '加载失败';
+    },
+    handleMouseDown: function handleMouseDown(e) {
+      var _this3 = this;
+
+      if (this.loading || e.button !== 0) return;
+
+      var _transform2 = this.transform,
+          offsetX = _transform2.offsetX,
+          offsetY = _transform2.offsetY;
+
+      var startX = e.pageX;
+      var startY = e.pageY;
+      this._dragHandler = Object(util_["rafThrottle"])(function (ev) {
+        _this3.transform.offsetX = offsetX + ev.pageX - startX;
+        _this3.transform.offsetY = offsetY + ev.pageY - startY;
+      });
+      Object(dom_["on"])(document, 'mousemove', this._dragHandler);
+      Object(dom_["on"])(document, 'mouseup', function (ev) {
+        Object(dom_["off"])(document, 'mousemove', _this3._dragHandler);
+      });
+
+      e.preventDefault();
+    },
+    handleMaskClick: function handleMaskClick() {
+      if (this.maskClosable) {
+        this.hide();
+      }
+    },
+    reset: function reset() {
+      this.transform = {
+        scale: 1,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: false
+      };
+    },
+    toggleMode: function toggleMode() {
+      if (this.loading) return;
+
+      var modeNames = Object.keys(Mode);
+      var modeValues = Object.values(Mode);
+      var index = modeValues.indexOf(this.mode);
+      var nextIndex = (index + 1) % modeNames.length;
+      this.mode = Mode[modeNames[nextIndex]];
+      this.reset();
+    },
+    prev: function prev() {
+      if (this.isFirst && !this.infinite) return;
+      var len = this.urlList.length;
+      this.index = (this.index - 1 + len) % len;
+    },
+    next: function next() {
+      if (this.isLast && !this.infinite) return;
+      var len = this.urlList.length;
+      this.index = (this.index + 1) % len;
+    },
+    handleActions: function handleActions(action) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      if (this.loading) return;
+
+      var _zoomRate$rotateDeg$e = image_viewervue_type_script_lang_js_extends({
+        zoomRate: 0.2,
+        rotateDeg: 90,
+        enableTransition: true
+      }, options),
+          zoomRate = _zoomRate$rotateDeg$e.zoomRate,
+          rotateDeg = _zoomRate$rotateDeg$e.rotateDeg,
+          enableTransition = _zoomRate$rotateDeg$e.enableTransition;
+
+      var transform = this.transform;
+
+      switch (action) {
+        case 'zoomOut':
+          if (transform.scale > 0.2) {
+            transform.scale = parseFloat((transform.scale - zoomRate).toFixed(3));
+          }
+          break;
+        case 'zoomIn':
+          transform.scale = parseFloat((transform.scale + zoomRate).toFixed(3));
+          break;
+        case 'clocelise':
+          transform.deg += rotateDeg;
+          break;
+        case 'anticlocelise':
+          transform.deg -= rotateDeg;
+          break;
+      }
+      transform.enableTransition = enableTransition;
+    }
+  },
+  mounted: function mounted() {
+    this.deviceSupportInstall();
+    if (this.appendToBody) {
+      document.body.appendChild(this.$el);
+    }
+    // add tabindex then wrapper can be focusable via Javascript
+    // focus wrapper so arrow key can't cause inner scroll behavior underneath
+    this.$refs['el-image-viewer__wrapper'].focus();
+  },
+  destroyed: function destroyed() {
+    // if appendToBody is true, remove DOM node after destroy
+    if (this.appendToBody && this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/image/src/image-viewer.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_image_viewervue_type_script_lang_js_ = (image_viewervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/image/src/image-viewer.vue
+
+
+
+
+
+/* normalize component */
+
+var image_viewer_component = normalizeComponent(
+  src_image_viewervue_type_script_lang_js_,
+  image_viewervue_type_template_id_5e73b307_render,
+  image_viewervue_type_template_id_5e73b307_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var image_viewer_api; }
+image_viewer_component.options.__file = "packages/image/src/image-viewer.vue"
+/* harmony default export */ var image_viewer = (image_viewer_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/image/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+var isSupportObjectFit = function isSupportObjectFit() {
+  return document.documentElement.style.objectFit !== undefined;
+};
+
+var ObjectFit = {
+  NONE: 'none',
+  CONTAIN: 'contain',
+  COVER: 'cover',
+  FILL: 'fill',
+  SCALE_DOWN: 'scale-down'
+};
+
+var prevOverflow = '';
+
+/* harmony default export */ var image_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElImage',
+
+  mixins: [locale_default.a],
+  inheritAttrs: false,
+
+  components: {
+    ImageViewer: image_viewer
+  },
+
+  props: {
+    src: String,
+    fit: String,
+    lazy: Boolean,
+    scrollContainer: {},
+    previewSrcList: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    zIndex: {
+      type: Number,
+      default: 2000
+    },
+    initialIndex: Number
+  },
+
+  data: function data() {
+    return {
+      loading: true,
+      error: false,
+      show: !this.lazy,
+      imageWidth: 0,
+      imageHeight: 0,
+      showViewer: false
+    };
+  },
+
+
+  computed: {
+    imageStyle: function imageStyle() {
+      var fit = this.fit;
+
+      if (!this.$isServer && fit) {
+        return isSupportObjectFit() ? { 'object-fit': fit } : this.getImageStyle(fit);
+      }
+      return {};
+    },
+    alignCenter: function alignCenter() {
+      return !this.$isServer && !isSupportObjectFit() && this.fit !== ObjectFit.FILL;
+    },
+    preview: function preview() {
+      var previewSrcList = this.previewSrcList;
+
+      return Array.isArray(previewSrcList) && previewSrcList.length > 0;
+    },
+    imageIndex: function imageIndex() {
+      var previewIndex = 0;
+      var initialIndex = this.initialIndex;
+      if (initialIndex >= 0) {
+        previewIndex = initialIndex;
+        return previewIndex;
+      }
+      var srcIndex = this.previewSrcList.indexOf(this.src);
+      if (srcIndex >= 0) {
+        previewIndex = srcIndex;
+        return previewIndex;
+      }
+      return previewIndex;
+    }
+  },
+
+  watch: {
+    src: function src(val) {
+      this.show && this.loadImage();
+    },
+    show: function show(val) {
+      val && this.loadImage();
+    }
+  },
+
+  mounted: function mounted() {
+    if (this.lazy) {
+      this.addLazyLoadListener();
+    } else {
+      this.loadImage();
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.lazy && this.removeLazyLoadListener();
+  },
+
+
+  methods: {
+    loadImage: function loadImage() {
+      var _this = this;
+
+      if (this.$isServer) return;
+
+      // reset status
+      this.loading = true;
+      this.error = false;
+
+      var img = new Image();
+      img.onload = function (e) {
+        return _this.handleLoad(e, img);
+      };
+      img.onerror = this.handleError.bind(this);
+
+      // bind html attrs
+      // so it can behave consistently
+      Object.keys(this.$attrs).forEach(function (key) {
+        var value = _this.$attrs[key];
+        img.setAttribute(key, value);
+      });
+      img.src = this.src;
+    },
+    handleLoad: function handleLoad(e, img) {
+      this.imageWidth = img.width;
+      this.imageHeight = img.height;
+      this.loading = false;
+      this.error = false;
+    },
+    handleError: function handleError(e) {
+      this.loading = false;
+      this.error = true;
+      this.$emit('error', e);
+    },
+    handleLazyLoad: function handleLazyLoad() {
+      if (Object(dom_["isInContainer"])(this.$el, this._scrollContainer)) {
+        this.show = true;
+        this.removeLazyLoadListener();
+      }
+    },
+    addLazyLoadListener: function addLazyLoadListener() {
+      if (this.$isServer) return;
+
+      var scrollContainer = this.scrollContainer;
+
+      var _scrollContainer = null;
+
+      if (Object(types_["isHtmlElement"])(scrollContainer)) {
+        _scrollContainer = scrollContainer;
+      } else if (Object(types_["isString"])(scrollContainer)) {
+        _scrollContainer = document.querySelector(scrollContainer);
+      } else {
+        _scrollContainer = Object(dom_["getScrollContainer"])(this.$el);
+      }
+
+      if (_scrollContainer) {
+        this._scrollContainer = _scrollContainer;
+        this._lazyLoadHandler = throttle_default()(200, this.handleLazyLoad);
+        Object(dom_["on"])(_scrollContainer, 'scroll', this._lazyLoadHandler);
+        this.handleLazyLoad();
+      }
+    },
+    removeLazyLoadListener: function removeLazyLoadListener() {
+      var _scrollContainer = this._scrollContainer,
+          _lazyLoadHandler = this._lazyLoadHandler;
+
+
+      if (this.$isServer || !_scrollContainer || !_lazyLoadHandler) return;
+
+      Object(dom_["off"])(_scrollContainer, 'scroll', _lazyLoadHandler);
+      this._scrollContainer = null;
+      this._lazyLoadHandler = null;
+    },
+
+    /**
+     * simulate object-fit behavior to compatible with IE11 and other browsers which not support object-fit
+     */
+    getImageStyle: function getImageStyle(fit) {
+      var imageWidth = this.imageWidth,
+          imageHeight = this.imageHeight;
+      var _$el = this.$el,
+          containerWidth = _$el.clientWidth,
+          containerHeight = _$el.clientHeight;
+
+
+      if (!imageWidth || !imageHeight || !containerWidth || !containerHeight) return {};
+
+      var imageAspectRatio = imageWidth / imageHeight;
+      var containerAspectRatio = containerWidth / containerHeight;
+
+      if (fit === ObjectFit.SCALE_DOWN) {
+        var isSmaller = imageWidth < containerWidth && imageHeight < containerHeight;
+        fit = isSmaller ? ObjectFit.NONE : ObjectFit.CONTAIN;
+      }
+
+      switch (fit) {
+        case ObjectFit.NONE:
+          return { width: 'auto', height: 'auto' };
+        case ObjectFit.CONTAIN:
+          return imageAspectRatio < containerAspectRatio ? { width: 'auto' } : { height: 'auto' };
+        case ObjectFit.COVER:
+          return imageAspectRatio < containerAspectRatio ? { height: 'auto' } : { width: 'auto' };
+        default:
+          return {};
+      }
+    },
+    clickHandler: function clickHandler() {
+      // don't show viewer when preview is false
+      if (!this.preview) {
+        return;
+      }
+      // prevent body scroll
+      prevOverflow = document.body.style.overflow;
+      document.body.style.overflow = 'hidden';
+      this.showViewer = true;
+    },
+    closeViewer: function closeViewer() {
+      document.body.style.overflow = prevOverflow;
+      this.showViewer = false;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/image/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_image_src_mainvue_type_script_lang_js_ = (image_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/image/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var image_src_main_component = normalizeComponent(
+  packages_image_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_44d84a7c_render,
+  mainvue_type_template_id_44d84a7c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var image_src_main_api; }
+image_src_main_component.options.__file = "packages/image/src/main.vue"
+/* harmony default export */ var image_src_main = (image_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/image/index.js
+
+
+/* istanbul ignore next */
+image_src_main.install = function (Vue) {
+  Vue.component(image_src_main.name, image_src_main);
+};
+
+/* harmony default export */ var packages_image = (image_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=template&id=6d9756be&
+var mainvue_type_template_id_6d9756be_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "el-calendar" }, [
+    _c("div", { staticClass: "el-calendar__header" }, [
+      _c("div", { staticClass: "el-calendar__title" }, [
+        _vm._v("\n      " + _vm._s(_vm.i18nDate) + "\n    ")
+      ]),
+      _vm.validatedRange.length === 0
+        ? _c(
+            "div",
+            { staticClass: "el-calendar__button-group" },
+            [
+              _c(
+                "el-button-group",
+                [
+                  _c(
+                    "el-button",
+                    {
+                      attrs: { type: "plain", size: "mini" },
+                      on: {
+                        click: function($event) {
+                          _vm.selectDate("prev-month")
+                        }
+                      }
+                    },
+                    [
+                      _vm._v(
+                        "\n          " +
+                          _vm._s(_vm.t("el.datepicker.prevMonth")) +
+                          "\n        "
+                      )
+                    ]
+                  ),
+                  _c(
+                    "el-button",
+                    {
+                      attrs: { type: "plain", size: "mini" },
+                      on: {
+                        click: function($event) {
+                          _vm.selectDate("today")
+                        }
+                      }
+                    },
+                    [
+                      _vm._v(
+                        "\n          " +
+                          _vm._s(_vm.t("el.datepicker.today")) +
+                          "\n        "
+                      )
+                    ]
+                  ),
+                  _c(
+                    "el-button",
+                    {
+                      attrs: { type: "plain", size: "mini" },
+                      on: {
+                        click: function($event) {
+                          _vm.selectDate("next-month")
+                        }
+                      }
+                    },
+                    [
+                      _vm._v(
+                        "\n          " +
+                          _vm._s(_vm.t("el.datepicker.nextMonth")) +
+                          "\n        "
+                      )
+                    ]
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          )
+        : _vm._e()
+    ]),
+    _vm.validatedRange.length === 0
+      ? _c(
+          "div",
+          { key: "no-range", staticClass: "el-calendar__body" },
+          [
+            _c("date-table", {
+              attrs: {
+                date: _vm.date,
+                "selected-day": _vm.realSelectedDay,
+                "first-day-of-week": _vm.realFirstDayOfWeek
+              },
+              on: { pick: _vm.pickDay }
+            })
+          ],
+          1
+        )
+      : _c(
+          "div",
+          { key: "has-range", staticClass: "el-calendar__body" },
+          _vm._l(_vm.validatedRange, function(range, index) {
+            return _c("date-table", {
+              key: index,
+              attrs: {
+                date: range[0],
+                "selected-day": _vm.realSelectedDay,
+                range: range,
+                "hide-header": index !== 0,
+                "first-day-of-week": _vm.realFirstDayOfWeek
+              },
+              on: { pick: _vm.pickDay }
+            })
+          }),
+          1
+        )
+  ])
+}
+var mainvue_type_template_id_6d9756be_staticRenderFns = []
+mainvue_type_template_id_6d9756be_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=template&id=6d9756be&
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/date"
+var date_ = __webpack_require__(20);
+var date_default = /*#__PURE__*/__webpack_require__.n(date_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/date-table.vue?vue&type=script&lang=js&
+
+
+
+
+/* harmony default export */ var src_date_tablevue_type_script_lang_js_ = ({
+  props: {
+    selectedDay: String, // formated date yyyy-MM-dd
+    range: {
+      type: Array,
+      validator: function validator(val) {
+        if (!(val && val.length)) return true;
+        var start = val[0],
+            end = val[1];
+
+        return Object(date_util_["validateRangeInOneMonth"])(start, end);
+      }
+    },
+    date: Date,
+    hideHeader: Boolean,
+    firstDayOfWeek: Number
+  },
+
+  inject: ['elCalendar'],
+
+  methods: {
+    toNestedArr: function toNestedArr(days) {
+      return Object(date_util_["range"])(days.length / 7).map(function (_, index) {
+        var start = index * 7;
+        return days.slice(start, start + 7);
+      });
+    },
+    getFormateDate: function getFormateDate(day, type) {
+      if (!day || ['prev', 'current', 'next'].indexOf(type) === -1) {
+        throw new Error('invalid day or type');
+      }
+      var prefix = this.curMonthDatePrefix;
+      if (type === 'prev') {
+        prefix = this.prevMonthDatePrefix;
+      } else if (type === 'next') {
+        prefix = this.nextMonthDatePrefix;
+      }
+      day = ('00' + day).slice(-2);
+      return prefix + '-' + day;
+    },
+    getCellClass: function getCellClass(_ref) {
+      var text = _ref.text,
+          type = _ref.type;
+
+      var classes = [type];
+      if (type === 'current') {
+        var date = this.getFormateDate(text, type);
+        if (date === this.selectedDay) {
+          classes.push('is-selected');
+        }
+        if (date === this.formatedToday) {
+          classes.push('is-today');
+        }
+      }
+      return classes;
+    },
+    pickDay: function pickDay(_ref2) {
+      var text = _ref2.text,
+          type = _ref2.type;
+
+      var date = this.getFormateDate(text, type);
+      this.$emit('pick', date);
+    },
+    cellRenderProxy: function cellRenderProxy(_ref3) {
+      var text = _ref3.text,
+          type = _ref3.type;
+      var h = this.$createElement;
+
+      var render = this.elCalendar.$scopedSlots.dateCell;
+      if (!render) return h('span', [text]);
+
+      var day = this.getFormateDate(text, type);
+      var date = new Date(day);
+      var data = {
+        isSelected: this.selectedDay === day,
+        type: type + '-month',
+        day: day
+      };
+      return render({ date: date, data: data });
+    }
+  },
+
+  computed: {
+    WEEK_DAYS: function WEEK_DAYS() {
+      return Object(date_util_["getI18nSettings"])().dayNames;
+    },
+    prevMonthDatePrefix: function prevMonthDatePrefix() {
+      var temp = new Date(this.date.getTime());
+      temp.setDate(0);
+      return date_default.a.format(temp, 'yyyy-MM');
+    },
+    curMonthDatePrefix: function curMonthDatePrefix() {
+      return date_default.a.format(this.date, 'yyyy-MM');
+    },
+    nextMonthDatePrefix: function nextMonthDatePrefix() {
+      var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
+      return date_default.a.format(temp, 'yyyy-MM');
+    },
+    formatedToday: function formatedToday() {
+      return this.elCalendar.formatedToday;
+    },
+    isInRange: function isInRange() {
+      return this.range && this.range.length;
+    },
+    rows: function rows() {
+      var days = [];
+      // if range exists, should render days in range.
+      if (this.isInRange) {
+        var _range = this.range,
+            start = _range[0],
+            end = _range[1];
+
+        var currentMonthRange = Object(date_util_["range"])(end.getDate() - start.getDate() + 1).map(function (_, index) {
+          return {
+            text: start.getDate() + index,
+            type: 'current'
+          };
+        });
+        var remaining = currentMonthRange.length % 7;
+        remaining = remaining === 0 ? 0 : 7 - remaining;
+        var nextMonthRange = Object(date_util_["range"])(remaining).map(function (_, index) {
+          return {
+            text: index + 1,
+            type: 'next'
+          };
+        });
+        days = currentMonthRange.concat(nextMonthRange);
+      } else {
+        var date = this.date;
+        var firstDay = Object(date_util_["getFirstDayOfMonth"])(date);
+        firstDay = firstDay === 0 ? 7 : firstDay;
+        var firstDayOfWeek = typeof this.firstDayOfWeek === 'number' ? this.firstDayOfWeek : 1;
+        var offset = (7 + firstDay - firstDayOfWeek) % 7;
+        var prevMonthDays = Object(date_util_["getPrevMonthLastDays"])(date, offset).map(function (day) {
+          return {
+            text: day,
+            type: 'prev'
+          };
+        });
+        var currentMonthDays = Object(date_util_["getMonthDays"])(date).map(function (day) {
+          return {
+            text: day,
+            type: 'current'
+          };
+        });
+        days = [].concat(prevMonthDays, currentMonthDays);
+        var nextMonthDays = Object(date_util_["range"])(42 - days.length).map(function (_, index) {
+          return {
+            text: index + 1,
+            type: 'next'
+          };
+        });
+        days = days.concat(nextMonthDays);
+      }
+      return this.toNestedArr(days);
+    },
+    weekDays: function weekDays() {
+      var start = this.firstDayOfWeek;
+      var WEEK_DAYS = this.WEEK_DAYS;
+
+
+      if (typeof start !== 'number' || start === 0) {
+        return WEEK_DAYS.slice();
+      } else {
+        return WEEK_DAYS.slice(start).concat(WEEK_DAYS.slice(0, start));
+      }
+    }
+  },
+
+  render: function render() {
+    var _this = this;
+
+    var h = arguments[0];
+
+    var thead = this.hideHeader ? null : h('thead', [this.weekDays.map(function (day) {
+      return h(
+        'th',
+        { key: day },
+        [day]
+      );
+    })]);
+    return h(
+      'table',
+      {
+        'class': {
+          'el-calendar-table': true,
+          'is-range': this.isInRange
+        },
+        attrs: { cellspacing: '0',
+          cellpadding: '0' }
+      },
+      [thead, h('tbody', [this.rows.map(function (row, index) {
+        return h(
+          'tr',
+          {
+            'class': {
+              'el-calendar-table__row': true,
+              'el-calendar-table__row--hide-border': index === 0 && _this.hideHeader
+            },
+            key: index },
+          [row.map(function (cell, key) {
+            return h(
+              'td',
+              { key: key,
+                'class': _this.getCellClass(cell),
+                on: {
+                  'click': _this.pickDay.bind(_this, cell)
+                }
+              },
+              [h(
+                'div',
+                { 'class': 'el-calendar-day' },
+                [_this.cellRenderProxy(cell)]
+              )]
+            );
+          })]
+        );
+      })])]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/calendar/src/date-table.vue?vue&type=script&lang=js&
+ /* harmony default export */ var calendar_src_date_tablevue_type_script_lang_js_ = (src_date_tablevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/calendar/src/date-table.vue
+var date_table_render, date_table_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var src_date_table_component = normalizeComponent(
+  calendar_src_date_tablevue_type_script_lang_js_,
+  date_table_render,
+  date_table_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var src_date_table_api; }
+src_date_table_component.options.__file = "packages/calendar/src/date-table.vue"
+/* harmony default export */ var src_date_table = (src_date_table_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+var validTypes = ['prev-month', 'today', 'next-month'];
+var weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+var oneDay = 86400000;
+
+/* harmony default export */ var calendar_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElCalendar',
+
+  mixins: [locale_default.a],
+
+  components: {
+    DateTable: src_date_table,
+    ElButton: button_default.a,
+    ElButtonGroup: button_group_default.a
+  },
+
+  props: {
+    value: [Date, String, Number],
+    range: {
+      type: Array,
+      validator: function validator(range) {
+        if (Array.isArray(range)) {
+          return range.length === 2 && range.every(function (item) {
+            return typeof item === 'string' || typeof item === 'number' || item instanceof Date;
+          });
+        } else {
+          return true;
+        }
+      }
+    },
+    firstDayOfWeek: {
+      type: Number,
+      default: 1
+    }
+  },
+
+  provide: function provide() {
+    return {
+      elCalendar: this
+    };
+  },
+
+
+  methods: {
+    pickDay: function pickDay(day) {
+      this.realSelectedDay = day;
+    },
+    selectDate: function selectDate(type) {
+      if (validTypes.indexOf(type) === -1) {
+        throw new Error('invalid type ' + type);
+      }
+      var day = '';
+      if (type === 'prev-month') {
+        day = this.prevMonthDatePrefix + '-01';
+      } else if (type === 'next-month') {
+        day = this.nextMonthDatePrefix + '-01';
+      } else {
+        day = this.formatedToday;
+      }
+
+      if (day === this.formatedDate) return;
+      this.pickDay(day);
+    },
+    toDate: function toDate(val) {
+      if (!val) {
+        throw new Error('invalid val');
+      }
+      return val instanceof Date ? val : new Date(val);
+    },
+    rangeValidator: function rangeValidator(date, isStart) {
+      var firstDayOfWeek = this.realFirstDayOfWeek;
+      var expected = isStart ? firstDayOfWeek : firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;
+      var message = (isStart ? 'start' : 'end') + ' of range should be ' + weekDays[expected] + '.';
+      if (date.getDay() !== expected) {
+        console.warn('[ElementCalendar]', message, 'Invalid range will be ignored.');
+        return false;
+      }
+      return true;
+    }
+  },
+
+  computed: {
+    prevMonthDatePrefix: function prevMonthDatePrefix() {
+      var temp = new Date(this.date.getTime());
+      temp.setDate(0);
+      return date_default.a.format(temp, 'yyyy-MM');
+    },
+    curMonthDatePrefix: function curMonthDatePrefix() {
+      return date_default.a.format(this.date, 'yyyy-MM');
+    },
+    nextMonthDatePrefix: function nextMonthDatePrefix() {
+      var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
+      return date_default.a.format(temp, 'yyyy-MM');
+    },
+    formatedDate: function formatedDate() {
+      return date_default.a.format(this.date, 'yyyy-MM-dd');
+    },
+    i18nDate: function i18nDate() {
+      var year = this.date.getFullYear();
+      var month = this.date.getMonth() + 1;
+      return year + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + month);
+    },
+    formatedToday: function formatedToday() {
+      return date_default.a.format(this.now, 'yyyy-MM-dd');
+    },
+
+
+    realSelectedDay: {
+      get: function get() {
+        if (!this.value) return this.selectedDay;
+        return this.formatedDate;
+      },
+      set: function set(val) {
+        this.selectedDay = val;
+        var date = new Date(val);
+        this.$emit('input', date);
+      }
+    },
+
+    date: function date() {
+      if (!this.value) {
+        if (this.realSelectedDay) {
+          var d = this.selectedDay.split('-');
+          return new Date(d[0], d[1] - 1, d[2]);
+        } else if (this.validatedRange.length) {
+          return this.validatedRange[0][0];
+        }
+        return this.now;
+      } else {
+        return this.toDate(this.value);
+      }
+    },
+
+
+    // if range is valid, we get a two-digit array
+    validatedRange: function validatedRange() {
+      var _this = this;
+
+      var range = this.range;
+      if (!range) return [];
+      range = range.reduce(function (prev, val, index) {
+        var date = _this.toDate(val);
+        if (_this.rangeValidator(date, index === 0)) {
+          prev = prev.concat(date);
+        }
+        return prev;
+      }, []);
+      if (range.length === 2) {
+        var _range = range,
+            start = _range[0],
+            end = _range[1];
+
+        if (start > end) {
+          console.warn('[ElementCalendar]end time should be greater than start time');
+          return [];
+        }
+        // start time and end time in one month
+        if (Object(date_util_["validateRangeInOneMonth"])(start, end)) {
+          return [[start, end]];
+        }
+        var data = [];
+        var startDay = new Date(start.getFullYear(), start.getMonth() + 1, 1);
+        var lastDay = this.toDate(startDay.getTime() - oneDay);
+        if (!Object(date_util_["validateRangeInOneMonth"])(startDay, end)) {
+          console.warn('[ElementCalendar]start time and end time interval must not exceed two months');
+          return [];
+        }
+        // 第一个月的时间范围
+        data.push([start, lastDay]);
+        // 下一月的时间范围，需要计算一下该月的第一个周起始日
+        var firstDayOfWeek = this.realFirstDayOfWeek;
+        var nextMontFirstDay = startDay.getDay();
+        var interval = 0;
+        if (nextMontFirstDay !== firstDayOfWeek) {
+          if (firstDayOfWeek === 0) {
+            interval = 7 - nextMontFirstDay;
+          } else {
+            interval = firstDayOfWeek - nextMontFirstDay;
+            interval = interval > 0 ? interval : 7 + interval;
+          }
+        }
+        startDay = this.toDate(startDay.getTime() + interval * oneDay);
+        if (startDay.getDate() < end.getDate()) {
+          data.push([startDay, end]);
+        }
+        return data;
+      }
+      return [];
+    },
+    realFirstDayOfWeek: function realFirstDayOfWeek() {
+      if (this.firstDayOfWeek < 1 || this.firstDayOfWeek > 6) {
+        return 0;
+      }
+      return Math.floor(this.firstDayOfWeek);
+    }
+  },
+
+  data: function data() {
+    return {
+      selectedDay: '',
+      now: new Date()
+    };
+  }
+});
+// CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_calendar_src_mainvue_type_script_lang_js_ = (calendar_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/calendar/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var calendar_src_main_component = normalizeComponent(
+  packages_calendar_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_6d9756be_render,
+  mainvue_type_template_id_6d9756be_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var calendar_src_main_api; }
+calendar_src_main_component.options.__file = "packages/calendar/src/main.vue"
+/* harmony default export */ var calendar_src_main = (calendar_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/calendar/index.js
+
+
+/* istanbul ignore next */
+calendar_src_main.install = function (Vue) {
+  Vue.component(calendar_src_main.name, calendar_src_main);
+};
+
+/* harmony default export */ var calendar = (calendar_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/backtop/src/main.vue?vue&type=template&id=257dd4a9&
+var mainvue_type_template_id_257dd4a9_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("transition", { attrs: { name: "el-fade-in" } }, [
+    _vm.visible
+      ? _c(
+          "div",
+          {
+            staticClass: "el-backtop",
+            style: {
+              right: _vm.styleRight,
+              bottom: _vm.styleBottom
+            },
+            on: {
+              click: function($event) {
+                $event.stopPropagation()
+                return _vm.handleClick($event)
+              }
+            }
+          },
+          [
+            _vm._t("default", [_c("el-icon", { attrs: { name: "caret-top" } })])
+          ],
+          2
+        )
+      : _vm._e()
+  ])
+}
+var mainvue_type_template_id_257dd4a9_staticRenderFns = []
+mainvue_type_template_id_257dd4a9_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/backtop/src/main.vue?vue&type=template&id=257dd4a9&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/backtop/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+var cubic = function cubic(value) {
+  return Math.pow(value, 3);
+};
+var easeInOutCubic = function easeInOutCubic(value) {
+  return value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
+};
+
+/* harmony default export */ var backtop_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElBacktop',
+
+  props: {
+    visibilityHeight: {
+      type: Number,
+      default: 200
+    },
+    target: [String],
+    right: {
+      type: Number,
+      default: 40
+    },
+    bottom: {
+      type: Number,
+      default: 40
+    }
+  },
+
+  data: function data() {
+    return {
+      el: null,
+      container: null,
+      visible: false
+    };
+  },
+
+
+  computed: {
+    styleBottom: function styleBottom() {
+      return this.bottom + 'px';
+    },
+    styleRight: function styleRight() {
+      return this.right + 'px';
+    }
+  },
+
+  mounted: function mounted() {
+    this.init();
+    this.throttledScrollHandler = throttle_default()(300, this.onScroll);
+    this.container.addEventListener('scroll', this.throttledScrollHandler);
+  },
+
+
+  methods: {
+    init: function init() {
+      this.container = document;
+      this.el = document.documentElement;
+      if (this.target) {
+        this.el = document.querySelector(this.target);
+        if (!this.el) {
+          throw new Error('target is not existed: ' + this.target);
+        }
+        this.container = this.el;
+      }
+    },
+    onScroll: function onScroll() {
+      var scrollTop = this.el.scrollTop;
+      this.visible = scrollTop >= this.visibilityHeight;
+    },
+    handleClick: function handleClick(e) {
+      this.scrollToTop();
+      this.$emit('click', e);
+    },
+    scrollToTop: function scrollToTop() {
+      var el = this.el;
+      var beginTime = Date.now();
+      var beginValue = el.scrollTop;
+      var rAF = window.requestAnimationFrame || function (func) {
+        return setTimeout(func, 16);
+      };
+      var frameFunc = function frameFunc() {
+        var progress = (Date.now() - beginTime) / 500;
+        if (progress < 1) {
+          el.scrollTop = beginValue * (1 - easeInOutCubic(progress));
+          rAF(frameFunc);
+        } else {
+          el.scrollTop = 0;
+        }
+      };
+      rAF(frameFunc);
+    }
+  },
+
+  beforeDestroy: function beforeDestroy() {
+    this.container.removeEventListener('scroll', this.throttledScrollHandler);
+  }
+});
+// CONCATENATED MODULE: ./packages/backtop/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_backtop_src_mainvue_type_script_lang_js_ = (backtop_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/backtop/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var backtop_src_main_component = normalizeComponent(
+  packages_backtop_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_257dd4a9_render,
+  mainvue_type_template_id_257dd4a9_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var backtop_src_main_api; }
+backtop_src_main_component.options.__file = "packages/backtop/src/main.vue"
+/* harmony default export */ var backtop_src_main = (backtop_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/backtop/index.js
+
+
+/* istanbul ignore next */
+backtop_src_main.install = function (Vue) {
+  Vue.component(backtop_src_main.name, backtop_src_main);
+};
+
+/* harmony default export */ var backtop = (backtop_src_main);
+// CONCATENATED MODULE: ./packages/infinite-scroll/src/main.js
+
+
+
+
+var getStyleComputedProperty = function getStyleComputedProperty(element, property) {
+  if (element === window) {
+    element = document.documentElement;
+  }
+
+  if (element.nodeType !== 1) {
+    return [];
+  }
+  // NOTE: 1 DOM access here
+  var css = window.getComputedStyle(element, null);
+  return property ? css[property] : css;
+};
+
+var entries = function entries(obj) {
+  return Object.keys(obj || {}).map(function (key) {
+    return [key, obj[key]];
+  });
+};
+
+var getPositionSize = function getPositionSize(el, prop) {
+  return el === window || el === document ? document.documentElement[prop] : el[prop];
+};
+
+var getOffsetHeight = function getOffsetHeight(el) {
+  return getPositionSize(el, 'offsetHeight');
+};
+
+var getClientHeight = function getClientHeight(el) {
+  return getPositionSize(el, 'clientHeight');
+};
+
+var scope = 'ElInfiniteScroll';
+var attributes = {
+  delay: {
+    type: Number,
+    default: 200
+  },
+  distance: {
+    type: Number,
+    default: 0
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  immediate: {
+    type: Boolean,
+    default: true
+  }
+};
+
+var main_getScrollOptions = function getScrollOptions(el, vm) {
+  if (!Object(types_["isHtmlElement"])(el)) return {};
+
+  return entries(attributes).reduce(function (map, _ref) {
+    var key = _ref[0],
+        option = _ref[1];
+    var type = option.type,
+        defaultValue = option.default;
+
+    var value = el.getAttribute('infinite-scroll-' + key);
+    value = Object(types_["isUndefined"])(vm[value]) ? value : vm[value];
+    switch (type) {
+      case Number:
+        value = Number(value);
+        value = Number.isNaN(value) ? defaultValue : value;
+        break;
+      case Boolean:
+        value = Object(types_["isDefined"])(value) ? value === 'false' ? false : Boolean(value) : defaultValue;
+        break;
+      default:
+        value = type(value);
+    }
+    map[key] = value;
+    return map;
+  }, {});
+};
+
+var getElementTop = function getElementTop(el) {
+  return el.getBoundingClientRect().top;
+};
+
+var main_handleScroll = function handleScroll(cb) {
+  var _scope = this[scope],
+      el = _scope.el,
+      vm = _scope.vm,
+      container = _scope.container,
+      observer = _scope.observer;
+
+  var _getScrollOptions = main_getScrollOptions(el, vm),
+      distance = _getScrollOptions.distance,
+      disabled = _getScrollOptions.disabled;
+
+  if (disabled) return;
+
+  var containerInfo = container.getBoundingClientRect();
+  if (!containerInfo.width && !containerInfo.height) return;
+
+  var shouldTrigger = false;
+
+  if (container === el) {
+    // be aware of difference between clientHeight & offsetHeight & window.getComputedStyle().height
+    var scrollBottom = container.scrollTop + getClientHeight(container);
+    shouldTrigger = container.scrollHeight - scrollBottom <= distance;
+  } else {
+    var heightBelowTop = getOffsetHeight(el) + getElementTop(el) - getElementTop(container);
+    var offsetHeight = getOffsetHeight(container);
+    var borderBottom = Number.parseFloat(getStyleComputedProperty(container, 'borderBottomWidth'));
+    shouldTrigger = heightBelowTop - offsetHeight + borderBottom <= distance;
+  }
+
+  if (shouldTrigger && Object(types_["isFunction"])(cb)) {
+    cb.call(vm);
+  } else if (observer) {
+    observer.disconnect();
+    this[scope].observer = null;
+  }
+};
+
+/* harmony default export */ var infinite_scroll_src_main = ({
+  name: 'InfiniteScroll',
+  inserted: function inserted(el, binding, vnode) {
+    var cb = binding.value;
+
+    var vm = vnode.context;
+    // only include vertical scroll
+    var container = Object(dom_["getScrollContainer"])(el, true);
+
+    var _getScrollOptions2 = main_getScrollOptions(el, vm),
+        delay = _getScrollOptions2.delay,
+        immediate = _getScrollOptions2.immediate;
+
+    var onScroll = debounce_default()(delay, main_handleScroll.bind(el, cb));
+
+    el[scope] = { el: el, vm: vm, container: container, onScroll: onScroll };
+
+    if (container) {
+      container.addEventListener('scroll', onScroll);
+
+      if (immediate) {
+        var observer = el[scope].observer = new MutationObserver(onScroll);
+        observer.observe(container, { childList: true, subtree: true });
+        onScroll();
+      }
+    }
+  },
+  unbind: function unbind(el) {
+    var _el$scope = el[scope],
+        container = _el$scope.container,
+        onScroll = _el$scope.onScroll;
+
+    if (container) {
+      container.removeEventListener('scroll', onScroll);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/infinite-scroll/index.js
+
+
+/* istanbul ignore next */
+infinite_scroll_src_main.install = function (Vue) {
+  Vue.directive(infinite_scroll_src_main.name, infinite_scroll_src_main);
+};
+
+/* harmony default export */ var infinite_scroll = (infinite_scroll_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/page-header/src/main.vue?vue&type=template&id=5070954c&
+var mainvue_type_template_id_5070954c_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "el-page-header" }, [
+    _c(
+      "div",
+      {
+        staticClass: "el-page-header__left",
+        on: {
+          click: function($event) {
+            _vm.$emit("back")
+          }
+        }
+      },
+      [
+        _c("i", { staticClass: "el-icon-back" }),
+        _c(
+          "div",
+          { staticClass: "el-page-header__title" },
+          [_vm._t("title", [_vm._v(_vm._s(_vm.title))])],
+          2
+        )
+      ]
+    ),
+    _c(
+      "div",
+      { staticClass: "el-page-header__content" },
+      [_vm._t("content", [_vm._v(_vm._s(_vm.content))])],
+      2
+    )
+  ])
+}
+var mainvue_type_template_id_5070954c_staticRenderFns = []
+mainvue_type_template_id_5070954c_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/page-header/src/main.vue?vue&type=template&id=5070954c&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/page-header/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var page_header_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElPageHeader',
+
+  props: {
+    title: {
+      type: String,
+      default: function _default() {
+        return Object(lib_locale_["t"])('el.pageHeader.title');
+      }
+    },
+    content: String
+  }
+});
+// CONCATENATED MODULE: ./packages/page-header/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_page_header_src_mainvue_type_script_lang_js_ = (page_header_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/page-header/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var page_header_src_main_component = normalizeComponent(
+  packages_page_header_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_5070954c_render,
+  mainvue_type_template_id_5070954c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var page_header_src_main_api; }
+page_header_src_main_component.options.__file = "packages/page-header/src/main.vue"
+/* harmony default export */ var page_header_src_main = (page_header_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/page-header/index.js
+
+
+/* istanbul ignore next */
+page_header_src_main.install = function (Vue) {
+  Vue.component(page_header_src_main.name, page_header_src_main);
+};
+
+/* harmony default export */ var page_header = (page_header_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader-panel/src/cascader-panel.vue?vue&type=template&id=34932346&
+var cascader_panelvue_type_template_id_34932346_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      class: ["el-cascader-panel", _vm.border && "is-bordered"],
+      on: { keydown: _vm.handleKeyDown }
+    },
+    _vm._l(_vm.menus, function(menu, index) {
+      return _c("cascader-menu", {
+        key: index,
+        ref: "menu",
+        refInFor: true,
+        attrs: { index: index, nodes: menu }
+      })
+    }),
+    1
+  )
+}
+var cascader_panelvue_type_template_id_34932346_staticRenderFns = []
+cascader_panelvue_type_template_id_34932346_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-panel.vue?vue&type=template&id=34932346&
+
+// EXTERNAL MODULE: external "element-ui/lib/radio"
+var radio_ = __webpack_require__(44);
+var radio_default = /*#__PURE__*/__webpack_require__.n(radio_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader-panel/src/cascader-node.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+var stopPropagation = function stopPropagation(e) {
+  return e.stopPropagation();
+};
+
+/* harmony default export */ var cascader_nodevue_type_script_lang_js_ = ({
+  inject: ['panel'],
+
+  components: {
+    ElCheckbox: checkbox_default.a,
+    ElRadio: radio_default.a
+  },
+
+  props: {
+    node: {
+      required: true
+    },
+    nodeId: String
+  },
+
+  computed: {
+    config: function config() {
+      return this.panel.config;
+    },
+    isLeaf: function isLeaf() {
+      return this.node.isLeaf;
+    },
+    isDisabled: function isDisabled() {
+      return this.node.isDisabled;
+    },
+    checkedValue: function checkedValue() {
+      return this.panel.checkedValue;
+    },
+    isChecked: function isChecked() {
+      return this.node.isSameNode(this.checkedValue);
+    },
+    inActivePath: function inActivePath() {
+      return this.isInPath(this.panel.activePath);
+    },
+    inCheckedPath: function inCheckedPath() {
+      var _this = this;
+
+      if (!this.config.checkStrictly) return false;
+
+      return this.panel.checkedNodePaths.some(function (checkedPath) {
+        return _this.isInPath(checkedPath);
+      });
+    },
+    value: function value() {
+      return this.node.getValueByOption();
+    }
+  },
+
+  methods: {
+    handleExpand: function handleExpand() {
+      var _this2 = this;
+
+      var panel = this.panel,
+          node = this.node,
+          isDisabled = this.isDisabled,
+          config = this.config;
+      var multiple = config.multiple,
+          checkStrictly = config.checkStrictly;
+
+
+      if (!checkStrictly && isDisabled || node.loading) return;
+
+      if (config.lazy && !node.loaded) {
+        panel.lazyLoad(node, function () {
+          // do not use cached leaf value here, invoke this.isLeaf to get new value.
+          var isLeaf = _this2.isLeaf;
+
+
+          if (!isLeaf) _this2.handleExpand();
+          if (multiple) {
+            // if leaf sync checked state, else clear checked state
+            var checked = isLeaf ? node.checked : false;
+            _this2.handleMultiCheckChange(checked);
+          }
+        });
+      } else {
+        panel.handleExpand(node);
+      }
+    },
+    handleCheckChange: function handleCheckChange() {
+      var panel = this.panel,
+          value = this.value,
+          node = this.node;
+
+      panel.handleCheckChange(value);
+      panel.handleExpand(node);
+    },
+    handleMultiCheckChange: function handleMultiCheckChange(checked) {
+      this.node.doCheck(checked);
+      this.panel.calculateMultiCheckedValue();
+    },
+    isInPath: function isInPath(pathNodes) {
+      var node = this.node;
+
+      var selectedPathNode = pathNodes[node.level - 1] || {};
+      return selectedPathNode.uid === node.uid;
+    },
+    renderPrefix: function renderPrefix(h) {
+      var isLeaf = this.isLeaf,
+          isChecked = this.isChecked,
+          config = this.config;
+      var checkStrictly = config.checkStrictly,
+          multiple = config.multiple;
+
+
+      if (multiple) {
+        return this.renderCheckbox(h);
+      } else if (checkStrictly) {
+        return this.renderRadio(h);
+      } else if (isLeaf && isChecked) {
+        return this.renderCheckIcon(h);
+      }
+
+      return null;
+    },
+    renderPostfix: function renderPostfix(h) {
+      var node = this.node,
+          isLeaf = this.isLeaf;
+
+
+      if (node.loading) {
+        return this.renderLoadingIcon(h);
+      } else if (!isLeaf) {
+        return this.renderExpandIcon(h);
+      }
+
+      return null;
+    },
+    renderCheckbox: function renderCheckbox(h) {
+      var node = this.node,
+          config = this.config,
+          isDisabled = this.isDisabled;
+
+      var events = {
+        on: { change: this.handleMultiCheckChange },
+        nativeOn: {}
+      };
+
+      if (config.checkStrictly) {
+        // when every node is selectable, click event should not trigger expand event.
+        events.nativeOn.click = stopPropagation;
+      }
+
+      return h('el-checkbox', external_babel_helper_vue_jsx_merge_props_default()([{
+        attrs: {
+          value: node.checked,
+          indeterminate: node.indeterminate,
+          disabled: isDisabled
+        }
+      }, events]));
+    },
+    renderRadio: function renderRadio(h) {
+      var checkedValue = this.checkedValue,
+          value = this.value,
+          isDisabled = this.isDisabled;
+
+      // to keep same reference if value cause radio's checked state is calculated by reference comparision;
+
+      if (Object(util_["isEqual"])(value, checkedValue)) {
+        value = checkedValue;
+      }
+
+      return h(
+        'el-radio',
+        {
+          attrs: {
+            value: checkedValue,
+            label: value,
+            disabled: isDisabled
+          },
+          on: {
+            'change': this.handleCheckChange
+          },
+          nativeOn: {
+            'click': stopPropagation
+          }
+        },
+        [h('span')]
+      );
+    },
+    renderCheckIcon: function renderCheckIcon(h) {
+      return h('i', { 'class': 'el-icon-check el-cascader-node__prefix' });
+    },
+    renderLoadingIcon: function renderLoadingIcon(h) {
+      return h('i', { 'class': 'el-icon-loading el-cascader-node__postfix' });
+    },
+    renderExpandIcon: function renderExpandIcon(h) {
+      return h('i', { 'class': 'el-icon-arrow-right el-cascader-node__postfix' });
+    },
+    renderContent: function renderContent(h) {
+      var panel = this.panel,
+          node = this.node;
+
+      var render = panel.renderLabelFn;
+      var vnode = render ? render({ node: node, data: node.data }) : null;
+
+      return h(
+        'span',
+        { 'class': 'el-cascader-node__label' },
+        [vnode || node.label]
+      );
+    }
+  },
+
+  render: function render(h) {
+    var _this3 = this;
+
+    var inActivePath = this.inActivePath,
+        inCheckedPath = this.inCheckedPath,
+        isChecked = this.isChecked,
+        isLeaf = this.isLeaf,
+        isDisabled = this.isDisabled,
+        config = this.config,
+        nodeId = this.nodeId;
+    var expandTrigger = config.expandTrigger,
+        checkStrictly = config.checkStrictly,
+        multiple = config.multiple;
+
+    var disabled = !checkStrictly && isDisabled;
+    var events = { on: {} };
+
+    if (expandTrigger === 'click') {
+      events.on.click = this.handleExpand;
+    } else {
+      events.on.mouseenter = function (e) {
+        _this3.handleExpand();
+        _this3.$emit('expand', e);
+      };
+      events.on.focus = function (e) {
+        _this3.handleExpand();
+        _this3.$emit('expand', e);
+      };
+    }
+    if (isLeaf && !isDisabled && !checkStrictly && !multiple) {
+      events.on.click = this.handleCheckChange;
+    }
+
+    return h(
+      'li',
+      external_babel_helper_vue_jsx_merge_props_default()([{
+        attrs: {
+          role: 'menuitem',
+          id: nodeId,
+          'aria-expanded': inActivePath,
+          tabindex: disabled ? null : -1
+        },
+        'class': {
+          'el-cascader-node': true,
+          'is-selectable': checkStrictly,
+          'in-active-path': inActivePath,
+          'in-checked-path': inCheckedPath,
+          'is-active': isChecked,
+          'is-disabled': disabled
+        }
+      }, events]),
+      [this.renderPrefix(h), this.renderContent(h), this.renderPostfix(h)]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-node.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_cascader_nodevue_type_script_lang_js_ = (cascader_nodevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-node.vue
+var cascader_node_render, cascader_node_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var cascader_node_component = normalizeComponent(
+  src_cascader_nodevue_type_script_lang_js_,
+  cascader_node_render,
+  cascader_node_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var cascader_node_api; }
+cascader_node_component.options.__file = "packages/cascader-panel/src/cascader-node.vue"
+/* harmony default export */ var cascader_node = (cascader_node_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader-panel/src/cascader-menu.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+/* harmony default export */ var cascader_menuvue_type_script_lang_js_ = ({
+  name: 'ElCascaderMenu',
+
+  mixins: [locale_default.a],
+
+  inject: ['panel'],
+
+  components: {
+    ElScrollbar: scrollbar_default.a,
+    CascaderNode: cascader_node
+  },
+
+  props: {
+    nodes: {
+      type: Array,
+      required: true
+    },
+    index: Number
+  },
+
+  data: function data() {
+    return {
+      activeNode: null,
+      hoverTimer: null,
+      id: Object(util_["generateId"])()
+    };
+  },
+
+
+  computed: {
+    isEmpty: function isEmpty() {
+      return !this.nodes.length;
+    },
+    menuId: function menuId() {
+      return 'cascader-menu-' + this.id + '-' + this.index;
+    }
+  },
+
+  methods: {
+    handleExpand: function handleExpand(e) {
+      this.activeNode = e.target;
+    },
+    handleMouseMove: function handleMouseMove(e) {
+      var activeNode = this.activeNode,
+          hoverTimer = this.hoverTimer;
+      var hoverZone = this.$refs.hoverZone;
+
+
+      if (!activeNode || !hoverZone) return;
+
+      if (activeNode.contains(e.target)) {
+        clearTimeout(hoverTimer);
+
+        var _$el$getBoundingClien = this.$el.getBoundingClientRect(),
+            left = _$el$getBoundingClien.left;
+
+        var startX = e.clientX - left;
+        var _$el = this.$el,
+            offsetWidth = _$el.offsetWidth,
+            offsetHeight = _$el.offsetHeight;
+
+        var top = activeNode.offsetTop;
+        var bottom = top + activeNode.offsetHeight;
+
+        hoverZone.innerHTML = '\n          <path style="pointer-events: auto;" fill="transparent" d="M' + startX + ' ' + top + ' L' + offsetWidth + ' 0 V' + top + ' Z" />\n          <path style="pointer-events: auto;" fill="transparent" d="M' + startX + ' ' + bottom + ' L' + offsetWidth + ' ' + offsetHeight + ' V' + bottom + ' Z" />\n        ';
+      } else if (!hoverTimer) {
+        this.hoverTimer = setTimeout(this.clearHoverZone, this.panel.config.hoverThreshold);
+      }
+    },
+    clearHoverZone: function clearHoverZone() {
+      var hoverZone = this.$refs.hoverZone;
+
+      if (!hoverZone) return;
+      hoverZone.innerHTML = '';
+    },
+    renderEmptyText: function renderEmptyText(h) {
+      return h(
+        'div',
+        { 'class': 'el-cascader-menu__empty-text' },
+        [this.t('el.cascader.noData')]
+      );
+    },
+    renderNodeList: function renderNodeList(h) {
+      var menuId = this.menuId;
+      var isHoverMenu = this.panel.isHoverMenu;
+
+      var events = { on: {} };
+
+      if (isHoverMenu) {
+        events.on.expand = this.handleExpand;
+      }
+
+      var nodes = this.nodes.map(function (node, index) {
+        var hasChildren = node.hasChildren;
+
+        return h('cascader-node', external_babel_helper_vue_jsx_merge_props_default()([{
+          key: node.uid,
+          attrs: { node: node,
+            'node-id': menuId + '-' + index,
+            'aria-haspopup': hasChildren,
+            'aria-owns': hasChildren ? menuId : null
+          }
+        }, events]));
+      });
+
+      return [].concat(nodes, [isHoverMenu ? h('svg', { ref: 'hoverZone', 'class': 'el-cascader-menu__hover-zone' }) : null]);
+    }
+  },
+
+  render: function render(h) {
+    var isEmpty = this.isEmpty,
+        menuId = this.menuId;
+
+    var events = { nativeOn: {} };
+
+    // optimize hover to expand experience (#8010)
+    if (this.panel.isHoverMenu) {
+      events.nativeOn.mousemove = this.handleMouseMove;
+      // events.nativeOn.mouseleave = this.clearHoverZone;
+    }
+
+    return h(
+      'el-scrollbar',
+      external_babel_helper_vue_jsx_merge_props_default()([{
+        attrs: {
+          tag: 'ul',
+          role: 'menu',
+          id: menuId,
+
+          'wrap-class': 'el-cascader-menu__wrap',
+          'view-class': {
+            'el-cascader-menu__list': true,
+            'is-empty': isEmpty
+          }
+        },
+        'class': 'el-cascader-menu' }, events]),
+      [isEmpty ? this.renderEmptyText(h) : this.renderNodeList(h)]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-menu.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_cascader_menuvue_type_script_lang_js_ = (cascader_menuvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-menu.vue
+var cascader_menu_render, cascader_menu_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var cascader_menu_component = normalizeComponent(
+  src_cascader_menuvue_type_script_lang_js_,
+  cascader_menu_render,
+  cascader_menu_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var cascader_menu_api; }
+cascader_menu_component.options.__file = "packages/cascader-panel/src/cascader-menu.vue"
+/* harmony default export */ var cascader_menu = (cascader_menu_component.exports);
+// CONCATENATED MODULE: ./packages/cascader-panel/src/node.js
+var node_createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function src_node_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+
+
+
+var uid = 0;
+
+var src_node_Node = function () {
+  function Node(data, config, parentNode) {
+    src_node_classCallCheck(this, Node);
+
+    this.data = data;
+    this.config = config;
+    this.parent = parentNode || null;
+    this.level = !this.parent ? 1 : this.parent.level + 1;
+    this.uid = uid++;
+
+    this.initState();
+    this.initChildren();
+  }
+
+  Node.prototype.initState = function initState() {
+    var _config = this.config,
+        valueKey = _config.value,
+        labelKey = _config.label;
+
+
+    this.value = this.data[valueKey];
+    this.label = this.data[labelKey];
+    this.pathNodes = this.calculatePathNodes();
+    this.path = this.pathNodes.map(function (node) {
+      return node.value;
+    });
+    this.pathLabels = this.pathNodes.map(function (node) {
+      return node.label;
+    });
+
+    // lazy load
+    this.loading = false;
+    this.loaded = false;
+  };
+
+  Node.prototype.initChildren = function initChildren() {
+    var _this = this;
+
+    var config = this.config;
+
+    var childrenKey = config.children;
+    var childrenData = this.data[childrenKey];
+    this.hasChildren = Array.isArray(childrenData);
+    this.children = (childrenData || []).map(function (child) {
+      return new Node(child, config, _this);
+    });
+  };
+
+  Node.prototype.calculatePathNodes = function calculatePathNodes() {
+    var nodes = [this];
+    var parent = this.parent;
+
+    while (parent) {
+      nodes.unshift(parent);
+      parent = parent.parent;
+    }
+
+    return nodes;
+  };
+
+  Node.prototype.getPath = function getPath() {
+    return this.path;
+  };
+
+  Node.prototype.getValue = function getValue() {
+    return this.value;
+  };
+
+  Node.prototype.getValueByOption = function getValueByOption() {
+    return this.config.emitPath ? this.getPath() : this.getValue();
+  };
+
+  Node.prototype.getText = function getText(allLevels, separator) {
+    return allLevels ? this.pathLabels.join(separator) : this.label;
+  };
+
+  Node.prototype.isSameNode = function isSameNode(checkedValue) {
+    var value = this.getValueByOption();
+    return this.config.multiple && Array.isArray(checkedValue) ? checkedValue.some(function (val) {
+      return Object(util_["isEqual"])(val, value);
+    }) : Object(util_["isEqual"])(checkedValue, value);
+  };
+
+  Node.prototype.broadcast = function broadcast(event) {
+    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    var handlerName = 'onParent' + Object(util_["capitalize"])(event);
+
+    this.children.forEach(function (child) {
+      if (child) {
+        // bottom up
+        child.broadcast.apply(child, [event].concat(args));
+        child[handlerName] && child[handlerName].apply(child, args);
+      }
+    });
+  };
+
+  Node.prototype.emit = function emit(event) {
+    var parent = this.parent;
+
+    var handlerName = 'onChild' + Object(util_["capitalize"])(event);
+    if (parent) {
+      for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      parent[handlerName] && parent[handlerName].apply(parent, args);
+      parent.emit.apply(parent, [event].concat(args));
+    }
+  };
+
+  Node.prototype.onParentCheck = function onParentCheck(checked) {
+    if (!this.isDisabled) {
+      this.setCheckState(checked);
+    }
+  };
+
+  Node.prototype.onChildCheck = function onChildCheck() {
+    var children = this.children;
+
+    var validChildren = children.filter(function (child) {
+      return !child.isDisabled;
+    });
+    var checked = validChildren.length ? validChildren.every(function (child) {
+      return child.checked;
+    }) : false;
+
+    this.setCheckState(checked);
+  };
+
+  Node.prototype.setCheckState = function setCheckState(checked) {
+    var totalNum = this.children.length;
+    var checkedNum = this.children.reduce(function (c, p) {
+      var num = p.checked ? 1 : p.indeterminate ? 0.5 : 0;
+      return c + num;
+    }, 0);
+
+    this.checked = checked;
+    this.indeterminate = checkedNum !== totalNum && checkedNum > 0;
+  };
+
+  Node.prototype.syncCheckState = function syncCheckState(checkedValue) {
+    var value = this.getValueByOption();
+    var checked = this.isSameNode(checkedValue, value);
+
+    this.doCheck(checked);
+  };
+
+  Node.prototype.doCheck = function doCheck(checked) {
+    if (this.checked !== checked) {
+      if (this.config.checkStrictly) {
+        this.checked = checked;
+      } else {
+        // bottom up to unify the calculation of the indeterminate state
+        this.broadcast('check', checked);
+        this.setCheckState(checked);
+        this.emit('check');
+      }
+    }
+  };
+
+  node_createClass(Node, [{
+    key: 'isDisabled',
+    get: function get() {
+      var data = this.data,
+          parent = this.parent,
+          config = this.config;
+
+      var disabledKey = config.disabled;
+      var checkStrictly = config.checkStrictly;
+
+      return data[disabledKey] || !checkStrictly && parent && parent.isDisabled;
+    }
+  }, {
+    key: 'isLeaf',
+    get: function get() {
+      var data = this.data,
+          loaded = this.loaded,
+          hasChildren = this.hasChildren,
+          children = this.children;
+      var _config2 = this.config,
+          lazy = _config2.lazy,
+          leafKey = _config2.leaf;
+
+      if (lazy) {
+        var isLeaf = Object(shared_["isDef"])(data[leafKey]) ? data[leafKey] : loaded ? !children.length : false;
+        this.hasChildren = !isLeaf;
+        return isLeaf;
+      }
+      return !hasChildren;
+    }
+  }]);
+
+  return Node;
+}();
+
+/* harmony default export */ var src_node = (src_node_Node);
+// CONCATENATED MODULE: ./packages/cascader-panel/src/store.js
+function store_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+
+
+
+var flatNodes = function flatNodes(data, leafOnly) {
+  return data.reduce(function (res, node) {
+    if (node.isLeaf) {
+      res.push(node);
+    } else {
+      !leafOnly && res.push(node);
+      res = res.concat(flatNodes(node.children, leafOnly));
+    }
+    return res;
+  }, []);
+};
+
+var store_Store = function () {
+  function Store(data, config) {
+    store_classCallCheck(this, Store);
+
+    this.config = config;
+    this.initNodes(data);
+  }
+
+  Store.prototype.initNodes = function initNodes(data) {
+    var _this = this;
+
+    data = Object(util_["coerceTruthyValueToArray"])(data);
+    this.nodes = data.map(function (nodeData) {
+      return new src_node(nodeData, _this.config);
+    });
+    this.flattedNodes = this.getFlattedNodes(false, false);
+    this.leafNodes = this.getFlattedNodes(true, false);
+  };
+
+  Store.prototype.appendNode = function appendNode(nodeData, parentNode) {
+    var node = new src_node(nodeData, this.config, parentNode);
+    var children = parentNode ? parentNode.children : this.nodes;
+
+    children.push(node);
+  };
+
+  Store.prototype.appendNodes = function appendNodes(nodeDataList, parentNode) {
+    var _this2 = this;
+
+    nodeDataList = Object(util_["coerceTruthyValueToArray"])(nodeDataList);
+    nodeDataList.forEach(function (nodeData) {
+      return _this2.appendNode(nodeData, parentNode);
+    });
+  };
+
+  Store.prototype.getNodes = function getNodes() {
+    return this.nodes;
+  };
+
+  Store.prototype.getFlattedNodes = function getFlattedNodes(leafOnly) {
+    var cached = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+    var cachedNodes = leafOnly ? this.leafNodes : this.flattedNodes;
+    return cached ? cachedNodes : flatNodes(this.nodes, leafOnly);
+  };
+
+  Store.prototype.getNodeByValue = function getNodeByValue(value) {
+    var nodes = this.getFlattedNodes(false, !this.config.lazy).filter(function (node) {
+      return Object(util_["valueEquals"])(node.path, value) || node.value === value;
+    });
+    return nodes && nodes.length ? nodes[0] : null;
+  };
+
+  return Store;
+}();
+
+/* harmony default export */ var cascader_panel_src_store = (store_Store);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader-panel/src/cascader-panel.vue?vue&type=script&lang=js&
+var cascader_panelvue_type_script_lang_js_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+var cascader_panelvue_type_script_lang_js_KeyCode = aria_utils_default.a.keys;
+
+var DefaultProps = {
+  expandTrigger: 'click', // or hover
+  multiple: false,
+  checkStrictly: false, // whether all nodes can be selected
+  emitPath: true, // wether to emit an array of all levels value in which node is located
+  lazy: false,
+  lazyLoad: util_["noop"],
+  value: 'value',
+  label: 'label',
+  children: 'children',
+  leaf: 'leaf',
+  disabled: 'disabled',
+  hoverThreshold: 500
+};
+
+var cascader_panelvue_type_script_lang_js_isLeaf = function isLeaf(el) {
+  return !el.getAttribute('aria-owns');
+};
+
+var getSibling = function getSibling(el, distance) {
+  var parentNode = el.parentNode;
+
+  if (parentNode) {
+    var siblings = parentNode.querySelectorAll('.el-cascader-node[tabindex="-1"]');
+    var index = Array.prototype.indexOf.call(siblings, el);
+    return siblings[index + distance] || null;
+  }
+  return null;
+};
+
+var getMenuIndex = function getMenuIndex(el, distance) {
+  if (!el) return;
+  var pieces = el.id.split('-');
+  return Number(pieces[pieces.length - 2]);
+};
+
+var focusNode = function focusNode(el) {
+  if (!el) return;
+  el.focus();
+  !cascader_panelvue_type_script_lang_js_isLeaf(el) && el.click();
+};
+
+var checkNode = function checkNode(el) {
+  if (!el) return;
+
+  var input = el.querySelector('input');
+  if (input) {
+    input.click();
+  } else if (cascader_panelvue_type_script_lang_js_isLeaf(el)) {
+    el.click();
+  }
+};
+
+/* harmony default export */ var cascader_panelvue_type_script_lang_js_ = ({
+  name: 'ElCascaderPanel',
+
+  components: {
+    CascaderMenu: cascader_menu
+  },
+
+  props: {
+    value: {},
+    options: Array,
+    props: Object,
+    border: {
+      type: Boolean,
+      default: true
+    },
+    renderLabel: Function
+  },
+
+  provide: function provide() {
+    return {
+      panel: this
+    };
+  },
+  data: function data() {
+    return {
+      checkedValue: null,
+      checkedNodePaths: [],
+      store: [],
+      menus: [],
+      activePath: [],
+      loadCount: 0
+    };
+  },
+
+
+  computed: {
+    config: function config() {
+      return merge_default()(cascader_panelvue_type_script_lang_js_extends({}, DefaultProps), this.props || {});
+    },
+    multiple: function multiple() {
+      return this.config.multiple;
+    },
+    checkStrictly: function checkStrictly() {
+      return this.config.checkStrictly;
+    },
+    leafOnly: function leafOnly() {
+      return !this.checkStrictly;
+    },
+    isHoverMenu: function isHoverMenu() {
+      return this.config.expandTrigger === 'hover';
+    },
+    renderLabelFn: function renderLabelFn() {
+      return this.renderLabel || this.$scopedSlots.default;
+    }
+  },
+
+  watch: {
+    value: function value() {
+      this.syncCheckedValue();
+      this.checkStrictly && this.calculateCheckedNodePaths();
+    },
+
+    options: {
+      handler: function handler() {
+        this.initStore();
+      },
+      immediate: true,
+      deep: true
+    },
+    checkedValue: function checkedValue(val) {
+      if (!Object(util_["isEqual"])(val, this.value)) {
+        this.checkStrictly && this.calculateCheckedNodePaths();
+        this.$emit('input', val);
+        this.$emit('change', val);
+      }
+    }
+  },
+
+  mounted: function mounted() {
+    if (!this.isEmptyValue(this.value)) {
+      this.syncCheckedValue();
+    }
+  },
+
+
+  methods: {
+    initStore: function initStore() {
+      var config = this.config,
+          options = this.options;
+
+      if (config.lazy && Object(util_["isEmpty"])(options)) {
+        this.lazyLoad();
+      } else {
+        this.store = new cascader_panel_src_store(options, config);
+        this.menus = [this.store.getNodes()];
+        this.syncMenuState();
+      }
+    },
+    syncCheckedValue: function syncCheckedValue() {
+      var value = this.value,
+          checkedValue = this.checkedValue;
+
+      if (!Object(util_["isEqual"])(value, checkedValue)) {
+        this.activePath = [];
+        this.checkedValue = value;
+        this.syncMenuState();
+      }
+    },
+    syncMenuState: function syncMenuState() {
+      var multiple = this.multiple,
+          checkStrictly = this.checkStrictly;
+
+      this.syncActivePath();
+      multiple && this.syncMultiCheckState();
+      checkStrictly && this.calculateCheckedNodePaths();
+      this.$nextTick(this.scrollIntoView);
+    },
+    syncMultiCheckState: function syncMultiCheckState() {
+      var _this = this;
+
+      var nodes = this.getFlattedNodes(this.leafOnly);
+
+      nodes.forEach(function (node) {
+        node.syncCheckState(_this.checkedValue);
+      });
+    },
+    isEmptyValue: function isEmptyValue(val) {
+      var multiple = this.multiple,
+          config = this.config;
+      var emitPath = config.emitPath;
+
+      if (multiple || emitPath) {
+        return Object(util_["isEmpty"])(val);
+      }
+      return false;
+    },
+    syncActivePath: function syncActivePath() {
+      var _this2 = this;
+
+      var store = this.store,
+          multiple = this.multiple,
+          activePath = this.activePath,
+          checkedValue = this.checkedValue;
+
+
+      if (!Object(util_["isEmpty"])(activePath)) {
+        var nodes = activePath.map(function (node) {
+          return _this2.getNodeByValue(node.getValue());
+        });
+        this.expandNodes(nodes);
+      } else if (!this.isEmptyValue(checkedValue)) {
+        var value = multiple ? checkedValue[0] : checkedValue;
+        var checkedNode = this.getNodeByValue(value) || {};
+        var _nodes = (checkedNode.pathNodes || []).slice(0, -1);
+        this.expandNodes(_nodes);
+      } else {
+        this.activePath = [];
+        this.menus = [store.getNodes()];
+      }
+    },
+    expandNodes: function expandNodes(nodes) {
+      var _this3 = this;
+
+      nodes.forEach(function (node) {
+        return _this3.handleExpand(node, true /* silent */);
+      });
+    },
+    calculateCheckedNodePaths: function calculateCheckedNodePaths() {
+      var _this4 = this;
+
+      var checkedValue = this.checkedValue,
+          multiple = this.multiple;
+
+      var checkedValues = multiple ? Object(util_["coerceTruthyValueToArray"])(checkedValue) : [checkedValue];
+      this.checkedNodePaths = checkedValues.map(function (v) {
+        var checkedNode = _this4.getNodeByValue(v);
+        return checkedNode ? checkedNode.pathNodes : [];
+      });
+    },
+    handleKeyDown: function handleKeyDown(e) {
+      var target = e.target,
+          keyCode = e.keyCode;
+
+
+      switch (keyCode) {
+        case cascader_panelvue_type_script_lang_js_KeyCode.up:
+          var prev = getSibling(target, -1);
+          focusNode(prev);
+          break;
+        case cascader_panelvue_type_script_lang_js_KeyCode.down:
+          var next = getSibling(target, 1);
+          focusNode(next);
+          break;
+        case cascader_panelvue_type_script_lang_js_KeyCode.left:
+          var preMenu = this.$refs.menu[getMenuIndex(target) - 1];
+          if (preMenu) {
+            var expandedNode = preMenu.$el.querySelector('.el-cascader-node[aria-expanded="true"]');
+            focusNode(expandedNode);
+          }
+          break;
+        case cascader_panelvue_type_script_lang_js_KeyCode.right:
+          var nextMenu = this.$refs.menu[getMenuIndex(target) + 1];
+          if (nextMenu) {
+            var firstNode = nextMenu.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+            focusNode(firstNode);
+          }
+          break;
+        case cascader_panelvue_type_script_lang_js_KeyCode.enter:
+          checkNode(target);
+          break;
+        case cascader_panelvue_type_script_lang_js_KeyCode.esc:
+        case cascader_panelvue_type_script_lang_js_KeyCode.tab:
+          this.$emit('close');
+          break;
+        default:
+          return;
+      }
+    },
+    handleExpand: function handleExpand(node, silent) {
+      var activePath = this.activePath;
+      var level = node.level;
+
+      var path = activePath.slice(0, level - 1);
+      var menus = this.menus.slice(0, level);
+
+      if (!node.isLeaf) {
+        path.push(node);
+        menus.push(node.children);
+      }
+
+      this.activePath = path;
+      this.menus = menus;
+
+      if (!silent) {
+        var pathValues = path.map(function (node) {
+          return node.getValue();
+        });
+        var activePathValues = activePath.map(function (node) {
+          return node.getValue();
+        });
+        if (!Object(util_["valueEquals"])(pathValues, activePathValues)) {
+          this.$emit('active-item-change', pathValues); // Deprecated
+          this.$emit('expand-change', pathValues);
+        }
+      }
+    },
+    handleCheckChange: function handleCheckChange(value) {
+      this.checkedValue = value;
+    },
+    lazyLoad: function lazyLoad(node, onFullfiled) {
+      var _this5 = this;
+
+      var config = this.config;
+
+      if (!node) {
+        node = node || { root: true, level: 0 };
+        this.store = new cascader_panel_src_store([], config);
+        this.menus = [this.store.getNodes()];
+      }
+      node.loading = true;
+      var resolve = function resolve(dataList) {
+        var parent = node.root ? null : node;
+        dataList && dataList.length && _this5.store.appendNodes(dataList, parent);
+        node.loading = false;
+        node.loaded = true;
+
+        // dispose default value on lazy load mode
+        if (Array.isArray(_this5.checkedValue)) {
+          var nodeValue = _this5.checkedValue[_this5.loadCount++];
+          var valueKey = _this5.config.value;
+          var leafKey = _this5.config.leaf;
+
+          if (Array.isArray(dataList) && dataList.filter(function (item) {
+            return item[valueKey] === nodeValue;
+          }).length > 0) {
+            var checkedNode = _this5.store.getNodeByValue(nodeValue);
+
+            if (!checkedNode.data[leafKey]) {
+              _this5.lazyLoad(checkedNode, function () {
+                _this5.handleExpand(checkedNode);
+              });
+            }
+
+            if (_this5.loadCount === _this5.checkedValue.length) {
+              _this5.$parent.computePresentText();
+            }
+          }
+        }
+
+        onFullfiled && onFullfiled(dataList);
+      };
+      config.lazyLoad(node, resolve);
+    },
+
+
+    /**
+     * public methods
+    */
+    calculateMultiCheckedValue: function calculateMultiCheckedValue() {
+      this.checkedValue = this.getCheckedNodes(this.leafOnly).map(function (node) {
+        return node.getValueByOption();
+      });
+    },
+    scrollIntoView: function scrollIntoView() {
+      if (this.$isServer) return;
+
+      var menus = this.$refs.menu || [];
+      menus.forEach(function (menu) {
+        var menuElement = menu.$el;
+        if (menuElement) {
+          var container = menuElement.querySelector('.el-scrollbar__wrap');
+          var activeNode = menuElement.querySelector('.el-cascader-node.is-active') || menuElement.querySelector('.el-cascader-node.in-active-path');
+          scroll_into_view_default()(container, activeNode);
+        }
+      });
+    },
+    getNodeByValue: function getNodeByValue(val) {
+      return this.store.getNodeByValue(val);
+    },
+    getFlattedNodes: function getFlattedNodes(leafOnly) {
+      var cached = !this.config.lazy;
+      return this.store.getFlattedNodes(leafOnly, cached);
+    },
+    getCheckedNodes: function getCheckedNodes(leafOnly) {
+      var checkedValue = this.checkedValue,
+          multiple = this.multiple;
+
+      if (multiple) {
+        var nodes = this.getFlattedNodes(leafOnly);
+        return nodes.filter(function (node) {
+          return node.checked;
+        });
+      } else {
+        return this.isEmptyValue(checkedValue) ? [] : [this.getNodeByValue(checkedValue)];
+      }
+    },
+    clearCheckedNodes: function clearCheckedNodes() {
+      var config = this.config,
+          leafOnly = this.leafOnly;
+      var multiple = config.multiple,
+          emitPath = config.emitPath;
+
+      if (multiple) {
+        this.getCheckedNodes(leafOnly).filter(function (node) {
+          return !node.isDisabled;
+        }).forEach(function (node) {
+          return node.doCheck(false);
+        });
+        this.calculateMultiCheckedValue();
+      } else {
+        this.checkedValue = emitPath ? [] : null;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-panel.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_cascader_panelvue_type_script_lang_js_ = (cascader_panelvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-panel.vue
+
+
+
+
+
+/* normalize component */
+
+var cascader_panel_component = normalizeComponent(
+  src_cascader_panelvue_type_script_lang_js_,
+  cascader_panelvue_type_template_id_34932346_render,
+  cascader_panelvue_type_template_id_34932346_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var cascader_panel_api; }
+cascader_panel_component.options.__file = "packages/cascader-panel/src/cascader-panel.vue"
+/* harmony default export */ var cascader_panel = (cascader_panel_component.exports);
+// CONCATENATED MODULE: ./packages/cascader-panel/index.js
+
+
+/* istanbul ignore next */
+cascader_panel.install = function (Vue) {
+  Vue.component(cascader_panel.name, cascader_panel);
+};
+
+/* harmony default export */ var packages_cascader_panel = (cascader_panel);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/avatar/src/main.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var avatar_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElAvatar',
+
+  props: {
+    size: {
+      type: [Number, String],
+      validator: function validator(val) {
+        if (typeof val === 'string') {
+          return ['large', 'medium', 'small'].includes(val);
+        }
+        return typeof val === 'number';
+      }
+    },
+    shape: {
+      type: String,
+      default: 'circle',
+      validator: function validator(val) {
+        return ['circle', 'square'].includes(val);
+      }
+    },
+    icon: String,
+    src: String,
+    alt: String,
+    srcSet: String,
+    error: Function,
+    fit: {
+      type: String,
+      default: 'cover'
+    }
+  },
+
+  data: function data() {
+    return {
+      isImageExist: true
+    };
+  },
+
+
+  computed: {
+    avatarClass: function avatarClass() {
+      var size = this.size,
+          icon = this.icon,
+          shape = this.shape;
+
+      var classList = ['el-avatar'];
+
+      if (size && typeof size === 'string') {
+        classList.push('el-avatar--' + size);
+      }
+
+      if (icon) {
+        classList.push('el-avatar--icon');
+      }
+
+      if (shape) {
+        classList.push('el-avatar--' + shape);
+      }
+
+      return classList.join(' ');
+    }
+  },
+
+  methods: {
+    handleError: function handleError() {
+      var error = this.error;
+
+      var errorFlag = error ? error() : undefined;
+      if (errorFlag !== false) {
+        this.isImageExist = false;
+      }
+    },
+    renderAvatar: function renderAvatar() {
+      var h = this.$createElement;
+      var icon = this.icon,
+          src = this.src,
+          alt = this.alt,
+          isImageExist = this.isImageExist,
+          srcSet = this.srcSet,
+          fit = this.fit;
+
+
+      if (isImageExist && src) {
+        return h('img', {
+          attrs: {
+            src: src,
+
+            alt: alt,
+            srcSet: srcSet
+          },
+          on: {
+            'error': this.handleError
+          },
+          style: { 'object-fit': fit } });
+      }
+
+      if (icon) {
+        return h('i', { 'class': icon });
+      }
+
+      return this.$slots.default;
+    }
+  },
+
+  render: function render() {
+    var h = arguments[0];
+    var avatarClass = this.avatarClass,
+        size = this.size;
+
+
+    var sizeStyle = typeof size === 'number' ? {
+      height: size + 'px',
+      width: size + 'px',
+      lineHeight: size + 'px'
+    } : {};
+
+    return h(
+      'span',
+      { 'class': avatarClass, style: sizeStyle },
+      [this.renderAvatar()]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/avatar/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_avatar_src_mainvue_type_script_lang_js_ = (avatar_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/avatar/src/main.vue
+var src_main_render, src_main_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var avatar_src_main_component = normalizeComponent(
+  packages_avatar_src_mainvue_type_script_lang_js_,
+  src_main_render,
+  src_main_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var avatar_src_main_api; }
+avatar_src_main_component.options.__file = "packages/avatar/src/main.vue"
+/* harmony default export */ var avatar_src_main = (avatar_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/avatar/index.js
+
+
+/* istanbul ignore next */
+avatar_src_main.install = function (Vue) {
+  Vue.component(avatar_src_main.name, avatar_src_main);
+};
+
+/* harmony default export */ var avatar = (avatar_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/drawer/src/main.vue?vue&type=template&id=a4885264&
+var mainvue_type_template_id_a4885264_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    {
+      attrs: { name: "el-drawer-fade" },
+      on: { "after-enter": _vm.afterEnter, "after-leave": _vm.afterLeave }
+    },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.visible,
+              expression: "visible"
+            }
+          ],
+          staticClass: "el-drawer__wrapper",
+          attrs: { tabindex: "-1" }
+        },
+        [
+          _c(
+            "div",
+            {
+              staticClass: "el-drawer__container",
+              class: _vm.visible && "el-drawer__open",
+              attrs: { role: "document", tabindex: "-1" },
+              on: {
+                click: function($event) {
+                  if ($event.target !== $event.currentTarget) {
+                    return null
+                  }
+                  return _vm.handleWrapperClick($event)
+                }
+              }
+            },
+            [
+              _c(
+                "div",
+                {
+                  ref: "drawer",
+                  staticClass: "el-drawer",
+                  class: [_vm.direction, _vm.customClass],
+                  style: _vm.isHorizontal
+                    ? "width: " + _vm.drawerSize
+                    : "height: " + _vm.drawerSize,
+                  attrs: {
+                    "aria-modal": "true",
+                    "aria-labelledby": "el-drawer__title",
+                    "aria-label": _vm.title,
+                    role: "dialog",
+                    tabindex: "-1"
+                  }
+                },
+                [
+                  _vm.withHeader
+                    ? _c(
+                        "header",
+                        {
+                          staticClass: "el-drawer__header",
+                          attrs: { id: "el-drawer__title" }
+                        },
+                        [
+                          _vm._t("title", [
+                            _c(
+                              "span",
+                              { attrs: { role: "heading", title: _vm.title } },
+                              [_vm._v(_vm._s(_vm.title))]
+                            )
+                          ]),
+                          _vm.showClose
+                            ? _c(
+                                "button",
+                                {
+                                  staticClass: "el-drawer__close-btn",
+                                  attrs: {
+                                    "aria-label":
+                                      "close " + (_vm.title || "drawer"),
+                                    type: "button"
+                                  },
+                                  on: { click: _vm.closeDrawer }
+                                },
+                                [
+                                  _c("i", {
+                                    staticClass:
+                                      "el-dialog__close el-icon el-icon-close"
+                                  })
+                                ]
+                              )
+                            : _vm._e()
+                        ],
+                        2
+                      )
+                    : _vm._e(),
+                  _vm.rendered
+                    ? _c(
+                        "section",
+                        { staticClass: "el-drawer__body" },
+                        [_vm._t("default")],
+                        2
+                      )
+                    : _vm._e()
+                ]
+              )
+            ]
+          )
+        ]
+      )
+    ]
+  )
+}
+var mainvue_type_template_id_a4885264_staticRenderFns = []
+mainvue_type_template_id_a4885264_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/drawer/src/main.vue?vue&type=template&id=a4885264&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/drawer/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ var drawer_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElDrawer',
+  mixins: [popup_default.a, emitter_default.a],
+  props: {
+    appendToBody: {
+      type: Boolean,
+      default: false
+    },
+    beforeClose: {
+      type: Function
+    },
+    customClass: {
+      type: String,
+      default: ''
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: true
+    },
+    destroyOnClose: {
+      type: Boolean,
+      default: false
+    },
+    modal: {
+      type: Boolean,
+      default: true
+    },
+    direction: {
+      type: String,
+      default: 'rtl',
+      validator: function validator(val) {
+        return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1;
+      }
+    },
+    modalAppendToBody: {
+      type: Boolean,
+      default: true
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: [Number, String],
+      default: '30%'
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    visible: {
+      type: Boolean
+    },
+    wrapperClosable: {
+      type: Boolean,
+      default: true
+    },
+    withHeader: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    isHorizontal: function isHorizontal() {
+      return this.direction === 'rtl' || this.direction === 'ltr';
+    },
+    drawerSize: function drawerSize() {
+      return typeof this.size === 'number' ? this.size + 'px' : this.size;
+    }
+  },
+  data: function data() {
+    return {
+      closed: false,
+      prevActiveElement: null
+    };
+  },
+
+  watch: {
+    visible: function visible(val) {
+      var _this = this;
+
+      if (val) {
+        this.closed = false;
+        this.$emit('open');
+        if (this.appendToBody) {
+          document.body.appendChild(this.$el);
+        }
+        this.prevActiveElement = document.activeElement;
+      } else {
+        if (!this.closed) {
+          this.$emit('close');
+          if (this.destroyOnClose === true) {
+            this.rendered = false;
+          }
+        }
+        this.$nextTick(function () {
+          if (_this.prevActiveElement) {
+            _this.prevActiveElement.focus();
+          }
+        });
+      }
+    }
+  },
+  methods: {
+    afterEnter: function afterEnter() {
+      this.$emit('opened');
+    },
+    afterLeave: function afterLeave() {
+      this.$emit('closed');
+    },
+    hide: function hide(cancel) {
+      if (cancel !== false) {
+        this.$emit('update:visible', false);
+        this.$emit('close');
+        if (this.destroyOnClose === true) {
+          this.rendered = false;
+        }
+        this.closed = true;
+      }
+    },
+    handleWrapperClick: function handleWrapperClick() {
+      if (this.wrapperClosable) {
+        this.closeDrawer();
+      }
+    },
+    closeDrawer: function closeDrawer() {
+      if (typeof this.beforeClose === 'function') {
+        this.beforeClose(this.hide);
+      } else {
+        this.hide();
+      }
+    },
+    handleClose: function handleClose() {
+      // This method here will be called by PopupManger, when the `closeOnPressEscape` was set to true
+      // pressing `ESC` will call this method, and also close the drawer.
+      // This method also calls `beforeClose` if there was one.
+      this.closeDrawer();
+    }
+  },
+  mounted: function mounted() {
+    if (this.visible) {
+      this.rendered = true;
+      this.open();
+      if (this.appendToBody) {
+        document.body.appendChild(this.$el);
+      }
+    }
+  },
+  destroyed: function destroyed() {
+    // if appendToBody is true, remove DOM node after destroy
+    if (this.appendToBody && this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/drawer/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_drawer_src_mainvue_type_script_lang_js_ = (drawer_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/drawer/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var drawer_src_main_component = normalizeComponent(
+  packages_drawer_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_a4885264_render,
+  mainvue_type_template_id_a4885264_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var drawer_src_main_api; }
+drawer_src_main_component.options.__file = "packages/drawer/src/main.vue"
+/* harmony default export */ var drawer_src_main = (drawer_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/drawer/index.js
+
+
+/* istanbul ignore next */
+drawer_src_main.install = function (Vue) {
+  Vue.component(drawer_src_main.name, drawer_src_main);
+};
+
+/* harmony default export */ var drawer = (drawer_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/statistic/src/main.vue?vue&type=template&id=76339aa7&
+var mainvue_type_template_id_76339aa7_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "el-statistic" }, [
+    _vm.title || _vm.$slots.title
+      ? _c(
+          "div",
+          { staticClass: "head" },
+          [
+            _vm._t("title", [
+              _c("span", { staticClass: "title" }, [
+                _vm._v("\n        " + _vm._s(_vm.title) + "\n      ")
+              ])
+            ])
+          ],
+          2
+        )
+      : _vm._e(),
+    _c("div", { staticClass: "con" }, [
+      _vm.prefix || _vm.$slots.prefix
+        ? _c(
+            "span",
+            { staticClass: "prefix" },
+            [
+              _vm._t("prefix", [
+                _vm._v("\n        " + _vm._s(_vm.prefix) + "\n      ")
+              ])
+            ],
+            2
+          )
+        : _vm._e(),
+      _c(
+        "span",
+        { staticClass: "number", style: _vm.valueStyle },
+        [_vm._t("formatter", [_vm._v(" " + _vm._s(_vm.disposeValue))])],
+        2
+      ),
+      _vm.suffix || _vm.$slots.suffix
+        ? _c(
+            "span",
+            { staticClass: "suffix" },
+            [
+              _vm._t("suffix", [
+                _vm._v("\n        " + _vm._s(_vm.suffix) + "\n      ")
+              ])
+            ],
+            2
+          )
+        : _vm._e()
+    ])
+  ])
+}
+var mainvue_type_template_id_76339aa7_staticRenderFns = []
+mainvue_type_template_id_76339aa7_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/statistic/src/main.vue?vue&type=template&id=76339aa7&
+
+// EXTERNAL MODULE: external "element-ui/lib/utils/lodash"
+var lodash_ = __webpack_require__(28);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/statistic/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var statistic_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElStatistic',
+  data: function data() {
+    return {
+      disposeValue: '',
+      timeTask: null,
+      REFRESH_INTERVAL: 1000 / 30
+    };
+  },
+
+  props: {
+    decimalSeparator: {
+      type: String,
+      default: '.'
+    },
+    groupSeparator: {
+      type: String,
+      default: ''
+    },
+    precision: {
+      type: Number,
+      default: null
+    },
+    value: {
+      type: [String, Number, Date],
+      default: ''
+    },
+    prefix: {
+      type: String,
+      default: ''
+    },
+    suffix: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: [String, Number],
+      default: ''
+    },
+    timeIndices: {
+      type: Boolean,
+      default: false
+    },
+    valueStyle: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    format: {
+      type: String,
+      default: 'HH:mm:ss:SSS'
+    },
+    rate: {
+      type: Number,
+      default: 1000
+    }
+  },
+  created: function created() {
+    this.branch();
+  },
+
+  watch: {
+    value: function value() {
+      this.branch();
+    },
+    groupSeparator: function groupSeparator() {
+      this.dispose();
+    },
+    mulriple: function mulriple() {
+      this.dispose();
+    }
+  },
+  methods: {
+    branch: function branch() {
+      var timeIndices = this.timeIndices,
+          countDown = this.countDown,
+          dispose = this.dispose;
+
+      if (timeIndices) {
+        countDown(this.value.valueOf() || this.value);
+      } else {
+        dispose();
+      }
+    },
+    magnification: function magnification(num) {
+      var mulriple = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+      var groupSeparator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ',';
+
+      // magnification factor
+      var level = String(mulriple).length;
+      return num.replace(new RegExp('(\\d)(?=(\\d{' + (level - 1) + '})+$)', 'g'), '$1' + groupSeparator);
+    },
+    dispose: function dispose() {
+      var value = this.value,
+          rate = this.rate,
+          groupSeparator = this.groupSeparator;
+
+      if (!Object(lodash_["isNumber"])(value)) return false;
+      if (this.precision) {
+        value = value.toFixed(this.precision);
+      }
+
+      var _String$split = String(value).split('.'),
+          integer = _String$split[0],
+          decimal = _String$split[1];
+      // 1000 multiplying power
+
+
+      if (groupSeparator) {
+        integer = this.magnification(integer, rate, groupSeparator);
+      }
+      var result = '' + integer + (decimal ? this.decimalSeparator + decimal : '');
+      this.disposeValue = result;
+      return result;
+    },
+    diffDate: function diffDate(minuend, subtrahend) {
+      return Math.max(minuend - subtrahend, 0);
+    },
+    suspend: function suspend(isStop) {
+      if (isStop) {
+        if (this.timeTask) {
+          clearInterval(this.timeTask);
+          this.timeTask = null;
+        }
+      } else {
+        this.branch();
+      }
+      return this.disposeValue;
+    },
+
+    formatTimeStr: function formatTimeStr(time) {
+      var format = this.format;
+
+      var escapeRegex = /\[[^\]]*]/g;
+      var keepList = (format.match(escapeRegex) || []).map(function (str) {
+        return str.slice(1, -1);
+      });
+      var timeUnits = [['Y', 1000 * 60 * 60 * 24 * 365], // years
+      ['M', 1000 * 60 * 60 * 24 * 30], // months
+      ['D', 1000 * 60 * 60 * 24], // days
+      ['H', 1000 * 60 * 60], // hours
+      ['m', 1000 * 60], // minutes
+      ['s', 1000], // seconds
+      ['S', 1] // million seconds
+      ];
+      var formatText = Object(lodash_["reduce"])(timeUnits, function (con, item) {
+        var name = item[0];
+        return con.replace(new RegExp(name + '+', 'g'), function (match) {
+          var sum = Object(lodash_["chain"])(time).divide(item[1]).floor(0).value();
+          time -= Object(lodash_["multiply"])(sum, item[1]);
+          return Object(lodash_["padStart"])(String(sum), String(match).length, 0);
+        });
+      }, format);
+      var index = 0;
+      return formatText.replace(escapeRegex, function () {
+        var match = keepList[index];
+        index += 1;
+        return match;
+      });
+    },
+    stopTime: function stopTime(time) {
+      var result = true; // stop
+      if (time) {
+        this.$emit('change', time);
+        result = false;
+      } else {
+        result = true;
+        this.suspend(true);
+        this.$emit('finish', true);
+      }
+      return result;
+    },
+    countDown: function countDown(timeVlaue) {
+      var REFRESH_INTERVAL = this.REFRESH_INTERVAL,
+          timeTask = this.timeTask,
+          diffDate = this.diffDate,
+          formatTimeStr = this.formatTimeStr,
+          stopTime = this.stopTime,
+          suspend = this.suspend;
+
+      if (timeTask) return;
+      var than = this;
+      this.timeTask = setInterval(function () {
+        var diffTiem = diffDate(timeVlaue, Date.now());
+        than.disposeValue = formatTimeStr(diffTiem);
+        stopTime(diffTiem);
+      }, REFRESH_INTERVAL);
+      this.$once('hook:beforeDestroy', function () {
+        suspend(true);
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/statistic/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_statistic_src_mainvue_type_script_lang_js_ = (statistic_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/statistic/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var statistic_src_main_component = normalizeComponent(
+  packages_statistic_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_76339aa7_render,
+  mainvue_type_template_id_76339aa7_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var statistic_src_main_api; }
+statistic_src_main_component.options.__file = "packages/statistic/src/main.vue"
+/* harmony default export */ var statistic_src_main = (statistic_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/statistic/index.js
+
+
+/* istanbul ignore next */
+statistic_src_main.install = function (Vue) {
+  Vue.component(statistic_src_main.name, statistic_src_main);
+};
+
+/* harmony default export */ var statistic = (statistic_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/popconfirm/src/main.vue?vue&type=template&id=048de730&
+var mainvue_type_template_id_048de730_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "el-popover",
+    _vm._b(
+      {
+        attrs: { trigger: "click" },
+        model: {
+          value: _vm.visible,
+          callback: function($$v) {
+            _vm.visible = $$v
+          },
+          expression: "visible"
+        }
+      },
+      "el-popover",
+      _vm.$attrs,
+      false
+    ),
+    [
+      _c("div", { staticClass: "el-popconfirm" }, [
+        _c("p", { staticClass: "el-popconfirm__main" }, [
+          !_vm.hideIcon
+            ? _c("i", {
+                staticClass: "el-popconfirm__icon",
+                class: _vm.icon,
+                style: { color: _vm.iconColor }
+              })
+            : _vm._e(),
+          _vm._v("\n      " + _vm._s(_vm.title) + "\n    ")
+        ]),
+        _c(
+          "div",
+          { staticClass: "el-popconfirm__action" },
+          [
+            _c(
+              "el-button",
+              {
+                attrs: { size: "mini", type: _vm.cancelButtonType },
+                on: { click: _vm.cancel }
+              },
+              [
+                _vm._v(
+                  "\n        " +
+                    _vm._s(_vm.displayCancelButtonText) +
+                    "\n      "
+                )
+              ]
+            ),
+            _c(
+              "el-button",
+              {
+                attrs: { size: "mini", type: _vm.confirmButtonType },
+                on: { click: _vm.confirm }
+              },
+              [
+                _vm._v(
+                  "\n        " +
+                    _vm._s(_vm.displayConfirmButtonText) +
+                    "\n      "
+                )
+              ]
+            )
+          ],
+          1
+        )
+      ]),
+      _vm._t("reference", null, { slot: "reference" })
+    ],
+    2
+  )
+}
+var mainvue_type_template_id_048de730_staticRenderFns = []
+mainvue_type_template_id_048de730_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/popconfirm/src/main.vue?vue&type=template&id=048de730&
+
+// EXTERNAL MODULE: external "element-ui/lib/popover"
+var popover_ = __webpack_require__(45);
+var popover_default = /*#__PURE__*/__webpack_require__.n(popover_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/popconfirm/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var popconfirm_src_mainvue_type_script_lang_js_ = ({
+  name: 'ElPopconfirm',
+  props: {
+    title: {
+      type: String
+    },
+    confirmButtonText: {
+      type: String
+    },
+    cancelButtonText: {
+      type: String
+    },
+    confirmButtonType: {
+      type: String,
+      default: 'primary'
+    },
+    cancelButtonType: {
+      type: String,
+      default: 'text'
+    },
+    icon: {
+      type: String,
+      default: 'el-icon-question'
+    },
+    iconColor: {
+      type: String,
+      default: '#f90'
+    },
+    hideIcon: {
+      type: Boolean,
+      default: false
+    }
+  },
+  components: {
+    ElPopover: popover_default.a,
+    ElButton: button_default.a
+  },
+  data: function data() {
+    return {
+      visible: false
+    };
+  },
+
+  computed: {
+    displayConfirmButtonText: function displayConfirmButtonText() {
+      return this.confirmButtonText || Object(lib_locale_["t"])('el.popconfirm.confirmButtonText');
+    },
+    displayCancelButtonText: function displayCancelButtonText() {
+      return this.cancelButtonText || Object(lib_locale_["t"])('el.popconfirm.cancelButtonText');
+    }
+  },
+  methods: {
+    confirm: function confirm() {
+      this.visible = false;
+      this.$emit('confirm');
+    },
+    cancel: function cancel() {
+      this.visible = false;
+      this.$emit('cancel');
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/popconfirm/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_popconfirm_src_mainvue_type_script_lang_js_ = (popconfirm_src_mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/popconfirm/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var popconfirm_src_main_component = normalizeComponent(
+  packages_popconfirm_src_mainvue_type_script_lang_js_,
+  mainvue_type_template_id_048de730_render,
+  mainvue_type_template_id_048de730_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var popconfirm_src_main_api; }
+popconfirm_src_main_component.options.__file = "packages/popconfirm/src/main.vue"
+/* harmony default export */ var popconfirm_src_main = (popconfirm_src_main_component.exports);
+// CONCATENATED MODULE: ./packages/popconfirm/index.js
+
+
+/* istanbul ignore next */
+popconfirm_src_main.install = function (Vue) {
+  Vue.component(popconfirm_src_main.name, popconfirm_src_main);
+};
+
+/* harmony default export */ var popconfirm = (popconfirm_src_main);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/skeleton/src/index.vue?vue&type=template&id=7f659269&
+var srcvue_type_template_id_7f659269_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _vm.uiLoading
+        ? [
+            _c(
+              "div",
+              _vm._b(
+                { class: ["el-skeleton", _vm.animated ? "is-animated" : ""] },
+                "div",
+                _vm.$attrs,
+                false
+              ),
+              [
+                _vm._l(_vm.count, function(i) {
+                  return [
+                    _vm.loading
+                      ? _vm._t(
+                          "template",
+                          _vm._l(_vm.rows, function(item) {
+                            return _c("el-skeleton-item", {
+                              key: i + "-" + item,
+                              class: {
+                                "el-skeleton__paragraph": item !== 1,
+                                "is-first": item === 1,
+                                "is-last": item === _vm.rows && _vm.rows > 1
+                              },
+                              attrs: { variant: "p" }
+                            })
+                          })
+                        )
+                      : _vm._e()
+                  ]
+                })
+              ],
+              2
+            )
+          ]
+        : [_vm._t("default", null, null, _vm.$attrs)]
+    ],
+    2
+  )
+}
+var srcvue_type_template_id_7f659269_staticRenderFns = []
+srcvue_type_template_id_7f659269_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/skeleton/src/index.vue?vue&type=template&id=7f659269&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/skeleton/src/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var skeleton_srcvue_type_script_lang_js_ = ({
+  name: 'ElSkeleton',
+  props: {
+    animated: {
+      type: Boolean,
+      default: false
+    },
+    count: {
+      type: Number,
+      default: 1
+    },
+    rows: {
+      type: Number,
+      default: 4
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    throttle: {
+      type: Number,
+      default: 0
+    }
+  },
+  watch: {
+    loading: {
+      handler: function handler(loading) {
+        var _this = this;
+
+        if (this.throttle <= 0) {
+          this.uiLoading = loading;
+          return;
+        }
+        if (loading) {
+          clearTimeout(this.timeoutHandle);
+          this.timeoutHandle = setTimeout(function () {
+            _this.uiLoading = _this.loading;
+          }, this.throttle);
+        } else {
+          this.uiLoading = loading;
+        }
+      },
+
+      immediate: true
+    }
+  },
+  data: function data() {
+    return {
+      uiLoading: this.throttle <= 0 ? this.loading : false
+    };
+  }
+});
+// CONCATENATED MODULE: ./packages/skeleton/src/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_skeleton_srcvue_type_script_lang_js_ = (skeleton_srcvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/skeleton/src/index.vue
+
+
+
+
+
+/* normalize component */
+
+var skeleton_src_component = normalizeComponent(
+  packages_skeleton_srcvue_type_script_lang_js_,
+  srcvue_type_template_id_7f659269_render,
+  srcvue_type_template_id_7f659269_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var skeleton_src_api; }
+skeleton_src_component.options.__file = "packages/skeleton/src/index.vue"
+/* harmony default export */ var skeleton_src = (skeleton_src_component.exports);
+// CONCATENATED MODULE: ./packages/skeleton/index.js
+
+
+/* istanbul ignore next */
+skeleton_src.install = function (Vue) {
+  Vue.component(skeleton_src.name, skeleton_src);
+};
+
+/* harmony default export */ var skeleton = (skeleton_src);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/skeleton/src/item.vue?vue&type=template&id=4bc8804c&
+var itemvue_type_template_id_4bc8804c_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { class: ["el-skeleton__item", "el-skeleton__" + _vm.variant] },
+    [_vm.variant === "image" ? _c("img-placeholder") : _vm._e()],
+    1
+  )
+}
+var itemvue_type_template_id_4bc8804c_staticRenderFns = []
+itemvue_type_template_id_4bc8804c_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/skeleton/src/item.vue?vue&type=template&id=4bc8804c&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/skeleton/src/img-placeholder.vue?vue&type=template&id=1b2cb5c0&
+var img_placeholdervue_type_template_id_1b2cb5c0_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "svg",
+    {
+      attrs: { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }
+    },
+    [
+      _c("path", {
+        attrs: {
+          d:
+            "M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z"
+        }
+      })
+    ]
+  )
+}
+var img_placeholdervue_type_template_id_1b2cb5c0_staticRenderFns = []
+img_placeholdervue_type_template_id_1b2cb5c0_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/skeleton/src/img-placeholder.vue?vue&type=template&id=1b2cb5c0&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/skeleton/src/img-placeholder.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var img_placeholdervue_type_script_lang_js_ = ({
+  name: 'ImgPlaceholder'
+});
+// CONCATENATED MODULE: ./packages/skeleton/src/img-placeholder.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_img_placeholdervue_type_script_lang_js_ = (img_placeholdervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/skeleton/src/img-placeholder.vue
+
+
+
+
+
+/* normalize component */
+
+var img_placeholder_component = normalizeComponent(
+  src_img_placeholdervue_type_script_lang_js_,
+  img_placeholdervue_type_template_id_1b2cb5c0_render,
+  img_placeholdervue_type_template_id_1b2cb5c0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var img_placeholder_api; }
+img_placeholder_component.options.__file = "packages/skeleton/src/img-placeholder.vue"
+/* harmony default export */ var img_placeholder = (img_placeholder_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/skeleton/src/item.vue?vue&type=script&lang=js&
+var _components;
+
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var skeleton_src_itemvue_type_script_lang_js_ = ({
+  name: 'ElSkeletonItem',
+  props: {
+    variant: {
+      type: String,
+      default: 'text'
+    }
+  },
+  components: (_components = {}, _components[img_placeholder.name] = img_placeholder, _components)
+});
+// CONCATENATED MODULE: ./packages/skeleton/src/item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_skeleton_src_itemvue_type_script_lang_js_ = (skeleton_src_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/skeleton/src/item.vue
+
+
+
+
+
+/* normalize component */
+
+var skeleton_src_item_component = normalizeComponent(
+  packages_skeleton_src_itemvue_type_script_lang_js_,
+  itemvue_type_template_id_4bc8804c_render,
+  itemvue_type_template_id_4bc8804c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var skeleton_src_item_api; }
+skeleton_src_item_component.options.__file = "packages/skeleton/src/item.vue"
+/* harmony default export */ var skeleton_src_item = (skeleton_src_item_component.exports);
+// CONCATENATED MODULE: ./packages/skeleton-item/index.js
+
+
+/* istanbul ignore next */
+skeleton_src_item.install = function (Vue) {
+  Vue.component(skeleton_src_item.name, skeleton_src_item);
+};
+
+/* harmony default export */ var skeleton_item = (skeleton_src_item);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/empty/src/index.vue?vue&type=template&id=347ced91&
+var srcvue_type_template_id_347ced91_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "el-empty" }, [
+    _c(
+      "div",
+      { staticClass: "el-empty__image", style: _vm.imageStyle },
+      [
+        _vm.image
+          ? _c("img", {
+              attrs: { src: _vm.image, ondragstart: "return false" }
+            })
+          : _vm._t("image", [_c("img-empty")])
+      ],
+      2
+    ),
+    _c(
+      "div",
+      { staticClass: "el-empty__description" },
+      [
+        _vm.$slots.description
+          ? _vm._t("description")
+          : _c("p", [_vm._v(_vm._s(_vm.emptyDescription))])
+      ],
+      2
+    ),
+    _vm.$slots.default
+      ? _c("div", { staticClass: "el-empty__bottom" }, [_vm._t("default")], 2)
+      : _vm._e()
+  ])
+}
+var srcvue_type_template_id_347ced91_staticRenderFns = []
+srcvue_type_template_id_347ced91_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/empty/src/index.vue?vue&type=template&id=347ced91&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/empty/src/img-empty.vue?vue&type=template&id=42918b82&
+var img_emptyvue_type_template_id_42918b82_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "svg",
+    {
+      attrs: {
+        viewBox: "0 0 79 86",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink"
+      }
+    },
+    [
+      _c(
+        "defs",
+        [
+          _c(
+            "linearGradient",
+            {
+              attrs: {
+                id: "linearGradient-1-" + _vm.id,
+                x1: "38.8503086%",
+                y1: "0%",
+                x2: "61.1496914%",
+                y2: "100%"
+              }
+            },
+            [
+              _c("stop", { attrs: { "stop-color": "#FCFCFD", offset: "0%" } }),
+              _c("stop", { attrs: { "stop-color": "#EEEFF3", offset: "100%" } })
+            ],
+            1
+          ),
+          _c(
+            "linearGradient",
+            {
+              attrs: {
+                id: "linearGradient-2-" + _vm.id,
+                x1: "0%",
+                y1: "9.5%",
+                x2: "100%",
+                y2: "90.5%"
+              }
+            },
+            [
+              _c("stop", { attrs: { "stop-color": "#FCFCFD", offset: "0%" } }),
+              _c("stop", { attrs: { "stop-color": "#E9EBEF", offset: "100%" } })
+            ],
+            1
+          ),
+          _c("rect", {
+            attrs: {
+              id: "path-3-" + _vm.id,
+              x: "0",
+              y: "0",
+              width: "17",
+              height: "36"
+            }
+          })
+        ],
+        1
+      ),
+      _c(
+        "g",
+        {
+          attrs: {
+            id: "Illustrations",
+            stroke: "none",
+            "stroke-width": "1",
+            fill: "none",
+            "fill-rule": "evenodd"
+          }
+        },
+        [
+          _c(
+            "g",
+            {
+              attrs: {
+                id: "B-type",
+                transform: "translate(-1268.000000, -535.000000)"
+              }
+            },
+            [
+              _c(
+                "g",
+                {
+                  attrs: {
+                    id: "Group-2",
+                    transform: "translate(1268.000000, 535.000000)"
+                  }
+                },
+                [
+                  _c("path", {
+                    attrs: {
+                      id: "Oval-Copy-2",
+                      d:
+                        "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
+                      fill: "#F7F8FC"
+                    }
+                  }),
+                  _c("polygon", {
+                    attrs: {
+                      id: "Rectangle-Copy-14",
+                      fill: "#E5E7E9",
+                      transform:
+                        "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
+                      points: "13 58 53 58 42 45 2 45"
+                    }
+                  }),
+                  _c(
+                    "g",
+                    {
+                      attrs: {
+                        id: "Group-Copy",
+                        transform:
+                          "translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
+                      }
+                    },
+                    [
+                      _c("polygon", {
+                        attrs: {
+                          id: "Rectangle-Copy-10",
+                          fill: "#E5E7E9",
+                          transform:
+                            "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
+                          points: "2.84078316e-14 3 18 3 23 7 5 7"
+                        }
+                      }),
+                      _c("polygon", {
+                        attrs: {
+                          id: "Rectangle-Copy-11",
+                          fill: "#EDEEF2",
+                          points:
+                            "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
+                        }
+                      }),
+                      _c("rect", {
+                        attrs: {
+                          id: "Rectangle-Copy-12",
+                          fill: "url(#linearGradient-1-" + _vm.id + ")",
+                          transform:
+                            "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
+                          x: "38",
+                          y: "7",
+                          width: "17",
+                          height: "36"
+                        }
+                      }),
+                      _c("polygon", {
+                        attrs: {
+                          id: "Rectangle-Copy-13",
+                          fill: "#F8F9FB",
+                          transform:
+                            "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
+                          points:
+                            "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
+                        }
+                      })
+                    ]
+                  ),
+                  _c("rect", {
+                    attrs: {
+                      id: "Rectangle-Copy-15",
+                      fill: "url(#linearGradient-2-" + _vm.id + ")",
+                      x: "13",
+                      y: "45",
+                      width: "40",
+                      height: "36"
+                    }
+                  }),
+                  _c(
+                    "g",
+                    {
+                      attrs: {
+                        id: "Rectangle-Copy-17",
+                        transform: "translate(53.000000, 45.000000)"
+                      }
+                    },
+                    [
+                      _c(
+                        "mask",
+                        { attrs: { id: "mask-4-" + _vm.id, fill: "white" } },
+                        [
+                          _c("use", {
+                            attrs: { "xlink:href": "#path-3-" + _vm.id }
+                          })
+                        ]
+                      ),
+                      _c("use", {
+                        attrs: {
+                          id: "Mask",
+                          fill: "#E0E3E9",
+                          transform:
+                            "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
+                          "xlink:href": "#path-3-" + _vm.id
+                        }
+                      }),
+                      _c("polygon", {
+                        attrs: {
+                          id: "Rectangle-Copy",
+                          fill: "#D5D7DE",
+                          mask: "url(#mask-4-" + _vm.id + ")",
+                          transform:
+                            "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
+                          points: "7 0 24 0 20 18 -1.70530257e-13 16"
+                        }
+                      })
+                    ]
+                  ),
+                  _c("polygon", {
+                    attrs: {
+                      id: "Rectangle-Copy-18",
+                      fill: "#F8F9FB",
+                      transform:
+                        "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
+                      points: "62 45 79 45 70 58 53 58"
+                    }
+                  })
+                ]
+              )
+            ]
+          )
+        ]
+      )
+    ]
+  )
+}
+var img_emptyvue_type_template_id_42918b82_staticRenderFns = []
+img_emptyvue_type_template_id_42918b82_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/empty/src/img-empty.vue?vue&type=template&id=42918b82&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/empty/src/img-empty.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var img_emptyvue_type_script_lang_js_id = 0;
+/* harmony default export */ var img_emptyvue_type_script_lang_js_ = ({
+  name: 'ImgEmpty',
+  data: function data() {
+    return {
+      id: ++img_emptyvue_type_script_lang_js_id
+    };
+  }
+});
+// CONCATENATED MODULE: ./packages/empty/src/img-empty.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_img_emptyvue_type_script_lang_js_ = (img_emptyvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/empty/src/img-empty.vue
+
+
+
+
+
+/* normalize component */
+
+var img_empty_component = normalizeComponent(
+  src_img_emptyvue_type_script_lang_js_,
+  img_emptyvue_type_template_id_42918b82_render,
+  img_emptyvue_type_template_id_42918b82_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var img_empty_api; }
+img_empty_component.options.__file = "packages/empty/src/img-empty.vue"
+/* harmony default export */ var img_empty = (img_empty_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/empty/src/index.vue?vue&type=script&lang=js&
+var srcvue_type_script_lang_js_components;
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ var empty_srcvue_type_script_lang_js_ = ({
+  name: 'ElEmpty',
+  components: (srcvue_type_script_lang_js_components = {}, srcvue_type_script_lang_js_components[img_empty.name] = img_empty, srcvue_type_script_lang_js_components),
+  props: {
+    image: {
+      type: String,
+      default: ''
+    },
+    imageSize: Number,
+    description: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    emptyDescription: function emptyDescription() {
+      return this.description || Object(lib_locale_["t"])('el.empty.description');
+    },
+    imageStyle: function imageStyle() {
+      return {
+        width: this.imageSize ? this.imageSize + 'px' : ''
+      };
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/empty/src/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_empty_srcvue_type_script_lang_js_ = (empty_srcvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/empty/src/index.vue
+
+
+
+
+
+/* normalize component */
+
+var empty_src_component = normalizeComponent(
+  packages_empty_srcvue_type_script_lang_js_,
+  srcvue_type_template_id_347ced91_render,
+  srcvue_type_template_id_347ced91_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var empty_src_api; }
+empty_src_component.options.__file = "packages/empty/src/index.vue"
+/* harmony default export */ var empty_src = (empty_src_component.exports);
+// CONCATENATED MODULE: ./packages/empty/index.js
+
+
+empty_src.install = function (Vue) {
+  Vue.component(empty_src.name, empty_src);
+};
+
+/* harmony default export */ var empty = (empty_src);
+// CONCATENATED MODULE: ./packages/descriptions/src/descriptions-row.js
+var descriptions_row_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+/* harmony default export */ var descriptions_row = ({
+  name: 'ElDescriptionsRow',
+  props: {
+    row: {
+      type: Array
+    }
+  },
+  inject: ['elDescriptions'],
+  render: function render(h) {
+    var elDescriptions = this.elDescriptions;
+
+    var row = (this.row || []).map(function (item) {
+      return descriptions_row_extends({}, item, {
+        label: item.slots.label || item.props.label
+      }, ['labelClassName', 'contentClassName', 'labelStyle', 'contentStyle'].reduce(function (res, key) {
+        res[key] = item.props[key] || elDescriptions[key];
+        return res;
+      }, {}));
+    });
+    if (elDescriptions.direction === 'vertical') {
+      return h('tbody', [h(
+        'tr',
+        { 'class': 'el-descriptions-row' },
+        [row.map(function (item) {
+          var _ref;
+
+          return h(
+            'th',
+            {
+              'class': (_ref = {
+                'el-descriptions-item__cell': true,
+                'el-descriptions-item__label': true,
+                'has-colon': elDescriptions.border ? false : elDescriptions.colon,
+                'is-bordered-label': elDescriptions.border
+              }, _ref[item.labelClassName] = true, _ref),
+              style: item.labelStyle,
+              attrs: { colSpan: item.props.span
+              }
+            },
+            [item.label]
+          );
+        })]
+      ), h(
+        'tr',
+        { 'class': 'el-descriptions-row' },
+        [row.map(function (item) {
+          return h(
+            'td',
+            {
+              'class': ['el-descriptions-item__cell', 'el-descriptions-item__content', item.contentClassName],
+              style: item.contentStyle,
+              attrs: { colSpan: item.props.span
+              }
+            },
+            [item.slots.default]
+          );
+        })]
+      )]);
+    }
+    if (elDescriptions.border) {
+      return h('tbody', [h(
+        'tr',
+        { 'class': 'el-descriptions-row' },
+        [row.map(function (item) {
+          var _ref2;
+
+          return [h(
+            'th',
+            {
+              'class': (_ref2 = {
+                'el-descriptions-item__cell': true,
+                'el-descriptions-item__label': true,
+                'is-bordered-label': elDescriptions.border
+              }, _ref2[item.labelClassName] = true, _ref2),
+              style: item.labelStyle,
+              attrs: { colSpan: '1'
+              }
+            },
+            [item.label]
+          ), h(
+            'td',
+            {
+              'class': ['el-descriptions-item__cell', 'el-descriptions-item__content', item.contentClassName],
+              style: item.contentStyle,
+              attrs: { colSpan: item.props.span * 2 - 1
+              }
+            },
+            [item.slots.default]
+          )];
+        })]
+      )]);
+    }
+    return h('tbody', [h(
+      'tr',
+      { 'class': 'el-descriptions-row' },
+      [row.map(function (item) {
+        var _ref3;
+
+        return h(
+          'td',
+          { 'class': 'el-descriptions-item el-descriptions-item__cell', attrs: { colSpan: item.props.span }
+          },
+          [h(
+            'div',
+            { 'class': 'el-descriptions-item__container' },
+            [h(
+              'span',
+              {
+                'class': (_ref3 = {
+                  'el-descriptions-item__label': true,
+                  'has-colon': elDescriptions.colon
+                }, _ref3[item.labelClassName] = true, _ref3),
+                style: item.labelStyle
+              },
+              [item.label]
+            ), h(
+              'span',
+              {
+                'class': ['el-descriptions-item__content', item.contentClassName],
+                style: item.contentStyle
+              },
+              [item.slots.default]
+            )]
+          )]
+        );
+      })]
+    )]);
+  }
+});
+// CONCATENATED MODULE: ./packages/descriptions/src/index.js
+var src_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var src_components;
+
+
+
+
+/* harmony default export */ var descriptions_src = ({
+  name: 'ElDescriptions',
+  components: (src_components = {}, src_components[descriptions_row.name] = descriptions_row, src_components),
+  props: {
+    border: {
+      type: Boolean,
+      default: false
+    },
+    column: {
+      type: Number,
+      default: 3
+    },
+    direction: {
+      type: String,
+      default: 'horizontal'
+    },
+    size: {
+      type: String
+      // validator: isValidComponentSize,
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    extra: {
+      type: String,
+      default: ''
+    },
+    labelStyle: {
+      type: Object
+    },
+    contentStyle: {
+      type: Object
+    },
+    labelClassName: {
+      type: String,
+      default: ''
+    },
+    contentClassName: {
+      type: String,
+      default: ''
+    },
+    colon: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    descriptionsSize: function descriptionsSize() {
+      return this.size || (this.$ELEMENT || {}).size;
+    }
+  },
+  provide: function provide() {
+    return {
+      elDescriptions: this
+    };
+  },
+
+  methods: {
+    getOptionProps: function getOptionProps(vnode) {
+      if (vnode.componentOptions) {
+        var componentOptions = vnode.componentOptions;
+        var _componentOptions$pro = componentOptions.propsData,
+            propsData = _componentOptions$pro === undefined ? {} : _componentOptions$pro,
+            _componentOptions$Cto = componentOptions.Ctor,
+            Ctor = _componentOptions$Cto === undefined ? {} : _componentOptions$Cto;
+
+        var props = (Ctor.options || {}).props || {};
+        var res = {};
+        for (var k in props) {
+          var v = props[k];
+          var defaultValue = v.default;
+          if (defaultValue !== undefined) {
+            res[k] = Object(types_["isFunction"])(defaultValue) ? defaultValue.call(vnode) : defaultValue;
+          }
+        }
+        return src_extends({}, res, propsData);
+      }
+      return {};
+    },
+    getSlots: function getSlots(vnode) {
+      var _this = this;
+
+      var componentOptions = vnode.componentOptions || {};
+      var children = vnode.children || componentOptions.children || [];
+      var slots = {};
+      children.forEach(function (child) {
+        if (!_this.isEmptyElement(child)) {
+          var name = child.data && child.data.slot || 'default';
+          slots[name] = slots[name] || [];
+          if (child.tag === 'template') {
+            slots[name].push(child.children);
+          } else {
+            slots[name].push(child);
+          }
+        }
+      });
+      return src_extends({}, slots);
+    },
+    isEmptyElement: function isEmptyElement(c) {
+      return !(c.tag || c.text && c.text.trim() !== '');
+    },
+    filledNode: function filledNode(node, span, count) {
+      var isLast = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+
+      if (!node.props) {
+        node.props = {};
+      }
+      if (span > count) {
+        node.props.span = count;
+      }
+      if (isLast) {
+        // set the max span, cause of the last td
+        node.props.span = count;
+      }
+      return node;
+    },
+    getRows: function getRows() {
+      var _this2 = this;
+
+      var children = (this.$slots.default || []).filter(function (vnode) {
+        return vnode.tag && vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'ElDescriptionsItem';
+      });
+      var nodes = children.map(function (vnode) {
+        return {
+          props: _this2.getOptionProps(vnode),
+          slots: _this2.getSlots(vnode),
+          vnode: vnode
+        };
+      });
+      var rows = [];
+      var temp = [];
+      var count = this.column;
+
+      nodes.forEach(function (node, index) {
+        var span = node.props.span || 1;
+
+        if (index === children.length - 1) {
+          temp.push(_this2.filledNode(node, span, count, true));
+          rows.push(temp);
+          return;
+        }
+
+        if (span < count) {
+          count -= span;
+          temp.push(node);
+        } else {
+          temp.push(_this2.filledNode(node, span, count));
+          rows.push(temp);
+          count = _this2.column;
+          temp = [];
+        }
+      });
+
+      return rows;
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    var title = this.title,
+        extra = this.extra,
+        border = this.border,
+        descriptionsSize = this.descriptionsSize,
+        $slots = this.$slots;
+
+    var rows = this.getRows();
+
+    return h(
+      'div',
+      { 'class': 'el-descriptions' },
+      [title || extra || $slots.title || $slots.extra ? h(
+        'div',
+        { 'class': 'el-descriptions__header' },
+        [h(
+          'div',
+          { 'class': 'el-descriptions__title' },
+          [$slots.title ? $slots.title : title]
+        ), h(
+          'div',
+          { 'class': 'el-descriptions__extra' },
+          [$slots.extra ? $slots.extra : extra]
+        )]
+      ) : null, h(
+        'div',
+        { 'class': 'el-descriptions__body' },
+        [h(
+          'table',
+          { 'class': ['el-descriptions__table', { 'is-bordered': border }, descriptionsSize ? 'el-descriptions--' + descriptionsSize : ''] },
+          [rows.map(function (row) {
+            return h(descriptions_row, {
+              attrs: { row: row }
+            });
+          })]
+        )]
+      )]
+    );
+  }
+});
+// CONCATENATED MODULE: ./packages/descriptions/index.js
+
+
+/* istanbul ignore next */
+descriptions_src.install = function install(Vue) {
+  Vue.component(descriptions_src.name, descriptions_src);
+};
+
+/* harmony default export */ var descriptions = (descriptions_src);
+// CONCATENATED MODULE: ./packages/descriptions/src/descriptions-item.js
+/* harmony default export */ var descriptions_item = ({
+  name: 'ElDescriptionsItem',
+  props: {
+    label: {
+      type: String,
+      default: ''
+    },
+    span: {
+      type: Number,
+      default: 1
+    },
+    contentClassName: {
+      type: String,
+      default: ''
+    },
+    contentStyle: {
+      type: Object
+    },
+    labelClassName: {
+      type: String,
+      default: ''
+    },
+    labelStyle: {
+      type: Object
+    }
+  },
+  render: function render() {
+    return null;
+  }
+});
+// CONCATENATED MODULE: ./packages/descriptions-item/index.js
+
+
+/* istanbul ignore next */
+descriptions_item.install = function install(Vue) {
+  Vue.component(descriptions_item.name, descriptions_item);
+};
+
+/* harmony default export */ var packages_descriptions_item = (descriptions_item);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/index.vue?vue&type=template&id=3408b139&
+var srcvue_type_template_id_3408b139_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "el-result" }, [
+    _c(
+      "div",
+      { staticClass: "el-result__icon" },
+      [
+        _vm._t("icon", [
+          _c(_vm.iconElement, { tag: "component", class: _vm.iconElement })
+        ])
+      ],
+      2
+    ),
+    _vm.title || _vm.$slots.title
+      ? _c(
+          "div",
+          { staticClass: "el-result__title" },
+          [_vm._t("title", [_c("p", [_vm._v(_vm._s(_vm.title))])])],
+          2
+        )
+      : _vm._e(),
+    _vm.subTitle || _vm.$slots.subTitle
+      ? _c(
+          "div",
+          { staticClass: "el-result__subtitle" },
+          [_vm._t("subTitle", [_c("p", [_vm._v(_vm._s(_vm.subTitle))])])],
+          2
+        )
+      : _vm._e(),
+    _vm.$slots.extra
+      ? _c("div", { staticClass: "el-result__extra" }, [_vm._t("extra")], 2)
+      : _vm._e()
+  ])
+}
+var srcvue_type_template_id_3408b139_staticRenderFns = []
+srcvue_type_template_id_3408b139_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/result/src/index.vue?vue&type=template&id=3408b139&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/icon-success.vue?vue&type=template&id=18119418&
+var icon_successvue_type_template_id_18119418_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "svg",
+    { attrs: { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" } },
+    [
+      _c("path", {
+        attrs: {
+          d:
+            "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M34.5548098,16.4485711 C33.9612228,15.8504763 32.9988282,15.8504763 32.4052412,16.4485711 L32.4052412,16.4485711 L21.413757,27.5805811 L21.413757,27.5805811 L21.4034642,27.590855 C21.0097542,27.9781674 20.3766105,27.9729811 19.9892981,27.5792711 L19.9892981,27.5792711 L15.5947588,23.1121428 C15.0011718,22.514048 14.0387772,22.514048 13.4451902,23.1121428 C12.8516033,23.7102376 12.8516033,24.6799409 13.4451902,25.2780357 L13.4451902,25.2780357 L19.6260786,31.5514289 C20.2196656,32.1495237 21.1820602,32.1495237 21.7756472,31.5514289 L21.7756472,31.5514289 L34.5548098,18.614464 C35.1483967,18.0163692 35.1483967,17.0466659 34.5548098,16.4485711 Z"
+        }
+      })
+    ]
+  )
+}
+var icon_successvue_type_template_id_18119418_staticRenderFns = []
+icon_successvue_type_template_id_18119418_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/result/src/icon-success.vue?vue&type=template&id=18119418&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/icon-success.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var icon_successvue_type_script_lang_js_ = ({
+  name: 'IconSuccess'
+});
+// CONCATENATED MODULE: ./packages/result/src/icon-success.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_icon_successvue_type_script_lang_js_ = (icon_successvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/result/src/icon-success.vue
+
+
+
+
+
+/* normalize component */
+
+var icon_success_component = normalizeComponent(
+  src_icon_successvue_type_script_lang_js_,
+  icon_successvue_type_template_id_18119418_render,
+  icon_successvue_type_template_id_18119418_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var icon_success_api; }
+icon_success_component.options.__file = "packages/result/src/icon-success.vue"
+/* harmony default export */ var icon_success = (icon_success_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/icon-error.vue?vue&type=template&id=21199246&
+var icon_errorvue_type_template_id_21199246_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "svg",
+    { attrs: { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" } },
+    [
+      _c("path", {
+        attrs: {
+          d:
+            "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M32.57818,15.42182 C32.0157534,14.8593933 31.1038797,14.8593933 30.541453,15.42182 L30.541453,15.42182 L24.0006789,21.9625941 L17.458547,15.42182 C16.8961203,14.8593933 15.9842466,14.8593933 15.42182,15.42182 C14.8593933,15.9842466 14.8593933,16.8961203 15.42182,17.458547 L15.42182,17.458547 L21.9639519,23.9993211 L15.42182,30.541453 C14.8593933,31.1038797 14.8593933,32.0157534 15.42182,32.57818 C15.9842466,33.1406067 16.8961203,33.1406067 17.458547,32.57818 L17.458547,32.57818 L24.0006789,26.0360481 L30.541453,32.57818 C31.1038797,33.1406067 32.0157534,33.1406067 32.57818,32.57818 C33.1406067,32.0157534 33.1406067,31.1038797 32.57818,30.541453 L32.57818,30.541453 L26.0374059,23.9993211 L32.57818,17.458547 C33.1406067,16.8961203 33.1406067,15.9842466 32.57818,15.42182 Z"
+        }
+      })
+    ]
+  )
+}
+var icon_errorvue_type_template_id_21199246_staticRenderFns = []
+icon_errorvue_type_template_id_21199246_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/result/src/icon-error.vue?vue&type=template&id=21199246&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/icon-error.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var icon_errorvue_type_script_lang_js_ = ({
+  name: 'IconError'
+});
+// CONCATENATED MODULE: ./packages/result/src/icon-error.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_icon_errorvue_type_script_lang_js_ = (icon_errorvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/result/src/icon-error.vue
+
+
+
+
+
+/* normalize component */
+
+var icon_error_component = normalizeComponent(
+  src_icon_errorvue_type_script_lang_js_,
+  icon_errorvue_type_template_id_21199246_render,
+  icon_errorvue_type_template_id_21199246_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var icon_error_api; }
+icon_error_component.options.__file = "packages/result/src/icon-error.vue"
+/* harmony default export */ var icon_error = (icon_error_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/icon-warning.vue?vue&type=template&id=46fe8f31&
+var icon_warningvue_type_template_id_46fe8f31_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "svg",
+    { attrs: { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" } },
+    [
+      _c("path", {
+        attrs: {
+          d:
+            "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M24,31 C22.8954305,31 22,31.8954305 22,33 C22,34.1045695 22.8954305,35 24,35 C25.1045695,35 26,34.1045695 26,33 C26,31.8954305 25.1045695,31 24,31 Z M24,14 C23.1715729,14 22.5,14.6715729 22.5,15.5 L22.5,15.5 L22.5,27.5 C22.5,28.3284271 23.1715729,29 24,29 C24.8284271,29 25.5,28.3284271 25.5,27.5 L25.5,27.5 L25.5,15.5 C25.5,14.6715729 24.8284271,14 24,14 Z"
+        }
+      })
+    ]
+  )
+}
+var icon_warningvue_type_template_id_46fe8f31_staticRenderFns = []
+icon_warningvue_type_template_id_46fe8f31_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/result/src/icon-warning.vue?vue&type=template&id=46fe8f31&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/icon-warning.vue?vue&type=script&lang=ts&
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var icon_warningvue_type_script_lang_ts_ = ({
+  name: 'IconWarning'
+});
+
+// CONCATENATED MODULE: ./packages/result/src/icon-warning.vue?vue&type=script&lang=ts&
+ /* harmony default export */ var src_icon_warningvue_type_script_lang_ts_ = (icon_warningvue_type_script_lang_ts_); 
+// CONCATENATED MODULE: ./packages/result/src/icon-warning.vue
+
+
+
+
+
+/* normalize component */
+
+var icon_warning_component = normalizeComponent(
+  src_icon_warningvue_type_script_lang_ts_,
+  icon_warningvue_type_template_id_46fe8f31_render,
+  icon_warningvue_type_template_id_46fe8f31_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var icon_warning_api; }
+icon_warning_component.options.__file = "packages/result/src/icon-warning.vue"
+/* harmony default export */ var icon_warning = (icon_warning_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/icon-info.vue?vue&type=template&id=19e3de69&
+var icon_infovue_type_template_id_19e3de69_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "svg",
+    { attrs: { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" } },
+    [
+      _c("path", {
+        attrs: {
+          d:
+            "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M24,19 L21,19 C20.1715729,19 19.5,19.6715729 19.5,20.5 C19.5,21.3284271 20.1715729,22 21,22 L21,22 L22.5,22 L22.5,31 L21,31 C20.1715729,31 19.5,31.6715729 19.5,32.5 C19.5,33.3284271 20.1715729,34 21,34 L21,34 L27,34 C27.8284271,34 28.5,33.3284271 28.5,32.5 C28.5,31.6715729 27.8284271,31 27,31 L27,31 L25.5,31 L25.5,20.5 C25.5,19.6715729 24.8284271,19 24,19 L24,19 Z M24,13 C22.8954305,13 22,13.8954305 22,15 C22,16.1045695 22.8954305,17 24,17 C25.1045695,17 26,16.1045695 26,15 C26,13.8954305 25.1045695,13 24,13 Z"
+        }
+      })
+    ]
+  )
+}
+var icon_infovue_type_template_id_19e3de69_staticRenderFns = []
+icon_infovue_type_template_id_19e3de69_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/result/src/icon-info.vue?vue&type=template&id=19e3de69&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/icon-info.vue?vue&type=script&lang=ts&
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var icon_infovue_type_script_lang_ts_ = ({
+  name: 'IconInfo'
+});
+
+// CONCATENATED MODULE: ./packages/result/src/icon-info.vue?vue&type=script&lang=ts&
+ /* harmony default export */ var src_icon_infovue_type_script_lang_ts_ = (icon_infovue_type_script_lang_ts_); 
+// CONCATENATED MODULE: ./packages/result/src/icon-info.vue
+
+
+
+
+
+/* normalize component */
+
+var icon_info_component = normalizeComponent(
+  src_icon_infovue_type_script_lang_ts_,
+  icon_infovue_type_template_id_19e3de69_render,
+  icon_infovue_type_template_id_19e3de69_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var icon_info_api; }
+icon_info_component.options.__file = "packages/result/src/icon-info.vue"
+/* harmony default export */ var icon_info = (icon_info_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/result/src/index.vue?vue&type=script&lang=js&
+var result_srcvue_type_script_lang_js_components;
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+var IconMap = {
+  success: 'icon-success',
+  warning: 'icon-warning',
+  error: 'icon-error',
+  info: 'icon-info'
+};
+
+/* harmony default export */ var result_srcvue_type_script_lang_js_ = ({
+  name: 'ElResult',
+  components: (result_srcvue_type_script_lang_js_components = {}, result_srcvue_type_script_lang_js_components[icon_success.name] = icon_success, result_srcvue_type_script_lang_js_components[icon_error.name] = icon_error, result_srcvue_type_script_lang_js_components[icon_warning.name] = icon_warning, result_srcvue_type_script_lang_js_components[icon_info.name] = icon_info, result_srcvue_type_script_lang_js_components),
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    subTitle: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: 'info'
+    }
+  },
+  computed: {
+    iconElement: function iconElement() {
+      var icon = this.icon;
+      return icon && IconMap[icon] ? IconMap[icon] : 'icon-info';
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/result/src/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var packages_result_srcvue_type_script_lang_js_ = (result_srcvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/result/src/index.vue
+
+
+
+
+
+/* normalize component */
+
+var result_src_component = normalizeComponent(
+  packages_result_srcvue_type_script_lang_js_,
+  srcvue_type_template_id_3408b139_render,
+  srcvue_type_template_id_3408b139_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var result_src_api; }
+result_src_component.options.__file = "packages/result/src/index.vue"
+/* harmony default export */ var result_src = (result_src_component.exports);
+// CONCATENATED MODULE: ./packages/result/index.js
+
+
+/* istanbul ignore next */
+result_src.install = function (Vue) {
+  Vue.component(result_src.name, result_src);
+};
+
+/* harmony default export */ var packages_result = (result_src);
+// CONCATENATED MODULE: ./src/index.js
+/* Automatically generated by './build/bin/build-entry.js' */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var components = [packages_pagination, dialog, packages_autocomplete, packages_dropdown, packages_dropdown_menu, packages_dropdown_item, packages_menu, packages_submenu, packages_menu_item, packages_menu_item_group, packages_input, packages_input_number, packages_radio, packages_radio_group, packages_radio_button, packages_checkbox, packages_checkbox_button, packages_checkbox_group, packages_switch, packages_select, packages_option, packages_option_group, packages_button, packages_button_group, packages_table, packages_table_column, packages_date_picker, packages_time_select, packages_time_picker, popover, packages_tooltip, packages_breadcrumb, packages_breadcrumb_item, packages_form, packages_form_item, packages_tabs, packages_tab_pane, packages_tag, packages_tree, packages_alert, slider, packages_icon, packages_row, packages_col, packages_upload, packages_progress, packages_spinner, badge, card, packages_rate, packages_steps, packages_step, carousel, scrollbar, carousel_item, packages_collapse, packages_collapse_item, packages_cascader, color_picker, transfer, packages_container, header, aside, packages_main, footer, timeline, timeline_item, packages_link, divider, packages_image, calendar, backtop, page_header, packages_cascader_panel, avatar, drawer, statistic, popconfirm, skeleton, skeleton_item, empty, descriptions, packages_descriptions_item, packages_result, collapse_transition_default.a];
+
+var src_install = function install(Vue) {
+  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+ 
+
+  components.forEach(function (component) {
+    Vue.component(component.name, component);
+  });
+ 
+};
+
+/* istanbul ignore if */
+if (typeof window !== 'undefined' && window.Vue) {
+  src_install(window.Vue);
+}
+
+/* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
+  version: '2.15.14',
+  
+});
+
+/***/ })
+/******/ ])["default"];
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
deleted file mode 100644
index 270d85f..0000000
--- a/src/main.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
-import Vue from 'vue';
-import App from './App.vue';
-import router from './router';
-import store from './store';
-import vuedraggable from 'vuedraggable';
-import agElemUI from "../packages/index.js";
-console.log('main.js', process.env);
-Vue.use(ElementUI);
-Vue.use(agElemUI);
-Vue.use(vuedraggable);
-
-
-
-new Vue({
-    el: '#app',
-    router,
-    store,
-    render: (h) => h(App)
-  })
\ No newline at end of file

From baa8568ea8026dea4bb765ee84b27be66ce94105 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Tue, 10 Sep 2024 10:37:32 +0800
Subject: [PATCH 19/47] ww

---
 packages/agMutionCheckbox/src/index.vue | 99 +++++++++++++++++++++----
 src/App.vue                             |  5 +-
 2 files changed, 88 insertions(+), 16 deletions(-)

diff --git a/packages/agMutionCheckbox/src/index.vue b/packages/agMutionCheckbox/src/index.vue
index 961ba5b..767ea5a 100644
--- a/packages/agMutionCheckbox/src/index.vue
+++ b/packages/agMutionCheckbox/src/index.vue
@@ -10,7 +10,7 @@
     >
         <span class="el-dropdown-link">
             <span>
-              <span :class="{ color: checkedList.length }">{{ dropdownvalue }}</span
+              <span :class="{ color: checkedList.length }">{{ checkedList.length==0?placeholder:dropdownvalue }}</span
               ><span class="list-length" v-if="valuelength >= 1"
                 >+ {{ valuelength }}</span
               ></span
@@ -89,9 +89,14 @@
             olddatas:[
                 {label:"方法1",value:"1"},
                 {label:"方法2",value:"2"}
-            ]
+            ],
+            oldvalue:[]
         };
     },
+    model: {  
+      prop: 'value', // 明确指定 prop 为 'value'  
+      event: 'onSearch' // 自定义事件名，用于更新 value  
+  }, 
     mounted() { 
         if(this.datas&&Array.isArray(this.datas)){
                     this.dataList = this.datas;
@@ -103,6 +108,26 @@
                     }
                     if(this.value){
                         this.checkedList=this.value;
+                        const filters=this.olddatas.filter((f)=>{
+                            return this.checkedList.find((c)=>c==f.value);
+                        });  
+                        if(filters.length>0){
+                          const [onedatas,...otherdatas]=filters;
+                          this.valuelength=otherdatas.length;
+                          this.dropdownvalue=onedatas.label;
+                          if(filters.length==this.olddatas.length){
+                              this.checkAll=true;
+                              this.isIndeterminate=false;
+                            }else{
+                              this.checkAll=false;
+                              this.isIndeterminate=true;
+                            }
+                        }else{
+                          this.valuelength=0;
+                          this.dropdownvalue="";
+                          this.checkAll=false;
+                          this.isIndeterminate=false;
+                        } 
                     } 
                 }else{
                     this.olddatas=Object.assign([],this.dataList);
@@ -121,6 +146,26 @@
                     }
                     if(this.value){
                         this.checkedList=this.value;
+                        const filters=this.olddatas.filter((f)=>{
+                            return this.checkedList.find((c)=>c==f.value);
+                        });  
+                        if(filters.length>0){
+                          const [onedatas,...otherdatas]=filters;
+                          this.valuelength=otherdatas.length;
+                          this.dropdownvalue=onedatas.label;
+                          if(filters.length==this.olddatas.length){
+                              this.checkAll=true;
+                              this.isIndeterminate=false;
+                            }else{
+                              this.checkAll=false;
+                              this.isIndeterminate=true;
+                            }
+                        }else{
+                          this.valuelength=0;
+                          this.dropdownvalue="";
+                          this.checkAll=false;
+                          this.isIndeterminate=false;
+                        } 
                     }
                 } else{
                     this.olddatas=Object.assign([],this.dataList);
@@ -136,8 +181,9 @@
             this.isIndeterminate = false;
             this.checkAll=false;
         },
-        checkeddown(val){
-           console.log(val,"val")
+        checkeddown(val){ 
+           this.oldvalue={list:this.checkedList,checkAll:this.checkAll,isIndeterminate:this.isIndeterminate};
+
 
         },
         dropdownchange(){
@@ -152,21 +198,42 @@
             this.isIndeterminate = false;
             this.checkAll=val; 
         },
-        confirm(e){  
-          
+        confirm(e,type){    
+            if(e&&type=="only"){
+                this.checkedList=[e.value];
+                if(this.olddatas.length!=1){
+                  this.isIndeterminate=true;
+                  this.checkAll=false;
+                }else{
+                  this.isIndeterminate=false;
+                  this.checkAll=true;
+                }
 
-            if(e&&e.label=="only"){
                 const filters=this.olddatas.filter((f)=>{
-                     return e.value.find((c)=>c==f.value);
-                });  
-                const [onedatas,...otherdatas]=filters;
-                this.valuelength=otherdatas.length;
-                this.dropdownvalue=onedatas.label;
-
+                     return f.value==e.value
+                }); 
                 if(this.$listeners.onSearch){
                     this.$emit("onSearch",[e.value]);
-                } 
+                }  
+                if(filters.length==0){ 
+                  this.valuelength=0;
+                  this.dropdownvalue="";  
+                  this.$refs.multioncheckref.hide();
+                  return;
+                }
+                const [onedatas,...otherdatas]=filters;
+                this.valuelength=otherdatas.length;
+                this.dropdownvalue=onedatas.label;  
             }else{
+                if(this.checkedList.length==0){
+                  this.valuelength=0;
+                  this.dropdownvalue="";  
+                  if(this.$listeners.onSearch){
+                      this.$emit("onSearch",this.checkedList);
+                  } 
+                  this.$refs.multioncheckref.hide();
+                  return;
+                }
                 const filters=this.olddatas.filter((f)=>{
                      return this.checkedList.find((c)=>c==f.value);
                 });  
@@ -193,6 +260,10 @@
             } 
         },
         cancel(){ 
+          this.checkedList=this.oldvalue.list;
+          this.isIndeterminate=this.oldvalue.isIndeterminate;
+          this.checkAll=this.oldvalue.checkAll;
+
             this.$refs.multioncheckref.hide();
         }
 
diff --git a/src/App.vue b/src/App.vue
index 1fefb67..11b4d88 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -54,7 +54,7 @@
     </agUpdate>
     <ag-form :data="formdata" label-width="120px" label-position="right" v-model="formvalue"> 
     </ag-form>
-    <ag-mution-checkbox :datas="checklist" @onSearch="onCheckSearch"> </ag-mution-checkbox>
+    <ag-mution-checkbox :datas="checklist" @onSearch="onCheckSearch" placeholder="请选择" v-model="checkvalue"> </ag-mution-checkbox>
     <!-- <el-input agMultionCheckbox
       size="small"
       placeholder="请输入内容"
@@ -141,6 +141,7 @@ export default {
       },
       inputValue:"",
       date_value:null,
+      checkvalue:['2'],
       value: "选项1",
       a_value: "59584",
       values: ["4",""], 
@@ -471,7 +472,7 @@ export default {
       this.$refs.ttt.values;
     },
     onCheckSearch(val){
-      console.log(val,'onCheckSearch');
+      console.log(val,'onCheckSearch',this.checkvalue);
     },
     changes(val) {
       console.log(val);

From 0bee153304d4e2c05c096e4530236a68fe9c40c1 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Tue, 10 Sep 2024 10:47:01 +0800
Subject: [PATCH 20/47] 22

---
 packages/agForm/src/index.vue           |  1 +
 packages/agMutionCheckbox/src/index.vue | 18 +++++----
 src/App.vue                             | 53 ++++++-------------------
 3 files changed, 24 insertions(+), 48 deletions(-)

diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index dcdeec3..40ea446 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -34,6 +34,7 @@
              <agNumberRange v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-numberRange'" size="small"/> 
              <agMultifunctionSearch v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multifunction-search'" size="small"/> 
              <agQuery v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-query'" size="small"/>
+             <ag-mution-checkbox :datas="item.datas" :placeholder="item.placeholder" v-model="formValue[item.enName]" v-if="item.type=='ag-mution-checkbox'" size="small"> </ag-mution-checkbox>
              </slot> 
             </el-form-item>  
         </ag-col>  
diff --git a/packages/agMutionCheckbox/src/index.vue b/packages/agMutionCheckbox/src/index.vue
index 767ea5a..bf4d333 100644
--- a/packages/agMutionCheckbox/src/index.vue
+++ b/packages/agMutionCheckbox/src/index.vue
@@ -10,7 +10,7 @@
     >
         <span class="el-dropdown-link">
             <span>
-              <span :class="{ color: checkedList.length }">{{ checkedList.length==0?placeholder:dropdownvalue }}</span
+              <span :class="{ color: checkedList.length }">{{ checkedList.length==0?placeholder||'请选择':dropdownvalue }}</span
               ><span class="list-length" v-if="valuelength >= 1"
                 >+ {{ valuelength }}</span
               ></span
@@ -19,7 +19,7 @@
               class="el-icon-arrow-up el-icon--right"
               :class="{ 'rotate-arrow': down }"
             ></i>
-            <i v-else class="el-icon-close el-icon--right" @click="clear"></i>
+            <i v-else class="el-icon-close el-icon--right" @click.stop.prevent="clear"></i>
           </span>
     <el-dropdown-menu slot="dropdown">  
             <el-input
@@ -70,6 +70,7 @@
 </template>
 
 <script>
+import { nextTick } from 'vue';
  export default {
     props: ["datas", "placeholder", "value"],
     name: "AgMutionCheckbox",
@@ -86,9 +87,7 @@
             ], //渲染数据
             isIndeterminate: false,
             retract: false, 
-            olddatas:[
-                {label:"方法1",value:"1"},
-                {label:"方法2",value:"2"}
+            olddatas:[ 
             ],
             oldvalue:[]
         };
@@ -178,13 +177,16 @@
     methods: {
         clear(){
             this.checkedList = []; 
+            this.valuelength=0;
+            this.dropdownvalue="";
             this.isIndeterminate = false;
             this.checkAll=false;
+            this.nextTick(()=>{
+              this.$refs.multioncheckref.hide();
+            }); 
         },
         checkeddown(val){ 
-           this.oldvalue={list:this.checkedList,checkAll:this.checkAll,isIndeterminate:this.isIndeterminate};
-
-
+           this.oldvalue={list:this.checkedList,checkAll:this.checkAll,isIndeterminate:this.isIndeterminate}; 
         },
         dropdownchange(){
             this.down = !this.down;
diff --git a/src/App.vue b/src/App.vue
index 11b4d88..28951c3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -54,7 +54,7 @@
     </agUpdate>
     <ag-form :data="formdata" label-width="120px" label-position="right" v-model="formvalue"> 
     </ag-form>
-    <ag-mution-checkbox :datas="checklist" @onSearch="onCheckSearch" placeholder="请选择" v-model="checkvalue"> </ag-mution-checkbox>
+    <ag-mution-checkbox :datas="checklist" @onSearch="onCheckSearch" v-model="checkvalue"> </ag-mution-checkbox>
     <!-- <el-input agMultionCheckbox
       size="small"
       placeholder="请输入内容"
@@ -73,14 +73,8 @@
 
 <script>
  import ElementUI from 'element-ui';
- import Vue from 'vue';
-import agDialog from "../packages/agDialog/src/index.vue"; 
-import agInput from "../packages/agInput/src/index.vue";
-import agSelect from "../packages/agSelect/src/index.vue";
-import agNumberRange from "../packages/agNumberRange/src/index.vue";
-import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue"; 
-import agQuery from "../packages/agQuery/src/index.vue";
-import agTable from "../packages/agTable/src/index.vue";
+ import Vue from 'vue'; 
+import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue";  
 import vuedraggable from 'vuedraggable';
 import agElemUI from "../packages/index.js";
 
@@ -141,7 +135,7 @@ export default {
       },
       inputValue:"",
       date_value:null,
-      checkvalue:['2'],
+      checkvalue:[],
       value: "选项1",
       a_value: "59584",
       values: ["4",""], 
@@ -375,53 +369,32 @@ export default {
         {label:"IMEI/机器编号",span:12,type:"ag-input-number",enName:'imei',value:'43543',placeholder:'请输入IMEI/机器编号',size:'small',clearable:true,max:10,min:2,step:2,show:true},
         {label:"质检码",span:12,type:"ag-rate",value:'',enName:'ser_sn',placeholder:'请输入质检码',size:'small',clearable:true,show:true,options:[{value:'1',label:'112'},{value:'2',label:'2223'}]},
         {label:"质检时间",span:12,type:"ag-multifunction-search",enName:'time',showAlpha:true,size:'small',colorFormat:'hsv',show:true},
-        {label:"头像",span:12,type:"ag-query",enName:'avatar',inputs:[
+        {label:"头像",span:12,type:"ag-mution-checkbox",enName:'avatar',datas:[
         {
-          label:"分类",
-          elem:'el-select',
-          name:"class",
-          options:[
-            {
-              value: "Chengdu",
-              label: "成都",
-            },
-            {
-              value: "Shenzhen",
-              label: "深圳",
-            },
-            {
-              value: "Guangzhou",
-              label: "广州",
-            },
-            {
-              value: "Dalian",
-              label: "大连",
-            },
-          ]
+          label:"分类", 
+          value:"class", 
         },
         {
-          label:"品牌",
-          elem:'el-select',
-          name:"brand",
-          placeholder:"请输入品牌",
-          options:[]
+          label:"品牌", 
+          value:"brand",
+          placeholder:"请输入品牌"
         },
         {
           label:"型号",
           elem:'el-select',
-          name:"model",
+          value:"model",
           options: []
         },
         {
           label:"颜色",
           elem:'el-select',
-          name:"color",
+          value:"color",
           options:[]
         },
         {
           label:"容量",
           elem:'el-select',
-          name:"capacity",
+          value:"capacity",
           options:[]
         }
       ],placeholder:'请输入质检码',size:'small',clearable:true,show:true,limit:4,multiple:true},

From 9e3d766d800978aa7ba4783988e5df0c007202bc Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Tue, 10 Sep 2024 10:50:14 +0800
Subject: [PATCH 21/47] twt

---
 package.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 4163646..233fcab 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.0",
-  "private": true,
+  "version": "0.1.0", 
   "main": "lib/ag-element-ui.common.js",
   "scripts": {
     "dev": "vue-cli-service serve",

From bf0006367b809f2ef8ac4bdf703cf77aa4560408 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Wed, 11 Sep 2024 13:59:29 +0800
Subject: [PATCH 22/47] 22

---
 package.json                                 | 2 +-
 packages/agMultifunctionSearch/src/index.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 233fcab..dadea04 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.0", 
+  "version": "0.1.1", 
   "main": "lib/ag-element-ui.common.js",
   "scripts": {
     "dev": "vue-cli-service serve",
diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
index 32d2bc0..57497f6 100644
--- a/packages/agMultifunctionSearch/src/index.vue
+++ b/packages/agMultifunctionSearch/src/index.vue
@@ -139,7 +139,7 @@ export default {
         let newselectValue=newVal[0];   
         const find=this.options.find((f)=>f.value==newselectValue);
         if(find){  
-          let fontwidth=this.getStringWidth(find?.label);
+          let fontwidth=this.getStringWidth(find.label);
           this.swidth=fontwidth>165?165:fontwidth;   
         } 
 

From 007853d66eb95324aa90cf44fef51a6a518fcde5 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Wed, 11 Sep 2024 17:08:56 +0800
Subject: [PATCH 23/47] dd

---
 package.json                   |  4 ++--
 packages/agForm/src/index.vue  |  2 +-
 packages/agQuery/src/index.vue | 18 +++++++++++-------
 packages/agTable/src/index.vue |  3 +++
 4 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index dadea04..d5df4cb 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.1", 
-  "main": "lib/ag-element-ui.common.js",
+  "version": "0.1.3", 
+  "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
     "build": "vue-cli-service build",
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index 40ea446..45aab69 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -39,7 +39,7 @@
             </el-form-item>  
         </ag-col>  
     </ag-row> 
-    <div class="footerbox">
+    <div class="footerbox" v-if="$listeners.onSubmit">
         <el-form-item >   
             <slot name="button" :value="formValue">
                   <el-button @click="onSubmit" type="primary" size="small" class="submitbtn">
diff --git a/packages/agQuery/src/index.vue b/packages/agQuery/src/index.vue
index 4e2f75d..a23ce63 100644
--- a/packages/agQuery/src/index.vue
+++ b/packages/agQuery/src/index.vue
@@ -13,14 +13,12 @@
                     <ag-input :placeholder="item.placeholder" :value="item.value||''" closeable v-if="item.elem=='el-input'" @change="onSelect($event,item,index)"/>
                     <ag-select :placeholder="item.placeholder" :value="item.value||''" closeable v-if="item.elem=='el-select'" :options="item.options" style="width:100%" @change="onSelect($event,item,index)"/>
                 </el-form-item> 
-            </ag-col>
-            <ag-col :offset="16" :span="8">
-              <el-form-item > 
-                <el-button size="small" @click="onCancel">取消</el-button>
-                <el-button size="small" type="primary" @click="onQuery">查询</el-button>
-                </el-form-item>
-            </ag-col>
+            </ag-col> 
          </ag-row>
+         <div class="footerbox">
+          <el-button size="small" @click="onCancel">取消</el-button>
+          <el-button size="small" type="primary" @click="onQuery">查询</el-button>
+         </div>
         </el-form>
       </el-popover>
     </div>
@@ -129,6 +127,12 @@
         caret-color: transparent; /* 隐藏光标 */
     } 
   }
+  .footerbox{
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    margin-top:5px;
+  }
   ::v-deep {
     .el-form-item--small .el-form-item__label{
       line-height: 40px;
diff --git a/packages/agTable/src/index.vue b/packages/agTable/src/index.vue
index c70deaa..7a7bb4e 100644
--- a/packages/agTable/src/index.vue
+++ b/packages/agTable/src/index.vue
@@ -69,6 +69,9 @@
   .agtablebox{
     background: #fff;
     width: 100%;
+    height:100%;
+    display: flex;
+    flex-direction: column;
     .agtablefooter{
       display: flex;
       justify-content: flex-end;

From 089e1a7c20e169c47d3de3d3de30a46f2f77c9fc Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Wed, 11 Sep 2024 17:11:35 +0800
Subject: [PATCH 24/47] 22

---
 packages/agTable/src/index.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/agTable/src/index.vue b/packages/agTable/src/index.vue
index 7a7bb4e..6eb4a24 100644
--- a/packages/agTable/src/index.vue
+++ b/packages/agTable/src/index.vue
@@ -81,7 +81,11 @@
   ::v-deep {
     .el-table {
       width: 100%;
+      height:100%;
     }
+    .el-table__empty-block{
+      min-height:300px;
+  }
   }
   </style>
   
\ No newline at end of file

From ef3a38f1a73c611c714f82bd226703b94f8fda79 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Wed, 11 Sep 2024 17:12:16 +0800
Subject: [PATCH 25/47] 22

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d5df4cb..cb58651 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.3", 
+  "version": "0.1.4", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",

From 756f3307f3337811538ebc0d4a78769aa4493114 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 09:53:40 +0800
Subject: [PATCH 26/47] 22

---
 package.json                    |    2 +-
 packages/agForm/src/index.vue   |   77 +-
 packages/agUpload/index.js      |    8 +-
 packages/agUpload/src/index.vue | 1231 ++++++++++++++++---------------
 packages/index.js               |    6 +-
 src/App.vue                     |    4 +-
 6 files changed, 683 insertions(+), 645 deletions(-)

diff --git a/package.json b/package.json
index cb58651..d11e420 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.4", 
+  "version": "0.1.6", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index 45aab69..3e8be3c 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -3,39 +3,42 @@
     <ag-row>
      <ag-col v-for="item,index in data" :key="index" :span="item.span||24">
          <el-form-item v-bind="item" :prop="item.enName" >
-             <slot :name="item.enName">
-                 <ag-input v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input'"></ag-input>
-                 <ag-date-picker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-date-picker'"/>
-                 <agSelect v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-select'" />
-                 <el-radio-group v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-radio'&&formValue[item.enName]" size="small" >
+             <slot :name="item.soltName" v-if="item.soltName" :row="item"/> 
+                <div class="contentbox" v-else>
+                    <ag-input v-model="formValue[item.enName]" type="textarea" v-bind="item"  v-if="item.type=='ag-textarea'" size="small" clearable></ag-input>
+                 <ag-input v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input'" size="small" clearable></ag-input>
+                 <ag-date-picker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-date-picker'" size="small" clearable/>
+                 <agSelect v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-select'" size="small" clearable/>
+                 <el-radio-group v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-radio'&&formValue[item.enName]" size="small" clearable>
                  <el-radio :label="it.value" v-for="it,index in item.options" :key="index">{{it.label}}</el-radio> 
                  </el-radio-group>
-                 <el-checkbox-group v-bind="item" v-if="item.type=='ag-checkbox'&&formValue[item.enName]" v-model="formValue[item.enName]" size="small">
+                 <el-checkbox-group v-bind="item" v-if="item.type=='ag-checkbox'&&formValue[item.enName]" v-model="formValue[item.enName]" size="small" clearable>
                     <el-checkbox v-for="it,index in item.options" :label="it.value" :key="index">{{it.label}}</el-checkbox> 
                   </el-checkbox-group>
-                  <el-input-number v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input-number'" ></el-input-number>
-                  <el-cascader v-model="formValue[item.enName]" v-bind="item" size="small" v-if="item.type=='ag-cascader'"></el-cascader>
+                  <el-input-number v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input-number'" clearable></el-input-number>
+                  <el-cascader v-model="formValue[item.enName]" v-bind="item" size="small" v-if="item.type=='ag-cascader'" clearable></el-cascader>
                   <el-switch
                 v-model="formValue[item.enName]"
                  v-bind="item" size="small" v-if="item.type=='ag-switch'&&formValue[item.enName]" >
                 </el-switch>
-                <el-slider v-model="formValue[item.enName]"
+                <el-slider v-model="formValue[item.enName]" 
                 v-bind="item" size="small" v-if="item.type=='ag-slider'"></el-slider>
                 <el-time-select
+                clearable
                  v-model="formValue[item.enName]"
                 v-bind="item" size="small" v-if="item.type=='ag-time-select'" 
                 :picker-options="item.options">
               </el-time-select>
-             <ag-upload v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-upload'"></ag-upload>
+             <ag-upload v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-upload'" clear isPre></ag-upload>
              <el-rate v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-rate'" size="small"></el-rate>
              <agColorPicker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-color-picker'" size="small"> 
              </agColorPicker>
              <el-transfer :data="item.data"  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-transfer'" size="small"></el-transfer>
-             <agNumberRange v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-numberRange'" size="small"/> 
-             <agMultifunctionSearch v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multifunction-search'" size="small"/> 
-             <agQuery v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-query'" size="small"/>
+             <agNumberRange v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-numberRange'" size="small" clearable/> 
+             <agMultifunctionSearch v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multifunction-search'" size="small" clearable/> 
+             <agQuery v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-query'" size="small" clearable/>
              <ag-mution-checkbox :datas="item.datas" :placeholder="item.placeholder" v-model="formValue[item.enName]" v-if="item.type=='ag-mution-checkbox'" size="small"> </ag-mution-checkbox>
-             </slot> 
+                </div>
             </el-form-item>  
         </ag-col>  
     </ag-row> 
@@ -89,7 +92,7 @@ export default{
         span:{
             type:Number,
             default:24
-        }
+        }, 
     },
     data(){
         return{
@@ -97,7 +100,7 @@ export default{
                  
             }
         }
-    },
+    }, 
     mounted(){ 
         this.formValue=this.$attrs.value; 
         if(this.$refs.formref){
@@ -109,13 +112,8 @@ export default{
     } 
     },
     watch:{
-        data(val){
-            this.formValue = {};
-            val.map((h)=>{
-                if(h.value){
-                    this.formValue[h.enName] = h.value;
-                } 
-            });
+        value(val){
+            this.formValue = val; 
         }
     },
     methods:{
@@ -136,4 +134,37 @@ export default{
             width:200px;
         }
     }
+    .el-form--inline{ 
+        .el-form-item{ 
+            display:flex;
+        } 
+       .el-form-item__content{
+            flex:1;
+            width:100%;
+        }
+    }  
+    .contentbox{
+           width:100%;
+           display: flex;
+           align-items: stretch;  
+    }
+    ::v-deep{ 
+       .el-form--inline{ 
+            .el-form-item{ 
+                display:flex;
+            } 
+            .el-form-item__content{
+                flex:1;
+                width:100%;
+            }
+        } 
+        .el-form-item{
+            width:100%;
+            margin-bottom: 12px; 
+        }
+        .el-form-item__content{
+            flex:1;
+            width:100%;
+        } 
+    }
 </style>
diff --git a/packages/agUpload/index.js b/packages/agUpload/index.js
index 36d3bd7..4237547 100644
--- a/packages/agUpload/index.js
+++ b/packages/agUpload/index.js
@@ -1,9 +1,9 @@
-import agUpdate from './src'
+import agUpload from './src'
 
 // 为组件提供 install 安装方法，供按需引入
-agUpdate.install = function (Vue) {
-    Vue.component(agUpdate.name, agUpdate)
+agUpload.install = function (Vue) {
+    Vue.component(agUpload.name, agUpload)
 }
 
 // 导出组件
-export default agUpdate;
+export default agUpload;
diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index ab1ede4..7fbb7b0 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -1,617 +1,624 @@
 <template>
-   <div class="uploadbox"> 
-    <div class="uploadimgbox" :style="{height:width+'px'}" v-if="listType=='picture-card'"> 
-          <div v-for="img,index in imageList" :key="index" :style="{width:width+'px'}" :draggable="dragmove" class="imgitem" :class="dragmove&&dragmoveclass"  @dragstart="onDragstart" @dragenter="onDragenter" @dragover="onDragover" @dragend="onDragend" @dragleave="onMouseup" >
-            <slot name="file" :file="img">
-            <img :src="img.url" class="img" v-if="img.type.indexOf('image')>-1"/>
-            <div v-else class="filetext">
-              <div class="filetitletext">文件</div>
-             <div>{{img.name}}</div>
-            </div>
-            <div class="uploadimgmask" v-if="clear||isPrew" >
-              <i class="el-icon-search" v-if="isPrew&&img.type.indexOf('image')>-1" @click="handlePictureCardPreview(img)"></i>
-              <i class="el-icon-delete" v-if="clear" @click="handleRemove(img.raw,index)"></i>
-            </div>
-          </slot>
-          </div>  
-      <div class="uploadcontain" :style="{height:width+'px',aspectRatio:isDrap?4/3:1/1}"
-       :draggable="isDrap"  
-      @dragover.prevent  
-      @dragenter.prevent  
-      @drop="onUploadDrap" 
-      v-if="limit>imageList.length">
-        <label for="uploadinput" class="uploadlabel"  @click="onInputClick">
-          <slot>
-            <i class="el-icon-plus"></i>
-            <span class="draptiptext">{{isDrap?'拖拽上传':'上传'}}</span>
-          </slot> 
-          </label> 
-      </div>
-    </div> 
-    <div class="uploadtextbox" v-if="listType=='text'||listType=='picture'">
-      <div class="uploadtextcontain" 
-       :draggable="isDrap"  
-      @dragover.prevent  
-      @dragenter.prevent  
-      @drop="onUploadDrap" 
-       >
-        <label for="uploadinput" class="uploadlabel" @click="onInputClick"  >
-          <slot>
-            <el-button type="primary" size="small"><i class="el-icon-plus"></i> {{isDrap?'拖拽上传':'上传'}}</el-button> 
-          </slot> 
-          </label> 
-      </div> 
-      <slot name="tip">
-      </slot> 
-      <ul class="uploadtextlist" :class="'upload-list--'+listType"> 
-        <li v-for="img,index in imageList" :key="index" class="uploadtextitem" >
-          <slot name="file" :file="img">
-            <img v-if="listType=='picture'" :src="img.url" class="ag-upload-list__item-thumbnail" />
-          <a class="ag-upload-list__item-name" @click="handlePictureCardPreview(img)"><i class="el-icon-document ag-icon-document"></i>{{img.name}}
-          </a>
-        </slot>
-          <el-popconfirm
-              :title="`确定移除${img.name}吗？`"
-              @confirm="handleRemove(img.raw,index)"
-            >
-          <i class="el-icon-close ag-icon-close"  slot="reference"></i>
-          </el-popconfirm>
-       
-        </li> 
-      </ul>
-    </div>
-    <input type="file" style="display:none;" :multiple="limit>1&&$attrs.multiple" :accept="$attrs.accept" id="uploadinput" @change="onUpdate" ref="fileinputref"/>
-    <el-dialog :visible.sync="dialogVisible">
-    <img width="100%" :src="dialogImageUrl" alt="">
-    </el-dialog> 
-   </div>
-  </template>
-  
-  <script>   
-  export default {
-    name: "agUpdate",  
-    props:{
-      isPrew:{
-        type:Boolean,
-        default:true
-      },
-      clear:{
-        type:Boolean,
-        default:true
-      },
-      width:{
-        type:Number,
-        default:80
-      },
-      dragmove:{
-        type:Boolean,
-        default:false
-      },
-      isDrap:{
-        type:Boolean,
-        default:false
-      },
-      limit:{
-        type:Number,
-        default:1
-      },
-     
-      fileList:{
-        type:Array,
-        default(){
-          return [];
-        }
-      },
-      listType:{
-        type:String,
-        default:'picture-card'
-      } 
-    },
-    model: {  
-      prop: 'fileList', // 明确指定 prop 为 'value'  
-      event: 'onUpload' // 自定义事件名，用于更新 value  
-  }, 
-    mounted() {    
-        if(this.fileList.length>0){
-          let list=[];
-          this.fileList.map((h)=>{
-            if(typeof(h)=='object'){
-              list.push(h);
-            }else{
-              let imgurl=h.split("/"); 
-              let filename=imgurl[imgurl.length-1];
-              let extarr=h.split(".");
-              let extname=extarr[extarr.length-1];
-              if(['jpg','jpeg','png','gif','svg'].indexOf(extname)>-1){
-                list.push({
-                  name:filename,
-                  url:h,
-                  type:'image/'+extname.toLowerCase(),
-                  raw:null
-                });
-              }else{
-                list.push({
-                  name:filename,
-                  url:h,
-                  type:'other/'+extname.toLowerCase(),
-                  raw:null
-                });
-              } 
-            }
-          });
-          this.imageList=list; 
-        }  
-      }, 
-    watch:{
-      fileList(val){ 
-        if(val.length>0){
-          let list=[];
-          val.map((h)=>{
-            if(typeof(h)=='object'){
-              list.push(h);
-            }else{
-              let imgurl=h.split("/"); 
-              let filename=imgurl[imgurl.length-1];
-              let extarr=h.split(".");
-              let extname=extarr[extarr.length-1];
-              if(['jpg','jpeg','png','gif','svg'].indexOf(extname)>-1){
-                list.push({
-                  name:filename,
-                  url:h,
-                  type:'image/'+extname.toLowerCase(),
-                  raw:null
-                });
-              }else{
-                list.push({
-                  name:filename,
-                  url:h,
-                  type:'other/'+extname.toLowerCase(),
-                  raw:null
-                });
-              } 
-            }
-          });
-          this.imageList=list; 
-        }  
-      }
-    },
-    data() {
-      return {
-        dialogImageUrl: '',
-        dialogVisible: false,
-        imageList:[],
-        sourceNode:null,
-        partNode:null,
-        selectTop:false, 
-        drag:false,
-        dragmoveclass:'imghover'
-      };
-    },  
-    methods: {
-      handleRemove(file,index) {    
-          this.imageList=this.imageList.filter((item,inkey)=>{
-            return inkey !== index;
-          }); 
-          this.$emit('onRemove',file,this.imageList); 
-      },
-      handlePictureCardPreview(file) {
-        this.dialogImageUrl = file.url;
-        this.dialogVisible = true;
-      },
-      onUpdate(e){ 
-        if(this.limit<=this.imageList.length){
-          return;
-        }
-       try{
-        let uplist=[];  
-        let files=[...e.target.files].slice(0,this.limit-this.imageList.length);  
-       const find=files.find((f,i)=>{
-        if(this.$attrs.accept){
-            let acceptarr=this.$attrs.accept.split(",");
-            if(!acceptarr.includes(f.type)){ 
-              if(this.$listeners.onError){
-                this.$emit('onError',`其中第${i+1}张图片类型错误`);
-              } 
-              return true;
-            }
-          }
-          if(this.$attrs.maxSize){ 
-            if(f.size>this.$attrs.maxSize){
-              if(this.$listeners.onError){
-                this.$emit('onError',`其中第${i+1}张图片大小不能超过${this.$attrs.maxSize/1024/1024}M"`);
-              } 
-              return true;
-            }
-          }
-       }); 
-       if(find){
-        return;
-       }
-     
-        files.map((item,index) => { 
-          let filerender=new FileReader();
-          filerender.onload=function(e){  
-            uplist.push({
-              name:item.name,
-              url:e.target.result,
-              type:item.type,
-              size:item.size,
-              raw:item
-            });
-            if(files.length==uplist.length){ 
-              if(this.$listeners.onUpload){
-                this.fileList.push(...uplist); 
-                this.$emit('onUpload',this.fileList,uplist); 
-              }else{
-                this.imageList.push(...uplist); 
-              } 
-            } 
-          }.bind(this);
-          filerender.readAsDataURL(item);
-        }); 
-       }catch(e){ 
-        if(this.$listeners.onError){
-          this.$emit('onError',e);
-        } 
-       } 
-      }, 
-     onDragstart(e){ 
-      this.sourceNode=e.target;
-       this.partNode=e.target.parentNode;   
-      e.target.classList.add("tabsbg"); 
-      setTimeout(()=>{
-        e.target.classList.remove("tabsbg");
-        e.target.classList.add("moving");
-      },1);
-    },
-    onDragenter(e){ 
-      e.preventDefault(); 
-      if(!this.dragmove){
-        return;
-      } 
-      if(this.partNode===e.target||e.target===this.sourceNode){ 
-        return 
-      } 
-      const childrens=[...this.partNode.children];
-      let thistarget=childrens.find((f)=>f==e.target);
-      if(!thistarget){
-        thistarget=e.target.parentNode;
-      }
-      if(!thistarget){
-         return 
-      }
-     
-      const sourceIndex=childrens.indexOf(this.sourceNode);
-      const targetIndex=childrens.indexOf(thistarget); 
-     if(sourceIndex<targetIndex){ 
-      this.partNode.insertBefore(this.sourceNode,thistarget.nextElementSibling); 
-     }else{ 
-      this.partNode.insertBefore(this.sourceNode,thistarget);   
-     }  
-       
-    },
-    onDragover(e){
-     e.preventDefault();   
-    },
-    onMouseup(e){ 
-      e.preventDefault(); 
-      if(!this.dragmove){
-        return;
-      }  
-      if(this.partNode===e.target||e.target===this.sourceNode){ 
-        return 
-      } 
-      this.sourceNode.classList.remove("moving");  
-    },
-    onDragend(e){
-      e.preventDefault();  
-      if(!this.dragmove){
-        return;
-      }
-          e.target.classList.remove("moving");  
-          e.target.classList.remove("tabsbg");  
-          this.sourceNode.classList.remove("moving"); 
-          if(this.partNode===e.target||e.target===this.sourceNode){ 
-        return 
-      }
-        const childrens=[...this.partNode.children];  
-        
-        const sourceIndex=childrens.indexOf(this.sourceNode);
-          const item = this.imageList.splice(sourceIndex, 1)[0];  
-          this.imageList.splice(sourceIndex, 0, item);  
-          this.sourceNode=null;
-          this.partNode=null;   
-    },
-    onUploadDrap(e){   
-      e.preventDefault(); // 阻止默认行为（打开文件）  
-      e.stopPropagation(); // 停止事件冒泡   
-      if(this.drap){
-        return; 
-      }
-      const files = event.dataTransfer.files;   
-        this.onUpdate({target:{files: files}});
-    },
-    onInputClick(e){ 
-      e.preventDefault(); // 阻止默认行为（打开文件）  
-      e.stopPropagation(); // 停止事件冒泡   
-      this.$refs.fileinputref.click();
-    }
-    },
-  };
-  </script>
-  
-  <style lang="scss" scoped>
-  .uploadcontain{
-    position: relative;
-    width:100px;
-    aspect-ratio: 1/1;
-    border-radius: 4px;
-    background-color: #fff;
-    cursor: pointer; 
-    overflow: hidden; 
-    .uploadlabel{
-      font-size: 16px;
-      color:#97a8be;
-      display: block;
-      width:100%;
-      cursor: pointer; 
-      height:100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-      .draptiptext{
-        font-size:13px;
-        color:#666;
-        text-align: center;
-        margin-top: 5px;
-      }
-    }
-  }
-  .uploadimgbox{
-    position: relative;    
-    width: auto;
-    display: flex;
-    align-items: center; 
-    gap:5px;
-    .imgitem{
-      position: relative;
-      width:100px;
-      cursor: pointer; 
-      background: #fff;
-      border-radius: 4px;
-      overflow: hidden;
-      aspect-ratio: 1/1;
-      transition: all .3s;
-      &.imghover:hover{
-        cursor: move;
-      }
-      &.tabsbg{
-        border-radius:6px 6px 0 0;
-        background:#fff;
-        overflow:hidden; 
-      }
-      &.opcacityzero{
-        opacity: 0;
-      }
-      &.moving{ 
-        opacity: 0;
-        visibility: hidden; 
-      } 
-
-      img{
-        display: block;
-        aspect-ratio: 1/1;
-        width:100%;
-      }
-      .uploadimgmask{
-        position: absolute;
-        top:0;
-        display: none;
-        left: 0;
-        width:100%;
-        height:100%;
-        background-color: rgba(0,0,0,.3); 
-        align-items: center;
-        justify-content: center;
-        gap:6px;
-        z-index: 1;
-        i{
-          font-size: 20px;
-          color:#fff;
-          cursor: pointer;
-        }
-      }
-      &:hover{ 
-        .uploadimgmask{
-          display: flex;
-        }
-      }
-    }
-    .filetext{
-      font-size:12px;
-      display: flex; 
-      justify-content: center;
-      flex-direction: column;
-      padding:5px;
-      box-sizing: border-box;
-      overflow: hidden;
-      height:100%;
-      white-space: nowrap; /* 文本不换行 */  
-      overflow: hidden; /* 隐藏溢出的内容 */  
-      text-overflow: ellipsis; 
-      text-align: center;
-      .filetitletext{
-        font-size:15px;
-      }
-    }
-  }
-.uploadtextbox{
-  .uploadtextcontain{
-    .uploadtextcontaindefaultbtn{
-      display:flex;
-      align-items:center;
-      gap:5px;
-      background: #fff;
-      width:fit-content;
-      padding:5px 12px;
-      box-sizing: border-box;
-      border-radius:4px;
-      font-size:13px;
-    } 
-  }
-  .uploadtextlist{
-    display: block;
-    list-style-type: disc; 
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    padding-inline-start: 40px;
-    unicode-bidi: isolate;
-    margin: 0;
-    padding: 0;
-    list-style: none; 
-
-    .upload-list--text{
-      &:first-child{
-        margin-top: 10px;
-      }
-      position: relative;
-      list-style: none;
-      transition: all .5s cubic-bezier(.55,0,.1,1);
-      font-size: 14px;
-      color: #606266;
-      line-height:1;
-      margin-top: 5px;
-      position: relative;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      box-sizing: border-box;
-      cursor: pointer;
-      border-radius: 4px;
-      width: 100%;
-      &:hover{
-        background-color: #f5f7fa;
-        .ag-icon-close{
-          display:inline-block;
-        }
-      }
+  <div class="uploadbox"> 
+   <div class="uploadimgbox" :style="{height:width+'px'}" v-if="listType=='picture-card'"> 
+         <div v-for="img,index in imageList" :key="index" :style="{width:width+'px'}" :draggable="dragmove" class="imgitem" :class="dragmove&&dragmoveclass"  @dragstart="onDragstart" @dragenter="onDragenter" @dragover="onDragover" @dragend="onDragend" @dragleave="onMouseup" >
+           <slot name="file" :file="img">
+           <img :src="img.url" class="img" v-if="img.type.indexOf('image')>-1"/>
+           <div v-else class="filetext">
+             <div class="filetitletext">文件</div>
+            <div>{{img.name}}</div>
+           </div>
+           <div class="uploadimgmask" v-if="clear||isPrew" >
+             <i class="el-icon-search" v-if="isPrew&&img.type.indexOf('image')>-1" @click="handlePictureCardPreview(img)"></i>
+             <i class="el-icon-delete" v-if="clear" @click="handleRemove(img.raw,index)"></i>
+           </div>
+         </slot>
+         </div>  
+     <div class="uploadcontain" :style="{height:width+'px',aspectRatio:isDrap?4/3:1/1}"
+      :draggable="isDrap"  
+     @dragover.prevent  
+     @dragenter.prevent  
+     @drop="onUploadDrap" 
+     v-if="limit>imageList.length">
+       <label for="uploadinput" class="uploadlabel"  @click="onInputClick">
+         <slot>
+           <i class="el-icon-plus"></i>
+           <span class="draptiptext">{{isDrap?'拖拽上传':'上传'}}</span>
+         </slot> 
+         </label> 
+     </div>
+   </div> 
+   <div class="uploadtextbox" v-if="listType=='text'||listType=='picture'">
+     <div class="uploadtextcontain" 
+      :draggable="isDrap"  
+     @dragover.prevent  
+     @dragenter.prevent  
+     @drop="onUploadDrap" 
+      >
+       <label for="uploadinput" class="uploadlabel" @click="onInputClick"  >
+         <slot>
+           <el-button type="primary" size="small"><i class="el-icon-plus"></i> {{isDrap?'拖拽上传':'上传'}}</el-button> 
+         </slot> 
+         </label> 
+     </div> 
+     <slot name="tip">
+     </slot> 
+     <ul class="uploadtextlist" :class="'upload-list--'+listType"> 
+       <li v-for="img,index in imageList" :key="index" class="uploadtextitem" >
+         <slot name="file" :file="img">
+           <img v-if="listType=='picture'" :src="img.url" class="ag-upload-list__item-thumbnail" />
+         <a class="ag-upload-list__item-name" @click="handlePictureCardPreview(img)"><i class="el-icon-document ag-icon-document"></i>{{img.name}}
+         </a>
+       </slot>
+         <el-popconfirm
+             :title="`确定移除${img.name}吗？`"
+             @confirm="handleRemove(img.raw,index)"
+           >
+         <i class="el-icon-close ag-icon-close"  slot="reference"></i>
+         </el-popconfirm>
       
-      .ag-upload-list__item-name{
-        text-decoration: none;
-        color: #606266;
-        display: block;
-        margin-right: 40px;
-        overflow: hidden;
-        padding-left: 4px;
-        text-overflow: ellipsis;
-        transition: color .3s;
-        white-space: nowrap;
-        font-size: 14px; 
-        line-height: 1.8;
-        .ag-icon-document{
-          height: 100%;
-          margin-right: 7px;
-          color: #909399;
-          line-height: inherit;
-          &:hover{
-            color: #409eff;
-             cursor: pointer;
-          }
-        } 
+       </li> 
+     </ul>
+   </div>
+   <input type="file" style="display:none;" :multiple="limit>1&&$attrs.multiple" :accept="$attrs.accept" id="uploadinput" @change="onUpdate" ref="fileinputref"/>
+   <el-dialog :visible.sync="dialogVisible">
+   <img width="100%" :src="dialogImageUrl" alt="">
+   </el-dialog> 
+  </div>
+ </template>
+ 
+ <script>   
+ export default {
+   name: "agUpload",  
+   props:{
+     isPrew:{
+       type:Boolean,
+       default:true
+     },
+     clear:{
+       type:Boolean,
+       default:true
+     },
+     width:{
+       type:Number,
+       default:80
+     },
+     dragmove:{
+       type:Boolean,
+       default:false
+     },
+     isDrap:{
+       type:Boolean,
+       default:false
+     },
+     limit:{
+       type:Number,
+       default:1
+     },
+    
+     fileList:{
+       type:Array,
+       default(){
+         return [];
+       }
+     },
+     listType:{
+       type:String,
+       default:'picture-card'
+     } 
+   },
+   model: {  
+     prop: 'fileList', // 明确指定 prop 为 'value'  
+     event: 'onUpload' // 自定义事件名，用于更新 value  
+ }, 
+   mounted() {    
+       if(this.fileList.length>0){
+         let list=[];
+         this.fileList.map((h)=>{
+           if(typeof(h)=='object'){
+             list.push(h);
+           }else{
+             let imgurl=h.split("/"); 
+             let filename=imgurl[imgurl.length-1];
+             let extarr=h.split(".");
+             let extname=extarr[extarr.length-1];
+             if(['jpg','jpeg','png','gif','svg'].indexOf(extname)>-1){
+               list.push({
+                 name:filename,
+                 url:h,
+                 type:'image/'+extname.toLowerCase(),
+                 raw:null
+               });
+             }else{
+               list.push({
+                 name:filename,
+                 url:h,
+                 type:'other/'+extname.toLowerCase(),
+                 raw:null
+               });
+             } 
+           }
+         });
+         this.imageList=list; 
+       }  
+     }, 
+   watch:{
+     fileList(val){ 
+       if(val.length>0){
+         let list=[];
+         val.map((h)=>{
+           if(typeof(h)=='object'){
+             list.push(h);
+           }else{
+             let imgurl=h.split("/"); 
+             let filename=imgurl[imgurl.length-1];
+             let extarr=h.split(".");
+             let extname=extarr[extarr.length-1];
+             if(['jpg','jpeg','png','gif','svg'].indexOf(extname)>-1){
+               list.push({
+                 name:filename,
+                 url:h,
+                 type:'image/'+extname.toLowerCase(),
+                 raw:null
+               });
+             }else{
+               list.push({
+                 name:filename,
+                 url:h,
+                 type:'other/'+extname.toLowerCase(),
+                 raw:null
+               });
+             } 
+           }
+         });
+         this.imageList=list; 
+       }  
+     }
+   },
+   data() {
+     return {
+       dialogImageUrl: '',
+       dialogVisible: false,
+       imageList:[],
+       sourceNode:null,
+       partNode:null,
+       selectTop:false, 
+       drag:false,
+       dragmoveclass:'imghover'
+     };
+   },  
+   methods: {
+     handleRemove(file,index) {    
+         this.imageList=this.imageList.filter((item,inkey)=>{
+           return inkey !== index;
+         }); 
+         this.$emit('onRemove',file,this.imageList); 
+     },
+     handlePictureCardPreview(file) {
+       this.dialogImageUrl = file.url;
+       this.dialogVisible = true;
+     },
+     onUpdate(e){ 
+       if(this.limit<=this.imageList.length){
+         return;
+       }
+      try{
+       let uplist=[];  
+       let files=[...e.target.files].slice(0,this.limit-this.imageList.length);  
+      const find=files.find((f,i)=>{
+       if(this.$attrs.accept){
+           let acceptarr=this.$attrs.accept.split(",");
+           if(!acceptarr.includes(f.type)){ 
+             if(this.$listeners.onError){
+               this.$emit('onError',`其中第${i+1}张图片类型错误`);
+             } 
+             return true;
+           }
+         }
+         if(this.$attrs.maxSize){ 
+           if(f.size>this.$attrs.maxSize){
+             if(this.$listeners.onError){
+               this.$emit('onError',`其中第${i+1}张图片大小不能超过${this.$attrs.maxSize/1024/1024}M"`);
+             } 
+             return true;
+           }
+         }
+      }); 
+      if(find){
+       return;
       }
-      .el-icon-close{
-        position: relative; 
-        right: 5px;
-        cursor: pointer;
-        opacity: .75;
-        color: #606266; 
-        display:none;
-      }
-    }
-  }
-  .upload-list--picture{
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    .uploadtextitem{
-      overflow: hidden;
-      position: relative;
-      z-index: 0;
-      background-color: #fff;
-      border: 1px solid #c0ccda;
-      border-radius: 6px;
-      box-sizing: border-box;
-      margin-top: 10px;
-      padding: 10px 10px 10px 90px;
-      height: 92px;
-      gap:10px;
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      &:hover{
-        .ag-icon-close{
-          display:inline-block;     
-        }
-      }
-      .ag-upload-list__item-thumbnail{
-        vertical-align: middle;
-        display: inline-block;
-        width: 70px;
-        height: 70px;
-        float: left;
-        position: relative;
-        z-index: 1;
-        margin-left: -80px;
-        background: #fff;
-      }
-      .ag-upload-list__item-name{
-        flex:1;
-        color: #606266;
-        display: block;
-        margin-right: 40px;
-        overflow: hidden;
-        padding-left: 4px;
-        text-overflow: ellipsis;
-        transition: color .3s;
-        white-space: nowrap;
-        line-height: 70px;
-        margin-top: 0;
-        text-decoration: none;
-        .ag-icon-document{
-          display:none;
-        }
-        &:hover{
-          color: #409eff;
-           cursor: pointer;
-        } 
-      }
-
-      .ag-icon-close{ 
-        position: absolute;
-        font-family: element-icons !important; 
-        font-style: normal;
-        font-weight: 400;
-        font-variant: normal;
-        text-transform: none;
-        line-height: 1;
-        vertical-align: baseline;
-        display: none;
-        -webkit-font-smoothing: antialiased; 
-        line-height: 1;
-        top: 5px;
-        right: 5px;
-        cursor: pointer;
-        opacity: .75;
-        color: #606266;
-      }
-    }
+    
+       files.map((item,index) => { 
+         let filerender=new FileReader();
+         filerender.onload=function(e){  
+           uplist.push({
+             name:item.name,
+             url:e.target.result,
+             type:item.type,
+             size:item.size,
+             raw:item
+           });
+           if(files.length==uplist.length){ 
+             if(this.$listeners.onUpload){
+               this.fileList.push(...uplist); 
+               this.$emit('onUpload',this.fileList,uplist); 
+             }else{
+               this.imageList.push(...uplist); 
+             } 
+           } 
+         }.bind(this);
+         filerender.readAsDataURL(item);
+       }); 
+      }catch(e){ 
+       if(this.$listeners.onError){
+         this.$emit('onError',e);
+       } 
+      } 
+     }, 
+    onDragstart(e){ 
+     this.sourceNode=e.target;
+      this.partNode=e.target.parentNode;   
+     e.target.classList.add("tabsbg"); 
+     setTimeout(()=>{
+       e.target.classList.remove("tabsbg");
+       e.target.classList.add("moving");
+     },1);
+   },
+   onDragenter(e){ 
+     e.preventDefault(); 
+     if(!this.dragmove){
+       return;
+     } 
+     if(this.partNode===e.target||e.target===this.sourceNode){ 
+       return 
+     } 
+     const childrens=[...this.partNode.children];
+     let thistarget=childrens.find((f)=>f==e.target);
+     if(!thistarget){
+       thistarget=e.target.parentNode;
+     }
+     if(!thistarget){
+        return 
+     }
+    
+     const sourceIndex=childrens.indexOf(this.sourceNode);
+     const targetIndex=childrens.indexOf(thistarget); 
+    if(sourceIndex<targetIndex){ 
+     this.partNode.insertBefore(this.sourceNode,thistarget.nextElementSibling); 
+    }else{ 
+     this.partNode.insertBefore(this.sourceNode,thistarget);   
+    }  
+      
+   },
+   onDragover(e){
+    e.preventDefault();   
+   },
+   onMouseup(e){ 
+     e.preventDefault(); 
+     if(!this.dragmove){
+       return;
+     }  
+     if(this.partNode===e.target||e.target===this.sourceNode){ 
+       return 
+     } 
+     this.sourceNode.classList.remove("moving");  
+   },
+   onDragend(e){
+     e.preventDefault();  
+     if(!this.dragmove){
+       return;
+     }
+         e.target.classList.remove("moving");  
+         e.target.classList.remove("tabsbg");  
+         this.sourceNode.classList.remove("moving"); 
+         if(this.partNode===e.target||e.target===this.sourceNode){ 
+       return 
+     }
+       const childrens=[...this.partNode.children];  
+       
+       const sourceIndex=childrens.indexOf(this.sourceNode);
+         const item = this.imageList.splice(sourceIndex, 1)[0];  
+         this.imageList.splice(sourceIndex, 0, item);  
+         this.sourceNode=null;
+         this.partNode=null;   
+   },
+   onUploadDrap(e){   
+     e.preventDefault(); // 阻止默认行为（打开文件）  
+     e.stopPropagation(); // 停止事件冒泡   
+     if(this.drap){
+       return; 
+     }
+     const files = event.dataTransfer.files;   
+       this.onUpdate({target:{files: files}});
+   },
+   onInputClick(e){ 
+     e.preventDefault(); // 阻止默认行为（打开文件）  
+     e.stopPropagation(); // 停止事件冒泡   
+     this.$refs.fileinputref.click();
+   }
+   },
+ };
+ </script>
+ 
+ <style lang="scss" scoped>
+ .uploadcontain{
+   position: relative;
+   width:100px;
+   aspect-ratio: 1/1;
+   border-radius: 4px;
+   background-color: #fff;
+   cursor: pointer; 
+   overflow: hidden; 
+   .uploadlabel{
+     font-size: 16px;
+     color:#97a8be;
+     display: block;
+     width:100%;
+     cursor: pointer; 
+     height:100%;
+     display: flex;
+     align-items: center;
+     justify-content: center;
+     flex-direction: column;
+     .draptiptext{
+       font-size:13px;
+       color:#666;
+       text-align: center;
+       margin-top: 5px;
+     }
+   }
+ }
+ .uploadimgbox{
+   position: relative;    
+   width: auto;
+   display: flex;
+   align-items: center; 
+   gap:5px;
+   .imgitem{
+     position: relative;
+     width:100px;
+     cursor: pointer; 
+     background: #fff;
+     border-radius: 4px;
+     overflow: hidden;
+     aspect-ratio: 1/1;
+     transition: all .3s;
+     &.imghover:hover{
+       cursor: move;
+     }
+     &.tabsbg{
+       border-radius:6px 6px 0 0;
+       background:#fff;
+       overflow:hidden; 
+     }
+     &.opcacityzero{
+       opacity: 0;
+     }
+     &.moving{ 
+       opacity: 0;
+       visibility: hidden; 
+     } 
+
+     img{
+       display: block;
+       aspect-ratio: 1/1;
+       width:100%;
+     }
+     .uploadimgmask{
+       position: absolute;
+       top:0;
+       display: none;
+       left: 0;
+       width:100%;
+       height:100%;
+       background-color: rgba(0,0,0,.3); 
+       align-items: center;
+       justify-content: center;
+       gap:6px;
+       z-index: 1;
+       i{
+         font-size: 20px;
+         color:#fff;
+         cursor: pointer;
+       }
+     }
+     &:hover{ 
+       .uploadimgmask{
+         display: flex;
+       }
+     }
+   }
+   .filetext{
+     font-size:12px;
+     display: flex; 
+     justify-content: center;
+     flex-direction: column;
+     padding:5px;
+     box-sizing: border-box;
+     overflow: hidden;
+     height:100%;
+     white-space: nowrap; /* 文本不换行 */  
+     overflow: hidden; /* 隐藏溢出的内容 */  
+     text-overflow: ellipsis; 
+     text-align: center;
+     .filetitletext{
+       font-size:15px;
+     }
+   }
+ }
+.uploadtextbox{
+ .uploadtextcontain{
+   .uploadtextcontaindefaultbtn{
+     display:flex;
+     align-items:center;
+     gap:5px;
+     background: #fff;
+     width:fit-content;
+     padding:5px 12px;
+     box-sizing: border-box;
+     border-radius:4px;
+     font-size:13px;
+   } 
+ }
+ .uploadtextlist{
+   display: block;
+   list-style-type: disc; 
+   margin-inline-start: 0px;
+   margin-inline-end: 0px;
+   padding-inline-start: 40px;
+   unicode-bidi: isolate;
+   margin: 0;
+   padding: 0;
+   list-style: none; 
+   margin-top:12px;
+
+   
+ } 
+ .upload-list--text{
+   margin: 0;
+   padding: 0;
+   list-style: none;
+   &:first-child{
+     margin-top: 10px;
+   }
+
+   .uploadtextitem{
+     position: relative;
+     list-style: none;
+     transition: all .5s cubic-bezier(.55,0,.1,1);
+     font-size: 14px;
+     color: #606266;
+     line-height:1;
+     margin-top: 5px;
+     position: relative;
+     display: flex;
+     align-items: center;
+     justify-content: space-between;
+     box-sizing: border-box;
+     cursor: pointer;
+     border-radius: 4px;
+     width: 100%;
+     &:hover{
+       background-color: #f5f7fa;
+       .ag-icon-close{
+         display:inline-block;
+       }
+     } 
+   }
+   .ag-upload-list__item-name{
+     text-decoration: none;
+     color: #606266;
+     display: block;
+     margin-right: 40px;
+     overflow: hidden;
+     padding-left: 4px;
+     text-overflow: ellipsis;
+     transition: color .3s;
+     white-space: nowrap;
+     font-size: 14px; 
+     line-height: 1.8;
+     .ag-icon-document{
+       height: 100%;
+       margin-right: 7px;
+       color: #909399;
+       line-height: inherit;
+       &:hover{
+         color: #409eff;
+          cursor: pointer;
+       }
+     } 
+   .el-icon-close{
+     position: relative; 
+     right: 5px;
+     cursor: pointer;
+     opacity: .75;
+     color: #606266; 
+     display:none;
+   }
+ }
+   }
+ .upload-list--picture{
+   margin: 0;
+   padding: 0;
+   list-style: none;
+   .uploadtextitem{
+     overflow: hidden;
+     position: relative;
+     z-index: 0;
+     background-color: #fff;
+     border: 1px solid #c0ccda;
+     border-radius: 6px;
+     box-sizing: border-box;
+     margin-top: 10px;
+     padding: 10px 10px 10px 90px;
+     height: 92px;
+     gap:10px;
+     display: flex;
+     align-items: center;
+     cursor: pointer;
+     &:hover{
+       .ag-icon-close{
+         display:inline-block;     
+       }
+     }
+     .ag-upload-list__item-thumbnail{
+       vertical-align: middle;
+       display: inline-block;
+       width: 70px;
+       height: 70px;
+       float: left;
+       position: relative;
+       z-index: 1;
+       margin-left: -80px;
+       background: #fff;
+     }
+     .ag-upload-list__item-name{
+       flex:1;
+       color: #606266;
+       display: block;
+       margin-right: 40px;
+       overflow: hidden;
+       padding-left: 4px;
+       text-overflow: ellipsis;
+       transition: color .3s;
+       white-space: nowrap;
+       line-height: 70px;
+       margin-top: 0;
+       text-decoration: none;
+       .ag-icon-document{
+         display:none;
+       }
+       &:hover{
+         color: #409eff;
+          cursor: pointer;
+       } 
+     }
+
+     .ag-icon-close{ 
+       position: absolute;
+       font-family: element-icons !important; 
+       font-style: normal;
+       font-weight: 400;
+       font-variant: normal;
+       text-transform: none;
+       line-height: 1;
+       vertical-align: baseline;
+       display: none;
+       -webkit-font-smoothing: antialiased; 
+       line-height: 1;
+       top: 5px;
+       right: 5px;
+       cursor: pointer;
+       opacity: .75;
+       color: #606266;
+     }
    }
-}
-  ::v-deep {
-    .el-table {
-      width: 100%;
-    }
   }
-  </style>
-  
\ No newline at end of file
+}
+ ::v-deep {
+   .el-table {
+     width: 100%;
+   }
+ }
+ </style>
+ 
\ No newline at end of file
diff --git a/packages/index.js b/packages/index.js
index dbdd0c7..b14551d 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -1,7 +1,7 @@
 	// 导入组件
   import agInput from './agInput/index';
   import agSelect from './agSelect/index';
-  import agUpdate from './agUpload';
+  import agUpload from './agUpload';
   import agForm from './agForm';
   import agColorPicker from './agColorPicker';
  import agQuery from './agQuery';
@@ -23,7 +23,7 @@ import agNumberRange from "./agNumberRange";
   const components = [
     agInput,
     agSelect,
-    agUpdate,
+    agUpload,
     agForm,
     agColorPicker,
     agQuery,
@@ -62,7 +62,7 @@ import agNumberRange from "./agNumberRange";
     // 以下是具体的组件列表
     agInput,
     agSelect,
-    agUpdate,
+    agUpload,
     agForm,
     agColorPicker,
     agQuery,
diff --git a/src/App.vue b/src/App.vue
index 28951c3..23c1ac3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,9 +49,9 @@
         <div>{{row.date}} </div>
        </template> 
     </agTable>
-    <agUpdate @onUpload="onUpload" isDrap dragmove multiple :limit="5" @onError="onError" :maxSize="1024*1024" :value="filelist">
+    <agUpload @onUpload="onUpload" isDrap dragmove multiple :limit="5" @onError="onError" :maxSize="1024*1024" :value="filelist">
       <div slot="tip">只能上传jpg/png文件，且不超过500kb</div> 
-    </agUpdate>
+    </agUpload>
     <ag-form :data="formdata" label-width="120px" label-position="right" v-model="formvalue"> 
     </ag-form>
     <ag-mution-checkbox :datas="checklist" @onSearch="onCheckSearch" v-model="checkvalue"> </ag-mution-checkbox>

From d14d425a292a45c5d5d0eb41f4b9b84cf6ffbfe1 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 13:45:10 +0800
Subject: [PATCH 27/47] 22

---
 package.json                    |   2 +-
 packages/agForm/src/index.vue   |   2 +-
 packages/agSelect/src/index.vue |  35 ++++----
 packages/agUpload/src/index.vue | 140 +++++++++++++++++++++++---------
 4 files changed, 122 insertions(+), 57 deletions(-)

diff --git a/package.json b/package.json
index d11e420..ce1dad2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.6", 
+  "version": "0.1.7", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index 3e8be3c..d66f54f 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -8,7 +8,7 @@
                     <ag-input v-model="formValue[item.enName]" type="textarea" v-bind="item"  v-if="item.type=='ag-textarea'" size="small" clearable></ag-input>
                  <ag-input v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input'" size="small" clearable></ag-input>
                  <ag-date-picker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-date-picker'" size="small" clearable/>
-                 <agSelect v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-select'" size="small" clearable/>
+                 <ag-select v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-select'" size="small" clearable/>
                  <el-radio-group v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-radio'&&formValue[item.enName]" size="small" clearable>
                  <el-radio :label="it.value" v-for="it,index in item.options" :key="index">{{it.label}}</el-radio> 
                  </el-radio-group>
diff --git a/packages/agSelect/src/index.vue b/packages/agSelect/src/index.vue
index 6b6bd21..acdf163 100644
--- a/packages/agSelect/src/index.vue
+++ b/packages/agSelect/src/index.vue
@@ -1,22 +1,20 @@
 <template>
-  <div>
-    <el-select 
-    class="ag_select"
-    :style="{ width: `100%` }"
-    :value="selectValue" 
-    ref="apselectref"
-    v-bind="$attrs"
-    v-on="$listeners" 
-  >  
-  <slot v-for="(_,name) in $slots" :name="name"  :slot="name"> </slot> 
-    <el-option
-      v-for="item in options"
-      :key="item.value"
-      :label="item.label"
-      :value="item.value"
-    ></el-option>
-  </el-select> 
-  </div>
+  <el-select 
+  class="ag_select"
+  :style="{ width: `100%` }"
+  :value="selectValue" 
+  ref="apselectref"
+  v-bind="$attrs"
+  v-on="$listeners" 
+>  
+<slot v-for="(_,name) in $slots" :name="name"  :slot="name"> </slot> 
+  <el-option
+    v-for="item in options"
+    :key="item.value"
+    :label="item.label"
+    :value="item.value"
+  ></el-option>
+</el-select> 
 </template>
 
 <script>
@@ -74,6 +72,7 @@ export default {
 ::v-deep {
   .ag_select{
     min-width: 90px;
+    width:100%;
   }
   .el-input__icon {
     font-size: 16px !important;
diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index 7fbb7b0..7c92cae 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -45,18 +45,31 @@
      </slot> 
      <ul class="uploadtextlist" :class="'upload-list--'+listType"> 
        <li v-for="img,index in imageList" :key="index" class="uploadtextitem" >
+        <div class="ag-upload-list__item-namebox" @click="handlePictureCardPreview(img)">
+         <slot name="icon">
+         <i class="el-icon-document ag-icon-document"></i>
+       </slot>
          <slot name="file" :file="img">
            <img v-if="listType=='picture'" :src="img.url" class="ag-upload-list__item-thumbnail" />
-         <a class="ag-upload-list__item-name" @click="handlePictureCardPreview(img)"><i class="el-icon-document ag-icon-document"></i>{{img.name}}
-         </a>
+           <a class="ag-upload-list__item-name" >{{img.name}}</a>
        </slot>
+        </div>
+        <div class="uploadrightbox">
+         <slot name="status" :file="img">
+           <span class="uploadstatusbpx"> 
+              <i v-if="img.status==='uploading'" class="el-icon-loading uploadingicon" ></i>
+             <i v-if="img.status==='success'" class="el-icon-circle-check statusicon"></i>
+             <i v-if="img.status==='failed'" class="el-icon-circle-close failedicon"></i>
+             <span v-if="img.msg" class="uploadmsg">{{img.msg}}</span> 
+           </span>
+         </slot>
          <el-popconfirm
              :title="`确定移除${img.name}吗？`"
              @confirm="handleRemove(img.raw,index)"
            >
          <i class="el-icon-close ag-icon-close"  slot="reference"></i>
          </el-popconfirm>
-      
+        </div> 
        </li> 
      </ul>
    </div>
@@ -204,13 +217,13 @@
        }
       try{
        let uplist=[];  
-       let files=[...e.target.files].slice(0,this.limit-this.imageList.length);  
+       let files=[...e.target.files].slice(0,this.limit-this.imageList.length);   
       const find=files.find((f,i)=>{
        if(this.$attrs.accept){
            let acceptarr=this.$attrs.accept.split(",");
            if(!acceptarr.includes(f.type)){ 
              if(this.$listeners.onError){
-               this.$emit('onError',`其中第${i+1}张图片类型错误`);
+               this.$emit('onError',`其中第${i+1}张文件类型错误`);
              } 
              return true;
            }
@@ -218,38 +231,61 @@
          if(this.$attrs.maxSize){ 
            if(f.size>this.$attrs.maxSize){
              if(this.$listeners.onError){
-               this.$emit('onError',`其中第${i+1}张图片大小不能超过${this.$attrs.maxSize/1024/1024}M"`);
+               this.$emit('onError',`其中第${i+1}张文件大小不能超过${this.$attrs.maxSize/1024/1024}M"`);
              } 
              return true;
            }
          }
-      }); 
+      });  
       if(find){
        return;
       }
     
        files.map((item,index) => { 
-         let filerender=new FileReader();
-         filerender.onload=function(e){  
-           uplist.push({
-             name:item.name,
-             url:e.target.result,
-             type:item.type,
-             size:item.size,
-             raw:item
-           });
-           if(files.length==uplist.length){ 
-             if(this.$listeners.onUpload){
-               this.fileList.push(...uplist); 
-               this.$emit('onUpload',this.fileList,uplist); 
-             }else{
-               this.imageList.push(...uplist); 
+         if(item.type.indexOf("image")>-1){
+           let filerender=new FileReader();
+           filerender.onload=function(e){  
+             uplist.push({
+               name:item.name,
+               url:e.target.result,
+               type:item.type,
+               size:item.size,
+               raw:item,
+                status:'init',
+                msg:""
+             });
+             if(files.length==uplist.length){ 
+               if(this.$listeners.onUpload){
+                 this.fileList.push(...uplist); 
+                 this.$emit('onUpload',this.fileList,uplist); 
+               }else{
+                 this.imageList.push(...uplist); 
+               } 
              } 
-           } 
-         }.bind(this);
-         filerender.readAsDataURL(item);
+           }.bind(this);
+           filerender.readAsDataURL(item);
+         }else{
+           uplist.push({
+               name:item.name, 
+               type:item.type,
+               size:item.size,
+               raw:item,
+               status:'init',
+               msg:""
+             });
+             if(files.length==uplist.length){  
+               if(this.$listeners.onUpload){ 
+                 this.fileList.push(...uplist); 
+                 this.$emit('onUpload',this.fileList,uplist); 
+               }else{
+                 this.imageList.push(...uplist); 
+               } 
+             } 
+         } 
        }); 
-      }catch(e){ 
+      }catch(err){ 
+       console.log(err,"uploaderr");
+       
        if(this.$listeners.onError){
          this.$emit('onError',e);
        } 
@@ -448,6 +484,7 @@
  }
 .uploadtextbox{
  .uploadtextcontain{
+   margin-bottom:7px;
    .uploadtextcontaindefaultbtn{
      display:flex;
      align-items:center;
@@ -492,6 +529,7 @@
      margin-top: 5px;
      position: relative;
      display: flex;
+     padding: 5px 10px;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
@@ -505,18 +543,21 @@
        }
      } 
    }
+   .ag-upload-list__item-namebox{
+     margin-right: 40px;
+     padding-left: 4px;
+     line-height: 1.8;
+   }
    .ag-upload-list__item-name{
      text-decoration: none;
      color: #606266;
-     display: block;
-     margin-right: 40px;
-     overflow: hidden;
-     padding-left: 4px;
+     display: block; 
+     overflow: hidden; 
      text-overflow: ellipsis;
      transition: color .3s;
      white-space: nowrap;
      font-size: 14px; 
-     line-height: 1.8;
+   
      .ag-icon-document{
        height: 100%;
        margin-right: 7px;
@@ -566,25 +607,30 @@
        display: inline-block;
        width: 70px;
        height: 70px;
-       float: left;
+       float:left;
        position: relative;
        z-index: 1;
        margin-left: -80px;
        background: #fff;
      }
+
+   .ag-upload-list__item-namebox{
+     margin-right: 40px;
+     padding-left: 4px;
+     line-height: 1.8;
+   }
      .ag-upload-list__item-name{
        flex:1;
        color: #606266;
-       display: block;
-       margin-right: 40px;
-       overflow: hidden;
-       padding-left: 4px;
+       display: block; 
+       overflow: hidden; 
        text-overflow: ellipsis;
        transition: color .3s;
        white-space: nowrap;
        line-height: 70px;
+       font-size:14px;
        margin-top: 0;
-       text-decoration: none;
+       text-decoration: none; 
        .ag-icon-document{
          display:none;
        }
@@ -614,6 +660,26 @@
      }
    }
   }
+}
+.uploadrightbox{
+ display:flex;
+ justify-content:flex-end;
+ align-items: center;
+ .uploadstatusbpx{
+   margin-right: 7px;
+ }
+}
+.uploadingicon{
+ color:#409eff;
+}
+.failedicon{
+ color:red;
+}
+.statusicon{
+ color:green;
+}
+.uploadmsg{
+ margin:0 7px;
 }
  ::v-deep {
    .el-table {

From 29d5c8d26b3e1970f9fb7260815dde52dca1728f Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 14:18:17 +0800
Subject: [PATCH 28/47] 22

---
 packages/agForm/src/index.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index d66f54f..fa9d63e 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -43,13 +43,11 @@
         </ag-col>  
     </ag-row> 
     <div class="footerbox" v-if="$listeners.onSubmit">
-        <el-form-item >   
-            <slot name="button" :value="formValue">
-                  <el-button @click="onSubmit" type="primary" size="small" class="submitbtn">
-                    提交
-                   </el-button>
-           </slot>
-       </el-form-item>
+        <slot name="button" :value="formValue">
+            <el-button @click="onSubmit" type="primary" size="small" class="submitbtn">
+              {{submittitle||'提交'}}
+             </el-button>
+     </slot>
         </div>
     </el-form>
 </template>
@@ -83,6 +81,10 @@ export default{
         agQuery
     },
     props:{
+        submittitle:{
+            type:String,
+            default:'提交'
+        },
         data:{
             type:Array,
             default(){

From 9675750d73a80b49d6c2cf4ce34f96ee5a5fe416 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 14:18:32 +0800
Subject: [PATCH 29/47] 22

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ce1dad2..8e85f1c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.7", 
+  "version": "0.1.8", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",

From 0684ac1f09458fc0f3b9b0e5975f7c9977498f46 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 16:01:46 +0800
Subject: [PATCH 30/47] 22

---
 package.json                  | 2 +-
 packages/agForm/src/index.vue | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 8e85f1c..a9c8d6b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.8", 
+  "version": "0.1.9", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index fa9d63e..8f9a7a1 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -119,9 +119,8 @@ export default{
         }
     },
     methods:{
-        onSubmit(){
-            console.log(this.formValue,'submit')
-            this.$emit('submit',this.formValue)
+        onSubmit(){ 
+            this.$emit('onSubmit',this.formValue)
         }
     },
 }

From 1390f95d96595826918827e871a65ca71f478dbf Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 16:44:45 +0800
Subject: [PATCH 31/47] 22

---
 packages/agDatePicker/src/index.vue          |   2 +-
 packages/agMultifunctionSearch/src/index.vue |   4 +-
 packages/agMultionDattePicker/index.js       |   9 +
 packages/agMultionDattePicker/src/index.vue  | 228 +++++++++++++++++++
 packages/index.js                            |  22 +-
 src/App.vue                                  |   8 +
 6 files changed, 252 insertions(+), 21 deletions(-)
 create mode 100644 packages/agMultionDattePicker/index.js
 create mode 100644 packages/agMultionDattePicker/src/index.vue

diff --git a/packages/agDatePicker/src/index.vue b/packages/agDatePicker/src/index.vue
index 88b8267..26ad253 100644
--- a/packages/agDatePicker/src/index.vue
+++ b/packages/agDatePicker/src/index.vue
@@ -240,7 +240,7 @@ export default {
         if(!newVal){
           return
         }
-        let defaultWidth = this.range ?this.showTime?"330px":"170px" : this.showTime?"190px":"140px";
+        let defaultWidth = this.range ?this.showTime?"330px":"200px" : this.showTime?"190px":"150px";
         this.width = defaultWidth; 
       },
       immediate: true,
diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
index 57497f6..4d81229 100644
--- a/packages/agMultifunctionSearch/src/index.vue
+++ b/packages/agMultifunctionSearch/src/index.vue
@@ -12,7 +12,7 @@
     <ag-input
      v-if="!showExtra"
       class="ag_input_group" 
-      placeholder="请输入内容" 
+      :placeholder="$attrs.placeholder||'请输入内容'" 
       :disabled="$attrs.disabled||imeipopover"  
        v-bind="$attrs"
         v-on="listeners"
@@ -35,7 +35,7 @@
  <template slot="reference"> 
   <ag-input
   class="ag_input_group"
-  placeholder="请输入内容"   
+  :placeholder="$attrs.placeholder||'请输入内容'"   
   :disabled="$attrs.disabled||imeipopover" 
   v-bind="$attrs"
   v-on="listeners"
diff --git a/packages/agMultionDattePicker/index.js b/packages/agMultionDattePicker/index.js
new file mode 100644
index 0000000..c36cea9
--- /dev/null
+++ b/packages/agMultionDattePicker/index.js
@@ -0,0 +1,9 @@
+import agMultionDattePicker from './src';
+
+// 为组件提供 install 安装方法，供按需引入
+agMultionDattePicker.install = function (Vue) {
+    Vue.component(agMultionDattePicker.name, agMultionDattePicker)
+}
+
+// 导出组件
+export default agMultionDattePicker;
diff --git a/packages/agMultionDattePicker/src/index.vue b/packages/agMultionDattePicker/src/index.vue
new file mode 100644
index 0000000..e18c56c
--- /dev/null
+++ b/packages/agMultionDattePicker/src/index.vue
@@ -0,0 +1,228 @@
+<template>
+    <div class="ag-MultifunctionSearch"> 
+      <ag-select 
+      v-bind="$attrs"
+      v-on="listeners"
+      :value="values&&values[0]" 
+      @change="onSelect"
+      class="ag_select_group"
+       :style="{ width: `${swidth}px` }"
+    > 
+    </ag-select>  
+
+      <ag-date-picker 
+        class="ag_input_group" 
+        :placeholder="$attrs.placeholder||'请选择时间'" 
+        :disabled="$attrs.disabled"  
+         v-bind="$attrs"
+          v-on="listeners" 
+        :value="value[1]"
+        @change="onInputChange" 
+      >  
+      </ag-date-picker> 
+    </div>
+  </template>
+  
+  <script>
+  import agSelect from "../../agSelect/src/index.vue"; 
+  import agDatePicker from "../../agDatePicker/src/index.vue"; 
+  
+  export default {
+    name: "agMultionDattePicker",
+    components: {
+      agSelect,
+      agDatePicker, 
+    },
+    props: {
+      value: { 
+        default: () => {
+          return [null, []];
+        },
+      },
+      options: {
+        type: Array,
+        default: () => {
+          return [];
+        },
+      }, 
+    },
+    data() {
+      return {
+        values: [null, []],
+        swidth:90,
+        inputValue:"",
+        selectvalue:"",
+        imeipopover:false,
+        listeners:{}
+      };
+    }, 
+    model: {  
+        prop: 'value', // 明确指定 prop 为 'value'  
+        event: 'change' // 自定义事件名，用于更新 value  
+    }, 
+    watch: {
+      value: {
+        handler(newVal) {  
+          if (!Array.isArray(newVal)) {
+            throw new Error("请传入数组");
+          }
+          let newselectValue=newVal[0];   
+          const find=this.options.find((f)=>f.value==newselectValue);
+          if(find){  
+            let fontwidth=this.getStringWidth(find.label);
+            this.swidth=fontwidth>165?165:fontwidth;   
+          } 
+  
+        },
+        immediate: true,
+      },
+    },
+    mounted(){   
+      let newlist=Object.assign({},this.$listeners);
+      delete newlist.change;
+      delete newlist.input; 
+      this.listeners=newlist;  
+    },
+    methods: {
+      onSelect(value){
+        if(this.$listeners.change){
+          this.$emit("change", [value, this.value[1]||[]]);
+        }
+   
+      },
+      onInputChange(val){ 
+        if(this.$listeners.change){
+          this.$emit("change", [this.values[0] ||"",val]);
+        }
+      },
+      getStringWidth(text) {
+          let font = "13px";
+          // 创建一个隐藏的元素
+          let element = document.createElement('span');
+          element.style.visibility = 'hidden';
+          element.style.whiteSpace = 'nowrap';
+          element.style.font = font; // 设置字体样式
+          element.textContent = text; 
+          // 将元素添加到文档中
+          document.body.appendChild(element); 
+          // 获取元素的宽度
+          let width = element.offsetWidth; 
+          // 移除元素
+          document.body.removeChild(element); 
+          return width+50;
+      },
+      imeiiconClick(){
+         this.imeipopover=!this.imeipopover;
+      },
+     
+      imeiclose(){
+         this.imeipopover=false;
+      },
+      cleartext(){
+         this.value[1]=[];
+         this.$set(this.value,1,[]);
+      },
+      search(){
+        this.imeipopover=false;
+        if(this.$listeners.onSrarch){
+          this.$emit("onSrarch", this.value);
+        }
+        
+      },
+      getAfterAgo(attr, prefix) {
+        const config = {};
+        for (const key in attr) {
+          if (attr.hasOwnProperty(key) && key.startsWith(prefix)) {
+            const newKey = key.substring(prefix.length);
+            config[newKey] = attr[key];
+          }
+        }
+        return config;
+      },
+    },
+  };
+  </script>
+  <style lang="scss">
+  .popperOptions {
+    min-width: 200px !important;
+    padding: 0px !important;
+  }
+  
+  </style>
+  <style scoped lang='scss'>
+  .ag-MultifunctionSearch {
+    display: flex;
+    align-items: center;  
+    }
+  
+  .imeiicondefault {
+    padding: 5px;
+    border-radius: 4px;
+    background: #f0f2f5;
+    cursor: pointer;
+  } 
+  .imeiiconActive {
+    cursor: pointer;
+    color: #409eff;
+    background: #e9f1fc;
+  } 
+    .divider {
+      margin: 0;
+    }
+    
+    .btnbox {
+      padding: 5px;
+      display: flex;
+      justify-content: space-between;
+    }
+   
+     ::v-deep{
+    
+      .ag_select_group{
+        .el-input__inner{
+          border:1px solid #e5e5e5;
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0; 
+          outline:none;
+          &:focus{
+            border-color:#e5e5e5;
+          }
+        }
+      }
+      .ag_input_group{
+       .el-input__inner{
+          border:1px solid #e5e5e5;
+          border-bottom-left-radius: 0;
+          border-top-left-radius: 0;
+          border-left:none;
+          outline:none;
+          &:focus{
+            border-color:#e5e5e5;
+          }
+        }
+      }
+      .el-select{
+        .el-input{
+          &.is-focus{ 
+            .el-input__inner{
+              border-color:#e5e5e5;
+            }
+          }
+        } 
+          &:hover{
+            .el-input__inner{
+              border-color:#e5e5e5;
+            }
+          }
+        } 
+      .el-textarea__inner{
+        border:none;
+      }
+      .el-input__suffix-inner{
+        height:100%; 
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+     }
+  </style>
\ No newline at end of file
diff --git a/packages/index.js b/packages/index.js
index b14551d..070eb24 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -15,6 +15,7 @@ import agMutionCheckbox from './agMutionCheckbox';
 import agMultifunctionSearch from './agMultifunctionSearch';
 import agDatePicker from "./agDatePicker";
 import agNumberRange from "./agNumberRange";
+import agMultionDattePicker from "./agMultionDattePicker";
 
 
   // 注册组件
@@ -36,8 +37,8 @@ import agNumberRange from "./agNumberRange";
     agDatePicker,
     agMutionCheckbox,
     agMultifunctionSearch,
-    agNumberRange
-    
+    agNumberRange,
+    agMultionDattePicker
   ]
   
   // 定义 install 方法，接收 Vue 作为参数（使用 use 注册插件，那么所有的组件都会被注册）
@@ -60,20 +61,5 @@ import agNumberRange from "./agNumberRange";
     // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
     install,
     // 以下是具体的组件列表
-    agInput,
-    agSelect,
-    agUpload,
-    agForm,
-    agColorPicker,
-    agQuery,
-    agTable,
-    agDialog,
-    agTabs, 
-    agPagination,
-    agCol,
-    agRow,
-    agMutionCheckbox,
-    agMultifunctionSearch,
-    agDatePicker,
-    agNumberRange
+    ...components
   }
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 23c1ac3..0617890 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -68,6 +68,13 @@
       </el-select>
       <el-button slot="append" icon="el-icon-search"></el-button>
     </el-input> -->
+    <ag-multion-datte-picker size="small"
+    ref="ttt"
+    v-model="datevalues"
+    :showExtra="true"
+    :clearable="true"
+    :range="true"
+    :options="a_options"  />
   </div>
 </template>
 
@@ -138,6 +145,7 @@ export default {
       checkvalue:[],
       value: "选项1",
       a_value: "59584",
+      datevalues:["4",["2022-12-12","2022-12-13 "]],
       values: ["4",""], 
       options: [
         {

From 083a5bf7d6ae1652a4b5db34110d23c1a73acb98 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 16:45:08 +0800
Subject: [PATCH 32/47] jjj

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a9c8d6b..c7ec658 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.9", 
+  "version": "0.1.10", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",

From b631f64cbb33030612513a8b558394a3cb53df78 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 16:57:41 +0800
Subject: [PATCH 33/47] 22

---
 package.json                  | 2 +-
 packages/agForm/src/index.vue | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index c7ec658..3bcb690 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.10", 
+  "version": "0.1.11", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index 8f9a7a1..1e55d41 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -37,8 +37,9 @@
              <agNumberRange v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-numberRange'" size="small" clearable/> 
              <agMultifunctionSearch v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multifunction-search'" size="small" clearable/> 
              <agQuery v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-query'" size="small" clearable/>
-             <ag-mution-checkbox :datas="item.datas" :placeholder="item.placeholder" v-model="formValue[item.enName]" v-if="item.type=='ag-mution-checkbox'" size="small"> </ag-mution-checkbox>
-                </div>
+             <ag-mution-checkbox :datas="item.datas" v-bind="item"  :placeholder="item.placeholder" v-model="formValue[item.enName]" v-if="item.type=='ag-mution-checkbox'" size="small"> </ag-mution-checkbox>
+            <ag-multion-datte-picker  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multion-datte-picker'" size="small"/> 
+            </div>
             </el-form-item>  
         </ag-col>  
     </ag-row> 
@@ -64,11 +65,13 @@ import agColorPicker from './../../agColorPicker/src/index.vue';
 import agNumberRange from './../../agNumberRange/src/index.vue';
 import agMultifunctionSearch from './../../agMultifunctionSearch/src/index.vue';
 import agQuery from './../../agQuery/src/index.vue';
+import agMultionDattePicker from '../../agMultionDattePicker';
 
 
 export default{
     name:"agForm",
     components:{
+        agMultionDattePicker,
         agInput:agInput,
         agDatePicker,
         agSelect,

From 3bbf8a51dcbf8c42a1b2a97bf9928ac949c2d397 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 17:08:07 +0800
Subject: [PATCH 34/47] 22

---
 package.json                                 |   2 +-
 packages/agMultifunctionSearch/src/index.vue |  13 +-
 packages/agMultionDattePicker/src/index.vue  | 424 +++++++++----------
 3 files changed, 214 insertions(+), 225 deletions(-)

diff --git a/package.json b/package.json
index 3bcb690..129128a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.11", 
+  "version": "0.1.12", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
index 4d81229..87d537d 100644
--- a/packages/agMultifunctionSearch/src/index.vue
+++ b/packages/agMultifunctionSearch/src/index.vue
@@ -3,7 +3,8 @@
     <ag-select 
     v-bind="$attrs"
     v-on="listeners"
-    :value="values&&values[0]" 
+     :options="$attrs.options||[]"
+    :value="value&&value[0]" 
     @change="onSelect"
     class="ag_select_group"
      :style="{ width: `${swidth}px` }"
@@ -104,13 +105,7 @@ export default {
       default: () => {
         return [null, ''];
       },
-    },
-    options: {
-      type: Array,
-      default: () => {
-        return [];
-      },
-    },
+    }, 
     showExtra: {
       type: Boolean,
       default: false,
@@ -137,7 +132,7 @@ export default {
           throw new Error("请传入数组");
         }
         let newselectValue=newVal[0];   
-        const find=this.options.find((f)=>f.value==newselectValue);
+        const find=this.$attrs.options&&this.$attrs.options.find((f)=>f.value==newselectValue);
         if(find){  
           let fontwidth=this.getStringWidth(find.label);
           this.swidth=fontwidth>165?165:fontwidth;   
diff --git a/packages/agMultionDattePicker/src/index.vue b/packages/agMultionDattePicker/src/index.vue
index e18c56c..5938bca 100644
--- a/packages/agMultionDattePicker/src/index.vue
+++ b/packages/agMultionDattePicker/src/index.vue
@@ -1,228 +1,222 @@
 <template>
-    <div class="ag-MultifunctionSearch"> 
-      <ag-select 
-      v-bind="$attrs"
-      v-on="listeners"
-      :value="values&&values[0]" 
-      @change="onSelect"
-      class="ag_select_group"
-       :style="{ width: `${swidth}px` }"
-    > 
-    </ag-select>  
+  <div class="ag-MultifunctionSearch"> 
+    <ag-select 
+    v-bind="$attrs"
+    v-on="listeners"
+    :options="$attrs.options||[]"
+    :value="value&&value[0]" 
+    @change="onSelect"
+    class="ag_select_group"
+     :style="{ width: `${swidth}px` }"
+  > 
+  </ag-select>  
 
-      <ag-date-picker 
-        class="ag_input_group" 
-        :placeholder="$attrs.placeholder||'请选择时间'" 
-        :disabled="$attrs.disabled"  
-         v-bind="$attrs"
-          v-on="listeners" 
-        :value="value[1]"
-        @change="onInputChange" 
-      >  
-      </ag-date-picker> 
-    </div>
-  </template>
-  
-  <script>
-  import agSelect from "../../agSelect/src/index.vue"; 
-  import agDatePicker from "../../agDatePicker/src/index.vue"; 
-  
-  export default {
-    name: "agMultionDattePicker",
-    components: {
-      agSelect,
-      agDatePicker, 
-    },
-    props: {
-      value: { 
-        default: () => {
-          return [null, []];
-        },
+    <ag-date-picker 
+      class="ag_input_group" 
+      :placeholder="$attrs.placeholder||'请选择时间'" 
+      :disabled="$attrs.disabled"  
+       v-bind="$attrs"
+        v-on="listeners" 
+      :value="value[1]"
+      @change="onInputChange" 
+    >  
+    </ag-date-picker> 
+  </div>
+</template>
+
+<script>
+import agSelect from "../../agSelect/src/index.vue"; 
+import agDatePicker from "../../agDatePicker/src/index.vue"; 
+
+export default {
+  name: "agMultionDattePicker",
+  components: {
+    agSelect,
+    agDatePicker, 
+  },
+  props: {
+    value: { 
+      default: () => {
+        return [null, []];
       },
-      options: {
-        type: Array,
-        default: () => {
-          return [];
-        },
-      }, 
-    },
-    data() {
-      return {
-        values: [null, []],
-        swidth:90,
-        inputValue:"",
-        selectvalue:"",
-        imeipopover:false,
-        listeners:{}
-      };
     }, 
-    model: {  
-        prop: 'value', // 明确指定 prop 为 'value'  
-        event: 'change' // 自定义事件名，用于更新 value  
-    }, 
-    watch: {
-      value: {
-        handler(newVal) {  
-          if (!Array.isArray(newVal)) {
-            throw new Error("请传入数组");
-          }
-          let newselectValue=newVal[0];   
-          const find=this.options.find((f)=>f.value==newselectValue);
-          if(find){  
-            let fontwidth=this.getStringWidth(find.label);
-            this.swidth=fontwidth>165?165:fontwidth;   
-          } 
-  
-        },
-        immediate: true,
-      },
-    },
-    mounted(){   
-      let newlist=Object.assign({},this.$listeners);
-      delete newlist.change;
-      delete newlist.input; 
-      this.listeners=newlist;  
-    },
-    methods: {
-      onSelect(value){
-        if(this.$listeners.change){
-          this.$emit("change", [value, this.value[1]||[]]);
+  },
+  data() {
+    return {
+      values: [null, []],
+      swidth:90,
+      inputValue:"",
+      selectvalue:"",
+      imeipopover:false,
+      listeners:{}
+    };
+  }, 
+  model: {  
+      prop: 'value', // 明确指定 prop 为 'value'  
+      event: 'change' // 自定义事件名，用于更新 value  
+  }, 
+  watch: {
+    value: {
+      handler(newVal) {  
+        if (!Array.isArray(newVal)) {
+          throw new Error("请传入数组");
         }
+        let newselectValue=newVal[0];   
+        const find=this.$attrs.options&&this.$attrs.options.find((f)=>f.value==newselectValue);
+        if(find){  
+          let fontwidth=this.getStringWidth(find.label);
+          this.swidth=fontwidth>165?165:fontwidth;   
+        } 
+
+      },
+      immediate: true,
+    },
+  },
+  mounted(){   
+    let newlist=Object.assign({},this.$listeners);
+    delete newlist.change;
+    delete newlist.input; 
+    this.listeners=newlist;  
+  },
+  methods: {
+    onSelect(value){
+      if(this.$listeners.change){
+        this.$emit("change", [value, this.value[1]||[]]);
+      } 
+    },
+    onInputChange(val){ 
+      if(this.$listeners.change){
+        this.$emit("change", [this.values[0] ||"",val]);
+      }
+    },
+    getStringWidth(text) {
+        let font = "13px";
+        // 创建一个隐藏的元素
+        let element = document.createElement('span');
+        element.style.visibility = 'hidden';
+        element.style.whiteSpace = 'nowrap';
+        element.style.font = font; // 设置字体样式
+        element.textContent = text; 
+        // 将元素添加到文档中
+        document.body.appendChild(element); 
+        // 获取元素的宽度
+        let width = element.offsetWidth; 
+        // 移除元素
+        document.body.removeChild(element); 
+        return width+50;
+    },
+    imeiiconClick(){
+       this.imeipopover=!this.imeipopover;
+    },
    
-      },
-      onInputChange(val){ 
-        if(this.$listeners.change){
-          this.$emit("change", [this.values[0] ||"",val]);
-        }
-      },
-      getStringWidth(text) {
-          let font = "13px";
-          // 创建一个隐藏的元素
-          let element = document.createElement('span');
-          element.style.visibility = 'hidden';
-          element.style.whiteSpace = 'nowrap';
-          element.style.font = font; // 设置字体样式
-          element.textContent = text; 
-          // 将元素添加到文档中
-          document.body.appendChild(element); 
-          // 获取元素的宽度
-          let width = element.offsetWidth; 
-          // 移除元素
-          document.body.removeChild(element); 
-          return width+50;
-      },
-      imeiiconClick(){
-         this.imeipopover=!this.imeipopover;
-      },
-     
-      imeiclose(){
-         this.imeipopover=false;
-      },
-      cleartext(){
-         this.value[1]=[];
-         this.$set(this.value,1,[]);
-      },
-      search(){
-        this.imeipopover=false;
-        if(this.$listeners.onSrarch){
-          this.$emit("onSrarch", this.value);
-        }
-        
-      },
-      getAfterAgo(attr, prefix) {
-        const config = {};
-        for (const key in attr) {
-          if (attr.hasOwnProperty(key) && key.startsWith(prefix)) {
-            const newKey = key.substring(prefix.length);
-            config[newKey] = attr[key];
-          }
-        }
-        return config;
-      },
+    imeiclose(){
+       this.imeipopover=false;
     },
-  };
-  </script>
-  <style lang="scss">
-  .popperOptions {
-    min-width: 200px !important;
-    padding: 0px !important;
+    cleartext(){
+       this.value[1]=[];
+       this.$set(this.value,1,[]);
+    },
+    search(){
+      this.imeipopover=false;
+      if(this.$listeners.onSrarch){
+        this.$emit("onSrarch", this.value);
+      }
+      
+    },
+    getAfterAgo(attr, prefix) {
+      const config = {};
+      for (const key in attr) {
+        if (attr.hasOwnProperty(key) && key.startsWith(prefix)) {
+          const newKey = key.substring(prefix.length);
+          config[newKey] = attr[key];
+        }
+      }
+      return config;
+    },
+  },
+};
+</script>
+<style lang="scss">
+.popperOptions {
+  min-width: 200px !important;
+  padding: 0px !important;
+}
+
+</style>
+<style scoped lang='scss'>
+.ag-MultifunctionSearch {
+  display: flex;
+  align-items: center;  
+  }
+
+.imeiicondefault {
+  padding: 5px;
+  border-radius: 4px;
+  background: #f0f2f5;
+  cursor: pointer;
+} 
+.imeiiconActive {
+  cursor: pointer;
+  color: #409eff;
+  background: #e9f1fc;
+} 
+  .divider {
+    margin: 0;
   }
   
-  </style>
-  <style scoped lang='scss'>
-  .ag-MultifunctionSearch {
-    display: flex;
-    align-items: center;  
-    }
-  
-  .imeiicondefault {
+  .btnbox {
     padding: 5px;
-    border-radius: 4px;
-    background: #f0f2f5;
-    cursor: pointer;
-  } 
-  .imeiiconActive {
-    cursor: pointer;
-    color: #409eff;
-    background: #e9f1fc;
-  } 
-    .divider {
-      margin: 0;
+    display: flex;
+    justify-content: space-between;
+  }
+ 
+   ::v-deep{
+  
+    .ag_select_group{
+      .el-input__inner{
+        border:1px solid #e5e5e5;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0; 
+        outline:none;
+        &:focus{
+          border-color:#e5e5e5;
+        }
+      }
     }
-    
-    .btnbox {
-      padding: 5px;
+    .ag_input_group{
+     .el-input__inner{
+        border:1px solid #e5e5e5;
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+        border-left:none;
+        outline:none;
+        &:focus{
+          border-color:#e5e5e5;
+        }
+      }
+    }
+    .el-select{
+      .el-input{
+        &.is-focus{ 
+          .el-input__inner{
+            border-color:#e5e5e5;
+          }
+        }
+      } 
+        &:hover{
+          .el-input__inner{
+            border-color:#e5e5e5;
+          }
+        }
+      } 
+    .el-textarea__inner{
+      border:none;
+    }
+    .el-input__suffix-inner{
+      height:100%; 
       display: flex;
-      justify-content: space-between;
+      align-items: center;
+      justify-content: center;
     }
-   
-     ::v-deep{
-    
-      .ag_select_group{
-        .el-input__inner{
-          border:1px solid #e5e5e5;
-          border-top-right-radius: 0;
-          border-bottom-right-radius: 0; 
-          outline:none;
-          &:focus{
-            border-color:#e5e5e5;
-          }
-        }
-      }
-      .ag_input_group{
-       .el-input__inner{
-          border:1px solid #e5e5e5;
-          border-bottom-left-radius: 0;
-          border-top-left-radius: 0;
-          border-left:none;
-          outline:none;
-          &:focus{
-            border-color:#e5e5e5;
-          }
-        }
-      }
-      .el-select{
-        .el-input{
-          &.is-focus{ 
-            .el-input__inner{
-              border-color:#e5e5e5;
-            }
-          }
-        } 
-          &:hover{
-            .el-input__inner{
-              border-color:#e5e5e5;
-            }
-          }
-        } 
-      .el-textarea__inner{
-        border:none;
-      }
-      .el-input__suffix-inner{
-        height:100%; 
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-     }
-  </style>
\ No newline at end of file
+   }
+</style>
\ No newline at end of file

From f91a8c0c7ade9fa91033a56e627f3156fca35e21 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 17:10:28 +0800
Subject: [PATCH 35/47] 22

---
 package.json                                 | 2 +-
 packages/agMultifunctionSearch/src/index.vue | 2 +-
 packages/agMultionDattePicker/src/index.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 129128a..33dd3ba 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.12", 
+  "version": "0.1.13", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
index 87d537d..0ed14c9 100644
--- a/packages/agMultifunctionSearch/src/index.vue
+++ b/packages/agMultifunctionSearch/src/index.vue
@@ -157,7 +157,7 @@ export default {
     },
     onInputChange(val){ 
       if(this.$listeners.change){
-        this.$emit("change", [this.values[0] ||"",val]);
+        this.$emit("change", [this.value[0] ||"",val]);
       }
     },
     getStringWidth(text) {
diff --git a/packages/agMultionDattePicker/src/index.vue b/packages/agMultionDattePicker/src/index.vue
index 5938bca..49b4dab 100644
--- a/packages/agMultionDattePicker/src/index.vue
+++ b/packages/agMultionDattePicker/src/index.vue
@@ -86,7 +86,7 @@ export default {
     },
     onInputChange(val){ 
       if(this.$listeners.change){
-        this.$emit("change", [this.values[0] ||"",val]);
+        this.$emit("change", [this.value[0] ||"",val]);
       }
     },
     getStringWidth(text) {

From 1d6e67d6ed0286ad746ec0b2148b963742c59156 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 17:38:23 +0800
Subject: [PATCH 36/47] 22

---
 packages/agDatePicker/src/index.vue | 1 +
 packages/agInput/src/index.vue      | 2 +-
 packages/agSelect/src/index.vue     | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/agDatePicker/src/index.vue b/packages/agDatePicker/src/index.vue
index 26ad253..0193304 100644
--- a/packages/agDatePicker/src/index.vue
+++ b/packages/agDatePicker/src/index.vue
@@ -7,6 +7,7 @@
     v-model="dateArr"
     v-bind="attrs"
     v-on="Listeners"
+    :size="$attrs.size||'small'"
     :value="value"
     :type="datetype" 
     @mouseenter.native="mousetrue = true"
diff --git a/packages/agInput/src/index.vue b/packages/agInput/src/index.vue
index 2a6ab1d..cbd669d 100644
--- a/packages/agInput/src/index.vue
+++ b/packages/agInput/src/index.vue
@@ -1,7 +1,7 @@
 <template>
   <el-input
     class="ag_input"
-    size="small" 
+    :size="$attrs.size||'small'"
     ref="apinputref"
     :style="{ width }" 
     v-bind="$attrs"
diff --git a/packages/agSelect/src/index.vue b/packages/agSelect/src/index.vue
index acdf163..f2427f5 100644
--- a/packages/agSelect/src/index.vue
+++ b/packages/agSelect/src/index.vue
@@ -4,6 +4,7 @@
   :style="{ width: `100%` }"
   :value="selectValue" 
   ref="apselectref"
+  :size="$attrs.size||'small'"
   v-bind="$attrs"
   v-on="$listeners" 
 >  

From bd2b674dc60391d4be518b8d5cc8c7df1509135e Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 19:23:13 +0800
Subject: [PATCH 37/47] 22

---
 package.json                                             | 2 +-
 packages/agForm/src/index.vue                            | 6 +++---
 packages/agMultionDatePicker/index.js                    | 9 +++++++++
 .../src/index.vue                                        | 2 +-
 packages/agMultionDattePicker/index.js                   | 9 ---------
 packages/agTable/src/index.vue                           | 3 +--
 packages/agUpload/src/index.vue                          | 6 ++++--
 packages/index.js                                        | 4 ++--
 src/App.vue                                              | 2 +-
 9 files changed, 22 insertions(+), 21 deletions(-)
 create mode 100644 packages/agMultionDatePicker/index.js
 rename packages/{agMultionDattePicker => agMultionDatePicker}/src/index.vue (99%)
 delete mode 100644 packages/agMultionDattePicker/index.js

diff --git a/package.json b/package.json
index 33dd3ba..dcb1c2e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.13", 
+  "version": "0.1.17", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index 1e55d41..be8aa1e 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -38,7 +38,7 @@
              <agMultifunctionSearch v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multifunction-search'" size="small" clearable/> 
              <agQuery v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-query'" size="small" clearable/>
              <ag-mution-checkbox :datas="item.datas" v-bind="item"  :placeholder="item.placeholder" v-model="formValue[item.enName]" v-if="item.type=='ag-mution-checkbox'" size="small"> </ag-mution-checkbox>
-            <ag-multion-datte-picker  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multion-datte-picker'" size="small"/> 
+            <ag-multion-date-picker  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multion-datte-picker'" size="small"/> 
             </div>
             </el-form-item>  
         </ag-col>  
@@ -65,13 +65,13 @@ import agColorPicker from './../../agColorPicker/src/index.vue';
 import agNumberRange from './../../agNumberRange/src/index.vue';
 import agMultifunctionSearch from './../../agMultifunctionSearch/src/index.vue';
 import agQuery from './../../agQuery/src/index.vue';
-import agMultionDattePicker from '../../agMultionDattePicker';
+import agMultionDatePicker from '../../agMultionDatePicker';
 
 
 export default{
     name:"agForm",
     components:{
-        agMultionDattePicker,
+        agMultionDatePicker,
         agInput:agInput,
         agDatePicker,
         agSelect,
diff --git a/packages/agMultionDatePicker/index.js b/packages/agMultionDatePicker/index.js
new file mode 100644
index 0000000..e8be10d
--- /dev/null
+++ b/packages/agMultionDatePicker/index.js
@@ -0,0 +1,9 @@
+import agMultionDatePicker from './src';
+
+// 为组件提供 install 安装方法，供按需引入
+agMultionDatePicker.install = function (Vue) {
+    Vue.component(agMultionDatePicker.name, agMultionDatePicker)
+}
+
+// 导出组件
+export default agMultionDatePicker;
diff --git a/packages/agMultionDattePicker/src/index.vue b/packages/agMultionDatePicker/src/index.vue
similarity index 99%
rename from packages/agMultionDattePicker/src/index.vue
rename to packages/agMultionDatePicker/src/index.vue
index 49b4dab..3fd681b 100644
--- a/packages/agMultionDattePicker/src/index.vue
+++ b/packages/agMultionDatePicker/src/index.vue
@@ -29,7 +29,7 @@ import agSelect from "../../agSelect/src/index.vue";
 import agDatePicker from "../../agDatePicker/src/index.vue"; 
 
 export default {
-  name: "agMultionDattePicker",
+  name: "agMultionDatePicker",
   components: {
     agSelect,
     agDatePicker, 
diff --git a/packages/agMultionDattePicker/index.js b/packages/agMultionDattePicker/index.js
deleted file mode 100644
index c36cea9..0000000
--- a/packages/agMultionDattePicker/index.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import agMultionDattePicker from './src';
-
-// 为组件提供 install 安装方法，供按需引入
-agMultionDattePicker.install = function (Vue) {
-    Vue.component(agMultionDattePicker.name, agMultionDattePicker)
-}
-
-// 导出组件
-export default agMultionDattePicker;
diff --git a/packages/agTable/src/index.vue b/packages/agTable/src/index.vue
index 6eb4a24..aca20c4 100644
--- a/packages/agTable/src/index.vue
+++ b/packages/agTable/src/index.vue
@@ -10,8 +10,7 @@
              <div v-else>  
                {{scope.row[item.prop]}} 
                </div>
-             </template>
-           
+             </template> 
       </el-table-column>
      </el-table>
      <div class="agtablefooter">
diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index 7c92cae..8500109 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -208,8 +208,10 @@
          this.$emit('onRemove',file,this.imageList); 
      },
      handlePictureCardPreview(file) {
-       this.dialogImageUrl = file.url;
-       this.dialogVisible = true;
+        if(file.type.indexOf('image/')>-1){
+          this.dialogImageUrl = file.url;
+          this.dialogVisible = true;
+        } 
      },
      onUpdate(e){ 
        if(this.limit<=this.imageList.length){
diff --git a/packages/index.js b/packages/index.js
index 070eb24..898fc1f 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -15,7 +15,7 @@ import agMutionCheckbox from './agMutionCheckbox';
 import agMultifunctionSearch from './agMultifunctionSearch';
 import agDatePicker from "./agDatePicker";
 import agNumberRange from "./agNumberRange";
-import agMultionDattePicker from "./agMultionDattePicker";
+import agMultionDatePicker from "./agMultionDatePicker";
 
 
   // 注册组件
@@ -38,7 +38,7 @@ import agMultionDattePicker from "./agMultionDattePicker";
     agMutionCheckbox,
     agMultifunctionSearch,
     agNumberRange,
-    agMultionDattePicker
+    agMultionDatePicker
   ]
   
   // 定义 install 方法，接收 Vue 作为参数（使用 use 注册插件，那么所有的组件都会被注册）
diff --git a/src/App.vue b/src/App.vue
index 0617890..d9f45d5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -68,7 +68,7 @@
       </el-select>
       <el-button slot="append" icon="el-icon-search"></el-button>
     </el-input> -->
-    <ag-multion-datte-picker size="small"
+    <ag-multion-date-picker size="small"
     ref="ttt"
     v-model="datevalues"
     :showExtra="true"

From c2278fb3cbf02926544815518f24a2130ec31a6f Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 19:26:51 +0800
Subject: [PATCH 38/47] 33

---
 packages/agForm/src/index.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index be8aa1e..2b9dc5a 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -16,7 +16,7 @@
                     <el-checkbox v-for="it,index in item.options" :label="it.value" :key="index">{{it.label}}</el-checkbox> 
                   </el-checkbox-group>
                   <el-input-number v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input-number'" clearable></el-input-number>
-                  <el-cascader v-model="formValue[item.enName]" v-bind="item" size="small" v-if="item.type=='ag-cascader'" clearable></el-cascader>
+                  <el-cascader v-model="formValue[item.enName]" v-bind="item" size="small" v-if="item.type=='ag-cascader'" clearable :style="{width:'100%'}"></el-cascader>
                   <el-switch
                 v-model="formValue[item.enName]"
                  v-bind="item" size="small" v-if="item.type=='ag-switch'&&formValue[item.enName]" >
@@ -24,9 +24,11 @@
                 <el-slider v-model="formValue[item.enName]" 
                 v-bind="item" size="small" v-if="item.type=='ag-slider'"></el-slider>
                 <el-time-select
+                 :style="{width:'100%'}"
                 clearable
                  v-model="formValue[item.enName]"
-                v-bind="item" size="small" v-if="item.type=='ag-time-select'" 
+                v-bind="item" size="small" 
+                v-if="item.type=='ag-time-select'" 
                 :picker-options="item.options">
               </el-time-select>
              <ag-upload v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-upload'" clear isPre></ag-upload>

From c99120819ffbcb28e5555da1dda85baebf12f1ec Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 19:27:09 +0800
Subject: [PATCH 39/47] 22

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index dcb1c2e..c70e66e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.17", 
+  "version": "0.1.18", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",

From 0d1f9fc8452132bf4176141509c46cbb4e249d9a Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 19:47:55 +0800
Subject: [PATCH 40/47] 22

---
 packages/agForm/src/index.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index 2b9dc5a..aaa4578 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -109,18 +109,25 @@ export default{
         }
     }, 
     mounted(){ 
-        this.formValue=this.$attrs.value; 
+        this.formValue=this.$attrs.value;  
+        setTimeout(()=>{
+            this.$refs.formref.clearValidate();
+        },1);
         if(this.$refs.formref){
-      for(const key in this.$refs.formref){ 
-        if(!this[key]&&key!='value'){
-          this[key]=this.$refs.formref[key];
-        }   
-     }
-    } 
+            for(const key in this.$refs.formref){ 
+                if(!this[key]&&key!='value'){
+                this[key]=this.$refs.formref[key];
+                }   
+            }
+      } 
+      
     },
     watch:{
         value(val){
             this.formValue = val; 
+            setTimeout(()=>{
+                this.$refs.formref.clearValidate();
+            },1);
         }
     },
     methods:{

From 829d0a2b63ba5510c1825ec46360b3bc77ae49bf Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 12 Sep 2024 19:56:31 +0800
Subject: [PATCH 41/47] 22

---
 package.json                               |  2 +-
 packages/agMultionDatePicker/src/index.vue | 20 +++++++++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index c70e66e..3a6c0c1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.18", 
+  "version": "0.1.19", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
diff --git a/packages/agMultionDatePicker/src/index.vue b/packages/agMultionDatePicker/src/index.vue
index 3fd681b..9eceb38 100644
--- a/packages/agMultionDatePicker/src/index.vue
+++ b/packages/agMultionDatePicker/src/index.vue
@@ -170,8 +170,7 @@ export default {
     justify-content: space-between;
   }
  
-   ::v-deep{
-  
+   ::v-deep{ 
     .ag_select_group{
       .el-input__inner{
         border:1px solid #e5e5e5;
@@ -183,9 +182,24 @@ export default {
         }
       }
     }
+    .el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner{
+      border-color:#e5e5e5;
+    }
+    .el-range-editor.el-input__inner{
+      border:1px solid #e5e5e5;
+      border-left:0px;
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+      border-left:none;
+      outline:none;
+      &:focus{
+        border-color:#e5e5e5;
+      }
+    }
     .ag_input_group{
      .el-input__inner{
         border:1px solid #e5e5e5;
+        border-left:0px;
         border-bottom-left-radius: 0;
         border-top-left-radius: 0;
         border-left:none;
@@ -193,7 +207,7 @@ export default {
         &:focus{
           border-color:#e5e5e5;
         }
-      }
+      } 
     }
     .el-select{
       .el-input{

From 578004cdb75e1a8f2aea13fea2649af484ae508f Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 13 Sep 2024 11:15:27 +0800
Subject: [PATCH 42/47] 333

---
 packages/agForm/src/index.vue                |  14 +-
 packages/agMultifunctionSearch/index.js      |   9 -
 packages/agMultifunctionSearch/src/index.vue | 293 -------------------
 packages/agMultionInput/index.js             |   9 +
 packages/agMultionInput/src/index.vue        | 293 +++++++++++++++++++
 packages/agSearch/index.js                   |   9 +
 packages/agSearch/src/index.vue              | 229 +++++++++++++++
 packages/index.js                            |   9 +-
 src/App.vue                                  |  57 ++--
 9 files changed, 579 insertions(+), 343 deletions(-)
 delete mode 100644 packages/agMultifunctionSearch/index.js
 delete mode 100644 packages/agMultifunctionSearch/src/index.vue
 create mode 100644 packages/agMultionInput/index.js
 create mode 100644 packages/agMultionInput/src/index.vue
 create mode 100644 packages/agSearch/index.js
 create mode 100644 packages/agSearch/src/index.vue

diff --git a/packages/agForm/src/index.vue b/packages/agForm/src/index.vue
index aaa4578..20d219e 100644
--- a/packages/agForm/src/index.vue
+++ b/packages/agForm/src/index.vue
@@ -37,7 +37,7 @@
              </agColorPicker>
              <el-transfer :data="item.data"  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-transfer'" size="small"></el-transfer>
              <agNumberRange v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-numberRange'" size="small" clearable/> 
-             <agMultifunctionSearch v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multifunction-search'" size="small" clearable/> 
+             <ag-multion-input v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multion-input'" size="small" clearable/> 
              <agQuery v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-query'" size="small" clearable/>
              <ag-mution-checkbox :datas="item.datas" v-bind="item"  :placeholder="item.placeholder" v-model="formValue[item.enName]" v-if="item.type=='ag-mution-checkbox'" size="small"> </ag-mution-checkbox>
             <ag-multion-date-picker  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multion-datte-picker'" size="small"/> 
@@ -65,7 +65,7 @@ import agCol from './../../agCol/src/index.vue';
 import agUpload from './../../agUpload/src/index.vue';
 import agColorPicker from './../../agColorPicker/src/index.vue'; 
 import agNumberRange from './../../agNumberRange/src/index.vue';
-import agMultifunctionSearch from './../../agMultifunctionSearch/src/index.vue';
+import agMultionInput from './../../agMultionInput/src/index.vue';
 import agQuery from './../../agQuery/src/index.vue';
 import agMultionDatePicker from '../../agMultionDatePicker';
 
@@ -82,7 +82,7 @@ export default{
         agUpload:agUpload,
         agColorPicker,
         agNumberRange,
-        agMultifunctionSearch,
+        agMultionInput,
         agQuery
     },
     props:{
@@ -161,14 +161,20 @@ export default{
            display: flex;
            align-items: stretch;  
     }
+    .flexcenter{
+        display: flex;
+        align-items: stretch;  
+    }
     ::v-deep{ 
        .el-form--inline{ 
             .el-form-item{ 
                 display:flex;
             } 
             .el-form-item__content{
+                display:flex;
                 flex:1;
                 width:100%;
+                margin-left:0;
             }
         } 
         .el-form-item{
@@ -177,7 +183,9 @@ export default{
         }
         .el-form-item__content{
             flex:1;
+            display:flex;
             width:100%;
+            margin-left:0!important;
         } 
     }
 </style>
diff --git a/packages/agMultifunctionSearch/index.js b/packages/agMultifunctionSearch/index.js
deleted file mode 100644
index 373c9a0..0000000
--- a/packages/agMultifunctionSearch/index.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import agMultifunctionSearch from './src'
-
-// 为组件提供 install 安装方法，供按需引入
-agMultifunctionSearch.install = function (Vue) {
-    Vue.component(agMultifunctionSearch.name, agMultifunctionSearch)
-}
-
-// 导出组件
-export default agMultifunctionSearch
diff --git a/packages/agMultifunctionSearch/src/index.vue b/packages/agMultifunctionSearch/src/index.vue
deleted file mode 100644
index 0ed14c9..0000000
--- a/packages/agMultifunctionSearch/src/index.vue
+++ /dev/null
@@ -1,293 +0,0 @@
-<template>
-  <div class="ag-MultifunctionSearch"> 
-    <ag-select 
-    v-bind="$attrs"
-    v-on="listeners"
-     :options="$attrs.options||[]"
-    :value="value&&value[0]" 
-    @change="onSelect"
-    class="ag_select_group"
-     :style="{ width: `${swidth}px` }"
-  > 
-  </ag-select>  
-    <ag-input
-     v-if="!showExtra"
-      class="ag_input_group" 
-      :placeholder="$attrs.placeholder||'请输入内容'" 
-      :disabled="$attrs.disabled||imeipopover"  
-       v-bind="$attrs"
-        v-on="listeners"
-      :value="value[1]"
-      @input="onInputChange"
-     
-    > 
-    <template slot="prefix" >
-     
-      </template>
-    </ag-input>
-    <el-popover 
-    v-if="showExtra"
-    placement="bottom"
-    trigger="manual"
-    ref="popover"
-    popper-class="popperOptions"
-    v-model="imeipopover"
-  >
- <template slot="reference"> 
-  <ag-input
-  class="ag_input_group"
-  :placeholder="$attrs.placeholder||'请输入内容'"   
-  :disabled="$attrs.disabled||imeipopover" 
-  v-bind="$attrs"
-  v-on="listeners"
-   :value="value&&value[1]"
-  @input="onInputChange"
->
-<template slot="suffix" v-if="showExtra">
-  <i 
-  class="iconfont icon-icon-piliangcaozuo imeiicondefault"
-  :class="imeipopover && 'imeiiconActive'"
-  style="font-size: 12px;"
-  @click.prevent="imeiiconClick"
-></i>
-</template>
-</ag-input>
- </template>
-    <el-input 
-      type="textarea"
-      :rows="12"
-      :value="value&&value[1]"
-      placeholder="一行一项，最多支持200行"
-      resize="none"
-      border="none"
-      class="textareainput"
-      @input="onInputChange"
-    />
-    <divider class="divider"></divider>
-    <div class="btnbox">
-      <div>
-        <el-button size="mini" @click="imeiclose"
-          >关闭</el-button
-        >
-      </div>
-      <div>
-        <el-button size="mini" @click="cleartext"
-          >清空</el-button
-        >
-        <el-button
-          size="mini"
-          type="primary"
-          plain
-          @click="search"
-          >查询</el-button
-        >
-      </div>
-    </div> 
-  </el-popover>
-  </div>
-</template>
-
-<script>
-import agSelect from "../../agSelect/src/index.vue";
-import agInput from "../../agInput/src/index.vue";
-import {Divider} from "element-ui";
-
-export default {
-  name: "agMultifunctionSearch",
-  components: {
-    agSelect,
-    agInput,
-    Divider
-  },
-  props: {
-    value: {
-      type: Array,
-      default: () => {
-        return [null, ''];
-      },
-    }, 
-    showExtra: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      values: [null, ""],
-      swidth:90,
-      inputValue:"",
-      selectvalue:"",
-      imeipopover:false,
-      listeners:{}
-    };
-  }, 
-  model: {  
-      prop: 'value', // 明确指定 prop 为 'value'  
-      event: 'change' // 自定义事件名，用于更新 value  
-  }, 
-  watch: {
-    value: {
-      handler(newVal) {  
-        if (!Array.isArray(newVal)) {
-          throw new Error("请传入数组");
-        }
-        let newselectValue=newVal[0];   
-        const find=this.$attrs.options&&this.$attrs.options.find((f)=>f.value==newselectValue);
-        if(find){  
-          let fontwidth=this.getStringWidth(find.label);
-          this.swidth=fontwidth>165?165:fontwidth;   
-        } 
-
-      },
-      immediate: true,
-    },
-  },
-  mounted(){   
-    let newlist=Object.assign({},this.$listeners);
-    delete newlist.change;
-    delete newlist.input; 
-    this.listeners=newlist;  
-  },
-  methods: {
-    onSelect(value){
-      if(this.$listeners.change){
-        this.$emit("change", [value, this.value[1]||""]);
-      }
- 
-    },
-    onInputChange(val){ 
-      if(this.$listeners.change){
-        this.$emit("change", [this.value[0] ||"",val]);
-      }
-    },
-    getStringWidth(text) {
-        let font = "13px";
-        // 创建一个隐藏的元素
-        let element = document.createElement('span');
-        element.style.visibility = 'hidden';
-        element.style.whiteSpace = 'nowrap';
-        element.style.font = font; // 设置字体样式
-        element.textContent = text; 
-        // 将元素添加到文档中
-        document.body.appendChild(element); 
-        // 获取元素的宽度
-        let width = element.offsetWidth; 
-        // 移除元素
-        document.body.removeChild(element); 
-        return width+50;
-    },
-    imeiiconClick(){
-       this.imeipopover=!this.imeipopover;
-    },
-   
-    imeiclose(){
-       this.imeipopover=false;
-    },
-    cleartext(){
-       this.value[1]="";
-       this.$set(this.value,1,"");
-    },
-    search(){
-      this.imeipopover=false;
-      if(this.$listeners.onSrarch){
-        this.$emit("onSrarch", this.value);
-      }
-      
-    },
-    getAfterAgo(attr, prefix) {
-      const config = {};
-      for (const key in attr) {
-        if (attr.hasOwnProperty(key) && key.startsWith(prefix)) {
-          const newKey = key.substring(prefix.length);
-          config[newKey] = attr[key];
-        }
-      }
-      return config;
-    },
-  },
-};
-</script>
-<style lang="scss">
-.popperOptions {
-  min-width: 200px !important;
-  padding: 0px !important;
-}
-
-</style>
-<style scoped lang='scss'>
-.ag-MultifunctionSearch {
-  display: flex;
-  align-items: center;  
-  }
-
-.imeiicondefault {
-  padding: 5px;
-  border-radius: 4px;
-  background: #f0f2f5;
-  cursor: pointer;
-} 
-.imeiiconActive {
-  cursor: pointer;
-  color: #409eff;
-  background: #e9f1fc;
-} 
-  .divider {
-    margin: 0;
-  }
-  
-  .btnbox {
-    padding: 5px;
-    display: flex;
-    justify-content: space-between;
-  }
- 
-   ::v-deep{
-  
-    .ag_select_group{
-      .el-input__inner{
-        border:1px solid #e5e5e5;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0; 
-        outline:none;
-        &:focus{
-          border-color:#e5e5e5;
-        }
-      }
-    }
-    .ag_input_group{
-     .el-input__inner{
-        border:1px solid #e5e5e5;
-        border-bottom-left-radius: 0;
-        border-top-left-radius: 0;
-        border-left:none;
-        outline:none;
-        &:focus{
-          border-color:#e5e5e5;
-        }
-      }
-    }
-    .el-select{
-      .el-input{
-        &.is-focus{ 
-          .el-input__inner{
-            border-color:#e5e5e5;
-          }
-        }
-      } 
-        &:hover{
-          .el-input__inner{
-            border-color:#e5e5e5;
-          }
-        }
-      } 
-    .el-textarea__inner{
-      border:none;
-    }
-    .el-input__suffix-inner{
-      height:100%; 
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-   }
-</style>
\ No newline at end of file
diff --git a/packages/agMultionInput/index.js b/packages/agMultionInput/index.js
new file mode 100644
index 0000000..5841a80
--- /dev/null
+++ b/packages/agMultionInput/index.js
@@ -0,0 +1,9 @@
+import agMultionInput from './src'
+
+// 为组件提供 install 安装方法，供按需引入
+agMultionInput.install = function (Vue) {
+    Vue.component(agMultionInput.name, agMultionInput)
+}
+
+// 导出组件
+export default agMultionInput
diff --git a/packages/agMultionInput/src/index.vue b/packages/agMultionInput/src/index.vue
new file mode 100644
index 0000000..38f2678
--- /dev/null
+++ b/packages/agMultionInput/src/index.vue
@@ -0,0 +1,293 @@
+<template>
+    <div class="ag-MultifunctionSearch"> 
+      <ag-select 
+      v-bind="$attrs"
+      v-on="listeners"
+       :options="$attrs.options||[]"
+      :value="value&&value[0]" 
+      @change="onSelect"
+      class="ag_select_group"
+       :style="{ width: `${swidth}px` }"
+    > 
+    </ag-select>  
+      <ag-input
+       v-if="!showExtra"
+        class="ag_input_group" 
+        :placeholder="$attrs.placeholder||'请输入内容'" 
+        :disabled="$attrs.disabled||imeipopover"  
+         v-bind="$attrs"
+          v-on="listeners"
+        :value="value[1]"
+        @input="onInputChange"
+       
+      > 
+      <template slot="prefix" >
+       
+        </template>
+      </ag-input>
+      <el-popover 
+      v-if="showExtra"
+      placement="bottom"
+      trigger="manual"
+      ref="popover"
+      popper-class="popperOptions"
+      v-model="imeipopover"
+    >
+   <template slot="reference"> 
+    <ag-input
+    class="ag_input_group"
+    :placeholder="$attrs.placeholder||'请输入内容'"   
+    :disabled="$attrs.disabled||imeipopover" 
+    v-bind="$attrs"
+    v-on="listeners"
+     :value="value&&value[1]"
+    @input="onInputChange"
+  >
+  <template slot="suffix" v-if="showExtra">
+    <i 
+    class="iconfont icon-icon-piliangcaozuo imeiicondefault"
+    :class="imeipopover && 'imeiiconActive'"
+    style="font-size: 12px;"
+    @click.prevent="imeiiconClick"
+  ></i>
+  </template>
+  </ag-input>
+   </template>
+      <el-input 
+        type="textarea"
+        :rows="12"
+        :value="value&&value[1]"
+        placeholder="一行一项，最多支持200行"
+        resize="none"
+        border="none"
+        class="textareainput"
+        @input="onInputChange"
+      />
+      <divider class="divider"></divider>
+      <div class="btnbox">
+        <div>
+          <el-button size="mini" @click="imeiclose"
+            >关闭</el-button
+          >
+        </div>
+        <div>
+          <el-button size="mini" @click="cleartext"
+            >清空</el-button
+          >
+          <el-button
+            size="mini"
+            type="primary"
+            plain
+            @click="search"
+            >查询</el-button
+          >
+        </div>
+      </div> 
+    </el-popover>
+    </div>
+  </template>
+  
+  <script>
+  import agSelect from "../../agSelect/src/index.vue";
+  import agInput from "../../agInput/src/index.vue";
+  import {Divider} from "element-ui";
+  
+  export default {
+    name: "agMultionInput",
+    components: {
+      agSelect,
+      agInput,
+      Divider
+    },
+    props: {
+      value: {
+        type: Array,
+        default: () => {
+          return [null, ''];
+        },
+      }, 
+      showExtra: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    data() {
+      return {
+        values: [null, ""],
+        swidth:120,
+        inputValue:"",
+        selectvalue:"",
+        imeipopover:false,
+        listeners:{}
+      };
+    }, 
+    model: {  
+        prop: 'value', // 明确指定 prop 为 'value'  
+        event: 'change' // 自定义事件名，用于更新 value  
+    }, 
+    watch: {
+      value: {
+        handler(newVal) {  
+          if (!Array.isArray(newVal)) {
+            throw new Error("请传入数组");
+          }
+          let newselectValue=newVal[0];   
+          const find=this.$attrs.options&&this.$attrs.options.find((f)=>f.value==newselectValue);
+          if(find){  
+            let fontwidth=this.getStringWidth(find.label);
+            this.swidth=fontwidth>165?165:fontwidth;   
+          } 
+  
+        },
+        immediate: true,
+      },
+    },
+    mounted(){   
+      let newlist=Object.assign({},this.$listeners);
+      delete newlist.change;
+      delete newlist.input; 
+      this.listeners=newlist;  
+    },
+    methods: {
+      onSelect(value){
+        if(this.$listeners.change){
+          this.$emit("change", [value, this.value[1]||""]);
+        }
+   
+      },
+      onInputChange(val){ 
+        if(this.$listeners.change){
+          this.$emit("change", [this.value[0] ||"",val]);
+        }
+      },
+      getStringWidth(text) {
+          let font = "13px";
+          // 创建一个隐藏的元素
+          let element = document.createElement('span');
+          element.style.visibility = 'hidden';
+          element.style.whiteSpace = 'nowrap';
+          element.style.font = font; // 设置字体样式
+          element.textContent = text; 
+          // 将元素添加到文档中
+          document.body.appendChild(element); 
+          // 获取元素的宽度
+          let width = element.offsetWidth; 
+          // 移除元素
+          document.body.removeChild(element); 
+          return width+50;
+      },
+      imeiiconClick(){
+         this.imeipopover=!this.imeipopover;
+      },
+     
+      imeiclose(){
+         this.imeipopover=false;
+      },
+      cleartext(){
+         this.value[1]="";
+         this.$set(this.value,1,"");
+      },
+      search(){
+        this.imeipopover=false;
+        if(this.$listeners.onSrarch){
+          this.$emit("onSrarch", this.value);
+        }
+        
+      },
+      getAfterAgo(attr, prefix) {
+        const config = {};
+        for (const key in attr) {
+          if (attr.hasOwnProperty(key) && key.startsWith(prefix)) {
+            const newKey = key.substring(prefix.length);
+            config[newKey] = attr[key];
+          }
+        }
+        return config;
+      },
+    },
+  };
+  </script>
+  <style lang="scss">
+  .popperOptions {
+    min-width: 200px !important;
+    padding: 0px !important;
+  }
+  
+  </style>
+  <style scoped lang='scss'>
+  .ag-MultifunctionSearch {
+    display: flex;
+    align-items: center;  
+    }
+  
+  .imeiicondefault {
+    padding: 5px;
+    border-radius: 4px;
+    background: #f0f2f5;
+    cursor: pointer;
+  } 
+  .imeiiconActive {
+    cursor: pointer;
+    color: #409eff;
+    background: #e9f1fc;
+  } 
+    .divider {
+      margin: 0;
+    }
+    
+    .btnbox {
+      padding: 5px;
+      display: flex;
+      justify-content: space-between;
+    }
+   
+     ::v-deep{
+    
+      .ag_select_group{
+        .el-input__inner{
+          border:1px solid #e5e5e5;
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0; 
+          outline:none;
+          &:focus{
+            border-color:#e5e5e5;
+          }
+        }
+      }
+      .ag_input_group{
+       .el-input__inner{
+          border:1px solid #e5e5e5;
+          border-bottom-left-radius: 0;
+          border-top-left-radius: 0;
+          border-left:none;
+          outline:none;
+          &:focus{
+            border-color:#e5e5e5;
+          }
+        }
+      }
+      .el-select{
+        .el-input{
+          &.is-focus{ 
+            .el-input__inner{
+              border-color:#e5e5e5;
+            }
+          }
+        } 
+          &:hover{
+            .el-input__inner{
+              border-color:#e5e5e5;
+            }
+          }
+        } 
+      .el-textarea__inner{
+        border:none;
+      }
+      .el-input__suffix-inner{
+        height:100%; 
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+     }
+  </style>
\ No newline at end of file
diff --git a/packages/agSearch/index.js b/packages/agSearch/index.js
new file mode 100644
index 0000000..6c1c4d2
--- /dev/null
+++ b/packages/agSearch/index.js
@@ -0,0 +1,9 @@
+import agSearch from './src';
+
+// 为组件提供 install 安装方法，供按需引入
+agSearch.install = function (Vue) {
+    Vue.component(agSearch.name, agSearch);
+}
+
+// 导出组件
+export default agSearch;
diff --git a/packages/agSearch/src/index.vue b/packages/agSearch/src/index.vue
new file mode 100644
index 0000000..60d1282
--- /dev/null
+++ b/packages/agSearch/src/index.vue
@@ -0,0 +1,229 @@
+<template>
+  <el-form v-bind="$attrs" v-on="$listeners" :model="formValue" ref="formref">
+  <ag-row class="searchbox">
+   <ag-col v-for="item,index in data" :key="index" :span="item.span||24">
+       <el-form-item :prop="item.enName" >
+           <slot :name="item.soltName" v-if="item.soltName" :row="item"/> 
+              <div class="contentbox" v-else>
+                <ag-input v-model="formValue[item.enName]" type="textarea" v-bind="item"  v-if="item.type=='ag-textarea'" size="small" clearable></ag-input>
+               <ag-input v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input'" size="small" clearable></ag-input>
+               <ag-date-picker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-date-picker'" size="small" clearable/>
+               <ag-select v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-select'" size="small" clearable/>
+               <el-radio-group v-model="formValue[item.enName]" v-bind="item" v-if="item.type=='ag-radio'&&formValue[item.enName]" size="small" clearable>
+               <el-radio :label="it.value" v-for="it,index in item.options" :key="index">{{it.label}}</el-radio> 
+               </el-radio-group>
+               <el-checkbox-group v-bind="item" v-if="item.type=='ag-checkbox'&&formValue[item.enName]" v-model="formValue[item.enName]" size="small" clearable>
+                  <el-checkbox v-for="it,index in item.options" :label="it.value" :key="index">{{it.label}}</el-checkbox> 
+                </el-checkbox-group>
+                <el-input-number v-model="formValue[item.enName]" v-bind="item"  v-if="item.type=='ag-input-number'" clearable></el-input-number>
+                <el-cascader v-model="formValue[item.enName]" v-bind="item" size="small" v-if="item.type=='ag-cascader'" clearable :style="{width:'100%'}"></el-cascader>
+                <el-switch
+              v-model="formValue[item.enName]"
+               v-bind="item" size="small" v-if="item.type=='ag-switch'&&formValue[item.enName]" >
+              </el-switch>
+              <el-slider v-model="formValue[item.enName]" 
+              v-bind="item" size="small" v-if="item.type=='ag-slider'"></el-slider>
+              <el-time-select
+               :style="{width:'100%'}"
+              clearable
+               v-model="formValue[item.enName]"
+              v-bind="item" size="small" 
+              v-if="item.type=='ag-time-select'" 
+              :picker-options="item.options">
+            </el-time-select>
+           <ag-upload v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-upload'" clear isPre></ag-upload>
+           <el-rate v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-rate'" size="small"></el-rate>
+           <agColorPicker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-color-picker'" size="small"> 
+           </agColorPicker>
+           <el-transfer :data="item.data"  v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-transfer'" size="small"></el-transfer>
+           <agNumberRange v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-numberRange'" size="small" clearable/> 
+           <ag-multion-input v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multion-input'" size="small" clearable/> 
+           <agQuery v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-query'" size="small" clearable/>
+           <ag-mution-checkbox :datas="item.datas" v-bind="item"  :placeholder="item.placeholder" v-model="formValue[item.enName]" v-if="item.type=='ag-mution-checkbox'" size="small"> </ag-mution-checkbox>
+          <ag-multion-date-picker v-bind="item" v-model="formValue[item.enName]" v-if="item.type=='ag-multion-datte-picker'" size="small"/> 
+          </div>
+          </el-form-item>  
+      </ag-col>  
+      <ag-col :span="4">
+        <el-button @click="onSubmit" type="primary" size="small" class="submitbtn">
+          {{submittitle||'查询'}}
+         </el-button>
+         <el-button @click="onRest" size="small" class="submitbtn">
+         重置
+         </el-button>
+      </ag-col>
+  </ag-row>  
+  </el-form>
+</template>
+<script> 
+
+
+import agInput from './../../agInput/src/index.vue';
+import agDatePicker from './../../agDatePicker/src/index.vue';
+import agSelect from './../../agSelect/src/index.vue';
+import agRow from './../../agRow/src/index.vue';
+import agCol from './../../agCol/src/index.vue';
+import agUpload from './../../agUpload/src/index.vue';
+import agColorPicker from './../../agColorPicker/src/index.vue'; 
+import agNumberRange from './../../agNumberRange/src/index.vue';
+import agMultionInput from './../../agMultionInput/src/index.vue';
+import agQuery from './../../agQuery/src/index.vue';
+import agMultionDatePicker from '../../agMultionDatePicker';
+
+
+export default{
+  name:"agSearch",
+  components:{
+      agMultionDatePicker,
+      agInput:agInput,
+      agDatePicker,
+      agSelect,
+      agRow,
+      agCol,
+      agUpload:agUpload,
+      agColorPicker,
+      agNumberRange,
+      agMultionInput,
+      agQuery
+  },
+  props:{
+      submittitle:{
+          type:String,
+          default:'查询'
+      },
+      data:{
+          type:Array,
+          default(){
+              return []
+          }
+      },
+      span:{
+          type:Number,
+          default:24
+      }, 
+  },
+  data(){
+      return{
+          formValue:{
+               
+          }
+      }
+  }, 
+  model:{
+      prop:'value',
+      event:{
+          'onSubmit':'submit',
+          'onRest':'rest'
+      }
+  },
+  mounted(){ 
+      this.formValue=this.$attrs.value;  
+      setTimeout(()=>{
+          this.$refs.formref.clearValidate();
+      },1);
+      if(this.$refs.formref){
+          for(const key in this.$refs.formref){ 
+              if(!this[key]&&key!='value'){
+              this[key]=this.$refs.formref[key];
+              }   
+          }
+    } 
+    
+  },
+  watch:{
+      value(val){
+          this.formValue = val; 
+          setTimeout(()=>{
+              this.$refs.formref.clearValidate();
+          },1);
+      }
+  },
+  methods:{
+      onSubmit(){ 
+        if(this.$listeners.onSearch){
+          this.$emit('onSearch',this.formValue);
+          }
+      },
+      onRest(){
+        Object.keys(this.formValue).map((key,index)=>{
+            let itemvalue=Object.values(this.formValue)[index];
+            if(typeof(itemvalue)=="string"||typeof(itemvalue)=="number"){
+                this.formValue[key]=null;
+            }else{
+                this.formValue[key]=[];
+            } 
+        });
+        setTimeout(()=>{
+          this.$refs.formref.clearValidate();
+       },1);
+       if(this.$listeners.onRest){
+        this.$emit('onRest',this.formValue);
+       }
+       
+      }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.searchbox{
+  align-items: center;
+}
+  .footerbox{
+      margin-top:12px;
+      display:flex;
+      justify-content:center;
+      .submitbtn{
+          width:200px;
+      }
+  }
+  .el-form--inline{ 
+      .el-form-item{ 
+          display:flex;
+      } 
+     .el-form-item__content{
+          flex:1;
+          width:100%;
+      }
+  }  
+  .contentbox{
+         width:100%;
+         display: flex;
+         align-items: stretch;  
+  }
+  .flexcenter{
+      display: flex;
+      align-items: stretch;  
+  }
+  ::v-deep{ 
+     .el-form--inline{ 
+          .el-form-item{ 
+              display:flex;
+              align-items: center;
+              margin-bottom: 0px; 
+          } 
+          .el-form-item__content{
+              display:flex;
+              flex:1;
+              width:100%;
+              margin-left:0;
+              align-items: center;
+              margin-bottom: 0px; 
+          }
+      } 
+      .el-form-item{
+          width:100%;
+          margin-bottom: 0px; 
+          line-height:1;
+      }
+      .el-form-item__content{
+          flex:1;
+          display:flex;
+          width:100%;
+          align-items: center;
+          margin-left:0!important;
+          margin-bottom: 0px; 
+          line-height:1;
+      } 
+  }
+</style>
diff --git a/packages/index.js b/packages/index.js
index 898fc1f..f7b8cfa 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -12,11 +12,11 @@
 import agRow from './agRow';
 import agCol from './agCol';
 import agMutionCheckbox from './agMutionCheckbox';
-import agMultifunctionSearch from './agMultifunctionSearch';
+import agSearch from './agSearch';
 import agDatePicker from "./agDatePicker";
 import agNumberRange from "./agNumberRange";
 import agMultionDatePicker from "./agMultionDatePicker";
-
+import agMultionInput from "./agMultionInput";
 
   // 注册组件
  
@@ -36,9 +36,10 @@ import agMultionDatePicker from "./agMultionDatePicker";
     agRow,
     agDatePicker,
     agMutionCheckbox,
-    agMultifunctionSearch,
+    agSearch,
     agNumberRange,
-    agMultionDatePicker
+    agMultionDatePicker,
+    agMultionInput
   ]
   
   // 定义 install 方法，接收 Vue 作为参数（使用 use 注册插件，那么所有的组件都会被注册）
diff --git a/src/App.vue b/src/App.vue
index d9f45d5..de952ae 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -28,7 +28,7 @@
       </el-form-item>
     </el-form>
 
-    <ag-multifunction-search
+    <ag-multion-input
       size="small"
       ref="ttt"
       v-model="values"
@@ -38,7 +38,7 @@
       @change="onInputinput"
       @blur="onblur"
     >
-    </ag-multifunction-search>
+    </ag-multion-input>
     <ag-color-picker size="small" v-model="colorvalue"/>
   <agQuery :inputs="inputs" @onSearch="onSearch"/>
     <agTable :columns="columns" :data="tabledata" :currentPage="2" :pageSize="100" :total="500" >
@@ -52,9 +52,10 @@
     <agUpload @onUpload="onUpload" isDrap dragmove multiple :limit="5" @onError="onError" :maxSize="1024*1024" :value="filelist">
       <div slot="tip">只能上传jpg/png文件，且不超过500kb</div> 
     </agUpload>
-    <ag-form :data="formdata" label-width="120px" label-position="right" v-model="formvalue"> 
+    <ag-form :data="formdata"  label-width="120px" label-position="left" v-model="formvalue"> 
     </ag-form>
     <ag-mution-checkbox :datas="checklist" @onSearch="onCheckSearch" v-model="checkvalue"> </ag-mution-checkbox>
+  
     <!-- <el-input agMultionCheckbox
       size="small"
       placeholder="请输入内容"
@@ -75,6 +76,7 @@
     :clearable="true"
     :range="true"
     :options="a_options"  />
+    <ag-search :data="searchdatas" v-model="searchvalue" @onRest="onRest" @onSearch="onSearch"/>
   </div>
 </template>
 
@@ -373,40 +375,24 @@ export default {
       ], 
       filelist:['https://git.aiguoai.com/assets/img/logo.svg'],
       formdata:[
-        {label:"订单编号",span:12,type:"ag-input",enName:'order_sn',value:'656',placeholder:'请输入洗碗机',size:'small',clearable:true,show:true,value:false,required:true,options:[{label:"是",value:'1'},{label:"否",value:'2'}]},
-        {label:"IMEI/机器编号",span:12,type:"ag-input-number",enName:'imei',value:'43543',placeholder:'请输入IMEI/机器编号',size:'small',clearable:true,max:10,min:2,step:2,show:true},
+        {label:"订单编号",span:10,type:"ag-input",enName:'order_sn',placeholder:'请输入洗碗机',size:'small',clearable:true,show:true,value:false,required:true,options:[{label:"是",value:'1'},{label:"否",value:'2'}]},
+        {label:"IMEI/机器编号",span:10,type:"ag-input-number",enName:'imei',labelWidth:'120px',placeholder:'请输入IMEI/机器编号',size:'small',clearable:true,max:10,min:2,step:2,show:true},
         {label:"质检码",span:12,type:"ag-rate",value:'',enName:'ser_sn',placeholder:'请输入质检码',size:'small',clearable:true,show:true,options:[{value:'1',label:'112'},{value:'2',label:'2223'}]},
         {label:"质检时间",span:12,type:"ag-multifunction-search",enName:'time',showAlpha:true,size:'small',colorFormat:'hsv',show:true},
-        {label:"头像",span:12,type:"ag-mution-checkbox",enName:'avatar',datas:[
-        {
-          label:"分类", 
-          value:"class", 
-        },
-        {
-          label:"品牌", 
-          value:"brand",
-          placeholder:"请输入品牌"
-        },
-        {
-          label:"型号",
-          elem:'el-select',
-          value:"model",
-          options: []
-        },
-        {
-          label:"颜色",
-          elem:'el-select',
-          value:"color",
-          options:[]
-        },
-        {
-          label:"容量",
-          elem:'el-select',
-          value:"capacity",
-          options:[]
-        }
-      ],placeholder:'请输入质检码',size:'small',clearable:true,show:true,limit:4,multiple:true},
+       
       ],
+      searchdatas:[
+        {label:"IMEI",span:4,type:"ag-input",enName:'order_sn',placeholder:'请输入洗碗机',size:'small',clearable:true,show:true,value:false,required:true,options:[{label:"是",value:'1'},{label:"否",value:'2'}]},
+        {label:"订单编号",span:4,type:"ag-input-number",enName:'imei',labelWidth:'120px',placeholder:'请输入IMEI/机器编号',size:'small',clearable:true,max:10,min:2,step:2,show:true},
+        {label:"质检码",span:4,type:"ag-rate",value:'',enName:'ser_sn',placeholder:'请输入质检码',size:'small',clearable:true,show:true,},
+        {label:"质检时间",span:6,type:"ag-multion-input",enName:'time',showAlpha:true,size:'small',colorFormat:'hsv',options:[{value:'1',label:'112'},{value:'2',label:'2223'}],show:true},
+      ],
+      searchvalue:{
+        order_sn:"11",
+        imei:'',
+        ser_sn:2,
+        timer:['1','2']
+      },
       formvalue:{
         order_sn:"11",
         imei:'',
@@ -462,6 +448,9 @@ export default {
     handleSizeChange() {},
     handleCurrentChange() {},
     handleClose() {},
+    onRest(val){
+      console.log(val,"onRest")
+    } 
   },
 };
 </script>

From 8565ddb5a3228d8d10e1b188f9e1f2d13c83c4b7 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 13 Sep 2024 11:21:38 +0800
Subject: [PATCH 43/47] 44

---
 packages/agMultionInput/src/index.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/agMultionInput/src/index.vue b/packages/agMultionInput/src/index.vue
index 38f2678..e4f8dc8 100644
--- a/packages/agMultionInput/src/index.vue
+++ b/packages/agMultionInput/src/index.vue
@@ -7,7 +7,7 @@
       :value="value&&value[0]" 
       @change="onSelect"
       class="ag_select_group"
-       :style="{ width: `${swidth}px` }"
+       :style="{ width: `${swidth+20}px` }"
     > 
     </ag-select>  
       <ag-input
@@ -132,12 +132,13 @@
             throw new Error("请传入数组");
           }
           let newselectValue=newVal[0];   
-          const find=this.$attrs.options&&this.$attrs.options.find((f)=>f.value==newselectValue);
+          const find=newselectValue&&newselectValue!=""&&this.$attrs.options&&this.$attrs.options.find((f)=>f.value==newselectValue);
           if(find){  
             let fontwidth=this.getStringWidth(find.label);
             this.swidth=fontwidth>165?165:fontwidth;   
+          }else{
+            this.swidth=120; 
           } 
-  
         },
         immediate: true,
       },
@@ -151,13 +152,13 @@
     methods: {
       onSelect(value){
         if(this.$listeners.change){
-          this.$emit("change", [value, this.value[1]||""]);
+          this.$emit("change", [value||"", this.value[1]||""]);
         }
    
       },
       onInputChange(val){ 
         if(this.$listeners.change){
-          this.$emit("change", [this.value[0] ||"",val]);
+          this.$emit("change", [this.value[0]||"",val]);
         }
       },
       getStringWidth(text) {

From 57ef27b43d35db6c41205234b7743f9faa7a6fd3 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 13 Sep 2024 11:23:27 +0800
Subject: [PATCH 44/47] 222

---
 packages/agMultionDatePicker/src/index.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/agMultionDatePicker/src/index.vue b/packages/agMultionDatePicker/src/index.vue
index 9eceb38..e04df95 100644
--- a/packages/agMultionDatePicker/src/index.vue
+++ b/packages/agMultionDatePicker/src/index.vue
@@ -44,7 +44,7 @@ export default {
   data() {
     return {
       values: [null, []],
-      swidth:90,
+      swidth:100,
       inputValue:"",
       selectvalue:"",
       imeipopover:false,
@@ -66,7 +66,9 @@ export default {
         if(find){  
           let fontwidth=this.getStringWidth(find.label);
           this.swidth=fontwidth>165?165:fontwidth;   
-        } 
+        }else{
+          this.swidth=100;
+        }
 
       },
       immediate: true,

From 146a02cdd97b53ea6424b2e4896f32efcce78c01 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 13 Sep 2024 12:04:24 +0800
Subject: [PATCH 45/47] 333

---
 packages/agQuery/src/index.vue | 50 ++++++++++++++++++++++------------
 src/App.vue                    |  2 +-
 2 files changed, 34 insertions(+), 18 deletions(-)

diff --git a/packages/agQuery/src/index.vue b/packages/agQuery/src/index.vue
index a23ce63..2850630 100644
--- a/packages/agQuery/src/index.vue
+++ b/packages/agQuery/src/index.vue
@@ -9,9 +9,8 @@
         <el-form label-position="left" size="small" :model="values" :inline="false"  v-if="inputs.length>0" ref="queryformref">
             <ag-row>
                 <ag-col :span="12" v-for="(item,index) in inputs" :key="index">
-                <el-form-item :label="item.label" :rules="item.rules" :prop="item.name"> 
-                    <ag-input :placeholder="item.placeholder" :value="item.value||''" closeable v-if="item.elem=='el-input'" @change="onSelect($event,item,index)"/>
-                    <ag-select :placeholder="item.placeholder" :value="item.value||''" closeable v-if="item.elem=='el-select'" :options="item.options" style="width:100%" @change="onSelect($event,item,index)"/>
+                <el-form-item :label="item.label" :rules="item.rules" :prop="item.name">  
+                    <ag-select :placeholder="item.placeholder" :value="item.value||''" closeable :options="item.options" style="width:100%" @change="onSelect($event,item,index)"/>
                 </el-form-item> 
             </ag-col> 
          </ag-row>
@@ -53,6 +52,15 @@
           return [];
         },
       }, 
+      props:{
+        type: Object,
+        default: () => {
+          return { 
+            lazyLoad (node, resolve) { 
+            }
+          };
+        }, 
+      }
     },
     model: {  
       prop: 'values', // 明确指定 prop 为 'value'  
@@ -61,14 +69,18 @@
      mounted(){  
        let newinput=this.inputs.map((g)=>g.label); 
        this.placeholder="请选择"+newinput.join("/");
+       if(this.props.lazyLoad){
+             this.props.lazyLoad({level:0,pathLabels:this.values,value:""},(datas)=>{
+                this.inputs[index+1].options=datas;
+              }); 
+       }
     },
     data() {
       return {
         values: {},
         placeholderValue:"",
         placeholder:"请选择",
-        popState:false,
-        
+        popState:false, 
       }
     }, 
     methods: {
@@ -76,22 +88,26 @@
          this.values={};
          this.$emit('onSearch',this.values);
       },
-      onSelect(value,item,index){  
+      onSelect(value,item,index){   
           item.value=value;   
           this.$set(this.inputs,index,item);
           let newvalues={};
+         
           let newplaceholderValue=[];
-          this.inputs.map((g)=>{
-            if(g.value&&g.name){
-              newvalues[g.name]=g.value;  
-              g.options.find((f)=>f.value==g.value).label&&(newplaceholderValue.push(g.options.find((f)=>f.value==g.value).label)); 
-            } 
-          });
-          if(this.$listeners.change){
-             this.$emit('change',newvalues);
-          }
-              this.values=newvalues;
-              this.placeholderValue=newplaceholderValue.join("/")
+            this.inputs.map((g)=>{
+              if(g.value&&g.name){
+                newvalues[g.name]=g.value;  
+                g.options.find((f)=>f.value==g.value).label&&(newplaceholderValue.push(g.options.find((f)=>f.value==g.value).label)); 
+              } 
+            });
+            this.values=newvalues;
+            if(this.$listeners.change){
+              this.$emit('change',newvalues);
+            }
+            this.props.lazyLoad({level:index+1,pathLabels:newvalues,value},(datas)=>{
+                this.inputs[index+1].options=datas;
+              }); 
+            this.placeholderValue=newplaceholderValue.join("/")
       },
       onCancel(){
         this.popState=false;
diff --git a/src/App.vue b/src/App.vue
index de952ae..6b2e8ea 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -218,7 +218,7 @@ export default {
         },
         {
           label:"型号",
-          elem:'el-select',
+          elem:'el-input',
           name:"model",
           options: []
         },

From 7a08110f8bdeb6654e8a794f45a18eec299ace3b Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 13 Sep 2024 12:05:17 +0800
Subject: [PATCH 46/47] 22

---
 packages/agQuery/src/index.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/agQuery/src/index.vue b/packages/agQuery/src/index.vue
index 2850630..7cc6453 100644
--- a/packages/agQuery/src/index.vue
+++ b/packages/agQuery/src/index.vue
@@ -104,9 +104,11 @@
             if(this.$listeners.change){
               this.$emit('change',newvalues);
             }
-            this.props.lazyLoad({level:index+1,pathLabels:newvalues,value},(datas)=>{
+            if(this.props.lazyLoad){
+              this.props.lazyLoad({level:index+1,pathLabels:newvalues,value},(datas)=>{
                 this.inputs[index+1].options=datas;
               }); 
+            } 
             this.placeholderValue=newplaceholderValue.join("/")
       },
       onCancel(){

From 58b2d52adf212b57f51c3718561ee51db514ca96 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Fri, 13 Sep 2024 12:05:37 +0800
Subject: [PATCH 47/47] 33

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3a6c0c1..44ba843 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.19", 
+  "version": "0.1.20", 
   "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",