pb-sxp-ui 1.0.103 → 1.0.105

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 (36) hide show
  1. package/dist/index.cjs +22 -16
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +3 -3
  4. package/dist/index.js +22 -16
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.cjs +3 -3
  7. package/dist/index.min.cjs.map +1 -1
  8. package/dist/index.min.js +3 -3
  9. package/dist/index.min.js.map +1 -1
  10. package/dist/pb-ui.js +22 -16
  11. package/dist/pb-ui.js.map +1 -1
  12. package/dist/pb-ui.min.js +3 -3
  13. package/dist/pb-ui.min.js.map +1 -1
  14. package/es/core/components/SxpPageRender/Navbar.js +1 -1
  15. package/es/core/components/SxpPageRender/WaterFall/List.js +1 -1
  16. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
  17. package/es/core/components/SxpPageRender/index.d.ts +1 -0
  18. package/es/core/components/SxpPageRender/index.js +3 -3
  19. package/es/materials/sxp/HashTag/material.js +2 -1
  20. package/es/materials/sxp/popup/CommodityDetail/index.js +1 -1
  21. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +1 -1
  22. package/es/materials/sxp/template/Link/index.js +2 -2
  23. package/es/materials/sxp/template/components/Img.js +1 -1
  24. package/es/materials/sxp/template/components/settingRender.js +5 -0
  25. package/lib/core/components/SxpPageRender/Navbar.js +1 -1
  26. package/lib/core/components/SxpPageRender/WaterFall/List.js +1 -1
  27. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
  28. package/lib/core/components/SxpPageRender/index.d.ts +1 -0
  29. package/lib/core/components/SxpPageRender/index.js +3 -3
  30. package/lib/materials/sxp/HashTag/material.js +2 -1
  31. package/lib/materials/sxp/popup/CommodityDetail/index.js +1 -1
  32. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +1 -1
  33. package/lib/materials/sxp/template/Link/index.js +2 -2
  34. package/lib/materials/sxp/template/components/Img.js +1 -1
  35. package/lib/materials/sxp/template/components/settingRender.js +5 -0
  36. package/package.json +1 -1
