@titaui/pc 1.9.17 → 1.9.21

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}个字`;
+  }
+};

package/yarn-error.log

@@ -0,0 +1,103 @@
+Arguments: 
+  /usr/local/bin/node /usr/local/bin/yarn
+
+PATH: 
+  /opt/homebrew/bin:/opt/homebrew/sbin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Apple/usr/bin:/opt/homebrew/bin:/opt/homebrew/sbin
+
+Yarn version: 
+  1.22.10
+
+Node version: 
+  12.22.1
+
+Platform: 
+  darwin x64
+
+Trace: 
+  SyntaxError: /Users/yang/tita/titaui-pc/package.json: Unexpected token < in JSON at position 26
+      at JSON.parse (<anonymous>)
+      at /usr/local/lib/node_modules/yarn/lib/cli.js:1625:59
+      at Generator.next (<anonymous>)
+      at step (/usr/local/lib/node_modules/yarn/lib/cli.js:310:30)
+      at /usr/local/lib/node_modules/yarn/lib/cli.js:321:13
+
+npm manifest: 
+  {
+    "name": "@titaui/pc",
+  <<<<<<< HEAD
+    "version": "1.2.22",
+  =======
+    "version": "1.2.13",
+  >>>>>>> master
+    "nameCN": "",
+    "description": "",
+    "main": "src/index.js",
+    "scripts": {
+      "storybook": "start-storybook -p 6006 --no-dll",
+      "start": "dev_server=on webpack-dev-server --disableHostCheck=true --progress --colors  --config webpack-stories.config.js",
+      "build-storybook": "build-storybook --docs --no-dll",
+      "build:es": "babel src -d es --ignore **/__tests__",
+      "build:lib": "cross-env OUTPUT_MODULE=commonjs babel src -d lib --ignore **/__tests__",
+      "build:umd": "webpack --config ./.scripts/webpack.umd.js",
+      "build": "npm run build:lib && npm run build:es && npm run build:umd"
+    },
+    "author": "",
+    "license": "ISC",
+    "devDependencies": {
+      "del": "^6.0.0",
+      "gulp": "^3.x",
+      "gulp-autoprefixer": "^7.0.1",
+      "gulp-babel": "^8.0.0",
+      "gulp-concat": "^2.6.1",
+      "gulp-cssbeautify": "^3.0.0",
+      "gulp-cssnano": "^2.1.3",
+      "gulp-filesize": "0.0.6",
+      "gulp-postcss": "^9.0.0",
+      "gulp-rename": "^2.0.0",
+      "gulp-replace": "^1.0.0",
+      "gulp-sass": "^4.1.0",
+      "gulp-sourcemaps": "^2.6.5",
+      "sass-resources-loader": "^2.2.1"
+    },
+    "dependencies": {
+      "@titaui/dagre": "^0.8.8-pre",
+      "@titaui/rc-tree2": "^4.1.15",
+      "@titaui/rc-trigger": "^5.2.5",
+      "@titaui/react-flow-renderer": "9.5.4",
+      "@titaui/toast": "^1.0.0",
+      "axios": "^0.21.1",
+      "classnames": "^2.2.6",
+      "clone-deep": "^4.0.1",
+      "d3-cloud": "^1.2.5",
+      "dayjs": "^1.10.4",
+      "html2canvas": "^1.0.0-rc.7",
+      "moment": "^2.29.1",
+      "qs": "^6.10.1",
+      "rc-checkbox": "^2.3.2",
+      "rc-dialog": "8.5.2",
+      "rc-drawer": "^4.3.1",
+      "rc-input-number": "^5.0.0",
+      "rc-pagination": "^3.1.6",
+      "rc-queue-anim": "1.4.1",
+      "rc-select": "^12.1.7",
+      "rc-switch": "^3.2.2",
+      "rc-table": "^7.13.2",
+      "rc-tabs": "^11.7.3",
+      "rc-tooltip": "^5.1.1",
+      "rc-tree": "^4.1.5",
+      "rc-trigger": "^5.2.3",
+      "rc-upload": "^4.2.0-alpha.0",
+      "rc-util": "^5.13.1",
+      "react-collapse": "^5.1.0",
+      "react-perfect-scrollbar": "^1.5.2",
+      "url-parse": "^1.5.1",
+      "uuid": "^3.1.0",
+      "wordcloud": "^1.2.2"
+    }
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  No lockfile