@titaui/pc 1.9.0 → 1.9.1

package/lib/components/create-okr-modal/index.js

@@ -824,7 +824,10 @@ function CreateOkrModal(_ref, ref) {
     onCancel: hideCreateOkrModal,
     maskClosable: false,
     footerLeftContent: renderFooterTeachWriteOKr,
-    zIndex: 1200
+    zIndex: 1200,
+    bodyStyle: {
+      flexBasis: '0%'
+    }
   }, /*#__PURE__*/_react["default"].createElement(_style.Wrapper, {
     ref: wrapperRef
   }, /*#__PURE__*/_react["default"].createElement(_oNewName["default"], {

package/lib/components/dialog/index.css

@@ -51,7 +51,6 @@
 
 .titaui-dialog .rc-dialog-header {
   padding: 18px 32px;
-  margin-bottom: 10px;
 }
 
 .titaui-dialog .rc-dialog-body {
@@ -60,7 +59,6 @@
 
 .titaui-dialog .rc-dialog-footer {
   padding: 20px 32px;
-  margin-top: 8px;
   display: flex;
   justify-content: flex-end;
 }

package/lib/components/dialog/index.js

@@ -67,7 +67,8 @@ var _default = function _default(props) {
       _props$extraClass = props.extraClass,
       extraClass = _props$extraClass === void 0 ? [] : _props$extraClass,
       extendFooterBtn = props.extendFooterBtn,
-      disabled = props.disabled,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var baseFooter = [extendFooterBtn, /*#__PURE__*/_react["default"].createElement("span", {

package/lib/components/dynamic/dynamic-item/dynamic-announcement/index.js

@@ -27,6 +27,8 @@ var _util = require("../../util");
 
 var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("./index.css");
 
 var _excluded = ["data", "hasDynamicOpereateAuth"];
@@ -63,7 +65,7 @@ var DynamicAnnouncement = function DynamicAnnouncement(_ref) {
   var renderDesc = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: prefix + "__operate-desc"
-    }, "\u53D1\u5E03\u7684\u516C\u544A"), /*#__PURE__*/_react["default"].createElement("span", {
+    }, (0, _getLocale.getLocale)('Feed_SsAnnounce')), /*#__PURE__*/_react["default"].createElement("span", {
       className: prefix + "-desc-operate-type",
       style: {
         background: feedTypeColor

package/lib/components/form/form-fields/input-verification-code/index.js

@@ -23,6 +23,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 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."); }
@@ -96,20 +100,26 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       btnCanClick = _useState8[0],
       setBtnCanClick = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(""),
+  var _useState9 = (0, _react.useState)(false),
       _useState10 = _slicedToArray(_useState9, 2),
-      tip = _useState10[0],
-      setTip = _useState10[1];
+      isTime = _useState10[0],
+      setIsTime = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(props.value || ""),
+  var _useState11 = (0, _react.useState)(""),
       _useState12 = _slicedToArray(_useState11, 2),
-      value = _useState12[0],
-      setValue = _useState12[1];
+      tip = _useState12[0],
+      setTip = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(props.value || ""),
+      _useState14 = _slicedToArray(_useState13, 2),
+      value = _useState14[0],
+      setValue = _useState14[1];
 
   (0, _react.useEffect)(function () {
     setValue(props.value);
   }, [props.value]);
   (0, _react.useEffect)(function () {
+    if (isTime) return;
     setBtnCanClick(canClickCode);
   }, [canClickCode]);
 
@@ -160,28 +170,55 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   };
 
-  var HandlerCode = function HandlerCode() {
-    if (beforeSend) {
-      var result = beforeSend();
-      if (!result) return;
-    }
+  var HandlerCode = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var isSuccess, time, timer;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (btnCanClick) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              setBtnCanClick(false);
+              _context.next = 5;
+              return btnClick();
+
+            case 5:
+              isSuccess = _context.sent;
+              time = isSuccess ? 60 : 3;
+              setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
+              timer = setInterval(function () {
+                setIsTime(true);
+
+                if (time === 0) {
+                  clearInterval(timer);
+                  setBtn_info("获取验证码");
+                  setBtnCanClick(true);
+                  setIsTime(false);
+                } else {
+                  setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
+                  time--;
+                }
+              }, 1000);
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
 
-    if (!btnCanClick) return;
-    var isSuccess = btnClick && btnClick();
-    var time = isSuccess ? 60 : 3;
-    setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
-    setBtnCanClick(false);
-    var timer = setInterval(function () {
-      if (time === 0) {
-        clearInterval(timer);
-        setBtn_info("获取验证码");
-        setBtnCanClick(true);
-      } else {
-        setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
-        time--;
-      }
-    }, 1000);
-  };
+    return function HandlerCode() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
   (0, _react.useImperativeHandle)(ref, function () {
     return {

package/lib/components/form/form-fields/password/index.css

@@ -31,7 +31,7 @@
 
 .form-field-input__border {
   padding: 6px 12px;
-  border-radius: 3px;
+  border-radius: 8px;
   transition: all 0.2s;
   border: 1px solid #e9ecf0;
   box-sizing: border-box;

package/lib/components/form/form-fields/password/index.js

@@ -102,17 +102,30 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (!require && !value) return [];
     var errors = [];
 
-    for (var i = 0; i < verifies.length; i++) {
-      var _verifies$i = verifies[i],
-          test = _verifies$i.test,
-          _tip = _verifies$i.tip;
-
-      if (!value.match(test)) {
-        errors.push({
-          name: name,
-          tip: _tip
-        });
+    try {
+      for (var i = 0; i < verifies.length; i++) {
+        var _verifies$i = verifies[i],
+            test = _verifies$i.test,
+            _tip = _verifies$i.tip;
+
+        if (test instanceof Function) {
+          if (!test(value)) {
+            errors.push({
+              name: name,
+              tip: _tip
+            });
+          }
+        } else {
+          if (!value.match(test)) {
+            errors.push({
+              name: name,
+              tip: _tip
+            });
+          }
+        }
       }
+    } catch (e) {
+      throw new Error(e);
     }
 
     return errors;

package/lib/components/menus/components/flip-menu-card/dark.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5</title>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-125.000000, -504.000000)" id="编组-5">
+            <g transform="translate(125.000000, 504.000000)">
+                <rect id="矩形" x="0" y="0" width="16" height="16" rx="1"></rect>
+                <g id="double-left" transform="translate(8.333333, 8.000000) rotate(-90.000000) translate(-8.333333, -8.000000) translate(2.333333, 1.000000)" fill="#2879FF" fill-rule="nonzero">
+                    <path d="M-1.76793705,3.3938889 L-1.75125494,3.40915022 L3.65139574,8.51106147 L9.06523913,3.41309131 C9.34060773,3.15378577 9.78335553,3.14884771 10.0651005,3.39816722 L10.0818093,3.41343148 C10.0819295,3.41354477 10.0820495,3.41365807 10.0821696,3.41377143 C10.3568954,3.67320717 10.3619721,4.09038252 10.0976325,4.35565042 L10.0814489,4.37138173 L4.18879147,9.92030247 C4.05610644,10.0452476 3.88456021,10.111135 3.7108896,10.1179771 C3.50761457,10.1410503 3.29591324,10.0821891 3.13579683,9.94151673 L3.11683434,9.92424333 L-2.76746471,4.36744057 C-3.04244275,4.1077667 -3.04767927,3.69025351 -2.78329081,3.42456679 L-2.76710395,3.40881027 L-2.76674348,3.40847055 C-2.49162737,3.14940283 -2.04923783,3.1446155 -1.76793705,3.3938889 Z" id="路径" fill-opacity="0.3" transform="translate(3.657203, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-3.657203, -6.666667) "></path>
+                    <path d="M5.14583122,4.27441254 L5.1580251,4.28556785 L9.10712094,8.01483661 L13.0643981,4.28844864 C13.2656802,4.0989079 13.5893091,4.09529839 13.795252,4.2775398 L13.8074654,4.2886973 C13.8075532,4.2887801 13.8076409,4.28886292 13.8077287,4.28894578 C14.008541,4.47858168 14.0122519,4.78351817 13.8190315,4.97741714 L13.8072019,4.98891602 L9.49993314,9.04492868 C9.40294634,9.13625801 9.27755368,9.18441881 9.15060828,9.18942001 C9.00202328,9.20628554 8.84727914,9.16326061 8.73024121,9.06043534 L8.71638048,9.04780928 L4.41522124,4.98603523 C4.2142246,4.79622525 4.21039694,4.49104178 4.40365307,4.2968367 L4.41548494,4.28531938 L4.41574843,4.28507108 C4.61684599,4.09570415 4.94021294,4.09220485 5.14583122,4.27441254 Z" id="路径" transform="translate(9.111366, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-9.111366, -6.666667) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/menus/components/flip-menu-card/index.css

@@ -127,3 +127,24 @@
   color: #89919f;
   margin-right: 2px;
 }
+
+.titaui-flip-card__has-more {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 28px;
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+  background-position: 50% 4px;
+  animation: hasMoreLight 0.5s 0.2s linear infinite;
+}
+
+@keyframes hasMoreLight {
+  0% {
+    background-image: url("./dark.svg");
+  }
+
+  100% {
+    background-image: url("./light.svg");
+  }
+}

package/lib/components/menus/components/flip-menu-card/index.js

@@ -74,6 +74,11 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       isHideTopRightIcon = _useState8[0],
       setIsHideTopRightIcon = _useState8[1];
 
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      showMore = _useState10[0],
+      setShowMore = _useState10[1];
+
   var hideFloatRef = (0, _react.useRef)();
   var flipCardRef = (0, _react.useRef)();
   var flipFrontRef = (0, _react.useRef)();
@@ -82,11 +87,11 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var goBackHandler = function goBackHandler() {
     if (!isBack) return;
     setMenuHideIcon(true);
-    flipBackRef.current.style.position = 'absolute';
-    flipFrontRef.current.style.display = 'block';
+    flipBackRef.current.style.position = "absolute";
+    flipFrontRef.current.style.display = "block";
     setTimeout(function () {
-      flipFrontRef.current.style.position = 'relative';
-      flipBackRef.current.style.display = 'none';
+      flipFrontRef.current.style.position = "relative";
+      flipBackRef.current.style.display = "none";
       setMenuHideIcon(false);
     }, 600);
     setIsBack(false);
@@ -96,11 +101,11 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var nextHandler = function nextHandler() {
     if (isBack) return;
     setMenuHideIcon(true);
-    flipFrontRef.current.style.position = 'absolute';
-    flipBackRef.current.style.display = 'block';
+    flipFrontRef.current.style.position = "absolute";
+    flipBackRef.current.style.display = "block";
     setTimeout(function () {
-      flipBackRef.current.style.position = 'relative';
-      flipFrontRef.current.style.display = 'none';
+      flipBackRef.current.style.position = "relative";
+      flipFrontRef.current.style.display = "none";
       setMenuHideIcon(false);
     }, 600);
     setIsBack(true);
@@ -118,8 +123,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [isFloat]);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
-      'next': nextHandler,
-      'goback': goBackHandler
+      next: nextHandler,
+      goback: goBackHandler
     };
   });
 
@@ -174,14 +179,37 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var onFlipMouseLeaveHandler = function onFlipMouseLeaveHandler(e) {
     e.stopPropagation();
 
-    if (e.currentTarget.className.indexOf('titaui-flip-card--is-float-hide') != -1) {
+    if (e.currentTarget.className.indexOf("titaui-flip-card--is-float-hide") != -1) {
       return;
     }
 
-    ;
     hideFlipCard(e);
   };
 
+  (0, _react.useEffect)(function () {
+    var targetNode = document.getElementsByClassName("simplebar-content-wrapper")[0];
+    var config = {
+      attributes: true,
+      childList: true,
+      subtree: true
+    };
+
+    var callback = function callback(_mutationsList, _observer) {
+      var scrollArea = document.getElementsByClassName("simplebar-content-wrapper")[0];
+
+      if (scrollArea && scrollArea.scrollHeight > scrollArea.offsetHeight) {
+        setShowMore(true);
+      } else {
+        setShowMore(false);
+      }
+    };
+
+    var observer = new MutationObserver(callback);
+    targetNode && observer.observe(targetNode, config);
+    return function () {
+      observer.disconnect();
+    };
+  }, []);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     ref: flipCardRef,
     onMouseEnter: onFlipMouseEnterHandler,
@@ -200,7 +228,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-front-content"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(_precls["default"], "__inner-front-content--is-float"), isFloat), _defineProperty(_classNames2, "".concat(_precls["default"], "__inner-front-content--is-float-hide"), isFloatHide), _classNames2))
   }, /*#__PURE__*/_react["default"].createElement(_menuCard["default"], {
     style: {
-      'padding': '28px 12px 28px 12px'
+      padding: "28px 12px 28px 12px"
     }
   }, children[0]))), /*#__PURE__*/_react["default"].createElement("div", {
     ref: flipBackRef,
@@ -209,11 +237,13 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back-content"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(_precls["default"], "__inner-back-content--is-float"), isFloat), _defineProperty(_classNames3, "".concat(_precls["default"], "__inner-back-content--is-float-hide"), isFloatHide), _classNames3))
   }, /*#__PURE__*/_react["default"].createElement(_menuCard["default"], {
     style: {
-      'padding': '42px 12px 28px 12px'
+      padding: "42px 12px 28px 12px"
     }
   }, /*#__PURE__*/_react["default"].createElement(_flipBackHeader["default"], {
     onClick: goBackHandler
-  }), children[1]))))), !isHideTopRightIcon && /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
+  }), children[1]))), showMore && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls["default"], "__has-more")
+  }))), !isHideTopRightIcon && /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__top-right-hide-icon")),
     isAutoShow: true,
     onClick: onMenuHideHandler

