pb-sxp-ui 1.16.24 → 1.17.0-alpha

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.
Files changed (56) hide show
  1. package/dist/index.cjs +130 -145
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +15 -7
  4. package/dist/index.js +130 -145
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.cjs +4 -4
  7. package/dist/index.min.cjs.map +1 -1
  8. package/dist/index.min.js +4 -4
  9. package/dist/index.min.js.map +1 -1
  10. package/dist/pb-ui.js +130 -145
  11. package/dist/pb-ui.js.map +1 -1
  12. package/dist/pb-ui.min.js +4 -4
  13. package/dist/pb-ui.min.js.map +1 -1
  14. package/es/core/components/SxpPageRender/RenderCard.js +1 -1
  15. package/es/materials/sxp/consentPopup/Display/index.js +1 -1
  16. package/es/materials/sxp/cta/AniLinkPopup/material.js +2 -3
  17. package/es/materials/sxp/popup/CommodityDetail/material.js +1 -2
  18. package/es/materials/sxp/popup/CommodityList/index.js +4 -5
  19. package/es/materials/sxp/popup/CommodityList/material.js +1 -1
  20. package/es/materials/sxp/popup/CommodityList/settingRender.js +1 -1
  21. package/es/materials/sxp/template/Appoint/material.js +1 -2
  22. package/es/materials/sxp/template/Commodity/material.js +2 -3
  23. package/es/materials/sxp/template/CommodityDiro/material.js +2 -3
  24. package/es/materials/sxp/template/CommodityDiroNew/material.js +2 -4
  25. package/es/materials/sxp/template/Link/material.js +2 -4
  26. package/es/materials/sxp/template/MultiCommodity/index.js +1 -1
  27. package/es/materials/sxp/template/MultiCommodity/material.js +1 -2
  28. package/es/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
  29. package/es/materials/sxp/template/MultiCommodityDiro/material.js +2 -3
  30. package/es/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
  31. package/es/materials/sxp/template/MultiCommodityDiroNew/material.js +2 -4
  32. package/es/materials/sxp/template/NineCommodity/material.js +2 -3
  33. package/es/materials/sxp/template/components/CommodityGroup.js +1 -1
  34. package/es/materials/sxp/template/components/settingRender.js +1 -1
  35. package/lib/core/components/SxpPageRender/RenderCard.js +1 -1
  36. package/lib/materials/sxp/consentPopup/Display/index.js +1 -1
  37. package/lib/materials/sxp/cta/AniLinkPopup/material.js +1 -2
  38. package/lib/materials/sxp/popup/CommodityDetail/material.js +1 -2
  39. package/lib/materials/sxp/popup/CommodityList/index.js +4 -5
  40. package/lib/materials/sxp/popup/CommodityList/material.js +1 -1
  41. package/lib/materials/sxp/popup/CommodityList/settingRender.js +1 -1
  42. package/lib/materials/sxp/template/Appoint/material.js +1 -2
  43. package/lib/materials/sxp/template/Commodity/material.js +2 -3
  44. package/lib/materials/sxp/template/CommodityDiro/material.js +2 -3
  45. package/lib/materials/sxp/template/CommodityDiroNew/material.js +2 -4
  46. package/lib/materials/sxp/template/Link/material.js +2 -4
  47. package/lib/materials/sxp/template/MultiCommodity/index.js +1 -1
  48. package/lib/materials/sxp/template/MultiCommodity/material.js +1 -2
  49. package/lib/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
  50. package/lib/materials/sxp/template/MultiCommodityDiro/material.js +2 -3
  51. package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
  52. package/lib/materials/sxp/template/MultiCommodityDiroNew/material.js +2 -4
  53. package/lib/materials/sxp/template/NineCommodity/material.js +2 -3
  54. package/lib/materials/sxp/template/components/CommodityGroup.js +1 -1
  55. package/lib/materials/sxp/template/components/settingRender.js +1 -1
  56. package/package.json +1 -1
package/es/core/components/SxpPageRender/RenderCard.js CHANGED
@@ -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, 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 })));
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, marginInlineEnd: '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;
package/es/materials/sxp/consentPopup/Display/index.js CHANGED
@@ -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), { marginLeft: '5px' }), dangerouslySetInnerHTML: {
29
+ React.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginInlineEnd: '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 },
package/es/materials/sxp/cta/AniLinkPopup/material.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import settingRender from './settingRender';
2
+ import interactionRender from './interactionRender';
2
3
  import AniLinkPopupComponent from '.';
3
4
  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: settingRender,
11
+ settingRender,
12
12
  bindableProps: [],
13
13
  interactionRender
14
14
  },
