@fonixtree/magic-design 2.0.30 → 2.0.32

package/es/meta-comp/config-panels/ButtonConfig/index.js

@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 require("./index.less");
 
+var _lodash = require("lodash");
+
 var _locale = require("../../../locale");
 
 var _SpacingConfig = _interopRequireDefault(require("../../../composite-comp/common/config-panels/SpacingConfig"));
@@ -104,11 +106,11 @@ function (_super) {
 
       _this.updateAttr(data, 'hover', {
         open: true,
-        buttonBorder: data.buttonBorder,
-        buttonIcon: data.buttonIcon,
-        buttonText: data.buttonText,
+        buttonBorder: (0, _lodash.cloneDeep)(data.buttonBorder),
+        buttonIcon: (0, _lodash.cloneDeep)(data.buttonIcon),
+        buttonText: (0, _lodash.cloneDeep)(data.buttonText),
         content: {
-          backgroundColor: data.content.backgroundColor
+          backgroundColor: (0, _lodash.cloneDeep)(data.content.backgroundColor)
         }
       }); // console.log('--ffd, button hover first click', data);
 
@@ -162,7 +164,7 @@ function (_super) {
 
     var fontSizeKey = window.magicDesign.device == 'pc' ? 'pcFontSize' : 'fontSize';
 
-    var ButtonTextSetting = function ButtonTextSetting(data) {
+    var ButtonTextSetting = function ButtonTextSetting(_data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_STYLE')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
@@ -171,24 +173,24 @@ function (_super) {
             return t.key == v;
           });
 
-          _extends(data, __assign(__assign({}, findOne), {
+          _extends(_data, __assign(__assign({}, findOne), {
             sizeType: findOne === null || findOne === void 0 ? void 0 : findOne.key
           }));
 
           _this.selfRender();
         },
-        value: data.sizeType
+        value: _data.sizeType
       }, _TextConfig.sizeTypeList.map(function (sizeType) {
         return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
           value: sizeType.key
         }, sizeType.key);
-      }))), data.sizeType == 'Customize font styles' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }))), _data.sizeType == 'Customize font styles' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_FAMILY')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
-          _this.updateAttr(data, 'fontFamily', v);
+          _this.updateAttr(_data, 'fontFamily', v);
         },
-        value: data.fontFamily
+        value: _data.fontFamily
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Montserrat"
       }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
@@ -197,9 +199,9 @@ function (_super) {
         title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
-          _this.updateAttr(data, 'fontWeight', v);
+          _this.updateAttr(_data, 'fontWeight', v);
         },
-        value: data.fontWeight
+        value: _data.fontWeight
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: 400
       }, (0, _locale.i18n)('REGULAR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
@@ -210,34 +212,34 @@ function (_super) {
         onChange: function onChange(_a) {
           var count = _a.count;
 
-          _this.updateAttr(data, fontSizeKey, count);
+          _this.updateAttr(_data, fontSizeKey, count);
         },
         unit: "px",
         value: {
-          count: data[fontSizeKey]
+          count: _data[fontSizeKey]
         }
       }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: ""
       }, /*#__PURE__*/_react["default"].createElement(_common.FontStyles, {
         onChange: function onChange(value) {
-          _extends(data, value);
+          _extends(_data, value);
 
           _this.selfRender();
         },
-        value: data
+        value: _data
       })));
     };
 
-    var ButtonBorderSetting = function ButtonBorderSetting(data) {
+    var ButtonBorderSetting = function ButtonBorderSetting(_data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
         title: (0, _locale.i18n)('BORDER_COLOR')
       }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
         colorType: "rgba",
         onChange: function onChange(value) {
-          _this.updateAttr(data, 'borderColor', value);
+          _this.updateAttr(_data, 'borderColor', value);
         },
-        value: data.borderColor
+        value: _data.borderColor
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('BORDER_RADIUS')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
@@ -245,15 +247,15 @@ function (_super) {
         onChange: function onChange(_a) {
           var count = _a.count;
 
-          _this.updateAttr(data, 'borderRadius', count);
+          _this.updateAttr(_data, 'borderRadius', count);
         },
         value: {
-          count: data.borderRadius
+          count: _data.borderRadius
         }
       })));
     };
 
