@ezijing/vue-form/dist/vue-form.umd.cjs

基于Vue Element-UI的表单

(function(c,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("axios")):typeof define=="function"&&define.amd?define(["axios"],o):(c=typeof globalThis<"u"?globalThis:c||self,c.VueForm=o(c.axios))})(this,function(c){"use strict";function o(s,e,t,n,a,r,i,v){var l=typeof s=="function"?s.options:s;e&&(l.render=e,l.staticRenderFns=t,l._compiled=!0),n&&(l.functional=!0),r&&(l._scopeId="data-v-"+r);var u;if(i?(u=function(d){d=d||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!d&&typeof __VUE_SSR_CONTEXT__<"u"&&(d=__VUE_SSR_CONTEXT__),a&&a.call(this,d),d&&d._registeredComponents&&d._registeredComponents.add(i)},l._ssrRegister=u):a&&(u=v?function(){a.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:a),u)if(l.functional){l._injectStyles=u;var xe=l.render;l.render=function(Se,g){return u.call(g),xe(Se,g)}}else{var b=l.beforeCreate;l.beforeCreate=b?[].concat(b,u):[u]}return{exports:s,options:l}}const $={name:"VMenu",props:{menus:{type:Array,default:()=>[]},value:{type:String,default:""}},methods:{handleClick(s){if(!s.href){if(s.onClick)return s.onClick(s);this.$emit("input",s.id),this.$emit("change",s.id,s)}}}};var C=function(){var e=this,t=e._self._c;return t("div",{staticClass:"v-menu"},e._l(e.menus,function(n,a){return t("div",{key:a,staticClass:"v-menu__item"},[t("div",{staticClass:"v-menu__title"},[e._v(e._s(n.title))]),n.children?t("div",{staticClass:"v-submenu"},e._l(n.children,function(r){return t("div",{key:r.id,staticClass:"v-submenu__item",class:{"is-active":r.id===e.value},on:{click:function(i){return e.handleClick(r)}}},[r.href?t("a",{attrs:{href:r.href,target:r.target||"_blank"}},[r.required?t("em",[e._v("*")]):e._e(),t("span",[e._v(e._s(r.title))])]):[r.required?t("em",[e._v("*")]):e._e(),t("span",[e._v(e._s(r.title))])]],2)}),0):e._e()])}),0)},y=[],k=o($,C,y,!1,null,null,null,null);const x=k.exports,p=c.create({timeout:6e4,withCredentials:!0});p.interceptors.request.use(function(s){return s},function(s){return Promise.reject(s)}),p.interceptors.response.use(function(s){const{data:e}=s;return e.error.toString()==="1"?Promise.reject(e):s.data},function(s){return s.response?Promise.reject(s.response.data):Promise.reject(s)});const S={name:"VInput",props:{options:{type:Object,default(){return{}}},data:{type:Object,default(){return{}}}},computed:{currentValue(){return this.data[this.options.model]}},methods:{onBlur(){this.currentValue&&typeof this.currentValue=="string"&&(this.data[this.options.model]=this.currentValue.trim())}}};var T=function(){var e=this,t=e._self._c;return t("el-input",e._b({staticStyle:{width:"300px"},attrs:{clearable:""},on:{blur:e.onBlur},model:{value:e.data[e.options.model],callback:function(n){e.$set(e.data,e.options.model,n)},expression:"data[options.model]"}},"el-input",e.$attrs,!1))},V=[],A=o(S,T,V,!1,null,null,null,null);const w=A.exports,F={name:"VSelect",props:{options:{type:Object,default(){return{}}},data:{type:Object,default(){return{}}}}};var I=function(){var e=this,t=e._self._c;return t("el-select",e._b({staticStyle:{width:"300px"},model:{value:e.data[e.options.model],callback:function(n){e.$set(e.data,e.options.model,n)},expression:"data[options.model]"}},"el-select",e.$attrs,!1),e._l(e.options.values,function(n){return t("el-option",{key:n.value,attrs:{label:n.label,value:n.value}})}),1)},O=[],j=o(F,I,O,!1,null,null,null,null);const P=j.exports,R={name:"VRadio",props:{options:{type:Object,default(){return{}}},data:{type:Object,default(){return{}}}}};var N=function(){var e=this,t=e._self._c;return t("el-radio-group",e._b({model:{value:e.data[e.options.model],callback:function(n){e.$set(e.data,e.options.model,n)},expression:"data[options.model]"}},"el-radio-group",e.$attrs,!1),e._l(e.options.values,function(n){return t("el-radio",{key:n.value,attrs:{label:n.value}},[e._v(e._s(n.label))])}),1)},M=[],E=o(R,N,M,!1,null,null,null,null);const L=E.exports,U={name:"VCheckbox",props:{options:{type:Object,default(){return{}}},data:{type:Object,default(){return{}}}}};var q=function(){var e=this,t=e._self._c;return t("el-checkbox-group",e._b({model:{value:e.data[e.options.model],callback:function(n){e.$set(e.data,e.options.model,n)},expression:"data[options.model]"}},"el-checkbox-group",e.$attrs,!1),e._l(e.options.values,function(n){return t("el-checkbox",{key:n.value,attrs:{label:n.value,value:n.value}},[e._v(" "+e._s(n.label)+" ")])}),1)},z=[],D=o(U,q,z,!1,null,null,null,null);const H=D.exports,B={name:"VDatepicker",props:{options:{type:Object,default(){return{}}},data:{type:Object,default(){return{}}}}};var W=function(){var e=this,t=e._self._c;return t("el-date-picker",e._b({staticStyle:{width:"300px"},model:{value:e.data[e.options.model],callback:function(n){e.$set(e.data,e.options.model,n)},expression:"data[options.model]"}},"el-date-picker",e.$attrs,!1))},X=[],G=o(B,W,X,!1,null,null,null,null);const J=G.exports,K={name:"VUpload",inject:{elForm:{default:""}},props:{options:{type:Object,default(){return{}}},data:{type:Object,default(){return{}}},disabled:Boolean},data(){return{files:[],dialogVisible:!1,dialogImageUrl:"",hasUpload:!0}},watch:{data:{immediate:!0,deep:!0,handler(s){this.files=s[this.options.model]||[]}},files:{immediate:!0,deep:!0,handler(s){this.hasUpload=this.limit?s.length<this.limit:!0}}},computed:{fileList(){return this.files.map(s=>({id:s.id,url:s.url||s.oss_sign_url,disabled:s.disabled||!1}))},attrs(){return Object.assign({},this.options.attrs)},defaultImage(){return this.attrs.image},limit(){return this.attrs.limit},maxSize(){return this.attrs.maxSize||10},classes(){return{"has-upload":this.hasUpload}},uploadDisabled(){return this.disabled||(this.elForm||{}).disabled}},methods:{beforeUploadFile(s){const e=s.size/1024/1024<this.maxSize;return e||this.$message.error(`上传文件大小不能超过 ${this.maxSize}MB!`),e},handleHttpRequest(s){let{action:e,data:t={},headers:n={}}=this.options.attrs;t=Object.assign({file:s.file},t),n=Object.assign({"Content-Type":"multipart/form-data"}),p.post(e,t,{headers:n}).then(s.onSuccess).catch(s.onError)},handleSuccess(s){this.files=s.data.material.attachments.filter(e=>e.file_type_id===this.options.model||this.options.model==="RECOMMENDATION_LETTER"&&e.file_type_id==="RECOMMENDATION_LETTER_2"&&this.limit!==1),this.data[this.options.model]=this.files,this.$emit("uploaded",s),this.$message.success(s.message)},handleChange(s,e){this.hasUpload=this.limit?e.length<this.limit:!0},handleError(s){this.$message.error(s.message)},handleExceed(){this.$message.warning(`最多上传${this.options.attrs.limit}个文件`)},handlePreview(s){const e=["jpg","jpeg","png","gif"],n=(s.url.includes("?")?s.url.split("?").shift():s.url).split(".").pop()||"";e.includes(n.toLocaleLowerCase())?(this.dialogVisible=!0,this.dialogImageUrl=s.url):this.newWindowPreview(s.url)},handleRemove(s){let{deleteAction:e,headers:t={}}=this.options.attrs;s.id&&p.post(e,{item_id:s.id},{headers:t}).then(n=>{this.data[this.options.model]=this.data[this.options.model].filter(a=>a.id!==s.id),this.$message.success(n.message)}).catch(n=>this.$message.error(n.message))},newWindowPreview(s){const e=document.createElement("a");e.href=s,e.target="_blank",document.body.appendChild(e),e.click(),e.remove()}}};var Q=function(){var e=this,t=e._self._c;return t("div",{staticClass:"v-upload"},[t("el-upload",e._b({ref:"upload",class:e.classes,attrs:{action:"","list-type":"picture-card",multiple:!1,"http-request":e.handleHttpRequest,"on-preview":e.handlePreview,"on-remove":e.handleRemove,"on-success":e.handleSuccess,"on-change":e.handleChange,"on-error":e.handleError,"on-exceed":e.handleExceed,"file-list":e.fileList,"before-upload":e.beforeUploadFile},scopedSlots:e._u([{key:"file",fn:function({file:n}){return[t("el-image",{staticClass:"el-upload-list__item-thumbnail",attrs:{src:n.url}},[t("div",{staticClass:"image-slot",attrs:{slot:"error"},slot:"error"},[t("i",{staticClass:"el-icon-document"})])]),t("span",{staticClass:"el-upload-list__item-actions"},[t("span",{staticClass:"el-upload-list__item-preview",on:{click:function(a){return e.handlePreview(n)}}},[t("i",{staticClass:"el-icon-zoom-in"})]),!e.uploadDisabled&&!n.disabled?t("span",{staticClass:"el-upload-list__item-delete",on:{click:function(a){return e.handleRemove(n)}}},[t("i",{staticClass:"el-icon-delete"})]):e._e()])]}}])},"el-upload",e.options.attrs,!1),[t("div",{staticClass:"cover"},[e.defaultImage?t("img",{staticClass:"default-image",attrs:{src:e.defaultImage}}):e._e(),t("i",{staticClass:"el-icon-plus"})])]),t("el-dialog",{attrs:{visible:e.dialogVisible},on:{"update:visible":function(n){e.dialogVisible=n}}},[t("img",{attrs:{width:"100%",src:e.dialogImageUrl}})])],1)},Y=[],Z=o(K,Q,Y,!1,null,null,null,null);const ee=Z.exports,te={name:"VForm",components:{VInput:w,VSelect:P,VRadio:L,VCheckbox:H,VDatepicker:J,VUpload:ee},props:{options:{type:Object,default:()=>({})},model:{type:Object,default:()=>({})},items:{type:Array,default:()=>[]}},data(){return{ruleForm:{}}},watch:{model:{immediate:!0,deep:!0,handler(s){this.ruleForm=s}}},computed:{$form(){return this.$refs.form},currentItems(){return this.items.filter(s=>Object.prototype.hasOwnProperty.call(s,"isShow")?s.isShow(this.ruleForm):!0)}}};var se=function(){var e=this,t=e._self._c;return t("el-form",e._b({ref:"form",attrs:{model:e.ruleForm},nativeOn:{submit:function(n){n.preventDefault()}}},"el-form",e.options,!1),[e._l(e.currentItems,function(n,a){return[t("el-form-item",e._b({key:a,attrs:{prop:n.model}},"el-form-item",n,!1),[n.slotName?[e._t(n.slotName,null,null,{item:n,items:e.items,model:e.ruleForm})]:[n.prepend?t("div",{staticClass:"v-form-item__prepend",domProps:{innerHTML:e._s(n.prepend)}}):e._e(),n.prependSlotName?e._t(n.prependSlotName,null,null,{item:n,items:e.items,form:e.ruleForm}):e._e(),t(n.type,e._b({tag:"component",attrs:{options:n,data:e.ruleForm}},"component",n.attrs,!1)),n.appendSlotName?e._t(n.appendSlotName,null,null,{item:n,items:e.items,form:e.ruleForm}):e._e(),n.append?t("div",{staticClass:"v-form-item__append",domProps:{innerHTML:e._s(n.append)}}):e._e()]],2)]})],2)},ne=[],ae=o(te,se,ne,!1,null,null,null,null);const re=ae.exports,_={action:"",headers:{},params:{},data:{},beforeRequest(s){return s},callback(s){return s},errorCallback(s){return s}},ie={name:"VFormPane",inject:["options"],components:{VForm:re},props:{page:{type:Object,default:()=>({})}},data(){return{model:{},form:{}}},computed:{isMultiple(){return Array.isArray(this.model)},slotNames(){var s,e;return((e=(s=this.form)==null?void 0:s.items)==null?void 0:e.reduce((t,n)=>(n.slotName&&t.push(n.slotName),n.prependSlotName&&t.push(n.prependSlotName),n.appendSlotName&&t.push(n.appendSlotName),t),[]))||[]},submitButtonText(){return this.form.submitText||this.options.submitText},get(){return Object.assign({},_,this.page.get)},update(){return Object.assign({},_,this.page.update)}},watch:{page:{immediate:!0,handler(){const{form:s}=this.page,e=Object.assign({disabled:this.options.disabled},s.options);this.form=Object.assign({minlength:1,hasSubmit:!0,hasButton:!0},s,{options:e})}}},beforeMount(){this.model=this.form.model||(this.form.hasAdd?[Object.assign({},this.form.defaultModel)]:{}),this.getData()},methods:{async getData(){let{action:s,headers:e={},params:t={},beforeRequest:n,callback:a,errorCallback:r}=this.get;if(!s){a&&(this.model=a.call(this));return}n&&(t=n(t));try{const i=await p.get(s,{params:t,headers:e});this.form.hasAdd&&Array.isArray(i)&&!i.length&&i.push(Object.assign({},this.form.defaultModel)),this.model=a?a.call(this,i):i}catch(i){r&&r.call(this,i),this.$emit("error",i)}},async updateData(){let{action:s,headers:e={},data:t={},beforeRequest:n,callback:a,errorCallback:r}=this.update;if(!s){this.$emit("update",this.update.beforeRequest(this.model));return}n&&(t=n(this.model));try{const i=await p.post(s,t,{headers:e});a&&a.call(this,i),this.$emit("success",i)}catch(i){r&&r.call(this,i),this.$emit("error",i)}},handleAdd(){this.form.options.disabled||this.model.push(Object.assign({},this.form.defaultModel))},handleRemove(s){this.form.options.disabled||this.model.splice(s,1)},onSubmit(){this.handleSubmit()},onPrev(){this.handlePrev()},onNext(){this.handleNext()},async handleSubmit(){if(this.form.options.disabled)return;const s=this.$refs.form,t=(Array.isArray(s)?s:[s]).map(n=>n.$form.validate());return await Promise.all(t).then(()=>this.page.onUpdate?this.page.onUpdate(this.update.beforeRequest(this.model)):this.updateData()),!1},async handlePrev(){this.page.onPrev&&await this.page.onPrev(this.model),this.form.triggerSubmitOnChangeStep&&await this.handleSubmit(),this.$emit("prev",this.page.prev)},async handleNext(){this.page.onNext&&await this.page.onNext(this.model),this.form.triggerSubmitOnChangeStep&&await this.handleSubmit(),this.$emit("next",this.page.next)}}};var oe=function(){var e=this,t=e._self._c;return t("div",{staticClass:"v-form-pane"},[e.form.prepend?t("div",{staticClass:"v-form-pane__prepend",domProps:{innerHTML:e._s(e.form.prepend)}}):e._e(),e.isMultiple?[e.form.prependItems?t("v-form",{ref:"form",attrs:{options:e.form.options,items:e.form.prependItems,model:e.model[0]||e.model}}):e._e(),e._l(e.model,function(n,a){return[t("div",{key:a,staticClass:"v-form-group"},[t("div",{staticClass:"v-form-group__inner"},[t("v-form",{ref:"form",refInFor:!0,staticClass:"v-form-group__content",attrs:{options:e.form.options,items:e.form.items,model:n},scopedSlots:e._u([e._l(e.slotNames,function(r){return{key:r,fn:function(i){return[e._t(r,null,null,i)]}}})],null,!0)}),e.form.aside?[t("div",{staticClass:"v-form-group__aside"},[e.form.aside.prepend.visible&&e.form.aside.prepend.visible(n)?t("div",{domProps:{innerHTML:e._s(e.form.aside.prepend.html)}}):e._e(),t("div",e._l(e.form.aside.buttons,function(r,i){return t("div",{key:i},[r.visible&&r.visible(n)?t("el-button",{attrs:{type:"primary",size:"medium",plain:""},on:{click:function(v){return r.onClick(n,e.$refs.form[a])}}},[e._v(" "+e._s(r.text))]):e._e()],1)}),0)])]:e._e()],2),a>e.form.minlength-1?[t("div",{staticClass:"v-form-group__remove",on:{click:function(r){return e.handleRemove(a)}}},[e._v("删除")])]:e._e()],2)]}),e.form.hasAdd?t("div",{staticClass:"v-form-group__add"},[t("i",{staticClass:"el-icon-circle-plus",on:{click:e.handleAdd}})]):e._e(),e.form.appendItems?t("v-form",{ref:"form",attrs:{options:e.form.options,items:e.form.appendItems,model:e.model[0]||e.model}}):e._e()]:[t("v-form",{ref:"form",attrs:{options:e.form.options,items:e.form.items,model:e.model},scopedSlots:e._u([e._l(e.slotNames,function(n){return{key:n,fn:function(a){return[e._t(n,null,null,a)]}}})],null,!0)})],e.form.append?t("div",{staticClass:"v-form-pane__append",domProps:{innerHTML:e._s(e.form.append)}}):e._e(),e.form.hasButton?t("div",{staticClass:"v-form-footer"},[e.page.prev?t("el-button",{attrs:{size:"medium"},on:{click:e.onPrev}},[e._v(e._s(e.options.prevText))]):e._e(),e.form.hasSubmit?t("el-button",{staticStyle:{"min-width":"120px"},attrs:{type:"primary",size:"medium",disabled:e.form.options.disabled},nativeOn:{click:function(n){return e.onSubmit.apply(null,arguments)}}},[e._v(" "+e._s(e.submitButtonText)+" ")]):e._e(),e.page.next?t("el-button",{attrs:{size:"medium"},on:{click:e.onNext}},[e._v(e._s(e.options.nextText))]):e._e()],1):e._e()],2)},le=[],de=o(ie,oe,le,!1,null,null,null,null);const f=de.exports,ue={name:"VCardForm",components:{VFormPane:f},inject:["options"],props:{page:{type:Object,default:()=>({})}}};var ce=function(){var e=this,t=e._self._c;return t("div",{staticClass:"v-card"},[t("div",{staticClass:"v-card__hd"},[e._t("header",function(){return[t("h1",{staticClass:"v-card__title"},[e._v(e._s(e.page.title))]),t("div",{staticClass:"v-card__back",on:{click:function(n){return e.$emit("back")}}},[t("i",{staticClass:"el-icon-arrow-left"}),t("span",[e._v(e._s(e.options.backText))])])]})],2),t("div",{staticClass:"v-card__bd"},[e._t("default",function(){return[e.page.prepend?t("div",{staticClass:"v-card-html",domProps:{innerHTML:e._s(e.page.prepend)}}):e._e(),t("VFormPane",e._g({key:e.page.id,attrs:{page:e.page}},e.$listeners)),e.page.append?t("div",{staticClass:"v-card-html",domProps:{innerHTML:e._s(e.page.append)}}):e._e()]})],2)])},pe=[],fe=o(ue,ce,pe,!1,null,null,null,null);const me=fe.exports,_e={name:"VCardFormTabs",components:{VFormPane:f},inject:["options"],props:{value:{type:String},tabs:{type:Array,default:()=>[]}},data(){return{}},computed:{tabSlotNames(){var e;const s=[];return(e=this.tabs)==null||e.forEach(t=>{var n,a;(a=(n=t.form)==null?void 0:n.items)==null||a.forEach(r=>{r.slotName&&s.push(r.slotName),r.prependSlotName&&s.push(r.prependSlotName),r.appendSlotName&&s.push(r.appendSlotName)})}),s}},methods:{handleTabClick(s){this.$emit("change",s.name)}}};var he=function(){var e=this,t=e._self._c;return t("div",{staticClass:"v-tabs-card"},[t("div",{staticClass:"v-tabs-card__back",on:{click:function(n){return e.$emit("back")}}},[t("i",{staticClass:"el-icon-arrow-left"}),t("span",[e._v(e._s(e.options.backText))])]),t("el-tabs",{attrs:{type:"card",value:e.value},on:{"tab-click":e.handleTabClick}},e._l(e.tabs,function(n){return t("el-tab-pane",{key:n.id,attrs:{lazy:"",name:n.id},scopedSlots:e._u([{key:"label",fn:function(){return[e._v(" "+e._s(n.title)+" "),n.required?t("span",{staticClass:"red"},[e._v("*")]):e._e()]},proxy:!0}],null,!0)},[n.prepend?t("div",{staticClass:"v-card-html",domProps:{innerHTML:e._s(n.prepend)}}):e._e(),t("VFormPane",e._g({key:n.id,attrs:{page:n},scopedSlots:e._u([e._l(e.tabSlotNames,function(a){return{key:a,fn:function(r){return[e._t(a,null,null,r)]}}})],null,!0)},e.$listeners)),n.append?t("div",{staticClass:"v-card-html",domProps:{innerHTML:e._s(n.append)}}):e._e()],1)}),1)],1)},ve=[],be=o(_e,he,ve,!1,null,null,null,null);const ge=be.exports,$e={name:"VueForm",components:{VMenu:x,VCardForm:me,VCardFormTabs:ge,VFormPane:f},props:{menus:{type:Array,default:()=>[]},defaultActive:{type:String},tabActive:{type:String},disabled:{type:Boolean,default:!1},backText:{type:String,default:"返回报名系统"},prevText:{type:String,default:"上一步"},nextText:{type:String,default:"下一步"},submitText:{type:String,default:"保存"}},provide(){return{options:{disabled:this.disabled,backText:this.backText,prevText:this.prevText,nextText:this.nextText,submitText:this.submitText}}},data(){return{menuActiveId:this.defaultActive,tabActiveId:this.tabActive}},computed:{currentMenus(){return this.filterVisible(this.menus)},pages(){return this.currentMenus[0].children.reduce((e,t)=>t.tabs?[...e,...t.tabs.map(n=>({...n,isTab:!0,parentId:t.id}))]:[...e,t],[]).map((e,t,n)=>{var a,r;return{...e,prev:e.prev||((a=n[t-1])==null?void 0:a.id),next:e.next||((r=n[t+1])==null?void 0:r.id)}})},tabPages(){return this.pages.filter(s=>s.parentId===this.menuActiveId)},page(){const s=this.tabPages.length?this.tabActiveId:this.menuActiveId;return this.pages.find(e=>e.id===s)},slotNames(){var s,e,t;return((t=(e=(s=this.page)==null?void 0:s.form)==null?void 0:e.items)==null?void 0:t.reduce((n,a)=>(a.slotName&&n.push(a.slotName),a.prependSlotName&&n.push(a.prependSlotName),a.appendSlotName&&n.push(a.appendSlotName),n),[]))||[]}},watch:{defaultActive(s){this.menuActiveId=s},tabActive(s){this.tabActiveId=s}},methods:{filterVisible(s){return s.reduce((e,t)=>{if(typeof t.visible=="function"?t.visible.call(this):t.visible===void 0?!0:t.visible){const a={...t};t.children&&(a.children=this.filterVisible(t.children)),t.tabs&&(a.tabs=this.filterVisible(t.tabs)),e.push(a)}return e},[])},handleStepChange(s){const e=this.pages.find(t=>t.id===s);e.isTab?(this.handleTabChange(s),this.menuActiveId!==e.parentId&&this.handleMenuChange(e.parentId)):this.handleMenuChange(s)},handleMenuChange(s){this.menuActiveId=s,this.$emit("page-change",this.menuActiveId)},handleTabChange(s){this.tabActiveId=s,this.$emit("tab-change",this.tabActiveId)}}};var Ce=function(){var e=this,t=e._self._c;return t("div",{staticClass:"v-layout"},[t("div",{staticClass:"v-layout-aside"},[e._t("aside",function(){return[e._t("aside-prepend"),t("v-menu",{attrs:{menus:e.currentMenus},on:{change:e.handleMenuChange},model:{value:e.menuActiveId,callback:function(n){e.menuActiveId=n},expression:"menuActiveId"}}),e._t("aside-append")]})],2),t("div",{key:e.menuActiveId,staticClass:"v-layout-main"},[e._t("default",function(){return[e.page?[e.tabPages.length?t("VCardFormTabs",e._g({attrs:{tabs:e.tabPages},on:{change:e.handleTabChange,prev:e.handleStepChange,next:e.handleStepChange},scopedSlots:e._u([e._l(e.slotNames,function(n){return{key:n,fn:function(a){return[e._t(n,null,null,a)]}}})],null,!0),model:{value:e.tabActiveId,callback:function(n){e.tabActiveId=n},expression:"tabActiveId"}},e.$listeners)):t("VCardForm",e._g({attrs:{page:e.page},on:{prev:e.handleStepChange,next:e.handleStepChange},scopedSlots:e._u([e._l(e.slotNames,function(n){return{key:n,fn:function(a){return[e._t(n,null,null,a)]}}})],null,!0)},e.$listeners),[e._t("content")],2)]:e._e()]})],2)])},ye=[],ke=o($e,Ce,ye,!1,null,null,null,null);const h=[ke.exports],m=function(s){m.installed||h.map(e=>s.component(e.name,e))};return typeof window<"u"&&window.Vue&&m(window.Vue),{install:m,...h}});