@@ -24,7 +24,6 @@ const AniLinkPopup = createMaterial(AniLinkPopupComponent, {
24
24
  title: {
25
25
  fontSize: 14,
26
26
  color: '#000',
27
- textAlign: 'left',
28
27
  lineHeight: 2.6
29
28
  },
30
29
  ctaTitle: {
package/es/materials/sxp/popup/CommodityDetail/material.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import settingRender from './settingRender';
2
+ import interactionRender from './interactionRender';
2
3
  import CommodityDetailComponent from '.';
3
4
  import { createMaterial } from '../../../../core/create';
4
- import interactionRender from './interactionRender';
5
5
  const CommodityDetail = createMaterial(CommodityDetailComponent, {
6
6
  displayName: '商品详情',
7
7
  icon: '',
@@ -40,7 +40,6 @@ const CommodityDetail = createMaterial(CommodityDetailComponent, {
40
40
  taxInfo: {
41
41
  color: '#000',
42
42
  fontSize: 13,
43
- textAlign: 'left',
44
43
  marginBottom: '10px'
45
44
  }
46
45
  },
package/es/materials/sxp/popup/CommodityList/index.js CHANGED
@@ -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';
4
6
  import { useEditor, useSxpDataSource } from '../../../../core/hooks';
5
7
  import './index.less';
6
8
  import { useEventReport } from '../../../../core/hooks/useEventReport';
7
9
  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,12 +53,11 @@ 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%',
57
- textAlign: 'left'
56
+ width: '100%'
58
57
  }) }, props),
59
58
  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 }),
