Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-18 20:21:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
vue-material/dist/components/mdTabs/index.js
Marcos Moura cb2e2039b2 [build] 0.5.1
2016-12-16 15:53:52 -02:00

1 line
No EOL
11 KiB
JavaScript
Raw Blame History

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()}(this,function(){return function(t){function e(i){if(a[i])return a[i].exports;var n=a[i]={exports:{},id:i,loaded:!1};return t[i].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var a={};return e.m=t,e.c=a,e.p="/",e(0)}({0:function(t,e,a){t.exports=a(28)},1:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},2:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function t(e,a){return!(!e||!e.$el)&&(0!==e._uid&&(e.$el.classList.contains(a)?e:t(e.$parent,a)))};e.default=a,t.exports=e.default},28:function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function n(t){t.component("md-tabs",t.extend(o.default)),t.component("md-tab",t.extend(r.default)),t.material.styles.push(l.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var s=a(191),o=i(s),d=a(190),r=i(d),c=a(135),l=i(c);t.exports=e.default},38:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(){return Math.random().toString(36).slice(4)};e.default=a,t.exports=e.default},82:function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(38),s=i(n),o=a(2),d=i(o);e.default={props:{id:[String,Number],mdLabel:[String,Number],mdIcon:String,mdActive:Boolean,mdDisabled:Boolean,mdTooltip:String,mdTooltipDelay:{type:String,default:"0"},mdTooltipDirection:{type:String,default:"bottom"}},data:function(){return{mounted:!1,tabId:this.id||"tab-"+(0,s.default)(),width:"0px",left:"0px"}},watch:{mdActive:function(){this.updateTabData()},mdDisabled:function(){this.updateTabData()},mdIcon:function(){this.updateTabData()},mdLabel:function(){this.updateTabData()},mdTooltip:function(){this.updateTabData()},mdTooltipDelay:function(){this.updateTabData()},mdTooltipDirection:function(){this.updateTabData()}},computed:{styles:function(){return{width:this.width,left:this.left}}},methods:{getTabData:function(){return{id:this.tabId,label:this.mdLabel,icon:this.mdIcon,active:this.mdActive,disabled:this.mdDisabled,tooltip:this.mdTooltip,tooltipDelay:this.mdTooltipDelay,tooltipDirection:this.mdTooltipDirection,ref:this}},updateTabData:function(){this.parentTabs.updateTab(this.getTabData())}},mounted:function(){var t=this;if(this.parentTabs=(0,d.default)(this.$parent,"md-tabs"),!this.parentTabs)throw new Error("You must wrap the md-tab in a md-tabs");this.$nextTick(function(){t.mounted=!0,t.parentTabs.registerTab(t.getTabData()),t.mdActive&&(t.parentTabs.activeTab=t.tabId)})},beforeDestroy:function(){this.parentTabs.unregisterTab(this.getTabData())}},t.exports=e.default},83:function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(1),s=i(n);e.default={props:{mdFixed:Boolean,mdCentered:Boolean,mdRight:Boolean,mdDynamicHeight:{type:Boolean,default:!0},mdElevation:{type:[String,Number],default:0}},mixins:[s.default],data:function(){return{tabList:{},activeTab:null,activeTabNumber:0,hasIcons:!1,hasLabel:!1,transitionControl:null,contentHeight:"0px",contentWidth:"0px"}},computed:{tabClasses:function(){return{"md-dynamic-height":this.mdDynamicHeight,"md-transition-off":this.transitionOff}},navigationClasses:function(){return{"md-has-icon":this.hasIcons,"md-has-label":this.hasLabel,"md-fixed":this.mdFixed,"md-right":!this.mdCentered&&this.mdRight,"md-centered":this.mdCentered||this.mdFixed}},indicatorClasses:function(){var t=this.lastIndicatorNumber>this.activeTabNumber;return this.lastIndicatorNumber=this.activeTabNumber,{"md-transition-off":this.transitionOff,"md-to-right":!t,"md-to-left":t}}},methods:{getHeaderClass:function(t){return{"md-active":this.activeTab===t.id,"md-disabled":t.disabled}},registerTab:function(t){this.tabList[t.id]=t,this.$forceUpdate()},unregisterTab:function(t){delete this.tabList[t.id]},updateTab:function(t){if(this.registerTab(t),t.active)if(t.disabled){var e=Object.keys(this.tabList),a=e.indexOf(t.id)+1,i=e[a];i?this.setActiveTab(this.tabList[i]):this.setActiveTab(this.tabList[0])}else this.setActiveTab(t)},observeElementChanges:function(){this.contentObserver=new MutationObserver(this.calculateOnWatch),this.navigationObserver=new MutationObserver(this.calculateOnWatch),this.contentObserver.observe(this.$refs.tabContent,{childList:!0,attributes:!0,characterData:!0,subtree:!0,attributeOldValue:!0,characterDataOldValue:!0}),this.navigationObserver.observe(this.$refs.tabNavigation.$el,{attributes:!0})},getTabIndex:function(t){var e=Object.keys(this.tabList);return e.indexOf(t)},calculateIndicatorPos:function(){var t=this.$el.offsetWidth,e=this.$refs.tabHeader[this.activeTabNumber],a=e.offsetLeft,i=t-a-e.offsetWidth;this.$refs.indicator.style.left=a+"px",this.$refs.indicator.style.right=i+"px"},calculateTabsWidthAndPosition:function(){var t=this.$el.offsetWidth;this.contentWidth=t*this.activeTabNumber+"px";var e=0;for(var a in this.tabList){var i=this.tabList[a];i.ref.width=t+"px",i.ref.left=t*e+"px",e++}},calculateContentHeight:function(){var t=this;this.$nextTick(function(){var e=t.tabList[t.activeTab].ref.$el.offsetHeight;t.contentHeight=e+"px"})},calculatePosition:function(){var t=this;window.requestAnimationFrame(function(){t.calculateIndicatorPos(),t.calculateTabsWidthAndPosition(),t.calculateContentHeight()})},debounceTransition:function(){var t=this;window.clearTimeout(this.transitionControl),this.transitionControl=window.setTimeout(function(){t.calculatePosition(),t.transitionOff=!1},200)},calculateOnWatch:function(){this.transitionOff=!0,this.calculatePosition(),this.debounceTransition()},setActiveTab:function(t){this.hasIcons=!!t.icon,this.hasLabel=!!t.label,this.activeTab=t.id,this.activeTabNumber=this.getTabIndex(this.activeTab),this.calculatePosition(),this.$emit("change",this.activeTabNumber)}},mounted:function(){var t=this;this.$nextTick(function(){if(t.observeElementChanges(),window.addEventListener("resize",t.calculateOnWatch),!t.activeTab){var e=Object.keys(t.tabList)[0];t.setActiveTab(t.tabList[e])}})},beforeDestroy:function(){this.contentObserver&&this.contentObserver.disconnect(),this.navigationObserver&&this.navigationObserver.disconnect(),window.removeEventListener("resize",this.calculateOnWatch)}},t.exports=e.default},112:function(t,e){},135:function(t,e){t.exports=".THEME_NAME.md-tabs>.md-tabs-navigation{background-color:PRIMARY-COLOR}.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-header{color:PRIMARY-CONTRAST-0.54}.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-header.md-active,.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-header:focus{color:PRIMARY-CONTRAST}.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-header.md-disabled{color:PRIMARY-CONTRAST-0.26}.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-indicator{background-color:ACCENT-COLOR}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation{background-color:transparent;border-bottom:1px solid BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-header{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-header.md-active,.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-header:focus{color:PRIMARY-COLOR}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-header.md-disabled{color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-indicator{background-color:PRIMARY-COLOR}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation{background-color:ACCENT-COLOR}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-header{color:ACCENT-CONTRAST-0.54}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-header.md-active,.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-header:focus{color:ACCENT-CONTRAST}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-header.md-disabled{color:ACCENT-CONTRAST-0.26}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-indicator{background-color:BACKGROUND-COLOR}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation{background-color:WARN-COLOR}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-header{color:WARN-CONTRAST-0.54}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-header.md-active,.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-header:focus{color:WARN-CONTRAST}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-header.md-disabled{color:WARN-CONTRAST-0.26}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-indicator{background-color:BACKGROUND-COLOR}\n"},190:function(t,e,a){var i,n;i=a(82);var s=a(234);n=i=i||{},"object"!=typeof i.default&&"function"!=typeof i.default||(n=i=i.default),"function"==typeof n&&(n=n.options),n.render=s.render,n.staticRenderFns=s.staticRenderFns,t.exports=i},191:function(t,e,a){var i,n;a(112),i=a(83);var s=a(240);n=i=i||{},"object"!=typeof i.default&&"function"!=typeof i.default||(n=i=i.default),"function"==typeof n&&(n=n.options),n.render=s.render,n.staticRenderFns=s.staticRenderFns,t.exports=i},234:function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-tab",style:t.styles,attrs:{id:t.tabId}},[t._t("default")],!0)},staticRenderFns:[]}},240:function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-tabs",class:[t.themeClass,t.tabClasses]},[e("md-whiteframe",{ref:"tabNavigation",staticClass:"md-tabs-navigation",class:t.navigationClasses,attrs:{"md-tag":"nav","md-elevation":t.mdElevation}},[t._l(t.tabList,function(a){return e("button",{key:a.id,ref:"tabHeader",refInFor:!0,staticClass:"md-tab-header",class:t.getHeaderClass(a),attrs:{type:"button",disabled:a.disabled},on:{click:function(e){t.setActiveTab(a)}}},[e("md-ink-ripple",{attrs:{"md-disabled":a.disabled}}),t._v(" "),e("div",{staticClass:"md-tab-header-container"},[a.icon?e("md-icon",[t._v(t._s(a.icon))]):t._e(),t._v(" "),a.label?e("span",[t._v(t._s(a.label))]):t._e(),t._v(" "),a.tooltip?e("md-tooltip",{attrs:{"md-direction":a.tooltipDirection,"md-delay":a.tooltipDelay}},[t._v(t._s(a.tooltip))]):t._e()])])}),t._v(" "),e("span",{ref:"indicator",staticClass:"md-tab-indicator",class:t.indicatorClasses})],!0),t._v(" "),e("div",{ref:"tabContent",staticClass:"md-tabs-content",style:{height:t.contentHeight}},[e("div",{staticClass:"md-tabs-wrapper",style:{transform:"translate3D(-"+t.contentWidth+", 0, 0)"}},[t._t("default")],!0)])])},staticRenderFns:[]}}})});
Reference in a new issue View git blame Copy permalink