pb-sxp-ui 1.4.3 → 1.5.0

package/dist/pb-ui.js

@@ -740,6 +740,8 @@
                     }
                     setLoading(false);
                     list = list.concat((_w = (_v = (_u = (_t = result === null || result === void 0 ? void 0 : result.data) === null || _t === void 0 ? void 0 : _t.recList) === null || _u === void 0 ? void 0 : _u.filter) === null || _v === void 0 ? void 0 : _v.call(_u, (item) => (item === null || item === void 0 ? void 0 : item.product) || (item === null || item === void 0 ? void 0 : item.video))) !== null && _w !== void 0 ? _w : []);
+                    setRtcList(getFilterRecList(Object.assign(Object.assign({}, result.data), { recList: list })));
+                    setCacheRtcList(getFilterRecList(Object.assign(Object.assign({}, result.data), { recList: list })));
                     const isNotNullList = (_y = (_x = result === null || result === void 0 ? void 0 : result.data) === null || _x === void 0 ? void 0 : _x.recList) === null || _y === void 0 ? void 0 : _y.some((item) => (item === null || item === void 0 ? void 0 : item.product) || (item === null || item === void 0 ? void 0 : item.video));
                     if (isNotNullList) {
                         pageNum = pageNum + 1;
@@ -1916,7 +1918,8 @@
                             label: '价格千分符展示',
                             type: 'Switch',
                             name: ['enableFormattedPrice'],
-                            initialValue: true
+                            initialValue: true,
+                            belong: 'price'
                         }
                     ]
                 }
