pb-sxp-ui 1.0.3-alpha.3 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/index.cjs +70 -53
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +11 -8
  4. package/dist/index.js +70 -53
  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 +70 -53
  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/ExpandableText.js +1 -1
  15. package/es/core/components/SxpPageRender/Popup/index.js +5 -3
  16. package/es/core/components/SxpPageRender/RenderCard.js +5 -3
  17. package/es/core/components/SxpPageRender/index.js +5 -3
  18. package/es/core/context/EditorContext.js +3 -1
  19. package/es/materials/sxp/popup/CommodityDetail/index.js +9 -8
  20. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +5 -5
  21. package/es/materials/sxp/popup/CommodityDetailDiroNew/material.js +1 -1
  22. package/es/materials/sxp/template/Appoint/material.js +2 -1
  23. package/es/materials/sxp/template/Commodity/material.js +2 -1
  24. package/es/materials/sxp/template/CommodityDiro/material.js +2 -1
  25. package/es/materials/sxp/template/CommodityDiroNew/material.js +4 -3
  26. package/es/materials/sxp/template/Link/material.js +2 -1
  27. package/es/materials/sxp/template/MultiCommodity/index.js +2 -2
  28. package/es/materials/sxp/template/MultiCommodity/material.js +2 -1
  29. package/es/materials/sxp/template/MultiCommodityDiro/index.js +2 -2
  30. package/es/materials/sxp/template/MultiCommodityDiro/material.js +2 -1
  31. package/es/materials/sxp/template/MultiCommodityDiroNew/index.js +2 -2
  32. package/es/materials/sxp/template/MultiCommodityDiroNew/material.js +2 -1
  33. package/es/materials/sxp/template/components/Scroll.d.ts +1 -0
  34. package/es/materials/sxp/template/components/Scroll.js +2 -2
  35. package/lib/core/components/SxpPageRender/ExpandableText.js +1 -1
  36. package/lib/core/components/SxpPageRender/Popup/index.js +5 -3
  37. package/lib/core/components/SxpPageRender/RenderCard.js +5 -3
  38. package/lib/core/components/SxpPageRender/index.js +5 -3
  39. package/lib/core/context/EditorContext.js +3 -1
  40. package/lib/materials/sxp/popup/CommodityDetail/index.js +9 -8
  41. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +5 -5
  42. package/lib/materials/sxp/popup/CommodityDetailDiroNew/material.js +1 -1
  43. package/lib/materials/sxp/template/Appoint/material.js +2 -1
  44. package/lib/materials/sxp/template/Commodity/material.js +2 -1
  45. package/lib/materials/sxp/template/CommodityDiro/material.js +2 -1
  46. package/lib/materials/sxp/template/CommodityDiroNew/material.js +4 -3
  47. package/lib/materials/sxp/template/Link/material.js +2 -1
  48. package/lib/materials/sxp/template/MultiCommodity/index.js +2 -2
  49. package/lib/materials/sxp/template/MultiCommodity/material.js +2 -1
  50. package/lib/materials/sxp/template/MultiCommodityDiro/index.js +2 -2
  51. package/lib/materials/sxp/template/MultiCommodityDiro/material.js +2 -1
  52. package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js +2 -2
  53. package/lib/materials/sxp/template/MultiCommodityDiroNew/material.js +2 -1
  54. package/lib/materials/sxp/template/components/Scroll.d.ts +1 -0
  55. package/lib/materials/sxp/template/components/Scroll.js +2 -2
  56. package/package.json +1 -1
package/dist/pb-ui.js CHANGED
@@ -770,7 +770,6 @@
770
770
  });
771
771
  typeof window !== 'undefined' &&
772
772
  (window.sxpPopup = (type, aniType) => {
773
- setPopup(type);
774
773
  if (aniType && (aniType === null || aniType === void 0 ? void 0 : aniType.name) !== 'none') {
775
774
  setPopupAni(Object.assign(Object.assign({}, popupAni), aniType));
776
775
  }
@@ -780,6 +779,9 @@
780
779
  duration: 0
781
780
  });
