Mozfigure

function setSearchUrl(searchValue) { return Promise.resolve({ url: '/search?q=' + searchValue }); } exportFunction('setSearchUrl', setSearchUrl);

BIG SALE EVENT

Highly cost-effective figures for clearance and sale

See Caliber

LASTEST UPDATED

Lastest Update

Save $20.33

Cast Design Studio - Frieren: Beyond Journey's End Original Art Design Series No.3 Frieren 1/4 Statue(GK)

From $178.99 $199.32 Save $20.33

Save $28.33

FWS Studio - Wuthering Waves 1/6 YinLin Statue(GK)

From $159.99 $188.32 Save $28.33

Save $33.05

DREAM HUNTER Studio - One Piece Death Match Series 001 Monkey D. Luffy Statue(GK)

From $125.99 $159.04 Save $33.05

Save $16.32

Model Power Studio - Attack on Titan Midnight Banquet Series #1 Mikasa Ackerman 1/4 & 1/6 Statue(GK)

From $105.99 $122.31 Save $16.32

Save $14.44

Maple Studio - MapleStory Victoria Island - Lith Harbor 01 Statue(GK)

From $29.99 $44.43 Save $14.44

Save $28.77

Reset Studio - NBA Luka Dončić Collectible 1/6 Action Figure

From $59.99 $88.76 Save $28.77

Save $22.05

XingYao Studio - One Piece - Nika Luffy with LED Statue(GK)

From $236.99 $259.04 Save $22.05

Save $20.55

Initial Aspiration Studio - Jujutsu Kaisen Gojo Satoru with LED 1/6 Statue(GK)

From $45.99 $66.54 Save $20.55

Save $25.33

