import{U as j,bI as E,aI as ke,b1 as ye,o as f,H as T,bo as t,c as S,f as R,w as l,a as e,V as O,b as h,bf as z,F as B,a$ as H,az as $e,c6 as Ne,d as $,e as G,G as L,bZ as Q,ap as A,ca as ae,aw as re,aY as k,aW as J,b0 as ie,z as W,bT as fe,bX as Y,c8 as Z,bW as q,c2 as X,c3 as M,bY as K,dr as Ve,dn as he,dp as Ie,dq as xe,b_ as ee,bb as _e,cH as me,ds as pe,de as ve,bR as Se,cp as ce,c4 as De,bV as be,cg as Pe,cm as Te,cl as ze,cz as Oe,dd as Le,cs as Ue,ct as ge,cu as Ae}from"./index-SKtGEkOM.js";import{_ as Be}from"./TitleBreadcrumb.vue_vue_type_style_index_0_lang-CMfpiQ-y.js";import{p as ue}from"./productApi-BtCHBPPd.js";import{_ as Re}from"./bukexuan-DVZXrQzr.js";import{e as F}from"./skuOptionTypeEnum-Cvb5ldOX.js";import{_ as le}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{S as oe,N as se,C as ne}from"./carousel-COaTRsk8.js";import{u as we}from"./customizer-B4g6KTap.js";import{I as Ce}from"./images-CmI5jqTn.js";import{d as Me}from"./diyApi-CuaqQ_XS.js";const Ee={class:"sku"},Ye={class:"d-flex align-center ga-2 flex-wrap px-0"},Ge={key:1,src:Re,class:"dis"},He=["src"],qe=["src"],Je=j({__name:"SkuSelector",props:{skuInfos:Array,optionName:String,optionType:Number,optionValues:Array,selectValue:String,selectSkuIds:Array,validSkuIds:Array},emits:["onSelectValue","onSelectSkuIds"],setup(y,{emit:P}){const i=y,r=P;E(()=>i.validSkuIds,a=>{if(i.selectValue&&(console.log("validSkuIds change",i.validSkuIds),i.validSkuIds&&i.validSkuIds.length>0)){let g=!1;for(const d of i.validSkuIds)if(i.selectSkuIds.indexOf(d)>=0){g=!0;break}g||i.handleSelectChange(null)}}),E(()=>i.skuInfos,(a,g)=>{},{deep:!0}),console.log("pro...",i.skuInfos);let V=k(""),u=k(-1),v=J({img:"",text:""}),x=k("");function m(a,g,d,p){console.log("selectColor...",a),console.log("selectColor...",g),console.log("selectColor...",g),p=="color"&&(u.value=a),p=="image"&&(v.img=g.fileUrl,v.text=g.text,x.value=g.text),p=="general"&&(V.value=g.text),s.value=g.skuIds;let c=g.text;if(!c)d==1&&(r("onSelectValue",{optionType:d,data:""}),r("onSelectSkuIds",{optionType:d,data:[]})),d==2&&(r("onSelectValue",{optionType:d,data:""}),r("onSelectSkuIds",{optionType:d,data:[]})),d==3&&(r("onSelectValue",{optionType:d,data:""}),r("onSelectSkuIds",{optionType:d,data:[]}));else{d==1&&r("onSelectValue",{optionType:d,data:c}),d==2&&r("onSelectValue",{optionType:d,data:c}),d==3&&r("onSelectValue",{optionType:d,data:c});for(const b of i.optionValues)if(b.text===c){console.log("onSelectSkuIds....",b.skuIds),b.skuIds,d==1&&r("onSelectSkuIds",{optionType:d,data:b.skuIds}),d==2&&r("onSelectSkuIds",{optionType:d,data:b.skuIds}),d==3&&r("onSelectSkuIds",{optionType:d,data:b.skuIds});break}}}let s=J([]);function n(a,g){if(!g||g.length===0)return!1;for(const d of g)if(a.indexOf(d)>=0)return!1;return!0}return ke(()=>{if(i.optionType==F.COLOR.value){for(let a=0;a<i.optionValues.length;a++)if(!n(i.optionValues[a].skuIds,i.validSkuIds)){m(a,i.optionValues[a],i.optionType,"color");break}}if(i.optionType==F.GENERAL.value){for(let a=0;a<i.optionValues.length;a++)if(!n(i.optionValues[a].skuIds,i.validSkuIds)){m(a,i.optionValues[a],i.optionType,"general"),V.value=i.optionValues[a].text;break}}if(i.optionType==F.IMAGE.value){for(let a=0;a<i.optionValues.length;a++)if(!n(i.optionValues[a].skuIds,i.validSkuIds)){m(a,i.optionValues[a],i.optionType,"image"),v.img=i.optionValues[a].fileUrl,v.text=i.optionValues[a].text,x.value=i.optionValues[a].text;break}}}),(a,g)=>{const d=ye("CheckIcon");return f(),T("div",Ee,[y.optionType==t(F).COLOR.value?(f(),S(R,{key:0,class:"mt-4 sku-color"},{default:l(()=>[e(O,{lg:"2",md:"4",sm:"2"},{default:l(()=>[h("span",null,z(y.optionName),1)]),_:1}),e(O,{lg:"10",md:"8",sm:"22"},{default:l(()=>[h("div",Ye,[(f(!0),T(B,null,H(y.optionValues,(p,c)=>(f(),T("div",{key:c,class:$e(["color-box",n(p.skuIds,y.validSkuIds)?"disabled":""]),style:{}},[e(Ne,{activator:"parent",location:"top"},{default:l(()=>[$(z(p.text)+" "+z(p.color),1)]),_:2},1024),e(G,{onClick:b=>m(c,p,y.optionType,"color"),disabled:n(p.skuIds,y.validSkuIds),rounded:"",width:"30px",height:"30px","min-width":"32px","min-height":"32px",color:p.color,variant:"flat"},{default:l(()=>[t(u)==c?(f(),S(d,{key:0,size:"13"})):L("",!0),n(p.skuIds,y.validSkuIds)?(f(),T("img",Ge)):L("",!0)]),_:2},1032,["onClick","disabled","color"])],2))),128))])]),_:1})]),_:1})):L("",!0),y.optionType==t(F).GENERAL.value?(f(),S(R,{key:1,class:"mt-4 align-center"},{default:l(()=>[e(O,{lg:"2",sm:"2"},{default:l(()=>[h("span",null,z(y.optionName),1)]),_:1}),e(O,{lg:"10",sm:"6"},{default:l(()=>[e(Q,{style:{width:"fit-content"},modelValue:t(V),"onUpdate:modelValue":g[0]||(g[0]=p=>A(V)?V.value=p:V=p),items:y.optionValues,"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},{item:l(({props:p,item:c})=>[e(ae,re(p,{disabled:n(c.raw.skuIds,y.validSkuIds),onClick:b=>m(0,c.raw,y.optionType,"general")}),null,16,["disabled","onClick"])]),_:1},8,["modelValue","items"])]),_:1})]),_:1})):L("",!0),y.optionType==t(F).IMAGE.value?(f(),S(R,{key:2,class:"mt-4 align-center"},{default:l(()=>[e(O,{lg:"2",sm:"2"},{default:l(()=>[h("span",null,z(y.optionName),1)]),_:1}),e(O,{lg:"10",sm:"6"},{default:l(()=>[e(Q,{style:{width:"fit-content"},items:y.optionValues,modelValue:t(x),"onUpdate:modelValue":g[1]||(g[1]=p=>A(x)?x.value=p:x=p),"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},{"prepend-inner":l(()=>[h("img",{src:t(v).img,width:"30px",height:"30px"},null,8,He)]),item:l(({props:p,item:c})=>[e(ae,re(p,{link:"",color:"secondary",class:"d-flex align-center",disabled:n(c.raw.skuIds,y.validSkuIds),onClick:b=>m(a.index,c.raw,y.optionType,"image")}),{prepend:l(()=>[h("img",{src:c.raw.fileUrl,width:"30px",height:"30px",style:{"margin-right":"10px"}},null,8,qe)]),_:2},1040,["disabled","onClick"])]),_:1},8,["items","modelValue"])]),_:1})]),_:1})):L("",!0)])}}}),de=le(Je,[["__scopeId","data-v-06247844"]]),je=j({__name:"GoodsSku",props:{skuInfos:Array,option1Name:String,option1Type:Number,option2Name:String,option2Type:Number,option3Name:String,option3Type:Number},emits:["getChildren","skuChange"],setup(y,{emit:P}){const i=P;let r=k(""),V=k(""),u=k(""),v=k([]),x=k([]),m=k([]);const s=y;function n(o,U){for(const I of o)if(I.text===U)return I;return null}const a=W(()=>{if(!s.skuInfos)return[];var o=[];for(const D of s.skuInfos)if(D.option1){var U=JSON.parse(D.option1);if(!U.text)continue;var I=n(o,U.text);I?I.skuIds.push(D.id):(I=Object.assign({},U),I.skuIds=[],I.skuIds.push(D.id),o.push(I))}return o}),g=W(()=>{if(!s.skuInfos)return[];var o=[];for(const D of s.skuInfos)if(D.option2){var U=JSON.parse(D.option2);if(!U.text)continue;var I=n(o,U.text);I?I.skuIds.push(D.id):(I=Object.assign({},U),I.skuIds=[],I.skuIds.push(D.id),o.push(I))}return o}),d=W(()=>{if(!s.skuInfos)return[];var o=[];for(const D of s.skuInfos)if(D.option3){var U=JSON.parse(D.option3);if(!U.text)continue;var I=n(o,U.text);I?I.skuIds.push(D.id):(I=Object.assign({},U),I.skuIds=[],I.skuIds.push(D.id),o.push(I))}return o});function p(o){console.log("监听orSelect1Value...",o),r.value=o.data}function c(o){console.log("监听orSelect1SkuIds...",o),v.value=o.data}function b(o){V.value=o.data}function N(o){x.value=o.data}function w(o){u.value=o.data}function _(o){m.value=o.data}const C=W(()=>{if(console.log("selectOption1Value.value...",r.value),console.log("selectOption2Value.value...",V.value),console.log("selectOption3Value.value...",u.value),!s.skuInfos)return null;for(const D of s.skuInfos){if(D.option1){var o=JSON.parse(D.option1);if(o.text&&o.text!==r.value){console.log("监听...",o.text,"===",r.value);continue}}if(D.option2){var U=JSON.parse(D.option2);if(U.text&&U.text!==V.value){console.log("监听...",U.text,"===",V.value);continue}}if(D.option3){var I=JSON.parse(D.option3);if(I.text&&I.text!==u.value){console.log("监听...",I.text,"===",u.value);continue}}return console.log("监听aaa...",D.id),D.id}return null});return E(C,o=>{console.log("watch...",o),i("skuChange",o)}),(o,U)=>(f(),T(B,null,[s.option1Type&&y.option1Name&&a.value?(f(),S(de,{key:0,optionValues:a.value,"option-name":y.option1Name,"option-type":s.option1Type,selectValue:t(r),selectSkuIds:t(v),"valid-sku-ids":t(x).concat(t(m)),onOnSelectValue:p,onOnSelectSkuIds:c},{optionName:l(()=>[ie(o.$slots,"optionName",{optionName:y.option1Name,optionType:y.option1Type,index:1},void 0,!0)]),_:3},8,["optionValues","option-name","option-type","selectValue","selectSkuIds","valid-sku-ids"])):L("",!0),s.option2Type&&y.option2Name&&g.value?(f(),S(de,{key:1,optionValues:g.value,"option-name":y.option2Name,"option-type":s.option2Type,onOnSelectValue:b,onOnSelectSkuIds:N,"select-value":t(V),selectSkuIds:t(x),"valid-sku-ids":t(v).concat(t(m))},{optionName:l(()=>[ie(o.$slots,"optionName",{optionName:y.option2Name,optionType:y.option2Type,index:2},void 0,!0)]),_:3},8,["optionValues","option-name","option-type","select-value","selectSkuIds","valid-sku-ids"])):L("",!0),s.option3Type&&y.option3Name&&d.value?(f(),S(de,{key:2,optionValues:d.value,"option-name":y.option3Name,"option-type":s.option3Type,onOnSelectValue:w,onOnSelectSkuIds:_,selectValue:t(u),selectSkuIds:t(m),"valid-sku-ids":t(v).concat(t(x))},{optionName:l(()=>[ie(o.$slots,"optionName",{optionName:y.option3Name,optionType:y.option3Type,index:3},void 0,!0)]),_:3},8,["optionValues","option-name","option-type","selectValue","selectSkuIds","valid-sku-ids"])):L("",!0)],64))}}),Fe=le(je,[["__scopeId","data-v-9404fe72"]]),We={key:0},Qe={class:"carousel__item"},Ze=["onClick"],Xe={__name:"ProductSysCarousel",props:{showImageList:Object},setup(y){fe();const P=y,i=we();let r=k(!0);console.log("useCustomizer...",i.mini_sidebar),E(()=>i.mini_sidebar,m=>{r.value=!1,setTimeout(()=>{r.value=!0},0)});const V=k({700:{itemsToShow:4,snapAlign:"center"}}),u=k({itemsToShow:1,snapAlign:"center"}),v=k(0);function x(m){console.log("val....",m),v.value=m}return(m,s)=>t(r)?(f(),T("div",We,[e(t(ne),{id:"gallery","items-to-show":1,"wrap-around":!1,modelValue:v.value,"onUpdate:modelValue":s[0]||(s[0]=n=>v.value=n)},{addons:l(()=>[e(t(se))]),default:l(()=>[(f(!0),T(B,null,H(P.showImageList,(n,a)=>(f(),S(t(oe),{key:a},{default:l(()=>[h("div",Qe,[(f(),S(Y,{alt:"product","lazy-src":t(Z),src:n,key:n,class:"w-100 rounded-md"},null,8,["lazy-src","src"]))])]),_:2},1024))),128))]),_:1},8,["modelValue"]),e(t(ne),{id:"gallery2",class:"relatedCar",breakpoints:V.value,settings:u.value,modelValue:v.value,"onUpdate:modelValue":s[1]||(s[1]=n=>v.value=n)},{addons:l(()=>[e(t(se))]),default:l(()=>[(f(!0),T(B,null,H(P.showImageList,(n,a)=>(f(),S(t(oe),{key:a,class:"mt-2"},{default:l(()=>[h("div",{class:"carousel__item text-left",onClick:g=>x(a)},[e(Ce,{url:n,classes:"slide-img",rounded:"",isChangeSize:!1,width:100,height:100},null,8,["url"])],8,Ze)]),_:2},1024))),128))]),_:1},8,["breakpoints","settings","modelValue"])])):L("",!0)}},Ke={class:"d-flex align-center px-5",style:{height:"72px"}},el={style:{"font-size":"16px","font-weight":"500"},class:"mt-1"},ll={style:{"font-size":"24px","font-weight":"500"},class:"mt-5 text-secondary"},tl={key:0},al=["innerHTML"],ol=j({__name:"brandInfoSysDialog",setup(y,{expose:P}){const i=ue(),r=_e([0,1,2,3,4]);let V=k(!1),u=k({blankProductInfo:{}}),v=k(!1),x=k("");const m=W(()=>{let p=0;return u.value.skuInfos&&u.value.skuInfos.forEach(c=>{c.id==x.value&&(u.value.blankProductInfo.favorableDiscount?p=c.price*(1-u.value.blankProductInfo.favorableDiscount):p=c.price)}),p});function s(p){x.value=p}function n(p){x.value="",u.value.skuInfos=[],V.value=!0,g(p)}const a=()=>{u.value={blankProductInfo:{}},v.value=!1,V.value=!1};function g(p){i.blankProductDetail2({id:p.id,blankProductInfo:!0,showImageList:!0,skuInfos:!0,specification:!0}).then(c=>{u.value=c.data,v.value=!0})}function d(p){me.push("/diy?id="+p+"&productType=brand")}return P({openDialog:n,closeDialog:a}),(p,c)=>(f(),S(ee,{modelValue:t(V),"onUpdate:modelValue":c[2]||(c[2]=b=>A(V)?V.value=b:V=b),width:"950px"},{default:l(()=>[e(q,null,{default:l(()=>[h("h3",Ke,[c[3]||(c[3]=$("Branding ",-1)),e(Y,{src:t(X),width:32,height:32,class:"close",onClick:a},null,8,["src"])]),e(M),e(K,{style:{"padding-top":"24px"}},{default:l(()=>[e(R,null,{default:l(()=>[e(O,{cols:"6"},{default:l(()=>[e(Xe,{showImageList:t(u).showImageList},null,8,["showImageList"])]),_:1}),e(O,{cols:"6"},{default:l(()=>[h("p",el,z(t(u).blankProductInfo.model),1),h("p",ll,"$"+z(p.$filters.MoneyFormat(m.value)),1),e(M,{class:"mt-5"}),t(v)?(f(),T("div",tl,[e(Fe,{skuInfos:t(u).skuInfos,"option1-name":t(u).blankProductInfo.skuOption1,"option1-type":t(u).blankProductInfo.skuOption1Type,"option2-name":t(u).blankProductInfo.skuOption2,"option2-type":t(u).blankProductInfo.skuOption2Type,"option3-name":t(u).blankProductInfo.skuOption3,"option3-type":t(u).blankProductInfo.skuOption3Type,onSkuChange:s},null,8,["skuInfos","option1-name","option1-type","option2-name","option2-type","option3-name","option3-type"])])):L("",!0),e(M,{class:"mt-5"}),e(Ve,{modelValue:r.value,"onUpdate:modelValue":c[0]||(c[0]=b=>r.value=b),multiple:""},{default:l(()=>[e(he,{elevation:"0"},{default:l(()=>[e(Ie,{class:"font-weight-medium custom-accordion"},{default:l(()=>[...c[4]||(c[4]=[$("Specification",-1)])]),_:1}),e(xe,{style:{"padding-left":"0"}},{default:l(()=>[h("p",{innerHTML:t(u).specification},null,8,al)]),_:1})]),_:1})]),_:1},8,["modelValue"]),e(M),e(G,{color:"secondary",block:"",class:"mt-5",onClick:c[1]||(c[1]=b=>d(t(u).id))},{default:l(()=>[...c[5]||(c[5]=[$("Design",-1)])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"]))}}),sl={class:"card"},nl={class:"mt-2"},ul={class:"d-flex align-center mt-2"},il={class:"text-secondary text-h4"},dl=j({__name:"Brand",props:["list"],setup(y){const P=y;let i=k([]),r=k(null);E(()=>P.list,(v,x)=>{i.value=v},{immediate:!0,deep:!0});function V(v){me.push("/diy?id="+v+"&productType=brand")}function u(v){r.value.openDialog(v)}return(v,x)=>(f(),T(B,null,[e(ol,{ref_key:"brandInfoSysDialog",ref:r},null,512),e(R,null,{default:l(()=>[(f(!0),T(B,null,H(t(i),(m,s)=>(f(),S(O,{cols:"12",lg:"3",key:s,onClick:n=>u(m)},{default:l(()=>[h("div",sl,[e(q,{variant:"flat",class:"rounded white overflow-hidden product-carousel position-relative"},{default:l(()=>[e(Y,{alt:"product",src:m.mainShowImageUrl?m.mainShowImageUrl:m.mainImageUrl,"lazy-src":t(Z),class:"w-100"},null,8,["src","lazy-src"]),e(pe,{style:{padding:"12px 12px"}},{default:l(()=>[e(ve,{class:"text-h4"},{default:l(()=>[$(z(m.model?m.model:m.blankProductModel),1)]),_:2},1024),h("div",nl,z(m.blankContent),1),h("div",ul,[h("span",il,"$"+z(m.price),1),e(G,{color:"primary",class:"ml-auto",onClick:Se(n=>V(m.id),["stop"])},{default:l(()=>[...x[0]||(x[0]=[$("Design",-1)])]),_:1},8,["onClick"])])]),_:2},1024)]),_:2},1024)])]),_:2},1032,["onClick"]))),128))]),_:1})],64))}}),rl=le(dl,[["__scopeId","data-v-78353943"]]),cl={key:0},fl={class:"carousel__item"},ml=["onClick"],pl={__name:"ProductCarousel",props:{showImageList:Object},setup(y){fe();const P=y,i=we();let r=k(!0);console.log("useCustomizer...",i.mini_sidebar),E(()=>i.mini_sidebar,m=>{r.value=!1,setTimeout(()=>{r.value=!0},0)});const V=k({700:{itemsToShow:4,snapAlign:"center"}}),u=k({itemsToShow:1,snapAlign:"center"}),v=k(0);function x(m){console.log("val....",m),v.value=m}return(m,s)=>t(r)?(f(),T("div",cl,[e(t(ne),{id:"gallery","items-to-show":1,"wrap-around":!1,modelValue:v.value,"onUpdate:modelValue":s[0]||(s[0]=n=>v.value=n)},{addons:l(()=>[e(t(se))]),default:l(()=>[(f(!0),T(B,null,H(P.showImageList,(n,a)=>(f(),S(t(oe),{key:a},{default:l(()=>[h("div",fl,[(f(),S(Y,{alt:"product","lazy-src":t(Z),src:n.url,key:n.url,class:"w-100 rounded-md"},null,8,["lazy-src","src"]))])]),_:2},1024))),128))]),_:1},8,["modelValue"]),e(t(ne),{id:"gallery2",class:"relatedCar",breakpoints:V.value,settings:u.value,modelValue:v.value,"onUpdate:modelValue":s[1]||(s[1]=n=>v.value=n)},{addons:l(()=>[e(t(se))]),default:l(()=>[(f(!0),T(B,null,H(P.showImageList,(n,a)=>(f(),S(t(oe),{key:a,class:"mt-2"},{default:l(()=>[h("div",{class:"carousel__item text-left",onClick:g=>x(a)},[e(Ce,{url:n.url,classes:"slide-img",rounded:"",isChangeSize:!1,width:100,height:100},null,8,["url"])],8,ml)]),_:2},1024))),128))]),_:1},8,["breakpoints","settings","modelValue"])])):L("",!0)}},vl={class:"d-flex align-center px-5",style:{height:"72px"}},gl={style:{"font-size":"16px","font-weight":"500"},class:"mt-1"},kl={style:{"font-size":"24px","font-weight":"500"},class:"mt-5 text-secondary"},yl={key:0},Vl=["innerHTML"],hl=j({__name:"BrandInfoDialog",setup(y,{expose:P}){const i=ue(),r=_e([0,1,2,3,4]);let V=k(!1),u=k({blankProductInfo:{}}),v=k(""),x=k(!1),m=k(""),s=k("");function n(p){m.value="",u.value.skuInfos=[],V.value=!0,g(p)}const a=()=>{x.value=!1,V.value=!1,u.value={blankProductInfo:{},images:[]}};function g(p){i.customProductDetail({customProductId:p.id}).then(c=>{u.value=c.data,s.value=c.data.variants[0].compareAtPrice,x.value=!0,d(c.data.customProductInfo.blankProductId)})}function d(p){i.blankProductDetail2({id:p,specification:!0}).then(c=>{v.value=c.data.specification})}return P({openDialog:n,closeDialog:a}),(p,c)=>(f(),S(ee,{modelValue:t(V),"onUpdate:modelValue":c[1]||(c[1]=b=>A(V)?V.value=b:V=b),width:"950px"},{default:l(()=>[e(q,null,{default:l(()=>[h("h3",vl,[c[2]||(c[2]=$("Branding ",-1)),e(Y,{src:t(X),width:32,height:32,class:"close",onClick:a},null,8,["src"])]),e(M),e(K,{style:{"padding-top":"24px"}},{default:l(()=>[e(R,null,{default:l(()=>[e(O,{cols:"6"},{default:l(()=>[e(pl,{showImageList:t(u).images},null,8,["showImageList"])]),_:1}),e(O,{cols:"6"},{default:l(()=>{var b;return[h("p",gl,z((b=t(u).customProductInfo)==null?void 0:b.title),1),h("p",kl,"$"+z(p.$filters.MoneyFormat(t(s))),1),e(M,{class:"mt-5"}),t(x)?(f(),T("div",yl,[(f(!0),T(B,null,H(t(u).variants,(N,w)=>(f(),S(R,{class:"mt-4 sku-color",key:w},{default:l(()=>[N.option1Name?(f(),S(O,{key:0,lg:"2",md:"4",sm:"2",class:"d-flex align-center"},{default:l(()=>[h("span",null,z(N.option1Name),1)]),_:2},1024)):L("",!0),N.option1Name?(f(),S(O,{key:1,lg:"10",md:"8",sm:"22"},{default:l(()=>[e(Q,{style:{width:"fit-content"},modelValue:N.option1Value,"onUpdate:modelValue":_=>N.option1Value=_,items:[N.option1Value],"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024)):L("",!0),N.option2Name?(f(),S(O,{key:2,lg:"2",md:"4",sm:"2",class:"d-flex align-center"},{default:l(()=>[h("span",null,z(N.option2Name),1)]),_:2},1024)):L("",!0),N.option2Name?(f(),S(O,{key:3,lg:"10",md:"8",sm:"22"},{default:l(()=>[e(Q,{style:{width:"fit-content"},modelValue:N.option2Value,"onUpdate:modelValue":_=>N.option2Value=_,items:[N.option2Value],"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024)):L("",!0),N.option3Name?(f(),S(O,{key:4,lg:"2",md:"4",sm:"2",class:"d-flex align-center"},{default:l(()=>[h("span",null,z(N.option3Name),1)]),_:2},1024)):L("",!0),N.option3Name?(f(),S(O,{key:5,lg:"10",md:"8",sm:"22"},{default:l(()=>[e(Q,{style:{width:"fit-content"},modelValue:N.option3Value,"onUpdate:modelValue":_=>N.option3Value=_,items:[N.option3Value],"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024)):L("",!0)]),_:2},1024))),128))])):L("",!0),e(M,{class:"mt-5"}),e(Ve,{modelValue:r.value,"onUpdate:modelValue":c[0]||(c[0]=N=>r.value=N),multiple:""},{default:l(()=>[e(he,{elevation:"0"},{default:l(()=>[e(Ie,{class:"font-weight-medium custom-accordion"},{default:l(()=>[...c[3]||(c[3]=[$("Specification",-1)])]),_:1}),e(xe,{style:{"padding-left":"0"}},{default:l(()=>[h("div",{innerHTML:t(v)},null,8,Vl)]),_:1})]),_:1})]),_:1},8,["modelValue"]),e(M)]}),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"]))}}),Il={class:"d-flex align-center"},xl={class:"card"},_l={class:"mt-2"},Sl={class:"d-flex align-center mt-2"},bl={class:"text-secondary text-h4"},wl={class:"text-center overflow-auto"},Cl=j({__name:"CreatedYouBrand",setup(y,{expose:P}){const i=ue();let r=k(!1),V=k(1),u=J({current:1,size:8,total:1,types:[4,6,7]}),v=k([]);E(V,a=>{u.current=a,n()});function x(a){r.value=!0,n()}const m=()=>{r.value=!1};function s(a){me.push("/diy?id="+a+"&productType=brand")}function n(){i.blankProductPage(u).then(a=>{a.data.records?v.value=a.data.records:v.value=[],u.total=a.data.total%a.data.size==0?a.data.total/a.data.size:Math.floor(a.data.total/a.data.size)+1})}return P({openDialog:x,closeDialog:m}),(a,g)=>(f(),S(ee,{modelValue:t(r),"onUpdate:modelValue":g[2]||(g[2]=d=>A(r)?r.value=d:r=d),width:"70%"},{default:l(()=>[e(q,null,{default:l(()=>[e(K,{style:{"padding-top":"24px"}},{default:l(()=>[h("h3",Il,[g[3]||(g[3]=$("Create Your Branding ",-1)),e(Y,{src:t(X),width:32,height:32,class:"close",onClick:g[0]||(g[0]=d=>A(r)?r.value=!1:r=!1)},null,8,["src"])]),e(M,{class:"mt-4 mb-4"}),e(R,null,{default:l(()=>[(f(!0),T(B,null,H(t(v),(d,p)=>(f(),S(O,{cols:"12",lg:"3",key:p},{default:l(()=>[h("div",xl,[e(q,{variant:"flat",class:"rounded white overflow-hidden product-carousel position-relative"},{default:l(()=>[e(Y,{alt:"product",cover:"",src:d.mainShowImageUrl?d.mainShowImageUrl:d.mainImageUrl,"lazy-src":t(Z),class:"w-100",style:{height:"213px"}},null,8,["src","lazy-src"]),e(pe,{style:{padding:"12px 12px"}},{default:l(()=>[e(ve,{class:"text-h4"},{default:l(()=>[$(z(d.model?d.model:d.blankProductModel),1)]),_:2},1024),h("div",_l,z(d.blankContent),1),h("div",Sl,[h("span",bl,"$"+z(d.price),1),e(G,{color:"primary",class:"ml-auto",onClick:Se(c=>s(d.id),["stop"])},{default:l(()=>[...g[4]||(g[4]=[$("Design",-1)])]),_:1},8,["onClick"])])]),_:2},1024)]),_:2},1024)])]),_:2},1024))),128))]),_:1}),e(R,null,{default:l(()=>[e(O,{cols:"12",lg:"12"},{default:l(()=>[h("div",wl,[e(ce,{"active-color":"primary",modelValue:t(V),"onUpdate:modelValue":g[1]||(g[1]=d=>A(V)?V.value=d:V=d),length:t(u).total,"total-visible":7},null,8,["modelValue","length"])])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"]))}}),$l={class:"d-flex align-center px-5",style:{height:"72px"}},Nl={class:"d-flex mt-6 pb-5"},Dl={class:"ml-auto"},Pl=j({__name:"RenameDialog",setup(y,{expose:P}){let i=k(""),r=k(!1),V=k(!1),u=k({});function v(m){u.value=m,i.value=m.title,r.value=!0}const x=()=>{r.value=!1};return P({openDialog:v,closeDialog:x}),(m,s)=>(f(),S(ee,{modelValue:t(r),"onUpdate:modelValue":s[3]||(s[3]=n=>A(r)?r.value=n:r=n),width:"557px"},{default:l(()=>[e(q,null,{default:l(()=>[h("h3",$l,[s[4]||(s[4]=$("Rename ",-1)),e(Y,{src:t(X),width:32,height:32,class:"close",onClick:s[0]||(s[0]=n=>A(r)?r.value=!1:r=!1)},null,8,["src"])]),e(M),e(K,{style:{"padding-top":"24px"}},{default:l(()=>[s[7]||(s[7]=h("p",{style:{"font-size":"14px",color:"#565656"}},"Enter your branding name for easy use and search",-1)),e(De,{class:"mt-3",label:"Title",color:"primary",variant:"outlined","hide-details":"",modelValue:t(i),"onUpdate:modelValue":s[1]||(s[1]=n=>A(i)?i.value=n:i=n)},null,8,["modelValue"]),h("div",Nl,[h("div",Dl,[e(G,{color:"lightprimary",onClick:x},{default:l(()=>[...s[5]||(s[5]=[$("Cancel",-1)])]),_:1}),e(G,{class:"ml-4",color:"btnBlue",loading:t(V),disabled:t(V),onClick:s[2]||(s[2]=n=>m.$emit("renameTemplate",t(i)))},{default:l(()=>[...s[6]||(s[6]=[$("Save",-1)])]),_:1},8,["loading","disabled"])])])]),_:1})]),_:1})]),_:1},8,["modelValue"]))}}),Tl=le(Pl,[["__scopeId","data-v-9fac89c4"]]),zl="/assets/addon-none-CHZDrpU2.svg",Ol={class:"d-flex align-center"},Ll={class:"mt-4",style:{"line-height":"20px","font-size":"14px"}},Ul={class:"text-secondary"},Al={class:"d-flex pb-5"},Bl={class:"ml-auto"},Rl={key:0,class:"text-center"},Ml={key:1},El={class:"card"},Yl={class:"d-flex align-center mt-2 pb-3"},Gl={class:"text-secondary text-h4"},Hl={class:"opera"},ql=j({__name:"MyBrand",props:["list","loading"],emits:["reflash","changeTab"],setup(y,{expose:P,emit:i}){const r=y,V=i,u=Me();let v=k([]),x=k(null),m=k(null),s=k({}),n=k(!1);const a=J({color:"",msg:"",isShow:!1});let g=k(!1),d=k(null);E(()=>r.list,(C,o)=>{v.value=C},{immediate:!0,deep:!0});function p(C){s.value=C,m.value.openDialog(C)}function c(C){m.value.closeDialog(),u.brandRename({id:s.value.id,title:C}).then(o=>{a.color="success",a.msg="success",a.isShow=!0,V("reflash")})}function b(C){s.value=C,n.value=!0}function N(){g.value=!0,u.brandRemove({customProductId:s.value.id}).then(C=>{V("reflash",!1),a.color="success",a.msg="Addon Archived",a.isShow=!0})}function w(C){x.value.openDialog(C)}function _(){d.value.openDialog()}return P({removeLoading:g,isShowDialog:n}),(C,o)=>{const U=ye("DotsVerticalIcon");return f(),T(B,null,[e(be,{modelValue:a.isShow,"onUpdate:modelValue":o[0]||(o[0]=I=>a.isShow=I),color:a.color,timeout:3e3,variant:"flat",rounded:"md",location:"top"},{default:l(()=>[$(z(a.msg),1)]),_:1},8,["modelValue","color"]),e(Tl,{ref_key:"refRenameDialog",ref:m,onRenameTemplate:c},null,512),e(hl,{ref_key:"brandInfoDialog",ref:x},null,512),e(Cl,{ref_key:"refCreatedYouBrand",ref:d},null,512),e(ee,{modelValue:t(n),"onUpdate:modelValue":o[3]||(o[3]=I=>A(n)?n.value=I:n=I),"max-width":575},{default:l(()=>[e(q,null,{default:l(()=>[e(K,{style:{"padding-top":"24px"}},{default:l(()=>[h("h3",Ol,[o[5]||(o[5]=$("Archive The Brand ",-1)),e(Y,{src:t(X),width:32,height:32,class:"close",onClick:o[1]||(o[1]=I=>A(n)?n.value=!1:n=!1)},null,8,["src"])]),e(M,{class:"mt-4"}),h("p",Ll,[o[6]||(o[6]=$("Confirm to archive the addon ",-1)),h("span",Ul,"("+z(t(s).title)+")",1),o[7]||(o[7]=$("? The addon you added to the product will also disappear. Once completed, the design cannot be recovered. ",-1))]),h("div",Al,[h("div",Bl,[e(G,{class:"mt-4",color:"lightprimary",onClick:o[2]||(o[2]=I=>A(n)?n.value=!1:n=!1)},{default:l(()=>[...o[8]||(o[8]=[$("Cancel",-1)])]),_:1}),e(G,{class:"mt-4 ml-4",color:"btnBlue",loading:t(g),onClick:N},{default:l(()=>[...o[9]||(o[9]=[$("Confirm",-1)])]),_:1},8,["loading"])])])]),_:1})]),_:1})]),_:1},8,["modelValue"]),t(v).length==0&&!y.loading?(f(),T("div",Rl,[e(Y,{src:t(zl),style:{width:"200px",height:"200px"},inline:""},null,8,["src"]),o[11]||(o[11]=h("p",{class:"mt-5 ma-auto",style:{width:"438px","font-size":"12px"}},"You haven't created your branding yet, how about creating one? A unique brand design can make it stand out from various products.",-1)),e(G,{color:"primary",class:"mt-4",onClick:_},{default:l(()=>[...o[10]||(o[10]=[$("Create Your Branding",-1)])]),_:1})])):y.loading?(f(),T("div",Ml,[e(R,null,{default:l(()=>[(f(),T(B,null,H(20,I=>e(O,{cols:"12",lg:"3",key:I,onClick:o[4]||(o[4]=D=>w(C.item))},{default:l(()=>[e(Pe,{type:"card"})]),_:1})),64))]),_:1})])):(f(),S(R,{key:2},{default:l(()=>[(f(!0),T(B,null,H(t(v),(I,D)=>(f(),S(O,{cols:"12",lg:"3",key:D,onClick:te=>w(I)},{default:l(()=>[h("div",El,[e(q,{variant:"flat",class:"rounded white overflow-hidden product-carousel position-relative"},{default:l(()=>[e(Y,{alt:"product",cover:"",src:I.mainImageUrl,"lazy-src":t(Z),class:"w-100"},null,8,["src","lazy-src"]),e(pe,{style:{padding:"5px 15px"}},{default:l(()=>[e(ve,{class:"text-h4"},{default:l(()=>[$(z(I.title),1)]),_:2},1024),h("div",Yl,[h("span",Gl,"$"+z(I.price),1)])]),_:2},1024),h("div",Hl,[e(Te,{"close-on-content-click":!0,location:"bottom"},{activator:l(({props:te})=>[e(G,re({icon:"",variant:"text"},{ref_for:!0},te),{default:l(()=>[e(U,{size:"20","stroke-width":"1.5"})]),_:1},16)]),default:l(()=>[e(ze,{rounded:"md",elevation:"12"},{default:l(()=>[e(Oe,null,{default:l(()=>[e(ae,{class:"text-medium-emphasis",link:"",onClick:te=>p(I)},{default:l(()=>[...o[12]||(o[12]=[$(" Rename ",-1)])]),_:1},8,["onClick"]),e(ae,{class:"text-medium-emphasis",link:"",onClick:te=>b(I)},{default:l(()=>[...o[13]||(o[13]=[$(" Archive ",-1)])]),_:1},8,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1024)])]),_:2},1024)])]),_:2},1032,["onClick"]))),128))]),_:1}))],64)}}}),Jl=le(ql,[["__scopeId","data-v-1687bd10"]]),jl={class:"pa-5"},Fl={class:"text-center overflow-auto"},st={__name:"Index",setup(y){const P=Le(),i=k([{title:"Branding",disabled:!0}]),r=fe(),V=ue(),u=k("Addons"),v=k(!1);let x=J({current:1,size:20,total:1,types:[4,6,7]}),m=J({current:1,size:20,total:1,blankProductTypeCategory:4}),s=J({allList:[],myList:[]}),n=k(1),a=k(1),g=k(null);const d=J({color:"",msg:"",isShow:!1});E(()=>u.value,(w,_)=>{w=="all"&&p(),w=="my"&&c()}),E(n,w=>{x.current=w,p()}),E(a,w=>{m.current=w,c("changeTab")});function p(){V.blankProductPage(x).then(w=>{s.allList=w.data.records})}function c(w){v.value=!0,V.customProductPage(m).then(_=>{w===!1&&(g.value.removeLoading=w,g.value.isShowDialog=w),_.data.records?s.myList=_.data.records:s.myList=[],m.total=_.data.total%_.data.size==0?_.data.total/_.data.size:Math.floor(_.data.total/_.data.size)+1,v.value=!1})}function b(w){s.allList=[],c(w)}function N(w){debugger;u.value=w}return ke(()=>{var w,_;((_=(w=window.performance)==null?void 0:w.navigation)==null?void 0:_.type)===1&&!r.query.customProductId?P.replace({...P.currentRoute.value,query:{}}):r.query.tab=="addon"||r.query.tab=="my"?(d.color="success",d.msg="Attachment design saved",d.isShow=!0,u.value="my"):u.value="all"}),(w,_)=>(f(),T(B,null,[e(be,{modelValue:d.isShow,"onUpdate:modelValue":_[0]||(_[0]=C=>d.isShow=C),color:d.color,timeout:3e3,variant:"flat",rounded:"md",location:"top"},{default:l(()=>[$(z(d.msg),1)]),_:1},8,["modelValue","color"]),e(Be,{title:"Branding",breadcrumbs:i.value},null,8,["breadcrumbs"]),e(q,{variant:"flat",class:"px-4 py-5",loading:v.value},{default:l(()=>[e(Ue,{modelValue:u.value,"onUpdate:modelValue":_[1]||(_[1]=C=>u.value=C),"selected-class":"integrationsactivedTab"},{default:l(()=>[e(ge,{value:"all"},{default:l(()=>[..._[5]||(_[5]=[$("Addons",-1)])]),_:1}),e(ge,{value:"my"},{default:l(()=>[..._[6]||(_[6]=[$("My Addons",-1)])]),_:1})]),_:1},8,["modelValue"]),h("div",jl,[e(Ae,{modelValue:u.value,"onUpdate:modelValue":_[2]||(_[2]=C=>u.value=C)},{default:l(()=>[u.value=="all"?(f(),S(rl,{key:0,type:u.value,list:t(s).allList},null,8,["type","list"])):L("",!0),u.value=="my"?(f(),S(Jl,{key:1,ref_key:"refMyBrand",ref:g,type:u.value,list:t(s).myList,loading:v.value,onReflash:b,onChangeTab:N},null,8,["type","list","loading"])):L("",!0)]),_:1},8,["modelValue"]),e(R,null,{default:l(()=>[e(O,{cols:"12",lg:"12"},{default:l(()=>[h("div",Fl,[u.value=="all"&&t(s).allList.length>0?(f(),S(ce,{key:0,"active-color":"primary",modelValue:t(n),"onUpdate:modelValue":_[3]||(_[3]=C=>A(n)?n.value=C:n=C),length:t(x).total,"total-visible":7},null,8,["modelValue","length"])):L("",!0),u.value=="my"&&t(s).myList.length>0?(f(),S(ce,{key:1,"active-color":"primary",modelValue:t(a),"onUpdate:modelValue":_[4]||(_[4]=C=>A(a)?a.value=C:a=C),length:t(m).total,"total-visible":7},null,8,["modelValue","length"])):L("",!0)])]),_:1})]),_:1})])]),_:1},8,["loading"])],64))}};export{st as default};