m2-ui/lib/table.js

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

/*!
 * m2-ui v1.0.0
 * (c) 2020 by Miracle He
 * Released under the MIT License.
 */
module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(o,i,function(t){return e[t]}.bind(null,i));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/",n(n.s=39)}([function(e,t,n){"use strict";function o(e,t,n,o,i,r,a,u){var l,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),a?(l=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__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},c._ssrRegister=l):i&&(l=u?function(){i.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:i),l)if(c.functional){c._injectStyles=l;var s=c.render;c.render=function(e,t){return l.call(t),s(e,t)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,l):[l]}return{exports:e,options:c}}n.d(t,"a",(function(){return o}))},function(e,t){e.exports=require("vue")},function(e,t,n){"use strict";var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i="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};t.a={hasOwn:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},isListened:function(e,t){return e._events[t]&&"object"===i(e._events[t])},getClientHeight:function(){return document.documentElement.clientHeight},getScrollTop:function(){return window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop},setScrollTop:function(e){document.documentElement.scrollTop=document.body.scrollTop=e},getMapItem:function(e,t){for(var n=arguments.length,i=Array(n>2?n-2:0),r=2;r<n;r++)i[r-2]=arguments[r];return i.reduce((function(n,i){var r;return o({},n,((r={})[i]=e[t[i]]||e[i],r))}),{})},oneOf:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=t.some((function(t){return t===e}));return n}}},function(e,t){e.exports=require("m2-core")},function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return i})),n.d(t,"c",(function(){return r})),n.d(t,"d",(function(){return a}));var o=n(7).default,i=n(12).default,r=n(10).default,a=n(11).default},function(e,t){e.exports=require("deepmerge")},,function(e,t,n){"use strict";n.r(t);var o=n(3);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,o.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={m2:{backtop:"Back Top",loading:"Loading...",modal:{ok:"OK",cancel:"Cancel"},confirm:{title:"Delete Confirmation",message:"This will delete the data permanently, continue?"},toast:"Toast Message",header:{navigation:"Navigation",logoText:"M2 MFE",placeholder:"Search People, Material, Guideline...",feedback:"Suggestion & Feedback",exit:"Exit"},sidebar:{home:"Home Page"},table:{index:"No.",menu:"Action"},queryPanel:{query:"Query",reset:"Reset"}}}},function(e,t,n){"use strict";n.r(t),t.default={m2:{backtop:"返回顶部",loading:"正在努力加载中",modal:{ok:"确定",cancel:"取消"},confirm:{title:"删除提示",message:"此操作将永久删除该数据, 是否继续?"},toast:"提示消息",header:{navigation:"导航",logoText:"M2微前端框架",placeholder:"找人、搜功能、看指引",feedback:"意见反馈",exit:"退出"},sidebar:{home:"返回首页"},table:{index:"序号",menu:"操作"},queryPanel:{query:"查询",reset:"重置"}}}},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 o=n(2);t.default={props:{showMenu:{type:Boolean,default:!1},config:{type:Object,default:function(){return{menus:{active:"0",map:{},data:[]}}}}},mounted:function(){this.handleMenuConfig()},data:function(){return{menuList:[],collapseClass:"",activeIndex:""}},watch:{config:{handler:function(e){this.handleMenuConfig()},deep:!0}},methods:{handleMenuConfig:function(){var e=this.config.menus,t=e.active,n=e.map,o=e.data;this.activeIndex=t,this.menuList=this.getMenuList(n,o)},getMenuList:function(e,t){var n=this;return t.map((function(t){var i=o.a.getMapItem(t,e,"key","text","url","level","pid"),r=t[e.children]||t.children;return i.pid===(e.root||"0")&&(i.icon=t.icon?"iconfont el-icon-"+t.icon:"iconfont el-icon-menu",i.title=t.alias||i.text),i.level&&(i.className="m2-menu-item-"+i.level),t.click?i.click=t.click:i.click=function(){},r&&r.length>0?(i.hasChildren=!!r&&r.length>0,i.hasChildren&&(i.slotName="title",i.children=n.getMenuList(e,r))):i.slotName="default",i}))},handleToggleMenu:function(e){this.collapseClass=e?"nav-collapse":""}}}},function(e,t,n){"use strict";n.r(t);var o=n(1),i=n.n(o),r=n(5),a=n.n(r),u=n(3),l=n(2),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},s=/(%|)\{([0-9a-zA-Z_]+)\}/g,f=function(){return function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];return 1===n.length&&"object"===c(n[0])&&(n=n[0]),n&&n.hasOwnProperty||(n={}),e.replace(s,(function(t,o,i,r){var a=void 0;return"{"===e[r-1]&&"}"===e[r+t.length]?i:null==(a=l.a.hasOwn(n,i)?n[i]:null)?"":a}))}},d=void 0,p=arguments,h=null,g=!1,m=function(){var e=Object.getPrototypeOf(d||i.a).$t;if("function"==typeof e&&i.a.locale)return g||(g=!0,i.a.locale(i.a.config.lang,a()(h,i.a.locale(i.a.config.lang)||{},{clone:!0}))),e.apply(d,p)},y=function(e,t){var n=u.DataStorage.get(u.DEFAULT_LANGUAGE_SETTING);v(n);var o=m.apply(d,p);if(null!=o)return o;for(var i=e.split("."),r=h,a=0,l=i.length;a<l;a++){if(o=r[i[a]],a===l-1)return f()(o,t);if(!o)return"";r=o}return""},v=function(e){switch(e){case"en":h=n(8).default;break;case"zh":default:h=n(9).default}},b={t:y,use:v,i18n:function(e){return m=e||m}};t.default={methods:{t: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 o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.showPager?n("div",{ref:"pager",staticClass:"m2-data-pager"},[n("el-pagination",{attrs:{background:"",layout:e.layout,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()};o._withStripped=!0;var i={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})}}},r=n(0),a=Object(r.a)(i,o,[],!1,null,null,null);a.options.__file="packages/pager/src/main.vue";var u=a.exports;u.install=function(e){e.component(u.name,u)};t.default=u},,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";n.r(t);var o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"m2-table"},[n("el-table",{attrs:{data:e.data,border:"",stripe:""},on:{"selection-change":e.handleSelectionChange}},[e.checkbox?n("el-table-column",{attrs:{type:"selection",align:"center",width:"50",fixed:""}}):e._e(),e.index?n("el-table-column",{attrs:{type:"index",label:e.indexText||e.t("m2.table.index"),align:"center",width:"50",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.options,(function(t,o){return[n("el-table-column",{key:o,attrs:{prop:t.prop,label:t.label,width:t.width||"auto",align:t.align||"left",fixed:t.fixed||!1,"show-overflow-tooltip":t.overflow||!0},scopedSlots:e._u([{key:"default",fn:function(o){return[t.slot?e._t(o.column.property,null,{row:o.row,$index:o.$index}):n("span",[e._v(e._s(o.row[o.column.property]))])]}}])})]})),e.menu?n("el-table-column",{attrs:{label:e.menuText||e.t("m2.table.menu"),align:"center",width:e.menuWidth,fixed:"right"},scopedSlots:e._u([{key:"default",fn:function(t){return[n("div",{staticClass:"menu-cell"},[e._t("menu",null,{row:t.row,$index:t.$index})],2)]}}])}):e._e()],2),n("div",{staticClass:"table-footer"},[n("div",{staticClass:"footer"},[e._t("footer")],2),n("m2-pager",{attrs:{pager:e.pager}})],1)],1)};o._withStripped=!0;var i=n(4),r=n(20),a={name:"m2-table",mixins:[i.b],props:{checkbox:{type:Boolean,default:!1},index:{type:Boolean,default:!0},indexText:String,menu:{type:Boolean,default:!0},menuText:String,menuWidth:{type:Number,default:150},pager:{type:Object,default:function(){return{}}},data:{type:Array,default:function(){return[]}},options:{type:Array,default:function(){return[]}}},data:function(){return{selected:[]}},methods:{handleSelectionChange:function(e){this.selected=e}},components:{M2Pager:r.default}},u=n(0),l=Object(u.a)(a,o,[],!1,null,null,null);l.options.__file="packages/table/src/main.vue";var c=l.exports;c.install=function(e){e.component(c.name,c)};t.default=c}]);