@titaui/pc 1.9.24 → 1.9.28

package/lib/utils/format-time.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.timeFormat = exports.showWeekLastDay = exports.showWeekFirstDay = exports.showNextWeekFirstDay = exports.showNextMonthFirstDay = exports.showMonthLastDay = exports.showMonthFirstDay = exports.getTimeString = exports.getNextDayOfYear = exports.getFirstDayOfYear = void 0;
 
+var _constant = require("./constant");
+
 var _getLocale = require("./getLocale");
 
 var getTimeString = function getTimeString(time, nowTime) {
@@ -12,6 +14,7 @@ var getTimeString = function getTimeString(time, nowTime) {
     return (0, _getLocale.getLocale)('OKR_MyO_KRP_Notupdated');
   }
 
+  var months = (0, _constant.getMonth)();
   var timeDateObj = new Date(time);
   var timeMilliSecond = timeDateObj.getTime();
   var timeYear = timeDateObj.getFullYear();
@@ -29,15 +32,15 @@ var getTimeString = function getTimeString(time, nowTime) {
   }
 
   if (secondDiff < 60) {
-    return "".concat(secondDiff, "\u79D2\u524D");
+    return "".concat(secondDiff).concat((0, _getLocale.getLocale)('Mood_secago'));
   }
 
   if (secondDiff < 60 * 60) {
-    return "".concat(Math.floor(secondDiff / 60), "\u5206\u949F\u524D");
+    return "".concat(Math.floor(secondDiff / 60)).concat((0, _getLocale.getLocale)('Tasks_Tab_MyS_minuteago'));
   }
 
   if (secondDiff < 60 * 60 * 24) {
-    return "".concat(Math.floor(secondDiff / (60 * 60)), "\u5C0F\u65F6\u524D");
+    return "".concat(Math.floor(secondDiff / (60 * 60))).concat((0, _getLocale.getLocale)('Mood_hoursago'));
   }
 
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
@@ -45,14 +48,17 @@ var getTimeString = function getTimeString(time, nowTime) {
   }
 
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {
-    return "\u524D\u5929 ".concat(timeHours + ":" + timeMinutes);
+    return "".concat((0, _getLocale.getLocale)('Mood_2daysago'), " ").concat(timeHours + ":" + timeMinutes);
   }
 
   if (timeYear === nowYear) {
-    return "".concat(timeMonth, "\u6708").concat(timeDate, "\u65E5 ").concat(timeHours < 10 ? "0" + timeHours : timeHours, ":").concat(timeMinutes < 10 ? "0" + timeMinutes : timeMinutes);
+    var _dateStr = months[timeMonth - 1] + (_getLocale.isEn ? " ".concat(timeDate, " ") : "".concat(timeDate, "\u65E5"));
+
+    return "".concat(_dateStr, " ").concat(timeHours < 10 ? "0" + timeHours : timeHours, ":").concat(timeMinutes < 10 ? "0" + timeMinutes : timeMinutes);
   }
 
-  return "".concat(timeYear, "\u5E74").concat(timeMonth, "\u6708").concat(timeDate, "\u65E5 ").concat(timeHours < 10 ? "0" + timeHours : timeHours, ":").concat(timeMinutes < 10 ? "0" + timeMinutes : timeMinutes);
+  var dateStr = (_getLocale.isEn ? '' : "".concat(timeYear, "\u5E74")) + months[timeMonth - 1] + (_getLocale.isEn ? " ".concat(timeDate, " ") : "".concat(timeDate, "\u65E5")) + (_getLocale.isEn ? ",".concat(timeYear) : '');
+  return "".concat(dateStr, " ").concat(timeHours < 10 ? "0" + timeHours : timeHours, ":").concat(timeMinutes < 10 ? "0" + timeMinutes : timeMinutes);
 }; // 日期格式化，返回值形式为yy-mm-dd
 
 

package/lib/utils/local-storage.js

