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