https://static.popcustoms.com/assets/js/async/1734.dcdf1f42.js

1"use strict";(globalThis.rspackChunk_3d_frontend=globalThis.rspackChunk_3d_frontend||[]).push([[1734],{54468(t,e,i){i.r(e),i.d(e,{default:()=>s});let s=(0,i(14908).A)({props:{banners:{required:!1,type:Array,default:()=>[]},indicator_position:{required:!1,type:String,default:"inside"},arrow:{required:!1,type:String,default:"hover"},autoplay:{required:!1,type:Boolean,default:!0},type:{required:!1,type:String,default:""},skeleton_height:{required:!1,type:String,default:"375px"},content_driven:{required:!1,type:Boolean,default:!1},image_lazy:{required:!1,type:Boolean,default:!0},disable_banner_link:{required:!1,type:Boolean,default:!1}},computed:{is_multiple_banners(){return this.banners.length>1}},data:()=>({banner_height:"0",is_image_small_than:!1,loading:!0,image_size:null}),watch:{banner_height(){this.$emit("setBannerHeight",this.banner_height)},banners:{deep:!0,handler(){this.$nextTick(()=>{this.setIndicatorAriaLabels()})}}},mounted(){window.addEventListener("resize",this.$esToolkit.debounce(this.setBannerHeight,500),!1),this.$nextTick(()=>{this.setIndicatorAriaLabels()})},beforeDestroy(){window.removeEventListener("resize",this.$esToolkit.debounce(this.setBannerHeight,500),!1)},methods:{isBannerLink(t){return!this.disable_banner_link&&!!t.redirect_url},getBannerLinkLabel(t,e){let i=t?.title||t?.alt||t?.name;return i||`${this.$t("营销页.主页.banner按钮")} ${e+1}`},initBannerHeight({width:t,height:e}){this.image_size||(this.image_size={width:t,height:e}),this.setBannerHeight()},setIndicatorAriaLabels(){if(this.is_multiple_banners&&this.$el)for(let[t,e]of this.$el.querySelectorAll(".el-carousel__indicator button").entries())e.setAttribute("aria-label",this.getBannerLinkLabel(this.banners[t],t))},setBannerHeight(){if(!this.image_size||!this.$refs.bannerHeight||!this.$refs.bannerHeight[0])return;this.loading=!1;let t=this.image_size.width/this.image_size.height;this.$nextTick(()=>{let e=this.$refs.bannerHeight[0].getBoundingClientRect().height;if(this.content_driven){this.banner_height=e;return}let i=this.$refs.bannerImageHeight[0].$el.getBoundingClientRect().width/t;this.is_image_small_than=i<e,this.banner_height=e<i?i:e})}}},function(){var t=this,e=t._self._c;return t.banners.length>0?e("div",{staticClass:"banner-wrap"},[t.loading?e("skeleton",{staticClass:"banner-skeleton",style:{height:"0"===t.banner_height?t.skeleton_height:`${t.banner_height}px`},attrs:{loading:!0}},[e("template",{slot:"template"},[e("el-skeleton-item",{attrs:{variant:"image"}})],1)],2):t._e(),e(t.is_multiple_banners?"ElCarousel":"ul",{tag:"component",staticClass:"common-banner",attrs:{type:t.type,arrow:t.arrow,autoplay:!t.loading&&t.autoplay,height:`${t.banner_height}px`,"indicator-position":t.indicator_position}},t._l(t.banners,function(i,s){return e(t.is_multiple_banners?"ElCarouselItem":"ul",{key:s,tag:"component"},[e(t.isBannerLink(i)?"a":"div",{tag:"component",class:{"no-pointer-cursor":!t.isBannerLink(i)},attrs:{href:t.isBannerLink(i)?i.redirect_url:null,target:t.isBannerLink(i)?"_blank":null,rel:t.isBannerLink(i)?"noopener":null,"aria-label":t.isBannerLink(i)?t.getBannerLinkLabel(i,s):null}},[e("div",{staticClass:"wrap",style:{height:`${t.banner_height}px`}},[e("my-img",{ref:"bannerImageHeight",refInFor:!0,staticClass:"banner-image",attrs:{width:"100%",height:t.is_image_small_than?"100%":"auto",url:i.image,alt:t.getBannerLinkLabel(i,s),lazy:t.image_lazy},on:{load:t.initBannerHeight}}),e("div",{directives:[{name:"show",rawName:"v-show",value:!t.loading,expression:"!loading"}],ref:"bannerHeight",refInFor:!0,staticClass:"content"},[t._t("default",null,{banner:i})],2)],1)])],1)}),1)],1):t._e()},[],!1,null,"4ed52a5c",null).exports},31995(t,e,i){i.d(e,{A:()=>r});var s=i(73793),a=i(68162);let n={name:"Tags",components:{Tag:s.A},props:{tags:{required:!0,type:Array},is_for_images:{required:!1,type:Boolean,default:!1},is_show_icon:{required:!1,type:Boolean,default:!1},is_show_default_tag:{required:!1,type:Boolean,default:!0},is_show_close_icon:{required:!1,default:!0,type:Boolean},is_loading_skeleton:{required:!1,default:!1,type:Boolean},can_unselect:{required:!1,default:!0,type:Boolean}},data:()=>({is_show_button:!1}

1),computed:{swiper_options:()=>({slidesPerView:"auto",spaceBetween:0,freeMode:!0,observer:!0,observeParents:!0,autoplay:!1,touchStartPreventDefault:!1,resistanceRatio:0,touchRatio:.5,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}})},watch:{tags:{deep:!0,handler(){this.$nextTick(()=>{this.scrollToSelectedTag()})}},is_loading_skeleton(){this.is_loading_skeleton||this.$nextTick(()=>{this.initSwiper()})}},methods:{async initSwiper(){await (0,a.yy)(500);let t=this.$refs.swiperTags;t&&t.swiper&&(this.scrollToSelectedTag(),this.$refs?.swiperTags?.swiper?.update(),this.is_show_button=t.swiper.width<t.swiper.virtualSize)},scrollToSelectedTag(){let t=this.$refs?.swiperTags?.swiper;if(!t)return;let e=this.tags.findIndex(t=>t.is_selected);-1!==e&&t.slideTo(e,!1)},prev(){this.$refs.swiperTags.swiper&&this.$refs.swiperTags.swiper.slidePrev()},next(){this.$refs.swiperTags.swiper&&this.$refs.swiperTags.swiper.slideNext()},toggleTag(t,e){this.$emit("toggleTag",t,e)}}},r=(0,i(14908).A)(n,function(){var t=this,e=t._self._c;return e("skeleton",{attrs:{loading:t.is_loading_skeleton}},[e("template",{slot:"template"},[e("ul",{staticClass:"skeleton-tags"},t._l(16,function(t,i){return e("li",{key:i,staticClass:"skeleton-tags__item"},[e("el-skeleton-item",{staticStyle:{width:"100%",height:"100%"},attrs:{variant:"text"}})],1)}),0)]),[e("div",{directives:[{name:"show",rawName:"v-show",value:t.tags.length>0,expression:"tags.length > 0"}],staticClass:"tags-wrap"},[e("div",{staticClass:"tags",class:{"first-tags":t.is_show_button}},[e("swiper",{ref:"swiperTags",staticClass:"tags-inline",attrs:{options:t.swiper_options}},t._l(t.tags,function(i,s){return e("swiper-slide",{key:s,staticClass:"swiper-slide"},[e("tag",{attrs:{data:i,is_show_icon:t.is_show_icon,closable:t.is_show_close_icon,can_unselect:t.can_unselect,is_selected:!0===i.is_selected},on:{select:t.toggleTag,delete:t.toggleTag}})],1)}),1),t.is_show_button?e("div",{staticClass:"swiper-button-prev",on:{click:t.prev}},[e("i",{staticClass:"icon-regular-chevron-left"})]):t._e(),t.is_show_button?e("div",{staticClass:"swiper-button-next",on:{click:t.next}},[e("i",{staticClass:"icon-regular-chevron-right"})]):t._e()],1)])]],2)},[],!1,null,"023861c8",null).exports},67019(t,e,i){i.r(e),i.d(e,{default:()=>m}),i(17932),i(76429),i(96466),i(52093);var s=i(59335),a=i(68162),n=i(54468),r=i(31995),l=i(14908);let o=(0,l.A)({props:{is_loading_list:{required:!1,type:Boolean,default:!1}}},function(){var t=this._self._c;return t("skeleton",{staticClass:"design-module",attrs:{loading:this.is_loading_list}},[t("template",{slot:"template"},[t("div",{staticClass:"page-center-content design-module__skeleton"},[t("div",{staticClass:"design-module__title"},[t("el-skeleton-item",{staticStyle:{width:"50%",height:"50px"},attrs:{variant:"rect"}})],1),t("div",{staticClass:"design-module__subtitle"},[t("el-skeleton-item",{staticStyle:{width:"60%",height:"30px"},attrs:{variant:"rect"}})],1),t("el-row",{staticStyle:{"margin-top":"20px"},attrs:{gutter:10}},this._l(8,function(e,i){return t("el-col",{key:i,staticStyle:{"margin-bottom":"10px"},attrs:{xs:12,sm:8,md:6,lg:6,xl:6}},[t("div",{staticClass:"design-module__skeleton-card"},[t("div",{staticStyle:{padding:"10px"}},[t("div",{staticClass:"square-div-wrap"},[t("el-skeleton-item",{staticStyle:{width:"100%",height:"100%"},attrs:{variant:"image"}})],1),t("div",{staticStyle:{margin:"10px 0"}},[t("el-skeleton-item",{staticStyle:{width:"70%"},attrs:{variant:"h3"}})],1),t("div",{staticStyle:{"margin-bottom":"10px"}},[t("el-skeleton-item",{staticStyle:{width:"50%"},attrs:{variant:"h3"}})],1)])])])}),1),t("div",{staticClass:"design-module__tool"},[t("el-skeleton-item",{staticClass:"common__marketing-button-link",staticStyle:{height:"48px"},attrs:{variant:"button"}})],1)],1)]),this._t("default")],2)},[],!1,null,"ed2aecf8",null).exports;var _=i(17537),d=i(22098),c=i(34005);let u={components:{ProductList:d.A},mixins:[c.A],props:{title:{required:!1,type:String,default:""},subtitle:{required:!1,type:String,default:""},background:{required:!1,type:String,default:"#ffffff"},link_path:{required:!0,type:[String,Object]},is_loading_product_list:{required:!1,type:Boolean,default:!1},type:{required:!1,type:String,default:"",validator:t=>[_.aG.PUBLIC_DESIGNS,_.aG.PUBLIC_DESIGN_PLUS].includes(t)},list:{required:!1,type:Array,default:()=>[]},is_show_design_tester:{required:!1,type:Boolean,default:!1}},methods:{redirectToTemplateDesignSettings(t){let e=this.$utils.filterMethods.templateDesignTestingUrl(t?.product?.product.id,t?.product?.product.parent_id),i=this.$router.resolve(e).href;this.canRedirect(i)&&window.open(i,"_blank")},redirectToDesignDetail(t){let e=this.$utils.filterMethods.publicDesignPlusDetailUrl(t?.product?.product.id,{auto_open_publish_modal:1}),i=this.$router.resolve(e).href;this.canRedirect(i)&&window.open(i,"blank")},canRedirect(t){if(this.is_login)return!0;let e=(0,a.qB)(t);return this.$store.commit("app/SET_ONE_CLICK_REGISTRATION_SUCCESS_PATH",e),this.$store.commit("app/SET_ONE_CLICK_REGISTRATION_SHOW_STATUS",!0),this.$store.commit("app/SHOW_AUTH_MODAL_WITH_LOGIN_TAB"),!1}}},h=(0,l.A)(u,function(){var t=this,e=t._self._c;return e("div",{staticClass:"design-module",style:{background:t.background}},[e("div",{staticClass:"page-center-content"},[e("div",{staticClass:"design-module__title common__marketing-main-title"},[t._v(" "+t._s(t.title)+" ")]),e("div",{staticClass:"design-module__subtitle common__marketing-sub-title"},[t._v(" "+t._s(t.subtitle)+" ")]),e("skeleton",{attrs:{loading:t.is_loading_product_list}},[e("template",{slot:"template"},[e("el-row",{staticStyle:{"margin-top":"20px"},attrs:{gutter:10}},t._l(4,function(t,i){return e("el-col",{key:i,staticStyle:{"margin-bottom":"10px"},attrs:{xs:12,sm:8,md:6,lg:6,xl:6}},[e("div",{staticClass:"design-module__skeleton-card"},[e("div",{staticStyle:{padding:"10px"}},[e("div",{staticClass:"square-div-wrap"},[e("el-skeleton-item",{staticStyle:{width:"100%",height:"100%"},attrs:{variant:"image"}})],1),e("div",{staticStyle:{margin:"10px 0"}},[e("el-skeleton-item",{staticStyle:{width:"70%"},attrs:{variant:"h3"}})],1),e("div",{staticStyle:{"margin-bottom":"10px"}},[e("el-skeleton-item",{staticStyle:{width:"50%"},attrs:{variant:"h3"}})],1)])])])}),1)],1),e("product-list",{attrs:{product_list:t.list,is_show_checkbox:!1,is_show_cart:!1,column:4,is_show_sales:!1,is_show_design_tester:!1,is_show_same_basic_button:!1,is_show_publish_button:!1}

1,scopedSlots:t._u([{key:"tools",fn:function(i){return[t.is_show_design_tester?e("el-button",{staticClass:"sync-to-store",attrs:{type:"primary"},on:{click:function(e){return t.redirectToTemplateDesignSettings(i)}}},[t._v(" "+t._s(t.$t("个人中心.公共刺绣微定成品.微定测试"))+" ")]):t._e(),e("el-button",{directives:[{name:"track",rawName:"v-track",value:"公共成品-同步到店铺",expression:"'公共成品-同步到店铺'"}],staticClass:"sync-to-store",attrs:{type:"default"},on:{click:function(e){return t.redirectToDesignDetail(i)}}},[t._v(" "+t._s(t.$t("个人中心.同步成品.同步到店铺"))+" ")])]}}])})],2),e("div",{staticClass:"design-module__tool"},[e("link-button",{staticClass:"common__marketing-button-link",attrs:{to:t.link_path,button_class:"common__marketing-button",button_type:"primary",target:"_blank"}},[t._v(" "+t._s(t.$t("营销页.公共成品营销页.查看更多"))+" ")])],1)],1)])},[],!1,null,"1bb0b43c",null).exports,g=(0,l.A)({computed:{list(){return[{title:this.$t("营销页.公共成品营销页.可能感兴趣模块-模块1"),link_path:this.$t("营销页.公共成品营销页.可能感兴趣模块-模块1-跳转链接"),background_image:this.$t("营销页.公共成品营销页.可能感兴趣模块-模块1-背景图")},{title:this.$t("营销页.公共成品营销页.可能感兴趣模块-模块2"),link_path:this.$t("营销页.公共成品营销页.可能感兴趣模块-模块2-跳转链接"),background_image:this.$t("营销页.公共成品营销页.可能感兴趣模块-模块2-背景图")}]}}},function(){var t=this,e=t._self._c;return e("div",{staticClass:"interested-module"},[e("div",{staticClass:"interested-module__title"},[t._v(" "+t._s(t.$t("营销页.公共成品营销页.可能感兴趣模块-标题"))+" ")]),e("div",{staticClass:"page-center-content"},[e("ul",{staticClass:"interested-list",attrs:{gutter:0}},t._l(t.list,function(i,s){return e("li",{key:s,staticClass:"interested-detail"},[e("div",{staticClass:"interested-item",style:{background:`url(${i.background_image})`}},[e("div",{staticClass:"interested-title"},[t._v(" "+t._s(i.title)+" ")]),e("div",{staticClass:"interested-link"},[e("a",{attrs:{href:i.link_path,target:"_blank"}},[t._v(" "+t._s(t.$t("营销页.公共成品营销页.查看更多"))+" ")]),t._m(0,!0)])])])}),0)])])},[function(){var t=this._self._c;return t("div",{staticClass:"interested-link__bottom"},[t("div",{staticClass:"interested-link__line"}),t("i",{staticClass:"icon-regular-chevron-right"})])}],!1,null,"4659096a",null).exports,p={components:{CommonBanner:n.default,Tags:r.A,DesignModule:h,InterestedModule:g,DesignListSkeleton:o},data:()=>({is_loading_product_list:!1,is_show_interested_module:!1,is_init_product_list:!1,is_loading_tags:!1}),computed:{...(0,s.mapState)({is_pc:t=>t.app.is_pc,sotocool_promotion_tags:t=>t.homepage.sotocool_promotion_tags,personalized_product_banners:t=>t.banner.banners.personalized_products,public_products:t=>t.homepage.sotocool_promotion_products.public_products,template_designer_products:t=>t.homepage.sotocool_promotion_products.template_designer_products}),requested_tag_name(){return(0,a.uv)(this.$route.query.tag_names)[0]},active_tag(){return this.sotocool_promotion_tags.find(t=>t.name===this.requested_tag_name)||this.sotocool_promotion_tags[0]},display_tags(){return this.sotocool_promotion_tags.map(t=>({...t,is_selected:this.active_tag?.id===t.id}))}},watch:{"$route.query.tag_names"(){this.sotocool_promotion_tags.length>0&&this.selectRouteTag()}},async created(){if(this.is_init_product_list=!0,await this.requestTags(),0===this.sotocool_promotion_tags.length){this.is_init_product_list=!1,this.is_show_interested_module=!0;return}await this.selectRouteTag(),this.is_init_product_list=!1,this.is_show_interested_module=!0},methods:{async selectRouteTag(){this.active_tag&&(this.is_loading_product_list=!0,await this.requestSotocoolPromotionProducts(this.active_tag.id),this.is_loading_product_list=!1)},toggleTag(t){(0,a.uv)(this.$route.query.tag_names)[0]!==t.name&&this.$router.push({name:this.$route.name,query:{...this.$route.query,tag_names:[t.name]}})},async requestTags(){this.is_loading_tags=!0;try{await this.$store.dispatch("homepage/getSotocoolPromotionTags")}catch{return}finally{this.is_loading_tags=!1}},async requestSotocoolPromotionProducts(t){try{await this.$store.dispatch("homepage/getSotocoolPromotionProducts",t)}catch{return}}}},m=(0,l.A)(p,function(){var t=this._self._c;return t("div",{staticClass:"personalized-products"},[t("common-banner",{staticClass:"personalized-products__banner",attrs:{indicator_position:"inside",arrow:"hover",autoplay:!0,banners:this.personalized_product_banners}}),t("tags",{staticClass:"page-center-content",attrs:{is_show_icon:!1,is_loading_skeleton:this.is_loading_tags,tags:this.display_tags,is_show_close_icon:!1,can_unselect:!1},on:{toggleTag:this.toggleTag}}),t("design-list-skeleton",{class:{"design-list":!this.is_init_product_list},attrs:{is_loading_list:this.is_init_product_list}},[this.template_designer_products.length>0?t("design-module",{attrs:{type:"public_design_plus",is_loading_product_list:this.is_loading_product_list,list:this.template_designer_products,is_show_design_tester:!0,title:this.$t("营销页.公共成品营销页.公共微定成品"),subtitle:this.$t("营销页.公共成品营销页.公共微定成品-副标题"),background:`url(${this.$t("营销页.公共成品营销页.公共微定成品-背景图")})`,link_path:this.$utils.filterMethods.publicDesignPlusListUrl({tag_names:[this.active_tag.name]})}}):this._e(),this.public_products.length>0?t("design-module",{attrs:{list:this.public_products,is_loading_product_list:this.is_loading_product_list,type:"public_designs",title:this.$t("营销页.公共成品营销页.公共成品"),subtitle:this.$t("营销页.公共成品营销页.公共成品-副标题"),link_path:this.$utils.filterMethods.publicDesignListUrl({tag_names:[this.active_tag.name]})}}):this._e()],1),t("interested-module",{directives:[{name:"show",rawName:"v-show",value:this.is_show_interested_module,expression:"is_show_interested_module"}]})],1)},[],!1,null,"c95cb886",null).exports}}]);
2//# sourceMappingURL=1734.dcdf1f42.js.map