@titaui/pc 1.9.20 → 1.9.21

package/lib/components/okr-detail/components/header/index.js

@@ -85,6 +85,7 @@ var Header = function Header(props) {
       setGeneralOkrClassify = _useContext.setGeneralOkrClassify,
       showOkrEvalute = _useContext.showOkrEvalute;
 
+  var showOScore = window.BSGlobal.OkrAdvancedSetting.KRSetting.OScore;
   var _okrInfo$progressGrow = okrInfo.progressGrow,
       progressGrow = _okrInfo$progressGrow === void 0 ? 0 : _okrInfo$progressGrow,
       progress = okrInfo.progress;
@@ -183,10 +184,11 @@ var Header = function Header(props) {
     okrId: okrInfo.workId
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(precls, "__action-item")
-  }, showOkrEvalute && /*#__PURE__*/_react["default"].createElement(_oScore["default"], {
+  }, (showOkrEvalute || showOScore) && /*#__PURE__*/_react["default"].createElement(_oScore["default"], {
     editable: editable,
     okrId: okrInfo.workId,
-    score: okrInfo.evaluateValue
+    score: okrInfo.evaluateValue,
+    isEvaluate: okrInfo.manualEvaluateValue
   }))), /*#__PURE__*/_react["default"].createElement(_oProgressUpdate["default"], {
     okrInfo: okrInfo,
     renderContent: renderContent

package/lib/components/okr-detail/components/okr-tree/tree-node/e-kr-node/index.js

@@ -140,7 +140,7 @@ var _default = function _default(props) {
 
         setTimeout(refreshEList, 2000);
       })["catch"](function (e) {
-        _toast["default"].Error(e.errorMsg, {
+        _toast["default"].Error(e, {
           canClose: false
         });
       });

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

@@ -17,6 +17,8 @@ var _editBaseInfo = _interopRequireDefault(require("../edit-base-info"));
 
 var _openData = require("../../../../utils/open-data");
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -50,7 +52,7 @@ var BaseInfo = function BaseInfo() {
     name: "",
     email: "",
     mobile: "",
-    userId: ''
+    userId: ""
   }),
       _useState2 = _slicedToArray(_useState, 2),
       userInfo = _useState2[0],
@@ -88,9 +90,9 @@ var BaseInfo = function BaseInfo() {
     className: "".concat(prefix, "__header")
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__header-title")
-  }, getLocale('Per_Ass_New_title_text_BasicIn')), /*#__PURE__*/_react["default"].createElement(_button.RectBtn, {
+  }, (0, _getLocale.getLocale)("Per_Ass_New_title_text_BasicIn")), /*#__PURE__*/_react["default"].createElement(_button.RectBtn, {
     type: "primary",
-    text: getLocale('Mod_Editor'),
+    text: (0, _getLocale.getLocale)("Mod_Editor"),
     onClick: handleClickEdit
   }), /*#__PURE__*/_react["default"].createElement(_editBaseInfo["default"], {
     visible: visible,
@@ -101,7 +103,7 @@ var BaseInfo = function BaseInfo() {
     className: "".concat(prefix, "__form")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__form-title")
-  }, "\u59D3\u540D"), /*#__PURE__*/_react["default"].createElement("span", {
+  }, (0, _getLocale.getLocale)("Mod_UserName")), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__form-value")
   }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
     id: userInfo.userId,
@@ -112,13 +114,13 @@ var BaseInfo = function BaseInfo() {
     className: "".concat(prefix, "__form-title")
   }, "\u624B\u673A\u53F7\u7801"), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__form-value")
-  }, userInfo.mobile ? userInfo.mobile : "未设置")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, userInfo.mobile ? userInfo.mobile : (0, _getLocale.getLocale)('Data_Notset'))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__form")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__form-title")
   }, "\u7535\u5B50\u90AE\u7BB1"), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__form-value")
-  }, userInfo.email ? userInfo.email : "未设置")));
+  }, userInfo.email ? userInfo.email : (0, _getLocale.getLocale)('Data_Notset'))));
 };
 
 var _default = BaseInfo;

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

@@ -17,6 +17,10 @@ var _toast = _interopRequireDefault(require("../../../../components/toast"));
 
 var _dialog = _interopRequireDefault(require("../../../../components/dialog"));
 