package/lib/components/menus/components/flip-menu-card/light.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 4</title>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-98.000000, -504.000000)" id="编组-4">
+            <g transform="translate(98.000000, 504.000000)">
+                <rect id="矩形" x="0" y="0" width="16" height="16" rx="1"></rect>
+                <g id="double-left" transform="translate(8.333333, 8.000000) rotate(-90.000000) translate(-8.333333, -8.000000) translate(2.333333, 1.000000)" fill="#2879FF" fill-rule="nonzero">
+                    <path d="M-1.76793705,3.3938889 L-1.75125494,3.40915022 L3.65139574,8.51106147 L9.06523913,3.41309131 C9.34060773,3.15378577 9.78335553,3.14884771 10.0651005,3.39816722 L10.0818093,3.41343148 C10.0819295,3.41354477 10.0820495,3.41365807 10.0821696,3.41377143 C10.3568954,3.67320717 10.3619721,4.09038252 10.0976325,4.35565042 L10.0814489,4.37138173 L4.18879147,9.92030247 C4.05610644,10.0452476 3.88456021,10.111135 3.7108896,10.1179771 C3.50761457,10.1410503 3.29591324,10.0821891 3.13579683,9.94151673 L3.11683434,9.92424333 L-2.76746471,4.36744057 C-3.04244275,4.1077667 -3.04767927,3.69025351 -2.78329081,3.42456679 L-2.76710395,3.40881027 L-2.76674348,3.40847055 C-2.49162737,3.14940283 -2.04923783,3.1446155 -1.76793705,3.3938889 Z" id="路径" transform="translate(3.657203, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-3.657203, -6.666667) "></path>
+                    <path d="M5.14583122,4.27441254 L5.1580251,4.28556785 L9.10712094,8.01483661 L13.0643981,4.28844864 C13.2656802,4.0989079 13.5893091,4.09529839 13.795252,4.2775398 L13.8074654,4.2886973 C13.8075532,4.2887801 13.8076409,4.28886292 13.8077287,4.28894578 C14.008541,4.47858168 14.0122519,4.78351817 13.8190315,4.97741714 L13.8072019,4.98891602 L9.49993314,9.04492868 C9.40294634,9.13625801 9.27755368,9.18441881 9.15060828,9.18942001 C9.00202328,9.20628554 8.84727914,9.16326061 8.73024121,9.06043534 L8.71638048,9.04780928 L4.41522124,4.98603523 C4.2142246,4.79622525 4.21039694,4.49104178 4.40365307,4.2968367 L4.41548494,4.28531938 L4.41574843,4.28507108 C4.61684599,4.09570415 4.94021294,4.09220485 5.14583122,4.27441254 Z" id="路径" fill-opacity="0.3" transform="translate(9.111366, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-9.111366, -6.666667) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/menus/export-modules/appraisal-menus/index.css