782
781
  }
782
+ setTimeout(() => {
783
+ setPopup(type);
784
+ });
783
785
  });
784
786
  typeof window !== 'undefined' &&
785
787
  (window.getJointUtmLink = (url) => {
@@ -8172,7 +8174,7 @@
8172
8174
  * @Author: binruan@chatlabs.com
8173
8175
  * @Date: 2023-11-02 18:34:34
8174
8176
  * @LastEditors: binruan@chatlabs.com
8175
- * @LastEditTime: 2024-04-02 10:33:15
8177
+ * @LastEditTime: 2024-04-10 11:11:50
8176
8178
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Modal\index.tsx
8177
8179
  *
8178
8180
  */
@@ -8224,7 +8226,7 @@
8224
8226
  * @Author: binruan@chatlabs.com
8225
8227
  * @Date: 2023-12-26 16:11:34
8226
8228
  * @LastEditors: binruan@chatlabs.com
8227
- * @LastEditTime: 2024-04-02 18:52:59
8229
+ * @LastEditTime: 2024-04-09 11:00:07
8228
8230
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\ExpandableText.tsx
8229
8231
  *
8230
8232
  */
@@ -8267,7 +8269,7 @@
8267
8269
  const cs = (_a = window === null || window === void 0 ? void 0 : window.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(window, multiRow.current);
8268
8270
  const height = parseFloat(cs === null || cs === void 0 ? void 0 : cs.height);
8269
8271
  const lh = parseFloat(cs === null || cs === void 0 ? void 0 : cs.lineHeight);
8270
- const fs = parseFloat(cs === null || cs === void 0 ? void 0 : cs.fontSize) + 4;
8272
+ const fs = parseFloat(cs === null || cs === void 0 ? void 0 : cs.fontSize) + 6;
8271
8273
  const lineHeight = isNaN(lh) ? fs : lh;
8272
8274
  if (text && height > lineHeight * lineClamp) {
8273
8275
  setIsShowMore(false);
@@ -8335,15 +8337,16 @@
8335
8337
  const width = isPreview ? 375 : window.innerWidth;
8336
8338
  const renderContent = ({ isPost }) => {
8337
8339
  var _a, _b, _c;
8338
- return (React.createElement("div", { className: 'pb-commondity-content' },
8339
- React.createElement("div", { className: 'pb-commondity-content-collection', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection }, (_a = product === null || product === void 0 ? void 0 : product.collection) !== null && _a !== void 0 ? _a : 'Tiffany Lock'),
8340
- React.createElement("div", { className: 'pb-commondity-content-title', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title }, (_b = product === null || product === void 0 ? void 0 : product.title) !== null && _b !== void 0 ? _b : 'Pendant in Yellow Gold with Diamonds, Medium'),
8341
- React.createElement("div", { className: 'pb-commondity-content-price', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price }, priceText),
8342
- 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
8340
+ return (React.createElement("div", null,
8341
+ 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'),
8342
+ 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'),
8343
+ 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),
8344
+ React.createElement("div", { hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.info) || (product === null || product === void 0 ? void 0 : product.info) === '') },
8345
+ 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
8343
8346
  bold and avant-garde visual design interprets the emotional bond connecting my heart. The Tiffany Lock
8344
8347
  collection is unisex and is inspired by the padlock pattern found in the Tiffany Antique Collection. This
8345
8348
  necklace features a stylish and eye-catching oval clasp chain decorated with a lock pattern. Crafted from
8346
- 18-karat gold, this necklace is embellished with hand-set diamonds.`, maxStr: 79, className: 'pb-commondity-content-info', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.info })));
8349
+ 18-karat gold, this necklace is embellished with hand-set diamonds.`, maxStr: 79, className: 'pb-commondity-content-info', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.info }))));
8347
8350
  };
8348
8351
  const renderBtn = () => {
8349
8352
  var _a;
@@ -8382,10 +8385,10 @@
8382
8385
  objectFit: 'cover',
8383
8386
  width: '100%'
8384
8387
  }), src: (_j = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _j !== void 0 ? _j : bottom_image, alt: '' }))),
