@fonixtree/magic-design 1.0.176 → 1.0.178

package/es/composite-comp/dito/components/PersonalInformationSecond/mobile/index.less

@@ -5,7 +5,7 @@
 .personal-information-second-mobile .top {
   display: flex;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: center;
 }
 .personal-information-second-mobile .top .pInfoWrap {
   display: flex;
@@ -149,7 +149,7 @@
   flex-direction: row;
   justify-content: space-between;
   height: 1.04rem;
-  margin-top: 0.24rem;
+  margin-top: 0.36rem;
   margin-bottom: 0.02rem;
 }
 .personal-information-second-mobile .orders .fixed-wrap .list .item {

package/es/composite-comp/dito/components/SearchBanner/defaultJSON.js

@@ -73,6 +73,10 @@ var getDefaultJSON = function getDefaultJSON() {
         backgroundColor: {
           pc: 'transparent',
           mobile: 'transparent'
+        },
+        iconColor: {
+          pc: '#fff',
+          mobile: '#fff'
         }
       },
       cartIcon: {

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

@@ -167,18 +167,30 @@ function (_super) {
         backgroundColor: (_e = (_d = data.content.box) === null || _d === void 0 ? void 0 : _d.backgroundColor) === null || _e === void 0 ? void 0 : _e.mobile
       }
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: (_g = (_f = data.content.box) === null || _f === void 0 ? void 0 : _f.color) === null || _g === void 0 ? void 0 : _g.mobile,
+      color: (_g = (_f = data.content.box) === null || _f === void 0 ? void 0 : _f.iconColor) === null || _g === void 0 ? void 0 : _g.mobile,
       size: (0, _commonUtil.convertToRem)(20),
       type: "icon-search2"
     })), data.content && ((_h = data.content.cartIcon) === null || _h === void 0 ? void 0 : _h.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       className: "right-icon",
-      data: data.content.cartIcon
+      data: data.content.cartIcon,
+      style: {
+        width: '25px',
+        height: '25px'
+      }
     }), data.content && ((_j = data.content.chatbotIcon) === null || _j === void 0 ? void 0 : _j.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       className: "right-icon",
-      data: data.content.chatbotIcon
+      data: data.content.chatbotIcon,
+      style: {
+        width: '32px',
+        height: '32px'
+      }
     }), data.content && ((_k = data.content.messageIcon) === null || _k === void 0 ? void 0 : _k.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       className: "right-icon",
-      data: data.content.messageIcon
+      data: data.content.messageIcon,
+      style: {
+        width: '25px',
+        height: '25px'
+      }
     })), data.content && ((_l = data.content.logo) === null || _l === void 0 ? void 0 : _l.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "logo",
       onClick: function onClick() {
@@ -196,7 +208,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       data: data.content.logo,
       style: {
-        height: 20
+        height: 23
       }
     }))), /*#__PURE__*/_react["default"].createElement(_antd.Carousel, {
       ref: this.carouselRef,

package/es/composite-comp/dito/components/SearchBanner/mobile/index.less

@@ -34,8 +34,6 @@
 .m-search-banner-mobile .search-bar .right .right-icon {
   margin-left: 0.2rem;
   display: inline-block;
-  width: 0.5rem;
-  height: 0.5rem;
 }
 .m-search-banner-mobile .search-bar .logo img {
   width: auto;

package/es/composite-comp/dito/components/SlideImage/defaultJSON.js

@@ -66,13 +66,7 @@ var groupSourceJSON = function groupSourceJSON(parentId) {
       },
       vertical: {}
     },
-    clickUrl: '',
-    background: {
-      opacity: 100,
-      color: '#fff',
-      image: '',
-      bgType: 'image'
-    }
+    clickUrl: ''
   };
 };
 
