|
|
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-7cdc15f6"],{7754:function(e,t,o){"use strict";o("ba41")},ba41:function(e,t,o){},bd6d:function(e,t,o){"use strict";o.r(t);o("9911");var r=o("7a23"),n=o("322d"),c=o.n(n),a=function(e){return Object(r["pushScopeId"])("data-v-f7eefe5c"),e=e(),Object(r["popScopeId"])(),e},l={id:"app",class:"container my-4"},s={class:"card-title"},d=a((function(){return Object(r["createElementVNode"])("div",null,null,-1)})),i=Object(r["createTextVNode"])(" 預覽 "),m={class:"card my-2"},u={class:"card-header"},b={class:"card-header-tabs nav nav-tabs"},f=["onClick"],p=a((function(){return Object(r["createElementVNode"])("button",{type:"button",class:"nav-link"},[Object(r["createElementVNode"])("i",{class:"fa fa-plus-circle"}),Object(r["createTextVNode"])(" + ")],-1)})),j=[p],O={key:0,class:"card-content"},g={class:"card-body"},v={class:"form-group mb-2 was-validated"},V=a((function(){return Object(r["createElementVNode"])("label",{for:"utel-altText"},"標題文字",-1)})),N=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"與我的名片切換時顯示的文字。",-1)})),E={class:"form-group mb-2 was-validated"},h=a((function(){return Object(r["createElementVNode"])("label",{for:"utel-showNfc"},"是否顯示於感應名片",-1)})),x=a((function(){return Object(r["createElementVNode"])("br",null,null,-1)})),k=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"與我的名片切換時顯示的文字。",-1)})),w={key:1,class:"card-content"},C={class:"card-body pb-2 pt-3"},y={class:"row"},B={key:0,class:"col-sm-12"},S={class:"form-group mb-2 mb-2"},T=a((function(){return Object(r["createElementVNode"])("label",null,"控制卡片",-1)})),z={class:"d-flex btn-group mb-1"},D=a((function(){return Object(r["createElementVNode"])("i",{class:"iconfont icon-arrow-o-l"},null,-1)})),q=Object(r["createTextVNode"])(" 前移 "),U=[D,q],M=a((function(){return Object(r["createElementVNode"])("i",{class:"iconfont icon-arrow-o-r"},null,-1)})),R=Object(r["createTextVNode"])(" 後移 "),F=[M,R],_=a((function(){return Object(r["createElementVNode"])("i",{class:"iconfont icon-delete"},null,-1)})),A=Object(r["createTextVNode"])(" 刪除 "),H=[_,A],L=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"你可以點選前後移按鈕來移動卡片。",-1)})),I={class:"col-sm-12"},J={class:"form-group mb-2 was-validated"},P=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-ratio"},"圖片長寬比",-1)})),Z=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"20:13 1:1 6:8。",-1)})),G={class:"form-group mb-2 was-validated"},$=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-image"}," 卡片圖片 ",-1)})),K={key:0,class:"upload-main"},W=["src"],Q={key:1,class:"upload-main"},X=a((function(){return Object(r["createElementVNode"])("img",{class:"upload-img",src:c.a},null,-1)})),Y=a((function(){return Object(r["createElementVNode"])("p",null,"請上傳圖片",-1)})),ee=[X,Y],te=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},null,-1)})),oe={class:"form-group mb-2 was-validated"},re=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-link"},"圖片網址連結",-1)})),ne=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"}," 連結(需輸入完整網址,http://..,https://...) ",-1)})),ce={class:"form-group mb-2 was-validated"},ae=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-titleColor"},"卡片底色",-1)})),le={class:"input-group input-group-sm"},se={class:"input-group-append"},de=Object(r["createTextVNode"])(" 色卡 "),ie=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"請填寫卡片標題文字的顏色。",-1)})),me={class:"form-group mb-2 was-validated"},ue=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-title"},"卡片標題",-1)})),be=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"請填寫卡片標題。",-1)})),fe={class:"form-group mb-2 was-validated"},pe=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-titleSize"},"標題文字大小(最大5xl，最小xxs)",-1)})),je={class:"input-group input-group-sm"},Oe={class:"input-group-append"},ge=a((function(){return Object(r["createElementVNode"])("button",{type:"button","data-toggle":"dropdown",class:"btn btn-outline-secondary dropdown-toggle","aria-expanded":"false"}," 請選擇文字大小 ",-1)})),ve={class:"dropdown-menu py-0",style:{}},Ve=["onClick"],Ne=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"請填寫卡片標題的文字大小。 ",-1)})),Ee={class:"form-group mb-2 was-validated"},he=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-titleColor"},"標題文字顏色",-1)})),xe={class:"input-group input-group-sm"},ke={class:"input-group-append"},we=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"請填寫卡片標題文字的顏色。",-1)})),Ce={class:"form-group mb-2 was-validated"},ye=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-desc"},"卡片說明",-1)})),Be=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"請填寫卡片說明。",-1)})),Se={class:"form-group mb-2 was-validated"},Te=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-descSize"},"說明文字大小(最大5xl，最小xxs)",-1)})),ze={class:"input-group input-group-sm"},De={class:"input-group-append"},qe=a((function(){return Object(r["createElementVNode"])("button",{type:"button","data-toggle":"dropdown",class:"btn btn-outline-secondary dropdown-toggle","aria-expanded":"false"}," 請選擇文字大小 ",-1)})),Ue={class:"dropdown-menu py-0",style:{}},Me=["onClick"],Re=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"請填寫卡片標題的文字大小。 ",-1)})),Fe={class:"form-group mb-2 was-validated"},_e=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-titleColor"},"說明文字顏色",-1)})),Ae={class:"input-group input-group-sm"},He={class:"input-group-append"},Le=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"請填寫卡片標題文字的顏色。",-1)})),Ie={class:"list-group list-group-flush"},Je={class:"row"},Pe={class:"col-sm-12"},Ze={class:"form-group mb-2"},Ge={class:"d-flex btn-group mb-1"},$e=["onClick"],Ke=a((function(){return Object(r["createElementVNode"])("i",{class:"iconfont icon-arrow-o-u"},null,-1)})),We=Object(r["createTextVNode"])(" 上移 "),Qe=[Ke,We],Xe=["onClick"],Ye=a((function(){return Object(r["createElementVNode"])("i",{class:"iconfont icon-arrow-o-d"},null,-1)})),et=Object(r["createTextVNode"])(" 下移 "),tt=[Ye,et],ot=["onClick"],rt=a((function(){return Object(r["createElementVNode"])("i",{class:"iconfont icon-delete"},null,-1)})),nt=Object(r["createTextVNode"])(" 刪除 "),ct=[rt,nt],at={class:"col-sm-12"},lt={class:"form-group mb-2 was-validated"},st={for:"cardbtn-text-0"},dt=["onUpdate:modelValue"],it={class:"form-group mb-2 was-validated"},mt={for:"cardbtn-link-0"},ut=["onUpdate:modelValue"],bt={class:"form-group mb-2 was-validated"},ft=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-titleColor"},"按鈕文字顏色",-1)})),pt={class:"input-group input-group-sm"},jt=["onUpdate:modelValue"],Ot={class:"input-group-append"},gt=["onUpdate:modelValue"],vt={class:"form-group mb-2 was-validated"},Vt=a((function(){return Object(r["createElementVNode"])("label",{for:"vcard-btnHeight"},"按鈕大小",-1)})),Nt={class:"input-group input-group-sm"},Et=["onUpdate:modelValue"],ht={class:"input-group-append"},xt=a((function(){return Object(r["createElementVNode"])("button",{type:"button","data-toggle":"dropdown",class:"btn btn-outline-secondary dropdown-toggle","aria-expanded":"false"}," 請選擇按鈕大小 ",-1)})),kt={class:"dropdown-menu py-0",style:{}},wt=["onClick"],Ct=["onClick"],yt=a((function(){return Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"請填寫卡片標題的文字大小。 ",-1)})),Bt={class:"list-group-item"},St=a((function(){return Object(r["createElementVNode"])("i",{class:"fa fa-plus-circle"},null,-1)})),Tt=Object(r["createTextVNode"])(" 新增按鈕 "),zt=[St,Tt],Dt=a((function(){return Object(r["createElementVNode"])("i",{class:"fa fa-plus-circle"},null,-1)})),qt=Object(r["createTextVNode"])(" 新增分享按鈕 "),Ut=[Dt,qt],Mt={class:"d-flex mx-n2 my-2 row"},Rt=a((function(){return Object(r["createElementVNode"])("i",{class:"fa mr-2 fa-id-card-o"},null,-1)})),Ft=Object(r["createTextVNode"])(" 建立名片 "),_t=[Rt,Ft],At=a((function(){return Object(r["createElementVNode"])("div",{id:"modal-exportimport","data-backdrop":"static","data-keyboard":"false",tabindex:"-1",class:"fade modal"},[Object(r["createElementVNode"])("div",{class:"align-items-stretch modal-dialog modal-dialog-centered modal-xl"},[Object(r["createElementVNode"])("div",{class:"modal-content"},[Object(r["createElementVNode"])("div",{class:"d-flex flex-column modal-body"},[Object(r["createElementVNode"])("textarea",{class:"form-control form-control-sm flex-fill"}),Object(r["createElementVNode"])("small",{class:"form-text text-muted"},"請複製匯出的資料，或貼上之前的資料並點一下「匯入」按鈕。")]),Object(r["createElementVNode"])("div",{class:"modal-footer"},[Object(r["createElementVNode"])("button",{type:"button",class:"btn btn-outline-success"}," 複製 "),Object(r["createElementVNode"])("button",{type:"button",class:"btn btn-secondary"},"關閉"),Object(r["createElementVNode"])("button",{type:"button",class:"btn btn-primary"},"匯入")])])])],-1)})),Ht={key:1,class:"cropper-section"},Lt={class:"crop-area"},It={class:"crop-btn"},Jt=Object(r["createTextVNode"])("取消"),Pt=Object(r["createTextVNode"])("剪裁");function Zt(e,t,o,n,c,a){var p=Object(r["resolveComponent"])("van-nav-bar"),D=Object(r["resolveComponent"])("van-button"),q=Object(r["resolveComponent"])("van-switch"),M=Object(r["resolveComponent"])("van-uploader"),R=Object(r["resolveComponent"])("Footer"),_=Object(r["resolveComponent"])("van-overlay"),A=Object(r["resolveComponent"])("cropper");return Object(r["openBlock"])(),Object(r["createElementBlock"])(r["Fragment"],null,[Object(r["createVNode"])(p,{title:"商務卡片","right-text":"關閉",onClickRight:t[0]||(t[0]=function(t){return e.$router.push("/auth/getauth")})}),(Object(r["openBlock"])(),Object(r["createBlock"])(r["KeepAlive"],null,[Object(r["createElementVNode"])("div",l,[Object(r["createElementVNode"])("div",s,[Object(r["createElementVNode"])("div",null," 會員編號："+Object(r["toDisplayString"])(e.$route.query.user_id),1),d,Object(r["createElementVNode"])("div",null,[Object(r["createVNode"])(D,{icon:"browsing-history",type:"primary",onClick:e.handlePreview},{default:Object(r["withCtx"])((function(){return[i]})),_:1},8,["onClick"])])]),Object(r["createElementVNode"])("div",m,[Object(r["createElementVNode"])("div",u,[Object(r["createElementVNode"])("ul",b,[Object(r["createElementVNode"])("li",{class:"nav-item",onClick:t[1]||(t[1]=function(t){return e.form.page="setting"})},[Object(r["createElementVNode"])("button",{type:"button",class:Object(r["normalizeClass"])(["nav-link",{active:"setting"===e.form.page}])}," 設定 ",2)]),(Object(r["openBlock"])(!0),Object(r["createElementBlock"])(r["Fragment"],null,Object(r["renderList"])(e.form.json5.cards,(function(t,o){return Object(r["openBlock"])(),Object(r["createElementBlock"])("li",{class:"nav-item",key:o,onClick:function(t){return e.form.page=o+1}},[Object(r["createElementVNode"])("button",{type:"button",class:Object(r["normalizeClass"])(["nav-link",{active:e.form.page===o+1}])},Object(r["toDisplayString"])(o+1),3)],8,f)})),128)),e.form.json5.cards.length<10?(Object(r["openBlock"])(),Object(r["createElementBlock"])("li",{key:0,class:"nav-item",onClick:t[2]||(t[2]=function(){return e.addCard&&e.addCard.apply(e,arguments)})},j)):Object(r["createCommentVNode"])("",!0)])]),"setting"===e.form.page?(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",O,[Object(r["createElementVNode"])("div",g,[Object(r["createElementVNode"])("div",v,[V,Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:".+",required:"required",id:"utel-altText",class:"form-control form-control-sm","onUpdate:modelValue":t[3]||(t[3]=function(t){return e.form.title=t})},null,512),[[r["vModelText"],e.form.title]]),N]),Object(r["createElementVNode"])("div",E,[h,x,Object(r["createVNode"])(q,{modelValue:e.form.showNfc,"onUpdate:modelValue":t[4]||(t[4]=function(t){return e.form.showNfc=t})},null,8,["modelValue"]),k])])])):(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",w,[Object(r["createElementVNode"])("div",C,[Object(r["createElementVNode"])("div",y,[e.form.json5.cards.length>1?(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",B,[Object(r["createElementVNode"])("div",S,[T,Object(r["createElementVNode"])("div",z,[Object(r["createElementVNode"])("button",{type:"button",class:"btn btn-sm btn-outline-info",onClick:t[5]||(t[5]=function(t){return e.moveCard(0,e.form.page)})},U),Object(r["createElementVNode"])("button",{type:"button",class:"btn btn-sm btn-outline-info",onClick:t[6]||(t[6]=function(t){return e.moveCard(1,e.form.page)})},F),Object(r["createElementVNode"])("button",{type:"button",class:"btn btn-sm btn-outline-danger",onClick:t[7]||(t[7]=function(t){return e.delCard(e.form.page)})},H)]),L])])):Object(r["createCommentVNode"])("",!0),Object(r["createElementVNode"])("div",I,[Object(r["createElementVNode"])("div",J,[P,Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:".+",required:"required",id:"vcard-ratio",class:"form-control form-control-sm","onUpdate:modelValue":t[8]||(t[8]=function(t){return e.form.json5.cards[e.form.page-1].ratio=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].ratio]]),Z]),Object(r["createElementVNode"])("div",G,[$,Object(r["createElementVNode"])("div",null,[Object(r["createVNode"])(M,{"after-read":e.afterRead,"max-count":1,name:"cardimage",onDelete:e.handleDelete},{default:Object(r["withCtx"])((function(){return[e.form.json5.cards[e.form.page-1].image.length>0?(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",K,[Object(r["createElementVNode"])("img",{class:"upload-img",src:e.form.json5.cards[e.form.page-1].image,alt:""},null,8,W)])):(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",Q,ee))]})),_:1},8,["after-read","onDelete"])]),te]),Object(r["createElementVNode"])("div",oe,[re,Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:"(https?://|line://|tel:|mailto:)\\S+",id:"vcard-link",inputmode:"url",type:"url",class:"form-control form-control-sm","onUpdate:modelValue":t[9]||(t[9]=function(t){return e.form.json5.cards[e.form.page-1].link=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].link]]),ne]),Object(r["createElementVNode"])("div",ce,[ae,Object(r["createElementVNode"])("div",le,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:"#[0-9a-fA-F]{6}",required:"required",id:"vcard-bgColor",inputmode:"url",class:"form-control","onUpdate:modelValue":t[10]||(t[10]=function(t){return e.form.json5.cards[e.form.page-1].bgColor=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].bgColor]]),Object(r["createElementVNode"])("div",se,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{type:"color",class:"form-control form-control-color","onUpdate:modelValue":t[11]||(t[11]=function(t){return e.form.json5.cards[e.form.page-1].bgColor=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].bgColor]]),de])]),ie]),Object(r["createElementVNode"])("div",me,[ue,Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:".+",required:"required",id:"vcard-title",class:"form-control form-control-sm","onUpdate:modelValue":t[12]||(t[12]=function(t){return e.form.json5.cards[e.form.page-1].title=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].title]]),be]),Object(r["createElementVNode"])("div",fe,[pe,Object(r["createElementVNode"])("div",je,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:"[0-9a-zA-Z]+",required:"required",id:"vcard-titleSize",class:"form-control form-control-sm","onUpdate:modelValue":t[13]||(t[13]=function(t){return e.form.json5.cards[e.form.page-1].titleSize=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].titleSize]]),Object(r["createElementVNode"])("div",Oe,[ge,Object(r["createElementVNode"])("div",ve,[(Object(r["openBlock"])(!0),Object(r["createElementBlock"])(r["Fragment"],null,Object(r["renderList"])(e.sizeArr,(function(t,o){return Object(r["openBlock"])(),Object(r["createElementBlock"])("button",{type:"button",class:"dropdown-item",onClick:function(o){return e.changeSize("titleSize",t)},key:o},Object(r["toDisplayString"])(t),9,Ve)})),128))])])]),Ne]),Object(r["createElementVNode"])("div",Ee,[he,Object(r["createElementVNode"])("div",xe,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:"#[0-9a-fA-F]{6}",required:"required",id:"vcard-titleColor",inputmode:"url",class:"form-control","onUpdate:modelValue":t[14]||(t[14]=function(t){return e.form.json5.cards[e.form.page-1].titleColor=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].titleColor]]),Object(r["createElementVNode"])("div",ke,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{type:"color",class:"form-control form-control-color","onUpdate:modelValue":t[15]||(t[15]=function(t){return e.form.json5.cards[e.form.page-1].titleColor=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].titleColor]])])]),we]),Object(r["createElementVNode"])("div",Ce,[ye,Object(r["withDirectives"])(Object(r["createElementVNode"])("textarea",{id:"vcard-desc",pattern:".+",required:"required",class:"form-control form-control-sm","onUpdate:modelValue":t[16]||(t[16]=function(t){return e.form.json5.cards[e.form.page-1].desc=t}),style:{height:"100px"}},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].desc]]),Be]),Object(r["createElementVNode"])("div",Se,[Te,Object(r["createElementVNode"])("div",ze,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:"[0-9a-zA-Z]+",required:"required",id:"vcard-descSize",class:"form-control form-control-sm","onUpdate:modelValue":t[17]||(t[17]=function(t){return e.form.json5.cards[e.form.page-1].descSize=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].descSize]]),Object(r["createElementVNode"])("div",De,[qe,Object(r["createElementVNode"])("div",Ue,[(Object(r["openBlock"])(!0),Object(r["createElementBlock"])(r["Fragment"],null,Object(r["renderList"])(e.sizeArr,(function(t,o){return Object(r["openBlock"])(),Object(r["createElementBlock"])("button",{type:"button",class:"dropdown-item",onClick:function(o){return e.changeSize("descSize",t)},key:o},Object(r["toDisplayString"])(t),9,Me)})),128))])])]),Re]),Object(r["createElementVNode"])("div",Fe,[_e,Object(r["createElementVNode"])("div",Ae,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:"#[0-9a-fA-F]{6}",required:"required",id:"vcard-titleColor",inputmode:"url",class:"form-control","onUpdate:modelValue":t[18]||(t[18]=function(t){return e.form.json5.cards[e.form.page-1].descColor=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].descColor]]),Object(r["createElementVNode"])("div",He,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{type:"color",class:"form-control form-control-color","onUpdate:modelValue":t[19]||(t[19]=function(t){return e.form.json5.cards[e.form.page-1].descColor=t})},null,512),[[r["vModelText"],e.form.json5.cards[e.form.page-1].descColor]])])]),Le])])])]),Object(r["createElementVNode"])("ul",Ie,[(Object(r["openBlock"])(!0),Object(r["createElementBlock"])(r["Fragment"],null,Object(r["renderList"])(e.form.json5.cards[e.form.page-1].btns,(function(t,o){return Object(r["openBlock"])(),Object(r["createElementBlock"])("li",{class:"list-group-item pb-2 pt-3",key:o},[Object(r["createElementVNode"])("div",Je,[Object(r["createElementVNode"])("div",Pe,[Object(r["createElementVNode"])("div",Ze,[Object(r["createElementVNode"])("label",null,"控制按鈕 "+Object(r["toDisplayString"])(o+1),1),Object(r["createElementVNode"])("div",Ge,[e.form.json5.cards[e.form.page-1].btns.length>1?(Object(r["openBlock"])(),Object(r["createElementBlock"])("button",{key:0,type:"button",class:"btn btn-sm btn-outline-info",onClick:function(t){return e.moveBtn(0,o)}},Qe,8,$e)):Object(r["createCommentVNode"])("",!0),e.form.json5.cards[e.form.page-1].btns.length>1?(Object(r["openBlock"])(),Object(r["createElementBlock"])("button",{key:1,type:"button",class:"btn btn-sm btn-outline-info",onClick:function(t){return e.moveBtn(1,o)}},tt,8,Xe)):Object(r["createCommentVNode"])("",!0),Object(r["createElementVNode"])("button",{type:"button",class:"btn btn-sm btn-outline-danger",onClick:function(t){return e.delBtn(o)}},ct,8,ot)])])]),Object(r["createElementVNode"])("div",at,[Object(r["createElementVNode"])("div",lt,[Object(r["createElementVNode"])("label",st,"按鈕 "+Object(r["toDisplayString"])(o+1)+" 文字",1),Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:".+",required:"required",id:"cardbtn-text-0",class:"form-control form-control-sm","onUpdate:modelValue":function(e){return t.text=e}},null,8,dt),[[r["vModelText"],t.text]])]),Object(r["createElementVNode"])("div",it,[Object(r["createElementVNode"])("label",mt,"按鈕 "+Object(r["toDisplayString"])(o+1)+" 連結(需輸入完整網址,http://..,https://...)",1),Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:"(https?://|line://|tel:|mailto:)\\S+",required:"required",inputmode:"url",type:"url",id:"cardbtn-link-0",class:"form-control form-control-sm","onUpdate:modelValue":function(e){return t.link=e}},null,8,ut),[[r["vModelText"],t.link]])]),Object(r["createElementVNode"])("div",bt,[ft,Object(r["createElementVNode"])("div",pt,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:"#[0-9a-fA-F]{6}",required:"required",id:"vcard-titleColor",inputmode:"url",class:"form-control","onUpdate:modelValue":function(e){return t.color=e}},null,8,jt),[[r["vModelText"],t.color]]),Object(r["createElementVNode"])("div",Ot,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{type:"color",class:"form-control form-control-color","onUpdate:modelValue":function(e){return t.color=e}},null,8,gt),[[r["vModelText"],t.color]])])])]),Object(r["createElementVNode"])("div",vt,[Vt,Object(r["createElementVNode"])("div",Nt,[Object(r["withDirectives"])(Object(r["createElementVNode"])("input",{pattern:"[0-9a-zA-Z]+",required:"required",id:"vcard-btnHeight",class:"form-control form-control-sm","onUpdate:modelValue":function(e){return t.btnHeight=e}},null,8,Et),[[r["vModelText"],t.btnHeight]]),Object(r["createElementVNode"])("div",ht,[xt,Object(r["createElementVNode"])("div",kt,[Object(r["createElementVNode"])("button",{type:"button",class:"dropdown-item",onClick:function(e){return t.btnHeight="sm"}},"sm",8,wt),Object(r["createElementVNode"])("button",{type:"button",class:"dropdown-item",onClick:function(e){return t.btnHeight="md"}},"md",8,Ct)])])]),yt])])])])})),128)),Object(r["createElementVNode"])("li",Bt,[Object(r["createElementVNode"])("button",{type:"button",class:"btn btn-outline-success",onClick:t[20]||(t[20]=function(t){return e.addBtn(e.form.page)})},zt),Object(r["createElementVNode"])("button",{type:"button",class:"btn btn-outline-success",onClick:t[21]||(t[21]=function(t){return e.addShareBtn(e.form.page)})},Ut)])])]))]),Object(r["createElementVNode"])("div",Mt,[Object(r["createElementVNode"])("div",{class:"btn flex-fill mx-2 my-1 btn-primary",onClick:t[22]||(t[22]=function(){return e.handleSubmit&&e.handleSubmit.apply(e,arguments)})},_t)]),At])],1024)),e.showFooter?(Object(r["openBlock"])(),Object(r["createBlock"])(R,{key:0})):Object(r["createCommentVNode"])("",!0),Object(r["createVNode"])(_,{show:e.crop.show,onClick:t[23]||(t[23]=function(t){return e.crop.show=!1})},null,8,["show"]),e.crop.show?(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",Ht,[Object(r["createElementVNode"])("div",Lt,[Object(r["createVNode"])(A,{class:"cropper",ref:"myCrop",src:e.crop.img,"stencil-props":{aspectRatio:20/13},"auto-zoom":!0},null,8,["src"])]),Object(r["createElementVNode"])("div",It,[Object(r["createVNode"])(D,{type:"primary",size:"small",plain:"",onClick:e.onClose},{default:Object(r["withCtx"])((function(){return[Jt]})),_:1},8,["onClick"]),Object(r["createVNode"])(D,{type:"success",size:"small",plain:"",onClick:e.onCrop},{default:Object(r["withCtx"])((function(){return[Pt]})),_:1},8,["onClick"])])])):Object(r["createCommentVNode"])("",!0)],64)}var Gt=o("5530"),$t=o("3835"),Kt=o("b85c"),Wt=(o("e7e5"),o("d399")),Qt=o("1da1"),Xt=(o("96cf"),o("d3b7"),o("3ca3"),o("ddb0"),o("2b3d"),o("9861"),o("a434"),o("99af"),o("e9c4"),o("498a"),o("07ac"),o("ac1f"),o("00b4"),o("fd2d")),Yt=o("5a10"),eo=o("365c"),to=o("5502"),oo=o("6c02"),ro=o("cee4"),no=(o("2ef0"),o("94e0")),co=(o("f7aa"),o("0f9b"),window.URL||window.webkitURL,Object(r["defineComponent"])({name:"EditCard",components:{Footer:Xt["a"],Cropper:no["a"],FlexView:Yt["a"]},setup:function(){return Object(Qt["a"])(regeneratorRuntime.mark((function e(){var t,o,n,c,a,l,s,d,i,m,u,b,f,p,j,O,g,v,V,N,E,h,x,k,w;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return function(e){return!1},w=function(e){var t,o=/(https?:\/\/|line:\/\/|tel:|mailto:)\S+/,r=Object(Kt["a"])(e.entries());try{for(r.s();!(t=r.n()).done;){var n=Object($t["a"])(t.value,2),c=n[0],a=n[1],l=!1;for(var s in a)"link"===s||""!=a[s]&&null!=a[s]||(l=!0);if(!0===l)return d.form.page=c+1,!1;if(a.link&&(a.link=a.link.trim()),a.btns&&a.btns.length>0){var i,m=Object(Kt["a"])(a.btns);try{for(m.s();!(i=m.n()).done;){var u=i.value,b=Object.values(u).some((function(e){return""==e||null==e}));if(!0===b)return d.form.page=c+1,!1;if(u.link=u.link.trim(),!o.test(u.link))return d.form.page=c+1,!1}}catch(f){m.e(f)}finally{m.f()}}}}catch(f){r.e(f)}finally{r.f()}return!0},t=Object(to["b"])(),o=Object(oo["c"])(),n=Object(oo["d"])(),c=Object(r["ref"])(null),Object(r["ref"])(!1),a=Object(r["ref"])(!1),l=Object(r["ref"])(null),s=Object(r["ref"])({show:!1,img:null,outputType:"jpeg",autoCrop:!0,autoCropWidth:200,autoCropHeight:200}),d=Object(r["reactive"])({imagePath:"",previewImage:null,fileList:[],showFooter:!0,form:{page:1,title:"商務卡片",showNfc:!0,json5:{altText:"",btnHeight:"md",descSize:"sm",titleSize:"xl",cards:[{bgColor:"#ffffff",desc:"",descColor:"#000000",image:"",link:"",title:"",titleSize:"xl",descSize:"sm",titleColor:"#000000",ratio:"20:13"}]}}}),i=Object(r["ref"])(["xxs","xs","sm","md","lg","xl","xxl","3xl","4xl","5xl"]),Object(r["onMounted"])(Object(Qt["a"])(regeneratorRuntime.mark((function e(){var t;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return m=o.query.user_id,e.next=3,Object(eo["f"])({userid:m});case 3:t=e.sent,200===t.code&&t.data.cus_card&&t.data.cus_card.length>0&&(d.form=JSON.parse(t.data.cus_card));case 5:case"end":return e.stop()}}),e)})))),Object(r["watch"])((function(){return d.form.title}),(function(e){d.form.json5.altText=e})),u=function(){var e=c.value.getResult(),t=e.canvas;if(t){var o=new FormData;t.toBlob(function(){var e=Object(Qt["a"])(regeneratorRuntime.mark((function e(t){var r,n;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return r=new File([t],"image.jpg"),o.append("fileType","IMAGE"),o.append("file",r),s.value.show=!1,Wt["a"].loading({duration:0,message:"圖片上傳中...",forbidClick:!0}),e.next=7,ro["a"].post("".concat("https://card.slash1000.com/appapi/v1","/card/uploadfile"),o,{});case 7:n=e.sent,200==n.data.code?(d.form.json5.cards[d.form.page-1].image=n.data.data,Wt["a"].success("上傳成功")):Wt["a"].fail("上傳失敗");case 9:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),"image/jpeg")}},b=function(){s.value.show=!1},f=function(){d.form.json5.cards.push({bgColor:"#ffffff",desc:"",descColor:"#000000",image:"",title:"",titleSize:"xl",descSize:"sm",titleColor:"#000000",ratio:"20:13"}),d.form.page=d.form.json5.cards.length},p=function(e){e>1&&(d.form.page=e-1),d.form.json5.cards.splice(e-1,1)},j=function(e){d.form.json5.cards[e-1].btns||(d.form.json5.cards[e-1].btns=[]),d.form.json5.cards[e-1].btns.push({color:"#42659a",link:"",style:"primary",text:"",btnHeight:"md"})},O=function(e){d.form.json5.cards[e-1].btns||(d.form.json5.cards[e-1].btns=[]),d.form.json5.cards[e-1].btns.push({color:"#42659a",link:"".concat("https://liff.line.me/1661025693-veEM0lwZ","?userid=").concat(m,"&cardid=2"),style:"primary",text:"分享好友",btnHeight:"md"})},g=function(e,t){if(0===e){if(1!==t){var o=[d.form.json5.cards[t-2],d.form.json5.cards[t-1]];d.form.json5.cards[t-1]=o[0],d.form.json5.cards[t-2]=o[1],d.form.page=t-1}}else if(t!==d.form.json5.cards.length){var r=[d.form.json5.cards[t-1],d.form.json5.cards[t]];d.form.json5.cards[t]=r[0],d.form.json5.cards[t-1]=r[1],d.form.page=t+1}},v=function(e){d.form.json5.cards[d.form.page-1].btns.splice(e,1),0===d.form.json5.cards[d.form.page-1].btns.length&&delete d.form.json5.cards[d.form.page-1].btns},V=function(e,t){if(0===e){if(0!==t){var o=[d.form.json5.cards[d.form.page-1].btns[t-1],d.form.json5.cards[d.form.page-1].btns[t]];d.form.json5.cards[d.form.page-1].btns[t]=o[0],d.form.json5.cards[d.form.page-1].btns[t-1]=o[1]}}else if(t+1!==d.form.json5.cards[d.form.page-1].btns.length){var r=[d.form.json5.cards[d.form.page-1].btns[t],d.form.json5.cards[d.form.page-1].btns[t+1]];d.form.json5.cards[d.form.page-1].btns[t+1]=r[0],d.form.json5.cards[d.form.page-1].btns[t]=r[1]}},N=function(){var e=Object(Qt["a"])(regeneratorRuntime.mark((function e(t,o){var r,n;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return r=new FormData,r.append("fileType","IMAGE"),r.append("file",t.file),Wt["a"].loading({duration:0,message:"圖片上傳中...",forbidClick:!0}),e.next=6,ro["a"].post("".concat("https://card.slash1000.com/appapi/v1","/card/uploadfile"),r,{});case 6:return n=e.sent,200==n.data.code?(d.form.json5.cards[d.form.page-1].image=n.data.data,Wt["a"].success("上傳成功")):Wt["a"].fail("上傳失敗"),e.abrupt("return");case 9:case"end":return e.stop()}}),e)})));return function(t,o){return e.apply(this,arguments)}}(),E=function(){d.form.json5.cards[d.form.page-1].image=""},h=function(){n.push({name:"AuthPreview",params:{content:JSON.stringify(d.form)}})},x=function(e,t){switch(e){case"titleSize":d.form.json5.cards[d.form.page-1].titleSize=t;break;case"descSize":d.form.json5.cards[d.form.page-1].descSize=t;break;default:break}},k=function(){var e=Object(Qt["a"])(regeneratorRuntime.mark((function e(){var o,r;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(w(d.form.json5.cards)){e.next=3;break}return Object(Wt["a"])("商務卡片欄位錯誤,紅色錯誤欄位請重新檢查!!"),e.abrupt("return");case 3:return o=m,Wt["a"].loading({duration:0,message:"名片上傳中...",forbidClick:!0}),e.next=7,Object(eo["l"])({user_id:o,card_title:d.form.title,show_cus:d.form.showNfc,cus_card:JSON.stringify(d.form)});case 7:r=e.sent,200===r.code?(t.commit("user/setCusCard",JSON.stringify(d.form)),Wt["a"].success("建立成功")):Wt["a"].fail("建立失敗"),n.push("/auth/getauth");case 10:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),e.abrupt("return",Object(Gt["a"])(Object(Gt["a"])({},Object(r["toRefs"])(d)),{},{sizeArr:i,showPreview:a,flexRef:l,crop:s,myCrop:c,addCard:f,delCard:p,moveCard:g,addBtn:j,addShareBtn:O,delBtn:v,moveBtn:V,afterRead:N,handlePreview:h,handleDelete:E,changeSize:x,handleSubmit:k,onCrop:u,onClose:b}));case 29:case"end":return e.stop()}}),e)})))()}})),ao=(o("7754"),o("6b0d")),lo=o.n(ao);const so=lo()(co,[["render",Zt],["__scopeId","data-v-f7eefe5c"]]);t["default"]=so}}]);
|
