pb-sxp-ui 1.3.5 → 1.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/index.cjs +40 -16
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +40 -16
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +3 -3
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +3 -3
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +40 -16
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +3 -3
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/SxpPageRender/Popup/index.js +15 -1
  14. package/es/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
  15. package/es/materials/sxp/popup/CommodityDetail/index.js +4 -4
  16. package/es/materials/sxp/popup/CommodityDetail/settingRender.d.ts +7 -2
  17. package/es/materials/sxp/popup/CommodityDetail/settingRender.js +6 -1
  18. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
  19. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +4 -4
  20. package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts +7 -2
  21. package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +6 -1
  22. package/es/materials/sxp/popup/Iframe/index.js +2 -2
  23. package/lib/core/components/SxpPageRender/Popup/index.js +15 -1
  24. package/lib/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
  25. package/lib/materials/sxp/popup/CommodityDetail/index.js +4 -4
  26. package/lib/materials/sxp/popup/CommodityDetail/settingRender.d.ts +7 -2
  27. package/lib/materials/sxp/popup/CommodityDetail/settingRender.js +6 -1
  28. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
  29. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +4 -4
  30. package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts +7 -2
  31. package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +6 -1
  32. package/lib/materials/sxp/popup/Iframe/index.js +2 -2
  33. package/package.json +1 -1
package/es/core/components/SxpPageRender/Popup/index.js CHANGED
@@ -24,6 +24,20 @@ const Popup = () => {
24
24
  setVisible(popup);
25
25
  }
26
26
  }, [popup]);
27
+ const isFullScreen = useMemo(() => {
28
+ var _a, _b, _c, _d;
29
+ 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) => {
30
+ if ((value === null || value === void 0 ? void 0 : value.id) === (popup === null || popup === void 0 ? void 0 : popup.id)) {
31
+ return value;
32
+ }
33
+ });
34
+ if (valueItem !== -1 && ((_d = valueItem === null || valueItem === void 0 ? void 0 : valueItem.item) === null || _d === void 0 ? void 0 : _d.type) === 'Iframe') {
35
+ return true;
36
+ }
37
+ else {
38
+ return false;
39
+ }
40
+ }, [popup, schema]);
27
41
  const handleClose = () => {
28
42
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
29
43
  if (!popup ||
@@ -72,6 +86,6 @@ const Popup = () => {
72
86
  }
73
87
  });
74
88
  }, [schema, popup, resolver, handleClose]);
75
- return (React.createElement(Modal, { popup: visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' } }, renderPopupDetail));
89
+ return (React.createElement(Modal, { popup: visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' }, isFullScreen: isFullScreen }, renderPopupDetail));
76
90
  };
77
91
  export default Popup;
package/es/materials/sxp/popup/CommodityDetail/index.d.ts CHANGED
@@ -48,6 +48,7 @@ export interface ICommodityDetailProps {
48
48
  h: number;
49
49
  };
50
50
  isTel?: boolean;
51
+ iframeBgColor?: string;
51
52
  }
52
53
  declare const _default: React.NamedExoticComponent<ICommodityDetailProps>;
53
54
  export default _default;
package/es/materials/sxp/popup/CommodityDetail/index.js CHANGED
@@ -13,7 +13,7 @@ import { setFontForText } from '../../../../core/utils/tool';
13
13
  import CommodityGroup from '../../template/components/CommodityGroup';
14
14
  const CommodityDetail = (_a) => {
15
15
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
16
- 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"]);
16
+ 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"]);
17
17
  const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef } = useSxpDataSource();
18
18
  const { jumpToWeb, productView } = useEventReport();
19
19
  const curTimeRef = useRef(null);
@@ -179,7 +179,7 @@ const CommodityDetail = (_a) => {
179
179
  background: '#fff',
180
180
  borderRadius: '3px'
181
181
  }, onClick: () => setShow3DModal(true) },
182
- React.createElement("img", { src: iframeIcon, alt: '3d', width: '60px' })))),
182
+ React.createElement("img", { src: iframeIcon, alt: '3d', width: '72px' })))),
183
183
  renderCommodityGroup(),
184
184
  React.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))),
185
185
  renderBtn(),
