@fonixtree/magic-design 1.0.175 → 1.0.178

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

@@ -0,0 +1,196 @@
+.personal-information-second-mobile {
+  padding: 0.32rem 0.32rem;
+  box-sizing: border-box;
+}
+.personal-information-second-mobile .top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.personal-information-second-mobile .top .pInfoWrap {
+  display: flex;
+  align-items: center;
+}
+.personal-information-second-mobile .top .pInfoWrap .photoWrap {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: 0.32rem;
+  height: 0.88rem;
+  width: 0.88rem;
+}
+.personal-information-second-mobile .top .pInfoWrap .photoWrap > input {
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+}
+.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;
+}
+.personal-information-second-mobile .top .pInfoWrap .userInfo {
+  display: inline-block;
+  vertical-align: middle;
+}
+.personal-information-second-mobile .top .pInfoWrap .userInfo p {
+  margin: 0;
+}
+.personal-information-second-mobile .top .pInfoWrap .userInfo .name {
+  font-family: Montserrat;
+  font-size: 0.28rem;
+  font-weight: 600;
+  color: #3E3E3E;
+  max-width: 2.96rem;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+}
+.personal-information-second-mobile .top .pInfoWrap .userInfo .wishlist,
+.personal-information-second-mobile .top .pInfoWrap .userInfo .following {
+  color: #3E3E3E;
+  font-family: Montserrat;
+  font-size: 0.16rem;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 0.36rem;
+}
+.personal-information-second-mobile .top .pInfoWrap .userInfo .wishlist span,
+.personal-information-second-mobile .top .pInfoWrap .userInfo .following span {
+  font-size: 0.2rem;
+}
+.personal-information-second-mobile .top .pInfoWrap .userInfo .wishlist {
+  margin-right: 0.16rem;
+}
+.personal-information-second-mobile .top .pInfoWrap .userInfo .following {
+  margin-left: 0.16rem;
+}
+.personal-information-second-mobile .top .pInfoWrap .photo {
+  display: inline-block;
+  width: 0.88rem;
+  height: 0.88rem;
+  line-height: 1.2rem;
+  text-align: center;
+  border-radius: 50%;
+}
+.personal-information-second-mobile .top .pInfoWrap .btnLogin {
+  font-size: 0.32rem;
+  font-weight: 600;
+  color: #3E3E3E;
+  font-family: Montserrat;
+}
+.personal-information-second-mobile .top .btnGroup .iconWrap {
+  display: inline-block;
+  margin-left: 0.3rem;
+  position: relative;
+}
+.personal-information-second-mobile .top .btnGroup .num {
+  position: absolute;
+  top: -0.04rem;
+  left: 0.28rem;
+  display: inline-block;
+  padding: 0 0.08rem;
+  border-radius: 50%;
+  text-align: center;
+  min-width: 0.32rem;
+  height: 0.32rem;
+  line-height: 0.32rem;
+  background: #ce1126;
+  font-size: 0.12rem;
+  color: #ffffff;
+}
+.personal-information-second-mobile .orders {
+  margin-top: 0.32rem;
+}
+.personal-information-second-mobile .orders .fixed-wrap {
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+  box-shadow: 0 0.06rem 0.12rem rgba(0, 0, 0, 0.16);
+  border-radius: 0.32rem;
+  width: auto;
+  padding: 0.24rem 0.32rem;
+}
+.personal-information-second-mobile .orders .fixed-wrap .top {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  font-weight: 600;
+  line-height: 0.36rem;
+  color: var(--font-color);
+}
+.personal-information-second-mobile .orders .fixed-wrap .top .title {
+  font-size: 0.28rem;
+  font-weight: 700;
+  color: #3E3E3E;
+}
+.personal-information-second-mobile .orders .fixed-wrap .top .btn-wrap {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.personal-information-second-mobile .orders .fixed-wrap .top .btn-wrap .text {
+  font-size: 0.2rem;
+  color: #0038A7;
+  font-weight: 600;
+  margin-right: 0.08rem;
+}
+.personal-information-second-mobile .orders .fixed-wrap .list {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  height: 1.04rem;
+  margin-top: 0.36rem;
+  margin-bottom: 0.02rem;
+}
+.personal-information-second-mobile .orders .fixed-wrap .list .item {
+  display: flex;
+  flex: 1 1;
+}
+.personal-information-second-mobile .orders .fixed-wrap .list .item .content-wrap {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.personal-information-second-mobile .orders .fixed-wrap .list .item .img-wrap {
+  position: relative;
+  display: flex;
+  margin-bottom: 0.16rem;
+  width: 0.72rem;
+  height: 0.72rem;
+}
+.personal-information-second-mobile .orders .fixed-wrap .list .item .img-wrap .pot {
+  display: inline-block;
+  padding: 0 0.08rem;
+  background: #3360B9;
+  border: 0.02rem solid #fff;
+  font-size: 0.16rem;
+  text-align: center;
+  color: #fff;
+  position: absolute;
+  top: -0.04rem;
+  left: 0.4rem;
+  min-width: 0.32rem;
+  height: 0.32rem;
+  border-radius: 50%;
+  line-height: 0.28rem;
+}
+.personal-information-second-mobile .orders .fixed-wrap .list .item .title {
+  height: 0.44rem;
+  font-size: 0.2rem;
+  font-weight: 600;
+  line-height: 0.22rem;
+  color: #3E3E3E;
+  text-align: center;
+}

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/PersonalInformationSecondConfig/ConfigDecoration/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _common = require("../../../../../common");
+
+require("./index.less");
+
+var _coreUtil = require("../../../../../utils/coreUtil");
+
+var _ImageConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/ImageConfig"));
+
+var _locale = require("../../../../../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var ConfigDecoration =
+/** @class */
+function (_super) {
+  __extends(ConfigDecoration, _super);
+
+  function ConfigDecoration() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.reRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  ConfigDecoration.prototype.render = function () {
+    var data = this.props.data;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "config_decoration"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      headerSize: "middle",
+      onRefresh: this.reRender,
+      source: [{
+        key: data.id,
+        name: (0, _locale.i18n)('FESTIVAL_DECORATION'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: data
+        }),
+        metaOption: data
+      }],
+      type: "switch"
+    }));
+  };
+
+  ConfigDecoration.defaultProps = {
+    data: {}
+  };
+  return ConfigDecoration;
+}(_react["default"].Component);
+
+var _default = ConfigDecoration;
+exports["default"] = _default;

