pb-sxp-ui 1.20.21 → 1.20.24

package/dist/index.cjs

@@ -11682,6 +11682,7 @@ const getPriceText = ({ product, enableFormattedPrice, globalConfig, isHiddenDef
 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);
@@ -11861,9 +11862,30 @@ 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);
+        };
+        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)
                     } }))));
     };
@@ -11912,7 +11934,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 +12000,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()),