@@ -187,10 +187,10 @@ const CommodityDetail = (_a) => {
187
187
  React.createElement("div", { style: { paddingBottom: '80px' } }, renderContent({ isPost: false })),
188
188
  renderBtn()),
189
189
  React.createElement(Modal, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
190
- React.createElement("div", { style: { height: window.innerHeight } },
190
+ React.createElement("div", { style: { backgroundColor: iframeBgColor, height: '100%' } },
191
191
  React.createElement("iframe", { src: iframeUrl, style: {
192
192
  width: '100%',
193
- height: isTel ? `${664 - 50}px` : `${window.innerHeight - 50}px`,
193
+ height: 'calc(100% - 50px)',
194
194
  marginTop: '50px',
195
195
  border: 'none'
196
196
  } })))));
package/es/materials/sxp/popup/CommodityDetail/settingRender.d.ts CHANGED
@@ -221,11 +221,16 @@ declare const _default: ({
221
221
  })[];
222
222
  } | {
223
223
  title: string;
224
- child: {
224
+ child: ({
225
225
  label: string;
226
226
  type: string;
227
227
  name: string[];
228
228
  text: string;
229
- }[];
229
+ } | {
230
+ label: string;
231
+ type: string;
232
+ name: string[];
233
+ text?: undefined;
234
+ })[];
230
235
  })[];
231
236
  export default _default;
package/es/materials/sxp/popup/CommodityDetail/settingRender.js CHANGED
@@ -318,7 +318,12 @@ export default [
318
318
  label: '弹窗按钮',
319
319
  type: 'Upload',
320
320
  name: ['props', 'iframeIcon'],
321
- text: '建议尺寸：106 * 41'
321
+ text: '建议尺寸：72 * 30'
322
+ },
323
+ {
324
+ label: '背景色',
325
+ type: 'Color',
326
+ name: ['props', 'iframeBgColor']
322
327
  }
323
328
  ]
324
329
  }
package/es/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts CHANGED
@@ -48,6 +48,7 @@ export interface ICommodityDetailDiroNewProps {
48
48
  h: number;
49
49
  };
50
50
  isTel?: boolean;
51
+ iframeBgColor?: string;
51
52
  }
52
53
  declare const _default: React.NamedExoticComponent<ICommodityDetailDiroNewProps>;
53
54
  export default _default;
package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js CHANGED
@@ -13,7 +13,7 @@ import { setFontForText } from '../../../../core/utils/tool';
13
13
  import CommodityGroup from '../../template/components/CommodityGroup';
14
14
  const CommodityDetailDiroNew = (_a) => {
15
15
  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;
16
- 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"]);
16
+ 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"]);
17
17
  const [spread, setSpread] = useState(true);
18
18
  const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = useSxpDataSource();
19
19
  const { jumpToWeb, productView } = useEventReport();
@@ -162,7 +162,7 @@ Made in Italy` })));
162
162
  background: '#fff',
163
163
  borderRadius: '3px'
164
164
  }, onClick: () => setShow3DModal(true) },
165
- React.createElement("img", { src: iframeIcon, alt: '3d', width: '60px' })))),
165
+ React.createElement("img", { src: iframeIcon, alt: '3d', width: '72px' })))),
166
166
  renderCommodityGroup(),
167
167
  React.createElement("div", { className: 'pb-commondityDiroNew-content' },
168
168
  React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
@@ -187,10 +187,10 @@ Made in Italy` })));
187
187
  productInfoText({ isPost }))),
188
188
  React.createElement(Modal, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false })),
189
189
  React.createElement(Modal, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
190
- React.createElement("div", { style: { height: window.innerHeight } },
190
+ React.createElement("div", { style: { backgroundColor: iframeBgColor, height: '100%' } },
191
191
  React.createElement("iframe", { src: iframeUrl, style: {
192
192
  width: '100%',
193
- height: isTel ? `${664 - 50}px` : `${window.innerHeight - 50}px`,
193
+ height: 'calc(100% - 50px)',
194
194
  marginTop: '50px',
195
195
  border: 'none'
196
196
  } })))));
package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts CHANGED
@@ -209,11 +209,16 @@ declare const _default: ({
209
209
  })[];
210
210
  } | {
211
211
  title: string;
212
- child: {
212
+ child: ({
213
213
  label: string;
214
214
  type: string;
215
215
  name: string[];
216
216
  text: string;
217
- }[];
217
+ } | {
218
+ label: string;
219
+ type: string;
220
+ name: string[];
221
+ text?: undefined;
222
+ })[];
218
223
  })[];
