pb-sxp-ui 1.2.8 → 1.2.10

package/dist/index.cjs

@@ -1137,7 +1137,7 @@ var interactionRender$d = [
  * @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
  *
  */
@@ -1196,6 +1196,11 @@ var settingRender$9 = [
                 type: 'TextAlign',
                 name: ['textStyle']
             },
+            {
+                label: '标题间距',
+                type: 'TextSpace',
+                name: ['textStyle']
+            },
             {
                 label: '表单布局',
                 type: 'Radius',
@@ -1254,10 +1259,12 @@ var settingRender$9 = [
                 ]
             },
             {
+                label: '提交按钮文本样式',
                 type: 'TextStyle',
                 name: ['props', 'submitButtonStyle']
             },
             {
+                label: '提交按钮对齐',
                 type: 'TextAlign',
                 name: ['props', 'submitButtonStyle']
             },
@@ -1265,6 +1272,11 @@ var settingRender$9 = [
                 label: '提交按钮颜色',
                 type: 'Color',
                 name: ['props', 'submitBgColor']
+            },
+            {
+                label: '提交按钮间距',
+                type: 'TextSpace',
+                name: ['props', 'submitButtonStyle']
             }
             // {
             //   label: '接收内容接口地址',
@@ -1707,6 +1719,10 @@ var settingRender$8 = [
                         label: '默认行数',
                         type: 'Number',
                         name: ['lineClamp']
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -1792,6 +1808,11 @@ var settingRender$8 = [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     }
@@ -8816,18 +8837,20 @@ const FormatImage = React.forwardRef((props, ref) => {
     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;
             }
@@ -8836,20 +8859,20 @@ const FormatImage = React.forwardRef((props, ref) => {
         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);
 
@@ -9179,7 +9202,7 @@ var interactionRender$b = [
  * @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
  *
  */
@@ -9231,6 +9254,11 @@ var settingRender$7 = [
                     }
                 ]
             },
+            {
+                label: '内容字体间距',
+                type: 'TextSpace',
+                name: ['props', 'contentStyle']
+            },
             {
                 type: 'Group',
                 label: '提交按钮字体',
@@ -9264,6 +9292,11 @@ var settingRender$7 = [
                     }
                 ]
             },
+            {
+                label: '提交按钮间距',
+                type: 'TextSpace',
+                name: ['props', 'submitButtonStyle']
+            },
             {
                 type: 'TextStyle',
                 name: ['props', 'submitButtonStyle']
@@ -9374,7 +9407,7 @@ const Prompt = createMaterial(PromptComponent, {
  * @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
  *
  */
@@ -9536,6 +9569,10 @@ var settingRender$6 = [
                         label: '默认行数',
                         type: 'Number',
                         name: ['lineClamp']
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -9621,6 +9658,11 @@ var settingRender$6 = [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     }
@@ -9927,7 +9969,7 @@ const CommodityDetailDiroNew = createMaterial(CommodityDetailDiroNewComponent, {
  * @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
  *
  */
@@ -10049,6 +10091,10 @@ var settingRender$5 = [
                     {
                         label: '标题对齐',
                         type: 'TextAlign'
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -10821,7 +10867,7 @@ const Appoint = createMaterial(AppointComponent, {
  * @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
  *
  */
@@ -10918,6 +10964,11 @@ var linkSettingRender = [
                 type: 'TextAlign',
                 name: ['props', 'customTitle', 'style']
             },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'customTitle', 'style']
+            },
             {
                 label: '上边距',
                 type: 'Number',
@@ -11560,7 +11611,7 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
  * @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
  *
  */
@@ -11665,6 +11716,10 @@ var settingRender$3 = [
                     {
                         label: '标题对齐',
                         type: 'TextAlign'
+                    },
+                    {
+                        label: '间距',
+                        type: 'TextSpace'
                     }
                 ]
             }
@@ -11750,6 +11805,11 @@ var settingRender$3 = [
             {
                 type: 'TextAlign',
                 name: ['props', 'buttonStyle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'buttonStyle']
             }
         ]
     },
@@ -13923,7 +13983,7 @@ const Consent = createMaterial(ConsentComponent, {
  * @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
  *
  */
@@ -14026,6 +14086,10 @@ var settingRender$1 = [
                 label: '对齐',
                 type: 'TextAlign',
                 name: ['props', 'ctaTempStyles', 'ctaTitle']
+            },
+            {
+                type: 'TextSpace',
+                name: ['props', 'ctaTempStyles', 'ctaTitle']
             }
         ]
     }
@@ -14592,7 +14656,7 @@ var interactionRender = [
  * @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
  *
  */
@@ -14626,7 +14690,8 @@ const AniLinkPopup = createMaterial(AniLinkPopupComponent, {
                 title: {
                     fontSize: 14,
                     color: '#000',
-                    textAlign: 'left'
+                    textAlign: 'left',
+                    lineHeight: 2.6
                 },
                 ctaTitle: {
                     width: 108,
@@ -15534,7 +15599,7 @@ var Tagbar$1 = React.memo(Tagbar);
  * @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
  *
  */
@@ -15547,7 +15612,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
     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();
@@ -15643,7 +15708,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
             }
             else if (document.visibilityState === 'visible') {
                 if (skipLinkRef.current === true) {
-                    setIsReload(true);
+                    setIsReload(new Date().getTime());
+                    skipLinkRef.current = false;
                 }
                 // 页面可见时触发，注意页面初始化时不会触发
                 handleH5EnterLink();
@@ -15702,7 +15768,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
     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 }));
@@ -15728,7 +15794,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         viewTime,
         tipText,
         resolver,
-        schema
+        schema,
+        isReload
     ]);
     const onExpandableChange = React.useCallback((v) => {
         setIsShowMore(v);