@titaui/pc 1.9.25 → 1.9.29

package/src/components/hr-header/index.scss

@@ -0,0 +1,82 @@
+.tencent-hr-header {
+  width: 100%;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 0 30px;
+  flex-shrink: 0;
+  background-color: #3464E0;
+  &__title {
+    font-size: 14px;
+    font-weight: bold;
+    color: #FFFFFF;
+    margin-right: 98px;
+  }
+  &__menu-list{
+    display: flex;
+    align-items: stretch;
+    flex: 1;
+  }
+  &__item {
+    height: 100%;
+    width: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 5px;
+    & > a {
+      color: #FFF;
+    }
+    img {
+      width: 12px;
+      height: 12px;
+      margin-left: 4px;
+      transition: transform .2s ease;
+    }
+  }
+  &__user {
+    font-size: 14px;
+    color: #FFFFFF;
+    cursor: pointer;
+    & > img {
+      width: 10px;
+      height: 10px;
+      margin-left: 4px;
+      transition: transform .2s ease;
+    }
+  }
+}
+.tencent-hr-header-popup {
+  position: relative;
+  background-color: #fff;
+  box-shadow: 0px 4px 24px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 12px;
+  min-width: 104px;
+  padding: 16px 0;
+  margin-top: 6px;
+  &__item {
+    display: flex;
+    height: 32px;
+    padding: 0 24px;
+    align-items: center;
+    justify-content: flex-start;
+    color: #666666;
+    &:hover{
+      background: #F5F7F9;
+      color: #3464E0;
+    }
+    
+  }
+  &::before {
+    display: block;
+    content: '';
+    position: absolute;
+    top: -6px;
+    left: calc(50% - 6px);
+    border-top: none;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #FFF;
+  }
+}

package/src/components/hr-header/index.tsx

@@ -0,0 +1,117 @@
+import React, { ReactElement, useState } from 'react';
+import { useEffect } from 'react';
+import classNames from 'classnames';
+import axios from 'axios';
+import  Popup  from '../popup';
+import { getLoginUserInfo } from '&/utils/helpers';
+import './index.scss';
+
+interface Props {}
+const preCls = 'tencent-hr-header';
+function HrHeader({}: Props): ReactElement {
+  const [menus, setMenus] = useState<any[]>([]);
+  const [isShowMore, setIsShowMore] = useState(false);
+  const [isShowUserMenu, setIsShowUserMenu] = useState(false);
+  useEffect(() => {
+    if (true) {
+      axios.get('/_caagw/getNavInfoByCorpKey').then((res) => {
+        const data = res.data.data;
+        setMenus(data.menus);
+      });
+    } else {
+      setMenus([
+        {
+          appKey: 'contacts',
+          appName: '人事通讯录',
+          appUrl: 'http://contacts-wxvendor.test-caagw.yunassess.com/',
+        },
+        {
+          appKey: 'regist',
+          appName: '入职管理',
+          appUrl: 'http://regist-wxvendor.test-caagw.yunassess.com/pc/',
+        },
+        {
+          appKey: 'jixiaobao',
+          appName: '绩效考核',
+          appUrl: 'http://contacts-wxvendor.test-caagw.yunassess.com/',
+        },
+        {
+          appKey: 'regist1',
+          appName: '入职管理1',
+          appUrl: 'http://regist-wxvendor.test-caagw.yunassess.com/pc/',
+        },
+        {
+          appKey: 'contacts2',
+          appName: '人事通讯录2',
+          appUrl: 'http://contacts-wxvendor.test-caagw.yunassess.com/',
+        },
+        {
+          appKey: 'regist2',
+          appName: '入职管理2',
+          appUrl: 'http://regist-wxvendor.test-caagw.yunassess.com/pc/',
+        },
+        {
+          appKey: 'regist3',
+          appName: '入职管理3',
+          appUrl: 'http://regist-wxvendor.test-caagw.yunassess.com/pc/',
+        },
+      ]);
+    }
+  }, []);
+  return (
+    <div className={preCls}>
+      <span className={preCls + '__title'}>腾讯HR助手</span>
+      <div className={preCls + '__menu-list'}>
+        {menus.slice(0, 5).map((menu) => (
+          <div
+            key={menu.appKey}
+            className={classNames(preCls + '__item', {
+              [preCls + '__item--active']: menu.appKey == 'jixiaobao',
+            })}
+          >
+            <a href={menu.appUrl}>{menu.appName}</a>
+          </div>
+        ))}
+        {menus.length > 5 && (
+          <Popup
+            popupVisible={isShowMore}
+            onPopupVisibleChange={setIsShowMore}
+            popupPlacement="bottom"
+            popup={
+                  <div className='tencent-hr-header-popup'>
+                    {menus.slice(6).map((menu) => (
+                      <a className='tencent-hr-header-popup__item' href={menu.appUrl}>{menu.appName}</a>
+                    ))}
+                  </div>
+                }
+          >
+            <div key='more' className={classNames(preCls + '__item')}>
+              <a>更多</a>
+              <img
+                src={require('./arrow.png')}
+                style={{ transform: `rotate(${isShowMore ? 180 : 0}deg)` }}
+              />
+            </div>
+          </Popup>
+        )}
+      </div>
+      <Popup
+        popupVisible={isShowUserMenu}
+        onPopupVisibleChange={setIsShowUserMenu}
+        popupPlacement="bottom"
+        popup={
+          <div className='tencent-hr-header-popup'>
+            <a className='tencent-hr-header-popup__item' href={'/_logout?r='+(new Date().getTime())}>退出</a>
+          </div>
+        }
+      >
+        <span className={preCls + '__user'}>
+          {getLoginUserInfo().Name}
+          <img src={require('./arrow.png')} style={{ transform: `rotate(${isShowUserMenu ? 180 : 0}deg)` }}/>
+        </span>
+      </Popup>
+    </div>
+  );
+}
+
+export default HrHeader;

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