@@ -1,5 +1,5 @@
 .titaui-menus-appraisal-menus-tree {
-  height: 100%;
+  height: auto;
   overflow: overlay;
 }
 

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

@@ -76,6 +76,7 @@
 
 .titaui-personal-info-base-info__form .form-field-input__border--disabled input:disabled {
   color: #6F7886;
+  cursor: default;
 }
 
 .titaui-personal-info-base-info .form-field-input__label {

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

@@ -77,6 +77,13 @@ var EditBaseInfo = function EditBaseInfo(props) {
     setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
       name: value || ''
     }));
+
+    if (value.length > 50 || value.length === 0) {
+      setIsDisable(true);
+    } else {
+      setIsDisable(false);
+    }
+
     setIsEdit(true);
   };
 
@@ -84,6 +91,13 @@ var EditBaseInfo = function EditBaseInfo(props) {
     setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
       mobile: value || ''
     }));
+
+    if (value.length !== 11) {
+      setIsDisable(true);
+    } else {
+      setIsDisable(false);
+    }
+
     setIsEdit(true);
   };
 
@@ -95,7 +109,7 @@ var EditBaseInfo = function EditBaseInfo(props) {
   };
 
   var handleSaveUserInfo = function handleSaveUserInfo() {
-    if (!userInfo.email || !userInfo.mobile || !userInfo.name || isDisable) {
+    if (!userInfo.email || !userInfo.mobile || !userInfo.name || userInfo.name.length > 50) {
       setIsDisable(true);
       return;
     } else {
@@ -127,13 +141,6 @@ var EditBaseInfo = function EditBaseInfo(props) {
       }
     });
   }, []);
