pb-sxp-ui 1.17.0-alpha → 1.17.1
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 +147 -132
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +7 -15
- package/dist/index.js +147 -132
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +4 -4
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +4 -4
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +147 -132
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +4 -4
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/ExpandableText.js +2 -2
- package/es/core/components/SxpPageRender/RenderCard.js +1 -1
- package/es/materials/sxp/consentPopup/Display/index.js +1 -1
- package/es/materials/sxp/cta/AniLinkPopup/material.js +3 -2
- package/es/materials/sxp/popup/CommodityDetail/material.js +2 -1
- package/es/materials/sxp/popup/CommodityList/index.js +5 -4
- package/es/materials/sxp/popup/CommodityList/material.js +1 -1
- package/es/materials/sxp/popup/CommodityList/settingRender.js +1 -1
- package/es/materials/sxp/template/Appoint/material.js +2 -1
- package/es/materials/sxp/template/Commodity/material.js +3 -2
- package/es/materials/sxp/template/CommodityDiro/material.js +3 -2
- package/es/materials/sxp/template/CommodityDiroNew/material.js +4 -2
- package/es/materials/sxp/template/Link/material.js +4 -2
- package/es/materials/sxp/template/MultiCommodity/index.js +1 -1
- package/es/materials/sxp/template/MultiCommodity/material.js +2 -1
- package/es/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
- package/es/materials/sxp/template/MultiCommodityDiro/material.js +3 -2
- package/es/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
- package/es/materials/sxp/template/MultiCommodityDiroNew/material.js +4 -2
- package/es/materials/sxp/template/NineCommodity/material.js +3 -2
- package/es/materials/sxp/template/components/CommodityGroup.js +1 -1
- package/es/materials/sxp/template/components/settingRender.js +1 -1
- package/lib/core/components/SxpPageRender/ExpandableText.js +2 -2
- package/lib/core/components/SxpPageRender/RenderCard.js +1 -1
- package/lib/materials/sxp/consentPopup/Display/index.js +1 -1
- package/lib/materials/sxp/cta/AniLinkPopup/material.js +2 -1
- package/lib/materials/sxp/popup/CommodityDetail/material.js +2 -1
- package/lib/materials/sxp/popup/CommodityList/index.js +5 -4
- package/lib/materials/sxp/popup/CommodityList/material.js +1 -1
- package/lib/materials/sxp/popup/CommodityList/settingRender.js +1 -1
- package/lib/materials/sxp/template/Appoint/material.js +2 -1
- package/lib/materials/sxp/template/Commodity/material.js +3 -2
- package/lib/materials/sxp/template/CommodityDiro/material.js +3 -2
- package/lib/materials/sxp/template/CommodityDiroNew/material.js +4 -2
- package/lib/materials/sxp/template/Link/material.js +4 -2
- package/lib/materials/sxp/template/MultiCommodity/index.js +1 -1
- package/lib/materials/sxp/template/MultiCommodity/material.js +2 -1
- package/lib/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
- package/lib/materials/sxp/template/MultiCommodityDiro/material.js +3 -2
- package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
- package/lib/materials/sxp/template/MultiCommodityDiroNew/material.js +4 -2
- package/lib/materials/sxp/template/NineCommodity/material.js +3 -2
- package/lib/materials/sxp/template/components/CommodityGroup.js +1 -1
- package/lib/materials/sxp/template/components/settingRender.js +1 -1
- package/package.json +1 -1
|
@@ -45,7 +45,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
|
|
|
45
45
|
display: '-webkit-box',
|
|
46
46
|
WebkitBoxOrient: 'vertical'
|
|
47
47
|
})), { wordBreak: 'break-word', textRendering: 'geometricPrecision', fontKerning: 'none', textSizeAdjust: '100%', boxSizing: 'border-box', contain: 'content' }), dangerouslySetInnerHTML: { __html: setFontForText(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), textStyle) } }),
|
|
48
|
-
React.createElement("div", { ref: realRef, style: {
|
|
48
|
+
isPost && (React.createElement("div", { ref: realRef, style: {
|
|
49
49
|
wordBreak: 'break-word',
|
|
50
50
|
textRendering: 'geometricPrecision',
|
|
51
51
|
fontKerning: 'none',
|
|
@@ -56,7 +56,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
|
|
|
56
56
|
opacity: 0,
|
|
57
57
|
clipPath: 'inset(100%)',
|
|
58
58
|
transform: 'translateX(-9999px)'
|
|
59
|
-
}, dangerouslySetInnerHTML: { __html: setFontForText(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), textStyle) } }),
|
|
59
|
+
}, dangerouslySetInnerHTML: { __html: setFontForText(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), textStyle) } })),
|
|
60
60
|
text && isPost && isShow && (React.createElement("button", { "aria-label": isShowMore ? unfoldText || 'show less' : foldText || 'show more', style: { textDecoration: 'underline', cursor: 'pointer' }, onClick: onClick !== null && onClick !== void 0 ? onClick : handleClick, dangerouslySetInnerHTML: {
|
|
61
61
|
__html: setFontForText(isShowMore ? unfoldText || 'show less' : foldText || 'show more', textStyle)
|
|
62
62
|
} }))));
|
|
@@ -31,7 +31,7 @@ const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive,
|
|
|
31
31
|
const sbf = style.backdropFilter;
|
|
32
32
|
style.backdropFilter = `blur(${sbf !== null && sbf !== void 0 ? sbf : 0}px)`;
|
|
33
33
|
}
|
|
34
|
-
return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50,
|
|
34
|
+
return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index, isActive: isActive })));
|
|
35
35
|
}
|
|
36
36
|
else {
|
|
37
37
|
return null;
|
|
@@ -26,7 +26,7 @@ const Display = (_a) => {
|
|
|
26
26
|
React.createElement("span", { style: content === null || content === void 0 ? void 0 : content.style, dangerouslySetInnerHTML: {
|
|
27
27
|
__html: setFontForText((_b = content === null || content === void 0 ? void 0 : content.text) === null || _b === void 0 ? void 0 : _b.replace(/\n/g, '</br>'), content === null || content === void 0 ? void 0 : content.style)
|
|
28
28
|
} }),
|
|
29
|
-
React.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), {
|
|
29
|
+
React.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginLeft: '5px' }), dangerouslySetInnerHTML: {
|
|
30
30
|
__html: setFontForText((_c = interaction === null || interaction === void 0 ? void 0 : interaction.text) === null || _c === void 0 ? void 0 : _c.replace(/\n/g, '</br>'), interaction === null || interaction === void 0 ? void 0 : interaction.style)
|
|
31
31
|
}, onClick: handleClick })),
|
|
32
32
|
isShowClose && (React.createElement("button", { "aria-label": 'close', className: 'consentPopupDisplay-close', onClick: handleClickClose },
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import settingRender from './settingRender';
|
|
2
|
-
import interactionRender from './interactionRender';
|
|
3
2
|
import AniLinkPopupComponent from '.';
|
|
4
3
|
import { createMaterial } from '../../../../core/create';
|
|
4
|
+
import interactionRender from './interactionRender';
|
|
5
5
|
const AniLinkPopup = createMaterial(AniLinkPopupComponent, {
|
|
6
6
|
displayName: '竖版弹窗CTA',
|
|
7
7
|
icon: '',
|
|
8
8
|
category: 'cta',
|
|
9
9
|
type: 'AniLinkPopup',
|
|
10
10
|
related: {
|
|
11
|
-
settingRender,
|
|
11
|
+
settingRender: settingRender,
|
|
12
12
|
bindableProps: [],
|
|
13
13
|
interactionRender
|
|
14
14
|
},
|
|
@@ -24,6 +24,7 @@ const AniLinkPopup = createMaterial(AniLinkPopupComponent, {
|
|
|
24
24
|
title: {
|
|
25
25
|
fontSize: 14,
|
|
26
26
|
color: '#000',
|
|
27
|
+
textAlign: 'left',
|
|
27
28
|
lineHeight: 2.6
|
|
28
29
|
},
|
|
29
30
|
ctaTitle: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import settingRender from './settingRender';
|
|
2
|
-
import interactionRender from './interactionRender';
|
|
3
2
|
import CommodityDetailComponent from '.';
|
|
4
3
|
import { createMaterial } from '../../../../core/create';
|
|
4
|
+
import interactionRender from './interactionRender';
|
|
5
5
|
const CommodityDetail = createMaterial(CommodityDetailComponent, {
|
|
6
6
|
displayName: '商品详情',
|
|
7
7
|
icon: '',
|
|
@@ -40,6 +40,7 @@ const CommodityDetail = createMaterial(CommodityDetailComponent, {
|
|
|
40
40
|
taxInfo: {
|
|
41
41
|
color: '#000',
|
|
42
42
|
fontSize: 13,
|
|
43
|
+
textAlign: 'left',
|
|
43
44
|
marginBottom: '10px'
|
|
44
45
|
}
|
|
45
46
|
},
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import { css } from '@emotion/css';
|
|
3
3
|
import React, { memo, useCallback, useEffect } from 'react';
|
|
4
|
-
import { throttle } from 'lodash';
|
|
5
|
-
import Img from '../../template/components/Img';
|
|
6
4
|
import { useEditor, useSxpDataSource } from '../../../../core/hooks';
|
|
7
5
|
import './index.less';
|
|
8
6
|
import { useEventReport } from '../../../../core/hooks/useEventReport';
|
|
9
7
|
import { setFontForText } from '../../../../core/utils/tool';
|
|
8
|
+
import Img from '../../template/components/Img';
|
|
9
|
+
import { throttle } from 'lodash';
|
|
10
10
|
import { getPriceText } from '../../../../core/utils/materials';
|
|
11
11
|
const CommodityList = (_a) => {
|
|
12
12
|
var _b, _c, _d;
|
|
@@ -53,11 +53,12 @@ const CommodityList = (_a) => {
|
|
|
53
53
|
React.createElement("button", Object.assign({ role: 'button', "aria-label": item === null || item === void 0 ? void 0 : item.title, tabIndex: 0, className: css({
|
|
54
54
|
display: 'flex',
|
|
55
55
|
alignItems: 'normal',
|
|
56
|
-
width: '100%'
|
|
56
|
+
width: '100%',
|
|
57
|
+
textAlign: 'left'
|
|
57
58
|
}) }, props),
|
|
58
59
|
React.createElement(Img, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: commodityPicture, enableEventReport: false }),
|
|
59
60
|
React.createElement("div", { style: {
|
|
60
|
-
width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.
|
|
61
|
+
width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginRight) !== null && _f !== void 0 ? _f : 0}px)`,
|
|
61
62
|
display: 'flex',
|
|
62
63
|
flexDirection: 'column',
|
|
63
64
|
justifyContent: 'space-between'
|
|
@@ -19,11 +19,12 @@ const Appoint = createMaterial(AppointComponent, {
|
|
|
19
19
|
borderRadius: 3,
|
|
20
20
|
width: 30,
|
|
21
21
|
height: 30,
|
|
22
|
-
|
|
22
|
+
marginRight: 8
|
|
23
23
|
},
|
|
24
24
|
ctaTitle: {
|
|
25
25
|
fontSize: 12,
|
|
26
26
|
color: '#fff',
|
|
27
|
+
textAlign: 'left',
|
|
27
28
|
width: 130,
|
|
28
29
|
height: 20
|
|
29
30
|
}
|
|
@@ -19,11 +19,12 @@ const Commodity = createMaterial(CommodityComponent, {
|
|
|
19
19
|
borderRadius: 3,
|
|
20
20
|
width: 60,
|
|
21
21
|
height: 60,
|
|
22
|
-
|
|
22
|
+
marginRight: 8
|
|
23
23
|
},
|
|
24
24
|
title: {
|
|
25
25
|
fontSize: 12,
|
|
26
|
-
color: '#fff'
|
|
26
|
+
color: '#fff',
|
|
27
|
+
textAlign: 'left'
|
|
27
28
|
},
|
|
28
29
|
ctaTitle: {
|
|
29
30
|
fontSize: 10,
|
|
@@ -19,11 +19,12 @@ const CommodityDiro = createMaterial(CommodityDiroComponent, {
|
|
|
19
19
|
borderRadius: 3,
|
|
20
20
|
width: 60,
|
|
21
21
|
height: 60,
|
|
22
|
-
|
|
22
|
+
marginRight: 8
|
|
23
23
|
},
|
|
24
24
|
title: {
|
|
25
25
|
fontSize: 12,
|
|
26
|
-
color: '#000'
|
|
26
|
+
color: '#000',
|
|
27
|
+
textAlign: 'left'
|
|
27
28
|
},
|
|
28
29
|
ctaTitle: {
|
|
29
30
|
fontSize: 10,
|
|
@@ -19,17 +19,19 @@ const CommodityDiroNew = createMaterial(CommodityDiroNewComponent, {
|
|
|
19
19
|
borderRadius: 8,
|
|
20
20
|
width: 78,
|
|
21
21
|
height: 78,
|
|
22
|
-
|
|
22
|
+
marginRight: 16
|
|
23
23
|
},
|
|
24
24
|
title: {
|
|
25
25
|
fontSize: 13,
|
|
26
|
-
color: '#000'
|
|
26
|
+
color: '#000',
|
|
27
|
+
textAlign: 'left'
|
|
27
28
|
},
|
|
28
29
|
ctaTitle: {
|
|
29
30
|
textDecoration: 'underline',
|
|
30
31
|
fontSize: 14,
|
|
31
32
|
fontWeight: 'bold',
|
|
32
33
|
color: '#000',
|
|
34
|
+
textAlign: 'left',
|
|
33
35
|
width: 150,
|
|
34
36
|
height: 20
|
|
35
37
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var _a;
|
|
2
2
|
import settingRender from '../components/settingRender';
|
|
3
3
|
import linkSettingRender from './settingRender';
|
|
4
|
-
import interactionRender from './interactionRender';
|
|
5
4
|
import LinkComponent from '.';
|
|
6
5
|
import { createMaterial } from '../../../../core/create';
|
|
6
|
+
import interactionRender from './interactionRender';
|
|
7
7
|
const Link = createMaterial(LinkComponent, {
|
|
8
8
|
displayName: '普通CTA',
|
|
9
9
|
icon: '',
|
|
@@ -21,17 +21,19 @@ const Link = createMaterial(LinkComponent, {
|
|
|
21
21
|
borderRadius: 3,
|
|
22
22
|
width: 60,
|
|
23
23
|
height: 60,
|
|
24
|
-
|
|
24
|
+
marginRight: 8
|
|
25
25
|
},
|
|
26
26
|
ctaTitle: {
|
|
27
27
|
fontSize: 12,
|
|
28
28
|
color: '#fff',
|
|
29
|
+
textAlign: 'left',
|
|
29
30
|
width: 130,
|
|
30
31
|
height: 20
|
|
31
32
|
}
|
|
32
33
|
},
|
|
33
34
|
customTitle: {
|
|
34
35
|
style: {
|
|
36
|
+
textAlign: 'left',
|
|
35
37
|
textDecoration: 'underline',
|
|
36
38
|
fontWeight: 'bold',
|
|
37
39
|
width: 130,
|
|
@@ -15,7 +15,7 @@ const MultiCommodity = (_a) => {
|
|
|
15
15
|
const [products] = 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]);
|
|
16
16
|
return (React.createElement(Scroll, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
17
17
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
18
|
-
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0,
|
|
18
|
+
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
19
19
|
React.createElement(EventProvider, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
|
|
20
20
|
React.createElement(Img, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
|
|
21
21
|
React.createElement("div", { className: css({
|
|
@@ -19,11 +19,12 @@ const MultiCommodity = createMaterial(MultiCommodityComponent, {
|
|
|
19
19
|
borderRadius: 3,
|
|
20
20
|
width: 60,
|
|
21
21
|
height: 60,
|
|
22
|
-
|
|
22
|
+
marginRight: 8
|
|
23
23
|
},
|
|
24
24
|
title: {
|
|
25
25
|
fontSize: 12,
|
|
26
26
|
color: '#fff',
|
|
27
|
+
textAlign: 'left'
|
|
27
28
|
},
|
|
28
29
|
ctaTitle: {
|
|
29
30
|
fontSize: 10,
|
|
@@ -15,7 +15,7 @@ const MultiCommodityDiro = (_a) => {
|
|
|
15
15
|
const [products] = 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]);
|
|
16
16
|
return (React.createElement(Scroll, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
17
17
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
18
|
-
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0,
|
|
18
|
+
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
19
19
|
React.createElement(EventProvider, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
|
|
20
20
|
React.createElement(Img, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
|
|
21
21
|
React.createElement("div", { className: css({
|
|
@@ -19,11 +19,12 @@ const MultiCommodityDiro = createMaterial(MultiCommodityDiroComponent, {
|
|
|
19
19
|
borderRadius: 3,
|
|
20
20
|
width: 60,
|
|
21
21
|
height: 60,
|
|
22
|
-
|
|
22
|
+
marginRight: 8
|
|
23
23
|
},
|
|
24
24
|
title: {
|
|
25
25
|
fontSize: 12,
|
|
26
|
-
color: '#000'
|
|
26
|
+
color: '#000',
|
|
27
|
+
textAlign: 'left'
|
|
27
28
|
},
|
|
28
29
|
ctaTitle: {
|
|
29
30
|
fontSize: 10,
|
|
@@ -15,7 +15,7 @@ const MultiCommodityDiroNew = (_a) => {
|
|
|
15
15
|
const [products] = 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]);
|
|
16
16
|
return (React.createElement(Scroll, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
|
17
17
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
18
|
-
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0,
|
|
18
|
+
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
|
19
19
|
React.createElement(EventProvider, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
|
|
20
20
|
React.createElement(Img, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
|
|
21
21
|
React.createElement("div", { className: css({
|
|
@@ -19,17 +19,19 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
|
|
|
19
19
|
borderRadius: 8,
|
|
20
20
|
width: 78,
|
|
21
21
|
height: 78,
|
|
22
|
-
|
|
22
|
+
marginRight: 16
|
|
23
23
|
},
|
|
24
24
|
title: {
|
|
25
25
|
fontSize: 12,
|
|
26
|
-
color: '#000'
|
|
26
|
+
color: '#000',
|
|
27
|
+
textAlign: 'left'
|
|
27
28
|
},
|
|
28
29
|
ctaTitle: {
|
|
29
30
|
textDecoration: 'underline',
|
|
30
31
|
fontSize: 12,
|
|
31
32
|
fontWeight: 'bold',
|
|
32
33
|
color: '#000',
|
|
34
|
+
textAlign: 'left',
|
|
33
35
|
width: 150,
|
|
34
36
|
height: 20
|
|
35
37
|
}
|
|
@@ -19,11 +19,12 @@ const NineCommodity = createMaterial(NineCommodityComponent, {
|
|
|
19
19
|
borderRadius: 3,
|
|
20
20
|
width: 60,
|
|
21
21
|
height: 60,
|
|
22
|
-
|
|
22
|
+
marginRight: 8
|
|
23
23
|
},
|
|
24
24
|
title: {
|
|
25
25
|
fontSize: 12,
|
|
26
|
-
color: '#fff'
|
|
26
|
+
color: '#fff',
|
|
27
|
+
textAlign: 'left'
|
|
27
28
|
},
|
|
28
29
|
ctaTitle: {
|
|
29
30
|
fontSize: 10,
|
|
@@ -21,7 +21,7 @@ const CommodityGroup = ({ products, data, defImg, style, onCLick, popupDetailDat
|
|
|
21
21
|
return (React.createElement(React.Fragment, null, (item === null || item === void 0 ? void 0 : item.bindCta) ? (React.createElement(SwiperSlide, { className: css({
|
|
22
22
|
width: '50px',
|
|
23
23
|
height: '50px',
|
|
24
|
-
|
|
24
|
+
marginRight: '10px'
|
|
25
25
|
}), onClick: () => {
|
|
26
26
|
handleClick(item, index);
|
|
27
27
|
}, key: index },
|
|
@@ -47,7 +47,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
|
|
|
47
47
|
display: '-webkit-box',
|
|
48
48
|
WebkitBoxOrient: 'vertical'
|
|
49
49
|
})), { wordBreak: 'break-word', textRendering: 'geometricPrecision', fontKerning: 'none', textSizeAdjust: '100%', boxSizing: 'border-box', contain: 'content' }), dangerouslySetInnerHTML: { __html: (0, tool_1.setFontForText)(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), textStyle) } }),
|
|
50
|
-
react_1.default.createElement("div", { ref: realRef, style: {
|
|
50
|
+
isPost && (react_1.default.createElement("div", { ref: realRef, style: {
|
|
51
51
|
wordBreak: 'break-word',
|
|
52
52
|
textRendering: 'geometricPrecision',
|
|
53
53
|
fontKerning: 'none',
|
|
@@ -58,7 +58,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
|
|
|
58
58
|
opacity: 0,
|
|
59
59
|
clipPath: 'inset(100%)',
|
|
60
60
|
transform: 'translateX(-9999px)'
|
|
61
|
-
}, dangerouslySetInnerHTML: { __html: (0, tool_1.setFontForText)(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), textStyle) } }),
|
|
61
|
+
}, dangerouslySetInnerHTML: { __html: (0, tool_1.setFontForText)(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), textStyle) } })),
|
|
62
62
|
text && isPost && isShow && (react_1.default.createElement("button", { "aria-label": isShowMore ? unfoldText || 'show less' : foldText || 'show more', style: { textDecoration: 'underline', cursor: 'pointer' }, onClick: onClick !== null && onClick !== void 0 ? onClick : handleClick, dangerouslySetInnerHTML: {
|
|
63
63
|
__html: (0, tool_1.setFontForText)(isShowMore ? unfoldText || 'show less' : foldText || 'show more', textStyle)
|
|
64
64
|
} }))));
|
|
@@ -34,7 +34,7 @@ const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive,
|
|
|
34
34
|
const sbf = style.backdropFilter;
|
|
35
35
|
style.backdropFilter = `blur(${sbf !== null && sbf !== void 0 ? sbf : 0}px)`;
|
|
36
36
|
}
|
|
37
|
-
return (react_1.default.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50,
|
|
37
|
+
return (react_1.default.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index, isActive: isActive })));
|
|
38
38
|
}
|
|
39
39
|
else {
|
|
40
40
|
return null;
|
|
@@ -28,7 +28,7 @@ const Display = (_a) => {
|
|
|
28
28
|
react_1.default.createElement("span", { style: content === null || content === void 0 ? void 0 : content.style, dangerouslySetInnerHTML: {
|
|
29
29
|
__html: (0, tool_1.setFontForText)((_b = content === null || content === void 0 ? void 0 : content.text) === null || _b === void 0 ? void 0 : _b.replace(/\n/g, '</br>'), content === null || content === void 0 ? void 0 : content.style)
|
|
30
30
|
} }),
|
|
31
|
-
react_1.default.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), {
|
|
31
|
+
react_1.default.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginLeft: '5px' }), dangerouslySetInnerHTML: {
|
|
32
32
|
__html: (0, tool_1.setFontForText)((_c = interaction === null || interaction === void 0 ? void 0 : interaction.text) === null || _c === void 0 ? void 0 : _c.replace(/\n/g, '</br>'), interaction === null || interaction === void 0 ? void 0 : interaction.style)
|
|
33
33
|
}, onClick: handleClick })),
|
|
34
34
|
isShowClose && (react_1.default.createElement("button", { "aria-label": 'close', className: 'consentPopupDisplay-close', onClick: handleClickClose },
|
|
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.AniLinkPopup = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const settingRender_1 = tslib_1.__importDefault(require("./settingRender"));
|
|
6
|
-
const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
|
|
7
6
|
const _1 = tslib_1.__importDefault(require("."));
|
|
8
7
|
const create_1 = require("../../../../core/create");
|
|
8
|
+
const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
|
|
9
9
|
const AniLinkPopup = (0, create_1.createMaterial)(_1.default, {
|
|
10
10
|
displayName: '竖版弹窗CTA',
|
|
11
11
|
icon: '',
|
|
@@ -28,6 +28,7 @@ const AniLinkPopup = (0, create_1.createMaterial)(_1.default, {
|
|
|
28
28
|
title: {
|
|
29
29
|
fontSize: 14,
|
|
30
30
|
color: '#000',
|
|
31
|
+
textAlign: 'left',
|
|
31
32
|
lineHeight: 2.6
|
|
32
33
|
},
|
|
33
34
|
ctaTitle: {
|
|
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.CommodityDetail = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const settingRender_1 = tslib_1.__importDefault(require("./settingRender"));
|
|
6
|
-
const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
|
|
7
6
|
const _1 = tslib_1.__importDefault(require("."));
|
|
8
7
|
const create_1 = require("../../../../core/create");
|
|
8
|
+
const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
|
|
9
9
|
const CommodityDetail = (0, create_1.createMaterial)(_1.default, {
|
|
10
10
|
displayName: '商品详情',
|
|
11
11
|
icon: '',
|
|
@@ -44,6 +44,7 @@ const CommodityDetail = (0, create_1.createMaterial)(_1.default, {
|
|
|
44
44
|
taxInfo: {
|
|
45
45
|
color: '#000',
|
|
46
46
|
fontSize: 13,
|
|
47
|
+
textAlign: 'left',
|
|
47
48
|
marginBottom: '10px'
|
|
48
49
|
}
|
|
49
50
|
},
|
|
@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const css_1 = require("@emotion/css");
|
|
5
5
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
-
const lodash_1 = require("lodash");
|
|
7
|
-
const Img_1 = tslib_1.__importDefault(require("../../template/components/Img"));
|
|
8
6
|
const hooks_1 = require("../../../../core/hooks");
|
|
9
7
|
require("./index.less");
|
|
10
8
|
const useEventReport_1 = require("../../../../core/hooks/useEventReport");
|
|
11
9
|
const tool_1 = require("../../../../core/utils/tool");
|
|
10
|
+
const Img_1 = tslib_1.__importDefault(require("../../template/components/Img"));
|
|
11
|
+
const lodash_1 = require("lodash");
|
|
12
12
|
const materials_1 = require("../../../../core/utils/materials");
|
|
13
13
|
const CommodityList = (_a) => {
|
|
14
14
|
var _b, _c, _d;
|
|
@@ -55,11 +55,12 @@ const CommodityList = (_a) => {
|
|
|
55
55
|
react_1.default.createElement("button", Object.assign({ role: 'button', "aria-label": item === null || item === void 0 ? void 0 : item.title, tabIndex: 0, className: (0, css_1.css)({
|
|
56
56
|
display: 'flex',
|
|
57
57
|
alignItems: 'normal',
|
|
58
|
-
width: '100%'
|
|
58
|
+
width: '100%',
|
|
59
|
+
textAlign: 'left'
|
|
59
60
|
}) }, props),
|
|
60
61
|
react_1.default.createElement(Img_1.default, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: commodityPicture, enableEventReport: false }),
|
|
61
62
|
react_1.default.createElement("div", { style: {
|
|
62
|
-
width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.
|
|
63
|
+
width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginRight) !== null && _f !== void 0 ? _f : 0}px)`,
|
|
63
64
|
display: 'flex',
|
|
64
65
|
flexDirection: 'column',
|
|
65
66
|
justifyContent: 'space-between'
|
|
@@ -23,11 +23,12 @@ const Appoint = (0, create_1.createMaterial)(_1.default, {
|
|
|
23
23
|
borderRadius: 3,
|
|
24
24
|
width: 30,
|
|
25
25
|
height: 30,
|
|
26
|
-
|
|
26
|
+
marginRight: 8
|
|
27
27
|
},
|
|
28
28
|
ctaTitle: {
|
|
29
29
|
fontSize: 12,
|
|
30
30
|
color: '#fff',
|
|
31
|
+
textAlign: 'left',
|
|
31
32
|
width: 130,
|
|
32
33
|
height: 20
|
|
33
34
|
}
|
|
@@ -23,11 +23,12 @@ const Commodity = (0, create_1.createMaterial)(_1.default, {
|
|
|
23
23
|
borderRadius: 3,
|
|
24
24
|
width: 60,
|
|
25
25
|
height: 60,
|
|
26
|
-
|
|
26
|
+
marginRight: 8
|
|
27
27
|
},
|
|
28
28
|
title: {
|
|
29
29
|
fontSize: 12,
|
|
30
|
-
color: '#fff'
|
|
30
|
+
color: '#fff',
|
|
31
|
+
textAlign: 'left'
|
|
31
32
|
},
|
|
32
33
|
ctaTitle: {
|
|
33
34
|
fontSize: 10,
|
|
@@ -23,11 +23,12 @@ const CommodityDiro = (0, create_1.createMaterial)(_1.default, {
|
|
|
23
23
|
borderRadius: 3,
|
|
24
24
|
width: 60,
|
|
25
25
|
height: 60,
|
|
26
|
-
|
|
26
|
+
marginRight: 8
|
|
27
27
|
},
|
|
28
28
|
title: {
|
|
29
29
|
fontSize: 12,
|
|
30
|
-
color: '#000'
|
|
30
|
+
color: '#000',
|
|
31
|
+
textAlign: 'left'
|
|
31
32
|
},
|
|
32
33
|
ctaTitle: {
|
|
33
34
|
fontSize: 10,
|
|
@@ -23,17 +23,19 @@ const CommodityDiroNew = (0, create_1.createMaterial)(_1.default, {
|
|
|
23
23
|
borderRadius: 8,
|
|
24
24
|
width: 78,
|
|
25
25
|
height: 78,
|
|
26
|
-
|
|
26
|
+
marginRight: 16
|
|
27
27
|
},
|
|
28
28
|
title: {
|
|
29
29
|
fontSize: 13,
|
|
30
|
-
color: '#000'
|
|
30
|
+
color: '#000',
|
|
31
|
+
textAlign: 'left'
|
|
31
32
|
},
|
|
32
33
|
ctaTitle: {
|
|
33
34
|
textDecoration: 'underline',
|
|
34
35
|
fontSize: 14,
|
|
35
36
|
fontWeight: 'bold',
|
|
36
37
|
color: '#000',
|
|
38
|
+
textAlign: 'left',
|
|
37
39
|
width: 150,
|
|
38
40
|
height: 20
|
|
39
41
|
}
|
|
@@ -5,9 +5,9 @@ exports.Link = void 0;
|
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
6
|
const settingRender_1 = tslib_1.__importDefault(require("../components/settingRender"));
|
|
7
7
|
const settingRender_2 = tslib_1.__importDefault(require("./settingRender"));
|
|
8
|
-
const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
|
|
9
8
|
const _1 = tslib_1.__importDefault(require("."));
|
|
10
9
|
const create_1 = require("../../../../core/create");
|
|
10
|
+
const interactionRender_1 = tslib_1.__importDefault(require("./interactionRender"));
|
|
11
11
|
const Link = (0, create_1.createMaterial)(_1.default, {
|
|
12
12
|
displayName: '普通CTA',
|
|
13
13
|
icon: '',
|
|
@@ -25,17 +25,19 @@ const Link = (0, create_1.createMaterial)(_1.default, {
|
|
|
25
25
|
borderRadius: 3,
|
|
26
26
|
width: 60,
|
|
27
27
|
height: 60,
|
|
28
|
-
|
|
28
|
+
marginRight: 8
|
|
29
29
|
},
|
|
30
30
|
ctaTitle: {
|
|
31
31
|
fontSize: 12,
|
|
32
32
|
color: '#fff',
|
|
33
|
+
textAlign: 'left',
|
|
33
34
|
width: 130,
|
|
34
35
|
height: 20
|
|
35
36
|
}
|
|
36
37
|
},
|
|
37
38
|
customTitle: {
|
|
38
39
|
style: {
|
|
40
|
+
textAlign: 'left',
|
|
39
41
|
textDecoration: 'underline',
|
|
40
42
|
fontWeight: 'bold',
|
|
41
43
|
width: 130,
|