@@ -130,6 +130,7 @@
     background-repeat: no-repeat;
     background-position: 50% 4px;
     animation: hasMoreLight 0.5s 0.2s linear infinite;
+    cursor: pointer;
   }
 }
 @keyframes hasMoreLight {

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

@@ -159,6 +159,13 @@ export default forwardRef((props: Props, ref) => {
       } else {
         setShowMore(false);
       }
+      scrollArea.addEventListener('scroll', () => {
+        if(scrollArea.scrollHeight - scrollArea.offsetHeight == scrollArea.scrollTop) {
+          setShowMore(false)
+        } else {
+          setShowMore(true);
+        }
+      })
     };
     const observer = new MutationObserver(callback);
 

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

@@ -22,7 +22,7 @@ const AppraisalMenus = (props: Props) => {
   const { onSelect = () => { }, history } = props;
 
   const [maxHeight, setMaxHeight] = useState<number>(() => {
-    return document.body.offsetHeight - (220 + 28 * 2);
+    return document.body.offsetHeight - 220;
   });
   const [selectedMenuKeys, setSelectedMenuKeys] = useState<string[]>([]);
 
@@ -74,7 +74,7 @@ const AppraisalMenus = (props: Props) => {
     const obs = new ResizeObserver(entries => {
       for (let entry of entries) {
         const cr = entry.contentRect;
-        setMaxHeight(cr.height - (220 + 28 * 2));
+        setMaxHeight(cr.height - 220);
       }
     })
     obs.observe(document.body);

package/src/components/menus/export-modules/okr-menus/okr-front-menus.tsx

@@ -31,7 +31,7 @@ export default forwardRef((props: Props, ref) => {
   } = props;
 
   const [maxHeight, setMaxHeight] = useState<number>(() => {
-    return document.body.offsetHeight - (220 + 28 * 2);
+    return document.body.offsetHeight - 220;
   });
   const [expandedKeys, setExpandedKeys] = useState(['myokr']);
   const [selectedMenuKeys, setSelectedMenuKeys] = useState<string[]>([]);
@@ -158,7 +158,7 @@ export default forwardRef((props: Props, ref) => {
     const obs = new ResizeObserver(entries => {
       for (let entry of entries) {
         const cr = entry.contentRect;
-        setMaxHeight(cr.height - (220 + 28 * 2));
+        setMaxHeight(cr.height - 220);
       }
     })
     obs.observe(document.body);

package/src/components/menus/export-modules/okr-menus/subordinate-menus/index.tsx

@@ -24,7 +24,7 @@ export default (props) => {
   const [selectedMenuKeys, setSelectedMenuKeys] = useState<string[]>([]);
   const [loginUserId] = useState(window.BSGlobal && window.BSGlobal.loginUserInfo.Id || 0);
   const [maxHeight, setMaxHeight] = useState<number>(() => {
-    return document.body.offsetHeight - (240);
+    return document.body.offsetHeight - 220;
   });
 
   useEffect(() => {
@@ -76,7 +76,7 @@ export default (props) => {
     const obs = new ResizeObserver(entries => {
       for (let entry of entries) {
         const cr = entry.contentRect;
-        setMaxHeight(cr.height - (240));
+        setMaxHeight(cr.height - 200);
       }
     })
     obs.observe(document.body);

package/src/components/nav-top/components/user-message/components/reply/reply-item.tsx

@@ -28,7 +28,7 @@ const Reply = (props) => {
 
   const feedText = () => {
     if (!item.content.trim()) {
-      return '分享了附件';
+      return '分享了文件';
     } else {
       return deleteText(htmlToText(item.content));
     }

package/src/components/nav-top/components/user-own-menu/utils.ts

@@ -41,14 +41,14 @@ const getLimit = () => [
     id: "manage",
     icon: "tu-icon-myqyht",
     title: getLocale('Per_Menu_Admin'),
-    objUrl: `${tm}`,
+    objUrl: `${apiServer}/${userId}/tmHome`,
     otherInfo: {}
   },
   {
     id: "open",
     icon: "tu-icon-my-gjgn",
     title: getLocale('Per_Menu_AdvancedFeatures'),
-    objUrl: `${tm}${tm.indexOf(`${userId}/TmHome`) != -1 ?'':`/${userId}/TmHome`}#?iTalentFrameType=iframe&iTalentFrame=${tm.indexOf(`${userId}/TmHome`) != -1 ?`${tm.replace(`/TmHome`,'')}`:`${tm}/${userId}`}/indexV2#/advancedSettings`,
+    objUrl: `${apiServer}/${userId}/tmHome#?iTalentFrameType=iframe&iTalentFrame=${apiServer}/${userId}/indexV2#/advancedSettings`,
     otherInfo: {}
   },
   {

package/src/components/okr-detail/base-info/o-desc/index.tsx

@@ -1,4 +1,5 @@
 import React, { FC, useState, useEffect, useRef, useCallback } from "react";
+import { inputWordTrans } from "../../../../utils/i18n-front-translate";
 import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
@@ -93,7 +94,7 @@ const ODesc: FC<IODescProps> = ({
     if (!hasError) return <span></span>;
     return (
       <span className="o-desc__errror-tips">
-        已输入{desc.trim().length}个字,最多可输入{maxLength}字
+        {inputWordTrans(desc.trim().length, maxLength)}
       </span>
     );
   };

package/src/components/okr-detail/components/editable-input/index.tsx

@@ -1,6 +1,7 @@
 import React, { useRef, useState, useEffect } from "react";
-import ErrorTip from "../../../tooltip/error-tip";
 import classNames from "classnames";
+import ErrorTip from "../../../tooltip/error-tip";
+import { inputWordTrans } from "../../../../utils/i18n-front-translate";
 
 import './index.scss';
 
@@ -45,7 +46,7 @@ export default (props: IProps) => {
       return setErrorTip(emptyMessage || '');
     }
     if (val.length > maxLength) {
-      return setErrorTip(`已输入${val.length}字，最多可输入${maxLength}字`);
+      return setErrorTip(inputWordTrans(val.length, maxLength));
     }
     setText(val);
     setErrorTip('');

package/src/components/okr-detail/components/header/edit-name.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import Toast from "../../../toast";
 import { updateOkrName } from "../../request-apis";
 import { getLocale } from "../../../../utils/getLocale";
+import { inputWordTrans } from "../../../../utils/i18n-front-translate";
 
 interface IEditNameProps {
   okrName: string;
@@ -27,7 +28,7 @@ const EditNameCmp = (props: IEditNameProps) => {
       return;
     }
     if (val.length > 500) {
-      setErrorTip(`已输入${val.length}字，最多可输入500字`);
+      setErrorTip(inputWordTrans(val.length, 500));
       return;
     }
     setErrorTip("");

package/src/components/okr-detail/components/okr-tree/tree-node/e-node/e-status-dropdown.js

@@ -36,12 +36,12 @@ export default props => {
         </span>
       }
     >
-      <IconItem name="tu-icon-finished" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Completed')}</IconItem>
-      <IconItem name="tu-icon-running" exIconClass='e-node-status-icon'>{getLocale('Per_MyRe_text_Inprogress')}</IconItem>
-      <IconItem name="tu-icon-canceled" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Cancelled')}</IconItem>
-      <IconItem name="tu-icon-deferred" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Delayed')}</IconItem>
-      <IconItem name="tu-icon-paused" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Suspended')}</IconItem>
-      <IconItem name="tu-icon-notstart" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_NotStarted')}</IconItem>
+      <IconItem name="tu-icon-finished" icon="tu-icon-finished" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Completed')}</IconItem>
+      <IconItem name="tu-icon-running" icon="tu-icon-running" exIconClass='e-node-status-icon'>{getLocale('Per_MyRe_text_Inprogress')}</IconItem>
+      <IconItem name="tu-icon-canceled" icon="tu-icon-canceled" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Cancelled')}</IconItem>
+      <IconItem name="tu-icon-deferred" icon="tu-icon-deferred" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Delayed')}</IconItem>
+      <IconItem name="tu-icon-paused" icon="tu-icon-paused" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_Suspended')}</IconItem>
+      <IconItem name="tu-icon-notstart" icon="tu-icon-notstart" exIconClass='e-node-status-icon'>{getLocale('OKR_MyO_E_From_NotStarted')}</IconItem>
     </DropSelector>
   </React.Fragment>
 }

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/edit-pop.tsx

@@ -2,6 +2,7 @@ import React, { PureComponent } from 'react'
 import Popup from '../../../../../../popup';
 import styled from 'styled-components'
 import { getLocale, isEn } from "../../../../../../../utils/getLocale";
+import { inputWordTrans } from '../../../../../../../utils/i18n-front-translate';
 
 const Wrapper = styled.div`
   min-width: 343px;
@@ -172,7 +173,7 @@ export default class EditPop extends PureComponent<Props> {
     this.setState({
       value: value,
       showError: maxLength && value.length > maxLength,
-      errMsg: `已输入 ${value.length} 个字，最多可输入 ${maxLength} 个字`,
+      errMsg: inputWordTrans(value.length, maxLength),
       disable: maxLength && value.length > maxLength && disable ? true : false
     })
 

package/src/components/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/kr-push-score.tsx

@@ -18,6 +18,7 @@ import {
   IconEdit
 } from './style';
 import { getLocale, isEn } from "../../../../../../../utils/getLocale";
+import { inputWordTrans } from '../../../../../../../utils/i18n-front-translate';
 
 interface Props {
   setRefInParent: Function
@@ -218,7 +219,7 @@ export default class Score extends PureComponent<Props, State> {
        */
       information: (this.state.showScoreInfoError ?
 
-        <ScoreInfoWrapperError data-length={`已输入 ${this.state.areaLength} 个字，最多可输入 1000 个字`}>
+        <ScoreInfoWrapperError data-length={inputWordTrans(this.state.areaLength, 1000)}>
           <ScoreInfoSpanText style={{minWidth: isEn ? '75px' : '30px'}}>{getLocale('OKR_MyO_Description')}</ScoreInfoSpanText>
           <ScoreInfoSpanTextareaError
             ref={this.state.scoreInfoErrorRef}

package/src/components/okr-detail/okr-list/create-kr-item/heart.js

@@ -11,7 +11,7 @@ export default ({ heartOnActive, setHeartOnActive, confidenceIndex, editAble })
       onClick={() => setHeartOnActive(true)}
     >
       <Image className='kr-heart-icon' src={ImageHeart} />
-      <span className='kr-heart-middle'>{confidenceIndex} 分</span>
+      <span className='kr-heart-middle'>{confidenceIndex} {getLocale('Per_Set_Form_Quantifier_Points')}</span>
     </div>
   );
 };

package/src/components/okr-detail/okr-list/create-kr-item/index.tsx

@@ -184,7 +184,7 @@ function CreateKr({
           </div>
         </p>
         <span className={classNames(`${preCls}__heart`)}>
-          <Tooltip content='修改信心指数1'>
+          <Tooltip content='修改1'>
             <span style={{ display: 'inline-flex' }}>
               <Confidence
                 editable

package/src/components/okr-detail/schedule/components/o-progress/index.tsx

@@ -16,6 +16,7 @@ import { OAuth, hasSuperior } from '../../../../../utils/auth';
 import { GeneralDataContext, CommonContext } from '../../../context';
 import { remindAction } from '../../../request-apis';
 import { getLocale } from "../../../../../utils/getLocale";
+import { inputWordTrans } from '../../../../../utils/i18n-front-translate';
 import './index.scss';
 
 interface IOProgressProps {
@@ -267,7 +268,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
         </div>
         {hasError ? (
           <div className={'o-progress__error-text'}>
-            已输入 {editOProgressContent.trim().length} 个字，最多可输入 500 个字
+            {inputWordTrans(editOProgressContent.trim().length, 500)}
           </div>
         ) : null}
       </Modal>

package/src/components/okr-progress/components/o-progress/index.tsx

@@ -15,6 +15,7 @@ import EmptyPng from '../../img/schedule-empty.png';
 import { OAuth, hasSuperior } from '../../../../utils/auth';
 import { IOProgressProps } from '../../interface';
 import { getLocale } from '../../../../utils/getLocale';
+import { inputWordTrans } from '../../../../utils/i18n-front-translate';
 import './index.scss';
 
 const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, hasOtherProgress, getOProgressData}) => {
@@ -244,7 +245,7 @@ const OProgress: FC<IOProgressProps> = ({listData, okrInfo, setUpdateProgress, h
         </div>
         {hasError ? (
           <div className={'o-progress__error-text'}>
-            已输入 {editOProgressContent.trim().length} 个字，最多可输入 500 个字
+            {inputWordTrans(editOProgressContent.trim().length, 500)}
           </div>
         ) : null}
       </Modal>

package/src/components/okr-progress-detail/utils.ts

@@ -1,46 +1,56 @@
-import { getLocale } from "../../utils/getLocale";
+import { getMonth } from "../../utils/constant";
+import { getLocale, isEn } from "../../utils/getLocale";
 import { OkrRiskMapping } from "./constant";
 
 export const getTimeString = (time: string, nowTime): string => {
   if (!time) {
     return getLocale('OKR_MyO_KRP_Notupdated');
   }
+
+  const months = getMonth();
+
   const timeDateObj = new Date(time);
   const timeMilliSecond = timeDateObj.getTime();
   const timeYear = timeDateObj.getFullYear();
   const timeMonth = timeDateObj.getMonth() + 1;
-  const timeDate = timeDateObj.getDate(); 
+  const timeDate = timeDateObj.getDate();
   const timeHours = timeDateObj.getHours();
   const timeMinutes = timeDateObj.getMinutes();
 
-  const nowMilliSecond  = nowTime.getTime();
+  const nowMilliSecond = nowTime.getTime();
   const nowYear = nowTime.getFullYear();
   const nowDate = nowTime.getDate();
-  
+
   const secondDiff = Math.floor((nowMilliSecond - timeMilliSecond) / 1000);
   if (secondDiff <= 3) {
     return getLocale('Pro_page_Int_Justnow');
   }
   if (secondDiff < 60) {
-    return `${secondDiff}秒前`;
+    return `${secondDiff}${getLocale('Mood_secago')}`;
   }
   if (secondDiff < 60 * 60) {
-    return `${Math.floor(secondDiff / 60)}分钟前`;
+    return `${Math.floor(secondDiff / 60)}${getLocale('Tasks_Tab_MyS_minuteago')}`;
   }
   if (secondDiff < 60 * 60 * 24) {
-    return `${Math.floor(secondDiff / (60 * 60))}小时前`;
+    return `${Math.floor(secondDiff / (60 * 60))}${getLocale('Mood_hoursago')}`;
   }
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
-    return `${getLocale('OKR_MyO_Pr_Text_Yesterday')} ${timeHours + ':' + timeMinutes}`;
+    return `${getLocale('OKR_MyO_Pr_Text_Yesterday')} ${timeHours + ":" + timeMinutes}`;
   }
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {
-    return `前天 ${timeHours + ':' + timeMinutes}`;
+    return `${getLocale('Mood_2daysago')} ${timeHours + ":" + timeMinutes}`;
   }
   if (timeYear === nowYear) {
-    return `${timeMonth}月${timeDate}日 ${timeHours < 10 ? '0' + timeHours : timeHours}:${timeMinutes < 10 ? '0' + timeMinutes : timeMinutes}`;
-  }
-  return `${timeYear}年${timeMonth}月${timeDate}日 ${timeHours < 10 ? '0' + timeHours : timeHours}:${timeMinutes < 10 ? '0' + timeMinutes : timeMinutes}`;
-}
+    const dateStr = months[timeMonth-1] + (isEn ? ` ${timeDate} ` : `${timeDate}日`)
+    return `${dateStr} ${
+      timeHours < 10 ? "0" + timeHours : timeHours
+    }:${timeMinutes < 10 ? "0" + timeMinutes : timeMinutes}`;
+  }
+  const dateStr = (isEn ? '' : `${timeYear}年`) + months[timeMonth-1] + (isEn ? ` ${timeDate} ` : `${timeDate}日`) + (isEn ? `,${timeYear}` : '');
+  return `${dateStr} ${
+    timeHours < 10 ? "0" + timeHours : timeHours
+  }:${timeMinutes < 10 ? "0" + timeMinutes : timeMinutes}`;
+};
 
 export const getProgressState = (oStatus, riskLevel) => {
   // 2代表已结束

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

@@ -8,6 +8,7 @@ import { getO_SETTING, getKR_SETTING, transProgress, getKrOptions, getOptions }
 import { ErrorTip, List, Item, Icon, Options, OptionsWrapper } from './style';
 import { IRecommandProgressObj, OptionsObj, IProgressModalProps } from './interface';
 import { getLocale } from '../../utils/getLocale';
+import { inputWordTrans } from '../../utils/i18n-front-translate';
 import './index.scss';
 
 const ProgressModal: React.FC<IProgressModalProps> = props => {
@@ -85,7 +86,7 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
         }}
       />
       <ErrorTip className={errorRemark ? 'slideIn' : ''}>
-        已输入 {progressDescription.trim().length} 个字，最多可输入 {maxLength} 个字
+        {inputWordTrans(progressDescription.trim().length, maxLength)}
       </ErrorTip>
     </Item>
   );

package/src/components/okr-share/index.scss

@@ -166,9 +166,9 @@
 .okr-share-mblog {
   &__container {
     width: 480px;
-    height: 420px;
+    min-height: 420px;
     background-color: #fff;
-    border-radius: 6px;
+    border-radius: 12px;
   }
   &__header {
     height: 58px;

package/src/components/period-selector/common.ts

@@ -1,21 +1,7 @@
 import { getLocale, isEn } from "../../utils/getLocale";
 import { SelectedInterface, PeriodObj } from "./type";
 import moment from "moment";
-
-export const getMonth = () => [
-  getLocale("Mod_Jan"),
-  getLocale("Mod_Feb"),
-  getLocale("Mod_Mar"),
-  getLocale("Mod_Apr"),
-  getLocale("Mod_May"),
-  getLocale("Mod_Jun"),
-  getLocale("Mod_Jul"),
-  getLocale("Mod_Aug"),
-  getLocale("Mod_Sept"),
-  getLocale("Mod_Oct"),
-  getLocale("Mod_Nov"),
-  getLocale("Mod_Dec"),
-];
+import { getMonth } from "../../utils/constant";
 
 export const dealSelectedPeriodData = (period: string) => {
   let option: any = {};

package/src/components/period-selector/components/selector/index.tsx

@@ -5,12 +5,12 @@ import {
   dealSelectedPeriodData,
   dealYearsRange,
   getDateRangeByCycle,
-  getMonth,
 } from "../../common";
 import { getMockMonth, getMockPeriod, getMockQuarter } from "../../mockData";
 import { PeriodObj, SelectedInterface } from "../../type";
 import { Head, List, Item, Icon, Title, Wrapper, PlaceHolder } from "./style";
 import { getBSGlobal } from "../../helper";
+import { getMonth } from "../../../../utils/constant";
 
 const i18nInfo = getBSGlobal("I18NInfo");
 

package/src/components/search-dropdown/index.scss

@@ -71,6 +71,7 @@
   background: #ffffff;
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
   border: 1px solid #f0f2f5;
+  border-radius: 12px;
 
   .tui-select {
     &-item-option {

package/src/components/selector-input/index.scss

@@ -59,6 +59,7 @@
     width: calc(100% - 20px);
 
     & > input {
+      color: #3f4755;
       border: none;
       height: 22px;
       width: calc(100% - 20px);

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

@@ -1,12 +1,12 @@
-
+import { getLocale } from "../../utils/getLocale";
 export const List = [
 	{
 		id: 'person',
 		accept: '.jpg,.jpeg,.png',
 		autoCropArea: 1,
 		initialAspectRatio: 1,
-		tips: '仅支持 jpg、jpeg、png 格式 建议图片最小尺寸 150*150px',
-		previewTitle: '预览',
+		tips: `${getLocale('Set_PI_Onlyjpgsize')} 150*150px`,
+		previewTitle: getLocale('Mod_Preview'),
     minCropBoxHeight: 60,
     minCropBoxWidth: 60,
 	},