+var _getLocale = require("../../../../utils/getLocale");
+
+var _i18nFrontTranslate = require("../../../../utils/i18n-front-translate");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -66,9 +70,9 @@ var EditBaseInfo = function EditBaseInfo(props) {
       setIsEdit = _useState4[1];
 
   var _useState5 = (0, _react.useState)({
-    name: '',
-    email: '',
-    mobile: ''
+    name: "",
+    email: "",
+    mobile: ""
   }),
       _useState6 = _slicedToArray(_useState5, 2),
       userInfo = _useState6[0],
@@ -76,7 +80,7 @@ var EditBaseInfo = function EditBaseInfo(props) {
 
   var handleNameChange = function handleNameChange(value) {
     setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
-      name: value || ''
+      name: value || ""
     }));
 
     if (value.length > 50 || value.length === 0) {
@@ -90,7 +94,7 @@ var EditBaseInfo = function EditBaseInfo(props) {
 
   var handlePhoneChange = function handlePhoneChange(value) {
     setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
-      mobile: value || ''
+      mobile: value || ""
     }));
 
     if (value.length !== 11) {
@@ -104,7 +108,7 @@ var EditBaseInfo = function EditBaseInfo(props) {
 
   var handleEmailChange = function handleEmailChange(value) {
     setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
-      email: value || ''
+      email: value || ""
     }));
     setIsEdit(true);
   };
