pb-sxp-ui 1.7.1 → 1.7.3

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

@@ -13,7 +13,7 @@ const materials_1 = require("../../../../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 = tslib_1.__rest(_a, ["style", "isDefault", "rec", "viewTime", "isPost", "bottom_image", "commodityStyles", "buttonStyle", "translateY", "commodityPicture", "isExternalLink", "onClick"]);
-    const { sxpParameter, popupDetailData, setPopupDetailData, ctaEvent, globalConfig } = (0, hooks_1.useSxpDataSource)();
+    const { sxpParameter, popupDetailData, setPopupDetailData, ctaEvent, globalConfig, bffFbReport } = (0, hooks_1.useSxpDataSource)();
     const { jumpToWeb } = (0, useEventReport_1.useEventReport)();
     const { popup } = (0, hooks_1.useEditor)();
     const recData = isPost ? rec : popupDetailData;
@@ -24,7 +24,8 @@ const CommodityList = (_a) => {
         return (0, materials_1.getPriceText)({
             product,
             enableFormattedPrice: (_a = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _a === void 0 ? void 0 : _a.enableFormattedPrice,
-            globalConfig
+            globalConfig,
+            style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price
         });
     }, [(_d = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _d === void 0 ? void 0 : _d.enableFormattedPrice, globalConfig]);
     const handleClick = (0, lodash_1.throttle)((item, multiCheckIndex) => {
@@ -43,8 +44,13 @@ const CommodityList = (_a) => {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
     }, popup === null || popup === void 0 ? void 0 : popup.duration);
+    (0, react_1.useEffect)(() => {
+        bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
+            eventName: 'PageView'
+        });
+    }, []);
     return (react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign(Object.assign({}, style), { display: 'flex', flexDirection: 'column', gap: '10px', padding: '0 20px', marginTop: '50px', boxSizing: 'border-box' })) }, product === null || product === void 0 ? void 0 : product.map((item, index) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         return (react_1.default.createElement(react_1.default.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (react_1.default.createElement("div", Object.assign({ key: index }, props, { className: (0, css_1.css)({
                 display: 'flex'
             }), onClick: () => handleClick(item, index) }),
@@ -71,10 +77,10 @@ const CommodityList = (_a) => {
                     }) },
                     react_1.default.createElement("div", null,
                         react_1.default.createElement("div", { style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price, hidden: !!item && !(item === null || item === void 0 ? void 0 : item.price), dangerouslySetInnerHTML: {
-                                __html: (0, tool_1.setFontForText)(priceText(item), commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price)
+                                __html: (_j = priceText(item)) !== null && _j !== void 0 ? _j : ''
                             } })),
                     react_1.default.createElement("div", { className: 'one-line-ellipsis', style: Object.assign(Object.assign({}, buttonStyle), { padding: '0 15px' }), dangerouslySetInnerHTML: {
-                            __html: (0, tool_1.setFontForText)((_k = (_j = item === null || item === void 0 ? void 0 : item.bindCta) === null || _j === void 0 ? void 0 : _j.enTitle) !== null && _k !== void 0 ? _k : 'Shop Now', buttonStyle)
+                            __html: (0, tool_1.setFontForText)((_l = (_k = item === null || item === void 0 ? void 0 : item.bindCta) === null || _k === void 0 ? void 0 : _k.enTitle) !== null && _l !== void 0 ? _l : 'Shop Now', buttonStyle)
                         } })))))));
     })));
 };

package/lib/materials/sxp/template/components/settingRender.d.ts

@@ -33,8 +33,8 @@ declare const _default: ({
         child?: undefined;
         addonAfter?: undefined;
     } | {
-        label: string;
         type: string;
+        label: string;
         name: string[];
         addonAfter: string;
         child?: undefined;

package/lib/materials/sxp/template/components/settingRender.js

@@ -42,6 +42,12 @@ exports.default = [
                 label: '背景色',
                 name: ['style', 'backgroundColor']
             },
+            {
+                type: 'Number',
+                label: '背景色毛玻璃',
+                name: ['style', 'backdropFilter'],
+                addonAfter: 'px'
+            },
             {
                 label: '内边距',
                 type: 'Number',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pb-sxp-ui",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "description": "React enterprise-class UI components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",