jiku-ui/lib/step-node.js

A Component Library for Vue.js.

module.exports=function(t){var e={};function n(s){if(e[s])return e[s].exports;var i=e[s]={i:s,l:!1,exports:{}};return t[s].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,s){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},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 s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(s,i,function(e){return t[e]}.bind(null,i));return s},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="",n(n.s=144)}({0:function(t,e,n){"use strict";function s(t,e,n,s,i,r,a,o){var c,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),s&&(u.functional=!0),r&&(u._scopeId="data-v-"+r),a?(c=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__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=c):i&&(c=o?function(){i.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:i),c)if(u.functional){u._injectStyles=c;var l=u.render;u.render=function(t,e){return c.call(e),l(t,e)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,c):[c]}return{exports:t,options:u}}n.d(e,"a",(function(){return s}))},144:function(t,e,n){"use strict";n.r(e);var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"hn-step-node",class:[t.isLast&&!t.space&&!t.isCenter&&"is-flex",t.isCenter&&"is-center"],style:t.style},[n("div",{staticClass:"hn-step-node__header",class:["is-"+t.currentStatus]},[n("div",{staticClass:"hn-step-node__header__description",class:["is-"+t.currentStatus]},[t._t("headerDescription",[t._v(t._s(t.headerDescription))])],2),n("div",{staticClass:"hn-step-node__header__title",class:["is-"+t.currentStatus]},[t._t("headerTitle",[t._v(t._s(t.headerTitle))])],2)]),n("div",{staticClass:"hn-step-node__head",class:["is-"+t.currentStatus]},[n("div",{staticClass:"hn-step-node__line",style:t.stepLineStyle},[n("i",{staticClass:"hn-step-node__line-inner",style:t.lineStyle})]),n("div",{staticClass:"hn-step-node__icon",class:"is-"+(t.icon?"icon":"text")},["finish"!==t.currentStatus&&"error"!==t.currentStatus?t._t("icon",[t.icon?n("i",{staticClass:"hn-step-node__icon-inner",class:[t.icon]}):t._e(),t.icon?t._e():n("div",{staticClass:"hn-step-node__icon-inner"},[t._v(t._s(t.index+1))])]):n("i",{staticClass:"hn-step-node__icon-inner is-status",class:["hn-icon-"+("finish"===t.currentStatus?"check":"close")]})],2)]),n("div",{staticClass:"hn-step-node__main"},[n("div",{staticClass:"hn-step-node__title",class:["is-"+t.currentStatus]},[t._t("title",[t._v(t._s(t.title))])],2),n("div",{staticClass:"hn-step-node__description",class:["is-"+t.currentStatus]},[t._t("description",[t._v(t._s(t.description))])],2)])])};s._withStripped=!0;var i={name:"HnStepNode",props:{headerTitle:String,headerDescription:String,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},isLast:function(){var t=this.$parent.steps;return t[t.length-1]===this.$vnode},stepsCount:function(){return this.$parent.steps.length},space:function(){return this.$parent.space},style:function(){var t={},e=this.$parent.steps.length,n="number"==typeof this.space?this.space+"px":this.space?this.space:100/(e-(this.isCenter?0:1))+"%";return t.flexBasis=n,this.isLast&&(t.maxWidth=100/this.stepsCount+"%"),t},stepLineStyle:function(){var t=this.isCenter,e=this.$parent,n={};return t&&(n.left="calc(50% + "+e.lineOffset+")",n.right="calc(-50% + "+e.lineOffset+")"),n}},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,n={};n.transitionDelay=150*this.index+"ms",t===this.$parent.processStatus?(this.currentStatus,e=0):"wait"===t&&(e=0,n.transitionDelay=-150*this.index+"ms"),n.borderWidth=e?"1px":0,n.width=e+"%",this.lineStyle=n}},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=n(0),a=Object(r.a)(i,s,[],!1,null,null,null);a.options.__file="packages/step-bar/src/step-node.vue";var o=a.exports;o.install=function(t){t.component(o.name,o)};e.default=o}}).default;