60
59
  React.createElement("div", { style: {
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)`,
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.marginInlineStart) !== null && _f !== void 0 ? _f : 0}px)`,
62
61
  display: 'flex',
63
62
  flexDirection: 'column',
64
63
  justifyContent: 'space-between'
package/es/materials/sxp/popup/CommodityList/material.js CHANGED
@@ -16,7 +16,7 @@ const CommodityList = createMaterial(CommodityListComponent, {
16
16
  commodityPicture: {
17
17
  width: 100,
18
18
  height: 100,
19
- marginRight: 10
19
+ marginInlineStart: 10
20
20
  },
21
21
  commodityStyles: {
22
22
  price: {
package/es/materials/sxp/popup/CommodityList/settingRender.js CHANGED
@@ -71,7 +71,7 @@ export default [
71
71
  type: 'Number',
72
72
  label: '与右侧边距',
73
73
  addonAfter: 'px',
74
- name: ['props', 'commodityPicture', 'marginRight']
74
+ name: ['props', 'commodityPicture', 'marginInlineStart']
75
75
  },
76
76
  {
77
77
  label: '居中垂直偏移',
package/es/materials/sxp/template/Appoint/material.js CHANGED
@@ -19,12 +19,11 @@ const Appoint = createMaterial(AppointComponent, {
19
19
  borderRadius: 3,
20
20
  width: 30,
21
21
  height: 30,
22
- marginRight: 8
22
+ marginInlineStart: 8
23
23
  },
24
24
  ctaTitle: {
25
25
  fontSize: 12,
26
26
  color: '#fff',
27
- textAlign: 'left',
28
27
  width: 130,
29
28
  height: 20
30
29
  }
package/es/materials/sxp/template/Commodity/material.js CHANGED
@@ -19,12 +19,11 @@ const Commodity = createMaterial(CommodityComponent, {
19
19
  borderRadius: 3,
20
20
  width: 60,
21
21
  height: 60,
22
- marginRight: 8
22
+ marginInlineStart: 8
23
23
  },
24
24
  title: {
25
25
  fontSize: 12,
26
- color: '#fff',
27
- textAlign: 'left'
26
+ color: '#fff'
28
27
  },
29
28
  ctaTitle: {
30
29
  fontSize: 10,
package/es/materials/sxp/template/CommodityDiro/material.js CHANGED
@@ -19,12 +19,11 @@ const CommodityDiro = createMaterial(CommodityDiroComponent, {
19
19
  borderRadius: 3,
20
20
  width: 60,
21
21
  height: 60,
22
- marginRight: 8
22
+ marginInlineStart: 8
23
23
  },
24
24
  title: {
25
25
  fontSize: 12,
26
- color: '#000',
27
- textAlign: 'left'
26
+ color: '#000'
28
27
  },
29
28
  ctaTitle: {
30
29
  fontSize: 10,
package/es/materials/sxp/template/CommodityDiroNew/material.js CHANGED
@@ -19,19 +19,17 @@ const CommodityDiroNew = createMaterial(CommodityDiroNewComponent, {
19
19
  borderRadius: 8,
20
20
  width: 78,
21
21
  height: 78,
22
- marginRight: 16
22
+ marginInlineStart: 16
23
23
  },
24
24
  title: {
25
25
  fontSize: 13,
26
- color: '#000',
27
- textAlign: 'left'
26
+ color: '#000'
28
27
  },
29
28
  ctaTitle: {
30
29
  textDecoration: 'underline',
31
30
  fontSize: 14,
32
31
  fontWeight: 'bold',
33
32
  color: '#000',
34
- textAlign: 'left',
35
33
  width: 150,
36
34
  height: 20
37
35
  }
package/es/materials/sxp/template/Link/material.js CHANGED
@@ -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';
4
5
  import LinkComponent from '.';
5
6
  import { createMaterial } from '../../../../core/create';
6
- import interactionRender from './interactionRender';
7
7
  const Link = createMaterial(LinkComponent, {
8
8
  displayName: '普通CTA',
9
9
  icon: '',
@@ -21,19 +21,17 @@ const Link = createMaterial(LinkComponent, {
21
21
  borderRadius: 3,
22
22
  width: 60,
23
23
  height: 60,
24
- marginRight: 8
24
+ marginInlineStart: 8
25
25
  },
26
26
  ctaTitle: {
27
27
  fontSize: 12,
28
28
  color: '#fff',
29
- textAlign: 'left',
30
29
  width: 130,
31
30
  height: 20
32
31
  }
33
32
  },
34
33
  customTitle: {
35
34
  style: {
36
- textAlign: 'left',
37
35
  textDecoration: 'underline',
38
36
  fontWeight: 'bold',
39
37
  width: 130,
package/es/materials/sxp/template/MultiCommodity/index.js CHANGED
@@ -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, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
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, marginInlineEnd: 0, marginInlineStart: '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({
package/es/materials/sxp/template/MultiCommodity/material.js CHANGED
@@ -19,12 +19,11 @@ const MultiCommodity = createMaterial(MultiCommodityComponent, {
19
19
  borderRadius: 3,
20
20
  width: 60,
21
21
  height: 60,
22
- marginRight: 8
22
+ marginInlineStart: 8
23
23
  },
24
24
  title: {
25
25
  fontSize: 12,
26
26
  color: '#fff',
27
- textAlign: 'left'
28
27
  },
29
28
  ctaTitle: {
30
29
  fontSize: 10,
package/es/materials/sxp/template/MultiCommodityDiro/index.js CHANGED
@@ -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, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
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, marginInlineEnd: 0, marginInlineStart: '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({
package/es/materials/sxp/template/MultiCommodityDiro/material.js CHANGED
@@ -19,12 +19,11 @@ const MultiCommodityDiro = createMaterial(MultiCommodityDiroComponent, {
19
19
  borderRadius: 3,
20
20
  width: 60,
21
21
  height: 60,
22
- marginRight: 8
22
+ marginInlineStart: 8
23
23
  },
24
24
  title: {
25
25
  fontSize: 12,
26
- color: '#000',
27
- textAlign: 'left'
26
+ color: '#000'
28
27
  },
29
28
  ctaTitle: {
30
29
  fontSize: 10,
package/es/materials/sxp/template/MultiCommodityDiroNew/index.js CHANGED
@@ -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, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
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, marginInlineEnd: 0, marginInlineStart: '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({
package/es/materials/sxp/template/MultiCommodityDiroNew/material.js CHANGED
@@ -19,19 +19,17 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
19
19
  borderRadius: 8,
20
20
  width: 78,
21
21
  height: 78,
22
- marginRight: 16
22
+ marginInlineStart: 16
23
23
  },
24
24
  title: {
25
25
  fontSize: 12,
26
- color: '#000',
27
- textAlign: 'left'
26
+ color: '#000'
28
27
  },
29
28
  ctaTitle: {
30
29
  textDecoration: 'underline',
31
30
  fontSize: 12,
32
31
  fontWeight: 'bold',
33
32
  color: '#000',
34
- textAlign: 'left',
35
33
  width: 150,
36
34
  height: 20
37
35
  }
package/es/materials/sxp/template/NineCommodity/material.js CHANGED
@@ -19,12 +19,11 @@ const NineCommodity = createMaterial(NineCommodityComponent, {
19
19
  borderRadius: 3,
20
20
  width: 60,
21
21
  height: 60,
22
- marginRight: 8
22
+ marginInlineStart: 8
23
23
  },
24
24
  title: {
25
25
  fontSize: 12,
26
- color: '#fff',
27
- textAlign: 'left'
26
+ color: '#fff'
28
27
  },
29
28
  ctaTitle: {
30
29
  fontSize: 10,
package/es/materials/sxp/template/components/CommodityGroup.js CHANGED
@@ -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
- marginRight: '10px'
24
+ marginInlineStart: '10px'
25
25
  }), onClick: () => {
26
26
  handleClick(item, index);
27
27
  }, key: index },
package/es/materials/sxp/template/components/settingRender.js CHANGED
@@ -100,7 +100,7 @@ export default [
100
100
  type: 'Number',
101
101
  label: '与右侧边距',
102
102
  addonAfter: 'px',
103
- name: ['props', 'ctaTempStyles', 'img', 'marginRight']
103
+ name: ['props', 'ctaTempStyles', 'img', 'marginInlineStart']
104
104
  },
105
105
  {
106
106
  label: '居中垂直偏移',
package/lib/core/components/SxpPageRender/RenderCard.js CHANGED
@@ -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, 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 })));
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, marginInlineEnd: '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;
package/lib/materials/sxp/consentPopup/Display/index.js CHANGED
@@ -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), { marginLeft: '5px' }), dangerouslySetInnerHTML: {
31
+ react_1.default.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginInlineEnd: '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 },
package/lib/materials/sxp/cta/AniLinkPopup/material.js CHANGED
@@ -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"));
6
7
  const _1 = tslib_1.__importDefault(require("."));
7
8
  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,7 +28,6 @@ const AniLinkPopup = (0, create_1.createMaterial)(_1.default, {
28
28
  title: {
29
29
  fontSize: 14,
30
30
  color: '#000',
31
- textAlign: 'left',
32
31
  lineHeight: 2.6
33
32
  },
34
33
  ctaTitle: {
package/lib/materials/sxp/popup/CommodityDetail/material.js CHANGED
@@ -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"));
6
7
  const _1 = tslib_1.__importDefault(require("."));
7
8
  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,7 +44,6 @@ const CommodityDetail = (0, create_1.createMaterial)(_1.default, {
44
44
  taxInfo: {
45
45
  color: '#000',
46
46
  fontSize: 13,
47
- textAlign: 'left',
48
47
  marginBottom: '10px'
49
48
  }
50
49
  },
package/lib/materials/sxp/popup/CommodityList/index.js CHANGED
@@ -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"));
6
8
  const hooks_1 = require("../../../../core/hooks");
7
9
  require("./index.less");
8
10
  const useEventReport_1 = require("../../../../core/hooks/useEventReport");
9
11
  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,12 +55,11 @@ 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%',
59
- textAlign: 'left'
58
+ width: '100%'
60
59
  }) }, props),
61
60
  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 }),
62
61
  react_1.default.createElement("div", { style: {
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)`,
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.marginInlineStart) !== null && _f !== void 0 ? _f : 0}px)`,
64
63
  display: 'flex',
65
64
  flexDirection: 'column',
66
65
  justifyContent: 'space-between'
package/lib/materials/sxp/popup/CommodityList/material.js CHANGED
@@ -20,7 +20,7 @@ const CommodityList = (0, create_1.createMaterial)(_1.default, {
20
20
  commodityPicture: {
21
21
  width: 100,
22
22
  height: 100,
23
- marginRight: 10
23
+ marginInlineStart: 10
24
24
  },
25
25
  commodityStyles: {
26
26
  price: {
package/lib/materials/sxp/popup/CommodityList/settingRender.js CHANGED
@@ -73,7 +73,7 @@ exports.default = [
73
73
  type: 'Number',
74
74
  label: '与右侧边距',
75
75
  addonAfter: 'px',
76
- name: ['props', 'commodityPicture', 'marginRight']
76
+ name: ['props', 'commodityPicture', 'marginInlineStart']
77
77
  },
78
78
  {
79
79
  label: '居中垂直偏移',
package/lib/materials/sxp/template/Appoint/material.js CHANGED
@@ -23,12 +23,11 @@ const Appoint = (0, create_1.createMaterial)(_1.default, {
23
23
  borderRadius: 3,
24
24
  width: 30,
25
25
  height: 30,
26
- marginRight: 8
26
+ marginInlineStart: 8
27
27
  },
28
28
  ctaTitle: {
29
29
  fontSize: 12,
30
30
  color: '#fff',
31
- textAlign: 'left',
32
31
  width: 130,
33
32
  height: 20
34
33
  }
package/lib/materials/sxp/template/Commodity/material.js CHANGED
@@ -23,12 +23,11 @@ const Commodity = (0, create_1.createMaterial)(_1.default, {
23
23
  borderRadius: 3,
24
24
  width: 60,
25
25
  height: 60,
26
- marginRight: 8
26
+ marginInlineStart: 8
27
27
  },
28
28
  title: {
29
29
  fontSize: 12,
30
- color: '#fff',
31
- textAlign: 'left'
30
+ color: '#fff'
32
31
  },
33
32
  ctaTitle: {
34
33
  fontSize: 10,
package/lib/materials/sxp/template/CommodityDiro/material.js CHANGED
@@ -23,12 +23,11 @@ const CommodityDiro = (0, create_1.createMaterial)(_1.default, {
23
23
  borderRadius: 3,
24
24
  width: 60,
25
25
  height: 60,
26
- marginRight: 8
26
+ marginInlineStart: 8
27
27
  },
28
28
  title: {
29
29
  fontSize: 12,
30
- color: '#000',
31
- textAlign: 'left'
30
+ color: '#000'
32
31
  },
33
32
  ctaTitle: {
34
33
  fontSize: 10,
package/lib/materials/sxp/template/CommodityDiroNew/material.js CHANGED
@@ -23,19 +23,17 @@ const CommodityDiroNew = (0, create_1.createMaterial)(_1.default, {
23
23
  borderRadius: 8,
24
24
  width: 78,
25
25
  height: 78,
26
- marginRight: 16
26
+ marginInlineStart: 16
27
27
  },
28
28
  title: {
29
29
  fontSize: 13,
30
- color: '#000',
31
- textAlign: 'left'
30
+ color: '#000'
32
31
  },
33
32
  ctaTitle: {
34
33
  textDecoration: 'underline',
35
34
  fontSize: 14,
36
35
  fontWeight: 'bold',
37
36
  color: '#000',
38
- textAlign: 'left',
39
37
  width: 150,
40
38
  height: 20
41
39
  }
package/lib/materials/sxp/template/Link/material.js CHANGED
@@ -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"));
8
9
  const _1 = tslib_1.__importDefault(require("."));
9
10
  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,19 +25,17 @@ const Link = (0, create_1.createMaterial)(_1.default, {
25
25
  borderRadius: 3,
26
26
  width: 60,
27
27
  height: 60,
28
- marginRight: 8
28
+ marginInlineStart: 8
29
29
  },
30
30
  ctaTitle: {
31
31
  fontSize: 12,
32
32
  color: '#fff',
33
- textAlign: 'left',
34
33
  width: 130,
35
34
  height: 20
36
35
  }
37
36
  },
38
37
  customTitle: {
39
38
  style: {
40
- textAlign: 'left',
41
39
  textDecoration: 'underline',
42
40
  fontWeight: 'bold',
43
41
  width: 130,
package/lib/materials/sxp/template/MultiCommodity/index.js CHANGED
@@ -17,7 +17,7 @@ const MultiCommodity = (_a) => {
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
18
  return (react_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
19
19
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
20
- 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' },
20
+ 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, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
21
21
  react_1.default.createElement(EventProvider_1.default, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
22
22
  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: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
23
23
  react_1.default.createElement("div", { className: (0, css_1.css)({
package/lib/materials/sxp/template/MultiCommodity/material.js CHANGED
@@ -23,12 +23,11 @@ const MultiCommodity = (0, create_1.createMaterial)(_1.default, {
23
23
  borderRadius: 3,
24
24
  width: 60,
25
25
  height: 60,
26
- marginRight: 8
26
+ marginInlineStart: 8
27
27
  },
28
28
  title: {
29
29
  fontSize: 12,
30
30
  color: '#fff',
31
- textAlign: 'left'
32
31
  },
33
32
  ctaTitle: {
34
33
  fontSize: 10,
package/lib/materials/sxp/template/MultiCommodityDiro/index.js CHANGED
@@ -17,7 +17,7 @@ const MultiCommodityDiro = (_a) => {
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
18
  return (react_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
19
19
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
20
- 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' },
20
+ 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, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
21
21
  react_1.default.createElement(EventProvider_1.default, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
22
22
  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: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
23
23
  react_1.default.createElement("div", { className: (0, css_1.css)({