@titaui/pc 1.8.4 → 1.8.61

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

@@ -13,8 +13,6 @@ 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"));
@@ -25,11 +23,9 @@ var _dialog = _interopRequireDefault(require("../../components/dialog"));
 
 var _constant = require("./constant");
 
-require("./index.css");
-
-var _uuid = _interopRequireDefault(require("uuid"));
+require("cropperjs/dist/cropper.css");
 
-var _bsGlobal = require("../../utils/bs-global");
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -37,10 +33,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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(); }
@@ -55,17 +47,16 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 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;
+      type = _props$type === void 0 ? 'person' : _props$type,
+      handleSuccessUploadPhoto = props.handleSuccessUploadPhoto;
   var modalRef = (0, _react.useRef)();
+  var cropperRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -82,33 +73,21 @@ var ChangePhoto = function ChangePhoto(props) {
       cropData = _useState6[0],
       setCropData = _useState6[1];
 
-  var _useState7 = (0, _react.useState)({
-    Avatar: ''
-  }),
+  var _useState7 = (0, _react.useState)(false),
       _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];
+      isEnter = _useState8[0],
+      setIsEnter = _useState8[1];
 
-  var _useState13 = (0, _react.useState)(''),
-      _useState14 = _slicedToArray(_useState13, 2),
-      fileName = _useState14[0],
-      setFileName = _useState14[1];
+  var _useState9 = (0, _react.useState)(''),
+      _useState10 = _slicedToArray(_useState9, 2),
+      fileName = _useState10[0],
+      setFileName = _useState10[1];
 
-  var cropperRef = (0, _react.useRef)(null);
+  var item = _constant.List.find(function (item) {
+    return item.id === type;
+  });
 
   var onChange = function onChange(e) {
-    e.preventDefault();
     var files;
 
     if (e.dataTransfer) {
@@ -147,152 +126,59 @@ var ChangePhoto = function ChangePhoto(props) {
     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(); // 给每个文件加一个时间戳
+  var handleSuccessSave = function handleSuccessSave(resp) {
+    if (resp.Code === 1) {
+      _toast["default"].Success('保存成功', {
+        style: {
+          position: "fixed",
+          top: " 36px",
+          left: "50%"
+        }
+      });
+
+      onCancel();
+      setImage('');
+      handleSuccessUploadPhoto(cropData);
+    } else {
+      _toast["default"].Error(resp.Message, {
+        style: {
+          position: "fixed",
+          top: " 36px",
+          left: "50%"
+        }
+      });
+
+      setImage('');
+    }
+  };
 
+  var handleSaveInfo = function handleSaveInfo() {
     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
-            });
-          }
+          handleSuccessSave(resp);
         });
       } 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)
+          handleSuccessSave(resp);
+        });
       } 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
-            });
-          }
+          handleSuccessSave(resp);
         });
       }
     }
   };
 
-  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);
   };
@@ -301,6 +187,11 @@ var ChangePhoto = function ChangePhoto(props) {
     setIsEnter(false);
   };
 
+  var handleCancel = function handleCancel() {
+    onCancel();
+    setImage('');
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
     visible: visible,
     ref: modalRef,
@@ -310,8 +201,8 @@ var ChangePhoto = function ChangePhoto(props) {
     title: '上传头像',
     noHeadLine: true,
     maskClosable: false,
-    onClose: onCancel,
-    onCancel: onCancel,
+    onClose: handleCancel,
+    onCancel: handleCancel,
     okText: "\u4FDD\u5B58",
     noFooterLine: true,
     onOk: handleSaveInfo
@@ -332,19 +223,9 @@ var ChangePhoto = function ChangePhoto(props) {
     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", {
+  }, "\u70B9\u51FB\u4E0A\u4F20"), /*#__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", {
+  }, 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'
@@ -355,13 +236,7 @@ var ChangePhoto = function ChangePhoto(props) {
   }), /*#__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'
+    condition: type === 'enterprise' || type === 'browser'
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__upload-left-box")
   }), /*#__PURE__*/_react["default"].createElement("span", {
@@ -378,15 +253,12 @@ var ChangePhoto = function ChangePhoto(props) {
     responsive: true,
     autoCropArea: item === null || item === void 0 ? void 0 : item.autoCropArea,
     checkOrientation: true,
-    minCropBoxHeight: 10,
-    minCropBoxWidth: 10,
+    minCropBoxHeight: item === null || item === void 0 ? void 0 : item.minCropBoxHeight,
+    minCropBoxWidth: item === null || item === void 0 ? void 0 : item.minCropBoxWidth,
     initialAspectRatio: item === null || item === void 0 ? void 0 : item.initialAspectRatio,
     guides: true,
     preview: ".img-preview",
-    ref: cropperRef // onInitialized={(instance) => {
-    // 	setCropper(instance);
-    // }}
-    ,
+    ref: cropperRef,
     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"))

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/get?status=1&pageNum=1&pageSize=100")).then(function (res) {
+  return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/position/get?status=1&pageNum=1&pageSize=1000")).then(function (res) {
     return res.data;
   });
 };

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

@@ -2,7 +2,7 @@
   background: #ffffff;
   box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
   border-radius: 12px;
-  padding: 20px 32px;
+  padding: 20px 32px 30px 36px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
 }
 