@@ -2032,12 +2035,14 @@
                 {
                     label: '背景色',
                     name: ['props', 'swiper', 'dotsBgColor'],
-                    type: 'Color'
+                    type: 'Color',
+                    initialValue: 'rgba(0,0,0,.2)'
                 },
                 {
                     label: '选中色',
                     name: ['props', 'swiper', 'dotsActiveColor'],
-                    type: 'Color'
+                    type: 'Color',
+                    initialValue: 'rgba(0,0,0,1)'
                 },
                 {
                     label: '底边距',
@@ -9189,10 +9194,89 @@
     };
     var CommodityGroup$1 = React.memo(CommodityGroup);
 
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2024-03-20 14:56:16
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-09-12 15:50:11
+     * @FilePath: \pb-sxp-ui\src\core\utils\materials.ts
+     *
+     */
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2023-08-03 16:37:37
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2023-08-04 11:02:50
+     * @FilePath: \page-builder-admin\src\libs\core\utils\materials.ts
+     *
+     */
+    const getMediaValueByMode = (obj) => {
+        var _a;
+        if (!obj || typeof obj !== 'object') {
+            return null;
+        }
+        const { mode, link, file, src } = obj;
+        switch (mode) {
+            case 2:
+                return link || null;
+            case 3:
+                return src || null;
+            default:
+                return file && file.length > 0 ? (_a = file[0]) === null || _a === void 0 ? void 0 : _a.url : null;
+        }
+    };
+    const getPriceText = ({ product, enableFormattedPrice, globalConfig }) => {
+        var _a, _b, _c, _d, _e;
+        let price = (product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price) ? product === null || product === void 0 ? void 0 : product.price : 7000;
+        let text = '';
+        let priceSymbol = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.priceSymbol;
+        let currency = (product === null || product === void 0 ? void 0 : product.currency) ? (_c = (_b = (_a = product === null || product === void 0 ? void 0 : product.currency) === null || _a === void 0 ? void 0 : _a.split('-')[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) !== null && _c !== void 0 ? _c : '' : '$';
+        const isToLocStr = enableFormattedPrice === undefined || enableFormattedPrice || (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.millesimalSymbol) !== 'none';
+        let decPic = price.toString();
+        if (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.showTwoDecimalPoint) {
+            decPic = price === null || price === void 0 ? void 0 : price.toFixed(2);
+        }
+        let decInd = (_d = decPic === null || decPic === void 0 ? void 0 : decPic.indexOf('.')) !== null && _d !== void 0 ? _d : -1;
+        if (isToLocStr) {
+            text =
+                (_e = price === null || price === void 0 ? void 0 : price.toLocaleString('zh', {
+                    minimumFractionDigits: (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.showTwoDecimalPoint) ? 2 : 0
+                })) !== null && _e !== void 0 ? _e : '';
+            let startIndex = 0;
+            let endIndex = decInd !== null && decInd !== void 0 ? decInd : text === null || text === void 0 ? void 0 : text.length;
+            if ((priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.millesimalSymbol) === '.') {
+                text = text === null || text === void 0 ? void 0 : text.replace(/,/g, function (match, index) {
+                    if (index >= startIndex && index < endIndex) {
+                        return '.';
+                    }
+                    else {
+                        return match;
+                    }
+                });
+            }
+            else if ((priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.millesimalSymbol) === ' ') {
+                text = text === null || text === void 0 ? void 0 : text.replace(',', ' ');
+            }
+        }
+        else {
+            text = `${(priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.showTwoDecimalPoint) ? price === null || price === void 0 ? void 0 : price.toFixed(2) : price}`;
+        }
+        if ((priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.decimalPoint) === ',' && decInd > 0 && decInd + 1 < (text === null || text === void 0 ? void 0 : text.length)) {
+            text = text.slice(0, decInd + 1) + ',' + text.slice(decInd + 2);
+        }
+        if ((priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.currencyPosition) && (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.currencyPosition) !== 'none') {
+            text = (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.currencyPosition) === 'left' ? currency + text : text + currency;
+        }
+        else if ((priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.currencyPosition) !== 'none') {
+            text = currency + text;
+        }
+        return text;
+    };
+
     const CommodityDetail$1 = (_a) => {
         var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
         var { content, style, bgImg, onClick, schema, isDefault, bottom_image, tipText, isPost, viewTime, rec, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel, iframeBgColor } = _a, props = __rest(_a, ["content", "style", "bgImg", "onClick", "schema", "isDefault", "bottom_image", "tipText", "isPost", "viewTime", "rec", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel", "iframeBgColor"]);
-        const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef } = useSxpDataSource();
+        const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef, globalConfig } = useSxpDataSource();
         const { jumpToWeb, productView } = useEventReport();
         const curTimeRef = React.useRef(null);
         const [showModal, setShowModal] = React.useState(false);
@@ -9237,20 +9321,11 @@
                 window.removeEventListener('pageshow', initTime);
             };
         }, []);
