@fonixtree/magic-design 2.0.207 → 2.0.210

package/es/common/GroupList/index.js

@@ -112,7 +112,10 @@ function (_super) {
 
     _this.copyItem = function (e, item) {
       e.stopPropagation();
-      var source = _this.props.source;
+      var _a = _this.props,
+          source = _a.source,
+          max = _a.max;
+      if (source.length >= max) return;
       var index = source.findIndex(function (src) {
         return src.id === item.id;
       });
@@ -207,7 +210,8 @@ function (_super) {
     source: [],
     onClickItem: function onClickItem() {},
     reRender: function reRender() {},
-    renderCard: renderCardDefault
+    renderCard: renderCardDefault,
+    max: 99
   };
   return GroupList;
 }(_react["default"].Component);

package/es/composite-comp/bol/components/Banner/defaultJSON.js

@@ -16,6 +16,10 @@ var bannerGroupSourceJSON = function bannerGroupSourceJSON() {
   var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
+    adult: {
+      id: (0, _uuid.v4)(),
+      open: false
+    },
     image: {
       parentId: groupId,
       id: (0, _uuid.v4)(),

package/es/composite-comp/bol/components/Banner/mobile/index.js

@@ -191,6 +191,12 @@ function (_super) {
       autoplay = false;
     }
 
+    var userIsAdult = localStorage.getItem('userIsAdult') === 'Y';
+
+    var _groupSource = data.groupSource.filter(function (f) {
+      return userIsAdult || !f.adult.open;
+    });
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-banner-mobile"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Carousel, {
@@ -203,7 +209,7 @@ function (_super) {
       autoplay: autoplay,
       autoplaySpeed: data.setting.autoplay.interval * 1000,
       dots: false
-    }, data.groupSource.map(function (item, index) {
+    }, _groupSource.map(function (item, index) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: item.id
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -272,7 +278,7 @@ function (_super) {
       }))))));
     })), data.setting.dots.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "swiper-ban"
-    }, data.groupSource.length > 1 && data.groupSource.map(function (item, i) {
+    }, _groupSource.length > 1 && _groupSource.map(function (item, i) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: (item === null || item === void 0 ? void 0 : item.id) || i,
         className: (0, _classnames["default"])('ban', {

package/es/composite-comp/bol/components/Banner/pc/index.js

@@ -228,6 +228,12 @@ function (_super) {
     }
 
     var GAData = (0, _commonUtil.getGAData)(data);
+    var userIsAdult = localStorage.getItem('userIsAdult') === 'Y';
+
+    var _groupSource = data.groupSource.filter(function (f) {
+      return userIsAdult || !f.adult.open;
+    });
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-banner-pc"
     }, data.setting.navigation.open && /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
@@ -249,7 +255,7 @@ function (_super) {
       autoplay: autoplay,
       autoplaySpeed: data.setting.autoplay.interval * 1000,
       dots: false
-    }, data.groupSource.map(function (item, index) {
+    }, _groupSource.map(function (item, index) {
       var _a, _b;
 
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -315,7 +321,7 @@ function (_super) {
       }))))));
     })), data.setting.dots.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "swiper-ban"
