jiku-ui/lib/step.js

A Component Library for Vue.js.

module.exports=function(t){var e={};function s(i){if(e[i])return e[i].exports;var n=e[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,s),n.l=!0,n.exports}return s.m=t,s.c=e,s.d=function(t,e,i){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},s.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(s.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)s.d(i,n,function(e){return t[e]}.bind(null,n));return i},s.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="",s(s.s=122)}({0:function(t,e,s){"use strict";function i(t,e,s,i,n,r,a,c){var o,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=s,u._compiled=!0),i&&(u.functional=!0),r&&(u._scopeId="data-v-"+r),a?(o=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)},u._ssrRegister=o):n&&(o=c?function(){n.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:n),o)if(u.functional){u._injectStyles=o;var p=u.render;u.render=function(t,e){return o.call(e),p(t,e)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,o):[o]}return{exports:t,options:u}}s.d(e,"a",(function(){return i}))},122:function(t,e,s){"use strict";s.r(e);var i=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"hn-step",class:[!t.isSimple&&"is-"+t.$parent.direction,t.isSimple&&"is-simple",t.isLast&&!t.space&&!t.isCenter&&"is-flex",t.isCenter&&!t.isVertical&&!t.isSimple&&"is-center"],style:t.style},[s("div",{staticClass:"hn-step__head",class:"is-"+t.currentStatus},[s("div",{staticClass:"hn-step__line",style:t.isLast?"":{marginRight:t.$parent.stepOffset+"px"}},[s("i",{staticClass:"hn-step__line-inner",style:t.lineStyle})]),s("div",{staticClass:"hn-step__icon",class:"is-"+(t.icon?"icon":"text")},["success"!==t.currentStatus&&"error"!==t.currentStatus?t._t("icon",[t.icon?s("i",{staticClass:"hn-step__icon-inner",class:[t.icon]}):t._e(),t.icon||t.isSimple?t._e():s("div",{staticClass:"hn-step__icon-inner"},[t._v(t._s(t.index+1))])]):s("i",{staticClass:"hn-step__icon-inner is-status",class:["hn-icon-"+("success"===t.currentStatus?"check":"close")]})],2)]),s("div",{staticClass:"hn-step__main"},[s("div",{ref:"title",staticClass:"hn-step__title",class:["is-"+t.currentStatus]},[t._t("title",[t._v(t._s(t.title))])],2),t.isSimple?s("div",{staticClass:"hn-step__arrow"}):s("div",{staticClass:"hn-step__description",class:["is-"+t.currentStatus]},[t._t("description",[t._v(t._s(t.description))])],2)])])};i._withStripped=!0;var n={name:"HnStep",props:{title:String,icon:String,description:String,status:String},data:function(){return{lineStyle:{},internalStatus:""}},created:function(){if(this.$isServer){var t=this.$parent.active;this.updateStatus(t)}},beforeDestroy:function(){var t=this.$parent.steps,e=t.indexOf(this.$vnode);e>=0&&t.splice(e,1)},computed:{index:function(){return this.$parent.steps.indexOf(this.$vnode)},currentStatus:function(){return this.status||this.internalStatus},prevStatus:function(){var t=this.$parent.$children[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},isLast:function(){var t=this.$parent;return t.steps[t.steps.length-1]===this.$vnode},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,s="number"==typeof this.space?this.space+"px":this.space?this.space:100/(e-(this.isCenter?0:1))+"%";return t.flexBasis=s,this.isVertical||(this.isLast?t.maxWidth=100/this.stepsCount+"%":t.marginRight=-this.$parent.stepOffset+"px"),t}},methods:{updateStatus:function(t){var e=this.$parent.$children[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,s={};s.transitionDelay=150*this.index+"ms",t===this.$parent.processStatus?(this.currentStatus,e=0):"wait"===t&&(e=0,s.transitionDelay=-150*this.index+"ms"),s.borderWidth=e&&!this.isSimple?"1px":0,"vertical"===this.$parent.direction?s.height=e+"%":s.width=e+"%",this.lineStyle=s}},mounted:function(){var t=this;this.$watch("$parent.active",this.updateStatus,{immediate:!0}),this.$watch("$parent.processStatus",(function(){var e=t.$parent.active;t.updateStatus(e)}),{immediate:!0})}},r=s(0),a=Object(r.a)(n,i,[],!1,null,null,null);a.options.__file="packages/steps/src/step.vue";var c=a.exports;c.install=function(t){t.component(c.name,c)};e.default=c}}).default;