pb-sxp-ui 1.20.21 → 1.20.24

package/dist/pb-ui.js

@@ -11675,6 +11675,7 @@
     const CommodityDetail$1 = (_a) => {
         var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
         var { content, style, bgImg, onClick, schema, isDefault, bottom_image, tipText, isPost, viewTime, rec, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel, iframeBgColor, isActive = true, enableAddToCart = false, addToCartPopupId = '' } = _a, props = __rest(_a, ["content", "style", "bgImg", "onClick", "schema", "isDefault", "bottom_image", "tipText", "isPost", "viewTime", "rec", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel", "iframeBgColor", "isActive", "enableAddToCart", "addToCartPopupId"]);
+        console.log('[CommodityDetail] 组件已加载 - 版本 v1.20.23', { enableAddToCart, addToCartPopupId, isPost });
         const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef, globalConfig, ctaEvent, setPopupDetailData } = useSxpDataSource();
         const { jumpToWeb, productView } = useEventReport();
         const curTimeRef = React.useRef(null);
@@ -11854,9 +11855,30 @@
         };
         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);
+            };
+            console.log('[CommodityDetail] renderBtn 被调用', {
+                ctaTitle: cta === null || cta === void 0 ? void 0 : cta.enTitle,
+                buttonStyle
+            });
             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("span", { dangerouslySetInnerHTML: {
+                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);
+                        e.stopPropagation();
+                    }, onPointerDown: (e) => {
+                        console.log('[CommodityDetail] pointerdown 事件触发!!!', e);
+                    }, onTouchStart: (e) => {
+                        console.log('[CommodityDetail] touchstart 事件触发!!!', e);
+                    }, className: 'pb-commondity-btn', style: Object.assign(Object.assign({}, buttonStyle), { pointerEvents: 'auto', touchAction: 'manipulation' }) },
+                    React.createElement("span", { style: { pointerEvents: 'none' }, dangerouslySetInnerHTML: {
                             __html: setFontForText((_b = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _b !== void 0 ? _b : 'Purchase on Website', buttonStyle)
                         } }))));
         };
@@ -11905,7 +11927,7 @@
         }, []);
         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,
@@ -11971,8 +11993,8 @@
                         }, 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()),