Divine Officer Studio - Yu-Gi-Oh Monster Series Jinzo Statue(GK）

From $85.99 $111.32 Save $25.33

Save $28.95

Xing Zhe Studio - Marvel Series Psylocke & Venom 1/4 Statue(GK)

From $229.99 $258.94 Save $28.95

Save $14.44

Union Creative - Umamusume Pretty Derby Agnes Digital -Agnes Jiangshi- 1/6 Complete Figure (Licensed)

From $29.99 $44.43 Save $14.44

Save $29.55

Anonymous Studio - Kamado Nezuko 1/6 & 1/4 Statue(GK)

From $125.99 $155.54 Save $29.55

STATUE COLLECTIONS

Statues（GK）

Save $28.33

FWS Studio - Wuthering Waves 1/6 YinLin Statue(GK)

From $159.99 $188.32 Save $28.33

Save $33.05

DREAM HUNTER Studio - One Piece Death Match Series 001 Monkey D. Luffy Statue(GK)

From $125.99 $159.04 Save $33.05

Save $16.32

Model Power Studio - Attack on Titan Midnight Banquet Series #1 Mikasa Ackerman 1/4 & 1/6 Statue(GK)

From $105.99 $122.31 Save $16.32

Save $14.44

Maple Studio - MapleStory Victoria Island - Lith Harbor 01 Statue(GK)

From $29.99 $44.43 Save $14.44

Save $28.77

Reset Studio - NBA Luka Dončić Collectible 1/6 Action Figure

From $59.99 $88.76 Save $28.77

Save $22.05

XingYao Studio - One Piece - Nika Luffy with LED Statue(GK)

From $236.99 $259.04 Save $22.05

Save $20.55

Initial Aspiration Studio - Jujutsu Kaisen Gojo Satoru with LED 1/6 Statue(GK)

From $45.99 $66.54 Save $20.55

Save $25.33

Divine Officer Studio - Yu-Gi-Oh Monster Series Jinzo Statue(GK）

From $85.99 $111.32 Save $25.33

Save $28.95

Xing Zhe Studio - Marvel Series Psylocke & Venom 1/4 Statue(GK)

From $229.99 $258.94 Save $28.95

Save $34.44

Fish Head Studio - Girls' Frontline Jiangyu 1/6 Statue(GK)

From $209.99 $244.43 Save $34.44

Save $14.44

Union Creative - Umamusume Pretty Derby Agnes Digital -Agnes Jiangshi- 1/6 Complete Figure (Licensed)

From $29.99 $44.43 Save $14.44

Save $29.55

Anonymous Studio - Kamado Nezuko 1/6 & 1/4 Statue(GK)

From $125.99 $155.54 Save $29.55

18+ ADULT

Adult 18+

Sold out

APEX studio - Genshin Impact -Dance of Ice and Fire HuTao&Kamisato Ayaka 1/6 Statue(GK) (Adult 18+)

From $125.99 $158.94 Save $32.95

Save $29.33

PRE-ORDER Dragon Stone Studio - NieR Automata NIKKE & NieR Collab 2B & A2 1/7 Statue(GK）(Adult 18+)

From $69.99 $99.32 Save $29.33

Save $261.00

IN-STOCK FigureRich Studio Devil Killer Miaomiao Qian statues

From $269.00 $530.00 Save $261.00

Save $34.44

Fish Head Studio - Girls' Frontline Jiangyu 1/6 Statue(GK)

From $209.99 $244.43 Save $34.44

Sold out

PRE-ORDER Dtalon Studio Avriant/9s 1/4 Scale Statue (GK) (Adult 18+)

From $129.99 $157.29 Save $27.30

Sold out

In-stock Apex Studio - Re:Zero - Starting Life in Another World Bound by Invisible Hands 1/6 Statue(GK) (Adult 18+)

From $69.99 $99.34 Save $29.35

Sold out

PP jiang studio - Blue Archive Helpless Ichinose Asuna 1/6 Statue(GK) (Adult 18+)

From $105.99 $133.31 Save $27.32

Sold out

Dreamdoll Studio - Frieren: Beyond Journey's End - Bunny Girl Frieren 1/6 Statue(GK)

From $59.99 $88.76 Save $28.77

Save $22.33

Dirty Pockets Studio & Dtalon Studio - Honkai: Star Rail 1/6 Galaxy Holiday Robin Statue(GK)

From $88.99 $111.32 Save $22.33

Sold out

ABsinthe Studio - Bishōjo mangekyō Yukionna 1/4 scale Statue(GK)（Adult 18+）

From $148.99 $158.99 Save $10.00

Sold out

Wink Studio - ONE PIECE - Bunny Girl Ver. Nami Statue(GK) (Adult 18+)

From $85.99 $122.14 Save $36.15

Save $19.06

Astral Spirit Studio - Blue Archive Series #1 Hanekawa Hasumi 1/6 Statue(GK) (Adult 18+）

From $59.99 $79.05 Save $19.06

FIGURE COLLECTIONS

PVC Figures

Save $22.33

A DIMENSION Studio - Miss Kobayashi's Dragon Maid 1/4 Tohru PVC

From $88.99 $111.32 Save $22.33

Save $21.66

Anigame - Azur Lane Theseus 1/6 New Year's White Plumage Ver. (Licensed)

From $55.99 $77.65 Save $21.66

Save $20.55

Deitys Collector Studio - Aditya Foot bath 1/6 PVC

From $45.99 $66.54 Save $20.55

Save $33.33

WING - Suiu 1/7 Complete Figure (Licensed) PVC

From $99.99 $133.32 Save $33.33

Save $20.55

ZiYe Studio - Neon Genesis Evangelion Soryu Asuka Langley Cow Maid 1/6 Statue(GK)

From $45.99 $66.54 Save $20.55

Save $29.33

AstrumDesign - Epic Seven Celebration Eda (Licensed) 1/7 Statue(GK)

$181.99 $211.32 Save $29.33

Save $26.33

Bearpanda - Neon Genesis Evangelion Asuka Langley Shikinami 1/4 Scale Figure (Licensed)

$95.99 $122.32 Save $26.33

Save $27.33

ModelWay Studio - Pink Support Cherry 1/6 Scale Statue(GK)

$105.99 $133.32 Save $27.33

Save $14.44

SODA Studio - Original Strawberry Sundae Mascot Girl Summer Kana (Licensed) 1/6 PVC

From $29.99 $44.43 Save $14.44

Save $14.44

Bishou Gumi - Aika Ichijo Prepainted Figure (Licensed) 1/6 Statue(GK)

From $29.99 $44.43 Save $14.44

Save $28.24

VKEND - Hikari 1/6 Scale Figure (Licensed) PVC

From $59.99 $88.23 Save $28.24

Save $22.33

FURYU & F:NEX - The Journey of Elaina Elaina Knit One-piece Dress ver. 1/7 Scale Figure (Licensed)

From $88.99 $111.32 Save $22.33

INSTOCK PRODUCTS

IN-STOCK

Sold out

【IN STOCK】1/7 Scale Jinx with LED - League of Legends (LOL) Statue - Myethos Studios

$164.99 $217.99 Save $53.00

Save $21.66

B&W Studio - Jujutsu Kaisen Sunset Tavern Series Decorative Paintings #23 Maki & Nobara 3D Decorative Paintings

From $55.99 $77.65 Save $21.66

Save $16.55

Aotupanda Studio - One Piece Sakura Season Anime Handmade 3D Paper Art Decorative Wall Hanging painting Scene

From $49.99 $66.54 Save $16.55

Save $20.55

B&W Studio - Decorative Painting of Jolyne Cujoh - DSMG-123 and DSMGSlim-123 Painting Scene

From $54.99 $75.54 Save $20.55

Sold out

Romankey Studio - Big Guy UMS003 (Licensed) Action Figure

$49.99 $66.54 Save $16.55

Save $21.44

B&W Studio - Pokemon KPCG-003 & KPCGSlim-003 Pikachu Girl Series Hayase Nagatoro 3D Decorative Painting

From $55.99 $77.43 Save $21.44

Save $20.66

B&W Studio - The Legend of Zelda Princess Zelda DSMG-122/DSMGSlim-122 Scene

From $45.99 $66.65 Save $20.66

Sold out

【IN STOCK】TUNSHI STUDIO - SNK - THE KING OF FIGHTERS '97 - BLUE MARY 1/6TH ACTION FIGURE

$219.00 $259.00 Save $40.00

Save $10.99

【IN STOCK】1/6 Scale Bela Lugosi as Dracula Figure (Deluxe Version) by Kaustic Plastik

$265.00 $275.99 Save $10.99

Sold out

In-stock Accessories Studio NARUTO Uchiha Sasuke Throne platform Scene

From $36.99 $42.15 Save $5.16

Sold out

Honkai: Star Rail - Silver Wolf 1/6 Statue(GK) (Adult 18+)

From $215.99 $244.36 Save $28.37

Save $20.55

B&W Studio - Gravity Rush Kat 3D Art Panel KKRD-016 & KKRDSlim-016 Painting Scene

From $45.99 $66.54 Save $20.55

Shipment & After Service

Strive to provide the best shipping solutions and after-sales service.

Pre-sale Products Policy

Book now and lock in your favorite products.

Worldwide Shiping

Specializing in retail and wholesale of Statues and Collection Figures all ove the world.

const TAG = "spz-custom-announcement"; const DISPLAY_TYPE = { ANNOUNCEMENT: "PTT_BANNER" // 公告栏 }; const API = { LIST: `/api/storefront/promotion/placement/list`, // 获取公告栏列表 REPORT: `/api/storefront/promotion/placement/data/report` // 上报数据 }; const DISPLAY_DEVICE = { PC_AND_MOBILE: "PD_PC_MOBILE", // PC和移动端 PC: "PD_PC", // PC MOBILE: "PD_MOBILE" // 移动端 }; const REPORT_EVENT = { CLICK: "PE_CLICK", // 点击事件 IMPRESSION: "PE_IMPRESSION" // 曝光事件 }; const POSITION = { TOP: "PP_TOP", // 顶部 BOTTOM: "PP_BOTTOM" // 底部 } const MODE = { FIXED: "PM_FIXED", // 固定 NORMAL: "PM_SCROLLING" // 滚动 } const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name; class SpzCustomAnnouncement extends SPZ.BaseElement { constructor(element) { super(element); this.announcementList_ = []; // 公告栏数据 } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.fetchData_(); this.createAnnouncementDom_(); this.listenCartChange_(); } fetchData_(type = '') { const id = window.SHOPLAZZA.meta.page.template_type === 51 ? window.SHOPLAZZA.meta.page.resource_id : 0; return this.xhr_.fetchJson(API.LIST, { method: 'POST', body: { page_id: window.SHOPLAZZA.meta.page.template_type, placement_type: DISPLAY_TYPE.ANNOUNCEMENT, discount_id: id } }).then((res) => { this.announcementList_ = res.list || []; if (this.announcementList_.length > 0) { this.announcementList_.forEach((item) => { item.config = JSON.parse(item.config); }); } if(type === 'cartChange') { this.announcementList_.forEach((item) => { this.updateText_(item); }); } else { this.doRender_(this.announcementList_); } }).catch((error) => { console.error(error); }) } doRender_(data) { return this.templates_ .findAndRenderTemplate(this.element, { list: this.announcementList_ }) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); this.element.appendChild(el); }) .then(() => { this.announcementList_.forEach((item) => { this.showAnnouncement_(item); }); }).then(() => { this.handleThemeCompatibility_(); }); } // 更新文案 updateText_(item) { const announcement = document.querySelector(`#announcement-${item.id}`); const announcementText = announcement.querySelectorAll('.announcement_text'); const textArr = item.config.text_discount.replace_texts; const textDom = textArr.map((text) => { return `${text}`; }).join(','); announcementText.forEach((text) => { text.innerHTML = textDom; }); } // 创建公告栏dom createAnnouncementDom_() { const isHero = /Hero/.test(THEME_NAME); const isEva = /Eva/.test(THEME_NAME); const headerEl = document.querySelector('[data-section-type="header"]'); const headerSticky = headerEl && SPZCore.Dom.computedStyle(this.win, headerEl).position === 'sticky'; // 创建滚动的底部公告栏 const announcementBottomContainer = document.createElement('div'); announcementBottomContainer.className = 'announcement__container_bottom bootstrap'; document.body.appendChild(announcementBottomContainer); // 创建固定的底部公告栏 const announcementBottomSticky = document.createElement('ljs-sticky'); announcementBottomSticky.className = 'announcement__container_bottom-sticky'; announcementBottomSticky.setAttribute('layout', 'container'); announcementBottomSticky.setAttribute('position', 'bottom'); announcementBottomSticky.style.position = 'fixed'; announcementBottomSticky.style.bottom = '0'; announcementBottomSticky.style.left = '0'; announcementBottomSticky.style.right = '0'; announcementBottomSticky.style.zIndex = '1030'; document.body.appendChild(announcementBottomSticky); const announcementTopContainer = document.createElement('div'); announcementTopContainer.classList.add('announcement__container_top'); if (isHero) { announcementTopContainer.classList.add('announcement__container_top_zIndex_1030'); } announcementTopContainer.classList.add('bootstrap'); document.body.insertBefore(announcementTopContainer, document.body.children[0]); const announcementTopFixedContainer = document.createElement('div'); announcementTopFixedContainer.classList.add('announcement__container_top-fixed'); if (isHero) { announcementTopFixedContainer.classList.add('announcement__container_top_zIndex_1030'); } announcementTopFixedContainer.classList.add('bootstrap'); const insertBeforeElement = headerSticky ? headerEl : document.body; insertBeforeElement.insertBefore(announcementTopFixedContainer, insertBeforeElement.children[0]); if (isEva) { const evaHeader = document.querySelector('header.header'); const isEvaMaskHeader = evaHeader && SPZCore.Dom.computedStyle(this.win, evaHeader).position === 'absolute'; let fixedBannerTopContainer = document.querySelector('.announcement__container_top-fixed'); if (isEvaMaskHeader) { if (fixedBannerTopContainer) { fixedBannerTopContainer.remove(); } const newBanner = document.createElement('div'); newBanner.className = 'announcement__container_top-fixed bootstrap'; document.body.insertBefore(newBanner, document.body.firstChild); fixedBannerTopContainer = newBanner; } else { if (!headerEl) return; const observer = new MutationObserver(() => { const isSticky = SPZCore.Dom.computedStyle(this.win, headerEl).position === 'sticky'; if (!isSticky) return; const isTopFixedAnnouncementInHeader = headerEl.querySelector('.announcement__container_top-fixed'); if (isTopFixedAnnouncementInHeader) return; const announcementTopFixedContainer = document.querySelector('.announcement__container_top-fixed'); if (announcementTopFixedContainer) { announcementTopFixedContainer.remove(); headerEl.insertBefore(announcementTopFixedContainer, headerEl.children[0]); observer.disconnect(); } }); observer.observe(headerEl, { attributes: true, attributeFilter: ['style', 'class'] }); } if (headerSticky && !isEvaMaskHeader && fixedBannerTopContainer) { fixedBannerTopContainer.style.position = 'relative'; fixedBannerTopContainer.style.zIndex = '29'; } } } // 展示公告栏 showAnnouncement_(item) { const announcement = document.querySelector(`#announcement-${item.id}`); const announcementBottomContainer = document.querySelector('.announcement__container_bottom'); const announcementBottomSticky = document.querySelector('.announcement__container_bottom-sticky'); const announcementTopContainer = document.querySelector('.announcement__container_top'); const announcementTopFixedContainer = document.querySelector('.announcement__container_top-fixed'); const isPC = this.viewport_.getWidth() >= 960; const isMobile = this.viewport_.getWidth() < 960; const isMatchPCDevice = item.device === DISPLAY_DEVICE.PC_AND_MOBILE || item.device === DISPLAY_DEVICE.PC; const isMatchMobileDevice = item.device == DISPLAY_DEVICE.PC_AND_MOBILE || item.device === DISPLAY_DEVICE.MOBILE; if((isPC && isMatchPCDevice) || (isMobile && isMatchMobileDevice)) { if (item.position === POSITION.BOTTOM) { if(item.mode === MODE.FIXED) { announcementBottomSticky && announcementBottomSticky.appendChild(announcement); } else { announcementBottomContainer && announcementBottomContainer.appendChild(announcement); } } else { if (item.mode === MODE.FIXED) { announcementTopFixedContainer && announcementTopFixedContainer.appendChild(announcement); } else { announcementTopContainer && announcementTopContainer.appendChild(announcement); } } this.reportData({ placement_id: item.id, event: REPORT_EVENT.IMPRESSION }); } } // 处理主题兼容 handleThemeCompatibility_() { try { const isBoost = /Boost/.test(THEME_NAME); const isHyde = /Hyde/.test(THEME_NAME); const isEva = /Eva/.test(THEME_NAME); const boostHeader = document.querySelector('.boost-header'); const fixedBannerTopContainer = document.querySelector('.announcement__container_top-fixed'); const notFixedBannerTopContainer = document.querySelector('.announcement__container_top'); const headerEl = document.querySelector('[data-section-type="header"]'); const headerSticky = headerEl && SPZCore.Dom.computedStyle(this.win, headerEl).position === 'sticky'; const header = document.querySelector('.header__fixed') || document.querySelector('.header__wrapper'); const headerFixed = header && SPZCore.Dom.computedStyle(this.win, header).position === 'fixed'; const handleScroll = SPZCore.Types.throttle(this.win, () => { if (isHyde) { if (header && headerSticky) { header.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } else { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } } if (isEva) { const evaHeader = document.querySelector('header.header'); const isEvaMaskHeader = evaHeader && SPZCore.Dom.computedStyle(this.win, evaHeader).position === 'absolute'; if (!isEvaMaskHeader) return; if (evaHeader.classList.contains('header__fixed')) { evaHeader.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } else { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } if(document.documentElement.scrollTop === 0) { evaHeader.style.marginTop = '0'; } } if (headerSticky) return; if (headerFixed) { header.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } else { const observer = new MutationObserver((mutationsList, observer) => { for (const mutation of mutationsList) { if (mutation.type === 'childList' && fixedBannerTopContainer.childElementCount > 0) { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; observer.disconnect(); // 停止观察 break; } } }); // 开始观察 fixedBannerTopContainer 的子节点变化 observer.observe(fixedBannerTopContainer, { childList: true, subtree: true }); // 初始检查 if (fixedBannerTopContainer.childElementCount > 0) { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } if(header) { header.style.marginTop = '0'; } } if (isBoost) { fixedBannerTopContainer.style.zIndex = '1031'; if (boostHeader && boostHeader.classList.contains('header__fixed')) { boostHeader.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } else { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } } }, 16); window.addEventListener('scroll', handleScroll); window.dispatchEvent(new Event('scroll')); } catch (error) { console.error('error', error); } } // 上报数据 async reportData(data) { // 如果是主题编辑器则不用处理 if(window.top !== window.self) { return; } this.xhr_.fetchJson(API.REPORT, { method: "POST", body: { placement_id: data.placement_id, event: data.event } }); } // 监听购物车变化事件dj.cartChange listenCartChange_() { SPZUtils.Event.listen(document, 'dj.cartChange', (event) => { this.fetchData_('cartChange'); }); } setupAction_() { this.registerAction('handleClose', (invocation) => { const data = invocation.args; const id = data.id; const announcement = document.querySelector(`#announcement-${id}`); announcement && SPZCore.Dom.removeElement(announcement); window.dispatchEvent(new Event('scroll')); }); this.registerAction('handleJumpLink', (invocation) => { const data = invocation.args; if(!data.show_url) return; data.url && window.open(data.url, data.open_new_window ? '_blank' : '_self'); this.reportData({ placement_id: data.id, event: REPORT_EVENT.CLICK }); }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomAnnouncement);

const TAG = "spz-custom-popup"; const DISPLAY_TYPE = { POPUP: "PTT_POPUP" // 弹窗 }; const API = { LIST: `/api/storefront/promotion/placement/list`, // 获取弹窗列表 REPORT: `/api/storefront/promotion/placement/data/report` // 上报数据 }; const DISPLAY_DEVICE = { PC_AND_MOBILE: "PD_PC_MOBILE", // PC和移动端 PC: "PD_PC", // PC MOBILE: "PD_MOBILE" // 移动端 }; const REPORT_EVENT = { CLICK: "PE_CLICK", // 点击事件 IMPRESSION: "PE_IMPRESSION" // 曝光事件 }; class SpzCustomPopup extends SPZ.BaseElement { constructor(element) { super(element); this.popupList_ = []; // 弹窗数据 this.popupZIndex = 1050; // 弹窗层级 // 节流处理每5s内多次点击算一次点击上报 this.throttleReport = this.win.SPZCore.Types.throttle( this.win, (data) => { this.reportData(data) }, 5000 ) } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.fetchData_(); } // 接口请求，获取数据 fetchData_() { const id = window.SHOPLAZZA.meta.page.template_type === 51 ? window.SHOPLAZZA.meta.page.resource_id : 0; return this.xhr_.fetchJson(API.LIST, { method: 'POST', body: { page_id: window.SHOPLAZZA.meta.page.template_type, placement_type: DISPLAY_TYPE.POPUP, discount_id: id } }).then((res) => { // 请求成功执行render this.doRender_(res.list); }).catch((err) => { console.error(err); }); } // 渲染dom doRender_(data) { this.popupList_ = data || []; if (this.popupList_.length > 0) { this.popupList_.forEach((item) => { item.config = JSON.parse(item.config); }) } return this.templates_ .findAndRenderTemplate(this.element, { list: this.popupList_ }) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); this.element.appendChild(el); }) .then(() => { // 遍历显示弹窗 this.popupList_.forEach((item) => { this.showPopup_(item); }); }) } showPopup_(popup) { // 展示弹窗符合展示条件的弹窗 const $popup = document.querySelector(`#popup-${popup.id}`); $popup && SPZ.whenApiDefined($popup).then((api)=> { const isPC = this.viewport_.getWidth() >= 960; const isMobile = this.viewport_.getWidth() < 960; const isMatchPCDevice = popup.device === DISPLAY_DEVICE.PC_AND_MOBILE || popup.device === DISPLAY_DEVICE.PC; const isMatchMobileDevice = popup.device == DISPLAY_DEVICE.PC_AND_MOBILE || popup.device === DISPLAY_DEVICE.MOBILE; if((isPC && isMatchPCDevice) || (isMobile && isMatchMobileDevice)) { // 根据推送时间延迟展示弹窗 setTimeout(() => { api.open(); }, popup.delay_seconds * 1000); } }) } // 上报数据 async reportData(data) { this.xhr_.fetchJson(API.REPORT, { method: "POST", body: { placement_id: data.placement_id, event: data.event } }); } setupAction_() { this.registerAction('handleTrack', async(invocation) => { // 如果是主题编辑器则不用处理 if(window.top !== window.self) { return; } const data = invocation.args; const event = data.event; // 点击上报节流处理 if(event === REPORT_EVENT.CLICK) { await this.throttleReport(data); } else { this.reportData(data); } }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomPopup);