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/dist/pb-ui.js CHANGED
@@ -8821,7 +8821,7 @@
8821
8821
  width: '100%',
8822
8822
  objectFit: 'cover',
8823
8823
  display: 'block',
8824
- objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
8824
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
8825
8825
  }, src: src }))));
8826
8826
  }))),
8827
8827
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
@@ -9418,7 +9418,7 @@ Made in Italy` })));
9418
9418
  width: '100%',
9419
9419
  objectFit: 'cover',
9420
9420
  display: 'block',
9421
- objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
9421
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
9422
9422
  }, src: src }))));
9423
9423
  }))),
9424
9424
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
@@ -9530,7 +9530,7 @@ Made in Italy` })));
9530
9530
  * @Author: binruan@chatlabs.com
9531
9531
  * @Date: 2024-03-26 16:50:25
9532
9532
  * @LastEditors: binruan@chatlabs.com
9533
- * @LastEditTime: 2024-06-27 09:55:59
9533
+ * @LastEditTime: 2024-07-04 17:47:52
9534
9534
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\settingRender.tsx
9535
9535
  *
9536
9536
  */
@@ -9775,6 +9775,11 @@ Made in Italy` })));
9775
9775
  label: '对齐',
9776
9776
  type: 'TextAlign',
9777
9777
  name: ['props', 'ctaTempStyles', 'ctaTitle']
9778
+ },
9779
+ {
9780
+ label: '间距',
9781
+ type: 'TextSpace',
9782
+ name: ['props', 'ctaTempStyles', 'ctaTitle']
9778
9783
  }
9779
9784
  ]
9780
9785
  }
@@ -9855,7 +9860,7 @@ Made in Italy` })));
9855
9860
  * @Author: binruan@chatlabs.com
9856
9861
  * @Date: 2024-01-16 14:50:13
9857
9862
  * @LastEditors: binruan@chatlabs.com
9858
- * @LastEditTime: 2024-06-24 18:13:14
9863
+ * @LastEditTime: 2024-07-04 18:13:23
9859
9864
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\Img.tsx
9860
9865
  *
9861
9866
  */
@@ -9876,7 +9881,7 @@ Made in Italy` })));
9876
9881
  }, [src]);
9877
9882
  return (React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
9878
9883
  React.createElement("div", { ref: ref, hidden: !src, className: css.css({ width: '100%', height: '100%' }) },
9879
- React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src: src }))));
9884
+ React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? translateY + 50 : 50}%` }, style)), src: src }))));
9880
9885
  };
9881
9886
  var Img$1 = React.memo(Img);
9882
9887
 
@@ -10173,7 +10178,7 @@ Made in Italy` })));
10173
10178
  overflow: 'hidden'
10174
10179
  }) },
10175
10180
  React.createElement("div", null,
10176
- React.createElement("div", { className: (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) ? styles$5['one-line-ellipsis'] : styles$5['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
10181
+ React.createElement("div", { className: styles$5['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
10177
10182
  __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)
10178
10183
  } }),
10179
10184
  (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$5['one-line-ellipsis'], dangerouslySetInnerHTML: {
@@ -11005,7 +11010,7 @@ Made in Italy` })));
11005
11010
  * @Author: binruan@chatlabs.com
11006
11011
  * @Date: 2023-12-26 16:11:34
11007
11012
  * @LastEditors: binruan@chatlabs.com
11008
- * @LastEditTime: 2024-06-27 10:19:28
11013
+ * @LastEditTime: 2024-07-04 18:34:18
11009
11014
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Navbar.tsx
11010
11015
  *
11011
11016
  */
@@ -11014,7 +11019,7 @@ Made in Italy` })));
11014
11019
  const { waterFallData, setOpenHashtag } = useSxpDataSource();
11015
11020
  return (React.createElement("div", { className: 'clc-sxp-nav', style: styles },
11016
11021
  React.createElement("img", { className: 'clc-sxp-nav-left', src: icon, alt: 'back button', onClick: onClose }),
11017
- React.createElement("div", { className: 'clc-sxp-nav-title', style: textStyle, dangerouslySetInnerHTML: {
11022
+ 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: {
11018
11023
  __html: setFontForText(`#${(_a = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag) !== null && _a !== void 0 ? _a : '标题'}`, textStyle)
11019
11024
  } })));
11020
11025
  };
@@ -12609,7 +12614,7 @@ Made in Italy` })));
12609
12614
  var _a, _b;
12610
12615
  if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
12611
12616
  reportTagsView();
12612
- window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
12617
+ window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
12613
12618
  }
12614
12619
  };
12615
12620
  return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
@@ -12844,7 +12849,7 @@ Made in Italy` })));
12844
12849
  var _a, _b;
12845
12850
  if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
12846
12851
  reportTagsView();
12847
- window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
12852
+ window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
12848
12853
  }
12849
12854
  };
12850
12855
  return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
@@ -12997,7 +13002,7 @@ Made in Italy` })));
12997
13002
  * @Author: binruan@chatlabs.com
12998
13003
  * @Date: 2023-07-28 18:29:57
12999
13004
  * @LastEditors: binruan@chatlabs.com
13000
- * @LastEditTime: 2024-04-30 10:13:13
13005
+ * @LastEditTime: 2024-07-04 18:38:10
13001
13006
  * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\material.tsx
13002
13007
  *
13003
13008
  */
@@ -13017,7 +13022,8 @@ Made in Italy` })));
13017
13022
  textStyles: {
13018
13023
  hashTagTitle: {
13019
13024
  fontSize: 16,
13020
- color: '#000'
13025
+ color: '#000',
13026
+ textAlign: 'center'
13021
13027
  },
13022
13028
  hashTagDesc: {
13023
13029
  fontSize: 12,
@@ -13976,7 +13982,7 @@ Made in Italy` })));
13976
13982
  * @Author: binruan@chatlabs.com
13977
13983
  * @Date: 2024-01-15 19:03:09
13978
13984
  * @LastEditors: binruan@chatlabs.com
13979
- * @LastEditTime: 2024-07-02 17:55:40
13985
+ * @LastEditTime: 2024-07-04 18:04:10
13980
13986
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
13981
13987
  *
13982
13988
  */
@@ -14364,7 +14370,7 @@ Made in Italy` })));
14364
14370
  React.createElement(Tagbar$1, { tagList: tagList, setActiveIndex: setActiveIndex, style: {
14365
14371
  top: minusHeight
14366
14372
  } }),
14367
- 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,
14373
+ 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,
14368
14374
  React.createElement(Swiper, { style: {
14369
14375
  marginTop: tagHeight
14370
14376
  }, ref: swiperRef, onSlideChange: () => {
@@ -14389,13 +14395,13 @@ Made in Italy` })));
14389
14395
  }
14390
14396
  }
14391
14397
  }, direction: 'vertical', height: height },
14392
- React.createElement(ToggleButton$1, { style: {
14398
+ ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === true) && (React.createElement(ToggleButton$1, { style: {
14393
14399
  position: 'fixed',
14394
14400
  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',
14395
14401
  zIndex: 999,
14396
14402
  [(_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,
14397
14403
  [(_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
14398
- }, 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 }),
14404
+ }, 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 })),
14399
14405
  renderView),
14400
14406
  React.createElement(WaterFall$1, 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))));
14401
14407
  };