https://linkgoods.com/_nuxt/B-jxJRlp.js

1import{d,m as n,t as $,o as l,a as g,R as m,c as k,Q as T,O as f,S as h,y as b,V,T as v,u as P,z as u,l as _,F as S,a1 as w,af as C,w as N,aN as A,A as y,b3 as R,ac as L,v as z}from"./CviiDajh.js";import{_ as j}from"./DrdatGQu.js";import{u as D}from"./tDt3I5Gx.js";import{S as F}from"./DM-_cbvy.js";import{P as U}from"./bFQ_vlPU.js";/* empty css        */import{V as M}from"./CVy8o5_D.js";import{a as E,V as O}from"./DLRUA2Zz.js";import"./alJa3BLG.js";import"./CgUFquv8.js";import"./DoTV46hG.js";import"./BhukTy_j.js";import"./BiwCTvhz.js";const H={class:"ScoreBar position-relative rounded-pill"};function W(s,t,o,e,i,c){return l(),d("div",H,[t[0]||(t[0]=n("div",{class:"shadow rounded-pill"},null,-1)),t[1]||(t[1]=n("div",{class:"tick-wrapper rounded-pill"},[n("div",{class:"tick",style:{left:"33%"}}),n("div",{class:"tick",style:{left:"67%"}})],-1)),n("div",{class:"score rounded-pill",style:$({width:o.progress*100+"%"})},null,4)])}const K={name:"ScoreBar",props:{progress:{type:Number,default:0}}},B=g(K,[["render",W],["__scopeId","data-v-d746b1c8"]]),G=["data-locale"],J={class:"d-flex align-end"},Q={class:"fs-5 text-FF8D58 font-weight-medium"},Y={class:"fs-3 text-gray50"},q={class:"title-wrapper fs-4 font-weight-medium mx-4"},X={class:"title"};function Z(s,t,o,e,i,c){const a=h("ScoreBar"),p=j;return l(),d("div",{class:"TaskItem d-flex justify-space-between align-center px-3 py-2 rounded-2","data-locale":e.locale},[n("div",J,[n("div",Q,m(o.step),1),n("div",Y,"/"+m(o.totalSteps),1)]),n("div",q,[n("div",X,m(o.title),1),o.hasSubsteps?(l(),k(a,{key:0,class:"height-1 width-100p",progress:o.score},null,8,["progress"])):T("",!0)]),n("div",{class:"state text-center",style:$(e.stateStyle)},[e.state==="uncomplete"?(l(),k(p,{key:0,class:"uncomplete-btn text-decoration-none text-no-wrap fs-3p5",to:e.localePath(o.link)},{default:f(()=>[b(m(s.$t("前往")),1)]),_:1},8,["to"])):(l(),k(V,{key:1,class:"complete-btn",icon:"mdi-check",size:"24"}))],4)],8,G)}const ee={name:"TaskItem",components:{ScoreBar:B},props:{step:{type:Number,default:0},totalSteps:{type:Number,default:3},title:{type:String,default:""},score:{type:Number,default:0},hasSubsteps:{type:Boolean,default:!1},link:{type:String,default:""}},setup(s){const{locale:t}=v(),o=P(),e=u(()=>s.score<1?"uncomplete":"complete"),i={tw:"44px",en:"44px",jp:"72px"},c=u(()=>({width:i[t.value]}));return{locale:t,localePath:o,state:e,stateStyle:c}}},te=g(ee,[["render",Z],["__scopeId","data-v-aaff594c"]]),se={class:"ScoreBoard rounded-3 pa-4 d-flex flex-column justify-center"},oe={class:"d-flex justify-center align-end line-height-1"},ne={class:"fs-8 text-44A0F4 font-weight-bold"},ae={class:"task-list space-y-3 mt-3"};function ie(s,t,o,e,i,c){const a=h("ScoreBar"),p=h("TaskItem");return l(),d("div",se,[n("div",oe,[n("div",ne,m(e.scoreText),1),t[0]||(t[0]=n("div",{class:"fs-4 text-303030 mb-1"},"%",-1))]),_(a,{class:"width-100p height-3 mt-2",progress:e.progress},null,8,["progress"]),n("div",ae,[(l(!0),d(S,null,w(e.taskList,r=>(l(),k(p,{key:r.key,step:r.step,title:s.$t(r.title),score:r.score,hasSubsteps:r.hasSubsteps,totalSteps:r.totalSteps,link:r.link},null,8,["step","title","score","hasSubsteps","totalSteps","link"]))),128))])])}const x=[{key:"bio",title:"編輯個人檔案",link:"/box/setting/bio"},{key:"visual",title:"選喜歡的背景",link:"/box/setting/visual-bg"},{key:"link",title:"建立３個連結",hasSubsteps:!0,link:"/box/setting/link"}],le={name:"ScoreBoard",components:{ScoreBar:B,TaskItem:te},setup(){const s=D(),t=u(()=>x.map((i,c)=>({...i,step:c+1,score:s.scoreMap?.[i.key]??0,totalSteps:x.length}))),o=u(()=>s.scoreMap?.progress||0),e=u(()=>`${Math.round(o.value*100)}`);return{taskList:t,progress:o,scoreText:e}}},ce=g(le,[["render",ie],["__scopeId","data-v-ca381c8e"]]),re=[{category:"精選",list:[{name:"電商人妻",link:"https://linkgoods.com/ecwife"},{name:"Joeman",link:"https://linkgoods.com/joeman"},{name:"松果購物",link:"https://linkgoods.com/pconelife"},{name:"眾量級CROWD",link:"https://linkgoods.com/crowd"},{name:"東南旅遊",link:"https://linkgoods.com/settour"},{name:"啾啾妹",link:"https://linkgoods.com/chuchumei"},{name:"浩子-說彰化",link:"https://linkgoods.com/changhua300"},{name:"山東 Sadon",link:"https://linkgoods.com/sadon"}]},{category:"電子名片",list:[{name:"露喜Luci",link:"https://linkgoods.com/lucichen0618"},{name:"Kino's Hair",link:"https://linkgoods.com/kinohair"},{name:"拉麵浪人 ラーメン浪人",link:"https://linkgoods.com/ramenrounintw"},{name:"文仔糖",link:"https://linkgoods.com/aasta223"},{name:"淨妍醫美集團",link:"https://linkgoods.com/jinyenclinic"},{name:"HongSaisai Leather",link:"https://linkgoods.com/hongsaisai"},{name:"小花園起司",link:"https://linkgoods.com/littlegrazegarden"},{name:"陳承",link:"https://linkgoods.com/chen"}]},{category:"商品宣傳",list:[{name:"2A夫妻",link:"https://linkgoods.com/2acouple"},{name:"翠蕊 CHERRY",link:"https://linkgoods.com/cutiecherry"},{name:"老佛爺時尚精品",link:"https://linkgoods.com/lafayette2018"},{name:"白色翅膀whitewings",link:"https://linkgoods.com/whitewings"},{name:"IRITA專一純粹保養",link:"https://linkgoods.com/iritaskincare"},{name:"Dr.Life 毛孩用品",link:"https://linkgoods.com/drlife2023"},{name:"BL推廣部 ✈✈✈",link:"https://linkgoods.com/blbuchou"}]},{category:"作品集",list:[{name:"Winnie",link:"https://linkgoods.com/winnielee"},{name:"魯法瑞 Lu Fa Rui",link:"https://linkgoods.com/ruiruifreda0916"}]}],I=[];re.forEach(({category:s,list:t})=>{t.forEach(({name:o,link:e})=>{const i=e.substring(e.lastIndexOf("/")+1);I.push({key:i,name:o,category:s,link:e,image:`/assets/images/sample/${i}.png`})})});const de={class:"SampleList"},pe={class:"swiper pb-8",ref:"swiperTargetR"},me={class:"swiper-wrapper"},ue=["href"],_e={class:"fs-4 text-text-group-header text-center mt-1"},he={class:"swiper-pagination line-height-1",ref:"swiperPaginationR"};

