@fonixtree/magic-design 2.0.205 → 2.0.206

package/es/core/Designer/ConfigPanel/index.js

@@ -144,6 +144,10 @@ var getSecondConfigName = function getSecondConfigName(selectedNode, clickedGrou
     case 'PERSONAL_INFOMATION':
       groupName = panelProps.sourceType;
       break;
+
+    case 'CAMPAIGN':
+      groupName = panelProps.type;
+      break;
   }
 
   return groupName || 'Group Name';
@@ -377,8 +381,8 @@ function (_super) {
       className: "config_header"
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "title",
-      title: (_a = _constants.compInfoMap[selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.type]) === null || _a === void 0 ? void 0 : _a.name
-    }, (_b = _constants.compInfoMap[selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.type]) === null || _b === void 0 ? void 0 : _b.name), /*#__PURE__*/_react["default"].createElement("div", {
+      title: (selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.label) || ((_a = _constants.compInfoMap[selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.type]) === null || _a === void 0 ? void 0 : _a.name)
+    }, (selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.label) || ((_b = _constants.compInfoMap[selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.type]) === null || _b === void 0 ? void 0 : _b.name)), /*#__PURE__*/_react["default"].createElement("div", {
       className: "right_wrap"
     }, /*#__PURE__*/_react["default"].createElement(_TerminalSelect["default"], {
       onChange: this.onTerminalChange,

package/es/core/Designer/PageCompList/index.js

@@ -293,7 +293,7 @@ function PageCompList(_a) {
       type: "icon-drag"
     }), /*#__PURE__*/_react["default"].createElement("span", {
       className: "card-title ml16"
-    }, index + 1, ". ", (_b = _constants.compInfoMap[comp.type]) === null || _b === void 0 ? void 0 : _b.name)), pageType !== 'Menu' && /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
+    }, index + 1, ". ", comp.label || ((_b = _constants.compInfoMap[comp.type]) === null || _b === void 0 ? void 0 : _b.name))), pageType !== 'Menu' && /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
       overlay: menu,
       placement: "bottomRight",
       trigger: ['click']

package/es/core/Designer/index.js

