pb-sxp-ui 1.0.100 → 1.0.101

package/dist/pb-ui.js

@@ -8601,7 +8601,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2023-12-26 16:11:34
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-26 18:22:30
+     * @LastEditTime: 2024-06-28 15:17:10
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\ExpandableText.tsx
      *
      */
@@ -8656,7 +8656,9 @@
                     wordBreak: 'break-word'
                 }, dangerouslySetInnerHTML: { __html: setFontForText(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), style) } }),
             React.createElement("div", { ref: multiRowCopy, dangerouslySetInnerHTML: { __html: setFontForText(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), style) } }),
-            text && isPost && isShow && (React.createElement("span", { style: { textDecoration: 'underline', cursor: 'pointer' }, onClick: onClick !== null && onClick !== void 0 ? onClick : handleClick }, isShowMore ? unfoldText || 'show less' : foldText || 'show more'))));
+            text && isPost && isShow && (React.createElement("span", { style: { textDecoration: 'underline', cursor: 'pointer' }, onClick: onClick !== null && onClick !== void 0 ? onClick : handleClick, dangerouslySetInnerHTML: {
+                    __html: setFontForText(isShowMore ? unfoldText || 'show less' : foldText || 'show more', style)
+                } }))));
     };
     var ExpandableText$1 = React.memo(ExpandableText);
 
@@ -8786,9 +8788,10 @@
         };
         const renderBtn = () => {
             var _a, _b;
-            return (React.createElement(React.Fragment, null, (isDefault || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (_a = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _a !== void 0 ? _a : 'Purchase on Website', onClick: handleLink, className: 'pb-commondity-btn', style: buttonStyle, dangerouslySetInnerHTML: {
-                    __html: setFontForText((_b = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _b !== void 0 ? _b : 'Purchase on Website', buttonStyle)
-                } }))));
+            return (React.createElement(React.Fragment, null, (isDefault || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (_a = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _a !== void 0 ? _a : 'Purchase on Website', onClick: handleLink, className: 'pb-commondity-btn', style: buttonStyle },
+                React.createElement("span", { dangerouslySetInnerHTML: {
+                        __html: setFontForText((_b = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _b !== void 0 ? _b : 'Purchase on Website', buttonStyle)
+                    } })))));
         };
         const getStyle = React.useCallback((style) => {
             if (style === null || style === void 0 ? void 0 : style.lineClamp) {
@@ -9417,9 +9420,10 @@ Made in Italy` })));
                             React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.taxInfo), style: getStyle(commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo), dangerouslySetInnerHTML: {
                                     __html: setFontForText((_m = product === null || product === void 0 ? void 0 : product.taxInfo) !== null && _m !== void 0 ? _m : '税费', commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.taxInfo)
                                 } }))),
-                    (!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (_o = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _o !== void 0 ? _o : 'Shop now', onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle, dangerouslySetInnerHTML: {
-                            __html: setFontForText((_p = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _p !== void 0 ? _p : 'Shop now', buttonStyle)
-                        } })),
+                    (!product || (product === null || product === void 0 ? void 0 : product.link)) && (React.createElement("button", { "aria-label": (_o = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _o !== void 0 ? _o : 'Shop now', onClick: handleLink, className: 'pb-commondityDiroNew-btn', style: buttonStyle },
+                        React.createElement("span", { dangerouslySetInnerHTML: {
+                                __html: setFontForText((_p = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _p !== void 0 ? _p : 'Shop now', buttonStyle)
+                            } }))),
                     productInfoText({ isPost }))),
             React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false }))));
     };
@@ -13727,11 +13731,11 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-04-29 16:32:21
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-20 10:53:08
+     * @LastEditTime: 2024-06-28 18:03:50
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Tagbar.tsx
      *
      */
-    const Tagbar = ({ tagList = [], setActiveIndex }) => {
+    const Tagbar = ({ tagList = [], setActiveIndex, style }) => {
         const { getRecommendVideos, setRtcList, setCacheRtcList, setCacheActiveIndex, setLoading, swiperRef, waterFallData, bffEventReport, selectTag, setSelectTag } = useSxpDataSource();
         const { backMainFeed } = useEventReport();
         const realTagList = React.useMemo(() => {
@@ -13772,7 +13776,7 @@ Made in Italy` })));
         };
         if (waterFallData || tagList.length <= 0)
             return null;
-        return (React.createElement("div", { className: 'clc-sxp-tagbar' },
+        return (React.createElement("div", { className: 'clc-sxp-tagbar', style: style },
             React.createElement("ul", { className: 'clc-sxp-tagbar-list', style: { margin: 'auto', gap: 24 } }, realTagList.map((tag) => {
                 return (React.createElement("li", { className: `clc-sxp-tagbar-list-item ${tag === selectTag ? 'clc-sxp-tagbar-list-item-active' : ''}`, key: tag, onClick: handleSelectTag(tag) }, tag));
             }))));
@@ -13783,7 +13787,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-15 19:03:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-27 15:47:52
+     * @LastEditTime: 2024-06-28 14:53:42
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */
@@ -13937,11 +13941,14 @@ Made in Italy` })));
             }
             return h;
         }, [tagList, waterFallData]);
-        const height = React.useMemo(() => {
+        const minusHeight = React.useMemo(() => {
             let minusHeight = 0;
             if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl) && (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLogo)) {
                 minusHeight += 45;
             }
+            return minusHeight;
+        }, []);
+        const height = React.useMemo(() => {
             return containerHeight - minusHeight - tagHeight;
         }, [globalConfig, containerHeight, tagHeight]);
         const renderLogo = React.useMemo(() => {
@@ -14178,7 +14185,9 @@ Made in Italy` })));
                     setOpenHashtag === null || setOpenHashtag === void 0 ? void 0 : setOpenHashtag(true);
                 } })),
             renderLogo,
-            React.createElement(Tagbar$1, { tagList: tagList, setActiveIndex: setActiveIndex }),
+            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,
             React.createElement(Swiper, { style: {
                     marginTop: tagHeight