element-gui/lib/step.js

A Component Library for Vue.js.

module.exports=function(t){var e={};function i(s){if(e[s])return e[s].exports;var n=e[s]={i:s,l:!1,exports:{}};return t[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=t,i.c=e,i.d=function(t,e,s){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)i.d(s,n,function(e){return t[e]}.bind(null,n));return s},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="/dist/",i(i.s=121)}({0:function(t,e,i){"use strict";function s(t,e,i,s,n,r,a,o){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=i,c._compiled=!0),s&&(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__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=l):n&&(l=o?function(){n.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:n),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 p=c.beforeCreate;c.beforeCreate=p?[].concat(p,l):[l]}return{exports:t,options:c}}i.d(e,"a",(function(){return s}))},121:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"elStep",staticClass:"el-step",class:[!t.isSimple&&"is-"+t.$parent.direction,t.isLast&&"is-last",t.isCenter&&!t.isVertical&&!t.isSimple&&"is-center",t.isSimple&&t.isAverage&&"is-average",t.isFirst&&"is-first","is-step-"+t.currentStatus,{"is-active":this.$parent.active==this.index},{"is-finish":this.$parent.active>this.index}],style:t.style},[i("div",{class:["is-"+t.currentStatus,"cell"]},[i("div",{staticClass:"el-step__head"},[i("div",{staticClass:"el-step__line",style:t.isLast?"":{marginRight:t.$parent.stepOffset+"px"}},[i("i",{staticClass:"el-step__line-inner",style:t.lineStyle})]),i("div",{staticClass:"el-step__icon",class:"is-"+(t.icon?"icon":"text")},[i("i",{staticClass:"el-step__icon-inner",class:[t.icon]}),t.icon||t.isSimple||t.isVertical?t._e():i("div",{staticClass:"el-step__text-inner"},[t._v(t._s(t.index+1))])])]),i("div",{class:["el-step__main","is-"+(t.icon?"icon":"text")]},[t.isSimple&&t.isAverage?i("div",{ref:"title",staticClass:"el-step__title"},[i("span",{directives:[{name:"ellipsis",rawName:"v-ellipsis"}],staticClass:"ellipsis-wrapper"},[t._v(t._s(t.title))])]):i("div",{ref:"title",staticClass:"el-step__title"},[t._t("title",[t._v(t._s(t.title))])],2),t.$slots.description||t.description?i("div",{staticClass:"el-step__description"},[t._t("description",[t._v(t._s(t.description))])],2):t._e()])])])};s._withStripped=!0;var n={name:"ElStep",directives:{ellipsis:i(9).a},props:{title:String,icon:String,description:String,status:String},data:function(){return{index:-1,lineStyle:{},internalStatus:""}},beforeCreate:function(){this.$parent.steps.push(this)},beforeDestroy:function(){var t=this.$parent.steps,e=t.indexOf(this);e>=0&&t.splice(e,1)},computed:{currentStatus:function(){return this.status||this.internalStatus},prevStatus:function(){var t=this.$parent.steps[this.index-1];return t?t.currentStatus:"wait"},isCenter:function(){return this.$parent.alignCenter},isVertical:function(){return"vertical"===this.$parent.direction},isSimple:function(){return this.$parent.simple},isAverage:function(){return this.$parent.average},isFirst:function(){return this.$parent.steps[0]===this},isLast:function(){var t=this.$parent;return t.steps[t.steps.length-1]===this},stepsCount:function(){return this.$parent.steps.length},space:function(){var t=this.isSimple,e=this.$parent.space;return t?"":e},style:function(){var t={},e=this.$parent.steps.length,i="number"==typeof this.space?this.space+"px":this.space?this.space:100/(e-(this.isCenter?0:1))+"%";return t.flexBasis=i,this.isVertical||(t.marginRight=-this.$parent.stepOffset+"px",this.isFirst),t}},methods:{updateStatus:function(t){var e=this.$parent.steps[this.index-1];t>this.index?this.internalStatus=this.$parent.finishStatus:t===this.index&&"error"!==this.prevStatus?this.internalStatus=this.$parent.processStatus:this.internalStatus="wait",e&&e.calcProgress(this.internalStatus)},calcProgress:function(t){var e=100,i={};i.transitionDelay=150*this.index+"ms",t===this.$parent.processStatus?(this.currentStatus,e=0):"wait"===t&&(e=0,i.transitionDelay=-150*this.index+"ms"),i.borderWidth=e&&!this.isSimple?"1px":0,"vertical"===this.$parent.direction?i.height=e+"%":i.width=e+"%",this.lineStyle=i}},mounted:function(){var t=this,e=this.$watch("index",(function(i){t.$watch("$parent.active",t.updateStatus,{immediate:!0}),t.$watch("$parent.processStatus",(function(){var e=t.$parent.active;t.updateStatus(e)}),{immediate:!0}),e()}))}},r=i(0),a=Object(r.a)(n,s,[],!1,null,null,null).exports;a.install=function(t){t.component(a.name,a)};e.default=a},2:function(t,e){t.exports=require("element-gui/lib/utils/util")},9:function(t,e,i){"use strict";var s=i(2);e.a={inserted:function(t,e){t.onmouseover=function(){var e=t.offsetWidth;Object(s.isIE)()&&(t.parentNode.style.textOverflow="clip",e=t.offsetWidth,t.parentNode.style.textOverflow="ellipsis"),t.parentNode.offsetWidth<e&&(t.title=t.innerHTML.replace(/<[^>]*>/g,""))},t.onmouseout=function(){t.title&&t.removeAttribute("title")}}}}});