219
224
  export default _default;
package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js CHANGED
@@ -301,7 +301,12 @@ export default [
301
301
  label: '弹窗按钮',
302
302
  type: 'Upload',
303
303
  name: ['props', 'iframeIcon'],
304
- text: '建议尺寸：106 * 41'
304
+ text: '建议尺寸：72 * 30'
305
+ },
306
+ {
307
+ label: '背景色',
308
+ type: 'Color',
309
+ name: ['props', 'iframeBgColor']
305
310
  }
306
311
  ]
307
312
  }
package/es/materials/sxp/popup/Iframe/index.js CHANGED
@@ -8,11 +8,11 @@ const Iframe = (_a) => {
8
8
  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"]);
9
9
  const { popupDetailData } = useSxpDataSource();
10
10
  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;
11
- return (React.createElement("div", Object.assign({ className: `${css(Object.assign(Object.assign({}, style), { height: isTel ? 664 : window === null || window === void 0 ? void 0 : window.innerHeight }))}` }, props),
11
+ return (React.createElement("div", Object.assign({ className: `${css(Object.assign({}, style))}` }, props),
12
12
  React.createElement("iframe", { src: iframeUrl, style: {
13
13
  width: '100%',
14
14
  height: 'calc(100% - 50px)',
15
- marginTop: '40px',
15
+ marginTop: '50px',
16
16
  border: 'none'
17
17
  } })));
18
18
  };
package/lib/core/components/SxpPageRender/Popup/index.js CHANGED
@@ -27,6 +27,20 @@ const Popup = () => {
27
27
  setVisible(popup);
28
28
  }
29
29
  }, [popup]);
30
+ const isFullScreen = (0, react_1.useMemo)(() => {
31
+ var _a, _b, _c, _d;
32
+ 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) => {
33
+ if ((value === null || value === void 0 ? void 0 : value.id) === (popup === null || popup === void 0 ? void 0 : popup.id)) {
34
+ return value;
35
+ }
36
+ });
37
+ if (valueItem !== -1 && ((_d = valueItem === null || valueItem === void 0 ? void 0 : valueItem.item) === null || _d === void 0 ? void 0 : _d.type) === 'Iframe') {
38
+ return true;
39
+ }
40
+ else {
41
+ return false;
42
+ }
43
+ }, [popup, schema]);
30
44
  const handleClose = () => {
31
45
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
32
46
  if (!popup ||
@@ -75,6 +89,6 @@ const Popup = () => {
75
89
  }
76
90
  });
77
91
  }, [schema, popup, resolver, handleClose]);
78
- return (react_1.default.createElement(Modal_1.default, { popup: visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' } }, renderPopupDetail));
92
+ return (react_1.default.createElement(Modal_1.default, { popup: visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' }, isFullScreen: isFullScreen }, renderPopupDetail));
79
93
  };
80
94
  exports.default = Popup;
package/lib/materials/sxp/popup/CommodityDetail/index.d.ts CHANGED
@@ -48,6 +48,7 @@ export interface ICommodityDetailProps {
48
48
  h: number;
49
49
  };
50
50
  isTel?: boolean;
51
+ iframeBgColor?: string;
51
52
  }
52
53
  declare const _default: React.NamedExoticComponent<ICommodityDetailProps>;
53
54
  export default _default;
package/lib/materials/sxp/popup/CommodityDetail/index.js CHANGED
@@ -15,7 +15,7 @@ const tool_1 = require("../../../../core/utils/tool");
15
15
  const CommodityGroup_1 = tslib_1.__importDefault(require("../../template/components/CommodityGroup"));
16
16
  const CommodityDetail = (_a) => {
17
17
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
18
- var { content, style, bgImg, onClick, schema, isDefault, bottom_image, tipText, isPost, viewTime, rec, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "onClick", "schema", "isDefault", "bottom_image", "tipText", "isPost", "viewTime", "rec", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel"]);
18
+ 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 = tslib_1.__rest(_a, ["content", "style", "bgImg", "onClick", "schema", "isDefault", "bottom_image", "tipText", "isPost", "viewTime", "rec", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel", "iframeBgColor"]);
19
19
  const { sxpParameter, popupDetailData, isPreview, bffFbReport, popupCurTimeRef, checkCommodityIndexRef } = (0, hooks_1.useSxpDataSource)();
20
20
  const { jumpToWeb, productView } = (0, useEventReport_1.useEventReport)();
21
21
  const curTimeRef = (0, react_1.useRef)(null);
@@ -181,7 +181,7 @@ const CommodityDetail = (_a) => {
181
181
  background: '#fff',
182
182
  borderRadius: '3px'
183
183
  }, onClick: () => setShow3DModal(true) },
184
- react_1.default.createElement("img", { src: iframeIcon, alt: '3d', width: '60px' })))),
184
+ react_1.default.createElement("img", { src: iframeIcon, alt: '3d', width: '72px' })))),
185
185
  renderCommodityGroup(),
186
186
  react_1.default.createElement("div", { className: 'pb-commondity-content' }, renderContent({ isPost }))),
