pb-sxp-ui 1.0.16 → 1.0.18

package/dist/index.cjs

@@ -8248,7 +8248,7 @@ var Modal$1 = React.memo(Modal);
  * @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
  *
  */
@@ -8272,9 +8272,10 @@ const limitTextLastWholeWord = (originalText = '', limit) => {
 };
 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);
@@ -8283,24 +8284,15 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
         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',
@@ -8310,7 +8302,8 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
                 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);
 
@@ -12244,7 +12237,7 @@ const FingerSwipeTip = ({ imageUrl }) => {
  * @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
  *
  */
@@ -12254,7 +12247,7 @@ const Picture = (props) => {
     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 === '') {
@@ -12300,7 +12293,7 @@ const Picture = (props) => {
  * @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 }) => {
@@ -12323,7 +12316,7 @@ const PictureGroup = ({ imgUrls, width, height, rec, index, onReportViewImageEnd
     // 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 })));
     })));
@@ -12507,7 +12500,7 @@ const Nudge = ({ nudge }) => {
  * @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
  *
  */
@@ -12636,7 +12629,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                         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 : ''