pb-sxp-ui 1.2.8 → 1.2.10

package/dist/pb-ui.js

@@ -1130,7 +1130,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2023-07-28 18:29:57
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-02 10:01:21
+     * @LastEditTime: 2024-08-06 14:13:47
      * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\AppointForm\settingRender.tsx
      *
      */
@@ -1189,6 +1189,11 @@
                     type: 'TextAlign',
                     name: ['textStyle']
                 },
+                {
+                    label: '标题间距',
+                    type: 'TextSpace',
+                    name: ['textStyle']
+                },
                 {
                     label: '表单布局',
                     type: 'Radius',
@@ -1247,10 +1252,12 @@
                     ]
                 },
                 {
+                    label: '提交按钮文本样式',
                     type: 'TextStyle',
                     name: ['props', 'submitButtonStyle']
                 },
                 {
+                    label: '提交按钮对齐',
                     type: 'TextAlign',
                     name: ['props', 'submitButtonStyle']
                 },
@@ -1258,6 +1265,11 @@
                     label: '提交按钮颜色',
                     type: 'Color',
                     name: ['props', 'submitBgColor']
+                },
+                {
+                    label: '提交按钮间距',
+                    type: 'TextSpace',
+                    name: ['props', 'submitButtonStyle']
                 }
                 // {
                 //   label: '接收内容接口地址',
@@ -1700,6 +1712,10 @@
                             label: '默认行数',
                             type: 'Number',
                             name: ['lineClamp']
+                        },
+                        {
+                            label: '间距',
+                            type: 'TextSpace'
                         }
                     ]
                 }
@@ -1785,6 +1801,11 @@
                 {
                     type: 'TextAlign',
                     name: ['props', 'buttonStyle']
+                },
+                {
+                    label: '间距',
+                    type: 'TextSpace',
+                    name: ['props', 'buttonStyle']
                 }
             ]
         }
@@ -8809,18 +8830,20 @@
         const { src, onLoad, style, className, loading, alt = 'image' } = props;
         const [imgSrc, setImgSrc] = React.useState();
         const imgRef = React.useRef(null);
+        const [visible, setVisible] = React.useState(false);
         React.useImperativeHandle(ref, () => ({
             setSrc: (v) => {
-                setImgSrc(v);
+                if (v)
+                    setImgSrc(v);
             }
         }));
         React.useEffect(() => {
-            setImgSrc(src);
+            if (src)
+                setImgSrc(src);
         }, [src]);
         React.useEffect(() => {
             const onShow = () => {
-                var _a, _b;
-                if (src && ((_b = (_a = imgRef === null || imgRef === void 0 ? void 0 : imgRef.current) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.display) === 'none') {
+                if (src && !visible) {
                     imgRef.current.src = '';
                     imgRef.current.src = src;
                 }
@@ -8829,20 +8852,20 @@
             return () => {
                 SXP_EVENT_BUS.off(SXP_EVENT_TYPE.PAGE_DID_SHOW, onShow);
             };
-        }, [src]);
-        return (React.createElement(React.Fragment, null, (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
-            React.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
-            React.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
-            React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
-            React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign(Object.assign({}, style), { display: 'none' }), loading: loading, onLoad: (e) => {
-                    if (imgRef.current)
-                        imgRef.current.style.display = 'block';
+        }, [src, visible]);
+        return (React.createElement(React.Fragment, null,
+            !visible && React.createElement("div", { style: { width: '100%', height: '100%', zIndex: 1, backgroundColor: '#fff' } }),
+            (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
+                React.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
+                React.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
+                React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
+                React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
+                        setVisible(true);
+                        onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
+                    }, alt: alt }))) : (React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
+                    setVisible(true);
                     onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
-                }, alt: alt }))) : (React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign(Object.assign({}, style), { display: 'none' }), loading: loading, onLoad: (e) => {
-                if (imgRef.current)
-                    imgRef.current.style.display = 'block';
-                onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
-            }, alt: alt }))));
+                }, alt: alt }))));
     });
     var FormatImage$1 = React.memo(FormatImage);
 
@@ -9172,7 +9195,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2023-10-27 14:06:35
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-02 09:58:06
+     * @LastEditTime: 2024-08-06 14:23:11
      * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\Prompt\settingRender.tsx
      *
      */
@@ -9224,6 +9247,11 @@
                         }
                     ]
                 },
+                {
+                    label: '内容字体间距',
+                    type: 'TextSpace',
+                    name: ['props', 'contentStyle']
+                },
                 {
                     type: 'Group',
                     label: '提交按钮字体',
@@ -9257,6 +9285,11 @@
                         }
                     ]
                 },
+                {
+                    label: '提交按钮间距',
+                    type: 'TextSpace',
+                    name: ['props', 'submitButtonStyle']
+                },
                 {
                     type: 'TextStyle',
                     name: ['props', 'submitButtonStyle']
@@ -9367,7 +9400,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-26 16:50:25
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-12 14:44:50
+     * @LastEditTime: 2024-08-06 14:06:03
      * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\settingRender.tsx
      *
      */
@@ -9529,6 +9562,10 @@
                             label: '默认行数',
                             type: 'Number',
                             name: ['lineClamp']
+                        },
+                        {
+                            label: '间距',
+                            type: 'TextSpace'
                         }
                     ]
                 }
