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/pb-ui.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('eventemitter3'), require('@emotion/css'), require('react-dom')) :
3
- typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', 'react-dom'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.EventEmitter, global.css, global.ReactDOM));
5
- })(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, ReactDOM) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('eventemitter3'), require('@emotion/css'), require('@ant-design/pro-components'), require('react-dom')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', '@ant-design/pro-components', 'react-dom'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.EventEmitter, global.css, global.proComponents, global.ReactDOM));
5
+ })(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, proComponents, ReactDOM) { 'use strict';
6
6
 
7
7
  function _interopNamespaceDefault(e) {
8
8
  var n = Object.create(null);
@@ -965,7 +965,7 @@
965
965
  * @Author: binruan@chatlabs.com
966
966
  * @Date: 2023-07-28 18:29:57
967
967
  * @LastEditors: binruan@chatlabs.com
968
- * @LastEditTime: 2024-05-17 10:11:41
968
+ * @LastEditTime: 2024-05-27 11:48:04
969
969
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\AppointForm\settingRender.tsx
970
970
  *
971
971
  */
@@ -1070,11 +1070,6 @@
1070
1070
  type: 'TextAlign',
1071
1071
  name: ['props', 'submitButtonStyle']
1072
1072
  },
1073
- {
1074
- label: '提交文本颜色',
1075
- type: 'Color',
1076
- name: ['props', 'submitColor']
1077
- },
1078
1073
  {
1079
1074
  label: '提交按钮颜色',
1080
1075
  type: 'Color',
@@ -1221,7 +1216,7 @@
1221
1216
  key: '4'
1222
1217
  }
1223
1218
  ], []);
1224
- React.useMemo(() => {
1219
+ const columnsData = React.useMemo(() => {
1225
1220
  if (layoutType === undefined) {
1226
1221
  const list = lodash.cloneDeep(columns) || defaultColumns;
1227
1222
  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 } })));
@@ -1264,7 +1259,8 @@
1264
1259
  return (React.createElement("div", { className: 'pb-appoint-form' },
1265
1260
  React.createElement("div", { className: `pb-appoint-form-title ${css.css(Object.assign({}, textStyle))}` }, title),
1266
1261
  React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
1267
- React.createElement("div", { className: 'pb-appoint-form-container' })),
1262
+ React.createElement("div", { className: 'pb-appoint-form-container' },
1263
+ React.createElement(proComponents.BetaSchemaForm, { columns: columnsData, submitter: false, layout: layoutType, autoFocusFirstInput: false, size: 'large', formRef: formRef, className: 'panel-reset' }))),
1268
1264
  React.createElement("div", { className: 'pb-appoint-form-btn-wrapper' },
1269
1265
  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))));
1270
1266
  };
@@ -1346,7 +1342,7 @@
1346
1342
  label: '居中垂直偏移',
1347
1343
  type: 'Number',
1348
1344
  name: ['props', 'swiper', 'translateY'],
1349
- min: -100,
1345
+ min: -1000,
1350
1346
  addonAfter: '%',
1351
1347
  initialValue: 0
1352
1348
  }
@@ -8439,21 +8435,26 @@
8439
8435
  * @Author: binruan@chatlabs.com
8440
8436
  * @Date: 2024-03-20 10:27:31
8441
8437
  * @LastEditors: binruan@chatlabs.com
8442
- * @LastEditTime: 2024-05-20 15:53:04
8438
+ * @LastEditTime: 2024-05-27 09:47:19
8443
8439
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\FormatImage.tsx
8444
8440
  *
8445
8441
  */
8446
8442
  const FormatImage = React.forwardRef((props, ref) => {
8447
8443
  const { src, onLoad, style, className, loading } = props;
8448
8444
  const [imgSrc, setImgSrc] = React.useState();
8445
+ const { swiperRef } = useSxpDataSource();
8449
8446
  React.useImperativeHandle(ref, () => ({
8450
8447
  setSrc: (v) => {
8451
8448
  setImgSrc(v);
8452
8449
  }
8453
8450
  }));
8454
8451
  React.useEffect(() => {
8455
- setImgSrc(src);
8456
- }, [src]);
8452
+ var _a, _b;
8453
+ // 首屏不加载第二屏之后的图片
8454
+ 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;
8455
+ if (index === 0 || index > 0)
8456
+ setImgSrc(src);
8457
+ }, [src, swiperRef]);
8457
8458
  React.useRef(null);