-    var ButtonIconSetting = function ButtonIconSetting(data) {
+    var ButtonIconSetting = function ButtonIconSetting(_data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('ICON')
       }, /*#__PURE__*/_react["default"].createElement(_common.IconPicker, {
@@ -262,18 +264,18 @@ function (_super) {
         },
         onClick: function onClick() {
           _this.setState({
-            isHover: data == _this.props.data.hover.buttonIcon
+            isHover: _data == _this.props._data.hover.buttonIcon
           });
         },
-        value: data.iconUrl
-      })), data.iconUrl && /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        value: _data.iconUrl
+      })), _data.iconUrl && /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('ICON_PLACEMENT')
       }, /*#__PURE__*/_react["default"].createElement(_common.ButtonIconLayout, {
-        icon: data.iconUrl,
+        icon: _data.iconUrl,
         onChange: function onChange(value) {
-          return _this.updateAttr(data, 'layout', value);
+          return _this.updateAttr(_data, 'layout', value);
         },
-        value: data.layout
+        value: _data.layout
       })));
     };
 

package/es/utils/commonUtil.js

@@ -7,7 +7,7 @@ exports.addZero = exports.addUrlQuery = void 0;
 exports.asyncDataURLtoImage = asyncDataURLtoImage;
 exports.checkFileName = exports.calcLastTime = exports.asyncNextTick = void 0;
 exports.commonFetch = commonFetch;
-exports.compatibleNewPageData = void 0;
+exports.convertCount = exports.compatibleNewPageData = void 0;
 exports.convertImageUrl = convertImageUrl;
 exports.convertToRem = void 0;
 exports.copy2ClipBoard = copy2ClipBoard;
@@ -776,7 +776,7 @@ var pxToRem = function pxToRem(styleObj) {
       if (typeof value === 'string' && value.endsWith('px')) {
         remObj[key] = convertToRem(value.split('px')[0]);
       } else if (typeof value === 'number') {
-        remObj[key] = ['opacity', 'lineHeight', 'zIndex'].includes(key) ? value : convertToRem(value);
+        remObj[key] = ['opacity', 'lineHeight', 'zIndex', 'fontWeight'].includes(key) ? value : convertToRem(value);
       } else if ((key === 'padding' || key === 'margin') && typeof value === 'string') {
         var paddingValues = value.split(' ');
         var remPaddingValues = paddingValues.map(function (paddingValue) {
@@ -884,4 +884,18 @@ var downloadBase64Image = function downloadBase64Image(base64String, filename) {
   link.click();
 };
 
-exports.downloadBase64Image = downloadBase64Image;
+exports.downloadBase64Image = downloadBase64Image;
+
+var convertCount = function convertCount(value) {
+  var newValue = value;
+
+  if (value >= 1000000) {
+    newValue = Number(value / 1000000).toFixed(1) + "M";
+  } else if (value >= 1000) {
+    newValue = Number(value / 1000).toFixed(1) + "K";
+  }
+
+  return newValue;
+};
+
+exports.convertCount = convertCount;

package/es/utils/currencyUtil.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.numberToFixed = exports.getPricePrefix = exports.getPrecision = exports.formatCurrencyWithSymbol = exports.formatCurrency = exports.currencyToFont = exports.calcFloatCount = exports.addSeparators = void 0;
+exports.numberToFixed = exports.getPricePrefix = exports.getPrecision = exports.formatCurrencyWithSymbol = exports.formatCurrency = exports.formatBackendCurrency = exports.currencyToFont = exports.calcFloatCount = exports.addSeparators = void 0;
 
 var _divide = _interopRequireDefault(require("lodash/divide"));
 
@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 /* eslint-disable */
 var precision = (0, _commonUtil.ensure)(function () {
-  return window.ecommerce.precision;
+  return window.systemParams.precision;
 }, '0'); // 千分位展示
 
 var addSeparators = function addSeparators(nStr, thousandsSep, decimalSep) {
@@ -42,7 +42,7 @@ exports.addSeparators = addSeparators;
 
 var getPricePrefix = function getPricePrefix() {
   var pricePrefix = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.prefix;
+    return window.systemParams.prefix;
   }, 'Rp');
   return pricePrefix;
 };
@@ -51,23 +51,42 @@ exports.getPricePrefix = getPricePrefix;
 
 var getPrecision = function getPrecision() {
   var ret = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.precision;
+    return window.systemParams.precision;
   }, '0');
   return Number(ret);
-}; // 格式化金额
+};
+/**
+ * 前端数值转换为后端数值
+ * @param num
+ */
 
 
 exports.getPrecision = getPrecision;
 