-    }, data.groupSource.length > 1 && data.groupSource.map(function (item, i) {
+    }, _groupSource.length > 1 && _groupSource.map(function (item, i) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: i,
         className: (0, _classnames["default"])('ban', {

package/es/composite-comp/bol/components/Carousel/defaultJSON.js

@@ -17,6 +17,10 @@ var imagesGroupSourceJSON = function imagesGroupSourceJSON(compId) {
   return {
     compId: compId,
     id: groupId,
+    adult: {
+      id: (0, _uuid.v4)(),
+      open: false
+    },
     image: {
       parentId: groupId,
       id: (0, _uuid.v4)(),

package/es/composite-comp/bol/components/Carousel/mobile/index.js

@@ -179,12 +179,18 @@ function (_super) {
     var _a = data.customize,
         layout = _a.layout,
         rowNum = _a.rowNum;
+    var userIsAdult = localStorage.getItem('userIsAdult') === 'Y';
+
+    var _groupSource = data.groupSource.filter(function (f) {
+      return userIsAdult || !f.adult.open;
+    });
+
     var colNum = 1;
 
     if (layout === 'layout3') {
-      colNum = Math.min(rowNum + 0.2, data.groupSource.length);
+      colNum = Math.min(rowNum + 0.2, _groupSource.length);
     } else {
-      colNum = Math.min(rowNum, data.groupSource.length);
+      colNum = Math.min(rowNum, _groupSource.length);
     }
 
     var floorColNum = Math.floor(colNum);
@@ -219,13 +225,13 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "content",
       style: (0, _commonUtil.pxToRem)({
-        paddingBottom: data.setting.dots.open && data.groupSource.length / floorColNum > 1 ? dotsSpace : '0'
+        paddingBottom: data.setting.dots.open && _groupSource.length / floorColNum > 1 ? dotsSpace : '0'
       })
     }, /*#__PURE__*/_react["default"].createElement(_reactSlick["default"], _extends({
       ref: function ref(slider) {
         return _this.sliderRef = slider;
       }
-    }, settings), data.groupSource.map(function (item) {
+    }, settings), _groupSource.map(function (item) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: item.id,
         className: "img-wrap"
@@ -277,9 +283,9 @@ function (_super) {
           groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
         })
       }))));
-    })), data.setting.dots.open && Math.ceil(data.groupSource.length / floorColNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
+    })), data.setting.dots.open && Math.ceil(_groupSource.length / floorColNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
       className: "swiper-ban"
-    }, data.groupSource.length > 1 && data.groupSource.map(function (item, i) {
+    }, _groupSource.length > 1 && _groupSource.map(function (item, i) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: i,
         className: (0, _classnames["default"])('ban', {

package/es/composite-comp/bol/components/Carousel/pc/index.js

@@ -200,12 +200,18 @@ function (_super) {
     var _a = data.customize,
         layout = _a.layout,
         pcRowNum = _a.pcRowNum;
+    var userIsAdult = localStorage.getItem('userIsAdult') === 'Y';
+
+    var _groupSource = data.groupSource.filter(function (f) {
+      return userIsAdult || !f.adult.open;
+    });
+
     var colNum = 1;
 
     if (layout === 'layout3') {
-      colNum = Math.min(pcRowNum + 0.2, data.groupSource.length);
+      colNum = Math.min(pcRowNum + 0.2, _groupSource.length);
     } else {
-      colNum = Math.min(pcRowNum, data.groupSource.length);
+      colNum = Math.min(pcRowNum, _groupSource.length);
     }
 
     var floorColNum = Math.floor(colNum);
@@ -246,7 +252,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "content",
       style: {
-        paddingBottom: data.setting.dots.open && data.groupSource.length / floorColNum > 1 ? dotsSpace : '0'
+        paddingBottom: data.setting.dots.open && _groupSource.length / floorColNum > 1 ? dotsSpace : '0'
       }
     }, data.setting.navigation.open && /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
       className: "carousel-icon-left",
@@ -266,7 +272,7 @@ function (_super) {
       ref: function ref(slider) {
         return _this.sliderRef = slider;
       }
-    }, settings), data.groupSource.map(function (item) {
+    }, settings), _groupSource.map(function (item) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: item.id,
         className: "img-wrap"
@@ -321,9 +327,9 @@ function (_super) {
           groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
         })
       }))));
-    }))), data.setting.dots.open && Math.ceil(data.groupSource.length / floorColNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
+    }))), data.setting.dots.open && Math.ceil(_groupSource.length / floorColNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
       className: "swiper-ban"
-    }, data.groupSource.length > 1 && data.groupSource.map(function (item, i) {
+    }, _groupSource.length > 1 && _groupSource.map(function (item, i) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: i,
         className: (0, _classnames["default"])('ban', {

package/es/composite-comp/bol/components/ImageGallery/defaultJSON.js

@@ -16,6 +16,10 @@ var imagesGroupSourceJSON = function imagesGroupSourceJSON() {
       id: (0, _uuid.v4)(),
       text: 'Image Name'
     },
+    adult: {
+      id: (0, _uuid.v4)(),
+      open: false
+    },
     image: {
       parentId: groupId,
       id: (0, _uuid.v4)(),

package/es/composite-comp/bol/components/ImageGallery/mobile/index.js

@@ -116,11 +116,18 @@ function (_super) {
     var isHorizontal = data.customize.layout.h5Layout === 'layout2';
     var isFluidLayout = data.customize.layout.h5Layout === 'layout3' || data.customize.layout.h5Layout === 'layout4';
     var colNum = isHorizontal ? data.customize.rowNum : 1;
-    var newData = data.groupSource.reduce(function (prev, curr, index) {
+    var userIsAdult = localStorage.getItem('userIsAdult') === 'Y';
+
+    var _groupSource = data.groupSource.filter(function (f) {
+      return userIsAdult || !f.adult.open;
+    });
+
+    var newData = _groupSource.reduce(function (prev, curr, index) {
       var i = Math.floor(index / colNum);
       prev[i] = __spreadArrays(prev[i] || [], [curr]);
       return prev;
     }, []);
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-image-gallery-mobile"
     }, !isFluidLayout && /*#__PURE__*/_react["default"].createElement("div", {
@@ -155,31 +162,31 @@ function (_super) {
       className: "fluid-content"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "left-img"
-    }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-      data: data.groupSource[0].image,
+    }, _groupSource[0] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: _groupSource[0].image,
       maxWidth: "100%"
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "right-img"
-    }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-      data: data.groupSource[1].image,
+    }, _groupSource[1] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: _groupSource[1].image,
       maxWidth: "100%"
-    }), /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-      data: data.groupSource[2].image,
+    }), _groupSource[2] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: _groupSource[2].image,
       maxWidth: "100%"
     }))), data.customize.layout.h5Layout === 'layout4' && /*#__PURE__*/_react["default"].createElement("div", {
       className: "fluid-content"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "left-img"
-    }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-      data: data.groupSource[0].image,
+    }, _groupSource[0] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: _groupSource[0].image,
       maxWidth: "100%"