@@ -11,7 +11,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 var localStorage = /*#__PURE__*/function () {
   function localStorage() {

package/lib/utils/open-data.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,9 +15,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 

package/lib/utils/request-v1.js

@@ -10,9 +10,9 @@ exports.taker = taker;
 
 var _bsGlobal = require("./bs-global");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 

package/lib/utils/roundWeight.js

@@ -8,9 +8,9 @@ exports.AccMul = AccMul;
 exports.ReCalibratePrecision = ReCalibratePrecision;
 exports.RoundWeight = RoundWeight;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 

package/package.json

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

package/src/components/button/rect-btn/index.scss

@@ -8,7 +8,9 @@
   &--small {
     border-radius: 14px;
     height: 28px;
-    line-height: 26px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     min-width: 64px;
     font-size: 13px;
     padding: 0 12px;
@@ -17,7 +19,9 @@
   &--normal {
     border-radius: 16px;
     height: 32px;
-    line-height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     min-width: 90px;
     padding: 0 12px;
   }
@@ -25,7 +29,9 @@
   &--big {
     border-radius: 18px;
     height: 36px;
-    line-height: 34px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     min-width: 90px;
     padding: 0 16px;
   }
@@ -86,18 +92,6 @@
   }
 }
 
-.titaui-rect-btn--primary.titaui-rect-btn--small {
-  line-height: 28px;
-}
-
-.titaui-rect-btn--primary.titaui-rect-btn--normal {
-  line-height: 32px;
-}
-
-.titaui-rect-btn--primary.titaui-rect-btn--big {
-  line-height: 36px;
-}
-
 .titaui-rect-btn--primary.titaui-rect-btn--disabled {
   background: #93BCFF;
   opacity: 1;

package/src/components/change-okr-modal/Item.tsx

@@ -3,7 +3,8 @@ import { ItemWrapper, Radio, Tag, ItemObjectiveContainer, ItemKrContainer, ItemT
 import { OkrData } from './types';
 import { OpenUserName } from '../../utils/open-data';
 import  drawerManager  from '../../components/drawer-manager'
-import { getMonth, getTypeMap } from './constant';
+import { getTypeMap } from './constant';
+import { getMonth }from '../../utils/constant';
 import Tooltip from '../tooltip';
 import { getLocale } from '../../utils/getLocale';
 import { isEn } from '../../utils/getLocale';

package/src/components/change-okr-modal/constant.ts

@@ -1,4 +1,4 @@
-import { getBSGlobal } from "&/utils/bs-global";
+import { getMonth } from "../../utils/constant";
 import { getLocale, isEn } from "../../utils/getLocale";
 
 export const getYear = () => {
@@ -118,22 +118,6 @@ export const getBimonthlyMonthKeyValue = (startMonth) => {
   return datas;
 };
 
-export const getMonth = () => {
-  return [
-    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"),
-  ];
-};
 
 export const getMonthKeyValue = () => {
   const month = getMonth();

package/src/components/common-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/confidence/index.scss

@@ -7,7 +7,6 @@ $text-color: #89919f;
   justify-content: center;
   font-size: 12px;
   line-height: 18px;
-  width: 53px;
   &--editable {
     cursor: pointer;
     position: relative;
@@ -27,7 +26,7 @@ $text-color: #89919f;
 
   &-icon {
     display: inline-block;
-    width: 16px;
+    min-width: 16px;
     height: 16px;
     background: url("./heart.svg") no-repeat;
     margin-right: 6px;

package/src/components/confidence/index.tsx

@@ -46,7 +46,7 @@ const Confidence = (props: IConfidenceProps) => {
             <span className={classNames(`${popPrecls}-heart`)}>
               <Heart i={i} confidence={value} />
             </span>
-            <span className={`${popPrecls}-score`}>{i}分</span>
+            <span className={`${popPrecls}-score`}>{i} {getLocale('Per_Set_Form_Quantifier_Points')}</span>
           </li>
         ))}
       </ul>
@@ -60,7 +60,7 @@ const Confidence = (props: IConfidenceProps) => {
         })}
       >
         <span className="titaui-kr-heart-icon" />
-        <span className="titaui-kr-heart-text">{value} 分</span>
+        <span className="titaui-kr-heart-text">{value} {getLocale('Per_Set_Form_Quantifier_Points')}</span>
       </div>
     );
   }
@@ -73,7 +73,7 @@ const Confidence = (props: IConfidenceProps) => {
           })}
         >
           <span className="titaui-kr-heart-icon" />
-          <span className="titaui-kr-heart-text">{value} 分</span>
+          <span className="titaui-kr-heart-text">{value} {getLocale('Per_Set_Form_Quantifier_Points')}</span>
         </div>
       </Popup>
     </Tooltip>

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

@@ -108,7 +108,7 @@ export default forwardRef((props: Props, ref) => {
       if (errors.length) {
         setHasError(true);
         setTip(errors[0].tip);
-        inputRef.current.focus();
+        // inputRef.current.focus();
       }
       return errors;
     }

package/src/components/grid-layout/commen-components/scroll-tips.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState, Fragment } from 'react';
-import { testDayChange } from '../../../utils/date-test-change';
+import { judgeTimeSpaceFromNow } from '../../../utils/date-test-change';
 import Avatar from '../../avatar';
 import { OpenUserName } from '../../../utils/open-data';
 
