vue-qs-form/dist/vue-qs-form.min.js

Vue quick steps form tool

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("VueQsForm",[],e):"object"==typeof exports?exports.VueQsForm=e():t.VueQsForm=e()}(this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=0)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1),i={install:function(t){t.component(r.a.name,r.a)}};r.a.install=i.install,e.default=r.a},function(t,e,n){"use strict";function r(t){n(2)}var i=n(8),o=n(9),s=n(7),a=r,u=s(i.a,o.a,!1,a,null,null);e.a=u.exports},function(t,e,n){var r=n(3);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);n(5)("1c3bdfbe",r,!0)},function(t,e,n){e=t.exports=n(4)(void 0),e.push([t.i,".xk-qs-form-body{position:relative;overflow:auto}.xk-qs-form-item{position:absolute;height:100%;width:100%}.xk-qs-title{color:#000;font-weight:block}.xk-qs-radio-group,.xk-qs-radio-item{width:100%!important}.xk-qs-radio-item{display:block!important;margin-left:0!important;margin-bottom:0!important;padding:12px 10px}.xk-qs-radio-item:hover{background-color:#f5f5f5!important}.xk-qs-radio-item .el-radio__label{white-space:normal!important;display:inline-block;line-height:1.5;padding-left:25px}.xk-qs-radio-item .el-radio__input{height:14px;position:absolute;top:50%;margin-top:-7px}.xk-qs-form-footer{margin-top:45px}.xk-qs-btn-left{float:left}.xk-qs-btn-right{float:right}.xs-qs-progress{display:inline}.xs-qs-progress .el-progress-bar__innerText{display:none!important}",""])},function(t,e){function n(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var o=r(i);return[n].concat(i.sources.map(function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"})).concat([o]).join("\n")}return[n].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r=n(e,t);return e[2]?"@media "+e[2]+"{"+r+"}":r}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<t.length;i++){var s=t[i];"number"==typeof s[0]&&r[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),e.push(s))}},e}},function(t,e,n){function r(t){for(var e=0;e<t.length;e++){var n=t[e],r=f[n.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](n.parts[i]);for(;i<n.parts.length;i++)r.parts.push(o(n.parts[i]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var s=[],i=0;i<n.parts.length;i++)s.push(o(n.parts[i]));f[n.id]={id:n.id,refs:1,parts:s}}}}function i(){var t=document.createElement("style");return t.type="text/css",p.appendChild(t),t}function o(t){var e,n,r=document.querySelector('style[data-vue-ssr-id~="'+t.id+'"]');if(r){if(h)return m;r.parentNode.removeChild(r)}if(v){var o=d++;r=l||(l=i()),e=s.bind(null,r,o,!1),n=s.bind(null,r,o,!0)}else r=i(),e=a.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}function s(t,e,n,r){var i=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=g(e,i);else{var o=document.createTextNode(i),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(o,s[e]):t.appendChild(o)}}function a(t,e){var n=e.css,r=e.media,i=e.sourceMap;if(r&&t.setAttribute("media",r),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var u="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!u)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=n(6),f={},p=u&&(document.head||document.getElementsByTagName("head")[0]),l=null,d=0,h=!1,m=function(){},v="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n){h=n;var i=c(t,e);return r(i),function(e){for(var n=[],o=0;o<i.length;o++){var s=i[o],a=f[s.id];a.refs--,n.push(a)}e?(i=c(t,e),r(i)):i=[];for(var o=0;o<n.length;o++){var a=n[o];if(0===a.refs){for(var u=0;u<a.parts.length;u++)a.parts[u]();delete f[a.id]}}}};var g=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e){t.exports=function(t,e){for(var n=[],r={},i=0;i<e.length;i++){var o=e[i],s=o[0],a=o[1],u=o[2],c=o[3],f={id:t+":"+i,css:a,media:u,sourceMap:c};r[s]?r[s].parts.push(f):n.push(r[s]={id:s,parts:[f]})}return n}},function(t,e){t.exports=function(t,e,n,r,i,o){var s,a=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(s=t,a=t.default);var c="function"==typeof a?a.options:a;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0),n&&(c.functional=!0),i&&(c._scopeId=i);var f;if(o?(f=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},c._ssrRegister=f):r&&(f=r),f){var p=c.functional,l=p?c.render:c.beforeCreate;p?(c._injectStyles=f,c.render=function(t,e){return f.call(e),l(t,e)}):c.beforeCreate=l?[].concat(l,f):[f]}return{esModule:s,exports:a,options:c}}},function(t,e,n){"use strict";e.a={name:"vue-qs-form",props:{data:{required:!0,default:"",type:[Array,Object]},height:{default:"250px",type:String},prevBtnText:{default:"上一步",type:String},nextBtnText:{default:"下一步",type:String},submitBtnText:{default:"提交",type:String},value:{default:"",required:!1,type:[Object,String,Array]},autoNext:{default:!0,type:Boolean}},data:function(){return{step:0,form:{}}},computed:{stepLength:function(){return this.data.length},stepNow:function(){return this.step+1},percentage:function(){return parseInt(this.stepNow/this.stepLength*100)||0}},methods:{onNextHander:function(){this.$emit("input",this.form);var t=this.stepNow;t<this.stepLength&&this.step++,t==this.stepLength&&this.$emit("atend")},onPrevHander:function(){this.step>0&&this.step--},onSubmitHander:function(){this.$emit("submit")},onAtendHander:function(){this.$emit("atend")},onClickRadioHander:function(){var t=this;this.autoNext&&setTimeout(function(){t.onNextHander()},500)},resetForm:function(){this.form=this.valueInit()},valueInit:function(){var t={};return this.data.forEach(function(e){t[e.key]=""}),t}},watch:{form:function(t,e){this.$emit("input",this.form)},data:function(t){this.form=this.valueInit()}},mounted:function(){var t=this.value,e=this.valueInit();"{}"!=JSON.stringify(t)&&t?this.form=Object.assign(e,t):this.form=e}}},function(t,e,n){"use strict";var r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"xk-qs-form-body",style:"height: "+t.height},[n("transition-group",{attrs:{name:"el-fade-in-linear"}},t._l(t.data,function(e,r){return n("div",{directives:[{name:"show",rawName:"v-show",value:t.step==r,expression:"step == index"}],key:r,staticClass:"xk-qs-form-item"},[n("p",{staticClass:"xk-qs-title"},[t._v(t._s(e.title))]),t._v(" "),n("div",{on:{"~click":function(e){t.onClickRadioHander(e)}}},[n("el-radio-group",{staticClass:"xk-qs-radio-group",model:{value:t.form[e.key],callback:function(n){t.$set(t.form,e.key,n)},expression:"form[item.key]"}},t._l(e.radios,function(e,r){return n("el-radio",{key:r,staticClass:"xk-qs-radio-item",attrs:{label:r+","+e[0]}},[t._v(t._s(e[1]))])}))],1)])}))],1),t._v(" "),n("div",{staticClass:"xk-qs-form-footer"},[n("el-button",{staticClass:"xk-qs-btn-left",attrs:{type:"default"},on:{click:t.onPrevHander}},[t._v(t._s(t.prevBtnText))]),t._v(" "),t.stepNow!=t.stepLength?n("el-button",{staticClass:"xk-qs-btn-right",attrs:{type:"primary"},on:{click:t.onNextHander}},[t._v(t._s(t.nextBtnText))]):t._e(),t._v(" "),t.stepNow==t.stepLength?n("el-button",{staticClass:"xk-qs-btn-right",attrs:{type:"primary"},on:{click:t.onSubmitHander}},[t._v(t._s(t.submitBtnText))]):t._e(),t._v(" "),n("el-progress",{staticClass:"xs-qs-progress",attrs:{"text-inside":!0,"stroke-width":5,percentage:t.percentage}})],1)])},i=[],o={render:r,staticRenderFns:i};e.a=o}])});