@@ -9614,6 +9651,11 @@
                 {
                     type: 'TextAlign',
                     name: ['props', 'buttonStyle']
+                },
+                {
+                    label: '间距',
+                    type: 'TextSpace',
+                    name: ['props', 'buttonStyle']
                 }
             ]
         }
@@ -9920,7 +9962,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-26 16:50:25
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-09 10:37:45
+     * @LastEditTime: 2024-08-06 14:09:52
      * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityList\settingRender.tsx
      *
      */
@@ -10042,6 +10084,10 @@ Made in Italy` })));
                         {
                             label: '标题对齐',
                             type: 'TextAlign'
+                        },
+                        {
+                            label: '间距',
+                            type: 'TextSpace'
                         }
                     ]
                 }
@@ -10814,7 +10860,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-07-02 14:51:32
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-02 16:44:34
+     * @LastEditTime: 2024-08-06 14:51:18
      * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\settingRender.tsx
      *
      */
@@ -10911,6 +10957,11 @@ Made in Italy` })));
                     type: 'TextAlign',
                     name: ['props', 'customTitle', 'style']
                 },
+                {
+                    label: '间距',
+                    type: 'TextSpace',
+                    name: ['props', 'customTitle', 'style']
+                },
                 {
                     label: '上边距',
                     type: 'Number',
@@ -11553,7 +11604,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-04-07 14:07:12
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-27 09:49:19
+     * @LastEditTime: 2024-08-06 14:00:36
      * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\settingRender.tsx
      *
      */
@@ -11658,6 +11709,10 @@ Made in Italy` })));
                         {
                             label: '标题对齐',
                             type: 'TextAlign'
+                        },
+                        {
+                            label: '间距',
+                            type: 'TextSpace'
                         }
                     ]
                 }
@@ -11743,6 +11798,11 @@ Made in Italy` })));
                 {
                     type: 'TextAlign',
                     name: ['props', 'buttonStyle']
+                },
+                {
+                    label: '间距',
+                    type: 'TextSpace',
+                    name: ['props', 'buttonStyle']
                 }
             ]
         },
@@ -13916,7 +13976,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-07-02 14:51:32
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-05 19:09:41
+     * @LastEditTime: 2024-08-06 14:28:34
      * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\settingRender.tsx
      *
      */
@@ -14019,6 +14079,10 @@ Made in Italy` })));
                     label: '对齐',
                     type: 'TextAlign',
                     name: ['props', 'ctaTempStyles', 'ctaTitle']
+                },
+                {
+                    type: 'TextSpace',
+                    name: ['props', 'ctaTempStyles', 'ctaTitle']
                 }
             ]
         }
@@ -14585,7 +14649,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-07-24 14:58:40
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-02 17:09:37
+     * @LastEditTime: 2024-08-02 17:45:51
      * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLinkPopup\material.tsx
      *
      */
@@ -14619,7 +14683,8 @@ Made in Italy` })));
                     title: {
                         fontSize: 14,
                         color: '#000',
-                        textAlign: 'left'
+                        textAlign: 'left',
+                        lineHeight: 2.6
                     },
                     ctaTitle: {
                         width: 108,
@@ -15527,7 +15592,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-15 19:03:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-02 10:50:56
+     * @LastEditTime: 2024-08-02 18:34:27
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */
@@ -15540,7 +15605,7 @@ Made in Italy` })));
         const viewTime = React.useRef();
         const [isLoadMore, setIsLoadMore] = React.useState(false);
         const [isShowMore, setIsShowMore] = React.useState(false);
-        const [isReload, setIsReload] = React.useState(false);
+        const [isReload, setIsReload] = React.useState(new Date().getTime());
         const skipLinkRef = React.useRef(false);
         const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview } = useSxpDataSource();
         const { backMainFeed } = useEventReport();
@@ -15636,7 +15701,8 @@ Made in Italy` })));
                 }
                 else if (document.visibilityState === 'visible') {
                     if (skipLinkRef.current === true) {
-                        setIsReload(true);
+                        setIsReload(new Date().getTime());
+                        skipLinkRef.current = false;
                     }
                     // 页面可见时触发，注意页面初始化时不会触发
                     handleH5EnterLink();
@@ -15695,7 +15761,7 @@ Made in Italy` })));
         const renderContent = React.useCallback((rec, index) => {
             var _a, _b, _c, _d;
             if ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.url) {
-                return (React.createElement(VideoWidget$3, { rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon }));
+                return (React.createElement(VideoWidget$3, { key: isReload, rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon }));
             }
             if ((_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.imgUrls) {
                 return (React.createElement(PictureGroup$3, { key: rec === null || rec === void 0 ? void 0 : rec.video.itemId, imgUrls: rec === null || rec === void 0 ? void 0 : rec.video.imgUrls, width: containerWidth, height: height, rec: rec, index: index, onReportViewImageEnd: handleReportViewImageEnd, onViewImageStartEvent: handleViewImageStartEvent, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost }));
@@ -15721,7 +15787,8 @@ Made in Italy` })));
             viewTime,
             tipText,
             resolver,
-            schema
+            schema,
+            isReload
         ]);
         const onExpandableChange = React.useCallback((v) => {
             setIsShowMore(v);