187
187
  renderBtn(),
@@ -189,10 +189,10 @@ const CommodityDetail = (_a) => {
189
189
  react_1.default.createElement("div", { style: { paddingBottom: '80px' } }, renderContent({ isPost: false })),
190
190
  renderBtn()),
191
191
  react_1.default.createElement(Modal_1.default, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
192
- react_1.default.createElement("div", { style: { height: window.innerHeight } },
192
+ react_1.default.createElement("div", { style: { backgroundColor: iframeBgColor, height: '100%' } },
193
193
  react_1.default.createElement("iframe", { src: iframeUrl, style: {
194
194
  width: '100%',
195
- height: isTel ? `${664 - 50}px` : `${window.innerHeight - 50}px`,
195
+ height: 'calc(100% - 50px)',
196
196
  marginTop: '50px',
197
197
  border: 'none'
198
198
  } })))));
package/lib/materials/sxp/popup/CommodityDetail/settingRender.d.ts CHANGED
@@ -221,11 +221,16 @@ declare const _default: ({
221
221
  })[];
222
222
  } | {
223
223
  title: string;
224
- child: {
224
+ child: ({
225
225
  label: string;
226
226
  type: string;
227
227
  name: string[];
228
228
  text: string;
229
- }[];
229
+ } | {
230
+ label: string;
231
+ type: string;
232
+ name: string[];
233
+ text?: undefined;
234
+ })[];
230
235
  })[];
231
236
  export default _default;
package/lib/materials/sxp/popup/CommodityDetail/settingRender.js CHANGED
@@ -320,7 +320,12 @@ exports.default = [
320
320
  label: '弹窗按钮',
321
321
  type: 'Upload',
322
322
  name: ['props', 'iframeIcon'],
323
- text: '建议尺寸：106 * 41'
323
+ text: '建议尺寸：72 * 30'
324
+ },
325
+ {
326
+ label: '背景色',
327
+ type: 'Color',
328
+ name: ['props', 'iframeBgColor']
324
329
  }
325
330
  ]
326
331
  }
package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts CHANGED
@@ -48,6 +48,7 @@ export interface ICommodityDetailDiroNewProps {
48
48
  h: number;
49
49
  };
50
50
  isTel?: boolean;
51
+ iframeBgColor?: string;
51
52
  }
52
53
  declare const _default: React.NamedExoticComponent<ICommodityDetailDiroNewProps>;
53
54
  export default _default;
package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js CHANGED
@@ -15,7 +15,7 @@ const tool_1 = require("../../../../core/utils/tool");
15
15
  const CommodityGroup_1 = tslib_1.__importDefault(require("../../template/components/CommodityGroup"));
