m2-webui/lib/table.js

The package is provided web components and utilities based on vue and element-ui.

/*!
 * m2-webui v1.0.0
 * (c) 2020 by Miracle He
 * Released under the MIT License.
 */
module.exports=function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/",n(n.s=64)}([,,function(e,t){e.exports=require("m2-core")},function(e,t){e.exports=require("vue")},function(e,t,n){"use strict";function a(e,t,n,a,r,i,o,s){var u,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),a&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),o?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=u):r&&(u=s?function(){r.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:r),u)if(c.functional){c._injectStyles=u;var l=c.render;c.render=function(e,t){return u.call(t),l(e,t)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,u):[u]}return{exports:e,options:c}}n.d(t,"a",(function(){return a}))},function(e,t,n){"use strict";n.d(t,"b",(function(){return r})),n.d(t,"a",(function(){return i})),n.d(t,"c",(function(){return o}));var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},r=("function"==typeof Symbol&&Symbol.iterator,function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}),i=function(e,t){for(var n=arguments.length,r=Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];return r.reduce((function(n,r){var i;return a({},n,((i={})[r]=e[t[r]]||e[r],i))}),{})},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.startsWith("/")||e.startsWith("#/")}},function(e,t,n){"use strict";n.d(t,"a",(function(){return a})),n.d(t,"b",(function(){return r})),n.d(t,"c",(function(){return i})),n.d(t,"d",(function(){return o})),n.d(t,"e",(function(){return s})),n.d(t,"f",(function(){return u})),n.d(t,"g",(function(){return c}));var a=n(8).default,r=n(9).default,i=n(10).default,o=n(11).default,s=n(18).default,u=n(14).default,c=(n(15).default,n(19).default,n(16).default,n(17).default)},function(e,t){e.exports=require("deepmerge")},function(e,t,n){"use strict";n.r(t);var a=n(2);t.default={data:function(){return{contentHeight:"100%",clientHeight:"1000px"}},computed:{contentStyle:function(){return this.contentHeight>0?{height:this.contentHeight+"px"}:{height:this.contentHeight}}},mounted:function(){var e=this;this.$nextTick((function(){return e.initContentHeight()}))},methods:{initContentHeight:function(){this.resizeWindow(),window.addEventListener("resize",this.resizeWindow)},resizeWindow:function(){var e=document.documentElement;this.clientHeight=""+e.clientHeight,a.DataType.isFunction(this.calculateHeight)?this.contentHeight=this.calculateHeight(this.clientHeight):this.contentHeight=this.clientHeight}},destroyed:function(){window.removeEventListener("resize",this.resizeWindow)}}},function(e,t,n){"use strict";n.r(t),t.default={props:{mClass:String}}},function(e,t,n){"use strict";n.r(t);var a=n(2);t.default={props:{layout:{type:Array,default:function(){return[]}}},computed:{empty:function(){return a.DataType.isEmptyArray(this.layout)}},methods:{has:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"layout";return this[t]&&this[t].some((function(t){return t===e}))}}}},function(e,t,n){"use strict";n.r(t);var a=n(2),r=n(5);t.default={methods:{handleLinkClick:function(e){if(e.url)if(Object(r.c)(e.url)&&this.$router)try{var t=this.$router.push({path:e.url});t&&t.catch&&t.catch((function(){}))}catch(e){}else window.open(e.url,e.target||"_blank");else a.DataType.isFunction(e.click)&&e.click(e)}}}},function(e,t,n){"use strict";n.r(t),t.default={m2:{loading:"Loading...",toast:"Toast Message",table:{caption:"List",select:"Select",number:"No.",action:"Action"},modal:{ok:"OK",cancel:"Cancel"},alert:{title:"Information",message:"Success!"},confirm:{title:"Delete Confirmation",message:"This will delete the data permanently, continue?"},queryPanel:{query:"Query",reset:"Reset"},layout:{navMenu:"Navigation",navbar:{more:"More"},search:{placeholder:"Search People, Material, Guideline..."},links:{feedback:"Suggestion & Feedback",exit:"Exit"},icons:{setting:"Setting",message:"Message"},backtop:"Back Top"},exception:{error:{401:"You don't have the authority to access this page!",404:"Sorry, the page has wrong!"},back:"Back",or:"or",home:"Home",apply:"Apply Authority",contactUs:"Contact Us: 8008"}}}},function(e,t,n){"use strict";n.r(t),t.default={m2:{loading:"正在努力加载中",toast:"提示消息",table:{caption:"列表",select:"选择",number:"序号",action:"操作"},modal:{ok:"确定",cancel:"取消"},alert:{title:"消息提示",message:"成功！"},confirm:{title:"删除提示",message:"此操作将永久删除该数据, 是否继续?"},queryPanel:{query:"查询",reset:"重置"},layout:{navMenu:"导航",navbar:{more:"更多"},search:{placeholder:"找人、搜功能、看指引"},links:{feedback:"意见反馈",exit:"退出"},icons:{setting:"个人设置",message:"消息通知"},backtop:"返回顶部"},exception:{error:{401:"你暂时没有访问该页面的权限!",404:"很抱歉出错了!"},back:"返回上一页",or:"或者",home:"返回主页",apply:"申请权限",contactUs:"联系我们: 8008"}}}},function(e,t,n){"use strict";n.r(t),t.default={methods:{show:function(){this.$refs.modal&&this.$refs.modal.show()},hide:function(){this.$refs.modal&&this.$refs.modal.hide()}}}},function(e,t,n){"use strict";n.r(t);var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e};t.default={methods:{getSelectedItems:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.map((function(t){var n=e.getCurrentItem(t),r=n.key,i=n.text,o=n.tags,s=n.modal;return a({},t,{_key:r+"-"+i,_text:i,_tags:o,_modal:s})}))}}}},function(e,t,n){"use strict";n.r(t);var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e};t.default={data:function(){return{queryTypes:{}}},methods:{createdBus:function(){var e=this;Object.keys(this.queryTypes).map((function(t){var n=e.queryTypes[t];n.params=a({},n.params,{current:n.pager.current,size:n.pager.size}),n.auto&&n.list&&n.list.query(),e.$bus.$on(n.list.event||"query",(function(t){return e.getPageDataList(n,t)})),e.$bus.$on(n.pager.event||"pager-change",(function(t){return e.getPageDataList(n,t)}))}))},getPageDataList:function(e,t){e.pager.current=t.pageIndex,e.pager.size=t.pageSize,e.params=a({},e.params,t),e.list.query()}},destroyed:function(){var e=this;Object.keys(this.queryTypes).map((function(t){var n=e.queryTypes[t];e.$bus.$off(n.list.event||"query"),e.$bus.$off(n.pager.event||"query")}))}}},function(e,t,n){"use strict";n.r(t);var a=n(5);t.default={data:function(){return{menuList:[],collapseClass:"",activeIndex:""}},watch:{menus:{handler:function(e){this.handleMenus()},deep:!0}},mounted:function(){this.handleMenus()},methods:{handleMenus:function(){var e=this.menus,t=e.active,n=e.map,a=void 0===n?{}:n,r=e.data,i=void 0===r?[]:r;this.activeIndex=t,this.menuList=this.getMenuList(a,i,1)},getMenuList:function(e,t,n){var r=this;return t.map((function(t){var i=Object(a.a)(t,e,"key","text","icon","url","target","click","badge","badgeMax"),o=t[e.children]||t.children;return i.level=n,1===n&&(i.icon=i.icon||"el-icon-menu",i.title=t.alias||i.text),i.level&&(i.className="m2-menu-item-"+i.level),o&&o.length>0?(i.slotName="title",i.children=r.getMenuList(e,o,n+1)):i.slotName="default",i}))},handleToggleMenu:function(e){this.collapseClass=e?"nav-collapse":"",this.$emit("toggleCollapse",e)}}}},function(e,t,n){"use strict";n.r(t);var a=n(3),r=n.n(a),i=n(7),o=n.n(i),s=n(2),u=n(5),c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l=/(%|)\{([0-9a-zA-Z_]+)\}/g,f=function(){return function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];return 1===n.length&&"object"===c(n[0])&&(n=n[0]),n&&n.hasOwnProperty||(n={}),e.replace(l,(function(t,a,r,i){var o=void 0;return"{"===e[i-1]&&"}"===e[i+t.length]?r:null==(o=Object(u.b)(n,r)?n[r]:null)?"":o}))}},d=void 0,h=arguments,p=null,g=!1,m=function(){var e=Object.getPrototypeOf(d||r.a).$t;if("function"==typeof e&&r.a.locale)return g||(g=!0,r.a.locale(r.a.config.lang,o()(p,r.a.locale(r.a.config.lang)||{},{clone:!0}))),e.apply(d,h)},y=function(e,t){var n=s.DataStorage.get(s.DEFAULT_LANGUAGE_SETTING);v(n);var a=m.apply(d,h);if(null!=a)return a;for(var r=e.split("."),i=p,o=0,u=r.length;o<u;o++){if(a=i[r[o]],o===u-1)return f()(a,t);if(!a)return"";i=a}return""},v=function(e){switch(e){case"en-us":case"en":p=n(12).default;break;case"zh-cn":case"zh":default:p=n(13).default}},b={t:y,use:v,i18n:function(e){return m=e||m}};t.default={methods:{$st:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return b.t.apply(this,t)}}}},function(e,t,n){"use strict";n.r(t);var a=n(2),r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e};t.default={data:function(){return{auto:!0,queryEvent:"query",pagerEvent:"pager-change",condition:{},pager:{total:0,current:1,size:10}}},computed:{params:function(){return r({},this.condition,{current:this.pager.current,size:this.pager.size})}},created:function(){var e=this;this.$data._original=this.$data._original||a.DataUtil.clone(this.condition),this.auto&&this.getDataList(),this.$bus.$on(this.queryEvent,this.getPageDataList),this.$bus.$on(this.pager.event||this.pagerEvent,this.getPageDataList),this.$bus.$on("m2-clear-query-form",(function(){return e.condition=e.$data._original}))},methods:{getPageDataList:function(e){this.pager.current=e.pageIndex,this.pager.size=e.pageSize,this.getDataList()}},destroyed:function(){this.$bus.$off(this.queryEvent,this.getPageDataList),this.$bus.$off(this.pager.event||this.pagerEvent,this.getPageDataList),this.$bus.$off("m2-clear-query-form")}}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";n.r(t);var a=n(6),r={name:"m2-pager",props:{pager:{type:Object,default:function(){return{}}},pageSizes:{type:Array,default:function(){return[10,20,50,100]}},layout:{type:String,default:"total, prev, pager, next, jumper"}},computed:{pageIndex:{get:function(){return this.pager.current||1},set:function(e){this.pager.current=e}},pageSize:{get:function(){return this.pager.size||20},set:function(e){this.pager.size=e}},totalCount:function(){return this.pager.total||0},showPager:function(){return this.totalCount>this.pageSize},changeEvent:function(){return this.pager.event||"pager-change"}},methods:{handleSizeChange:function(e){this.pageIndex=1,this.pageSize=e,this.$bus.$emit(this.changeEvent,{pageIndex:this.pageIndex,pageSize:e})},handlePageChange:function(e){this.$bus.$emit(this.changeEvent,{pageIndex:e,pageSize:this.pageSize})}}},i=n(4),o=Object(i.a)(r,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.showPager?n("div",{ref:"pager",staticClass:"m2-pager"},[n("el-pagination",{attrs:{background:"",layout:e.layout,"hide-on-single-page":!1,total:e.totalCount,"current-page":e.pageIndex,"page-sizes":e.pageSizes,"page-size":e.pageSize},on:{"size-change":e.handleSizeChange,"current-change":e.handlePageChange,"update:currentPage":function(t){e.pageIndex=t}}})],1):e._e()}),[],!1,null,null,null).exports,s={name:"m2-table",mixins:[a.e],components:{M2Pager:o},props:{showHeader:{type:Boolean,default:!0},showFooter:{type:Boolean,default:!0},caption:{type:String,default:""},checkbox:{type:Boolean,default:!1},radio:{type:Boolean,default:!1},index:{type:Boolean,default:!0},action:{type:Boolean,default:!0},actionWidth:{type:Number,default:150},pager:{type:Object,default:function(){return{}}},data:{type:Array,default:function(){return[]}},columns:{type:Array,default:function(){return[]}},rowClassName:{type:[Function,String]},isFixedAction:{type:Boolean,default:!1}},data:function(){return{item:null}},methods:{handleSelectedChange:function(e){this.$emit("selected",e)},handleSelectedItemChange:function(e){this.item=e,this.$emit("selectedItem",e)}}},u=Object(i.a)(s,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"m2-table"},[e.showHeader?n("div",{staticClass:"table-header"},[n("div",{staticClass:"left"},[n("i",{staticClass:"el-icon-date"}),e._v(" "+e._s(e.caption||e.$st("m2.table.caption"))+"\n    ")]),n("div",{staticClass:"right"},[e._t("header")],2)]):e._e(),n("el-table",e._b({attrs:{data:e.data,border:"",stripe:"","row-class-name":e.rowClassName},on:{"selection-change":e.handleSelectedChange}},"el-table",e.$attrs,!1),[e.checkbox?n("el-table-column",{attrs:{type:"selection",align:"center",width:"50",fixed:""}}):e._e(),e.radio?n("el-table-column",{attrs:{align:"center",width:"50",fixed:""},scopedSlots:e._u([{key:"header",fn:function(t){return[n("span",{staticClass:"selection-item",attrs:{"data-item":t.row},on:{click:function(t){e.handleSelectedItemChange(null)}}},[e.item?n("i",{staticClass:"el-icon-remove-outline"}):n("i",{staticClass:"el-icon-circle-check"})])]}},{key:"default",fn:function(t){return[n("el-radio",{staticClass:"selection",attrs:{label:t.row},on:{change:e.handleSelectedItemChange},model:{value:e.item,callback:function(t){e.item=t},expression:"item"}},[n("i")])]}}])}):e._e(),e.index?n("el-table-column",{attrs:{type:"index",label:e.$st("m2.table.number"),align:"center",width:"60",fixed:""},scopedSlots:e._u([{key:"default",fn:function(t){return[n("span",[e._v(e._s(t.$index+(e.pager.current-1)*e.pager.size+1))])]}}])}):e._e(),e._l(e.columns,(function(t,a){return[n("el-table-column",{key:a,attrs:{prop:t.prop,label:t.label,width:t.width||"auto","header-align":"center",align:t.align||"center",fixed:t.fixed||!1,"show-overflow-tooltip":t.overflow||!0},scopedSlots:e._u([{key:"default",fn:function(a){return[t.slot?e._t(a.column.property,null,{row:a.row,$index:a.$index}):n("span",[e._v(e._s(a.row[a.column.property]))])]}}])})]})),e.action?n("el-table-column",{attrs:{label:e.$st("m2.table.action"),align:"center",width:e.actionWidth,fixed:!!e.isFixedAction&&"right"},scopedSlots:e._u([{key:"default",fn:function(t){return[n("div",{staticClass:"action-cell"},[e._t("action",null,{row:t.row,$index:t.$index})],2)]}}])}):e._e()],2),e.showFooter?n("div",{staticClass:"table-footer"},[n("div",{staticClass:"footer"},[e._t("footer")],2),e.pager?n("m2-pager",{attrs:{pager:e.pager}}):e._e()],1):e._e()],1)}),[],!1,null,null,null).exports;u.install=function(e){e.component(u.name,u)};t.default=u}]);