package/lib/composite-comp/dito/config-panels/PersonalInformationSecondConfig/ConfigDecoration/index.less

@@ -0,0 +1,9 @@
+.carousel_setting {
+
+  .collapse_wrap {
+    .header_wrap {
+      font-weight: 600 !important;
+    }
+  }
+
+}

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

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _mobxReact = require("mobx-react");
+
+var _GroupList = _interopRequireDefault(require("../../../../../common/GroupList"));
+
+var _coreUtil = require("../../../../../utils/coreUtil");
+
+var _defaultJSON = require("../../../components/PersonalInformation/defaultJSON");
+
+var _Button = _interopRequireDefault(require("../../../../../common/Button"));
+
+var _locale = require("../../../../../locale");
+
+var _decorator = require("../../../../../decorator");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var notice = 'Please add some Item';
+
+var ImageTextConfigGroup =
+/** @class */
+function (_super) {
+  __extends(ImageTextConfigGroup, _super);
+
+  function ImageTextConfigGroup() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.onClickItem = function (node) {
+      _this.props.store.setState({
+        clickedGroup: node.id
+      });
+    };
+
+    _this.onAddClick = function () {
+      var json = (0, _defaultJSON.OrdersGroupSourceJSON)();
+
+      _this.props.source.push(json);
+
+      _this.setState({});
+
+      (0, _coreUtil.renderPreview)();
+    };
+
+    _this.reRender = function () {
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  ImageTextConfigGroup.prototype.render = function () {
+    var _a = this.props,
+        source = _a.source,
+        maxNum = _a.maxNum;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "banner_group"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "node_list"
+    }, source.length === 0 ? /*#__PURE__*/_react["default"].createElement("span", {
+      className: "notice"
+    }, notice) : /*#__PURE__*/_react["default"].createElement(_GroupList["default"], {
+      onClickItem: this.onClickItem,
+      reRender: this.reRender,
+      source: source
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "btn_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      disabled: source.length >= maxNum,
+      icon: "icon-add",
+      onClick: this.onAddClick,
+      type: "primary"
+    }, (0, _locale.i18n)('ADD'))));
+  };
+
+  ImageTextConfigGroup.defaultProps = {
+    source: []
+  };
+  ImageTextConfigGroup = __decorate([(0, _mobxReact.inject)('store'), _mobxReact.observer, _decorator.updateConfigDecorator], ImageTextConfigGroup);
+  return ImageTextConfigGroup;
+}(_react["default"].Component);
+
+var _default = ImageTextConfigGroup;
+exports["default"] = _default;

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

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _mobxReact = require("mobx-react");
+
+var _GroupList = _interopRequireDefault(require("../../../../../common/GroupList"));
+
+var _coreUtil = require("../../../../../utils/coreUtil");
+
+var _Button = _interopRequireDefault(require("../../../../../common/Button"));
+
+var _defaultJSON = require("../../../components/PersonalInformation/defaultJSON");
+
+var _locale = require("../../../../../locale");
+
+var _decorator = require("../../../../../decorator");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var notice = 'Please add some Item';
+
+var ConfigGroup =
+/** @class */
+function (_super) {
+  __extends(ConfigGroup, _super);
+
+  function ConfigGroup() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.onClickItem = function (node) {
+      _this.props.store.setState({
+        clickedGroup: node.id
+      });
+    };
+
+    _this.onAddClick = function () {
+      var json = (0, _defaultJSON.PersonalInfoGroupSourceJSON)();
+
+      _this.props.source.push(json);
+
+      _this.setState({});
+
+      (0, _coreUtil.renderPreview)();
+    };
+
+    _this.reRender = function () {
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  ConfigGroup.prototype.render = function () {
+    var _a = this.props,
+        source = _a.source,
+        maxNum = _a.maxNum;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "banner_group"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "node_list"
+    }, source.length === 0 ? /*#__PURE__*/_react["default"].createElement("span", {
+      className: "notice"
+    }, notice) : /*#__PURE__*/_react["default"].createElement(_GroupList["default"], {
+      onClickItem: this.onClickItem,
+      reRender: this.reRender,
+      source: source
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "btn_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      disabled: source.length >= maxNum,
+      icon: "icon-add",
+      onClick: this.onAddClick,
+      type: "primary"
+    }, (0, _locale.i18n)('ADD'))));
+  };
+
+  ConfigGroup.defaultProps = {
+    source: []
+  };
+  ConfigGroup = __decorate([(0, _mobxReact.inject)('store'), _mobxReact.observer, _decorator.updateConfigDecorator], ConfigGroup);
+  return ConfigGroup;
+}(_react["default"].Component);
+
+var _default = ConfigGroup;
+exports["default"] = _default;