8458
8459
  // useEffect(() => {
8459
8460
  // let observer: any = null;
@@ -8543,9 +8544,9 @@
8543
8544
  const renderContent = ({ isPost }) => {
8544
8545
  var _a, _b, _c;
8545
8546
  return (React.createElement("div", null,
8546
- 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'),
8547
- 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'),
8548
- 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),
8547
+ 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'),
8548
+ 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'),
8549
+ 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),
8549
8550
  React.createElement("div", { hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.info) || (product === null || product === void 0 ? void 0 : product.info) === '') },
8550
8551
  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
8551
8552
  bold and avant-garde visual design interprets the emotional bond connecting my heart. The Tiffany Lock
@@ -8557,6 +8558,12 @@
8557
8558
  var _a;
8558
8559
  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'))));
8559
8560
  };
8561
+ const getStyle = React.useCallback((style) => {
8562
+ if (style === null || style === void 0 ? void 0 : style.lineClamp) {
8563
+ 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' });
8564
+ }
8565
+ return style;
8566
+ }, []);
8560
8567
  return (React.createElement("div", { className: 'pb-commondity' },
8561
8568
  React.createElement("div", Object.assign({ className: css.css(Object.assign({}, style)) }, props),
8562
8569
  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: {
@@ -8579,7 +8586,7 @@
8579
8586
  width: '100%',
8580
8587
  objectFit: 'cover',
8581
8588
  display: 'block',
8582
- transform: `translateY(${swiper === null || swiper === void 0 ? void 0 : swiper.translateY})%`
8589
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
8583
8590
  }, src: src }))));
8584
8591
  }))),
8585
8592
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
@@ -8833,7 +8840,7 @@
8833
8840
  * @Author: binruan@chatlabs.com
8834
8841
  * @Date: 2024-03-26 16:50:25
8835
8842
  * @LastEditors: binruan@chatlabs.com
8836
- * @LastEditTime: 2024-04-12 17:37:19
8843
+ * @LastEditTime: 2024-05-27 17:31:27
8837
8844
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\settingRender.tsx
8838
8845
  *
8839
8846
  */
@@ -8868,7 +8875,7 @@
8868
8875
  label: '居中垂直偏移',
8869
8876
  type: 'Number',
8870
8877
  name: ['props', 'swiper', 'translateY'],
8871
- min: -100,
8878
+ min: -1000,
8872
8879
  addonAfter: '%',
8873
8880
  initialValue: 0
8874
8881
  }
@@ -9087,6 +9094,12 @@
9087
9094
  `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
9088
9095
  Made in Italy` })));
9089
9096
  };
9097
+ const getStyle = React.useCallback((style) => {
9098
+ if (style === null || style === void 0 ? void 0 : style.lineClamp) {
9099
+ 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' });
9100
+ }
9101
+ return style;
9102
+ }, []);
9090
9103
  return (React.createElement("div", { className: 'pb-commondityDiroNew' },
9091
9104
  React.createElement("div", Object.assign({ ref: scrollRef, className: css.css(Object.assign({}, style)) }, props),
9092
9105
  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: {
@@ -9109,7 +9122,7 @@ Made in Italy` })));
9109
9122
  width: '100%',
9110
9123
  objectFit: 'cover',
9111
9124
  display: 'block',
9112
- transform: `translateY(${swiper === null || swiper === void 0 ? void 0 : swiper.translateY})%`
9125
+ objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
9113
9126
  }, src: src }))));
9114
9127
  }))),
9115
9128
  !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
@@ -9129,11 +9142,11 @@ Made in Italy` })));
9129
9142
  React.createElement("div", { className: 'pb-commondityDiroNew-content' },
9130
9143
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
9131
9144
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
9132
- 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'),
9133
- 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')),
9145
+ 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'),
9146
+ 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')),
9134
9147
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right' },
9135
- 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),
9136
- 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 : '税费'))),
9148
+ 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),
9149
+ 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 : '税费'))),
9137
9150
  (!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')),
9138
9151
  productInfoText({ isPost }))),
9139
9152
  React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false }))));
