pb-sxp-ui 1.0.72 → 1.0.74

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 (48) hide show
  1. package/dist/index.cjs +87 -67
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +6 -6
  4. package/dist/index.js +87 -67
  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 +90 -71
  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/FormatImage.js +7 -2
  15. package/es/core/components/SxpPageRender/Popup/index.js +2 -2
  16. package/es/core/components/SxpPageRender/index.js +27 -21
  17. package/es/materials/sxp/popup/AppointForm/index.js +3 -1
  18. package/es/materials/sxp/popup/AppointForm/settingRender.js +0 -5
  19. package/es/materials/sxp/popup/CommodityDetail/index.js +11 -5
  20. package/es/materials/sxp/popup/CommodityDetail/settingRender.js +1 -1
  21. package/es/materials/sxp/popup/CommodityDetailDiro/index.js +2 -3
  22. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +12 -6
  23. package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +1 -1
  24. package/es/materials/sxp/template/Commodity/index.js +5 -5
  25. package/es/materials/sxp/template/CommodityDiro/index.js +5 -5
  26. package/es/materials/sxp/template/CommodityDiroNew/index.js +5 -5
  27. package/es/materials/sxp/template/MultiCommodity/index.js +1 -1
  28. package/es/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
  29. package/es/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
  30. package/es/materials/sxp/template/components/settingRender.js +1 -1
  31. package/lib/core/components/SxpPageRender/FormatImage.js +7 -2
  32. package/lib/core/components/SxpPageRender/Popup/index.js +2 -2
  33. package/lib/core/components/SxpPageRender/index.js +27 -21
  34. package/lib/materials/sxp/popup/AppointForm/index.js +3 -1
  35. package/lib/materials/sxp/popup/AppointForm/settingRender.js +0 -5
  36. package/lib/materials/sxp/popup/CommodityDetail/index.js +10 -4
  37. package/lib/materials/sxp/popup/CommodityDetail/settingRender.js +1 -1
  38. package/lib/materials/sxp/popup/CommodityDetailDiro/index.js +2 -3
  39. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +11 -5
  40. package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +1 -1
  41. package/lib/materials/sxp/template/Commodity/index.js +5 -5
  42. package/lib/materials/sxp/template/CommodityDiro/index.js +5 -5
  43. package/lib/materials/sxp/template/CommodityDiroNew/index.js +5 -5
  44. package/lib/materials/sxp/template/MultiCommodity/index.js +1 -1
  45. package/lib/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
  46. package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
  47. package/lib/materials/sxp/template/components/settingRender.js +1 -1
  48. package/package.json +3 -1
package/dist/index.cjs CHANGED
@@ -9,6 +9,7 @@ var React = require('react');
9
9
  var qs = require('qs');
10
10
  var EventEmitter = require('eventemitter3');
11
11
  var css = require('@emotion/css');
12
+ var proComponents = require('@ant-design/pro-components');
12
13
  var ReactDOM = require('react-dom');
13
14
 
