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