8385
- renderContent({ isPost })),
8388
+ React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))),
8386
8389
  renderBtn(),
8387
8390
  React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) },
8388
- renderContent({ isPost: false }),
8391
+ React.createElement("div", { style: { paddingBottom: '80px' } }, renderContent({ isPost: false })),
8389
8392
  renderBtn())));
8390
8393
  };
8391
8394
  var CommodityDetailComponent = React.memo(CommodityDetail$1);
@@ -8828,12 +8831,12 @@ Made in Italy` })));
8828
8831
  }), src: (_j = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _j !== void 0 ? _j : bottom_image, alt: '' }))),
8829
8832
  React.createElement("div", { className: 'pb-commondityDiroNew-content' },
8830
8833
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
8831
- React.createElement("div", null,
8832
- React.createElement("div", { className: 'pb-commondityDiroNew-content-top-title', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title }, (_k = product === null || product === void 0 ? void 0 : product.title) !== null && _k !== void 0 ? _k : 'Large Dior Toujours Bag'),
8834
+ React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
8835
+ React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left-title', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title }, (_k = product === null || product === void 0 ? void 0 : product.title) !== null && _k !== void 0 ? _k : 'Large Dior Toujours Bag'),
8833
8836
  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')),
8834
- React.createElement("div", null,
8835
- React.createElement("div", { className: 'pb-commondityDiroNew-content-top-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.price), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price }, priceText),
8836
- React.createElement("div", { className: 'pb-commondityDiroNew-content-top-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.taxInfo), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo }, (_l = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _l !== void 0 ? _l : '税费'))),
8837
+ React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right' },
8838
+ 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),
8839
+ 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 }, (_l = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _l !== void 0 ? _l : '税费'))),
8837
8840
  (!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle }, (_m = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _m !== void 0 ? _m : 'Shop now')),
8838
8841
  productInfoText({ isPost }))),
8839
8842
  React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false }))));
@@ -8844,7 +8847,7 @@ Made in Italy` })));
8844
8847
  * @Author: binruan@chatlabs.com
8845
8848
  * @Date: 2024-03-20 10:27:31
8846
8849
  * @LastEditors: binruan@chatlabs.com
8847
- * @LastEditTime: 2024-04-02 15:12:53
8850
+ * @LastEditTime: 2024-04-09 16:25:44
8848
8851
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\material.tsx
8849
8852
  *
8850
8853
  */
@@ -8866,7 +8869,7 @@ Made in Italy` })));
8866
8869
  price: {
8867
8870
  color: '#000',
8868
8871
  fontWeight: 'bold',
8869
- fontSize: 18
8872
+ fontSize: 13
8870
8873
  },
8871
8874
  title: {
8872
8875
  color: '#000',
@@ -8910,7 +8913,7 @@ Made in Italy` })));
8910
8913
  * @Author: binruan@chatlabs.com
8911
8914
  * @Date: 2024-03-26 16:50:25
8912
8915
  * @LastEditors: binruan@chatlabs.com
8913
- * @LastEditTime: 2024-04-03 15:51:15
8916
+ * @LastEditTime: 2024-04-09 21:40:18
8914
8917
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\settingRender.tsx
8915
8918
  *
8916
8919
  */
@@ -9270,7 +9273,8 @@ Made in Italy` })));
9270
9273
  width: 236,
9271
9274
  height: 74,
9272
9275
  borderRadius: 3,
9273
- backgroundColor: 'rgba(0,0,0,.3)'
9276
+ backgroundColor: 'rgba(0,0,0,.3)',
9277
+ marginBottom: 8
9274
9278
  }
9275
9279
  },
9276
9280
  w: 100,
@@ -9306,7 +9310,7 @@ Made in Italy` })));
9306
9310
  * @Author: binruan@chatlabs.com
9307
9311
  * @Date: 2023-07-28 18:29:57