@@ -118,7 +122,7 @@ var EditBaseInfo = function EditBaseInfo(props) {
         data: userInfo
       }).then(function (resp) {
         if (resp.Code === 1) {
-          _toast["default"].Success('更新成功', {
+          _toast["default"].Success((0, _getLocale.getLocale)('Per_Ma_form_Updatesuc'), {
             canClose: false
           });
 
@@ -149,7 +153,7 @@ var EditBaseInfo = function EditBaseInfo(props) {
     width: 480,
     mask: true,
     centered: true,
-    title: '基本信息设置',
+    title: "基本信息设置",
     noHeadLine: true,
     maskClosable: false,
     onClose: function onClose() {
@@ -170,7 +174,7 @@ var EditBaseInfo = function EditBaseInfo(props) {
         email: info.email
       });
     },
-    okText: "\u786E\u5B9A",
+    okText: (0, _getLocale.getLocale)('Mod_Determiness'),
     noFooterLine: true,
     onOk: handleSaveUserInfo,
     disabled: isDisable
@@ -184,19 +188,19 @@ var EditBaseInfo = function EditBaseInfo(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement(Fields.Input, {
     name: "name",
-    label: '姓名',
-    placeholder: '请输入姓名',
+    label: (0, _getLocale.getLocale)('Mod_UserName'),
+    placeholder: (0, _getLocale.getLocale)('Perf_Indica_Pop_text_Name'),
     type: "text",
     require: true,
     layout: "row",
     verifies: [{
-      tip: '姓名不能为空',
-      test: /\S/
+      tip: (0, _getLocale.getLocale)('OKR_MyO_Ew_Namecant'),
+      test: /^[\s\S]+$/
     }, {
-      tip: '姓名只能为中文，英文字母和数字及下划线的组合',
+      tip: "姓名只能为中文，英文字母和数字及下划线的组合",
       test: /^((?!(\uff08|\uff09)).)*$/g
     }, {
-      tip: "\u59D3\u540D\u4E0D\u80FD\u8D85\u8FC7".concat(50, "\u4E2A\u5B57"),
+      tip: (0, _i18nFrontTranslate.i18nLimitCharacters)(50),
       test: /^[\s\S]{0,50}$/
     }],
     value: userInfo.name,
@@ -204,28 +208,28 @@ var EditBaseInfo = function EditBaseInfo(props) {
   }), /*#__PURE__*/_react["default"].createElement(Fields.Input, {
     name: "phone",
     type: "text",
-    label: '手机号码',
-    placeholder: '请输入手机号',
+    label: "手机号码",
+    placeholder: (0, _getLocale.getLocale)('Pro_page_Ext_Tab_PhoneNumber'),
     require: true,
     layout: "row",
     value: userInfo.mobile,
     verifies: [{
-      tip: '手机号不能为空',
+      tip: "手机号不能为空",
       test: /^[\s\S]+$/
     }, {
-      tip: '格式错误，海外手机格式如：(+852)52345678',
+      tip: "格式错误，海外手机格式如：(+852)52345678",
       test: /^1[3456789]\d{9}$/
     }],
     onChange: handlePhoneChange
   }), /*#__PURE__*/_react["default"].createElement(Fields.Input, {
     name: "email",
     type: "text",
-    label: '邮箱',
+    label: (0, _getLocale.getLocale)('OKR_MyO_Ew_Mail'),
     value: userInfo.email,
     layout: "row",
-    placeholder: '请输入邮箱',
+    placeholder: (0, _getLocale.getLocale)('Pro_page_Ext_Tab_Inpuyouremail'),
     verifies: [{
-      tip: '邮箱格式错误',
+      tip: (0, _getLocale.getLocale)('OKR_MyO_Ew_Emailfor'),
       test: /^([a-zA-Z0-9_-]|\.)+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
     }],
     onChange: handleEmailChange

package/lib/utils/i18n-front-translate.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.i18nLimitCharacters = void 0;
+
+var _getLocale = require("./getLocale");
+
+var i18nLimitCharacters = function i18nLimitCharacters(length) {
+  if (_getLocale.isEn) {
+    return "Up to ".concat(length, " characters can be entered");
+  } else {
+    return "\u6700\u591A\u53EF\u8F93\u5165".concat(length, "\u4E2A\u5B57");
+  }
+};
+
+exports.i18nLimitCharacters = i18nLimitCharacters;

package/package.json

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

package/src/components/okr-detail/components/header/index.js

@@ -34,7 +34,7 @@ const Header = (props) => {
     setGeneralOkrClassify,
     showOkrEvalute,
   } = useContext(GeneralDataContext);
-
+  const showOScore = window.BSGlobal.OkrAdvancedSetting.KRSetting.OScore
   const { progressGrow = 0, progress } = okrInfo;
 
   const [auth, setAuth] = useState(false);
@@ -149,7 +149,7 @@ const Header = (props) => {
               <OCycle editable={editable} okrId={okrInfo.workId} />
             </span>
             <span className={`${precls}__action-item`}>
-              {showOkrEvalute && <Score editable={editable} okrId={okrInfo.workId} score={okrInfo.evaluateValue} />}
+              {(showOkrEvalute || showOScore) && <Score editable={editable} okrId={okrInfo.workId} score={okrInfo.evaluateValue} isEvaluate={okrInfo.manualEvaluateValue} />}
             </span>
           </span>
           <OProgressUpdate okrInfo={okrInfo} renderContent={renderContent} />

package/src/components/okr-detail/components/okr-tree/tree-node/e-kr-node/index.js

@@ -88,7 +88,7 @@ export default (props) => {
           setTimeout(refreshEList, 2000);
         })
         .catch((e) => {
-          Toast.Error(e.errorMsg, { canClose: false });
+          Toast.Error(e, { canClose: false });
         });
     } else {
       window

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

@@ -1,58 +1,79 @@
 import React, { FC, useState, useEffect } from "react";
-import { getUserInfoFun } from '../../request-api';
+import { getUserInfoFun } from "../../request-api";
 import { RectBtn } from "../../../../components/button";
-import EditModle from '../edit-base-info';
-import {OpenUserName} from '../../../../utils/open-data'
+import EditModle from "../edit-base-info";
+import { OpenUserName } from "../../../../utils/open-data";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-personal-info-base-info";
 
 const BaseInfo: FC = () => {
-  const [userInfo, setUserInfo] = useState({ name: "", email: "", mobile: "", userId: '' });
+  const [userInfo, setUserInfo] = useState({
+    name: "",
+    email: "",
+    mobile: "",
+    userId: "",
+  });
   const [visible, setVisible] = useState(false);
 
   const handleClickEdit = () => {
     setVisible(true);
-  }
+  };
 
   const handleCancelEdit = () => {
     setVisible(false);
-  }
+  };
 
   const handleSuccessEditBaseInfo = (userInfo) => {
-    setUserInfo({...userInfo});
-  }
+    setUserInfo({ ...userInfo });
+  };
 
   useEffect(() => {
-		getUserInfoFun().then((resp) => {
-			if (resp.Code === 1 && resp.Data) {        
-				setUserInfo({ ...resp.Data, position: resp.Data.positionCode });
-			}
-		});
-	}, []);
+    getUserInfoFun().then((resp) => {
+      if (resp.Code === 1 && resp.Data) {
+        setUserInfo({ ...resp.Data, position: resp.Data.positionCode });
+      }
+    });
+  }, []);
 
   return (
     <div className={prefix}>
       <div className={`${prefix}__header`}>
-        <span className={`${prefix}__header-title`}>{getLocale('Per_Ass_New_title_text_BasicIn')}</span>
+        <span className={`${prefix}__header-title`}>
+          {getLocale("Per_Ass_New_title_text_BasicIn")}
+        </span>
         <RectBtn
           type={"primary"}
-          text={getLocale('Mod_Editor')}
+          text={getLocale("Mod_Editor")}
           onClick={handleClickEdit}
         />
-        <EditModle visible={visible} onCancel={handleCancelEdit} handleSuccessEditBaseInfo={handleSuccessEditBaseInfo} info={userInfo}/>
+        <EditModle
+          visible={visible}
+          onCancel={handleCancelEdit}
+          handleSuccessEditBaseInfo={handleSuccessEditBaseInfo}
+          info={userInfo}
+        />
       </div>
       <div className={`${prefix}__form`}>
-        <div className={`${prefix}__form-title`}>姓名</div>
-        <span className={`${prefix}__form-value`}><OpenUserName id={userInfo.userId} name={userInfo.name} /></span>
+        <div className={`${prefix}__form-title`}>
+          {getLocale("Mod_UserName")}
+        </div>
+        <span className={`${prefix}__form-value`}>
+          <OpenUserName id={userInfo.userId} name={userInfo.name} />
+        </span>
       </div>
       <div className={`${prefix}__form`}>
         <div className={`${prefix}__form-title`}>手机号码</div>
-        <span className={`${prefix}__form-value`}>{userInfo.mobile ? userInfo.mobile : "未设置"}</span>
+        <span className={`${prefix}__form-value`}>
+          {userInfo.mobile ? userInfo.mobile : getLocale('Data_Notset')}
+        </span>
       </div>
       <div className={`${prefix}__form`}>
         <div className={`${prefix}__form-title`}>电子邮箱</div>
-        <span className={`${prefix}__form-value`}>{userInfo.email ? userInfo.email : "未设置"}</span>
+        <span className={`${prefix}__form-value`}>
+          {userInfo.email ? userInfo.email : getLocale('Data_Notset')}
+        </span>
       </div>
     </div>
   );

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

@@ -1,172 +1,182 @@
-import React, { useState, useRef, useEffect } from 'react';
-import Form from '../../../../components/form';
-import { getUserInfoFun, saveUserInfo } from '../../request-api';
-import Toast from '../../../../components/toast';
-import Dialog from '../../../../components/dialog';
-import './index.scss';
+import React, { useState, useRef, useEffect } from "react";
+import Form from "../../../../components/form";
+import { getUserInfoFun, saveUserInfo } from "../../request-api";
+import Toast from "../../../../components/toast";
+import Dialog from "../../../../components/dialog";
+import { getLocale } from "../../../../utils/getLocale";
+import { i18nLimitCharacters } from "../../../../utils/i18n-front-translate"
+import "./index.scss";
 
 const { Fields } = Form;
 
-const prefix = "titaui-edit-personal-info"
+const prefix = "titaui-edit-personal-info";
 
 const EditBaseInfo = (props) => {
-	const { visible, onCancel, handleSuccessEditBaseInfo, info } = props;
+  const { visible, onCancel, handleSuccessEditBaseInfo, info } = props;
 
-	const modalRef = useRef<any>();
+  const modalRef = useRef<any>();
   const formContainerRef = useRef<any>();
-	const formRef = useRef<any>();
+  const formRef = useRef<any>();
 
-	const [ isDisable, setIsDisable ] = useState(false);
-	const [ isEdit, setIsEdit ] = useState(false);
-	const [ userInfo, setUserInfo ] = useState({ name: '', email: '', mobile: '' });
+  const [isDisable, setIsDisable] = useState(false);
+  const [isEdit, setIsEdit] = useState(false);
+  const [userInfo, setUserInfo] = useState({ name: "", email: "", mobile: "" });
 
-	const handleNameChange = (value) => {
-		setUserInfo({
-			...userInfo,
-			name: value || ''
-		});
-    if(value.length > 50 || value.length === 0) {
+  const handleNameChange = (value) => {
+    setUserInfo({
+      ...userInfo,
+      name: value || "",
+    });
+    if (value.length > 50 || value.length === 0) {
       setIsDisable(true);
     } else {
       setIsDisable(false);
     }
-		setIsEdit(true);
-	};
+    setIsEdit(true);
+  };
 
-	const handlePhoneChange = (value) => {
-		setUserInfo({
-			...userInfo,
-			mobile: value || ''
-		});
-    if(value.length !== 11 ) {
+  const handlePhoneChange = (value) => {
+    setUserInfo({
+      ...userInfo,
+      mobile: value || "",
+    });
+    if (value.length !== 11) {
       setIsDisable(true);
-    }else {
+    } else {
       setIsDisable(false);
     }
-		setIsEdit(true);
-	};
+    setIsEdit(true);
+  };
 
-	const handleEmailChange = (value) => {
-		setUserInfo({
-			...userInfo,
-			email: value || ''
-		});
-		setIsEdit(true);
-	};
+  const handleEmailChange = (value) => {
+    setUserInfo({
+      ...userInfo,
+      email: value || "",
+    });
+    setIsEdit(true);
+  };
 
-	const handleSaveUserInfo = () => {
-		if (!userInfo.mobile || !userInfo.name || userInfo.name.length > 50) {
+  const handleSaveUserInfo = () => {
+    if (!userInfo.mobile || !userInfo.name || userInfo.name.length > 50) {
       setIsDisable(true);
-			return;
-		} else {
-			saveUserInfo({ data: userInfo }).then((resp) => {
-				if (resp.Code === 1) {
-					Toast.Success('更新成功', { canClose: false });
+      return;
+    } else {
+      saveUserInfo({ data: userInfo }).then((resp) => {
+        if (resp.Code === 1) {
+          Toast.Success(getLocale('Per_Ma_form_Updatesuc'), { canClose: false });
           handleSuccessEditBaseInfo(userInfo);
           onCancel();
-				} else {
-					Toast.Error(resp.Message, { canClose: false });
-				}
-			});
-		}
-	};
+        } else {
+          Toast.Error(resp.Message, { canClose: false });
+        }
+      });
+    }
+  };
 
-	useEffect(() => {
-		getUserInfoFun().then((resp) => {
-			if (resp.Code === 1 && resp.Data) {
-				setUserInfo({ ...resp.Data, position: resp.Data.positionCode });
-			}
-		});
-	}, []);
+  useEffect(() => {
+    getUserInfoFun().then((resp) => {
+      if (resp.Code === 1 && resp.Data) {
+        setUserInfo({ ...resp.Data, position: resp.Data.positionCode });
+      }
+    });
+  }, []);
 
-	return (
-		<Dialog
-			visible={visible}
-			ref={modalRef}
-			width={480}
-			mask
-			centered
-			title={'基本信息设置'}
-			noHeadLine
-			maskClosable={false}
-			onClose={() => {
-        onCancel();        
-        setUserInfo({name: info.name, mobile: info.mobile, email:info.email})
+  return (
+    <Dialog
+      visible={visible}
+      ref={modalRef}
+      width={480}
+      mask
+      centered
+      title={"基本信息设置"}
+      noHeadLine
+      maskClosable={false}
+      onClose={() => {
+        onCancel();
+        setUserInfo({
+          name: info.name,
+          mobile: info.mobile,
+          email: info.email,
+        });
       }}
-			onCancel={() => {
+      onCancel={() => {
         onCancel();
-        setUserInfo({name: info.name, mobile: info.mobile, email:info.email})
+        setUserInfo({
+          name: info.name,
+          mobile: info.mobile,
+          email: info.email,
+        });
       }}
-			okText="确定"
-			noFooterLine
-			onOk={handleSaveUserInfo}
-			disabled={isDisable}
-		>
+      okText={getLocale('Mod_Determiness')}
+      noFooterLine
+      onOk={handleSaveUserInfo}
+      disabled={isDisable}
+    >
       <div className={`${prefix}__form`} ref={formContainerRef}>
-				<Form ref={formRef} getFormContainer={() => formContainerRef.current}>
-			<Fields.Input
-				name="name"
-				label={'姓名'}
-				placeholder={'请输入姓名'}
-				type="text"
-				require
-        layout="row"
-				verifies={[
-					{
-						tip: '姓名不能为空',
-						test: /\S/
-					},
-					{
-						tip: '姓名只能为中文，英文字母和数字及下划线的组合',
-						test: /^((?!(\uff08|\uff09)).)*$/g
-					},
-          {
-            tip: `姓名不能超过${50}个字`,
-            test: /^[\s\S]{0,50}$/,
-          },
-				]}
-				value={userInfo.name}
-				onChange={handleNameChange}
-			/>
-			<Fields.Input
-				name="phone"
-				type="text"
-				label={'手机号码'}
-				placeholder={'请输入手机号'}
-				require
-        layout="row"
-				value={userInfo.mobile}
-				verifies={[
-					{
-						tip: '手机号不能为空',
-						test: /^[\s\S]+$/
-					},
-					{
-						tip: '格式错误，海外手机格式如：(+852)52345678',
-						test: /^1[3456789]\d{9}$/
-					}
-				]}
-				onChange={handlePhoneChange}
-			/>
-			<Fields.Input
-				name="email"
-				type="text"
-				label={'邮箱'}
-				value={userInfo.email}
-        layout="row"
-				placeholder={'请输入邮箱'}
-				verifies={[
-					{
-						tip: '邮箱格式错误',
-						test: /^([a-zA-Z0-9_-]|\.)+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
-					}
-				]}
-				onChange={handleEmailChange}
-			/>
-      </Form>
-			</div>
-		</Dialog>
-	);
+        <Form ref={formRef} getFormContainer={() => formContainerRef.current}>
+          <Fields.Input
+            name={"name"}
+            label={getLocale('Mod_UserName')}
+            placeholder={getLocale('Perf_Indica_Pop_text_Name')}
+            type="text"
+            require
+            layout="row"
+            verifies={[
+              {
+                tip: getLocale('OKR_MyO_Ew_Namecant'),
+                test: /^[\s\S]+$/,
+              },
+              {
+                tip: "姓名只能为中文，英文字母和数字及下划线的组合",
+                test: /^((?!(\uff08|\uff09)).)*$/g,
+              },
+              {
+                tip: i18nLimitCharacters(50),
+                test: /^[\s\S]{0,50}$/,
+              },
+            ]}
+            value={userInfo.name}
+            onChange={handleNameChange}
+          />
+          <Fields.Input
+            name="phone"
+            type="text"
+            label={"手机号码"}
+            placeholder={getLocale('Pro_page_Ext_Tab_PhoneNumber')}
+            require
+            layout="row"
+            value={userInfo.mobile}
+            verifies={[
+              {
+                tip: "手机号不能为空",
+                test: /^[\s\S]+$/,
+              },
+              {
+                tip: "格式错误，海外手机格式如：(+852)52345678",
+                test: /^1[3456789]\d{9}$/,
+              },
+            ]}
+            onChange={handlePhoneChange}
+          />
+          <Fields.Input
+            name="email"
+            type="text"
+            label={getLocale('OKR_MyO_Ew_Mail')}
+            value={userInfo.email}
+            layout="row"
+            placeholder={getLocale('Pro_page_Ext_Tab_Inpuyouremail')}
+            verifies={[
+              {
+                tip: getLocale('OKR_MyO_Ew_Emailfor'),
+                test: /^([a-zA-Z0-9_-]|\.)+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/,
+              },
+            ]}
+            onChange={handleEmailChange}
+          />
+        </Form>
+      </div>
+    </Dialog>
+  );
 };
 
 export default EditBaseInfo;

package/src/utils/i18n-front-translate.ts

@@ -0,0 +1,8 @@
+import { isEn } from "./getLocale";
+export const i18nLimitCharacters = (length) => {
+  if (isEn) {
+    return `Up to ${length} characters can be entered`;
+  } else {
+    return `最多可输入${length}个字`;
+  }
+};