pb-sxp-ui 1.3.5 → 1.3.7

package/dist/pb-ui.js

@@ -1992,7 +1992,12 @@
                     label: '弹窗按钮',
                     type: 'Upload',
                     name: ['props', 'iframeIcon'],
-                    text: '建议尺寸：106 * 41'
+                    text: '建议尺寸：72 * 30'
+                },
+                {
+                    label: '背景色',
+                    type: 'Color',
+                    name: ['props', 'iframeBgColor']
                 }
             ]
         }
@@ -9124,7 +9129,7 @@
 
     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;
-        var { content, style, bgImg, onClick, schema, isDefault, bottom_image, tipText, isPost, viewTime, rec, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel } = _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"]);
+        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 { jumpToWeb, productView } = useEventReport();
         const curTimeRef = React.useRef(null);
@@ -9290,7 +9295,7 @@
                             background: '#fff',
                             borderRadius: '3px'
                         }, onClick: () => setShow3DModal(true) },
-                        React.createElement("img", { src: iframeIcon, alt: '3d', width: '60px' })))),
+                        React.createElement("img", { src: iframeIcon, alt: '3d', width: '72px' })))),
                 renderCommodityGroup(),
                 React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))),
             renderBtn(),
@@ -9298,10 +9303,10 @@
                 React.createElement("div", { style: { paddingBottom: '80px' } }, renderContent({ isPost: false })),
                 renderBtn()),
             React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
-                React.createElement("div", { style: { height: window.innerHeight } },
+                React.createElement("div", { style: { backgroundColor: iframeBgColor, height: '100%' } },
                     React.createElement("iframe", { src: iframeUrl, style: {
                             width: '100%',
-                            height: isTel ? `${664 - 50}px` : `${window.innerHeight - 50}px`,
+                            height: 'calc(100% - 50px)',
                             marginTop: '50px',
                             border: 'none'
                         } })))));
@@ -9643,7 +9648,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-26 16:50:25
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-20 15:50:06
+     * @LastEditTime: 2024-08-23 10:58:38
      * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\settingRender.tsx
      *
      */
@@ -9950,7 +9955,12 @@
                     label: '弹窗按钮',
                     type: 'Upload',
                     name: ['props', 'iframeIcon'],
-                    text: '建议尺寸：106 * 41'
+                    text: '建议尺寸：72 * 30'
+                },
+                {
+                    label: '背景色',
+                    type: 'Color',
+                    name: ['props', 'iframeBgColor']
                 }
             ]
         }
@@ -9958,7 +9968,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;
-        var { style, isDefault, rec, viewTime, isPost, bottom_image, tipText, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel } = _a, props = __rest(_a, ["style", "isDefault", "rec", "viewTime", "isPost", "bottom_image", "tipText", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel"]);
+        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 { jumpToWeb, productView } = useEventReport();
@@ -10154,7 +10164,7 @@ Made in Italy` })));
                             background: '#fff',
                             borderRadius: '3px'
                         }, onClick: () => setShow3DModal(true) },
-                        React.createElement("img", { src: iframeIcon, alt: '3d', width: '60px' })))),
+                        React.createElement("img", { src: iframeIcon, alt: '3d', width: '72px' })))),
                 renderCommodityGroup(),
                 React.createElement("div", { className: 'pb-commondityDiroNew-content' },
                     React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
@@ -10179,10 +10189,10 @@ Made in Italy` })));
                     productInfoText({ isPost }))),
             React.createElement(Modal$1, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false })),
             React.createElement(Modal$1, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
-                React.createElement("div", { style: { height: window.innerHeight } },
+                React.createElement("div", { style: { backgroundColor: iframeBgColor, height: '100%' } },
                     React.createElement("iframe", { src: iframeUrl, style: {
                             width: '100%',
-                            height: isTel ? `${664 - 50}px` : `${window.innerHeight - 50}px`,
+                            height: 'calc(100% - 50px)',
                             marginTop: '50px',
                             border: 'none'
                         } })))));
@@ -10778,11 +10788,11 @@ Made in Italy` })));
         var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle, isTel } = _a, props = __rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel"]);
         const { popupDetailData } = useSxpDataSource();
         const iframeUrl = (_c = (_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.video) === null || _b === void 0 ? void 0 : _b.bindCta) === null || _c === void 0 ? void 0 : _c.remark;
-        return (React.createElement("div", Object.assign({ className: `${css.css(Object.assign(Object.assign({}, style), { height: isTel ? 664 : window === null || window === void 0 ? void 0 : window.innerHeight }))}` }, props),
+        return (React.createElement("div", Object.assign({ className: `${css.css(Object.assign({}, style))}` }, props),
             React.createElement("iframe", { src: iframeUrl, style: {
                     width: '100%',
                     height: 'calc(100% - 50px)',
-                    marginTop: '40px',
+                    marginTop: '50px',
                     border: 'none'
                 } })));
     };
@@ -16019,7 +16029,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-15 19:03:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-22 18:34:01
+     * @LastEditTime: 2024-08-23 11:35:02
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */
@@ -16888,7 +16898,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2023-10-31 10:56:01
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-08-06 17:15:56
+     * @LastEditTime: 2024-08-23 10:28:15
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Popup\index.tsx
      *
      */
@@ -16913,6 +16923,20 @@ Made in Italy` })));
                 setVisible(popup);
             }
         }, [popup]);
+        const isFullScreen = React.useMemo(() => {
+            var _a, _b, _c, _d;
+            const valueItem = (_c = (_b = (_a = schema === null || schema === void 0 ? void 0 : schema.sxpPageConf) === null || _a === void 0 ? void 0 : _a.globalConfig) === null || _b === void 0 ? void 0 : _b.popupList) === null || _c === void 0 ? void 0 : _c.find((value, index) => {
+                if ((value === null || value === void 0 ? void 0 : value.id) === (popup === null || popup === void 0 ? void 0 : popup.id)) {
+                    return value;
+                }
+            });
+            if (valueItem !== -1 && ((_d = valueItem === null || valueItem === void 0 ? void 0 : valueItem.item) === null || _d === void 0 ? void 0 : _d.type) === 'Iframe') {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }, [popup, schema]);
         const handleClose = () => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
             if (!popup ||
@@ -16961,7 +16985,7 @@ Made in Italy` })));
                 }
             });
         }, [schema, popup, resolver, handleClose]);
-        return (React.createElement(Modal$1, { popup: visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' } }, renderPopupDetail));
+        return (React.createElement(Modal$1, { popup: visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' }, isFullScreen: isFullScreen }, renderPopupDetail));
     };
 
     /*