pb-sxp-ui 1.0.102 → 1.0.104

package/dist/pb-ui.js

@@ -8821,7 +8821,7 @@
                                     width: '100%',
                                     objectFit: 'cover',
                                     display: 'block',
-                                    objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
+                                    objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
                                 }, src: src }))));
                 }))),
                 !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
@@ -9418,7 +9418,7 @@ Made in Italy` })));
                                     width: '100%',
                                     objectFit: 'cover',
                                     display: 'block',
-                                    objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? -(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
+                                    objectPosition: `50% ${(swiper === null || swiper === void 0 ? void 0 : swiper.translateY) ? (swiper === null || swiper === void 0 ? void 0 : swiper.translateY) + 50 : 50}%`
                                 }, src: src }))));
                 }))),
                 !((_j = product === null || product === void 0 ? void 0 : product.homePage) === null || _j === void 0 ? void 0 : _j.length) && (React.createElement("div", { className: css.css({
@@ -9530,7 +9530,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-26 16:50:25
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-27 09:55:59
+     * @LastEditTime: 2024-07-04 17:47:52
      * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\settingRender.tsx
      *
      */
@@ -9775,6 +9775,11 @@ Made in Italy` })));
                     label: '对齐',
                     type: 'TextAlign',
                     name: ['props', 'ctaTempStyles', 'ctaTitle']
+                },
+                {
+                    label: '间距',
+                    type: 'TextSpace',
+                    name: ['props', 'ctaTempStyles', 'ctaTitle']
                 }
             ]
         }
@@ -9822,7 +9827,7 @@ Made in Italy` })));
     };
     var EventProvider$1 = React.memo(EventProvider);
 
-    var styles$6 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};
+    var styles$5 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};
 
     /*
      * @Author: binruan@chatlabs.com
@@ -9855,7 +9860,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-16 14:50:13
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-24 18:13:14
+     * @LastEditTime: 2024-07-04 18:13:23
      * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\Img.tsx
      *
      */
@@ -9876,7 +9881,7 @@ Made in Italy` })));
         }, [src]);
         return (React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
             React.createElement("div", { ref: ref, hidden: !src, className: css.css({ width: '100%', height: '100%' }) },
-                React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src: src }))));
+                React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? translateY + 50 : 50}%` }, style)), src: src }))));
     };
     var Img$1 = React.memo(Img);
 
@@ -9896,7 +9901,7 @@ Made in Italy` })));
                     width: '100%',
                     overflow: 'hidden'
                 }) },
-                React.createElement("div", { className: styles$6['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title, dangerouslySetInnerHTML: {
+                React.createElement("div", { className: styles$5['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title, dangerouslySetInnerHTML: {
                         __html: setFontForText((_j = product === null || product === void 0 ? void 0 : product.title) !== null && _j !== void 0 ? _j : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title)
                     } }),
                 React.createElement("div", { className: css.css(Object.assign({ padding: '0 7px', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', lineHeight: ((_k = ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle) === null || _k === void 0 ? void 0 : _k.height) + 'px' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)), dangerouslySetInnerHTML: {
@@ -10037,11 +10042,120 @@ 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'
+                }
+            ]
+        }
+    ];
 
     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 +10175,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: '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: '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 +10211,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: {
@@ -10885,7 +11008,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2023-12-26 16:11:34
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-27 10:19:28
+     * @LastEditTime: 2024-07-04 18:34:18
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Navbar.tsx
      *
      */
@@ -10894,7 +11017,7 @@ Made in Italy` })));
         const { waterFallData, setOpenHashtag } = useSxpDataSource();
         return (React.createElement("div", { className: 'clc-sxp-nav', style: styles },
             React.createElement("img", { className: 'clc-sxp-nav-left', src: icon, alt: 'back button', onClick: onClose }),
-            React.createElement("div", { className: 'clc-sxp-nav-title', style: textStyle, dangerouslySetInnerHTML: {
+            React.createElement("div", { className: 'clc-sxp-nav-title', style: Object.assign(Object.assign({}, textStyle), { paddingLeft: (textStyle === null || textStyle === void 0 ? void 0 : textStyle.textAlign) === 'left' ? '35px' : 0 }), dangerouslySetInnerHTML: {
                     __html: setFontForText(`#${(_a = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag) !== null && _a !== void 0 ? _a : '标题'}`, textStyle)
                 } })));
     };
@@ -12489,7 +12612,7 @@ Made in Italy` })));
             var _a, _b;
             if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
                 reportTagsView();
-                window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
+                window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
             }
         };
         return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
@@ -12724,7 +12847,7 @@ Made in Italy` })));
             var _a, _b;
             if ((_a = data === null || data === void 0 ? void 0 : data.tag) === null || _a === void 0 ? void 0 : _a.link) {
                 reportTagsView();
-                window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
+                window.location.href = window.getJointUtmLink((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link);
             }
         };
         return (React.createElement(React.Fragment, null, isLoadingData ? (React.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
@@ -12877,7 +13000,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2023-07-28 18:29:57
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-30 10:13:13
+     * @LastEditTime: 2024-07-04 18:38:10
      * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\material.tsx
      *
      */
@@ -12897,7 +13020,8 @@ Made in Italy` })));
                 textStyles: {
                     hashTagTitle: {
                         fontSize: 16,
-                        color: '#000'
+                        color: '#000',
+                        textAlign: 'center'
                     },
                     hashTagDesc: {
                         fontSize: 12,
@@ -13574,11 +13698,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 +13729,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 +13901,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 +13915,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 +13980,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-04 18:04:10
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */
@@ -14237,7 +14368,7 @@ Made in Italy` })));
             React.createElement(Tagbar$1, { tagList: tagList, setActiveIndex: setActiveIndex, style: {
                     top: minusHeight
                 } }),
-            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,
+            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,
             React.createElement(Swiper, { style: {
                     marginTop: tagHeight
                 }, ref: swiperRef, onSlideChange: () => {
@@ -14262,13 +14393,13 @@ Made in Italy` })));
                         }
                     }
                 }, direction: 'vertical', height: height },
-                React.createElement(ToggleButton$1, { style: {
+                ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowMute) === true) && (React.createElement(ToggleButton$1, { style: {
                         position: 'fixed',
                         visibility: ((_c = (_b = data === null || data === void 0 ? void 0 : data[activeIndex]) === null || _b === void 0 ? void 0 : _b.video) === null || _c === void 0 ? void 0 : _c.url) ? 'visible' : 'hidden',
                         zIndex: 999,
                         [(_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconXPosit) !== null && _d !== void 0 ? _d : 'right']: (_e = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconX) !== null && _e !== void 0 ? _e : 0,
                         [(_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconYPosit) !== null && _f !== void 0 ? _f : 'bottom']: (_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconY) !== null && _g !== void 0 ? _g : 23
-                    }, defaultValue: isMuted, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon, onChange: setIsMuted }),
+                    }, defaultValue: isMuted, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon, onChange: setIsMuted })),
                 renderView),
             React.createElement(WaterFall$1, Object.assign({}, (_k = (_j = (_h = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.item) === null || _k === void 0 ? void 0 : _k.props))));
     };