@titaui/pc 1.7.101 → 1.8.3

package/lib/components/upload-photo-modal/index.js

@@ -0,0 +1,439 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactCropper = _interopRequireDefault(require("react-cropper"));
+
+require("cropperjs/dist/cropper.css");
+
+var _toast = _interopRequireDefault(require("../../components/toast"));
+
+var _conditionRender = _interopRequireDefault(require("../condition-render"));
+
+var _requestApi = require("./request-api");
+
+var _dialog = _interopRequireDefault(require("../../components/dialog"));
+
+var _constant = require("./constant");
+
+require("./index.css");
+
+var _uuid = _interopRequireDefault(require("uuid"));
+
+var _bsGlobal = require("../../utils/bs-global");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var apiServer = (0, _bsGlobal.getBSGlobal)("apiPath");
+var userid = (0, _bsGlobal.getUserInfo)().Id;
+var tenantId = (0, _bsGlobal.getTenantInfo)().Id;
+var preCls = 'tita-ui-change-person-photo';
+
+var ChangePhoto = function ChangePhoto(props) {
+  var visible = props.visible,
+      onCancel = props.onCancel,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'browser' : _props$type;
+  var modalRef = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      image = _useState2[0],
+      setImage = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      cropper = _useState4[0],
+      setCropper = _useState4[1];
+
+  var _useState5 = (0, _react.useState)('#'),
+      _useState6 = _slicedToArray(_useState5, 2),
+      cropData = _useState6[0],
+      setCropData = _useState6[1];
+
+  var _useState7 = (0, _react.useState)({
+    Avatar: ''
+  }),
+      _useState8 = _slicedToArray(_useState7, 2),
+      userInfo = _useState8[0],
+      setUserInfo = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(_constant.List.find(function (item) {
+    return item.id === type;
+  })),
+      _useState10 = _slicedToArray(_useState9, 1),
+      item = _useState10[0];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      isEnter = _useState12[0],
+      setIsEnter = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(''),
+      _useState14 = _slicedToArray(_useState13, 2),
+      fileName = _useState14[0],
+      setFileName = _useState14[1];
+
+  var cropperRef = (0, _react.useRef)(null);
+
+  var onChange = function onChange(e) {
+    e.preventDefault();
+    var files;
+
+    if (e.dataTransfer) {
+      files = e.dataTransfer.files;
+    } else if (e.target) {
+      files = e.target.files;
+    }
+
+    setFileName(files[0].name);
+    var reader = new FileReader();
+
+    reader.onload = function () {
+      setImage(reader.result);
+    };
+
+    reader.readAsDataURL(files[0]);
+  };
+
+  var dataURLtoFile = function dataURLtoFile(dataurl, filename) {
+    var arr = dataurl.split(','),
+        mime = arr[0].match(/:(.*?);/)[1],
+        bstr = atob(arr[1]),
+        n = bstr.length,
+        u8arr = new Uint8Array(n);
+
+    while (n--) {
+      u8arr[n] = bstr.charCodeAt(n);
+    }
+
+    return new File([u8arr], filename, {
+      type: mime
+    });
+  };
+
+  var onCrop = function onCrop() {
+    var imageElement = cropperRef.current;
+    var cropper = imageElement.cropper;
+    setCropData(cropper.getCroppedCanvas().toDataURL());
+    setUserInfo(cropper.getCroppedCanvas().toDataURL());
+    var base64Url = cropper.getCroppedCanvas().toDataURL();
+    var newFile = dataURLtoFile(base64Url, fileName);
+    console.log(newFile);
+    var formData = new FormData();
+    formData.append('file', newFile);
+    console.log(formData);
+    setCropper(formData);
+  };
+
+  var handleSaveInfo = function handleSaveInfo() {
+    var timestamp = new Date().getTime(); // 给每个文件加一个时间戳
+
+    if (!image) {
+      return;
+    } else {
+      if (type === "person") {
+        (0, _requestApi.saveUserPhoto)(cropper).then(function (resp) {
+          if (resp.Code === 1) {
+            _toast["default"].Success('保存成功', {
+              canClose: false
+            });
+
+            onCancel();
+          } else {
+            _toast["default"].Error(resp.Message, {
+              canClose: false
+            });
+          }
+        });
+      } else if (type === "enterprise") {
+        // console.log(cropper);
+        (0, _requestApi.saveTenantLogo)(cropper).then(function (resp) {
+          if (resp.Code === 1) {
+            _toast["default"].Success('保存成功', {
+              canClose: false
+            });
+
+            onCancel();
+          } else {
+            _toast["default"].Error(resp.Message, {
+              canClose: false
+            });
+          }
+        }); // axios({headers: {
+        //   'Content-Type': 'multipart/form-data',
+        // },
+        // method: 'post',
+        // data: cropper,
+        // url: `${apiServer}/api/v1/${tenantId}/${userid}/tenant/update/logo?format=json&timestamp=${timestamp}`})
+        // dealSelectFiles(image)
+      } else {
+        (0, _requestApi.saveBrowserIcon)(cropper).then(function (resp) {
+          if (resp.Code === 1) {
+            _toast["default"].Success('保存成功', {
+              canClose: false
+            });
+
+            onCancel();
+          } else {
+            _toast["default"].Error(resp.Message, {
+              canClose: false
+            });
+          }
+        });
+      }
+    }
+  };
+
+  var _useState15 = (0, _react.useState)(),
+      _useState16 = _slicedToArray(_useState15, 2),
+      uploadSuccessFile = _useState16[0],
+      setUploadSuccessFile = _useState16[1];
+
+  var dealSelectFiles = function dealSelectFiles(uploadSelectFile) {
+    var uploadStartFiles = []; // 开始上传的文件
+
+    var formData = new FormData(); // FormData 对象
+
+    var uploadStartFile;
+    var timestamp = new Date().getTime(); // 给每个文件加一个时间戳
+    // let uploadFileType = uploadSelectFile.name.substring(uploadSelectFile.name.lastIndexOf('.') + 1);
+
+    uploadStartFile = {
+      FileName: uploadSelectFile.name,
+      // FileType: _dealAttachmentType(uploadFileType).FileType,
+      FileSize: uploadSelectFile.size,
+      FileLastModified: uploadSelectFile.lastModified,
+      // IsImage: _dealAttachmentType(uploadFileType).IsImage,
+      percentComplete: 0,
+      uploadStatus: 1,
+      // 开始上传
+      IsSuccess: false,
+      uid: (0, _uuid["default"])(),
+      _smallImageUrl: '',
+      _bigImageUrl: '',
+      MediaType: '',
+      UserId: 0,
+      MaxDocCount: 0,
+      DfsPath: '',
+      ClientUrl: '',
+      SmallImageUrl: '',
+      BigImageUrl: '',
+      DownloadUrl: '',
+      Msg: '',
+      AllowUploadAttachmentSize: 50,
+      Deleteable: true,
+      requestXHR: new XMLHttpRequest() //在这创建是为了取消用
+
+    }; // uploadStartFiles.push(uploadStartFile);
+    // _dealUploadStart(uploadStartFiles); // 处理开始上传的文件
+
+    formData.append('file', uploadSelectFile);
+    var url = "".concat(apiServer, "/api/v1/").concat(tenantId, "/").concat(userid, "/tenant/update/logo");
+
+    _dealUploadXHRRequest(formData, url, uploadStartFile);
+  };
+  /**
+   * 处理文件上传请求
+   *
+   * @formData
+   * @url 上传文件请求地址
+   * @uploadStartFile 上传的文件
+   *
+   * @memberof Upload
+   */
+
+
+  var _dealUploadXHRRequest = function _dealUploadXHRRequest(formData, url, uploadStartFile) {
+    var xhr = uploadStartFile.requestXHR;
+
+    xhr.onreadystatechange = function () {
+      if (xhr.readyState == 4 && xhr.status == 200) {
+        var result = Object.assign({}, _objectSpread({}, JSON.parse(xhr.responseText).Result[0])); // 上传成功接口返回数据
+
+        result.percentComplete = 100;
+        result.IsSuccess = !!result.IsSuccess;
+        result.uploadStatus = result.IsSuccess ? 3 : 4; // 3上传成功；4上传失败
+        // _dealUploadSuccess({ ...uploadStartFile, ...result });
+      }
+    };
+
+    xhr.open('POST', url, true);
+    xhr.send(formData); //开始上传，发送form数据
+  };
+
+  var handleEnterAgain = function handleEnterAgain() {
+    setIsEnter(true);
+  };
+
+  var handleLeaveAgain = function handleLeaveAgain() {
+    setIsEnter(false);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+    visible: visible,
+    ref: modalRef,
+    width: 480,
+    mask: true,
+    centered: true,
+    title: '上传头像',
+    noHeadLine: true,
+    maskClosable: false,
+    onClose: onCancel,
+    onCancel: onCancel,
+    okText: "\u4FDD\u5B58",
+    noFooterLine: true,
+    onOk: handleSaveInfo
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, !image ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__upload")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__upload-preview")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__upload-right")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("".concat(preCls, "__upload-right-icon"), 'tu-icon-upload')
+  }), /*#__PURE__*/_react["default"].createElement("input", {
+    type: "file",
+    onChange: onChange,
+    className: "".concat(preCls, "__upload-right-input"),
+    accept: item === null || item === void 0 ? void 0 : item.accept
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__upload-right-title")
+  }, "\u70B9\u51FB\u4E0A\u4F20"), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === 'person'
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__upload-right-tips")
+  }, item === null || item === void 0 ? void 0 : item.tips)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === 'enterprise'
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__upload-right-tips")
+  }, item === null || item === void 0 ? void 0 : item.tips)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === 'browser'
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__upload-right-tips")
+  }, item === null || item === void 0 ? void 0 : item.tips)))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__upload-left")
+  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === 'person'
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__upload-left-box1")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__upload-left-box2")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__upload-left-box3")
+  })), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === 'enterprise'
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__upload-left-box")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__upload-left-preview")
+  }, item === null || item === void 0 ? void 0 : item.previewTitle)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === 'browser'
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__upload-left-box")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__upload-left-preview")
+  }, item === null || item === void 0 ? void 0 : item.previewTitle)))) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__img")
+  }, /*#__PURE__*/_react["default"].createElement(_reactCropper["default"], {
+    src: image,
+    style: {
+      height: 240,
+      width: 240
+    },
+    background: false,
+    responsive: true,
+    autoCropArea: item === null || item === void 0 ? void 0 : item.autoCropArea,
+    checkOrientation: true,
+    minCropBoxHeight: 10,
+    minCropBoxWidth: 10,
+    initialAspectRatio: item === null || item === void 0 ? void 0 : item.initialAspectRatio,
+    guides: true,
+    preview: ".img-preview",
+    ref: cropperRef // onInitialized={(instance) => {
+    // 	setCropper(instance);
+    // }}
+    ,
+    crop: onCrop
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__preview-box"), _defineProperty({}, "".concat(preCls, "__preview-box-bgc"), type === "enterprise"), _defineProperty({}, "".concat(preCls, "__preview-box-browser"), type === "browser"))
+  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === "person"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: cropData,
+    className: "".concat(preCls, "__preview-box1")
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    src: cropData,
+    className: "".concat(preCls, "__preview-box2")
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    src: cropData,
+    className: "".concat(preCls, "__preview-box3")
+  })), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === "enterprise"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: cropData,
+    className: "".concat(preCls, "__preview-enterprise-img")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__preview-enterprise-title")
+  }, item === null || item === void 0 ? void 0 : item.previewTitle)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === "browser"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: cropData,
+    className: "".concat(preCls, "__preview-browser-img")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__preview-browser-name")
+  }, "\u4E00\u4F53\u5316\u4EBA\u624D\u7BA1\u7406\u4E91\u5E73\u53F0"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__preview-browser-title")
+  }, item === null || item === void 0 ? void 0 : item.previewTitle)))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__title")
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    accept: item === null || item === void 0 ? void 0 : item.accept,
+    type: "file",
+    onChange: onChange,
+    className: (0, _classnames["default"])("".concat(preCls, "__title-input"), _defineProperty({}, "".concat(preCls, "__title-input--show"), image)),
+    onMouseEnter: handleEnterAgain,
+    onMouseLeave: handleLeaveAgain
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__title-again"), _defineProperty({}, "".concat(preCls, "__title-again--show"), image), _defineProperty({}, "".concat(preCls, "__title-again--hover"), isEnter))
+  }, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: type === 'person'
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__title-preview")
+  }, item === null || item === void 0 ? void 0 : item.previewTitle)))));
+};
+
+var _default = ChangePhoto;
+exports["default"] = _default;