16
16
  const CommodityDetailDiroNew = (_a) => {
17
17
  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;
18
- var { style, isDefault, rec, viewTime, isPost, bottom_image, tipText, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel } = _a, props = tslib_1.__rest(_a, ["style", "isDefault", "rec", "viewTime", "isPost", "bottom_image", "tipText", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel"]);
18
+ var { style, isDefault, rec, viewTime, isPost, bottom_image, tipText, swiper, commodityStyles, buttonStyle, index, commodityGroup, popupBg, iframeIcon, commodityImgRatio, isTel, iframeBgColor } = _a, props = tslib_1.__rest(_a, ["style", "isDefault", "rec", "viewTime", "isPost", "bottom_image", "tipText", "swiper", "commodityStyles", "buttonStyle", "index", "commodityGroup", "popupBg", "iframeIcon", "commodityImgRatio", "isTel", "iframeBgColor"]);
19
19
  const [spread, setSpread] = (0, react_1.useState)(true);
20
20
  const { sxpParameter, popupCurTimeRef, popupDetailData, isPreview, bffFbReport, checkCommodityIndexRef } = (0, hooks_1.useSxpDataSource)();
21
21
  const { jumpToWeb, productView } = (0, useEventReport_1.useEventReport)();
@@ -164,7 +164,7 @@ Made in Italy` })));
164
164
  background: '#fff',
165
165
  borderRadius: '3px'
166
166
  }, onClick: () => setShow3DModal(true) },
167
- react_1.default.createElement("img", { src: iframeIcon, alt: '3d', width: '60px' })))),
167
+ react_1.default.createElement("img", { src: iframeIcon, alt: '3d', width: '72px' })))),
168
168
  renderCommodityGroup(),
169
169
  react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content' },
170
170
  react_1.default.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
@@ -189,10 +189,10 @@ Made in Italy` })));
189
189
  productInfoText({ isPost }))),
190
190
  react_1.default.createElement(Modal_1.default, { visible: showModal, onClose: () => setShowModal(false) }, productInfoText({ isPost: false })),
191
191
  react_1.default.createElement(Modal_1.default, { visible: show3DModal, padding: 0, isFullScreen: true, onClose: () => setShow3DModal(false) },
192
- react_1.default.createElement("div", { style: { height: window.innerHeight } },
192
+ react_1.default.createElement("div", { style: { backgroundColor: iframeBgColor, height: '100%' } },
193
193
  react_1.default.createElement("iframe", { src: iframeUrl, style: {
194
194
  width: '100%',
195
- height: isTel ? `${664 - 50}px` : `${window.innerHeight - 50}px`,
195
+ height: 'calc(100% - 50px)',
196
196
  marginTop: '50px',
197
197
  border: 'none'
198
198
  } })))));
package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts CHANGED
@@ -209,11 +209,16 @@ declare const _default: ({
209
209
  })[];
210
210
  } | {
211
211
  title: string;
212
- child: {
212
+ child: ({
213
213
  label: string;
214
214
  type: string;
215
215
  name: string[];
216
216
  text: string;
217
- }[];
217
+ } | {
218
+ label: string;
219
+ type: string;
220
+ name: string[];
221
+ text?: undefined;
222
+ })[];
218
223
  })[];
219
224
  export default _default;
package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js CHANGED
@@ -303,7 +303,12 @@ exports.default = [
303
303
  label: '弹窗按钮',
304
304
  type: 'Upload',
305
305
  name: ['props', 'iframeIcon'],
306
- text: '建议尺寸：106 * 41'
306
+ text: '建议尺寸：72 * 30'
307
+ },
308
+ {
309
+ label: '背景色',
310
+ type: 'Color',
311
+ name: ['props', 'iframeBgColor']
307
312
  }
308
313
  ]
309
314
  }
package/lib/materials/sxp/popup/Iframe/index.js CHANGED
@@ -10,11 +10,11 @@ const Iframe = (_a) => {
10
10
  var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle, isTel } = _a, props = tslib_1.__rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel"]);
11
11
  const { popupDetailData } = (0, hooks_1.useSxpDataSource)();
12
12
  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;
13
- return (react_1.default.createElement("div", Object.assign({ className: `${(0, css_1.css)(Object.assign(Object.assign({}, style), { height: isTel ? 664 : window === null || window === void 0 ? void 0 : window.innerHeight }))}` }, props),
13
+ return (react_1.default.createElement("div", Object.assign({ className: `${(0, css_1.css)(Object.assign({}, style))}` }, props),
14
14
  react_1.default.createElement("iframe", { src: iframeUrl, style: {
15
15
  width: '100%',
16
16
  height: 'calc(100% - 50px)',
17
- marginTop: '40px',
17
+ marginTop: '50px',
18
18
  border: 'none'
19
19
  } })));
20
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pb-sxp-ui",
3
- "version": "1.3.5",
3
+ "version": "1.3.7",
4
4
  "description": "React enterprise-class UI components",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",