@titaui/pc 1.8.4 → 1.8.8

package/src/components/task-relation-modal/search/relation.tsx

@@ -1,15 +1,16 @@
 import React, { useState,useEffect } from "react";
+import { getLocale } from "../../../utils/getLocale";
 import SelectLayer from "../../select-layer";
 import './search-dropdown/index.scss';
 
 const Relation = (props) => {
   const { onChange, initValue } = props;
-  const [selectText, setSelectText] = useState("全部范围");
+  const [selectText, setSelectText] = useState(getLocale('Pro_page_Plan_FullRange'));
 
 
   useEffect(()=>{
     if(initValue===0){
-      setSelectText("全部范围")
+      setSelectText(getLocale('Pro_page_Plan_FullRange'))
     }
   },[initValue])
 
@@ -19,19 +20,19 @@ const Relation = (props) => {
   };
   const selectOptions = [
     {
-      label: "全部范围",
+      label: getLocale('Pro_page_Plan_FullRange'),
       value: 0,
     },
     {
-      label: "我负责的",
+      label: getLocale('OKR_Menu_Title03_Owned'),
       value: 1,
     },
     {
-      label: "我参与的",
+      label: getLocale('OKR_Menu_Title_Collaborator'),
       value: 2,
     },
     {
-      label: "我关注的",
+      label: getLocale('OKR_Menu_Title_FollowingOKRs'),
       value: 3,
     },
   ];

package/src/components/task-relation-modal/tree/category-tree/index.tsx

@@ -13,6 +13,7 @@ import { getCategory } from "../../request-api";
 import { Context } from "../../context";
 import NodeRender from "../../tree-node";
 import SearchForm from "./search-form";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 const precls = "rel-category-tree";
 
@@ -131,16 +132,16 @@ const CategoryTree = () => {
       <SearchForm onChange={onQueryChangeHandler} />
       {treeNodes.length == 0 && (
         <div className={`${precls}__empty`}>
-          暂无分类
+          {getLocale('OKR_MyO_Text_Noclassifica')}
           <div className={`${precls}__empty-btn`} onClick={openLableSetting}>
-            分类设置
+            {getLocale('Tasks_Menu_Category')}
           </div>
         </div>
       )}
       {treeNodes.length > 0 && (
         <Fragment>
           <div className={`${precls}__header`}>
-            <span className={`${precls}__header-obj`}>关联对象</span>
+            <span className={`${precls}__header-obj`}>{getLocale('Pro_detail_AssociatedObject')}</span>
           </div>
           <div 
             ref={contentRef}

package/src/components/task-relation-modal/tree/category-tree/search-form.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import SearchInput from "../../../search-input";
 import CategorySelect from "../../search/category-select";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 interface IProps {
   onChange: Function;
@@ -27,7 +28,7 @@ const SearchForm = (props: IProps) => {
       <div className="rel-okr-tree__search-item-keyword">
         <SearchInput
           onSearch={setKeyWords}
-          placeholder="输入关键字"
+          placeholder={getLocale('Mod_Enterkeywords')}
           style={{ height: 32, width: 240 }}
         />
       </div>

package/src/components/task-relation-modal/tree/okr-tree/index.tsx

@@ -13,6 +13,7 @@ import { Context } from "../../context";
 import NodeRender from "../../tree-node";
 import SearchForm from "./search-form";
 import { getBSGlobal } from "../../../../utils/bs-global";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const precls = "rel-okr-tree";
@@ -123,14 +124,14 @@ const OkrTree = () => {
     <div className={precls}>
       <SearchForm onChange={onQueryChangeHandler} />
       {treeNodes.length == 0 && (
-        <div className={`${precls}__empty`}>暂无 OKR 数据</div>
+        <div className={`${precls}__empty`}>{getLocale('Tasks_Tab_MyS_NoOKRilable')}</div>
       )}
       {treeNodes.length > 0 && (
         <Fragment>
           <div className={`${precls}__header`}>
-            <span className={`${precls}__header-obj`}>关联对象</span>
-            <span className={`${precls}__header-principle`}>负责人</span>
-            <span className={`${precls}__header-time`}>起止时间</span>
+            <span className={`${precls}__header-obj`}>{getLocale('Pro_detail_AssociatedObject')}</span>
+            <span className={`${precls}__header-principle`}>{getLocale('Mod_Owner')}</span>
+            <span className={`${precls}__header-time`}>{getLocale('Mod_Startendtime')}</span>
           </div>
           <div  
             ref={contentRef}

package/src/components/task-relation-modal/tree/okr-tree/search-form.tsx

@@ -5,7 +5,8 @@ import { formatPeriod } from "../../../period-selector/common";
 import SearchDropDown from "../../search/search-dropdown";
 import OkrTypeSelect from "../../search/okr-type-select";
 import Principal from "../../search/principal";
-import Relation from "../../search/relation"
+import Relation from "../../search/relation";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 interface IProps {
@@ -63,7 +64,7 @@ const SearchForm = (props: IProps) => {
       <div className="rel-okr-tree__search-item-keyword">
         <SearchInput
           onSearch={setKeyWords}
-          placeholder="输入关键字"
+          placeholder={getLocale('Mod_Enterkeywords')}
           style={{ height: 32, width: 240 }}
         />
       </div>

package/src/components/task-relation-modal/tree/work-tree/index.tsx

@@ -6,6 +6,7 @@ import { getWorks } from "../../request-api";
 import { Context } from "../../context";
 import NodeRender from "../../tree-node";
 import SearchForm from "./search-form";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const precls = "rel-work-tree";
@@ -106,15 +107,15 @@ const WorkTree = () => {
     <div className={precls}>
       <SearchForm onChange={onQueryChangeHandler} />
       {treeNodes.length == 0 && (
-        <div className={`${precls}__empty`}>暂无项目数据</div>
+        <div className={`${precls}__empty`}>{getLocale('Tasks_Tab_MyS_Noprojectilable')}</div>
       )}
       {treeNodes.length > 0 && (
         <Fragment>
           <div className={`${precls}__header`}>
-            <span className={`${precls}__header-obj`}>关联对象</span>
-            <span className={`${precls}__header-status`}>状态</span>
-            <span className={`${precls}__header-principle`}>负责人</span>
-            <span className={`${precls}__header-time`}>起止时间</span>
+            <span className={`${precls}__header-obj`}>{getLocale('Pro_detail_AssociatedObject')}</span>
+            <span className={`${precls}__header-status`}>{getLocale('Mod_States')}</span>
+            <span className={`${precls}__header-principle`}>{getLocale('Mod_Owner')}</span>
+            <span className={`${precls}__header-time`}>{getLocale('Mod_Startendtime')}</span>
           </div>
           <div
             className={`${precls}__content`}

package/src/components/task-relation-modal/tree/work-tree/search-form.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from "react";
+import { getLocale } from "../../../../utils/getLocale";
 import SearchInput from "../../../search-input";
 import OkrStatusSelect from "../../search/okr-status-select";
 import Principal from "../../search/principal";
@@ -45,7 +46,7 @@ const SearchForm = (props: IProps) => {
       <div className="rel-work-tree__search-item-keyword">
         <SearchInput
           onSearch={setKeyWords}
-          placeholder="输入关键字"
+          placeholder={getLocale('Mod_Enterkeywords')}
           style={{ height: 32, width: 240 }}
         />
       </div>

package/src/components/task-relation-modal/tree-node/milestone-node/index.tsx

@@ -6,6 +6,7 @@ import Radio from "../../radio";
 import { OpenUserName } from "../../../../utils/open-data";
 import Tooltip from '../../../tooltip';
 import { formatDateStr } from "../../helper";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const precls = "rel-milestone-node";
@@ -36,9 +37,9 @@ const MileStone = (props: IProps) => {
   };
 
   const statusMap = {
-    1: "未开始",
-    2: "未完成",
-    3: "已完成",
+    1: getLocale('OKR_MyO_E_From_NotStarted'),
+    2: getLocale('Per_Ma_form_detail_Incomplete'),
+    3: getLocale('OKR_MyO_E_From_Completed'),
   };
   const onCheckHandler = (checked, id) => {
     checked &&

package/src/components/task-relation-modal/tree-node/work-node/index.tsx

@@ -4,6 +4,7 @@ import Checkbox from "../../../checkbox";
 import { Context } from "../../context";
 import Radio from "../../radio";
 import { OpenUserName } from "../../../../utils/open-data";
+import { getLocale } from "../../../../utils/getLocale";
 
 import "./index.scss";
 import { formatDateStr } from "../../helper";
@@ -36,8 +37,8 @@ const WorkNode = (props: IProps) => {
     !checked && removeSelected(data.WorkId);
   };
   const statusMap = {
-    1: "进行中",
-    2: "已完成",
+    1: getLocale('Per_MyRe_text_Inprogress'),
+    2: getLocale('OKR_MyO_E_From_Completed'),
   };
 
   return (

package/src/components/tita-chart/charts/liquid-ball.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import Liquid from '../plots/liquid';
 import { measureTextWidth } from '@antv/g2plot'
+import { getLocale } from '../../../utils/getLocale';
 
 // import "../index.scss";
 
@@ -59,7 +60,7 @@ export default function TitaLiquid(props: Props) {
             width = _container$getBoundin.width,
             height = _container$getBoundin.height;
           var d = Math.sqrt(Math.pow(width / 2, 2) + Math.pow(height / 2, 2));
-          var text = ''.concat((percent * 100).toFixed(0), '%');
+          var text = ''.concat((percent * 100).toFixed(0), getLocale('OKR_MyO_Pop_Upd_Percentage'));
           //@ts-ignore
           var textWidth = (0, measureTextWidth)(text, { fontSize: 60 });
           var scale = Math.min(d / textWidth, 1);

package/src/components/tita-chart/charts/words-cloud.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { getLocale } from '../../../utils/getLocale';
 import WordsCloud from '../plots/wordscloud';
 
 import './index.scss'
@@ -18,15 +19,15 @@ interface Props {
 
 
 const defaultWordsCouldDate = new Array(10).fill([
-  { text: 'OKR', value: 10 },
+  { text: getLocale('Menu_Title_OKRs'), value: 10 },
   { text: '对齐', value: 3 },
-  { text: '目标', value: 3 },
-  { text: '关键结果', value: 1 },
+  { text: getLocale('Mod_Objective'), value: 3 },
+  { text: getLocale('Mod_KeyResults'), value: 1 },
   { text: '聚焦', value: 1 },
   { text: '执行', value: 2 },
-  { text: '更新', value: 2 },
-  { text: '进展', value: 2 },
-  { text: '协同', value: 2 },
+  { text: getLocale('OKR_MyO_Butt_Update'), value: 2 },
+  { text: getLocale('Feed_Tab_Title_Progress'), value: 2 },
+  { text: getLocale('OKR_MyO_E_Pop_Coordination'), value: 2 },
   { text: 'execute', value: 1 },
   { text: 'objective', value: 4 }
 ]).reduce((a, b) => [...a, ...b])

package/src/components/update-modal/index.tsx

@@ -1,6 +1,7 @@
 import React, { ReactElement, useState, useEffect, useCallback } from "react";
 import { Modal } from "tita-ui";
 import { getBSGlobal } from "../period-selector/helper";
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 import { cancelGuide } from "./request-api";
 
@@ -46,7 +47,7 @@ function UpdateModal({ updates = [], detailLink }: Props): ReactElement {
           target="_blank"
           className={preCls + "__detail-btn"}
         >
-          了解更多
+          {getLocale('Per_Help_Button_Learnmore')}
         </a>
       </div>
     </Modal>

package/src/components/upload/components/uploadedPreview.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent, Fragment } from 'react'
 import { Tooltip } from 'tita-ui';
 import { UploadResultObj } from '../type'
+import { getLocale } from '../../../utils/getLocale';
 import {
   PreviewContent,
   PreviewImageWrapper,
@@ -59,7 +60,7 @@ export default class UploadedPreview extends PureComponent<Props> {
       if (smallImageUrl && deleteable) { // 是图片且能删除
         return (
           [
-            <Tooltip content='预览' container={document.body}>
+            <Tooltip content={getLocale('Mod_Preview')} container={document.body}>
               <span className='upload-file-action-wrapper'>
                 <span className='tu-icon-yulan action-icon'
                   onMouseDown={() => onSubmit(index, 'preview')}>
@@ -67,7 +68,7 @@ export default class UploadedPreview extends PureComponent<Props> {
               </span>
             </Tooltip>
             ,
-            <Tooltip content='删除' container={document.body}>
+            <Tooltip content={getLocale('Mod_Delete')} container={document.body}>
               <span className='upload-file-action-wrapper'>
                 <span className='tu-icon-canceled action-icon delete'
                   onMouseDown={() => onSubmit(index, 'delete')}>
@@ -78,7 +79,7 @@ export default class UploadedPreview extends PureComponent<Props> {
         )
       } else if (!smallImageUrl && deleteable) { // 不是图片但能删除
         return (
-          <Tooltip content='删除' container={document.body}>
+          <Tooltip content={getLocale('Mod_Delete')} container={document.body}>
             <span className='upload-file-action-wrapper'>
               <span className='tu-icon-canceled action-icon delete'
                 onMouseDown={() => onSubmit(index, 'delete')}>
@@ -88,7 +89,7 @@ export default class UploadedPreview extends PureComponent<Props> {
         )
       } else if (smallImageUrl && !deleteable) { // 是图片不能删除
         return (
-          <Tooltip content='预览' container={document.body}>
+          <Tooltip content={getLocale('Mod_Preview')} container={document.body}>
             <span className='upload-file-action-wrapper'>
               <span className='tu-icon-magnifier-circle action-icon'
                 onMouseDown={() => onSubmit(index, 'preview')}>
@@ -101,7 +102,7 @@ export default class UploadedPreview extends PureComponent<Props> {
       }
     } else if (uploadStatus === 5) {
       return (
-        <Tooltip content='删除' container={document.body}>
+        <Tooltip content={getLocale('Mod_Delete')} container={document.body}>
           <span className='upload-file-action-wrapper'>
             <span className='tu-icon-canceled action-icon delete'
               onMouseDown={() => onSubmit(index, 'delete')}>
@@ -119,7 +120,7 @@ export default class UploadedPreview extends PureComponent<Props> {
               </span>
             </span>
           </Tooltip>
-          <Tooltip content='删除' container={document.body}>
+          <Tooltip content={getLocale('Mod_Delete')} container={document.body}>
             <span className='upload-file-action-wrapper'>
               <span className='tu-icon-canceled action-icon delete'
                 onMouseDown={() => onSubmit(index, 'delete')}>

package/src/components/upload/index.tsx

@@ -8,7 +8,8 @@ import UploadedPreview from './components/uploadedPreview';
 import { UploadResultObj, UploadFilesObj, _dealAttachmentType } from './type';
 import { UploadFormContainer } from './style';
 import ImgViewer from '../img-viewer';
-import { getPreviewImgs, isImg } from './util';
+import { getPreviewImgs } from './util';
+import { getLocale } from '../../utils/getLocale';
 
 interface Props {
   action?: string;
@@ -47,8 +48,6 @@ export default class Upload extends PureComponent<Props, State> {
   }
 
   static defaultProps = {
-    attachmentTipText:
-      '<p>支持拖拽上传</p><p>单次最多支持上传 20 个，总数不可超过 50 个</p><p>每个不超过 50MB</p>',
     fileNumLimit: 20,
     fileSizeLimit: 50,
     filesTotal: 50,
@@ -355,7 +354,7 @@ export default class Upload extends PureComponent<Props, State> {
   };
 
   render() {
-    const { children, className, style, attachmentTipText } = this.props;
+    const { children, className, style, attachmentTipText = getLocale('OKR_MyO_KRP_Draganddropu') } = this.props;
     const { uploadSuccessFiles } = this.state;
     return (
       <>

package/src/components/upload-photo-modal/constant.ts

@@ -3,10 +3,12 @@ export const List = [
 	{
 		id: 'person',
 		accept: '.jpg,.jpeg,.gif,.png',
-		autoCropArea: 0.5,
+		autoCropArea: 1,
 		initialAspectRatio: 1,
 		tips: '仅支持 jpg、jpeg、gif、png 格式 建议图片最小尺寸 150*150px',
 		previewTitle: '预览',
+    minCropBoxHeight: 60,
+    minCropBoxWidth: 60,
 	},
   {
 		id: 'enterprise',
@@ -15,6 +17,8 @@ export const List = [
 		initialAspectRatio: 5,
 		tips: '建议 logo 尺寸 400*80 logo 最佳适配颜色为白色 仅支持 jpg、jpeg、gif、png 格式',
 		previewTitle: 'logo 预览',
+    minCropBoxHeight: 20,
+    minCropBoxWidth: 20,
 	},
   {
 		id: 'browser',
@@ -23,5 +27,7 @@ export const List = [
 		initialAspectRatio: 1,
 		tips: '图标尺寸 18*18，超过将被浏览器压缩',
 		previewTitle: '浏览器图标预览',
+    minCropBoxHeight: 20,
+    minCropBoxWidth: 20,
 	}
 ];

package/src/components/upload-photo-modal/index.scss

@@ -161,8 +161,7 @@
       &-img {
         position: absolute;
         top: 1px;
-        right: 45px;
-        width: 70px;
+        min-width: 70px;
         height: 28px;
       }
       &-title {