14
15
  function _interopNamespaceDefault(e) {
@@ -972,7 +973,7 @@ var defaultSetting = {
972
973
  * @Author: binruan@chatlabs.com
973
974
  * @Date: 2023-07-28 18:29:57
974
975
  * @LastEditors: binruan@chatlabs.com
975
- * @LastEditTime: 2024-05-17 10:11:41
976
+ * @LastEditTime: 2024-05-27 11:48:04
976
977
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\AppointForm\settingRender.tsx
977
978
  *
978
979
  */
@@ -1077,11 +1078,6 @@ var settingRender$5 = [
1077
1078
  type: 'TextAlign',
1078
1079
  name: ['props', 'submitButtonStyle']
1079
1080
  },
1080
- {
1081
- label: '提交文本颜色',
1082
- type: 'Color',
1083
- name: ['props', 'submitColor']
1084
- },
1085
1081
  {
1086
1082
  label: '提交按钮颜色',
1087
1083
  type: 'Color',
@@ -1228,7 +1224,7 @@ const AppointForm$1 = (_a) => {
1228
1224
  key: '4'
1229
1225
  }
1230
1226
  ], []);
1231
- React.useMemo(() => {
1227
+ const columnsData = React.useMemo(() => {
1232
1228
  if (layoutType === undefined) {
1233
1229
  const list = lodash.cloneDeep(columns) || defaultColumns;
1234
1230
  return list === null || list === void 0 ? void 0 : list.map((obj) => (Object.assign(Object.assign({}, obj), { title: undefined, fieldProps: { placeholder: obj === null || obj === void 0 ? void 0 : obj.title } })));
@@ -1271,7 +1267,8 @@ const AppointForm$1 = (_a) => {
1271
1267
  return (React.createElement("div", { className: 'pb-appoint-form' },
1272
1268
  React.createElement("div", { className: `pb-appoint-form-title ${css.css(Object.assign({}, textStyle))}` }, title),
1273
1269
  React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
1274
- React.createElement("div", { className: 'pb-appoint-form-container' })),
1270
+ React.createElement("div", { className: 'pb-appoint-form-container' },
1271
+ React.createElement(proComponents.BetaSchemaForm, { columns: columnsData, submitter: false, layout: layoutType, autoFocusFirstInput: false, size: 'large', formRef: formRef, className: 'panel-reset' }))),
1275
1272
  React.createElement("div", { className: 'pb-appoint-form-btn-wrapper' },
1276
1273
  React.createElement("button", { onClick: handleSubmit, className: 'pb-appoint-form-btn', style: Object.assign({ color: submitColor, background: submitBgColor }, submitButtonStyle) }, loading ? React.createElement(React.Fragment, null, "loading...") : submitText))));
1277
1274
  };
@@ -1353,7 +1350,7 @@ var settingRender$4 = [
1353
1350
  label: '居中垂直偏移',
1354
1351
  type: 'Number',
1355
1352
  name: ['props', 'swiper', 'translateY'],
1356
- min: -100,
1353
+ min: -1000,
1357
1354
  addonAfter: '%',
1358
1355
  initialValue: 0
1359
1356
  }
@@ -8446,21 +8443,26 @@ var ExpandableText$1 = React.memo(ExpandableText);
8446
8443
  * @Author: binruan@chatlabs.com
8447
8444
  * @Date: 2024-03-20 10:27:31
8448
8445
  * @LastEditors: binruan@chatlabs.com
8449
- * @LastEditTime: 2024-05-20 15:53:04
8446
+ * @LastEditTime: 2024-05-27 09:47:19
8450
8447
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\FormatImage.tsx
8451
8448
  *
8452
8449
  */
8453
8450
  const FormatImage = React.forwardRef((props, ref) => {
8454
8451
  const { src, onLoad, style, className, loading } = props;
8455
8452
  const [imgSrc, setImgSrc] = React.useState();
8453
+ const { swiperRef } = useSxpDataSource();
8456
8454
  React.useImperativeHandle(ref, () => ({
8457
8455
  setSrc: (v) => {
8458
8456
  setImgSrc(v);
8459
8457
  }
8460
8458
  }));
8461
8459
  React.useEffect(() => {
8462
- setImgSrc(src);
8463
- }, [src]);
8460
+ var _a, _b;
8461
+ // 首屏不加载第二屏之后的图片
8462
+ const index = (_b = (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.activeIndex;
8463
+ if (index === 0 || index > 0)
8464
+ setImgSrc(src);
8465
+ }, [src, swiperRef]);
8464
8466
  React.useRef(null);
8465
8467
  // useEffect(() => {
8466
8468
  // let observer: any = null;
@@ -8550,9 +8552,9 @@ const CommodityDetail$1 = (_a) => {
8550
8552
  const renderContent = ({ isPost }) => {
8551
8553
  var _a, _b, _c;
8552
8554
  return (React.createElement("div", null,
8553
- React.createElement("div", { className: 'pb-commondity-content-collection', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection, hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.collection) || (product === null || product === void 0 ? void 0 : product.collection) === '') }, (_a = product === null || product === void 0 ? void 0 : product.collection) !== null && _a !== void 0 ? _a : 'Tiffany Lock'),
8554
- React.createElement("div", { className: 'pb-commondity-content-title', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title, hidden: !!product && !(product === null || product === void 0 ? void 0 : product.title) }, (_b = product === null || product === void 0 ? void 0 : product.title) !== null && _b !== void 0 ? _b : 'Pendant in Yellow Gold with Diamonds, Medium'),
8555
- React.createElement("div", { className: 'pb-commondity-content-price', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price, hidden: !!product && !(product === null || product === void 0 ? void 0 : product.price) }, priceText),
8555
+ React.createElement("div", { className: 'pb-commondity-content-collection', style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection), hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.collection) || (product === null || product === void 0 ? void 0 : product.collection) === '') }, (_a = product === null || product === void 0 ? void 0 : product.collection) !== null && _a !== void 0 ? _a : 'Tiffany Lock'),
8556
+ React.createElement("div", { className: 'pb-commondity-content-title', style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title), hidden: !!product && !(product === null || product === void 0 ? void 0 : product.title) }, (_b = product === null || product === void 0 ? void 0 : product.title) !== null && _b !== void 0 ? _b : 'Pendant in Yellow Gold with Diamonds, Medium'),
8557
+ React.createElement("div", { className: 'pb-commondity-content-price', style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price), hidden: !!product && !(product === null || product === void 0 ? void 0 : product.price) }, priceText),
8556
8558
  React.createElement("div", { hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.info) || (product === null || product === void 0 ? void 0 : product.info) === '') },
8557
8559
  React.createElement(ExpandableText$1, { foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, onClick: () => setShowModal(true), isPost: isPost, text: (_c = product === null || product === void 0 ? void 0 : product.info) !== null && _c !== void 0 ? _c : `The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
8558
8560
  bold and avant-garde visual design interprets the emotional bond connecting my heart. The Tiffany Lock
@@ -8564,6 +8566,12 @@ const CommodityDetail$1 = (_a) => {
8564
8566
  var _a;
8565
8567
  return (React.createElement(React.Fragment, null, (isDefault || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { onClick: handleLink, className: 'pb-commondity-btn', style: buttonStyle }, (_a = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _a !== void 0 ? _a : 'Purchase on Website'))));
8566
8568
  };
8569
+ const getStyle = React.useCallback((style) => {
8570
+ if (style === null || style === void 0 ? void 0 : style.lineClamp) {
8571
+ return Object.assign(Object.assign({}, style), { overflow: 'hidden', WebkitLineClamp: style === null || style === void 0 ? void 0 : style.lineClamp, textOverflow: 'ellipsis', display: '-webkit-box', webkitBoxOrient: 'vertical' });
8572
+ }
8573
+ return style;
8574
+ }, []);
8567
8575
  return (React.createElement("div", { className: 'pb-commondity' },
8568
8576
  React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
8569
8577
  product && ((_g = product === null || product === void 0 ? void 0 : product.homePage) === null || _g === void 0 ? void 0 : _g.length) > 0 && (React.createElement(Swiper, { height: width, modules: [Pagination, Autoplay], pagination: {
@@ -8586,7 +8594,7 @@ const CommodityDetail$1 = (_a) => {
8586
8594
  width: '100%',
8587
8595
  objectFit: 'cover',
8588
8596
  display: 'block',
8589
- transform: `translateY(${swiper === null || swiper === void 0 ? void 0 : swiper.translateY})%`
8597
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
8590
8598
  }, src: src }))));
8591
8599
  }))),
8592
8600
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
@@ -8840,7 +8848,7 @@ var _a$2, _b$2;
8840
8848
  * @Author: binruan@chatlabs.com
8841
8849
  * @Date: 2024-03-26 16:50:25
8842
8850
  * @LastEditors: binruan@chatlabs.com
8843
- * @LastEditTime: 2024-04-12 17:37:19
8851
+ * @LastEditTime: 2024-05-27 17:31:27
8844
8852
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\settingRender.tsx
8845
8853
  *
8846
8854
  */
@@ -8875,7 +8883,7 @@ var settingRender$2 = [
8875
8883
  label: '居中垂直偏移',
8876
8884
  type: 'Number',
8877
8885
  name: ['props', 'swiper', 'translateY'],
8878
- min: -100,
8886
+ min: -1000,
8879
8887
  addonAfter: '%',
8880
8888
  initialValue: 0
8881
8889
  }
@@ -9094,6 +9102,12 @@ const CommodityDetailDiroNew$1 = (_a) => {
9094
9102
  `Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
9095
9103
  Made in Italy` })));
9096
9104
  };
9105
+ const getStyle = React.useCallback((style) => {
9106
+ if (style === null || style === void 0 ? void 0 : style.lineClamp) {
9107
+ return Object.assign(Object.assign({}, style), { overflow: 'hidden', WebkitLineClamp: style === null || style === void 0 ? void 0 : style.lineClamp, textOverflow: 'ellipsis', display: '-webkit-box', webkitBoxOrient: 'vertical' });
9108
+ }
9109
+ return style;
9110
+ }, []);
9097
9111
  return (React.createElement("div", { className: 'pb-commondityDiroNew' },
9098
9112
  React.createElement("div", Object.assign({ ref: scrollRef, className: css.css(Object.assign({}, style)) }, props),
9099
9113
  product && ((_g = product === null || product === void 0 ? void 0 : product.homePage) === null || _g === void 0 ? void 0 : _g.length) > 0 && (React.createElement(Swiper, { height: width, modules: [Pagination, Autoplay], pagination: {
@@ -9116,7 +9130,7 @@ Made in Italy` })));
9116
9130
  width: '100%',
