pb-sxp-ui 1.15.13-alpha.1 → 1.15.13-alpha.3
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 +356 -48
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +354 -46
- 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 +356 -48
- 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/core/components/DiyStoryPreview/VideoWidget.js +5 -2
- package/es/core/components/DiyStoryPreview/index.d.ts +3 -0
- package/es/core/components/DiyStoryPreview/index.js +288 -22
- package/es/core/components/SxpPageCore/index.d.ts +1 -0
- package/es/core/components/SxpPageCore/index.js +3 -3
- package/es/core/components/SxpPageRender/ExpandableText.js +10 -2
- package/es/core/components/SxpPageRender/RenderCard.js +4 -4
- package/es/core/context/SxpDataSourceProvider.js +3 -3
- package/es/materials/sxp/template/MultiCommodity/index.js +1 -1
- package/es/materials/sxp/template/MultiCommodityDiro/index.js +2 -1
- package/es/materials/sxp/template/MultiCommodityDiroNew/index.js +2 -1
- package/es/materials/sxp/template/components/EventProvider.js +2 -2
- package/lib/core/components/DiyStoryPreview/VideoWidget.js +5 -2
- package/lib/core/components/DiyStoryPreview/index.d.ts +3 -0
- package/lib/core/components/DiyStoryPreview/index.js +287 -21
- package/lib/core/components/SxpPageCore/index.d.ts +1 -0
- package/lib/core/components/SxpPageCore/index.js +3 -3
- package/lib/core/components/SxpPageRender/ExpandableText.js +10 -2
- package/lib/core/components/SxpPageRender/RenderCard.js +4 -4
- package/lib/core/context/SxpDataSourceProvider.js +3 -3
- package/lib/materials/sxp/template/MultiCommodity/index.js +1 -1
- package/lib/materials/sxp/template/MultiCommodityDiro/index.js +2 -1
- package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js +2 -1
- package/lib/materials/sxp/template/components/EventProvider.js +2 -2
- package/package.json +1 -1
|
@@ -6,15 +6,16 @@ const react_1 = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_2 = require("swiper/react");
|
|
7
7
|
const Scroll_1 = tslib_1.__importDefault(require("../components/Scroll"));
|
|
8
8
|
const Img_1 = tslib_1.__importDefault(require("../components/Img"));
|
|
9
|
+
const EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
|
|
9
10
|
const index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
|
|
10
11
|
const hooks_1 = require("../../../../core/hooks");
|
|
11
12
|
const tool_1 = require("../../../../core/utils/tool");
|
|
12
|
-
const EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
|
|
13
13
|
const MultiCommodityDiroNew = (_a) => {
|
|
14
14
|
var _b, _c;
|
|
15
15
|
var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive, index } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive", "index"]);
|
|
16
16
|
const { sxpParameter } = (0, hooks_1.useSxpDataSource)();
|
|
17
17
|
const [products] = (0, react_1.useState)((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
|
|
18
|
+
console.log(recData, '333');
|
|
18
19
|
return (react_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
19
20
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
20
21
|
return (react_1.default.createElement(react_1.default.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (react_1.default.createElement(react_2.SwiperSlide, { key: itemIndex, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
@@ -15,7 +15,7 @@ const EventProvider = (_a) => {
|
|
|
15
15
|
const handleClick = (0, lodash_1.throttle)((e) => {
|
|
16
16
|
var _a, _b, _c, _d, _e, _f;
|
|
17
17
|
e.preventDefault();
|
|
18
|
-
const item = multItem
|
|
18
|
+
const item = multItem || ((_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProduct) !== null && _b !== void 0 ? _b : rec === null || rec === void 0 ? void 0 : rec.video);
|
|
19
19
|
ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
|
|
20
20
|
eventSubject: 'clickCta',
|
|
21
21
|
eventDescription: 'User clicked the CTA'
|
|
@@ -42,6 +42,6 @@ const EventProvider = (_a) => {
|
|
|
42
42
|
setElement(null);
|
|
43
43
|
}
|
|
44
44
|
}, [element, popup]);
|
|
45
|
-
return (react_1.default.createElement("button", { ref: ref, className: className, style: Object.assign({ display: 'flex', alignItems: 'normal' }, style), onClick: handleClick, role: 'button', "aria-label": 'CTA', tabIndex: 0 }, children));
|
|
45
|
+
return (react_1.default.createElement("button", { ref: ref, className: className, style: Object.assign({ outline: 'none', border: 'none', boxSizing: 'content-box', padding: 0, background: 'transparent', display: 'flex', alignItems: 'normal' }, style), onClick: handleClick, role: 'button', "aria-label": 'CTA', tabIndex: 0 }, children));
|
|
46
46
|
};
|
|
47
47
|
exports.default = (0, react_1.memo)(EventProvider);
|