package/lib/components/upload-photo-modal/request-api.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.saveUserPhoto = exports.saveUserInfo = exports.saveTenantLogo = exports.saveBrowserIcon = exports.getUserInfoFun = void 0;
+
+var _qs = _interopRequireDefault(require("qs"));
+
+var _request = require("../../utils/request");
+
+var _bsGlobal = require("../../utils/bs-global");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var getUserInfoFun = function getUserInfoFun() {
+  return (0, _request.rpost)("v1")("manage/user/profile?toUserId=".concat((0, _bsGlobal.getUserInfo)().Id));
+};
+
+exports.getUserInfoFun = getUserInfoFun;
+
+var saveUserInfo = function saveUserInfo(_ref) {
+  var data = _ref.data;
+  return (0, _request.rput)("v1")("manage/user/update", data, {
+    "headers": {
+      "Content-Type": "multipart/form-data"
+    },
+    "transformRequest": _qs["default"].stringify
+  });
+};
+
+exports.saveUserInfo = saveUserInfo;
+
+var saveUserPhoto = function saveUserPhoto(params) {
+  return (0, _request.rpost)("v1")("manage/user/avatar", params, {
+    "headers": {
+      "Content-Type": "multipart/form-data"
+    }
+  });
+};
+
+exports.saveUserPhoto = saveUserPhoto;
+
+var saveTenantLogo = function saveTenantLogo(params) {
+  return (0, _request.rpost)("v1")("tenant/update/logo", params, {
+    "headers": {
+      "Content-Type": "multipart/form-data"
+    }
+  });
+};
+
+exports.saveTenantLogo = saveTenantLogo;
+
+var saveBrowserIcon = function saveBrowserIcon(params) {
+  return (0, _request.rpost)("v1")("tenant/update/browerIcon", params, {
+    "headers": {
+      "Content-Type": "multipart/form-data"
+    }
+  });
+};
+
+exports.saveBrowserIcon = saveBrowserIcon;