package/es/core/components/SxpPageRender/Navbar.js CHANGED
@@ -6,7 +6,7 @@ const Navbar = ({ icon, styles, textStyle, onClose }) => {
6
6
  const { waterFallData, setOpenHashtag } = useSxpDataSource();
7
7
  return (React.createElement("div", { className: 'clc-sxp-nav', style: styles },
8
8
  React.createElement("img", { className: 'clc-sxp-nav-left', src: icon, alt: 'back button', onClick: onClose }),
9
- React.createElement("div", { className: 'clc-sxp-nav-title', style: textStyle, dangerouslySetInnerHTML: {
9
+ React.createElement("div", { className: 'clc-sxp-nav-title', style: Object.assign(Object.assign({}, textStyle), { paddingLeft: (textStyle === null || textStyle === void 0 ? void 0 : textStyle.textAlign) === 'left' ? '35px' : 0 }), dangerouslySetInnerHTML: {
10
10
  __html: setFontForText(`#${(_a = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag) !== null && _a !== void 0 ? _a : '标题'}`, textStyle)
11
11
  } })));
12
12
  };
package/es/core/components/SxpPageRender/WaterFall/List.js CHANGED
@@ -169,7 +169,7 @@ export default function WaterfallList(_a) {
169
169
  var _a, _b;
170
170
  if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
171
171
  reportTagsView();
172
- window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
172
+ window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
173
173
  }
174
174
  };
175
175
  return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js CHANGED
@@ -277,7 +277,7 @@ export default function WaterfallList(_a) {
277
277
  var _a, _b;
278
278
  if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
279
279
  reportTagsView();
280
- window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
280
+ window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
281
281
  }
282
282
  };
283
283
  return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
package/es/core/components/SxpPageRender/index.d.ts CHANGED
@@ -37,6 +37,7 @@ export interface ISxpPageRenderProps {
37
37
  swipeTipOffset?: number;
38
38
  consent?: any[];
39
39
  videoPlayIcon?: string;
40
+ isShowMute?: boolean;
40
41
  };
41
42
  descStyle?: CSSProperties;
42
43
  tipText?: {
package/es/core/components/SxpPageRender/index.js CHANGED
@@ -398,7 +398,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
398
398
  React.createElement(Tagbar, { tagList: tagList, setActiveIndex: setActiveIndex, style: {
399
399
  top: minusHeight
400
400
  } }),
401
- isShowFingerTip ? (React.createElement(FingerSwipeTip, { imageUrl: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipIcon, style: { top: `${50 + ((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipOffset) !== null && _a !== void 0 ? _a : 0)}%` } })) : null,
401
+ isShowFingerTip ? (React.createElement(FingerSwipeTip, { imageUrl: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipIcon, style: { top: `${50 - ((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipOffset) !== null && _a !== void 0 ? _a : 0)}%` } })) : null,
402
402
  React.createElement(Swiper, { style: {
403
403
  marginTop: tagHeight
404
404
  }, ref: swiperRef, onSlideChange: () => {
@@ -422,13 +422,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
422
422
  }
423
423
  }
424
424
  }, direction: 'vertical', height: height },
425
- React.createElement(ToggleButton, { style: {
425
+ ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === true) && (React.createElement(ToggleButton, { style: {
426
426
  position: 'fixed',
427
427
  visibility: ((_c = (_b = data === null || data === void 0 ? void 0 : data[activeIndex]) === null || _b === void 0 ? void 0 : _b.video) === null || _c === void 0 ? void 0 : _c.url) ? 'visible' : 'hidden',
428
428
  zIndex: 999,
429
429
  [(_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconXPosit) !== null && _d !== void 0 ? _d : 'right']: (_e = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconX) !== null && _e !== void 0 ? _e : 0,
430
430
  [(_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconYPosit) !== null && _f !== void 0 ? _f : 'bottom']: (_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconY) !== null && _g !== void 0 ? _g : 23
431
- }, defaultValue: isMuted, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon, onChange: setIsMuted }),
431
+ }, defaultValue: isMuted, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon, onChange: setIsMuted })),
432
432
  renderView),
433
433
  React.createElement(WaterFall, Object.assign({}, (_k = (_j = (_h = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.item) === null || _k === void 0 ? void 0 : _k.props))));
434
434
  };
package/es/materials/sxp/HashTag/material.js CHANGED
@@ -17,7 +17,8 @@ const HashTag = createMaterial(HashTagComponent, {
17
17
  textStyles: {
18
18
  hashTagTitle: {
19
19
  fontSize: 16,
20
- color: '#000'
20
+ color: '#000',
21
+ textAlign: 'center'
21
22
  },
22
23
  hashTagDesc: {
23
24
  fontSize: 12,
package/es/materials/sxp/popup/CommodityDetail/index.js CHANGED
@@ -114,7 +114,7 @@ const CommodityDetail = (_a) => {
114
114
  width: '100%',
115
115
  objectFit: 'cover',
116
116
  display: 'block',
117
- objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
117
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
118
118
  }, src: src }))));
119
119
  }))),