@@ -9317,7 +9330,7 @@ Made in Italy` })));
9317
9330
  label: '居中垂直偏移',
9318
9331
  type: 'Number',
9319
9332
  name: ['props', 'translateY'],
9320
- min: -100,
9333
+ min: -1000,
9321
9334
  addonAfter: '%',
9322
9335
  initialValue: 0
9323
9336
  }
@@ -9524,11 +9537,11 @@ Made in Italy` })));
9524
9537
  var styles$6 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};
9525
9538
 
9526
9539
  const Commodity$1 = (_a) => {
9527
- var _b, _c, _d, _e, _f, _g, _h, _j, _k;
9540
+ var _b, _c, _d, _e, _f, _g, _h, _j;
9528
9541
  var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink, translateY = 0 } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink", "translateY"]);
9529
9542
  const { sxpParameter } = useSxpDataSource();
9530
9543
  const product = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
9531
- 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;
9544
+ 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;
9532
9545
  return (React.createElement(EventProvider$1, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: css.css(Object.assign({}, style)), style: { display: 'flex' } }, props),
9533
9546
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
9534
9547
  React.createElement(FormatImage$1, { className: css.css({
@@ -9536,7 +9549,7 @@ Made in Italy` })));
9536
9549
  objectFit: 'cover',
9537
9550
  height: '100%',
9538
9551
  display: 'block',
9539
- transform: `translateY(${translateY}%)`
9552
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
9540
9553
  }), src: src })),
9541
9554
  React.createElement("div", { className: css.css({
9542
9555
  color: '#fff',
@@ -9546,8 +9559,8 @@ Made in Italy` })));
9546
9559
  width: '100%',
9547
9560
  overflow: 'hidden'
9548
9561
  }) },
9549
- 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'),
9550
- 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'))));
9562
+ 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'),
9563
+ 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'))));
9551
9564
  };
9552
9565
  var CommodityComponent = React.memo(Commodity$1);
9553
9566
 
@@ -9773,11 +9786,11 @@ Made in Italy` })));
9773
9786
  var styles$4 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};
9774
9787
 
9775
9788
  const CommodityDiro$1 = (_a) => {
9776
- var _b, _c, _d, _e, _f, _g, _h, _j, _k;
9789
+ var _b, _c, _d, _e, _f, _g, _h, _j;
9777
9790
  var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink, translateY = 0 } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink", "translateY"]);
9778
9791
  const { sxpParameter } = useSxpDataSource();
9779
9792
  const product = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
9780
- 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;
9793
+ 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;
9781
9794
  return (React.createElement(EventProvider$1, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: css.css(Object.assign({}, style)), style: { display: 'flex' } }, props),
9782
9795
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
9783
9796
  React.createElement(FormatImage$1, { className: css.css({
@@ -9785,7 +9798,7 @@ Made in Italy` })));
9785
9798
  objectFit: 'cover',
9786
9799
  height: '100%',
9787
9800
  display: 'block',
9788
- transform: `translateY(${translateY}%)`
9801
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
9789
9802
  }), src: src })),
9790
9803
  React.createElement("div", { className: css.css({
9791
9804
  color: '#fff',
@@ -9795,8 +9808,8 @@ Made in Italy` })));
9795
9808
  width: '100%',
9796
9809
  overflow: 'hidden'
9797
9810
  }) },
9798
- 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'),
9799
- 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'))));
9811
+ 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'),
9812
+ 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'))));
9800
9813
  };
9801
9814
  var CommodityDiroComponent = React.memo(CommodityDiro$1);
9802
9815
 
@@ -9871,11 +9884,11 @@ Made in Italy` })));
9871
9884
  var styles$3 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};
9872
9885
 
9873
9886
  const CommodityDiroNew$1 = (_a) => {
9874
- var _b, _c, _d, _e, _f, _g, _h, _j, _k;
9887
+ var _b, _c, _d, _e, _f, _g, _h, _j;
9875
9888
  var { content, style, bgImg, recData, bottom_image, ctaTempStyles, isExternalLink, translateY = 0 } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "isExternalLink", "translateY"]);
9876
9889
  const { sxpParameter } = useSxpDataSource();
9877
9890
  const product = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