9308
9312
  * @LastEditors: binruan@chatlabs.com
9309
- * @LastEditTime: 2024-03-29 17:03:49
9313
+ * @LastEditTime: 2024-04-09 21:42:21
9310
9314
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Appoint\material.tsx
9311
9315
  *
9312
9316
  */
@@ -9343,7 +9347,8 @@ Made in Italy` })));
9343
9347
  width: 236,
9344
9348
  height: 44,
9345
9349
  borderRadius: 3,
9346
- backgroundColor: 'rgba(0,0,0,.3)'
9350
+ backgroundColor: 'rgba(0,0,0,.3)',
9351
+ marginBottom: 8
9347
9352
  }
9348
9353
  },
9349
9354
  w: 100,
@@ -9419,7 +9424,8 @@ Made in Italy` })));
9419
9424
  width: 236,
9420
9425
  height: 74,
9421
9426
  borderRadius: 3,
9422
- backgroundColor: 'rgba(0,0,0,.3)'
9427
+ backgroundColor: 'rgba(0,0,0,.3)',
9428
+ marginBottom: 8
9423
9429
  }
9424
9430
  },
9425
9431
  w: 100,
@@ -9510,7 +9516,8 @@ Made in Italy` })));
9510
9516
  width: 236,
9511
9517
  height: 74,
9512
9518
  borderRadius: 3,
9513
- backgroundColor: '#fff'
9519
+ backgroundColor: '#fff',
9520
+ marginBottom: 8
9514
9521
  }
9515
9522
  },
9516
9523
  w: 100,
@@ -9558,7 +9565,7 @@ Made in Italy` })));
9558
9565
  * @Author: binruan@chatlabs.com
9559
9566
  * @Date: 2023-07-28 18:29:57
9560
9567
  * @LastEditors: binruan@chatlabs.com
9561
- * @LastEditTime: 2024-03-29 11:56:56
9568
+ * @LastEditTime: 2024-04-09 11:54:27
9562
9569
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\CommodityDiroNew\material.tsx
9563
9570
  *
9564
9571
  */
@@ -9582,13 +9589,13 @@ Made in Italy` })));
9582
9589
  marginRight: 16
9583
9590
  },
9584
9591
  title: {
9585
- fontSize: 12,
9592
+ fontSize: 13,
9586
9593
  color: '#000',
9587
9594
  textAlign: 'left'
9588
9595
  },
9589
9596
  ctaTitle: {
9590
9597
  textDecoration: 'underline',
9591
- fontSize: 12,
9598
+ fontSize: 14,
9592
9599
  fontWeight: 'bold',
9593
9600
  color: '#000',
9594
9601
  textAlign: 'left',
@@ -9602,7 +9609,8 @@ Made in Italy` })));
9602
9609
  width: 260,
9603
9610
  height: 86,
9604
9611
  padding: 4,
9605
- backgroundColor: 'rgba(255,255,255,0.75)'
9612
+ backgroundColor: 'rgba(255,255,255,0.75)',
9613
+ marginBottom: 8
9606
9614
  }
9607
9615
  },
9608
9616
  w: 100,
@@ -9622,8 +9630,8 @@ Made in Italy` })));
9622
9630
  }
9623
9631
  ];
9624
9632
 
9625
- const Scroll = ({ children }) => {
9626
- return (React.createElement(Swiper, { direction: 'horizontal', slidesPerView: 'auto', freeMode: true, mousewheel: true, modules: [freeMode, Scrollbar, Mousewheel], style: { paddingRight: '20px' } }, children));
9633
+ const Scroll = ({ children, isPadding = true }) => {
9634
+ return (React.createElement(Swiper, { direction: 'horizontal', slidesPerView: 'auto', freeMode: true, mousewheel: true, modules: [freeMode, Scrollbar, Mousewheel], style: { padding: isPadding ? '0 12px 0 20px' : 0 } }, children));
9627
9635
  };
9628
9636
  var Scroll$1 = React.memo(Scroll);
9629
9637
 
@@ -9667,9 +9675,9 @@ Made in Italy` })));
9667
9675
  setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, recData), { video: Object.assign(Object.assign({}, recData === null || recData === void 0 ? void 0 : recData.video), { bindProduct: item }) }));