-    }), /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-      data: data.groupSource[1].image,
+    }), _groupSource[1] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: _groupSource[1].image,
       maxWidth: "100%"
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "right-img"
-    }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-      data: data.groupSource[2].image,
+    }, _groupSource[2] && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: _groupSource[2].image,
       maxWidth: "100%"
     }))));
   };

package/es/composite-comp/bol/components/ImageGallery/pc/index.js

@@ -133,11 +133,18 @@ function (_super) {
     var GAData = (0, _commonUtil.getGAData)(data);
     var isHorizontal = data.customize.layout.pcLayout === 'layout2';
     var colNum = isHorizontal ? data.customize.pcRowNum : 1;
-    var newData = data.groupSource.reduce(function (prev, curr, index) {
+    var userIsAdult = localStorage.getItem('userIsAdult') === 'Y';
+
+    var _groupSource = data.groupSource.filter(function (f) {
+      return userIsAdult || !f.adult.open;
+    });
+
+    var newData = _groupSource.reduce(function (prev, curr, index) {
       var i = Math.floor(index / colNum);
       prev[i] = __spreadArrays(prev[i] || [], [curr]);
       return prev;
     }, []);
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-image-gallery-pc"
     }, /*#__PURE__*/_react["default"].createElement("div", {

package/es/composite-comp/bol/components/Video/components/VideoTag/index.js

@@ -82,19 +82,21 @@ function (_super) {
   }
 
   VideoTag.prototype.render = function () {
-    var _a = this.props,
-        onPlayClick = _a.onPlayClick,
-        data = _a.data,
-        _b = _a.position,
-        position = _b === void 0 ? 'absolute' : _b,
-        noShare = _a.noShare,
-        padding = _a.padding,
-        share = _a.share,
-        layout = _a.layout,
-        customize = _a.customize,
-        GAData = _a.GAData,
-        _c = _a.notVertical,
-        notVertical = _c === void 0 ? false : _c;
+    var _a;
+
+    var _b = this.props,
+        onPlayClick = _b.onPlayClick,
+        data = _b.data,
+        _c = _b.position,
+        position = _c === void 0 ? 'absolute' : _c,
+        noShare = _b.noShare,
+        padding = _b.padding,
+        share = _b.share,
+        layout = _b.layout,
+        customize = _b.customize,
+        GAData = _b.GAData,
+        _d = _b.notVertical,
+        notVertical = _d === void 0 ? false : _d;
     var align = customize.align,
         vertical = customize.vertical;
     var showBtn = data.video.playButton == 'Bottom Left' && !['h5-layout3', 'pc-layout4', 'pc-layout5'].includes(layout);
@@ -120,7 +122,7 @@ function (_super) {
         position: position,
         padding: padding
       }, distanceObj))
-    }, showBtn && /*#__PURE__*/_react["default"].createElement("div", {
+    }, showBtn && ((_a = data === null || data === void 0 ? void 0 : data.playIcon) === null || _a === void 0 ? void 0 : _a.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "left-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "play-btn center",

package/es/composite-comp/bol/components/Video/defaultJSON.js

@@ -207,7 +207,7 @@ var getDefaultJSON = function getDefaultJSON() {
     groupSource: [videoGroupSourceJSON(id)],
     pcHeight: 600,
     mobileHeight: 212,
-    arc: 0,
+    arc: '',
     share: {
       open: false,
       image: '',

package/es/composite-comp/bol/config-panels/ImageGalleryConfig/ImageGalleryConfigImageGroup/index.js

@@ -101,8 +101,11 @@ function (_super) {
   }
 
   AComponent.prototype.render = function () {
-    var _a = this.props.source,
-        source = _a === void 0 ? [] : _a;
+    var _a = this.props,
+        _b = _a.source,
+        source = _b === void 0 ? [] : _b,
+        customize = _a.customize;
+    var limit = (customize.layout.h5Layout === 'layout3' || customize.layout.h5Layout === 'layout4') && source.length >= 3;
 
     var _renderCard = function renderCard(src) {
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -122,6 +125,7 @@ function (_super) {
     }, source.length === 0 ? /*#__PURE__*/_react["default"].createElement("span", {
       className: "notice"
     }, notice) : /*#__PURE__*/_react["default"].createElement(_GroupList["default"], {
+      max: customize.layout.h5Layout === 'layout3' || customize.layout.h5Layout === 'layout4' ? 3 : 99,
       onClickItem: this.onClickItem,
       renderCard: function renderCard(v) {
         return _renderCard(v);
@@ -131,7 +135,7 @@ function (_super) {
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "btn_wrap"
     }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      disabled: source.length >= 3,
+      disabled: limit,
       icon: "icon-add",
       onClick: this.onAddClick,
       type: "primary"

package/es/composite-comp/bol/config-panels/ImageGalleryConfig/index.js

@@ -43,6 +43,8 @@ function ImageGalleryConfig(props) {
       key: '1',
       name: (0, _locale.i18n)('IMAGES'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageGalleryConfigImageGroup["default"], {
+        key: JSON.stringify(data.customize),
+        customize: data.customize,
         source: data.groupSource
       })
     }, {

package/es/composite-comp/bol/second-config-panels/BannerSecondConfig/index.js

@@ -64,6 +64,11 @@ function (_super) {
     _this.getContentPanel = function () {
       var panelProps = _this.props.panelProps;
       var source = [{
+        key: panelProps.adult.id,
+        name: (0, _locale.i18n)('ADULT'),
+        value: null,
+        metaOption: panelProps.adult
+      }, {
         key: panelProps.image.id,
         name: (0, _locale.i18n)('IMAGE'),
         value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {

package/es/composite-comp/bol/second-config-panels/CarouselSecondConfig/index.js

@@ -304,6 +304,11 @@ function (_super) {
           return (0, _coreUtil.renderPreview)();
         },
         source: __spreadArrays([{
+          key: panelProps.adult.id,
+          name: (0, _locale.i18n)('ADULT'),
+          value: null,
+          metaOption: panelProps.adult
+        }, {
           key: '1',
           name: (0, _locale.i18n)('IMAGE'),
           value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {

package/es/composite-comp/bol/second-config-panels/ImageGallerySecondConfig/index.js

@@ -7,10 +7,14 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
 var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
 
 var _coreUtil = require("../../../../utils/coreUtil");
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -162,14 +166,33 @@ function (_super) {
         panelProps = _a.panelProps,
         parentNode = _a.parentNode;
     var size = this.getImageRecommendSize(parentNode.customize);
+    var source = [{
+      key: panelProps.adult.id,
+      name: (0, _locale.i18n)('ADULT'),
+      value: null,
+      metaOption: panelProps.adult
+    }, {
+      key: panelProps.image.id,
+      name: (0, _locale.i18n)('IMAGE'),
+      value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+        data: panelProps.image,
+        recommendImgSize: size
+      }),
+      metaOption: panelProps.image
+    }];
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "image_gallery_second_conf_wrap",
       style: {
         marginTop: '20px'
       }
-    }, /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
-      data: panelProps.image,
-      recommendImgSize: size
+    }, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+      headerSize: "middle",
+      onRefresh: function onRefresh() {
+        return (0, _coreUtil.renderPreview)();
+      },
+      showActiveColor: true,
+      source: source,
+      type: "switch"
     }));
   };
 

package/es/composite-comp/common/components/MonpayProductItem/index.js

@@ -23,6 +23,8 @@ require("./index.less");
 
 var _constants = require("../../../../constants");
 
+var _WatermarkLabel = _interopRequireDefault(require("../WatermarkLabel"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -197,6 +199,8 @@ function (_super) {
       data: __assign(__assign({}, panelProps.label), {
         text: isWill ? (0, _locale.i18n)('COMING_SOON') : _discountPercent + "% " + (0, _locale.i18n)('OFF')
       })
+    }), /*#__PURE__*/_react["default"].createElement(_WatermarkLabel["default"], {
+      show: data.targetCustomer === 'A'
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "content-wrap"
     }, showProName && panelProps.productName.open && /*#__PURE__*/_react["default"].createElement("div", {

package/es/composite-comp/common/components/ProductItem/index.js

@@ -93,9 +93,21 @@ function (_super) {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.state = {};
+    _this.videoRef = /*#__PURE__*/_react["default"].createRef();
     return _this;
   }
 
+  ProductItem.prototype.componentDidMount = function () {
+    if (this.videoRef.current) {
+      this.videoRef.current.setAttribute('playsinline', '');
+      this.videoRef.current.setAttribute('webkit-playsinline', ''); // 阻止全屏
+
+      this.videoRef.current.addEventListener('webkitbeginfullscreen', function (e) {
+        e.preventDefault();
+      });
+    }
+  };
+
   ProductItem.prototype.render = function () {
     var _a, _b, _c, _d, _e, _f, _g;
 
@@ -159,14 +171,26 @@ function (_super) {
 
     if (data.type === 'ad') {
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "m-product-item-advertise"
-      }, data.url && /*#__PURE__*/_react["default"].createElement("img", {
-        alt: "welcome advertise",
+        className: "m-product-item-advertise",
         onClick: function onClick() {
           if (window.magicDesign.h5JumpUrlConfig) window.magicDesign.h5JumpUrlConfig(data.adObj, 'voucherRedeemed');
-        },
+        }
+      }, data.url && !data.url.includes('.mp4') && /*#__PURE__*/_react["default"].createElement("img", {
+        alt: "welcome advertise",
         src: data.url
-      }));
+      }), data.url && data.url.includes('.mp4') && /*#__PURE__*/_react["default"].createElement("video", {
+        ref: this.videoRef,
+        autoPlay: true,
+        disablePictureInPicture: true,
+        loop: true,
+        muted: true,
+        playsinline: true,
+        "webkit-playsinline": true,
+        "x-webkit-airplay": "deny"
+      }, /*#__PURE__*/_react["default"].createElement("source", {
+        src: data.url,
+        type: "video/mp4"
+      })));
     }
 
     return /*#__PURE__*/_react["default"].createElement("div", _extends({

package/es/composite-comp/common/components/ProductItem/index.less

@@ -1,7 +1,19 @@
 .m-product-item-advertise {
-  img {
+
+  img,
+  video,
+  .video-wrap {
     width: 100%;
     border-radius: 8px;
+    overflow: hidden;
+  }
+
+  .video-container {
+    background: unset;
+
+    .prism-player {
+      background-color: unset;
+    }
   }
 }
 
@@ -17,6 +29,7 @@
   .img-wrap {
     position: relative;
     overflow: hidden;
+    flex-shrink: 0;
 
     .product-img {
       width: 140px;
@@ -27,6 +40,7 @@
 
   .content-wrap {
     padding: 8px;
+    flex: 1;
 
     .promotions-wrap {
       display: flex;

package/es/composite-comp/common/components/WatermarkLabel/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = WatermarkLabel;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**
+ * @param {Object} props - The component props.
+ * @param {boolean} props.show - Whether the image is adult content.
+ */
+function WatermarkLabel(props) {
+  var show = props.show;
+  if (!show) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "watermarkLabel"
+  }, "+21");
+}

package/es/composite-comp/common/components/WatermarkLabel/index.less

@@ -0,0 +1,17 @@
+  .watermarkLabel {
+    position: absolute;
+    color: white;
+    pointer-events: none;
+    z-index: 1;
+    display: flex;
+    justify-content: center;
+    text-align: center;
+    align-items: center;
+    font-weight: 600;
+    background: rgba(0, 0, 0, 0.50);
+    bottom: 4px;
+    right: 4px;
+    font-size: 16px;
+    padding: 0px 9px;
+    border-radius: 7px;
+  }

package/es/composite-comp/dito/components/Campaign/mobile/components/Bargain/index.js

@@ -304,7 +304,7 @@ function (_super) {
         key: item.id,
         data: item,
         onItemClick: function onItemClick() {
-          (0, _coreUtil.clickUrl)("proDetail - " + item.offerId + " -" + (item.sppProductId || '') + " ");
+          (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || ''));
         }
       });
     }))));

package/es/composite-comp/dito/components/Campaign/mobile/components/CountDown/index.js

@@ -130,7 +130,7 @@ function (_super) {
     return null;
   };
 
-  CountDown.prototype.componentDidUpdate = function () {
+  CountDown.prototype.componentDidMount = function () {
     var now = this.state.now;
 
     if (this.preTime != now) {