120
120
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css({
package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js CHANGED
@@ -123,7 +123,7 @@ Made in Italy` })));
123
123
  width: '100%',
124
124
  objectFit: 'cover',
125
125
  display: 'block',
126
- objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
126
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
127
127
  }, src: src }))));
128
128
  }))),
129
129
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css({
package/es/materials/sxp/template/Link/index.js CHANGED
@@ -2,11 +2,11 @@ import { __rest } from "tslib";
2
2
  import { css } from '@emotion/css';
3
3
  import React, { memo } from 'react';
4
4
  import EventProvider from '../components/EventProvider';
5
- import styles from './index.module.less';
6
5
  import { useSxpDataSource } from '../../../../core/hooks';
7
6
  import { useEventReport } from '../../../../core/hooks/useEventReport';
8
7
  import Img from '../components/Img';
9
8
  import { setFontForText } from '../../../../core/utils/tool';
9
+ import styles from './index.module.less';
10
10
  const Link = (_a) => {
11
11
  var _b, _c, _d, _e, _f, _g, _h, _j;
12
12
  var { content, style, bgImg, recData, bottom_image, ctaTempStyles, index, customTitle } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "index", "customTitle"]);
@@ -30,7 +30,7 @@ const Link = (_a) => {
30
30
  overflow: 'hidden'
31
31
  }) },
32
32
  React.createElement("div", null,
33
- React.createElement("div", { className: (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) ? styles['one-line-ellipsis'] : styles['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
33
+ React.createElement("div", { className: styles['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
34
34
  __html: setFontForText((_h = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _h !== void 0 ? _h : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
35
35
  } }),
36
36
  (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) && (React.createElement("div", { style: Object.assign(Object.assign({}, customTitle === null || customTitle === void 0 ? void 0 : customTitle.style), { lineHeight: ((_j = customTitle === null || customTitle === void 0 ? void 0 : customTitle.style) === null || _j === void 0 ? void 0 : _j.height) + 'px' }), className: styles['one-line-ellipsis'], dangerouslySetInnerHTML: {
package/es/materials/sxp/template/components/Img.js CHANGED
@@ -20,6 +20,6 @@ const Img = ({ src, rec, item, index, style, translateY, imgStyle }) => {
20
20
  }, [src]);
21
21
  return (React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
22
22
  React.createElement("div", { ref: ref, hidden: !src, className: css({ width: '100%', height: '100%' }) },
23
- React.createElement(FormatImage, { className: css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src: src }))));
23
+ React.createElement(FormatImage, { className: css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? translateY + 50 : 50}%` }, style)), src: src }))));
24
24
  };
25
25
  export default memo(Img);
package/es/materials/sxp/template/components/settingRender.js CHANGED
@@ -239,6 +239,11 @@ export default [
239
239
  label: '对齐',
240
240
  type: 'TextAlign',
241
241
  name: ['props', 'ctaTempStyles', 'ctaTitle']
242
+ },
243
+ {
244
+ label: '间距',
245
+ type: 'TextSpace',
246
+ name: ['props', 'ctaTempStyles', 'ctaTitle']
242
247
  }
243
248
  ]
244
249
  }
