m2-ui/lib/header.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 r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.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 r in t)n.d(i,r,function(e){return t[e]}.bind(null,r));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=27)}([function(t,e,n){"use strict";function i(t,e,n,i,r,o,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),o&&(c._scopeId="data-v-"+o),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__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=l):r&&(l=s?function(){r.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:r),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},r="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"===r(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,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];return r.reduce((function(n,r){var o;return i({},n,((o={})[r]=t[e[r]]||t[r],o))}),{})},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 r})),n.d(e,"c",(function(){return o})),n.d(e,"d",(function(){return a}));var i=n(7).default,r=n(12).default,o=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 r=i.a.getMapItem(e,t,"key","text","url","level","pid"),o=e[t.children]||e.children;return r.pid===(t.root||"0")&&(r.icon=e.icon?"iconfont el-icon-"+e.icon:"iconfont el-icon-menu",r.title=e.alias||r.text),r.level&&(r.className="m2-menu-item-"+r.level),e.click?r.click=e.click:r.click=function(){},o&&o.length>0?(r.hasChildren=!!o&&o.length>0,r.hasChildren&&(r.slotName="title",r.children=n.getMenuList(t,o))):r.slotName="default",r}))},handleToggleMenu:function(t){this.collapseClass=t?"nav-collapse":""}}}},function(t,e,n){"use strict";n.r(e);var i=n(1),r=n.n(i),o=n(5),a=n.n(o),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,r,o){var a=void 0;return"{"===t[o-1]&&"}"===t[o+e.length]?r:null==(a=l.a.hasOwn(n,r)?n[r]:null)?"":a}))}},d=void 0,h=arguments,p=null,m=!1,g=function(){var t=Object.getPrototypeOf(d||r.a).$t;if("function"==typeof t&&r.a.locale)return m||(m=!0,r.a.locale(r.a.config.lang,a()(p,r.a.locale(r.a.config.lang)||{},{clone:!0}))),t.apply(d,h)},v=function(t,e){var n=s.DataStorage.get(s.DEFAULT_LANGUAGE_SETTING);y(n);var i=g.apply(d,h);if(null!=i)return i;for(var r=t.split("."),o=p,a=0,l=r.length;a<l;a++){if(i=o[r[a]],a===l-1)return f()(i,e);if(!i)return"";o=i}return""},y=function(t){switch(t){case"en":p=n(8).default;break;case"zh":default:p=n(9).default}},_={t:v,use:y,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 _.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 r=n(6),o={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:r.Fragment}},a=n(0),s=Object(a.a)(o,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.$createElement,e=this._self._c||t;return e("div",{staticClass:"m2-navigation"},[e("el-menu",{attrs:{mode:"horizontal","menu-trigger":"hover"}},[e("el-submenu",{attrs:{index:"1","popper-class":"m2-nav-menu-popper"}},[this._t("default",[[e("i",{staticClass:"el-icon-menu"})]],{slot:"title"}),e("m2-navigation-menu",{attrs:{data:this.menus}})],2)],1)],1)};i._withStripped=!0;var 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-nav-menu-item",attrs:{to:e.url}},[n(t.hasChildren(e)?"el-submenu":"el-menu-item",{tag:"component",class:e.className,attrs:{index:e.key,"popper-class":"m2-nav-menu-popper"}},[n("template",{slot:t.hasChildren(e)?"title":"default"},[e.icon?n("i",{class:e.icon}):t._e(),t._v("\n        "+t._s(e.text)+"\n      ")]),t.hasChildren(e)?n("m2-navigation-menu",{attrs:{data:e.children}}):t._e()],2)],1)})),1)};r._withStripped=!0;var o=n(6),a=n(13),s={name:"m2-navigation-menu",props:{data:{type:Array,default:function(){return[]}}},methods:{hasChildren:function(t){return Array.isArray(t.children)&&t.children.length>0}},components:{Fragment:o.Fragment,M2Link:a.default}},l=n(0),c=Object(l.a)(s,r,[],!1,null,null,null);c.options.__file="packages/navigation/src/menu.vue";var u=c.exports,f={name:"m2-navigation",props:{menus:{type:Array,default:function(){return[]}}},components:{M2NavigationMenu:u}},d=Object(l.a)(f,i,[],!1,null,null,null);d.options.__file="packages/navigation/src/main.vue";var h=d.exports;h.install=function(t){t.component(h.name,h)};e.default=h},,,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-header-wrapper"},[e("div",{class:this.containerClassName},[e("div",{staticClass:"header-inner"},[this._t("left"),this._t("center"),this._t("right")],2)])])};i._withStripped=!0;var r={name:"m2-header-wrapper",props:{containerClass:String},computed:{containerClassName:function(){return this.containerClass?"m2-container "+this.containerClass:"m2-container"}}},o=n(0),a=Object(o.a)(r,i,[],!1,null,null,null);a.options.__file="packages/header-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,e=t.$createElement,n=t._self._c||e;return n("m2-header-wrapper",{staticClass:"m2-header",attrs:{containerClass:t.containerClass}},[n("div",{staticClass:"header-left",class:{"has-nav":t.showMenu},attrs:{slot:"left"},slot:"left"},[t.showMenu?n("div",{staticClass:"nav"},[n("m2-navigation",{attrs:{menus:t.menuList}},[n("i",{staticClass:"el-icon-s-grid"}),t._v(t._s(t.t("m2.header.navigation"))+"\n      ")])],1):t._e(),t._t("logo",[n("div",{staticClass:"logo"},[n("a",{attrs:{href:"/"}},[t._v(t._s(t.t("m2.header.logoText")))])])])],2),n("div",{staticClass:"header-right",attrs:{slot:"right"},slot:"right"},[t.showSearch?n("div",{staticClass:"search"},[n("el-input",{staticClass:"keyword",attrs:{placeholder:t.t("m2.header.placeholder")},nativeOn:{keyup:function(e){return!("button"in e)&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.handleSearch(e)}},model:{value:t.keyword,callback:function(e){t.keyword=e},expression:"keyword"}},[n("i",{staticClass:"el-input__icon el-icon-search",attrs:{slot:"suffix"},on:{click:function(e){return e.stopPropagation(),t.handleSearch(e)}},slot:"suffix"})])],1):t._e(),t._t("links",[n("a",{attrs:{href:"javascript:void(0)"}},[t._v(t._s(t.t("m2.header.feedback")))]),n("a",{attrs:{href:"javascript:void(0)"}},[t._v(t._s(t.t("m2.header.exit")))])]),t._t("extra-links")],2)])};i._withStripped=!0;var r=n(3),o=n(2),a=n(4),s=n(17),l=n(14),c=void 0,u={name:"m2-header",mixins:[a.b],props:{showMenu:{type:Boolean,default:!0},showSearch:{type:Boolean,default:!0},config:{type:Object,default:function(){return{menus:{map:{},data:[]}}}},containerClass:String},data:function(){return{keyword:"",menuList:[]}},methods:{handleSearch:r.DataEvent.debounce((function(){c.keyword=c.keyword.trim(),c.keyword.length&&c.$emit("search",c.keyword)})),getMenuList:function(t,e){var n=this;return e.map((function(e){var i=o.a.getMapItem(e,t,"key","text","url","pid"),r=e[t.children]||e.children;return i.pid===(t.root||"0")&&(i.icon=e.icon?"iconfont el-icon-"+e.icon:"iconfont el-icon-menu"),r&&r.length>0&&(i.hasChildren=!!r&&r.length>0,i.hasChildren&&(i.children=n.getMenuList(t,r))),i}))}},created:function(){c=this;var t=this.config.menus,e=t.map,n=t.data;this.menuList=this.getMenuList(e,n)},components:{M2HeaderWrapper:s.default,M2Navigation:l.default}},f=n(0),d=Object(f.a)(u,i,[],!1,null,null,null);d.options.__file="packages/header/src/main.vue";var h=d.exports;h.install=function(t){t.component(h.name,h)};e.default=h}]);