pb-sxp-ui 1.3.6 → 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 (29) hide show
  1. package/dist/index.cjs +20 -10
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +20 -10
  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 +20 -10
  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/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
  14. package/es/materials/sxp/popup/CommodityDetail/index.js +3 -3
  15. package/es/materials/sxp/popup/CommodityDetail/settingRender.d.ts +7 -2
  16. package/es/materials/sxp/popup/CommodityDetail/settingRender.js +6 -1
  17. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
  18. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +3 -3
  19. package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts +7 -2
  20. package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +6 -1
  21. package/lib/materials/sxp/popup/CommodityDetail/index.d.ts +1 -0
  22. package/lib/materials/sxp/popup/CommodityDetail/index.js +3 -3
  23. package/lib/materials/sxp/popup/CommodityDetail/settingRender.d.ts +7 -2
  24. package/lib/materials/sxp/popup/CommodityDetail/settingRender.js +6 -1
  25. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.d.ts +1 -0
  26. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +3 -3
  27. package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts +7 -2
  28. package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +6 -1
  29. package/package.json +1 -1
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);
@@ -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: '建议尺寸：72 * 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();
@@ -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: '建议尺寸：72 * 41'
304
+ text: '建议尺寸：72 * 30'
305
+ },
306
+ {
307
+ label: '背景色',
308
+ type: 'Color',
309
+ name: ['props', 'iframeBgColor']
305
310
  }
306
311
  ]
307
312
  }
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);
@@ -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: '建议尺寸：72 * 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)();
@@ -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: '建议尺寸：72 * 41'
306
+ text: '建议尺寸：72 * 30'
307
+ },
308
+ {
309
+ label: '背景色',
310
+ type: 'Color',
311
+ name: ['props', 'iframeBgColor']
307
312
  }
308
313
  ]
309
314
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pb-sxp-ui",
3
- "version": "1.3.6",
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",