package/lib/core/components/SxpPageRender/Navbar.js CHANGED
@@ -9,7 +9,7 @@ const Navbar = ({ icon, styles, textStyle, onClose }) => {
9
9
  const { waterFallData, setOpenHashtag } = (0, hooks_1.useSxpDataSource)();
10
10
  return (react_1.default.createElement("div", { className: 'clc-sxp-nav', style: styles },
11
11
  react_1.default.createElement("img", { className: 'clc-sxp-nav-left', src: icon, alt: 'back button', onClick: onClose }),
12
- react_1.default.createElement("div", { className: 'clc-sxp-nav-title', style: textStyle, dangerouslySetInnerHTML: {
12
+ react_1.default.createElement("div", { className: 'clc-sxp-nav-title', style: Object.assign(Object.assign({}, textStyle), { paddingLeft: (textStyle === null || textStyle === void 0 ? void 0 : textStyle.textAlign) === 'left' ? '35px' : 0 }), dangerouslySetInnerHTML: {
13
13
  __html: (0, tool_1.setFontForText)(`#${(_a = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag) !== null && _a !== void 0 ? _a : '标题'}`, textStyle)
14
14
  } })));
15
15
  };
package/lib/core/components/SxpPageRender/WaterFall/List.js CHANGED
@@ -171,7 +171,7 @@ function WaterfallList(_a) {
171
171
  var _a, _b;
172
172
  if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
173
173
  reportTagsView();
174
- window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
174
+ window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
175
175
  }
176
176
  };
177
177
  return (react_1.default.createElement(react_1.default.Fragment, null, isLoadingData ? (react_1.default.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js CHANGED
@@ -279,7 +279,7 @@ function WaterfallList(_a) {
279
279
  var _a, _b;
280
280
  if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
281
281
  reportTagsView();
282
- window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
282
+ window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
283
283
  }
284
284
  };
285
285
  return (react_1.default.createElement(react_1.default.Fragment, null, isLoadingData ? (react_1.default.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
package/lib/core/components/SxpPageRender/index.d.ts CHANGED
@@ -37,6 +37,7 @@ export interface ISxpPageRenderProps {
37
37
  swipeTipOffset?: number;
38
38
  consent?: any[];
39
39
  videoPlayIcon?: string;
40
+ isShowMute?: boolean;
40
41
  };
41
42
  descStyle?: CSSProperties;
42
43
  tipText?: {
package/lib/core/components/SxpPageRender/index.js CHANGED
@@ -401,7 +401,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
401
401
  react_1.default.createElement(Tagbar_1.default, { tagList: tagList, setActiveIndex: setActiveIndex, style: {
402
402
  top: minusHeight
403
403
  } }),
404
- isShowFingerTip ? (react_1.default.createElement(FingerSwipeTip_1.default, { imageUrl: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipIcon, style: { top: `${50 + ((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipOffset) !== null && _a !== void 0 ? _a : 0)}%` } })) : null,
404
+ isShowFingerTip ? (react_1.default.createElement(FingerSwipeTip_1.default, { imageUrl: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipIcon, style: { top: `${50 - ((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.swipeTipOffset) !== null && _a !== void 0 ? _a : 0)}%` } })) : null,
405
405
  react_1.default.createElement(react_2.Swiper, { style: {
406
406
  marginTop: tagHeight
407
407
  }, ref: swiperRef, onSlideChange: () => {
@@ -425,13 +425,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
425
425
  }
426
426
  }
427
427
  }, direction: 'vertical', height: height },
428
- react_1.default.createElement(ToggleButton_1.default, { style: {
428
+ ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === true) && (react_1.default.createElement(ToggleButton_1.default, { style: {
429
429
  position: 'fixed',
430
430
  visibility: ((_c = (_b = data === null || data === void 0 ? void 0 : data[activeIndex]) === null || _b === void 0 ? void 0 : _b.video) === null || _c === void 0 ? void 0 : _c.url) ? 'visible' : 'hidden',
431
431
  zIndex: 999,
432
432
  [(_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconXPosit) !== null && _d !== void 0 ? _d : 'right']: (_e = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconX) !== null && _e !== void 0 ? _e : 0,
433
433
  [(_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconYPosit) !== null && _f !== void 0 ? _f : 'bottom']: (_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconY) !== null && _g !== void 0 ? _g : 23
434
- }, defaultValue: isMuted, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon, onChange: setIsMuted }),
434
+ }, defaultValue: isMuted, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon, onChange: setIsMuted })),
435
435
  renderView),
436
436
  react_1.default.createElement(WaterFall_1.default, Object.assign({}, (_k = (_j = (_h = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.item) === null || _k === void 0 ? void 0 : _k.props))));
437
437
  };
package/lib/materials/sxp/HashTag/material.js CHANGED
@@ -21,7 +21,8 @@ const HashTag = (0, create_1.createMaterial)(_1.default, {
21
21
  textStyles: {
22
22
  hashTagTitle: {
23
23
  fontSize: 16,
24
- color: '#000'
24
+ color: '#000',
25
+ textAlign: 'center'
25
26
  },
26
27
  hashTagDesc: {
27
28
  fontSize: 12,
package/lib/materials/sxp/popup/CommodityDetail/index.js CHANGED
@@ -116,7 +116,7 @@ const CommodityDetail = (_a) => {
116
116
  width: '100%',
117
117
  objectFit: 'cover',
118
118
  display: 'block',
119
- objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
119
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
120
120
  }, src: src }))));
121
121
  }))),