package/lib/components/user-selector/request-apis.js

@@ -163,7 +163,7 @@ var searchGroups = function searchGroups(_ref4) {
 exports.searchGroups = searchGroups;
 
 var getDuties = function getDuties() {
-  return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/position/getAll")).then(function (res) {
+  return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/position/get?status=1&pageNum=1&pageSize=100")).then(function (res) {
     return res.data;
   });
 };

package/lib/index.js

@@ -453,6 +453,12 @@ Object.defineProperty(exports, "UpdateModal", {
     return _updateModal["default"];
   }
 });
+Object.defineProperty(exports, "UploadPhotoModal", {
+  enumerable: true,
+  get: function get() {
+    return _uploadPhotoModal["default"];
+  }
+});
 Object.defineProperty(exports, "Upvote", {
   enumerable: true,
   get: function get() {
@@ -686,4 +692,6 @@ var _scrollbar = _interopRequireDefault(require("./components/scrollbar"));
 
 var _weeklyReport = _interopRequireDefault(require("./components/weekly-report"));
 
+var _uploadPhotoModal = _interopRequireDefault(require("./components/upload-photo-modal"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/pages/personal-info/components/base-info/index.css

@@ -4,7 +4,6 @@
   border-radius: 12px;
   padding: 20px 32px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-  height: 100%;
 }
 
 .titaui-personal-info-base-info__header {
@@ -36,6 +35,42 @@
   top: 3px;
 }
 
+.titaui-personal-info-base-info__header-btn {
+  width: 64px;
+  height: 28px;
+  box-sizing: border-box;
+  padding: 3px 18px;
+  background: rgba(40, 121, 255, 0.2);
+  border-radius: 14px;
+  font-size: 14px;
+  color: #2879FF;
+  line-height: 22px;
+  cursor: pointer;
+}
+
+.titaui-personal-info-base-info__header-btn:hover {
+  color: #fff;
+  background-color: #2879ff;
+}
+
 .titaui-personal-info-base-info__form {
   width: 342px;
 }
+
+.titaui-personal-info-base-info .form-field-input__border {
+  padding: 0;
+  border: none;
+  background-color: #fff;
+}
+
+.titaui-personal-info-base-info .form-field-input__label-text {
+  font-weight: 600;
+}
+
+.titaui-personal-info-base-info .form-field-input__input {
+  background-color: #fff;
+}
+
+.titaui-personal-info-base-info .form-field-input__border--disabled input:disabled {
+  background-color: #fff;
+}