9878
- 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;
9891
+ 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;
9879
9892
  return (React.createElement(EventProvider$1, Object.assign({ isExternalLink: isExternalLink, rec: recData, className: css.css(Object.assign({}, style)), style: { display: 'flex' } }, props),
9880
9893
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
9881
9894
  React.createElement(FormatImage$1, { className: css.css({
@@ -9883,7 +9896,7 @@ Made in Italy` })));
9883
9896
  objectFit: 'cover',
9884
9897
  height: '100%',
9885
9898
  display: 'block',
9886
- transform: `translateY(${translateY}%)`
9899
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
9887
9900
  }), src: src })),
9888
9901
  React.createElement("div", { className: css.css({
9889
9902
  color: '#fff',
@@ -9893,8 +9906,8 @@ Made in Italy` })));
9893
9906
  width: '100%',
9894
9907
  overflow: 'hidden'
9895
9908
  }) },
9896
- 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'),
9897
- 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'))));
9909
+ 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'),
9910
+ 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'))));
9898
9911
  };
9899
9912
  var CommodityDiroNewComponent = React.memo(CommodityDiroNew$1);
9900
9913
 
@@ -10027,7 +10040,7 @@ Made in Italy` })));
10027
10040
  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) }),
10028
10041
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
10029
10042
  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: {
10030
- transform: `translateY(${translateY}%)`
10043
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
10031
10044
  } })),
10032
10045
  React.createElement("div", { className: css.css({
10033
10046
  color: '#000',
@@ -10142,7 +10155,7 @@ Made in Italy` })));
10142
10155
  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) }),
10143
10156
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
10144
10157
  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: {
10145
- transform: `translateY(${translateY}%)`
10158
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
10146
10159
  } })),
10147
10160
  React.createElement("div", { className: css.css({
10148
10161
  color: '#fff',
@@ -10256,7 +10269,7 @@ Made in Italy` })));
10256
10269
  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) }),
10257
10270
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
10258
10271
  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: {
10259
- transform: `translateY(${translateY}%)`
10272
+ objectPosition: `50% ${translateY ? -translateY + 50 : 50}%`
10260
10273
  } })),
10261
10274
  React.createElement("div", { className: css.css({
10262
10275
  color: '#fff',
@@ -12946,7 +12959,7 @@ Made in Italy` })));
12946
12959
  * @Author: binruan@chatlabs.com
12947
12960
  * @Date: 2024-01-15 19:03:09
12948
12961
  * @LastEditors: binruan@chatlabs.com
12949
- * @LastEditTime: 2024-05-24 16:32:06
12962
+ * @LastEditTime: 2024-05-29 17:41:35
12950
12963
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
12951
12964
  *
12952
12965
  */
@@ -13072,7 +13085,7 @@ Made in Italy` })));
13072
13085
  React.useEffect(() => {
13073
13086
  const item = data === null || data === void 0 ? void 0 : data[activeIndex];
13074
13087
  const visibleChange = () => {
13075
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
13088
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
13076
13089
  if (document.visibilityState === 'hidden') {
13077
13090
  // 当用户导航到新页面、切换标签页、关闭标签页、最小化或关闭浏览器、刷新原页面（即离开原页面时），或者在移动设备上从浏览器切换到不同的应用程序时
13078
13091
  // 移动端h5直接杀掉浏览器或宿主app时不会触发，pc端直接杀掉标签页时能触发
@@ -13083,16 +13096,16 @@ Made in Italy` })));
13083
13096
  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))) {
13084
13097
  fromKName = 'pdpPage';
13085
13098
  }
13086
- 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') {
13099
+ 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') {
13087
13100
  fromKName = 'formPage';
13088
13101
  }
13089
13102
  else if (isFromHashtag) {
13090
13103
  fromKName = 'hashTagPage';
13091
13104
  }
13092
- else if ((_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.url) {
13105
+ else if ((_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.url) {
13093
13106
  fromKName = 'videoPage';
13094
13107
  }
13095
- 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)) {
13108
+ 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)) {
13096
13109
  fromKName = 'imagePage';
13097
13110
  }