-        const priceText = React.useMemo(() => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            const isToLocStr = ((_a = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice) === undefined || ((_b = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _b === void 0 ? void 0 : _b.enableFormattedPrice);
-            if ((product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price)) {
-                return `${(_e = (_d = (_c = product === null || product === void 0 ? void 0 : product.currency) === null || _c === void 0 ? void 0 : _c.split('-')[1]) === null || _d === void 0 ? void 0 : _d.toUpperCase()) !== null && _e !== void 0 ? _e : ''}${isToLocStr
-                ? (_g = (_f = product === null || product === void 0 ? void 0 : product.price) === null || _f === void 0 ? void 0 : _f.toLocaleString('zh', {
-                    minimumFractionDigits: 0
-                })) !== null && _g !== void 0 ? _g : ''
-                : product === null || product === void 0 ? void 0 : product.price}`;
-            }
-            else {
-                return '$7,000';
-            }
-        }, [product === null || product === void 0 ? void 0 : product.price, product === null || product === void 0 ? void 0 : product.currency, (_t = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _t === void 0 ? void 0 : _t.enableFormattedPrice]);
+        const priceText = getPriceText({
+            product: product,
+            enableFormattedPrice: (_t = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _t === void 0 ? void 0 : _t.enableFormattedPrice,
+            globalConfig
+        });
         const width = (isPreview ? 375 : (_u = style === null || style === void 0 ? void 0 : style.width) !== null && _u !== void 0 ? _u : window.innerWidth) - ((_v = popupBg === null || popupBg === void 0 ? void 0 : popupBg.horizontalMargin) !== null && _v !== void 0 ? _v : 0) * 2;
         const height = commodityImgRatio ? width * (commodityImgRatio.h / commodityImgRatio.w) : width;
         const renderContent = ({ isPost }) => {
@@ -9630,38 +9705,6 @@
 
     var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABHBJREFUeF7lmzuoFkcYhp/TihdIl0JBESubSCCCih4NXgJeUphCjyKmEEVtLRSjooWtShILRRJtgpCoeLzgLUZBQbTwAoooqLWoCWIXeZdd3bP++8/st7OX33+ac2Dn8r3Pvzv7zcy7A9RT5gDjgQnx3/T/iuA58Cz+m/7/StXhDVQ0gATOBhYCi4GxxnHeAKeAs8DfMSBjV52bhQTwBbApFj4YNMqPnV0GrgL7gJchxggFQMI3A5NDBOXRx+MYwn6Pul2rlAWwMv7VvykbiLH9TUAQjhnbYwUwA9gKLLIOHLjdGWAPcL1ovxYAG4G9wKiig1Vc/y2wBThQZJyiAA4Ba4sM0EDdw8CPvuMWAXAb+Mq344br3QGm+cTgC+B/n85aWMepz1kBOBknMy3U5wxJSdSSbrVcAPR+V9LRy0X5SW6+0A3AMuDPXlaeiv174K9OWvIAfA1cAMZ9JgBeA98Ct7J68gAMtyjJCfUbKFn6zgeA0tujoUZtWT9D2bS50x1wA2gqt6+al9YO09ODZAF8DrO+C+KIt0IagNbzIlTXktYVaKfr9+PNkSklchMtpXWHR/sJaQA7gJ8sUdXURuJ/AB7E4/0BLDeOvROQ3hEA/gFmGjusullWfDKeFcI1YFYawETgSdUqjP3niS8LYRLwNHkE1gM/GwOssplLfBkIG4BfEgBKE5dWqcTQt694da1td22YFikngGUJgH+B0UVaV1y3iHiFYpnA/wPGCICFXpX66xCfxD8oAKuA3wIpegToHW0tdYpXjKsFQLu7u60Rx+3exSCPG29HdVO3eI25TQB+BdaVAKCMSneRVpBJKfpMNiFesR4UgNOdlomeQF4AWj3quCpbfCE0JV7xDgvAXWCqp+B0tYfACkC7xXnFBaFJ8Yr5ngC8Mu78KHnS4+MqeRCaFq+4X5cB8MnmQoE7oQ3iPwCwPgJWEdZ2rjvNcj16BMpMghYxWsElS1pX0K45xNXedT2aBMu+BotCcAVlfZX69puuF70GQyRCoSFU/csnEKJEKFQqHApCXeIFIUqFQy6GykKoU7wARIuh6HVQwsmVffasEOoWLwfauASADkKU0oYqRSHULV465SsaSgAoqfk9lPq4H18ITYhXiJr7jiYAZGyUUzN0cUFoSrx0yrX6PH0ucEmTQmgCXdb5TYrX/uFcaa3rYCR7JzQpXro1vg5HRgCo+mhMEOT3/RKQYaGpkns0poD6+nA0+UX6+nhcEPreICEIfW2REQCZoc+30A9snTjlI57fyUzdzSYnU3RpP7414sDtNLl3NFG7jJK9YI52sepqnnYBUOe9ZJLOwnCapn0AqNO+NksnVHvJNO00SSeifO+ApH4vZIpdzdHZZ6QoALWXifqI8TTJNWGVua5drTV5pui8ji0A1JfM1Lta5CeWD3h7JzO0i6gVQNJv3342lwXbtx9OpkFoP0ET0LwKDZcyOF5s46ez2TtCxkt9OL0gBmJ1oMnJJcHnYo/wU9czXfR62TnAd7zWfj7/HrAAAKDnDZ8VAAAAAElFTkSuQmCC";
 
-    /*
-     * @Author: binruan@chatlabs.com
-     * @Date: 2024-03-20 14:56:16
-     * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-03-20 14:56:22
-     * @FilePath: \pb-sxp-ui\src\core\utils\materials.ts
-     *
-     */
-    /*
-     * @Author: binruan@chatlabs.com
-     * @Date: 2023-08-03 16:37:37
-     * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2023-08-04 11:02:50
-     * @FilePath: \page-builder-admin\src\libs\core\utils\materials.ts
-     *
-     */
-    const getMediaValueByMode = (obj) => {
-        var _a;
-        if (!obj || typeof obj !== 'object') {
-            return null;
-        }
-        const { mode, link, file, src } = obj;
-        switch (mode) {
-            case 2:
-                return link || null;
-            case 3:
-                return src || null;
-            default:
-                return file && file.length > 0 ? (_a = file[0]) === null || _a === void 0 ? void 0 : _a.url : null;
-        }
-    };
-
     const Prompt$1 = (_a) => {
         var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle } = _a, props = __rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle"]);
         const { popupDetailData } = useSxpDataSource();
@@ -9720,7 +9763,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-26 16:50:25
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-29 16:45:54
+     * @LastEditTime: 2024-08-30 18:08:55
      * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\settingRender.tsx
      *
      */
@@ -9926,7 +9969,8 @@
                             label: '价格千分符展示',
                             type: 'Switch',
                             name: ['enableFormattedPrice'],
-                            initialValue: true
+                            initialValue: true,
+                            belong: 'price'
                         }
                     ]
                 }
@@ -10042,12 +10086,14 @@
                 {
                     label: '背景色',
                     name: ['props', 'swiper', 'dotsBgColor'],
-                    type: 'Color'
+                    type: 'Color',
+                    initialValue: 'rgba(0,0,0,.2)'
                 },
                 {
                     label: '选中色',
                     name: ['props', 'swiper', 'dotsActiveColor'],
-                    type: 'Color'
+                    type: 'Color',
+                    initialValue: 'rgba(0,0,0,1)'
                 },
                 {
                     label: '底边距',
@@ -10073,7 +10119,7 @@
         var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
         var { style, isDefault, rec, viewTime, isPost, bottom_image, tipText, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel, iframeBgColor } = _a, props = __rest(_a, ["style", "isDefault", "rec", "viewTime", "isPost", "bottom_image", "tipText", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel", "iframeBgColor"]);
         React.useState(true);
-        const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = useSxpDataSource();
+        const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef, globalConfig } = useSxpDataSource();
         const { jumpToWeb, productView } = useEventReport();
         React.useState(false);
         React.useState(false);
@@ -10121,20 +10167,11 @@
                 window.removeEventListener('pageshow', initTime);
             };
         }, []);