-  (0, _react.useEffect)(function () {
-    if (userInfo.name && userInfo.mobile && isEdit) {
-      setIsDisable(false);
-    } else {
-      setIsDisable(true);
-    }
-  }, [userInfo, isEdit]);
   return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
     visible: visible,
     ref: modalRef,
@@ -170,6 +177,9 @@ var EditBaseInfo = function EditBaseInfo(props) {
     }, {
       tip: '姓名只能为中文，英文字母和数字及下划线的组合',
       test: /^((?!(\uff08|\uff09)).)*$/g
+    }, {
+      tip: "\u59D3\u540D\u4E0D\u80FD\u8D85\u8FC7".concat(50, "\u4E2A\u5B57"),
+      test: /^[\s\S]{0,50}$/
     }],
     value: userInfo.name,
     onChange: handleNameChange
@@ -185,7 +195,7 @@ var EditBaseInfo = function EditBaseInfo(props) {
       tip: '手机号不能为空',
       test: /^[\s\S]+$/
     }, {
-      tip: '请输入11位手机号',
+      tip: '格式错误，海外手机格式如：(+852)52345678',
       test: /^1[3456789]\d{9}$/
     }],
     onChange: handlePhoneChange

package/package.json

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

package/src/components/create-okr-modal/index.tsx

