diff --git a/docs/index.html b/docs/index.html
index e3bb10f77..3ccbe63da 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vxe-table/favicon.ico><title>vxe-table 表格</title><link href=/vxe-table/static/css/chunk-vendors.94d9aa44.css rel=preload as=style><link href=/vxe-table/static/css/index.ada8feb2.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.ac1d198d.js rel=preload as=script><link href=/vxe-table/static/js/index.92ce3b8f.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.94d9aa44.css rel=stylesheet><link href=/vxe-table/static/css/index.ada8feb2.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.ac1d198d.js></script><script src=/vxe-table/static/js/index.92ce3b8f.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vxe-table/favicon.ico><title>vxe-table 表格</title><link href=/vxe-table/static/css/chunk-vendors.94d9aa44.css rel=preload as=style><link href=/vxe-table/static/css/index.ada8feb2.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.ac1d198d.js rel=preload as=script><link href=/vxe-table/static/js/index.13fe5886.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.94d9aa44.css rel=stylesheet><link href=/vxe-table/static/css/index.ada8feb2.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.ac1d198d.js></script><script src=/vxe-table/static/js/index.13fe5886.js></script></body></html>
\ No newline at end of file
diff --git a/docs/static/js/index.13fe5886.js b/docs/static/js/index.13fe5886.js
new file mode 100644
index 000000000..f01e99619
--- /dev/null
+++ b/docs/static/js/index.13fe5886.js
@@ -0,0 +1 @@
+var VXETable=function(e){function t(t){for(var l,o,i=t[0],s=t[1],c=t[2],u=0,p=[];u<i.length;u++)o=i[u],n[o]&&p.push(n[o][0]),n[o]=0;for(l in s)Object.prototype.hasOwnProperty.call(s,l)&&(e[l]=s[l]);d&&d(t);while(p.length)p.shift()();return r.push.apply(r,c||[]),a()}function a(){for(var e,t=0;t<r.length;t++){for(var a=r[t],l=!0,i=1;i<a.length;i++){var s=a[i];0!==n[s]&&(l=!1)}l&&(r.splice(t--,1),e=o(o.s=a[0]))}return e}var l={},n={index:0},r=[];function o(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=l,o.d=function(e,t,a){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(o.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)o.d(a,l,function(t){return e[t]}.bind(null,l));return a},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/vxe-table/";var i=window["webpackJsonpVXETable"]=window["webpackJsonpVXETable"]||[],s=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var d=s;return r.push([0,"chunk-vendors"]),a()}({0:function(e,t,a){e.exports=a("c31f")},"0b8a":function(e,t,a){},"0e3c":function(e){e.exports=[{id:100,key:"home.label.name",name:"名字",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095},{id:101,key:"home.label.name",name:"Name",language:"en_US",createTime:1550923830095,updateTime:1552923830095},{id:102,key:"home.label.age",name:"年龄",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095},{id:103,key:"home.label.age",name:"Age",language:"en_US",createTime:1550923830095,updateTime:1552923830095},{id:104,key:"home.label.role",name:"Role",language:"en_US",createTime:1550923830095,updateTime:1552923830095},{id:105,key:"comm.label.cancel",name:"取消",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095},{id:106,key:"comm.label.cancel",name:"Cancel",language:"en_US",createTime:1550923830095,updateTime:1552923830095},{id:107,key:"home.label.phone",name:"手机",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095},{id:108,key:"comm.label.confirm",name:"确认",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095}]},1:function(e,t){},"166b":function(e,t,a){"use strict";var l=a("5410"),n=a.n(l);n.a},1762:function(e,t,a){"use strict";var l=a("4db8"),n=a.n(l);n.a},"1f85":function(e,t,a){"use strict";var l=a("0b8a"),n=a.n(l);n.a},2:function(e,t){},"300b":function(e,t,a){"use strict";var l=a("4b04"),n=a.n(l);n.a},3096:function(e){e.exports=[{id:1,key:"name",name:"名字",readonly:!1,required:!0,validator:"",validMsg:"",visible:!0,width:null,align:"",type:"ElInput",seq:1,describe:"",createTime:1550923830095,updateTime:1550105830095},{id:2,key:"age",name:"年龄",readonly:!1,required:!1,validator:"",validMsg:"",visible:!0,width:"140",align:"center",type:"ElInputNumber",seq:2,describe:"",createTime:1550923830095,updateTime:1550205830095},{id:3,key:"date",name:"日期",readonly:!1,required:!1,validator:"",validMsg:"",visible:!0,width:"200",align:"",type:"ElDatePicker",seq:3,describe:"",createTime:1550923830095,updateTime:1550305830095},{id:4,key:"phone",name:"手机",readonly:!1,required:!1,validator:"^1[34578][0-9]{9}$",validMsg:"手机格式输入错误",visible:!0,width:null,align:"",type:"ElInput",seq:4,describe:"",createTime:1550923830095,updateTime:1550405830095},{id:5,key:"role",name:"角色",readonly:!1,required:!1,validator:"",validMsg:"",visible:!1,width:null,align:"",type:"ElInput",seq:5,describe:"",createTime:1550923830095,updateTime:1550505830095}]},3261:function(e){e.exports=[{id:100,parentId:null,name:"一级目录",size:null,type:"0",createTime:1550923830095,updateTime:1551923830095},{id:101,parentId:100,name:"二级目录",size:null,type:"0",createTime:1550923830095,updateTime:1552923830095},{id:10100,parentId:101,name:"文件10100.pdf",size:218,type:"1",createTime:1550923830095,updateTime:1553924830095},{id:10101,parentId:101,name:"文件10101.excel",size:512,type:"1",createTime:1550923830095,updateTime:1550925830095},{id:102,parentId:100,name:"文件102.word",size:101024,type:"1",createTime:1550923830095,updateTime:1550963830095},{id:200,parentId:null,name:"我的文件",size:null,type:"0",createTime:1550923830095,updateTime:1550983830095},{id:201,parentId:200,name:"文件201.zip",size:1024,type:"1",createTime:1550923830095,updateTime:1550927830095},{id:202,parentId:200,name:"文件202.text",size:4096,type:"1",createTime:1550923830095,updateTime:1550926830095},{id:301,parentId:null,name:"文件301.zip",size:4024,type:"1",createTime:1550923830095,updateTime:1550823830095}]},"3f4a":function(e,t){e.exports={vxe:{table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",allFilter:"全部"}}}},4612:function(e){e.exports={"!return|array(50-500)":{"id|number":"{{ $index+1 }}",name:"{{ random.repeat(['name', 'test'],1) }}_{{ $index }}",nickname:"{{ random.repeat(['昵称', '名字'],1) }}_{{ $index }}",password:"{{ random.repeat('abcdefgABCDEFG',6,12) }}","sex|random(1)":[null,"0","1"],"role|random(1)":["前端","后端","测试","设计","项目经理"],"region|random(1)":[[1,1,5],[19,199,1773],[9,73,719]],email:"{{ random.repeat('abcdefg',5,20) }}@{{ random.repeat(['qq','163'],1) }}.{{ random.repeat(['com','net'],1) }}","age|number":"{{ random.num(18,30) }}","rate|number":"{{ random.num(0,5) }}","flag|boolean":"{{ random.num(0,1) }}",phone:"136{{ random.num(10000000,99999999) }}",describe:"{{ random.repeat('用户信息',2,6) }}",describe2:"{{ random.repeat('用户信息',4,10) }}",describe3:"{{ random.repeat('用户信息',6,20) }}","seq|number":"{{ $index }}","date|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}","createTime|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}","updateTime|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}",attr1:null,attr2:null,attr3:null,attr4:null,attr5:null,attr6:null}}},"4b04":function(e,t,a){},"4db8":function(e,t,a){},5410:function(e,t,a){},"5a32":function(e,t,a){},"62f2":function(e){e.exports=[{value:1,label:"北京",children:[{value:1,label:"北京市",children:[{value:1,label:"东城区"},{value:2,label:"西城区"},{value:3,label:"崇文区"},{value:4,label:"宣武区"},{value:5,label:"朝阳区"},{value:6,label:"丰台区"},{value:7,label:"石景山区"},{value:8,label:"海淀区"},{value:9,label:"门头沟区"},{value:10,label:"房山区"},{value:11,label:"通州区"},{value:12,label:"顺义区"},{value:13,label:"昌平区"},{value:14,label:"大兴区"},{value:15,label:"怀柔区"},{value:16,label:"平谷区"},{value:17,label:"密云县"},{value:18,label:"延庆县"}]}]},{value:9,label:"上海",children:[{value:73,label:"上海市",children:[{value:719,label:"黄浦区"},{value:720,label:"卢湾区"},{value:721,label:"徐汇区"},{value:722,label:"长宁区"},{value:723,label:"静安区"},{value:724,label:"普陀区"},{value:725,label:"闸北区"},{value:726,label:"虹口区"},{value:727,label:"杨浦区"},{value:728,label:"闵行区"},{value:729,label:"宝山区"},{value:730,label:"嘉定区"},{value:731,label:"浦东新区"},{value:732,label:"金山区"},{value:733,label:"松江区"},{value:734,label:"青浦区"},{value:735,label:"南汇区"},{value:736,label:"奉贤区"},{value:737,label:"崇明县"}]}]},{value:19,label:"广东",children:[{value:197,label:"广州市",children:[{value:1747,label:"东山区"},{value:1748,label:"荔湾区"},{value:1749,label:"越秀区"},{value:1750,label:"海珠区"},{value:1751,label:"天河区"},{value:1752,label:"芳村区"},{value:1753,label:"白云区"},{value:1754,label:"黄埔区"},{value:1755,label:"番禺区"},{value:1756,label:"花都区"},{value:1757,label:"增城市"},{value:1758,label:"从化市"}]},{value:198,label:"韶关市",children:[{value:1759,label:"武江区"},{value:1760,label:"浈江区"},{value:1761,label:"曲江区"},{value:1762,label:"始兴县"},{value:1763,label:"仁化县"},{value:1764,label:"翁源县"},{value:1765,label:"乳源瑶族自治县"},{value:1766,label:"新丰县"},{value:1767,label:"乐昌市"},{value:1768,label:"南雄市"}]},{value:199,label:"深圳市",children:[{value:1769,label:"罗湖区"},{value:1770,label:"福田区"},{value:1771,label:"南山区"},{value:1772,label:"宝安区"},{value:1773,label:"龙岗区"},{value:1774,label:"盐田区"}]},{value:200,label:"珠海市",children:[{value:1775,label:"香洲区"},{value:1776,label:"斗门区"},{value:1777,label:"金湾区"}]},{value:201,label:"汕头市",children:[{value:1778,label:"龙湖区"},{value:1779,label:"金平区"},{value:1780,label:"濠江区"},{value:1781,label:"潮阳区"},{value:1782,label:"潮南区"},{value:1783,label:"澄海区"},{value:1784,label:"南澳县"}]},{value:202,label:"佛山市",children:[{value:1785,label:"禅城区"},{value:1786,label:"南海区"},{value:1787,label:"顺德区"},{value:1788,label:"三水区"},{value:1789,label:"高明区"}]},{value:203,label:"江门市",children:[{value:1790,label:"蓬江区"},{value:1791,label:"江海区"},{value:1792,label:"新会区"},{value:1793,label:"台山市"},{value:1794,label:"开平市"},{value:1795,label:"鹤山市"},{value:1796,label:"恩平市"}]},{value:204,label:"湛江市",children:[{value:1797,label:"赤坎区"},{value:1798,label:"霞山区"},{value:1799,label:"坡头区"},{value:1800,label:"麻章区"},{value:1801,label:"遂溪县"},{value:1802,label:"徐闻县"},{value:1803,label:"廉江市"},{value:1804,label:"雷州市"},{value:1805,label:"吴川市"}]},{value:205,label:"茂名市",children:[{value:1806,label:"茂南区"},{value:1807,label:"茂港区"},{value:1808,label:"电白县"},{value:1809,label:"高州市"},{value:1810,label:"化州市"},{value:1811,label:"信宜市"}]},{value:206,label:"肇庆市",children:[{value:1812,label:"端州区"},{value:1813,label:"鼎湖区"},{value:1814,label:"广宁县"},{value:1815,label:"怀集县"},{value:1816,label:"封开县"},{value:1817,label:"德庆县"},{value:1818,label:"高要市"},{value:1819,label:"四会市"}]},{value:207,label:"惠州市",children:[{value:1820,label:"惠城区"},{value:1821,label:"惠阳区"},{value:1822,label:"博罗县"},{value:1823,label:"惠东县"},{value:1824,label:"龙门县"}]},{value:208,label:"梅州市",children:[{value:1825,label:"梅江区"},{value:1826,label:"梅县"},{value:1827,label:"大埔县"},{value:1828,label:"丰顺县"},{value:1829,label:"五华县"},{value:1830,label:"平远县"},{value:1831,label:"蕉岭县"},{value:1832,label:"兴宁市"}]},{value:209,label:"汕尾市",children:[{value:1833,label:"城区"},{value:1834,label:"海丰县"},{value:1835,label:"陆河县"},{value:1836,label:"陆丰市"}]},{value:210,label:"河源市",children:[{value:1837,label:"源城区"},{value:1838,label:"紫金县"},{value:1839,label:"龙川县"},{value:1840,label:"连平县"},{value:1841,label:"和平县"},{value:1842,label:"东源县"}]},{value:211,label:"阳江市",children:[{value:1843,label:"江城区"},{value:1844,label:"阳西县"},{value:1845,label:"阳东县"},{value:1846,label:"阳春市"}]},{value:212,label:"清远市",children:[{value:1847,label:"清城区"},{value:1848,label:"佛冈县"},{value:1849,label:"阳山县"},{value:1850,label:"连山壮族瑶族自治县"},{value:1851,label:"连南瑶族自治县"},{value:1852,label:"清新县"},{value:1853,label:"英德市"},{value:1854,label:"连州市"}]},{value:213,label:"东莞市",children:[]},{value:214,label:"中山市",children:[]},{value:215,label:"潮州市",children:[{value:1855,label:"湘桥区"},{value:1856,label:"潮安县"},{value:1857,label:"饶平县"}]},{value:216,label:"揭阳市",children:[{value:1858,label:"榕城区"},{value:1859,label:"揭东县"},{value:1860,label:"揭西县"},{value:1861,label:"惠来县"},{value:1862,label:"普宁市"}]},{value:217,label:"云浮市",children:[{value:1863,label:"云城区"},{value:1864,label:"新兴县"},{value:1865,label:"郁南县"},{value:1866,label:"云安县"},{value:1867,label:"罗定市"}]}]}]},"696c":function(e,t){},"6c0e":function(e,t,a){"use strict";var l=a("5a32"),n=a.n(l);n.a},7909:function(e,t,a){},"8e1f":function(e,t,a){},9391:function(e){e.exports=[{label:"中文",value:"zh_CN"},{label:"English",value:"en_US"}]},b4c6:function(e){e.exports={"!return|array(5-50)":{"id|number":"{{ $index+1 }}",name:"{{ random.repeat(['前端', '后端', '测试', '项目经理', '设计'],1) }}_{{ $index }}",describe:"{{ random.repeat('角色描述',4,50) }}","seq|number":"{{ $index }}","createTime|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}","updateTime|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}"}}},c31f:function(e,t,a){"use strict";a.r(t);var l=a("0a0d"),n=a.n(l),r=(a("cadf"),a("551c"),a("f751"),a("097d"),a("2b0e")),o=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{attrs:{id:"app"}},[e._m(0),a("div",{staticClass:"page-container"},[a("div",{staticClass:"aside"},[a("ul",{staticClass:"nav-menu"},e._l(e.tableList,function(t,l){return a("li",{key:l},[a("a",{staticClass:"nav-link",on:{click:function(a){return e.linkEvent(t)}}},[e._v(e._s(t.lable))]),t.children?a("ul",{directives:[{name:"show",rawName:"v-show",value:t.expand,expression:"item.expand"}],staticClass:"nav-child-menu"},e._l(t.children,function(t,l){return a("li",{key:l},[t.disabled?a("a",{staticClass:"nav-link disabled",attrs:{title:"后续版本会考虑支持该功能！"}},[e._v(e._s(t.lable))]):a("router-link",{staticClass:"nav-link",attrs:{to:t.locat}},[e._v(e._s(t.lable))])],1)}),0):e._e()])}),0)]),a("div",{staticClass:"body"},[a("a",{staticClass:"link tosrc",attrs:{href:"https://github.com/xuliangzhan/vxe-table/tree/master/examples/views/table",target:"_blank"}},[e._v("查看代码")]),e.demoLink?a("a",{staticClass:"link todemo",attrs:{href:e.demoLink,target:"_blank"}},[e._v("在线运行")]):e._e(),a("router-view")],1)]),e._m(1)])},i=[function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("header",{staticClass:"page-header"},[l("img",{staticClass:"logo",attrs:{src:a("d8ca")}}),l("h1",{staticClass:"title"},[l("a",{attrs:{href:"https://github.com/xuliangzhan/vxe-table"}},[e._v("vxe-table")])]),l("span",{staticClass:"desc"},[e._v("一个性能更优、功能更强的 Vue 表格组件")])])},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("footer",{staticClass:"page-footer"},[a("p",{staticClass:"copyright"},[e._v("github "),a("a",{staticClass:"link",attrs:{href:"https://github.com/xuliangzhan/vxe-table"}},[e._v("vxe-table")]),e._v(" Copyright (c) 2019-present, Xu Liangzhan")])])}],s=(a("ac6a"),a("28a5"),a("7f7f"),a("7514"),{data:function(){return{selected:null,tableList:[{lable:"开发指南",value:"start",expand:!1,children:[{lable:"安装",locat:{name:"TableInstall"}},{lable:"快速上手",locat:{name:"TableUse"}}]},{lable:"基本功能",value:"base",expand:!1,children:[{lable:"基础",demoUrl:"https://jsrun.net/VrXKp",locat:{name:"TableBasic"}},{lable:"尺寸",demoUrl:"https://jsrun.net/PmXKp",locat:{name:"TableSize"}},{lable:"斑马线条纹",demoUrl:"https://jsrun.net/zrXKp",locat:{name:"TableStripe"}},{lable:"带边框",demoUrl:"https://jsrun.net/QrXKp",locat:{name:"TableBorder"}},{lable:"单元格样式",demoUrl:"https://jsrun.net/EmXKp",locat:{name:"TableStyle"}},{lable:"隐藏头部",demoUrl:"https://jsrun.net/7mXKp",locat:{name:"TableHeader"}},{lable:"列宽拖动",demoUrl:"https://jsrun.net/5AXKp",locat:{name:"TableResizable"}},{lable:"流体高度",demoUrl:"https://jsrun.net/smXKp",locat:{name:"TableMaxHeight"}},{lable:"固定表头",demoUrl:"https://jsrun.net/JrXKp",locat:{name:"TableHeight"}},{lable:"固定列",demoUrl:"https://jsrun.net/TrXKp",locat:{name:"TableFixed"}},{lable:"固定表头和列",demoUrl:"https://jsrun.net/8rXKp",locat:{name:"TableFixedFull"}},{lable:"表头分组",demoUrl:"https://jsrun.net/7rXKp",locat:{name:"TableGroup"}},{lable:"序号",demoUrl:"https://jsrun.net/xrXKp",locat:{name:"TableIndex"}},{lable:"单选",demoUrl:"https://jsrun.net/9rXKp",locat:{name:"TableRadio"}},{lable:"多选",demoUrl:"https://jsrun.net/erXKp",locat:{name:"TableSelection"}},{lable:"排序",demoUrl:"https://jsrun.net/crXKp",locat:{name:"TableSort"}},{lable:"筛选",demoUrl:"https://jsrun.net/drXKp",locat:{name:"TableFilter"}},{lable:"加载中",demoUrl:"https://jsrun.net/GjXKp",locat:{name:"TableLoading"}},{lable:"格式化内容",demoUrl:"https://jsrun.net/FrXKp",locat:{name:"TableFormat"}},{lable:"自定义模板",demoUrl:"https://jsrun.net/DjXKp",locat:{name:"TableTemplate"}}]},{lable:"高级功能",value:"advanced",expand:!1,children:[{lable:"合并行或列",demoUrl:"https://jsrun.net/5jXKp",locat:{name:"TableSpan"}},{lable:"表尾合计",demoUrl:"https://jsrun.net/dmXKp",locat:{name:"TableFooter"}},{lable:"显示/隐藏列",demoUrl:"https://jsrun.net/PrXKp",locat:{name:"TableCustom"}},{lable:"导出.cvs",demoUrl:"https://jsrun.net/cmXKp",locat:{name:"TableExport"}},{lable:"快捷菜单",demoUrl:"https://jsrun.net/VjXKp",locat:{name:"TableMenu"}},{lable:"展开行",demoUrl:"https://jsrun.net/eRXKp",locat:{name:"TableExpand"}},{lable:"树形结构",disabled:!0,locat:{name:"TableInstall"}}]},{lable:"Grid 表格",value:"grid",expand:!1,children:[{lable:"基础",demoUrl:"https://jsrun.net/5RXKp",locat:{name:"GridBasic"}},{lable:"分页",demoUrl:"https://jsrun.net/5RXKp",disabled:!0,locat:{name:"GridPage"}}]},{lable:"Big 表格",value:"scroll",expand:!1,children:[{lable:"海量数据",demoUrl:"https://jsrun.net/XRXKp",locat:{name:"TableScroll"}},{lable:"1 万行",locat:{name:"TableScrollRows"}},{lable:"10 万行 + 更复杂渲染",locat:{name:"TableScrollFullRows"}},{lable:"1 万行 1 万列",locat:{name:"TableScrollCols"}},{lable:"10 万行 1 万列 + 更复杂渲染",locat:{name:"TableScrollFullCols"}}]},{lable:"Edit 表格",value:"edit",expand:!1,children:[{lable:"手动触发",locat:{name:"TableEditManual"}},{lable:"点击触发",locat:{name:"TableEditClick"}},{lable:"双击触发",locat:{name:"TableEditDBLClick"}},{lable:"插入数据",locat:{name:"TableEditInsert"}},{lable:"删除数据",locat:{name:"TableEditRemove"}},{lable:"还原数据",locat:{name:"TableEditRevert"}},{lable:"编辑状态",locat:{name:"TableEditStatus"}},{lable:"禁用编辑",locat:{name:"TableEditDisable"}},{lable:"数据校验",locat:{name:"TableEditValid"}},{lable:"全键盘操作",locat:{name:"TableEditKeyboard"}},{lable:"自定义渲染",locat:{name:"TableEditTemplate"}}]},{lable:"Excel 表格",value:"excel",expand:!1,children:[{lable:"单元格编辑",locat:{name:"TableExcelCell"}}]},{lable:"集成",value:"other",expand:!1,children:[{lable:"element-ui 自定义渲染",locat:{name:"TableOtherElement"}},{lable:"element-ui 配置式插件",locat:{name:"TableOtherElementConfig"}},{lable:"element-ui 使用分页",locat:{name:"TableOtherElementPage"}},{lable:"iview 自定义渲染",locat:{name:"TableOtherIview"}},{lable:"iview 配置式插件",locat:{name:"TableOtherIviewConfig"}},{lable:"iview 使用分页",locat:{name:"TableOtherIviewPage"}},{lable:"使用 sortablejs 实现行排序",disabled:!0,locat:{name:"TableInstall"}}]},{lable:"API",value:"api",expand:!1,children:[{lable:"vxe-table",locat:{name:"TableAPI"}}]}]}},computed:{demoLink:function(){var e=this,t=this.tableList.find(function(e){return e.expand});if(t&&t.children){var a=t.children.find(function(t){return t.locat&&t.locat.name===e.$route.name});if(a)return a.demoUrl}return null}},created:function(){var e=this,t=this.tableList.find(function(t){return t.value===e.$route.path.split("/")[2]});t&&(t.expand=!0)},methods:{linkEvent:function(e){this.tableList.forEach(function(t){e!==t&&(t.expand=!1)}),e.expand=!e.expand}}}),c=s,d=a("2877"),u=Object(d["a"])(c,o,i,!1,null,null,null),p=u.exports,b=a("8c4f"),m=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},v=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h3",[e._v("npm 安装")]),a("p",[e._v("推荐使用 npm 的方式安装，它能更好地和 "),a("a",{staticClass:"link",attrs:{href:"https://webpack.js.org/"}},[e._v("webpack")]),e._v(" 打包工具配合使用。")]),a("pre",[e._v("    "),a("code",[e._v("\n      npm install vxe-table\n    ")]),e._v("\n  ")]),a("h3",[e._v("CDN")]),a("p",[e._v("可以通过 "),a("a",{staticClass:"link",attrs:{href:"https://unpkg.com/vxe-table/"}},[e._v("unpkg")]),e._v(" 或 "),a("a",{staticClass:"link",attrs:{href:"https://cdn.jsdelivr.net/npm/vxe-table/"}},[e._v("cdnjs")]),e._v(" 获取到最新版本的资源，并在页面上引入即可")]),a("pre",[e._v("    "),a("code",[e._v('\n      \x3c!-- 引入样式 --\x3e\n      <link rel="stylesheet" href="https://unpkg.com/vxe-table/lib/index.css">\n      \x3c!-- 引入脚本 --\x3e\n      <script src="https://unpkg.com/xe-utils"><\/script>\n      <script src="https://unpkg.com/vxe-table"><\/script>\n    ')]),e._v("\n  ")])])}],h=a("1487"),f=a.n(h),x={mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},g=x,w=Object(d["a"])(g,m,v,!1,null,null,null),y=w.exports,C=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},_=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h3",[e._v("全局参数")]),a("p",[e._v("修改默认的全局配置")]),a("pre",[e._v("    "),a("code",[e._v("\n      import Vue from 'vue'\n      import VXETable from 'vxe-table'\n      import 'vxe-table/lib/index.css'\n\n     Vue.use(VXETable, {\n      // 默认尺寸\n      size: 'small',\n      // 全局快捷菜单\n      contextMenu: null,\n      // 自定义渲染器\n      renderMap: {},\n      // 自定义图标配置\n      iconMap: {\n        sortAsc: 'vxe-sort--asc-icon',\n        sortDesc: 'vxe-sort--desc-icon',\n        filter: 'vxe-filter--icon',\n        edit: 'vxe-edit--icon'\n      },\n      // 优化配置项\n      optimized: {\n        scrollX: {\n          gt: 60,\n          oSize: 5,\n          rSize: 16\n        },\n        scrollY: {\n          gt: 500,\n          oSize: 20,\n          rSize: 80\n        }\n      }\n    })\n    ")]),e._v("\n  ")]),a("h3",[e._v("主题")]),a("p",[e._v("修改默认的主题颜色")]),a("pre",[e._v("    "),a("code",[e._v("\n      // Case 1. 引入默认的样式\n      import 'vxe-table/lib/index.css'\n\n      // Case 2. 自定义表格颜色（复制 style/variable.scss 到自己的项目中，修改颜色变量，然后引入）\n      // @import 'assets/style/vxe-table/variable.scss';\n      // @import 'vxe-table/style/table.scss';\n\n      // Case 3. 重写主题样式（复制 style/table.scss 到项目中自行修改）\n      // @import 'assets/style/vxe-table/variable.scss';\n      // @import 'assets/style/vxe-table/table.scss';\n    ")]),e._v("\n  ")]),a("h3",[e._v("国际化")]),a("p",[e._v("修改默认的国际化信息")]),a("pre",[e._v("    "),a("code",[e._v("\n      import Vue from 'vue'\n      import VueI18n from 'vxe-i18n'\n      import VXETable from 'vxe-table'\n      import zhCNLocat from 'vxe-table/lib/locale/lang/zh_CN'\n      import enLocat from 'vxe-table/lib/locale/lang/zh_CN'\n\n      const messages = {\n        zh_CN: {\n          ...zhCNLocat\n        },\n        en: {\n          ...enLocat\n        }\n      }\n\n      const i18n = new VueI18n({\n        locale: 'zh_CN',\n        messages,\n      })\n\n      Vue.use(VXETable, {\n        i18n: (key, value) => i18n.t(key, value)\n      })\n\n      new Vue({ i18n }).$mount('#app')\n    ")]),e._v("\n  ")])])}],T={mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},S=T,D=Object(d["a"])(S,C,_,!1,null,null,null),k=D.exports,E=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("基础使用")]),a("vxe-table",{attrs:{data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("ellipsis 当内容超过时显示为省略号")]),a("p",[e._v("show-overflow-title 当内容超过时显示为省略号和原生 title 显示")]),a("p",[e._v("show-overflow-tooltip 当内容超过隐藏时显示为省略号并 tooltip 显示")]),a("p",[e._v("使用 highlight-hover-row 属性启用 hover 行高亮")]),a("vxe-table",{attrs:{"highlight-hover-row":"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},A=[],L={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          :data.sync="tableData">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        ",'\n        <vxe-table\n          highlight-hover-row\n          :data.sync="tableData">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},I=L,O=Object(d["a"])(I,E,A,!1,null,null,null),M=O.exports,$=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("可以设置大小尺寸：medium / small / mini")]),a("p"),a("vxe-table",{attrs:{data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("设置大小为 medium")]),a("vxe-table",{attrs:{size:"medium",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("设置大小为 small")]),a("vxe-table",{attrs:{size:"small",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("设置大小为 mini")]),a("vxe-table",{attrs:{size:"mini",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},R=[],j={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,4);this.tableData=e}},N=j,z=Object(d["a"])(N,$,R,!1,null,null,null),P=z.exports,V=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("斑马线条纹")]),a("vxe-table",{attrs:{stripe:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 highlight-hover-row 属性启用 hover 行高亮")]),a("vxe-table",{attrs:{stripe:"","highlight-hover-row":"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},H=[],B={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},F=B,K=Object(d["a"])(F,V,H,!1,null,null,null),W=K.exports,X=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("带边框的表格")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},G=[],U={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},q=U,Y=Object(d["a"])(q,X,G,!1,null,null,null),J=Y.exports,Q=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("行的样色、单元格样式，表头的样式、表尾的样式、全部都可以完全自定义")]),a("vxe-table",{staticClass:"mytable-style",attrs:{border:"","header-cell-class-name":e.headerCellClassName,"row-class-name":e.rowClassName,"cell-class-name":e.cellClassName,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},Z=[],ee=(a("6762"),a("2fdb"),{data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},methods:{headerCellClassName:function(e){var t=e.column;e.columnIndex;if("name"===t.property)return"col-blue"},rowClassName:function(e){e.row;var t=e.rowIndex;if([2,3,5].includes(t))return"row-green"},cellClassName:function(e){var t=e.row,a=(e.rowIndex,e.column);e.columnIndex;if("sex"===a.property){if(t.sex>="1")return"col-red";if(26===t.age)return"col-orange"}}}}),te=ee,ae=(a("300b"),Object(d["a"])(te,Q,Z,!1,null,null,null)),le=ae.exports,ne=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("隐藏头部")]),a("vxe-table",{attrs:{"show-header":!1,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("当纵向内容过多时，出现横向滚动条")]),a("vxe-table",{attrs:{"show-header":!1,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},re=[],oe={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},ie=oe,se=Object(d["a"])(ie,ne,re,!1,null,null,null),ce=se.exports,de=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过设置 resizable 属性可以支持列宽拖动")]),a("vxe-table",{attrs:{border:"",resizable:"","highlight-hover-row":"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},ue=[],pe={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},be=pe,me=Object(d["a"])(be,de,ue,!1,null,null,null),ve=me.exports,he=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("当一个表格高度需要自适应的时候可以设置为流体高度")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"","max-height":"200",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("如果设置 max-height，当内容为达到最大高度时会自适应")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"","max-height":"200",data:e.tableData2},on:{"update:data":function(t){e.tableData2=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},fe=[],xe={data:function(){return{tableData:[],tableData2:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e,this.tableData2=window.MOCK_DATA_LIST.slice(0,2)}},ge=xe,we=Object(d["a"])(ge,he,fe,!1,null,null,null),ye=we.exports,Ce=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("当纵向内容过多时，固定表头就非常有用了")]),a("vxe-table",{attrs:{border:"",height:"400",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},_e=[],Te={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},Se=Te,De=Object(d["a"])(Se,Ce,_e,!1,null,null,null),ke=De.exports,Ee=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("当横向内容过多时，将列固定在左右两侧")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",width:"300"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role",width:"300"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date",width:"300"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",fixed:"right",width:"300","show-overflow-tooltip":""}})],1),a("p",[e._v("如果列宽足够的情况下，固定列不会浮动")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",fixed:"right",width:"300","show-overflow-tooltip":""}})],1)],1)},Ae=[],Le={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,4);this.tableData=e}},Ie=Le,Oe=Object(d["a"])(Ie,Ee,Ae,!1,null,null,null),Me=Oe.exports,$e=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("横纵内容过多时，同时固定列和表头")]),a("vxe-table",{attrs:{border:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",width:"300"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role",width:"300"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date",width:"300"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",fixed:"right",width:"300","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 optimized 参数可以使固定列的节点减到最少，并将所有单元格设置为禁止换行")]),a("vxe-table",{attrs:{border:"",optimized:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",width:"300"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role",width:"300"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date",width:"300"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",fixed:"right",width:"300","show-overflow-tooltip":""}})],1)],1)},Re=[],je={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},Ne=je,ze=Object(d["a"])(Ne,$e,Re,!1,null,null,null),Pe=ze.exports,Ve=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("当数据结构比较复杂的时候，可以使用多级表头显示更加直观")]),a("vxe-table",{attrs:{border:"",height:"400",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{label:"基本信息"}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}})],1),a("vxe-table-column",{attrs:{label:"更多信息"}},[a("vxe-table-column",{attrs:{prop:"role",label:"Role"}}),a("vxe-table-column",{attrs:{label:"详细信息"}},[a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1)],1),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("如果使用了分组表头情，则需要按组来设置固定列")]),a("vxe-table",{attrs:{border:"",height:"400",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{label:"基本信息"}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",fixed:"left",width:"100"}})],1),a("vxe-table-column",{attrs:{label:"更多信息"}},[a("vxe-table-column",{attrs:{prop:"role",label:"Role",width:"300"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{label:"详细信息"}},[a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date",width:"300"}})],1)],1),a("vxe-table-column",{attrs:{prop:"address",label:"Address",width:"300",fixed:"right","show-overflow-tooltip":""}})],1)],1)},He=[],Be={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},Fe=Be,Ke=Object(d["a"])(Fe,Ve,He,!1,null,null,null),We=Ke.exports,Xe=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("默认的序号从 1 开始，你也可以自定义 indexMethod 函数")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 indexMethod 自定义序号")]),a("vxe-table",{attrs:{border:"",height:"300",data:e.tableData2},on:{"update:data":function(t){e.tableData2=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60","index-method":e.indexMethod}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},Ge=[],Ue={data:function(){return{tableData:[],tableData2:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,4);this.tableData=e,this.tableData2=window.MOCK_DATA_LIST.slice(0,50)},methods:{indexMethod:function(e){var t=e.rowIndex;return 2*t}}},qe=Ue,Ye=Object(d["a"])(qe,Xe,Ge,!1,null,null,null),Je=Ye.exports,Qe=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 highlight-current-row 方式；选项改变触发事件select-change")]),a("vxe-table",{attrs:{border:"","highlight-current-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 radio 方式")]),a("vxe-table",{attrs:{border:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"radio",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("当然也可以两种方式同时使用")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setCurrentRow(e.tableData[1])}}},[e._v("设置第二行选中")]),a("vxe-table",{ref:"xTable",attrs:{border:"","highlight-current-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"radio",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},Ze=[],et={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},tt=et,at=Object(d["a"])(tt,Qe,Ze,!1,null,null,null),lt=at.exports,nt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用默认方式，勾选全部事件select-all，勾选事件select-change")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.toggleRowSelection(e.tableData[1])}}},[e._v("切换第二行选中")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setSelection([e.tableData[2],e.tableData[3]],!0)}}},[e._v("设置第三、四行选中")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setSelection(e.tableData,!0)}}},[e._v("设置所有行选中")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.clearSelection()}}},[e._v("清除所有行选中")]),a("vxe-table",{ref:"xTable",attrs:{border:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 prop 绑定方式")]),a("vxe-table",{attrs:{border:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{prop:"checked",type:"selection",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},rt=[],ot={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},it=ot,st=Object(d["a"])(it,nt,rt,!1,null,null,null),ct=st.exports,dt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过给需要排序功能的列加上 sortable 属性可以支持排序，还可以通过设置 sort-by 多字段进行排序")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",sortable:""}})],1),a("p",[e._v("配置 sort-by 多个字段组合排序")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",sortable:"","sort-by":["time","name"]}})],1)],1)},ut=[],pt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},bt=pt,mt=Object(d["a"])(bt,dt,ut,!1,null,null,null),vt=mt.exports,ht=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过设置 filters 属性和 filterMethod 方法可以支持列筛选功能")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"400",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:"",filters:[{label:"id大于10",value:10},{label:"id大于40",value:40}],filterMethod:e.filterMethod}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",sortable:"",filters:[{label:"Man",value:"1"},{label:"Woman",value:"0"}]}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",sortable:""}})],1)],1)},ft=[],xt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e},methods:{filterMethod:function(e){var t=e.value,a=e.row;e.column;return a.id>=t}}},gt=xt,wt=Object(d["a"])(gt,ht,ft,!1,null,null,null),yt=wt.exports,Ct=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过设置 loading 属性可以使用自带的加载效果")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("加载中")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",loading:e.loading,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},_t=[],Tt={data:function(){return{tableData:[]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,50);e.tableData=t,e.loading=!1},3e3)}},St=Tt,Dt=Object(d["a"])(St,Ct,_t,!1,null,null,null),kt=Dt.exports,Et=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 formatter 格式化内容")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",formatter:e.formatTime}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},At=[],Lt=a("c695"),It=a.n(Lt),Ot={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},methods:{formatTime:function(e){var t=e.cellValue;e.row,e.column;return It.a.toDateString(t,"yyyy-MM-dd HH:ss:mm")}}},Mt=Ot,$t=Object(d["a"])(Mt,Et,At,!1,null,null,null),Rt=$t.exports,jt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 template 自定义模板；可以实现自定义任意内容及 html 元素")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""},scopedSlots:e._u([{key:"default",fn:function(t){var l=t.row;return[a("a",{attrs:{href:"https://github.com/xuliangzhan/vxe-table"}},[e._v(e._s(l.name))])]}}])}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"},scopedSlots:e._u([{key:"header",fn:function(t){t.column;return[a("span",{staticStyle:{color:"red"}},[e._v("自定义头")])]}}])}),a("vxe-table-column",{attrs:{prop:"time",label:"Time"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},Nt=[],zt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},Pt=zt,Vt=Object(d["a"])(Pt,jt,Nt,!1,null,null,null),Ht=Vt.exports,Bt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("合并列")]),a("vxe-table",{attrs:{border:"","max-height":"300","span-method":e.colspanMethod,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1),a("p",[e._v("合并行")]),a("vxe-table",{attrs:{border:"","max-height":"300","span-method":e.rowspanMethod,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"key",label:"Key"}}),a("vxe-table-column",{attrs:{prop:"language",label:"Language",filters:[{label:"中文",value:"zh_CN"},{label:"English",value:"en_US"}]}})],1)],1)},Ft=[],Kt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,20);this.tableData=e},methods:{colspanMethod:function(e){e.row;var t=e.rowIndex,a=(e.column,e.columnIndex);if(t%2===0){if(2===a)return{rowspan:1,colspan:2};if(3===a)return{rowspan:0,colspan:0}}},rowspanMethod:function(e){var t=e.row,a=e.rowIndex,l=e.column,n=(e.columnIndex,this.tableData),r=n[a-1],o=n[a+1];if("key"===l.property){if(r&&r.key===t.key)return{rowspan:0,colspan:0};if(o&&o.key===t.key)return{rowspan:2,colspan:1}}}}},Wt=Kt,Xt=Object(d["a"])(Wt,Bt,Ft,!1,null,null,null),Gt=Xt.exports,Ut=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 show-footer 和 footerMethod 自定义表尾合计")]),a("vxe-table",{staticClass:"mytable-footer",attrs:{border:"","highlight-hover-row":"","show-footer":"",height:"300","footer-method":e.footerMethod,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate"}})],1),a("p",[e._v("还可以配合 footerCellClassName 自定义不同列颜色")]),a("vxe-table",{staticClass:"mytable-footer",attrs:{border:"","show-footer":"",height:"300","footer-method":e.footerMethod,"footer-cell-class-name":e.footerCellClassName,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate"}})],1),a("p",[e._v("还可以固定列")]),a("vxe-table",{staticClass:"mytable-footer",attrs:{border:"","show-footer":"",height:"300","footer-method":e.footerMethod,"footer-cell-class-name":e.footerCellClassName,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","min-width":"600",sortable:""}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","min-width":"600"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","min-width":"600"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200",fixed:"right"}})],1)],1)},qt=[],Yt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},methods:{footerCellClassName:function(e){var t=e.rowIndex,a=(e.column,e.columnIndex);if(0===a)return 0===t?"col-blue":"col-red"},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":["age","rate"].includes(e.property)?It.a.mean(a,e.property):"-"}),t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},Jt=Yt,Qt=(a("6c0e"),Object(d["a"])(Jt,Ut,qt,!1,null,null,null)),Zt=Qt.exports,ea=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过 customs 来初始化绑定内部列变量，prop:属性,visible:默认是否显示；")]),a("p",[e._v("该功能对于列比较多的表格非常有用，可以轻松实现强大的显示/隐藏列的配置功能")]),a("div",{staticClass:"table-oper"},[a("span",{staticClass:"menu-btn"},[a("i",{staticClass:"icon-menu"}),a("div",{staticClass:"menu-wrapper"},e._l(e.allColumnList,function(t,l){return a("label",{key:l},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.visible,expression:"column.visible"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.visible)?e._i(t.visible,null)>-1:t.visible},on:{change:function(a){var l=t.visible,n=a.target,r=!!n.checked;if(Array.isArray(l)){var o=null,i=e._i(l,o);n.checked?i<0&&e.$set(t,"visible",l.concat([o])):i>-1&&e.$set(t,"visible",l.slice(0,i).concat(l.slice(i+1)))}else e.$set(t,"visible",r)}}}),a("span",[e._v(e._s(t.label))])])}),0)])]),a("vxe-table",{attrs:{border:"",height:"400",data:e.tableData,customs:e.customColumns},on:{"update:data":function(t){e.tableData=t},"update:customs":function(t){e.customColumns=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1)],1)},ta=[],aa={data:function(){return{tableData:[],customColumns:[]}},computed:{allColumnList:function(){return this.customColumns.filter(function(e){return e.property})}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,20);this.tableData=e}},la=aa,na=(a("1f85"),Object(d["a"])(la,ea,ta,!1,null,"9ace38ce",null)),ra=na.exports,oa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过调用 exportCsv 函数可以直接将表格导出为 .cvs 格式的文件；")]),a("button",{staticClass:"btn",on:{click:e.exportCsvEvent}},[e._v("默认导出")]),a("vxe-table",{ref:"xTable1",attrs:{"highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("配置 columnFilterMethod 参数过滤指定列")]),a("button",{staticClass:"btn",on:{click:e.exportCsvEvent2}},[e._v("导出指定列 [name,sex]")]),a("vxe-table",{ref:"xTable2",attrs:{"highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("配置 dataFilterMethod 参数过滤指定行")]),a("button",{staticClass:"btn",on:{click:e.exportCsvEvent3}},[e._v("导出指定第10-20行")]),a("vxe-table",{ref:"xTable3",attrs:{"highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("不导出表头，指定文件名，导出源数据,格式化数据")]),a("button",{staticClass:"btn",on:{click:e.exportCsvEvent4}},[e._v("完整配置")]),a("vxe-table",{ref:"xTable4",attrs:{"highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},ia=[],sa={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e},methods:{exportCsvEvent:function(){this.$refs.xTable1.exportCsv()},exportCsvEvent2:function(){this.$refs.xTable2.exportCsv({columnFilterMethod:function(e){return["name","sex"].includes(e.property)}})},exportCsvEvent3:function(){this.$refs.xTable3.exportCsv({dataFilterMethod:function(e,t){return t>=9&&t<20}})},exportCsvEvent4:function(){this.$refs.xTable1.exportCsv({filename:"自定义文件名.cvs",original:!0,isHeader:!1,data:this.tableData.map(function(e){return e.date=It.a.toDateString(e.date,"yyyy-MM-dd"),e})})}}},ca=sa,da=Object(d["a"])(ca,oa,ia,!1,null,null,null),ua=da.exports,pa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("右键快捷菜单，支持表头菜单、内容菜单、表尾菜单")]),a("p",[e._v("配置项 {header, body, footer}")]),a("vxe-table",{attrs:{border:"","show-footer":"","highlight-hover-row":"","footer-method":e.footerMethod,data:e.tableData,"context-menu":{header:{options:e.headerMenus},body:{options:e.bodyMenus},footer:{options:e.footerMenus}}},on:{"update:data":function(t){e.tableData=t},"context-menu-link":e.contextMenuLinkEvent}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time"}})],1)],1)},ba=[],ma={data:function(){return{tableData:[],headerMenus:[[{code:"exportAll",name:"导出所有.cvs"}]],bodyMenus:[[{code:"copy",name:"复制"},{code:"paste",name:"粘贴"}],[{code:"remove",name:"删除"},{code:"filter",name:"筛选",children:[{code:"clearFilter",name:"清除筛选"},{code:"filterSelect",name:"按所选单元格的值筛选"}]},{code:"sort",name:"排序",children:[{code:"clearSort",name:"清除排序"},{code:"sortAsc",name:"升序"},{code:"sortDesc",name:"倒序"}]},{code:"print",name:"打印",disabled:!0}]],footerMenus:[[{code:"clearAll",name:"清空数据"}]]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},methods:{contextMenuLinkEvent:function(e){alert(e.name)},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":["age","rate"].includes(e.property)?It.a.mean(a,e.property):"-"})]}}},va=ma,ha=Object(d["a"])(va,pa,ba,!1,null,null,null),fa=ha.exports,xa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v('通过设置 type="expand" 和 slot 可以开启展开行功能')]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.toggleRowExpansion(e.tableData[1])}}},[e._v("切换第二行展开")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setExpandRow([e.tableData[2],e.tableData[3]],!0)}}},[e._v("设置第三、四行展开")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setExpandRow(e.tableData,!0)}}},[e._v("设置所有行展开")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.clearExpand()}}},[e._v("关闭所有行展开")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{type:"expand",width:"60"},scopedSlots:e._u([{key:"default",fn:function(t){var l=t.row;return[a("ul",[a("li",[a("span",[e._v("ID：")]),a("span",[e._v(e._s(l.id))])]),a("li",[a("span",[e._v("Name：")]),a("span",[e._v(e._s(l.name))])]),a("li",[a("span",[e._v("UpdateTime：")]),a("span",[e._v(e._s(l.updateTime))])]),a("li",[a("span",[e._v("CreateTime：")]),a("span",[e._v(e._s(l.createTime))])])])]}}])}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1)],1)},ga=[],wa={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},ya=wa,Ca=Object(d["a"])(ya,xa,ga,!1,null,null,null),_a=Ca.exports,Ta=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-grid 配置的方式渲染表格，这对一些动态渲染的场景非常有用，完全使用数据进行配置")]),a("vxe-grid",{attrs:{border:"",height:"300",columns:e.tableColumn,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("分组表头、底部合计")]),a("vxe-grid",{attrs:{border:"",stripe:"","show-footer":"",height:"500","footer-method":e.footerMethod,columns:e.tableColumn2,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},Sa=[],Da={data:function(){return{tableColumn:[{type:"index",width:60},{prop:"name",label:"Name"},{prop:"sex",label:"Sex"},{prop:"address",label:"Address",showOverflowTooltip:!0}],tableColumn2:[{type:"index",width:60},{label:"基本信息",children:[{prop:"name",label:"Name"},{label:"其他信息",children:[{prop:"rate",label:"Rate"},{prop:"age",label:"Age"}]},{prop:"sex",label:"Sex"}]},{prop:"address",label:"Address",showOverflowTooltip:!0}],tableData:[],demoCodes:['\n        <vxe-grid\n          border\n          height="300"\n          :columns="tableColumn"\n          :data.sync="tableData"></vxe-grid>\n        ',"\n        export default {\n          data () {\n            return {\n              tableColumn: [\n                {\n                  type: 'index',\n                  width: 60\n                },\n                {\n                  prop: 'name',\n                  label: 'Name'\n                },\n                {\n                  prop: 'sex',\n                  label: 'Sex'\n                },\n                {\n                  prop: 'address',\n                  label: 'Address',\n                  showOverflowTooltip: true\n                }\n              ]\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          }\n        }\n        ",'\n        <vxe-grid\n          border\n          stripe\n          show-footer\n          height="500"\n          :footer-method="footerMethod"\n          :columns="tableColumn2"\n          :data.sync="tableData"></vxe-grid>\n        ',"\n        export default {\n          data () {\n            return {\n              tableColumn: [\n                {\n                  type: 'index',\n                  width: 60\n                },\n                {\n                  label: '基本信息',\n                  children: [\n                    {\n                      prop: 'name',\n                      label: 'Name'\n                    },\n                    {\n                      label: '其他信息',\n                      children: [\n                        {\n                          prop: 'rate',\n                          label: 'Rate'\n                        },\n                        {\n                          prop: 'age',\n                          label: 'Age'\n                        }\n                      ]\n                    },\n                    {\n                      prop: 'sex',\n                      label: 'Sex'\n                    }\n                  ]\n                },\n                {\n                  prop: 'address',\n                  label: 'Address',\n                  showOverflowTooltip: true\n                }\n              ]\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          },\n          methods: {\n            footerMethod ({ columns, data }) {\n              return [\n                columns.map((column, columnIndex) => {\n                  if (columnIndex === 0) {\n                    return '和值'\n                  }\n                  if (['age', 'rate'].includes(column.property)) {\n                    return XEUtils.sum(data, column.property)\n                  }\n                  return '-'\n                })\n              ]\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,100);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},ka=Da,Ea=Object(d["a"])(ka,Ta,Sa,!1,null,null,null),Aa=Ea.exports,La=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-grid 配置的方式渲染表格，这对一些动态渲染的场景非常有用，完全使用数据进行配置")]),a("vxe-grid",{attrs:{height:"300",columns:e.tableColumn,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("分组表头")]),a("vxe-grid",{attrs:{border:"",stripe:"",height:"300",columns:e.tableColumn2,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("表尾合计")]),a("vxe-grid",{attrs:{border:"",stripe:"","show-footer":"",height:"300","footer-method":e.footerMethod,columns:e.tableColumn3,data:e.tableData},on:{"update:data":function(t){e.tableData=t},"cell-click":e.cellClickEvent}})],1)},Ia=[],Oa=a("628a"),Ma=a.n(Oa),$a={data:function(){return{dataConfig:{data:function(){return Ma.a.getJSON("/api")}},pageConfig:{pageSize:10,pageSizes:[10,15,20,50,100]},tableColumn:[{type:"index",width:60},{prop:"name",label:"Name"},{prop:"sex",label:"Sex"},{prop:"address",label:"Address",showOverflowTooltip:!0}],tableColumn2:[{type:"index",width:60},{label:"基本信息",children:[{prop:"name",label:"Name"},{label:"其他信息",children:[{prop:"rate",label:"Rate"},{prop:"age",label:"Age"}]},{prop:"sex",label:"Sex"}]},{prop:"address",label:"Address",showOverflowTooltip:!0}],tableColumn3:[{type:"index",fixed:"left",width:60},{prop:"name",label:"Name",width:400},{prop:"age",label:"Age",width:300},{prop:"address",label:"Address",width:300,showOverflowTooltip:!0},{prop:"rate",label:"Rate",fixed:"right",width:200}],tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,100);this.tableData=e},methods:{cellClickEvent:function(e){var t=e.row;console.log(t)},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},Ra=$a,ja=Object(d["a"])(Ra,La,Ia,!1,null,null,null),Na=ja.exports,za=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("海量数据")]),a("p",[e._v("大数据不建议使用双向绑定的 data 属性（vue 监听会大数据会短暂的卡顿），建议使用 reload 函数")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"100"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("高级配置项")]),a("p",[e._v("参数 scrollY: {gt: 500, oSize: 30, rSize: 120}，当超过 500 条时自动启用滚动渲染")]),a("p",[e._v("gt大于条数时启用，oSize低于剩余条数重新渲染r，Size渲染条数")]),a("p",[e._v("优点可以非常流畅支持海量数据；缺点是通过滚动条拖动时无法实时显示效果")]),a("vxe-table",{attrs:{border:"",height:"300",loading:e.loading,data:e.tableData2},on:{"update:data":function(t){e.tableData2=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"100"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},Pa=[],Va={data:function(){return{loading:!1,tableData:[],tableData2:[],demoCodes:['\n        <vxe-table\n          border\n          highlight-hover-row\n          height="300"\n          :data.sync="tableData">\n          <vxe-table-column type="index" width="100"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" sortable></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: [],\n              tableData2: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 200)\n            this.tableData2 = window.MOCK_DATA_LIST.slice(0, 1000)\n          }\n        }\n        ",'\n        <vxe-table\n          border\n          height="300"\n          :data.sync="tableData2">\n          <vxe-table-column type="index" width="100"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" sortable></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: [],\n              tableData2: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 200)\n            this.tableData2 = window.MOCK_DATA_LIST.slice(0, 1000)\n          }\n        }\n        "]}},created:function(){var e=this,t=window.MOCK_DATA_LIST.slice(0,200);this.tableData=t,this.loading=!0,setTimeout(function(){e.tableData2=window.MOCK_DATA_LIST.slice(0,1e4),e.loading=!1},200)},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},Ha=Va,Ba=Object(d["a"])(Ha,za,Pa,!1,null,null,null),Fa=Ba.exports,Ka=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("加载 1 万行，左右固定列")]),a("vxe-table",{ref:"xTable",attrs:{border:"",resizable:"",height:"600",loading:e.loading}},[a("vxe-table-column",{attrs:{type:"index",width:"100",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:"",width:"200"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age",width:"200"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"200"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200"}}),a("vxe-table-column",{attrs:{prop:"region",label:"Region",width:"200"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",width:"200"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",width:"300","show-overflow-tooltip":""}}),a("vxe-table-column",{attrs:{prop:"updateTime",label:"UpdateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"createTime",label:"CreateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr1",label:"Attr1",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr2",label:"Attr2",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr3",label:"Attr3",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr4",label:"Attr4",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr5",label:"Attr5",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr6",label:"Attr6",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr7",label:"Attr7",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr8",label:"Attr8",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr9",label:"Attr9",width:"200"}}),a("vxe-table-column",{attrs:{prop:"createTime",label:"CreateTime",width:"200",fixed:"right"}})],1)],1)},Wa=[],Xa={data:function(){return{loading:!1}},created:function(){var e=this;this.loading=!0,this.$nextTick(function(){e.$refs.xTable.reload([]),setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e4);e.$refs.xTable.reload(t),e.loading=!1},500)})}},Ga=Xa,Ua=Object(d["a"])(Ga,Ka,Wa,!1,null,null,null),qa=Ua.exports,Ya=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("加载 10 万行，左右固定列，表尾合计")]),a("p",[e._v("实际渲染速度受以下影响：固定列、底部合计、数据运算量、任何双向的数据或函数都会影响加载速度")]),a("vxe-table",{ref:"xTable",attrs:{border:"",resizable:"","show-footer":"",height:"600","footer-method":e.footerMethod,"footer-cell-class-name":e.footerCellClassName,loading:e.loading,optimized:{overflow:"tooltip"}}},[a("vxe-table-column",{attrs:{type:"index",width:"100",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:"",width:"200"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"200"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200"}}),a("vxe-table-column",{attrs:{prop:"region",label:"Region",width:"200"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",width:"200"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",width:"300"}}),a("vxe-table-column",{attrs:{prop:"updateTime",label:"UpdateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"createTime",label:"CreateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr1",label:"Attr1",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr2",label:"Attr2",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr3",label:"Attr3",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr4",label:"Attr4",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr5",label:"Attr5",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr6",label:"Attr6",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr7",label:"Attr7",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr8",label:"Attr8",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr9",label:"Attr9",width:"200"}}),a("vxe-table-column",{attrs:{prop:"createTime",label:"CreateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age",width:"200",fixed:"right"}})],1)],1)},Ja=[],Qa=a("e814"),Za=a.n(Qa),el={data:function(){return{loading:!1}},created:function(){var e=this;this.loading=!0,this.$nextTick(function(){e.$refs.xTable.reload([]),setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e5);e.$refs.xTable.reload(t),e.loading=!1},500)})},methods:{footerCellClassName:function(e){var t=e.rowIndex,a=(e.column,e.columnIndex);if(0===a)return 0===t?"col-blue":"col-red"},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":"age"===e.property?"".concat(Za()(It.a.mean(a,e.property))," 岁"):"rate"===e.property?"".concat(Za()(It.a.mean(a,e.property))," 分"):"-"}),t.map(function(e,t){return 0===t?"和值":"rate"===e.property?"总分 ".concat(It.a.sum(a,e.property)):"-"}),t.map(function(e,t){if(0===t)return"统计";if("sex"===e.property){var l=It.a.groupBy(a,e.property);return"男 ".concat(l[1]?l[1].length:0," 人，女 ").concat(l[0]?l[0].length:0," 人")}return"-"})]}}},tl=el,al=Object(d["a"])(tl,Ya,Ja,!1,null,null,null),ll=al.exports,nl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("加载 1 万行 1 万列")]),a("vxe-grid",{attrs:{border:"",resizable:"",height:"600",columns:e.tableColumn,loading:e.loading,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}})],1)},rl=[],ol={data:function(){return{loading:!1,tableColumn:[],tableData:[]}},created:function(){var e=this;this.loading=!0,this.tableData=[],setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e4);e.tableData=t,e.tableColumn=window.MOCK_COLUMN_LIST.slice(0,1e4),e.loading=!1},500)}},il=ol,sl=Object(d["a"])(il,nl,rl,!1,null,null,null),cl=sl.exports,dl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("加载 10 万行 1 万列，左右固定列，表尾合计")]),a("p",[e._v("实际渲染速度受以下影响：固定列、底部合计、数据运算量、任何双向的数据或函数都会影响加载速度")]),a("vxe-table",{ref:"xTable",attrs:{border:"",resizable:"","show-footer":"",height:"600","footer-method":e.footerMethod,"footer-cell-class-name":e.footerCellClassName,loading:e.loading}},[a("vxe-table-column",{attrs:{type:"index",width:"100",fixed:"left"}}),e._l(e.tableColumn,function(e,t){return a("vxe-table-column",{key:t,attrs:{prop:"name",label:"column_"+t,width:"200"}})}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200",fixed:"right"}})],2)],1)},ul=[],pl={data:function(){return{loading:!1,tableColumn:[]}},created:function(){var e=this;this.loading=!0,this.$nextTick(function(){e.$refs.xTable.reload([]),setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e5);e.tableColumn=window.MOCK_DATA_LIST.slice(0,1e4),e.$nextTick(function(){return e.$refs.xTable.reload(t)}),e.loading=!1},500)})},methods:{footerCellClassName:function(e){var t=e.rowIndex,a=(e.column,e.columnIndex);if(0===a)return 0===t?"col-blue":"col-red"},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":"age"===e.property?"".concat(Za()(It.a.mean(a,e.property))," 岁"):"rate"===e.property?"".concat(Za()(It.a.mean(a,e.property))," 分"):"-"}),t.map(function(e,t){return 0===t?"和值":"rate"===e.property?"总分 ".concat(It.a.sum(a,e.property)):"-"}),t.map(function(e,t){if(0===t)return"统计";if("sex"===e.property){var l=It.a.groupBy(a,e.property);return"男 ".concat(l[1]?l[1].length:0," 人，女 ").concat(l[0]?l[0].length:0," 人")}return"-"})]}}},bl=pl,ml=Object(d["a"])(bl,dl,ul,!1,null,null,null),vl=ml.exports,hl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config={trigger: 'manual', mode: 'row'} 启用行编辑的功能")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"manual",mode:"row"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":"","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{label:"操作"},scopedSlots:e._u([{key:"default",fn:function(t){var l=t.row;return[e.$refs.xTable.hasActiveRow(l)?[a("button",{staticClass:"btn"},[e._v("保存")]),a("button",{staticClass:"btn"},[e._v("取消")])]:[a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setActiveRow(l)}}},[e._v("编辑")])]]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},fl=[],xl={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'manual\', mode: \'row\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column label="操作">\n            <template v-slot="{ row }">\n              <template v-if="$refs.xTable.hasActiveRow(row)">\n                <button class="btn">保存</button>\n                <button class="btn">取消</button>\n              </template>\n              <template v-else>\n                <button class="btn" @click="$refs.xTable.setActiveRow(row)">编辑</button>\n              </template>\n            </template>\n          </vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},gl=xl,wl=Object(d["a"])(gl,hl,fl,!1,null,null,null),yl=wl.exports,Cl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config={trigger: 'click', mode: 'cell'} 启用单元格点击编辑的功能")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("设置 edit-config={trigger: 'click', mode: 'row'} 启用行点击编辑的功能")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"row"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":"","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},_l=[],Tl={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        ",'\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'row\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},Sl=Tl,Dl=Object(d["a"])(Sl,Cl,_l,!1,null,null,null),kl=Dl.exports,El=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config={trigger: 'dblclick', mode: 'cell'} 启用单元格双击编辑的功能")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"dblclick",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("设置 edit-config={trigger: 'dblclick', mode: 'row'} 启用行双击编辑的功能")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"dblclick",mode:"row"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":"","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},Al=[],Ll={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'dblclick\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        ",'\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'dblclick\', mode: \'row\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},Il=Ll,Ol=Object(d["a"])(Il,El,Al,!1,null,null,null),Ml=Ol.exports,$l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("调用 insert、insertAt 函数插入数据")]),a("button",{staticClass:"btn",on:{click:function(t){e.$refs.xTable.insert({name:Date.now()})}}},[e._v("在第1行插入")]),a("button",{staticClass:"btn",on:{click:function(t){e.$refs.xTable.insertAt({name:Date.now()},e.tableData[2])}}},[e._v("在第3行插入")]),a("button",{staticClass:"btn",on:{click:function(t){e.$refs.xTable.insertAt({name:Date.now()},-1)}}},[e._v("在最后行插入")]),a("button",{staticClass:"btn",on:{click:e.getInsertEvent}},[e._v("获取新增")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Rl=[],jl={data:function(){return{tableData:[],demoCodes:['\n        <button class="btn" @click="$refs.xTable.insert({name: Date.now()})">在第1行插入</button>\n        <button class="btn" @click="$refs.xTable.insertAt({name: Date.now()}, tableData[2])">在第3行插入</button>\n        <button class="btn" @click="$refs.xTable.insertAt({name: Date.now()}, -1)">在最后行插入</button>\n        <button class="btn" @click="getInsertEvent">获取新增</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            getInsertEvent () {\n              let insertRecords = this.$refs.xTable.getInsertRecords()\n              alert(insertRecords.length)\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{getInsertEvent:function(){var e=this.$refs.xTable.getInsertRecords();alert(e.length)}}},Nl=jl,zl=Object(d["a"])(Nl,$l,Rl,!1,null,null,null),Pl=zl.exports,Vl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("调用 remove 删除指定行数据")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.remove(e.tableData[1])}}},[e._v("删除第2行")]),a("button",{staticClass:"btn",on:{click:e.getRemoveEvent}},[e._v("获取删除")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Hl=[],Bl={data:function(){return{tableData:[],demoCodes:['\n        <button class="btn" @click="$refs.xTable.remove(tableData[1])">删除第2行</button>\n        <button class="btn" @click="getRemoveEvent">获取删除</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            getRemoveEvent () {\n              let removeRecords = this.$refs.xTable.getRemoveRecords()\n              alert(removeRecords.length)\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{getRemoveEvent:function(){var e=this.$refs.xTable.getRemoveRecords();alert(e.length)}}},Fl=Bl,Kl=Object(d["a"])(Fl,Vl,Hl,!1,null,null,null),Wl=Kl.exports,Xl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("调用 revert 还原数据")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.revert()}}},[e._v("还原全部")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{label:"操作"},scopedSlots:e._u([{key:"default",fn:function(t){var l=t.row;return[a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.revert(l)}}},[e._v("还原行")])]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Gl=[],Ul={data:function(){return{tableData:[],demoCodes:['\n        <button class="btn" @click="$refs.xTable.revert()">还原全部</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column label="操作">\n            <template v-slot="{ row }">\n              <button class="btn" @click="$refs.xTable.revert(row)">还原行</button>\n            </template>\n          </vxe-table-column>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},ql=Ul,Yl=Object(d["a"])(ql,Xl,Gl,!1,null,null,null),Jl=Yl.exports,Ql=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config={trigger: 'click', mode: 'cell', showStatus: true} 开启编辑状态显示功能")]),a("button",{staticClass:"btn",on:{click:e.getInsertEvent}},[e._v("获取新增")]),a("button",{staticClass:"btn",on:{click:e.getRemoveEvent}},[e._v("获取删除")]),a("button",{staticClass:"btn",on:{click:e.getUpdateEvent}},[e._v("获取修改")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell",showStatus:!0}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Zl=[],en={data:function(){return{tableData:[],demoCodes:['\n        <button class="btn" @click="getInsertEvent">获取新增</button>\n        <button class="btn" @click="getRemoveEvent">获取删除</button>\n        <button class="btn" @click="getUpdateEvent">获取修改</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\', showStatus: true}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            getInsertEvent () {\n              let insertRecords = this.$refs.xTable.getInsertRecords()\n              alert(insertRecords.length)\n            },\n            getRemoveEvent () {\n              let removeRecords = this.$refs.xTable.getRemoveRecords()\n              alert(removeRecords.length)\n            },\n            getUpdateEvent () {\n              let updateRecords = this.$refs.xTable.getUpdateRecords()\n              alert(updateRecords.length)\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{getInsertEvent:function(){var e=this.$refs.xTable.getInsertRecords();alert(e.length)},getRemoveEvent:function(){var e=this.$refs.xTable.getRemoveRecords();alert(e.length)},getUpdateEvent:function(){var e=this.$refs.xTable.getUpdateRecords();alert(e.length)}}},tn=en,an=Object(d["a"])(tn,Ql,Zl,!1,null,null,null),ln=an.exports,nn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config 的 activeMethod 方法判断是否禁用")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell",activeMethod:e.activeMethod}},on:{"update:data":function(t){e.tableData=t},"edit-disabled":e.editDisabledEvent}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},rn=[],on={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\', activeMethod}"\n          @edit-disabled="editDisabledEvent">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            activeMethod ({ row, rowIndex }) {\n              return rowIndex !== 1\n            },\n            editDisabledEvent () {\n              alert('禁止编辑')\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{activeMethod:function(e){e.row;var t=e.rowIndex;return 1!==t},editDisabledEvent:function(){alert("禁止编辑")}}},sn=on,cn=Object(d["a"])(sn,nn,rn,!1,null,null,null),dn=cn.exports,un=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 mouse-config={selected: true} 启用单元格选中功能")]),a("p",[e._v("设置 :keyboard-config={isArray: true, isTab: true} 启用按键功能，方向键、Tab 键、Esc 键、F2 键、Del、Back 键")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"mouse-config":{selected:!0},"keyboard-config":{isArray:!0,isTab:!0,isEdit:!0},"edit-config":{trigger:"dblclick",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":"","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},pn=[],bn={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :mouse-config="{selected: true}"\n          :keyboard-config="{isArray: true, isTab: true, isEdit: true}"\n          :edit-config="{trigger: \'dblclick\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},mn=bn,vn=Object(d["a"])(mn,un,pn,!1,null,null,null),hn=vn.exports,fn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过调用 validate 函数校验数据，edit-rules 校验规则配置")]),a("button",{staticClass:"btn",on:{click:e.insertEvent}},[e._v("新增")]),a("button",{staticClass:"btn",on:{click:e.validEvent}},[e._v("校验")]),a("button",{staticClass:"btn",on:{click:e.getInsertEvent}},[e._v("获取新增")]),a("button",{staticClass:"btn",on:{click:e.getRemoveEvent}},[e._v("获取删除")]),a("button",{staticClass:"btn",on:{click:e.getUpdateEvent}},[e._v("获取修改")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-rules":e.validRules,"edit-config":{trigger:"click",mode:"cell",showStatus:!0}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60"}}),a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},xn=[],gn={data:function(){return{tableData:[],validRules:{name:[{required:!0,message:"名称必须填写",trigger:"change"},{min:3,max:50,message:"名称长度在 3 到 50 个字符",trigger:"change"}]},demoCodes:['\n        <button class="btn" @click="insertEvent">新增</button>\n        <button class="btn" @click="validEvent">校验</button>\n        <button class="btn" @click="getInsertEvent">获取新增</button>\n        <button class="btn" @click="getRemoveEvent">获取删除</button>\n        <button class="btn" @click="getUpdateEvent">获取修改</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-rules="validRules"\n          :edit-config="{trigger: \'click\', mode: \'cell\', showStatus: true}">\n          <vxe-table-column type="selection" width="60"></vxe-table-column>\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: [],\n              validRules: {\n                name: [\n                  { required: true, message: '名称必须填写', trigger: 'change' },\n                  { min: 3, max: 50, message: '名称长度在 3 到 50 个字符', trigger: 'change' }\n                ]\n              }\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            validEvent () {\n              this.$refs.xTable.validate(valid => {\n                if (valid) {\n                }\n              })\n            },\n            insertEvent () {\n              this.$refs.xTable.insert()\n            },\n            getInsertEvent () {\n              let insertRecords = this.$refs.xTable.getInsertRecords()\n              alert(insertRecords.length)\n            },\n            getRemoveEvent () {\n              let removeRecords = this.$refs.xTable.getRemoveRecords()\n              alert(removeRecords.length)\n            },\n            getUpdateEvent () {\n              let updateRecords = this.$refs.xTable.getUpdateRecords()\n              alert(updateRecords.length)\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{validEvent:function(){this.$refs.xTable.validate(function(e){})},insertEvent:function(){this.$refs.xTable.insert()},getInsertEvent:function(){var e=this.$refs.xTable.getInsertRecords();alert(e.length)},getRemoveEvent:function(){var e=this.$refs.xTable.getRemoveRecords();alert(e.length)},getUpdateEvent:function(){var e=this.$refs.xTable.getUpdateRecords();alert(e.length)}}},wn=gn,yn=Object(d["a"])(wn,fn,xn,!1,null,null,null),Cn=yn.exports,_n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 edit slot 自定义渲染任意 Vue 组件")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("input",{directives:[{name:"model",rawName:"v-model",value:l.name,expression:"row.name"}],staticClass:"custom-input",attrs:{type:"text"},domProps:{value:l.name},on:{input:function(t){t.target.composing||e.$set(l,"name",t.target.value)}}})]}}])}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","edit-render":{autofocus:".custom-input"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("input",{directives:[{name:"model",rawName:"v-model",value:l.age,expression:"row.age"}],staticClass:"custom-input",attrs:{type:"number"},domProps:{value:l.age},on:{input:function(t){t.target.composing||e.$set(l,"age",t.target.value)}}})]}}])}),a("vxe-table-column",{attrs:{prop:"date3",label:"Date","edit-render":{name:"input"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("input",{directives:[{name:"model",rawName:"v-model",value:l.date3,expression:"row.date3"}],staticClass:"custom-input",attrs:{type:"date"},domProps:{value:l.date3},on:{input:function(t){t.target.composing||e.$set(l,"date3",t.target.value)}}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v("选中日期："+e._s(a.date3))]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Tn=[],Sn={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}">\n            <template v-slot:edit="{ row }">\n              <input type="text" v-model="row.name" class="custom-input">\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="age" label="Age" :edit-render="{autofocus: \'.custom-input\'}">\n            <template v-slot:edit="{ row }">\n              <input type="number" v-model="row.age" class="custom-input">\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="date3" label="Date" :edit-render="{name: \'input\'}">\n            <template v-slot:edit="{ row }">\n              <input type="date" v-model="row.date3" class="custom-input">\n            </template>\n            <template v-slot="{ row }">选中日期：{{ row.date3 }}</template>\n          </vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},Dn=Sn,kn=Object(d["a"])(Dn,_n,Tn,!1,null,null,null),En=kn.exports,An=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-excel 渲染 Excel 表格")]),a("p",[e._v("快捷键：方向键、Tab 键、Esc 键、F2 键、Del、Back 键、Ctrl 复制粘贴")]),a("vxe-excel",{attrs:{"max-height":"600",columns:e.columns,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Ln=[],In=a("774e"),On=a.n(In),Mn={data:function(){var e=["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P"];return{columns:[{type:"index",width:50,fixed:"left",align:"center",headerAlign:"center"}].concat(e.map(function(e){return{prop:e.toLowerCase(),label:e,width:76,headerAlign:"center",editRender:{name:"cell"}}})),tableData:On()(new Array(20)).map(function(){var t={};return e.forEach(function(e){t[e.toLowerCase()]=""}),t}),demoCodes:['\n        <vxe-excel\n          max-height="600"\n          :data.sync="tableData">\n        </vxe-excel\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          }\n        }\n        "]}},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},$n=Mn,Rn=Object(d["a"])($n,An,Ln,!1,null,null,null),jn=Rn.exports,Nn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("自定义渲染 element-ui 组件，使用插槽 edit slot")]),a("vxe-table",{staticClass:"vxe-table-element",attrs:{border:"","show-footer":"",height:"600",loading:e.loading,data:e.tableData,"footer-method":e.footerMethod,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"80",fixed:"left"},scopedSlots:e._u([{key:"header",fn:function(t){t.column;return[a("span",[e._v("序号")]),a("i",{staticClass:"el-icon-question"})]}}])}),a("vxe-table-column",{attrs:{prop:"name",label:"ElInput","min-width":"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-input",{model:{value:l.name,callback:function(t){e.$set(l,"name",t)},expression:"row.name"}})]}}])}),a("vxe-table-column",{attrs:{prop:"age",label:"ElInputNumber",width:"160","edit-render":{type:"default"}},scopedSlots:e._u([{key:"header",fn:function(t){var l=t.column;return[a("span",[e._v(e._s(l.label))]),a("i",{staticClass:"el-icon-warning"})]}},{key:"edit",fn:function(t){var l=t.row;return[a("el-input-number",{attrs:{max:35,min:18},model:{value:l.age,callback:function(t){e.$set(l,"age",t)},expression:"row.age"}})]}}])}),a("vxe-table-column",{attrs:{prop:"sex",label:"ElSelect",width:"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-select",{model:{value:l.sex,callback:function(t){e.$set(l,"sex",t)},expression:"row.sex"}},e._l(e.sexList,function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})}),1)]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.getSelectLabel(a.sex,e.sexList)))]}}])}),a("vxe-table-column",{attrs:{prop:"region",label:"ElCascader",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-cascader",{attrs:{options:e.regionList},model:{value:l.region,callback:function(t){e.$set(l,"region",t)},expression:"row.region"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.getCascaderLabel(a.region,e.regionList)))]}}])}),a("vxe-table-column",{attrs:{prop:"date",label:"ElDatePicker",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-date-picker",{attrs:{type:"date",format:"yyyy/MM/dd"},model:{value:l.date,callback:function(t){e.$set(l,"date",t)},expression:"row.date"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.formatDate(a.date,"yyyy/MM/dd")))]}}])}),a("vxe-table-column",{attrs:{prop:"date1",label:"ElDatePicker",width:"220","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-date-picker",{attrs:{type:"datetime",format:"yyyy-MM-dd HH:mm:ss"},model:{value:l.date1,callback:function(t){e.$set(l,"date1",t)},expression:"row.date1"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.formatDate(a.date1,"yyyy-MM-dd HH:mm:ss")))]}}])}),a("vxe-table-column",{attrs:{prop:"date2",label:"ElTimePicker",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-time-select",{attrs:{"picker-options":{start:"08:30",step:"00:15",end:"18:30"}},model:{value:l.date2,callback:function(t){e.$set(l,"date2",t)},expression:"row.date2"}})]}}])}),a("vxe-table-column",{attrs:{prop:"rate",label:"ElRate",width:"200","edit-render":{type:"visible"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-rate",{model:{value:l.rate,callback:function(t){e.$set(l,"rate",t)},expression:"row.rate"}})]}}])}),a("vxe-table-column",{attrs:{prop:"flag",label:"ElSwitch",width:"100",fixed:"right","edit-render":{type:"visible"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-switch",{model:{value:l.flag,callback:function(t){e.$set(l,"flag",t)},expression:"row.flag"}})]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},zn=[],Pn={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],demoCodes:['\n        <vxe-table\n          border\n          show-footer\n          class="vxe-table-element"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :footer-method="footerMethod"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="80" fixed="left">\n            <template v-slot:header="{ column }">\n              <span>序号</span>\n              <i class="el-icon-question"></i>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="name" label="ElInput" min-width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-input v-model="row.name"></el-input>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="age" label="ElInputNumber"  width="160" :edit-render="{type: \'default\'}">\n            <template v-slot:header="{ column }">\n              <span>{{ column.label }}</span>\n              <i class="el-icon-warning"></i>\n            </template>\n            <template v-slot:edit="{ row }">\n              <el-input-number v-model="row.age" :max="35" :min="18"></el-input-number>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="sex" label="ElSelect" width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-select v-model="row.sex">\n                <el-option v-for="item in sexList" :key="item.value" :label="item.label" :value="item.value"></el-option>\n              </el-select>\n            </template>\n            <template v-slot="{ row }">{{ getSelectLabel(row.sex, sexList) }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="region" label="ElCascader" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-cascader v-model="row.region" :options="regionList"></el-cascader>\n            </template>\n            <template v-slot="{ row }">{{ getCascaderLabel(row.region, regionList) }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date" label="ElDatePicker" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-date-picker v-model="row.date" type="date" format="yyyy/MM/dd"></el-date-picker>\n            </template>\n            <template v-slot="{ row }">{{ formatDate(row.date, \'yyyy/MM/dd\') }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date1" label="ElDatePicker" width="220" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-date-picker v-model="row.date1" type="datetime" format="yyyy-MM-dd HH:mm:ss"></el-date-picker>\n            </template>\n            <template v-slot="{ row }">{{ formatDate(row.date1, \'yyyy-MM-dd HH:mm:ss\') }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date2" label="ElTimePicker" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-time-select v-model="row.date2" :picker-options="{start: \'08:30\', step: \'00:15\', end: \'18:30\'}">\n            </el-time-select>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="rate" label="ElRate" width="200" :edit-render="{type: \'visible\'}">\n            <template v-slot:edit="{ row }">\n              <el-rate v-model="row.rate"></el-rate>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="flag" label="ElSwitch" width="100" fixed="right" :edit-render="{type: \'visible\'}">\n            <template v-slot:edit="{ row }">\n              <el-switch v-model="row.flag"></el-switch>\n            </template>\n          </vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          }\n        }\n        "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,100);e.tableData=t,e.loading=!1},500),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},formatDate:function(e,t){return It.a.toDateString(e,t)},getSelectLabel:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"value",l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"label",n=It.a.find(t,function(t){return t[a]===e});return n?n[l]:null},getCascaderLabel:function(e,t){var a=e||[],l=[],n=function e(t,n){var r=a[t];n&&a.length>t&&n.forEach(function(a){a.value===r&&(l.push(a.label),e(++t,a.children))})};return n(0,t),l.join(" / ")},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":["age","rate"].includes(e.property)?It.a.mean(a,e.property):"-"}),t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},Vn=Pn,Hn=(a("1762"),Object(d["a"])(Vn,Nn,zn,!1,null,null,null)),Bn=Hn.exports,Fn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-table-plugin-element 配置式的插件，并加上 class=vxe-table-element 或者自行实现样式调整")]),a("pre",[e._v("    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("配置如下")]),a("vxe-table",{staticClass:"vxe-table-element",attrs:{border:"",height:"600",loading:e.loading,data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"ElInput","min-width":"140","edit-render":{name:"ElInput",events:{change:e.nameChangeEvent}}}}),a("vxe-table-column",{attrs:{prop:"age",label:"ElInputNumber",width:"160","edit-render":{name:"ElInputNumber",props:{max:35,min:18}}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"ElSelect",width:"140","edit-render":{name:"ElSelect",options:e.sexList}}}),a("vxe-table-column",{attrs:{prop:"sex1",label:"ElSelect",width:"140","edit-render":{name:"ElSelect",options:e.sexList,props:{multiple:!0,clearable:!0}}}}),a("vxe-table-column",{attrs:{prop:"sex2",label:"ElSelect",width:"140","edit-render":{name:"ElSelect",optionGroups:e.sexGroupList,props:{clearable:!0}}}}),a("vxe-table-column",{attrs:{prop:"region",label:"ElCascader",width:"200","edit-render":{name:"ElCascader",props:{options:e.regionList},events:{change:e.regionChangeEvent}}}}),a("vxe-table-column",{attrs:{prop:"date",label:"ElDatePicker",width:"200","edit-render":{name:"ElDatePicker",props:{type:"date",format:"yyyy/MM/dd"}}}}),a("vxe-table-column",{attrs:{prop:"date1",label:"DateTimePicker",width:"220","edit-render":{name:"ElDatePicker",props:{type:"datetime",format:"yyyy-MM-dd HH:mm:ss"}}}}),a("vxe-table-column",{attrs:{prop:"date2",label:"ElTimeSelect",width:"200","edit-render":{name:"ElTimeSelect",props:{pickerOptions:{start:"08:30",step:"00:15",end:"18:30"}}}}}),a("vxe-table-column",{attrs:{prop:"rate",label:"ElRate",width:"200","edit-render":{name:"ElRate",type:"visible"}}}),a("vxe-table-column",{attrs:{prop:"flag",label:"ElSwitch",width:"100",fixed:"right","edit-render":{name:"ElSwitch",type:"visible"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},Kn=[],Wn={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],sexGroupList:[{label:"分组1",options:[{label:"男",value:"1"}]},{label:"分组2",options:[{label:"女",value:"0"}]}],demoCodes:["\n        npm install vxe-table-plugin-element\n        ","\n        import Vue from 'vue'\n        import VXETable from 'vxe-table'\n        import VXETablePluginElement from 'vxe-table-plugin-element'\n        import 'vxe-table-plugin-element/dist/style.css'\n\n        Vue.use(VXETable, VXETablePluginElement)\n        ",'\n        <vxe-table\n          border\n          class="vxe-table-element"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column prop="name" label="ElInput" min-width="140" :edit-render="{name: \'ElInput\', events: {change: nameChangeEvent}}"></vxe-table-column>\n          <vxe-table-column prop="age" label="ElInputNumber" width="160" :edit-render="{name: \'ElInputNumber\', props: {max: 35, min: 18}}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="ElSelect" width="140" :edit-render="{name: \'ElSelect\', options: sexList}"></vxe-table-column>\n          <vxe-table-column prop="sex1" label="ElSelect" width="140" :edit-render="{name: \'ElSelect\', options: sexList, props: {multiple: true, clearable: true}}"></vxe-table-column>\n          <vxe-table-column prop="sex2" label="ElSelect" width="140" :edit-render="{name: \'ElSelect\', optionGroups: sexGroupList, props: {clearable: true}}"></vxe-table-column>\n          <vxe-table-column prop="region" label="ElCascader" width="200" :edit-render="{name: \'ElCascader\', props: {options: regionList}, events: {change: regionChangeEvent}}"></vxe-table-column>\n          <vxe-table-column prop="date" label="ElDatePicker" width="200" :edit-render="{name: \'ElDatePicker\', props: {type: \'date\', format: \'yyyy/MM/dd\'}}"></vxe-table-column>\n          <vxe-table-column prop="date1" label="DateTimePicker" width="220" :edit-render="{name: \'ElDatePicker\', props: {type: \'datetime\', format: \'yyyy-MM-dd HH:mm:ss\'}}"></vxe-table-column>\n          <vxe-table-column prop="date2" label="ElTimeSelect" width="200" :edit-render="{name: \'ElTimeSelect\', props: {pickerOptions: {start: \'08:30\', step: \'00:15\', end: \'18:30\'}}}"></vxe-table-column>\n          <vxe-table-column prop="rate" label="ElRate" width="200" :edit-render="{name: \'ElRate\', type: \'visible\'}"></vxe-table-column>\n          <vxe-table-column prop="flag" label="ElSwitch" width="100" fixed="right" :edit-render="{name: \'ElSwitch\', type: \'visible\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: [],\n              sexGroupList: [\n                {\n                  label: '分组1',\n                  options: [\n                    {\n                      label: '男',\n                      value: '1'\n                    }\n                  ]\n                },\n                {\n                  label: '分组2',\n                  options: [\n                    {\n                      label: '女',\n                      value: '0'\n                    }\n                  ]\n                }\n              ]\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          },\n          methods: {\n            nameChangeEvent ({ row }, value) {\n              console.log(value)\n            },\n            regionChangeEvent ({ row }, value) {\n              console.log(value)\n            }\n          }\n        }\n        "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,100);e.tableData=t,e.loading=!1},500),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},nameChangeEvent:function(e,t){e.row;console.log(t)},regionChangeEvent:function(e,t){e.row;console.log(t)}}},Xn=Wn,Gn=Object(d["a"])(Xn,Fn,Kn,!1,null,null,null),Un=Gn.exports,qn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("element-ui 使用分页")]),a("el-form",{ref:"tableform",attrs:{model:e.formData,inline:""}},[a("el-form-item",{attrs:{label:"名字",prop:"name"}},[a("el-input",{attrs:{placeholder:"名字"},model:{value:e.formData.name,callback:function(t){e.$set(e.formData,"name",t)},expression:"formData.name"}})],1),a("el-form-item",{attrs:{label:"性别",prop:"sex"}},[a("el-select",{attrs:{placeholder:"性别"},model:{value:e.formData.sex,callback:function(t){e.$set(e.formData,"sex",t)},expression:"formData.sex"}},e._l(e.sexList,function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})}),1)],1),a("el-form-item",[a("el-button",{attrs:{type:"primary"},on:{click:e.searchEvent}},[e._v("查询")]),a("el-button",{on:{click:function(t){return e.$refs.tableform.resetFields()}}},[e._v("重置")])],1)],1),a("vxe-table",{staticClass:"vxe-table-element",attrs:{border:"",height:"550",loading:e.loading,data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"ElInput","min-width":"140","edit-render":{name:"ElInput"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"ElInputNumber",width:"160","edit-render":{name:"ElInputNumber",props:{max:35,min:18}}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"ElSelect",width:"140","edit-render":{name:"ElSelect",options:e.sexList}}}),a("vxe-table-column",{attrs:{prop:"region",label:"ElCascader",width:"200","edit-render":{name:"ElCascader",props:{options:e.regionList}}}}),a("vxe-table-column",{attrs:{prop:"date",label:"ElDatePicker",width:"200","edit-render":{name:"ElDatePicker",props:{type:"date",format:"yyyy/MM/dd"}}}}),a("vxe-table-column",{attrs:{prop:"date1",label:"DateTimePicker",width:"220","edit-render":{name:"ElDatePicker",props:{type:"datetime",format:"yyyy-MM-dd HH:mm:ss"}}}}),a("vxe-table-column",{attrs:{prop:"date2",label:"ElTimeSelect",width:"200","edit-render":{name:"ElTimeSelect",props:{pickerOptions:{start:"08:30",step:"00:15",end:"18:30"}}}}}),a("vxe-table-column",{attrs:{prop:"rate",label:"ElRate",width:"200","edit-render":{name:"ElRate",type:"visible"}}}),a("vxe-table-column",{attrs:{prop:"flag",label:"ElSwitch",width:"100",fixed:"right","edit-render":{name:"ElSwitch",type:"visible"}}})],1),a("el-pagination",{attrs:{"current-page":e.pageVO.currentPage,"page-sizes":[5,10,15,20,50,100,150,200],"page-size":e.pageVO.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:e.pageVO.totalResult},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Yn=[],Jn={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],pageVO:{currentPage:1,pageSize:10,totalResult:0},formData:{name:null,sex:null},demoCodes:['\n          <el-form ref="tableform" class="click-table2-form" size="mini" :inline="true" :model="formData">\n            <el-form-item label="名字" prop="name">\n              <el-input v-model="formData.name" placeholder="名字"></el-input>\n            </el-form-item>\n            <el-form-item label="角色" prop="role">\n              <el-input v-model="formData.role" placeholder="请输入角色"></el-input>\n            </el-form-item>\n            <el-form-item>\n              <el-button type="primary" @click="searchEvent">查询</el-button>\n              <el-button @click="$refs.tableform.resetFields()">重置</el-button>\n            </el-form-item>\n          </el-form>\n\n          <vxe-table\n            border\n            class="vxe-table-element"\n            height="600"\n            :loading="loading"\n            :data.sync="tableData"\n            :edit-config="{trigger: \'click\', mode: \'cell\'}">\n            <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n            <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n            <vxe-table-column prop="name" label="ElInput" min-width="140" :edit-render="{name: \'ElInput\'}"></vxe-table-column>\n            <vxe-table-column prop="age" label="ElInputNumber" width="160" :edit-render="{name: \'ElInputNumber\', props: {max: 35, min: 18}}"></vxe-table-column>\n            <vxe-table-column prop="sex" label="ElSelect" width="140" :edit-render="{name: \'ElSelect\', options: sexList}"></vxe-table-column>\n            <vxe-table-column prop="region" label="ElCascader" width="200" :edit-render="{name: \'ElCascader\', props: {options: regionList}}"></vxe-table-column>\n            <vxe-table-column prop="date" label="ElDatePicker" width="200" :edit-render="{name: \'ElDatePicker\', props: {type: \'date\', format: \'yyyy/MM/dd\'}}"></vxe-table-column>\n            <vxe-table-column prop="date1" label="DateTimePicker" width="220" :edit-render="{name: \'ElDatePicker\', props: {type: \'datetime\', format: \'yyyy-MM-dd HH:mm:ss\'}}"></vxe-table-column>\n            <vxe-table-column prop="date2" label="ElTimeSelect" width="200" :edit-render="{name: \'ElTimeSelect\', props: {pickerOptions: {start: \'08:30\', step: \'00:15\', end: \'18:30\'}}}"></vxe-table-column>\n            <vxe-table-column prop="rate" label="ElRate" width="200" :edit-render="{name: \'ElRate\', type: \'visible\'}"></vxe-table-column>\n            <vxe-table-column prop="flag" label="ElSwitch" width="100" fixed="right" :edit-render="{name: \'ElSwitch\', type: \'visible\'}"></vxe-table-column>\n          </vxe-table>\n\n          <el-pagination\n            @size-change="handleSizeChange"\n            @current-change="handleCurrentChange"\n            :current-page="pageVO.currentPage"\n            :page-sizes="[5, 10, 15, 20, 50, 100, 150, 200]"\n            :page-size="pageVO.pageSize"\n            layout="total, sizes, prev, pager, next, jumper"\n            :total="pageVO.totalResult">\n          </el-pagination>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: [],\n              pageVO: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 0\n              },\n              formData: {\n                name: null,\n                sex: null\n              }\n            }\n          },\n          created () {\n            this.findList()\n            this.findSexList()\n            this.findRegionList()\n          },\n          methods: {\n            findList () {\n              // 模拟后台数据\n              this.loading = true\n              XEAjax.doGet(`/api/user/page/list/${this.pageVO.pageSize}/${this.pageVO.currentPage}`, this.formData).then(response => {\n                let { page, result } = response.data\n                this.tableData = result\n                this.pageVO.totalResult = page.totalResult\n                this.loading = false\n              }).catch(e => {\n                this.loading = false\n              })\n            },\n            findSexList () {\n              return XEAjax.doGet('/api/conf/sex/list').then(({ data }) => {\n                this.sexList = data\n                return data\n              })\n            },\n            findRegionList () {\n              return XEAjax.doGet('/api/conf/region/list').then(({ data }) => {\n                this.regionList = data\n                return data\n              })\n            },\n            searchEvent () {\n              this.pageVO.currentPage = 1\n              this.findList()\n            },\n            handleSizeChange (pageSize) {\n              this.pageVO.pageSize = pageSize\n              this.searchEvent()\n            },\n            handleCurrentChange (currentPage) {\n              this.pageVO.currentPage = currentPage\n              this.findList()\n            }\n          }\n        }\n        "]}},created:function(){this.findList(),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findList:function(){var e=this;this.loading=!0,this.pendingRemoveList=[],Ma.a.doGet("/api/user/page/list/".concat(this.pageVO.pageSize,"/").concat(this.pageVO.currentPage),this.formData).then(function(t){var a=t.data,l=a.page,n=a.result;e.tableData=n,e.pageVO.totalResult=l.totalResult,e.loading=!1}).catch(function(t){e.loading=!1})},findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},searchEvent:function(){this.pageVO.currentPage=1,this.findList()},handleSizeChange:function(e){this.pageVO.pageSize=e,this.searchEvent()},handleCurrentChange:function(e){this.pageVO.currentPage=e,this.findList()}}},Qn=Jn,Zn=Object(d["a"])(Qn,qn,Yn,!1,null,null,null),er=Zn.exports,tr=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("自定义渲染 iview 组件，使用插槽 edit slot")]),a("vxe-table",{staticClass:"vxe-table-iview",attrs:{border:"","show-footer":"",height:"600",loading:e.loading,data:e.tableData,"footer-method":e.footerMethod,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"80",fixed:"left"},scopedSlots:e._u([{key:"header",fn:function(t){t.column;return[a("span",[e._v("序号")]),a("Icon",{attrs:{type:"md-help-circle"}})]}}])}),a("vxe-table-column",{attrs:{prop:"name",label:"Input","min-width":"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("Input",{model:{value:l.name,callback:function(t){e.$set(l,"name",t)},expression:"row.name"}})]}}])}),a("vxe-table-column",{attrs:{prop:"age",label:"InputNumber",width:"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"header",fn:function(t){var l=t.column;return[a("span",[e._v(e._s(l.label))]),a("Icon",{attrs:{type:"md-alert"}})]}},{key:"edit",fn:function(t){var l=t.row;return[a("InputNumber",{attrs:{max:35,min:18},model:{value:l.age,callback:function(t){e.$set(l,"age",t)},expression:"row.age"}})]}}])}),a("vxe-table-column",{attrs:{prop:"sex",label:"Select",width:"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("Select",{model:{value:l.sex,callback:function(t){e.$set(l,"sex",t)},expression:"row.sex"}},e._l(e.sexList,function(t){return a("Option",{key:t.value,attrs:{value:t.value}},[e._v(e._s(t.label))])}),1)]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.getSelectLabel(a.sex,e.sexList)))]}}])}),a("vxe-table-column",{attrs:{prop:"region",label:"Cascader",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("Cascader",{attrs:{data:e.regionList},model:{value:l.region,callback:function(t){e.$set(l,"region",t)},expression:"row.region"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.getCascaderLabel(a.region,e.regionList)))]}}])}),a("vxe-table-column",{attrs:{prop:"date",label:"DatePicker",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("DatePicker",{attrs:{type:"date",format:"yyyy/MM/dd"},model:{value:l.date,callback:function(t){e.$set(l,"date",t)},expression:"row.date"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.formatDate(a.date,"yyyy/MM/dd")))]}}])}),a("vxe-table-column",{attrs:{prop:"date2",label:"TimePicker",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("TimePicker",{attrs:{type:"time"},model:{value:l.date2,callback:function(t){e.$set(l,"date2",t)},expression:"row.date2"}})]}}])}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200","edit-render":{type:"visible"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("Rate",{model:{value:l.rate,callback:function(t){e.$set(l,"rate",t)},expression:"row.rate"}})]}}])}),a("vxe-table-column",{attrs:{prop:"flag",label:"iSwitch",width:"100",fixed:"right","edit-render":{type:"visible"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("iSwitch",{model:{value:l.flag,callback:function(t){e.$set(l,"flag",t)},expression:"row.flag"}})]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},ar=[],lr={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],demoCodes:['\n        <vxe-table\n          border\n          show-footer\n          class="vxe-table-iview"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :footer-method="footerMethod"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column prop="name" label="Input"  min-width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <Input v-model="row.name"/>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="age" label="InputNumber" width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <InputNumber v-model="row.age" :max="35" :min="18"></InputNumber>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="sex" label="Select" width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <Select v-model="row.sex">\n                <Option v-for="item in sexList" :value="item.value" :key="item.value">{{ item.label }}</Option>\n              </Select>\n            </template>\n            <template v-slot="{ row }">{{ getSelectLabel(row.sex, sexList) }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="region" label="Cascader" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <Cascader v-model="row.region" :data="regionList"></Cascader>\n            </template>\n            <template v-slot="{ row }">{{ getCascaderLabel(row.region, regionList) }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date" label="DatePicker" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <DatePicker v-model="row.date" type="date" format="yyyy/MM/dd"></DatePicker>\n            </template>\n            <template v-slot="{ row }">{{ formatDate(row.date, \'yyyy/MM/dd\') }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date2" label="TimePicker" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <TimePicker v-model="row.date2" type="time"></TimePicker>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="rate" label="Rate" width="200" :edit-render="{type: \'visible\'}">\n            <template v-slot:edit="{ row }">\n              <Rate v-model="row.rate" />\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="flag" label="iSwitch" width="100" fixed="right" :edit-render="{type: \'visible\'}">\n            <template v-slot:edit="{ row }">\n              <iSwitch v-model="row.flag"/>\n            </template>\n          </vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          }\n        }\n        "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,100);e.tableData=t,e.loading=!1},500),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},formatDate:function(e,t){return It.a.toDateString(e,t)},getSelectLabel:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"value",l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"label",n=It.a.find(t,function(t){return t[a]===e});return n?n[l]:null},getCascaderLabel:function(e,t){var a=e||[],l=[],n=function e(t,n){var r=a[t];n&&a.length>t&&n.forEach(function(a){a.value===r&&(l.push(a.label),e(++t,a.children))})};return n(0,t),l.join(" / ")},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":["age","rate"].includes(e.property)?It.a.mean(a,e.property):"-"}),t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},nr=lr,rr=(a("166b"),Object(d["a"])(nr,tr,ar,!1,null,null,null)),or=rr.exports,ir=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-table-plugin-iview 配置式的插件，并加上 class=vxe-table-iview 或者自行实现样式调整")]),a("pre",[e._v("    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("配置如下")]),a("vxe-table",{staticClass:"vxe-table-iview",attrs:{border:"",height:"600",loading:e.loading,data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Input","min-width":"140","edit-render":{name:"Input",events:{"on-change":e.nameChangeEvent}}}}),a("vxe-table-column",{attrs:{prop:"age",label:"InputNumber",width:"140","edit-render":{name:"InputNumber",props:{max:35,min:18}}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Select",width:"140","edit-render":{name:"Select",options:e.sexList}}}),a("vxe-table-column",{attrs:{prop:"sex1",label:"Select",width:"140","edit-render":{name:"Select",options:e.sexList,props:{multiple:!0,clearable:!0}}}}),a("vxe-table-column",{attrs:{prop:"sex2",label:"Select",width:"140","edit-render":{name:"Select",options:e.sexList,optionGroups:e.sexGroupList,props:{clearable:!0}}}}),a("vxe-table-column",{attrs:{prop:"region",label:"Cascader",width:"200","edit-render":{name:"Cascader",props:{data:e.regionList},events:{"on-change":e.regionChangeEvent}}}}),a("vxe-table-column",{attrs:{prop:"date",label:"DatePicker",width:"200","edit-render":{name:"DatePicker",props:{type:"date",format:"yyyy/MM/dd"}}}}),a("vxe-table-column",{attrs:{prop:"date2",label:"TimePicker",width:"200","edit-render":{name:"TimePicker",props:{type:"time"}}}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200","edit-render":{name:"Rate",type:"visible"}}}),a("vxe-table-column",{attrs:{prop:"flag",label:"iSwitch",width:"100",fixed:"right","edit-render":{name:"iSwitch",type:"visible"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},sr=[],cr={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],sexGroupList:[{label:"分组1",options:[{label:"男",value:"1"}]},{label:"分组2",options:[{label:"女",value:"0"}]}],demoCodes:["\n        npm install vxe-table-plugin-element\n        ","\n        import Vue from 'vue'\n        import VXETable from 'vxe-table'\n        import VXETablePluginIView from 'vxe-table-plugin-iview'\n        import 'vxe-table-plugin-iview/dist/style.css'\n\n        Vue.use(VXETable, VXETablePluginIView)\n        ",'\n        <vxe-table\n          border\n          class="vxe-table-iview"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column prop="name" label="Input" min-width="140" :edit-render="{name: \'Input\', events: {\'on-change\': nameChangeEvent}}"></vxe-table-column>\n          <vxe-table-column prop="age" label="InputNumber" width="140" :edit-render="{name: \'InputNumber\', props: {max: 35, min: 18}}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Select" width="140" :edit-render="{name: \'Select\', options: sexList}"></vxe-table-column>\n          <vxe-table-column prop="sex1" label="Select" width="140" :edit-render="{name: \'Select\', options: sexList, props: {multiple: true, clearable: true}}"></vxe-table-column>\n          <vxe-table-column prop="sex2" label="Select" width="140" :edit-render="{name: \'Select\', options: sexList, optionGroups: sexGroupList, props: {clearable: true}}"></vxe-table-column>\n          <vxe-table-column prop="region" label="Cascader" width="200" :edit-render="{name: \'Cascader\', props: {data: regionList}, events: {\'on-change\': regionChangeEvent}}"> </vxe-table-column>\n          <vxe-table-column prop="date" label="DatePicker" width="200" :edit-render="{name: \'DatePicker\', props: {type: \'date\', format: \'yyyy/MM/dd\'}}"></vxe-table-column>\n          <vxe-table-column prop="date2" label="TimePicker" width="200" :edit-render="{name: \'TimePicker\', props: {type: \'time\'}}"></vxe-table-column>\n          <vxe-table-column prop="rate" label="Rate" width="200" :edit-render="{name: \'Rate\', type: \'visible\'}"></vxe-table-column>\n          <vxe-table-column prop="flag" label="iSwitch" width="100" fixed="right" :edit-render="{name: \'iSwitch\', type: \'visible\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: [],\n              sexGroupList: [\n                {\n                  label: '分组1',\n                  options: [\n                    {\n                      label: '男',\n                      value: '1'\n                    }\n                  ]\n                },\n                {\n                  label: '分组2',\n                  options: [\n                    {\n                      label: '女',\n                      value: '0'\n                    }\n                  ]\n                }\n              ]\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          },\n          methods: {\n            nameChangeEvent ({ row }, event) {\n              console.log(event)\n            },\n            regionChangeEvent ({ row }, value, selectedData) {\n              console.log(value)\n            }\n          }\n        }\n        "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,100);e.tableData=t,e.loading=!1},500),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},nameChangeEvent:function(e,t){e.row;console.log(t)},regionChangeEvent:function(e,t,a){e.row;console.log(t)}}},dr=cr,ur=Object(d["a"])(dr,ir,sr,!1,null,null,null),pr=ur.exports,br=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("iview 使用首页")]),a("Form",{ref:"tableform",attrs:{model:e.formData,inline:""}},[a("FormItem",{attrs:{prop:"name"}},[a("Input",{attrs:{type:"text",placeholder:"Username"},model:{value:e.formData.name,callback:function(t){e.$set(e.formData,"name",t)},expression:"formData.name"}})],1),a("FormItem",{attrs:{prop:"password"}},[a("Select",{attrs:{placeholder:"性别"},model:{value:e.formData.sex,callback:function(t){e.$set(e.formData,"sex",t)},expression:"formData.sex"}},e._l(e.sexList,function(e){return a("Option",{key:e.value,attrs:{label:e.label,value:e.value}})}),1)],1),a("FormItem",[a("Button",{attrs:{type:"primary"},on:{click:e.searchEvent}},[e._v("查询")]),a("Button",{on:{click:function(t){return e.$refs.tableform.resetFields()}}},[e._v("重置")])],1)],1),a("vxe-table",{staticClass:"vxe-table-iview",attrs:{border:"",height:"600",loading:e.loading,data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Input","min-width":"140","edit-render":{name:"Input"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"InputNumber",width:"140","edit-render":{name:"InputNumber",props:{max:35,min:18}}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Select",width:"140","edit-render":{name:"Select",options:e.sexList}}}),a("vxe-table-column",{attrs:{prop:"region",label:"Cascader",width:"200","edit-render":{name:"Cascader",props:{data:e.regionList}}}}),a("vxe-table-column",{attrs:{prop:"date",label:"DatePicker",width:"200","edit-render":{name:"DatePicker",props:{type:"date",format:"yyyy/MM/dd"}}}}),a("vxe-table-column",{attrs:{prop:"date2",label:"TimePicker",width:"200","edit-render":{name:"TimePicker",props:{type:"time"}}}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200","edit-render":{name:"Rate",type:"visible"}}}),a("vxe-table-column",{attrs:{prop:"flag",label:"iSwitch",width:"100",fixed:"right","edit-render":{name:"iSwitch",type:"visible"}}})],1),a("Page",{attrs:{"show-sizer":"","show-total":"","show-elevator":"","prev-text":"Previous","next-text":"Next",total:e.pageVO.totalResult,current:e.pageVO.currentPage},on:{"update:current":function(t){return e.$set(e.pageVO,"currentPage",t)},"on-page-size-change":e.handleSizeChange,"on-change":e.handleCurrentChange}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},mr=[],vr={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],pageVO:{currentPage:1,pageSize:10,totalResult:0},formData:{name:null,sex:null},demoCodes:['\n        <Form ref="tableform" :model="formData" inline>\n          <FormItem prop="name">\n            <Input type="text" v-model="formData.name" placeholder="Username"/>\n          </FormItem>\n          <FormItem prop="password">\n            <Select v-model="formData.sex" placeholder="性别">\n              <Option v-for="item in sexList" :key="item.value" :label="item.label" :value="item.value"></Option>\n            </Select>\n          </FormItem>\n          <FormItem>\n            <Button type="primary" @click="searchEvent">查询</Button>\n            <Button @click="$refs.tableform.resetFields()">重置</Button>\n          </FormItem>\n        </Form>\n\n        <vxe-table\n          border\n          class="vxe-table-iview"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column prop="name" label="Input" min-width="140" :edit-render="{name: \'Input\'}"></vxe-table-column>\n          <vxe-table-column prop="age" label="InputNumber" width="140" :edit-render="{name: \'InputNumber\', props: {max: 35, min: 18}}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Select" width="140" :edit-render="{name: \'Select\', options: sexList}"></vxe-table-column>\n          <vxe-table-column prop="region" label="Cascader" width="200" :edit-render="{name: \'Cascader\', props: {data: regionList}}"> </vxe-table-column>\n          <vxe-table-column prop="date" label="DatePicker" width="200" :edit-render="{name: \'DatePicker\', props: {type: \'date\', format: \'yyyy/MM/dd\'}}"></vxe-table-column>\n          <vxe-table-column prop="date2" label="TimePicker" width="200" :edit-render="{name: \'TimePicker\', props: {type: \'time\'}}"></vxe-table-column>\n          <vxe-table-column prop="rate" label="Rate" width="200" :edit-render="{name: \'Rate\', type: \'visible\'}"></vxe-table-column>\n          <vxe-table-column prop="flag" label="iSwitch" width="100" fixed="right" :edit-render="{name: \'iSwitch\', type: \'visible\'}"></vxe-table-column>\n        </vxe-table>\n\n        <Page\n          show-sizer\n          show-total\n          show-elevator\n          prev-text="Previous"\n          next-text="Next"\n          :total="pageVO.totalResult"\n          :current.sync="pageVO.currentPage"\n          @on-page-size-change="handleSizeChange"\n          @on-change="handleCurrentChange"/>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: [],\n              pageVO: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 0\n              },\n              formData: {\n                name: null,\n                sex: null\n              }\n            }\n          },\n          created () {\n            this.findList()\n            this.findSexList()\n            this.findRegionList()\n          },\n          methods: {\n            findList () {\n              // 模拟后台数据\n              this.loading = true\n              XEAjax.doGet(`/api/user/page/list/${this.pageVO.pageSize}/${this.pageVO.currentPage}`, this.formData).then(response => {\n                let { page, result } = response.data\n                this.tableData = result\n                this.pageVO.totalResult = page.totalResult\n                this.loading = false\n              }).catch(e => {\n                this.loading = false\n              })\n            },\n            findSexList () {\n              return XEAjax.doGet('/api/conf/sex/list').then(({ data }) => {\n                this.sexList = data\n                return data\n              })\n            },\n            findRegionList () {\n              return XEAjax.doGet('/api/conf/region/list').then(({ data }) => {\n                this.regionList = data\n                return data\n              })\n            },\n            searchEvent () {\n              this.pageVO.currentPage = 1\n              this.findList()\n            },\n            handleSizeChange (pageSize) {\n              this.pageVO.pageSize = pageSize\n              this.searchEvent()\n            },\n            handleCurrentChange (currentPage) {\n              this.pageVO.currentPage = currentPage\n              this.findList()\n            }\n          }\n        }\n        "]}},created:function(){this.findList(),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findList:function(){var e=this;this.loading=!0,this.pendingRemoveList=[],Ma.a.doGet("/api/user/page/list/".concat(this.pageVO.pageSize,"/").concat(this.pageVO.currentPage),this.formData).then(function(t){var a=t.data,l=a.page,n=a.result;e.tableData=n,e.pageVO.totalResult=l.totalResult,e.loading=!1}).catch(function(t){e.loading=!1})},findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},searchEvent:function(){this.pageVO.currentPage=1,this.findList()},handleSizeChange:function(e){this.pageVO.pageSize=e,this.searchEvent()},handleCurrentChange:function(e){this.pageVO.currentPage=e,this.findList()}}},hr=vr,fr=Object(d["a"])(hr,br,mr,!1,null,null,null),xr=fr.exports,gr=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("el-table",{attrs:{data:e.list,border:"","row-key":"id"}},[a("el-table-column",{attrs:{prop:"name",label:"属性"}}),a("el-table-column",{attrs:{prop:"desc",label:"说明"}}),a("el-table-column",{attrs:{prop:"type",label:"类型"}}),a("el-table-column",{attrs:{prop:"enum",label:"可选值"}}),a("el-table-column",{attrs:{prop:"default",label:"默认值"}})],1)],1)},wr=[],yr={data:function(){return{list:[]}},created:function(){var e=[{name:"vxe-table",desc:"",type:"",enum:"",defVal:"",children:[{name:"Props",desc:"",type:"",enum:"",defVal:"",children:[{name:"data",desc:"显示的数据",type:"Array",enum:"",defVal:"",children:[]},{name:"customs",desc:"初始化绑定动态列",type:"Array",enum:"",defVal:"",children:[]},{name:"height",desc:"表格的高度",type:"Number,String",enum:"",defVal:"",children:[]},{name:"max-height",desc:"表格的最大高度",type:"Number,String",enum:"",defVal:"",children:[]},{name:"resizable",desc:"是否允许拖动列宽调整大小",type:"Boolean",enum:"",defVal:"false",children:[]},{name:"stripe",desc:"是否带有斑马纹",type:"Boolean",enum:"",defVal:"false",children:[]},{name:"border",desc:"是否带有纵向边框",type:"Boolean",enum:"",defVal:"false",children:[]},{name:"size",desc:"表格的尺寸",type:"String",enum:"medium,small,mini",defVal:"",children:[]},{name:"fit",desc:"列的宽度是否自撑开",type:"Boolean",enum:"",defVal:"true",children:[]},{name:"loading",desc:"表格是否显示加载中",type:"Boolean",enum:"",defVal:"false",children:[]}]},{name:"Slots",desc:"",type:"",enum:"",defVal:"",children:[]},{name:"Events",desc:"",type:"",enum:"",defVal:"",children:[]},{name:"Methods",desc:"",type:"",enum:"",defVal:"",children:[]}]}],t=1;It.a.eachTree(e,function(e){e.id=t++}),this.list=e}},Cr=yr,_r=Object(d["a"])(Cr,gr,wr,!1,null,null,null),Tr=_r.exports;r["default"].use(b["a"]);var Sr=new b["a"]({mode:"hash",base:"/vxe-table/",routes:[{path:"*",redirect:{name:"TableInstall"}},{path:"/",redirect:{name:"TableInstall"}},{path:"/table/start/install",name:"TableInstall",component:y},{path:"/table/start/use",name:"TableUse",component:k},{path:"/table/base/basic",name:"TableBasic",component:M},{path:"/table/base/size",name:"TableSize",component:P},{path:"/table/base/stripe",name:"TableStripe",component:W},{path:"/table/base/border",name:"TableBorder",component:J},{path:"/table/base/style",name:"TableStyle",component:le},{path:"/table/base/header",name:"TableHeader",component:ce},{path:"/table/base/resizable",name:"TableResizable",component:ve},{path:"/table/base/maxHeight",name:"TableMaxHeight",component:ye},{path:"/table/base/height",name:"TableHeight",component:ke},{path:"/table/base/fixed",name:"TableFixed",component:Me},{path:"/table/base/fixedFull",name:"TableFixedFull",component:Pe},{path:"/table/base/group",name:"TableGroup",component:We},{path:"/table/base/index",name:"TableIndex",component:Je},{path:"/table/base/radio",name:"TableRadio",component:lt},{path:"/table/base/selection",name:"TableSelection",component:ct},{path:"/table/base/sort",name:"TableSort",component:vt},{path:"/table/base/filter",name:"TableFilter",component:yt},{path:"/table/base/loading",name:"TableLoading",component:kt},{path:"/table/base/format",name:"TableFormat",component:Rt},{path:"/table/base/template",name:"TableTemplate",component:Ht},{path:"/table/advanced/span",name:"TableSpan",component:Gt},{path:"/table/advanced/footer",name:"TableFooter",component:Zt},{path:"/table/advanced/custom",name:"TableCustom",component:ra},{path:"/table/advanced/export",name:"TableExport",component:ua},{path:"/table/advanced/menu",name:"TableMenu",component:fa},{path:"/table/advanced/expand",name:"TableExpand",component:_a},{path:"/table/grid/basic",name:"GridBasic",component:Aa},{path:"/table/grid/page",name:"GridPage",component:Na},{path:"/table/scroll/scroll",name:"TableScroll",component:Fa},{path:"/table/scroll/rows",name:"TableScrollRows",component:qa},{path:"/table/scroll/fullRows",name:"TableScrollFullRows",component:ll},{path:"/table/scroll/cols",name:"TableScrollCols",component:cl},{path:"/table/scroll/fullCols",name:"TableScrollFullCols",component:vl},{path:"/table/edit/manual",name:"TableEditManual",component:yl},{path:"/table/edit/click",name:"TableEditClick",component:kl},{path:"/table/edit/dblclick",name:"TableEditDBLClick",component:Ml},{path:"/table/edit/insert",name:"TableEditInsert",component:Pl},{path:"/table/edit/remove",name:"TableEditRemove",component:Wl},{path:"/table/edit/revert",name:"TableEditRevert",component:Jl},{path:"/table/edit/status",name:"TableEditStatus",component:ln},{path:"/table/edit/disable",name:"TableEditDisable",component:dn},{path:"/table/edit/keyboard",name:"TableEditKeyboard",component:hn},{path:"/table/edit/template",name:"TableEditTemplate",component:En},{path:"/table/edit/valid",name:"TableEditValid",component:Cn},{path:"/table/excel/cell",name:"TableExcelCell",component:jn},{path:"/table/other/element",name:"TableOtherElement",component:Bn},{path:"/table/other/elementConfig",name:"TableOtherElementConfig",component:Un},{path:"/table/other/elementPage",name:"TableOtherElementPage",component:er},{path:"/table/other/iview",name:"TableOtherIview",component:or},{path:"/table/other/iviewConfig",name:"TableOtherIviewConfig",component:pr},{path:"/table/other/iviewPage",name:"TableOtherIviewPage",component:xr},{path:"/table/api",name:"TableAPI",component:Tr}]}),Dr=(a("7909"),a("e268"),a("5c96")),kr=a.n(Dr);a("0fae");r["default"].use(kr.a);var Er=a("e069"),Ar=a.n(Er);a("dcad");r["default"].use(Ar.a,{transfer:!0}),r["default"].use(Ar.a);var Lr=a("5176"),Ir=a.n(Lr),Or=a("bd86"),Mr=a("795b"),$r=a.n(Mr),Rr=(a("55dd"),a("d263"),a("59ad")),jr=a.n(Rr),Nr=It.a.browse(),zr=document.querySelector("html"),Pr=document.body,Vr={browse:Nr,isPx:function(e){return e&&/^\d+(px)?$/.test(e)},isScale:function(e){return e&&/^\d+%$/.test(e)},hasClass:function(e,t){return e&&e.className&&e.className.split&&e.className.split(" ").indexOf(t)>-1},getDomNode:function(){return{scrollTop:document.documentElement.scrollTop||document.body.scrollTop,scrollLeft:document.documentElement.scrollLeft||document.body.scrollLeft,visibleHeight:document.documentElement.clientHeight||document.body.clientHeight,visibleWidth:document.documentElement.clientWidth||document.body.clientWidth}},getOffsetPos:function(e,t){return Hr(e,t,{left:0,top:0})},getCellIndexs:function(e){var t=e.parentNode,a=[].indexOf.call(t.children,e),l=[].indexOf.call(t.parentNode.children,t);return{rowIndex:l,columnIndex:a}},getCell:function(e,t){var a=e.rowIndex,l=e.column,n=t.querySelector(".vxe-table--body>tbody"),r=n.children[a];return r.querySelector(".".concat(l.id))},getCursorPosition:function(e){var t={text:"",start:0,end:0};if(e.setSelectionRange)t.start=e.selectionStart,t.end=e.selectionEnd,t.text=t.start!==t.end?e.value.substring(t.start,t.end):"";else if(document.selection){var a=0,l=document.selection.createRange(),n=document.body.createTextRange();for(n.moveToElementText(e),t.text=l.text,t.bookmark=l.getBookmark();n.compareEndPoints("StartToStart",l)<0&&0!==l.moveStart("character",-1);a++)"\n"===e.value.charAt(a)&&a++;t.start=a,t.end=t.text.length+t.start}return t},setCursorPosition:function(e,t){if(e.setSelectionRange)e.focus(),e.setSelectionRange(t.start,t.end);else if(e.createTextRange){var a=e.createTextRange();e.value.length===t.start?(a.collapse(!1),a.select()):(a.moveToBookmark(t.bookmark),a.select())}}};function Hr(e,t,a){if(e){var l=e.parentNode;if(a.top+=e.offsetTop,a.left+=e.offsetLeft,l&&l!==zr&&l!==Pr&&(a.top-=l.scrollTop,a.left-=l.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return Hr(e.offsetParent,t,a)}return a}var Br,Fr,Kr=Vr,Wr=0,Xr={emitEvent:function(e,t,a){e.$listeners[t]&&e.$emit.apply(e,[t].concat(a))},getColumnList:function(e){var t=[];return e.forEach(function(e){e.children&&e.children.length?t.push.apply(t,Xr.getColumnList(e.children)):t.push(e)}),t},formatText:function(e){return""+(null===e||void 0===e?"":e)},getCellValue:function(e,t){return It.a.get(e,t)},setCellValue:function(e,t,a){return It.a.set(e,t,a)},getColumnConfig:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t.renderHeader,l=t.renderCell,n=t.renderData;return{id:"col--".concat(e.$table.id,"_").concat(++Wr),type:e.type,property:e.prop,label:e.label,width:e.width,minWidth:e.minWidth,fixed:e.fixed,align:e.align,headerAlign:e.headerAlign,ellipsis:e.ellipsis,showTitle:e.showOverflowTitle,showTooltip:e.showOverflowTooltip,indexMethod:e.indexMethod,formatter:e.formatter,sortable:e.sortable,sortBy:e.sortBy,filters:(e.filters||[]).map(function(e){var t=e.label,a=e.value;return{label:t,value:a,checked:!1}}),filterMultiple:e.filterMultiple,filterMethod:e.filterMethod,columnKey:e.columnKey,editRender:e.editRender,visible:!0,level:1,rowSpan:1,colSpan:1,order:null,renderWidth:0,renderHeight:0,resizeWidth:0,renderLeft:0,renderHeader:a||e.renderHeader,renderCell:l||e.renderCell,renderData:n}},assemColumn:function(e){var t=e.$table,a=e.$parent,l=e.columnConfig,n=a.columnConfig;n&&a.$children.length>0?(n.children||(n.children=[]),n.children.splice([].indexOf.call(a.$el.children,e.$el),0,l)):t.collectColumn.splice([].indexOf.call(t.$refs.hideColumn.children,e.$el),0,l)},hasChildrenList:function(e){return e&&e.children&&e.children.length>0}},Gr=Xr,Ur=function e(t){var a=[];return t.forEach(function(t){t.children&&t.children.length?(a.push(t),a.push.apply(a,e(t.children))):a.push(t)}),a},qr=function(e){var t=1,a=function e(a,l){if(l&&(a.level=l.level+1,t<a.level&&(t=a.level)),a.children&&a.children.length){var n=0;a.children.forEach(function(t){e(t,a),n+=t.colSpan}),a.colSpan=n}else a.colSpan=1};e.forEach(function(e){e.level=1,a(e)});for(var l=[],n=0;n<t;n++)l.push([]);var r=Ur(e);return r.forEach(function(e){e.children&&e.children.length?e.rowSpan=1:e.rowSpan=t-e.level+1,l[e.level-1].push(e)}),l},Yr={props:{tableData:Array,tableColumn:Array,visibleColumn:Array,collectColumn:Array,fixedColumn:Array,fixedType:String,isGroup:Boolean},computed:{headerColumn:function(){return this.isGroup?qr(this.collectColumn):[this.$parent.scrollXLoad&&this.fixedType?this.fixedColumn:this.tableColumn]}},render:function(e){var t=this.$parent,a=this.fixedType,l=this.headerColumn,n=this.tableColumn,r=this.resizeMousedown,o=this.fixedColumn,i=t.$listeners,s=t.resizable,c=t.border,d=t.headerRowClassName,u=t.headerCellClassName,p=t.tableWidth,b=t.scrollXLoad,m=t.scrollXStore,v=t.scrollYWidth;return b&&(a&&(n=o),p=n.reduce(function(e,t){return e+t.renderWidth},0)),e("div",{class:["vxe-table--header-wrapper",a?"fixed--".concat(a,"-wrapper"):"body--wrapper"]},[!a&&b?e("div",{class:["vxe-body--x-space"],style:{width:"".concat(t.tableWidth+v,"px")}}):null,e("table",{attrs:{cellspacing:0,cellpadding:0,border:0},style:{width:null===p?p:"".concat(p+v,"px"),"margin-left":a?null:"".concat(m.leftSpaceWidth,"px")}},[e("colgroup",n.map(function(t,a){return e("col",{attrs:{name:t.id,width:t.renderWidth},key:a})}).concat([e("col",{attrs:{width:v}})])),e("thead",l.map(function(l,n){return e("tr",{class:["vxe-header--row",d?It.a.isFunction(d)?d({$table:t,rowIndex:n,fixed:a}):d:""]},l.map(function(l,o,d){var p,b=l.children&&l.children.length,m=a&&l.fixed!==a&&!b,v={};return i["header-cell-click"]&&(v.click=function(e){Gr.emitEvent(t,"header-cell-click",[{$table:t,rowIndex:n,column:l,columnIndex:o,fixed:a,cell:e.currentTarget},e])}),e("th",{class:["vxe-header--column",l.id,(p={},Object(Or["a"])(p,"col--".concat(l.headerAlign),l.headerAlign),Object(Or["a"])(p,"fixed--hidden",m),Object(Or["a"])(p,"filter--active",l.filters.some(function(e){return e.checked})),p),u?It.a.isFunction(u)?u({$table:t,rowIndex:n,column:l,columnIndex:o,fixed:a}):u:""],attrs:{colspan:l.colSpan,rowspan:l.rowSpan},on:v,key:l.columnKey||o},[e("div",{class:["vxe-cell"]},l.renderHeader(e,{$table:t,column:l,columnIndex:o,fixed:a,isHidden:m})),c&&s&&!a&&!b?e("div",{class:["vxe-resizable"],on:{mousedown:function(e){r(e,l)}}}):null])}).concat(v?[e("th",{class:["col--gutter"],style:{width:"".concat(v,"px")}})]:[]))}))]),e("div",{class:["vxe-table--repair"],style:{width:null===p?p:"".concat(p,"px")}})])},methods:{resizeMousedown:function(e,t){var a=this.$parent,l=this.$el,n=e.target,r=0,o=a.$refs.resizeBar,i=Kr.getOffsetPos(n,l),s=i.left-n.parentNode.clientWidth+n.clientWidth+36,c=i.left+6,d=e.clientX,u=document.onmousemove,p=document.onmouseup,b=function(e){e.preventDefault();var t=e.clientX-d,a=c+t;r=a<s?s:a,o.style.left="".concat(r,"px")};o.style.display="block",document.onmousemove=b,document.onmouseup=function(e){document.onmousemove=u,document.onmouseup=p,t.resizeWidth=t.renderWidth-(c-r),o.style.display="none",a.analyColumnWidth(),a.recalculate()},b(e)}}};function Jr(e,t,a,l,n){var r=t.indexOf(l),o=a.indexOf(n);e.active=r>-1&&o>-1,e.top=0===r&&o>-1,e.bottom=r===t.length-1&&o>-1,e.left=r>-1&&0===o,e.right=r>-1&&o===a.length-1}function Qr(e,t,a,l,n,r,o,i){var s,c,d,u=a.$listeners,p=a.scrollYLoad,b=a.border,m=a.highlightCurrentRow,v=a.cellClassName,h=a.spanMethod,f=a.optimizeConfig,x=a.keyboardConfig,g=a.mouseConfig,w=a.editConfig,y=a.editStore,C=a.validStore,_=o.editRender,T=o.align,S=o.ellipsis,D=o.showTitle,k=o.showTooltip,E=o.renderWidth,A=o.columnKey,L=y.checked,I=y.selected,O=y.actived,M=y.copyed,$=f.showOverflow,R=g&&g.selected,j=g&&g.checked,N=x&&x.isCut,z=l&&o.fixed!==l,P=D||"title"===$,V=k||"tooltip"===$,H=S||"ellipsis"===$,B={},F={},K={},W={},X=_&&w&&"dblclick"===w.trigger;if(p&&!(P||V||H)&&(H=!0),V&&(B.mouseover=function(e){a.triggerTooltipEvent(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l})},B.mouseout=a.clostTooltip),B.mousedown=function(e){a.triggerCellMousedownEvent(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,cell:e.currentTarget})},(_&&w&&"manual"!==w.trigger||m||u["cell-click"])&&(B.click=function(e){a.triggerCellClickEvent(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,cell:e.currentTarget})}),(X||u["cell-dblclick"])&&(B.dblclick=function(e){a.triggerCellDBLClickEvent(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,cell:e.currentTarget})}),h){var G=h({$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l})||{},U=G.rowspan,q=void 0===U?1:U,Y=G.colspan,J=void 0===Y?1:Y;if(!q||!J)return null;c={rowspan:q,colspan:J}}return w&&w.showStatus&&(d=a.hasRowChange(n,o.property)),l||(j&&(Jr(F,L.rows,L.columns,n,o),Jr(K,L.tRows,L.tColumns,n,o)),N&&Jr(W,M.rows,M.columns,n,o)),e("td",{class:["vxe-body--column",o.id,(s={},Object(Or["a"])(s,"col--".concat(T),T),Object(Or["a"])(s,"col--edit",_),Object(Or["a"])(s,"col--checked",F.active),Object(Or["a"])(s,"col--checked-top",F.top),Object(Or["a"])(s,"col--checked-bottom",F.bottom),Object(Or["a"])(s,"col--checked-left",F.left),Object(Or["a"])(s,"col--checked-right",F.right),Object(Or["a"])(s,"col--checked-temp",K.active),Object(Or["a"])(s,"col--checked-temp-top",K.top),Object(Or["a"])(s,"col--checked-temp-bottom",K.bottom),Object(Or["a"])(s,"col--checked-temp-left",K.left),Object(Or["a"])(s,"col--checked-temp-right",K.right),Object(Or["a"])(s,"col--selected",R&&_&&I.row===n&&I.column===o),Object(Or["a"])(s,"col--copyed",W.active),Object(Or["a"])(s,"col--copyed-top",W.top),Object(Or["a"])(s,"col--copyed-bottom",W.bottom),Object(Or["a"])(s,"col--copyed-left",W.left),Object(Or["a"])(s,"col--copyed-right",W.right),Object(Or["a"])(s,"col--actived",_&&O.row===n&&O.column===o),Object(Or["a"])(s,"col--dirty",d),Object(Or["a"])(s,"col--valid-error",C.row===n&&C.column===o),Object(Or["a"])(s,"edit--visible",_&&"visible"===_.type),Object(Or["a"])(s,"fixed--hidden",z),s),v?It.a.isFunction(v)?v({$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l}):v:""],key:A||i,attrs:c,on:B},!l&&z?[]:[e("div",{class:["vxe-cell",{"c--title":P,"c--tooltip":V,"c--ellipsis":H}],attrs:{title:P?It.a.get(n,o.property):null},style:{width:P||V||H?"".concat(b?E-1:E,"px"):null}},o.renderCell(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,isHidden:z})),j&&!l?e("span",{class:"vxe-body--column-checked-lt"}):null,j&&!l?e("span",{class:"vxe-body--column-checked-rb"}):null,N&&!l?e("span",{class:"vxe-body--column-copyed-lt"}):null,N&&!l?e("span",{class:"vxe-body--column-copyed-rb"}):null,F.bottom&&F.right?e("span",{class:"vxe-body--column-checked-corner",on:{mousedown:function(e){a.triggerCornerMousedownEvent({$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,cell:e.target.parentNode},e)}}}):null])}function Zr(e,t,a,l,n){var r=a.highlightHoverRow,o=a.id,i=a.rowKey,s=a.rowClassName,c=a.tableData,d=a.selectRow,u=a.hoverRow,p=a.overflowX,b=a.columnStore,m=a.expandeds,v=b.leftList,h=b.rightList,f=[];return c.forEach(function(c,b){var x=null;if(r&&(v.length||h.length)&&p&&(x={mouseover:function(e){c!==u&&a.triggerHoverEvent(e,{row:c,rowIndex:b})}}),f.push(e("tr",{class:["vxe-body--row","row--".concat(o,"_").concat(b),{"row--selected":c===d,"row--hover":c===u},s?It.a.isFunction(s)?s({$table:a,row:c,rowIndex:b}):s:""],key:i?It.a.get(c,i):b,on:x},n.map(function(n,r){return Qr(e,t,a,l,c,b,n,r)}))),m.indexOf(c)>-1){var g=It.a.findIndexOf(n,function(e){return"expand"===e.type}),w=n[g];w&&f.push(e("tr",{class:["vxe-body--expanded-row"],key:"expand_".concat(b),on:x},[e("td",{class:["vxe-body--expanded-column"],attrs:{colspan:n.length}},[e("div",{class:["vxe-body--expanded-cell"]},[w.renderData(e,{$table:a,row:c,rowIndex:b,column:w,columnIndex:g,fixed:l})])])]))}}),f}function eo(e,t,a){(t||a)&&(t&&(t.onscroll=null,t.scrollTop=e),a&&(a.onscroll=null,a.scrollTop=e),clearTimeout(Br),Br=setTimeout(function(){t&&(t.onscroll=t._onscroll),a&&(a.onscroll=a._onscroll)},200))}var to={props:{tableData:Array,tableColumn:Array,visibleColumn:Array,collectColumn:Array,fixedColumn:Array,fixedType:String,isGroup:Boolean},mounted:function(){this.$el.onscroll=this.scrollEvent,this.$el._onscroll=this.scrollEvent},destroyed:function(){this.$el._onscroll=null,this.$el.onscroll=null},render:function(e){var t=this.$parent,a=this.fixedColumn,l=this.fixedType,n=t.maxHeight,r=t.height,o=t.tableColumn,i=t.headerHeight,s=t.showFooter,c=t.footerHeight,d=t.tableHeight,u=t.tableWidth,p=t.scrollXStore,b=t.scrollXLoad,m=t.scrollYStore,v=t.scrollYLoad,h=t.scrollXHeight,f=t.optimizeConfig,x=f.showOverflow,g=It.a.toNumber(r),w={};return g?w.height="".concat(l?(g?g-i-c:d)-(s?0:h):g-i-c,"px"):n&&(n=It.a.toNumber(n),w["max-height"]="".concat(l?n-i-(s?0:h):n-i,"px")),l&&x?(o=a,u=o.reduce(function(e,t){return e+t.renderWidth},0)):b&&(l&&(o=a),u=o.reduce(function(e,t){return e+t.renderWidth},0)),e("div",{class:["vxe-table--body-wrapper",l?"fixed--".concat(l,"-wrapper"):"body--wrapper"],attrs:{fixed:l},style:w},[v?e("div",{class:["vxe-body--top-space"],style:{height:"".concat(m.topSpaceHeight,"px")}}):null,!l&&b?e("div",{class:["vxe-body--x-space"],style:{width:"".concat(t.tableWidth,"px")}}):null,e("table",{class:["vxe-table--body"],attrs:{cellspacing:0,cellpadding:0,border:0},style:{width:null===u?u:"".concat(u,"px"),"margin-left":l?null:"".concat(p.leftSpaceWidth,"px")}},[e("colgroup",o.map(function(t,a){return e("col",{attrs:{name:t.id,width:t.renderWidth},key:a})})),e("tbody",Zr(e,this,t,l,o))]),v?e("div",{class:["vxe-body--bottom-space"],style:{height:"".concat(m.bottomSpaceHeight,"px")}}):null])},methods:{scrollEvent:function(e){var t=this.$parent,a=this.fixedType,l=t.scrollXLoad,n=t.scrollYLoad,r=t.triggerScrollXEvent,o=t.triggerScrollYEvent,i=t.$refs,s=i.tableHeader,c=i.tableBody,d=i.leftBody,u=i.rightBody,p=s?s.$el:null,b=c.$el,m=d?d.$el:null,v=u?u.$el:null;"left"===a?eo(m.scrollTop,b,v):"right"===a?eo(v.scrollTop,b,m):(p&&(p.scrollLeft=b.scrollLeft),(m||v)&&(clearTimeout(Fr),Fr=setTimeout(t.checkScrolling,Kr.browse.msie?300:20)),eo(b.scrollTop,m,v)),l&&r(e),n&&o(e)}}},ao={props:{footerData:Array,tableColumn:Array,visibleColumn:Array,fixedColumn:Array,fixedType:String},render:function(e){var t=this.$parent,a=this.fixedType,l=this.fixedColumn,n=this.tableColumn,r=this.footerData,o=t.footerRowClassName,i=t.footerCellClassName,s=t.tableWidth,c=t.scrollYWidth,d=t.scrollXLoad,u=t.scrollXStore,p=t.optimizeConfig,b=p.overflow;return a&&b?(n=l,s=n.reduce(function(e,t){return e+t.renderWidth},0)):d&&(a&&(n=l),s=n.reduce(function(e,t){return e+t.renderWidth},0)),e("div",{class:["vxe-table--footer-wrapper",a?"fixed--".concat(a,"-wrapper"):"footer--wrapper"],on:{scroll:this.scrollEvent}},[!a&&d?e("div",{class:["vxe-body--x-space"],style:{width:"".concat(t.tableWidth,"px")}}):null,e("table",{attrs:{cellspacing:0,cellpadding:0,border:0},style:{width:null===s?s:"".concat(s+c,"px"),"margin-left":a?null:"".concat(u.leftSpaceWidth,"px")}},[e("colgroup",n.map(function(t,a){return e("col",{attrs:{name:t.id,width:t.renderWidth}})}).concat([e("col",{attrs:{width:c}})])),e("tfoot",r.map(function(t,l){return e("tr",{class:["vxe-footer--row",o?It.a.isFunction(o)?o({rowIndex:l,fixed:a}):o:""]},n.map(function(r,o){var s,c=r.children&&r.children.length,d=a&&r.fixed!==a&&!c;return e("td",{class:["vxe-footer--column",r.id,(s={},Object(Or["a"])(s,"col--".concat(r.headerAlign),r.headerAlign),Object(Or["a"])(s,"fixed--hidden",d),Object(Or["a"])(s,"filter--active",r.filters.some(function(e){return e.checked})),s),i?It.a.isFunction(i)?i({rowIndex:l,column:r,columnIndex:o,fixed:a}):i:""],attrs:{colspan:r.colSpan,rowspan:r.rowSpan},key:o},[e("div",{class:["vxe-cell"]},t["right"===a?t.length-n.length+o:o])])}).concat([e("td",{class:["col--gutter"],style:{width:"".concat(c,"px")}})]))}))])])},methods:{scrollEvent:function(e){var t=this.$parent,a=t.$refs,l=a.tableHeader,n=a.tableBody,r=a.tableFooter,o=l.$el,i=n.$el,s=r.$el;o&&(o.scrollLeft=s.scrollLeft),i&&(i.scrollLeft=s.scrollLeft)}}},lo={getCsvContent:function(e,t,a,l){var n=e.original,r=ro(e,t,a,l),o=r.columns,i=r.datas,s="\ufeff";return e.isHeader&&(s+=o.map(function(e){return e.label}).join(",")+"\n"),i.forEach(function(e,t){s+=n?o.map(function(a){return"index"===a.type?a.index?a.index(t):t+1:Gr.getCellValue(e,a.property)||""}).join(",")+"\n":o.map(function(t){return e[t.id]}).join(",")+"\n"}),s},downloadCsc:function(e,t){if(!e.download)return $r.a.resolve(t);if(navigator.msSaveBlob&&window.Blob)navigator.msSaveBlob(new Blob([t],{type:"text/csv"}),e.filename);else if(Kr.browse["-ms"]){var a=window.top.open("about:blank","_blank");a.document.charset="utf-8",a.document.write(t),a.document.close(),a.document.execCommand("SaveAs",e.filename),a.close()}else{var l=document.createElement("a");l.target="_blank",l.download=e.filename,l.href=oo(e,t),document.body.appendChild(l),l.click(),document.body.removeChild(l)}}};function no(e,t,a){var l=a.querySelectorAll(".vxe-table--body-wrapper.body--wrapper .vxe-body--row");return On()(l).map(function(t){var a={};return e.forEach(function(e){var l=t.querySelector(".".concat(e.id));a[e.id]=l?l.innerText.trim():""}),a})}function ro(e,t,a,l){var n=e.original,r=e.columns?e.columns:a;e.columnFilterMethod&&(r=r.filter(e.columnFilterMethod));var o=e.data?e.data:n?t:no(r,t,l);return e.dataFilterMethod&&(o=o.filter(e.dataFilterMethod)),{columns:r,datas:o}}function oo(e,t){return window.Blob&&window.URL&&window.URL.createObjectURL&&!Kr.browse.safari?URL.createObjectURL(new Blob([t],{type:"text/csv"})):"data:attachment/csv;charset=utf-8,".concat(encodeURIComponent(t))}var io=lo,so=/Firefox/i.test(navigator.userAgent)?"DOMMouseScroll":"mousewheel",co=[],uo={on:function(e,t,a){co.push({comp:e,type:t,cb:a})},off:function(e,t){It.a.remove(co,function(a){return a.comp===e&&a.type===t})},trigger:function(e){co.forEach(function(t){var a=t.comp,l=t.type,n=t.cb;(l===e.type||"mousewheel"===l&&e.type===so)&&n.call(a,e)})}};document.addEventListener("keydown",uo.trigger,!1),document.addEventListener("contextmenu",uo.trigger,!1),window.addEventListener("mousedown",uo.trigger,!1),window.addEventListener("blur",uo.trigger,!1),window.addEventListener("resize",uo.trigger,!1),window.addEventListener(so,uo.trigger,!1);var po=uo,bo=[],mo=null;function vo(){clearTimeout(mo),mo=setTimeout(ho.handle,ho.delay)}var ho={delay:500,on:function(e,t,a){bo.length||vo(),bo.some(function(a){return a.comp===e&&a.target===t})||bo.push({comp:e,target:t,cb:a,width:t.clientWidth,height:t.clientHeight})},off:function(e,t){It.a.remove(bo,function(a){return a.comp===e&&a.target===t})},handle:function(){bo.length&&(bo.forEach(function(e){var t=e.comp,a=e.target,l=e.cb,n=e.width,r=e.height,o=a.clientWidth,i=a.clientHeight;n===o&&r===i||(e.width=o,e.height=i,l.call(t,{type:"resize",target:a,currentTarget:a}))}),mo=setTimeout(ho.handle,ho.delay))}},fo=ho,xo=(a("c5f6"),a("3f4a")),go=a.n(xo),wo=(a("a481"),24);function yo(e,t,a,l){var n=l.row,r=l.column,o=a.name;return[e("div",{class:"vxe-input--wrapper"},[e(o,{class:"vxe-".concat(o),attrs:t,domProps:{value:Gr.getCellValue(n,r.property)},on:{input:function(e){Gr.setCellValue(n,r.property,e.target.value)}}})])]}var Co={input:{autofocus:".vxe-input",renderEdit:function(e,t,a){return yo(e,{type:"text"},t,a)}},textarea:{autofocus:".vxe-textarea",renderEdit:function(e,t,a){return yo(e,null,t,a)}},cell:{autofocus:".vxe-textarea",renderEdit:function(e,t,a,l){var n=l.$excel,r=n.excelStore,o=r.uploadRows,i=a.row,s=a.column;return[e("div",{class:"vxe-input--wrapper vxe-excel-cell",style:{height:"".concat(s.renderHeight-1,"px")}},[e("textarea",{class:"vxe-textarea",style:{width:"".concat(s.renderWidth,"px")},domProps:{value:Gr.getCellValue(i,s.property)},on:{input:function(e){var t=e.target;Gr.setCellValue(i,s.property,e.target.value),t.scrollHeight>t.offsetHeight&&(-1===o.indexOf(i)?t.style.width="".concat(t.offsetWidth+20,"px"):t.style.height="".concat(t.scrollHeight,"px"))},change:function(){-1===o.indexOf(i)&&o.push(i)},keydown:function(e){var t=e.target;if(e.altKey&&13===e.keyCode){e.preventDefault(),e.stopPropagation();var a=t.value,l=Kr.getCursorPosition(t),n=l.end;Gr.setCellValue(i,s.property,"".concat(a.slice(0,n),"\n").concat(a.slice(n,a.length))),t.style.height="".concat((Math.floor(t.offsetHeight/wo)+1)*wo,"px"),setTimeout(function(){l.start=l.end=++n,Kr.setCursorPosition(t,l)})}}}})])]},renderCell:function(e,t,a){var l=a.row,n=a.column;return[e("span",{domProps:{innerHTML:Gr.formatText(Gr.getCellValue(l,n.property)).replace(/\n/g,"<br>")}})]}}},_o=Co,To={size:null,optimized:!1,contextMenu:null,renderMap:_o,iconMap:{sortAsc:"vxe-sort--asc-icon",sortDesc:"vxe-sort--desc-icon",filter:"vxe-filter--icon",edit:"vxe-edit--icon"},i18n:function(e,t){return It.a.get(go.a,e)}},So=To,Do={data:Array,customs:Array,height:[Number,String],maxHeight:[Number,String],resizable:Boolean,stripe:Boolean,border:Boolean,size:{type:String,default:function(){return So.size}},fit:{type:Boolean,default:!0},loading:Boolean,showHeader:{type:Boolean,default:!0},highlightCurrentRow:Boolean,highlightHoverRow:Boolean,showFooter:Boolean,footerMethod:Function,rowClassName:[String,Function],cellClassName:[String,Function],headerRowClassName:[String,Function],headerCellClassName:[String,Function],footerRowClassName:[String,Function],footerCellClassName:[String,Function],spanMethod:Function,rowKey:[String,Number],autoResize:Boolean,autoWidth:{type:Boolean,default:!0},contextMenu:{type:Object,default:function(){return So.contextMenu}},mouseConfig:Object,keyboardConfig:Object,editConfig:Object,editRules:Object,optimized:{type:[Object,Boolean],default:function(){return So.optimized}},selectEditMethod:Function},ko={name:"VxeCheckbox",props:{value:Boolean,indeterminate:Boolean,disabled:Boolean,name:String,size:String},render:function(e){var t=this;return e("label",{class:["vxe-checkbox",this.size?"size--".concat(this.size):"",{"is--indeterminate":this.indeterminate,"is--disabled":this.disabled}]},[e("input",{attrs:{type:"checkbox"},domProps:{checked:this.value},on:{change:function(e){if(!t.disabled){var a=e.target.checked;t.$emit("input",a),t.$emit("change",a,e)}}}}),e("span",{class:["checkbox--icon"]}),this.$slots.default?e("span",{class:["checkbox--label"]},this.$slots.default):this._e()])},install:function(e){e.component(ko.name,ko)}},Eo=ko,Ao={props:{filterStore:Object,optimizeConfig:Object},components:{VxeCheckbox:Eo},render:function(e){var t=this.$parent,a=this.filterStore,l=this.optimizeConfig,n=this.filterCheckAllEvent,r=this.filterOptionCheckEvent;return e("div",{class:["vxe-table--filter-wrapper",{"t--animat":l.animat,"filter--active":a.visible}],style:a.style},a.visible?[e("ul",{class:["vxe-table--filter-body"]},[e("li",{class:["vxe-table--filter-option"]},[e("vxe-checkbox",{props:{value:a.isAllSelected,indeterminate:a.isIndeterminate},on:{change:function(e,t){n(t,e)}}},So.i18n("vxe.table.allFilter"))])].concat(a.options.map(function(t,a){return e("li",{class:["vxe-table--filter-option"],key:a},[e("vxe-checkbox",{props:{value:t.checked},on:{change:function(e,a){r(a,e,t)}}},t.label)])}))),e("div",{class:["vxe-table--filter-footer"]},[e("button",{class:{"is--disabled":!a.isAllSelected&&!a.isIndeterminate},attrs:{disabled:!a.isAllSelected&&!a.isIndeterminate},on:{click:t.confirmFilterEvent}},So.i18n("vxe.table.confirmFilter")),e("button",{on:{click:t.resetFilterEvent}},So.i18n("vxe.table.resetFilter"))])]:[])},methods:{filterCheckAllEvent:function(e,t){var a=this.filterStore;a.options.forEach(function(e){e.checked=t}),a.isAllSelected=t,a.isIndeterminate=!1},filterOptionCheckEvent:function(e,t,a){var l=this.filterStore;a.checked=t,l.isAllSelected=l.options.every(function(e){return e.checked}),l.isIndeterminate=!l.isAllSelected&&l.options.some(function(e){return e.checked})}}},Lo={props:{ctxMenuStore:Object},render:function(e){var t=this.$parent,a=this._e,l=this.ctxMenuStore;return e("div",{class:["vxe-table--ctxmenu-wrapper",{show:l.visible}],style:l.style},l.list.map(function(n,r){return e("ul",{class:["vxe-ctxmenu--option-wrapper"],key:r},n.map(function(n,o){var i=n.children&&n.children.length;return e("li",{class:[{"link--disabled":n.disabled,"link--active":n===l.selected}],key:"".concat(r,"_").concat(o)},[e("a",{class:["vxe-ctxmenu--link"],on:{click:function(e){t.ctxMenuLinkEvent(e,n)},mouseover:function(e){t.ctxMenuMouseoverEvent(e,n)},mouseout:function(e){t.ctxMenuMouseoutEvent(e,n)}}},[e("i",{class:["vxe-ctxmenu--link-prefix",n.prefixIcon]}),e("span",{class:["vxe-ctxmenu--link-content"]},n.name),e("i",{class:["vxe-ctxmenu--link-suffix",i?n.suffixIcon||"suffix--haschild":n.suffixIcon]})]),i?e("ul",{class:["vxe-table--ctxmenu-clild-wrapper",{show:n===l.selected&&l.showChild}]},n.children.map(function(a,i){return e("li",{class:[{"link--disabled":a.disabled,"link--active":a===l.selectChild}],key:"".concat(r,"_").concat(o,"_").concat(i)},[e("a",{class:["vxe-ctxmenu--link"],on:{click:function(e){t.ctxMenuLinkEvent(e,a)},mouseover:function(e){t.ctxMenuMouseoverEvent(e,n,a)},mouseout:function(e){t.ctxMenuMouseoutEvent(e,n,a)}}},[e("i",{class:["vxe-ctxmenu--link-prefix",a.prefixIcon]}),e("span",{class:["vxe-ctxmenu--link-content"]},a.name)])])})):a()])}))}))}},Io={clearActiveds:[]},Oo=Io;function Mo(e,t,a,l){var n=t.tableData,r=t.tableColumn,o=t.visibleColumn,i=t.collectColumn,s=t.isGroup,c=t.height,d=t.headerHeight,u=t.footerHeight,p=t.showHeader,b=t.showFooter,m=t.tableHeight,v=t.scrollYWidth,h=t.scrollXHeight,f=t.scrollRightToLeft,x=t.scrollLeftToRight,g=t.columnStore,w=isNaN(c)?0:jr()(c),y="right"===a,C=g["".concat(a,"List")],_={height:"".concat((w?w-d-u:m)+d+u-h,"px"),width:"".concat(C.reduce(function(e,t){return e+t.renderWidth},y?v+1:0),"px")};return e("div",{class:["vxe-table--fixed-".concat(a,"-wrapper"),{"scrolling--middle":y?f:x}],style:_,ref:"fixedTable"},[p?e("table-header",{props:{fixedType:a,tableData:n,tableColumn:r,visibleColumn:o,collectColumn:i,fixedColumn:C,isGroup:s},ref:"".concat(a,"Header")}):null,e("table-body",{style:{top:"".concat(d,"px")},props:{fixedType:a,tableData:n,tableColumn:r,visibleColumn:o,collectColumn:i,fixedColumn:C,isGroup:s},ref:"".concat(a,"Body")}),b?e("table-footer",{style:{top:"".concat(w?w-u:m,"px")},props:{fixedType:a,footerData:l,tableColumn:r,visibleColumn:o,fixedColumn:C},ref:"".concat(a,"Footer")}):null])}var $o={name:"VxeTable",props:Do,components:{TableHeader:Yr,TableBody:to,TableFooter:ao,TableFilter:Ao,TableContextMenu:Lo},provide:function(){return{$table:this}},data:function(){return{id:It.a.uniqueId(),collectColumn:[],tableFullColumn:[],tableColumn:[],tableData:[],tableWidth:0,tableHeight:0,headerHeight:0,footerHeight:0,scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!1,scrollYWidth:0,scrollXHeight:0,scrollLeftToRight:!1,scrollRightToLeft:!1,isAllSelected:!1,isIndeterminate:!1,selection:[],selectRow:null,expandeds:[],hoverRow:null,filterStore:{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1},columnStore:{leftList:[],centerList:[],rightList:[],resizeList:[],pxList:[],pxMinList:[],scaleList:[],scaleMinList:[],autoList:[]},ctxMenuStore:{selected:null,visible:!1,showChild:!1,selectChild:null,list:[],style:null},scrollXStore:{renderSize:0,visibleSize:0,offsetSize:0,rowHeight:0,startIndex:0,visibleIndex:0,leftSpaceWidth:0,rightSpaceWidth:0},scrollYStore:{renderSize:0,visibleSize:0,offsetSize:0,rowHeight:0,startIndex:0,visibleIndex:0,topSpaceHeight:0,bottomSpaceHeight:0},tooltipStore:{visible:!1,row:null,column:null,content:null,style:null},editStore:{checked:{rows:[],columns:[],tRows:[],tColumns:[]},selected:{row:null,column:null},copyed:{cut:!1,rows:[],columns:[]},actived:{row:null,column:null},insertList:[],removeList:[]},validStore:{visible:!1,row:null,column:null,rule:null,style:null}}},computed:{optimizeConfig:function(){var e=this.optimized,t=this.editConfig,a=!0===e;return Ir()({animat:!a,showOverflow:a||t?"tooltip":null,scrollX:{gt:60,oSize:5,rSize:16,vSize:0},scrollY:{gt:500,oSize:20,rSize:100,vSize:0,rHeight:0}},e)},isGroup:function(){return this.collectColumn.some(function(e){return Gr.hasChildrenList(e)})},visibleColumn:function(){return this.tableFullColumn?this.tableFullColumn.filter(function(e){return e.visible}):[]},isFilter:function(){return this.tableColumn.some(function(e){return e.filters&&e.filters.length})},headerCtxMenu:function(){return this.ctxMenuConfig.header&&this.ctxMenuConfig.header.options?this.ctxMenuConfig.header.options:[]},bodyCtxMenu:function(){return this.ctxMenuConfig.body&&this.ctxMenuConfig.body.options?this.ctxMenuConfig.body.options:[]},isCtxMenu:function(){return this.headerCtxMenu.length||this.bodyCtxMenu.length},ctxMenuConfig:function(){return Ir()({},this.contextMenu)},ctxMenuList:function(){var e=[];return this.ctxMenuStore.list.forEach(function(t){t.forEach(function(t){e.push(t)})}),e}},watch:{data:function(e){this.reload(e)},customs:function(e){this.isUpdateCustoms||this.mergeCustomColumn(e),this.isUpdateCustoms=!1},collectColumn:function(e){this.tableFullColumn=Gr.getColumnList(e)},tableColumn:function(){this.analyColumnWidth()},visibleColumn:function(){var e=this;this.refreshColumn(),this.$nextTick(function(){e.computeScrollLoad(),e.recalculate()})}},created:function(){var e=this;this.reload(this.data,!0).then(function(){e.tableFullColumn=Gr.getColumnList(e.collectColumn),e.customs&&e.mergeCustomColumn(e.customs),e.refreshColumn(),e.$nextTick(function(){e.computeScrollLoad(),e.recalculate(!0)})}),po.on(this,"mousedown",this.handleGlobalMousedownEvent),po.on(this,"blur",this.handleGlobalBlurEvent),po.on(this,"contextmenu",this.handleGlobalContextmenuEvent),po.on(this,"mousewheel",this.handleGlobalMousewheelEvent),po.on(this,"keydown",this.handleGlobalKeydownEvent),po.on(this,"resize",this.handleGlobalResizeEvent)},mounted:function(){this.autoResize&&this.autoWidth&&fo.on(this,this.$el.parentNode,this.recalculate),document.body.appendChild(this.$refs.tableWrapper)},beforeDestroy:function(){var e=this.$refs.tableWrapper;e&&e.parentNode&&e.parentNode.removeChild(e),this.closeFilter(),this.closeContextMenu(),fo.off(this,this.$el.parentNode)},destroyed:function(){po.off(this,"mousedown"),po.off(this,"blur"),po.off(this,"contextmenu"),po.off(this,"mousewheel"),po.off(this,"keydown"),po.off(this,"resize")},render:function(e){var t=this._e,a=this.id,l=this.tableData,n=this.tableColumn,r=this.visibleColumn,o=this.collectColumn,i=this.isGroup,s=this.isFilter,c=this.isCtxMenu,d=this.loading,u=this.showHeader,p=this.resizable,b=this.border,m=this.stripe,v=this.highlightHoverRow,h=this.size,f=this.editConfig,x=this.showFooter,g=this.footerMethod,w=this.overflowX,y=this.overflowY,C=this.scrollXHeight,_=this.optimizeConfig,T=this.columnStore,S=this.filterStore,D=this.ctxMenuStore,k=this.tooltipStore,E=this.validStore,A=this.getRecords,L=T.leftList,I=T.rightList,O=x&&g&&r.length?g({columns:r,data:A()}):["-"];return e("div",{class:["vxe-table",h?"size--".concat(h):"",{"vxe-editable":f,"show--head":u,"show--foot":x,"scroll--y":y,"scroll--x":w,"fixed--left":L.length,"fixed--right":I.length,"t--animat":_.animat,"t--stripe":m,"t--border":b,"t--highlight":v}]},[e("div",{class:["vxe-table-hidden-column"],ref:"hideColumn"},this.$slots.default),u?e("table-header",{ref:"tableHeader",props:{tableData:l,tableColumn:n,visibleColumn:r,collectColumn:o,isGroup:i}}):t(),e("table-body",{ref:"tableBody",props:{tableData:l,tableColumn:n,visibleColumn:r,collectColumn:o,isGroup:i}}),x?e("table-footer",{props:{footerData:O,footerMethod:g,tableColumn:n,visibleColumn:r},ref:"tableFooter"}):t(),L&&L.length&&w?Mo(e,this,"left",O):t(),I&&I.length&&w?Mo(e,this,"right",O):t(),p?e("div",{class:["vxe-table--resizable-bar"],style:w?{"padding-bottom":"".concat(C,"px")}:null,ref:"resizeBar"}):t(),e("div",{class:["vxe-table--loading"],style:{display:d?"block":"none"}},[e("div",{class:"vxe-table--spinner"})]),e("div",{class:["vxe-table".concat(a,"-wrapper")],ref:"tableWrapper"},[s?e("table-filter",{props:{optimizeConfig:_,filterStore:S},ref:"filterWrapper"}):null,c?e("table-context-menu",{props:{ctxMenuStore:D},ref:"ctxWrapper"}):null,k.visible?e("div",{class:["vxe-table--tooltip-wrapper"],style:k.style,ref:"tipWrapper"},[e("div",{class:["vxe-table--tooltip-content"]},Gr.formatText(k.content)),e("div",{class:["vxe-table--tooltip-arrow"]})]):null,E.visible?e("div",{class:["vxe-table--valid-error-wrapper"],style:E.style,ref:"validWrapper"},[e("div",{class:["vxe-table--valid-error-content"]},Gr.formatText(E.rule.message)),e("div",{class:["vxe-table--valid-error-arrow"]})]):null])])},methods:{clearSelection:function(){return this.isAllSelected=!1,this.isIndeterminate=!1,this.selection=[],this.$nextTick()},clearCurrentRow:function(){return this.selectRow=null,this.hoverRow=null,this.$nextTick()},clearSort:function(){return this.tableFullColumn.forEach(function(e){e.order=null}),this.tableFullData=this.data||[],this.tableData=this.tableFullData,this.$nextTick()},clearFilter:function(e){return Ir()(this.filterStore,{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1}),this.$nextTick()},reload:function(e,t){var a=this.autoWidth,l=this.scrollYStore,n=this.optimizeConfig,r=this.recalculate,o=this.computeScrollLoad,i=n.scrollY,s=e||[],c=i&&i.gt&&i.gt<s.length;c&&Ir()(l,{startIndex:0,visibleIndex:0,renderSize:i.rSize,offsetSize:i.oSize}),this.insertList=[],this.removeList=[],this.tableSourceData=It.a.clone(s,!0),this.tableFullData=s,this.scrollYLoad=c,this.tableData=this.getTableData();var d=this.$nextTick();return!t&&a&&(d=d.then(r)),!t&&c&&(d=d.then(o)),d},insert:function(e){return this.insertAt(e)},insertAt:function(e,t){var a=this.tableData,l=this.insertList,n=this.defineProperty,r=n(e);if(1===arguments.length)a.unshift(r);else if(-1===t)a.push(r);else{var o=a.indexOf(t);a.splice(o,0,r)}return l.push(r),this.$nextTick().then(function(){return{row:r}})},defineProperty:function(e){var t=Ir()({},e);return this.visibleColumn.forEach(function(e){e.property&&!It.a.has(t,e.property)&&It.a.set(t,e.property,null)}),t},remove:function(e){var t=this.tableData,a=this.removeList,l=[];return e&&!It.a.isArray(e)&&(e=[e]),e.length&&(l=It.a.remove(t,function(t){return e.indexOf(t)>-1})),a.push.apply(a,l),this.$nextTick(function(){return l})},revert:function(e,t){var a=this.tableSourceData,l=this.tableFullData;return arguments.length?(e&&!It.a.isArray(e)&&(e=[e]),e.forEach(function(e){var n=l.indexOf(e),r=a[n];r&&e&&(t?Gr.setCellValue(e,t,Gr.getCellValue(r,t)):It.a.destructuring(e,r))}),this.$nextTick()):this.reload(a)},clearData:function(e,t){var a=this.tableSourceData,l=this.visibleColumn;return arguments.length?e&&!It.a.isArray(e)&&(e=[e]):e=a,t?e.forEach(function(e){return Gr.setCellValue(e,t,null)}):e.forEach(function(e){l.forEach(function(t){t.property&&Gr.setCellValue(e,t.property,null)})}),this.$nextTick()},hasRowChange:function(e,t){var a=this.tableFullData,l=this.tableSourceData,n=a.indexOf(e),r=l[n];return arguments.length>1?r&&!It.a.isEqual(Gr.getCellValue(r,t),Gr.getCellValue(e,t)):r&&!It.a.isEqual(r,e)},getColumns:function(e){var t=this.visibleColumn;return arguments.length?t[e]:t},getRecords:function(e){var t=this.tableFullData;return arguments.length?t[e]:t},getAllRecords:function(){return{records:this.getRecords(),selecteds:this.getSelecteds(),insertRecords:this.getInsertRecords(),removeRecords:this.getRemoveRecords(),updateRecords:this.getUpdateRecords()}},getInsertRecords:function(){return this.insertList},getRemoveRecords:function(){return this.removeList},getUpdateRecords:function(){var e=this.tableSourceData,t=this.tableFullData,a=this.visibleColumn,l=[];return t.forEach(function(t,n){var r=e[n];r&&a.some(function(e){return!It.a.isEqual(Gr.getCellValue(r,e.property),Gr.getCellValue(t,e.property))})&&l.push(t)}),l},getTableData:function(){var e=this.visibleColumn,t=this.tableFullData,a=this.scrollYLoad,l=this.scrollYStore,n=this.filterStore,r=n.isAllSelected,o=n.isIndeterminate,i=this.visibleColumn.find(function(e){return e.order}),s=t;if((r||o)&&(s=s.filter(function(t){return e.every(function(e){var a=e.property,l=e.filters,n=e.filterMethod;if(l&&l.length){var r=[];if(l.forEach(function(e){e.checked&&r.push(e.value)}),r.length){var o=n?r.some(function(a){return n({value:a,row:t,column:e})}):r.indexOf(Gr.getCellValue(t,a))>-1;return o}}return!0})})),i&&i.order){var c=It.a.sortBy(s,i.property);s="desc"===i.order?c.reverse():c}return a?s.slice(l.startIndex,l.startIndex+l.renderSize):s.slice(0)},mergeCustomColumn:function(e){this.isUpdateCustoms=!0,this.tableFullColumn.forEach(function(t){var a=e.find(function(e){return t.property&&e.prop===t.property});t.visible=!a||!!a.visible}),this.$emit("update:customs",this.tableFullColumn)},refreshColumn:function(){var e,t=0,a=[],l=0,n=[],r=[],o=this.tableFullColumn,i=this.isGroup,s=this.columnStore,c=this.scrollXStore,d=this.optimizeConfig,u=d.scrollX;o.forEach(function(o,i){o.visible&&("left"===o.fixed?(e||(i-t!==0?e=!0:t++),a.push(o)):"right"===o.fixed?(e||(l||(l=i),i-l!==0?e=!0:l++),r.push(o)):n.push(o))});var p=a.concat(n).concat(r),b=u&&u.gt&&u.gt<o.length;if(Ir()(s,{leftList:a,centerList:n,rightList:r}),e&&i||l&&l!==p.length)throw new Error("[vxe-table] Fixed column must to the left and right sides.");b&&(Ir()(c,{startIndex:0,visibleIndex:0,renderSize:u.rSize,offsetSize:u.oSize}),p=p.slice(c.startIndex,c.startIndex+c.renderSize)),this.scrollXLoad=b,this.tableColumn=p},analyColumnWidth:function(){var e=[],t=[],a=[],l=[],n=[],r=[];this.tableFullColumn.forEach(function(o){o.visible&&(o.resizeWidth?e.push(o):Kr.isPx(o.width)?t.push(o):Kr.isScale(o.width)?l.push(o):Kr.isPx(o.minWidth)?a.push(o):Kr.isScale(o.minWidth)?n.push(o):r.push(o))}),Ir()(this.columnStore,{resizeList:e,pxList:t,pxMinList:a,scaleList:l,scaleMinList:n,autoList:r})},recalculate:function(e){var t=this,a=this.$refs.tableBody,l=this.$refs.tableHeader,n=this.$refs.tableFooter,r=a.$el,o=l?l.$el:null,i=n?n.$el:null,s=r.clientWidth,c=this.autoCellWidth(o,r,i,s);!0===e&&this.$nextTick(function(){s=r.clientWidth,s!==c&&t.autoCellWidth(o,r,i,s)})},autoCellWidth:function(e,t,a,l){var n,r=0,o=40,i=l,s=this.fit,c=this.columnStore,d=c.resizeList,u=c.pxMinList,p=c.pxList,b=c.scaleList,m=c.scaleMinList,v=c.autoList;u.forEach(function(e){var t=Za()(e.minWidth);r+=t,e.renderWidth=t}),n=i/100,m.forEach(function(e){var t=Math.floor(Za()(e.minWidth)*n);r+=t,e.renderWidth=t}),b.forEach(function(e){var t=Math.floor(Za()(e.width)*n);r+=t,e.renderWidth=t}),p.forEach(function(e){var t=Za()(e.width);r+=t,e.renderWidth=t}),d.forEach(function(e){var t=Za()(e.resizeWidth);r+=t,e.renderWidth=t}),i-=r,n=i>0?Math.max(Math.floor(i/(m.length+u.length+v.length)),o):o,s?i>0&&m.concat(u).forEach(function(e){r+=n,e.renderWidth+=n}):n=o,v.forEach(function(e,t){if(e.renderWidth=n,r+=n,s&&t===v.length-1){var a=l-r;a>0&&(e.renderWidth+=a,r=l)}});var h=t.offsetHeight;if(this.scrollYWidth=t.offsetWidth-l,this.overflowY=this.scrollYWidth>0,this.tableWidth=r,this.tableHeight=h,e&&(this.headerHeight=e.offsetHeight),a){var f=a.offsetHeight;this.scrollXHeight=Math.max(f-a.clientHeight,0),this.overflowX=r>a.clientWidth,this.footerHeight=f}else this.scrollXHeight=Math.max(h-t.clientHeight,0),this.overflowX=r>l;return this.overflowX&&this.checkScrolling(),r},checkScrolling:function(){var e=this.$refs,t=e.tableBody,a=e.leftBody,l=e.rightBody,n=t.$el;a&&(this.scrollLeftToRight=n.scrollLeft>0),l&&(this.scrollRightToLeft=n.clientWidth<n.scrollWidth-n.scrollLeft)},handleGlobalMousedownEvent:function(e){var t=this,a=this.editStore,l=this.ctxMenuStore,r=this.editConfig,o=void 0===r?{}:r,i=a.actived;this.$refs.filterWrapper&&(this.getEventTargetNode(e,this.$el,"vxe-filter-wrapper").flag||this.getEventTargetNode(e,this.$refs.filterWrapper.$el).flag||this.closeFilter()),i.row&&!1!==o.autoClear&&(!this.lastCallTime||this.lastCallTime+50<n()())&&(Oo.clearActiveds.some(function(t){return!1===t(i.args,e)})||this.getEventTargetNode(e,this.$el,"col--edit").flag&&this.getEventTargetNode(e,this.$el).flag||this.triggerValidate().then(function(){t.clearActived(e)}).catch(function(e){return e})),l.visible&&this.$refs.ctxWrapper&&!this.getEventTargetNode(e,this.$refs.ctxWrapper.$el).flag&&this.closeContextMenu()},handleGlobalBlurEvent:function(e){this.closeFilter(),this.closeContextMenu()},handleGlobalMousewheelEvent:function(e){this.closeContextMenu()},handleGlobalKeydownEvent:function(e){var t,a=this.isCtxMenu,l=this.ctxMenuStore,n=this.editStore,r=this.mouseConfig,o=void 0===r?{}:r,i=this.keyboardConfig,s=void 0===i?{}:i,c=n.selected,d=n.actived,u=e.keyCode,p=8===u,b=9===u,m=13===u,v=27===u,h=32===u,f=37===u,x=38===u,g=39===u,w=40===u,y=46===u,C=67===u,_=86===u,T=88===u,S=113===u,D=e.ctrlKey,k=f||x||g||w,E=a&&l.visible&&(m||h||k);v?(this.closeContextMenu(),this.closeFilter(),d.row&&(t=d.args,this.clearActived(e),o.selected&&this.handleSelected(t,e))):m&&(c.row||d.row)?this.moveSelected(c.row?c.args:d.args,f,x,g,!0,e):E?(e.preventDefault(),l.showChild&&Gr.hasChildrenList(l.selected)?this.moveCtxMenu(e,u,l,"selectChild",37,!1,l.selected.children):this.moveCtxMenu(e,u,l,"selected",39,!0,this.ctxMenuList)):S?c.row&&c.column&&this.handleActived(c.args,e):k&&s.isArray?c.row&&c.column&&(e.preventDefault(),this.moveSelected(c.args,f,x,g,w,e)):b&&s.isTab?c.row||c.column?(e.preventDefault(),this.moveTabSelected(c.args,e)):(d.row||d.column)&&(e.preventDefault(),this.moveTabSelected(d.args,e)):y||p?(c.row||c.column)&&(Gr.setCellValue(c.row,c.column.property,null),p&&this.handleActived(c.args,e)):s.isCut&&D&&(T||C||_)?T||C?this.handleCopyed(T,e):_&&this.handlePaste(e):s.isEdit&&!D&&(u>=48&&u<=57||u>=65&&u<=90||u>=96&&u<=111||u>=186&&u<=192||u>=219&&u<=222||32===u)&&(c.row||c.column)&&(s.editMethod&&!1===s.editMethod(c.args,e)||(Gr.setCellValue(c.row,c.column.property,null),this.handleActived(c.args,e)))},moveTabSelected:function(e,t){for(var a,l,n,r,o=this.$refs,i=this.tableData,s=this.visibleColumn,c=this.handleSelected,d=e.rowIndex,u=e.columnIndex,p=u+1;p<s.length;p++)if(s[p].editRender){r=p,n=s[p];break}if(!n&&d<i.length-1){l=d+1,a=i[l];for(var b=0;b<s.length;b++)if(s[b].editRender){r=b,n=s[b];break}}n&&(a&&(e.rowIndex=l,e.row=a),e.columnIndex=r,e.column=n,e.cell=Kr.getCell(e,o.tableBody.$el),c(e,t))},moveSelected:function(e,t,a,l,n,r){var o=this.$refs,i=this.tableData,s=this.visibleColumn,c=this.handleSelected;if(a&&e.rowIndex)e.rowIndex-=1,e.row=i[e.rowIndex];else if(n&&e.rowIndex<i.length-1)e.rowIndex+=1,e.row=i[e.rowIndex];else if(t&&e.columnIndex){for(var d=e.columnIndex-1;d>=0;d--)if(s[d].editRender){e.columnIndex=d,e.column=s[d];break}}else if(l&&e.columnIndex)for(var u=e.columnIndex+1;u<s.length;u++)if(s[u].editRender){e.columnIndex=u,e.column=s[u];break}e.cell=Kr.getCell(e,o.tableBody.$el),c(e,r)},moveCtxMenu:function(e,t,a,l,n,r,o){var i=It.a.findIndexOf(o,function(e){return a[l]===e});t===n?r&&Gr.hasChildrenList(a.selected)?a.showChild=!0:(a.showChild=!1,a.selectChild=null):38===t?a[l]=o[i-1]||o[o.length-1]:40===t?a[l]=o[i+1]||o[0]:!a[l]||13!==t&&32!==t||this.ctxMenuLinkEvent(e,a[l])},handleGlobalResizeEvent:function(){this.recalculate()},handleGlobalContextmenuEvent:function(e){var t=this.isCtxMenu;if(t){var a=this.getEventTargetNode(e,this.$el,"vxe-table--header-wrapper");if(a.flag)return void this.openContextMenu(e,"header",{});var l=this.getEventTargetNode(e,this.$el,"vxe-table--body-wrapper");if(l.flag)return void this.openContextMenu(e,"body",{});var n=this.getEventTargetNode(e,this.$el,"vxe-table--footer-wrapper");if(n.flag)return void this.openContextMenu(e,"footer",{})}this.closeContextMenu(),this.closeFilter()},openContextMenu:function(e,t,a){var l=this,n=this.tableData,r=this.visibleColumn,o=this.ctxMenuStore,i=this.ctxMenuConfig,s=i[t];if(s){var c=s.options,d=s.visibleMethod,u=s.disabled;if(u)e.preventDefault();else if(c&&c.length)if(!d||d(a,e)){e.preventDefault();var p=Kr.getDomNode(),b=p.scrollTop,m=p.scrollLeft,v=p.visibleHeight,h=p.visibleWidth,f=this.getEventTargetNode(e,this.$el,"vxe-".concat(t,"--column")),x=f.targetElem,g=Kr.getCellIndexs(x),w=g.rowIndex,y=g.columnIndex,C=n[w],_=r[y],T=e.clientY+b,S=e.clientX+m;Ir()(o,{args:{type:t,row:C,rowIndex:w,column:_,columnIndex:y,cell:x,$table:this},visible:!0,list:c,selected:null,selectChild:null,showChild:!1,style:{top:"".concat(T,"px"),left:"".concat(S,"px")}}),this.$nextTick(function(){var t=l.$refs.ctxWrapper.$el,a=t.clientHeight,n=t.clientWidth,r=e.clientY+a-v,i=e.clientX+n-h;r>-10&&(o.style.top="".concat(T-a,"px")),i>-10&&(o.style.left="".concat(S-n,"px"))})}else this.closeContextMenu()}this.closeFilter()},closeContextMenu:function(){Ir()(this.ctxMenuStore,{list:[],visible:!1,selected:null,selectChild:null,showChild:!1})},ctxMenuMouseoverEvent:function(e,t,a){var l=this.ctxMenuStore;e.preventDefault(),e.stopPropagation(),l.selected=t,l.selectChild=a,a||(l.showChild=Gr.hasChildrenList(t))},ctxMenuMouseoutEvent:function(e,t,a){var l=this.ctxMenuStore;t.children||(l.selected=null),l.selectChild=null},ctxMenuLinkEvent:function(e,t){Gr.emitEvent(this,"context-menu-link",[t,this.ctxMenuStore.args,e]),this.closeContextMenu()},getEventTargetNode:function(e,t,a){var l,n=e.target;while(n&&n.nodeType&&n!==document){if(a&&Kr.hasClass(n,a))l=n;else if(n===t)return{flag:!a||!!l,container:t,targetElem:l};n=n.parentNode}return{flag:!1}},triggerTooltipEvent:function(e,t){var a=this,l=t.row,n=t.column,r=this.editConfig,o=this.editStore,i=o.actived;if(!r||!("row"===r.mode&&i.row===l||i.row===l&&i.column===n)){var s=e.currentTarget,c=s.children[0],d=Gr.getCellValue(l,n.property);if(d&&c.scrollWidth>c.clientWidth){var u=this.tooltipStore,p=this.$refs;if(u.column!==n||u.row!==l||!u.visible){var b=Kr.getOffsetPos(s),m=b.top,v=b.left,h=Kr.getDomNode(),f=h.scrollTop,x=h.scrollLeft,g=h.visibleWidth;Ir()(u,{row:l,column:n,content:Gr.getCellValue(l,n.property),visible:!0}),this.$nextTick().then(function(){var e=p.tipWrapper;if(e)return u.style={width:"".concat(e.offsetWidth+2,"px"),top:"".concat(m-e.offsetHeight-6,"px"),left:"".concat(v-6,"px")},e.offsetWidth<s.offsetWidth&&(u.style.left="".concat(v+Math.floor((s.offsetWidth-e.offsetWidth)/2)-6,"px")),a.$nextTick()}).then(function(){var e=p.tipWrapper;if(e){var t=e.offsetHeight,a=e.offsetWidth;m-t<f&&(u.style.top="".concat(m+s.offsetHeight+6,"px")),v+a>x+g&&(u.style.left="".concat(x+g-a-6,"px"))}})}}}},clostTooltip:function(){Ir()(this.tooltipStore,{row:null,column:null,content:null,style:null,visible:!1})},setSelection:function(e,t){var a=this,l=this.visibleColumn.find(function(e){return"selection"===e.type});return e&&!It.a.isArray(e)&&(e=[e]),e.forEach(function(e){return a.triggerCheckRowEvent(null,{row:e,column:l},!!t)}),this.$nextTick()},triggerCheckRowEvent:function(e,t,a){var l=t.row,n=t.column,r=this.$listeners,o=this.selection,i=this.tableData,s=n.property;s?(Gr.setCellValue(l,s,a),this.isAllSelected=i.every(function(e){return Gr.getCellValue(e,s)}),this.isIndeterminate=!this.isAllSelected&&i.some(function(e){return Gr.getCellValue(e,s)}),r["select-change"]&&(o=i.filter(function(e){return Gr.getCellValue(e,s)}))):(a?-1===o.indexOf(l)&&o.push(l):It.a.remove(o,function(e){return e===l}),this.isAllSelected=i.length===o.length,this.isIndeterminate=!this.isAllSelected&&o.length),Gr.emitEvent(this,"select-change",[{row:l,column:n,selection:o,checked:a},e])},toggleRowSelection:function(e){var t=this.selection,a=this.visibleColumn.find(function(e){return"selection"===e.type}),l=a.property;return this.triggerCheckRowEvent(null,{row:e,column:a},l?!!e[l]:-1===t.indexOf(e)),this.$nextTick()},triggerCheckAllEvent:function(e,t){var a=this.visibleColumn.find(function(e){return"selection"===e.type}),l=a.property;l&&this.tableData.forEach(function(e){Gr.setCellValue(e,l,t)}),this.selection=t?On()(this.tableData):[],this.isAllSelected=t,this.isIndeterminate=!1,Gr.emitEvent(this,"select-all",[{selection:this.selection,checked:t},e])},toggleAllSelection:function(){return this.triggerCheckAllEvent(null,!this.isAllSelected),this.$nextTick()},triggerRowEvent:function(e,t){var a=t.row;return this.selectRow=a,Gr.emitEvent(this,"select-change",[{row:a},e]),this.$nextTick()},setCurrentRow:function(e){return this.selectRow=e,this.$nextTick()},triggerHoverEvent:function(e,t){var a=t.row;this.hoverRow=a},triggerCellMousedownEvent:function(e,t){var a=this.$el,l=this.tableData,n=this.visibleColumn,r=this.editStore,o=this.editConfig,i=this.getEventTargetNode,s=this.handleSelected,c=this.handleChecked,d=r.checked,u=r.actived,p=t.row,b=t.column,m=t.cell,v=e.button,h=0===v,f=2===v;if((h||f)&&o&&"dblclick"===o.trigger)if(u.row===p&&u.column===b);else if(h){e.preventDefault(),e.stopPropagation(),this.handleSelected(t,e);var x=document.onmousemove,g=document.onmouseup,w=Kr.getCellIndexs(m),y=It.a.throttle(function(e){e.preventDefault();var t=i(e,a,"vxe-body--column"),l=t.flag,n=t.targetElem;l&&c(w,Kr.getCellIndexs(n),e)},Kr.browse.msie?80:40,{leading:!0,trailing:!0});document.onmousemove=y,document.onmouseup=function(e){document.onmousemove=x,document.onmouseup=g},this.closeFilter(),this.closeContextMenu()}else if(f){var C=Kr.getCellIndexs(m);-1!==d.rows.indexOf(l[C.rowIndex])&&-1!==d.columns.indexOf(n[C.columnIndex])||s(t,e)}},triggerCornerMousedownEvent:function(e,t){t.preventDefault(),t.stopPropagation();var a=this.$el,l=this.tableData,n=this.visibleColumn,r=this.editStore,o=this.editConfig,i=this.getEventTargetNode,s=this.handleTempChecked,c=r.checked,d=t.button,u=0===d,p=2===d;if((u||p)&&o&&c.rows.length&&"dblclick"===o.trigger){var b=document.onmousemove,m=document.onmouseup,v={rowIndex:l.indexOf(c.rows[0]),columnIndex:n.indexOf(c.columns[0])},h=It.a.throttle(function(e){e.preventDefault();var t=i(e,a,"vxe-body--column"),l=t.flag,n=t.targetElem;l&&s(v,Kr.getCellIndexs(n),e)},Kr.browse.msie?80:40,{leading:!0,trailing:!0});document.onmousemove=h,document.onmouseup=function(e){document.onmousemove=b,document.onmouseup=m,c.rows=c.tRows,c.columns=c.tColumns}}},triggerCellClickEvent:function(e,t){var a=this,l=this.highlightCurrentRow,n=this.editStore,r=this.editConfig,o=n.actived;l&&(this.selectRow=t.row),r&&"click"===r.trigger&&(o.args&&e.currentTarget===o.args.cell||this.triggerValidate().then(function(){a.handleActived(t,e)}).catch(function(e){return e})),Gr.emitEvent(this,"cell-click",[t,e])},triggerCellDBLClickEvent:function(e,t){var a=this,l=this.editStore,n=this.editConfig,r=l.actived;n&&"dblclick"===n.trigger&&(r.args&&e.currentTarget===r.args.cell||this.triggerValidate().then(function(){a.handleActived(t,e)}).catch(function(e){return e})),Gr.emitEvent(this,"cell-dblclick",[t,e])},handleActived:function(e,t){var a=this,l=this.editStore,n=this.editConfig,r=n.activeMethod,o=l.actived,i=e.row,s=e.column,c=e.cell;return o.row!==i||o.column!==s?!r||r(e)?(this.clearCopyed(t),this.clearChecked(t),this.clearSelected(t),this.clearActived(t),s.renderHeight=c.offsetHeight,o.args=e,o.row=i,o.column=s,this.$nextTick(function(){a.handleFocus(e,t)}),Gr.emitEvent(this,"edit-actived",[e,t])):Gr.emitEvent(this,"edit-disabled",[e,t]):setTimeout(function(){a.handleFocus(e,t)}),this.$nextTick()},clearActived:function(e){var t=this.editStore,a=t.actived;return(a.row||a.column)&&Gr.emitEvent(this,"clear-actived",[a.args,e]),a.args=null,a.row=null,a.column=null,this.$nextTick()},hasActiveRow:function(e){var t=this.editStore,a=t.actived;return a.row===e},clearSelected:function(e){var t=this.editStore,a=t.selected;return a.row=null,a.column=null,this.$nextTick()},handleSelected:function(e,t){var a=this,l=this.mouseConfig,n=void 0===l?{}:l,r=this.editStore,o=r.selected,i=e.row,s=e.column;return this.triggerValidate().then(function(){if(o.row===i&&o.column===s||(a.clearChecked(t),a.clearActived(t),o.args=e,o.row=i,o.column=s),n.checked){var l=Kr.getCellIndexs(e.cell);a.handleChecked(l,l,t)}return a.$nextTick()}).catch(function(e){return e})},clearChecked:function(e){var t=this.editStore,a=t.checked;return a.rows=[],a.columns=[],a.tRows=[],a.tColumns=[],this.$nextTick()},handleChecked:function(e,t,a){var l=this.tableData,n=this.visibleColumn,r=this.editStore,o=r.checked,i=e.rowIndex,s=e.columnIndex,c=t.rowIndex,d=t.columnIndex;o.tRows=[],o.tColumns=[],o.rows=i<c?l.slice(i,c+1):l.slice(c,i+1),o.columns=s<d?n.slice(Math.max(s,1),d+1):n.slice(Math.max(d,1),s+1)},handleTempChecked:function(e,t,a){var l=this.tableData,n=this.visibleColumn,r=this.editStore,o=r.checked,i=o.rows,s=o.tRows,c=o.columns,d=o.tColumns,u=e.rowIndex,p=e.columnIndex,b=t.rowIndex,m=t.columnIndex;s.length>i.length?m=n.indexOf(c[c.length-1]):d.length>c.length&&(b=l.indexOf(i[i.length-1])),u<b?o.tRows=l.slice(u,b+1):(u+=i.length,o.tRows=l.slice(b,u)),p<m?o.tColumns=n.slice(Math.max(p,1),m+1):(p+=c.length,o.tColumns=n.slice(Math.max(m,1),p))},clearCopyed:function(){var e=this.editStore,t=e.copyed;t.cut=!1,t.rows=[],t.columns=[]},handleCopyed:function(e,t){var a=this.editStore,l=a.copyed,n=a.checked;l.cut=e,l.rows=n.rows,l.columns=n.columns},handlePaste:function(e){var t=this.tableData,a=this.visibleColumn,l=this.editStore,n=l.copyed,r=l.selected,o=n.cut,i=n.rows,s=n.columns;if(i.length&&s.length&&r.row&&r.column){var c=r.args,d=c.rowIndex,u=c.columnIndex,p={rowIndex:d,columnIndex:u},b={rowIndex:d+i.length-1,columnIndex:u+s.length-1};i.forEach(function(e,l){var n=t[d+l];n&&s.forEach(function(t,l){var r=a[u+l];r&&Gr.setCellValue(n,r.property,Gr.getCellValue(e,t.property)),o&&Gr.setCellValue(e,t.property,null)})}),o&&this.clearCopyed(),this.handleChecked(p,b,e)}},handleFocus:function(e,t){var a,l=e.column,n=e.cell,r=l.editRender,o=So.renderMap,i=void 0===o?{}:o,s=i[r.name];r.autofocus&&(a=n.querySelector(r.autofocus)),a||s&&s.autofocus&&(a=n.querySelector(s.autofocus)),a&&a.focus()},setActiveRow:function(e){var t=this.$refs,a=this.id,l=this.tableData,r=this.visibleColumn,o=this.handleActived,i=this.editConfig;if(e&&"row"===i.mode){var s=l.indexOf(e);if(s>-1){var c=r.find(function(e){return e.editRender}),d=t.tableBody.$el.querySelector(".vxe-body--row.row--".concat(a,"_").concat(s," .").concat(c.id));o({row:e,column:c,cell:d}),this.lastCallTime=n()()}}return this.$nextTick()},setActiveCell:function(e,t){var a=this.$refs,l=this.id,r=this.tableData,o=this.visibleColumn,i=this.handleActived,s=this.editConfig;if(e&&t&&"cell"===s.mode){var c=r.indexOf(e);if(c>-1&&t){var d=o.find(function(e){return e.property===t}),u=a.tableBody.$el.querySelector(".vxe-body--row.row--".concat(l,"_").concat(c," .").concat(d.id));i({row:e,column:d,cell:u}),this.lastCallTime=n()()}}return this.$nextTick()},setSelectCell:function(e,t){var a=this.editConfig;e&&t&&a.trigger},triggerSortEvent:function(e,t,a,l){this.sort(t.property,l)},sort:function(e,t){var a=this.visibleColumn,l=this.tableFullColumn,n=a.find(function(t){return t.property===e});t&&n.order!==t&&(l.forEach(function(e){e.order=null}),n.order=t,"custom"!==n.sortable&&(this.tableData=this.getTableData()),Gr.emitEvent(this,"sort-change",[{column:n,prop:e,order:t}]))},triggerFilterEvent:function(e,t,a){var l=this.$refs,n=this.filterStore;if(n.column===t&&n.visible)n.visible=!1;else{var r=e.target,o=l.filterWrapper,i=Kr.getOffsetPos(r),s=i.top,c=i.left;Ir()(n,{multiple:t.filterMultiple,options:t.filters,column:t,style:{top:"".concat(s+r.clientHeight+6,"px"),left:"".concat(c,"px")},visible:!0}),n.isAllSelected=n.options.every(function(e){return e.checked}),n.isIndeterminate=!this.isAllSelected&&n.options.some(function(e){return e.checked}),this.$nextTick(function(){n.style={top:"".concat(s+r.clientHeight+6,"px"),left:"".concat(c-o.$el.clientWidth/2+10,"px")}})}},confirmFilterEvent:function(e){this.tableData=this.getTableData(),this.closeFilter()},closeFilter:function(e){Ir()(this.filterStore,{isAllSelected:!1,isIndeterminate:!1,options:[],visible:!1})},resetFilterEvent:function(e){this.filterStore.options.forEach(function(e){e.checked=!1}),this.closeFilter()},triggerExpandRowEvent:function(e,t){var a=t.row;return this.toggleRowExpansion(a)},toggleRowExpansion:function(e){return this.setExpandRow(e)},setExpandRow:function(e,t){var a=this,l=this.expandeds,n=1===arguments.length;return e&&!It.a.isArray(e)&&(e=[e]),e.forEach(function(e){var a=l.indexOf(e);a>-1?!n&&t||l.splice(a,1):(n||t)&&l.push(e)}),this.$nextTick(function(){return a.recalculate()})},clearExpand:function(){this.expandeds=[]},isScrollXLoad:function(){return this.scrollXLoad},isScrollYLoad:function(){return this.scrollYLoad},triggerScrollXEvent:function(e){for(var t=this.$refs,a=this.visibleColumn,l=this.scrollXStore,n=l.startIndex,r=l.renderSize,o=l.offsetSize,i=l.visibleSize,s=t.tableBody.$el,c=s.scrollLeft,d=0,u=0,p=0;p<a.length;p++)if(u+=a[p].renderWidth,c<u){d=p;break}if(l.visibleIndex!==d){var b,m,v=l.visibleIndex>d;v?(m=r-o,b=d-o<=n):(m=o,b=d+i+o>=n+r),r<3*i&&(m=0),b&&(l.visibleIndex=d,l.startIndex=Math.min(Math.max(d-m,0),a.length-r),this.updateScrollXSpace(),this.$nextTick(function(){s.scrollLeft=c}))}},triggerScrollYEvent:It.a.debounce(function(e){var t=this.tableFullData,a=this.scrollYStore,l=a.startIndex,n=a.renderSize,r=a.offsetSize,o=a.visibleSize,i=a.rowHeight,s=e.target,c=s.scrollTop,d=Math.ceil(c/i);if(a.visibleIndex!==d){var u,p,b=a.visibleIndex>d;b?(p=n-r,u=d-r<=l):(p=r,u=d+o+r>=l+n),n<3*o&&(p=0),u&&(a.visibleIndex=d,a.startIndex=Math.min(Math.max(d-p,0),t.length-n),this.updateScrollYSpace(),this.$nextTick(function(){s.scrollTop=c}))}},Kr.browse.msie?40:20,{leading:!1,trailing:!0}),computeScrollLoad:function(){var e=this.scrollXLoad,t=this.scrollYLoad,a=this.scrollYStore,l=this.scrollXStore,n=this.visibleColumn,r=this.optimizeConfig,o=r.scrollX,i=r.scrollY,s=this.$refs.tableBody.$el,c=this.$refs.tableHeader;if(e&&(l.visibleSize=o.vSize||Math.ceil(s.clientWidth/(n.slice(0,10).reduce(function(e,t){return e+t.renderWidth},0)/10)),this.updateScrollXSpace()),t){if(i.rHeight)a.rowHeight=i.rHeight;else{var d=s.querySelector("tbody>tr");!d&&c&&(d=c.$el.querySelector("thead>tr")),d&&(a.rowHeight=d.clientHeight)}a.visibleSize=i.vSize||Math.ceil(s.clientHeight/a.rowHeight),this.updateScrollYSpace()}},updateScrollXSpace:function(){var e=this.visibleColumn,t=this.scrollXStore;this.tableColumn=e.slice(t.startIndex,t.startIndex+t.renderSize),t.leftSpaceWidth=e.slice(0,t.startIndex).reduce(function(e,t){return e+t.renderWidth},0),t.rightSpaceWidth=e.slice(t.startIndex+t.renderSize,e.length).reduce(function(e,t){return e+t.renderWidth},0)},updateScrollYSpace:function(){var e=this.tableFullData,t=this.scrollYStore;this.tableData=this.getTableData(),t.topSpaceHeight=t.startIndex*t.rowHeight,t.bottomSpaceHeight=(e.length-(t.startIndex+t.renderSize))*t.rowHeight},validateRow:function(e,t){var a=this;return this.lastCallTime=n()(),this.clearValidate(),new $r.a(function(l,n){a.validRowRules("all",e).then(function(){var e=!0;t&&t(e),l(!0)}).catch(function(e){var r=!1,o=e.rule,i=e.column;a.handleValidError(e),t?(t(r,Object(Or["a"])({},i.property,[new Error(o.message)])),l(r)):n(r)})})},triggerValidate:function(e){var t=this,a=this.editConfig,l=this.editStore,n=this.editRules,r=this.validStore,o=l.actived,i=r.visible?"all":"blur";if(this.clearValidate(),o.row&&!It.a.isEmpty(n)){var s=o.args,c=s.row,d=s.column,u=s.cell;return"row"===a.mode?this.validRowRules(i,c).catch(function(e){return t.handleValidError(e),$r.a.reject(e)}):this.validCellRules(i,c,d).catch(function(e){var a={rule:e,row:c,column:d,cell:u};return t.handleValidError(a),$r.a.reject(a)})}return $r.a.resolve()},validate:function(e){var t=this,a=this.$refs,l=this.editRules,r=this.tableData,o=$r.a.resolve(!0);if(this.lastCallTime=n()(),this.clearValidate(),!It.a.isEmpty(l)){var i=this.getColumns();return r.forEach(function(e,n){i.forEach(function(r,i){It.a.has(l,r.property)&&(o=o.then(function(){return new $r.a(function(l,o){t.validCellRules("all",e,r).then(l).catch(function(t){var l={rule:t,rowIndex:n,row:e,columnIndex:i,column:r,cell:Kr.getCell({rowIndex:n,column:r},a.tableBody.$el)};return o(l)})})}))})}),o.then(function(){var t=!0;return e&&e(t),!0}).catch(function(a){var l=!1,n=a.rule,r=a.column;return t.handleValidError(a),e&&e(l,Object(Or["a"])({},r.property,[new Error(n.message)])),e?$r.a.resolve(l):$r.a.reject(l)})}var s=!0;return e&&e(s),o},validRowRules:function(e,t){var a=this,l=this.$refs,n=this.tableData,r=this.editRules,o=n.indexOf(t),i=$r.a.resolve();return It.a.isEmpty(r)||this.getColumns().forEach(function(e,n){It.a.has(r,e.property)&&(i=i.then(function(){return new $r.a(function(n,r){a.validCellRules("all",t,e).then(n).catch(function(a){var n={rule:a,row:t,column:e,cell:Kr.getCell({rowIndex:o,column:e},l.tableBody.$el)};return r(n)})})}))}),i},validCellRules:function(e,t,a){var l=this.editRules,n=a.property,r=$r.a.resolve();return n&&!It.a.isEmpty(l)&&function(){var a=It.a.get(l,n),o=It.a.get(t,n);if(a)for(var i=function(t){r=r.then(function(){return new $r.a(function(l,n){var r=a[t],i=!0===r.required;if("all"!==e&&r.trigger&&"change"!==r.trigger&&e!==r.trigger||!i&&!o)l();else if(It.a.isFunction(r.validator))r.validator(r,o,function(e){if(It.a.isError(e)){var t={type:"custom",message:e.message,rule:r};return n(t)}return l()});else{var s,c="number"===r.type,d=null===o||void 0===o||""===o;s=c?It.a.toNumber(o):d?"":""+o,i&&d?n(r):o&&(c&&isNaN(o)||It.a.isRegExp(r.pattern)&&!r.pattern.test(o)||It.a.isNumber(r.min)&&(c?s<r.min:s.length<r.min)||It.a.isNumber(r.max)&&(c?s>r.max:s.length>r.max))?n(r):l()}})})},s=0;s<a.length;s++)i(s)}(),r},clearValidate:function(){var e=this.validStore;Ir()(e,{visible:!1,row:null,column:null,rule:null,style:null})},handleValidError:function(e){var t=this,a=this.$refs,l=this.validStore,n=e.rule,r=e.row,o=e.column,i=e.cell;this.handleActived(e,{type:"valid-error",trigger:"call"}).then(function(){var s=Kr.getOffsetPos(i),c=s.top,d=s.left,u=Kr.getDomNode(),p=u.scrollTop,b=u.scrollLeft,m=u.visibleWidth,v=u.visibleHeight;Ir()(l,{row:r,column:o,rule:n,visible:!0}),t.$nextTick().then(function(){var e=a.validWrapper;if(e)return l.style={top:"".concat(c+i.offsetHeight,"px"),left:"".concat(d-6,"px")},e.offsetWidth<i.offsetWidth&&(l.style.left="".concat(d+Math.floor((i.offsetWidth-e.offsetWidth)/2)-6,"px")),t.$nextTick()}).then(function(){var e=a.validWrapper;if(e){var t=e.offsetHeight,n=e.offsetWidth;c+i.offsetHeight+t>p+v&&(l.style.top="".concat(c-t,"px")),d+n>b+m&&(l.style.left="".concat(b+m-n-6,"px"))}}),Gr.emitEvent(t,"valid-error",[e])})},exportCsv:function(e){var t=Ir()({filename:"table.csv",original:!1,isHeader:!0,download:!0,data:null,columns:null,columnFilterMethod:function(e){return-1===["index","selection","radio"].indexOf(e.type)&&e.property},dataFilterMethod:null},e);-1===t.filename.indexOf(".csv")&&(t.filename+=".csv"),this.scrollYLoad&&(t.original=!0);var a=this.visibleColumn,l=this.getTableData();return io.downloadCsc(t,io.getCsvContent(t,l,a,this.$el))}},install:function(e){e.component($o.name,$o)}},Ro=$o,jo={name:"VxeTableColumn",props:{type:String,prop:String,label:String,width:[Number,String],minWidth:[Number,String],fixed:String,align:String,headerAlign:String,ellipsis:Boolean,showOverflowTitle:Boolean,showOverflowTooltip:Boolean,formatter:Function,indexMethod:Function,sortable:[Boolean,String],sortBy:[String,Array],filters:Array,filterMultiple:{type:Boolean,default:!0},filterMethod:Function,columnKey:[String,Number],editRender:Object},inject:["$table"],data:function(){return{columnConfig:{}}},created:function(){var e=this.$table,t=this.type,a=this.prop,l=this.sortable,n=this.filters,r=this.editRender,o=this.renderIndexHeader,i=this.renderIndexCell,s=this.renderRadioHeader,c=this.renderRadioCell,d=this.renderSelectionHeader,u=this.renderSelectionCellByProp,p=this.renderSelectionCell,b=this.renderExpandCell,m=this.renderExpandData,v=this.renderEditHeader,h=this.renderCellEdit,f=this.renderRowEdit,x=this.renderSortAndFilterHeader,g=this.renderSortHeader,w=this.renderFilterHeader,y={};switch(t){case"index":y.renderHeader=o,y.renderCell=i;break;case"radio":y.renderHeader=s,y.renderCell=c;break;case"selection":y.renderHeader=d,y.renderCell=a?u:p;break;case"expand":y.renderCell=b,y.renderData=m;break;default:r?(y.renderHeader=v,y.renderCell=e.editConfig&&"cell"===e.editConfig.mode?h:f):n&&n.length&&this.sortable?y.renderHeader=x:l?y.renderHeader=g:n&&n.length&&(y.renderHeader=w)}this.columnConfig=Gr.getColumnConfig(this,y)},mounted:function(){Gr.assemColumn(this)},render:function(e){return e("div",this.$slots.default)},methods:{renderHeader:function(e,t){var a=this.$scopedSlots;return a&&a.header?a.header(t):[e("span",Gr.formatText(t.column.label))]},renderCell:function(e,t){var a,l=this.$scopedSlots,n=this.formatter,r=t.row,o=t.rowIndex,i=t.column,s=t.columnIndex;return l&&l.default?l.default(t):(a=Gr.getCellValue(r,i.property),n&&(a=n({cellValue:a,row:r,rowIndex:o,column:i,columnIndex:s})),[e("span",Gr.formatText(a))])},renderIndexHeader:function(e,t){var a=this.$scopedSlots;return a&&a.header?a.header(t):[e("span",Gr.formatText(t.column.label||"#"))]},renderIndexCell:function(e,t){var a,l=this.$scopedSlots,n=this.$table,r=this.indexMethod,o=t.row,i=t.rowIndex,s=t.column,c=t.columnIndex;return l&&l.default?l.default(t):(n.scrollYLoad&&(i+=n.scrollYStore.startIndex),a=i+1,r&&(a=r({row:o,rowIndex:i,column:s,columnIndex:c})),[e("span",Gr.formatText(a))])},renderRadioHeader:function(e,t){return[e("span",Gr.formatText(t.column.label))]},renderRadioCell:function(e,t){var a=this.$table,l=a.selectRow,n=t.row,r={attrs:{type:"radio",name:"vxe-radio--".concat(a.id)}};return t.isHidden||(r.domProps={checked:n===l},r.on={change:function(e){a.triggerRowEvent(e,t)}}),[e("label",{class:["vxe-radio"]},[e("input",r),e("span",{class:["radio--icon"]})])]},renderSelectionHeader:function(e,t){var a=this.$table,l=t.isHidden,n={attrs:{type:"checkbox"}};return l||(n.domProps={checked:a.isAllSelected},n.on={change:function(e){a.triggerCheckAllEvent(e,e.target.checked)}}),[e("label",{class:["vxe-checkbox",{"is--indeterminate":a.isIndeterminate}]},[e("input",n),e("span",{class:["checkbox--icon"]})])]},renderSelectionCell:function(e,t){var a=this.$table,l=t.row,n=t.isHidden,r={attrs:{type:"checkbox"}};return n||(r.domProps={checked:a.selection.indexOf(l)>-1},r.on={change:function(e){a.triggerCheckRowEvent(e,t,e.target.checked)}}),[e("label",{class:["vxe-checkbox"]},[e("input",r),e("span",{class:["checkbox--icon"]})])]},renderSelectionCellByProp:function(e,t){var a=this.$table,l=t.row,n=t.column,r=t.isHidden,o={attrs:{type:"checkbox"}};return r||(o.domProps={checked:Gr.getCellValue(l,n.property)},o.on={change:function(e){a.triggerCheckRowEvent(e,t,e.target.checked)}}),[e("label",{class:["vxe-checkbox"]},[e("input",o),e("span",{class:["checkbox--icon"]})])]},renderExpandCell:function(e,t){var a=this.$table;return[e("span",{class:["vxe-table--expanded",{"expand--active":a.expandeds.indexOf(t.row)>-1}],on:{click:function(e){a.triggerExpandRowEvent(e,t)}}},[e("i",{class:["vxe-table--expand-icon"]})])]},renderExpandData:function(e,t){var a=this.$scopedSlots;return a&&a.default?a.default(t):[]},renderSortAndFilterHeader:function(e,t){return this.renderHeader(e,t).concat(this.renderSortIcon(e,t)).concat(this.renderFilterIcon(e,t))},renderSortHeader:function(e,t){return this.renderHeader(e,t).concat(this.renderSortIcon(e,t))},renderSortIcon:function(e,t){var a=So.iconMap,l=this.$table,n=t.column;return[e("span",{class:["vxe-sort-wrapper"]},[e("i",{class:[a.sortAsc,{"sort--active":"asc"===n.order}],on:{click:function(e){l.triggerSortEvent(e,n,t,"asc")}}}),e("i",{class:[a.sortDesc,{"sort--active":"desc"===n.order}],on:{click:function(e){l.triggerSortEvent(e,n,t,"desc")}}})])]},renderFilterHeader:function(e,t){return this.renderHeader(e,t).concat(this.renderFilterIcon(e,t))},renderFilterIcon:function(e,t){var a=So.iconMap,l=this.$table;return[e("span",{class:["vxe-filter-wrapper"]},[e("i",{class:[a.filter],on:{click:function(e){l.triggerFilterEvent(e,t.column,t)}}})])]},renderEditHeader:function(e,t){var a,l=So.iconMap,n=this.$table,r=this.sortable,o=this.filters,i=n.editRules,s=n.editConfig;if(i){var c=It.a.get(i,t.column.property);c&&(a=c.some(function(e){return e.required}))}return[a?e("i",{class:"vxe-required-icon"}):null,s&&!1===s.showIcon?null:e("i",{class:l.edit})].concat(this.renderHeader(e,t)).concat(r?this.renderSortIcon(e,t):[]).concat(o&&o.length?this.renderFilterIcon(e,t):[])},renderRowEdit:function(e,t){var a=this.$table.editStore.actived;return this.runRenderer(e,t,a&&a.row===t.row)},renderCellEdit:function(e,t){var a=this.$table.editStore.actived;return this.runRenderer(e,t,a&&a.row===t.row&&a.column===t.column)},runRenderer:function(e,t,a){var l=this.$scopedSlots,n=this.editRender,r=this.$table,o=So.renderMap,i=void 0===o?{}:o,s=i[n.name],c={$excel:r.$parent,$table:r,$column:this};return"visible"===n.type||a?l&&l.edit?l.edit(t):s&&s.renderEdit?s.renderEdit(e,n,t,c):[e("span")]:s&&s.renderCell?s.renderCell(e,n,t,c):this.renderCell(e,t)}},install:function(e){e.component(jo.name,jo)}},No=jo,zo=a("cebc"),Po=["reload","insert","insertAt","revert","remove","getRecords","getColumns","getAllRecords","getInsertRecords","getRemoveRecords","getUpdateRecords","hasRowChange","setActiveRow","setActiveCell","setSelectCell","setExpandRow","setCurrentRow","setSelection","toggleRowSelection","toggleAllSelection","toggleRowExpansion","clearCurrentRow","clearSelection","clearExpand","clearSort","clearFilter","clearChecked","clearSelected","clearActivedd","clearCopyed","clearData","recalculate","isScrollXLoad","isScrollYLoad","sort","validateRow","validate","exportCsv"],Vo={};function Ho(e,t){return t?t.map(function(t){return e("vxe-table-column",{props:t},Ho(e,t.children))}):[]}Po.forEach(function(e){Vo[e]=function(){this.$refs.xTable[e].apply(this.$refs.xTable[e],arguments)}});var Bo={name:"VxeGrid",props:Object(zo["a"])({columns:Array},Do),components:{VxeTable:$o,VxeTableColumn:jo},render:function(e){return e("vxe-table",{props:this.$props,on:this.$listeners,ref:"xTable"},Ho(e,this.columns))},methods:Vo,install:function(e){e.component(Bo.name,Bo)}},Fo=Bo,Ko={header:{options:[[{code:"exportAll",name:"隐藏列"},{code:"exportAll",name:"取消所有隐藏"}]]},body:{options:[[{code:"clip",name:"剪贴"},{code:"copy",name:"复制"},{code:"paste",name:"粘贴"}],[{code:"insert",name:"插入"},{code:"remove",name:"删除"},{code:"clearData",name:"清除内容"}],[{code:"sort",name:"排序",children:[{code:"clearSort",name:"清除排序"},{code:"sortAsc",name:"升序"},{code:"sortDesc",name:"倒序"}]}],[{code:"exportAll",name:"导出数据.cvs"}]]}},Wo={},Xo={trigger:"dblclick",mode:"cell",showIcon:!1,showStatus:!1};function Go(e,t){return t?t.map(function(t){return e("vxe-table-column",{props:t},Go(e,t.children))}):[]}function Uo(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=a.editConfig,n=a.contextMenu,r=a.optimized;return Ir()({},a,{border:!0,resizable:!0,headerCellClassName:t.handleHeaderCellClassName,cellClassName:t.handleCellClassName,contextMenu:Ir()({},n,Ko),mouseConfig:{selected:!0,checked:!0},keyboardConfig:{isArray:!0,isTab:!0,isCut:!0,isEdit:!0},editConfig:l?Ir()({},Xo,l):Xo,optimized:Ir()({showOverflow:null},r)})}Po.forEach(function(e){Wo[e]=function(){this.$refs.xTable[e].apply(this.$refs.xTable[e],arguments)}});var qo={name:"VxeExcel",props:Object(zo["a"])({columns:Array},Do),components:{VxeTable:$o,VxeTableColumn:jo},data:function(){return{excelStore:{uploadRows:[]}}},render:function(e){return e("vxe-table",{class:"vxe-excel",props:Uo(e,this,this.$props),on:Object(zo["a"])({},this.$listeners,{"cell-click":this.cellClickEvent,"header-cell-click":this.headerCellClickEvent,"context-menu-link":this.contextMenuLinkEvent}),ref:"xTable"},Go(e,this.columns))},methods:Object(zo["a"])({},Wo,{handleHeaderCellClassName:function(e){var t=e.column,a=e.columnIndex,l=e.$table,n=l.editStore,r=n.selected,o=n.actived;if(a>0&&(r.column===t||o.column===t))return"vxe-excel--column-selected"},handleCellClassName:function(e){var t=e.row,a=(e.column,e.columnIndex),l=e.$table,n=l.editStore,r=n.selected,o=n.actived;if(0===a&&(r.row===t||o.row===t))return"vxe-excel--index-selected"},cellClickEvent:function(e,t){var a=e.row,l=e.rowIndex,n=e.columnIndex,r=e.$table,o=r.$refs,i=r.visibleColumn,s=r.handleSelected,c=r.handleChecked;if(0===n){n+=1;var d=o.tableBody.$el,u=i[n],p=d.querySelectorAll(".vxe-body--row"),b=p[l],m=b.querySelector(".".concat(u.id));s({row:a,rowIndex:l,column:u,columnIndex:n,cell:m,$table:r},t).then(function(){c({rowIndex:l,columnIndex:n},{rowIndex:l,columnIndex:i.length-1},t)})}},headerCellClickEvent:function(e,t){var a=e.column,l=e.columnIndex,n=e.$table,r=n.$refs,o=n.tableData,i=n.handleSelected,s=n.handleChecked;if(o.length){var c=r.tableBody.$el,d=0,u=o[d],p=c.querySelectorAll(".vxe-body--row"),b=p[d],m=b.querySelector(".".concat(a.id));i({row:u,rowIndex:d,column:a,columnIndex:l,cell:m,$table:n},t).then(function(){s({rowIndex:d,columnIndex:l},{rowIndex:o.length-1,columnIndex:l},t)})}},contextMenuLinkEvent:function(e,t,a){var l=t.row,n=t.column,r=this.$refs.xTable,o=n.property;switch(e.code){case"clip":r.handleCopyed(!0,a);break;case"copy":r.handleCopyed(!1,a);break;case"paste":r.handlePaste(a);break;case"insert":r.insertAt({},l);break;case"remove":r.remove(l);break;case"clearData":r.clearData(l,o);break;case"clearFilter":r.clearFilter();break;case"clearSort":r.clearSort();break;case"sortAsc":r.sort(o,"asc");break;case"sortDesc":r.sort(o,"desc");break;case"exportAll":r.exportCsv({isHeader:!1});break}}}),install:function(e){e.component(qo.name,qo)}},Yo=qo,Jo=(a("8e1f"),[Ro,No,Fo,Yo]);function Qo(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=So.renderMap,a=So.iconMap;e.renderMap&&Ir()(t,e.renderMap),e.iconMap&&Ir()(a,e.iconMap),Ir()(So,e,{renderMap:t,iconMap:a})}function Zo(e,t){Zo.installed||(Qo(t),Jo.map(function(t){return e.component(t.name,t)}),On()(arguments).slice(1).map(function(e){return e(So,Oo)}))}"undefined"!==typeof window&&window.Vue&&Zo(window.Vue);var ei={install:Zo,setup:Qo,Table:Ro,TableColumn:No},ti=a("5486"),ai=a.n(ti),li=a("487f"),ni=a.n(li);a("f8dd"),a("a026");r["default"].use(ei,ai.a,ni.a);var ri=a("4168"),oi=a.n(ri);oi.a.setup({template:!0,pathVariable:"auto",timeout:"40-300",error:!0,log:!0});var ii=a("d225"),si=a("b0b4"),ci=1e5,di=function(){function e(t,a){Object(ii["a"])(this,e),this.list=Object(ri["template"])(t),this.ModelVO=a}return Object(si["a"])(e,[{key:"findList",value:function(e){var t=this.list,a=e||{},l=a.sort,n=void 0===l?["updateTime"]:l,r=a.order,o=void 0===r?"desc":r,i=a.max;return function(e){var a=t,l=e.params,r=n,s=o;if(l){var c=It.a.keys(l).filter(function(e){return!["sort","order"].includes(e)&&l[e]});c&&(a=a.filter(function(e){return c.every(function(t){return""+e[t]===""+l[t]})})),l.order&&(s=l.order),l.sort&&(r=l.sort.split(","))}return a=It.a.sortBy(t,r),"desc"===s&&(a=a.reverse()),i?a.slice(0,i):a}}},{key:"findTreeNodeList",value:function(e){var t=this.list,a=e||{},l=a.sort,n=void 0===l?["updateTime"]:l,r=a.order,o=void 0===r?"desc":r,i=a.key,s=void 0===i?"id":i,c=a.parentKey,d=void 0===c?"parentId":c,u=a.max;return function(e){var a=t,l=e.params,r=n,i=o;if(l){var c=It.a.keys(l).filter(function(e){return!["sort","order"].includes(e)&&l[e]});c&&(a=a.filter(function(e){return c.every(function(t){return""+e[t]===""+l[t]})})),l.order&&(i=l.order),l.sort&&(r=l.sort.split(","))}if(a=It.a.toArrayTree(t,{key:s,parentKey:d,sortKey:r}),l&&l[s]){var p=It.a.findTree(a,function(e){return""+e[s]===""+l[s]},{key:s,parentKey:d});a=p?p.item.children:[]}return a=a.map(function(e){return e.children&&e.children.length&&(e.hasChildren=!0),delete e.children,e}),"desc"===i&&(a=a.reverse()),u?a.slice(0,u):a}}},{key:"findPageList",value:function(e){var t=this.list,a=e||{},l=a.sort,n=void 0===l?["updateTime"]:l,r=a.order,o=void 0===r?"desc":r,i=a.page;return function(e,a,l){var r=l.pathVariable,s=10,c=1,d=t,u=e.params,p=n,b=o;if(u){var m=It.a.keys(u).filter(function(e){return!["sort","order"].includes(e)&&u[e]});m&&(d=d.filter(function(e){return m.every(function(t){return String(e[t]||"").indexOf(u[t])>-1})})),u.order&&(b=u.order),u.sort&&(p=u.sort.split(","))}r&&(s=It.a.toNumber(r[i&&i.size?i.size:"pageSize"])||s,c=It.a.toNumber(r[i&&i.current?i.current:"currentPage"])||c);var v=d.length;return d=It.a.sortBy(d,p),"desc"===b&&(d=d.reverse()),a.body={page:{pageSize:s,currentPage:c,totalResult:v},result:d.slice((c-1)*s,c*s)},a}}},{key:"deleteByPathVariable",value:function(e){var t=this.list,a=e||{},l=a.key,n=void 0===l?"id":l;return function(e,a,l){var r=l.pathVariable,o=[];return r&&(o=It.a.remove(t,function(e){return e[n]===r[n]})),a.body=o,a}}},{key:"deleteTreeByPathVariable",value:function(e){var t=this.list,a=e||{},l=a.key,n=void 0===l?"id":l,r=a.parentKey,o=void 0===r?"parentId":r;return function(e,a,l){var r=l.pathVariable,i=[];return r&&function(){var e=It.a.remove(t,function(e){return e[n]===r[n]});i=i.concat(e);while(e.length)e=It.a.remove(t,function(t){return e.some(function(e){return e[n]===t[o]})}),i=i.concat(e)}(),a.body=i,a}}},{key:"insertByBody",value:function(e){var t=this.list,a=this.ModelVO,l=e||{},r=l.key,o=void 0===r?"id":r;return function(e,l){var r=[];if(e.body){var i=n()(),s=[e.body];s.forEach(function(e){var l,n=Ir()(new a(e),(l={},Object(Or["a"])(l,o,ci++),Object(Or["a"])(l,"updateTime",i),Object(Or["a"])(l,"createTime",i),l));r.push(n),t.push(n)})}return r}}},{key:"insertTreeByBody",value:function(e){var t=this.list,a=this.ModelVO,l=e||{},r=l.key,o=void 0===r?"id":r,i=l.parentKey,s=void 0===i?"parentId":i;return function(e,l){var r=[];if(e.body){var i=n()(),c=[e.body],d=function e(l,n){l.forEach(function(l){var c,d=Ir()(new a(l),(c={},Object(Or["a"])(c,o,ci++),Object(Or["a"])(c,"updateTime",i),Object(Or["a"])(c,"createTime",i),c));n&&(d[s]=n[o]),r.push(d),t.push(d),e(l.children||[],d)})};d(It.a.toArrayTree(c,{key:o,parentKey:s}))}return r}}},{key:"updateByBody",value:function(e){var t=this.list,a=e||{},l=a.key,r=void 0===l?"id":l;return function(e,a){var l=[];if(e.body){var o=n()(),i=[e.body];i.forEach(function(e){var a=t.find(function(t){return t[r]===e[r]});a&&(It.a.destructuring(a,e,{updateTime:o}),l.push(a))})}return l}}},{key:"saveListByBody",value:function(e){var t=this.list,a=this.ModelVO,l=e||{},r=l.key,o=void 0===r?"id":r,i=l.page;return function(e,l){var r=[],s=[],c=[];if(e.body){var d=n()(),u=e.body[i&&i.update?i.update:"updateRecords"]||[],p=e.body[i&&i.remove?i.remove:"removeRecords"]||[],b=e.body[i&&i.insert?i.insert:"insertRecords"]||[];c=It.a.remove(t,function(e){return p.some(function(t){return t[o]===e[o]})}),u.forEach(function(e){var a=t.find(function(t){return t[o]===e[o]});a&&(It.a.destructuring(a,e,{updateTime:d}),s.push(a))}),b.forEach(function(e){var l,n=Ir()(new a(e),(l={},Object(Or["a"])(l,o,ci++),Object(Or["a"])(l,"updateTime",d),Object(Or["a"])(l,"createTime",d),l));r.push(n),t.push(n)})}return l.body={insertRest:r,updateRest:s,removeRest:c},l}}},{key:"saveTreeListByBody",value:function(e){var t=this.list,a=this.ModelVO,l=e||{},r=l.key,o=void 0===r?"id":r,i=l.parentKey,s=void 0===i?"parentId":i,c=l.page;return function(e,l){var r=[],i=[],d=[];return e.body&&function(){var l=n()(),u=e.body[c&&c.update?c.update:"updateRecords"]||[],p=e.body[c&&c.remove?c.remove:"removeRecords"]||[],b=e.body[c&&c.insert?c.insert:"insertRecords"]||[],m=It.a.remove(t,function(e){return p.some(function(t){return t[o]===e[o]})});d=d.concat(m);while(m.length)m=It.a.remove(t,function(e){return m.some(function(t){return t[o]===e[s]})}),d=d.concat(m);u.forEach(function(e){var a=t.find(function(t){return t[o]===e[o]});a&&(It.a.destructuring(a,e,{updateTime:l}),i.push(a))});var v=function e(n,i){n.forEach(function(n){var c,d=Ir()(new a(n),(c={},Object(Or["a"])(c,o,ci++),Object(Or["a"])(c,"updateTime",l),Object(Or["a"])(c,"createTime",l),c));i&&(d[s]=i[o]),r.push(d),t.push(d),e(n.children||[],d)})};v(It.a.toArrayTree(b,{key:o,parentKey:s}))}(),l.body={insertRest:r,updateRest:i,removeRest:d},l}}}]),e}(),ui=di;Object(ri["GET"])("/api/conf/region/list",a("62f2")),Object(ri["GET"])("/api/conf/sex/list",a("e9c4")),Object(ri["GET"])("/api/conf/columns/list",a("d97a")),Object(ri["GET"])("/api/conf/languages/list",a("9391"));var pi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.name=t.name,this.describe=t.describe,this.createTime=t.createTime,this.updateTime=t.updateTime},bi=new ui(a("b4c6"),pi);Object(ri["DELETE"])("/api/role/delete/{id}",bi.deleteByPathVariable()),Object(ri["POST"])("/api/role/add",bi.insertByBody()),Object(ri["POST"])("/api/role/update",bi.updateByBody()),Object(ri["POST"])("/api/role/save",bi.saveListByBody()),Object(ri["GET"])("/api/role/list",bi.findList({max:10})),Object(ri["GET"])("/api/role/page/list/{pageSize}/{currentPage}",bi.findPageList());var mi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.name=t.name,this.password=t.password,this.sex=t.sex,this.role=t.role,this.region=t.region,this.email=t.email,this.age=t.age,this.rate=t.rate,this.flag=t.flag,this.phone=t.phone,this.describe=t.describe,this.describe2=t.describe2,this.describe3=t.describe3,this.attr1=t.attr1,this.attr2=t.attr2,this.attr3=t.attr3,this.attr4=t.attr4,this.attr5=t.attr5,this.attr6=t.attr6,this.createTime=t.createTime,this.updateTime=t.updateTime},vi=new ui(a("4612"),mi);Object(ri["DELETE"])("/api/user/delete/{id}",vi.deleteByPathVariable()),Object(ri["POST"])("/api/user/add",vi.insertByBody()),Object(ri["POST"])("/api/user/update",vi.updateByBody()),Object(ri["POST"])("/api/user/save",vi.saveListByBody()),Object(ri["GET"])("/api/user/list",vi.findList({max:10})),Object(ri["GET"])("/api/user/page/list/{pageSize}/{currentPage}",vi.findPageList());var hi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.parentId=t.parentId,this.name=t.name,this.size=t.size,this.type=t.type,this.createTime=t.createTime,this.updateTime=t.updateTime},fi=new ui(a("3261"),hi);Object(ri["DELETE"])("/api/file/delete/{id}",fi.deleteByPathVariable()),Object(ri["POST"])("/api/file/add",fi.insertByBody()),Object(ri["POST"])("/api/file/update",fi.updateByBody()),Object(ri["POST"])("/api/file/save",fi.saveTreeListByBody()),Object(ri["GET"])("/api/file/list",fi.findList()),Object(ri["GET"])("/api/file/node/list",fi.findTreeNodeList()),Object(ri["GET"])("/api/file/page/list/{pageSize}/{currentPage}",fi.findPageList());var xi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.key=t.key,this.name=t.name,this.readonly=t.readonly,this.required=t.required,this.validator=t.validator,this.validMsg=t.validMsg,this.visible=t.visible,this.width=t.width,this.describe=t.describe,this.createTime=t.createTime,this.updateTime=t.updateTime},gi=new ui(a("3096"),xi);Object(ri["DELETE"])("/api/column/delete/{id}",gi.deleteByPathVariable()),Object(ri["POST"])("/api/column/add",gi.insertByBody()),Object(ri["POST"])("/api/column/update",gi.updateByBody()),Object(ri["POST"])("/api/column/save",gi.saveListByBody()),Object(ri["GET"])("/api/column/list",gi.findList()),Object(ri["GET"])("/api/column/page/list/{pageSize}/{currentPage}",gi.findPageList());var wi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.key=t.key,this.name=t.name,this.language=t.language,this.createTime=t.createTime,this.updateTime=t.updateTime},yi=new ui(a("0e3c"),wi);Object(ri["DELETE"])("/api/i18n/delete/{id}",yi.deleteByPathVariable()),Object(ri["POST"])("/api/i18n/add",yi.insertByBody()),Object(ri["POST"])("/api/i18n/update",yi.updateByBody()),Object(ri["POST"])("/api/i18n/save",yi.saveListByBody()),Object(ri["GET"])("/api/i18n/list",yi.findList()),Object(ri["GET"])("/api/i18n/page/list/{pageSize}/{currentPage}",yi.findPageList({sort:["key"],order:"asc"}));a("696c");Ma.a.use(oi.a),r["default"].config.productionTip=!1;var Ci=window.MOCK_COLUMN_LIST=[],_i=window.MOCK_DATA_LIST=[],Ti=n()(),Si=0,Di=2e5;function ki(){for(var e=0===Si?1e4:1500,t=0;t<e;t++)Ti+=5e3,Si++,Ci.length<1e4&&Ci.push({prop:"name",label:"cloumn_"+Si,width:160}),_i.push({id:Si,name:"name_"+Si,role:"role_"+Si,key:"home.label.key"+(t%2===0?t-1:t),language:t%2===0?"zh_CN":"en_US",checked:!1,flag:t%2===0,date:new Date(Ti),date1:new Date(Ti),date2:"09:00:00",date3:It.a.toDateString(Ti,"yyyy-MM-dd"),time:Ti+It.a.random(100,1e4),sex:t%3?"0":"1",sex1:[t%3?"0":"1"],sex2:t%3?"0":"1",age:It.a.random(18,35),region:t%4===0?[19,199,1773]:t%3===0?[9,73,719]:[1,1,5],rate:It.a.random(0,5),address:"地址 地址地址 地址地址 址地址址地址 址地址 址地址  址地址 址地址  址地址 址地址址地址址地址 地址".concat(t),updateTime:Ti,createTime:Ti,info:{name2:"name2_"+Si,more:{sex2:t%3?"0":"1",age2:It.a.random(18,35)}}});Si<Di&&setTimeout(ki,10)}ki(),new r["default"]({router:Sr,render:function(e){return e(p)}}).$mount("#app")},d8ca:function(e,t){e.exports="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAQ0lEQVR42u3UwQkAIAwEwfTfwVWrHYgggQgz4M/HgnJVAPwjyZpwjoG3Ou8KFCjwJdDM+IMCBZoZTyxQoJlpmxkA5tn8OqxHQ2o62wAAAABJRU5ErkJggg=="},d97a:function(e){e.exports=[{prop:"name",label:"名称",visible:!0},{prop:"nickname",label:"昵称",visible:!0},{prop:"sex",label:"性别",visible:!0},{prop:"age",label:"年龄",visible:!0},{prop:"phone",label:"手机",visible:!0},{prop:"region",label:"地区",visible:!0},{prop:"date",label:"日期",visible:!0},{prop:"rate",label:"评分",visible:!0},{prop:"attr1",label:"属性1",visible:!1},{prop:"attr2",label:"属性2",visible:!1},{prop:"attr3",label:"属性3",visible:!1},{prop:"attr4",label:"属性4",visible:!1},{prop:"attr5",label:"属性5",visible:!1}]},e9c4:function(e){e.exports=[{label:"男",spell:"nan",value:"1",value2:1,val:"x"},{label:"女",spell:"nv",value:"0",value2:0,val:"o"}]}})["default"];
\ No newline at end of file
diff --git a/docs/static/js/index.92ce3b8f.js b/docs/static/js/index.92ce3b8f.js
deleted file mode 100644
index ce5c1e4e8..000000000
--- a/docs/static/js/index.92ce3b8f.js
+++ /dev/null
@@ -1 +0,0 @@
-var VXETable=function(e){function t(t){for(var l,o,i=t[0],s=t[1],c=t[2],u=0,p=[];u<i.length;u++)o=i[u],n[o]&&p.push(n[o][0]),n[o]=0;for(l in s)Object.prototype.hasOwnProperty.call(s,l)&&(e[l]=s[l]);d&&d(t);while(p.length)p.shift()();return r.push.apply(r,c||[]),a()}function a(){for(var e,t=0;t<r.length;t++){for(var a=r[t],l=!0,i=1;i<a.length;i++){var s=a[i];0!==n[s]&&(l=!1)}l&&(r.splice(t--,1),e=o(o.s=a[0]))}return e}var l={},n={index:0},r=[];function o(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=l,o.d=function(e,t,a){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(o.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)o.d(a,l,function(t){return e[t]}.bind(null,l));return a},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/vxe-table/";var i=window["webpackJsonpVXETable"]=window["webpackJsonpVXETable"]||[],s=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var d=s;return r.push([0,"chunk-vendors"]),a()}({0:function(e,t,a){e.exports=a("c31f")},"0b8a":function(e,t,a){},"0e3c":function(e){e.exports=[{id:100,key:"home.label.name",name:"名字",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095},{id:101,key:"home.label.name",name:"Name",language:"en_US",createTime:1550923830095,updateTime:1552923830095},{id:102,key:"home.label.age",name:"年龄",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095},{id:103,key:"home.label.age",name:"Age",language:"en_US",createTime:1550923830095,updateTime:1552923830095},{id:104,key:"home.label.role",name:"Role",language:"en_US",createTime:1550923830095,updateTime:1552923830095},{id:105,key:"comm.label.cancel",name:"取消",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095},{id:106,key:"comm.label.cancel",name:"Cancel",language:"en_US",createTime:1550923830095,updateTime:1552923830095},{id:107,key:"home.label.phone",name:"手机",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095},{id:108,key:"comm.label.confirm",name:"确认",language:"zh_CN",createTime:1550923830095,updateTime:1552923830095}]},1:function(e,t){},"166b":function(e,t,a){"use strict";var l=a("5410"),n=a.n(l);n.a},1762:function(e,t,a){"use strict";var l=a("4db8"),n=a.n(l);n.a},"1f85":function(e,t,a){"use strict";var l=a("0b8a"),n=a.n(l);n.a},2:function(e,t){},"300b":function(e,t,a){"use strict";var l=a("4b04"),n=a.n(l);n.a},3096:function(e){e.exports=[{id:1,key:"name",name:"名字",readonly:!1,required:!0,validator:"",validMsg:"",visible:!0,width:null,align:"",type:"ElInput",seq:1,describe:"",createTime:1550923830095,updateTime:1550105830095},{id:2,key:"age",name:"年龄",readonly:!1,required:!1,validator:"",validMsg:"",visible:!0,width:"140",align:"center",type:"ElInputNumber",seq:2,describe:"",createTime:1550923830095,updateTime:1550205830095},{id:3,key:"date",name:"日期",readonly:!1,required:!1,validator:"",validMsg:"",visible:!0,width:"200",align:"",type:"ElDatePicker",seq:3,describe:"",createTime:1550923830095,updateTime:1550305830095},{id:4,key:"phone",name:"手机",readonly:!1,required:!1,validator:"^1[34578][0-9]{9}$",validMsg:"手机格式输入错误",visible:!0,width:null,align:"",type:"ElInput",seq:4,describe:"",createTime:1550923830095,updateTime:1550405830095},{id:5,key:"role",name:"角色",readonly:!1,required:!1,validator:"",validMsg:"",visible:!1,width:null,align:"",type:"ElInput",seq:5,describe:"",createTime:1550923830095,updateTime:1550505830095}]},3261:function(e){e.exports=[{id:100,parentId:null,name:"一级目录",size:null,type:"0",createTime:1550923830095,updateTime:1551923830095},{id:101,parentId:100,name:"二级目录",size:null,type:"0",createTime:1550923830095,updateTime:1552923830095},{id:10100,parentId:101,name:"文件10100.pdf",size:218,type:"1",createTime:1550923830095,updateTime:1553924830095},{id:10101,parentId:101,name:"文件10101.excel",size:512,type:"1",createTime:1550923830095,updateTime:1550925830095},{id:102,parentId:100,name:"文件102.word",size:101024,type:"1",createTime:1550923830095,updateTime:1550963830095},{id:200,parentId:null,name:"我的文件",size:null,type:"0",createTime:1550923830095,updateTime:1550983830095},{id:201,parentId:200,name:"文件201.zip",size:1024,type:"1",createTime:1550923830095,updateTime:1550927830095},{id:202,parentId:200,name:"文件202.text",size:4096,type:"1",createTime:1550923830095,updateTime:1550926830095},{id:301,parentId:null,name:"文件301.zip",size:4024,type:"1",createTime:1550923830095,updateTime:1550823830095}]},"3f4a":function(e,t){e.exports={vxe:{table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",allFilter:"全部"}}}},4612:function(e){e.exports={"!return|array(50-500)":{"id|number":"{{ $index+1 }}",name:"{{ random.repeat(['name', 'test'],1) }}_{{ $index }}",nickname:"{{ random.repeat(['昵称', '名字'],1) }}_{{ $index }}",password:"{{ random.repeat('abcdefgABCDEFG',6,12) }}","sex|random(1)":[null,"0","1"],"role|random(1)":["前端","后端","测试","设计","项目经理"],"region|random(1)":[[1,1,5],[19,199,1773],[9,73,719]],email:"{{ random.repeat('abcdefg',5,20) }}@{{ random.repeat(['qq','163'],1) }}.{{ random.repeat(['com','net'],1) }}","age|number":"{{ random.num(18,30) }}","rate|number":"{{ random.num(0,5) }}","flag|boolean":"{{ random.num(0,1) }}",phone:"136{{ random.num(10000000,99999999) }}",describe:"{{ random.repeat('用户信息',2,6) }}",describe2:"{{ random.repeat('用户信息',4,10) }}",describe3:"{{ random.repeat('用户信息',6,20) }}","seq|number":"{{ $index }}","date|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}","createTime|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}","updateTime|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}",attr1:null,attr2:null,attr3:null,attr4:null,attr5:null,attr6:null}}},"4b04":function(e,t,a){},"4db8":function(e,t,a){},5410:function(e,t,a){},"5a32":function(e,t,a){},"62f2":function(e){e.exports=[{value:1,label:"北京",children:[{value:1,label:"北京市",children:[{value:1,label:"东城区"},{value:2,label:"西城区"},{value:3,label:"崇文区"},{value:4,label:"宣武区"},{value:5,label:"朝阳区"},{value:6,label:"丰台区"},{value:7,label:"石景山区"},{value:8,label:"海淀区"},{value:9,label:"门头沟区"},{value:10,label:"房山区"},{value:11,label:"通州区"},{value:12,label:"顺义区"},{value:13,label:"昌平区"},{value:14,label:"大兴区"},{value:15,label:"怀柔区"},{value:16,label:"平谷区"},{value:17,label:"密云县"},{value:18,label:"延庆县"}]}]},{value:9,label:"上海",children:[{value:73,label:"上海市",children:[{value:719,label:"黄浦区"},{value:720,label:"卢湾区"},{value:721,label:"徐汇区"},{value:722,label:"长宁区"},{value:723,label:"静安区"},{value:724,label:"普陀区"},{value:725,label:"闸北区"},{value:726,label:"虹口区"},{value:727,label:"杨浦区"},{value:728,label:"闵行区"},{value:729,label:"宝山区"},{value:730,label:"嘉定区"},{value:731,label:"浦东新区"},{value:732,label:"金山区"},{value:733,label:"松江区"},{value:734,label:"青浦区"},{value:735,label:"南汇区"},{value:736,label:"奉贤区"},{value:737,label:"崇明县"}]}]},{value:19,label:"广东",children:[{value:197,label:"广州市",children:[{value:1747,label:"东山区"},{value:1748,label:"荔湾区"},{value:1749,label:"越秀区"},{value:1750,label:"海珠区"},{value:1751,label:"天河区"},{value:1752,label:"芳村区"},{value:1753,label:"白云区"},{value:1754,label:"黄埔区"},{value:1755,label:"番禺区"},{value:1756,label:"花都区"},{value:1757,label:"增城市"},{value:1758,label:"从化市"}]},{value:198,label:"韶关市",children:[{value:1759,label:"武江区"},{value:1760,label:"浈江区"},{value:1761,label:"曲江区"},{value:1762,label:"始兴县"},{value:1763,label:"仁化县"},{value:1764,label:"翁源县"},{value:1765,label:"乳源瑶族自治县"},{value:1766,label:"新丰县"},{value:1767,label:"乐昌市"},{value:1768,label:"南雄市"}]},{value:199,label:"深圳市",children:[{value:1769,label:"罗湖区"},{value:1770,label:"福田区"},{value:1771,label:"南山区"},{value:1772,label:"宝安区"},{value:1773,label:"龙岗区"},{value:1774,label:"盐田区"}]},{value:200,label:"珠海市",children:[{value:1775,label:"香洲区"},{value:1776,label:"斗门区"},{value:1777,label:"金湾区"}]},{value:201,label:"汕头市",children:[{value:1778,label:"龙湖区"},{value:1779,label:"金平区"},{value:1780,label:"濠江区"},{value:1781,label:"潮阳区"},{value:1782,label:"潮南区"},{value:1783,label:"澄海区"},{value:1784,label:"南澳县"}]},{value:202,label:"佛山市",children:[{value:1785,label:"禅城区"},{value:1786,label:"南海区"},{value:1787,label:"顺德区"},{value:1788,label:"三水区"},{value:1789,label:"高明区"}]},{value:203,label:"江门市",children:[{value:1790,label:"蓬江区"},{value:1791,label:"江海区"},{value:1792,label:"新会区"},{value:1793,label:"台山市"},{value:1794,label:"开平市"},{value:1795,label:"鹤山市"},{value:1796,label:"恩平市"}]},{value:204,label:"湛江市",children:[{value:1797,label:"赤坎区"},{value:1798,label:"霞山区"},{value:1799,label:"坡头区"},{value:1800,label:"麻章区"},{value:1801,label:"遂溪县"},{value:1802,label:"徐闻县"},{value:1803,label:"廉江市"},{value:1804,label:"雷州市"},{value:1805,label:"吴川市"}]},{value:205,label:"茂名市",children:[{value:1806,label:"茂南区"},{value:1807,label:"茂港区"},{value:1808,label:"电白县"},{value:1809,label:"高州市"},{value:1810,label:"化州市"},{value:1811,label:"信宜市"}]},{value:206,label:"肇庆市",children:[{value:1812,label:"端州区"},{value:1813,label:"鼎湖区"},{value:1814,label:"广宁县"},{value:1815,label:"怀集县"},{value:1816,label:"封开县"},{value:1817,label:"德庆县"},{value:1818,label:"高要市"},{value:1819,label:"四会市"}]},{value:207,label:"惠州市",children:[{value:1820,label:"惠城区"},{value:1821,label:"惠阳区"},{value:1822,label:"博罗县"},{value:1823,label:"惠东县"},{value:1824,label:"龙门县"}]},{value:208,label:"梅州市",children:[{value:1825,label:"梅江区"},{value:1826,label:"梅县"},{value:1827,label:"大埔县"},{value:1828,label:"丰顺县"},{value:1829,label:"五华县"},{value:1830,label:"平远县"},{value:1831,label:"蕉岭县"},{value:1832,label:"兴宁市"}]},{value:209,label:"汕尾市",children:[{value:1833,label:"城区"},{value:1834,label:"海丰县"},{value:1835,label:"陆河县"},{value:1836,label:"陆丰市"}]},{value:210,label:"河源市",children:[{value:1837,label:"源城区"},{value:1838,label:"紫金县"},{value:1839,label:"龙川县"},{value:1840,label:"连平县"},{value:1841,label:"和平县"},{value:1842,label:"东源县"}]},{value:211,label:"阳江市",children:[{value:1843,label:"江城区"},{value:1844,label:"阳西县"},{value:1845,label:"阳东县"},{value:1846,label:"阳春市"}]},{value:212,label:"清远市",children:[{value:1847,label:"清城区"},{value:1848,label:"佛冈县"},{value:1849,label:"阳山县"},{value:1850,label:"连山壮族瑶族自治县"},{value:1851,label:"连南瑶族自治县"},{value:1852,label:"清新县"},{value:1853,label:"英德市"},{value:1854,label:"连州市"}]},{value:213,label:"东莞市",children:[]},{value:214,label:"中山市",children:[]},{value:215,label:"潮州市",children:[{value:1855,label:"湘桥区"},{value:1856,label:"潮安县"},{value:1857,label:"饶平县"}]},{value:216,label:"揭阳市",children:[{value:1858,label:"榕城区"},{value:1859,label:"揭东县"},{value:1860,label:"揭西县"},{value:1861,label:"惠来县"},{value:1862,label:"普宁市"}]},{value:217,label:"云浮市",children:[{value:1863,label:"云城区"},{value:1864,label:"新兴县"},{value:1865,label:"郁南县"},{value:1866,label:"云安县"},{value:1867,label:"罗定市"}]}]}]},"696c":function(e,t){},"6c0e":function(e,t,a){"use strict";var l=a("5a32"),n=a.n(l);n.a},7909:function(e,t,a){},"8e1f":function(e,t,a){},9391:function(e){e.exports=[{label:"中文",value:"zh_CN"},{label:"English",value:"en_US"}]},b4c6:function(e){e.exports={"!return|array(5-50)":{"id|number":"{{ $index+1 }}",name:"{{ random.repeat(['前端', '后端', '测试', '项目经理', '设计'],1) }}_{{ $index }}",describe:"{{ random.repeat('角色描述',4,50) }}","seq|number":"{{ $index }}","createTime|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}","updateTime|number":"{{ random.time('2019-01-01 00:00:00','2019-02-20 23:59:59', 'yyyy-MM-dd HH:mm:ss') }}"}}},c31f:function(e,t,a){"use strict";a.r(t);var l=a("0a0d"),n=a.n(l),r=(a("cadf"),a("551c"),a("f751"),a("097d"),a("2b0e")),o=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{attrs:{id:"app"}},[e._m(0),a("div",{staticClass:"page-container"},[a("div",{staticClass:"aside"},[a("ul",{staticClass:"nav-menu"},e._l(e.tableList,function(t,l){return a("li",{key:l},[a("a",{staticClass:"nav-link",on:{click:function(a){return e.linkEvent(t)}}},[e._v(e._s(t.lable))]),t.children?a("ul",{directives:[{name:"show",rawName:"v-show",value:t.expand,expression:"item.expand"}],staticClass:"nav-child-menu"},e._l(t.children,function(t,l){return a("li",{key:l},[t.disabled?a("a",{staticClass:"nav-link disabled",attrs:{title:"后续版本会考虑支持该功能！"}},[e._v(e._s(t.lable))]):a("router-link",{staticClass:"nav-link",attrs:{to:t.locat}},[e._v(e._s(t.lable))])],1)}),0):e._e()])}),0)]),a("div",{staticClass:"body"},[a("a",{staticClass:"link tosrc",attrs:{href:"https://github.com/xuliangzhan/vxe-table/tree/master/examples/views/table",target:"_blank"}},[e._v("查看代码")]),e.demoLink?a("a",{staticClass:"link todemo",attrs:{href:e.demoLink,target:"_blank"}},[e._v("在线运行")]):e._e(),a("router-view")],1)]),e._m(1)])},i=[function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("header",{staticClass:"page-header"},[l("img",{staticClass:"logo",attrs:{src:a("d8ca")}}),l("h1",{staticClass:"title"},[l("a",{attrs:{href:"https://github.com/xuliangzhan/vxe-table"}},[e._v("vxe-table")])]),l("span",{staticClass:"desc"},[e._v("一个性能更优、功能更强的 Vue 表格组件")])])},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("footer",{staticClass:"page-footer"},[a("p",{staticClass:"copyright"},[e._v("github "),a("a",{staticClass:"link",attrs:{href:"https://github.com/xuliangzhan/vxe-table"}},[e._v("vxe-table")]),e._v(" Copyright (c) 2019-present, Xu Liangzhan")])])}],s=(a("ac6a"),a("28a5"),a("7f7f"),a("7514"),{data:function(){return{selected:null,tableList:[{lable:"开发指南",value:"start",expand:!1,children:[{lable:"安装",locat:{name:"TableInstall"}},{lable:"快速上手",locat:{name:"TableUse"}}]},{lable:"基本功能",value:"base",expand:!1,children:[{lable:"基础",demoUrl:"https://jsrun.net/VrXKp",locat:{name:"TableBasic"}},{lable:"尺寸",demoUrl:"https://jsrun.net/PmXKp",locat:{name:"TableSize"}},{lable:"斑马线条纹",demoUrl:"https://jsrun.net/zrXKp",locat:{name:"TableStripe"}},{lable:"带边框",demoUrl:"https://jsrun.net/QrXKp",locat:{name:"TableBorder"}},{lable:"单元格样式",demoUrl:"https://jsrun.net/EmXKp",locat:{name:"TableStyle"}},{lable:"隐藏头部",demoUrl:"https://jsrun.net/7mXKp",locat:{name:"TableHeader"}},{lable:"列宽拖动",demoUrl:"https://jsrun.net/5AXKp",locat:{name:"TableResizable"}},{lable:"流体高度",demoUrl:"https://jsrun.net/smXKp",locat:{name:"TableMaxHeight"}},{lable:"固定表头",demoUrl:"https://jsrun.net/JrXKp",locat:{name:"TableHeight"}},{lable:"固定列",demoUrl:"https://jsrun.net/TrXKp",locat:{name:"TableFixed"}},{lable:"固定表头和列",demoUrl:"https://jsrun.net/8rXKp",locat:{name:"TableFixedFull"}},{lable:"表头分组",demoUrl:"https://jsrun.net/7rXKp",locat:{name:"TableGroup"}},{lable:"序号",demoUrl:"https://jsrun.net/xrXKp",locat:{name:"TableIndex"}},{lable:"单选",demoUrl:"https://jsrun.net/9rXKp",locat:{name:"TableRadio"}},{lable:"多选",demoUrl:"https://jsrun.net/erXKp",locat:{name:"TableSelection"}},{lable:"排序",demoUrl:"https://jsrun.net/crXKp",locat:{name:"TableSort"}},{lable:"筛选",demoUrl:"https://jsrun.net/drXKp",locat:{name:"TableFilter"}},{lable:"加载中",demoUrl:"https://jsrun.net/GjXKp",locat:{name:"TableLoading"}},{lable:"格式化内容",demoUrl:"https://jsrun.net/FrXKp",locat:{name:"TableFormat"}},{lable:"自定义模板",demoUrl:"https://jsrun.net/DjXKp",locat:{name:"TableTemplate"}}]},{lable:"高级功能",value:"advanced",expand:!1,children:[{lable:"合并行或列",demoUrl:"https://jsrun.net/5jXKp",locat:{name:"TableSpan"}},{lable:"表尾合计",demoUrl:"https://jsrun.net/dmXKp",locat:{name:"TableFooter"}},{lable:"显示/隐藏列",demoUrl:"https://jsrun.net/PrXKp",locat:{name:"TableCustom"}},{lable:"导出.cvs",demoUrl:"https://jsrun.net/cmXKp",locat:{name:"TableExport"}},{lable:"快捷菜单",demoUrl:"https://jsrun.net/VjXKp",locat:{name:"TableMenu"}},{lable:"展开行",demoUrl:"https://jsrun.net/eRXKp",locat:{name:"TableExpand"}},{lable:"树形结构",disabled:!0,locat:{name:"TableInstall"}}]},{lable:"Grid 表格",value:"grid",expand:!1,children:[{lable:"基础",demoUrl:"https://jsrun.net/5RXKp",locat:{name:"GridBasic"}},{lable:"分页",demoUrl:"https://jsrun.net/5RXKp",disabled:!0,locat:{name:"GridPage"}}]},{lable:"Big 表格",value:"scroll",expand:!1,children:[{lable:"海量数据",demoUrl:"https://jsrun.net/XRXKp",locat:{name:"TableScroll"}},{lable:"1 万行",locat:{name:"TableScrollRows"}},{lable:"10 万行 + 更复杂渲染",locat:{name:"TableScrollFullRows"}},{lable:"1 万行 1 万列",locat:{name:"TableScrollCols"}},{lable:"10 万行 1 万列 + 更复杂渲染",locat:{name:"TableScrollFullCols"}}]},{lable:"Edit 表格",value:"edit",expand:!1,children:[{lable:"手动触发",locat:{name:"TableEditManual"}},{lable:"点击触发",locat:{name:"TableEditClick"}},{lable:"双击触发",locat:{name:"TableEditDBLClick"}},{lable:"插入数据",locat:{name:"TableEditInsert"}},{lable:"删除数据",locat:{name:"TableEditRemove"}},{lable:"还原数据",locat:{name:"TableEditRevert"}},{lable:"编辑状态",locat:{name:"TableEditStatus"}},{lable:"禁用编辑",locat:{name:"TableEditDisable"}},{lable:"数据校验",locat:{name:"TableEditValid"}},{lable:"全键盘操作",locat:{name:"TableEditKeyboard"}},{lable:"自定义渲染",locat:{name:"TableEditTemplate"}}]},{lable:"Excel 表格",value:"excel",expand:!1,children:[{lable:"单元格编辑",locat:{name:"TableExcelCell"}},{lable:"单元格拖拽",disabled:!0,locat:{name:"TableInstall"}}]},{lable:"集成",value:"other",expand:!1,children:[{lable:"element-ui 自定义渲染",locat:{name:"TableOtherElement"}},{lable:"element-ui 配置式插件",locat:{name:"TableOtherElementConfig"}},{lable:"element-ui 使用分页",locat:{name:"TableOtherElementPage"}},{lable:"iview 自定义渲染",locat:{name:"TableOtherIview"}},{lable:"iview 配置式插件",locat:{name:"TableOtherIviewConfig"}},{lable:"iview 使用分页",locat:{name:"TableOtherIviewPage"}},{lable:"使用 sortablejs 实现行排序",disabled:!0,locat:{name:"TableInstall"}}]},{lable:"API",value:"api",expand:!1,children:[{lable:"vxe-table",locat:{name:"TableAPI"}}]}]}},computed:{demoLink:function(){var e=this,t=this.tableList.find(function(e){return e.expand});if(t&&t.children){var a=t.children.find(function(t){return t.locat&&t.locat.name===e.$route.name});if(a)return a.demoUrl}return null}},created:function(){var e=this,t=this.tableList.find(function(t){return t.value===e.$route.path.split("/")[2]});t&&(t.expand=!0)},methods:{linkEvent:function(e){this.tableList.forEach(function(t){e!==t&&(t.expand=!1)}),e.expand=!e.expand}}}),c=s,d=a("2877"),u=Object(d["a"])(c,o,i,!1,null,null,null),p=u.exports,b=a("8c4f"),m=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},v=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h3",[e._v("npm 安装")]),a("p",[e._v("推荐使用 npm 的方式安装，它能更好地和 "),a("a",{staticClass:"link",attrs:{href:"https://webpack.js.org/"}},[e._v("webpack")]),e._v(" 打包工具配合使用。")]),a("pre",[e._v("    "),a("code",[e._v("\n      npm install vxe-table\n    ")]),e._v("\n  ")]),a("h3",[e._v("CDN")]),a("p",[e._v("可以通过 "),a("a",{staticClass:"link",attrs:{href:"https://unpkg.com/vxe-table/"}},[e._v("unpkg")]),e._v(" 或 "),a("a",{staticClass:"link",attrs:{href:"https://cdn.jsdelivr.net/npm/vxe-table/"}},[e._v("cdnjs")]),e._v(" 获取到最新版本的资源，并在页面上引入即可")]),a("pre",[e._v("    "),a("code",[e._v('\n      \x3c!-- 引入样式 --\x3e\n      <link rel="stylesheet" href="https://unpkg.com/vxe-table/lib/index.css">\n      \x3c!-- 引入脚本 --\x3e\n      <script src="https://unpkg.com/xe-utils"><\/script>\n      <script src="https://unpkg.com/vxe-table"><\/script>\n    ')]),e._v("\n  ")])])}],h=a("1487"),f=a.n(h),x={mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},g=x,w=Object(d["a"])(g,m,v,!1,null,null,null),y=w.exports,C=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},_=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h3",[e._v("全局参数")]),a("p",[e._v("修改默认的全局配置")]),a("pre",[e._v("    "),a("code",[e._v("\n      import Vue from 'vue'\n      import VXETable from 'vxe-table'\n      import 'vxe-table/lib/index.css'\n\n     Vue.use(VXETable, {\n      // 默认尺寸\n      size: 'small',\n      // 全局快捷菜单\n      contextMenu: null,\n      // 自定义渲染器\n      renderMap: {},\n      // 自定义图标配置\n      iconMap: {\n        sortAsc: 'vxe-sort--asc-icon',\n        sortDesc: 'vxe-sort--desc-icon',\n        filter: 'vxe-filter--icon',\n        edit: 'vxe-edit--icon'\n      },\n      // 优化配置项\n      optimized: {\n        scrollX: {\n          gt: 60,\n          oSize: 5,\n          rSize: 16\n        },\n        scrollY: {\n          gt: 500,\n          oSize: 20,\n          rSize: 80\n        }\n      }\n    })\n    ")]),e._v("\n  ")]),a("h3",[e._v("主题")]),a("p",[e._v("修改默认的主题颜色")]),a("pre",[e._v("    "),a("code",[e._v("\n      // Case 1. 引入默认的样式\n      import 'vxe-table/lib/index.css'\n\n      // Case 2. 自定义表格颜色（复制 style/variable.scss 到自己的项目中，修改颜色变量，然后引入）\n      // @import 'assets/style/vxe-table/variable.scss';\n      // @import 'vxe-table/style/table.scss';\n\n      // Case 3. 重写主题样式（复制 style/table.scss 到项目中自行修改）\n      // @import 'assets/style/vxe-table/variable.scss';\n      // @import 'assets/style/vxe-table/table.scss';\n    ")]),e._v("\n  ")]),a("h3",[e._v("国际化")]),a("p",[e._v("修改默认的国际化信息")]),a("pre",[e._v("    "),a("code",[e._v("\n      import Vue from 'vue'\n      import VueI18n from 'vxe-i18n'\n      import VXETable from 'vxe-table'\n      import zhCNLocat from 'vxe-table/lib/locale/lang/zh_CN'\n      import enLocat from 'vxe-table/lib/locale/lang/zh_CN'\n\n      const messages = {\n        zh_CN: {\n          ...zhCNLocat\n        },\n        en: {\n          ...enLocat\n        }\n      }\n\n      const i18n = new VueI18n({\n        locale: 'zh_CN',\n        messages,\n      })\n\n      Vue.use(VXETable, {\n        i18n: (key, value) => i18n.t(key, value)\n      })\n\n      new Vue({ i18n }).$mount('#app')\n    ")]),e._v("\n  ")])])}],T={mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},S=T,D=Object(d["a"])(S,C,_,!1,null,null,null),k=D.exports,E=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("基础使用")]),a("vxe-table",{attrs:{data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("ellipsis 当内容超过时显示为省略号")]),a("p",[e._v("show-overflow-title 当内容超过时显示为省略号和原生 title 显示")]),a("p",[e._v("show-overflow-tooltip 当内容超过隐藏时显示为省略号并 tooltip 显示")]),a("p",[e._v("使用 highlight-hover-row 属性启用 hover 行高亮")]),a("vxe-table",{attrs:{"highlight-hover-row":"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},A=[],L={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          :data.sync="tableData">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        ",'\n        <vxe-table\n          highlight-hover-row\n          :data.sync="tableData">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},I=L,O=Object(d["a"])(I,E,A,!1,null,null,null),M=O.exports,$=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("可以设置大小尺寸：medium / small / mini")]),a("p"),a("vxe-table",{attrs:{data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("设置大小为 medium")]),a("vxe-table",{attrs:{size:"medium",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("设置大小为 small")]),a("vxe-table",{attrs:{size:"small",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("设置大小为 mini")]),a("vxe-table",{attrs:{size:"mini",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},R=[],j={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,4);this.tableData=e}},N=j,z=Object(d["a"])(N,$,R,!1,null,null,null),P=z.exports,V=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("斑马线条纹")]),a("vxe-table",{attrs:{stripe:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 highlight-hover-row 属性启用 hover 行高亮")]),a("vxe-table",{attrs:{stripe:"","highlight-hover-row":"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},H=[],B={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},F=B,K=Object(d["a"])(F,V,H,!1,null,null,null),W=K.exports,X=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("带边框的表格")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},G=[],U={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},q=U,Y=Object(d["a"])(q,X,G,!1,null,null,null),J=Y.exports,Q=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("行的样色、单元格样式，表头的样式、表尾的样式、全部都可以完全自定义")]),a("vxe-table",{staticClass:"mytable-style",attrs:{border:"","header-cell-class-name":e.headerCellClassName,"row-class-name":e.rowClassName,"cell-class-name":e.cellClassName,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},Z=[],ee=(a("6762"),a("2fdb"),{data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},methods:{headerCellClassName:function(e){var t=e.column;e.columnIndex;if("name"===t.property)return"col-blue"},rowClassName:function(e){e.row;var t=e.rowIndex;if([2,3,5].includes(t))return"row-green"},cellClassName:function(e){var t=e.row,a=(e.rowIndex,e.column);e.columnIndex;if("sex"===a.property){if(t.sex>="1")return"col-red";if(26===t.age)return"col-orange"}}}}),te=ee,ae=(a("300b"),Object(d["a"])(te,Q,Z,!1,null,null,null)),le=ae.exports,ne=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("隐藏头部")]),a("vxe-table",{attrs:{"show-header":!1,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("当纵向内容过多时，出现横向滚动条")]),a("vxe-table",{attrs:{"show-header":!1,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},re=[],oe={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},ie=oe,se=Object(d["a"])(ie,ne,re,!1,null,null,null),ce=se.exports,de=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过设置 resizable 属性可以支持列宽拖动")]),a("vxe-table",{attrs:{border:"",resizable:"","highlight-hover-row":"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},ue=[],pe={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},be=pe,me=Object(d["a"])(be,de,ue,!1,null,null,null),ve=me.exports,he=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("当一个表格高度需要自适应的时候可以设置为流体高度")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"","max-height":"200",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("如果设置 max-height，当内容为达到最大高度时会自适应")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"","max-height":"200",data:e.tableData2},on:{"update:data":function(t){e.tableData2=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},fe=[],xe={data:function(){return{tableData:[],tableData2:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e,this.tableData2=window.MOCK_DATA_LIST.slice(0,2)}},ge=xe,we=Object(d["a"])(ge,he,fe,!1,null,null,null),ye=we.exports,Ce=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("当纵向内容过多时，固定表头就非常有用了")]),a("vxe-table",{attrs:{border:"",height:"400",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},_e=[],Te={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},Se=Te,De=Object(d["a"])(Se,Ce,_e,!1,null,null,null),ke=De.exports,Ee=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("当横向内容过多时，将列固定在左右两侧")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",width:"300"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role",width:"300"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date",width:"300"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",fixed:"right",width:"300","show-overflow-tooltip":""}})],1),a("p",[e._v("如果列宽足够的情况下，固定列不会浮动")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",fixed:"right",width:"300","show-overflow-tooltip":""}})],1)],1)},Ae=[],Le={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,4);this.tableData=e}},Ie=Le,Oe=Object(d["a"])(Ie,Ee,Ae,!1,null,null,null),Me=Oe.exports,$e=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("横纵内容过多时，同时固定列和表头")]),a("vxe-table",{attrs:{border:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",width:"300"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role",width:"300"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date",width:"300"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",fixed:"right",width:"300","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 optimized 参数可以使固定列的节点减到最少，并将所有单元格设置为禁止换行")]),a("vxe-table",{attrs:{border:"",optimized:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",width:"300"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role",width:"300"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date",width:"300"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",fixed:"right",width:"300","show-overflow-tooltip":""}})],1)],1)},Re=[],je={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},Ne=je,ze=Object(d["a"])(Ne,$e,Re,!1,null,null,null),Pe=ze.exports,Ve=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("当数据结构比较复杂的时候，可以使用多级表头显示更加直观")]),a("vxe-table",{attrs:{border:"",height:"400",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{label:"基本信息"}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}})],1),a("vxe-table-column",{attrs:{label:"更多信息"}},[a("vxe-table-column",{attrs:{prop:"role",label:"Role"}}),a("vxe-table-column",{attrs:{label:"详细信息"}},[a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1)],1),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("如果使用了分组表头情，则需要按组来设置固定列")]),a("vxe-table",{attrs:{border:"",height:"400",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{label:"基本信息"}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",fixed:"left",width:"100"}})],1),a("vxe-table-column",{attrs:{label:"更多信息"}},[a("vxe-table-column",{attrs:{prop:"role",label:"Role",width:"300"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{label:"详细信息"}},[a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"300"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date",width:"300"}})],1)],1),a("vxe-table-column",{attrs:{prop:"address",label:"Address",width:"300",fixed:"right","show-overflow-tooltip":""}})],1)],1)},He=[],Be={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},Fe=Be,Ke=Object(d["a"])(Fe,Ve,He,!1,null,null,null),We=Ke.exports,Xe=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("默认的序号从 1 开始，你也可以自定义 indexMethod 函数")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 indexMethod 自定义序号")]),a("vxe-table",{attrs:{border:"",height:"300",data:e.tableData2},on:{"update:data":function(t){e.tableData2=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60","index-method":e.indexMethod}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},Ge=[],Ue={data:function(){return{tableData:[],tableData2:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,4);this.tableData=e,this.tableData2=window.MOCK_DATA_LIST.slice(0,50)},methods:{indexMethod:function(e){var t=e.rowIndex;return 2*t}}},qe=Ue,Ye=Object(d["a"])(qe,Xe,Ge,!1,null,null,null),Je=Ye.exports,Qe=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 highlight-current-row 方式；选项改变触发事件select-change")]),a("vxe-table",{attrs:{border:"","highlight-current-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 radio 方式")]),a("vxe-table",{attrs:{border:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"radio",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("当然也可以两种方式同时使用")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setCurrentRow(e.tableData[1])}}},[e._v("设置第二行选中")]),a("vxe-table",{ref:"xTable",attrs:{border:"","highlight-current-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"radio",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},Ze=[],et={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},tt=et,at=Object(d["a"])(tt,Qe,Ze,!1,null,null,null),lt=at.exports,nt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用默认方式，勾选全部事件select-all，勾选事件select-change")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.toggleRowSelection(e.tableData[1])}}},[e._v("切换第二行选中")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setSelection([e.tableData[2],e.tableData[3]],!0)}}},[e._v("设置第三、四行选中")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setSelection(e.tableData,!0)}}},[e._v("设置所有行选中")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.clearSelection()}}},[e._v("清除所有行选中")]),a("vxe-table",{ref:"xTable",attrs:{border:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("使用 prop 绑定方式")]),a("vxe-table",{attrs:{border:"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{prop:"checked",type:"selection",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},rt=[],ot={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},it=ot,st=Object(d["a"])(it,nt,rt,!1,null,null,null),ct=st.exports,dt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过给需要排序功能的列加上 sortable 属性可以支持排序，还可以通过设置 sort-by 多字段进行排序")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",sortable:""}})],1),a("p",[e._v("配置 sort-by 多个字段组合排序")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",sortable:"","sort-by":["time","name"]}})],1)],1)},ut=[],pt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e}},bt=pt,mt=Object(d["a"])(bt,dt,ut,!1,null,null,null),vt=mt.exports,ht=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过设置 filters 属性和 filterMethod 方法可以支持列筛选功能")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"400",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:"",filters:[{label:"id大于10",value:10},{label:"id大于40",value:40}],filterMethod:e.filterMethod}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",sortable:"",filters:[{label:"Man",value:"1"},{label:"Woman",value:"0"}]}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",sortable:""}})],1)],1)},ft=[],xt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e},methods:{filterMethod:function(e){var t=e.value,a=e.row;e.column;return a.id>=t}}},gt=xt,wt=Object(d["a"])(gt,ht,ft,!1,null,null,null),yt=wt.exports,Ct=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过设置 loading 属性可以使用自带的加载效果")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("加载中")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",loading:e.loading,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},_t=[],Tt={data:function(){return{tableData:[]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,50);e.tableData=t,e.loading=!1},3e3)}},St=Tt,Dt=Object(d["a"])(St,Ct,_t,!1,null,null,null),kt=Dt.exports,Et=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 formatter 格式化内容")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",formatter:e.formatTime}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},At=[],Lt=a("c695"),It=a.n(Lt),Ot={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},methods:{formatTime:function(e){var t=e.cellValue;e.row,e.column;return It.a.toDateString(t,"yyyy-MM-dd HH:ss:mm")}}},Mt=Ot,$t=Object(d["a"])(Mt,Et,At,!1,null,null,null),Rt=$t.exports,jt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 template 自定义模板；可以实现自定义任意内容及 html 元素")]),a("vxe-table",{attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""},scopedSlots:e._u([{key:"default",fn:function(t){var l=t.row;return[a("a",{attrs:{href:"https://github.com/xuliangzhan/vxe-table"}},[e._v(e._s(l.name))])]}}])}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"},scopedSlots:e._u([{key:"header",fn:function(t){t.column;return[a("span",{staticStyle:{color:"red"}},[e._v("自定义头")])]}}])}),a("vxe-table-column",{attrs:{prop:"time",label:"Time"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},Nt=[],zt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},Pt=zt,Vt=Object(d["a"])(Pt,jt,Nt,!1,null,null,null),Ht=Vt.exports,Bt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("合并列")]),a("vxe-table",{attrs:{border:"","max-height":"300","span-method":e.colspanMethod,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1),a("p",[e._v("合并行")]),a("vxe-table",{attrs:{border:"","max-height":"300","span-method":e.rowspanMethod,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"key",label:"Key"}}),a("vxe-table-column",{attrs:{prop:"language",label:"Language",filters:[{label:"中文",value:"zh_CN"},{label:"English",value:"en_US"}]}})],1)],1)},Ft=[],Kt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,20);this.tableData=e},methods:{colspanMethod:function(e){e.row;var t=e.rowIndex,a=(e.column,e.columnIndex);if(t%2===0){if(2===a)return{rowspan:1,colspan:2};if(3===a)return{rowspan:0,colspan:0}}},rowspanMethod:function(e){var t=e.row,a=e.rowIndex,l=e.column,n=(e.columnIndex,this.tableData),r=n[a-1],o=n[a+1];if("key"===l.property){if(r&&r.key===t.key)return{rowspan:0,colspan:0};if(o&&o.key===t.key)return{rowspan:2,colspan:1}}}}},Wt=Kt,Xt=Object(d["a"])(Wt,Bt,Ft,!1,null,null,null),Gt=Xt.exports,Ut=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 show-footer 和 footerMethod 自定义表尾合计")]),a("vxe-table",{staticClass:"mytable-footer",attrs:{border:"","highlight-hover-row":"","show-footer":"",height:"300","footer-method":e.footerMethod,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate"}})],1),a("p",[e._v("还可以配合 footerCellClassName 自定义不同列颜色")]),a("vxe-table",{staticClass:"mytable-footer",attrs:{border:"","show-footer":"",height:"300","footer-method":e.footerMethod,"footer-cell-class-name":e.footerCellClassName,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate"}})],1),a("p",[e._v("还可以固定列")]),a("vxe-table",{staticClass:"mytable-footer",attrs:{border:"","show-footer":"",height:"300","footer-method":e.footerMethod,"footer-cell-class-name":e.footerCellClassName,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","min-width":"600",sortable:""}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","min-width":"600"}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","min-width":"600"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200",fixed:"right"}})],1)],1)},qt=[],Yt={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},methods:{footerCellClassName:function(e){var t=e.rowIndex,a=(e.column,e.columnIndex);if(0===a)return 0===t?"col-blue":"col-red"},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":["age","rate"].includes(e.property)?It.a.mean(a,e.property):"-"}),t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},Jt=Yt,Qt=(a("6c0e"),Object(d["a"])(Jt,Ut,qt,!1,null,null,null)),Zt=Qt.exports,ea=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过 customs 来初始化绑定内部列变量，prop:属性,visible:默认是否显示；")]),a("p",[e._v("该功能对于列比较多的表格非常有用，可以轻松实现强大的显示/隐藏列的配置功能")]),a("div",{staticClass:"table-oper"},[a("span",{staticClass:"menu-btn"},[a("i",{staticClass:"icon-menu"}),a("div",{staticClass:"menu-wrapper"},e._l(e.allColumnList,function(t,l){return a("label",{key:l},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.visible,expression:"column.visible"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.visible)?e._i(t.visible,null)>-1:t.visible},on:{change:function(a){var l=t.visible,n=a.target,r=!!n.checked;if(Array.isArray(l)){var o=null,i=e._i(l,o);n.checked?i<0&&e.$set(t,"visible",l.concat([o])):i>-1&&e.$set(t,"visible",l.slice(0,i).concat(l.slice(i+1)))}else e.$set(t,"visible",r)}}}),a("span",[e._v(e._s(t.label))])])}),0)])]),a("vxe-table",{attrs:{border:"",height:"400",data:e.tableData,customs:e.customColumns},on:{"update:data":function(t){e.tableData=t},"update:customs":function(t){e.customColumns=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"role",label:"Role"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1)],1)},ta=[],aa={data:function(){return{tableData:[],customColumns:[]}},computed:{allColumnList:function(){return this.customColumns.filter(function(e){return e.property})}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,20);this.tableData=e}},la=aa,na=(a("1f85"),Object(d["a"])(la,ea,ta,!1,null,"9ace38ce",null)),ra=na.exports,oa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过调用 exportCsv 函数可以直接将表格导出为 .cvs 格式的文件；")]),a("button",{staticClass:"btn",on:{click:e.exportCsvEvent}},[e._v("默认导出")]),a("vxe-table",{ref:"xTable1",attrs:{"highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("配置 columnFilterMethod 参数过滤指定列")]),a("button",{staticClass:"btn",on:{click:e.exportCsvEvent2}},[e._v("导出指定列 [name,sex]")]),a("vxe-table",{ref:"xTable2",attrs:{"highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("配置 dataFilterMethod 参数过滤指定行")]),a("button",{staticClass:"btn",on:{click:e.exportCsvEvent3}},[e._v("导出指定第10-20行")]),a("vxe-table",{ref:"xTable3",attrs:{"highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("p",[e._v("不导出表头，指定文件名，导出源数据,格式化数据")]),a("button",{staticClass:"btn",on:{click:e.exportCsvEvent4}},[e._v("完整配置")]),a("vxe-table",{ref:"xTable4",attrs:{"highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1)],1)},ia=[],sa={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,50);this.tableData=e},methods:{exportCsvEvent:function(){this.$refs.xTable1.exportCsv()},exportCsvEvent2:function(){this.$refs.xTable2.exportCsv({columnFilterMethod:function(e){return["name","sex"].includes(e.property)}})},exportCsvEvent3:function(){this.$refs.xTable3.exportCsv({dataFilterMethod:function(e,t){return t>=9&&t<20}})},exportCsvEvent4:function(){this.$refs.xTable1.exportCsv({filename:"自定义文件名.cvs",original:!0,isHeader:!1,data:this.tableData.map(function(e){return e.date=It.a.toDateString(e.date,"yyyy-MM-dd"),e})})}}},ca=sa,da=Object(d["a"])(ca,oa,ia,!1,null,null,null),ua=da.exports,pa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("右键快捷菜单，支持表头菜单、内容菜单、表尾菜单")]),a("p",[e._v("配置项 {header, body, footer}")]),a("vxe-table",{attrs:{border:"","show-footer":"","highlight-hover-row":"","footer-method":e.footerMethod,data:e.tableData,"context-menu":{header:{options:e.headerMenus},body:{options:e.bodyMenus},footer:{options:e.footerMenus}}},on:{"update:data":function(t){e.tableData=t},"context-menu-link":e.contextMenuLinkEvent}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time"}})],1)],1)},ba=[],ma={data:function(){return{tableData:[],headerMenus:[[{code:"exportAll",name:"导出所有.cvs"}]],bodyMenus:[[{code:"copy",name:"复制"},{code:"paste",name:"粘贴"}],[{code:"remove",name:"删除"},{code:"filter",name:"筛选",children:[{code:"clearFilter",name:"清除筛选"},{code:"filterSelect",name:"按所选单元格的值筛选"}]},{code:"sort",name:"排序",children:[{code:"clearSort",name:"清除排序"},{code:"sortAsc",name:"升序"},{code:"sortDesc",name:"倒序"}]},{code:"print",name:"打印",disabled:!0}]],footerMenus:[[{code:"clearAll",name:"清空数据"}]]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},methods:{contextMenuLinkEvent:function(e){alert(e.name)},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":["age","rate"].includes(e.property)?It.a.mean(a,e.property):"-"})]}}},va=ma,ha=Object(d["a"])(va,pa,ba,!1,null,null,null),fa=ha.exports,xa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v('通过设置 type="expand" 和 slot 可以开启展开行功能')]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.toggleRowExpansion(e.tableData[1])}}},[e._v("切换第二行展开")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setExpandRow([e.tableData[2],e.tableData[3]],!0)}}},[e._v("设置第三、四行展开")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setExpandRow(e.tableData,!0)}}},[e._v("设置所有行展开")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.clearExpand()}}},[e._v("关闭所有行展开")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{type:"expand",width:"60"},scopedSlots:e._u([{key:"default",fn:function(t){var l=t.row;return[a("ul",[a("li",[a("span",[e._v("ID：")]),a("span",[e._v(e._s(l.id))])]),a("li",[a("span",[e._v("Name：")]),a("span",[e._v(e._s(l.name))])]),a("li",[a("span",[e._v("UpdateTime：")]),a("span",[e._v(e._s(l.updateTime))])]),a("li",[a("span",[e._v("CreateTime：")]),a("span",[e._v(e._s(l.createTime))])])])]}}])}),a("vxe-table-column",{attrs:{prop:"name",label:"Name"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}})],1)],1)},ga=[],wa={data:function(){return{tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e}},ya=wa,Ca=Object(d["a"])(ya,xa,ga,!1,null,null,null),_a=Ca.exports,Ta=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-grid 配置的方式渲染表格，这对一些动态渲染的场景非常有用，完全使用数据进行配置")]),a("vxe-grid",{attrs:{border:"",height:"300",columns:e.tableColumn,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("分组表头、底部合计")]),a("vxe-grid",{attrs:{border:"",stripe:"","show-footer":"",height:"500","footer-method":e.footerMethod,columns:e.tableColumn2,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},Sa=[],Da={data:function(){return{tableColumn:[{type:"index",width:60},{prop:"name",label:"Name"},{prop:"sex",label:"Sex"},{prop:"address",label:"Address",showOverflowTooltip:!0}],tableColumn2:[{type:"index",width:60},{label:"基本信息",children:[{prop:"name",label:"Name"},{label:"其他信息",children:[{prop:"rate",label:"Rate"},{prop:"age",label:"Age"}]},{prop:"sex",label:"Sex"}]},{prop:"address",label:"Address",showOverflowTooltip:!0}],tableData:[],demoCodes:['\n        <vxe-grid\n          border\n          height="300"\n          :columns="tableColumn"\n          :data.sync="tableData"></vxe-grid>\n        ',"\n        export default {\n          data () {\n            return {\n              tableColumn: [\n                {\n                  type: 'index',\n                  width: 60\n                },\n                {\n                  prop: 'name',\n                  label: 'Name'\n                },\n                {\n                  prop: 'sex',\n                  label: 'Sex'\n                },\n                {\n                  prop: 'address',\n                  label: 'Address',\n                  showOverflowTooltip: true\n                }\n              ]\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          }\n        }\n        ",'\n        <vxe-grid\n          border\n          stripe\n          show-footer\n          height="500"\n          :footer-method="footerMethod"\n          :columns="tableColumn2"\n          :data.sync="tableData"></vxe-grid>\n        ',"\n        export default {\n          data () {\n            return {\n              tableColumn: [\n                {\n                  type: 'index',\n                  width: 60\n                },\n                {\n                  label: '基本信息',\n                  children: [\n                    {\n                      prop: 'name',\n                      label: 'Name'\n                    },\n                    {\n                      label: '其他信息',\n                      children: [\n                        {\n                          prop: 'rate',\n                          label: 'Rate'\n                        },\n                        {\n                          prop: 'age',\n                          label: 'Age'\n                        }\n                      ]\n                    },\n                    {\n                      prop: 'sex',\n                      label: 'Sex'\n                    }\n                  ]\n                },\n                {\n                  prop: 'address',\n                  label: 'Address',\n                  showOverflowTooltip: true\n                }\n              ]\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          },\n          methods: {\n            footerMethod ({ columns, data }) {\n              return [\n                columns.map((column, columnIndex) => {\n                  if (columnIndex === 0) {\n                    return '和值'\n                  }\n                  if (['age', 'rate'].includes(column.property)) {\n                    return XEUtils.sum(data, column.property)\n                  }\n                  return '-'\n                })\n              ]\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,100);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},ka=Da,Ea=Object(d["a"])(ka,Ta,Sa,!1,null,null,null),Aa=Ea.exports,La=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-grid 配置的方式渲染表格，这对一些动态渲染的场景非常有用，完全使用数据进行配置")]),a("vxe-grid",{attrs:{height:"300",columns:e.tableColumn,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("分组表头")]),a("vxe-grid",{attrs:{border:"",stripe:"",height:"300",columns:e.tableColumn2,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("表尾合计")]),a("vxe-grid",{attrs:{border:"",stripe:"","show-footer":"",height:"300","footer-method":e.footerMethod,columns:e.tableColumn3,data:e.tableData},on:{"update:data":function(t){e.tableData=t},"cell-click":e.cellClickEvent}})],1)},Ia=[],Oa=a("628a"),Ma=a.n(Oa),$a={data:function(){return{dataConfig:{data:function(){return Ma.a.getJSON("/api")}},pageConfig:{pageSize:10,pageSizes:[10,15,20,50,100]},tableColumn:[{type:"index",width:60},{prop:"name",label:"Name"},{prop:"sex",label:"Sex"},{prop:"address",label:"Address",showOverflowTooltip:!0}],tableColumn2:[{type:"index",width:60},{label:"基本信息",children:[{prop:"name",label:"Name"},{label:"其他信息",children:[{prop:"rate",label:"Rate"},{prop:"age",label:"Age"}]},{prop:"sex",label:"Sex"}]},{prop:"address",label:"Address",showOverflowTooltip:!0}],tableColumn3:[{type:"index",fixed:"left",width:60},{prop:"name",label:"Name",width:400},{prop:"age",label:"Age",width:300},{prop:"address",label:"Address",width:300,showOverflowTooltip:!0},{prop:"rate",label:"Rate",fixed:"right",width:200}],tableData:[]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,100);this.tableData=e},methods:{cellClickEvent:function(e){var t=e.row;console.log(t)},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},Ra=$a,ja=Object(d["a"])(Ra,La,Ia,!1,null,null,null),Na=ja.exports,za=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("海量数据")]),a("p",[e._v("大数据不建议使用双向绑定的 data 属性（vue 监听会大数据会短暂的卡顿），建议使用 reload 函数")]),a("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"100"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("高级配置项")]),a("p",[e._v("参数 scrollY: {gt: 500, oSize: 30, rSize: 120}，当超过 500 条时自动启用滚动渲染")]),a("p",[e._v("gt大于条数时启用，oSize低于剩余条数重新渲染r，Size渲染条数")]),a("p",[e._v("优点可以非常流畅支持海量数据；缺点是通过滚动条拖动时无法实时显示效果")]),a("vxe-table",{attrs:{border:"",height:"300",loading:e.loading,data:e.tableData2},on:{"update:data":function(t){e.tableData2=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"100"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:""}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":""}})],1),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},Pa=[],Va={data:function(){return{loading:!1,tableData:[],tableData2:[],demoCodes:['\n        <vxe-table\n          border\n          highlight-hover-row\n          height="300"\n          :data.sync="tableData">\n          <vxe-table-column type="index" width="100"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" sortable></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: [],\n              tableData2: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 200)\n            this.tableData2 = window.MOCK_DATA_LIST.slice(0, 1000)\n          }\n        }\n        ",'\n        <vxe-table\n          border\n          height="300"\n          :data.sync="tableData2">\n          <vxe-table-column type="index" width="100"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" sortable></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: [],\n              tableData2: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 200)\n            this.tableData2 = window.MOCK_DATA_LIST.slice(0, 1000)\n          }\n        }\n        "]}},created:function(){var e=this,t=window.MOCK_DATA_LIST.slice(0,200);this.tableData=t,this.loading=!0,setTimeout(function(){e.tableData2=window.MOCK_DATA_LIST.slice(0,1e4),e.loading=!1},200)},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},Ha=Va,Ba=Object(d["a"])(Ha,za,Pa,!1,null,null,null),Fa=Ba.exports,Ka=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("加载 1 万行，左右固定列")]),a("vxe-table",{ref:"xTable",attrs:{border:"",resizable:"",height:"600",loading:e.loading}},[a("vxe-table-column",{attrs:{type:"index",width:"100",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:"",width:"200"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age",width:"200"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"200"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200"}}),a("vxe-table-column",{attrs:{prop:"region",label:"Region",width:"200"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",width:"200"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",width:"300","show-overflow-tooltip":""}}),a("vxe-table-column",{attrs:{prop:"updateTime",label:"UpdateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"createTime",label:"CreateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr1",label:"Attr1",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr2",label:"Attr2",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr3",label:"Attr3",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr4",label:"Attr4",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr5",label:"Attr5",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr6",label:"Attr6",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr7",label:"Attr7",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr8",label:"Attr8",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr9",label:"Attr9",width:"200"}}),a("vxe-table-column",{attrs:{prop:"createTime",label:"CreateTime",width:"200",fixed:"right"}})],1)],1)},Wa=[],Xa={data:function(){return{loading:!1}},created:function(){var e=this;this.loading=!0,this.$nextTick(function(){e.$refs.xTable.reload([]),setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e4);e.$refs.xTable.reload(t),e.loading=!1},500)})}},Ga=Xa,Ua=Object(d["a"])(Ga,Ka,Wa,!1,null,null,null),qa=Ua.exports,Ya=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("加载 10 万行，左右固定列，表尾合计")]),a("p",[e._v("实际渲染速度受以下影响：固定列、底部合计、数据运算量、任何双向的数据或函数都会影响加载速度")]),a("vxe-table",{ref:"xTable",attrs:{border:"",resizable:"","show-footer":"",height:"600","footer-method":e.footerMethod,"footer-cell-class-name":e.footerCellClassName,loading:e.loading,optimized:{overflow:"tooltip"}}},[a("vxe-table-column",{attrs:{type:"index",width:"100",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name",sortable:"",width:"200"}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex",width:"200"}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200"}}),a("vxe-table-column",{attrs:{prop:"region",label:"Region",width:"200"}}),a("vxe-table-column",{attrs:{prop:"time",label:"Time",width:"200"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address",width:"300"}}),a("vxe-table-column",{attrs:{prop:"updateTime",label:"UpdateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"createTime",label:"CreateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr1",label:"Attr1",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr2",label:"Attr2",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr3",label:"Attr3",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr4",label:"Attr4",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr5",label:"Attr5",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr6",label:"Attr6",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr7",label:"Attr7",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr8",label:"Attr8",width:"200"}}),a("vxe-table-column",{attrs:{prop:"attr9",label:"Attr9",width:"200"}}),a("vxe-table-column",{attrs:{prop:"createTime",label:"CreateTime",width:"200"}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age",width:"200",fixed:"right"}})],1)],1)},Ja=[],Qa=a("e814"),Za=a.n(Qa),el={data:function(){return{loading:!1}},created:function(){var e=this;this.loading=!0,this.$nextTick(function(){e.$refs.xTable.reload([]),setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e5);e.$refs.xTable.reload(t),e.loading=!1},500)})},methods:{footerCellClassName:function(e){var t=e.rowIndex,a=(e.column,e.columnIndex);if(0===a)return 0===t?"col-blue":"col-red"},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":"age"===e.property?"".concat(Za()(It.a.mean(a,e.property))," 岁"):"rate"===e.property?"".concat(Za()(It.a.mean(a,e.property))," 分"):"-"}),t.map(function(e,t){return 0===t?"和值":"rate"===e.property?"总分 ".concat(It.a.sum(a,e.property)):"-"}),t.map(function(e,t){if(0===t)return"统计";if("sex"===e.property){var l=It.a.groupBy(a,e.property);return"男 ".concat(l[1]?l[1].length:0," 人，女 ").concat(l[0]?l[0].length:0," 人")}return"-"})]}}},tl=el,al=Object(d["a"])(tl,Ya,Ja,!1,null,null,null),ll=al.exports,nl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("加载 1 万行 1 万列")]),a("vxe-grid",{attrs:{border:"",resizable:"",height:"600",columns:e.tableColumn,loading:e.loading,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}})],1)},rl=[],ol={data:function(){return{loading:!1,tableColumn:[],tableData:[]}},created:function(){var e=this;this.loading=!0,this.tableData=[],setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e4);e.tableData=t,e.tableColumn=window.MOCK_COLUMN_LIST.slice(0,1e4),e.loading=!1},500)}},il=ol,sl=Object(d["a"])(il,nl,rl,!1,null,null,null),cl=sl.exports,dl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("加载 10 万行 1 万列，左右固定列，表尾合计")]),a("p",[e._v("实际渲染速度受以下影响：固定列、底部合计、数据运算量、任何双向的数据或函数都会影响加载速度")]),a("vxe-table",{ref:"xTable",attrs:{border:"",resizable:"","show-footer":"",height:"600","footer-method":e.footerMethod,"footer-cell-class-name":e.footerCellClassName,loading:e.loading}},[a("vxe-table-column",{attrs:{type:"index",width:"100",fixed:"left"}}),e._l(e.tableColumn,function(e,t){return a("vxe-table-column",{key:t,attrs:{prop:"name",label:"column_"+t,width:"200"}})}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200",fixed:"right"}})],2)],1)},ul=[],pl={data:function(){return{loading:!1,tableColumn:[]}},created:function(){var e=this;this.loading=!0,this.$nextTick(function(){e.$refs.xTable.reload([]),setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e5);e.tableColumn=window.MOCK_DATA_LIST.slice(0,1e4),e.$nextTick(function(){return e.$refs.xTable.reload(t)}),e.loading=!1},500)})},methods:{footerCellClassName:function(e){var t=e.rowIndex,a=(e.column,e.columnIndex);if(0===a)return 0===t?"col-blue":"col-red"},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":"age"===e.property?"".concat(Za()(It.a.mean(a,e.property))," 岁"):"rate"===e.property?"".concat(Za()(It.a.mean(a,e.property))," 分"):"-"}),t.map(function(e,t){return 0===t?"和值":"rate"===e.property?"总分 ".concat(It.a.sum(a,e.property)):"-"}),t.map(function(e,t){if(0===t)return"统计";if("sex"===e.property){var l=It.a.groupBy(a,e.property);return"男 ".concat(l[1]?l[1].length:0," 人，女 ").concat(l[0]?l[0].length:0," 人")}return"-"})]}}},bl=pl,ml=Object(d["a"])(bl,dl,ul,!1,null,null,null),vl=ml.exports,hl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config={trigger: 'manual', mode: 'row'} 启用行编辑的功能")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"manual",mode:"row"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":"","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{label:"操作"},scopedSlots:e._u([{key:"default",fn:function(t){var l=t.row;return[e.$refs.xTable.hasActiveRow(l)?[a("button",{staticClass:"btn"},[e._v("保存")]),a("button",{staticClass:"btn"},[e._v("取消")])]:[a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.setActiveRow(l)}}},[e._v("编辑")])]]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},fl=[],xl={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'manual\', mode: \'row\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column label="操作">\n            <template v-slot="{ row }">\n              <template v-if="$refs.xTable.hasActiveRow(row)">\n                <button class="btn">保存</button>\n                <button class="btn">取消</button>\n              </template>\n              <template v-else>\n                <button class="btn" @click="$refs.xTable.setActiveRow(row)">编辑</button>\n              </template>\n            </template>\n          </vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},gl=xl,wl=Object(d["a"])(gl,hl,fl,!1,null,null,null),yl=wl.exports,Cl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config={trigger: 'click', mode: 'cell'} 启用单元格点击编辑的功能")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("设置 edit-config={trigger: 'click', mode: 'row'} 启用行点击编辑的功能")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"row"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":"","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},_l=[],Tl={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        ",'\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'row\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},Sl=Tl,Dl=Object(d["a"])(Sl,Cl,_l,!1,null,null,null),kl=Dl.exports,El=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config={trigger: 'dblclick', mode: 'cell'} 启用单元格双击编辑的功能")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"dblclick",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("设置 edit-config={trigger: 'dblclick', mode: 'row'} 启用行双击编辑的功能")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"dblclick",mode:"row"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":"","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},Al=[],Ll={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'dblclick\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        ",'\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'dblclick\', mode: \'row\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},Il=Ll,Ol=Object(d["a"])(Il,El,Al,!1,null,null,null),Ml=Ol.exports,$l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("调用 insert、insertAt 函数插入数据")]),a("button",{staticClass:"btn",on:{click:function(t){e.$refs.xTable.insert({name:Date.now()})}}},[e._v("在第1行插入")]),a("button",{staticClass:"btn",on:{click:function(t){e.$refs.xTable.insertAt({name:Date.now()},e.tableData[2])}}},[e._v("在第3行插入")]),a("button",{staticClass:"btn",on:{click:function(t){e.$refs.xTable.insertAt({name:Date.now()},-1)}}},[e._v("在最后行插入")]),a("button",{staticClass:"btn",on:{click:e.getInsertEvent}},[e._v("获取新增")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Rl=[],jl={data:function(){return{tableData:[],demoCodes:['\n        <button class="btn" @click="$refs.xTable.insert({name: Date.now()})">在第1行插入</button>\n        <button class="btn" @click="$refs.xTable.insertAt({name: Date.now()}, tableData[2])">在第3行插入</button>\n        <button class="btn" @click="$refs.xTable.insertAt({name: Date.now()}, -1)">在最后行插入</button>\n        <button class="btn" @click="getInsertEvent">获取新增</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            getInsertEvent () {\n              let insertRecords = this.$refs.xTable.getInsertRecords()\n              alert(insertRecords.length)\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{getInsertEvent:function(){var e=this.$refs.xTable.getInsertRecords();alert(e.length)}}},Nl=jl,zl=Object(d["a"])(Nl,$l,Rl,!1,null,null,null),Pl=zl.exports,Vl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("调用 remove 删除指定行数据")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.remove(e.tableData[1])}}},[e._v("删除第2行")]),a("button",{staticClass:"btn",on:{click:e.getRemoveEvent}},[e._v("获取删除")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Hl=[],Bl={data:function(){return{tableData:[],demoCodes:['\n        <button class="btn" @click="$refs.xTable.remove(tableData[1])">删除第2行</button>\n        <button class="btn" @click="getRemoveEvent">获取删除</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            getRemoveEvent () {\n              let removeRecords = this.$refs.xTable.getRemoveRecords()\n              alert(removeRecords.length)\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{getRemoveEvent:function(){var e=this.$refs.xTable.getRemoveRecords();alert(e.length)}}},Fl=Bl,Kl=Object(d["a"])(Fl,Vl,Hl,!1,null,null,null),Wl=Kl.exports,Xl=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("调用 revert 还原数据")]),a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.revert()}}},[e._v("还原全部")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{label:"操作"},scopedSlots:e._u([{key:"default",fn:function(t){var l=t.row;return[a("button",{staticClass:"btn",on:{click:function(t){return e.$refs.xTable.revert(l)}}},[e._v("还原行")])]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Gl=[],Ul={data:function(){return{tableData:[],demoCodes:['\n        <button class="btn" @click="$refs.xTable.revert()">还原全部</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="age" label="Age" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column label="操作">\n            <template v-slot="{ row }">\n              <button class="btn" @click="$refs.xTable.revert(row)">还原行</button>\n            </template>\n          </vxe-table-column>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},ql=Ul,Yl=Object(d["a"])(ql,Xl,Gl,!1,null,null,null),Jl=Yl.exports,Ql=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config={trigger: 'click', mode: 'cell', showStatus: true} 开启编辑状态显示功能")]),a("button",{staticClass:"btn",on:{click:e.getInsertEvent}},[e._v("获取新增")]),a("button",{staticClass:"btn",on:{click:e.getRemoveEvent}},[e._v("获取删除")]),a("button",{staticClass:"btn",on:{click:e.getUpdateEvent}},[e._v("获取修改")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell",showStatus:!0}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Zl=[],en={data:function(){return{tableData:[],demoCodes:['\n        <button class="btn" @click="getInsertEvent">获取新增</button>\n        <button class="btn" @click="getRemoveEvent">获取删除</button>\n        <button class="btn" @click="getUpdateEvent">获取修改</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\', showStatus: true}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            getInsertEvent () {\n              let insertRecords = this.$refs.xTable.getInsertRecords()\n              alert(insertRecords.length)\n            },\n            getRemoveEvent () {\n              let removeRecords = this.$refs.xTable.getRemoveRecords()\n              alert(removeRecords.length)\n            },\n            getUpdateEvent () {\n              let updateRecords = this.$refs.xTable.getUpdateRecords()\n              alert(updateRecords.length)\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{getInsertEvent:function(){var e=this.$refs.xTable.getInsertRecords();alert(e.length)},getRemoveEvent:function(){var e=this.$refs.xTable.getRemoveRecords();alert(e.length)},getUpdateEvent:function(){var e=this.$refs.xTable.getUpdateRecords();alert(e.length)}}},tn=en,an=Object(d["a"])(tn,Ql,Zl,!1,null,null,null),ln=an.exports,nn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 edit-config 的 activeMethod 方法判断是否禁用")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell",activeMethod:e.activeMethod}},on:{"update:data":function(t){e.tableData=t},"edit-disabled":e.editDisabledEvent}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},rn=[],on={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\', activeMethod}"\n          @edit-disabled="editDisabledEvent">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            activeMethod ({ row, rowIndex }) {\n              return rowIndex !== 1\n            },\n            editDisabledEvent () {\n              alert('禁止编辑')\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{activeMethod:function(e){e.row;var t=e.rowIndex;return 1!==t},editDisabledEvent:function(){alert("禁止编辑")}}},sn=on,cn=Object(d["a"])(sn,nn,rn,!1,null,null,null),dn=cn.exports,un=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("设置 mouse-config={selected: true} 启用单元格选中功能")]),a("p",[e._v("设置 :keyboard-config={isArray: true, isTab: true} 启用按键功能，方向键、Tab 键、Esc 键、F2 键、Del、Back 键")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"mouse-config":{selected:!0},"keyboard-config":{isArray:!0,isTab:!0,isEdit:!0},"edit-config":{trigger:"dblclick",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date"}}),a("vxe-table-column",{attrs:{prop:"address",label:"Address","show-overflow-tooltip":"","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},pn=[],bn={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :mouse-config="{selected: true}"\n          :keyboard-config="{isArray: true, isTab: true, isEdit: true}"\n          :edit-config="{trigger: \'dblclick\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date"></vxe-table-column>\n          <vxe-table-column prop="address" label="Address" show-overflow-tooltip :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},mn=bn,vn=Object(d["a"])(mn,un,pn,!1,null,null,null),hn=vn.exports,fn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("通过调用 validate 函数校验数据，edit-rules 校验规则配置")]),a("button",{staticClass:"btn",on:{click:e.insertEvent}},[e._v("新增")]),a("button",{staticClass:"btn",on:{click:e.validEvent}},[e._v("校验")]),a("button",{staticClass:"btn",on:{click:e.getInsertEvent}},[e._v("获取新增")]),a("button",{staticClass:"btn",on:{click:e.getRemoveEvent}},[e._v("获取删除")]),a("button",{staticClass:"btn",on:{click:e.getUpdateEvent}},[e._v("获取修改")]),a("vxe-table",{ref:"xTable",attrs:{border:"",data:e.tableData,"edit-rules":e.validRules,"edit-config":{trigger:"click",mode:"cell",showStatus:!0}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60"}}),a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Sex","edit-render":{name:"input"}}}),a("vxe-table-column",{attrs:{prop:"date",label:"Date","edit-render":{name:"input"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},xn=[],gn={data:function(){return{tableData:[],validRules:{name:[{required:!0,message:"名称必须填写",trigger:"change"},{min:3,max:50,message:"名称长度在 3 到 50 个字符",trigger:"change"}]},demoCodes:['\n        <button class="btn" @click="insertEvent">新增</button>\n        <button class="btn" @click="validEvent">校验</button>\n        <button class="btn" @click="getInsertEvent">获取新增</button>\n        <button class="btn" @click="getRemoveEvent">获取删除</button>\n        <button class="btn" @click="getUpdateEvent">获取修改</button>\n        <vxe-table\n          ref="xTable"\n          border\n          :data.sync="tableData"\n          :edit-rules="validRules"\n          :edit-config="{trigger: \'click\', mode: \'cell\', showStatus: true}">\n          <vxe-table-column type="selection" width="60"></vxe-table-column>\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Sex" :edit-render="{name: \'input\'}"></vxe-table-column>\n          <vxe-table-column prop="date" label="Date" :edit-render="{name: \'input\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: [],\n              validRules: {\n                name: [\n                  { required: true, message: '名称必须填写', trigger: 'change' },\n                  { min: 3, max: 50, message: '名称长度在 3 到 50 个字符', trigger: 'change' }\n                ]\n              }\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          },\n          methods: {\n            validEvent () {\n              this.$refs.xTable.validate(valid => {\n                if (valid) {\n                }\n              })\n            },\n            insertEvent () {\n              this.$refs.xTable.insert()\n            },\n            getInsertEvent () {\n              let insertRecords = this.$refs.xTable.getInsertRecords()\n              alert(insertRecords.length)\n            },\n            getRemoveEvent () {\n              let removeRecords = this.$refs.xTable.getRemoveRecords()\n              alert(removeRecords.length)\n            },\n            getUpdateEvent () {\n              let updateRecords = this.$refs.xTable.getUpdateRecords()\n              alert(updateRecords.length)\n            }\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{validEvent:function(){this.$refs.xTable.validate(function(e){})},insertEvent:function(){this.$refs.xTable.insert()},getInsertEvent:function(){var e=this.$refs.xTable.getInsertRecords();alert(e.length)},getRemoveEvent:function(){var e=this.$refs.xTable.getRemoveRecords();alert(e.length)},getUpdateEvent:function(){var e=this.$refs.xTable.getUpdateRecords();alert(e.length)}}},wn=gn,yn=Object(d["a"])(wn,fn,xn,!1,null,null,null),Cn=yn.exports,_n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 edit slot 自定义渲染任意 Vue 组件")]),a("vxe-table",{attrs:{border:"",data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"index",width:"60"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Name","edit-render":{name:"input"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("input",{directives:[{name:"model",rawName:"v-model",value:l.name,expression:"row.name"}],staticClass:"custom-input",attrs:{type:"text"},domProps:{value:l.name},on:{input:function(t){t.target.composing||e.$set(l,"name",t.target.value)}}})]}}])}),a("vxe-table-column",{attrs:{prop:"age",label:"Age","edit-render":{autofocus:".custom-input"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("input",{directives:[{name:"model",rawName:"v-model",value:l.age,expression:"row.age"}],staticClass:"custom-input",attrs:{type:"number"},domProps:{value:l.age},on:{input:function(t){t.target.composing||e.$set(l,"age",t.target.value)}}})]}}])}),a("vxe-table-column",{attrs:{prop:"date3",label:"Date","edit-render":{name:"input"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("input",{directives:[{name:"model",rawName:"v-model",value:l.date3,expression:"row.date3"}],staticClass:"custom-input",attrs:{type:"date"},domProps:{value:l.date3},on:{input:function(t){t.target.composing||e.$set(l,"date3",t.target.value)}}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v("选中日期："+e._s(a.date3))]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Tn=[],Sn={data:function(){return{tableData:[],demoCodes:['\n        <vxe-table\n          border\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="index" width="60"></vxe-table-column>\n          <vxe-table-column prop="name" label="Name" :edit-render="{name: \'input\'}">\n            <template v-slot:edit="{ row }">\n              <input type="text" v-model="row.name" class="custom-input">\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="age" label="Age" :edit-render="{autofocus: \'.custom-input\'}">\n            <template v-slot:edit="{ row }">\n              <input type="number" v-model="row.age" class="custom-input">\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="date3" label="Date" :edit-render="{name: \'input\'}">\n            <template v-slot:edit="{ row }">\n              <input type="date" v-model="row.date3" class="custom-input">\n            </template>\n            <template v-slot="{ row }">选中日期：{{ row.date3 }}</template>\n          </vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 6)\n          }\n        }\n        "]}},created:function(){var e=window.MOCK_DATA_LIST.slice(0,6);this.tableData=e},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},Dn=Sn,kn=Object(d["a"])(Dn,_n,Tn,!1,null,null,null),En=kn.exports,An=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-excel 渲染 Excel 表格")]),a("p",[e._v("快捷键：方向键、Tab 键、Esc 键、F2 键、Del、Back 键、Ctrl 复制粘贴")]),a("vxe-excel",{attrs:{"max-height":"600",columns:e.columns,data:e.tableData},on:{"update:data":function(t){e.tableData=t}}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Ln=[],In=a("774e"),On=a.n(In),Mn={data:function(){var e=["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P"];return{columns:[{type:"index",width:50,fixed:"left",align:"center",headerAlign:"center"}].concat(e.map(function(e){return{prop:e.toLowerCase(),label:e,width:76,headerAlign:"center",editRender:{name:"cell"}}})),tableData:On()(new Array(20)).map(function(){var t={};return e.forEach(function(e){t[e.toLowerCase()]=""}),t}),demoCodes:['\n        <vxe-excel\n          max-height="600"\n          :data.sync="tableData">\n        </vxe-excel\n        ',"\n        export default {\n          data () {\n            return {\n              tableData: []\n            }\n          }\n        }\n        "]}},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})}},$n=Mn,Rn=Object(d["a"])($n,An,Ln,!1,null,null,null),jn=Rn.exports,Nn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("自定义渲染 element-ui 组件，使用插槽 edit slot")]),a("vxe-table",{staticClass:"vxe-table-element",attrs:{border:"","show-footer":"",height:"600",loading:e.loading,data:e.tableData,"footer-method":e.footerMethod,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"80",fixed:"left"},scopedSlots:e._u([{key:"header",fn:function(t){t.column;return[a("span",[e._v("序号")]),a("i",{staticClass:"el-icon-question"})]}}])}),a("vxe-table-column",{attrs:{prop:"name",label:"ElInput","min-width":"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-input",{model:{value:l.name,callback:function(t){e.$set(l,"name",t)},expression:"row.name"}})]}}])}),a("vxe-table-column",{attrs:{prop:"age",label:"ElInputNumber",width:"160","edit-render":{type:"default"}},scopedSlots:e._u([{key:"header",fn:function(t){var l=t.column;return[a("span",[e._v(e._s(l.label))]),a("i",{staticClass:"el-icon-warning"})]}},{key:"edit",fn:function(t){var l=t.row;return[a("el-input-number",{attrs:{max:35,min:18},model:{value:l.age,callback:function(t){e.$set(l,"age",t)},expression:"row.age"}})]}}])}),a("vxe-table-column",{attrs:{prop:"sex",label:"ElSelect",width:"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-select",{model:{value:l.sex,callback:function(t){e.$set(l,"sex",t)},expression:"row.sex"}},e._l(e.sexList,function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})}),1)]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.getSelectLabel(a.sex,e.sexList)))]}}])}),a("vxe-table-column",{attrs:{prop:"region",label:"ElCascader",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-cascader",{attrs:{options:e.regionList},model:{value:l.region,callback:function(t){e.$set(l,"region",t)},expression:"row.region"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.getCascaderLabel(a.region,e.regionList)))]}}])}),a("vxe-table-column",{attrs:{prop:"date",label:"ElDatePicker",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-date-picker",{attrs:{type:"date",format:"yyyy/MM/dd"},model:{value:l.date,callback:function(t){e.$set(l,"date",t)},expression:"row.date"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.formatDate(a.date,"yyyy/MM/dd")))]}}])}),a("vxe-table-column",{attrs:{prop:"date1",label:"ElDatePicker",width:"220","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-date-picker",{attrs:{type:"datetime",format:"yyyy-MM-dd HH:mm:ss"},model:{value:l.date1,callback:function(t){e.$set(l,"date1",t)},expression:"row.date1"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.formatDate(a.date1,"yyyy-MM-dd HH:mm:ss")))]}}])}),a("vxe-table-column",{attrs:{prop:"date2",label:"ElTimePicker",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-time-select",{attrs:{"picker-options":{start:"08:30",step:"00:15",end:"18:30"}},model:{value:l.date2,callback:function(t){e.$set(l,"date2",t)},expression:"row.date2"}})]}}])}),a("vxe-table-column",{attrs:{prop:"rate",label:"ElRate",width:"200","edit-render":{type:"visible"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-rate",{model:{value:l.rate,callback:function(t){e.$set(l,"rate",t)},expression:"row.rate"}})]}}])}),a("vxe-table-column",{attrs:{prop:"flag",label:"ElSwitch",width:"100",fixed:"right","edit-render":{type:"visible"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("el-switch",{model:{value:l.flag,callback:function(t){e.$set(l,"flag",t)},expression:"row.flag"}})]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},zn=[],Pn={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],demoCodes:['\n        <vxe-table\n          border\n          show-footer\n          class="vxe-table-element"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :footer-method="footerMethod"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="80" fixed="left">\n            <template v-slot:header="{ column }">\n              <span>序号</span>\n              <i class="el-icon-question"></i>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="name" label="ElInput" min-width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-input v-model="row.name"></el-input>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="age" label="ElInputNumber"  width="160" :edit-render="{type: \'default\'}">\n            <template v-slot:header="{ column }">\n              <span>{{ column.label }}</span>\n              <i class="el-icon-warning"></i>\n            </template>\n            <template v-slot:edit="{ row }">\n              <el-input-number v-model="row.age" :max="35" :min="18"></el-input-number>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="sex" label="ElSelect" width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-select v-model="row.sex">\n                <el-option v-for="item in sexList" :key="item.value" :label="item.label" :value="item.value"></el-option>\n              </el-select>\n            </template>\n            <template v-slot="{ row }">{{ getSelectLabel(row.sex, sexList) }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="region" label="ElCascader" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-cascader v-model="row.region" :options="regionList"></el-cascader>\n            </template>\n            <template v-slot="{ row }">{{ getCascaderLabel(row.region, regionList) }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date" label="ElDatePicker" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-date-picker v-model="row.date" type="date" format="yyyy/MM/dd"></el-date-picker>\n            </template>\n            <template v-slot="{ row }">{{ formatDate(row.date, \'yyyy/MM/dd\') }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date1" label="ElDatePicker" width="220" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-date-picker v-model="row.date1" type="datetime" format="yyyy-MM-dd HH:mm:ss"></el-date-picker>\n            </template>\n            <template v-slot="{ row }">{{ formatDate(row.date1, \'yyyy-MM-dd HH:mm:ss\') }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date2" label="ElTimePicker" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <el-time-select v-model="row.date2" :picker-options="{start: \'08:30\', step: \'00:15\', end: \'18:30\'}">\n            </el-time-select>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="rate" label="ElRate" width="200" :edit-render="{type: \'visible\'}">\n            <template v-slot:edit="{ row }">\n              <el-rate v-model="row.rate"></el-rate>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="flag" label="ElSwitch" width="100" fixed="right" :edit-render="{type: \'visible\'}">\n            <template v-slot:edit="{ row }">\n              <el-switch v-model="row.flag"></el-switch>\n            </template>\n          </vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          }\n        }\n        "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,100);e.tableData=t,e.loading=!1},500),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},formatDate:function(e,t){return It.a.toDateString(e,t)},getSelectLabel:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"value",l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"label",n=It.a.find(t,function(t){return t[a]===e});return n?n[l]:null},getCascaderLabel:function(e,t){var a=e||[],l=[],n=function e(t,n){var r=a[t];n&&a.length>t&&n.forEach(function(a){a.value===r&&(l.push(a.label),e(++t,a.children))})};return n(0,t),l.join(" / ")},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":["age","rate"].includes(e.property)?It.a.mean(a,e.property):"-"}),t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},Vn=Pn,Hn=(a("1762"),Object(d["a"])(Vn,Nn,zn,!1,null,null,null)),Bn=Hn.exports,Fn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-table-plugin-element 配置式的插件，并加上 class=vxe-table-element 或者自行实现样式调整")]),a("pre",[e._v("    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("配置如下")]),a("vxe-table",{staticClass:"vxe-table-element",attrs:{border:"",height:"600",loading:e.loading,data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"ElInput","min-width":"140","edit-render":{name:"ElInput",events:{change:e.nameChangeEvent}}}}),a("vxe-table-column",{attrs:{prop:"age",label:"ElInputNumber",width:"160","edit-render":{name:"ElInputNumber",props:{max:35,min:18}}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"ElSelect",width:"140","edit-render":{name:"ElSelect",options:e.sexList}}}),a("vxe-table-column",{attrs:{prop:"sex1",label:"ElSelect",width:"140","edit-render":{name:"ElSelect",options:e.sexList,props:{multiple:!0,clearable:!0}}}}),a("vxe-table-column",{attrs:{prop:"sex2",label:"ElSelect",width:"140","edit-render":{name:"ElSelect",optionGroups:e.sexGroupList,props:{clearable:!0}}}}),a("vxe-table-column",{attrs:{prop:"region",label:"ElCascader",width:"200","edit-render":{name:"ElCascader",props:{options:e.regionList},events:{change:e.regionChangeEvent}}}}),a("vxe-table-column",{attrs:{prop:"date",label:"ElDatePicker",width:"200","edit-render":{name:"ElDatePicker",props:{type:"date",format:"yyyy/MM/dd"}}}}),a("vxe-table-column",{attrs:{prop:"date1",label:"DateTimePicker",width:"220","edit-render":{name:"ElDatePicker",props:{type:"datetime",format:"yyyy-MM-dd HH:mm:ss"}}}}),a("vxe-table-column",{attrs:{prop:"date2",label:"ElTimeSelect",width:"200","edit-render":{name:"ElTimeSelect",props:{pickerOptions:{start:"08:30",step:"00:15",end:"18:30"}}}}}),a("vxe-table-column",{attrs:{prop:"rate",label:"ElRate",width:"200","edit-render":{name:"ElRate",type:"visible"}}}),a("vxe-table-column",{attrs:{prop:"flag",label:"ElSwitch",width:"100",fixed:"right","edit-render":{name:"ElSwitch",type:"visible"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},Kn=[],Wn={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],sexGroupList:[{label:"分组1",options:[{label:"男",value:"1"}]},{label:"分组2",options:[{label:"女",value:"0"}]}],demoCodes:["\n        npm install vxe-table-plugin-element\n        ","\n        import Vue from 'vue'\n        import VXETable from 'vxe-table'\n        import VXETablePluginElement from 'vxe-table-plugin-element'\n        import 'vxe-table-plugin-element/dist/style.css'\n\n        Vue.use(VXETable, VXETablePluginElement)\n        ",'\n        <vxe-table\n          border\n          class="vxe-table-element"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column prop="name" label="ElInput" min-width="140" :edit-render="{name: \'ElInput\', events: {change: nameChangeEvent}}"></vxe-table-column>\n          <vxe-table-column prop="age" label="ElInputNumber" width="160" :edit-render="{name: \'ElInputNumber\', props: {max: 35, min: 18}}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="ElSelect" width="140" :edit-render="{name: \'ElSelect\', options: sexList}"></vxe-table-column>\n          <vxe-table-column prop="sex1" label="ElSelect" width="140" :edit-render="{name: \'ElSelect\', options: sexList, props: {multiple: true, clearable: true}}"></vxe-table-column>\n          <vxe-table-column prop="sex2" label="ElSelect" width="140" :edit-render="{name: \'ElSelect\', optionGroups: sexGroupList, props: {clearable: true}}"></vxe-table-column>\n          <vxe-table-column prop="region" label="ElCascader" width="200" :edit-render="{name: \'ElCascader\', props: {options: regionList}, events: {change: regionChangeEvent}}"></vxe-table-column>\n          <vxe-table-column prop="date" label="ElDatePicker" width="200" :edit-render="{name: \'ElDatePicker\', props: {type: \'date\', format: \'yyyy/MM/dd\'}}"></vxe-table-column>\n          <vxe-table-column prop="date1" label="DateTimePicker" width="220" :edit-render="{name: \'ElDatePicker\', props: {type: \'datetime\', format: \'yyyy-MM-dd HH:mm:ss\'}}"></vxe-table-column>\n          <vxe-table-column prop="date2" label="ElTimeSelect" width="200" :edit-render="{name: \'ElTimeSelect\', props: {pickerOptions: {start: \'08:30\', step: \'00:15\', end: \'18:30\'}}}"></vxe-table-column>\n          <vxe-table-column prop="rate" label="ElRate" width="200" :edit-render="{name: \'ElRate\', type: \'visible\'}"></vxe-table-column>\n          <vxe-table-column prop="flag" label="ElSwitch" width="100" fixed="right" :edit-render="{name: \'ElSwitch\', type: \'visible\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: [],\n              sexGroupList: [\n                {\n                  label: '分组1',\n                  options: [\n                    {\n                      label: '男',\n                      value: '1'\n                    }\n                  ]\n                },\n                {\n                  label: '分组2',\n                  options: [\n                    {\n                      label: '女',\n                      value: '0'\n                    }\n                  ]\n                }\n              ]\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          },\n          methods: {\n            nameChangeEvent ({ row }, value) {\n              console.log(value)\n            },\n            regionChangeEvent ({ row }, value) {\n              console.log(value)\n            }\n          }\n        }\n        "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,100);e.tableData=t,e.loading=!1},500),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},nameChangeEvent:function(e,t){e.row;console.log(t)},regionChangeEvent:function(e,t){e.row;console.log(t)}}},Xn=Wn,Gn=Object(d["a"])(Xn,Fn,Kn,!1,null,null,null),Un=Gn.exports,qn=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("element-ui 使用分页")]),a("el-form",{ref:"tableform",attrs:{model:e.formData,inline:""}},[a("el-form-item",{attrs:{label:"名字",prop:"name"}},[a("el-input",{attrs:{placeholder:"名字"},model:{value:e.formData.name,callback:function(t){e.$set(e.formData,"name",t)},expression:"formData.name"}})],1),a("el-form-item",{attrs:{label:"性别",prop:"sex"}},[a("el-select",{attrs:{placeholder:"性别"},model:{value:e.formData.sex,callback:function(t){e.$set(e.formData,"sex",t)},expression:"formData.sex"}},e._l(e.sexList,function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})}),1)],1),a("el-form-item",[a("el-button",{attrs:{type:"primary"},on:{click:e.searchEvent}},[e._v("查询")]),a("el-button",{on:{click:function(t){return e.$refs.tableform.resetFields()}}},[e._v("重置")])],1)],1),a("vxe-table",{staticClass:"vxe-table-element",attrs:{border:"",height:"550",loading:e.loading,data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"ElInput","min-width":"140","edit-render":{name:"ElInput"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"ElInputNumber",width:"160","edit-render":{name:"ElInputNumber",props:{max:35,min:18}}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"ElSelect",width:"140","edit-render":{name:"ElSelect",options:e.sexList}}}),a("vxe-table-column",{attrs:{prop:"region",label:"ElCascader",width:"200","edit-render":{name:"ElCascader",props:{options:e.regionList}}}}),a("vxe-table-column",{attrs:{prop:"date",label:"ElDatePicker",width:"200","edit-render":{name:"ElDatePicker",props:{type:"date",format:"yyyy/MM/dd"}}}}),a("vxe-table-column",{attrs:{prop:"date1",label:"DateTimePicker",width:"220","edit-render":{name:"ElDatePicker",props:{type:"datetime",format:"yyyy-MM-dd HH:mm:ss"}}}}),a("vxe-table-column",{attrs:{prop:"date2",label:"ElTimeSelect",width:"200","edit-render":{name:"ElTimeSelect",props:{pickerOptions:{start:"08:30",step:"00:15",end:"18:30"}}}}}),a("vxe-table-column",{attrs:{prop:"rate",label:"ElRate",width:"200","edit-render":{name:"ElRate",type:"visible"}}}),a("vxe-table-column",{attrs:{prop:"flag",label:"ElSwitch",width:"100",fixed:"right","edit-render":{name:"ElSwitch",type:"visible"}}})],1),a("el-pagination",{attrs:{"current-page":e.pageVO.currentPage,"page-sizes":[5,10,15,20,50,100,150,200],"page-size":e.pageVO.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:e.pageVO.totalResult},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},Yn=[],Jn={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],pageVO:{currentPage:1,pageSize:10,totalResult:0},formData:{name:null,sex:null},demoCodes:['\n          <el-form ref="tableform" class="click-table2-form" size="mini" :inline="true" :model="formData">\n            <el-form-item label="名字" prop="name">\n              <el-input v-model="formData.name" placeholder="名字"></el-input>\n            </el-form-item>\n            <el-form-item label="角色" prop="role">\n              <el-input v-model="formData.role" placeholder="请输入角色"></el-input>\n            </el-form-item>\n            <el-form-item>\n              <el-button type="primary" @click="searchEvent">查询</el-button>\n              <el-button @click="$refs.tableform.resetFields()">重置</el-button>\n            </el-form-item>\n          </el-form>\n\n          <vxe-table\n            border\n            class="vxe-table-element"\n            height="600"\n            :loading="loading"\n            :data.sync="tableData"\n            :edit-config="{trigger: \'click\', mode: \'cell\'}">\n            <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n            <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n            <vxe-table-column prop="name" label="ElInput" min-width="140" :edit-render="{name: \'ElInput\'}"></vxe-table-column>\n            <vxe-table-column prop="age" label="ElInputNumber" width="160" :edit-render="{name: \'ElInputNumber\', props: {max: 35, min: 18}}"></vxe-table-column>\n            <vxe-table-column prop="sex" label="ElSelect" width="140" :edit-render="{name: \'ElSelect\', options: sexList}"></vxe-table-column>\n            <vxe-table-column prop="region" label="ElCascader" width="200" :edit-render="{name: \'ElCascader\', props: {options: regionList}}"></vxe-table-column>\n            <vxe-table-column prop="date" label="ElDatePicker" width="200" :edit-render="{name: \'ElDatePicker\', props: {type: \'date\', format: \'yyyy/MM/dd\'}}"></vxe-table-column>\n            <vxe-table-column prop="date1" label="DateTimePicker" width="220" :edit-render="{name: \'ElDatePicker\', props: {type: \'datetime\', format: \'yyyy-MM-dd HH:mm:ss\'}}"></vxe-table-column>\n            <vxe-table-column prop="date2" label="ElTimeSelect" width="200" :edit-render="{name: \'ElTimeSelect\', props: {pickerOptions: {start: \'08:30\', step: \'00:15\', end: \'18:30\'}}}"></vxe-table-column>\n            <vxe-table-column prop="rate" label="ElRate" width="200" :edit-render="{name: \'ElRate\', type: \'visible\'}"></vxe-table-column>\n            <vxe-table-column prop="flag" label="ElSwitch" width="100" fixed="right" :edit-render="{name: \'ElSwitch\', type: \'visible\'}"></vxe-table-column>\n          </vxe-table>\n\n          <el-pagination\n            @size-change="handleSizeChange"\n            @current-change="handleCurrentChange"\n            :current-page="pageVO.currentPage"\n            :page-sizes="[5, 10, 15, 20, 50, 100, 150, 200]"\n            :page-size="pageVO.pageSize"\n            layout="total, sizes, prev, pager, next, jumper"\n            :total="pageVO.totalResult">\n          </el-pagination>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: [],\n              pageVO: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 0\n              },\n              formData: {\n                name: null,\n                sex: null\n              }\n            }\n          },\n          created () {\n            this.findList()\n            this.findSexList()\n            this.findRegionList()\n          },\n          methods: {\n            findList () {\n              // 模拟后台数据\n              this.loading = true\n              XEAjax.doGet(`/api/user/page/list/${this.pageVO.pageSize}/${this.pageVO.currentPage}`, this.formData).then(response => {\n                let { page, result } = response.data\n                this.tableData = result\n                this.pageVO.totalResult = page.totalResult\n                this.loading = false\n              }).catch(e => {\n                this.loading = false\n              })\n            },\n            findSexList () {\n              return XEAjax.doGet('/api/conf/sex/list').then(({ data }) => {\n                this.sexList = data\n                return data\n              })\n            },\n            findRegionList () {\n              return XEAjax.doGet('/api/conf/region/list').then(({ data }) => {\n                this.regionList = data\n                return data\n              })\n            },\n            searchEvent () {\n              this.pageVO.currentPage = 1\n              this.findList()\n            },\n            handleSizeChange (pageSize) {\n              this.pageVO.pageSize = pageSize\n              this.searchEvent()\n            },\n            handleCurrentChange (currentPage) {\n              this.pageVO.currentPage = currentPage\n              this.findList()\n            }\n          }\n        }\n        "]}},created:function(){this.findList(),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findList:function(){var e=this;this.loading=!0,this.pendingRemoveList=[],Ma.a.doGet("/api/user/page/list/".concat(this.pageVO.pageSize,"/").concat(this.pageVO.currentPage),this.formData).then(function(t){var a=t.data,l=a.page,n=a.result;e.tableData=n,e.pageVO.totalResult=l.totalResult,e.loading=!1}).catch(function(t){e.loading=!1})},findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},searchEvent:function(){this.pageVO.currentPage=1,this.findList()},handleSizeChange:function(e){this.pageVO.pageSize=e,this.searchEvent()},handleCurrentChange:function(e){this.pageVO.currentPage=e,this.findList()}}},Qn=Jn,Zn=Object(d["a"])(Qn,qn,Yn,!1,null,null,null),er=Zn.exports,tr=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("自定义渲染 iview 组件，使用插槽 edit slot")]),a("vxe-table",{staticClass:"vxe-table-iview",attrs:{border:"","show-footer":"",height:"600",loading:e.loading,data:e.tableData,"footer-method":e.footerMethod,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"80",fixed:"left"},scopedSlots:e._u([{key:"header",fn:function(t){t.column;return[a("span",[e._v("序号")]),a("Icon",{attrs:{type:"md-help-circle"}})]}}])}),a("vxe-table-column",{attrs:{prop:"name",label:"Input","min-width":"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("Input",{model:{value:l.name,callback:function(t){e.$set(l,"name",t)},expression:"row.name"}})]}}])}),a("vxe-table-column",{attrs:{prop:"age",label:"InputNumber",width:"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"header",fn:function(t){var l=t.column;return[a("span",[e._v(e._s(l.label))]),a("Icon",{attrs:{type:"md-alert"}})]}},{key:"edit",fn:function(t){var l=t.row;return[a("InputNumber",{attrs:{max:35,min:18},model:{value:l.age,callback:function(t){e.$set(l,"age",t)},expression:"row.age"}})]}}])}),a("vxe-table-column",{attrs:{prop:"sex",label:"Select",width:"140","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("Select",{model:{value:l.sex,callback:function(t){e.$set(l,"sex",t)},expression:"row.sex"}},e._l(e.sexList,function(t){return a("Option",{key:t.value,attrs:{value:t.value}},[e._v(e._s(t.label))])}),1)]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.getSelectLabel(a.sex,e.sexList)))]}}])}),a("vxe-table-column",{attrs:{prop:"region",label:"Cascader",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("Cascader",{attrs:{data:e.regionList},model:{value:l.region,callback:function(t){e.$set(l,"region",t)},expression:"row.region"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.getCascaderLabel(a.region,e.regionList)))]}}])}),a("vxe-table-column",{attrs:{prop:"date",label:"DatePicker",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("DatePicker",{attrs:{type:"date",format:"yyyy/MM/dd"},model:{value:l.date,callback:function(t){e.$set(l,"date",t)},expression:"row.date"}})]}},{key:"default",fn:function(t){var a=t.row;return[e._v(e._s(e.formatDate(a.date,"yyyy/MM/dd")))]}}])}),a("vxe-table-column",{attrs:{prop:"date2",label:"TimePicker",width:"200","edit-render":{type:"default"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("TimePicker",{attrs:{type:"time"},model:{value:l.date2,callback:function(t){e.$set(l,"date2",t)},expression:"row.date2"}})]}}])}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200","edit-render":{type:"visible"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("Rate",{model:{value:l.rate,callback:function(t){e.$set(l,"rate",t)},expression:"row.rate"}})]}}])}),a("vxe-table-column",{attrs:{prop:"flag",label:"iSwitch",width:"100",fixed:"right","edit-render":{type:"visible"}},scopedSlots:e._u([{key:"edit",fn:function(t){var l=t.row;return[a("iSwitch",{model:{value:l.flag,callback:function(t){e.$set(l,"flag",t)},expression:"row.flag"}})]}}])})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},ar=[],lr={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],demoCodes:['\n        <vxe-table\n          border\n          show-footer\n          class="vxe-table-iview"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :footer-method="footerMethod"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column prop="name" label="Input"  min-width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <Input v-model="row.name"/>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="age" label="InputNumber" width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <InputNumber v-model="row.age" :max="35" :min="18"></InputNumber>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="sex" label="Select" width="140" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <Select v-model="row.sex">\n                <Option v-for="item in sexList" :value="item.value" :key="item.value">{{ item.label }}</Option>\n              </Select>\n            </template>\n            <template v-slot="{ row }">{{ getSelectLabel(row.sex, sexList) }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="region" label="Cascader" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <Cascader v-model="row.region" :data="regionList"></Cascader>\n            </template>\n            <template v-slot="{ row }">{{ getCascaderLabel(row.region, regionList) }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date" label="DatePicker" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <DatePicker v-model="row.date" type="date" format="yyyy/MM/dd"></DatePicker>\n            </template>\n            <template v-slot="{ row }">{{ formatDate(row.date, \'yyyy/MM/dd\') }}</template>\n          </vxe-table-column>\n          <vxe-table-column prop="date2" label="TimePicker" width="200" :edit-render="{type: \'default\'}">\n            <template v-slot:edit="{ row }">\n              <TimePicker v-model="row.date2" type="time"></TimePicker>\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="rate" label="Rate" width="200" :edit-render="{type: \'visible\'}">\n            <template v-slot:edit="{ row }">\n              <Rate v-model="row.rate" />\n            </template>\n          </vxe-table-column>\n          <vxe-table-column prop="flag" label="iSwitch" width="100" fixed="right" :edit-render="{type: \'visible\'}">\n            <template v-slot:edit="{ row }">\n              <iSwitch v-model="row.flag"/>\n            </template>\n          </vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: []\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          }\n        }\n        "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,100);e.tableData=t,e.loading=!1},500),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},formatDate:function(e,t){return It.a.toDateString(e,t)},getSelectLabel:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"value",l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"label",n=It.a.find(t,function(t){return t[a]===e});return n?n[l]:null},getCascaderLabel:function(e,t){var a=e||[],l=[],n=function e(t,n){var r=a[t];n&&a.length>t&&n.forEach(function(a){a.value===r&&(l.push(a.label),e(++t,a.children))})};return n(0,t),l.join(" / ")},footerMethod:function(e){var t=e.columns,a=e.data;return[t.map(function(e,t){return 0===t?"平均":["age","rate"].includes(e.property)?It.a.mean(a,e.property):"-"}),t.map(function(e,t){return 0===t?"和值":["age","rate"].includes(e.property)?It.a.sum(a,e.property):"-"})]}}},nr=lr,rr=(a("166b"),Object(d["a"])(nr,tr,ar,!1,null,null,null)),or=rr.exports,ir=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("使用 vxe-table-plugin-iview 配置式的插件，并加上 class=vxe-table-iview 或者自行实现样式调整")]),a("pre",[e._v("    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")]),a("p",[e._v("配置如下")]),a("vxe-table",{staticClass:"vxe-table-iview",attrs:{border:"",height:"600",loading:e.loading,data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Input","min-width":"140","edit-render":{name:"Input",events:{"on-change":e.nameChangeEvent}}}}),a("vxe-table-column",{attrs:{prop:"age",label:"InputNumber",width:"140","edit-render":{name:"InputNumber",props:{max:35,min:18}}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Select",width:"140","edit-render":{name:"Select",options:e.sexList}}}),a("vxe-table-column",{attrs:{prop:"sex1",label:"Select",width:"140","edit-render":{name:"Select",options:e.sexList,props:{multiple:!0,clearable:!0}}}}),a("vxe-table-column",{attrs:{prop:"sex2",label:"Select",width:"140","edit-render":{name:"Select",options:e.sexList,optionGroups:e.sexGroupList,props:{clearable:!0}}}}),a("vxe-table-column",{attrs:{prop:"region",label:"Cascader",width:"200","edit-render":{name:"Cascader",props:{data:e.regionList},events:{"on-change":e.regionChangeEvent}}}}),a("vxe-table-column",{attrs:{prop:"date",label:"DatePicker",width:"200","edit-render":{name:"DatePicker",props:{type:"date",format:"yyyy/MM/dd"}}}}),a("vxe-table-column",{attrs:{prop:"date2",label:"TimePicker",width:"200","edit-render":{name:"TimePicker",props:{type:"time"}}}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200","edit-render":{name:"Rate",type:"visible"}}}),a("vxe-table-column",{attrs:{prop:"flag",label:"iSwitch",width:"100",fixed:"right","edit-render":{name:"iSwitch",type:"visible"}}})],1),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n  ")])],1)},sr=[],cr={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],sexGroupList:[{label:"分组1",options:[{label:"男",value:"1"}]},{label:"分组2",options:[{label:"女",value:"0"}]}],demoCodes:["\n        npm install vxe-table-plugin-element\n        ","\n        import Vue from 'vue'\n        import VXETable from 'vxe-table'\n        import VXETablePluginIView from 'vxe-table-plugin-iview'\n        import 'vxe-table-plugin-iview/dist/style.css'\n\n        Vue.use(VXETable, VXETablePluginIView)\n        ",'\n        <vxe-table\n          border\n          class="vxe-table-iview"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column prop="name" label="Input" min-width="140" :edit-render="{name: \'Input\', events: {\'on-change\': nameChangeEvent}}"></vxe-table-column>\n          <vxe-table-column prop="age" label="InputNumber" width="140" :edit-render="{name: \'InputNumber\', props: {max: 35, min: 18}}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Select" width="140" :edit-render="{name: \'Select\', options: sexList}"></vxe-table-column>\n          <vxe-table-column prop="sex1" label="Select" width="140" :edit-render="{name: \'Select\', options: sexList, props: {multiple: true, clearable: true}}"></vxe-table-column>\n          <vxe-table-column prop="sex2" label="Select" width="140" :edit-render="{name: \'Select\', options: sexList, optionGroups: sexGroupList, props: {clearable: true}}"></vxe-table-column>\n          <vxe-table-column prop="region" label="Cascader" width="200" :edit-render="{name: \'Cascader\', props: {data: regionList}, events: {\'on-change\': regionChangeEvent}}"> </vxe-table-column>\n          <vxe-table-column prop="date" label="DatePicker" width="200" :edit-render="{name: \'DatePicker\', props: {type: \'date\', format: \'yyyy/MM/dd\'}}"></vxe-table-column>\n          <vxe-table-column prop="date2" label="TimePicker" width="200" :edit-render="{name: \'TimePicker\', props: {type: \'time\'}}"></vxe-table-column>\n          <vxe-table-column prop="rate" label="Rate" width="200" :edit-render="{name: \'Rate\', type: \'visible\'}"></vxe-table-column>\n          <vxe-table-column prop="flag" label="iSwitch" width="100" fixed="right" :edit-render="{name: \'iSwitch\', type: \'visible\'}"></vxe-table-column>\n        </vxe-table>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: [],\n              sexGroupList: [\n                {\n                  label: '分组1',\n                  options: [\n                    {\n                      label: '男',\n                      value: '1'\n                    }\n                  ]\n                },\n                {\n                  label: '分组2',\n                  options: [\n                    {\n                      label: '女',\n                      value: '0'\n                    }\n                  ]\n                }\n              ]\n            }\n          },\n          created () {\n            this.tableData = window.MOCK_DATA_LIST.slice(0, 100)\n          },\n          methods: {\n            nameChangeEvent ({ row }, event) {\n              console.log(event)\n            },\n            regionChangeEvent ({ row }, value, selectedData) {\n              console.log(value)\n            }\n          }\n        }\n        "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,100);e.tableData=t,e.loading=!1},500),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},nameChangeEvent:function(e,t){e.row;console.log(t)},regionChangeEvent:function(e,t,a){e.row;console.log(t)}}},dr=cr,ur=Object(d["a"])(dr,ir,sr,!1,null,null,null),pr=ur.exports,br=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("p",[e._v("iview 使用首页")]),a("Form",{ref:"tableform",attrs:{model:e.formData,inline:""}},[a("FormItem",{attrs:{prop:"name"}},[a("Input",{attrs:{type:"text",placeholder:"Username"},model:{value:e.formData.name,callback:function(t){e.$set(e.formData,"name",t)},expression:"formData.name"}})],1),a("FormItem",{attrs:{prop:"password"}},[a("Select",{attrs:{placeholder:"性别"},model:{value:e.formData.sex,callback:function(t){e.$set(e.formData,"sex",t)},expression:"formData.sex"}},e._l(e.sexList,function(e){return a("Option",{key:e.value,attrs:{label:e.label,value:e.value}})}),1)],1),a("FormItem",[a("Button",{attrs:{type:"primary"},on:{click:e.searchEvent}},[e._v("查询")]),a("Button",{on:{click:function(t){return e.$refs.tableform.resetFields()}}},[e._v("重置")])],1)],1),a("vxe-table",{staticClass:"vxe-table-iview",attrs:{border:"",height:"600",loading:e.loading,data:e.tableData,"edit-config":{trigger:"click",mode:"cell"}},on:{"update:data":function(t){e.tableData=t}}},[a("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{type:"index",width:"60",fixed:"left"}}),a("vxe-table-column",{attrs:{prop:"name",label:"Input","min-width":"140","edit-render":{name:"Input"}}}),a("vxe-table-column",{attrs:{prop:"age",label:"InputNumber",width:"140","edit-render":{name:"InputNumber",props:{max:35,min:18}}}}),a("vxe-table-column",{attrs:{prop:"sex",label:"Select",width:"140","edit-render":{name:"Select",options:e.sexList}}}),a("vxe-table-column",{attrs:{prop:"region",label:"Cascader",width:"200","edit-render":{name:"Cascader",props:{data:e.regionList}}}}),a("vxe-table-column",{attrs:{prop:"date",label:"DatePicker",width:"200","edit-render":{name:"DatePicker",props:{type:"date",format:"yyyy/MM/dd"}}}}),a("vxe-table-column",{attrs:{prop:"date2",label:"TimePicker",width:"200","edit-render":{name:"TimePicker",props:{type:"time"}}}}),a("vxe-table-column",{attrs:{prop:"rate",label:"Rate",width:"200","edit-render":{name:"Rate",type:"visible"}}}),a("vxe-table-column",{attrs:{prop:"flag",label:"iSwitch",width:"100",fixed:"right","edit-render":{name:"iSwitch",type:"visible"}}})],1),a("Page",{attrs:{"show-sizer":"","show-total":"","show-elevator":"","prev-text":"Previous","next-text":"Next",total:e.pageVO.totalResult,current:e.pageVO.currentPage},on:{"update:current":function(t){return e.$set(e.pageVO,"currentPage",t)},"on-page-size-change":e.handleSizeChange,"on-change":e.handleCurrentChange}}),a("p",[e._v("调用代码")]),a("pre",[e._v("    "),a("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n    "),a("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n  ")])],1)},mr=[],vr={data:function(){return{loading:!1,tableData:[],sexList:[],regionList:[],pageVO:{currentPage:1,pageSize:10,totalResult:0},formData:{name:null,sex:null},demoCodes:['\n        <Form ref="tableform" :model="formData" inline>\n          <FormItem prop="name">\n            <Input type="text" v-model="formData.name" placeholder="Username"/>\n          </FormItem>\n          <FormItem prop="password">\n            <Select v-model="formData.sex" placeholder="性别">\n              <Option v-for="item in sexList" :key="item.value" :label="item.label" :value="item.value"></Option>\n            </Select>\n          </FormItem>\n          <FormItem>\n            <Button type="primary" @click="searchEvent">查询</Button>\n            <Button @click="$refs.tableform.resetFields()">重置</Button>\n          </FormItem>\n        </Form>\n\n        <vxe-table\n          border\n          class="vxe-table-iview"\n          height="600"\n          :loading="loading"\n          :data.sync="tableData"\n          :edit-config="{trigger: \'click\', mode: \'cell\'}">\n          <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column type="index" width="60" fixed="left"></vxe-table-column>\n          <vxe-table-column prop="name" label="Input" min-width="140" :edit-render="{name: \'Input\'}"></vxe-table-column>\n          <vxe-table-column prop="age" label="InputNumber" width="140" :edit-render="{name: \'InputNumber\', props: {max: 35, min: 18}}"></vxe-table-column>\n          <vxe-table-column prop="sex" label="Select" width="140" :edit-render="{name: \'Select\', options: sexList}"></vxe-table-column>\n          <vxe-table-column prop="region" label="Cascader" width="200" :edit-render="{name: \'Cascader\', props: {data: regionList}}"> </vxe-table-column>\n          <vxe-table-column prop="date" label="DatePicker" width="200" :edit-render="{name: \'DatePicker\', props: {type: \'date\', format: \'yyyy/MM/dd\'}}"></vxe-table-column>\n          <vxe-table-column prop="date2" label="TimePicker" width="200" :edit-render="{name: \'TimePicker\', props: {type: \'time\'}}"></vxe-table-column>\n          <vxe-table-column prop="rate" label="Rate" width="200" :edit-render="{name: \'Rate\', type: \'visible\'}"></vxe-table-column>\n          <vxe-table-column prop="flag" label="iSwitch" width="100" fixed="right" :edit-render="{name: \'iSwitch\', type: \'visible\'}"></vxe-table-column>\n        </vxe-table>\n\n        <Page\n          show-sizer\n          show-total\n          show-elevator\n          prev-text="Previous"\n          next-text="Next"\n          :total="pageVO.totalResult"\n          :current.sync="pageVO.currentPage"\n          @on-page-size-change="handleSizeChange"\n          @on-change="handleCurrentChange"/>\n        ',"\n        export default {\n          data () {\n            return {\n              loading: false,\n              tableData: [],\n              sexList: [],\n              regionList: [],\n              pageVO: {\n                currentPage: 1,\n                pageSize: 10,\n                totalResult: 0\n              },\n              formData: {\n                name: null,\n                sex: null\n              }\n            }\n          },\n          created () {\n            this.findList()\n            this.findSexList()\n            this.findRegionList()\n          },\n          methods: {\n            findList () {\n              // 模拟后台数据\n              this.loading = true\n              XEAjax.doGet(`/api/user/page/list/${this.pageVO.pageSize}/${this.pageVO.currentPage}`, this.formData).then(response => {\n                let { page, result } = response.data\n                this.tableData = result\n                this.pageVO.totalResult = page.totalResult\n                this.loading = false\n              }).catch(e => {\n                this.loading = false\n              })\n            },\n            findSexList () {\n              return XEAjax.doGet('/api/conf/sex/list').then(({ data }) => {\n                this.sexList = data\n                return data\n              })\n            },\n            findRegionList () {\n              return XEAjax.doGet('/api/conf/region/list').then(({ data }) => {\n                this.regionList = data\n                return data\n              })\n            },\n            searchEvent () {\n              this.pageVO.currentPage = 1\n              this.findList()\n            },\n            handleSizeChange (pageSize) {\n              this.pageVO.pageSize = pageSize\n              this.searchEvent()\n            },\n            handleCurrentChange (currentPage) {\n              this.pageVO.currentPage = currentPage\n              this.findList()\n            }\n          }\n        }\n        "]}},created:function(){this.findList(),this.findSexList(),this.findRegionList()},mounted:function(){this.$el.querySelectorAll("pre code").forEach(function(e){f.a.highlightBlock(e)})},methods:{findList:function(){var e=this;this.loading=!0,this.pendingRemoveList=[],Ma.a.doGet("/api/user/page/list/".concat(this.pageVO.pageSize,"/").concat(this.pageVO.currentPage),this.formData).then(function(t){var a=t.data,l=a.page,n=a.result;e.tableData=n,e.pageVO.totalResult=l.totalResult,e.loading=!1}).catch(function(t){e.loading=!1})},findSexList:function(){var e=this;return Ma.a.doGet("/api/conf/sex/list").then(function(t){var a=t.data;return e.sexList=a,a})},findRegionList:function(){var e=this;return Ma.a.doGet("/api/conf/region/list").then(function(t){var a=t.data;return e.regionList=a,a})},searchEvent:function(){this.pageVO.currentPage=1,this.findList()},handleSizeChange:function(e){this.pageVO.pageSize=e,this.searchEvent()},handleCurrentChange:function(e){this.pageVO.currentPage=e,this.findList()}}},hr=vr,fr=Object(d["a"])(hr,br,mr,!1,null,null,null),xr=fr.exports,gr=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("el-table",{attrs:{data:e.list,border:"","row-key":"id"}},[a("el-table-column",{attrs:{prop:"name",label:"属性"}}),a("el-table-column",{attrs:{prop:"desc",label:"说明"}}),a("el-table-column",{attrs:{prop:"type",label:"类型"}}),a("el-table-column",{attrs:{prop:"enum",label:"可选值"}}),a("el-table-column",{attrs:{prop:"default",label:"默认值"}})],1)],1)},wr=[],yr={data:function(){return{list:[]}},created:function(){var e=[{name:"vxe-table",desc:"",type:"",enum:"",defVal:"",children:[{name:"Props",desc:"",type:"",enum:"",defVal:"",children:[{name:"data",desc:"显示的数据",type:"Array",enum:"",defVal:"",children:[]},{name:"customs",desc:"初始化绑定动态列",type:"Array",enum:"",defVal:"",children:[]},{name:"height",desc:"表格的高度",type:"Number,String",enum:"",defVal:"",children:[]},{name:"max-height",desc:"表格的最大高度",type:"Number,String",enum:"",defVal:"",children:[]},{name:"resizable",desc:"是否允许拖动列宽调整大小",type:"Boolean",enum:"",defVal:"false",children:[]},{name:"stripe",desc:"是否带有斑马纹",type:"Boolean",enum:"",defVal:"false",children:[]},{name:"border",desc:"是否带有纵向边框",type:"Boolean",enum:"",defVal:"false",children:[]},{name:"size",desc:"表格的尺寸",type:"String",enum:"medium,small,mini",defVal:"",children:[]},{name:"fit",desc:"列的宽度是否自撑开",type:"Boolean",enum:"",defVal:"true",children:[]},{name:"loading",desc:"表格是否显示加载中",type:"Boolean",enum:"",defVal:"false",children:[]}]},{name:"Slots",desc:"",type:"",enum:"",defVal:"",children:[]},{name:"Events",desc:"",type:"",enum:"",defVal:"",children:[]},{name:"Methods",desc:"",type:"",enum:"",defVal:"",children:[]}]}],t=1;It.a.eachTree(e,function(e){e.id=t++}),this.list=e}},Cr=yr,_r=Object(d["a"])(Cr,gr,wr,!1,null,null,null),Tr=_r.exports;r["default"].use(b["a"]);var Sr=new b["a"]({mode:"hash",base:"/vxe-table/",routes:[{path:"*",redirect:{name:"TableInstall"}},{path:"/",redirect:{name:"TableInstall"}},{path:"/table/start/install",name:"TableInstall",component:y},{path:"/table/start/use",name:"TableUse",component:k},{path:"/table/base/basic",name:"TableBasic",component:M},{path:"/table/base/size",name:"TableSize",component:P},{path:"/table/base/stripe",name:"TableStripe",component:W},{path:"/table/base/border",name:"TableBorder",component:J},{path:"/table/base/style",name:"TableStyle",component:le},{path:"/table/base/header",name:"TableHeader",component:ce},{path:"/table/base/resizable",name:"TableResizable",component:ve},{path:"/table/base/maxHeight",name:"TableMaxHeight",component:ye},{path:"/table/base/height",name:"TableHeight",component:ke},{path:"/table/base/fixed",name:"TableFixed",component:Me},{path:"/table/base/fixedFull",name:"TableFixedFull",component:Pe},{path:"/table/base/group",name:"TableGroup",component:We},{path:"/table/base/index",name:"TableIndex",component:Je},{path:"/table/base/radio",name:"TableRadio",component:lt},{path:"/table/base/selection",name:"TableSelection",component:ct},{path:"/table/base/sort",name:"TableSort",component:vt},{path:"/table/base/filter",name:"TableFilter",component:yt},{path:"/table/base/loading",name:"TableLoading",component:kt},{path:"/table/base/format",name:"TableFormat",component:Rt},{path:"/table/base/template",name:"TableTemplate",component:Ht},{path:"/table/advanced/span",name:"TableSpan",component:Gt},{path:"/table/advanced/footer",name:"TableFooter",component:Zt},{path:"/table/advanced/custom",name:"TableCustom",component:ra},{path:"/table/advanced/export",name:"TableExport",component:ua},{path:"/table/advanced/menu",name:"TableMenu",component:fa},{path:"/table/advanced/expand",name:"TableExpand",component:_a},{path:"/table/grid/basic",name:"GridBasic",component:Aa},{path:"/table/grid/page",name:"GridPage",component:Na},{path:"/table/scroll/scroll",name:"TableScroll",component:Fa},{path:"/table/scroll/rows",name:"TableScrollRows",component:qa},{path:"/table/scroll/fullRows",name:"TableScrollFullRows",component:ll},{path:"/table/scroll/cols",name:"TableScrollCols",component:cl},{path:"/table/scroll/fullCols",name:"TableScrollFullCols",component:vl},{path:"/table/edit/manual",name:"TableEditManual",component:yl},{path:"/table/edit/click",name:"TableEditClick",component:kl},{path:"/table/edit/dblclick",name:"TableEditDBLClick",component:Ml},{path:"/table/edit/insert",name:"TableEditInsert",component:Pl},{path:"/table/edit/remove",name:"TableEditRemove",component:Wl},{path:"/table/edit/revert",name:"TableEditRevert",component:Jl},{path:"/table/edit/status",name:"TableEditStatus",component:ln},{path:"/table/edit/disable",name:"TableEditDisable",component:dn},{path:"/table/edit/keyboard",name:"TableEditKeyboard",component:hn},{path:"/table/edit/template",name:"TableEditTemplate",component:En},{path:"/table/edit/valid",name:"TableEditValid",component:Cn},{path:"/table/excel/cell",name:"TableExcelCell",component:jn},{path:"/table/other/element",name:"TableOtherElement",component:Bn},{path:"/table/other/elementConfig",name:"TableOtherElementConfig",component:Un},{path:"/table/other/elementPage",name:"TableOtherElementPage",component:er},{path:"/table/other/iview",name:"TableOtherIview",component:or},{path:"/table/other/iviewConfig",name:"TableOtherIviewConfig",component:pr},{path:"/table/other/iviewPage",name:"TableOtherIviewPage",component:xr},{path:"/table/api",name:"TableAPI",component:Tr}]}),Dr=(a("7909"),a("e268"),a("5c96")),kr=a.n(Dr);a("0fae");r["default"].use(kr.a);var Er=a("e069"),Ar=a.n(Er);a("dcad");r["default"].use(Ar.a,{transfer:!0}),r["default"].use(Ar.a);var Lr=a("5176"),Ir=a.n(Lr),Or=a("bd86"),Mr=a("795b"),$r=a.n(Mr),Rr=(a("55dd"),a("d263"),a("59ad")),jr=a.n(Rr),Nr=It.a.browse(),zr=document.querySelector("html"),Pr=document.body,Vr={browse:Nr,isPx:function(e){return e&&/^\d+(px)?$/.test(e)},isScale:function(e){return e&&/^\d+%$/.test(e)},hasClass:function(e,t){return e&&e.className&&e.className.split&&e.className.split(" ").indexOf(t)>-1},getDomNode:function(){return{scrollTop:document.documentElement.scrollTop||document.body.scrollTop,scrollLeft:document.documentElement.scrollLeft||document.body.scrollLeft,visibleHeight:document.documentElement.clientHeight||document.body.clientHeight,visibleWidth:document.documentElement.clientWidth||document.body.clientWidth}},getOffsetPos:function(e,t){return Hr(e,t,{left:0,top:0})},getCellIndexs:function(e){var t=e.parentNode,a=[].indexOf.call(t.children,e),l=[].indexOf.call(t.parentNode.children,t);return{rowIndex:l,columnIndex:a}},getCell:function(e,t){var a=e.rowIndex,l=e.column,n=t.querySelector(".vxe-table--body>tbody"),r=n.children[a];return r.querySelector(".".concat(l.id))},getCursorPosition:function(e){var t={text:"",start:0,end:0};if(e.setSelectionRange)t.start=e.selectionStart,t.end=e.selectionEnd,t.text=t.start!==t.end?e.value.substring(t.start,t.end):"";else if(document.selection){var a=0,l=document.selection.createRange(),n=document.body.createTextRange();for(n.moveToElementText(e),t.text=l.text,t.bookmark=l.getBookmark();n.compareEndPoints("StartToStart",l)<0&&0!==l.moveStart("character",-1);a++)"\n"===e.value.charAt(a)&&a++;t.start=a,t.end=t.text.length+t.start}return t},setCursorPosition:function(e,t){if(e.setSelectionRange)e.focus(),e.setSelectionRange(t.start,t.end);else if(e.createTextRange){var a=e.createTextRange();e.value.length===t.start?(a.collapse(!1),a.select()):(a.moveToBookmark(t.bookmark),a.select())}}};function Hr(e,t,a){if(e){var l=e.parentNode;if(a.top+=e.offsetTop,a.left+=e.offsetLeft,l&&l!==zr&&l!==Pr&&(a.top-=l.scrollTop,a.left-=l.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return Hr(e.offsetParent,t,a)}return a}var Br,Fr,Kr=Vr,Wr=0,Xr={emitEvent:function(e,t,a){e.$listeners[t]&&e.$emit.apply(e,[t].concat(a))},getColumnList:function(e){var t=[];return e.forEach(function(e){e.children&&e.children.length?t.push.apply(t,Xr.getColumnList(e.children)):t.push(e)}),t},formatText:function(e){return""+(null===e||void 0===e?"":e)},getCellValue:function(e,t){return It.a.get(e,t)},setCellValue:function(e,t,a){return It.a.set(e,t,a)},getColumnConfig:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t.renderHeader,l=t.renderCell,n=t.renderData;return{id:"col--".concat(e.$table.id,"_").concat(++Wr),type:e.type,property:e.prop,label:e.label,width:e.width,minWidth:e.minWidth,fixed:e.fixed,align:e.align,headerAlign:e.headerAlign,ellipsis:e.ellipsis,showTitle:e.showOverflowTitle,showTooltip:e.showOverflowTooltip,indexMethod:e.indexMethod,formatter:e.formatter,sortable:e.sortable,sortBy:e.sortBy,filters:(e.filters||[]).map(function(e){var t=e.label,a=e.value;return{label:t,value:a,checked:!1}}),filterMultiple:e.filterMultiple,filterMethod:e.filterMethod,columnKey:e.columnKey,editRender:e.editRender,visible:!0,level:1,rowSpan:1,colSpan:1,order:null,renderWidth:0,renderHeight:0,resizeWidth:0,renderLeft:0,renderHeader:a||e.renderHeader,renderCell:l||e.renderCell,renderData:n}},assemColumn:function(e){var t=e.$table,a=e.$parent,l=e.columnConfig,n=a.columnConfig;n&&a.$children.length>0?(n.children||(n.children=[]),n.children.splice([].indexOf.call(a.$el.children,e.$el),0,l)):t.collectColumn.splice([].indexOf.call(t.$refs.hideColumn.children,e.$el),0,l)},hasChildrenList:function(e){return e&&e.children&&e.children.length>0}},Gr=Xr,Ur=function e(t){var a=[];return t.forEach(function(t){t.children&&t.children.length?(a.push(t),a.push.apply(a,e(t.children))):a.push(t)}),a},qr=function(e){var t=1,a=function e(a,l){if(l&&(a.level=l.level+1,t<a.level&&(t=a.level)),a.children&&a.children.length){var n=0;a.children.forEach(function(t){e(t,a),n+=t.colSpan}),a.colSpan=n}else a.colSpan=1};e.forEach(function(e){e.level=1,a(e)});for(var l=[],n=0;n<t;n++)l.push([]);var r=Ur(e);return r.forEach(function(e){e.children&&e.children.length?e.rowSpan=1:e.rowSpan=t-e.level+1,l[e.level-1].push(e)}),l},Yr={props:{tableData:Array,tableColumn:Array,visibleColumn:Array,collectColumn:Array,fixedColumn:Array,fixedType:String,isGroup:Boolean},computed:{headerColumn:function(){return this.isGroup?qr(this.collectColumn):[this.$parent.scrollXLoad&&this.fixedType?this.fixedColumn:this.tableColumn]}},render:function(e){var t=this.$parent,a=this.fixedType,l=this.headerColumn,n=this.tableColumn,r=this.resizeMousedown,o=this.fixedColumn,i=t.$listeners,s=t.resizable,c=t.border,d=t.headerRowClassName,u=t.headerCellClassName,p=t.tableWidth,b=t.scrollXLoad,m=t.scrollXStore,v=t.scrollYWidth;return b&&(a&&(n=o),p=n.reduce(function(e,t){return e+t.renderWidth},0)),e("div",{class:["vxe-table--header-wrapper",a?"fixed--".concat(a,"-wrapper"):"body--wrapper"]},[!a&&b?e("div",{class:["vxe-body--x-space"],style:{width:"".concat(t.tableWidth+v,"px")}}):null,e("table",{attrs:{cellspacing:0,cellpadding:0,border:0},style:{width:null===p?p:"".concat(p+v,"px"),"margin-left":a?null:"".concat(m.leftSpaceWidth,"px")}},[e("colgroup",n.map(function(t,a){return e("col",{attrs:{name:t.id,width:t.renderWidth},key:a})}).concat([e("col",{attrs:{width:v}})])),e("thead",l.map(function(l,n){return e("tr",{class:["vxe-header--row",d?It.a.isFunction(d)?d({$table:t,rowIndex:n,fixed:a}):d:""]},l.map(function(l,o,d){var p,b=l.children&&l.children.length,m=a&&l.fixed!==a&&!b,v={};return i["header-cell-click"]&&(v.click=function(e){Gr.emitEvent(t,"header-cell-click",[{$table:t,rowIndex:n,column:l,columnIndex:o,fixed:a,cell:e.currentTarget},e])}),e("th",{class:["vxe-header--column",l.id,(p={},Object(Or["a"])(p,"col--".concat(l.headerAlign),l.headerAlign),Object(Or["a"])(p,"fixed--hidden",m),Object(Or["a"])(p,"filter--active",l.filters.some(function(e){return e.checked})),p),u?It.a.isFunction(u)?u({$table:t,rowIndex:n,column:l,columnIndex:o,fixed:a}):u:""],attrs:{colspan:l.colSpan,rowspan:l.rowSpan},on:v,key:l.columnKey||o},[e("div",{class:["vxe-cell"]},l.renderHeader(e,{$table:t,column:l,columnIndex:o,fixed:a,isHidden:m})),c&&s&&!a&&!b?e("div",{class:["vxe-resizable"],on:{mousedown:function(e){r(e,l)}}}):null])}).concat(v?[e("th",{class:["col--gutter"],style:{width:"".concat(v,"px")}})]:[]))}))]),e("div",{class:["vxe-table--repair"],style:{width:null===p?p:"".concat(p,"px")}})])},methods:{resizeMousedown:function(e,t){var a=this.$parent,l=this.$el,n=e.target,r=0,o=a.$refs.resizeBar,i=Kr.getOffsetPos(n,l),s=i.left-n.parentNode.clientWidth+n.clientWidth+36,c=i.left+6,d=e.clientX,u=document.onmousemove,p=document.onmouseup,b=function(e){e.preventDefault();var t=e.clientX-d,a=c+t;r=a<s?s:a,o.style.left="".concat(r,"px")};o.style.display="block",document.onmousemove=b,document.onmouseup=function(e){document.onmousemove=u,document.onmouseup=p,t.resizeWidth=t.renderWidth-(c-r),o.style.display="none",a.analyColumnWidth(),a.recalculate()},b(e)}}};function Jr(e,t,a,l,n){var r=t.indexOf(l),o=a.indexOf(n);e.active=r>-1&&o>-1,e.top=0===r&&o>-1,e.bottom=r===t.length-1&&o>-1,e.left=r>-1&&0===o,e.right=r>-1&&o===a.length-1}function Qr(e,t,a,l,n,r,o,i){var s,c,d,u=a.$listeners,p=a.scrollYLoad,b=a.border,m=a.highlightCurrentRow,v=a.cellClassName,h=a.spanMethod,f=a.optimizeConfig,x=a.keyboardConfig,g=a.mouseConfig,w=a.editConfig,y=a.editStore,C=a.validStore,_=o.editRender,T=o.align,S=o.ellipsis,D=o.showTitle,k=o.showTooltip,E=o.renderWidth,A=o.columnKey,L=y.checked,I=y.selected,O=y.actived,M=y.copyed,$=f.showOverflow,R=g&&g.selected,j=g&&g.checked,N=x&&x.isCut,z=l&&o.fixed!==l,P=D||"title"===$,V=k||"tooltip"===$,H=S||"ellipsis"===$,B={},F={},K={},W={},X=_&&w&&"dblclick"===w.trigger;if(p&&!(P||V||H)&&(H=!0),V&&(B.mouseover=function(e){a.triggerTooltipEvent(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l})},B.mouseout=a.clostTooltip),B.mousedown=function(e){a.triggerCellMousedownEvent(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,cell:e.currentTarget})},(_&&w&&"manual"!==w.trigger||m||u["cell-click"])&&(B.click=function(e){a.triggerCellClickEvent(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,cell:e.currentTarget})}),(X||u["cell-dblclick"])&&(B.dblclick=function(e){a.triggerCellDBLClickEvent(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,cell:e.currentTarget})}),h){var G=h({$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l})||{},U=G.rowspan,q=void 0===U?1:U,Y=G.colspan,J=void 0===Y?1:Y;if(!q||!J)return null;c={rowspan:q,colspan:J}}return w&&w.showStatus&&(d=a.hasRowChange(n,o.property)),l||(j&&(Jr(F,L.rows,L.columns,n,o),Jr(K,L.tRows,L.tColumns,n,o)),N&&Jr(W,M.rows,M.columns,n,o)),e("td",{class:["vxe-body--column",o.id,(s={},Object(Or["a"])(s,"col--".concat(T),T),Object(Or["a"])(s,"col--edit",_),Object(Or["a"])(s,"col--checked",F.active),Object(Or["a"])(s,"col--checked-top",F.top),Object(Or["a"])(s,"col--checked-bottom",F.bottom),Object(Or["a"])(s,"col--checked-left",F.left),Object(Or["a"])(s,"col--checked-right",F.right),Object(Or["a"])(s,"col--checked-temp",K.active),Object(Or["a"])(s,"col--checked-temp-top",K.top),Object(Or["a"])(s,"col--checked-temp-bottom",K.bottom),Object(Or["a"])(s,"col--checked-temp-left",K.left),Object(Or["a"])(s,"col--checked-temp-right",K.right),Object(Or["a"])(s,"col--selected",R&&_&&I.row===n&&I.column===o),Object(Or["a"])(s,"col--copyed",W.active),Object(Or["a"])(s,"col--copyed-top",W.top),Object(Or["a"])(s,"col--copyed-bottom",W.bottom),Object(Or["a"])(s,"col--copyed-left",W.left),Object(Or["a"])(s,"col--copyed-right",W.right),Object(Or["a"])(s,"col--actived",_&&O.row===n&&O.column===o),Object(Or["a"])(s,"col--dirty",d),Object(Or["a"])(s,"col--valid-error",C.row===n&&C.column===o),Object(Or["a"])(s,"edit--visible",_&&"visible"===_.type),Object(Or["a"])(s,"fixed--hidden",z),s),v?It.a.isFunction(v)?v({$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l}):v:""],key:A||i,attrs:c,on:B},!l&&z?[]:[e("div",{class:["vxe-cell",{"c--title":P,"c--tooltip":V,"c--ellipsis":H}],attrs:{title:P?It.a.get(n,o.property):null},style:{width:P||V||H?"".concat(b?E-1:E,"px"):null}},o.renderCell(e,{$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,isHidden:z})),j&&!l?e("span",{class:"vxe-body--column-checked-lt"}):null,j&&!l?e("span",{class:"vxe-body--column-checked-rb"}):null,N&&!l?e("span",{class:"vxe-body--column-copyed-lt"}):null,N&&!l?e("span",{class:"vxe-body--column-copyed-rb"}):null,F.bottom&&F.right?e("span",{class:"vxe-body--column-checked-corner",on:{mousedown:function(e){a.triggerCornerMousedownEvent({$table:a,row:n,rowIndex:r,column:o,columnIndex:i,fixed:l,cell:e.target.parentNode},e)}}}):null])}function Zr(e,t,a,l,n){var r=a.highlightHoverRow,o=a.id,i=a.rowKey,s=a.rowClassName,c=a.tableData,d=a.selectRow,u=a.hoverRow,p=a.overflowX,b=a.columnStore,m=a.expandeds,v=b.leftList,h=b.rightList,f=[];return c.forEach(function(c,b){var x=null;if(r&&(v.length||h.length)&&p&&(x={mouseover:function(e){c!==u&&a.triggerHoverEvent(e,{row:c,rowIndex:b})}}),f.push(e("tr",{class:["vxe-body--row","row--".concat(o,"_").concat(b),{"row--selected":c===d,"row--hover":c===u},s?It.a.isFunction(s)?s({$table:a,row:c,rowIndex:b}):s:""],key:i?It.a.get(c,i):b,on:x},n.map(function(n,r){return Qr(e,t,a,l,c,b,n,r)}))),m.indexOf(c)>-1){var g=It.a.findIndexOf(n,function(e){return"expand"===e.type}),w=n[g];w&&f.push(e("tr",{class:["vxe-body--expanded-row"],key:"expand_".concat(b),on:x},[e("td",{class:["vxe-body--expanded-column"],attrs:{colspan:n.length}},[e("div",{class:["vxe-body--expanded-cell"]},[w.renderData(e,{$table:a,row:c,rowIndex:b,column:w,columnIndex:g,fixed:l})])])]))}}),f}function eo(e,t,a){(t||a)&&(t&&(t.onscroll=null,t.scrollTop=e),a&&(a.onscroll=null,a.scrollTop=e),clearTimeout(Br),Br=setTimeout(function(){t&&(t.onscroll=t._onscroll),a&&(a.onscroll=a._onscroll)},200))}var to={props:{tableData:Array,tableColumn:Array,visibleColumn:Array,collectColumn:Array,fixedColumn:Array,fixedType:String,isGroup:Boolean},mounted:function(){this.$el.onscroll=this.scrollEvent,this.$el._onscroll=this.scrollEvent},destroyed:function(){this.$el._onscroll=null,this.$el.onscroll=null},render:function(e){var t=this.$parent,a=this.fixedColumn,l=this.fixedType,n=t.maxHeight,r=t.height,o=t.tableColumn,i=t.headerHeight,s=t.showFooter,c=t.footerHeight,d=t.tableHeight,u=t.tableWidth,p=t.scrollXStore,b=t.scrollXLoad,m=t.scrollYStore,v=t.scrollYLoad,h=t.scrollXHeight,f=t.optimizeConfig,x=f.showOverflow,g=It.a.toNumber(r),w={};return g?w.height="".concat(l?(g?g-i-c:d)-(s?0:h):g-i-c,"px"):n&&(n=It.a.toNumber(n),w["max-height"]="".concat(l?n-i-(s?0:h):n-i,"px")),l&&x?(o=a,u=o.reduce(function(e,t){return e+t.renderWidth},0)):b&&(l&&(o=a),u=o.reduce(function(e,t){return e+t.renderWidth},0)),e("div",{class:["vxe-table--body-wrapper",l?"fixed--".concat(l,"-wrapper"):"body--wrapper"],attrs:{fixed:l},style:w},[v?e("div",{class:["vxe-body--top-space"],style:{height:"".concat(m.topSpaceHeight,"px")}}):null,!l&&b?e("div",{class:["vxe-body--x-space"],style:{width:"".concat(t.tableWidth,"px")}}):null,e("table",{class:["vxe-table--body"],attrs:{cellspacing:0,cellpadding:0,border:0},style:{width:null===u?u:"".concat(u,"px"),"margin-left":l?null:"".concat(p.leftSpaceWidth,"px")}},[e("colgroup",o.map(function(t,a){return e("col",{attrs:{name:t.id,width:t.renderWidth},key:a})})),e("tbody",Zr(e,this,t,l,o))]),v?e("div",{class:["vxe-body--bottom-space"],style:{height:"".concat(m.bottomSpaceHeight,"px")}}):null])},methods:{scrollEvent:function(e){var t=this.$parent,a=this.fixedType,l=t.scrollXLoad,n=t.scrollYLoad,r=t.triggerScrollXEvent,o=t.triggerScrollYEvent,i=t.$refs,s=i.tableHeader,c=i.tableBody,d=i.leftBody,u=i.rightBody,p=s?s.$el:null,b=c.$el,m=d?d.$el:null,v=u?u.$el:null;"left"===a?eo(m.scrollTop,b,v):"right"===a?eo(v.scrollTop,b,m):(p&&(p.scrollLeft=b.scrollLeft),(m||v)&&(clearTimeout(Fr),Fr=setTimeout(t.checkScrolling,Kr.browse.msie?300:20)),eo(b.scrollTop,m,v)),l&&r(e),n&&o(e)}}},ao={props:{footerData:Array,tableColumn:Array,visibleColumn:Array,fixedColumn:Array,fixedType:String},render:function(e){var t=this.$parent,a=this.fixedType,l=this.fixedColumn,n=this.tableColumn,r=this.footerData,o=t.footerRowClassName,i=t.footerCellClassName,s=t.tableWidth,c=t.scrollYWidth,d=t.scrollXLoad,u=t.scrollXStore,p=t.optimizeConfig,b=p.overflow;return a&&b?(n=l,s=n.reduce(function(e,t){return e+t.renderWidth},0)):d&&(a&&(n=l),s=n.reduce(function(e,t){return e+t.renderWidth},0)),e("div",{class:["vxe-table--footer-wrapper",a?"fixed--".concat(a,"-wrapper"):"footer--wrapper"],on:{scroll:this.scrollEvent}},[!a&&d?e("div",{class:["vxe-body--x-space"],style:{width:"".concat(t.tableWidth,"px")}}):null,e("table",{attrs:{cellspacing:0,cellpadding:0,border:0},style:{width:null===s?s:"".concat(s+c,"px"),"margin-left":a?null:"".concat(u.leftSpaceWidth,"px")}},[e("colgroup",n.map(function(t,a){return e("col",{attrs:{name:t.id,width:t.renderWidth}})}).concat([e("col",{attrs:{width:c}})])),e("tfoot",r.map(function(t,l){return e("tr",{class:["vxe-footer--row",o?It.a.isFunction(o)?o({rowIndex:l,fixed:a}):o:""]},n.map(function(r,o){var s,c=r.children&&r.children.length,d=a&&r.fixed!==a&&!c;return e("td",{class:["vxe-footer--column",r.id,(s={},Object(Or["a"])(s,"col--".concat(r.headerAlign),r.headerAlign),Object(Or["a"])(s,"fixed--hidden",d),Object(Or["a"])(s,"filter--active",r.filters.some(function(e){return e.checked})),s),i?It.a.isFunction(i)?i({rowIndex:l,column:r,columnIndex:o,fixed:a}):i:""],attrs:{colspan:r.colSpan,rowspan:r.rowSpan},key:o},[e("div",{class:["vxe-cell"]},t["right"===a?t.length-n.length+o:o])])}).concat([e("td",{class:["col--gutter"],style:{width:"".concat(c,"px")}})]))}))])])},methods:{scrollEvent:function(e){var t=this.$parent,a=t.$refs,l=a.tableHeader,n=a.tableBody,r=a.tableFooter,o=l.$el,i=n.$el,s=r.$el;o&&(o.scrollLeft=s.scrollLeft),i&&(i.scrollLeft=s.scrollLeft)}}},lo={getCsvContent:function(e,t,a,l){var n=e.original,r=ro(e,t,a,l),o=r.columns,i=r.datas,s="\ufeff";return e.isHeader&&(s+=o.map(function(e){return e.label}).join(",")+"\n"),i.forEach(function(e,t){s+=n?o.map(function(a){return"index"===a.type?a.index?a.index(t):t+1:Gr.getCellValue(e,a.property)||""}).join(",")+"\n":o.map(function(t){return e[t.id]}).join(",")+"\n"}),s},downloadCsc:function(e,t){if(!e.download)return $r.a.resolve(t);if(navigator.msSaveBlob&&window.Blob)navigator.msSaveBlob(new Blob([t],{type:"text/csv"}),e.filename);else if(Kr.browse["-ms"]){var a=window.top.open("about:blank","_blank");a.document.charset="utf-8",a.document.write(t),a.document.close(),a.document.execCommand("SaveAs",e.filename),a.close()}else{var l=document.createElement("a");l.target="_blank",l.download=e.filename,l.href=oo(e,t),document.body.appendChild(l),l.click(),document.body.removeChild(l)}}};function no(e,t,a){var l=a.querySelectorAll(".vxe-table--body-wrapper.body--wrapper .vxe-body--row");return On()(l).map(function(t){var a={};return e.forEach(function(e){var l=t.querySelector(".".concat(e.id));a[e.id]=l?l.innerText.trim():""}),a})}function ro(e,t,a,l){var n=e.original,r=e.columns?e.columns:a;e.columnFilterMethod&&(r=r.filter(e.columnFilterMethod));var o=e.data?e.data:n?t:no(r,t,l);return e.dataFilterMethod&&(o=o.filter(e.dataFilterMethod)),{columns:r,datas:o}}function oo(e,t){return window.Blob&&window.URL&&window.URL.createObjectURL&&!Kr.browse.safari?URL.createObjectURL(new Blob([t],{type:"text/csv"})):"data:attachment/csv;charset=utf-8,".concat(encodeURIComponent(t))}var io=lo,so=/Firefox/i.test(navigator.userAgent)?"DOMMouseScroll":"mousewheel",co=[],uo={on:function(e,t,a){co.push({comp:e,type:t,cb:a})},off:function(e,t){It.a.remove(co,function(a){return a.comp===e&&a.type===t})},trigger:function(e){co.forEach(function(t){var a=t.comp,l=t.type,n=t.cb;(l===e.type||"mousewheel"===l&&e.type===so)&&n.call(a,e)})}};document.addEventListener("keydown",uo.trigger,!1),document.addEventListener("contextmenu",uo.trigger,!1),window.addEventListener("mousedown",uo.trigger,!1),window.addEventListener("blur",uo.trigger,!1),window.addEventListener("resize",uo.trigger,!1),window.addEventListener(so,uo.trigger,!1);var po=uo,bo=[],mo=null;function vo(){clearTimeout(mo),mo=setTimeout(ho.handle,ho.delay)}var ho={delay:500,on:function(e,t,a){bo.length||vo(),bo.some(function(a){return a.comp===e&&a.target===t})||bo.push({comp:e,target:t,cb:a,width:t.clientWidth,height:t.clientHeight})},off:function(e,t){It.a.remove(bo,function(a){return a.comp===e&&a.target===t})},handle:function(){bo.length&&(bo.forEach(function(e){var t=e.comp,a=e.target,l=e.cb,n=e.width,r=e.height,o=a.clientWidth,i=a.clientHeight;n===o&&r===i||(e.width=o,e.height=i,l.call(t,{type:"resize",target:a,currentTarget:a}))}),mo=setTimeout(ho.handle,ho.delay))}},fo=ho,xo=(a("c5f6"),a("3f4a")),go=a.n(xo),wo=(a("a481"),24);function yo(e,t,a,l){var n=l.row,r=l.column,o=a.name;return[e("div",{class:"vxe-input--wrapper"},[e(o,{class:"vxe-".concat(o),attrs:t,domProps:{value:Gr.getCellValue(n,r.property)},on:{input:function(e){Gr.setCellValue(n,r.property,e.target.value)}}})])]}var Co={input:{autofocus:".vxe-input",renderEdit:function(e,t,a){return yo(e,{type:"text"},t,a)}},textarea:{autofocus:".vxe-textarea",renderEdit:function(e,t,a){return yo(e,null,t,a)}},cell:{autofocus:".vxe-textarea",renderEdit:function(e,t,a,l){var n=l.$excel,r=n.excelStore,o=r.uploadRows,i=a.row,s=a.column;return[e("div",{class:"vxe-input--wrapper vxe-excel-cell",style:{height:"".concat(s.renderHeight-1,"px")}},[e("textarea",{class:"vxe-textarea",style:{width:"".concat(s.renderWidth,"px")},domProps:{value:Gr.getCellValue(i,s.property)},on:{input:function(e){var t=e.target;Gr.setCellValue(i,s.property,e.target.value),t.scrollHeight>t.offsetHeight&&(-1===o.indexOf(i)?t.style.width="".concat(t.offsetWidth+20,"px"):t.style.height="".concat(t.scrollHeight,"px"))},change:function(){-1===o.indexOf(i)&&o.push(i)},keydown:function(e){var t=e.target;if(e.altKey&&13===e.keyCode){e.preventDefault(),e.stopPropagation();var a=t.value,l=Kr.getCursorPosition(t),n=l.end;Gr.setCellValue(i,s.property,"".concat(a.slice(0,n),"\n").concat(a.slice(n,a.length))),t.style.height="".concat((Math.floor(t.offsetHeight/wo)+1)*wo,"px"),setTimeout(function(){l.start=l.end=++n,Kr.setCursorPosition(t,l)})}}}})])]},renderCell:function(e,t,a){var l=a.row,n=a.column;return[e("span",{domProps:{innerHTML:Gr.formatText(Gr.getCellValue(l,n.property)).replace(/\n/g,"<br>")}})]}}},_o=Co,To={size:null,optimized:!1,contextMenu:null,renderMap:_o,iconMap:{sortAsc:"vxe-sort--asc-icon",sortDesc:"vxe-sort--desc-icon",filter:"vxe-filter--icon",edit:"vxe-edit--icon"},i18n:function(e,t){return It.a.get(go.a,e)}},So=To,Do={data:Array,customs:Array,height:[Number,String],maxHeight:[Number,String],resizable:Boolean,stripe:Boolean,border:Boolean,size:{type:String,default:function(){return So.size}},fit:{type:Boolean,default:!0},loading:Boolean,showHeader:{type:Boolean,default:!0},highlightCurrentRow:Boolean,highlightHoverRow:Boolean,showFooter:Boolean,footerMethod:Function,rowClassName:[String,Function],cellClassName:[String,Function],headerRowClassName:[String,Function],headerCellClassName:[String,Function],footerRowClassName:[String,Function],footerCellClassName:[String,Function],spanMethod:Function,rowKey:[String,Number],autoResize:Boolean,autoWidth:{type:Boolean,default:!0},contextMenu:{type:Object,default:function(){return So.contextMenu}},mouseConfig:Object,keyboardConfig:Object,editConfig:Object,editRules:Object,optimized:{type:[Object,Boolean],default:function(){return So.optimized}},selectEditMethod:Function},ko={name:"VxeCheckbox",props:{value:Boolean,indeterminate:Boolean,disabled:Boolean,name:String,size:String},render:function(e){var t=this;return e("label",{class:["vxe-checkbox",this.size?"size--".concat(this.size):"",{"is--indeterminate":this.indeterminate,"is--disabled":this.disabled}]},[e("input",{attrs:{type:"checkbox"},domProps:{checked:this.value},on:{change:function(e){if(!t.disabled){var a=e.target.checked;t.$emit("input",a),t.$emit("change",a,e)}}}}),e("span",{class:["checkbox--icon"]}),this.$slots.default?e("span",{class:["checkbox--label"]},this.$slots.default):this._e()])},install:function(e){e.component(ko.name,ko)}},Eo=ko,Ao={props:{filterStore:Object,optimizeConfig:Object},components:{VxeCheckbox:Eo},render:function(e){var t=this.$parent,a=this.filterStore,l=this.optimizeConfig,n=this.filterCheckAllEvent,r=this.filterOptionCheckEvent;return e("div",{class:["vxe-table--filter-wrapper",{"t--animat":l.animat,"filter--active":a.visible}],style:a.style},a.visible?[e("ul",{class:["vxe-table--filter-body"]},[e("li",{class:["vxe-table--filter-option"]},[e("vxe-checkbox",{props:{value:a.isAllSelected,indeterminate:a.isIndeterminate},on:{change:function(e,t){n(t,e)}}},So.i18n("vxe.table.allFilter"))])].concat(a.options.map(function(t,a){return e("li",{class:["vxe-table--filter-option"],key:a},[e("vxe-checkbox",{props:{value:t.checked},on:{change:function(e,a){r(a,e,t)}}},t.label)])}))),e("div",{class:["vxe-table--filter-footer"]},[e("button",{class:{"is--disabled":!a.isAllSelected&&!a.isIndeterminate},attrs:{disabled:!a.isAllSelected&&!a.isIndeterminate},on:{click:t.confirmFilterEvent}},So.i18n("vxe.table.confirmFilter")),e("button",{on:{click:t.resetFilterEvent}},So.i18n("vxe.table.resetFilter"))])]:[])},methods:{filterCheckAllEvent:function(e,t){var a=this.filterStore;a.options.forEach(function(e){e.checked=t}),a.isAllSelected=t,a.isIndeterminate=!1},filterOptionCheckEvent:function(e,t,a){var l=this.filterStore;a.checked=t,l.isAllSelected=l.options.every(function(e){return e.checked}),l.isIndeterminate=!l.isAllSelected&&l.options.some(function(e){return e.checked})}}},Lo={props:{ctxMenuStore:Object},render:function(e){var t=this.$parent,a=this._e,l=this.ctxMenuStore;return e("div",{class:["vxe-table--ctxmenu-wrapper",{show:l.visible}],style:l.style},l.list.map(function(n,r){return e("ul",{class:["vxe-ctxmenu--option-wrapper"],key:r},n.map(function(n,o){var i=n.children&&n.children.length;return e("li",{class:[{"link--disabled":n.disabled,"link--active":n===l.selected}],key:"".concat(r,"_").concat(o)},[e("a",{class:["vxe-ctxmenu--link"],on:{click:function(e){t.ctxMenuLinkEvent(e,n)},mouseover:function(e){t.ctxMenuMouseoverEvent(e,n)},mouseout:function(e){t.ctxMenuMouseoutEvent(e,n)}}},[e("i",{class:["vxe-ctxmenu--link-prefix",n.prefixIcon]}),e("span",{class:["vxe-ctxmenu--link-content"]},n.name),e("i",{class:["vxe-ctxmenu--link-suffix",i?n.suffixIcon||"suffix--haschild":n.suffixIcon]})]),i?e("ul",{class:["vxe-table--ctxmenu-clild-wrapper",{show:n===l.selected&&l.showChild}]},n.children.map(function(a,i){return e("li",{class:[{"link--disabled":a.disabled,"link--active":a===l.selectChild}],key:"".concat(r,"_").concat(o,"_").concat(i)},[e("a",{class:["vxe-ctxmenu--link"],on:{click:function(e){t.ctxMenuLinkEvent(e,a)},mouseover:function(e){t.ctxMenuMouseoverEvent(e,n,a)},mouseout:function(e){t.ctxMenuMouseoutEvent(e,n,a)}}},[e("i",{class:["vxe-ctxmenu--link-prefix",a.prefixIcon]}),e("span",{class:["vxe-ctxmenu--link-content"]},a.name)])])})):a()])}))}))}},Io={clearActiveds:[]},Oo=Io;function Mo(e,t,a,l){var n=t.tableData,r=t.tableColumn,o=t.visibleColumn,i=t.collectColumn,s=t.isGroup,c=t.height,d=t.headerHeight,u=t.footerHeight,p=t.showHeader,b=t.showFooter,m=t.tableHeight,v=t.scrollYWidth,h=t.scrollXHeight,f=t.scrollRightToLeft,x=t.scrollLeftToRight,g=t.columnStore,w=isNaN(c)?0:jr()(c),y="right"===a,C=g["".concat(a,"List")],_={height:"".concat((w?w-d-u:m)+d+u-h,"px"),width:"".concat(C.reduce(function(e,t){return e+t.renderWidth},y?v+1:0),"px")};return e("div",{class:["vxe-table--fixed-".concat(a,"-wrapper"),{"scrolling--middle":y?f:x}],style:_,ref:"fixedTable"},[p?e("table-header",{props:{fixedType:a,tableData:n,tableColumn:r,visibleColumn:o,collectColumn:i,fixedColumn:C,isGroup:s},ref:"".concat(a,"Header")}):null,e("table-body",{style:{top:"".concat(d,"px")},props:{fixedType:a,tableData:n,tableColumn:r,visibleColumn:o,collectColumn:i,fixedColumn:C,isGroup:s},ref:"".concat(a,"Body")}),b?e("table-footer",{style:{top:"".concat(w?w-u:m,"px")},props:{fixedType:a,footerData:l,tableColumn:r,visibleColumn:o,fixedColumn:C},ref:"".concat(a,"Footer")}):null])}var $o={name:"VxeTable",props:Do,components:{TableHeader:Yr,TableBody:to,TableFooter:ao,TableFilter:Ao,TableContextMenu:Lo},provide:function(){return{$table:this}},data:function(){return{id:It.a.uniqueId(),collectColumn:[],tableFullColumn:[],tableColumn:[],tableData:[],tableWidth:0,tableHeight:0,headerHeight:0,footerHeight:0,scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!1,scrollYWidth:0,scrollXHeight:0,scrollLeftToRight:!1,scrollRightToLeft:!1,isAllSelected:!1,isIndeterminate:!1,selection:[],selectRow:null,expandeds:[],hoverRow:null,filterStore:{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1},columnStore:{leftList:[],centerList:[],rightList:[],resizeList:[],pxList:[],pxMinList:[],scaleList:[],scaleMinList:[],autoList:[]},ctxMenuStore:{selected:null,visible:!1,showChild:!1,selectChild:null,list:[],style:null},scrollXStore:{renderSize:0,visibleSize:0,offsetSize:0,rowHeight:0,startIndex:0,visibleIndex:0,leftSpaceWidth:0,rightSpaceWidth:0},scrollYStore:{renderSize:0,visibleSize:0,offsetSize:0,rowHeight:0,startIndex:0,visibleIndex:0,topSpaceHeight:0,bottomSpaceHeight:0},tooltipStore:{visible:!1,row:null,column:null,content:null,style:null},editStore:{checked:{rows:[],columns:[],tRows:[],tColumns:[]},selected:{row:null,column:null},copyed:{cut:!1,rows:[],columns:[]},actived:{row:null,column:null},insertList:[],removeList:[]},validStore:{visible:!1,row:null,column:null,rule:null,style:null}}},computed:{optimizeConfig:function(){var e=this.optimized,t=this.editConfig,a=!0===e;return Ir()({animat:!a,showOverflow:a||t?"tooltip":null,scrollX:{gt:60,oSize:5,rSize:16,vSize:0},scrollY:{gt:500,oSize:20,rSize:100,vSize:0,rHeight:0}},e)},isGroup:function(){return this.collectColumn.some(function(e){return Gr.hasChildrenList(e)})},visibleColumn:function(){return this.tableFullColumn?this.tableFullColumn.filter(function(e){return e.visible}):[]},isFilter:function(){return this.tableColumn.some(function(e){return e.filters&&e.filters.length})},headerCtxMenu:function(){return this.ctxMenuConfig.header&&this.ctxMenuConfig.header.options?this.ctxMenuConfig.header.options:[]},bodyCtxMenu:function(){return this.ctxMenuConfig.body&&this.ctxMenuConfig.body.options?this.ctxMenuConfig.body.options:[]},isCtxMenu:function(){return this.headerCtxMenu.length||this.bodyCtxMenu.length},ctxMenuConfig:function(){return Ir()({},this.contextMenu)},ctxMenuList:function(){var e=[];return this.ctxMenuStore.list.forEach(function(t){t.forEach(function(t){e.push(t)})}),e}},watch:{data:function(e){this.reload(e)},customs:function(e){this.isUpdateCustoms||this.mergeCustomColumn(e),this.isUpdateCustoms=!1},collectColumn:function(e){this.tableFullColumn=Gr.getColumnList(e)},tableColumn:function(){this.analyColumnWidth()},visibleColumn:function(){var e=this;this.refreshColumn(),this.$nextTick(function(){e.computeScrollLoad(),e.recalculate()})}},created:function(){var e=this;this.reload(this.data,!0).then(function(){e.tableFullColumn=Gr.getColumnList(e.collectColumn),e.customs&&e.mergeCustomColumn(e.customs),e.refreshColumn(),e.$nextTick(function(){e.computeScrollLoad(),e.recalculate(!0)})}),po.on(this,"mousedown",this.handleGlobalMousedownEvent),po.on(this,"blur",this.handleGlobalBlurEvent),po.on(this,"contextmenu",this.handleGlobalContextmenuEvent),po.on(this,"mousewheel",this.handleGlobalMousewheelEvent),po.on(this,"keydown",this.handleGlobalKeydownEvent),po.on(this,"resize",this.handleGlobalResizeEvent)},mounted:function(){this.autoResize&&this.autoWidth&&fo.on(this,this.$el.parentNode,this.recalculate),document.body.appendChild(this.$refs.tableWrapper)},beforeDestroy:function(){var e=this.$refs.tableWrapper;e&&e.parentNode&&e.parentNode.removeChild(e),this.closeFilter(),this.closeContextMenu(),fo.off(this,this.$el.parentNode)},destroyed:function(){po.off(this,"mousedown"),po.off(this,"blur"),po.off(this,"contextmenu"),po.off(this,"mousewheel"),po.off(this,"keydown"),po.off(this,"resize")},render:function(e){var t=this._e,a=this.id,l=this.tableData,n=this.tableColumn,r=this.visibleColumn,o=this.collectColumn,i=this.isGroup,s=this.isFilter,c=this.isCtxMenu,d=this.loading,u=this.showHeader,p=this.resizable,b=this.border,m=this.stripe,v=this.highlightHoverRow,h=this.size,f=this.editConfig,x=this.showFooter,g=this.footerMethod,w=this.overflowX,y=this.overflowY,C=this.scrollXHeight,_=this.optimizeConfig,T=this.columnStore,S=this.filterStore,D=this.ctxMenuStore,k=this.tooltipStore,E=this.validStore,A=this.getRecords,L=T.leftList,I=T.rightList,O=x&&g&&r.length?g({columns:r,data:A()}):["-"];return e("div",{class:["vxe-table",h?"size--".concat(h):"",{"vxe-editable":f,"show--head":u,"show--foot":x,"scroll--y":y,"scroll--x":w,"fixed--left":L.length,"fixed--right":I.length,"t--animat":_.animat,"t--stripe":m,"t--border":b,"t--highlight":v}]},[e("div",{class:["vxe-table-hidden-column"],ref:"hideColumn"},this.$slots.default),u?e("table-header",{ref:"tableHeader",props:{tableData:l,tableColumn:n,visibleColumn:r,collectColumn:o,isGroup:i}}):t(),e("table-body",{ref:"tableBody",props:{tableData:l,tableColumn:n,visibleColumn:r,collectColumn:o,isGroup:i}}),x?e("table-footer",{props:{footerData:O,footerMethod:g,tableColumn:n,visibleColumn:r},ref:"tableFooter"}):t(),L&&L.length&&w?Mo(e,this,"left",O):t(),I&&I.length&&w?Mo(e,this,"right",O):t(),p?e("div",{class:["vxe-table--resizable-bar"],style:w?{"padding-bottom":"".concat(C,"px")}:null,ref:"resizeBar"}):t(),e("div",{class:["vxe-table--loading"],style:{display:d?"block":"none"}},[e("div",{class:"vxe-table--spinner"})]),e("div",{class:["vxe-table".concat(a,"-wrapper")],ref:"tableWrapper"},[s?e("table-filter",{props:{optimizeConfig:_,filterStore:S},ref:"filterWrapper"}):null,c?e("table-context-menu",{props:{ctxMenuStore:D},ref:"ctxWrapper"}):null,k.visible?e("div",{class:["vxe-table--tooltip-wrapper"],style:k.style,ref:"tipWrapper"},[e("div",{class:["vxe-table--tooltip-content"]},Gr.formatText(k.content)),e("div",{class:["vxe-table--tooltip-arrow"]})]):null,E.visible?e("div",{class:["vxe-table--valid-error-wrapper"],style:E.style,ref:"validWrapper"},[e("div",{class:["vxe-table--valid-error-content"]},Gr.formatText(E.rule.message)),e("div",{class:["vxe-table--valid-error-arrow"]})]):null])])},methods:{clearSelection:function(){return this.isAllSelected=!1,this.isIndeterminate=!1,this.selection=[],this.$nextTick()},clearCurrentRow:function(){return this.selectRow=null,this.hoverRow=null,this.$nextTick()},clearSort:function(){return this.tableFullColumn.forEach(function(e){e.order=null}),this.tableFullData=this.data||[],this.tableData=this.tableFullData,this.$nextTick()},clearFilter:function(e){return Ir()(this.filterStore,{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1}),this.$nextTick()},reload:function(e,t){var a=this.autoWidth,l=this.scrollYStore,n=this.optimizeConfig,r=this.recalculate,o=this.computeScrollLoad,i=n.scrollY,s=e||[],c=i&&i.gt&&i.gt<s.length;c&&Ir()(l,{startIndex:0,visibleIndex:0,renderSize:i.rSize,offsetSize:i.oSize}),this.insertList=[],this.removeList=[],this.tableSourceData=It.a.clone(s,!0),this.tableFullData=s,this.scrollYLoad=c,this.tableData=this.getTableData();var d=this.$nextTick();return!t&&a&&(d=d.then(r)),!t&&c&&(d=d.then(o)),d},insert:function(e){return this.insertAt(e)},insertAt:function(e,t){var a=this.tableData,l=this.insertList,n=this.defineProperty,r=n(e);if(1===arguments.length)a.unshift(r);else if(-1===t)a.push(r);else{var o=a.indexOf(t);a.splice(o,0,r)}return l.push(r),this.$nextTick().then(function(){return{row:r}})},defineProperty:function(e){var t=Ir()({},e);return this.visibleColumn.forEach(function(e){e.property&&!It.a.has(t,e.property)&&It.a.set(t,e.property,null)}),t},remove:function(e){var t=this.tableData,a=this.removeList,l=[];return e&&!It.a.isArray(e)&&(e=[e]),e.length&&(l=It.a.remove(t,function(t){return e.indexOf(t)>-1})),a.push.apply(a,l),this.$nextTick(function(){return l})},revert:function(e,t){var a=this.tableSourceData,l=this.tableFullData;return arguments.length?(e&&!It.a.isArray(e)&&(e=[e]),e.forEach(function(e){var n=l.indexOf(e),r=a[n];r&&e&&(t?Gr.setCellValue(e,t,Gr.getCellValue(r,t)):It.a.destructuring(e,r))}),this.$nextTick()):this.reload(a)},clearData:function(e,t){var a=this.tableSourceData,l=this.visibleColumn;return arguments.length?e&&!It.a.isArray(e)&&(e=[e]):e=a,t?e.forEach(function(e){return Gr.setCellValue(e,t,null)}):e.forEach(function(e){l.forEach(function(t){t.property&&Gr.setCellValue(e,t.property,null)})}),this.$nextTick()},hasRowChange:function(e,t){var a=this.tableFullData,l=this.tableSourceData,n=a.indexOf(e),r=l[n];return arguments.length>1?r&&!It.a.isEqual(Gr.getCellValue(r,t),Gr.getCellValue(e,t)):r&&!It.a.isEqual(r,e)},getColumns:function(e){var t=this.visibleColumn;return arguments.length?t[e]:t},getRecords:function(e){var t=this.tableFullData;return arguments.length?t[e]:t},getAllRecords:function(){return{records:this.getRecords(),selecteds:this.getSelecteds(),insertRecords:this.getInsertRecords(),removeRecords:this.getRemoveRecords(),updateRecords:this.getUpdateRecords()}},getInsertRecords:function(){return this.insertList},getRemoveRecords:function(){return this.removeList},getUpdateRecords:function(){var e=this.tableSourceData,t=this.tableFullData,a=this.visibleColumn,l=[];return t.forEach(function(t,n){var r=e[n];r&&a.some(function(e){return!It.a.isEqual(Gr.getCellValue(r,e.property),Gr.getCellValue(t,e.property))})&&l.push(t)}),l},getTableData:function(){var e=this.visibleColumn,t=this.tableFullData,a=this.scrollYLoad,l=this.scrollYStore,n=this.filterStore,r=n.isAllSelected,o=n.isIndeterminate,i=this.visibleColumn.find(function(e){return e.order}),s=t;if((r||o)&&(s=s.filter(function(t){return e.every(function(e){var a=e.property,l=e.filters,n=e.filterMethod;if(l&&l.length){var r=[];if(l.forEach(function(e){e.checked&&r.push(e.value)}),r.length){var o=n?r.some(function(a){return n({value:a,row:t,column:e})}):r.indexOf(Gr.getCellValue(t,a))>-1;return o}}return!0})})),i&&i.order){var c=It.a.sortBy(s,i.property);s="desc"===i.order?c.reverse():c}return a?s.slice(l.startIndex,l.startIndex+l.renderSize):s.slice(0)},mergeCustomColumn:function(e){this.isUpdateCustoms=!0,this.tableFullColumn.forEach(function(t){var a=e.find(function(e){return t.property&&e.prop===t.property});t.visible=!a||!!a.visible}),this.$emit("update:customs",this.tableFullColumn)},refreshColumn:function(){var e,t=0,a=[],l=0,n=[],r=[],o=this.tableFullColumn,i=this.isGroup,s=this.columnStore,c=this.scrollXStore,d=this.optimizeConfig,u=d.scrollX;o.forEach(function(o,i){o.visible&&("left"===o.fixed?(e||(i-t!==0?e=!0:t++),a.push(o)):"right"===o.fixed?(e||(l||(l=i),i-l!==0?e=!0:l++),r.push(o)):n.push(o))});var p=a.concat(n).concat(r),b=u&&u.gt&&u.gt<o.length;if(Ir()(s,{leftList:a,centerList:n,rightList:r}),e&&i||l&&l!==p.length)throw new Error("[vxe-table] Fixed column must to the left and right sides.");b&&(Ir()(c,{startIndex:0,visibleIndex:0,renderSize:u.rSize,offsetSize:u.oSize}),p=p.slice(c.startIndex,c.startIndex+c.renderSize)),this.scrollXLoad=b,this.tableColumn=p},analyColumnWidth:function(){var e=[],t=[],a=[],l=[],n=[],r=[];this.tableFullColumn.forEach(function(o){o.visible&&(o.resizeWidth?e.push(o):Kr.isPx(o.width)?t.push(o):Kr.isScale(o.width)?l.push(o):Kr.isPx(o.minWidth)?a.push(o):Kr.isScale(o.minWidth)?n.push(o):r.push(o))}),Ir()(this.columnStore,{resizeList:e,pxList:t,pxMinList:a,scaleList:l,scaleMinList:n,autoList:r})},recalculate:function(e){var t=this,a=this.$refs.tableBody,l=this.$refs.tableHeader,n=this.$refs.tableFooter,r=a.$el,o=l?l.$el:null,i=n?n.$el:null,s=r.clientWidth,c=this.autoCellWidth(o,r,i,s);!0===e&&this.$nextTick(function(){s=r.clientWidth,s!==c&&t.autoCellWidth(o,r,i,s)})},autoCellWidth:function(e,t,a,l){var n,r=0,o=40,i=l,s=this.fit,c=this.columnStore,d=c.resizeList,u=c.pxMinList,p=c.pxList,b=c.scaleList,m=c.scaleMinList,v=c.autoList;u.forEach(function(e){var t=Za()(e.minWidth);r+=t,e.renderWidth=t}),n=i/100,m.forEach(function(e){var t=Math.floor(Za()(e.minWidth)*n);r+=t,e.renderWidth=t}),b.forEach(function(e){var t=Math.floor(Za()(e.width)*n);r+=t,e.renderWidth=t}),p.forEach(function(e){var t=Za()(e.width);r+=t,e.renderWidth=t}),d.forEach(function(e){var t=Za()(e.resizeWidth);r+=t,e.renderWidth=t}),i-=r,n=i>0?Math.max(Math.floor(i/(m.length+u.length+v.length)),o):o,s?i>0&&m.concat(u).forEach(function(e){r+=n,e.renderWidth+=n}):n=o,v.forEach(function(e,t){if(e.renderWidth=n,r+=n,s&&t===v.length-1){var a=l-r;a>0&&(e.renderWidth+=a,r=l)}});var h=t.offsetHeight;if(this.scrollYWidth=t.offsetWidth-l,this.overflowY=this.scrollYWidth>0,this.tableWidth=r,this.tableHeight=h,e&&(this.headerHeight=e.offsetHeight),a){var f=a.offsetHeight;this.scrollXHeight=Math.max(f-a.clientHeight,0),this.overflowX=r>a.clientWidth,this.footerHeight=f}else this.scrollXHeight=Math.max(h-t.clientHeight,0),this.overflowX=r>l;return this.overflowX&&this.checkScrolling(),r},checkScrolling:function(){var e=this.$refs,t=e.tableBody,a=e.leftBody,l=e.rightBody,n=t.$el;a&&(this.scrollLeftToRight=n.scrollLeft>0),l&&(this.scrollRightToLeft=n.clientWidth<n.scrollWidth-n.scrollLeft)},handleGlobalMousedownEvent:function(e){var t=this,a=this.editStore,l=this.ctxMenuStore,r=this.editConfig,o=void 0===r?{}:r,i=a.actived;this.$refs.filterWrapper&&(this.getEventTargetNode(e,this.$el,"vxe-filter-wrapper").flag||this.getEventTargetNode(e,this.$refs.filterWrapper.$el).flag||this.closeFilter()),i.row&&!1!==o.autoClear&&(!this.lastCallTime||this.lastCallTime+50<n()())&&(Oo.clearActiveds.some(function(t){return!1===t(i.args,e)})||this.getEventTargetNode(e,this.$el,"col--edit").flag&&this.getEventTargetNode(e,this.$el).flag||this.triggerValidate().then(function(){t.clearActived(e)}).catch(function(e){return e})),l.visible&&this.$refs.ctxWrapper&&!this.getEventTargetNode(e,this.$refs.ctxWrapper.$el).flag&&this.closeContextMenu()},handleGlobalBlurEvent:function(e){this.closeFilter(),this.closeContextMenu()},handleGlobalMousewheelEvent:function(e){this.closeContextMenu()},handleGlobalKeydownEvent:function(e){var t,a=this.isCtxMenu,l=this.ctxMenuStore,n=this.editStore,r=this.mouseConfig,o=void 0===r?{}:r,i=this.keyboardConfig,s=void 0===i?{}:i,c=n.selected,d=n.actived,u=e.keyCode,p=8===u,b=9===u,m=13===u,v=27===u,h=32===u,f=37===u,x=38===u,g=39===u,w=40===u,y=46===u,C=67===u,_=86===u,T=88===u,S=113===u,D=e.ctrlKey,k=f||x||g||w,E=a&&l.visible&&(m||h||k);v?(this.closeContextMenu(),this.closeFilter(),d.row&&(t=d.args,this.clearActived(e),o.selected&&this.handleSelected(t,e))):m&&(c.row||d.row)?this.moveSelected(c.row?c.args:d.args,f,x,g,!0,e):E?(e.preventDefault(),l.showChild&&Gr.hasChildrenList(l.selected)?this.moveCtxMenu(e,u,l,"selectChild",37,!1,l.selected.children):this.moveCtxMenu(e,u,l,"selected",39,!0,this.ctxMenuList)):S?c.row&&c.column&&this.handleActived(c.args,e):k&&s.isArray?c.row&&c.column&&(e.preventDefault(),this.moveSelected(c.args,f,x,g,w,e)):b&&s.isTab?c.row||c.column?(e.preventDefault(),this.moveTabSelected(c.args,e)):(d.row||d.column)&&(e.preventDefault(),this.moveTabSelected(d.args,e)):y||p?(c.row||c.column)&&(Gr.setCellValue(c.row,c.column.property,null),p&&this.handleActived(c.args,e)):s.isCut&&D&&(T||C||_)?T||C?this.handleCopyed(T,e):_&&this.handlePaste(e):s.isEdit&&!D&&(u>=48&&u<=57||u>=65&&u<=90||u>=96&&u<=111||u>=186&&u<=192||u>=219&&u<=222||32===u)&&(c.row||c.column)&&(s.editMethod&&!1===s.editMethod(c.args,e)||(Gr.setCellValue(c.row,c.column.property,null),this.handleActived(c.args,e)))},moveTabSelected:function(e,t){for(var a,l,n,r,o=this.$refs,i=this.tableData,s=this.visibleColumn,c=this.handleSelected,d=e.rowIndex,u=e.columnIndex,p=u+1;p<s.length;p++)if(s[p].editRender){r=p,n=s[p];break}if(!n&&d<i.length-1){l=d+1,a=i[l];for(var b=0;b<s.length;b++)if(s[b].editRender){r=b,n=s[b];break}}n&&(a&&(e.rowIndex=l,e.row=a),e.columnIndex=r,e.column=n,e.cell=Kr.getCell(e,o.tableBody.$el),c(e,t))},moveSelected:function(e,t,a,l,n,r){var o=this.$refs,i=this.tableData,s=this.visibleColumn,c=this.handleSelected;if(a&&e.rowIndex)e.rowIndex-=1,e.row=i[e.rowIndex];else if(n&&e.rowIndex<i.length-1)e.rowIndex+=1,e.row=i[e.rowIndex];else if(t&&e.columnIndex){for(var d=e.columnIndex-1;d>=0;d--)if(s[d].editRender){e.columnIndex=d,e.column=s[d];break}}else if(l&&e.columnIndex)for(var u=e.columnIndex+1;u<s.length;u++)if(s[u].editRender){e.columnIndex=u,e.column=s[u];break}e.cell=Kr.getCell(e,o.tableBody.$el),c(e,r)},moveCtxMenu:function(e,t,a,l,n,r,o){var i=It.a.findIndexOf(o,function(e){return a[l]===e});t===n?r&&Gr.hasChildrenList(a.selected)?a.showChild=!0:(a.showChild=!1,a.selectChild=null):38===t?a[l]=o[i-1]||o[o.length-1]:40===t?a[l]=o[i+1]||o[0]:!a[l]||13!==t&&32!==t||this.ctxMenuLinkEvent(e,a[l])},handleGlobalResizeEvent:function(){this.recalculate()},handleGlobalContextmenuEvent:function(e){var t=this.isCtxMenu;if(t){var a=this.getEventTargetNode(e,this.$el,"vxe-table--header-wrapper");if(a.flag)return void this.openContextMenu(e,"header",{});var l=this.getEventTargetNode(e,this.$el,"vxe-table--body-wrapper");if(l.flag)return void this.openContextMenu(e,"body",{});var n=this.getEventTargetNode(e,this.$el,"vxe-table--footer-wrapper");if(n.flag)return void this.openContextMenu(e,"footer",{})}this.closeContextMenu(),this.closeFilter()},openContextMenu:function(e,t,a){var l=this,n=this.tableData,r=this.visibleColumn,o=this.ctxMenuStore,i=this.ctxMenuConfig,s=i[t];if(s){var c=s.options,d=s.visibleMethod,u=s.disabled;if(u)e.preventDefault();else if(c&&c.length)if(!d||d(a,e)){e.preventDefault();var p=Kr.getDomNode(),b=p.scrollTop,m=p.scrollLeft,v=p.visibleHeight,h=p.visibleWidth,f=this.getEventTargetNode(e,this.$el,"vxe-".concat(t,"--column")),x=f.targetElem,g=Kr.getCellIndexs(x),w=g.rowIndex,y=g.columnIndex,C=n[w],_=r[y],T=e.clientY+b,S=e.clientX+m;Ir()(o,{args:{type:t,row:C,rowIndex:w,column:_,columnIndex:y,cell:x,$table:this},visible:!0,list:c,selected:null,selectChild:null,showChild:!1,style:{top:"".concat(T,"px"),left:"".concat(S,"px")}}),this.$nextTick(function(){var t=l.$refs.ctxWrapper.$el,a=t.clientHeight,n=t.clientWidth,r=e.clientY+a-v,i=e.clientX+n-h;r>-10&&(o.style.top="".concat(T-a,"px")),i>-10&&(o.style.left="".concat(S-n,"px"))})}else this.closeContextMenu()}this.closeFilter()},closeContextMenu:function(){Ir()(this.ctxMenuStore,{list:[],visible:!1,selected:null,selectChild:null,showChild:!1})},ctxMenuMouseoverEvent:function(e,t,a){var l=this.ctxMenuStore;e.preventDefault(),e.stopPropagation(),l.selected=t,l.selectChild=a,a||(l.showChild=Gr.hasChildrenList(t))},ctxMenuMouseoutEvent:function(e,t,a){var l=this.ctxMenuStore;t.children||(l.selected=null),l.selectChild=null},ctxMenuLinkEvent:function(e,t){Gr.emitEvent(this,"context-menu-link",[t,this.ctxMenuStore.args,e]),this.closeContextMenu()},getEventTargetNode:function(e,t,a){var l,n=e.target;while(n&&n.nodeType&&n!==document){if(a&&Kr.hasClass(n,a))l=n;else if(n===t)return{flag:!a||!!l,container:t,targetElem:l};n=n.parentNode}return{flag:!1}},triggerTooltipEvent:function(e,t){var a=this,l=t.row,n=t.column,r=this.editConfig,o=this.editStore,i=o.actived;if(!r||!("row"===r.mode&&i.row===l||i.row===l&&i.column===n)){var s=e.currentTarget,c=s.children[0],d=Gr.getCellValue(l,n.property);if(d&&c.scrollWidth>c.clientWidth){var u=this.tooltipStore,p=this.$refs;if(u.column!==n||u.row!==l||!u.visible){var b=Kr.getOffsetPos(s),m=b.top,v=b.left,h=Kr.getDomNode(),f=h.scrollTop,x=h.scrollLeft,g=h.visibleWidth;Ir()(u,{row:l,column:n,content:Gr.getCellValue(l,n.property),visible:!0}),this.$nextTick().then(function(){var e=p.tipWrapper;if(e)return u.style={width:"".concat(e.offsetWidth+2,"px"),top:"".concat(m-e.offsetHeight-6,"px"),left:"".concat(v-6,"px")},e.offsetWidth<s.offsetWidth&&(u.style.left="".concat(v+Math.floor((s.offsetWidth-e.offsetWidth)/2)-6,"px")),a.$nextTick()}).then(function(){var e=p.tipWrapper;if(e){var t=e.offsetHeight,a=e.offsetWidth;m-t<f&&(u.style.top="".concat(m+s.offsetHeight+6,"px")),v+a>x+g&&(u.style.left="".concat(x+g-a-6,"px"))}})}}}},clostTooltip:function(){Ir()(this.tooltipStore,{row:null,column:null,content:null,style:null,visible:!1})},setSelection:function(e,t){var a=this,l=this.visibleColumn.find(function(e){return"selection"===e.type});return e&&!It.a.isArray(e)&&(e=[e]),e.forEach(function(e){return a.triggerCheckRowEvent(null,{row:e,column:l},!!t)}),this.$nextTick()},triggerCheckRowEvent:function(e,t,a){var l=t.row,n=t.column,r=this.$listeners,o=this.selection,i=this.tableData,s=n.property;s?(Gr.setCellValue(l,s,a),this.isAllSelected=i.every(function(e){return Gr.getCellValue(e,s)}),this.isIndeterminate=!this.isAllSelected&&i.some(function(e){return Gr.getCellValue(e,s)}),r["select-change"]&&(o=i.filter(function(e){return Gr.getCellValue(e,s)}))):(a?-1===o.indexOf(l)&&o.push(l):It.a.remove(o,function(e){return e===l}),this.isAllSelected=i.length===o.length,this.isIndeterminate=!this.isAllSelected&&o.length),Gr.emitEvent(this,"select-change",[{row:l,column:n,selection:o,checked:a},e])},toggleRowSelection:function(e){var t=this.selection,a=this.visibleColumn.find(function(e){return"selection"===e.type}),l=a.property;return this.triggerCheckRowEvent(null,{row:e,column:a},l?!!e[l]:-1===t.indexOf(e)),this.$nextTick()},triggerCheckAllEvent:function(e,t){var a=this.visibleColumn.find(function(e){return"selection"===e.type}),l=a.property;l&&this.tableData.forEach(function(e){Gr.setCellValue(e,l,t)}),this.selection=t?On()(this.tableData):[],this.isAllSelected=t,this.isIndeterminate=!1,Gr.emitEvent(this,"select-all",[{selection:this.selection,checked:t},e])},toggleAllSelection:function(){return this.triggerCheckAllEvent(null,!this.isAllSelected),this.$nextTick()},triggerRowEvent:function(e,t){var a=t.row;return this.selectRow=a,Gr.emitEvent(this,"select-change",[{row:a},e]),this.$nextTick()},setCurrentRow:function(e){return this.selectRow=e,this.$nextTick()},triggerHoverEvent:function(e,t){var a=t.row;this.hoverRow=a},triggerCellMousedownEvent:function(e,t){var a=this.$el,l=this.tableData,n=this.visibleColumn,r=this.editStore,o=this.editConfig,i=this.getEventTargetNode,s=this.handleSelected,c=this.handleChecked,d=r.checked,u=r.actived,p=t.row,b=t.column,m=t.cell,v=e.button,h=0===v,f=2===v;if((h||f)&&o&&"dblclick"===o.trigger)if(u.row===p&&u.column===b);else if(h){e.preventDefault(),e.stopPropagation(),this.handleSelected(t,e);var x=document.onmousemove,g=document.onmouseup,w=Kr.getCellIndexs(m),y=It.a.throttle(function(e){e.preventDefault();var t=i(e,a,"vxe-body--column"),l=t.flag,n=t.targetElem;l&&c(w,Kr.getCellIndexs(n),e)},Kr.browse.msie?80:40,{leading:!0,trailing:!0});document.onmousemove=y,document.onmouseup=function(e){document.onmousemove=x,document.onmouseup=g},this.closeFilter(),this.closeContextMenu()}else if(f){var C=Kr.getCellIndexs(m);-1!==d.rows.indexOf(l[C.rowIndex])&&-1!==d.columns.indexOf(n[C.columnIndex])||s(t,e)}},triggerCornerMousedownEvent:function(e,t){t.preventDefault(),t.stopPropagation();var a=this.$el,l=this.tableData,n=this.visibleColumn,r=this.editStore,o=this.editConfig,i=this.getEventTargetNode,s=this.handleTempChecked,c=r.checked,d=t.button,u=0===d,p=2===d;if((u||p)&&o&&c.rows.length&&"dblclick"===o.trigger){var b=document.onmousemove,m=document.onmouseup,v={rowIndex:l.indexOf(c.rows[0]),columnIndex:n.indexOf(c.columns[0])},h=It.a.throttle(function(e){e.preventDefault();var t=i(e,a,"vxe-body--column"),l=t.flag,n=t.targetElem;l&&s(v,Kr.getCellIndexs(n),e)},Kr.browse.msie?80:40,{leading:!0,trailing:!0});document.onmousemove=h,document.onmouseup=function(e){document.onmousemove=b,document.onmouseup=m,c.rows=c.tRows,c.columns=c.tColumns}}},triggerCellClickEvent:function(e,t){var a=this,l=this.highlightCurrentRow,n=this.editStore,r=this.editConfig,o=n.actived;l&&(this.selectRow=t.row),r&&"click"===r.trigger&&(o.args&&e.currentTarget===o.args.cell||this.triggerValidate().then(function(){a.handleActived(t,e)}).catch(function(e){return e})),Gr.emitEvent(this,"cell-click",[t,e])},triggerCellDBLClickEvent:function(e,t){var a=this,l=this.editStore,n=this.editConfig,r=l.actived;n&&"dblclick"===n.trigger&&(r.args&&e.currentTarget===r.args.cell||this.triggerValidate().then(function(){a.handleActived(t,e)}).catch(function(e){return e})),Gr.emitEvent(this,"cell-dblclick",[t,e])},handleActived:function(e,t){var a=this,l=this.editStore,n=this.editConfig,r=n.activeMethod,o=l.actived,i=e.row,s=e.column,c=e.cell;return o.row!==i||o.column!==s?!r||r(e)?(this.clearCopyed(t),this.clearChecked(t),this.clearSelected(t),this.clearActived(t),s.renderHeight=c.offsetHeight,o.args=e,o.row=i,o.column=s,this.$nextTick(function(){a.handleFocus(e,t)}),Gr.emitEvent(this,"edit-actived",[e,t])):Gr.emitEvent(this,"edit-disabled",[e,t]):setTimeout(function(){a.handleFocus(e,t)}),this.$nextTick()},clearActived:function(e){var t=this.editStore,a=t.actived;return(a.row||a.column)&&Gr.emitEvent(this,"clear-actived",[a.args,e]),a.args=null,a.row=null,a.column=null,this.$nextTick()},hasActiveRow:function(e){var t=this.editStore,a=t.actived;return a.row===e},clearSelected:function(e){var t=this.editStore,a=t.selected;return a.row=null,a.column=null,this.$nextTick()},handleSelected:function(e,t){var a=this,l=this.mouseConfig,n=void 0===l?{}:l,r=this.editStore,o=r.selected,i=e.row,s=e.column;return this.triggerValidate().then(function(){if(o.row===i&&o.column===s||(a.clearChecked(t),a.clearActived(t),o.args=e,o.row=i,o.column=s),n.checked){var l=Kr.getCellIndexs(e.cell);a.handleChecked(l,l,t)}return a.$nextTick()}).catch(function(e){return e})},clearChecked:function(e){var t=this.editStore,a=t.checked;return a.rows=[],a.columns=[],a.tRows=[],a.tColumns=[],this.$nextTick()},handleChecked:function(e,t,a){var l=this.tableData,n=this.visibleColumn,r=this.editStore,o=r.checked,i=e.rowIndex,s=e.columnIndex,c=t.rowIndex,d=t.columnIndex;o.tRows=[],o.tColumns=[],o.rows=i<c?l.slice(i,c+1):l.slice(c,i+1),o.columns=s<d?n.slice(Math.max(s,1),d+1):n.slice(Math.max(d,1),s+1)},handleTempChecked:function(e,t,a){var l=this.tableData,n=this.visibleColumn,r=this.editStore,o=r.checked,i=o.rows,s=o.tRows,c=o.columns,d=o.tColumns,u=e.rowIndex,p=e.columnIndex,b=t.rowIndex,m=t.columnIndex;s.length>i.length?m=n.indexOf(c[c.length-1]):d.length>c.length&&(b=l.indexOf(i[i.length-1])),u<b?o.tRows=l.slice(u,b+1):(u+=i.length,o.tRows=l.slice(b,u)),p<m?o.tColumns=n.slice(Math.max(p,1),m+1):(p+=c.length,o.tColumns=n.slice(Math.max(m,1),p))},clearCopyed:function(){var e=this.editStore,t=e.copyed;t.cut=!1,t.rows=[],t.columns=[]},handleCopyed:function(e,t){var a=this.editStore,l=a.copyed,n=a.checked;l.cut=e,l.rows=n.rows,l.columns=n.columns},handlePaste:function(e){var t=this.tableData,a=this.visibleColumn,l=this.editStore,n=l.copyed,r=l.selected,o=n.cut,i=n.rows,s=n.columns;if(i.length&&s.length&&r.row&&r.column){var c=r.args,d=c.rowIndex,u=c.columnIndex,p={rowIndex:d,columnIndex:u},b={rowIndex:d+i.length-1,columnIndex:u+s.length-1};i.forEach(function(e,l){var n=t[d+l];n&&s.forEach(function(t,l){var r=a[u+l];r&&Gr.setCellValue(n,r.property,Gr.getCellValue(e,t.property)),o&&Gr.setCellValue(e,t.property,null)})}),o&&this.clearCopyed(),this.handleChecked(p,b,e)}},handleFocus:function(e,t){var a,l=e.column,n=e.cell,r=l.editRender,o=So.renderMap,i=void 0===o?{}:o,s=i[r.name];r.autofocus&&(a=n.querySelector(r.autofocus)),a||s&&s.autofocus&&(a=n.querySelector(s.autofocus)),a&&a.focus()},setActiveRow:function(e){var t=this.$refs,a=this.id,l=this.tableData,r=this.visibleColumn,o=this.handleActived,i=this.editConfig;if(e&&"row"===i.mode){var s=l.indexOf(e);if(s>-1){var c=r.find(function(e){return e.editRender}),d=t.tableBody.$el.querySelector(".vxe-body--row.row--".concat(a,"_").concat(s," .").concat(c.id));o({row:e,column:c,cell:d}),this.lastCallTime=n()()}}return this.$nextTick()},setActiveCell:function(e,t){var a=this.$refs,l=this.id,r=this.tableData,o=this.visibleColumn,i=this.handleActived,s=this.editConfig;if(e&&t&&"cell"===s.mode){var c=r.indexOf(e);if(c>-1&&t){var d=o.find(function(e){return e.property===t}),u=a.tableBody.$el.querySelector(".vxe-body--row.row--".concat(l,"_").concat(c," .").concat(d.id));i({row:e,column:d,cell:u}),this.lastCallTime=n()()}}return this.$nextTick()},setSelectCell:function(e,t){var a=this.editConfig;e&&t&&a.trigger},triggerSortEvent:function(e,t,a,l){this.sort(t.property,l)},sort:function(e,t){var a=this.visibleColumn,l=this.tableFullColumn,n=a.find(function(t){return t.property===e});t&&n.order!==t&&(l.forEach(function(e){e.order=null}),n.order=t,"custom"!==n.sortable&&(this.tableData=this.getTableData()),Gr.emitEvent(this,"sort-change",[{column:n,prop:e,order:t}]))},triggerFilterEvent:function(e,t,a){var l=this.$refs,n=this.filterStore;if(n.column===t&&n.visible)n.visible=!1;else{var r=e.target,o=l.filterWrapper,i=Kr.getOffsetPos(r),s=i.top,c=i.left;Ir()(n,{multiple:t.filterMultiple,options:t.filters,column:t,style:{top:"".concat(s+r.clientHeight+6,"px"),left:"".concat(c,"px")},visible:!0}),n.isAllSelected=n.options.every(function(e){return e.checked}),n.isIndeterminate=!this.isAllSelected&&n.options.some(function(e){return e.checked}),this.$nextTick(function(){n.style={top:"".concat(s+r.clientHeight+6,"px"),left:"".concat(c-o.$el.clientWidth/2+10,"px")}})}},confirmFilterEvent:function(e){this.tableData=this.getTableData(),this.closeFilter()},closeFilter:function(e){Ir()(this.filterStore,{isAllSelected:!1,isIndeterminate:!1,options:[],visible:!1})},resetFilterEvent:function(e){this.filterStore.options.forEach(function(e){e.checked=!1}),this.closeFilter()},triggerExpandRowEvent:function(e,t){var a=t.row;return this.toggleRowExpansion(a)},toggleRowExpansion:function(e){return this.setExpandRow(e)},setExpandRow:function(e,t){var a=this,l=this.expandeds,n=1===arguments.length;return e&&!It.a.isArray(e)&&(e=[e]),e.forEach(function(e){var a=l.indexOf(e);a>-1?!n&&t||l.splice(a,1):(n||t)&&l.push(e)}),this.$nextTick(function(){return a.recalculate()})},clearExpand:function(){this.expandeds=[]},isScrollXLoad:function(){return this.scrollXLoad},isScrollYLoad:function(){return this.scrollYLoad},triggerScrollXEvent:function(e){for(var t=this.$refs,a=this.visibleColumn,l=this.scrollXStore,n=l.startIndex,r=l.renderSize,o=l.offsetSize,i=l.visibleSize,s=t.tableBody.$el,c=s.scrollLeft,d=0,u=0,p=0;p<a.length;p++)if(u+=a[p].renderWidth,c<u){d=p;break}if(l.visibleIndex!==d){var b,m,v=l.visibleIndex>d;v?(m=r-o,b=d-o<=n):(m=o,b=d+i+o>=n+r),r<3*i&&(m=0),b&&(l.visibleIndex=d,l.startIndex=Math.min(Math.max(d-m,0),a.length-r),this.updateScrollXSpace(),this.$nextTick(function(){s.scrollLeft=c}))}},triggerScrollYEvent:It.a.debounce(function(e){var t=this.tableFullData,a=this.scrollYStore,l=a.startIndex,n=a.renderSize,r=a.offsetSize,o=a.visibleSize,i=a.rowHeight,s=e.target,c=s.scrollTop,d=Math.ceil(c/i);if(a.visibleIndex!==d){var u,p,b=a.visibleIndex>d;b?(p=n-r,u=d-r<=l):(p=r,u=d+o+r>=l+n),n<3*o&&(p=0),u&&(a.visibleIndex=d,a.startIndex=Math.min(Math.max(d-p,0),t.length-n),this.updateScrollYSpace(),this.$nextTick(function(){s.scrollTop=c}))}},Kr.browse.msie?40:20,{leading:!1,trailing:!0}),computeScrollLoad:function(){var e=this.scrollXLoad,t=this.scrollYLoad,a=this.scrollYStore,l=this.scrollXStore,n=this.visibleColumn,r=this.optimizeConfig,o=r.scrollX,i=r.scrollY,s=this.$refs.tableBody.$el,c=this.$refs.tableHeader;if(e&&(l.visibleSize=o.vSize||Math.ceil(s.clientWidth/(n.slice(0,10).reduce(function(e,t){return e+t.renderWidth},0)/10)),this.updateScrollXSpace()),t){if(i.rHeight)a.rowHeight=i.rHeight;else{var d=s.querySelector("tbody>tr");!d&&c&&(d=c.$el.querySelector("thead>tr")),d&&(a.rowHeight=d.clientHeight)}a.visibleSize=i.vSize||Math.ceil(s.clientHeight/a.rowHeight),this.updateScrollYSpace()}},updateScrollXSpace:function(){var e=this.visibleColumn,t=this.scrollXStore;this.tableColumn=e.slice(t.startIndex,t.startIndex+t.renderSize),t.leftSpaceWidth=e.slice(0,t.startIndex).reduce(function(e,t){return e+t.renderWidth},0),t.rightSpaceWidth=e.slice(t.startIndex+t.renderSize,e.length).reduce(function(e,t){return e+t.renderWidth},0)},updateScrollYSpace:function(){var e=this.tableFullData,t=this.scrollYStore;this.tableData=this.getTableData(),t.topSpaceHeight=t.startIndex*t.rowHeight,t.bottomSpaceHeight=(e.length-(t.startIndex+t.renderSize))*t.rowHeight},validateRow:function(e,t){var a=this;return this.lastCallTime=n()(),this.clearValidate(),new $r.a(function(l,n){a.validRowRules("all",e).then(function(){var e=!0;t&&t(e),l(!0)}).catch(function(e){var r=!1,o=e.rule,i=e.column;a.handleValidError(e),t?(t(r,Object(Or["a"])({},i.property,[new Error(o.message)])),l(r)):n(r)})})},triggerValidate:function(e){var t=this,a=this.editConfig,l=this.editStore,n=this.editRules,r=this.validStore,o=l.actived,i=r.visible?"all":"blur";if(this.clearValidate(),o.row&&!It.a.isEmpty(n)){var s=o.args,c=s.row,d=s.column,u=s.cell;return"row"===a.mode?this.validRowRules(i,c).catch(function(e){return t.handleValidError(e),$r.a.reject(e)}):this.validCellRules(i,c,d).catch(function(e){var a={rule:e,row:c,column:d,cell:u};return t.handleValidError(a),$r.a.reject(a)})}return $r.a.resolve()},validate:function(e){var t=this,a=this.$refs,l=this.editRules,r=this.tableData,o=$r.a.resolve(!0);if(this.lastCallTime=n()(),this.clearValidate(),!It.a.isEmpty(l)){var i=this.getColumns();return r.forEach(function(e,n){i.forEach(function(r,i){It.a.has(l,r.property)&&(o=o.then(function(){return new $r.a(function(l,o){t.validCellRules("all",e,r).then(l).catch(function(t){var l={rule:t,rowIndex:n,row:e,columnIndex:i,column:r,cell:Kr.getCell({rowIndex:n,column:r},a.tableBody.$el)};return o(l)})})}))})}),o.then(function(){var t=!0;return e&&e(t),!0}).catch(function(a){var l=!1,n=a.rule,r=a.column;return t.handleValidError(a),e&&e(l,Object(Or["a"])({},r.property,[new Error(n.message)])),e?$r.a.resolve(l):$r.a.reject(l)})}var s=!0;return e&&e(s),o},validRowRules:function(e,t){var a=this,l=this.$refs,n=this.tableData,r=this.editRules,o=n.indexOf(t),i=$r.a.resolve();return It.a.isEmpty(r)||this.getColumns().forEach(function(e,n){It.a.has(r,e.property)&&(i=i.then(function(){return new $r.a(function(n,r){a.validCellRules("all",t,e).then(n).catch(function(a){var n={rule:a,row:t,column:e,cell:Kr.getCell({rowIndex:o,column:e},l.tableBody.$el)};return r(n)})})}))}),i},validCellRules:function(e,t,a){var l=this.editRules,n=a.property,r=$r.a.resolve();return n&&!It.a.isEmpty(l)&&function(){var a=It.a.get(l,n),o=It.a.get(t,n);if(a)for(var i=function(t){r=r.then(function(){return new $r.a(function(l,n){var r=a[t],i=!0===r.required;if("all"!==e&&r.trigger&&"change"!==r.trigger&&e!==r.trigger||!i&&!o)l();else if(It.a.isFunction(r.validator))r.validator(r,o,function(e){if(It.a.isError(e)){var t={type:"custom",message:e.message,rule:r};return n(t)}return l()});else{var s,c="number"===r.type,d=null===o||void 0===o||""===o;s=c?It.a.toNumber(o):d?"":""+o,i&&d?n(r):o&&(c&&isNaN(o)||It.a.isRegExp(r.pattern)&&!r.pattern.test(o)||It.a.isNumber(r.min)&&(c?s<r.min:s.length<r.min)||It.a.isNumber(r.max)&&(c?s>r.max:s.length>r.max))?n(r):l()}})})},s=0;s<a.length;s++)i(s)}(),r},clearValidate:function(){var e=this.validStore;Ir()(e,{visible:!1,row:null,column:null,rule:null,style:null})},handleValidError:function(e){var t=this,a=this.$refs,l=this.validStore,n=e.rule,r=e.row,o=e.column,i=e.cell;this.handleActived(e,{type:"valid-error",trigger:"call"}).then(function(){var s=Kr.getOffsetPos(i),c=s.top,d=s.left,u=Kr.getDomNode(),p=u.scrollTop,b=u.scrollLeft,m=u.visibleWidth,v=u.visibleHeight;Ir()(l,{row:r,column:o,rule:n,visible:!0}),t.$nextTick().then(function(){var e=a.validWrapper;if(e)return l.style={top:"".concat(c+i.offsetHeight,"px"),left:"".concat(d-6,"px")},e.offsetWidth<i.offsetWidth&&(l.style.left="".concat(d+Math.floor((i.offsetWidth-e.offsetWidth)/2)-6,"px")),t.$nextTick()}).then(function(){var e=a.validWrapper;if(e){var t=e.offsetHeight,n=e.offsetWidth;c+i.offsetHeight+t>p+v&&(l.style.top="".concat(c-t,"px")),d+n>b+m&&(l.style.left="".concat(b+m-n-6,"px"))}}),Gr.emitEvent(t,"valid-error",[e])})},exportCsv:function(e){var t=Ir()({filename:"table.csv",original:!1,isHeader:!0,download:!0,data:null,columns:null,columnFilterMethod:function(e){return-1===["index","selection","radio"].indexOf(e.type)&&e.property},dataFilterMethod:null},e);-1===t.filename.indexOf(".csv")&&(t.filename+=".csv"),this.scrollYLoad&&(t.original=!0);var a=this.visibleColumn,l=this.getTableData();return io.downloadCsc(t,io.getCsvContent(t,l,a,this.$el))}},install:function(e){e.component($o.name,$o)}},Ro=$o,jo={name:"VxeTableColumn",props:{type:String,prop:String,label:String,width:[Number,String],minWidth:[Number,String],fixed:String,align:String,headerAlign:String,ellipsis:Boolean,showOverflowTitle:Boolean,showOverflowTooltip:Boolean,formatter:Function,indexMethod:Function,sortable:[Boolean,String],sortBy:[String,Array],filters:Array,filterMultiple:{type:Boolean,default:!0},filterMethod:Function,columnKey:[String,Number],editRender:Object},inject:["$table"],data:function(){return{columnConfig:{}}},created:function(){var e=this.$table,t=this.type,a=this.prop,l=this.sortable,n=this.filters,r=this.editRender,o=this.renderIndexHeader,i=this.renderIndexCell,s=this.renderRadioHeader,c=this.renderRadioCell,d=this.renderSelectionHeader,u=this.renderSelectionCellByProp,p=this.renderSelectionCell,b=this.renderExpandCell,m=this.renderExpandData,v=this.renderEditHeader,h=this.renderCellEdit,f=this.renderRowEdit,x=this.renderSortAndFilterHeader,g=this.renderSortHeader,w=this.renderFilterHeader,y={};switch(t){case"index":y.renderHeader=o,y.renderCell=i;break;case"radio":y.renderHeader=s,y.renderCell=c;break;case"selection":y.renderHeader=d,y.renderCell=a?u:p;break;case"expand":y.renderCell=b,y.renderData=m;break;default:r?(y.renderHeader=v,y.renderCell=e.editConfig&&"cell"===e.editConfig.mode?h:f):n&&n.length&&this.sortable?y.renderHeader=x:l?y.renderHeader=g:n&&n.length&&(y.renderHeader=w)}this.columnConfig=Gr.getColumnConfig(this,y)},mounted:function(){Gr.assemColumn(this)},render:function(e){return e("div",this.$slots.default)},methods:{renderHeader:function(e,t){var a=this.$scopedSlots;return a&&a.header?a.header(t):[e("span",Gr.formatText(t.column.label))]},renderCell:function(e,t){var a,l=this.$scopedSlots,n=this.formatter,r=t.row,o=t.rowIndex,i=t.column,s=t.columnIndex;return l&&l.default?l.default(t):(a=Gr.getCellValue(r,i.property),n&&(a=n({cellValue:a,row:r,rowIndex:o,column:i,columnIndex:s})),[e("span",Gr.formatText(a))])},renderIndexHeader:function(e,t){var a=this.$scopedSlots;return a&&a.header?a.header(t):[e("span",Gr.formatText(t.column.label||"#"))]},renderIndexCell:function(e,t){var a,l=this.$scopedSlots,n=this.$table,r=this.indexMethod,o=t.row,i=t.rowIndex,s=t.column,c=t.columnIndex;return l&&l.default?l.default(t):(n.scrollYLoad&&(i+=n.scrollYStore.startIndex),a=i+1,r&&(a=r({row:o,rowIndex:i,column:s,columnIndex:c})),[e("span",Gr.formatText(a))])},renderRadioHeader:function(e,t){return[e("span",Gr.formatText(t.column.label))]},renderRadioCell:function(e,t){var a=this.$table,l=a.selectRow,n=t.row,r={attrs:{type:"radio",name:"vxe-radio--".concat(a.id)}};return t.isHidden||(r.domProps={checked:n===l},r.on={change:function(e){a.triggerRowEvent(e,t)}}),[e("label",{class:["vxe-radio"]},[e("input",r),e("span",{class:["radio--icon"]})])]},renderSelectionHeader:function(e,t){var a=this.$table,l=t.isHidden,n={attrs:{type:"checkbox"}};return l||(n.domProps={checked:a.isAllSelected},n.on={change:function(e){a.triggerCheckAllEvent(e,e.target.checked)}}),[e("label",{class:["vxe-checkbox",{"is--indeterminate":a.isIndeterminate}]},[e("input",n),e("span",{class:["checkbox--icon"]})])]},renderSelectionCell:function(e,t){var a=this.$table,l=t.row,n=t.isHidden,r={attrs:{type:"checkbox"}};return n||(r.domProps={checked:a.selection.indexOf(l)>-1},r.on={change:function(e){a.triggerCheckRowEvent(e,t,e.target.checked)}}),[e("label",{class:["vxe-checkbox"]},[e("input",r),e("span",{class:["checkbox--icon"]})])]},renderSelectionCellByProp:function(e,t){var a=this.$table,l=t.row,n=t.column,r=t.isHidden,o={attrs:{type:"checkbox"}};return r||(o.domProps={checked:Gr.getCellValue(l,n.property)},o.on={change:function(e){a.triggerCheckRowEvent(e,t,e.target.checked)}}),[e("label",{class:["vxe-checkbox"]},[e("input",o),e("span",{class:["checkbox--icon"]})])]},renderExpandCell:function(e,t){var a=this.$table;return[e("span",{class:["vxe-table--expanded",{"expand--active":a.expandeds.indexOf(t.row)>-1}],on:{click:function(e){a.triggerExpandRowEvent(e,t)}}},[e("i",{class:["vxe-table--expand-icon"]})])]},renderExpandData:function(e,t){var a=this.$scopedSlots;return a&&a.default?a.default(t):[]},renderSortAndFilterHeader:function(e,t){return this.renderHeader(e,t).concat(this.renderSortIcon(e,t)).concat(this.renderFilterIcon(e,t))},renderSortHeader:function(e,t){return this.renderHeader(e,t).concat(this.renderSortIcon(e,t))},renderSortIcon:function(e,t){var a=So.iconMap,l=this.$table,n=t.column;return[e("span",{class:["vxe-sort-wrapper"]},[e("i",{class:[a.sortAsc,{"sort--active":"asc"===n.order}],on:{click:function(e){l.triggerSortEvent(e,n,t,"asc")}}}),e("i",{class:[a.sortDesc,{"sort--active":"desc"===n.order}],on:{click:function(e){l.triggerSortEvent(e,n,t,"desc")}}})])]},renderFilterHeader:function(e,t){return this.renderHeader(e,t).concat(this.renderFilterIcon(e,t))},renderFilterIcon:function(e,t){var a=So.iconMap,l=this.$table;return[e("span",{class:["vxe-filter-wrapper"]},[e("i",{class:[a.filter],on:{click:function(e){l.triggerFilterEvent(e,t.column,t)}}})])]},renderEditHeader:function(e,t){var a,l=So.iconMap,n=this.$table,r=this.sortable,o=this.filters,i=n.editRules,s=n.editConfig;if(i){var c=It.a.get(i,t.column.property);c&&(a=c.some(function(e){return e.required}))}return[a?e("i",{class:"vxe-required-icon"}):null,s&&!1===s.showIcon?null:e("i",{class:l.edit})].concat(this.renderHeader(e,t)).concat(r?this.renderSortIcon(e,t):[]).concat(o&&o.length?this.renderFilterIcon(e,t):[])},renderRowEdit:function(e,t){var a=this.$table.editStore.actived;return this.runRenderer(e,t,a&&a.row===t.row)},renderCellEdit:function(e,t){var a=this.$table.editStore.actived;return this.runRenderer(e,t,a&&a.row===t.row&&a.column===t.column)},runRenderer:function(e,t,a){var l=this.$scopedSlots,n=this.editRender,r=this.$table,o=So.renderMap,i=void 0===o?{}:o,s=i[n.name],c={$excel:r.$parent,$table:r,$column:this};return"visible"===n.type||a?l&&l.edit?l.edit(t):s&&s.renderEdit?s.renderEdit(e,n,t,c):[e("span")]:s&&s.renderCell?s.renderCell(e,n,t,c):this.renderCell(e,t)}},install:function(e){e.component(jo.name,jo)}},No=jo,zo=a("cebc"),Po=["reload","insert","insertAt","revert","remove","getRecords","getColumns","getAllRecords","getInsertRecords","getRemoveRecords","getUpdateRecords","hasRowChange","setActiveRow","setActiveCell","setSelectCell","setExpandRow","setCurrentRow","setSelection","toggleRowSelection","toggleAllSelection","toggleRowExpansion","clearCurrentRow","clearSelection","clearExpand","clearSort","clearFilter","clearChecked","clearSelected","clearActivedd","clearCopyed","clearData","recalculate","isScrollXLoad","isScrollYLoad","sort","validateRow","validate","exportCsv"],Vo={};function Ho(e,t){return t?t.map(function(t){return e("vxe-table-column",{props:t},Ho(e,t.children))}):[]}Po.forEach(function(e){Vo[e]=function(){this.$refs.xTable[e].apply(this.$refs.xTable[e],arguments)}});var Bo={name:"VxeGrid",props:Object(zo["a"])({columns:Array},Do),components:{VxeTable:$o,VxeTableColumn:jo},render:function(e){return e("vxe-table",{props:this.$props,on:this.$listeners,ref:"xTable"},Ho(e,this.columns))},methods:Vo,install:function(e){e.component(Bo.name,Bo)}},Fo=Bo,Ko={header:{options:[[{code:"exportAll",name:"隐藏列"},{code:"exportAll",name:"取消所有隐藏"}]]},body:{options:[[{code:"clip",name:"剪贴"},{code:"copy",name:"复制"},{code:"paste",name:"粘贴"}],[{code:"insert",name:"插入"},{code:"remove",name:"删除"},{code:"clearData",name:"清除内容"}],[{code:"sort",name:"排序",children:[{code:"clearSort",name:"清除排序"},{code:"sortAsc",name:"升序"},{code:"sortDesc",name:"倒序"}]}],[{code:"exportAll",name:"导出数据.cvs"}]]}},Wo={},Xo={trigger:"dblclick",mode:"cell",showIcon:!1,showStatus:!1};function Go(e,t){return t?t.map(function(t){return e("vxe-table-column",{props:t},Go(e,t.children))}):[]}function Uo(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=a.editConfig,n=a.contextMenu,r=a.optimized;return Ir()({},a,{border:!0,resizable:!0,headerCellClassName:t.handleHeaderCellClassName,cellClassName:t.handleCellClassName,contextMenu:Ir()({},n,Ko),mouseConfig:{selected:!0,checked:!0},keyboardConfig:{isArray:!0,isTab:!0,isCut:!0,isEdit:!0},editConfig:l?Ir()({},Xo,l):Xo,optimized:Ir()({showOverflow:null},r)})}Po.forEach(function(e){Wo[e]=function(){this.$refs.xTable[e].apply(this.$refs.xTable[e],arguments)}});var qo={name:"VxeExcel",props:Object(zo["a"])({columns:Array},Do),components:{VxeTable:$o,VxeTableColumn:jo},data:function(){return{excelStore:{uploadRows:[]}}},render:function(e){return e("vxe-table",{class:"vxe-excel",props:Uo(e,this,this.$props),on:Object(zo["a"])({},this.$listeners,{"cell-click":this.cellClickEvent,"header-cell-click":this.headerCellClickEvent,"context-menu-link":this.contextMenuLinkEvent}),ref:"xTable"},Go(e,this.columns))},methods:Object(zo["a"])({},Wo,{handleHeaderCellClassName:function(e){var t=e.column,a=e.columnIndex,l=e.$table,n=l.editStore,r=n.selected,o=n.actived;if(a>0&&(r.column===t||o.column===t))return"vxe-excel--column-selected"},handleCellClassName:function(e){var t=e.row,a=(e.column,e.columnIndex),l=e.$table,n=l.editStore,r=n.selected,o=n.actived;if(0===a&&(r.row===t||o.row===t))return"vxe-excel--index-selected"},cellClickEvent:function(e,t){var a=e.row,l=e.rowIndex,n=e.columnIndex,r=e.$table,o=r.$refs,i=r.visibleColumn,s=r.handleSelected,c=r.handleChecked;if(0===n){n+=1;var d=o.tableBody.$el,u=i[n],p=d.querySelectorAll(".vxe-body--row"),b=p[l],m=b.querySelector(".".concat(u.id));s({row:a,rowIndex:l,column:u,columnIndex:n,cell:m,$table:r},t).then(function(){c({rowIndex:l,columnIndex:n},{rowIndex:l,columnIndex:i.length-1},t)})}},headerCellClickEvent:function(e,t){var a=e.column,l=e.columnIndex,n=e.$table,r=n.$refs,o=n.tableData,i=n.handleSelected,s=n.handleChecked;if(o.length){var c=r.tableBody.$el,d=0,u=o[d],p=c.querySelectorAll(".vxe-body--row"),b=p[d],m=b.querySelector(".".concat(a.id));i({row:u,rowIndex:d,column:a,columnIndex:l,cell:m,$table:n},t).then(function(){s({rowIndex:d,columnIndex:l},{rowIndex:o.length-1,columnIndex:l},t)})}},contextMenuLinkEvent:function(e,t,a){var l=t.row,n=t.column,r=this.$refs.xTable,o=n.property;switch(e.code){case"clip":r.handleCopyed(!0,a);break;case"copy":r.handleCopyed(!1,a);break;case"paste":r.handlePaste(a);break;case"insert":r.insertAt({},l);break;case"remove":r.remove(l);break;case"clearData":r.clearData(l,o);break;case"clearFilter":r.clearFilter();break;case"clearSort":r.clearSort();break;case"sortAsc":r.sort(o,"asc");break;case"sortDesc":r.sort(o,"desc");break;case"exportAll":r.exportCsv({isHeader:!1});break}}}),install:function(e){e.component(qo.name,qo)}},Yo=qo,Jo=(a("8e1f"),[Ro,No,Fo,Yo]);function Qo(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=So.renderMap,a=So.iconMap;e.renderMap&&Ir()(t,e.renderMap),e.iconMap&&Ir()(a,e.iconMap),Ir()(So,e,{renderMap:t,iconMap:a})}function Zo(e,t){Zo.installed||(Qo(t),Jo.map(function(t){return e.component(t.name,t)}),On()(arguments).slice(1).map(function(e){return e(So,Oo)}))}"undefined"!==typeof window&&window.Vue&&Zo(window.Vue);var ei={install:Zo,setup:Qo,Table:Ro,TableColumn:No},ti=a("5486"),ai=a.n(ti),li=a("487f"),ni=a.n(li);a("f8dd"),a("a026");r["default"].use(ei,ai.a,ni.a);var ri=a("4168"),oi=a.n(ri);oi.a.setup({template:!0,pathVariable:"auto",timeout:"40-300",error:!0,log:!0});var ii=a("d225"),si=a("b0b4"),ci=1e5,di=function(){function e(t,a){Object(ii["a"])(this,e),this.list=Object(ri["template"])(t),this.ModelVO=a}return Object(si["a"])(e,[{key:"findList",value:function(e){var t=this.list,a=e||{},l=a.sort,n=void 0===l?["updateTime"]:l,r=a.order,o=void 0===r?"desc":r,i=a.max;return function(e){var a=t,l=e.params,r=n,s=o;if(l){var c=It.a.keys(l).filter(function(e){return!["sort","order"].includes(e)&&l[e]});c&&(a=a.filter(function(e){return c.every(function(t){return""+e[t]===""+l[t]})})),l.order&&(s=l.order),l.sort&&(r=l.sort.split(","))}return a=It.a.sortBy(t,r),"desc"===s&&(a=a.reverse()),i?a.slice(0,i):a}}},{key:"findTreeNodeList",value:function(e){var t=this.list,a=e||{},l=a.sort,n=void 0===l?["updateTime"]:l,r=a.order,o=void 0===r?"desc":r,i=a.key,s=void 0===i?"id":i,c=a.parentKey,d=void 0===c?"parentId":c,u=a.max;return function(e){var a=t,l=e.params,r=n,i=o;if(l){var c=It.a.keys(l).filter(function(e){return!["sort","order"].includes(e)&&l[e]});c&&(a=a.filter(function(e){return c.every(function(t){return""+e[t]===""+l[t]})})),l.order&&(i=l.order),l.sort&&(r=l.sort.split(","))}if(a=It.a.toArrayTree(t,{key:s,parentKey:d,sortKey:r}),l&&l[s]){var p=It.a.findTree(a,function(e){return""+e[s]===""+l[s]},{key:s,parentKey:d});a=p?p.item.children:[]}return a=a.map(function(e){return e.children&&e.children.length&&(e.hasChildren=!0),delete e.children,e}),"desc"===i&&(a=a.reverse()),u?a.slice(0,u):a}}},{key:"findPageList",value:function(e){var t=this.list,a=e||{},l=a.sort,n=void 0===l?["updateTime"]:l,r=a.order,o=void 0===r?"desc":r,i=a.page;return function(e,a,l){var r=l.pathVariable,s=10,c=1,d=t,u=e.params,p=n,b=o;if(u){var m=It.a.keys(u).filter(function(e){return!["sort","order"].includes(e)&&u[e]});m&&(d=d.filter(function(e){return m.every(function(t){return String(e[t]||"").indexOf(u[t])>-1})})),u.order&&(b=u.order),u.sort&&(p=u.sort.split(","))}r&&(s=It.a.toNumber(r[i&&i.size?i.size:"pageSize"])||s,c=It.a.toNumber(r[i&&i.current?i.current:"currentPage"])||c);var v=d.length;return d=It.a.sortBy(d,p),"desc"===b&&(d=d.reverse()),a.body={page:{pageSize:s,currentPage:c,totalResult:v},result:d.slice((c-1)*s,c*s)},a}}},{key:"deleteByPathVariable",value:function(e){var t=this.list,a=e||{},l=a.key,n=void 0===l?"id":l;return function(e,a,l){var r=l.pathVariable,o=[];return r&&(o=It.a.remove(t,function(e){return e[n]===r[n]})),a.body=o,a}}},{key:"deleteTreeByPathVariable",value:function(e){var t=this.list,a=e||{},l=a.key,n=void 0===l?"id":l,r=a.parentKey,o=void 0===r?"parentId":r;return function(e,a,l){var r=l.pathVariable,i=[];return r&&function(){var e=It.a.remove(t,function(e){return e[n]===r[n]});i=i.concat(e);while(e.length)e=It.a.remove(t,function(t){return e.some(function(e){return e[n]===t[o]})}),i=i.concat(e)}(),a.body=i,a}}},{key:"insertByBody",value:function(e){var t=this.list,a=this.ModelVO,l=e||{},r=l.key,o=void 0===r?"id":r;return function(e,l){var r=[];if(e.body){var i=n()(),s=[e.body];s.forEach(function(e){var l,n=Ir()(new a(e),(l={},Object(Or["a"])(l,o,ci++),Object(Or["a"])(l,"updateTime",i),Object(Or["a"])(l,"createTime",i),l));r.push(n),t.push(n)})}return r}}},{key:"insertTreeByBody",value:function(e){var t=this.list,a=this.ModelVO,l=e||{},r=l.key,o=void 0===r?"id":r,i=l.parentKey,s=void 0===i?"parentId":i;return function(e,l){var r=[];if(e.body){var i=n()(),c=[e.body],d=function e(l,n){l.forEach(function(l){var c,d=Ir()(new a(l),(c={},Object(Or["a"])(c,o,ci++),Object(Or["a"])(c,"updateTime",i),Object(Or["a"])(c,"createTime",i),c));n&&(d[s]=n[o]),r.push(d),t.push(d),e(l.children||[],d)})};d(It.a.toArrayTree(c,{key:o,parentKey:s}))}return r}}},{key:"updateByBody",value:function(e){var t=this.list,a=e||{},l=a.key,r=void 0===l?"id":l;return function(e,a){var l=[];if(e.body){var o=n()(),i=[e.body];i.forEach(function(e){var a=t.find(function(t){return t[r]===e[r]});a&&(It.a.destructuring(a,e,{updateTime:o}),l.push(a))})}return l}}},{key:"saveListByBody",value:function(e){var t=this.list,a=this.ModelVO,l=e||{},r=l.key,o=void 0===r?"id":r,i=l.page;return function(e,l){var r=[],s=[],c=[];if(e.body){var d=n()(),u=e.body[i&&i.update?i.update:"updateRecords"]||[],p=e.body[i&&i.remove?i.remove:"removeRecords"]||[],b=e.body[i&&i.insert?i.insert:"insertRecords"]||[];c=It.a.remove(t,function(e){return p.some(function(t){return t[o]===e[o]})}),u.forEach(function(e){var a=t.find(function(t){return t[o]===e[o]});a&&(It.a.destructuring(a,e,{updateTime:d}),s.push(a))}),b.forEach(function(e){var l,n=Ir()(new a(e),(l={},Object(Or["a"])(l,o,ci++),Object(Or["a"])(l,"updateTime",d),Object(Or["a"])(l,"createTime",d),l));r.push(n),t.push(n)})}return l.body={insertRest:r,updateRest:s,removeRest:c},l}}},{key:"saveTreeListByBody",value:function(e){var t=this.list,a=this.ModelVO,l=e||{},r=l.key,o=void 0===r?"id":r,i=l.parentKey,s=void 0===i?"parentId":i,c=l.page;return function(e,l){var r=[],i=[],d=[];return e.body&&function(){var l=n()(),u=e.body[c&&c.update?c.update:"updateRecords"]||[],p=e.body[c&&c.remove?c.remove:"removeRecords"]||[],b=e.body[c&&c.insert?c.insert:"insertRecords"]||[],m=It.a.remove(t,function(e){return p.some(function(t){return t[o]===e[o]})});d=d.concat(m);while(m.length)m=It.a.remove(t,function(e){return m.some(function(t){return t[o]===e[s]})}),d=d.concat(m);u.forEach(function(e){var a=t.find(function(t){return t[o]===e[o]});a&&(It.a.destructuring(a,e,{updateTime:l}),i.push(a))});var v=function e(n,i){n.forEach(function(n){var c,d=Ir()(new a(n),(c={},Object(Or["a"])(c,o,ci++),Object(Or["a"])(c,"updateTime",l),Object(Or["a"])(c,"createTime",l),c));i&&(d[s]=i[o]),r.push(d),t.push(d),e(n.children||[],d)})};v(It.a.toArrayTree(b,{key:o,parentKey:s}))}(),l.body={insertRest:r,updateRest:i,removeRest:d},l}}}]),e}(),ui=di;Object(ri["GET"])("/api/conf/region/list",a("62f2")),Object(ri["GET"])("/api/conf/sex/list",a("e9c4")),Object(ri["GET"])("/api/conf/columns/list",a("d97a")),Object(ri["GET"])("/api/conf/languages/list",a("9391"));var pi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.name=t.name,this.describe=t.describe,this.createTime=t.createTime,this.updateTime=t.updateTime},bi=new ui(a("b4c6"),pi);Object(ri["DELETE"])("/api/role/delete/{id}",bi.deleteByPathVariable()),Object(ri["POST"])("/api/role/add",bi.insertByBody()),Object(ri["POST"])("/api/role/update",bi.updateByBody()),Object(ri["POST"])("/api/role/save",bi.saveListByBody()),Object(ri["GET"])("/api/role/list",bi.findList({max:10})),Object(ri["GET"])("/api/role/page/list/{pageSize}/{currentPage}",bi.findPageList());var mi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.name=t.name,this.password=t.password,this.sex=t.sex,this.role=t.role,this.region=t.region,this.email=t.email,this.age=t.age,this.rate=t.rate,this.flag=t.flag,this.phone=t.phone,this.describe=t.describe,this.describe2=t.describe2,this.describe3=t.describe3,this.attr1=t.attr1,this.attr2=t.attr2,this.attr3=t.attr3,this.attr4=t.attr4,this.attr5=t.attr5,this.attr6=t.attr6,this.createTime=t.createTime,this.updateTime=t.updateTime},vi=new ui(a("4612"),mi);Object(ri["DELETE"])("/api/user/delete/{id}",vi.deleteByPathVariable()),Object(ri["POST"])("/api/user/add",vi.insertByBody()),Object(ri["POST"])("/api/user/update",vi.updateByBody()),Object(ri["POST"])("/api/user/save",vi.saveListByBody()),Object(ri["GET"])("/api/user/list",vi.findList({max:10})),Object(ri["GET"])("/api/user/page/list/{pageSize}/{currentPage}",vi.findPageList());var hi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.parentId=t.parentId,this.name=t.name,this.size=t.size,this.type=t.type,this.createTime=t.createTime,this.updateTime=t.updateTime},fi=new ui(a("3261"),hi);Object(ri["DELETE"])("/api/file/delete/{id}",fi.deleteByPathVariable()),Object(ri["POST"])("/api/file/add",fi.insertByBody()),Object(ri["POST"])("/api/file/update",fi.updateByBody()),Object(ri["POST"])("/api/file/save",fi.saveTreeListByBody()),Object(ri["GET"])("/api/file/list",fi.findList()),Object(ri["GET"])("/api/file/node/list",fi.findTreeNodeList()),Object(ri["GET"])("/api/file/page/list/{pageSize}/{currentPage}",fi.findPageList());var xi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.key=t.key,this.name=t.name,this.readonly=t.readonly,this.required=t.required,this.validator=t.validator,this.validMsg=t.validMsg,this.visible=t.visible,this.width=t.width,this.describe=t.describe,this.createTime=t.createTime,this.updateTime=t.updateTime},gi=new ui(a("3096"),xi);Object(ri["DELETE"])("/api/column/delete/{id}",gi.deleteByPathVariable()),Object(ri["POST"])("/api/column/add",gi.insertByBody()),Object(ri["POST"])("/api/column/update",gi.updateByBody()),Object(ri["POST"])("/api/column/save",gi.saveListByBody()),Object(ri["GET"])("/api/column/list",gi.findList()),Object(ri["GET"])("/api/column/page/list/{pageSize}/{currentPage}",gi.findPageList());var wi=function e(t){Object(ii["a"])(this,e),this.id=t.id,this.key=t.key,this.name=t.name,this.language=t.language,this.createTime=t.createTime,this.updateTime=t.updateTime},yi=new ui(a("0e3c"),wi);Object(ri["DELETE"])("/api/i18n/delete/{id}",yi.deleteByPathVariable()),Object(ri["POST"])("/api/i18n/add",yi.insertByBody()),Object(ri["POST"])("/api/i18n/update",yi.updateByBody()),Object(ri["POST"])("/api/i18n/save",yi.saveListByBody()),Object(ri["GET"])("/api/i18n/list",yi.findList()),Object(ri["GET"])("/api/i18n/page/list/{pageSize}/{currentPage}",yi.findPageList({sort:["key"],order:"asc"}));a("696c");Ma.a.use(oi.a),r["default"].config.productionTip=!1;var Ci=window.MOCK_COLUMN_LIST=[],_i=window.MOCK_DATA_LIST=[],Ti=n()(),Si=0,Di=2e5;function ki(){for(var e=0===Si?1e4:1500,t=0;t<e;t++)Ti+=5e3,Si++,Ci.length<1e4&&Ci.push({prop:"name",label:"cloumn_"+Si,width:160}),_i.push({id:Si,name:"name_"+Si,role:"role_"+Si,key:"home.label.key"+(t%2===0?t-1:t),language:t%2===0?"zh_CN":"en_US",checked:!1,flag:t%2===0,date:new Date(Ti),date1:new Date(Ti),date2:"09:00:00",date3:It.a.toDateString(Ti,"yyyy-MM-dd"),time:Ti+It.a.random(100,1e4),sex:t%3?"0":"1",sex1:[t%3?"0":"1"],sex2:t%3?"0":"1",age:It.a.random(18,35),region:t%4===0?[19,199,1773]:t%3===0?[9,73,719]:[1,1,5],rate:It.a.random(0,5),address:"地址 地址地址 地址地址 址地址址地址 址地址 址地址  址地址 址地址  址地址 址地址址地址址地址 地址".concat(t),updateTime:Ti,createTime:Ti,info:{name2:"name2_"+Si,more:{sex2:t%3?"0":"1",age2:It.a.random(18,35)}}});Si<Di&&setTimeout(ki,10)}ki(),new r["default"]({router:Sr,render:function(e){return e(p)}}).$mount("#app")},d8ca:function(e,t){e.exports="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAQ0lEQVR42u3UwQkAIAwEwfTfwVWrHYgggQgz4M/HgnJVAPwjyZpwjoG3Ou8KFCjwJdDM+IMCBZoZTyxQoJlpmxkA5tn8OqxHQ2o62wAAAABJRU5ErkJggg=="},d97a:function(e){e.exports=[{prop:"name",label:"名称",visible:!0},{prop:"nickname",label:"昵称",visible:!0},{prop:"sex",label:"性别",visible:!0},{prop:"age",label:"年龄",visible:!0},{prop:"phone",label:"手机",visible:!0},{prop:"region",label:"地区",visible:!0},{prop:"date",label:"日期",visible:!0},{prop:"rate",label:"评分",visible:!0},{prop:"attr1",label:"属性1",visible:!1},{prop:"attr2",label:"属性2",visible:!1},{prop:"attr3",label:"属性3",visible:!1},{prop:"attr4",label:"属性4",visible:!1},{prop:"attr5",label:"属性5",visible:!1}]},e9c4:function(e){e.exports=[{label:"男",spell:"nan",value:"1",value2:1,val:"x"},{label:"女",spell:"nv",value:"0",value2:0,val:"o"}]}})["default"];
\ No newline at end of file
diff --git a/examples/App.vue b/examples/App.vue
index 11fa3a7a1..09a67a392 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -402,13 +402,6 @@ export default {
               locat: {
                 name: 'TableExcelCell'
               }
-            },
-            {
-              lable: '单元格拖拽',
-              disabled: true,
-              locat: {
-                name: 'TableInstall'
-              }
             }
           ]
         },
