@fonixtree/magic-design 1.0.174 → 1.0.176

package/es/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: flex-start;
+}
+.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.24rem;
+  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/es/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/es/composite-comp/dito/config-panels/PersonalInformationSecondConfig/ConfigDecoration/index.less

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

package/es/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/es/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;

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

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ConfigDecoration = _interopRequireDefault(require("./ConfigDecoration"));
+
+var _OrdersConfigGroup = _interopRequireDefault(require("./OrdersConfigGroup"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
+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 PersonalInformationConfig =
+/** @class */
+function (_super) {
+  __extends(PersonalInformationConfig, _super);
+
+  function PersonalInformationConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.getContentPanel = function () {
+      var data = _this.props.data;
+      var source = [{
+        key: 1,
+        name: (0, _locale.i18n)('LOGIN_OR_REGISTER'),
+        metaOption: data.login
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        source: source,
+        type: "switch"
+      });
+    };
+
+    return _this;
+  }
+
+  PersonalInformationConfig.prototype.render = function () {
+    var data = this.props.data;
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'PersonalInformation1',
+        name: (0, _locale.i18n)('LOGIN_OR_REGISTER'),
+        value: this.getContentPanel()
+      }, {
+        key: 'PersonalInformation2',
+        name: (0, _locale.i18n)('FESTIVAL_DECORATION'),
+        value: /*#__PURE__*/_react["default"].createElement(_ConfigDecoration["default"], {
+          data: data.decorationIcon
+        })
+      }, // { key: 'PersonalInformation3', name: i18n('CONTENT'), value: <PersonInfoConfigGroup maxNum={4} source={data.groupSource} />, metaOption: data.groupSource },
+      {
+        key: 'PersonalInformation4',
+        name: (0, _locale.i18n)('ORDERS'),
+        value: /*#__PURE__*/_react["default"].createElement(_OrdersConfigGroup["default"], {
+          maxNum: 5,
+          source: data.groupSource2
+        }),
+        metaOption: data.groupSource2
+      }, {
+        key: 'PersonalInformation5',
+        name: (0, _locale.i18n)('SPACING'),
+        value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+          data: data.spacing
+        })
+      }, {
+        key: 'PersonalInformation6',
+        name: (0, _locale.i18n)('BACKGROUND'),
+        value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+          data: data.background
+        })
+      }]
+    }));
+  };
+
+  PersonalInformationConfig.defaultProps = {
+    data: {}
+  };
+  return PersonalInformationConfig;
+}(_react["default"].Component);
+
+var _default = PersonalInformationConfig;
+exports["default"] = _default;