@@ -584,6 +584,7 @@ function CreateOkrModal(
           maskClosable={false}
           footerLeftContent={renderFooterTeachWriteOKr}
           zIndex={1200}
+          bodyStyle={{flexBasis: '0%'}}
         >
           <Wrapper ref={wrapperRef}>
             <FieldONewName

package/src/components/dialog/index.js

@@ -22,7 +22,7 @@ export default props => {
     visible,
     extraClass=[],
     extendFooterBtn,
-    disabled,
+    disabled = false,
     ...restProps
   } = props;
 

package/src/components/dialog/index.scss

@@ -48,7 +48,6 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
 
   .rc-dialog-header {
     padding: 18px 32px;
-    margin-bottom: 10px;
   }
   .rc-dialog-body {
     // padding: 0 32px 0 32px;
@@ -56,7 +55,6 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
   }
   .rc-dialog-footer {
     padding: 20px 32px;
-    margin-top: 8px;
     display: flex;
     justify-content: flex-end;
   }

package/src/components/dynamic/dynamic-item/dynamic-announcement/index.tsx

@@ -9,6 +9,7 @@ import { highLightWord } from '../../../../utils/tools';
 import DynamicItemHeader from "../components/header";
 import { getFeedTypeAndTypeColor } from "../../util";
 import DangerousHtml from "../../components/dangerous-html";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-dynamic-announcement-item";
@@ -27,7 +28,7 @@ const DynamicAnnouncement: FC<IDynamicItemContentProps> = ({
   const renderDesc = useMemo(() => {
     return (
       <Fragment>
-        <span className={prefix + "__operate-desc"}>发布的公告</span>
+        <span className={prefix + "__operate-desc"}>{getLocale('Feed_SsAnnounce')}</span>
         <span
           className={prefix + "-desc-operate-type"}
           style={{ background: feedTypeColor }}

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

@@ -67,14 +67,15 @@ export default forwardRef((props: Props, ref) => {
   const [hasActive, setHasActive] = useState<boolean>(false);
   const [btn_info, setBtn_info] = useState<any>("获取验证码");
   const [btnCanClick, setBtnCanClick] = useState<any>(canClickCode);
+  const [isTime,setIsTime] = useState<any>(false);
   const [tip, setTip] = useState<string>("");
   const [value, setValue] = useState<string>(props.value || "");
-
   useEffect(() => {
     setValue(props.value);
   }, [props.value]);
 
   useEffect(()=>{
+    if(isTime) return
     setBtnCanClick(canClickCode)
   },[canClickCode])
 
@@ -115,22 +116,20 @@ export default forwardRef((props: Props, ref) => {
     }
   };
 
-  const HandlerCode = () => {
-    if (beforeSend) {
-      const result = beforeSend();
-      if (!result) return;
-    }
+  const HandlerCode = async () => {
     if (!btnCanClick) return;
-
-    let isSuccess = btnClick && btnClick();
-    let time = isSuccess?60:3;
-    setBtn_info(`${time}s重新发送`);
     setBtnCanClick(false);
+    let isSuccess = await btnClick();
+    let time = isSuccess ? 60 : 3;
+    setBtn_info(`${time}s重新发送`);
+
     let timer = setInterval(() => {
+      setIsTime(true)
       if (time === 0) {
         clearInterval(timer);
         setBtn_info("获取验证码");
         setBtnCanClick(true);
+        setIsTime(false)
       } else {
         setBtn_info(`${time}s重新发送`);
         time--;

package/src/components/form/form-fields/password/index.scss

@@ -30,7 +30,7 @@
 
   &__border {
     padding: 6px 12px;
-    border-radius: 3px;
+    border-radius: 8px;
     transition: all 0.2s;
     border: 1px solid #e9ecf0;
     box-sizing: border-box;

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

@@ -65,11 +65,21 @@ export default forwardRef((props: Props, ref) => {
     if (!verifies || !verifies.length) return [];
     if (!require && !value) return [];
     const errors: Error[] = [];
-    for (let i = 0; i < verifies.length; i++) {
-      let { test, tip } = verifies[i];
-      if (!value.match(test)) {
-        errors.push({ name, tip });
+    try {
+      for (let i = 0; i < verifies.length; i++) {
+        let { test, tip } = verifies[i];
+        if (test instanceof Function) {
+          if (!test(value)) {
+            errors.push({ name, tip });
+          }
+        } else {
+          if (!value.match(test)) {
+            errors.push({ name, tip });
+          }
+        }
       }
+    } catch (e) {
+      throw new Error(e);
     }
     return errors;
   };

package/src/components/menus/components/flip-menu-card/dark.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5</title>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-125.000000, -504.000000)" id="编组-5">
+            <g transform="translate(125.000000, 504.000000)">
+                <rect id="矩形" x="0" y="0" width="16" height="16" rx="1"></rect>
+                <g id="double-left" transform="translate(8.333333, 8.000000) rotate(-90.000000) translate(-8.333333, -8.000000) translate(2.333333, 1.000000)" fill="#2879FF" fill-rule="nonzero">
+                    <path d="M-1.76793705,3.3938889 L-1.75125494,3.40915022 L3.65139574,8.51106147 L9.06523913,3.41309131 C9.34060773,3.15378577 9.78335553,3.14884771 10.0651005,3.39816722 L10.0818093,3.41343148 C10.0819295,3.41354477 10.0820495,3.41365807 10.0821696,3.41377143 C10.3568954,3.67320717 10.3619721,4.09038252 10.0976325,4.35565042 L10.0814489,4.37138173 L4.18879147,9.92030247 C4.05610644,10.0452476 3.88456021,10.111135 3.7108896,10.1179771 C3.50761457,10.1410503 3.29591324,10.0821891 3.13579683,9.94151673 L3.11683434,9.92424333 L-2.76746471,4.36744057 C-3.04244275,4.1077667 -3.04767927,3.69025351 -2.78329081,3.42456679 L-2.76710395,3.40881027 L-2.76674348,3.40847055 C-2.49162737,3.14940283 -2.04923783,3.1446155 -1.76793705,3.3938889 Z" id="路径" fill-opacity="0.3" transform="translate(3.657203, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-3.657203, -6.666667) "></path>
+                    <path d="M5.14583122,4.27441254 L5.1580251,4.28556785 L9.10712094,8.01483661 L13.0643981,4.28844864 C13.2656802,4.0989079 13.5893091,4.09529839 13.795252,4.2775398 L13.8074654,4.2886973 C13.8075532,4.2887801 13.8076409,4.28886292 13.8077287,4.28894578 C14.008541,4.47858168 14.0122519,4.78351817 13.8190315,4.97741714 L13.8072019,4.98891602 L9.49993314,9.04492868 C9.40294634,9.13625801 9.27755368,9.18441881 9.15060828,9.18942001 C9.00202328,9.20628554 8.84727914,9.16326061 8.73024121,9.06043534 L8.71638048,9.04780928 L4.41522124,4.98603523 C4.2142246,4.79622525 4.21039694,4.49104178 4.40365307,4.2968367 L4.41548494,4.28531938 L4.41574843,4.28507108 C4.61684599,4.09570415 4.94021294,4.09220485 5.14583122,4.27441254 Z" id="路径" transform="translate(9.111366, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-9.111366, -6.666667) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/flip-menu-card/index.scss

@@ -120,4 +120,23 @@
       }
     }
   }
+
+  &__has-more {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 28px;
+    box-sizing: border-box;
+    background-repeat: no-repeat;
+    background-position: 50% 4px;
+    animation: hasMoreLight 0.5s 0.2s linear infinite;
+  }
+}
+@keyframes hasMoreLight {
+  0% {
+    background-image: url("./dark.svg");
+  }
+  100% {
+    background-image: url("./light.svg");
+  }
 }

package/src/components/menus/components/flip-menu-card/index.tsx

@@ -1,18 +1,24 @@
-import React, { useState, useRef, forwardRef, useImperativeHandle, useEffect } from 'react';
-import ReactDOM from 'react-dom';
-import classNames from 'classnames';
-import MenuCard from '../menu-card';
-import FlipBackHander from './flip-back-header';
-import MenuCloseBtn from '../menu-close-btn';
-import DragResize from '../drag-resize';
-import preCls from './precls';
-import './index.scss';
+import React, {
+  useState,
+  useRef,
+  forwardRef,
+  useImperativeHandle,
+  useEffect,
+} from "react";
+import ReactDOM from "react-dom";
+import classNames from "classnames";
+import MenuCard from "../menu-card";
+import FlipBackHander from "./flip-back-header";
+import MenuCloseBtn from "../menu-close-btn";
+import DragResize from "../drag-resize";
+import preCls from "./precls";
+import "./index.scss";
 
 interface Props {
   children: any;
   defaultWidth: number;
   collapseMenu: Function;
-  onChange?: Function
+  onChange?: Function;
 }
 
 export interface flipRefIns {
@@ -22,18 +28,15 @@ export interface flipRefIns {
 }
 
 export default forwardRef((props: Props, ref) => {
-  const {
-    children,
-    defaultWidth,
-    collapseMenu,
-    onChange = () => { }
-  } = props;
+  const { children, defaultWidth, collapseMenu, onChange = () => {} } = props;
 
   const [isBack, setIsBack] = useState(false);
   const [isFloat, setIsFloat] = useState(false);
   const [isFloatHide, setIsFloatHide] = useState(false);
   const [isHideTopRightIcon, setIsHideTopRightIcon] = useState(false);
 
+  const [showMore, setShowMore] = useState(false);
+
   const hideFloatRef = useRef<any>();
   const flipCardRef = useRef<any>();
   const flipFrontRef = useRef<any>();
@@ -42,168 +45,213 @@ export default forwardRef((props: Props, ref) => {
   const goBackHandler = () => {
     if (!isBack) return;
     setMenuHideIcon(true);
-    flipBackRef.current.style.position = 'absolute';
-    flipFrontRef.current.style.display = 'block';
+    flipBackRef.current.style.position = "absolute";
+    flipFrontRef.current.style.display = "block";
     setTimeout(() => {
-      flipFrontRef.current.style.position = 'relative';
-      flipBackRef.current.style.display = 'none';
+      flipFrontRef.current.style.position = "relative";
+      flipBackRef.current.style.display = "none";
       setMenuHideIcon(false);
-    }, 600)
+    }, 600);
     setIsBack(false);
     onChange(false);
-  }
+  };
 
   const nextHandler = () => {
     if (isBack) return;
     setMenuHideIcon(true);
-    flipFrontRef.current.style.position = 'absolute';
-    flipBackRef.current.style.display = 'block';
+    flipFrontRef.current.style.position = "absolute";
+    flipBackRef.current.style.display = "block";
     setTimeout(() => {
-      flipBackRef.current.style.position = 'relative';
-      flipFrontRef.current.style.display = 'none';
+      flipBackRef.current.style.position = "relative";
+      flipFrontRef.current.style.display = "none";
       setMenuHideIcon(false);
-    }, 600)
+    }, 600);
     setIsBack(true);
     onChange(true);
-  }
+  };
 
-  const setMenuHideIcon = isHide => {
+  const setMenuHideIcon = (isHide) => {
     if (isHide === false && isFloat) return; // 如果是浮动状态则不能显示隐藏按钮
     setIsHideTopRightIcon(isHide);
-  }
+  };
 
   useEffect(() => {
     setMenuHideIcon(isFloat);
   }, [isFloat]);
 
   useImperativeHandle(ref, () => ({
-    'next': nextHandler,
-    'goback': goBackHandler,
-  }))
+    next: nextHandler,
+    goback: goBackHandler,
+  }));
 
   const onMenuHideHandler = () => {
     collapseMenu(!isFloat); // 最外层菜单with=0
-    setIsFloat(!isFloat);   // 浮动菜单，设置阴影
-    setTimeout(() => {      // 1秒后隐藏菜单到左侧
-      setIsFloatHide(!isFloatHide);
-    }, !isFloat ? 400 : 0)
-  }
+    setIsFloat(!isFloat); // 浮动菜单，设置阴影
+    setTimeout(
+      () => {
+        // 1秒后隐藏菜单到左侧
+        setIsFloatHide(!isFloatHide);
+      },
+      !isFloat ? 400 : 0
+    );
+  };
 
   const removeCloseFloat = () => {
     clearTimeout(hideFloatRef.current);
-  }
+  };
 
   // 隐藏浮动的菜单（通用）
-  const hideFlipCard = e => {
+  const hideFlipCard = (e) => {
     if (!isFloat) return; // 非浮动状态下不隐藏
     removeCloseFloat();
     hideFloatRef.current = setTimeout(() => {
       setIsFloatHide(true);
-    }, 400)
-  }
+    }, 400);
+  };
 
-  const onFixedHideIconMouseEnter = e => {
+  const onFixedHideIconMouseEnter = (e) => {
     e.stopPropagation();
     removeCloseFloat();
     setIsFloatHide(false);
-  }
+  };
 
-  const onFixedHideIconMouseLeave = e => {
+  const onFixedHideIconMouseLeave = (e) => {
     e.stopPropagation();
     hideFlipCard(e);
-  }
+  };
 
-  const onFixedHideIconClickHandler = e => {
+  const onFixedHideIconClickHandler = (e) => {
     e.stopPropagation();
     collapseMenu(false);
     setIsFloat(false);
     setIsFloatHide(false);
-  }
+  };
 
-  const onFlipMouseEnterHandler = e => {
+  const onFlipMouseEnterHandler = (e) => {
     e.stopPropagation();
     removeCloseFloat();
-  }
+  };
 
-  const onFlipMouseLeaveHandler = e => {
+  const onFlipMouseLeaveHandler = (e) => {
     e.stopPropagation();
-    if (e.currentTarget.className.indexOf('titaui-flip-card--is-float-hide') != -1) {
-      return
-    };
+    if (
+      e.currentTarget.className.indexOf("titaui-flip-card--is-float-hide") != -1
+    ) {
+      return;
+    }
     hideFlipCard(e);
-  }
-
-  return <React.Fragment>
-    <div
-      ref={flipCardRef}
-      onMouseEnter={onFlipMouseEnterHandler}
-      onMouseLeave={onFlipMouseLeaveHandler}
-      className={classNames(preCls, {
-        [`${preCls}--is-back`]: isBack,
-        [`${preCls}--is-float`]: isFloat,
-        [`${preCls}--is-float-hide`]: isFloatHide,
-      })}
-    >
-      <DragResize
-        minWidth={defaultWidth - 10}
-        maxWidth={600}
-        defaultWidth={defaultWidth}
+  };
+
+  useEffect(() => {
+    const targetNode = document.getElementsByClassName(
+      "simplebar-content-wrapper"
+    )[0];
+
+    const config = { attributes: true, childList: true, subtree: true };
+
+    const callback = function (_mutationsList, _observer) {
+      const scrollArea = document.getElementsByClassName(
+        "simplebar-content-wrapper"
+      )[0];
+      if (scrollArea && scrollArea.scrollHeight > scrollArea.offsetHeight) {
+        setShowMore(true);
+      } else {
+        setShowMore(false);
+      }
+    };
+    const observer = new MutationObserver(callback);
+
+    targetNode && observer.observe(targetNode, config);
+
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+
+  return (
+    <React.Fragment>
+      <div
+        ref={flipCardRef}
+        onMouseEnter={onFlipMouseEnterHandler}
+        onMouseLeave={onFlipMouseLeaveHandler}
+        className={classNames(preCls, {
+          [`${preCls}--is-back`]: isBack,
+          [`${preCls}--is-float`]: isFloat,
+          [`${preCls}--is-float-hide`]: isFloatHide,
+        })}
       >
-        <div className={classNames(`${preCls}__inner`)}>
-
-          {/* 第一屏的内容 */}
-          <div
-            ref={flipFrontRef}
-            className={classNames(`${preCls}__inner-front`)}
-          >
-            <div className={classNames(`${preCls}__inner-front-content`, {
-              [`${preCls}__inner-front-content--is-float`]: isFloat,
-              [`${preCls}__inner-front-content--is-float-hide`]: isFloatHide
-            })}>
-              <MenuCard style={{ 'padding': '28px 12px 28px 12px' }}>
-                {children[0]}
-              </MenuCard>
+        <DragResize
+          minWidth={defaultWidth - 10}
+          maxWidth={600}
+          defaultWidth={defaultWidth}
+        >
+          <div className={classNames(`${preCls}__inner`)}>
+            {/* 第一屏的内容 */}
+            <div
+              ref={flipFrontRef}
+              className={classNames(`${preCls}__inner-front`)}
+            >
+              <div
+                className={classNames(`${preCls}__inner-front-content`, {
+                  [`${preCls}__inner-front-content--is-float`]: isFloat,
+                  [`${preCls}__inner-front-content--is-float-hide`]:
+                    isFloatHide,
+                })}
+              >
+                <MenuCard style={{ padding: "28px 12px 28px 12px" }}>
+                  {children[0]}
+                </MenuCard>
+              </div>
             </div>
-          </div>
 
-          {/* 第二屏的内容 */}
-          <div
-            ref={flipBackRef}
-            className={classNames(`${preCls}__inner-back`)}
-          >
-            <div className={classNames(`${preCls}__inner-back-content`, {
-              [`${preCls}__inner-back-content--is-float`]: isFloat,
-              [`${preCls}__inner-back-content--is-float-hide`]: isFloatHide
-            })}>
-              <MenuCard style={{ 'padding': '42px 12px 28px 12px' }}>
-                <FlipBackHander onClick={goBackHandler} />
-                {children[1]}
-              </MenuCard>
+            {/* 第二屏的内容 */}
+            <div
+              ref={flipBackRef}
+              className={classNames(`${preCls}__inner-back`)}
+            >
+              <div
+                className={classNames(`${preCls}__inner-back-content`, {
+                  [`${preCls}__inner-back-content--is-float`]: isFloat,
+                  [`${preCls}__inner-back-content--is-float-hide`]: isFloatHide,
+                })}
+              >
+                <MenuCard style={{ padding: "42px 12px 28px 12px" }}>
+                  <FlipBackHander onClick={goBackHandler} />
+                  {children[1]}
+                </MenuCard>
+              </div>
             </div>
+            {showMore && (
+              <div className={`${preCls}__has-more`}>
+              </div>
+            )}
           </div>
-        </div>
-      </DragResize>
-
-      {/* 菜单右上角的隐藏ICON */}
-      {!isHideTopRightIcon && <MenuCloseBtn
-        className={classNames(`${preCls}__top-right-hide-icon`)}
-        isAutoShow={true}
-        onClick={onMenuHideHandler}
-      />}
-    </div>
-
-    {/* 页面最左侧的隐藏ICON */}
-    {isFloat && ReactDOM.createPortal(
-      <span className={classNames(`${preCls}__fixed-hide-icon`)}>
-        <MenuCloseBtn
-          isClose={true}
-          isAutoShow={false}
-          onClick={onFixedHideIconClickHandler}
-          onMouseEnter={onFixedHideIconMouseEnter}
-          onMouseLeave={onFixedHideIconMouseLeave}
-        />
-      </span>,
-      document.body
-    )}
-  </React.Fragment>
-})
+        </DragResize>
+
+        {/* 菜单右上角的隐藏ICON */}
+        {!isHideTopRightIcon && (
+          <MenuCloseBtn
+            className={classNames(`${preCls}__top-right-hide-icon`)}
+            isAutoShow={true}
+            onClick={onMenuHideHandler}
+          />
+        )}
+      </div>
+
+      {/* 页面最左侧的隐藏ICON */}
+      {isFloat &&
+        ReactDOM.createPortal(
+          <span className={classNames(`${preCls}__fixed-hide-icon`)}>
+            <MenuCloseBtn
+              isClose={true}
+              isAutoShow={false}
+              onClick={onFixedHideIconClickHandler}
+              onMouseEnter={onFixedHideIconMouseEnter}
+              onMouseLeave={onFixedHideIconMouseLeave}
+            />
+          </span>,
+          document.body
+        )}
+    </React.Fragment>
+  );
+});

package/src/components/menus/components/flip-menu-card/light.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 4</title>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-98.000000, -504.000000)" id="编组-4">
+            <g transform="translate(98.000000, 504.000000)">
+                <rect id="矩形" x="0" y="0" width="16" height="16" rx="1"></rect>
+                <g id="double-left" transform="translate(8.333333, 8.000000) rotate(-90.000000) translate(-8.333333, -8.000000) translate(2.333333, 1.000000)" fill="#2879FF" fill-rule="nonzero">
+                    <path d="M-1.76793705,3.3938889 L-1.75125494,3.40915022 L3.65139574,8.51106147 L9.06523913,3.41309131 C9.34060773,3.15378577 9.78335553,3.14884771 10.0651005,3.39816722 L10.0818093,3.41343148 C10.0819295,3.41354477 10.0820495,3.41365807 10.0821696,3.41377143 C10.3568954,3.67320717 10.3619721,4.09038252 10.0976325,4.35565042 L10.0814489,4.37138173 L4.18879147,9.92030247 C4.05610644,10.0452476 3.88456021,10.111135 3.7108896,10.1179771 C3.50761457,10.1410503 3.29591324,10.0821891 3.13579683,9.94151673 L3.11683434,9.92424333 L-2.76746471,4.36744057 C-3.04244275,4.1077667 -3.04767927,3.69025351 -2.78329081,3.42456679 L-2.76710395,3.40881027 L-2.76674348,3.40847055 C-2.49162737,3.14940283 -2.04923783,3.1446155 -1.76793705,3.3938889 Z" id="路径" transform="translate(3.657203, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-3.657203, -6.666667) "></path>
+                    <path d="M5.14583122,4.27441254 L5.1580251,4.28556785 L9.10712094,8.01483661 L13.0643981,4.28844864 C13.2656802,4.0989079 13.5893091,4.09529839 13.795252,4.2775398 L13.8074654,4.2886973 C13.8075532,4.2887801 13.8076409,4.28886292 13.8077287,4.28894578 C14.008541,4.47858168 14.0122519,4.78351817 13.8190315,4.97741714 L13.8072019,4.98891602 L9.49993314,9.04492868 C9.40294634,9.13625801 9.27755368,9.18441881 9.15060828,9.18942001 C9.00202328,9.20628554 8.84727914,9.16326061 8.73024121,9.06043534 L8.71638048,9.04780928 L4.41522124,4.98603523 C4.2142246,4.79622525 4.21039694,4.49104178 4.40365307,4.2968367 L4.41548494,4.28531938 L4.41574843,4.28507108 C4.61684599,4.09570415 4.94021294,4.09220485 5.14583122,4.27441254 Z" id="路径" fill-opacity="0.3" transform="translate(9.111366, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-9.111366, -6.666667) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/menus/export-modules/appraisal-menus/index.scss

@@ -1,5 +1,5 @@
 @mixin boxScroll {
-  height: 100%;
+  height: auto;
   overflow: overlay;
 
   &::-webkit-scrollbar {

package/src/pages/personal-info/components/base-info/index.scss

@@ -65,6 +65,7 @@
     width: 342px;
     .form-field-input__border--disabled input:disabled {
       color: #6F7886;
+      cursor: default;
     }
   }
   .form-field-input__label {

package/src/pages/personal-info/components/edit-base-info/index.tsx

@@ -2,7 +2,6 @@ import React, { useState, useRef, useEffect } from 'react';
 import Form from '../../../../components/form';
 import { getUserInfoFun, saveUserInfo } from '../../request-api';
 import Toast from '../../../../components/toast';
-// import Input from './input';
 import Dialog from '../../../../components/dialog';
 import './index.scss';
 
@@ -26,6 +25,11 @@ const EditBaseInfo = (props) => {
 			...userInfo,
 			name: value || ''
 		});
+    if(value.length > 50 || value.length === 0) {
+      setIsDisable(true);
+    } else {
+      setIsDisable(false);
+    }
 		setIsEdit(true);
 	};
 
@@ -34,6 +38,11 @@ const EditBaseInfo = (props) => {
 			...userInfo,
 			mobile: value || ''
 		});