9668
9676
  onClick === null || onClick === void 0 ? void 0 : onClick();
9669
9677
  }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
9670
- return (React.createElement(Scroll$1, null, products === null || products === void 0 ? void 0 : products.map((item) => {
9678
+ return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
9671
9679
  var _a, _b, _c, _d, _e, _f;
9672
- 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({ flexShrink: 0 }, style)), style: { display: 'flex' } }, props, { onClick: () => handleClick(item) }),
9680
+ 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) }),
9673
9681
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
9674
9682
  React.createElement(Img$1, { src: (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.homePage) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _c !== void 0 ? _c : bottom_image, rec: recData, item: item })),
9675
9683
  React.createElement("div", { className: css.css({
@@ -9733,7 +9741,8 @@ Made in Italy` })));
9733
9741
  width: 236,
9734
9742
  height: 74,
9735
9743
  borderRadius: 3,
9736
- backgroundColor: '#fff'
9744
+ backgroundColor: '#fff',
9745
+ marginBottom: 8
9737
9746
  }
9738
9747
  },
9739
9748
  w: 100,
@@ -9770,9 +9779,9 @@ Made in Italy` })));
9770
9779
  setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, recData), { video: Object.assign(Object.assign({}, recData === null || recData === void 0 ? void 0 : recData.video), { bindProduct: item }) }));
9771
9780
  onClick === null || onClick === void 0 ? void 0 : onClick();
9772
9781
  }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
9773
- return (React.createElement(Scroll$1, null, products === null || products === void 0 ? void 0 : products.map((item) => {
9782
+ return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
9774
9783
  var _a, _b, _c, _d, _e, _f;
9775
- 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({ flexShrink: 0 }, style)), style: { display: 'flex' } }, props, { onClick: () => handleClick(item) }),
9784
+ 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) }),
9776
9785
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
9777
9786
  React.createElement(Img$1, { src: (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.homePage) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _c !== void 0 ? _c : bottom_image, rec: recData, item: item })),
9778
9787
  React.createElement("div", { className: css.css({
@@ -9836,7 +9845,8 @@ Made in Italy` })));
9836
9845
  width: 236,
9837
9846
  height: 74,
9838
9847
  borderRadius: 3,
9839
- backgroundColor: 'rgba(0,0,0,.3)'
9848
+ backgroundColor: 'rgba(0,0,0,.3)',
9849
+ marginBottom: 8
9840
9850
  }
9841
9851
  },
9842
9852
  w: 100,
@@ -9872,9 +9882,9 @@ Made in Italy` })));
9872
9882
  setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, recData), { video: Object.assign(Object.assign({}, recData === null || recData === void 0 ? void 0 : recData.video), { bindProduct: item }) }));
9873
9883
  onClick === null || onClick === void 0 ? void 0 : onClick();
9874
9884
  }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
9875
- return (React.createElement(Scroll$1, null, products === null || products === void 0 ? void 0 : products.map((item) => {
9885
+ return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
9876
9886
  var _a, _b, _c, _d, _e, _f;
9877
- 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({ flexShrink: 0 }, style)), style: { display: 'flex' } }, props, { onClick: () => handleClick(item) }),
9887
+ 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) }),
9878
9888
  React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
9879
9889
  React.createElement(Img$1, { src: (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.homePage) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _c !== void 0 ? _c : bottom_image, rec: recData, item: item })),
9880
9890
  React.createElement("div", { className: css.css({
@@ -9896,7 +9906,7 @@ Made in Italy` })));
9896
9906
  * @Author: binruan@chatlabs.com
9897
9907
  * @Date: 2023-07-28 18:29:57
9898
9908
  * @LastEditors: binruan@chatlabs.com
9899
- * @LastEditTime: 2024-03-29 15:40:54
9909
+ * @LastEditTime: 2024-04-09 21:40:37
9900
9910
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\MultiCommodityDiroNew\material.tsx
9901
9911
  *
9902
9912
  */
@@ -9940,7 +9950,8 @@ Made in Italy` })));
9940
9950
  width: 260,
