pb-sxp-ui 1.20.21 → 1.20.22

package/dist/index.cjs

@@ -11861,8 +11861,18 @@ const CommodityDetail$1 = (_a) => {
     };
     const renderBtn = () => {
         var _a, _b;
+        const handleBtnClick = (e) => {
+            console.log('[CommodityDetail] Shop Now 按钮被点击', {
+                product,
+                cta,
+                enableAddToCart,
+                addToCartPopupId,
+                productLink: product === null || product === void 0 ? void 0 : product.link
+            });
+            handleLink(e);
+        };
         return (React.createElement(React.Fragment, null,
-            React.createElement("a", { "aria-label": (_a = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _a !== void 0 ? _a : 'Purchase on Website', role: 'button', tabIndex: 0, onClick: handleLink, className: 'pb-commondity-btn', style: buttonStyle },
+            React.createElement("a", { "aria-label": (_a = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _a !== void 0 ? _a : 'Purchase on Website', role: 'button', tabIndex: 0, onClick: handleBtnClick, onMouseDown: (e) => console.log('[CommodityDetail] mousedown 事件', e), onPointerDown: (e) => console.log('[CommodityDetail] pointerdown 事件', e), className: 'pb-commondity-btn', style: Object.assign(Object.assign({}, buttonStyle), { pointerEvents: 'auto' }) },
                 React.createElement("span", { dangerouslySetInnerHTML: {
                         __html: setFontForText((_b = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _b !== void 0 ? _b : 'Purchase on Website', buttonStyle)
                     } }))));
@@ -11912,7 +11922,7 @@ const CommodityDetail$1 = (_a) => {
     }, []);
     const isAlly = React.useMemo(() => getScreenReader(), []);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
+        React.createElement("div", Object.assign({ className: css.css(Object.assign(Object.assign({}, style), { position: 'relative' })) }, props),
             React.createElement("div", { style: { position: 'relative' }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
                 product && ((_w = product === null || product === void 0 ? void 0 : product.homePage) === null || _w === void 0 ? void 0 : _w.length) > 0 && (React.createElement(Swiper, Object.assign({ height: height, modules: [Pagination, Autoplay, ...(isAlly ? [Navigation, A11y, Mousewheel, Keyboard] : [])], pagination: {
                         clickable: true,
@@ -11978,8 +11988,8 @@ const CommodityDetail$1 = (_a) => {
                     }, onClick: () => setShow3DModal(true) },
                     React.createElement("img", { src: iframeIcon, alt: '3d', width: '72px' })))),
             renderCommodityGroup(),
-            React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))),
-        renderBtn(),
+            React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost })),
+            renderBtn()),
         React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) },
             React.createElement("div", { style: { paddingTop: '34px', paddingBottom: '80px' } }, renderContent({ isPost: false })),
             renderBtn()),