pb-sxp-ui 1.20.21 → 1.20.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +14 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +14 -4
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +6 -6
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +6 -6
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +14 -4
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +6 -6
- package/dist/pb-ui.min.js.map +1 -1
- package/es/materials/sxp/popup/CommodityDetail/index.js +14 -4
- package/lib/materials/sxp/popup/CommodityDetail/index.js +14 -4
- package/package.json +1 -1
package/dist/pb-ui.js
CHANGED
|
@@ -11854,8 +11854,18 @@
|
|
|
11854
11854
|
};
|
|
11855
11855
|
const renderBtn = () => {
|
|
11856
11856
|
var _a, _b;
|
|
11857
|
+
const handleBtnClick = (e) => {
|
|
11858
|
+
console.log('[CommodityDetail] Shop Now 按钮被点击', {
|
|
11859
|
+
product,
|
|
11860
|
+
cta,
|
|
11861
|
+
enableAddToCart,
|
|
11862
|
+
addToCartPopupId,
|
|
11863
|
+
productLink: product === null || product === void 0 ? void 0 : product.link
|
|
11864
|
+
});
|
|
11865
|
+
handleLink(e);
|
|
11866
|
+
};
|
|
11857
11867
|
return (React.createElement(React.Fragment, null,
|
|
11858
|
-
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:
|
|
11868
|
+
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' }) },
|
|
11859
11869
|
React.createElement("span", { dangerouslySetInnerHTML: {
|
|
11860
11870
|
__html: setFontForText((_b = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _b !== void 0 ? _b : 'Purchase on Website', buttonStyle)
|
|
11861
11871
|
} }))));
|
|
@@ -11905,7 +11915,7 @@
|
|
|
11905
11915
|
}, []);
|
|
11906
11916
|
const isAlly = React.useMemo(() => getScreenReader(), []);
|
|
11907
11917
|
return (React.createElement(React.Fragment, null,
|
|
11908
|
-
React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
|
|
11918
|
+
React.createElement("div", Object.assign({ className: css.css(Object.assign(Object.assign({}, style), { position: 'relative' })) }, props),
|
|
11909
11919
|
React.createElement("div", { style: { position: 'relative' }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
|
|
11910
11920
|
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: {
|
|
11911
11921
|
clickable: true,
|
|
@@ -11971,8 +11981,8 @@
|
|
|
11971
11981
|
}, onClick: () => setShow3DModal(true) },
|
|
11972
11982
|
React.createElement("img", { src: iframeIcon, alt: '3d', width: '72px' })))),
|
|
11973
11983
|
renderCommodityGroup(),
|
|
11974
|
-
React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))
|
|
11975
|
-
|
|
11984
|
+
React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost })),
|
|
11985
|
+
renderBtn()),
|
|
11976
11986
|
React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) },
|
|
11977
11987
|
React.createElement("div", { style: { paddingTop: '34px', paddingBottom: '80px' } }, renderContent({ isPost: false })),
|
|
11978
11988
|
renderBtn()),
|