@@ -427,7 +427,8 @@ function (_super) {
 
     _this.addComponent = function (_a) {
       var type = _a.type,
-          terminalType = _a.terminalType;
+          terminalType = _a.terminalType,
+          label = _a.label;
       var MPageData = _this.state.MPageData;
       var compType = _componentTypes.componentMap[type];
 
@@ -440,7 +441,8 @@ function (_super) {
 
       var newData = __spreadArrays(MPageData, [__assign(__assign({}, compInst), {
         terminalType: terminalType,
-        activeTerminal: terminalType
+        activeTerminal: terminalType,
+        label: label
       })]);
 
       _this.history.push(newData);

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

@@ -360,8 +360,6 @@ function (_super) {
     }];
 
     if (needHover) {
-      console.log('needHover', needHover);
-
       var HoverSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: data.hover.backgroundType === 'new',
         title: (0, _locale.i18n)('IMAGE')

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

@@ -177,7 +177,8 @@ function (_super) {
 
     var _a = this.props,
         data = _a.data,
-        outputType = _a.outputType;
+        outputType = _a.outputType,
+        editText = _a.editText;
     var textData = _mobx.store.textSelection ? _mobx.store.textSelection : data.content;
 
     if (!data.spacing) {
@@ -361,11 +362,19 @@ function (_super) {
 
     return /*#__PURE__*/_react["default"].createElement("div", {
       ref: this.containerRef,
-      className: "m-text-config",
-      style: {
-        paddingTop: 0
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse // divider="dashed"
+      className: "m-text-config"
+    }, editText && /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      className: "text-input",
+      split: "solid",
+      title: (0, _locale.i18n)('TEXT')
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+      onChange: function onChange(e) {
+        data.text = e.target.value;
+
+        _this.selfRender();
+      },
+      value: data.text
+    })), /*#__PURE__*/_react["default"].createElement(_common.Collapse // divider="dashed"
     // headerSize="small"
     , {
       onRefresh: this.selfRender,
@@ -375,7 +384,8 @@ function (_super) {
   };
 
   TextConfig.defaultProps = {
-    data: null
+    data: null,
+    editText: false
   };
   return TextConfig;
 }(_BaseConfig["default"]);

package/es/meta-comp/config-panels/TextConfig/index.less

@@ -6,6 +6,13 @@
   background-color: #F5F6F7;
   border-radius: 6px;
 
+  .text-input {
+    margin-top: 20px;
+    margin-bottom: 0;
+    padding-bottom: 24px;
+    border-color: #EDF0F4 !important;
+  }
+
   .edit-text-btn {
     margin: 8px auto;
     padding: 6px 16px;

package/es/utils/commonUtil.js

@@ -21,7 +21,6 @@ exports.getUrlParams = void 0;
 exports.goLogin = goLogin;
 exports.importAsync = void 0;
 exports.isLogin = isLogin;
-exports.jumpUrlConfig = void 0;
 exports.navigateBack = navigateBack;
 exports.onListenTouch = exports.nextTick = exports.needReverse = exports.navigateTo = void 0;
 exports.pushGA = pushGA;
@@ -46,8 +45,6 @@ var _androidUtil = require("./androidUtil");
 
 var _storeUtil = require("./storeUtil");
 
-var _businessUtil = require("./businessUtil");
-
 var _coreUtil = require("./coreUtil");
 
 var _constants = require("../constants");
@@ -574,99 +571,72 @@ var JsonToUrl = function JsonToUrl(data) {
 
   var urlParamsStr = tempArr.join('&');
   return urlParamsStr;
-};
-
-exports.JsonToUrl = JsonToUrl;
-
-var jumpUrlConfig = function jumpUrlConfig(item) {
-  var _a, _b, _c;
-
-  var _d = item || {},
-      objType = _d.objType,
-      objValue = _d.objValue;
-
-  var jumpUrl = '';
-
-  switch (objType) {
-    // 新增case
-    case 'ProductList':
-      {
-        var offerIdList = objValue.filteredProductsRela.offerIdList;
-        jumpUrl = "/product/list?from=home&objType=ProductList&offerIdList=" + offerIdList;
-        break;
-      }
-
-    case 'Category':
-      jumpUrl = (0, _coreUtil.isPc)() ? "/product/list?from=home&objType=Category&catgIds=" + objValue.objId : "/product/list/" + objValue.objId;
-      break;
-
-    case 'StoreCategory':
-      jumpUrl = (0, _coreUtil.isPc)() ? "/product/list?from=home&objType=Category&catgIds=" + objValue.objId + "&storeCatgIds=" + objValue.objId : "/product/list/" + objValue.objId + "?storeCatgIds=" + objValue.objId;
-      break;
-
-    case 'Coupons':
-      (0, _businessUtil.getAdCoupon)(objValue.objId);
-      return;
-
-    case 'ProductDetail':
-      {
-        var offerId = objValue.objId && objValue.objId.split(',')[0];
-        var productId = objValue.objId && objValue.objId.split(',')[1];
-        jumpUrl = "/product/detail/" + offerId + "?productId=" + productId;
-        break;
-      }
+}; // export const jumpUrlConfig = item => {
+//   const { objType, objValue } = item || {};
+//   let jumpUrl = '';
+//   switch (objType) {
+//     // 新增case
+//     case 'ProductList': {
+//       const { offerIdList } = objValue.filteredProductsRela;
+//       jumpUrl = `/product/list?from=home&objType=ProductList&offerIdList=${offerIdList}`;
+//       break;
+//     }
+//     case 'Category':
+//       jumpUrl = isPc() ? `/product/list?from=home&objType=Category&catgIds=${objValue.objId}` : `/product/list/${objValue.objId}`;
+//       break;
+//     case 'StoreCategory':
+//       jumpUrl = isPc() ? `/product/list?from=home&objType=Category&catgIds=${objValue.objId}&storeCatgIds=${objValue.objId}` : `/product/list/${objValue.objId}?storeCatgIds=${objValue.objId}`;
+//       break;
+//     case 'Coupons':
+//       getAdCoupon(objValue.objId);
+//       return;
+//     case 'ProductDetail': {
+//       const offerId = objValue.objId && objValue.objId.split(',')[0];
+//       const productId = objValue.objId && objValue.objId.split(',')[1];
+//       jumpUrl = `/product/detail/${offerId}?productId=${productId}`;
+//       break;
+//     }
+//     case 'ProductDetailPage': {
+//       const offerId = objValue.objId && objValue.objId.split(',')[0];
+//       const productId = objValue.objId && objValue.objId.split(',')[1];
+//       jumpUrl = `/product/detail/${offerId}?productId=${productId}`;
+//       break;
+//     }
+//     case 'FilteredProducts': {
+//       let params = JsonToUrl(objValue.filteredProductsRela);
+//       params = params.replace('productName', 'q').replace('cmpTypeId', 'campaignType');
+//       jumpUrl = isPc() ? `/product/list?from=home&objType=FilteredProducts&${params}` : `/product/list/null?${params}`;
+//       break;
+//     }
+//     case 'FunctionPage': {
+//       const url = objValue.objId && objValue.objId.split(',')[1];
+//       jumpUrl = `${url}`;
+//       break;
+//     }
+//     case 'CustomizedPage':
+//       jumpUrl = `/poster/${objValue.objId}`;
+//       break;
+//     case 'URL': {
+//       if (objValue.urlRelaDto?.openMode === 'new') {
+//         window.open(objValue.urlRelaDto.url);
+//       } else {
+//         window.location.href = objValue?.urlRelaDto?.url ?? objValue.url;
+//       }
+//       return;
+//     }
+//     default:
+//       break;
+//   }
+//   clickUrl(jumpUrl);
+// };
 
-    case 'ProductDetailPage':
-      {
-        var offerId = objValue.objId && objValue.objId.split(',')[0];
-        var productId = objValue.objId && objValue.objId.split(',')[1];
-        jumpUrl = "/product/detail/" + offerId + "?productId=" + productId;
-        break;
-      }
-
-    case 'FilteredProducts':
-      {
-        var params = JsonToUrl(objValue.filteredProductsRela);
-        params = params.replace('productName', 'q').replace('cmpTypeId', 'campaignType');
-        jumpUrl = (0, _coreUtil.isPc)() ? "/product/list?from=home&objType=FilteredProducts&" + params : "/product/list/null?" + params;
-        break;
-      }
-
-    case 'FunctionPage':
-      {
-        var url = objValue.objId && objValue.objId.split(',')[1];
-        jumpUrl = "" + url;
-        break;
-      }
-
-    case 'CustomizedPage':
-      jumpUrl = "/poster/" + objValue.objId;
-      break;
-
-    case 'URL':
-      {
-        if (((_a = objValue.urlRelaDto) === null || _a === void 0 ? void 0 : _a.openMode) === 'new') {
-          window.open(objValue.urlRelaDto.url);
-        } else {
-          window.location.href = (_c = (_b = objValue === null || objValue === void 0 ? void 0 : objValue.urlRelaDto) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : objValue.url;
-        }
-
-        return;
-      }
-
-    default:
-      break;
-  }
-
-  (0, _coreUtil.clickUrl)(jumpUrl);
-};
 /**
  * 补0 函数
  * @param {*} num 数字
  */
 
 
-exports.jumpUrlConfig = jumpUrlConfig;
+exports.JsonToUrl = JsonToUrl;
 
 var addZero = function addZero(num) {
   return String(num).length === 1 ? "0" + String(num) : String(num);

package/lib/common/Collapse/index.js

@@ -267,7 +267,8 @@ function (_super) {
     _this.getHeader = function (panel) {
       var activeKey = _this.state.activeKey;
       var name = panel.name,
-          key = panel.key;
+          key = panel.key,
+          onClick = panel.onClick;
       var _a = _this.props,
           headerStyle = _a.headerStyle,
           showActiveColor = _a.showActiveColor;
@@ -277,6 +278,7 @@ function (_super) {
       } : {};
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "header_wrap",
+        onClick: onClick,
         onMouseEnter: function onMouseEnter() {
           return _this.headerMouseEnter(panel);
         },

package/lib/common/Field/index.js

@@ -72,13 +72,14 @@ function (_super) {
         topSplit = _a.topSplit,
         rest = __rest(_a, ["title", "children", "layout", "split", "topSplit"]);
 
-    return /*#__PURE__*/_react["default"].createElement("div", _extends({
-      className: (0, _classnames["default"])('m-field', {
+    return /*#__PURE__*/_react["default"].createElement("div", _extends({}, rest, {
+      className: (0, _classnames["default"])('m-field', "" + rest.className, {
         split: split,
         topSplit: topSplit,
-        bold: split === 'bold'
+        bold: split === 'bold',
+        solid: split === 'solid'
       })
-    }, rest), /*#__PURE__*/_react["default"].createElement("div", {
+    }), /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('field-item', {
         horizontal: layout === 'horizontal'
       })

package/lib/common/Field/index.less

@@ -14,6 +14,10 @@
       border-bottom: 8px solid #EDF0F4;
       border-radius: 2px;
     }
+
+    &.solid {
+      border-bottom: 1px solid #D2D9E5;
+    }
   }
 
   .field-item {

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

@@ -114,6 +114,7 @@ function (_super) {
     var data = this.props.data;
     var GAData = (0, _commonUtil.getGAData)(data);
     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 i = Math.floor(index / colNum);
@@ -122,7 +123,7 @@ function (_super) {
     }, []);
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-image-gallery-mobile"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }, !isFluidLayout && /*#__PURE__*/_react["default"].createElement("div", {
       className: "content"
     }, newData.map(function (arr, index) {
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -150,7 +151,37 @@ function (_super) {
           maxWidth: "100%"
         }));
       }));
-    })));
+    })), data.customize.layout.h5Layout === 'layout3' && /*#__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,
+      maxWidth: "100%"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "right-img"
+    }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: data.groupSource[1].image,
+      maxWidth: "100%"
+    }), /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: 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,
+      maxWidth: "100%"
+    }), /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: 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,
+      maxWidth: "100%"
+    }))));
   };
 
   ImageGalleryMobile.defaultProps = {

package/lib/composite-comp/bol/components/ImageGallery/mobile/index.less

@@ -16,3 +16,18 @@
   align-items: center;
   justify-content: center;
 }
+.m-image-gallery-mobile .fluid-content {
+  display: flex;
+}
+.m-image-gallery-mobile .fluid-content > div {
+  width: calc((100% - 0.4rem) / 2);
+}
+.m-image-gallery-mobile .fluid-content .left-img > div:nth-child(2) {
+  margin-top: 0.2rem;
+}
+.m-image-gallery-mobile .fluid-content .right-img {
+  margin-left: 0.4rem;
+}
+.m-image-gallery-mobile .fluid-content .right-img > div:nth-child(2) {
+  margin-top: 0.2rem;
+}

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

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

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

@@ -124,7 +124,8 @@ function (_super) {
         key: group.id,
         className: "video-item-wrap",
         style: (0, _commonUtil.pxToRem)({
-          height: data.mobileHeight
+          height: data.mobileHeight,
+          borderRadius: data.arc
         })
       }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
         ref: function ref(el) {

package/lib/composite-comp/bol/components/Video/mobile/Layout1/index.less

@@ -6,6 +6,7 @@
   height: 4.24rem;
   position: relative;
   margin-bottom: 0.2rem;
+  overflow: hidden;
 }
 .video-layout1-wrap .video-item-wrap:last-child {
   margin-bottom: 0;

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

@@ -156,7 +156,8 @@ function (_super) {
         key: group.id,
         className: "video-item-wrap",
         style: (0, _commonUtil.pxToRem)({
-          height: data.mobileHeight
+          height: data.mobileHeight,
+          borderRadius: data.arc
         })
       }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
         ref: function ref(el) {

package/lib/composite-comp/bol/components/Video/mobile/Layout2/index.less

@@ -22,6 +22,7 @@
   position: relative;
   width: 100%;
   flex-shrink: 0;
+  overflow: hidden;
 }
 .video-layout2-wrap .slider-wrap .video-item-wrap:last-child {
   margin-bottom: 0;

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

@@ -126,7 +126,8 @@ function (_super) {
         key: group.id,
         className: "video-item-wrap",
         style: (0, _commonUtil.pxToRem)({
-          height: data.mobileHeight
+          height: data.mobileHeight,
+          borderRadius: data.arc
         })
       }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
         ref: function ref(el) {

package/lib/composite-comp/bol/components/Video/mobile/Layout3/index.less

@@ -17,6 +17,7 @@
 .video-layout3-wrap .video-item-wrap {
   height: 4.24rem;
   position: relative;
+  overflow: hidden;
 }
 .video-layout3-wrap .video-item-wrap:last-child {
   margin-bottom: 0;

package/lib/composite-comp/bol/components/Video/pc/Layout1/index.js

@@ -123,7 +123,8 @@ function (_super) {
         key: group.id,
         className: "video-item-wrap",
         style: {
-          height: data.pcHeight
+          height: data.pcHeight,
+          borderRadius: data.arc
         }
       }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
         ref: function ref(el) {

package/lib/composite-comp/bol/components/Video/pc/Layout1/index.less

@@ -16,6 +16,7 @@
     height: 792px;
     position: relative;
     margin-bottom: 10px;
+    overflow: hidden;
 
     &:last-child {
       margin-bottom: 0;

package/lib/composite-comp/bol/components/Video/pc/Layout2/index.js

@@ -128,7 +128,10 @@ function (_super) {
       }
     }, firstGroup && /*#__PURE__*/_react["default"].createElement("div", {
       key: firstGroup.id,
-      className: "video-left-wrap"
+      className: "video-left-wrap",
+      style: {
+        borderRadius: data.arc
+      }
     }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
       ref: function ref(el) {
         if (!_this.videoRefMap[firstGroup.id]) {
@@ -181,7 +184,10 @@ function (_super) {
       var isPlaying = !!((_a = _this.videoRefMap[group.id]) === null || _a === void 0 ? void 0 : _a.playing);
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: group.id,
-        className: "video-item-wrap"
+        className: "video-item-wrap",
+        style: {
+          borderRadius: data.arc
+        }
       }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
         ref: function ref(el) {
           if (!_this.videoRefMap[group.id]) {

package/lib/composite-comp/bol/components/Video/pc/Layout2/index.less

@@ -24,6 +24,7 @@
     height: 100%;
     position: relative;
     width: 50%;
+    overflow: hidden;
 
     .play-btn {
       position: absolute;
@@ -48,6 +49,7 @@
     flex-direction: column;
     flex: 1;
     width: 100%;
+    overflow: hidden;
 
     .play-btn {
       position: absolute;

package/lib/composite-comp/bol/components/Video/pc/Layout3/index.js

@@ -133,7 +133,10 @@ function (_super) {
       var isPlaying = !!((_a = _this.videoRefMap[group.id]) === null || _a === void 0 ? void 0 : _a.playing);
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: group.id,
-        className: "video-item-wrap"
+        className: "video-item-wrap",
+        style: {
+          borderRadius: data.arc
+        }
       }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
         ref: function ref(el) {
           if (!_this.videoRefMap[group.id]) {

package/lib/composite-comp/bol/components/Video/pc/Layout3/index.less

@@ -17,6 +17,7 @@
     position: relative;
     flex: 1;
     margin-right: 20px;
+    overflow: hidden;
 
     &:last-child {
       margin-right: 0;

package/lib/composite-comp/bol/components/Video/pc/Layout4/index.js

@@ -126,7 +126,8 @@ function (_super) {
         key: group.id,
         className: "video-item-wrap",
         style: {
-          height: data.pcHeight
+          height: data.pcHeight,
+          borderRadius: data.arc
         }
       }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
         ref: function ref(el) {

package/lib/composite-comp/bol/components/Video/pc/Layout4/index.less

@@ -17,6 +17,7 @@
     height: 212px;
     position: relative;
     width: 440px;
+    overflow: hidden;
 
     &:last-child {
       margin-bottom: 0;

package/lib/composite-comp/bol/components/Video/pc/Layout5/index.js

@@ -126,7 +126,8 @@ function (_super) {
         key: group.id,
         className: "video-item-wrap",
         style: {
-          height: data.pcHeight
+          height: data.pcHeight,
+          borderRadius: data.arc
         }
       }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
         ref: function ref(el) {

package/lib/composite-comp/bol/components/Video/pc/Layout5/index.less

@@ -19,6 +19,7 @@
     position: relative;
     // margin-bottom: 10px;
     width: 440px;
+    overflow: hidden;
 
     .play-btn {
       position: absolute;

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

@@ -131,6 +131,7 @@ function (_super) {
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "btn_wrap"
     }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      disabled: source.length >= 3,
       icon: "icon-add",
       onClick: this.onAddClick,
       type: "primary"

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

@@ -58,7 +58,7 @@ function ImageGalleryConfig(props) {
         component: "imageGallery",
         data: data.customize,
         isHideAlign: true,
-        layoutSource: _layout.imageGalleryLayout,
+        layoutSource: (0, _coreUtil.isPc)() ? _layout.imageGalleryPcLayout : _layout.imageGalleryLayout,
         selectedLayoutFun: function selectedLayoutFun(v) {
           return getLayout(v);
         }