pb-sxp-ui 1.3.5 → 1.3.7

package/dist/index.cjs

@@ -1999,7 +1999,12 @@ var settingRender$9 = [
                 label: '弹窗按钮',
                 type: 'Upload',
                 name: ['props', 'iframeIcon'],
-                text: '建议尺寸：106 * 41'
+                text: '建议尺寸：72 * 30'
+            },
+            {
+                label: '背景色',
+                type: 'Color',
+                name: ['props', 'iframeBgColor']
             }
         ]
     }
@@ -9131,7 +9136,7 @@ var CommodityGroup$1 = React.memo(CommodityGroup);
 
 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);
@@ -9297,7 +9302,7 @@ const CommodityDetail$1 = (_a) => {
                         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(),
@@ -9305,10 +9310,10 @@ const CommodityDetail$1 = (_a) => {
             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'
                     } })))));
@@ -9650,7 +9655,7 @@ const Prompt = createMaterial(PromptComponent, {
  * @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
  *
  */
@@ -9957,7 +9962,12 @@ var settingRender$7 = [
                 label: '弹窗按钮',
                 type: 'Upload',
                 name: ['props', 'iframeIcon'],
-                text: '建议尺寸：106 * 41'
+                text: '建议尺寸：72 * 30'
+            },
+            {
+                label: '背景色',
+                type: 'Color',
+                name: ['props', 'iframeBgColor']
             }
         ]
     }
@@ -9965,7 +9975,7 @@ var settingRender$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();
@@ -10161,7 +10171,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' },
@@ -10186,10 +10196,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'
                     } })))));
@@ -10785,11 +10795,11 @@ const Iframe$1 = (_a) => {
     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'
             } })));
 };
@@ -16026,7 +16036,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-22 18:34:01
+ * @LastEditTime: 2024-08-23 11:35:02
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
  *
  */
@@ -16895,7 +16905,7 @@ var index$1 = React.memo(DiyPortalPreview);
  * @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
  *
  */
@@ -16920,6 +16930,20 @@ const Popup = () => {
             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 ||
@@ -16968,7 +16992,7 @@ const Popup = () => {
             }
         });
     }, [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));
 };
 
 /*