@fonixtree/magic-design 1.0.176 → 1.0.179

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

@@ -15,6 +15,8 @@ var _antd = require("antd");
 
 var _avatar = _interopRequireDefault(require("./images/avatar.png"));
 
+var _edit = _interopRequireDefault(require("./images/edit.png"));
+
 var _components = require("../../../../../meta-comp/components");
 
 var _androidUtil = require("../../../../../utils/androidUtil");
@@ -593,8 +595,6 @@ function (_super) {
       className: "photo",
       src: userInfo.photo || _avatar["default"],
       style: {
-        height: 44,
-        width: 44,
         background: userInfo.photo ? '#fff' : 'unset'
       }
     }), /*#__PURE__*/_react["default"].createElement("input", {
@@ -602,6 +602,10 @@ function (_super) {
       id: "userPhoto",
       onChange: this.handleFileChange,
       type: "file"
+    }), /*#__PURE__*/_react["default"].createElement("img", {
+      alt: "",
+      className: "edit-icon",
+      src: _edit["default"]
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "userInfo"
     }, /*#__PURE__*/_react["default"].createElement("span", {

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;
@@ -16,8 +16,8 @@
   display: inline-block;
   vertical-align: middle;
   margin-right: 0.32rem;
-  height: 0.88rem;
-  width: 0.88rem;
+  height: 0.76rem;
+  width: 0.76rem;
 }
 .personal-information-second-mobile .top .pInfoWrap .photoWrap > input {
   position: absolute;
@@ -31,10 +31,10 @@
 .personal-information-second-mobile .top .pInfoWrap .photoWrap .decorationIcon {
   position: absolute;
   z-index: 1;
-  width: 1.4rem;
-  height: 1.4rem;
-  left: -0.26rem;
-  top: -0.26rem;
+  width: 1.2rem;
+  height: 1.2rem;
+  left: -0.22rem;
+  top: -0.22rem;
 }
 .personal-information-second-mobile .top .pInfoWrap .userInfo {
   display: inline-block;
@@ -75,12 +75,20 @@
 }
 .personal-information-second-mobile .top .pInfoWrap .photo {
   display: inline-block;
-  width: 0.88rem;
-  height: 0.88rem;
+  width: 0.76rem;
+  height: 0.76rem;
   line-height: 1.2rem;
   text-align: center;
   border-radius: 50%;
 }
+.personal-information-second-mobile .top .pInfoWrap .edit-icon {
+  position: absolute;
+  z-index: 2;
+  bottom: 0;
+  right: 0;
+  width: 0.3rem;
+  height: 0.3rem;
+}
 .personal-information-second-mobile .top .pInfoWrap .btnLogin {
   font-size: 0.32rem;
   font-weight: 600;
@@ -149,7 +157,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,31 @@ 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,
+      bold: true,
+      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"
+      type: "icon-search-short"
     })), 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 +209,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

@@ -25,8 +25,8 @@
   background: transparent;
   border-radius: 0.4rem;
   border: 0.02rem solid #fff;
-  padding: 0.08rem 0.2rem;
-  height: 0.56rem;
+  padding: 0.08rem 0.2rem 0.08rem 0.08rem;
+  height: 0.54rem;
   text-align: right;
   display: flex;
   justify-content: flex-start;
@@ -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/components/SlideImage/pc/components/VideoItem/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _commonUtil = require("../../../../../../../utils/commonUtil");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -45,14 +47,15 @@ function (_super) {
   __extends(VideoItem, _super);
 
   function VideoItem() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
+    var _a;
+
+    var _this = _super.apply(this, arguments) || this;
 
     _this.state = {
-      playing: false,
+      playing: !!(((_a = _this.props.data.video) === null || _a === void 0 ? void 0 : _a.sourceUrl) && (0, _commonUtil.isPad)()),
       videoPoster: ''
     };
     _this.videoRef = /*#__PURE__*/_react["default"].createRef();
-    _this.cardRef = /*#__PURE__*/_react["default"].createRef();
     _this.canvasRef = /*#__PURE__*/_react["default"].createRef();
 
     _this.onMouseEnter = function () {
@@ -85,11 +88,11 @@ function (_super) {
   VideoItem.prototype.componentDidMount = function () {
     var _this = this;
 
-    var dom = this.cardRef.current;
-    dom.addEventListener('mousemove', this.handleMouseMove);
-    dom.addEventListener('mouseleave', this.handleMouseLeave);
+    if (this.videoRef.current && (0, _commonUtil.isPad)()) {
+      this.videoRef.current.autoplay = true;
+    }
 
-    if (this.videoRef.current) {
+    if (this.videoRef.current && !(0, _commonUtil.isPad)()) {
       var video_1 = this.videoRef.current;
       var canvas_1 = this.canvasRef.current;
       video_1.addEventListener('loadedmetadata', function () {
@@ -111,13 +114,9 @@ function (_super) {
     }
   };
 
-  VideoItem.prototype.componentWillUnmount = function () {
-    var dom = this.cardRef.current;
-    dom.removeEventListener('mousemove', this.handleMouseMove);
-    dom.removeEventListener('mouseleave', this.handleMouseLeave);
-  };
-
   VideoItem.prototype.render = function () {
+    var _this = this;
+
     var _a, _b, _c, _d, _e, _f, _g, _h;
 
     var _j = this.props,
@@ -130,10 +129,17 @@ function (_super) {
         videoPoster = _k.videoPoster;
     var img = ((_b = (_a = data.overilay) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.pcImgSrc) || videoPoster;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      ref: this.cardRef,
       className: "slide-image-video-wrap",
-      onMouseEnter: this.onMouseEnter,
-      onMouseLeave: this.onMouseLeave,
+      onMouseEnter: function onMouseEnter() {
+        if (!(0, _commonUtil.isPad)()) {
+          _this.onMouseEnter();
+        }
+      },
+      onMouseLeave: function onMouseLeave() {
+        if (!(0, _commonUtil.isPad)()) {
+          _this.onMouseLeave();
+        }
+      },
       style: {
         cursor: cursor && (moveIcon === null || moveIcon === void 0 ? void 0 : moveIcon.open) ? "url('" + ((_c = moveIcon === null || moveIcon === void 0 ? void 0 : moveIcon.content) === null || _c === void 0 ? void 0 : _c.pcImgSrc) + "'), pointer" : 'unset'
       }

package/es/composite-comp/dito/components/SlideImage/pc/components/VideoItem/index.less

@@ -1,9 +1,6 @@
 .slide-image-video-wrap {
   position: relative;
-  display: flex;
   border-radius: 16px;
-  --dx: calc(var(--size) - var(--x));
-  --dy: calc(var(--size) - var(--y));
 
   &:hover {
     box-shadow: 0px 12px 48px 0px #00000029;

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/es/utils/commonUtil.js

@@ -21,7 +21,7 @@ exports.getUrlParams = void 0;
 exports.goLogin = goLogin;
 exports.importAsync = void 0;
 exports.isLogin = isLogin;
-exports.onListenTouch = exports.nextTick = exports.navigateTo = void 0;
+exports.onListenTouch = exports.nextTick = exports.navigateTo = exports.isPad = void 0;
 exports.pushGA = pushGA;
 exports.setDefaultAddressFromIP = exports.pxToRem = void 0;
 exports.shareFacebook = shareFacebook;
@@ -516,6 +516,21 @@ var JsonToUrl = function JsonToUrl(data) {
 
   var urlParamsStr = tempArr.join('&');
   return urlParamsStr;
+};
+
+exports.JsonToUrl = JsonToUrl;
+
+var isPad = function isPad() {
+  var ua = navigator.userAgent;
+  var isMac = /Macintosh/i.test(ua);
+  var isIOS = /iPad|iPhone|iPod/i.test(ua);
+  var isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0; // iPad检测 (包括iPadOS 13+)
+
+  if (isMac && isTouch || isIOS) {
+    return true;
+  }
+
+  return false;
 }; // export const jumpUrlConfig = item => {
 //   const { objType, objValue } = item || {};
 //   let jumpUrl = '';
@@ -581,7 +596,7 @@ var JsonToUrl = function JsonToUrl(data) {
  */
 
 
-exports.JsonToUrl = JsonToUrl;
+exports.isPad = isPad;
 
 var addZero = function addZero(num) {
   return String(num).length === 1 ? "0" + String(num) : String(num);

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

@@ -15,6 +15,8 @@ var _antd = require("antd");
 
 var _avatar = _interopRequireDefault(require("./images/avatar.png"));
 
+var _edit = _interopRequireDefault(require("./images/edit.png"));
+
 var _components = require("../../../../../meta-comp/components");
 
 var _androidUtil = require("../../../../../utils/androidUtil");
@@ -593,8 +595,6 @@ function (_super) {
       className: "photo",
       src: userInfo.photo || _avatar["default"],
       style: {
-        height: 44,
-        width: 44,
         background: userInfo.photo ? '#fff' : 'unset'
       }
     }), /*#__PURE__*/_react["default"].createElement("input", {
@@ -602,6 +602,10 @@ function (_super) {
       id: "userPhoto",
       onChange: this.handleFileChange,
       type: "file"
+    }), /*#__PURE__*/_react["default"].createElement("img", {
+      alt: "",
+      className: "edit-icon",
+      src: _edit["default"]
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "userInfo"
     }, /*#__PURE__*/_react["default"].createElement("span", {

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;
@@ -16,8 +16,8 @@
   display: inline-block;
   vertical-align: middle;
   margin-right: 0.32rem;
-  height: 0.88rem;
-  width: 0.88rem;
+  height: 0.76rem;
+  width: 0.76rem;
 }
 .personal-information-second-mobile .top .pInfoWrap .photoWrap > input {
   position: absolute;
@@ -31,10 +31,10 @@
 .personal-information-second-mobile .top .pInfoWrap .photoWrap .decorationIcon {
   position: absolute;
   z-index: 1;
-  width: 1.4rem;
-  height: 1.4rem;
-  left: -0.26rem;
-  top: -0.26rem;
+  width: 1.2rem;
+  height: 1.2rem;
+  left: -0.22rem;
+  top: -0.22rem;
 }
 .personal-information-second-mobile .top .pInfoWrap .userInfo {
   display: inline-block;
@@ -75,12 +75,20 @@
 }
 .personal-information-second-mobile .top .pInfoWrap .photo {
   display: inline-block;
-  width: 0.88rem;
-  height: 0.88rem;
+  width: 0.76rem;
+  height: 0.76rem;
   line-height: 1.2rem;
   text-align: center;
   border-radius: 50%;
 }
+.personal-information-second-mobile .top .pInfoWrap .edit-icon {
+  position: absolute;
+  z-index: 2;
+  bottom: 0;
+  right: 0;
+  width: 0.3rem;
+  height: 0.3rem;
+}
 .personal-information-second-mobile .top .pInfoWrap .btnLogin {
   font-size: 0.32rem;
   font-weight: 600;
@@ -149,7 +157,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,31 @@ 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,
+      bold: true,
+      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"
+      type: "icon-search-short"
     })), 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 +209,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

@@ -25,8 +25,8 @@
   background: transparent;
   border-radius: 0.4rem;
   border: 0.02rem solid #fff;
-  padding: 0.08rem 0.2rem;
-  height: 0.56rem;
+  padding: 0.08rem 0.2rem 0.08rem 0.08rem;
+  height: 0.54rem;
   text-align: right;
   display: flex;
   justify-content: flex-start;
@@ -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/components/SlideImage/pc/components/VideoItem/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _commonUtil = require("../../../../../../../utils/commonUtil");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -45,14 +47,15 @@ function (_super) {
   __extends(VideoItem, _super);
 
   function VideoItem() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
+    var _a;
+
+    var _this = _super.apply(this, arguments) || this;
 
     _this.state = {
-      playing: false,
+      playing: !!(((_a = _this.props.data.video) === null || _a === void 0 ? void 0 : _a.sourceUrl) && (0, _commonUtil.isPad)()),
       videoPoster: ''
     };
     _this.videoRef = /*#__PURE__*/_react["default"].createRef();
-    _this.cardRef = /*#__PURE__*/_react["default"].createRef();
     _this.canvasRef = /*#__PURE__*/_react["default"].createRef();
 
     _this.onMouseEnter = function () {
@@ -85,11 +88,11 @@ function (_super) {
   VideoItem.prototype.componentDidMount = function () {
     var _this = this;
 
-    var dom = this.cardRef.current;
-    dom.addEventListener('mousemove', this.handleMouseMove);
-    dom.addEventListener('mouseleave', this.handleMouseLeave);
+    if (this.videoRef.current && (0, _commonUtil.isPad)()) {
+      this.videoRef.current.autoplay = true;
+    }
 
-    if (this.videoRef.current) {
+    if (this.videoRef.current && !(0, _commonUtil.isPad)()) {
       var video_1 = this.videoRef.current;
       var canvas_1 = this.canvasRef.current;
       video_1.addEventListener('loadedmetadata', function () {
@@ -111,13 +114,9 @@ function (_super) {
     }
   };
 
-  VideoItem.prototype.componentWillUnmount = function () {
-    var dom = this.cardRef.current;
-    dom.removeEventListener('mousemove', this.handleMouseMove);
-    dom.removeEventListener('mouseleave', this.handleMouseLeave);
-  };
-
   VideoItem.prototype.render = function () {
+    var _this = this;
+
     var _a, _b, _c, _d, _e, _f, _g, _h;
 
     var _j = this.props,
@@ -130,10 +129,17 @@ function (_super) {
         videoPoster = _k.videoPoster;
     var img = ((_b = (_a = data.overilay) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.pcImgSrc) || videoPoster;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      ref: this.cardRef,
       className: "slide-image-video-wrap",
-      onMouseEnter: this.onMouseEnter,
-      onMouseLeave: this.onMouseLeave,
+      onMouseEnter: function onMouseEnter() {
+        if (!(0, _commonUtil.isPad)()) {
+          _this.onMouseEnter();
+        }
+      },
+      onMouseLeave: function onMouseLeave() {
+        if (!(0, _commonUtil.isPad)()) {
+          _this.onMouseLeave();
+        }
+      },
       style: {
         cursor: cursor && (moveIcon === null || moveIcon === void 0 ? void 0 : moveIcon.open) ? "url('" + ((_c = moveIcon === null || moveIcon === void 0 ? void 0 : moveIcon.content) === null || _c === void 0 ? void 0 : _c.pcImgSrc) + "'), pointer" : 'unset'
       }

package/lib/composite-comp/dito/components/SlideImage/pc/components/VideoItem/index.less

@@ -1,9 +1,6 @@
 .slide-image-video-wrap {
   position: relative;
-  display: flex;
   border-radius: 16px;
-  --dx: calc(var(--size) - var(--x));
-  --dy: calc(var(--size) - var(--y));
 
   &:hover {
     box-shadow: 0px 12px 48px 0px #00000029;

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/lib/utils/commonUtil.js

@@ -21,7 +21,7 @@ exports.getUrlParams = void 0;
 exports.goLogin = goLogin;
 exports.importAsync = void 0;
 exports.isLogin = isLogin;
-exports.onListenTouch = exports.nextTick = exports.navigateTo = void 0;
+exports.onListenTouch = exports.nextTick = exports.navigateTo = exports.isPad = void 0;
 exports.pushGA = pushGA;
 exports.setDefaultAddressFromIP = exports.pxToRem = void 0;
 exports.shareFacebook = shareFacebook;
@@ -516,6 +516,21 @@ var JsonToUrl = function JsonToUrl(data) {
 
   var urlParamsStr = tempArr.join('&');
   return urlParamsStr;
+};
+
+exports.JsonToUrl = JsonToUrl;
+
+var isPad = function isPad() {
+  var ua = navigator.userAgent;
+  var isMac = /Macintosh/i.test(ua);
+  var isIOS = /iPad|iPhone|iPod/i.test(ua);
+  var isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0; // iPad检测 (包括iPadOS 13+)
+
+  if (isMac && isTouch || isIOS) {
+    return true;
+  }
+
+  return false;
 }; // export const jumpUrlConfig = item => {
 //   const { objType, objValue } = item || {};
 //   let jumpUrl = '';
@@ -581,7 +596,7 @@ var JsonToUrl = function JsonToUrl(data) {
  */
 
 
-exports.JsonToUrl = JsonToUrl;
+exports.isPad = isPad;
 
 var addZero = function addZero(num) {
   return String(num).length === 1 ? "0" + String(num) : String(num);

package/package.json

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