@@ -27,11 +27,11 @@ export default function ScrollTips(props: Props) {
   } = props;
 
   const [updateTime, setUpdateTime] = useState(
-    message && testDayChange(message.date)
+    message && judgeTimeSpaceFromNow(message.date)
   );
 
   useEffect(() => {
-    setUpdateTime(message && testDayChange(message.date));
+    setUpdateTime(message && judgeTimeSpaceFromNow(message.date));
   }, [message && message.date]);
 
   return (
@@ -50,11 +50,11 @@ export default function ScrollTips(props: Props) {
 
 export const AvatarTips = ({ message, content, styles = {} }: Props) => {
   const [updateTime, setUpdateTime] = useState(
-    message && testDayChange(message.date)
+    message && judgeTimeSpaceFromNow(message.date)
   );
 
   useEffect(() => {
-    setUpdateTime(message && testDayChange(message.date));
+    setUpdateTime(message && judgeTimeSpaceFromNow(message.date));
   }, [message && message.date]);
   console.log(updateTime);
 

package/src/components/grid-layout/near-visitors/visitor.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState, useRef } from 'react';
 import Tooltip from '../../tooltip';
 import Avatar from '../../avatar';
-import { testDayChange } from '../../../utils/date-test-change';
+import { judgeTimeSpaceFromNow } from '../../../utils/date-test-change';
 import { OpenUserName } from '../../../utils/open-data';
 
 interface Props {
@@ -15,11 +15,11 @@ interface Props {
 export default function Visitor(props: Props) {
   const { iconSrc, name, dateTime, avatarColor, userId } = props;
 
-  const [visitTime, setVisitTime] = useState(testDayChange(dateTime));
+  const [visitTime, setVisitTime] = useState(judgeTimeSpaceFromNow(dateTime));
   const toolTipRef = useRef<any>();
 
   useEffect(() => {
-    setVisitTime(testDayChange(dateTime));
+    setVisitTime(judgeTimeSpaceFromNow(dateTime));
   }, [dateTime]);
 
   return (

package/src/components/grid-layout/sub-employee-okr/person-okr.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import Progress from '../../progress/index'
 import Tooltip from '../../tooltip'
 import Avatar from '../../avatar';
-import { testDayChange } from '../../../utils/date-test-change';
+import { judgeTimeSpaceFromNow } from '../../../utils/date-test-change';
 import { OpenUserName } from '../../../utils/open-data';
 
 import './index.scss';
@@ -19,10 +19,10 @@ interface Props {
 export default function PersonalOkr(props: Props) {
   const { iconSrc, name, updateTime, num, avatarColor, userId } = props;
 
-  const [subUpdateTime, setSubUpdateTime] = useState(testDayChange(updateTime));
+  const [subUpdateTime, setSubUpdateTime] = useState(judgeTimeSpaceFromNow(updateTime));
   const toolTipRef = useRef<any>();
   useEffect(() => {
-    setSubUpdateTime(testDayChange(updateTime));
+    setSubUpdateTime(judgeTimeSpaceFromNow(updateTime));
   }, [updateTime]);
   return (
     <div className="subOKRComponents-PersonalOkr">

package/src/components/grid-page/commen-components/scroll-tips.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState, Fragment } from 'react';
-import { testDayChange } from '../../../utils/date-test-change';
+import { judgeTimeSpaceFromNow } from '../../../utils/date-test-change';
 import Avatar from '../../avatar';
 import { OpenUserName } from '../../../utils/open-data';
 
@@ -27,11 +27,11 @@ export default function ScrollTips(props: Props) {
   } = props;
 
   const [updateTime, setUpdateTime] = useState(
-    message && testDayChange(message.date)
+    message && judgeTimeSpaceFromNow(message.date)
   );
 
   useEffect(() => {
-    setUpdateTime(message && testDayChange(message.date));
+    setUpdateTime(message && judgeTimeSpaceFromNow(message.date));
   }, [message && message.date]);
 
   return (
@@ -50,11 +50,11 @@ export default function ScrollTips(props: Props) {
 
 export const AvatarTips = ({ message, content, styles = {} }: Props) => {
   const [updateTime, setUpdateTime] = useState(
-    message && testDayChange(message.date)
+    message && judgeTimeSpaceFromNow(message.date)
   );
 
   useEffect(() => {
-    setUpdateTime(message && testDayChange(message.date));
+    setUpdateTime(message && judgeTimeSpaceFromNow(message.date));
   }, [message && message.date]);
   console.log(updateTime);
 

package/src/components/grid-page/near-visitors/visitor.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState, useRef } from 'react';
 import Tooltip from '../../tooltip';
 import Avatar from '../../avatar';
-import { testDayChange } from '../../../utils/date-test-change';
+import { judgeTimeSpaceFromNow } from '../../../utils/date-test-change';
 import { OpenUserName } from '../../../utils/open-data';
 
 interface Props {
@@ -15,11 +15,11 @@ interface Props {
 export default function Visitor(props: Props) {
   const { iconSrc, name, dateTime, avatarColor, userId } = props;
 
-  const [visitTime, setVisitTime] = useState(testDayChange(dateTime));
+  const [visitTime, setVisitTime] = useState(judgeTimeSpaceFromNow(dateTime));
   const toolTipRef = useRef<any>();
 
   useEffect(() => {
-    setVisitTime(testDayChange(dateTime));
+    setVisitTime(judgeTimeSpaceFromNow(dateTime));
   }, [dateTime]);
 
   return (

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/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: {}
   },
   {