pb-sxp-ui 1.4.3 → 1.5.0

package/dist/index.cjs

@@ -747,6 +747,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
                 }
                 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;
@@ -1923,7 +1925,8 @@ var settingRender$9 = [
                         label: '价格千分符展示',
                         type: 'Switch',
                         name: ['enableFormattedPrice'],
-                        initialValue: true
+                        initialValue: true,
+                        belong: 'price'
                     }
                 ]
             }
@@ -2039,12 +2042,14 @@ var settingRender$9 = [
             {
                 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: '底边距',
@@ -9196,10 +9201,89 @@ const CommodityGroup = ({ products, data, defImg, style, onCLick, popupDetailDat
 };
 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);
@@ -9244,20 +9328,11 @@ const CommodityDetail$1 = (_a) => {
             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 }) => {
@@ -9637,38 +9712,6 @@ var settingRender$8 = [
 
 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();
@@ -9727,7 +9770,7 @@ const Prompt = createMaterial(PromptComponent, {
  * @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
  *
  */
@@ -9933,7 +9976,8 @@ var settingRender$7 = [
                         label: '价格千分符展示',
                         type: 'Switch',
                         name: ['enableFormattedPrice'],
-                        initialValue: true
+                        initialValue: true,
+                        belong: 'price'
                     }
                 ]
             }
@@ -10049,12 +10093,14 @@ var settingRender$7 = [
             {
                 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: '底边距',
@@ -10080,7 +10126,7 @@ const CommodityDetailDiroNew$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, _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);
@@ -10128,20 +10174,11 @@ const CommodityDetailDiroNew$1 = (_a) => {
             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(() => {
@@ -10573,7 +10610,8 @@ var settingRender$6 = [
                         label: '价格千分符展示',
                         type: 'Switch',
                         name: ['enableFormattedPrice'],
-                        initialValue: true
+                        initialValue: true,
+                        belong: 'price'
                     }
                 ]
             }
@@ -10728,27 +10766,20 @@ var Img$1 = React.memo(Img);
 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',
@@ -11205,7 +11236,8 @@ var interactionRender$9 = [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     }
@@ -11330,7 +11362,8 @@ var interactionRender$8 = [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     }
@@ -11548,7 +11581,7 @@ var LinkComponent = React.memo(Link$1);
  * @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
  *
  */
@@ -11558,7 +11591,8 @@ var interactionRender$7 = [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     }
@@ -11566,7 +11600,7 @@ var interactionRender$7 = [
 
 var _a;
 const Link = createMaterial(LinkComponent, {
-    displayName: '跳转指引',
+    displayName: '普通CTA',
     icon: '',
     category: 'template',
     type: 'Link',
@@ -11625,7 +11659,8 @@ var interactionRender$6 = [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     }
@@ -11720,7 +11755,8 @@ var interactionRender$5 = [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     }
@@ -11816,7 +11852,8 @@ var interactionRender$4 = [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     }
@@ -11931,7 +11968,8 @@ var interactionRender$3 = [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     }
@@ -12041,13 +12079,22 @@ const MultiCommodity = createMaterial(MultiCommodityComponent, {
     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
             }
         ]
     }
@@ -12277,7 +12324,8 @@ var settingRender$3 = [
                         label: '价格千分符展示',
                         type: 'Switch',
                         name: ['enableFormattedPrice'],
-                        initialValue: true
+                        initialValue: true,
+                        belong: 'price'
                     }
                 ]
             }
@@ -13700,7 +13748,7 @@ var previewData = {
 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({
@@ -13751,20 +13799,11 @@ const WaterfallFlowItem$1 = (props) => {
             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;
@@ -14050,7 +14089,7 @@ var img$2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeA
 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);
@@ -14076,20 +14115,11 @@ const WaterfallFlowItem = (props) => {
         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;
@@ -14737,7 +14767,7 @@ var AniLinkComponent = React.memo(AniLink$1);
  * @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
  *
  */
@@ -14747,7 +14777,8 @@ var interactionRender$1 = [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     },
@@ -15171,13 +15202,22 @@ const AniLinkPopup$1 = (_a) => {
 };
 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
             }
         ]
     },
@@ -16162,7 +16202,7 @@ var Tagbar$1 = React.memo(Tagbar);
  * @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
  *
  */
@@ -16339,6 +16379,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                     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(() => {