gg-y-ui/lib/breadcrumb/index.js

An enterprise-class UI design language and Vue-based implementation for web

/*!
 * 
 * y-ui v0.1.0
 * 
 * Copyright 2021-present, Y-UI-Design.
 * All rights reserved.
 * 
 */
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="",n(n.s=56)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getPrefixCls=function(e){return"y-"+e}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,r=n(2),i=(a=r)&&a.__esModule?a:{default:a};i.default.install=function(e){e.component(i.default.name,i.default)},t.default=i.default},2:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i={name:"YIcon",props:{name:String,sizes:{type:Number,default:4}},render:function(){var e,t=arguments[0],n=this.name,i=this.sizes;console.log(i);var o=(0,a.getPrefixCls)("icon"),s={class:(e={},r(e,""+o,!0),r(e,o+"-"+n,!!n),e),style:{fontSize:4*i+"px"}};return t("i",s)}};t.default=i},3:function(e,t,n){"use strict";function a(e,t,n,a,r,i,o,s){var l,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),a&&(u.functional=!0),i&&(u._scopeId="data-v-"+i),o?(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__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},u._ssrRegister=l):r&&(l=s?function(){r.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:r),l)if(u.functional){u._injectStyles=l;var c=u.render;u.render=function(e,t){return l.call(t),c(e,t)}}else{var f=u.beforeCreate;u.beforeCreate=f?[].concat(f,l):[l]}return{exports:e,options:u}}n.d(t,"a",(function(){return a}))},41:function(e,t,n){"use strict";n.d(t,"a",(function(){return a})),n.d(t,"b",(function(){return r}));var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["y-breadcrumb-normal",{"y-breadcrumb-small":"small"===e.type}]},[e._e(),n("ul",{staticClass:"y-breadcrumb-wrap"},[e.backIcon?n("li",{staticClass:"y-breadcrumb-back-icon",on:{click:e.goBack}},[n("y-icon",{attrs:{name:e.backIcon}})],1):e._e(),e._l(e.effectiveVNodes,(function(t,a){return n("li",{key:a,staticClass:"label-item",on:{click:function(n){return e.labelClick(t,t.data.attrs.to,a)}}},[e.needLevelContrl?[a<e.ellipsisIndex?void 0:a===e.ellipsisIndex?[n("span",[e._v("......")]),n("y-icon",{staticClass:"separator",attrs:{name:e.separatorIcon}})]:[n("span",[e._v(e._s(e._f("formatLabel")(t.data.attrs.label,e.labelWordLimit,a,e.effectiveVNodes)))]),a<e.effectiveVNodes.length-1?n("y-icon",{staticClass:"separator",attrs:{name:e.separatorIcon}}):e._e()]]:[n("span",[e._v(e._s(e._f("formatLabel")(t.data.attrs.label,e.labelWordLimit,a,e.effectiveVNodes)))]),a<e.effectiveVNodes.length-1?n("y-icon",{staticClass:"separator",attrs:{name:e.separatorIcon}}):e._e()]],2)}))],2),e.showLabelPopper?n("div",{staticClass:"y-breadcrumb-label-popper"},[n("ul",e._l(e.labelList,(function(t,a){return n("li",{key:a,staticClass:"pop-item",on:{click:function(n){return e.toBreadcrumbPage(t)}}},[e._v("\n        "+e._s(t)+"\n      ")])})),0)]):e._e()])},r=[]},56:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,r=n(57),i=(a=r)&&a.__esModule?a:{default:a};i.default.install=function(e){e.component(i.default.name,i.default)},t.default=i.default},57:function(e,t,n){"use strict";n.r(t);var a=n(41),r=n(8);for(var i in r)["default"].indexOf(i)<0&&function(e){n.d(t,e,(function(){return r[e]}))}(i);var o=n(3),s=Object(o.a)(r.default,a.a,a.b,!1,null,null,null);t.default=s.exports},8:function(e,t,n){"use strict";n.r(t);var a=n(9),r=n.n(a);for(var i in a)["default"].indexOf(i)<0&&function(e){n.d(t,e,(function(){return a[e]}))}(i);t.default=r.a},9:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,r=n(1),i=(a=r)&&a.__esModule?a:{default:a};t.default={name:"YBreadcrumb",components:{YIcon:i.default},filters:{formatLabel:function(e,t,n,a){return n<a.length-1&&e.length>7?e.slice(0,t)+"...":e}},props:{separator:{type:String,default:"/"},maxLevel:{type:Number,default:5},type:{type:String,default:"normal"},backIcon:{type:String,default:""}},data:function(){return{effectiveVNodes:[],initialSlotVNodes:[],breadcrumbMapWithLabel:new Map,breadcrumbMapWithPath:new Map,labelList:[],labelWordLimit:7,showLabelPopper:!1,_separator:"/"}},computed:{ellipsisIndex:function(){return this.effectiveVNodes.length-this.maxLevel},needLevelContrl:function(){return this.effectiveVNodes.length>this.maxLevel},separatorIcon:function(){return"/"===this._separator?"separator_linear":"arrow1_right_wide_linear"}},watch:{separator:function(e){e&&this.setSeparator(e)},type:function(e){e&&this.setSeparator(this.separator)},$route:{handler:function(e){var t=this.breadcrumbMapWithPath.get(e.path).VNode;e&&this.showFinalEffect(e.path,t)},deep:!0}},mounted:function(){this.init()},beforeDestroy:function(){},destroyed:function(){},methods:{init:function(){var e=this;this.setSeparator(this.separator),this.$nextTick((function(){var t=e.$slots.default;t&&t.forEach((function(t){t.tag&&e.initialSlotVNodes.push(t)})),e.effectiveVNodes=e.initialSlotVNodes,e.initialSlotVNodes.forEach((function(t){var n=t.data.attrs.label,a=t.data.attrs.to;e.breadcrumbMapWithLabel.set(n,{VNode:t,path:a}),e.breadcrumbMapWithPath.set(a,{VNode:t,label:n}),e.labelList.push(n)}))}))},setSeparator:function(e){this._separator=e,("small"===this.type||"/"!==e&&">"!==e)&&(this._separator="/")},labelClick:function(e,t,n){this.needLevelContrl&&n===this.ellipsisIndex&&(this.showLabelPopper=!this.showLabelPopper),(!this.needLevelContrl||this.needLevelContrl&&n>this.ellipsisIndex)&&this.showFinalEffect(t,e)},breadcrumbChange:function(e){var t=this.initialSlotVNodes.indexOf(e);this.effectiveVNodes=this.initialSlotVNodes.slice(0,t+1)},setActiveItem:function(e){var t=this.breadcrumbMapWithLabel.get(e).path,n=this.breadcrumbMapWithLabel.get(e).VNode;this.showFinalEffect(t,n),this.showLabelPopper=!1},goBack:function(){var e=this.effectiveVNodes.length;if(1!==e){var t=void 0,n=void 0;"small"===this.type?(t=this.effectiveVNodes[0].data.attrs.to,n=this.effectiveVNodes[0]):(t=this.effectiveVNodes[e-2].data.attrs.to,n=this.effectiveVNodes[e-2]),this.showFinalEffect(t,n)}},goPage:function(e){this.$router&&e&&this.$router.push(e)},showFinalEffect:function(e,t){this.goPage(e),this.breadcrumbChange(t),this.$emit("change",t.data.attrs.label)},toBreadcrumbPage:function(e){var t=this.breadcrumbMapWithLabel.get(e).path,n=this.breadcrumbMapWithLabel.get(e).VNode;this.showFinalEffect(t,n),this.showLabelPopper=!1}}}}});