-        const priceText = React.useMemo(() => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            const isToLocStr = ((_a = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice) === undefined || ((_b = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _b === void 0 ? void 0 : _b.enableFormattedPrice);
-            if ((product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price)) {
-                return `${(_e = (_d = (_c = product === null || product === void 0 ? void 0 : product.currency) === null || _c === void 0 ? void 0 : _c.split('-')[1]) === null || _d === void 0 ? void 0 : _d.toUpperCase()) !== null && _e !== void 0 ? _e : ''}${isToLocStr
-                ? (_g = (_f = product === null || product === void 0 ? void 0 : product.price) === null || _f === void 0 ? void 0 : _f.toLocaleString('zh', {
-                    minimumFractionDigits: 0
-                })) !== null && _g !== void 0 ? _g : ''
-                : product === null || product === void 0 ? void 0 : product.price}`;
-            }
-            else {
-                return '£102,300.00';
-            }
-        }, [product === null || product === void 0 ? void 0 : product.price, product === null || product === void 0 ? void 0 : product.currency, (_t = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _t === void 0 ? void 0 : _t.enableFormattedPrice]);
+        const priceText = getPriceText({
+            product,
+            enableFormattedPrice: (_t = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _t === void 0 ? void 0 : _t.enableFormattedPrice,
+            globalConfig
+        });
         const width = (isPreview ? 375 : (_u = style === null || style === void 0 ? void 0 : style.width) !== null && _u !== void 0 ? _u : window.innerWidth) - ((_v = popupBg === null || popupBg === void 0 ? void 0 : popupBg.horizontalMargin) !== null && _v !== void 0 ? _v : 0) * 2;
         const height = commodityImgRatio ? width * (commodityImgRatio.h / commodityImgRatio.w) : width;
         // useEffect(() => {
@@ -10566,7 +10603,8 @@ Made in Italy` })));
                             label: '价格千分符展示',
                             type: 'Switch',
                             name: ['enableFormattedPrice'],
-                            initialValue: true
+                            initialValue: true,
+                            belong: 'price'
                         }
                     ]
                 }
@@ -10721,27 +10759,20 @@ Made in Italy` })));
     const CommodityList$1 = (_a) => {
         var _b, _c, _d;
         var { style, isDefault, rec, viewTime, isPost, bottom_image, commodityStyles, buttonStyle, translateY = 0, commodityPicture, isExternalLink, onClick } = _a, props = __rest(_a, ["style", "isDefault", "rec", "viewTime", "isPost", "bottom_image", "commodityStyles", "buttonStyle", "translateY", "commodityPicture", "isExternalLink", "onClick"]);
-        const { sxpParameter, popupDetailData, setPopupDetailData, ctaEvent } = useSxpDataSource();
+        const { sxpParameter, popupDetailData, setPopupDetailData, ctaEvent, globalConfig } = useSxpDataSource();
         const { jumpToWeb } = useEventReport();
         const { popup } = useEditor();
         const recData = isPost ? rec : popupDetailData;
         const product = (_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [null, null, null, null];
         const index = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.index;
         const priceText = React.useCallback((product) => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            const isToLocStr = ((_a = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice) === undefined || ((_b = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _b === void 0 ? void 0 : _b.enableFormattedPrice);
-            if ((product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price)) {
-                return `${(_e = (_d = (_c = product === null || product === void 0 ? void 0 : product.currency) === null || _c === void 0 ? void 0 : _c.split('-')[1]) === null || _d === void 0 ? void 0 : _d.toUpperCase()) !== null && _e !== void 0 ? _e : ''}${isToLocStr
-                ? (_g = (_f = product === null || product === void 0 ? void 0 : product.price) === null || _f === void 0 ? void 0 : _f.toLocaleString('zh', {
-                    minimumFractionDigits: 0
-                })) !== null && _g !== void 0 ? _g : ''
-                : product === null || product === void 0 ? void 0 : product.price}`;
-            }
-            else {
-                const p = 7000;
-                return `$${isToLocStr ? p.toLocaleString() : p}`;
-            }
-        }, [(_d = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _d === void 0 ? void 0 : _d.enableFormattedPrice]);
+            var _a;
+            return getPriceText({
+                product,
+                enableFormattedPrice: (_a = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice,
+                globalConfig
+            });
+        }, [(_d = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _d === void 0 ? void 0 : _d.enableFormattedPrice, globalConfig]);
         const handleClick = lodash.throttle((item, multiCheckIndex) => {
             ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
                 eventSubject: 'clickCta',
@@ -11198,7 +11229,8 @@ Made in Italy` })));
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         }
@@ -11323,7 +11355,8 @@ Made in Italy` })));
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         }
@@ -11541,7 +11574,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-08-09 16:59:38
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-09 16:59:44
+     * @LastEditTime: 2024-09-09 13:59:50
      * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\interactionRender.tsx
      *
      */
@@ -11551,7 +11584,8 @@ Made in Italy` })));
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         }
@@ -11559,7 +11593,7 @@ Made in Italy` })));
 
     var _a;
     const Link = createMaterial(LinkComponent, {
-        displayName: '跳转指引',
+        displayName: '普通CTA',
         icon: '',
         category: 'template',
         type: 'Link',
@@ -11618,7 +11652,8 @@ Made in Italy` })));
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         }
@@ -11713,7 +11748,8 @@ Made in Italy` })));
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         }
@@ -11809,7 +11845,8 @@ Made in Italy` })));
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         }
@@ -11924,7 +11961,8 @@ Made in Italy` })));
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         }
@@ -12034,13 +12072,22 @@ Made in Italy` })));
         sort: 3
     });
 
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2024-03-20 10:27:32
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-09-09 13:56:10
+     * @FilePath: \pb-sxp-ui\src\materials\sxp\template\MultiCommodityDiroNew\interactionRender.tsx
+     *
+     */
     var interactionRender$2 = [
         {
             title: '点击事件',
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         }
@@ -12270,7 +12317,8 @@ Made in Italy` })));
                             label: '价格千分符展示',
                             type: 'Switch',
                             name: ['enableFormattedPrice'],