13098
13111
  else if (item === null || item === void 0 ? void 0 : item.product) {
@@ -13103,12 +13116,12 @@ Made in Italy` })));
13103
13116
  sessionDuration: Math.floor((new Date() - curTime.current) / 1000) + '',
13104
13117
  eventSubject: 'sessionCompleted',
13105
13118
  eventDescription: 'Session completed',
13106
- contentId: (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.itemId,
13107
- productId: (_m = item === null || item === void 0 ? void 0 : item.product) === null || _m === void 0 ? void 0 : _m.itemId,
13119
+ contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
13120
+ productId: (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.itemId,
13108
13121
  position: activeIndex + '',
13109
13122
  fromKName,
13110
13123
  fromKPage: location === null || location === void 0 ? void 0 : location.href,
13111
- 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 : ''
13124
+ 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 : ''
13112
13125
  }
13113
13126
  });
13114
13127
  }
@@ -13196,8 +13209,10 @@ Made in Italy` })));
13196
13209
  ((_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' }),
13197
13210
  React.createElement("div", { className: 'clc-sxp-bottom' },
13198
13211
  React.createElement(Nudge, { nudge: nudge }),
13199
- (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' },
13200
- React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver }))) : null,
13212
+ (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA)
13213
+ ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
13214
+ React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver })))
13215
+ : null,
13201
13216
  React.createElement("div", null,
13202
13217
  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 }),
13203
13218
  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 })))));
@@ -13347,17 +13362,19 @@ Made in Italy` })));
13347
13362
  React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } })));
13348
13363
  }
13349
13364
  return visList === null || visList === void 0 ? void 0 : visList.map((rec, index) => {
13350
- 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: {
13351
- height,
13352
- width: containerWidth,
13353
- display: 'flex',
13354
- justifyContent: 'center',
13355
- alignItems: 'center'
13356
- } },
13357
- React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement(React.Fragment, null,
13358
- renderContent(rec, index),
13359
- renderBottom(rec, index),
13360
- renderLikeButton(rec, index)))))));
13365
+ return (React.createElement(SwiperSlide, { key: index, virtualIndex: index }, rec && (React.createElement(React.Fragment, null, (rec === null || rec === void 0 ? void 0 : rec.loading)
13366
+ ? (React.createElement("div", { style: {
13367
+ height,
13368
+ width: containerWidth,
13369
+ display: 'flex',
13370
+ justifyContent: 'center',
13371
+ alignItems: 'center'
13372
+ } },
13373
+ React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } })))
13374
+ : (React.createElement(React.Fragment, null,
13375
+ renderContent(rec, index),
13376
+ renderBottom(rec, index),
13377
+ renderLikeButton(rec, index)))))));
13361
13378
  });
13362
13379
  }, [containerWidth, data, height, loading, renderBottom, renderContent, visList, loadingImage]);
13363
13380
  const mutedIcon = useIconLink('/pb_static/5beaaa5ce7f3477b99db3838619cc471.png');
@@ -13368,7 +13385,9 @@ Made in Italy` })));
13368
13385
  } })),
13369
13386
  renderLogo,
13370
13387
  React.createElement(Tagbar$1, { tagList: tagList, setActiveIndex: setActiveIndex }),
13371
- 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,
13388
+ isShowFingerTip
13389
+ ? (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)}%` } }))
13390
+ : null,
13372
13391
  React.createElement(Swiper, { ref: swiperRef, onSlideChange: () => {
13373
13392
  swiperRef.current.swiper.allowTouchMove = false;
13374
13393
  setTimeout(() => {
@@ -13792,7 +13811,7 @@ Made in Italy` })));
13792
13811
  * @Author: binruan@chatlabs.com
13793
13812
  * @Date: 2023-10-31 10:56:01
13794
13813
  * @LastEditors: binruan@chatlabs.com
13795
- * @LastEditTime: 2024-05-14 10:12:52
13814
+ * @LastEditTime: 2024-05-27 18:19:31
13796
13815
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Popup\index.tsx
13797
13816
  *
13798
13817
  */
@@ -13838,14 +13857,14 @@ Made in Italy` })));
13838
13857
  const renderPopupDetail = React.useMemo(() => {
13839
13858
  var _a, _b, _c;
13840
13859
  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) => {
13841
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
13860
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
13842
13861
  if ((value === null || value === void 0 ? void 0 : value.id) === (popup === null || popup === void 0 ? void 0 : popup.id)) {
13843
13862
  const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
13844
13863
  const Component = withBindDataSource(t);
13845
13864
  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';
13846
13865
  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';
13847
13866
  const defaulSetting = (_h = t === null || t === void 0 ? void 0 : t.extend) === null || _h === void 0 ? void 0 : _h.defaulSetting;
13848
- 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 })));
13867
+ 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 })));
13849
13868
  }
13850
13869
  else {
13851
13870
  return React.createElement(React.Fragment, null);