@@ -83,27 +77,27 @@ var getDefaultJSON = function getDefaultJSON() {
   return {
     id: groupId,
     type: 'SLIDE_IMAGE',
-    content: {
-      moveIcon: {
-        id: (0, _uuid.v4)(),
-        open: true,
-        type: 'IMAGE',
-        content: {
-          h5Name: 'Image Name',
-          pcName: 'Image Name',
-          h5ImgSrc: '',
-          pcImgSrc: '',
-          clickUrl: ''
-        },
-        hover: {
-          open: false,
-          backgroundType: 'enlarge',
-          magnification: 1.5,
-          pcImgHoverUrl: '',
-          h5ImgHoverUrl: ''
-        }
-      }
-    },
+    // content: {
+    //   moveIcon: {
+    //     id: uuidv4(),
+    //     open: true,
+    //     type: 'IMAGE',
+    //     content: {
+    //       h5Name: 'Image Name',
+    //       pcName: 'Image Name',
+    //       h5ImgSrc: '',
+    //       pcImgSrc: '',
+    //       clickUrl: '',
+    //     },
+    //     hover: {
+    //       open: false,
+    //       backgroundType: 'enlarge',
+    //       magnification: 1.5,
+    //       pcImgHoverUrl: '',
+    //       h5ImgHoverUrl: '',
+    //     },
+    //   },
+    // },
     groupSource: [groupSourceJSON(groupId), groupSourceJSON(groupId), groupSourceJSON(groupId)],
     spacing: {
       pc: {

package/es/composite-comp/dito/config-panels/SearchBannerConfig/ConfigContent/index.js

@@ -71,7 +71,7 @@ function (_super) {
   SearchBarConfigContent.prototype.render = function () {
     var _this = this;
 
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
 
     var panelProps = this.props.panelProps;
     var source = [{
@@ -101,6 +101,22 @@ function (_super) {
           _this.selfRender();
         },
         value: (0, _coreUtil.isPc)() ? panelProps.box.color.pc : panelProps.box.color.mobile
+      })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('ICON_COLOR')
+      }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
+        colorType: "rgba",
+        onChange: function onChange(v) {
+          if ((0, _coreUtil.isPc)()) {
+            panelProps.box.iconColor.pc = v;
+          } else {
+            panelProps.box.iconColor = {
+              mobile: v
+            };
+          }
+
+          _this.selfRender();
+        },
+        value: (0, _coreUtil.isPc)() ? (_a = panelProps.box.iconColor) === null || _a === void 0 ? void 0 : _a.pc : (_b = panelProps.box.iconColor) === null || _b === void 0 ? void 0 : _b.mobile
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         style: {
           marginTop: 16
@@ -117,26 +133,26 @@ function (_super) {
 
           _this.selfRender();
         },
-        value: (0, _coreUtil.isPc)() ? (_b = (_a = panelProps.box) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.pc : (_d = (_c = panelProps.box) === null || _c === void 0 ? void 0 : _c.backgroundColor) === null || _d === void 0 ? void 0 : _d.mobile
+        value: (0, _coreUtil.isPc)() ? (_d = (_c = panelProps.box) === null || _c === void 0 ? void 0 : _c.backgroundColor) === null || _d === void 0 ? void 0 : _d.pc : (_f = (_e = panelProps.box) === null || _e === void 0 ? void 0 : _e.backgroundColor) === null || _f === void 0 ? void 0 : _f.mobile
       }))),
       metaOption: panelProps.box,
       toggleType: 'switch'
     }, {
-      key: (_e = panelProps.cartIcon) === null || _e === void 0 ? void 0 : _e.id,
+      key: (_g = panelProps.cartIcon) === null || _g === void 0 ? void 0 : _g.id,
       name: (0, _locale.i18n)('CART_ICON'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.cartIcon
       }),
       metaOption: panelProps.cartIcon
     }, {
-      key: (_f = panelProps.chatbotIcon) === null || _f === void 0 ? void 0 : _f.id,
+      key: (_h = panelProps.chatbotIcon) === null || _h === void 0 ? void 0 : _h.id,
       name: (0, _locale.i18n)('CHATBOT_ICON'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.chatbotIcon
       }),
       metaOption: panelProps.chatbotIcon
     }, {
-      key: (_g = panelProps.messageIcon) === null || _g === void 0 ? void 0 : _g.id,
+      key: (_j = panelProps.messageIcon) === null || _j === void 0 ? void 0 : _j.id,
       name: (0, _locale.i18n)('MESSAGE_ICON'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.messageIcon

package/es/composite-comp/dito/config-panels/SlideImageConfig/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +17,7 @@ var _SpacingConfig = _interopRequireDefault(require("../../../common/config-pane
 
 var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
 
-var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+var _ImageConfig = _interopRequireWildcard(require("../../../../meta-comp/config-panels/ImageConfig"));
 
 var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
 
@@ -23,6 +25,10 @@ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _locale = require("../../../../locale");
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -60,6 +66,18 @@ function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
 
+  SlideImageConfig.prototype.componentDidMount = function () {
+    var _a;
+
+    var data = this.props.data;
+
+    if (!((_a = data.content) === null || _a === void 0 ? void 0 : _a.moveIcon)) {
+      data.content = {
+        moveIcon: _ImageConfig.imageJson
+      };
+    }
+  };
+
   SlideImageConfig.prototype.render = function () {
     var _a, _b;
 

package/es/composite-comp/dito/second-config-panels/SlideImageSecondConfig/index.js

@@ -207,6 +207,20 @@ function (_super) {
     return _this;
   }
 
+  SlideImageSecondConfig.prototype.componentDidMount = function () {
+    var panelProps = this.props.panelProps;
+
+    if (!panelProps.background) {
+      panelProps.background = {
+        opacity: 100,
+        color: '#fff',
+        image: '',
+        bgType: 'image'
+      };
+      this.reRender();
+    }
+  };
+
   SlideImageSecondConfig.prototype.render = function () {
     var panelProps = this.props.panelProps;
     return /*#__PURE__*/_react["default"].createElement("div", {

package/es/locale/en/en.json

@@ -1,4 +1,5 @@
 {
+  "ICON_COLOR": "Icon Color",
   "FLASH_SALE": "Flash Sale",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "MOVE_IN_LOGO": "Move In Logo",

package/es/locale/es/es.json

@@ -1,4 +1,5 @@
 {
+  "ICON_COLOR": "Icon Color",
   "FLASH_SALE": "Oferta relámpago",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "MOVE_IN_LOGO": "Move In Logo",

package/es/locale/id/id.json

@@ -1,4 +1,5 @@
 {
+  "ICON_COLOR": "Icon Color",
   "FLASH_SALE": "Flash Sale",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "MOVE_IN_LOGO": "Move In Logo",

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.imageJson = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 require("./index.less");
 
+var _uuid = require("uuid");
+
 var _HotAreaConfig = _interopRequireDefault(require("./HotAreaConfig"));
 
 var _commonUtil = require("../../../utils/commonUtil");
@@ -194,6 +196,26 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }
 };
 
+var imageJson = {
+  id: (0, _uuid.v4)(),
+  open: true,
+  type: 'IMAGE',
+  content: {
+    clickUrl: '',
+    pcImgSrc: '',
+    h5ImgSrc: '',
+    name: ''
+  },
+  hover: {
+    open: false,
+    backgroundType: 'enlarge',
+    h5ImgHoverUrl: '',
+    pcImgHoverUrl: '',
+    magnification: 1
+  }
+};
+exports.imageJson = imageJson;
+
 var ImageConfig =
 /** @class */
 function (_super) {
@@ -422,21 +444,7 @@ function (_super) {
   };
 
   ImageConfig.defaultProps = {
-    data: {
-      content: {
-        clickUrl: '',
-        pcImgSrc: '',
-        h5ImgSrc: '',
-        name: ''
-      },
-      hover: {
-        open: false,
-        backgroundType: 'enlarge',
-        h5ImgHoverUrl: '',
-        pcImgHoverUrl: '',
-        magnification: 1
-      }
-    },
+    data: imageJson,
     needHover: true,
     needClickArea: true,
     needURL: true

package/lib/composite-comp/dito/components/PersonalInformationSecond/mobile/index.less

@@ -5,7 +5,7 @@
 .personal-information-second-mobile .top {
   display: flex;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: center;
 }
 .personal-information-second-mobile .top .pInfoWrap {
   display: flex;
@@ -149,7 +149,7 @@
   flex-direction: row;
   justify-content: space-between;
   height: 1.04rem;
-  margin-top: 0.24rem;
+  margin-top: 0.36rem;
   margin-bottom: 0.02rem;
 }
 .personal-information-second-mobile .orders .fixed-wrap .list .item {

package/lib/composite-comp/dito/components/SearchBanner/defaultJSON.js

@@ -73,6 +73,10 @@ var getDefaultJSON = function getDefaultJSON() {
         backgroundColor: {
           pc: 'transparent',
           mobile: 'transparent'
+        },
+        iconColor: {
+          pc: '#fff',
+          mobile: '#fff'
         }
       },
       cartIcon: {

package/lib/composite-comp/dito/components/SearchBanner/mobile/index.js

@@ -167,18 +167,30 @@ function (_super) {
         backgroundColor: (_e = (_d = data.content.box) === null || _d === void 0 ? void 0 : _d.backgroundColor) === null || _e === void 0 ? void 0 : _e.mobile
       }
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: (_g = (_f = data.content.box) === null || _f === void 0 ? void 0 : _f.color) === null || _g === void 0 ? void 0 : _g.mobile,
+      color: (_g = (_f = data.content.box) === null || _f === void 0 ? void 0 : _f.iconColor) === null || _g === void 0 ? void 0 : _g.mobile,
       size: (0, _commonUtil.convertToRem)(20),
       type: "icon-search2"
     })), data.content && ((_h = data.content.cartIcon) === null || _h === void 0 ? void 0 : _h.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       className: "right-icon",
-      data: data.content.cartIcon
+      data: data.content.cartIcon,
+      style: {
+        width: '25px',
+        height: '25px'
+      }
     }), data.content && ((_j = data.content.chatbotIcon) === null || _j === void 0 ? void 0 : _j.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       className: "right-icon",
-      data: data.content.chatbotIcon
+      data: data.content.chatbotIcon,
+      style: {
+        width: '32px',
+        height: '32px'
+      }
     }), data.content && ((_k = data.content.messageIcon) === null || _k === void 0 ? void 0 : _k.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       className: "right-icon",
-      data: data.content.messageIcon
+      data: data.content.messageIcon,
+      style: {
+        width: '25px',
+        height: '25px'
+      }
     })), data.content && ((_l = data.content.logo) === null || _l === void 0 ? void 0 : _l.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "logo",
       onClick: function onClick() {
@@ -196,7 +208,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       data: data.content.logo,
       style: {
-        height: 20
+        height: 23
       }
     }))), /*#__PURE__*/_react["default"].createElement(_antd.Carousel, {
       ref: this.carouselRef,

package/lib/composite-comp/dito/components/SearchBanner/mobile/index.less

@@ -34,8 +34,6 @@
 .m-search-banner-mobile .search-bar .right .right-icon {
   margin-left: 0.2rem;
   display: inline-block;
-  width: 0.5rem;
-  height: 0.5rem;
 }
 .m-search-banner-mobile .search-bar .logo img {
   width: auto;

package/lib/composite-comp/dito/components/SlideImage/defaultJSON.js

@@ -66,13 +66,7 @@ var groupSourceJSON = function groupSourceJSON(parentId) {
       },
       vertical: {}
     },
-    clickUrl: '',
-    background: {
-      opacity: 100,
-      color: '#fff',
-      image: '',
-      bgType: 'image'
-    }
+    clickUrl: ''
   };
 };
 
@@ -83,27 +77,27 @@ var getDefaultJSON = function getDefaultJSON() {
   return {
     id: groupId,
     type: 'SLIDE_IMAGE',
-    content: {
-      moveIcon: {
-        id: (0, _uuid.v4)(),
-        open: true,
-        type: 'IMAGE',
-        content: {
-          h5Name: 'Image Name',
-          pcName: 'Image Name',
-          h5ImgSrc: '',
-          pcImgSrc: '',
-          clickUrl: ''
-        },
-        hover: {
-          open: false,
-          backgroundType: 'enlarge',
-          magnification: 1.5,
-          pcImgHoverUrl: '',
-          h5ImgHoverUrl: ''
-        }
-      }
-    },
+    // content: {
+    //   moveIcon: {
+    //     id: uuidv4(),
+    //     open: true,
+    //     type: 'IMAGE',
+    //     content: {
+    //       h5Name: 'Image Name',
+    //       pcName: 'Image Name',
+    //       h5ImgSrc: '',
+    //       pcImgSrc: '',
+    //       clickUrl: '',
+    //     },
+    //     hover: {
+    //       open: false,
+    //       backgroundType: 'enlarge',
+    //       magnification: 1.5,
+    //       pcImgHoverUrl: '',
+    //       h5ImgHoverUrl: '',
+    //     },
+    //   },
+    // },
     groupSource: [groupSourceJSON(groupId), groupSourceJSON(groupId), groupSourceJSON(groupId)],
     spacing: {
       pc: {

package/lib/composite-comp/dito/config-panels/SearchBannerConfig/ConfigContent/index.js

@@ -71,7 +71,7 @@ function (_super) {
   SearchBarConfigContent.prototype.render = function () {
     var _this = this;
 
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
 
     var panelProps = this.props.panelProps;
     var source = [{
@@ -101,6 +101,22 @@ function (_super) {
           _this.selfRender();
         },
         value: (0, _coreUtil.isPc)() ? panelProps.box.color.pc : panelProps.box.color.mobile
+      })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('ICON_COLOR')
+      }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
+        colorType: "rgba",
+        onChange: function onChange(v) {
+          if ((0, _coreUtil.isPc)()) {
+            panelProps.box.iconColor.pc = v;
+          } else {
+            panelProps.box.iconColor = {
+              mobile: v
+            };
+          }
+
+          _this.selfRender();
+        },
+        value: (0, _coreUtil.isPc)() ? (_a = panelProps.box.iconColor) === null || _a === void 0 ? void 0 : _a.pc : (_b = panelProps.box.iconColor) === null || _b === void 0 ? void 0 : _b.mobile
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         style: {
           marginTop: 16
@@ -117,26 +133,26 @@ function (_super) {
 
           _this.selfRender();
         },
-        value: (0, _coreUtil.isPc)() ? (_b = (_a = panelProps.box) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.pc : (_d = (_c = panelProps.box) === null || _c === void 0 ? void 0 : _c.backgroundColor) === null || _d === void 0 ? void 0 : _d.mobile
+        value: (0, _coreUtil.isPc)() ? (_d = (_c = panelProps.box) === null || _c === void 0 ? void 0 : _c.backgroundColor) === null || _d === void 0 ? void 0 : _d.pc : (_f = (_e = panelProps.box) === null || _e === void 0 ? void 0 : _e.backgroundColor) === null || _f === void 0 ? void 0 : _f.mobile
       }))),
       metaOption: panelProps.box,
       toggleType: 'switch'
     }, {
-      key: (_e = panelProps.cartIcon) === null || _e === void 0 ? void 0 : _e.id,
+      key: (_g = panelProps.cartIcon) === null || _g === void 0 ? void 0 : _g.id,
       name: (0, _locale.i18n)('CART_ICON'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.cartIcon
       }),
       metaOption: panelProps.cartIcon
     }, {
-      key: (_f = panelProps.chatbotIcon) === null || _f === void 0 ? void 0 : _f.id,
+      key: (_h = panelProps.chatbotIcon) === null || _h === void 0 ? void 0 : _h.id,
       name: (0, _locale.i18n)('CHATBOT_ICON'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.chatbotIcon
       }),
       metaOption: panelProps.chatbotIcon
     }, {
-      key: (_g = panelProps.messageIcon) === null || _g === void 0 ? void 0 : _g.id,
+      key: (_j = panelProps.messageIcon) === null || _j === void 0 ? void 0 : _j.id,
       name: (0, _locale.i18n)('MESSAGE_ICON'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.messageIcon

package/lib/composite-comp/dito/config-panels/SlideImageConfig/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +17,7 @@ var _SpacingConfig = _interopRequireDefault(require("../../../common/config-pane
 
 var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
 
-var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+var _ImageConfig = _interopRequireWildcard(require("../../../../meta-comp/config-panels/ImageConfig"));
 
 var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
 
@@ -23,6 +25,10 @@ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _locale = require("../../../../locale");
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -60,6 +66,18 @@ function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
 
+  SlideImageConfig.prototype.componentDidMount = function () {
+    var _a;
+
+    var data = this.props.data;
+
+    if (!((_a = data.content) === null || _a === void 0 ? void 0 : _a.moveIcon)) {
+      data.content = {
+        moveIcon: _ImageConfig.imageJson
+      };
+    }
+  };
+
   SlideImageConfig.prototype.render = function () {
     var _a, _b;
 

package/lib/composite-comp/dito/second-config-panels/SlideImageSecondConfig/index.js

@@ -207,6 +207,20 @@ function (_super) {
     return _this;
   }
 
+  SlideImageSecondConfig.prototype.componentDidMount = function () {
+    var panelProps = this.props.panelProps;
+
+    if (!panelProps.background) {
+      panelProps.background = {
+        opacity: 100,
+        color: '#fff',
+        image: '',
+        bgType: 'image'
+      };
+      this.reRender();
+    }
+  };
+
   SlideImageSecondConfig.prototype.render = function () {
     var panelProps = this.props.panelProps;
     return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/locale/en/en.json

@@ -1,4 +1,5 @@
 {
+  "ICON_COLOR": "Icon Color",
   "FLASH_SALE": "Flash Sale",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "MOVE_IN_LOGO": "Move In Logo",

package/lib/locale/es/es.json

@@ -1,4 +1,5 @@
 {
+  "ICON_COLOR": "Icon Color",
   "FLASH_SALE": "Oferta relámpago",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "MOVE_IN_LOGO": "Move In Logo",

package/lib/locale/id/id.json

@@ -1,4 +1,5 @@
 {
+  "ICON_COLOR": "Icon Color",
   "FLASH_SALE": "Flash Sale",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "MOVE_IN_LOGO": "Move In Logo",

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.imageJson = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 require("./index.less");
 
+var _uuid = require("uuid");
+
 var _HotAreaConfig = _interopRequireDefault(require("./HotAreaConfig"));
 
 var _commonUtil = require("../../../utils/commonUtil");
@@ -194,6 +196,26 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }
 };
 
+var imageJson = {
+  id: (0, _uuid.v4)(),
+  open: true,
+  type: 'IMAGE',
+  content: {
+    clickUrl: '',
+    pcImgSrc: '',
+    h5ImgSrc: '',
+    name: ''
+  },
+  hover: {
+    open: false,
+    backgroundType: 'enlarge',
+    h5ImgHoverUrl: '',
+    pcImgHoverUrl: '',
+    magnification: 1
+  }
+};
+exports.imageJson = imageJson;
+
 var ImageConfig =
 /** @class */
 function (_super) {
@@ -422,21 +444,7 @@ function (_super) {
   };
 
   ImageConfig.defaultProps = {
-    data: {
-      content: {
-        clickUrl: '',
-        pcImgSrc: '',
-        h5ImgSrc: '',
-        name: ''
-      },
-      hover: {
-        open: false,
-        backgroundType: 'enlarge',
-        h5ImgHoverUrl: '',
-        pcImgHoverUrl: '',
-        magnification: 1
-      }
-    },
+    data: imageJson,
     needHover: true,
     needClickArea: true,
     needURL: true

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "1.0.176",
+  "version": "1.0.178",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",