9117
9131
  objectFit: 'cover',
9118
9132
  display: 'block',
9119
- transform: `translateY(${swiper === null || swiper === void 0 ? void 0 : swiper.translateY})%`
9133
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
9120
9134
  }, src: src }))));
9121
9135
  }))),
9122
9136
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
@@ -9136,11 +9150,11 @@ Made in Italy` })));
9136
9150
  React.createElement("div", { className: 'pb-commondityDiroNew-content' },
9137
9151
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
9138
9152
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
9139
- React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left-title', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title }, (_l = product === null || product === void 0 ? void 0 : product.title) !== null && _l !== void 0 ? _l : 'Large Dior Toujours Bag'),
9140
- React.createElement("div", { className: 'pb-commondityDiroNew-content-collection', hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.collection) || (product === null || product === void 0 ? void 0 : product.collection) === ''), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection }, (product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage Calfskin')),
9153
+ React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left-title', style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title) }, (_l = product === null || product === void 0 ? void 0 : product.title) !== null && _l !== void 0 ? _l : 'Large Dior Toujours BagLarge'),
9154
+ React.createElement("div", { className: 'pb-commondityDiroNew-content-collection', hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.collection) || (product === null || product === void 0 ? void 0 : product.collection) === ''), style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection) }, (product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage CalfskinLarge')),
9141
9155
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right' },
9142
- React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.price), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price }, priceText),
9143
- React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.taxInfo), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo }, (_m = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _m !== void 0 ? _m : '税费'))),
9156
+ React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.price), style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) }, priceText),
9157
+ React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.taxInfo), style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo) }, (_m = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _m !== void 0 ? _m : '税费'))),
9144
9158
  (!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle }, (_o = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _o !== void 0 ? _o : 'Shop now')),
9145
9159
  productInfoText({ isPost }))),
9146
9160
  React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false }))));
@@ -9324,7 +9338,7 @@ var settingRender$1 = [
9324
9338
  label: '居中垂直偏移',
9325
9339
  type: 'Number',
9326
9340
  name: ['props', 'translateY'],
9327
- min: -100,
9341
+ min: -1000,
9328
9342
  addonAfter: '%',
9329
9343
  initialValue: 0
9330
9344
  }
@@ -9531,11 +9545,11 @@ var EventProvider$1 = React.memo(EventProvider);
9531
9545
  var styles$6 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};
9532
9546
 
9533
9547
  const Commodity$1 = (_a) => {
9534
- var _b, _c, _d, _e, _f, _g, _h, _j, _k;
9548
+ var _b, _c, _d, _e, _f, _g, _h, _j;
9535
9549
  var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink, translateY = 0 } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink", "translateY"]);
9536
9550
  const { sxpParameter } = useSxpDataSource();
9537
9551
  const product = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
9538
- const src = (_g = (_f = (_d = (_c = recData === null || recData === void 0 ? void 0 : recData.product) === null || _c === void 0 ? void 0 : _c.cover) !== null && _d !== void 0 ? _d : (_e = product === null || product === void 0 ? void 0 : product.homePage) === null || _e === void 0 ? void 0 : _e[0]) !== null && _f !== void 0 ? _f : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _g !== void 0 ? _g : bottom_image;
9552
+ const src = (_f = (_e = (_c = product === null || product === void 0 ? void 0 : product.cover) !== null && _c !== void 0 ? _c : (_d = product === null || product === void 0 ? void 0 : product.homePage) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _f !== void 0 ? _f : bottom_image;
9539
9553
  return (React.createElement(EventProvider$1, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: css.css(Object.assign({}, style)), style: { display: 'flex' } }, props),
9540
9554
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
9541
9555
  React.createElement(FormatImage$1, { className: css.css({
@@ -9543,7 +9557,7 @@ const Commodity$1 = (_a) => {
9543
9557
  objectFit: 'cover',
9544
9558
  height: '100%',
9545
9559
  display: 'block',
9546
- transform: `translateY(${translateY}%)`
9560
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
9547
9561
  }), src: src })),
9548
9562
  React.createElement("div", { className: css.css({
9549
9563
  color: '#fff',
@@ -9553,8 +9567,8 @@ const Commodity$1 = (_a) => {
9553
9567
  width: '100%',
9554
9568
  overflow: 'hidden'
9555
9569
  }) },
9556
- React.createElement("div", { className: styles$6['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_h = product === null || product === void 0 ? void 0 : product.title) !== null && _h !== void 0 ? _h : 'Product Name'),
9557
- React.createElement("div", { className: css.css(Object.assign({ padding: '2px 7px', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_k = (_j = product === null || product === void 0 ? void 0 : product.bindCta) === null || _j === void 0 ? void 0 : _j.enTitle) !== null && _k !== void 0 ? _k : 'Shop Now'))));
9570
+ React.createElement("div", { className: styles$6['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_g = product === null || product === void 0 ? void 0 : product.title) !== null && _g !== void 0 ? _g : 'Product Name'),
9571
+ React.createElement("div", { className: css.css(Object.assign({ padding: '2px 7px', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_j = (_h = product === null || product === void 0 ? void 0 : product.bindCta) === null || _h === void 0 ? void 0 : _h.enTitle) !== null && _j !== void 0 ? _j : 'Shop Now'))));
9558
9572
  };
9559
9573
  var CommodityComponent = React.memo(Commodity$1);
9560
9574
 
@@ -9780,11 +9794,11 @@ var interactionRender$4 = [
9780
9794
  var styles$4 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};
9781
9795
 
9782
9796
  const CommodityDiro$1 = (_a) => {
9783
- var _b, _c, _d, _e, _f, _g, _h, _j, _k;
9797
+ var _b, _c, _d, _e, _f, _g, _h, _j;
9784
9798
  var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink, translateY = 0 } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink", "translateY"]);
9785
9799
  const { sxpParameter } = useSxpDataSource();
9786
9800
  const product = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
9787
- const src = (_g = (_f = (_d = (_c = recData === null || recData === void 0 ? void 0 : recData.product) === null || _c === void 0 ? void 0 : _c.cover) !== null && _d !== void 0 ? _d : (_e = product === null || product === void 0 ? void 0 : product.homePage) === null || _e === void 0 ? void 0 : _e[0]) !== null && _f !== void 0 ? _f : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _g !== void 0 ? _g : bottom_image;
9801
+ const src = (_f = (_e = (_c = product === null || product === void 0 ? void 0 : product.cover) !== null && _c !== void 0 ? _c : (_d = product === null || product === void 0 ? void 0 : product.homePage) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _f !== void 0 ? _f : bottom_image;
9788
9802
  return (React.createElement(EventProvider$1, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: css.css(Object.assign({}, style)), style: { display: 'flex' } }, props),
9789
9803
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
9790
9804
  React.createElement(FormatImage$1, { className: css.css({
@@ -9792,7 +9806,7 @@ const CommodityDiro$1 = (_a) => {
9792
9806
  objectFit: 'cover',
9793
9807
  height: '100%',
9794
9808
  display: 'block',
9795
- transform: `translateY(${translateY}%)`
9809
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
9796
9810
  }), src: src })),
9797
9811
  React.createElement("div", { className: css.css({
9798
9812
  color: '#fff',
@@ -9802,8 +9816,8 @@ const CommodityDiro$1 = (_a) => {
9802
9816
  width: '100%',
9803
9817
  overflow: 'hidden'
9804
9818
  }) },
9805
- React.createElement("div", { className: styles$4['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_h = product === null || product === void 0 ? void 0 : product.title) !== null && _h !== void 0 ? _h : 'Product Name'),
9806
- React.createElement("div", { className: css.css(Object.assign({ padding: '2px 7px', textOverflow: 'ellipsis', overflow: 'hidden', borderRadius: '25px', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_k = (_j = product === null || product === void 0 ? void 0 : product.bindCta) === null || _j === void 0 ? void 0 : _j.enTitle) !== null && _k !== void 0 ? _k : 'Shop Now'))));
9819
+ React.createElement("div", { className: styles$4['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_g = product === null || product === void 0 ? void 0 : product.title) !== null && _g !== void 0 ? _g : 'Product Name'),
9820
+ React.createElement("div", { className: css.css(Object.assign({ padding: '2px 7px', textOverflow: 'ellipsis', overflow: 'hidden', borderRadius: '25px', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_j = (_h = product === null || product === void 0 ? void 0 : product.bindCta) === null || _h === void 0 ? void 0 : _h.enTitle) !== null && _j !== void 0 ? _j : 'Shop Now'))));
9807
9821
  };
9808
9822
  var CommodityDiroComponent = React.memo(CommodityDiro$1);
9809
9823
 
@@ -9878,11 +9892,11 @@ var interactionRender$3 = [
9878
9892
  var styles$3 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};
9879
9893
 
9880
9894
  const CommodityDiroNew$1 = (_a) => {
9881
- var _b, _c, _d, _e, _f, _g, _h, _j, _k;
9895
+ var _b, _c, _d, _e, _f, _g, _h, _j;
9882
9896
  var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink, translateY = 0 } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink", "translateY"]);
9883
9897
  const { sxpParameter } = useSxpDataSource();
9884
9898
  const product = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
9885
- const src = (_g = (_f = (_d = (_c = recData === null || recData === void 0 ? void 0 : recData.product) === null || _c === void 0 ? void 0 : _c.cover) !== null && _d !== void 0 ? _d : (_e = product === null || product === void 0 ? void 0 : product.homePage) === null || _e === void 0 ? void 0 : _e[0]) !== null && _f !== void 0 ? _f : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _g !== void 0 ? _g : bottom_image;
9899
+ const src = (_f = (_e = (_c = product === null || product === void 0 ? void 0 : product.cover) !== null && _c !== void 0 ? _c : (_d = product === null || product === void 0 ? void 0 : product.homePage) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _f !== void 0 ? _f : bottom_image;
9886
9900
  return (React.createElement(EventProvider$1, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: css.css(Object.assign({}, style)), style: { display: 'flex' } }, props),
9887
9901
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
9888
9902
  React.createElement(FormatImage$1, { className: css.css({
@@ -9890,7 +9904,7 @@ const CommodityDiroNew$1 = (_a) => {
9890
9904
  objectFit: 'cover',
9891
9905
  height: '100%',
9892
9906
  display: 'block',
9893
- transform: `translateY(${translateY}%)`
9907
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
9894
9908
  }), src: src })),
9895
9909
  React.createElement("div", { className: css.css({
9896
9910
  color: '#fff',
@@ -9900,8 +9914,8 @@ const CommodityDiroNew$1 = (_a) => {
9900
9914
  width: '100%',
9901
9915
  overflow: 'hidden'
9902
9916
  }) },
9903
- React.createElement("div", { className: styles$3['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_h = product === null || product === void 0 ? void 0 : product.title) !== null && _h !== void 0 ? _h : 'Product Name'),
9904
- React.createElement("div", { className: css.css(Object.assign({ textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_k = (_j = product === null || product === void 0 ? void 0 : product.bindCta) === null || _j === void 0 ? void 0 : _j.enTitle) !== null && _k !== void 0 ? _k : 'Shop now'))));
9917
+ React.createElement("div", { className: styles$3['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_g = product === null || product === void 0 ? void 0 : product.title) !== null && _g !== void 0 ? _g : 'Product Name'),
9918
+ React.createElement("div", { className: css.css(Object.assign({ textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_j = (_h = product === null || product === void 0 ? void 0 : product.bindCta) === null || _h === void 0 ? void 0 : _h.enTitle) !== null && _j !== void 0 ? _j : 'Shop now'))));
9905
9919
  };
9906
9920
  var CommodityDiroNewComponent = React.memo(CommodityDiroNew$1);
9907
9921
 
@@ -10034,7 +10048,7 @@ const MultiCommodityDiro$1 = (_a) => {
10034
10048
  return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item === null || item === void 0 ? void 0 : item.itemId, className: css.css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
10035
10049
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
10036
10050
  React.createElement(Img$1, { 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, style: {
10037
- transform: `translateY(${translateY}%)`
10051
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
10038
10052
  } })),
10039
10053
  React.createElement("div", { className: css.css({
10040
10054
  color: '#000',
@@ -10149,7 +10163,7 @@ const MultiCommodity$1 = (_a) => {
10149
10163
  return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item.itemId, className: css.css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
10150
10164
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
10151
10165
  React.createElement(Img$1, { 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, style: {
10152
- transform: `translateY(${translateY}%)`
10166
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
10153
10167
  } })),
10154
10168
  React.createElement("div", { className: css.css({
10155
10169
  color: '#fff',
@@ -10263,7 +10277,7 @@ const MultiCommodityDiroNew$1 = (_a) => {
10263
10277
  return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item === null || item === void 0 ? void 0 : item.itemId, className: css.css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
10264
10278
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
10265
10279
  React.createElement(Img$1, { 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, style: {
10266
- transform: `translateY(${translateY}%)`
10280
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
10267
10281
  } })),
10268
10282
  React.createElement("div", { className: css.css({
10269
10283
  color: '#fff',
@@ -12953,7 +12967,7 @@ var Tagbar$1 = React.memo(Tagbar);
12953
12967
  * @Author: binruan@chatlabs.com
12954
12968
  * @Date: 2024-01-15 19:03:09
12955
12969
  * @LastEditors: binruan@chatlabs.com
12956
- * @LastEditTime: 2024-05-24 16:32:06
12970
+ * @LastEditTime: 2024-05-29 17:41:35
12957
12971
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
12958
12972
  *
12959
12973
  */
@@ -13079,7 +13093,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
13079
13093
  React.useEffect(() => {
13080
13094
  const item = data === null || data === void 0 ? void 0 : data[activeIndex];
13081
13095
  const visibleChange = () => {
13082
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
13096
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
13083
13097
  if (document.visibilityState === 'hidden') {
13084
13098
  // 当用户导航到新页面、切换标签页、关闭标签页、最小化或关闭浏览器、刷新原页面（即离开原页面时），或者在移动设备上从浏览器切换到不同的应用程序时
13085
13099
  // 移动端h5直接杀掉浏览器或宿主app时不会触发，pc端直接杀掉标签页时能触发
@@ -13090,16 +13104,16 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
13090
13104
  if (popupDetailData && (((_b = (_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) || ((_c = item === null || item === void 0 ? void 0 : item.video) === null || _c === void 0 ? void 0 : _c.bindProduct))) {
13091
13105
  fromKName = 'pdpPage';
13092
13106
  }
13093
- else if (popupDetailData && (tempMap === null || tempMap === void 0 ? void 0 : tempMap[(_f = (_e = (_d = item === null || item === void 0 ? void 0 : item.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId) !== null && _f !== void 0 ? _f : ''].item.type) === 'Appoint') {
13107
+ else if (popupDetailData && ((_g = tempMap === null || tempMap === void 0 ? void 0 : tempMap[(_f = (_e = (_d = item === null || item === void 0 ? void 0 : item.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId) !== null && _f !== void 0 ? _f : ''].item) === null || _g === void 0 ? void 0 : _g.type) === 'Appoint') {
13094
13108
  fromKName = 'formPage';
13095
13109
  }
13096
13110
  else if (isFromHashtag) {
13097
13111
  fromKName = 'hashTagPage';
13098
13112
  }
13099
- else if ((_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.url) {
13113
+ else if ((_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.url) {
13100
13114
  fromKName = 'videoPage';
13101
13115
  }
13102
- else if (((_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.imgUrls) && ((_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.imgUrls) === null || _k === void 0 ? void 0 : _k.length)) {
13116
+ else if (((_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.imgUrls) && ((_l = (_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.imgUrls) === null || _l === void 0 ? void 0 : _l.length)) {
13103
13117
  fromKName = 'imagePage';
13104
13118
  }
13105
13119
  else if (item === null || item === void 0 ? void 0 : item.product) {
@@ -13110,12 +13124,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
13110
13124
  sessionDuration: Math.floor((new Date() - curTime.current) / 1000) + '',
13111
13125
  eventSubject: 'sessionCompleted',
13112
13126
  eventDescription: 'Session completed',
13113
- contentId: (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.itemId,
13114
- productId: (_m = item === null || item === void 0 ? void 0 : item.product) === null || _m === void 0 ? void 0 : _m.itemId,
13127
+ contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
13128
+ productId: (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.itemId,
13115
13129
  position: activeIndex + '',
13116
13130
  fromKName,
13117
13131
  fromKPage: location === null || location === void 0 ? void 0 : location.href,
13118
- ctatId: (_q = (_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.bindCta) === null || _p === void 0 ? void 0 : _p.itemId) !== null && _q !== void 0 ? _q : ''
13132
+ ctatId: (_r = (_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.bindCta) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : ''
13119
13133
  }
13120
13134
  });
13121
13135
  }
@@ -13203,8 +13217,10 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
13203
13217
  ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
13204
13218
  React.createElement("div", { className: 'clc-sxp-bottom' },
13205
13219
  React.createElement(Nudge, { nudge: nudge }),
13206
- (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
13207
- React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver }))) : null,
13220
+ (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA)
13221
+ ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
13222
+ React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver })))
13223
+ : null,
13208
13224
  React.createElement("div", null,
13209
13225
  React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_c = (_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : '', style: Object.assign(Object.assign({}, descStyle), { textShadow: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isOpenTextShadow) ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none' }), onChange: onExpandableChange }),
13210
13226
  React.createElement(Hashtag$1, { index: activeIndex, tags: (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.hashTags) !== null && _e !== void 0 ? _e : [], itemId: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.itemId, itemType: ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle })))));
@@ -13354,17 +13370,19 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
13354
13370
  React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } })));
13355
13371
  }
13356
13372
  return visList === null || visList === void 0 ? void 0 : visList.map((rec, index) => {
13357
- return (React.createElement(SwiperSlide, { key: index, virtualIndex: index }, rec && (React.createElement(React.Fragment, null, (rec === null || rec === void 0 ? void 0 : rec.loading) ? (React.createElement("div", { style: {
13358
- height,
13359
- width: containerWidth,
13360
- display: 'flex',
13361
- justifyContent: 'center',
13362
- alignItems: 'center'
13363
- } },
13364
- React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement(React.Fragment, null,
13365
- renderContent(rec, index),
13366
- renderBottom(rec, index),
13367
- renderLikeButton(rec, index)))))));
13373
+ return (React.createElement(SwiperSlide, { key: index, virtualIndex: index }, rec && (React.createElement(React.Fragment, null, (rec === null || rec === void 0 ? void 0 : rec.loading)
13374
+ ? (React.createElement("div", { style: {
13375
+ height,
13376
+ width: containerWidth,
13377
+ display: 'flex',
13378
+ justifyContent: 'center',
13379
+ alignItems: 'center'
13380
+ } },
13381
+ React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } })))
13382
+ : (React.createElement(React.Fragment, null,
13383
+ renderContent(rec, index),
13384
+ renderBottom(rec, index),
13385
+ renderLikeButton(rec, index)))))));
13368
13386
  });
13369
13387
  }, [containerWidth, data, height, loading, renderBottom, renderContent, visList, loadingImage]);
13370
13388
  const mutedIcon = useIconLink('/pb_static/5beaaa5ce7f3477b99db3838619cc471.png');
@@ -13375,7 +13393,9 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
13375
13393
  } })),
13376
13394
  renderLogo,
13377
13395
  React.createElement(Tagbar$1, { tagList: tagList, setActiveIndex: setActiveIndex }),
13378
- 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,
13396
+ isShowFingerTip
13397
+ ? (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)}%` } }))
13398
+ : null,
13379
13399
  React.createElement(Swiper, { ref: swiperRef, onSlideChange: () => {
13380
13400
  swiperRef.current.swiper.allowTouchMove = false;
13381
13401
  setTimeout(() => {
@@ -13799,7 +13819,7 @@ var index$1 = React.memo(DiyPortalPreview);
13799
13819
  * @Author: binruan@chatlabs.com
13800
13820
  * @Date: 2023-10-31 10:56:01
13801
13821
  * @LastEditors: binruan@chatlabs.com
13802
- * @LastEditTime: 2024-05-14 10:12:52
13822
+ * @LastEditTime: 2024-05-27 18:19:31
13803
13823
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Popup\index.tsx
13804
13824
  *
13805
13825
  */
@@ -13845,14 +13865,14 @@ const Popup = () => {
13845
13865
  const renderPopupDetail = React.useMemo(() => {
13846
13866
  var _a, _b, _c;
13847
13867
  return (_c = (_b = (_a = schema === null || schema === void 0 ? void 0 : schema.sxpPageConf) === null || _a === void 0 ? void 0 : _a.globalConfig) === null || _b === void 0 ? void 0 : _b.popupList) === null || _c === void 0 ? void 0 : _c.map((value, index) => {
13848
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
13868
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
13849
13869
  if ((value === null || value === void 0 ? void 0 : value.id) === (popup === null || popup === void 0 ? void 0 : popup.id)) {
13850
13870
  const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
13851
13871
  const Component = withBindDataSource(t);
13852
13872
  const isExternalLink = ((_d = (_c = (_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.event) === null || _c === void 0 ? void 0 : _c.onClick) === null || _d === void 0 ? void 0 : _d.linkType) === 'externalLink';
13853
13873
  const isPopup = ((_g = (_f = (_e = value === null || value === void 0 ? void 0 : value.item) === null || _e === void 0 ? void 0 : _e.event) === null || _f === void 0 ? void 0 : _f.onClick) === null || _g === void 0 ? void 0 : _g.linkType) === 'popup';
13854
13874
  const defaulSetting = (_h = t === null || t === void 0 ? void 0 : t.extend) === null || _h === void 0 ? void 0 : _h.defaulSetting;
13855
- return (React.createElement(Component, Object.assign({ key: index, style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_j = value === null || value === void 0 ? void 0 : value.item) === null || _j === void 0 ? void 0 : _j.style), { width: '100%', height: '80vh', overflow: 'auto' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_k = value === null || value === void 0 ? void 0 : value.item) === null || _k === void 0 ? void 0 : _k.textStyle), bindDatas: (_m = (_l = value === null || value === void 0 ? void 0 : value.item) === null || _l === void 0 ? void 0 : _l.bindDatas) !== null && _m !== void 0 ? _m : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_o = value === null || value === void 0 ? void 0 : value.item) === null || _o === void 0 ? void 0 : _o.props, { event: ((_p = value === null || value === void 0 ? void 0 : value.item) === null || _p === void 0 ? void 0 : _p.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, isExternalLink: isExternalLink, isPopup: isPopup, onClose: handleClose })));
13875
+ return (React.createElement(Component, Object.assign({ key: index, style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_j = value === null || value === void 0 ? void 0 : value.item) === null || _j === void 0 ? void 0 : _j.style), { width: (_k = window.innerWidth) !== null && _k !== void 0 ? _k : '100vw', height: '80vh', overflow: 'auto' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_l = value === null || value === void 0 ? void 0 : value.item) === null || _l === void 0 ? void 0 : _l.textStyle), bindDatas: (_o = (_m = value === null || value === void 0 ? void 0 : value.item) === null || _m === void 0 ? void 0 : _m.bindDatas) !== null && _o !== void 0 ? _o : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_p = value === null || value === void 0 ? void 0 : value.item) === null || _p === void 0 ? void 0 : _p.props, { event: ((_q = value === null || value === void 0 ? void 0 : value.item) === null || _q === void 0 ? void 0 : _q.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, isExternalLink: isExternalLink, isPopup: isPopup, onClose: handleClose })));
13856
13876
  }
13857
13877
  else {
13858
13878
  return React.createElement(React.Fragment, null);