-                            initialValue: true
+                            initialValue: true,
+                            belong: 'price'
                         }
                     ]
                 }
@@ -13693,7 +13741,7 @@ Made in Italy` })));
     const WaterfallFlowItem$1 = (props) => {
         var _a;
         const { rec, style = {}, sizeChange = () => { }, unitWidth, index, showBorder, list, reportTagsView, textStyles, space } = props;
-        const { swiperRef, setRtcList, setOpenHashtag, sxpParameter } = useSxpDataSource();
+        const { swiperRef, setRtcList, setOpenHashtag, sxpParameter, globalConfig } = useSxpDataSource();
         const [showVideo, setShowVideo] = React.useState(false);
         React.useState(false);
         React.useState({
@@ -13744,20 +13792,11 @@ Made in Italy` })));
                 return false;
             }
         }, [top, showBorder]);
-        const priceText = React.useMemo(() => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-            const isToLocStr = ((_a = textStyles === null || textStyles === void 0 ? void 0 : textStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice) === undefined || ((_b = textStyles === null || textStyles === void 0 ? void 0 : textStyles.price) === null || _b === void 0 ? void 0 : _b.enableFormattedPrice);
-            if (((_c = rec === null || rec === void 0 ? void 0 : rec.product) === null || _c === void 0 ? void 0 : _c.currency) && ((_d = rec === null || rec === void 0 ? void 0 : rec.product) === null || _d === void 0 ? void 0 : _d.price)) {
-                return `${(_h = (_g = (_f = (_e = rec === null || rec === void 0 ? void 0 : rec.product) === null || _e === void 0 ? void 0 : _e.currency) === null || _f === void 0 ? void 0 : _f.split('-')[1]) === null || _g === void 0 ? void 0 : _g.toUpperCase()) !== null && _h !== void 0 ? _h : ''}${isToLocStr
-                ? (_l = (_k = (_j = rec === null || rec === void 0 ? void 0 : rec.product) === null || _j === void 0 ? void 0 : _j.price) === null || _k === void 0 ? void 0 : _k.toLocaleString('zh', {
-                    minimumFractionDigits: 0
-                })) !== null && _l !== void 0 ? _l : ''
-                : (_m = rec === null || rec === void 0 ? void 0 : rec.product) === null || _m === void 0 ? void 0 : _m.price}`;
-            }
-            else {
-                return null;
-            }
-        }, [rec, (_a = textStyles === null || textStyles === void 0 ? void 0 : textStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice]);
+        const priceText = getPriceText({
+            product: rec === null || rec === void 0 ? void 0 : rec.product,
+            enableFormattedPrice: (_a = textStyles === null || textStyles === void 0 ? void 0 : textStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice,
+            globalConfig
+        });
         React.useEffect(() => {
             if (imgDom.current === null || src === '') {
                 return;
@@ -14043,7 +14082,7 @@ Made in Italy` })));
     const WaterfallFlowItem = (props) => {
         var _a;
         const { rec, index, list, reportTagsView, textStyles, space } = props;
-        const { swiperRef, setRtcList, setOpenHashtag, sxpParameter } = useSxpDataSource();
+        const { swiperRef, setRtcList, setOpenHashtag, sxpParameter, globalConfig } = useSxpDataSource();
         const [showVideo, setShowVideo] = React.useState(false);
         const imgDom = React.useRef(null);
         const ref = React.useRef(null);
@@ -14069,20 +14108,11 @@ Made in Italy` })));
             var _a, _b;
             return ((_a = rec === null || rec === void 0 ? void 0 : rec.product) === null || _a === void 0 ? void 0 : _a.title) || ((_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.title) || null;
         }, [rec]);