+var formatBackendCurrency = function formatBackendCurrency(num) {
+  var precision = (0, _commonUtil.ensure)(function () {
+    return window.systemParams.precision;
+  }, '0');
+
+  if (!num) {
+    return num;
+  }
+
+  return num * Math.pow(10, precision);
+}; // 格式化金额
+
+
+exports.formatBackendCurrency = formatBackendCurrency;
+
 var formatCurrency = function formatCurrency(num) {
   var displayPrecision = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.displayCurrencyPrecision;
+    return window.systemParams.displayCurrencyPrecision;
   }, '0');
   var precision = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.precision;
+    return window.systemParams.precision;
   }, '0');
   var pricePrefix = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.prefix;
+    return window.systemParams.prefix;
   }, 'Rp');
   var numVal = num;
 
@@ -162,7 +181,7 @@ var currencyToFont = function currencyToFont(value, customPrecision, customDispl
     precision = Number(customPrecision);
   } else {
     precision = (0, _commonUtil.ensure)(function () {
-      return window.ecommerce.precision;
+      return window.systemParams.precision;
     }, '0');
   }
 
@@ -180,7 +199,7 @@ var currencyToFont = function currencyToFont(value, customPrecision, customDispl
     displayPrecision = Number(customDisplayPrecision);
   } else {
     displayPrecision = (0, _commonUtil.ensure)(function () {
-      return window.ecommerce.displayCurrencyPrecision;
+      return window.systemParams.displayCurrencyPrecision;
     }, 'Rp');
   }
 

package/lib/assets/less/modal.less

@@ -18,7 +18,7 @@
       .cylon-modal-body {
         padding: 16px 16px 12px 16px !important;
         max-height: 800px !important;
-        overflow: scroll;
+        // overflow: scroll;
       }
     }
   }

package/lib/common/ImageLazy/index.js