+    if(value.length !== 11 ) {
+      setIsDisable(true);
+    }else {
+      setIsDisable(false);
+    }
 		setIsEdit(true);
 	};
 
@@ -46,7 +55,7 @@ const EditBaseInfo = (props) => {
 	};
 
 	const handleSaveUserInfo = () => {
-		if (!userInfo.email || !userInfo.mobile || !userInfo.name || isDisable) {
+		if (!userInfo.email || !userInfo.mobile || !userInfo.name || userInfo.name.length > 50) {
       setIsDisable(true);
 			return;
 		} else {
@@ -70,17 +79,6 @@ const EditBaseInfo = (props) => {
 		});
 	}, []);
 
-	useEffect(
-		() => {
-			if (userInfo.name && userInfo.mobile && isEdit) {
-				setIsDisable(false);
-			} else {
-				setIsDisable(true);
-			}
-		},
-		[ userInfo, isEdit ]
-	);
-
 	return (
 		<Dialog
 			visible={visible}
@@ -115,7 +113,11 @@ const EditBaseInfo = (props) => {
 					{
 						tip: '姓名只能为中文，英文字母和数字及下划线的组合',
 						test: /^((?!(\uff08|\uff09)).)*$/g
-					}
+					},
+          {
+            tip: `姓名不能超过${50}个字`,
+            test: /^[\s\S]{0,50}$/,
+          },
 				]}
 				value={userInfo.name}
 				onChange={handleNameChange}
@@ -134,7 +136,7 @@ const EditBaseInfo = (props) => {
 						test: /^[\s\S]+$/
 					},
 					{
-						tip: '请输入11位手机号',
+						tip: '格式错误，海外手机格式如：(+852)52345678',
 						test: /^1[3456789]\d{9}$/
 					}
 				]}