pb-sxp-ui 1.0.102 → 1.0.103

package/dist/pb-ui.js

@@ -10037,11 +10037,122 @@ Made in Italy` })));
         sort: 6
     });
 
-    var styles$5 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2024-07-02 14:51:32
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-07-02 16:44:34
+     * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\settingRender.tsx
+     *
+     */
+    var linkSettingRender = [
+        {
+            title: '自定义标题',
+            child: [
+                {
+                    type: 'Switch',
+                    label: '自定义标题开关',
+                    name: ['props', 'customTitle', 'display']
+                },
+                {
+                    type: 'Text',
+                    label: '标题文案',
+                    name: ['props', 'customTitle', 'text']
+                },
+                {
+                    type: 'Group',
+                    label: '尺寸',
+                    child: [
+                        {
+                            type: 'Number',
+                            name: ['props', 'customTitle', 'style', 'width'],
+                            addonAfter: 'W'
+                        },
+                        {
+                            type: 'Number',
+                            name: ['props', 'customTitle', 'style', 'height'],
+                            addonAfter: 'H'
+                        }
+                    ]
+                },
+                {
+                    type: 'Group',
+                    label: '圆角',
+                    child: [
+                        {
+                            type: 'Slider',
+                            name: ['props', 'customTitle', 'style', 'borderRadius'],
+                            max: 100
+                        },
+                        {
+                            type: 'Number',
+                            name: ['props', 'customTitle', 'style', 'borderRadius'],
+                            addonAfter: 'px',
+                            max: 100
+                        }
+                    ]
+                },
+                {
+                    type: 'Color',
+                    label: '背景色',
+                    name: ['props', 'customTitle', 'style', 'backgroundColor']
+                },
+                {
+                    type: 'Group',
+                    label: '字体',
+                    child: [
+                        {
+                            type: 'Select',
+                            name: ['props', 'customTitle', 'style', 'fontFamily-cn'],
+                            bottomText: '中文字体'
+                        },
+                        {
+                            type: 'Select',
+                            name: ['props', 'customTitle', 'style', 'fontFamily-en'],
+                            bottomText: '英文/其他字体'
+                        }
+                    ]
+                },
+                {
+                    type: 'Group',
+                    label: '',
+                    child: [
+                        {
+                            type: 'Color',
+                            name: ['props', 'customTitle', 'style', 'color']
+                        },
+                        {
+                            type: 'Number',
+                            addonAfter: 'px',
+                            name: ['props', 'customTitle', 'style', 'fontSize']
+                        }
+                    ]
+                },
+                {
+                    label: '样式',
+                    type: 'TextStyle',
+                    name: ['props', 'customTitle', 'style']
+                },
+                {
+                    label: '对齐',
+                    type: 'TextAlign',
+                    name: ['props', 'customTitle', 'style']
+                },
+                {
+                    label: '上边距',
+                    type: 'Number',
+                    name: ['props', 'customTitle', 'style', 'marginTop'],
+                    addonAfter: 'px'
+                }
+            ]
+        }
+    ];
+
+    var styles$5 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU","one-line-ellipsis":"index-module_one-line-ellipsis__buFw1"};
 
     const Link$1 = (_a) => {
-        var _b, _c, _d, _e, _f, _g, _h;
-        var { content, style, bgImg, recData, bottom_image, ctaTempStyles, index } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "index"]);
+        var _b, _c, _d, _e, _f, _g, _h, _j;
+        var { content, style, bgImg, recData, bottom_image, ctaTempStyles, index, customTitle } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "index", "customTitle"]);
         const { sxpParameter, bffEventReport } = useSxpDataSource();
         const { jumpToWeb } = useEventReport();
         const cta = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindCta;
@@ -10061,27 +10172,24 @@ Made in Italy` })));
                     width: '100%',
                     overflow: 'hidden'
                 }) },
-                React.createElement("div", { className: styles$5['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
-                        __html: setFontForText((_h = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _h !== void 0 ? _h : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
-                    } }))));
+                React.createElement("div", null,
+                    React.createElement("div", { className: (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) ? styles$5['one-line-ellipsis'] : styles$5['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
+                            __html: setFontForText((_h = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _h !== void 0 ? _h : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
+                        } }),
+                    (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) && (React.createElement("div", { style: Object.assign(Object.assign({}, customTitle === null || customTitle === void 0 ? void 0 : customTitle.style), { lineHeight: ((_j = customTitle === null || customTitle === void 0 ? void 0 : customTitle.style) === null || _j === void 0 ? void 0 : _j.height) + 'px' }), className: styles$5['one-line-ellipsis'], dangerouslySetInnerHTML: {
+                            __html: setFontForText(customTitle === null || customTitle === void 0 ? void 0 : customTitle.text, customTitle === null || customTitle === void 0 ? void 0 : customTitle.style)
+                        } }))))));
     };
     var LinkComponent = React.memo(Link$1);
 