@@ -100,9 +100,11 @@ function (_super) {
 
     this.intersectionObserver = new IntersectionObserver(function (entries) {
       if (entries[0].isIntersecting) {
-        _this.setState({
-          show: true
-        });
+        if (!_this.state.show) {
+          _this.setState({
+            show: true
+          });
+        }
       }
     }, {
       root: (_a = this.props) === null || _a === void 0 ? void 0 : _a.rootContainer(),
@@ -120,14 +122,13 @@ function (_super) {
     var _this = this;
 
     var _a = this.props,
-        root = _a.root,
         _b = _a.lazy,
         lazy = _b === void 0 ? true : _b,
         src = _a.src,
         onLoadFunc = _a.onLoadFunc,
         style = _a.style,
         className = _a.className,
-        rest = __rest(_a, ["root", "lazy", "src", "onLoadFunc", "style", "className"]);
+        rest = __rest(_a, ["lazy", "src", "onLoadFunc", "style", "className"]);
 
     var show = this.state.show;
     var isShow = lazy ? show : true;

package/lib/common/LinkModal/FilteredProductModal/index.js

@@ -447,7 +447,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           switch (_a.label) {
             case 0:
               precision = Math.pow(10, (0, _commonUtil.ensure)(function () {
-                return window.ecommerce.precision;
+                return window.systemParams.precision;
               }, '0'));
               params = {
                 catgIds: tValue.join(','),
@@ -532,12 +532,14 @@ var FilteredProductModal = function FilteredProductModal(props) {
     layout: "vertical"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Category"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, {
-    allowClear: true,
+  }, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect // allowClear
+  , {
     dropdownStyle: {
       maxHeight: 400,
       overflow: 'auto'
     },
+    maxTagCount: 2,
+    maxTagTextLength: 5,
     multiple: true,
     onChange: onChange,
     placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
@@ -549,6 +551,8 @@ var FilteredProductModal = function FilteredProductModal(props) {
     label: "Brand"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     defaultValue: [],
+    maxTagCount: 2,
+    maxTagTextLength: 5,
     mode: "multiple",
     onChange: handleBrandChange,
     placeholder: (0, _locale.i18n)('PLEASE_SELECT'),

package/lib/common/LinkModal/FilteredProductModal/index.less

@@ -84,7 +84,7 @@
       }
 
       .leftCot {
-        width: 230px;
+        width: 280px;
         // height: 400px;
         box-sizing: border-box;
         border-right: 1px solid #e0e0e0;

package/lib/common/LinkModal/index.js

@@ -285,7 +285,7 @@ var LinkModal = function LinkModal(props) {
     ,
     title: (0, _locale.i18n)('URL_SETUP'),
     visible: visible,
-    width: "900px",
+    width: "1000px",
     wrapClassName: "magicLinkModal"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Tabs, {
     activeKey: selected,

package/lib/common/ProductModal/index.js

@@ -204,8 +204,6 @@ var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
   return r;
 };
 
-var precision = (0, _currencyUtil.getPrecision)();
-
 var formatData = function formatData(list) {
   list.map(function (item) {
     item.preSalesPrice = (0, _currencyUtil.formatCurrencyWithSymbol)(item.salesPrice);
@@ -377,21 +375,18 @@ var ProductModal = function ProductModal(props) {
 
   var queryOfferCatgs = function queryOfferCatgs() {
     return __awaiter(void 0, void 0, void 0, function () {
-      var res, arr;
+      var res, tree;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)('/designer/v1/h5/offers/catgs', {}, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/offercatgs/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
-            arr = [];
-            res.forEach(function (f) {
-              if (f.children) arr.push.apply(arr, f.children);
-            });
-            setCatgsList(arr);
+            tree = (0, _businessUtil.listToTree)(res);
+            setCatgsList(tree);
             return [2
             /*return*/
             ];
@@ -409,7 +404,7 @@ var ProductModal = function ProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/offerdiscatgs/brands", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/brand/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -565,35 +560,33 @@ var ProductModal = function ProductModal(props) {
     layout: "vertical"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Category"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-    mode: "multiple",
-    onChange: function onChange(value, option) {
+  }, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, {
+    dropdownStyle: {
+      maxHeight: 400,
+      overflow: 'auto'
+    },
+    maxTagCount: 2,
+    maxTagTextLength: 5,
+    multiple: true,
+    onChange: function onChange(value) {
       setSelCatgsList(value);
     },
     placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
+    treeData: catgsList,
+    treeDefaultExpandAll: true,
     value: selCatgsList
-  }, catgsList.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(OptGroup, {
-      key: item.model.catgId,
-      label: item.model.catgName
-    }, (item.children || []).map(function (i) {
-      return /*#__PURE__*/_react["default"].createElement(Option, {
-        key: i.model.catgId,
-        value: i.model.catgId
-      }, i.model.catgName);
-    }));
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Brand"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     mode: "multiple",
-    onChange: function onChange(value, option) {
+    onChange: function onChange(value) {
       setSelBrandsList(value);
     },
     placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: selBrandsList
-  }, brandsList.map(function (item, index) {
+  }, brandsList.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement(Option, {
       key: item.catgId,
       value: item.brandId
@@ -706,8 +699,8 @@ var ProductModal = function ProductModal(props) {
         productCode: productCode,
         storeId: storeId,
         cmpTypeId: promotions || '',
-        minPrice: minPrice === '' ? '' : minPrice * Math.pow(10, precision),
-        maxPrice: maxPrice === '' ? '' : maxPrice * Math.pow(10, precision),
+        minPrice: (0, _currencyUtil.formatBackendCurrency)(minPrice),
+        maxPrice: (0, _currencyUtil.formatBackendCurrency)(maxPrice),
         catgIds: selCatgsList.join(','),
         brandIds: selBrandsList.join(','),
         labelIds: selLabelData.value || '',
@@ -736,8 +729,8 @@ var ProductModal = function ProductModal(props) {
           productName: productName,
           productCode: productCode,
           cmpTypeId: promotions || '',
-          minPrice: minPrice === '' ? '' : minPrice * Math.pow(10, precision),
-          maxPrice: maxPrice === '' ? '' : maxPrice * Math.pow(10, precision),
+          minPrice: (0, _currencyUtil.formatBackendCurrency)(minPrice),
+          maxPrice: (0, _currencyUtil.formatBackendCurrency)(maxPrice),
           catgIds: selCatgsList.join(','),
           brandIds: selBrandsList.join(','),
           labelIds: selLabelData.value || '',

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

@@ -208,6 +208,12 @@ function (_super) {
         style: _this.getBackgroundStyle(item)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "carouselItem",
+        onClick: function onClick() {
+          /** PTO 定制GA */
+          if (window.magicDesign.pushGA) {
+            window.magicDesign.pushGA({}, 'select_promotion');
+          }
+        },
         onMouseEnter: _this.mouseEnterWrap,
         onMouseLeave: _this.mouseLeaveWrap,
         style: _this.getItemStyle(item)

package/lib/composite-comp/bol/components/Carousel/index.js

@@ -15,6 +15,8 @@ var _defaultJSON = require("./defaultJSON");
 
 var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
 
+var _decorator = require("../../../../decorator");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -68,40 +70,26 @@ function (_super) {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.state = {
-      show: false
+      lazyShow: false
     };
     _this.carouselRef = /*#__PURE__*/_react["default"].createRef();
     _this.intersectionObserver = null;
     return _this;
   }
 
-  Carousel.prototype.componentDidMount = function () {
-    var _this = this;
+  Carousel.prototype.componentDidMount = function () {};
 
-    this.intersectionObserver = new IntersectionObserver(function (entries) {
-      if (entries[0].isIntersecting) {
-        _this.setState({
-          show: true
-        });
-      }
-    }, {
-      root: null,
-      // threshold: 0.8,
-      rootMargin: '0px 0px 100px 0px'
-    });
-    this.intersectionObserver.observe(this.carouselRef.current);
-  };
-
-  Carousel.prototype.componentWillUnmount = function () {
-    this.intersectionObserver.disconnect(this.carouselRef.current);
-  };
+  Carousel.prototype.componentWillUnmount = function () {};
 
   Carousel.prototype.render = function () {
     var nodeData = this.props.nodeData;
-    var show = this.state.show;
+    var lazyShow = this.state.lazyShow;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      ref: this.carouselRef
-    }, show && (window.magicDesign.device === 'pc' ? /*#__PURE__*/_react["default"].createElement(_pc["default"], {
+      ref: this.carouselRef,
+      style: {
+        height: lazyShow ? 'auto' : 300
+      }
+    }, lazyShow && (window.magicDesign.device === 'pc' ? /*#__PURE__*/_react["default"].createElement(_pc["default"], {
       data: nodeData
     }) : /*#__PURE__*/_react["default"].createElement(_mobile["default"], {
       data: nodeData
@@ -111,6 +99,11 @@ function (_super) {
   Carousel.defaultProps = {};
   Carousel.type = 'CAROUSEL';
   Carousel.getDefaultJSON = _defaultJSON.getDefaultJSON;
+
+  __decorate([(0, _decorator.lazy)('carouselRef')], Carousel.prototype, "componentDidMount", null);
+
+  __decorate([_decorator.lazyDestroy], Carousel.prototype, "componentWillUnmount", null);
+
   Carousel = __decorate([_compositeDecorator["default"]], Carousel);
   return Carousel;
 }(_react.Component);

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

@@ -73,24 +73,13 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 
-var MOBILE_IMG_SIZE = {
-  1: {
-    maxH: 282
-  },
-  2: {
-    maxH: 137
-  },
-  3: {
-    maxH: 87
-  },
-  4: {
-    maxH: 66
-  },
-  5: {
-    maxH: 50
-  }
-};
-
+// const MOBILE_IMG_SIZE = {
+//   1: { maxH: 282 },
+//   2: { maxH: 137 },
+//   3: { maxH: 87 },
+//   4: { maxH: 66 },
+//   5: { maxH: 50 },
+// };
 var CarouselMobile =
 /** @class */
 function (_super) {

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

@@ -101,6 +101,18 @@ var videoGroupSourceJSON = function videoGroupSourceJSON(parentId) {
         iconUrl: '',
         layout: 'right'
       },
+      spacing: {
+        pc: {
+          paddingTop: 0,
+          paddingBottom: 0,
+          marginBottom: 0
+        },
+        mobile: {
+          paddingTop: 0,
+          paddingBottom: 0,
+          marginBottom: 0
+        }
+      },
       text: 'Button Tag'
     },
     secondButtonTag: {
@@ -126,6 +138,18 @@ var videoGroupSourceJSON = function videoGroupSourceJSON(parentId) {
         borderColor: '',
         borderRadius: 4
       },
+      spacing: {
+        pc: {
+          paddingTop: 0,
+          paddingBottom: 0,
+          marginBottom: 0
+        },
+        mobile: {
+          paddingTop: 0,
+          paddingBottom: 0,
+          marginBottom: 0
+        }
+      },
       buttonIcon: {
         iconUrl: '',
         layout: 'right'

package/lib/composite-comp/bol/second-config-panels/VideoSecondConfig/index.js

@@ -79,7 +79,6 @@ function (_super) {
       var _a;
 
       var obj = null;
-      console.log(customize);
 
       if ((0, _coreUtil.isPc)()) {
         switch ((_a = customize === null || customize === void 0 ? void 0 : customize.layout) === null || _a === void 0 ? void 0 : _a.pcLayout) {