pb-sxp-ui 1.0.16 → 1.0.18

package/dist/pb-ui.js

@@ -8240,7 +8240,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2023-12-26 16:11:34
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-17 10:18:57
+     * @LastEditTime: 2024-04-17 13:49:29
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\ExpandableText.tsx
      *
      */
@@ -8264,9 +8264,10 @@
     };
     const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldText, unfoldText, isPost, onChange }) => {
         const [isShowMore, setIsShowMore] = React.useState(false);
-        React.useState(false);
+        const [isShow, setIsShow] = React.useState(false);
         const lineClamp = Number((style === null || style === void 0 ? void 0 : style.lineClamp) || 2);
         const multiRow = React.useRef(null);
+        const multiRowCopy = React.useRef(null);
         const handleClick = React.useCallback(() => {
             setIsShowMore(!isShowMore);
             // onChange?.(!isShowMore);
@@ -8275,24 +8276,15 @@
             return !isShowMore && text.length > maxStr ? limitTextLastWholeWord(text, maxStr) + '...' : text;
         }, [text, maxStr, isShowMore]);
         React.useEffect(() => {
-            // if (multiRow.current && isPost) {
-            //   setIsShowMore(true);
-            //   setTimeout(() => {
-            //     setIsShow(false);
-            //     try {
-            //       const cs = window?.getComputedStyle?.(multiRow.current);
-            //       const height = parseFloat(cs?.height);
-            //       const lh = parseFloat(cs?.lineHeight);
-            //       const fs = parseFloat(cs?.fontSize) + 6;
-            //       const lineHeight = isNaN(lh) ? fs : lh;
-            //       if (text && height > lineHeight * lineClamp) {
-            //         setIsShowMore(false);
-            //         setIsShow(true);
-            //       }
-            //     } catch {}
-            //   }, 100);
-            // }
-        }, [multiRow, text, lineClamp, style, isPost]);
+            var _a, _b;
+            if (((_a = multiRowCopy === null || multiRowCopy === void 0 ? void 0 : multiRowCopy.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) > ((_b = multiRow === null || multiRow === void 0 ? void 0 : multiRow.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) && isPost) {
+                setIsShow(true);
+            }
+            else {
+                setIsShow(false);
+            }
+            multiRowCopy.current.style.display = 'none';
+        }, [isPost]);
         return (React.createElement("div", { className: className, style: Object.assign({}, style), hidden: !text || text === '' },
             React.createElement("div", { ref: multiRow, style: {
                     overflow: 'hidden',
@@ -8302,7 +8294,8 @@
                     WebkitBoxOrient: 'vertical',
                     wordBreak: 'break-word'
                 }, dangerouslySetInnerHTML: { __html: text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>') } }),
-            text && isPost && (React.createElement("span", { style: { textDecoration: 'underline', cursor: 'pointer' }, onClick: onClick !== null && onClick !== void 0 ? onClick : handleClick }, isShowMore ? unfoldText || 'show less' : foldText || 'show more'))));
+            React.createElement("div", { ref: multiRowCopy, dangerouslySetInnerHTML: { __html: text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>') } }),
+            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'))));
     };
     var ExpandableText$1 = React.memo(ExpandableText);
 
@@ -12236,7 +12229,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-20 10:27:31
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-17 10:23:35
+     * @LastEditTime: 2024-04-17 13:55:13
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\PictureGroup\Picture.tsx
      *
      */
@@ -12246,7 +12239,7 @@ Made in Italy` })));
         const imgDom = React.useRef(null);
         const { sxpParameter } = useSxpDataSource();
         const getAvifToPng = React.useCallback((src) => {
-            return src;
+            return src.indexOf('avif') !== -1 ? `${src}?imageMogr2/format/webp` : src;
         }, []);
         React.useEffect(() => {
             if (imgDom.current === null || src === '') {
@@ -12292,7 +12285,7 @@ Made in Italy` })));
      * @Author: lewinlu@chatlabs.com
      * @Date: 2024-01-03 14:39:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-16 22:06:11
+     * @LastEditTime: 2024-04-17 13:53:34
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\PictureGroup\index.tsx
      */
     const PictureGroup = ({ imgUrls, width, height, rec, index, onReportViewImageEnd, onViewImageStartEvent }) => {
@@ -12315,7 +12308,7 @@ Made in Italy` })));
         // if (!isActive) {
         //   return <img src={sxpParameter?.placeholder_image} style={{ width, height, objectFit: 'cover' }} />;
         // }
-        return (React.createElement(Swiper, { defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: { clickable: true, bulletActiveClass: 'swipe-item-active-bullet' }, height: height, loop: true, autoplay: { delay: 3000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url) => {
+        return (React.createElement(Swiper, { defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: { clickable: true, bulletActiveClass: 'swipe-item-active-bullet' }, height: height, loop: true, autoplay: isActive ? { delay: 3000 } : false }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url) => {
             return (React.createElement(SwiperSlide, { key: url },
                 React.createElement(Picture, { src: url, width: width, height: height })));
         })));
@@ -12499,7 +12492,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-15 19:03:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-17 10:13:19
+     * @LastEditTime: 2024-04-17 10:30:08
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */
@@ -12628,7 +12621,7 @@ Made in Italy` })));
                             eventDescription: 'Session completed',
                             relatedContentId: (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.itemId,
                             relatedProductId: (_m = item === null || item === void 0 ? void 0 : item.product) === null || _m === void 0 ? void 0 : _m.itemId,
-                            position: activeIndex,
+                            position: activeIndex + '',
                             fromKName,
                             fromKPage: location === null || location === void 0 ? void 0 : location.href,
                             relatedCtatId: (_q = (_p = (_o = item.video) === null || _o === void 0 ? void 0 : _o.bindCta) === null || _p === void 0 ? void 0 : _p.itemId) !== null && _q !== void 0 ? _q : ''