@@ -10,7 +10,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 12px;
+  margin-bottom: 20px;
 }
 
 .titaui-personal-info-base-info__header-title {
@@ -31,10 +31,28 @@
   border-radius: 2px;
   display: inline-block;
   position: absolute;
-  left: -8px;
+  left: -12px;
   top: 3px;
 }
 
+.titaui-personal-info-base-info__header .titaui-rect-btn--primary {
+  font-size: 14px;
+  font-weight: normal;
+  color: #2879FF;
+  line-height: 26px;
+  background: rgba(40, 121, 255, 0.2);
+}
+
+.titaui-personal-info-base-info__header .titaui-rect-btn--primary:hover {
+  color: #fff;
+  background-color: #2879ff;
+}
+
+.titaui-personal-info-base-info__header .titaui-rect-btn--normal {
+  height: 28px;
+  min-width: 64px;
+}
+
 .titaui-personal-info-base-info__header-btn {
   width: 64px;
   height: 28px;
@@ -57,6 +75,14 @@
   width: 342px;
 }
 
+.titaui-personal-info-base-info__form .form-field-input__border--disabled input:disabled {
+  color: #6F7886;
+}
+
+.titaui-personal-info-base-info .form-field-input__label {
+  margin-bottom: 4px;
+}
+
 .titaui-personal-info-base-info .form-field-input__border {
   padding: 0;
   border: none;
@@ -68,6 +94,8 @@
 }
 
 .titaui-personal-info-base-info .form-field-input__input {
+  font-size: 12px;
+  line-height: 18px;
   background-color: #fff;
 }
 

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

@@ -11,9 +11,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _requestApi = require("../../request-api");
 
+var _button = require("../../../../components/button");
+
 var _form = _interopRequireDefault(require("../../../../components/form"));
 
-var _editInfo = _interopRequireDefault(require("../edit-info"));
+var _editBaseInfo = _interopRequireDefault(require("../edit-base-info"));
 
 require("./index.css");
 
@@ -69,6 +71,10 @@ var BaseInfo = function BaseInfo() {
     setVisible(false);
   };
 