1function ge(s,t,o,e,i,c){return l(),d("div",de,[n("div",pe,[n("div",me,[(l(!0),d(S,null,w(o.list,a=>(l(),d("div",{class:"swiper-slide",key:a.key},[n("a",{class:"d-block width-100p text-decoration-none",href:a.link,target:"_blank"},[_(M,{class:"width-100p mx-auto",src:a.image,"lazy-src":a.image,rounded:"3","max-width":"300","aspect-ratio":384/832},null,8,["src","lazy-src"]),n("div",_e,m(a.name),1)],8,ue)]))),128))]),n("div",he,null,512)],512)])}const ke={name:"SampleList",props:{list:{type:Array,default:()=>[]}},setup(s){const t=y(null),o=y(null);let e=null;function i(){e&&e.update()}return C(()=>{e=new F(t.value,{modules:[U],pagination:{el:o.value,clickable:!0},slidesPerView:2,spaceBetween:16,observer:!0,breakpoints:{600:{slidesPerView:3,spaceBetween:28},1024:{slidesPerView:4,spaceBetween:28}}})}),N(()=>s.list,()=>{e&&e.slideTo(0)}),A(()=>{e&&e.destroy(!0,!0),e=null}),{swiperTargetR:t,swiperPaginationR:o,update:i}}},fe=g(ke,[["render",ge],["__scopeId","data-v-38efd2c1"]]),ye={class:"SampleListPanel"};function ve(s,t,o,e,i,c){const a=R,p=h("SampleList");return l(),d("div",ye,[_(a,null,{default:f(()=>[_(E,{mandatory:"",column:e.smAndUp,modelValue:e.selectedCategory,"onUpdate:modelValue":t[0]||(t[0]=r=>e.selectedCategory=r)},{default:f(()=>[(l(!0),d(S,null,w(e.categoryList,r=>(l(),k(O,{key:r,value:r,density:e.smAndUp?"compact":"default",size:e.smAndUp?"large":"small"},{default:f(()=>[b(m(s.$t(r)),1)]),_:2},1032,["value","density","size"]))),128))]),_:1},8,["column","modelValue"])]),_:1}),_(p,{class:"mt-5 mt-sm-4",list:e.selectedList},null,8,["list"])])}const Se={name:"SampleListPanel",components:{SampleList:fe},props:{list:{type:Array,default:()=>[]}},setup(s){const{smAndUp:t}=L(),o=u(()=>s.list.reduce((a,p)=>(a.includes(p.category)||a.push(p.category),a),[])),e=y(s.list[0].category),i=u(()=>s.list.filter(c=>c.category===e.value));return{smAndUp:t,categoryList:o,selectedCategory:e,selectedList:i}}},we=g(Se,[["render",ve],["__scopeId","data-v-221e4903"]]),xe=["data-locale"],$e={class:"text-center"},be={class:"sample-section-title fs-5 text-nav-sidebar-text font-weight-bold"},Le={class:"fs-3 text-text-header mt-2"};function Be(s,t,o,e,i,c){const a=h("SampleListPanel");return l(),d("div",{class:"SampleSection","data-locale":e.locale},[n("div",$e,[n("div",be,m(s.$t("探索靈感")),1),n("div",Le,m(s.$t("參考其他用戶的版面編排 · 原來大家是這麼用的")),1)]),_(a,{class:"mt-3",list:e.list},null,8,["list"])],8,xe)}const Ie={name:"SampleSection",components:{SampleListPanel:we},setup(){const{locale:s}=v();return{locale:s,list:I}}},Te=g(Ie,[["render",Be],["__scopeId","data-v-aea09303"]]),Ve=["data-locale"],Pe={class:"score-board-section d-flex align-center justify-end rounded-5"};function Ce(s,t,o,e,i,c){const a=h("ScoreBoard"),p=h("SampleSection");return l(),d("div",{class:z(["NoviceTask pb-10",{"large-device":e.isLargeDevice}]),"data-locale":e.locale},[n("div",Pe,[_(a,{class:"score-board"})]),_(p,{class:"sample-section mt-8 mt-md-10"})],10,Ve)}const Ne={name:"NoviceTask",components:{ScoreBoard:ce,SampleSection:Te},setup(){const{locale:s}=v(),{width:t}=L(),o=u(()=>t.value>859);return{locale:s,width:t,isLargeDevice:o}}},Ge=g(Ne,[["render",Ce],["__scopeId","data-v-a5896fec"]]);export{Ge as default};