import{U as W,bG as M,aW as p,aU as q,aH as me,a$ as pe,H as U,o as f,c as _,G as O,bm as l,f as j,w as t,a as e,V as z,b as h,bd as L,F as B,aZ as J,ay as we,c5 as Ce,d as D,e as E,bZ as Z,ap as A,ca as X,aw as ie,z as H,a_ as ne,bT as de,bX as G,c8 as le,b9 as ve,bW as F,c1 as oe,c2 as R,bY as ae,dl as ge,di as ke,dj as ye,dk as Ve,b_ as se,c7 as he,dn as Ie,d7 as xe,bP as $e,c3 as Ne,bV as Se,cj as Te,ci as De,cv as Pe,d6 as Oe,cp as Le,cq as ce,cr as Ue,cm as fe}from"./index-BRGNG7bs.js";import{_ as ze}from"./TitleBreadcrumb.vue_vue_type_style_index_0_lang-CBeB41zV.js";import{p as re}from"./productApi-BGC27BNS.js";import{_ as Ae}from"./bukexuan-DVZXrQzr.js";import{e as Y}from"./skuOptionTypeEnum-Cvb5ldOX.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{S as K,N as ee,C as te}from"./carousel-DLYhHpvd.js";import{u as be}from"./customizer-8Ya9dJoF.js";import{I as _e}from"./images-CB5VDagS.js";import{d as Be}from"./diyApi-Dpc5qnZC.js";const Re={class:"sku"},Me={class:"d-flex align-center ga-2 flex-wrap px-0"},Ee={key:1,src:Ae,class:"dis"},je=["src"],Ge=["src"],He=W({__name:"SkuSelector",props:{skuInfos:Array,optionName:String,optionType:Number,optionValues:Array,selectValue:String,selectSkuIds:Array,validSkuIds:Array},emits:["onSelectValue","onSelectSkuIds"],setup(v,{emit:P}){const i=v,c=P;M(()=>i.validSkuIds,o=>{if(i.selectValue&&(console.log("validSkuIds change",i.validSkuIds),i.validSkuIds&&i.validSkuIds.length>0)){let x=!1;for(const k of i.validSkuIds)if(i.selectSkuIds.indexOf(k)>=0){x=!0;break}x||i.handleSelectChange(null)}}),M(()=>i.skuInfos,(o,x)=>{},{deep:!0}),console.log("pro...",i.skuInfos);let y=p(""),s=p(-1),g=q({img:"",text:""}),S=p("");function r(o,x,k,d){console.log("selectColor...",o),console.log("selectColor...",x),console.log("selectColor...",x),d=="color"&&(s.value=o),d=="image"&&(g.img=x.fileUrl,g.text=x.text,S.value=x.text),d=="general"&&(y.value=x.text),a.value=x.skuIds;let u=x.text;if(!u)k==1&&(c("onSelectValue",{optionType:k,data:""}),c("onSelectSkuIds",{optionType:k,data:[]})),k==2&&(c("onSelectValue",{optionType:k,data:""}),c("onSelectSkuIds",{optionType:k,data:[]})),k==3&&(c("onSelectValue",{optionType:k,data:""}),c("onSelectSkuIds",{optionType:k,data:[]}));else{k==1&&c("onSelectValue",{optionType:k,data:u}),k==2&&c("onSelectValue",{optionType:k,data:u}),k==3&&c("onSelectValue",{optionType:k,data:u});for(const $ of i.optionValues)if($.text===u){console.log("onSelectSkuIds....",$.skuIds),$.skuIds,k==1&&c("onSelectSkuIds",{optionType:k,data:$.skuIds}),k==2&&c("onSelectSkuIds",{optionType:k,data:$.skuIds}),k==3&&c("onSelectSkuIds",{optionType:k,data:$.skuIds});break}}}let a=q([]);function n(o,x){if(!x||x.length===0)return!1;for(const k of x)if(o.indexOf(k)>=0)return!1;return!0}return me(()=>{if(i.optionType==Y.COLOR.value){for(let o=0;o<i.optionValues.length;o++)if(!n(i.optionValues[o].skuIds,i.validSkuIds)){r(o,i.optionValues[o],i.optionType,"color");break}}if(i.optionType==Y.GENERAL.value){for(let o=0;o<i.optionValues.length;o++)if(!n(i.optionValues[o].skuIds,i.validSkuIds)){r(o,i.optionValues[o],i.optionType,"general"),y.value=i.optionValues[o].text;break}}if(i.optionType==Y.IMAGE.value){for(let o=0;o<i.optionValues.length;o++)if(!n(i.optionValues[o].skuIds,i.validSkuIds)){r(o,i.optionValues[o],i.optionType,"image"),g.img=i.optionValues[o].fileUrl,g.text=i.optionValues[o].text,S.value=i.optionValues[o].text;break}}}),(o,x)=>{const k=pe("CheckIcon");return f(),U("div",Re,[v.optionType==l(Y).COLOR.value?(f(),_(j,{key:0,class:"mt-4 sku-color"},{default:t(()=>[e(z,{lg:"2",md:"4",sm:"2"},{default:t(()=>[h("span",null,L(v.optionName),1)]),_:1}),e(z,{lg:"10",md:"8",sm:"22"},{default:t(()=>[h("div",Me,[(f(!0),U(B,null,J(v.optionValues,(d,u)=>(f(),U("div",{key:u,class:we(["color-box",n(d.skuIds,v.validSkuIds)?"disabled":""]),style:{}},[e(Ce,{activator:"parent",location:"top"},{default:t(()=>[D(L(d.text)+" "+L(d.color),1)]),_:2},1024),e(E,{onClick:$=>r(u,d,v.optionType,"color"),disabled:n(d.skuIds,v.validSkuIds),rounded:"",width:"30px",height:"30px","min-width":"32px","min-height":"32px",color:d.color,variant:"flat"},{default:t(()=>[l(s)==u?(f(),_(k,{key:0,size:"13"})):O("",!0),n(d.skuIds,v.validSkuIds)?(f(),U("img",Ee)):O("",!0)]),_:2},1032,["onClick","disabled","color"])],2))),128))])]),_:1})]),_:1})):O("",!0),v.optionType==l(Y).GENERAL.value?(f(),_(j,{key:1,class:"mt-4 align-center"},{default:t(()=>[e(z,{lg:"2",sm:"2"},{default:t(()=>[h("span",null,L(v.optionName),1)]),_:1}),e(z,{lg:"10",sm:"6"},{default:t(()=>[e(Z,{style:{width:"fit-content"},modelValue:l(y),"onUpdate:modelValue":x[0]||(x[0]=d=>A(y)?y.value=d:y=d),items:v.optionValues,"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},{item:t(({props:d,item:u})=>[e(X,ie(d,{disabled:n(u.raw.skuIds,v.validSkuIds),onClick:$=>r(0,u.raw,v.optionType,"general")}),null,16,["disabled","onClick"])]),_:1},8,["modelValue","items"])]),_:1})]),_:1})):O("",!0),v.optionType==l(Y).IMAGE.value?(f(),_(j,{key:2,class:"mt-4 align-center"},{default:t(()=>[e(z,{lg:"2",sm:"2"},{default:t(()=>[h("span",null,L(v.optionName),1)]),_:1}),e(z,{lg:"10",sm:"6"},{default:t(()=>[e(Z,{style:{width:"fit-content"},items:v.optionValues,modelValue:l(S),"onUpdate:modelValue":x[1]||(x[1]=d=>A(S)?S.value=d:S=d),"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},{"prepend-inner":t(()=>[h("img",{src:l(g).img,width:"30px",height:"30px"},null,8,je)]),item:t(({props:d,item:u})=>[e(X,ie(d,{link:"",color:"secondary",class:"d-flex align-center",disabled:n(u.raw.skuIds,v.validSkuIds),onClick:$=>r(o.index,u.raw,v.optionType,"image")}),{prepend:t(()=>[h("img",{src:u.raw.fileUrl,width:"30px",height:"30px",style:{"margin-right":"10px"}},null,8,Ge)]),_:2},1040,["disabled","onClick"])]),_:1},8,["items","modelValue"])]),_:1})]),_:1})):O("",!0)])}}}),ue=Q(He,[["__scopeId","data-v-06247844"]]),Je=W({__name:"GoodsSku",props:{skuInfos:Array,option1Name:String,option1Type:Number,option2Name:String,option2Type:Number,option3Name:String,option3Type:Number},emits:["getChildren","skuChange"],setup(v,{emit:P}){const i=P;let c=p(""),y=p(""),s=p(""),g=p([]),S=p([]),r=p([]);const a=v;function n(I,b){for(const w of I)if(w.text===b)return w;return null}const o=H(()=>{if(!a.skuInfos)return[];var I=[];for(const C of a.skuInfos)if(C.option1){var b=JSON.parse(C.option1);if(!b.text)continue;var w=n(I,b.text);w?w.skuIds.push(C.id):(w=Object.assign({},b),w.skuIds=[],w.skuIds.push(C.id),I.push(w))}return I}),x=H(()=>{if(!a.skuInfos)return[];var I=[];for(const C of a.skuInfos)if(C.option2){var b=JSON.parse(C.option2);if(!b.text)continue;var w=n(I,b.text);w?w.skuIds.push(C.id):(w=Object.assign({},b),w.skuIds=[],w.skuIds.push(C.id),I.push(w))}return I}),k=H(()=>{if(!a.skuInfos)return[];var I=[];for(const C of a.skuInfos)if(C.option3){var b=JSON.parse(C.option3);if(!b.text)continue;var w=n(I,b.text);w?w.skuIds.push(C.id):(w=Object.assign({},b),w.skuIds=[],w.skuIds.push(C.id),I.push(w))}return I});function d(I){console.log("监听orSelect1Value...",I),c.value=I.data}function u(I){console.log("监听orSelect1SkuIds...",I),g.value=I.data}function $(I){y.value=I.data}function N(I){S.value=I.data}function T(I){s.value=I.data}function m(I){r.value=I.data}const V=H(()=>{if(console.log("selectOption1Value.value...",c.value),console.log("selectOption2Value.value...",y.value),console.log("selectOption3Value.value...",s.value),!a.skuInfos)return null;for(const C of a.skuInfos){if(C.option1){var I=JSON.parse(C.option1);if(I.text&&I.text!==c.value){console.log("监听...",I.text,"===",c.value);continue}}if(C.option2){var b=JSON.parse(C.option2);if(b.text&&b.text!==y.value){console.log("监听...",b.text,"===",y.value);continue}}if(C.option3){var w=JSON.parse(C.option3);if(w.text&&w.text!==s.value){console.log("监听...",w.text,"===",s.value);continue}}return console.log("监听aaa...",C.id),C.id}return null});return M(V,I=>{console.log("watch...",I),i("skuChange",I)}),(I,b)=>(f(),U(B,null,[a.option1Type&&v.option1Name&&o.value?(f(),_(ue,{key:0,optionValues:o.value,"option-name":v.option1Name,"option-type":a.option1Type,selectValue:l(c),selectSkuIds:l(g),"valid-sku-ids":l(S).concat(l(r)),onOnSelectValue:d,onOnSelectSkuIds:u},{optionName:t(()=>[ne(I.$slots,"optionName",{optionName:v.option1Name,optionType:v.option1Type,index:1},void 0,!0)]),_:3},8,["optionValues","option-name","option-type","selectValue","selectSkuIds","valid-sku-ids"])):O("",!0),a.option2Type&&v.option2Name&&x.value?(f(),_(ue,{key:1,optionValues:x.value,"option-name":v.option2Name,"option-type":a.option2Type,onOnSelectValue:$,onOnSelectSkuIds:N,"select-value":l(y),selectSkuIds:l(S),"valid-sku-ids":l(g).concat(l(r))},{optionName:t(()=>[ne(I.$slots,"optionName",{optionName:v.option2Name,optionType:v.option2Type,index:2},void 0,!0)]),_:3},8,["optionValues","option-name","option-type","select-value","selectSkuIds","valid-sku-ids"])):O("",!0),a.option3Type&&v.option3Name&&k.value?(f(),_(ue,{key:2,optionValues:k.value,"option-name":v.option3Name,"option-type":a.option3Type,onOnSelectValue:T,onOnSelectSkuIds:m,selectValue:l(s),selectSkuIds:l(r),"valid-sku-ids":l(g).concat(l(S))},{optionName:t(()=>[ne(I.$slots,"optionName",{optionName:v.option3Name,optionType:v.option3Type,index:3},void 0,!0)]),_:3},8,["optionValues","option-name","option-type","selectValue","selectSkuIds","valid-sku-ids"])):O("",!0)],64))}}),qe=Q(Je,[["__scopeId","data-v-9404fe72"]]),Fe={key:0},We={class:"carousel__item"},Ye=["onClick"],Ze={__name:"ProductSysCarousel",props:{showImageList:Object},setup(v){de(),H(()=>"@/assets/images/e-commerce/prod-1.jpg");const P=v,i=be();let c=p(!0);console.log("useCustomizer...",i.mini_sidebar),M(()=>i.mini_sidebar,r=>{c.value=!1,setTimeout(()=>{c.value=!0},0)});const y=p({700:{itemsToShow:4,snapAlign:"center"}}),s=p({itemsToShow:1,snapAlign:"center"}),g=p(0);function S(r){console.log("val....",r),g.value=r}return(r,a)=>l(c)?(f(),U("div",Fe,[e(l(te),{id:"gallery","items-to-show":1,"wrap-around":!1,modelValue:g.value,"onUpdate:modelValue":a[0]||(a[0]=n=>g.value=n)},{addons:t(()=>[e(l(ee))]),default:t(()=>[(f(!0),U(B,null,J(P.showImageList,(n,o)=>(f(),_(l(K),{key:o},{default:t(()=>[h("div",We,[(f(),_(G,{alt:"product","lazy-src":l(le),src:n,key:n,class:"w-100 rounded-md"},null,8,["lazy-src","src"]))])]),_:2},1024))),128))]),_:1},8,["modelValue"]),e(l(te),{id:"gallery2",class:"relatedCar",breakpoints:y.value,settings:s.value,modelValue:g.value,"onUpdate:modelValue":a[1]||(a[1]=n=>g.value=n)},{addons:t(()=>[e(l(ee))]),default:t(()=>[(f(!0),U(B,null,J(P.showImageList,(n,o)=>(f(),_(l(K),{key:o,class:"mt-2"},{default:t(()=>[h("div",{class:"carousel__item text-left",onClick:x=>S(o)},[e(_e,{url:n,classes:"slide-img",rounded:"",isChangeSize:!1,width:100,height:100},null,8,["url"])],8,Ye)]),_:2},1024))),128))]),_:1},8,["breakpoints","settings","modelValue"])])):O("",!0)}},Qe={class:"d-flex align-center px-5",style:{height:"72px"}},Xe={style:{"font-size":"16px","font-weight":"500"},class:"mt-1"},Ke={style:{"font-size":"24px","font-weight":"500"},class:"mt-5 text-secondary"},et={key:0},tt=["innerHTML"],lt=W({__name:"brandInfoSysDialog",setup(v,{expose:P}){const i=re(),c=ve([0,1,2,3,4]);let y=p(!1),s=p({blankProductInfo:{}}),g=p(!1),S=p("");const r=H(()=>{let d=0;return s.value.skuInfos&&s.value.skuInfos.forEach(u=>{u.id==S.value&&(s.value.blankProductInfo.favorableDiscount?d=u.price*(1-s.value.blankProductInfo.favorableDiscount):d=u.price)}),d});function a(d){S.value=d}function n(d){S.value="",s.value.skuInfos=[],y.value=!0,x(d)}const o=()=>{s.value={blankProductInfo:{}},g.value=!1,y.value=!1};function x(d){i.blankProductDetail2({id:d.id,blankProductInfo:!0,showImageList:!0,skuInfos:!0,specification:!0}).then(u=>{s.value=u.data,g.value=!0})}function k(d){he.push("/diy?id="+d+"&productType=brand")}return P({openDialog:n,closeDialog:o}),(d,u)=>(f(),_(se,{modelValue:l(y),"onUpdate:modelValue":u[2]||(u[2]=$=>A(y)?y.value=$:y=$),width:"950px"},{default:t(()=>[e(F,null,{default:t(()=>[h("h3",Qe,[u[3]||(u[3]=D("Branding ")),e(G,{src:l(oe),width:32,height:32,class:"close",onClick:o},null,8,["src"])]),e(R),e(ae,{style:{"padding-top":"24px"}},{default:t(()=>[e(j,null,{default:t(()=>[e(z,{cols:"6"},{default:t(()=>[e(Ze,{showImageList:l(s).showImageList},null,8,["showImageList"])]),_:1}),e(z,{cols:"6"},{default:t(()=>[h("p",Xe,L(l(s).blankProductInfo.model),1),h("p",Ke,"$"+L(d.$filters.MoneyFormat(r.value)),1),e(R,{class:"mt-5"}),l(g)?(f(),U("div",et,[e(qe,{skuInfos:l(s).skuInfos,"option1-name":l(s).blankProductInfo.skuOption1,"option1-type":l(s).blankProductInfo.skuOption1Type,"option2-name":l(s).blankProductInfo.skuOption2,"option2-type":l(s).blankProductInfo.skuOption2Type,"option3-name":l(s).blankProductInfo.skuOption3,"option3-type":l(s).blankProductInfo.skuOption3Type,onSkuChange:a},null,8,["skuInfos","option1-name","option1-type","option2-name","option2-type","option3-name","option3-type"])])):O("",!0),e(R,{class:"mt-5"}),e(ge,{modelValue:c.value,"onUpdate:modelValue":u[0]||(u[0]=$=>c.value=$),multiple:""},{default:t(()=>[e(ke,{elevation:"0"},{default:t(()=>[e(ye,{class:"font-weight-medium custom-accordion"},{default:t(()=>u[4]||(u[4]=[D("Specification")])),_:1}),e(Ve,{style:{"padding-left":"0"}},{default:t(()=>[h("p",{innerHTML:l(s).specification},null,8,tt)]),_:1})]),_:1})]),_:1},8,["modelValue"]),e(R),e(E,{color:"secondary",block:"",class:"mt-5",onClick:u[1]||(u[1]=$=>k(l(s).id))},{default:t(()=>u[5]||(u[5]=[D("Design")])),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"]))}}),ot={class:"card"},at={class:"mt-2"},st={class:"d-flex align-center mt-2"},nt={class:"text-secondary text-h4"},ut=W({__name:"Brand",props:["list"],setup(v){const P=v;let i=p([]),c=p(null);M(()=>P.list,(g,S)=>{i.value=g},{immediate:!0,deep:!0});function y(g){he.push("/diy?id="+g+"&productType=brand")}function s(g){c.value.openDialog(g)}return(g,S)=>(f(),U(B,null,[e(lt,{ref_key:"brandInfoSysDialog",ref:c},null,512),e(j,null,{default:t(()=>[(f(!0),U(B,null,J(l(i),(r,a)=>(f(),_(z,{cols:"12",lg:"3",key:a,onClick:n=>s(r)},{default:t(()=>[h("div",ot,[e(F,{variant:"flat",class:"rounded white overflow-hidden product-carousel position-relative"},{default:t(()=>[e(G,{alt:"product",cover:"",src:r.mainShowImageUrl?r.mainShowImageUrl:r.mainImageUrl,"lazy-src":l(le),class:"w-100",style:{height:"246px"}},null,8,["src","lazy-src"]),e(Ie,{style:{padding:"12px 12px"}},{default:t(()=>[e(xe,{class:"text-h4"},{default:t(()=>[D(L(r.model?r.model:r.blankProductModel),1)]),_:2},1024),h("div",at,L(r.blankContent),1),h("div",st,[h("span",nt,"$"+L(r.price),1),e(E,{color:"primary",class:"ml-auto",onClick:$e(n=>y(r.id),["stop"])},{default:t(()=>S[0]||(S[0]=[D("Design")])),_:2},1032,["onClick"])])]),_:2},1024)]),_:2},1024)])]),_:2},1032,["onClick"]))),128))]),_:1})],64))}}),it=Q(ut,[["__scopeId","data-v-2c7414f9"]]),dt={key:0},rt={class:"carousel__item"},ct=["onClick"],ft={__name:"ProductCarousel",props:{showImageList:Object},setup(v){de(),H(()=>"@/assets/images/e-commerce/prod-1.jpg");const P=v,i=be();let c=p(!0);console.log("useCustomizer...",i.mini_sidebar),M(()=>i.mini_sidebar,r=>{c.value=!1,setTimeout(()=>{c.value=!0},0)});const y=p({700:{itemsToShow:4,snapAlign:"center"}}),s=p({itemsToShow:1,snapAlign:"center"}),g=p(0);function S(r){console.log("val....",r),g.value=r}return(r,a)=>l(c)?(f(),U("div",dt,[e(l(te),{id:"gallery","items-to-show":1,"wrap-around":!1,modelValue:g.value,"onUpdate:modelValue":a[0]||(a[0]=n=>g.value=n)},{addons:t(()=>[e(l(ee))]),default:t(()=>[(f(!0),U(B,null,J(P.showImageList,(n,o)=>(f(),_(l(K),{key:o},{default:t(()=>[h("div",rt,[(f(),_(G,{alt:"product","lazy-src":l(le),src:n.url,key:n.url,class:"w-100 rounded-md"},null,8,["lazy-src","src"]))])]),_:2},1024))),128))]),_:1},8,["modelValue"]),e(l(te),{id:"gallery2",class:"relatedCar",breakpoints:y.value,settings:s.value,modelValue:g.value,"onUpdate:modelValue":a[1]||(a[1]=n=>g.value=n)},{addons:t(()=>[e(l(ee))]),default:t(()=>[(f(!0),U(B,null,J(P.showImageList,(n,o)=>(f(),_(l(K),{key:o,class:"mt-2"},{default:t(()=>[h("div",{class:"carousel__item text-left",onClick:x=>S(o)},[e(_e,{url:n.url,classes:"slide-img",rounded:"",isChangeSize:!1,width:100,height:100},null,8,["url"])],8,ct)]),_:2},1024))),128))]),_:1},8,["breakpoints","settings","modelValue"])])):O("",!0)}},mt={class:"d-flex align-center px-5",style:{height:"72px"}},pt={style:{"font-size":"16px","font-weight":"500"},class:"mt-1"},vt={style:{"font-size":"24px","font-weight":"500"},class:"mt-5 text-secondary"},gt={key:0},kt=["innerHTML"],yt=W({__name:"BrandInfoDialog",setup(v,{expose:P}){const i=re(),c=ve([0,1,2,3,4]);let y=p(!1),s=p({blankProductInfo:{}}),g=p(""),S=p(!1),r=p(""),a=p("");H(()=>{let d=0;return s.value.skuInfos&&s.value.skuInfos.forEach(u=>{u.id==r.value&&(s.value.blankProductInfo.favorableDiscount?d=u.price*(1-s.value.blankProductInfo.favorableDiscount):d=u.price)}),d});function n(d){r.value="",s.value.skuInfos=[],y.value=!0,x(d)}const o=()=>{S.value=!1,y.value=!1,s.value={blankProductInfo:{}}};function x(d){i.customProductDetail({customProductId:d.id}).then(u=>{s.value=u.data,a.value=u.data.variants[0].compareAtPrice,S.value=!0,k(u.data.customProductInfo.blankProductId)})}function k(d){i.blankProductDetail2({id:d,specification:!0}).then(u=>{g.value=u.data.specification})}return P({openDialog:n,closeDialog:o}),(d,u)=>(f(),_(se,{modelValue:l(y),"onUpdate:modelValue":u[1]||(u[1]=$=>A(y)?y.value=$:y=$),width:"950px"},{default:t(()=>[e(F,null,{default:t(()=>[h("h3",mt,[u[2]||(u[2]=D("Branding ")),e(G,{src:l(oe),width:32,height:32,class:"close",onClick:o},null,8,["src"])]),e(R),e(ae,{style:{"padding-top":"24px"}},{default:t(()=>[e(j,null,{default:t(()=>[e(z,{cols:"6"},{default:t(()=>[e(ft,{showImageList:l(s).images},null,8,["showImageList"])]),_:1}),e(z,{cols:"6"},{default:t(()=>{var $;return[h("p",pt,L(($=l(s).customProductInfo)==null?void 0:$.title),1),h("p",vt,"$"+L(d.$filters.MoneyFormat(l(a))),1),e(R,{class:"mt-5"}),l(S)?(f(),U("div",gt,[(f(!0),U(B,null,J(l(s).variants,(N,T)=>(f(),_(j,{class:"mt-4 sku-color",key:T},{default:t(()=>[N.option1Name?(f(),_(z,{key:0,lg:"2",md:"4",sm:"2",class:"d-flex align-center"},{default:t(()=>[h("span",null,L(N.option1Name),1)]),_:2},1024)):O("",!0),N.option1Name?(f(),_(z,{key:1,lg:"10",md:"8",sm:"22"},{default:t(()=>[e(Z,{style:{width:"fit-content"},modelValue:N.option1Value,"onUpdate:modelValue":m=>N.option1Value=m,items:[N.option1Value],"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024)):O("",!0),N.option2Name?(f(),_(z,{key:2,lg:"2",md:"4",sm:"2",class:"d-flex align-center"},{default:t(()=>[h("span",null,L(N.option2Name),1)]),_:2},1024)):O("",!0),N.option2Name?(f(),_(z,{key:3,lg:"10",md:"8",sm:"22"},{default:t(()=>[e(Z,{style:{width:"fit-content"},modelValue:N.option2Value,"onUpdate:modelValue":m=>N.option2Value=m,items:[N.option2Value],"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024)):O("",!0),N.option3Name?(f(),_(z,{key:4,lg:"2",md:"4",sm:"2",class:"d-flex align-center"},{default:t(()=>[h("span",null,L(N.option3Name),1)]),_:2},1024)):O("",!0),N.option3Name?(f(),_(z,{key:5,lg:"10",md:"8",sm:"22"},{default:t(()=>[e(Z,{style:{width:"fit-content"},modelValue:N.option3Value,"onUpdate:modelValue":m=>N.option3Value=m,items:[N.option3Value],"item-title":"text","item-value":"text",color:"primary",variant:"outlined","hide-details":""},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024)):O("",!0)]),_:2},1024))),128))])):O("",!0),e(R,{class:"mt-5"}),e(ge,{modelValue:c.value,"onUpdate:modelValue":u[0]||(u[0]=N=>c.value=N),multiple:""},{default:t(()=>[e(ke,{elevation:"0"},{default:t(()=>[e(ye,{class:"font-weight-medium custom-accordion"},{default:t(()=>u[3]||(u[3]=[D("Specification")])),_:1}),e(Ve,{style:{"padding-left":"0"}},{default:t(()=>[h("div",{innerHTML:l(g)},null,8,kt)]),_:1})]),_:1})]),_:1},8,["modelValue"]),e(R)]}),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"]))}}),Vt={class:"d-flex align-center px-5",style:{height:"72px"}},ht={class:"d-flex mt-6 pb-5"},It={class:"ml-auto"},xt=W({__name:"RenameDialog",setup(v,{expose:P}){let i=p(""),c=p(!1),y=p(!1),s=p({});function g(r){s.value=r,i.value=r.title,c.value=!0}const S=()=>{c.value=!1};return P({openDialog:g,closeDialog:S}),(r,a)=>(f(),_(se,{modelValue:l(c),"onUpdate:modelValue":a[3]||(a[3]=n=>A(c)?c.value=n:c=n),width:"557px"},{default:t(()=>[e(F,null,{default:t(()=>[h("h3",Vt,[a[4]||(a[4]=D("Rename ")),e(G,{src:l(oe),width:32,height:32,class:"close",onClick:a[0]||(a[0]=n=>A(c)?c.value=!1:c=!1)},null,8,["src"])]),e(R),e(ae,{style:{"padding-top":"24px"}},{default:t(()=>[a[7]||(a[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:l(i),"onUpdate:modelValue":a[1]||(a[1]=n=>A(i)?i.value=n:i=n)},null,8,["modelValue"]),h("div",ht,[h("div",It,[e(E,{color:"lightprimary",onClick:S},{default:t(()=>a[5]||(a[5]=[D("Cancel")])),_:1}),e(E,{class:"ml-4",color:"btnBlue",loading:l(y),disabled:l(y),onClick:a[2]||(a[2]=n=>r.$emit("renameTemplate",l(i)))},{default:t(()=>a[6]||(a[6]=[D("Save")])),_:1},8,["loading","disabled"])])])]),_:1})]),_:1})]),_:1},8,["modelValue"]))}}),St=Q(xt,[["__scopeId","data-v-9fac89c4"]]),bt="/assets/addon-none-CHZDrpU2.svg",_t={class:"d-flex align-center"},wt={class:"mt-4",style:{"line-height":"20px","font-size":"14px"}},Ct={class:"text-secondary"},$t={class:"d-flex pb-5"},Nt={class:"ml-auto"},Tt={key:0,class:"text-center"},Dt={class:"card"},Pt={class:"d-flex align-center mt-2 pb-3"},Ot={class:"text-secondary text-h4"},Lt={class:"opera"},Ut=W({__name:"MyBrand",props:["list"],emits:["reflash","changeTab"],setup(v,{expose:P,emit:i}){const c=v,y=i,s=Be();let g=p([]),S=p(null),r=p(null),a=p({}),n=p(!1);const o=q({color:"",msg:"",isShow:!1});let x=p(!1);M(()=>c.list,(m,V)=>{g.value=m},{immediate:!0,deep:!0});function k(m){a.value=m,r.value.openDialog(m)}function d(m){r.value.closeDialog(),s.brandRename({id:a.value.id,title:m}).then(V=>{o.color="success",o.msg="success",o.isShow=!0,y("reflash")})}function u(m){a.value=m,n.value=!0}function $(){x.value=!0,s.brandRemove({customProductId:a.value.id}).then(m=>{y("reflash",!1),o.color="success",o.msg="Addon Archived",o.isShow=!0})}function N(m){S.value.openDialog(m)}function T(){y("changeTab","all")}return P({removeLoading:x,isShowDialog:n}),(m,V)=>{const I=pe("DotsVerticalIcon");return f(),U(B,null,[e(Se,{modelValue:o.isShow,"onUpdate:modelValue":V[0]||(V[0]=b=>o.isShow=b),color:o.color,timeout:3e3,variant:"flat",rounded:"md",location:"top"},{default:t(()=>[D(L(o.msg),1)]),_:1},8,["modelValue","color"]),e(St,{ref_key:"refRenameDialog",ref:r,onRenameTemplate:d},null,512),e(yt,{ref_key:"brandInfoDialog",ref:S},null,512),e(se,{modelValue:l(n),"onUpdate:modelValue":V[3]||(V[3]=b=>A(n)?n.value=b:n=b),"max-width":575},{default:t(()=>[e(F,null,{default:t(()=>[e(ae,{style:{"padding-top":"24px"}},{default:t(()=>[h("h3",_t,[V[4]||(V[4]=D("Archive The Brand ")),e(G,{src:l(oe),width:32,height:32,class:"close",onClick:V[1]||(V[1]=b=>A(n)?n.value=!1:n=!1)},null,8,["src"])]),e(R,{class:"mt-4"}),h("p",wt,[V[5]||(V[5]=D("Confirm to archive the addon ")),h("span",Ct,"("+L(l(a).title)+")",1),V[6]||(V[6]=D("? The addon you added to the product will also disappear. Once completed, the design cannot be recovered. "))]),h("div",$t,[h("div",Nt,[e(E,{class:"mt-4",color:"lightprimary",onClick:V[2]||(V[2]=b=>A(n)?n.value=!1:n=!1)},{default:t(()=>V[7]||(V[7]=[D("Cancel")])),_:1}),e(E,{class:"mt-4 ml-4",color:"btnBlue",loading:l(x),onClick:$},{default:t(()=>V[8]||(V[8]=[D("Confirm")])),_:1},8,["loading"])])])]),_:1})]),_:1})]),_:1},8,["modelValue"]),l(g).length==0?(f(),U("div",Tt,[e(G,{src:l(bt),style:{width:"200px",height:"200px"},inline:""},null,8,["src"]),V[10]||(V[10]=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(E,{color:"primary",class:"mt-4",onClick:T},{default:t(()=>V[9]||(V[9]=[D("Create Your Branding")])),_:1})])):(f(),_(j,{key:1},{default:t(()=>[(f(!0),U(B,null,J(l(g),(b,w)=>(f(),_(z,{cols:"12",lg:"3",key:w,onClick:C=>N(b)},{default:t(()=>[h("div",Dt,[e(F,{variant:"flat",class:"rounded white overflow-hidden product-carousel position-relative"},{default:t(()=>[e(G,{alt:"product",cover:"",src:b.mainImageUrl,"lazy-src":l(le),class:"w-100",style:{height:"246px"}},null,8,["src","lazy-src"]),e(Ie,{style:{padding:"5px 15px"}},{default:t(()=>[e(xe,{class:"text-h4"},{default:t(()=>[D(L(b.title),1)]),_:2},1024),h("div",Pt,[h("span",Ot,"$"+L(b.price),1)])]),_:2},1024),h("div",Lt,[e(Te,{"close-on-content-click":!0,location:"bottom"},{activator:t(({props:C})=>[e(E,ie({icon:"",variant:"text",ref_for:!0},C),{default:t(()=>[e(I,{size:"20","stroke-width":"1.5"})]),_:2},1040)]),default:t(()=>[e(De,{rounded:"md",elevation:"12"},{default:t(()=>[e(Pe,null,{default:t(()=>[e(X,{class:"text-medium-emphasis",link:"",onClick:C=>k(b)},{default:t(()=>V[11]||(V[11]=[D(" Rename ")])),_:2},1032,["onClick"]),e(X,{class:"text-medium-emphasis",link:"",onClick:C=>u(b)},{default:t(()=>V[12]||(V[12]=[D(" Archive ")])),_:2},1032,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1024)])]),_:2},1024)])]),_:2},1032,["onClick"]))),128))]),_:1}))],64)}}}),zt=Q(Ut,[["__scopeId","data-v-3db7ba61"]]),At={class:"pa-5"},Bt={class:"text-center overflow-auto"},Yt={__name:"Index",setup(v){const P=Oe(),i=p([{title:"Branding",disabled:!0}]),c=de(),y=re(),s=p("Addons"),g=p(!1);let S=q({current:1,size:20,total:1,types:[4,6,7]}),r=q({current:1,size:20,total:1,blankProductTypeCategory:4}),a=q({allList:[],myList:[]}),n=p(1),o=p(1),x=p(null);const k=q({color:"",msg:"",isShow:!1});M(()=>s.value,(T,m)=>{T=="all"&&d(),T=="my"&&u()}),M(n,T=>{S.current=T,d()}),M(o,T=>{r.current=T,u("changeTab")});function d(){y.blankProductPage(S).then(T=>{a.allList=T.data.records})}function u(T){y.customProductPage(r).then(m=>{T===!1&&(x.value.removeLoading=T,x.value.isShowDialog=T),m.data.records?a.myList=m.data.records:a.myList=[],r.total=m.data.total%m.data.size==0?m.data.total/m.data.size:Math.floor(m.data.total/m.data.size)+1})}function $(T){a.allList=[],u(T)}function N(T){debugger;s.value=T}return me(()=>{var T,m;((m=(T=window.performance)==null?void 0:T.navigation)==null?void 0:m.type)===1?P.replace({...P.currentRoute.value,query:{}}):c.query.tab=="addon"||c.query.tab=="my"?(k.color="success",k.msg="Attachment design saved",k.isShow=!0,s.value="my"):s.value="all"}),(T,m)=>(f(),U(B,null,[e(Se,{modelValue:k.isShow,"onUpdate:modelValue":m[0]||(m[0]=V=>k.isShow=V),color:k.color,timeout:3e3,variant:"flat",rounded:"md",location:"top"},{default:t(()=>[D(L(k.msg),1)]),_:1},8,["modelValue","color"]),e(ze,{title:"Branding",breadcrumbs:i.value},null,8,["breadcrumbs"]),e(F,{variant:"flat",class:"px-4 py-5",loading:g.value},{default:t(()=>[e(Le,{modelValue:s.value,"onUpdate:modelValue":m[1]||(m[1]=V=>s.value=V),"selected-class":"integrationsactivedTab"},{default:t(()=>[e(ce,{value:"all"},{default:t(()=>m[5]||(m[5]=[D("Addons")])),_:1}),e(ce,{value:"my"},{default:t(()=>m[6]||(m[6]=[D("My Addons")])),_:1})]),_:1},8,["modelValue"]),h("div",At,[e(Ue,{modelValue:s.value,"onUpdate:modelValue":m[2]||(m[2]=V=>s.value=V)},{default:t(()=>[s.value=="all"?(f(),_(it,{key:0,type:s.value,list:l(a).allList},null,8,["type","list"])):O("",!0),s.value=="my"?(f(),_(zt,{key:1,ref_key:"refMyBrand",ref:x,type:s.value,list:l(a).myList,onReflash:$,onChangeTab:N},null,8,["type","list"])):O("",!0)]),_:1},8,["modelValue"]),e(j,null,{default:t(()=>[e(z,{cols:"12",lg:"12"},{default:t(()=>[h("div",Bt,[s.value=="all"&&l(a).allList.length>0?(f(),_(fe,{key:0,"active-color":"primary",modelValue:l(n),"onUpdate:modelValue":m[3]||(m[3]=V=>A(n)?n.value=V:n=V),length:l(S).total,"total-visible":7},null,8,["modelValue","length"])):O("",!0),s.value=="my"&&l(a).myList.length>0?(f(),_(fe,{key:1,"active-color":"primary",modelValue:l(o),"onUpdate:modelValue":m[4]||(m[4]=V=>A(o)?o.value=V:o=V),length:l(r).total,"total-visible":7},null,8,["modelValue","length"])):O("",!0)])]),_:1})]),_:1})])]),_:1},8,["loading"])],64))}};export{Yt as default};