122
122
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (react_1.default.createElement("div", { className: (0, css_1.css)({
package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js CHANGED
@@ -125,7 +125,7 @@ Made in Italy` })));
125
125
  width: '100%',
126
126
  objectFit: 'cover',
127
127
  display: 'block',
128
- objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
128
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
129
129
  }, src: src }))));
130
130
  }))),
131
131
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (react_1.default.createElement("div", { className: (0, css_1.css)({
package/lib/materials/sxp/template/Link/index.js CHANGED
@@ -4,11 +4,11 @@ const tslib_1 = require("tslib");
4
4
  const css_1 = require("@emotion/css");
5
5
  const react_1 = tslib_1.__importStar(require("react"));
6
6
  const EventProvider_1 = tslib_1.__importDefault(require("../components/EventProvider"));
7
- const index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
8
7
  const hooks_1 = require("../../../../core/hooks");
9
8
  const useEventReport_1 = require("../../../../core/hooks/useEventReport");
10
9
  const Img_1 = tslib_1.__importDefault(require("../components/Img"));
11
10
  const tool_1 = require("../../../../core/utils/tool");
11
+ const index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
12
12
  const Link = (_a) => {
13
13
  var _b, _c, _d, _e, _f, _g, _h, _j;
14
14
  var { content, style, bgImg, recData, bottom_image, ctaTempStyles, index, customTitle } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "index", "customTitle"]);
@@ -32,7 +32,7 @@ const Link = (_a) => {
32
32
  overflow: 'hidden'
33
33
  }) },
34
34
  react_1.default.createElement("div", null,
35
- react_1.default.createElement("div", { className: (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) ? index_module_less_1.default['one-line-ellipsis'] : index_module_less_1.default['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
35
+ react_1.default.createElement("div", { className: index_module_less_1.default['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
36
36
  __html: (0, tool_1.setFontForText)((_h = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _h !== void 0 ? _h : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
37
37
  } }),
38
38
  (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) && (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, customTitle === null || customTitle === void 0 ? void 0 : customTitle.style), { lineHeight: ((_j = customTitle === null || customTitle === void 0 ? void 0 : customTitle.style) === null || _j === void 0 ? void 0 : _j.height) + 'px' }), className: index_module_less_1.default['one-line-ellipsis'], dangerouslySetInnerHTML: {
package/lib/materials/sxp/template/components/Img.js CHANGED
@@ -23,6 +23,6 @@ const Img = ({ src, rec, item, index, style, translateY, imgStyle }) => {
23
23
  }, [src]);
24
24
  return (react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
25
25
  react_1.default.createElement("div", { ref: ref, hidden: !src, className: (0, css_1.css)({ width: '100%', height: '100%' }) },
26
- react_1.default.createElement(FormatImage_1.default, { className: (0, css_1.css)(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src: src }))));
26
+ react_1.default.createElement(FormatImage_1.default, { className: (0, css_1.css)(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? translateY + 50 : 50}%` }, style)), src: src }))));
27
27
  };
28
28
  exports.default = (0, react_1.memo)(Img);
package/lib/materials/sxp/template/components/settingRender.js CHANGED
@@ -241,6 +241,11 @@ exports.default = [
241
241
  label: '对齐',
242
242
  type: 'TextAlign',
243
243
  name: ['props', 'ctaTempStyles', 'ctaTitle']
244
+ },
245
+ {
246
+ label: '间距',
247
+ type: 'TextSpace',
248
+ name: ['props', 'ctaTempStyles', 'ctaTitle']
244
249
  }
245
250
  ]
246
251
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pb-sxp-ui",
3
- "version": "1.0.103",
3
+ "version": "1.0.105",
4
4
  "description": "React enterprise-class UI components",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",