pb-sxp-ui 1.14.1 → 1.15.1

package/dist/pb-ui.js

@@ -150,6 +150,13 @@
         return tokenData;
     });
 
+    /*
+     * @Author       : haocanweng@chatlabs.cn
+     * @Date         : 2023-08-21 16:58:40
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-11-20 18:26:50
+     * @FilePath: \pb-sxp-ui\src\core\utils\tool.ts
+     */
     // 生成uuid
     function uuid(len, radix) {
         const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
@@ -204,8 +211,8 @@
         const cnStyle = `font-family:${cn !== null && cn !== void 0 ? cn : 'inherit'}`;
         const enStyle = `font-family:${en !== null && en !== void 0 ? en : 'inherit'}`;
         const fn = (str) => {
-            let chineseStartIndex = str.search(chineseRegex);
-            let englishStartIndex = str.search(englishRegex);
+            const chineseStartIndex = str.search(chineseRegex);
+            const englishStartIndex = str.search(englishRegex);
             if (chineseStartIndex !== -1 && englishStartIndex !== -1 && chineseStartIndex < englishStartIndex) {
                 content += `<span style="${cnStyle}">${str.substring(chineseStartIndex, englishStartIndex)}</span>`;
                 text = str.substring(englishStartIndex, str === null || str === void 0 ? void 0 : str.length);
@@ -250,7 +257,7 @@
         return value !== null && value !== void 0 ? value : '';
     }
     function getScreenReader() {
-        let userAgent = self.navigator.userAgent;
+        const userAgent = self.navigator.userAgent;
         if (!userAgent)
             return false;
         return (/TalkBack/i.test(userAgent) ||
@@ -260,6 +267,30 @@
             /JAWS/i.test(userAgent) ||
             /ChromeVox/i.test(userAgent));
     }
+    function splitUrlParams(urlParams) {
+        if (!urlParams)
+            return;
+        const indList = [];
+        for (let i = 0; i < urlParams.length; i++) {
+            const item = urlParams[i];
+            const curStr = urlParams.substring(i + 1, urlParams.length);
+            if (item === '&' &&
+                (curStr === null || curStr === void 0 ? void 0 : curStr.indexOf('=')) !== -1 &&
+                ((curStr === null || curStr === void 0 ? void 0 : curStr.indexOf('=')) < (curStr === null || curStr === void 0 ? void 0 : curStr.indexOf('&')) || (curStr === null || curStr === void 0 ? void 0 : curStr.indexOf('&')) === -1)) {
+                indList.push(i);
+            }
+        }
+        const splitList = indList.length > 0 ? [] : [urlParams];
+        let lastIndex = 0;
+        indList === null || indList === void 0 ? void 0 : indList.map((i) => {
+            splitList === null || splitList === void 0 ? void 0 : splitList.push(urlParams.substring(lastIndex, i));
+            lastIndex = i + 1;
+            if (i === indList[indList.length - 1] && i < urlParams.length) {
+                splitList === null || splitList === void 0 ? void 0 : splitList.push(urlParams.substring(lastIndex, urlParams.length));
+            }
+        });
+        return splitList !== null && splitList !== void 0 ? splitList : [];
+    }
 
     function unzip(b64Data) {
         const strData = atob(b64Data);
@@ -513,15 +544,21 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2024-06-13 15:16:53
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-19 14:13:50
+     * @LastEditTime: 2025-01-24 14:56:51
      * @FilePath: \pb-sxp-ui\src\core\components\Consent\index.tsx
      *
      */
     const Consent$3 = ({ width = window.innerWidth, height = window.innerHeight, privacy_title, privacy_context, privacy_policy_url, privacy_policy_title }) => {
         const { setIsAgreePolicy, bffEventReport } = useSxpDataSource();
         const channelObj = React.useMemo(() => {
+            var _a;
             const queryString = location.search.slice(1);
-            const params = qs.parse(queryString.replace(/\+/g, '%2B'));
+            const params = {};
+            (_a = splitUrlParams(queryString.replace(/\+/g, '%2B'))) === null || _a === void 0 ? void 0 : _a.map((val) => {
+                const key = val.split('=')[0];
+                const value = val.split('=')[1];
+                params[key] = value;
+            });
             for (const key in params) {
                 params[key] = params[key].replace(/%2B/g, '+');
             }
@@ -713,7 +750,7 @@
                 query = Object.assign(Object.assign({}, query), { channel: decodeURIComponent(channel) });
             }
             else if (utmVal) {
-                const val = (_k = (_j = (_h = utmVal === null || utmVal === void 0 ? void 0 : utmVal.split('&')) === null || _h === void 0 ? void 0 : _h.filter((val) => {
+                const val = (_k = (_j = (_h = splitUrlParams(utmVal)) === null || _h === void 0 ? void 0 : _h.filter((val) => {
                     var _a, _b;
                     const key = val.split('=')[0];
                     return (_b = ((_a = utmParameter === null || utmParameter === void 0 ? void 0 : utmParameter.channels) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.includes(key);
@@ -840,7 +877,7 @@
                 !((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _a === void 0 ? void 0 : _a[eventName])) {
                 return;
             }
-            let jsonParams = lodash.cloneDeep((_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _b === void 0 ? void 0 : _b[eventName]);
+            const jsonParams = lodash.cloneDeep((_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _b === void 0 ? void 0 : _b[eventName]);
             const urlParams = new URLSearchParams(window.location.search);
             const fbclid = urlParams === null || urlParams === void 0 ? void 0 : urlParams.get('fbclid');
             const fix_par = {
@@ -922,7 +959,7 @@
             if (!utmVal || !isShowTag)
                 return;
             try {
-                const val = (_10 = (_9 = (_8 = utmVal === null || utmVal === void 0 ? void 0 : utmVal.split('&')) === null || _8 === void 0 ? void 0 : _8.filter((val) => {
+                const val = (_10 = (_9 = (_8 = splitUrlParams(utmVal)) === null || _8 === void 0 ? void 0 : _8.filter((val) => {
                     var _a, _b;
                     const key = val.split('=')[0];
                     return (_b = ((_a = utmParameter === null || utmParameter === void 0 ? void 0 : utmParameter.channels) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.includes(key);
@@ -957,9 +994,14 @@
             });
         }, [bffEventReport, isFromHashtag]);
         const h5EnterLink = React.useCallback(() => {
-            var _a, _b;
+            var _a, _b, _c;
             const queryString = location.search.slice(1);
-            const params = qs.parse(queryString.replace(/\+/g, '%2B'));
+            const params = {};
+            (_a = splitUrlParams(queryString.replace(/\+/g, '%2B'))) === null || _a === void 0 ? void 0 : _a.map((val) => {
+                const key = val.split('=')[0];
+                const value = val.split('=')[1];
+                params[key] = value;
+            });
             for (const key in params) {
                 params[key] = params[key].replace(/%2B/g, '+');
             }
@@ -977,7 +1019,7 @@
                     utmContent: getVal('utm_content'),
                     enterTime: Math.floor(time / 1000) + '',
                     requestId: null,
-                    enterUrl: (_b = (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.href) !== null && _b !== void 0 ? _b : '',
+                    enterUrl: (_c = (_b = window === null || window === void 0 ? void 0 : window.location) === null || _b === void 0 ? void 0 : _b.href) !== null && _c !== void 0 ? _c : '',
                     clSource: getVal('cl_source')
                 },
                 reportLayId: false
@@ -13270,7 +13312,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-04-07 14:07:12
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-22 10:14:36
+     * @LastEditTime: 2025-02-17 17:16:56
      * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\settingRender.tsx
      *
      */
@@ -13295,10 +13337,9 @@ Made in Italy` })));
                     addonAfter: 'px'
                 },
                 {
-                    type: 'Switch',
+                    type: 'HashTagFixedSize',
                     label: '固定宽高',
-                    name: ['props', 'openFixedSize'],
-                    initialValue: true
+                    name: ['props', 'openFixedSize']
                 }
             ]
         },
@@ -15106,7 +15147,7 @@ Made in Italy` })));
 
     const WaterfallFlowItem = (props) => {
         var _a;
-        const { rec, index, list, reportTagsView, textStyles, space } = props;
+        const { rec, index, list, reportTagsView, textStyles, space, openFixedSize } = props;
         const { swiperRef, setRtcList, setOpenHashtag, sxpParameter, globalConfig } = useSxpDataSource();
         const [showVideo, setShowVideo] = React.useState(false);
         const imgDom = React.useRef(null);
@@ -15215,11 +15256,11 @@ Made in Italy` })));
             }, 0);
         };
         return (React.createElement("div", { ref: ref, className: 'list-content-listItem', key: index, onClick: handleClickToDetail, style: { marginBottom: space } },
-            React.createElement("div", { className: 'list-content-listItem-picture' },
+            React.createElement("div", { className: (openFixedSize === null || openFixedSize === void 0 ? void 0 : openFixedSize.ratio) === '1' ? 'list-content-listItem-picture' : 'list-content-listItem-picture1609' },
                 showVideo && (React.createElement("div", { style: { display: 'none' } },
                     React.createElement("video", { ref: videoDom, crossOrigin: 'anonymous', className: 'list-content-listItem-picture-img' }),
                     React.createElement("canvas", { ref: canvasRef }))),
-                React.createElement(FormatImage$1, { loading: 'lazy', className: 'list-content-listItem-picture-img', ref: imgDom })),
+                React.createElement(FormatImage$1, { loading: 'lazy', className: (openFixedSize === null || openFixedSize === void 0 ? void 0 : openFixedSize.ratio) === '1' ? 'list-content-listItem-picture-img' : 'list-content-listItem-picture1609-img', ref: imgDom })),
             React.createElement("div", { className: 'list-content-listItem-info' },
                 React.createElement("div", { className: `${'list-content-listItem-info-title'} ${priceText ? 'list-content-listItem-info-nowrap' : ''}`, style: textStyles === null || textStyles === void 0 ? void 0 : textStyles.title, dangerouslySetInnerHTML: {
                         __html: setFontForText(title, textStyles === null || textStyles === void 0 ? void 0 : textStyles.title)
@@ -15330,12 +15371,12 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-10 10:58:24
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-12-09 11:18:32
+     * @LastEditTime: 2025-02-17 16:25:30
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
      *
      */
     const WaterFall = (props) => {
-        var _a;
+        var _a, _b;
         const { waterFallData, setOpenHashtag, openHashtag, swiperRef, setWaterFallData, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, setCacheRtcList, setIsFromHashtag, isFromHashtag, bffEventReport, themeTag, selectTag, bffFbReport } = useSxpDataSource();
         const { backMainFeed } = useEventReport();
         const modalEleRef = React.useRef(null);
@@ -15424,7 +15465,7 @@ Made in Italy` })));
                 display: openHashtag ? 'block' : 'none'
             } },
             React.createElement(Navbar$1, { icon: img$4, styles: { top: '32px' }, textStyle: (_a = props === null || props === void 0 ? void 0 : props.textStyles) === null || _a === void 0 ? void 0 : _a.hashTagTitle, onClose: handleClose }),
-            (props === null || props === void 0 ? void 0 : props.openFixedSize) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (React.createElement(WaterfallList, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList$1, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
+            ((_b = props === null || props === void 0 ? void 0 : props.openFixedSize) === null || _b === void 0 ? void 0 : _b.open) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (React.createElement(WaterfallList, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList$1, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
     };
     var WaterFall$1 = React.memo(WaterFall);
 
@@ -15432,7 +15473,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-15 19:03:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-22 10:15:23
+     * @LastEditTime: 2025-02-17 16:24:14
      * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\index.tsx
      *
      */
@@ -15445,7 +15486,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2023-07-28 18:29:57
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-09-18 10:48:44
+     * @LastEditTime: 2025-02-17 17:45:40
      * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\material.tsx
      *
      */
@@ -15504,7 +15545,8 @@ Made in Italy` })));
                     paddingLeft: 20,
                     paddingRight: 20,
                     paddingBottom: 20
-                }
+                },
+                openFixedSize: { open: true, ratio: '1' }
             }
         },
         w: 100,