9941
9951
  height: 86,
9942
9952
  padding: 4,
9943
- backgroundColor: 'rgba(255,255,255,0.75)'
9953
+ backgroundColor: 'rgba(255,255,255,0.75)',
9954
+ marginBottom: 8
9944
9955
  }
9945
9956
  },
9946
9957
  w: 100,
@@ -12355,14 +12366,14 @@ Made in Italy` })));
12355
12366
  * @Author: binruan@chatlabs.com
12356
12367
  * @Date: 2023-12-26 16:11:34
12357
12368
  * @LastEditors: binruan@chatlabs.com
12358
- * @LastEditTime: 2024-03-04 14:25:27
12369
+ * @LastEditTime: 2024-04-09 18:17:54
12359
12370
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\RenderCard.tsx
12360
12371
  *
12361
12372
  */
12362
12373
  const RenderCard = ({ rec, index, tempMap, resolver }) => {
12363
12374
  const { schema } = useEditor();
12364
12375
  const renderComp = React.useMemo(() => {
12365
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
12376
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
12366
12377
  if (!(rec === null || rec === void 0 ? void 0 : rec.video))
12367
12378
  return null;
12368
12379
  let cta = null;
@@ -12385,8 +12396,10 @@ Made in Italy` })));
12385
12396
  return null;
12386
12397
  }
12387
12398
  if (value && resolver) {
12388
- const Component = withBindDataSource(resolver[(_w = value === null || value === void 0 ? void 0 : value.item) === null || _w === void 0 ? void 0 : _w.type]);
12389
- return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign({}, (_x = value === null || value === void 0 ? void 0 : value.item) === null || _x === void 0 ? void 0 : _x.style), { zIndex: 50, marginLeft: '20px' }), textStyle: (_y = value === null || value === void 0 ? void 0 : value.item) === null || _y === void 0 ? void 0 : _y.textStyle, bindDatas: (_0 = (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.bindDatas) !== null && _0 !== void 0 ? _0 : [] }, (_1 = value === null || value === void 0 ? void 0 : value.item) === null || _1 === void 0 ? void 0 : _1.props, { event: ((_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec })));
12399
+ const t = resolver[(_w = value === null || value === void 0 ? void 0 : value.item) === null || _w === void 0 ? void 0 : _w.type];
12400
+ const Component = withBindDataSource(t);
12401
+ const defaulSetting = (_x = t === null || t === void 0 ? void 0 : t.extend) === null || _x === void 0 ? void 0 : _x.defaulSetting;
12402
+ return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_y = value === null || value === void 0 ? void 0 : value.item) === null || _y === void 0 ? void 0 : _y.style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec })));
12390
12403
  }
12391
12404
  else {
12392
12405
  return null;
@@ -12412,7 +12425,7 @@ Made in Italy` })));
12412
12425
  * @Author: binruan@chatlabs.com
12413
12426
  * @Date: 2024-01-15 19:03:09
12414
12427
  * @LastEditors: binruan@chatlabs.com
12415
- * @LastEditTime: 2024-04-07 17:06:06
12428
+ * @LastEditTime: 2024-04-10 10:13:48
12416
12429
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
12417
12430
  *
12418
12431
  */
@@ -12579,9 +12592,11 @@ Made in Italy` })));
12579
12592
  }