+  var handleSuccessEditBaseInfo = function handleSuccessEditBaseInfo(userInfo) {
+    setUserInfo(_objectSpread({}, userInfo));
+  };
+
   (0, _react.useEffect)(function () {
     (0, _requestApi.getUserInfoFun)().then(function (resp) {
       if (resp.Code === 1 && resp.Data) {
@@ -84,12 +90,14 @@ var BaseInfo = function BaseInfo() {
     className: "".concat(prefix, "__header")
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__header-title")
-  }, "\u57FA\u672C\u4FE1\u606F"), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__header-btn"),
+  }, "\u57FA\u672C\u4FE1\u606F"), /*#__PURE__*/_react["default"].createElement(_button.RectBtn, {
+    type: "primary",
+    text: "编辑",
     onClick: handleClickEdit
-  }, "\u7F16\u8F91"), /*#__PURE__*/_react["default"].createElement(_editInfo["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_editBaseInfo["default"], {
     visible: visible,
-    onCancel: handleCancelEdit
+    onCancel: handleCancelEdit,
+    handleSuccessEditBaseInfo: handleSuccessEditBaseInfo
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__form")
   }, /*#__PURE__*/_react["default"].createElement(_form["default"], {

package/lib/pages/personal-info/components/{edit-info → edit-base-info}/index.css

@@ -4,7 +4,7 @@
 }
 
 .titaui-edit-personal-info__form .form-field-input__label {
-  width: 62px;
+  min-width: 64px;
 }
 
 .titaui-edit-personal-info__form .form-field-input__label-text {

package/lib/pages/personal-info/components/{edit-info → edit-base-info}/index.js

@@ -48,7 +48,8 @@ var prefix = "titaui-edit-personal-info";
 
 var EditBaseInfo = function EditBaseInfo(props) {
   var visible = props.visible,
-      onCancel = props.onCancel;
+      onCancel = props.onCancel,
+      handleSuccessEditBaseInfo = props.handleSuccessEditBaseInfo;
   var modalRef = (0, _react.useRef)();
   var formContainerRef = (0, _react.useRef)();
   var formRef = (0, _react.useRef)();
@@ -106,10 +107,8 @@ var EditBaseInfo = function EditBaseInfo(props) {
             canClose: false
           });
 
+          handleSuccessEditBaseInfo(userInfo);
           onCancel();
-          setTimeout(function () {
-            window.location.reload();
-          }, 2000);
         } else {
           _toast["default"].Error(resp.Message, {
             canClose: false

package/lib/pages/personal-info/components/person-photo/index.css

@@ -4,7 +4,7 @@
   background: #ffffff;
   box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
   border-radius: 12px;
-  padding: 20px 32px;
+  padding: 20px 32px 30px 36px;
   margin-top: 10px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
 }
@@ -13,7 +13,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 12px;
+  margin-bottom: 20px;
 }
 
 .titaui-personal-info-person-photo__header-title {
@@ -34,7 +34,7 @@
   border-radius: 2px;
   display: inline-block;
   position: absolute;
-  left: -8px;
+  left: -12px;
   top: 3px;
 }
 
@@ -55,11 +55,24 @@
   line-height: 18px;
 }
 
-.titaui-personal-info-person-photo__main > span {
-  margin-left: 24px;
+.titaui-personal-info-person-photo__main-tip {
+  margin-left: 32px;
   font-size: 12px;
   color: #A4ACB9;
   line-height: 20px;
+  position: relative;
+}
+
+.titaui-personal-info-person-photo__main-tip::before {
+  display: block;
+  content: '';
+  width: 4px;
+  height: 4px;
+  background: #A4ACB9;
+  position: absolute;
+  top: 7px;
+  left: -12px;
+  border-radius: 50%;
 }
 
 .titaui-personal-info-person-photo .titaui-pc-avator-container {

package/lib/pages/personal-info/components/person-photo/index.js

@@ -48,6 +48,11 @@ var PersonPhoto = function PersonPhoto() {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      avatar = _useState4[0],
+      setAvatar = _useState4[1];
+
   var handleChangePhoto = function handleChangePhoto() {
     setVisible(true);
   };
@@ -56,6 +61,13 @@ var PersonPhoto = function PersonPhoto() {
     setVisible(false);
   };
 
+  var handleSuccessUploadPhoto = function handleSuccessUploadPhoto(image) {
+    setAvatar(image);
+  };
+
+  (0, _react.useEffect)(function () {
+    setAvatar(UserAvatar.Large);
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -68,17 +80,20 @@ var PersonPhoto = function PersonPhoto() {
     userId: Id,
     name: Name,
     color: UserAvatar.Color,
-    src: UserAvatar.Large,
+    src: avatar,
     size: {
       width: 160,
       textNum: 1,
       fontSize: 24
     },
     onClick: handleChangePhoto
-  }), /*#__PURE__*/_react["default"].createElement("span", null, "\xB7 \u5EFA\u8BAE\u56FE\u7247\u6700\u5C0F\u5C3A\u5BF8 150*150px")), /*#__PURE__*/_react["default"].createElement(_uploadPhotoModal["default"], {
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__main-tip")
+  }, "\u5EFA\u8BAE\u56FE\u7247\u6700\u5C0F\u5C3A\u5BF8 150*150px")), /*#__PURE__*/_react["default"].createElement(_uploadPhotoModal["default"], {
     visible: visible,
     onCancel: handleCancel,
-    type: "person"
+    type: "person",
+    handleSuccessUploadPhoto: handleSuccessUploadPhoto
   }));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.8.4",
+  "version": "1.8.61",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

package/src/components/dialog/index.scss

@@ -10,7 +10,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
 }
 .rc-dialog-mask {
   z-index: 1299 !important;
-  background: rgba(20, 28, 40, 0.5) !important;
+  background: rgba(20, 28, 40, 0.7) !important;
 }
 
 .titaui-dialog {

package/src/components/form/form-fields/duties/index.tsx

@@ -115,9 +115,9 @@ export default forwardRef((props: Props, ref) => {
         overlay={<OverlayInner hasActive={hasActive} hasError={hasError} tip={tip} />}
         getTooltipContainer={getContainer}
       >
-        {/* @ts-ignore */}
         <DutiesSelector
           ref={dutiedPopRef}
+          // @ts-ignore
           multiple={false}
           // position="bottomLeft"
           position='centerRight'

package/src/components/form/form-fields/input/index.tsx

@@ -110,10 +110,10 @@ export default forwardRef((props: Props, ref) => {
   }))
 
   return <div className={classNames(preCls,{[`${preCls}-row`]:layout==='row'},className)}>
-    <div className={classNames(`${preCls}__label`)}>
+    {!!label && <div className={classNames(`${preCls}__label`)}>
       <span className={classNames(`${preCls}__label-text`)}>{label}</span>
       {require && <span className={classNames(`${preCls}__label-require`)}>*</span>}
-    </div>
+    </div>}
     <div className={classNames(`${preCls}__border`, {
       [`${preCls}__border--error`]: hasError,
       [`${preCls}__border--active`]: hasActive,