pb-sxp-ui 1.4.3 → 1.5.0

package/es/core/components/SxpPageRender/WaterFall/List.js

@@ -7,10 +7,11 @@ import { useSxpDataSource } from '../../../../core/hooks';
 import { css } from '@emotion/css';
 import { setFontForText } from '../../../../core/utils/tool';
 import { useEventReport } from '../../../../core/hooks/useEventReport';
+import { getPriceText } from '../../../../core/utils/materials';
 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] = useState(false);
     const imgDom = useRef(null);
     const ref = useRef(null);
@@ -36,20 +37,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 = 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(() => {
         const observer = new IntersectionObserver((entries) => {
             entries.forEach((entry) => {

package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js

@@ -7,10 +7,11 @@ import FormatImage from '../FormatImage';
 import { css } from '@emotion/css';
 import { setFontForText } from '../../../../core/utils/tool';
 import { useEventReport } from '../../../../core/hooks/useEventReport';
+import { getPriceText } from '../../../../core/utils/materials';
 const WaterfallFlowItem = (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] = useState(false);
     const [isLoading, setIsLoading] = useState(false);
     const [imgInfo, setImgInfo] = useState({
@@ -59,20 +60,11 @@ const WaterfallFlowItem = (props) => {
             return false;
         }
     }, [top, showBorder]);
-    const priceText = 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;

package/es/core/components/SxpPageRender/index.d.ts

@@ -51,6 +51,12 @@ export interface ISxpPageRenderProps {
         enableSwiperTip?: boolean;
         logoBar?: any;
         textUnderlineOffset?: number;
+        priceSymbol?: {
+            millesimalSymbol?: string;
+            decimalPoint?: string;
+            currencyPosition?: string;
+            showTwoDecimalPoint?: boolean;
+        };
     };
     descStyle?: CSSProperties;
     tipText?: {

package/es/core/components/SxpPageRender/index.js

@@ -192,6 +192,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 = useMemo(() => {

package/es/core/context/SxpDataSourceProvider.js

@@ -122,6 +122,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;

package/es/core/utils/materials.d.ts

@@ -1,3 +1,5 @@
+import { ISxpPageRenderProps } from '../components/SxpPageRender';
+import { ProductInfoType } from '../components/SxpPageRender/typing';
 export declare const getMediaValueByMode: (obj?: Record<string, any>) => any;
 export declare const getBgStyle: (imgSrc: string) => "" | {
     backgroundImage: string;
@@ -9,3 +11,8 @@ export declare const getBgStyleByImg: (data: any) => "" | {
     backgroundRepeat: string;
     backgroundSize: string;
 };
+export declare const getPriceText: ({ product, enableFormattedPrice, globalConfig }: {
+    product: ProductInfoType | undefined | null;
+    enableFormattedPrice: boolean | undefined;
+    globalConfig: ISxpPageRenderProps['globalConfig'];
+}) => string;

package/es/core/utils/materials.js

@@ -29,3 +29,50 @@ export const getBgStyleByImg = (data) => {
     const imgSrc = typeof bgImg === 'string' ? bgImg : getMediaValueByMode(bgImg);
     return getBgStyle(imgSrc);
 };
+export 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;
+};

package/es/materials/sxp/HashTag/settingRender.d.ts

@@ -28,6 +28,7 @@ declare const _default: ({
             name: string[];
             initialValue: string;
             child?: undefined;
+            belong?: undefined;
         } | {
             type: string;
             label: string;
@@ -39,6 +40,7 @@ declare const _default: ({
             options?: undefined;
             name?: undefined;
             initialValue?: undefined;
+            belong?: undefined;
         } | {
             type: string;
             label: string;
@@ -54,6 +56,7 @@ declare const _default: ({
             options?: undefined;
             name?: undefined;
             initialValue?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
@@ -61,11 +64,13 @@ declare const _default: ({
             name?: undefined;
             initialValue?: undefined;
             child?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
             name: string[];
             initialValue: boolean;
+            belong: string;
             options?: undefined;
             child?: undefined;
         })[];

package/es/materials/sxp/HashTag/settingRender.js

@@ -108,7 +108,8 @@ export default [
                         label: '价格千分符展示',
                         type: 'Switch',
                         name: ['enableFormattedPrice'],
-                        initialValue: true
+                        initialValue: true,
+                        belong: 'price'
                     }
                 ]
             }

package/es/materials/sxp/cta/AniLink/interactionRender.d.ts

@@ -3,6 +3,7 @@ declare const _default: ({
     child: {
         type: string;
         name: string;
+        hiddenUrl: boolean;
     }[];
 } | {
     title: string;

package/es/materials/sxp/cta/AniLink/interactionRender.js

@@ -4,7 +4,8 @@ export default [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     },

package/es/materials/sxp/cta/AniLinkPopup/interactionRender.d.ts

@@ -3,6 +3,7 @@ declare const _default: ({
     child: {
         type: string;
         name: string;
+        hiddenUrl: boolean;
     }[];
 } | {
     title: string;

package/es/materials/sxp/cta/AniLinkPopup/interactionRender.js

@@ -4,7 +4,8 @@ export default [
         child: [
             {
                 type: 'link',
-                name: 'onClick'
+                name: 'onClick',
+                hiddenUrl: true
             }
         ]
     },

package/es/materials/sxp/popup/CommodityDetail/index.js

@@ -11,10 +11,11 @@ import ExpandableText from '../../../../core/components/SxpPageRender/Expandable
 import FormatImage from '../../../../core/components/SxpPageRender/FormatImage';
 import { setFontForText } from '../../../../core/utils/tool';
 import CommodityGroup from '../../template/components/CommodityGroup';
+import { getPriceText } from '../../../../core/utils/materials';
 const CommodityDetail = (_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 = useRef(null);
     const [showModal, setShowModal] = useState(false);
@@ -59,20 +60,11 @@ const CommodityDetail = (_a) => {
             window.removeEventListener('pageshow', initTime);
         };
     }, []);
-    const priceText = 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 }) => {

package/es/materials/sxp/popup/CommodityDetail/settingRender.d.ts

@@ -95,6 +95,7 @@ declare const _default: ({
             name: string[];
             initialValue: string;
             child?: undefined;
+            belong?: undefined;
         } | {
             type: string;
             child: {
@@ -107,6 +108,7 @@ declare const _default: ({
             options?: undefined;
             name?: undefined;
             initialValue?: undefined;
+            belong?: undefined;
         } | {
             type: string;
             label: string;
@@ -118,6 +120,7 @@ declare const _default: ({
             options?: undefined;
             name?: undefined;
             initialValue?: undefined;
+            belong?: undefined;
         } | {
             type: string;
             label: string;
@@ -133,6 +136,7 @@ declare const _default: ({
             options?: undefined;
             name?: undefined;
             initialValue?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
@@ -140,6 +144,7 @@ declare const _default: ({
             name?: undefined;
             initialValue?: undefined;
             child?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
@@ -147,11 +152,13 @@ declare const _default: ({
             options?: undefined;
             initialValue?: undefined;
             child?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
             name: string[];
             initialValue: boolean;
+            belong: string;
             options?: undefined;
             child?: undefined;
         })[];
@@ -238,12 +245,14 @@ declare const _default: ({
         label: string;
         name: string[];
         type: string;
+        initialValue: string;
         addonAfter?: undefined;
     } | {
         label: string;
         name: string[];
         type: string;
         addonAfter: string;
+        initialValue?: undefined;
     })[];
 })[];
 export default _default;

package/es/materials/sxp/popup/CommodityDetail/settingRender.js

@@ -217,7 +217,8 @@ export default [
                         label: '价格千分符展示',
                         type: 'Switch',
                         name: ['enableFormattedPrice'],
-                        initialValue: true
+                        initialValue: true,
+                        belong: 'price'
                     }
                 ]
             }
@@ -333,12 +334,14 @@ export default [
             {
                 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: '底边距',

package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js

@@ -11,11 +11,12 @@ import { useEventReport } from '../../../../core/hooks/useEventReport';
 import FormatImage from '../../../../core/components/SxpPageRender/FormatImage';
 import { setFontForText } from '../../../../core/utils/tool';
 import CommodityGroup from '../../template/components/CommodityGroup';
+import { getPriceText } from '../../../../core/utils/materials';
 const CommodityDetailDiroNew = (_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"]);
     const [spread, setSpread] = useState(true);
-    const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = useSxpDataSource();
+    const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef, globalConfig } = useSxpDataSource();
     const { jumpToWeb, productView } = useEventReport();
     const [stopSlide, setStopSlide] = useState(false);
     const [isBottom, setIsBottom] = useState(false);
@@ -63,20 +64,11 @@ const CommodityDetailDiroNew = (_a) => {
             window.removeEventListener('pageshow', initTime);
         };
     }, []);
-    const priceText = 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;
     const handleClickCollapse = () => {

package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts

@@ -95,6 +95,7 @@ declare const _default: ({
             name: string[];
             initialValue: string;
             child?: undefined;
+            belong?: undefined;
         } | {
             type: string;
             label: string;
@@ -106,6 +107,7 @@ declare const _default: ({
             options?: undefined;
             name?: undefined;
             initialValue?: undefined;
+            belong?: undefined;
         } | {
             type: string;
             label: string;
@@ -121,6 +123,7 @@ declare const _default: ({
             options?: undefined;
             name?: undefined;
             initialValue?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
@@ -128,6 +131,7 @@ declare const _default: ({
             name?: undefined;
             initialValue?: undefined;
             child?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
@@ -135,11 +139,13 @@ declare const _default: ({
             options?: undefined;
             initialValue?: undefined;
             child?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
             name: string[];
             initialValue: boolean;
+            belong: string;
             options?: undefined;
             child?: undefined;
         })[];
@@ -226,12 +232,14 @@ declare const _default: ({
         label: string;
         name: string[];
         type: string;
+        initialValue: string;
         addonAfter?: undefined;
     } | {
         label: string;
         name: string[];
         type: string;
         addonAfter: string;
+        initialValue?: undefined;
     })[];
 })[];
 export default _default;

package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js

@@ -200,7 +200,8 @@ export default [
                         label: '价格千分符展示',
                         type: 'Switch',
                         name: ['enableFormattedPrice'],
-                        initialValue: true
+                        initialValue: true,
+                        belong: 'price'
                     }
                 ]
             }
@@ -316,12 +317,14 @@ export default [
             {
                 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: '底边距',

package/es/materials/sxp/popup/CommodityList/index.js

@@ -7,30 +7,24 @@ import { useEventReport } from '../../../../core/hooks/useEventReport';
 import { setFontForText } from '../../../../core/utils/tool';
 import Img from '../../template/components/Img';
 import { throttle } from 'lodash';
+import { getPriceText } from '../../../../core/utils/materials';
 const CommodityList = (_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 = 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 === null || p === void 0 ? void 0 : 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 = throttle((item, multiCheckIndex) => {
         ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
             eventSubject: 'clickCta',

package/es/materials/sxp/popup/CommodityList/settingRender.d.ts

@@ -62,6 +62,7 @@ declare const _default: ({
             name: string[];
             initialValue: string;
             child?: undefined;
+            belong?: undefined;
         } | {
             type: string;
             label: string;
@@ -73,6 +74,7 @@ declare const _default: ({
             options?: undefined;
             name?: undefined;
             initialValue?: undefined;
+            belong?: undefined;
         } | {
             type: string;
             label: string;
@@ -88,6 +90,7 @@ declare const _default: ({
             options?: undefined;
             name?: undefined;
             initialValue?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
@@ -95,11 +98,13 @@ declare const _default: ({
             name?: undefined;
             initialValue?: undefined;
             child?: undefined;
+            belong?: undefined;
         } | {
             label: string;
             type: string;
             name: string[];
             initialValue: boolean;
+            belong: string;
             options?: undefined;
             child?: undefined;
         })[];

package/es/materials/sxp/popup/CommodityList/settingRender.js

@@ -140,7 +140,8 @@ export default [
                         label: '价格千分符展示',
                         type: 'Switch',
                         name: ['enableFormattedPrice'],
-                        initialValue: true
+                        initialValue: true,
+                        belong: 'price'
                     }
                 ]
             }

package/es/materials/sxp/template/Appoint/interactionRender.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
     child: {
         type: string;
         name: string;
+        hiddenUrl: boolean;
     }[];
 }[];
 export default _default;