@fonixtree/magic-design 0.1.93 → 0.2.2

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

@@ -1,592 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setAccountPageValue = exports.pInfoData = exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _lodash = require("lodash");
-
-var _antd = require("antd");
-
-var _avatar = _interopRequireDefault(require("./images/avatar.png"));
-
-var _components = require("../../../../../meta-comp/components");
-
-var _androidUtil = require("../../../../../utils/androidUtil");
-
-var _locale = require("../../../../../locale");
-
-var _Iconfont = _interopRequireDefault(require("../../../../../common/Iconfont"));
-
-var _commonUtil = require("../../../../../utils/commonUtil");
-
-var _index = require("../../../../../constants/index");
-
-var _storeUtil = require("../../../../../utils/storeUtil");
-
-var _common = require("../../../../../common");
-
-require("./index.less");
-
-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 __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-
-    return t;
-  };
-
-  return __assign.apply(this, arguments);
-};
-
-var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
-  var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
-
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
-    };
-  }
-
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-
-    while (_) {
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-        if (y = 0, t) op = [op[0] & 2, t.value];
-
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
-
-          case 7:
-            op = _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-
-              _.ops.push(op);
-
-              break;
-            }
-
-            if (t[2]) _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-        }
-
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    }
-
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
-
-var pInfoData = {
-  Wishlist: {
-    route: '/favourite/list'
-  },
-  Stores: {
-    route: '/collect-store'
-  },
-  Vouchers: {
-    route: '/my-coupon'
-  },
-  'Recently Viewed': {
-    route: '/review-list'
-  }
-};
-exports.pInfoData = pInfoData;
-var LPObj = (0, _storeUtil.getSessionStore)('channelPurchase') || {};
-var currentUser = JSON.parse(localStorage.getItem('currentUser')) || {};
-
-var setAccountPageValue = function setAccountPageValue(obj) {
-  var accountPageValue = JSON.parse(localStorage.getItem('accountPageValue'));
-  localStorage.setItem('accountPageValue', JSON.stringify(__assign(__assign({}, accountPageValue), obj)));
-};
-
-exports.setAccountPageValue = setAccountPageValue;
-
-var PersonalInfoMobile =
-/** @class */
-function (_super) {
-  __extends(PersonalInfoMobile, _super);
-
-  function PersonalInfoMobile() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      messageNum: '',
-      userInfo: currentUser,
-      loading: false,
-      selectedImgFile: {},
-      editImgModalVisible: false
-    };
-
-    _this.getNum = function (v) {
-      var userInfo = _this.state.userInfo;
-
-      if (v === _index.personalInfoType.WISHLIST) {
-        return userInfo.userCollectionNum || 0;
-      } else if (v === _index.personalInfoType.STORES) {
-        return userInfo.userCollectionStoreNum || 0;
-      } else if (v === _index.personalInfoType.VOUCHERS) {
-        return userInfo.couponNum || 0;
-      } else if (v === _index.personalInfoType.VIEWED) {
-        return userInfo.recentViewNum || 0;
-      }
-    };
-
-    _this.handleFileChange = function (e) {
-      var file = e.target.files[0];
-
-      if (file) {
-        if (file.name.length > 120) {
-          _antd.message.error((0, _locale.i18n)('IMAGE_NAME_IS_TOO_LONG'));
-
-          return;
-        }
-
-        _this.hideBottomBar();
-
-        _this.setState({
-          editImgModalVisible: true,
-          selectedImgFile: file
-        });
-      }
-
-      e.target.value = '';
-    };
-
-    _this.goSettings = function () {
-      if ((0, _commonUtil.checkLogin)()) {
-        (0, _commonUtil.navigateTo)('/settings');
-      }
-    };
-
-    _this.goMessageCenter = function () {
-      if ((0, _commonUtil.checkLogin)(true)) {
-        (0, _commonUtil.navigateTo)('/message-center');
-      }
-    };
-
-    _this.clickName = function () {
-      if (!(0, _lodash.isEmpty)(LPObj)) {
-        return;
-      }
-
-      (0, _commonUtil.navigateTo)('/account/information');
-    };
-
-    _this.goLoginPage = function () {
-      if ((0, _androidUtil.browserVersion)().isApp) {
-        (0, _androidUtil.goToLoginApp)();
-      } else {
-        (0, _commonUtil.goLogin)();
-      }
-    };
-
-    _this.getMessageNum = function () {
-      return __awaiter(_this, void 0, void 0, function () {
-        var num;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              return [4
-              /*yield*/
-              , (0, _commonUtil.commonFetch)('/designer/v1/h5/users/inbox/unread/num', {}, 'GET')];
-
-            case 1:
-              num = _a.sent();
-              if (num > 9) num = '9+';
-              this.setState({
-                messageNum: num
-              });
-              setAccountPageValue({
-                messageNum: num
-              });
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.getUserInfo = function () {
-      return __awaiter(_this, void 0, void 0, function () {
-        var info;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              return [4
-              /*yield*/
-              , (0, _commonUtil.commonFetch)('/designer/v1/h5/users', {}, 'GET')];
-
-            case 1:
-              info = _a.sent();
-              this.setState({
-                userInfo: info
-              });
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.modifyPhoto = function (params) {
-      return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              return [4
-              /*yield*/
-              , (0, _commonUtil.commonFetch)('/designer/v1/h5/users/modify', params, 'POST')];
-
-            case 1:
-              _a.sent();
-
-              this.showBottomBar();
-              this.setState(function (preState, props) {
-                return {
-                  userInfo: __assign(__assign({}, preState.userInfo), {
-                    photo: params.photo
-                  }),
-                  loading: false,
-                  editImgModalVisible: false
-                };
-              });
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.hideBottomBar = function () {
-      var homeNavBar = document.querySelector('.home-navigation');
-      console.log('homeNavBar', homeNavBar);
-      if (homeNavBar) homeNavBar.style.visibility = 'hidden';
-    };
-
-    _this.showBottomBar = function () {
-      var homeNavBar = document.querySelector('.home-navigation');
-      if (homeNavBar) homeNavBar.style.visibility = 'visible';
-    };
-
-    _this.onUploadImg = function (formData) {
-      if (_this.state.loading) return;
-
-      _this.setState({
-        loading: true
-      });
-
-      fetch('/designer/v1/h5/image', {
-        method: 'POST',
-        body: formData
-      }).then(function (response) {
-        return response.json();
-      }).then(function (responseData) {
-        var _a;
-
-        if (((_a = responseData === null || responseData === void 0 ? void 0 : responseData.fileUrl) === null || _a === void 0 ? void 0 : _a.length) > 120) {
-          _antd.message.toast({
-            type: 'error',
-            message: (0, _locale.i18n)('IMAGE_NAME_IS_TOO_LONG'),
-            duration: 3000
-          });
-
-          return;
-        }
-
-        _this.modifyPhoto({
-          photo: responseData.fileUrl
-        });
-      })["catch"](function (err) {
-        _antd.message.toast({
-          type: 'error',
-          message: err === null || err === void 0 ? void 0 : err.data,
-          duration: 5000
-        });
-
-        _this.showBottomBar();
-
-        _this.setState({
-          editImgModalVisible: false,
-          loading: false
-        });
-      });
-    };
-
-    _this.onItemClick = function (v) {
-      var _a;
-
-      var routeUrl = (_a = pInfoData[v]) === null || _a === void 0 ? void 0 : _a.route;
-      var selfUrl = (0, _commonUtil.ensure)(function () {
-        return item.title.content.clickUrl.value || item.image.content.clickUrl.value;
-      }, '');
-      (0, _commonUtil.navigateTo)(routeUrl || selfUrl);
-    };
-
-    return _this;
-  }
-
-  PersonalInfoMobile.prototype.componentDidMount = function () {
-    if ((0, _commonUtil.checkLogin)(false)) {
-      this.getUserInfo();
-    }
-
-    this.getMessageNum();
-  };
-
-  PersonalInfoMobile.prototype.render = function () {
-    var _this = this;
-
-    var data = this.props.data;
-    var _a = this.state,
-        messageNum = _a.messageNum,
-        userInfo = _a.userInfo,
-        editImgModalVisible = _a.editImgModalVisible,
-        selectedImgFile = _a.selectedImgFile;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('personal-information-mobile')
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "top"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "pInfoWrap"
-    }, (0, _commonUtil.isLogin)() ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "photoWrap"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "",
-      className: "photo",
-      src: userInfo.photo || _avatar["default"],
-      style: {
-        height: 44,
-        width: 44,
-        background: userInfo.photo ? '#fff' : 'unset'
-      }
-    }), /*#__PURE__*/_react["default"].createElement("input", {
-      accept: "image/*",
-      id: "userPhoto",
-      onChange: this.handleFileChange,
-      type: "file"
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "userInfo"
-    }, /*#__PURE__*/_react["default"].createElement("p", {
-      className: "name",
-      onClick: this.clickName
-    }, userInfo.firstName || userInfo.nickName), /*#__PURE__*/_react["default"].createElement("p", {
-      className: "phone"
-    }, userInfo.mobilePhone))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "photo"
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#fff",
-      size: 32,
-      type: "icon-account"
-    })), data.login.open && /*#__PURE__*/_react["default"].createElement("span", {
-      className: "btnLogin",
-      onClick: this.goLoginPage
-    }, (0, _locale.i18n)('LOGIN_OR_REGISTER')))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "btnGroup"
-    }, (0, _lodash.isEmpty)(LPObj) && /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#fff",
-      onClick: this.goSettings,
-      size: 24,
-      type: "icon-set"
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "iconWrap"
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#fff",
-      onClick: this.goMessageCenter,
-      size: 24,
-      type: "icon-messages"
-    }), !!messageNum && /*#__PURE__*/_react["default"].createElement("span", {
-      className: "num"
-    }, messageNum)))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "bottom"
-    }, data.groupSource.map(function (item) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "item",
-        onClick: function onClick() {
-          return _this.onItemClick(item.sourceType);
-        }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "content-wrap",
-        style: {
-          pointerEvents: window.magicDesign.mode == 'designer' ? 'auto' : 'none'
-        }
-      }, item.number.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-        className: "number",
-        data: __assign(__assign({}, item.number), {
-          text: (0, _commonUtil.isLogin)() ? _this.getNum(item.sourceType) : '- -'
-        }),
-        readonly: true
-      }), item.title.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-        className: "title",
-        data: item.title,
-        onTextInput: function onTextInput(text) {
-          item.title.text = text;
-        }
-      })));
-    })), editImgModalVisible && /*#__PURE__*/_react["default"].createElement(_common.CropperModal, {
-      onClose: function onClose() {
-        _this.setState({
-          editImgModalVisible: false
-        });
-
-        _this.showBottomBar();
-      },
-      onSubmit: this.onUploadImg,
-      uploadedImageFile: selectedImgFile
-    }));
-  };
-
-  PersonalInfoMobile.defaultProps = {
-    data: {}
-  };
-  return PersonalInfoMobile;
-}(_react["default"].Component);
-
-var _default = PersonalInfoMobile;
-exports["default"] = _default;