-    /*
-     * @Author: binruan@chatlabs.com
-     * @Date: 2023-07-28 18:29:57
-     * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-03-29 17:04:57
-     * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\material.tsx
-     *
-     */
+    var _a;
     const Link = createMaterial(LinkComponent, {
         displayName: '跳转指引',
         icon: '',
         category: 'template',
         type: 'Link',
         related: {
-            settingRender: settingRender$2 === null || settingRender$2 === void 0 ? void 0 : settingRender$2.filter((i) => i.type !== 'commodityTitle'),
+            settingRender: (_a = settingRender$2 === null || settingRender$2 === void 0 ? void 0 : settingRender$2.filter((i) => i.type !== 'commodityTitle')) === null || _a === void 0 ? void 0 : _a.concat(linkSettingRender),
             bindableProps: []
         },
         defaulSetting: {
@@ -10100,6 +10208,18 @@ Made in Italy` })));
                         width: 130,
                         height: 20
                     }
+                },
+                customTitle: {
+                    style: {
+                        textAlign: 'left',
+                        textDecoration: 'underline',
+                        fontWeight: 'bold',
+                        width: 130,
+                        height: 20,
+                        fontSize: 12,
+                        color: '#000'
+                    },
+                    text: '探索更多'
                 }
             },
             style: {
@@ -13574,11 +13694,11 @@ Made in Italy` })));
      * @Author: lewinlu@chatlabs.com
      * @Date: 2024-01-03 14:39:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-07 14:05:08
+     * @LastEditTime: 2024-07-02 18:25:17
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\PictureGroup\index.tsx
      */
     const PictureGroup$2 = ({ imgUrls, width, height, rec, index, onReportViewImageEnd, onViewImageStartEvent, imgUrlsPostConfig }) => {
-        var _a;
+        var _a, _b;
         const ref = React.useRef();
         const { isActive } = useSwiperSlide();
         const { sxpParameter, openHashtag } = useSxpDataSource();
@@ -13605,7 +13725,14 @@ Made in Italy` })));
         // if (!isActive) {
         //   return <img src={sxpParameter?.placeholder_image} style={{ width, height, objectFit: 'cover' }} />;
         // }
-        return (React.createElement(Swiper, { ref: ref, defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: { clickable: true, bulletActiveClass: 'swipe-item-active-bullet' }, height: height, loop: true, autoplay: { delay: ((_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.delay) !== null && _a !== void 0 ? _a : 3) * 1000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url, index) => {
+        return (React.createElement(Swiper, { ref: ref, defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: {
+                clickable: true,
+                bulletActiveClass: 'swipe-item-active-bullet'
+            }, className: css.css(Object.assign({}, ((imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) && {
+                '.swiper-pagination': {
+                    bottom: (_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) !== null && _a !== void 0 ? _a : 0
+                }
+            }))), height: height, loop: true, autoplay: { delay: ((_b = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.delay) !== null && _b !== void 0 ? _b : 3) * 1000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url, index) => {
             return (React.createElement(SwiperSlide, { key: index },
                 React.createElement(Picture, { src: !isLoad && index > 0 ? '' : url, height: height, imgUrlsPostConfig: imgUrlsPostConfig, onShowFirstImage: showFirstImageFn })));
         })));
@@ -13770,7 +13897,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-26 10:07:41
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-01 17:47:33
+     * @LastEditTime: 2024-07-03 10:07:29
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Nudge\index.tsx
      *
      */
@@ -13784,7 +13911,7 @@ Made in Italy` })));
                 borderRadius: (_f = nudge === null || nudge === void 0 ? void 0 : nudge.borderRadius) !== null && _f !== void 0 ? _f : 4
             } },
             (nudge === null || nudge === void 0 ? void 0 : nudge.icon) ? (React.createElement("img", { src: nudge.icon, alt: 'nudge icon', style: { height: '100%', objectFit: 'cover', flexShrink: 0 } })) : null,
-            React.createElement("p", { style: Object.assign(Object.assign({}, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle), { textWrap: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', flex: 1, marginBottom: 0 }), dangerouslySetInnerHTML: {
+            React.createElement("p", { style: Object.assign(Object.assign({}, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle), { textWrap: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', flex: 1, marginBottom: 0, marginTop: 0 }), dangerouslySetInnerHTML: {
                     __html: setFontForText(nudge === null || nudge === void 0 ? void 0 : nudge.content, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle)
                 } })))));
     };
@@ -13849,7 +13976,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-15 19:03:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-01 11:49:58
+     * @LastEditTime: 2024-07-02 17:55:40
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */