m2-ui/lib/main.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(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/dist/",n(n.s=29)}([function(t,e,n){"use strict";function i(t,e,n,i,o,r,a,s){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),i&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),a?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=l):o&&(l=s?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,l):[l]}return{exports:t,options:c}}n.d(e,"a",(function(){return i}))},function(t,e){t.exports=require("vue")},function(t,e,n){"use strict";var i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};e.a={hasOwn:function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},isListened:function(t,e){return t._events[e]&&"object"===o(t._events[e])},getClientHeight:function(){return document.documentElement.clientHeight},getScrollTop:function(){return window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop},setScrollTop:function(t){document.documentElement.scrollTop=document.body.scrollTop=t},getMapItem:function(t,e){for(var n=arguments.length,o=Array(n>2?n-2:0),r=2;r<n;r++)o[r-2]=arguments[r];return o.reduce((function(n,o){var r;return i({},n,((r={})[o]=t[e[o]]||t[o],r))}),{})},oneOf:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=e.some((function(e){return e===t}));return n}}},function(t,e){t.exports=require("m2-core")},function(t,e,n){"use strict";n.d(e,"a",(function(){return i})),n.d(e,"b",(function(){return o})),n.d(e,"c",(function(){return r})),n.d(e,"d",(function(){return a}));var i=n(7).default,o=n(12).default,r=n(10).default,a=n(11).default},function(t,e){t.exports=require("deepmerge")},function(t,e){t.exports=require("vue-fragment")},function(t,e,n){"use strict";n.r(e);var i=n(3);e.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 t=this;this.$nextTick((function(){return t.initContentHeight()}))},methods:{initContentHeight:function(){this.resizeWindow(),window.addEventListener("resize",this.resizeWindow)},resizeWindow:function(){var t=document.documentElement;this.clientHeight=""+t.clientHeight,i.DataType.isFunction(this.calculateHeight)?this.contentHeight=this.calculateHeight(this.clientHeight):this.contentHeight=this.clientHeight}},destroyed:function(){window.removeEventListener("resize",this.resizeWindow)}}},function(t,e,n){"use strict";n.r(e),e.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(t,e,n){"use strict";n.r(e),e.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(t,e,n){"use strict";n.r(e),e.default={methods:{show:function(){this.$refs.modal&&this.$refs.modal.show()},hide:function(){this.$refs.modal&&this.$refs.modal.hide()}}}},function(t,e,n){"use strict";n.r(e);var i=n(2);e.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(t){this.handleMenuConfig()},deep:!0}},methods:{handleMenuConfig:function(){var t=this.config.menus,e=t.active,n=t.map,i=t.data;this.activeIndex=e,this.menuList=this.getMenuList(n,i)},getMenuList:function(t,e){var n=this;return e.map((function(e){var o=i.a.getMapItem(e,t,"key","text","url","level","pid"),r=e[t.children]||e.children;return o.pid===(t.root||"0")&&(o.icon=e.icon?"iconfont el-icon-"+e.icon:"iconfont el-icon-menu",o.title=e.alias||o.text),o.level&&(o.className="m2-menu-item-"+o.level),e.click?o.click=e.click:o.click=function(){},r&&r.length>0?(o.hasChildren=!!r&&r.length>0,o.hasChildren&&(o.slotName="title",o.children=n.getMenuList(t,r))):o.slotName="default",o}))},handleToggleMenu:function(t){this.collapseClass=t?"nav-collapse":""}}}},function(t,e,n){"use strict";n.r(e);var i=n(1),o=n.n(i),r=n(5),a=n.n(r),s=n(3),l=n(2),c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u=/(%|)\{([0-9a-zA-Z_]+)\}/g,f=function(){return function(t){for(var e=arguments.length,n=Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];return 1===n.length&&"object"===c(n[0])&&(n=n[0]),n&&n.hasOwnProperty||(n={}),t.replace(u,(function(e,i,o,r){var a=void 0;return"{"===t[r-1]&&"}"===t[r+e.length]?o:null==(a=l.a.hasOwn(n,o)?n[o]:null)?"":a}))}},p=void 0,d=arguments,m=null,h=!1,g=function(){var t=Object.getPrototypeOf(p||o.a).$t;if("function"==typeof t&&o.a.locale)return h||(h=!0,o.a.locale(o.a.config.lang,a()(m,o.a.locale(o.a.config.lang)||{},{clone:!0}))),t.apply(p,d)},v=function(t,e){var n=s.DataStorage.get(s.DEFAULT_LANGUAGE_SETTING);_(n);var i=g.apply(p,d);if(null!=i)return i;for(var o=t.split("."),r=m,a=0,l=o.length;a<l;a++){if(i=r[o[a]],a===l-1)return f()(i,e);if(!i)return"";r=i}return""},_=function(t){switch(t){case"en":m=n(8).default;break;case"zh":default:m=n(9).default}},b={t:v,use:_,i18n:function(t){return g=t||g}};e.default={methods:{t:function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return b.t.apply(this,e)}}}},function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("fragment",[t.isRouteLink?n("router-link",{attrs:{to:t.toLink,tag:t.tag}},[t._t("default",[t._v(t._s(t.text))])],2):n("a",{attrs:{href:t.toLink,target:t.targetType},on:{click:function(e){t.$emit("click")}}},[t._t("default",[t._v(t._s(t.text))])],2)],1)};i._withStripped=!0;var o=n(6),r={name:"m2-link",props:{to:{type:String,default:""},text:{type:String,default:""},tag:{type:String,default:"a"},target:{type:String,default:"_blank"}},computed:{isRouteLink:function(){return this.to.startsWith("/")||this.to.startsWith("#/")},toLink:function(){return this.to?this.to:"javascript:void(0)"},targetType:function(){return this.to?this.target:"_self"}},components:{Fragment:o.Fragment}},a=n(0),s=Object(a.a)(r,i,[],!1,null,null,null);s.options.__file="packages/link/src/main.vue";var l=s.exports;l.install=function(t){t.component(l.name,l)};e.default=l},,function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"m2-sidebar",class:{"sidebar-collapse":t.collapse}},[t.showHomeIcon?n("a",{ref:"home-icon",staticClass:"home-icon",class:{"home-collapse":t.collapse},attrs:{href:"/"}},[n("i",{staticClass:"el-icon-s-home"}),t.collapse?t._e():n("span",[t._v(t._s(t.t("m2.sidebar.home")))]),n("span",{staticClass:"home-hover-title"},[t._v(t._s(t.t("m2.sidebar.home")))])]):t._e(),n("div",{staticClass:"sidebar-wrapper"},[n("el-menu",{class:{"has-home":t.showHomeIcon},style:t.contentStyle,attrs:{"default-active":t.current,collapse:t.collapse,"collapse-transition":!1}},[n("m2-sidebar-menu",{attrs:{data:t.menus,collapse:t.collapse}})],1),n("div",{ref:"toggle-sidebar",staticClass:"toggle-sidebar",class:{"toggle-collapse":t.collapse},on:{click:function(e){t.collapse=!t.collapse}}},[n("i",{class:t.toggleClass})])],1)])};i._withStripped=!0;var o=n(4),r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("fragment",t._l(t.data,(function(e,i){return n("m2-link",{key:i,staticClass:"m2-sidebar-menu",attrs:{to:e.url},on:{click:e.click}},[n(t.hasChildren(e)?"el-submenu":"el-menu-item",{tag:"component",class:e.className,attrs:{index:e.key,"popper-class":"m2-sidebar-menu-popper"}},[n("template",{slot:t.hasChildren(e)?"title":"default"},[e.icon?n("i",{class:e.icon}):t._e(),t.collapse?t._e():n("span",{staticClass:"menu-title"},[t._v(t._s(e.text))]),e.title?n("span",{staticClass:"menu-hover-title",class:t.getHoverTitleClass(e)},[t._v(t._s(e.title))]):t._e()]),t.hasChildren(e)?n("m2-sidebar-menu",{attrs:{data:e.children}}):t._e()],2)],1)})),1)};r._withStripped=!0;var a=n(6),s=n(13),l={name:"m2-sidebar-menu",props:{data:{type:Array,default:function(){return[]}},collapse:{type:Boolean,default:!1}},methods:{getHoverTitleClass:function(t){var e=t.title.length;return e<=2?"mini-title":e<=4?"short-title":""},hasChildren:function(t){return Array.isArray(t.children)&&t.children.length>0}},components:{Fragment:a.Fragment,M2Link:s.default}},c=n(0),u=Object(c.a)(l,r,[],!1,null,null,null);u.options.__file="packages/sidebar/src/menu.vue";var f=u.exports,p={name:"m2-sidebar",mixins:[o.a,o.b],props:{showHomeIcon:{type:Boolean,default:!0},current:[Number,String],menus:{type:Array,default:function(){return[]}}},data:function(){return{collapse:!1}},computed:{toggleClass:function(){return this.$emit("toggle",this.collapse),this.collapse?"el-icon-s-unfold":"el-icon-s-fold"}},methods:{calculateHeight:function(t){var e=t-60-this.$refs["toggle-sidebar"].clientHeight;return this.showHomeIcon&&(e-=this.$refs["home-icon"].clientHeight),e}},components:{M2SidebarMenu:f}},d=Object(c.a)(p,i,[],!1,null,null,null);d.options.__file="packages/sidebar/src/main.vue";var m=d.exports;m.install=function(t){t.component(m.name,m)};e.default=m},,,function(t,e,n){"use strict";n.r(e);var i=function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"m2-main-wrapper"},[e("div",{class:this.containerClassName},[this._t("left"),this._t("right"),this.backtopTarget?e("el-backtop",{staticClass:"m2-backtop",attrs:{target:this.backtopTarget}},[e("el-tooltip",{attrs:{content:this.t("m2.backtop"),placement:"top",effect:"light","popper-class":"m2-backtop-popper"}},[e("i",{staticClass:"el-icon-top"})])],1):this._e()],2)])};i._withStripped=!0;var o={name:"m2-main-wrapper",mixins:[n(4).b],props:{containerClass:String,backtopTarget:String},computed:{containerClassName:function(){return this.containerClass?"m2-container "+this.containerClass:"m2-container"}}},r=n(0),a=Object(r.a)(o,i,[],!1,null,null,null);a.options.__file="packages/main-wrapper/src/main.vue";var s=a.exports;s.install=function(t){t.component(s.name,s)};e.default=s},function(t,e,n){"use strict";n.r(e);var i=function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"m2-router-view"},[e("keep-alive",[this.$route.meta.keepAlive?e("router-view",{attrs:{include:this.include}}):this._e()],1),this.$route.meta.keepAlive?this._e():e("router-view")],1)};i._withStripped=!0;var o={name:"m2-router-view",data:function(){return{include:[]}},watch:{$route:function(t,e){if(t.meta.keepAlive&&!this.include.includes(t.name)&&this.include.push(t.name),e.meta.keepAlive&&t.meta.level<e.meta.level){var n=this.include.indexOf(e.name);-1!==n&&this.include.splice(n,1)}}}},r=n(0),a=Object(r.a)(o,i,[],!1,null,null,null);a.options.__file="packages/router-view/src/main.vue";var s=a.exports;s.install=function(t){t.component(s.name,s)};e.default=s},,,,,,,,,,function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("m2-main-wrapper",{staticClass:"m2-main",attrs:{backtopTarget:".page-content",containerClass:t.containerClass}},[t.showMenu?n("div",{staticClass:"page-nav",class:t.collapseClass,attrs:{slot:"left"},slot:"left"},[n("m2-sidebar",{attrs:{current:t.activeIndex,menus:t.menuList},on:{toggle:t.handleToggleMenu}})],1):t._e(),n("div",{staticClass:"page-content",attrs:{slot:"right"},slot:"right"},[t._t("content-top"),t._t("content",[n("m2-router-view",{style:t.contentStyle})]),t._t("content-bottom")],2)])};i._withStripped=!0;var o=n(4),r=n(18),a=n(15),s=n(19),l={name:"m2-main",mixins:[o.d,o.a],components:{M2MainWrapper:r.default,M2Sidebar:a.default,M2RouterView:s.default},props:{containerClass:String}},c=n(0),u=Object(c.a)(l,i,[],!1,null,null,null);u.options.__file="packages/main/src/main.vue";var f=u.exports;f.install=function(t){t.component(f.name,f)};e.default=f}]);