12580
12593
  if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _c === void 0 ? void 0 : _c.length) > 0) {
12581
12594
  return (_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _d === void 0 ? void 0 : _d.map((value, index) => {
12582
- var _a, _b, _c, _d, _e, _f;
12583
- const Component = withBindDataSource(resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type]);
12584
- return (React.createElement(Component, Object.assign({ key: index, textStyle: (_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.textStyle, bindDatas: (_d = (_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.bindDatas) !== null && _d !== void 0 ? _d : [] }, (_e = value === null || value === void 0 ? void 0 : value.item) === null || _e === void 0 ? void 0 : _e.props, { event: ((_f = value === null || value === void 0 ? void 0 : value.item) === null || _f === void 0 ? void 0 : _f.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, viewTime: viewTime.current, rec: rec, isPost: true, tipText: tipText, style: { height: '100%', overflow: 'auto' } })));
12595
+ var _a, _b, _c, _d, _e, _f, _g, _h;
12596
+ const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
12597
+ const Component = withBindDataSource(t);
12598
+ const defaulSetting = (_b = t === null || t === void 0 ? void 0 : t.extend) === null || _b === void 0 ? void 0 : _b.defaulSetting;
12599
+ return (React.createElement(Component, Object.assign({ key: index, textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.textStyle), bindDatas: (_e = (_d = value === null || value === void 0 ? void 0 : value.item) === null || _d === void 0 ? void 0 : _d.bindDatas) !== null && _e !== void 0 ? _e : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_f = value === null || value === void 0 ? void 0 : value.item) === null || _f === void 0 ? void 0 : _f.props, { event: ((_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, viewTime: viewTime.current, rec: rec, isPost: true, tipText: tipText, style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_h = value === null || value === void 0 ? void 0 : value.item) === null || _h === void 0 ? void 0 : _h.style), { height: '100%', overflow: 'auto' }) })));
12585
12600
  });
12586
12601
  }
12587
12602
  return null;
@@ -12790,7 +12805,7 @@ Made in Italy` })));
12790
12805
  * @Author: binruan@chatlabs.com
12791
12806
  * @Date: 2023-10-31 10:56:01
12792
12807
  * @LastEditors: binruan@chatlabs.com
12793
- * @LastEditTime: 2024-04-02 10:31:51
12808
+ * @LastEditTime: 2024-04-10 09:57:19
12794
12809
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Popup\index.tsx
12795
12810
  *
12796
12811
  */
@@ -12836,10 +12851,12 @@ Made in Italy` })));
12836
12851
  const renderPopupDetail = React.useMemo(() => {
12837
12852
  var _a, _b, _c;
12838
12853
  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) => {
12839
- var _a, _b, _c, _d, _e, _f, _g;
12854
+ var _a, _b, _c, _d, _e, _f, _g, _h;
12840
12855
  if ((value === null || value === void 0 ? void 0 : value.id) === popup) {
12841
- const Component = withBindDataSource(resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type]);
12842
- return (React.createElement(Component, Object.assign({ key: index, style: Object.assign(Object.assign({}, (_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.style), { width: '100%', height: '80vh', overflow: 'auto' }), textStyle: (_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.textStyle, bindDatas: (_e = (_d = value === null || value === void 0 ? void 0 : value.item) === null || _d === void 0 ? void 0 : _d.bindDatas) !== null && _e !== void 0 ? _e : [] }, (_f = value === null || value === void 0 ? void 0 : value.item) === null || _f === void 0 ? void 0 : _f.props, { event: ((_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id })));
12856
+ const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
12857
+ const Component = withBindDataSource(t);
12858
+ const defaulSetting = (_b = t === null || t === void 0 ? void 0 : t.extend) === null || _b === void 0 ? void 0 : _b.defaulSetting;
12859
+ return (React.createElement(Component, Object.assign({ key: index, style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.style), { width: '100%', height: '80vh', overflow: 'auto' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_d = value === null || value === void 0 ? void 0 : value.item) === null || _d === void 0 ? void 0 : _d.textStyle), bindDatas: (_f = (_e = value === null || value === void 0 ? void 0 : value.item) === null || _e === void 0 ? void 0 : _e.bindDatas) !== null && _f !== void 0 ? _f : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.props, { event: ((_h = value === null || value === void 0 ? void 0 : value.item) === null || _h === void 0 ? void 0 : _h.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id })));
12843
12860
  }
12844
12861
  else {
12845
12862
  return React.createElement(React.Fragment, null);