-        const priceText = React.useMemo(() => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-            const isToLocStr = ((_a = textStyles === null || textStyles === void 0 ? void 0 : textStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice) === undefined || ((_b = textStyles === null || textStyles === void 0 ? void 0 : textStyles.price) === null || _b === void 0 ? void 0 : _b.enableFormattedPrice);
-            if (((_c = rec === null || rec === void 0 ? void 0 : rec.product) === null || _c === void 0 ? void 0 : _c.currency) && ((_d = rec === null || rec === void 0 ? void 0 : rec.product) === null || _d === void 0 ? void 0 : _d.price)) {
-                return `${(_h = (_g = (_f = (_e = rec === null || rec === void 0 ? void 0 : rec.product) === null || _e === void 0 ? void 0 : _e.currency) === null || _f === void 0 ? void 0 : _f.split('-')[1]) === null || _g === void 0 ? void 0 : _g.toUpperCase()) !== null && _h !== void 0 ? _h : ''}${isToLocStr
-                ? (_l = (_k = (_j = rec === null || rec === void 0 ? void 0 : rec.product) === null || _j === void 0 ? void 0 : _j.price) === null || _k === void 0 ? void 0 : _k.toLocaleString('zh', {
-                    minimumFractionDigits: 0
-                })) !== null && _l !== void 0 ? _l : ''
-                : (_m = rec === null || rec === void 0 ? void 0 : rec.product) === null || _m === void 0 ? void 0 : _m.price}`;
-            }
-            else {
-                return null;
-            }
-        }, [rec, (_a = textStyles === null || textStyles === void 0 ? void 0 : textStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice]);
+        const priceText = getPriceText({
+            product: rec === null || rec === void 0 ? void 0 : rec.product,
+            enableFormattedPrice: (_a = textStyles === null || textStyles === void 0 ? void 0 : textStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice,
+            globalConfig
+        });
         // useEffect(() => {
         //   if (imgDom.current === null || src === '') {
         //     return;
@@ -14730,7 +14760,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-07-05 14:08:41
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-02 16:22:39
+     * @LastEditTime: 2024-09-09 14:05:04
      * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\interactionRender.tsx
      *
      */
@@ -14740,7 +14770,8 @@ Made in Italy` })));
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         },
@@ -15164,13 +15195,22 @@ Made in Italy` })));
     };
     var AniLinkPopupComponent = React.memo(AniLinkPopup$1);
 
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2024-07-24 14:58:40
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-09-09 13:54:35
+     * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLinkPopup\interactionRender.tsx
+     *
+     */
     var interactionRender = [
         {
             title: '点击事件',
             child: [
                 {
                     type: 'link',
-                    name: 'onClick'
+                    name: 'onClick',
+                    hiddenUrl: true
                 }
             ]
         },
@@ -16155,7 +16195,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-15 19:03:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-30 11:42:11
+     * @LastEditTime: 2024-09-11 15:36:28
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */
@@ -16332,6 +16372,8 @@ Made in Italy` })));
                         return null;
                     }
                 });
+            if (!(list === null || list === void 0 ? void 0 : list.length))
+                return [];
             return !waterFallData && !isNoMoreData ? list.concat([{ loading: true }]) : list;
         }, [data, activeIndex, waterFallData, isEditor, isNoMoreData]);
         const renderLogo = React.useMemo(() => {