@titaui/pc 1.9.34 → 1.9.38

package/lib/utils/open-data.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+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); }
 
 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); if (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); 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 = 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 _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 _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); if (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); 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 = 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 _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 _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); if (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); 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 = 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 _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 _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.34",
+  "version": "1.9.38",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

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

@@ -272,18 +272,18 @@ export default class FilterComp extends PureComponent<Props, State> {
                 );
               })}
 
-              <ToolTip title='清空本次选择' overlayStyle={{ zIndex: 999999 }}>
+              <ToolTip title={getLocale('Tasks_Tab_MyS_Clearselec')} overlayStyle={{ zIndex: 999999 }}>
                 <a onClick={this.handleClear}>{getLocale('OKR_MyO_Pop_Clearselected')}</a>
               </ToolTip>
               {!remembered ? (
                 <a onClick={() => this.handlerFilterOptions(1)}>
-                  <ToolTip title='下次进入显示以上条件' overlayStyle={{ zIndex: 999999 }}>
+                  <ToolTip title={getLocale('Tasks_Tab_MyS_Nextcondit')} overlayStyle={{ zIndex: 999999 }}>
                     <span>{getLocale('OKR_MyO_Butt_Remember')}</span>
                   </ToolTip>
                 </a>
               ) : (
-                <ConfirmPop align='bottom left' confirmTipText='确定取消吗？取消后将不再记住以上条件' onSubmit={() => this.handlerFilterOptions(2)}>
-                  <ToolTip title='不再显示以上条件' overlayStyle={{ zIndex: 999999 }}>
+                <ConfirmPop align='bottom left' confirmTipText={getLocale('OKR_MyO_Err_Bemembere')} onSubmit={() => this.handlerFilterOptions(2)}>
+                  <ToolTip title={getLocale('OKR_MyO_Err_Showabove')} overlayStyle={{ zIndex: 999999 }}>
                     <a>{getLocale('OKR_MyO_Pop_Cancelremember')}</a>
                   </ToolTip>
                 </ConfirmPop>

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

@@ -85,33 +85,33 @@ export const getBimonthlyMonthKeyValue = (startMonth) => {
   const getNextMonth = (month, step = 1) => (month + step) % 12 || 12;
   let datas: {
     title: string;
-    value: string[];
+    value: string;
   }[] = [];
   const monthLang = getMonth();
   if (!isEn) {
     datas.push({
       title: `${start} - ${getNextMonth(start)}月`,
-      value: [`4,${start}`],
+      value: `4,${start}`,
     });
     while (1) {
       month = getNextMonth(month, 2);
       if (month == start) break;
       datas.push({
         title: `${month} - ${getNextMonth(month)}月`,
-        value: [`4,${month}`],
+        value: `4,${month}`,
       });
     }
   } else {
     datas.push({
       title: `${monthLang[start - 1]} - ${monthLang[getNextMonth(start) - 1]}`,
-      value: [`4,${start}`],
+      value: `4,${start}`,
     });
     while (1) {
       month = getNextMonth(month, 2);
       if (month == start) break;
       datas.push({
         title: `${monthLang[month - 1]} - ${monthLang[getNextMonth(month)-1]}`,
-        value: [`4,${month}`],
+        value: `4,${month}`,
       });
     }
   }

package/src/components/create-okr-modal/kr-items/kr-item-weight.tsx

@@ -23,7 +23,7 @@ const ErrorContent: FC<{ hasErr: boolean }> = ({ hasErr }) => {
     <Fragment>
       {hasErr ? (
         <span className={"kr-weight__error-popup-text-wrapper"}>
-          允许输入 0-100 的数字，支持小数点后一位
+          {getLocale('OKR_MyO_KRP_Please0and100')}
         </span>
       ) : null}
     </Fragment>

package/src/components/dialog/index.scss

@@ -113,8 +113,14 @@ Microsoft YaHei;
     }
 
     &-not-allowed {
-      background-color: #5C8EFF;
+      background: #93BCFF;
+      border-color: #93BCFF;
       cursor: not-allowed;
+
+      &:hover {
+        background: #93BCFF;
+        border-color: #93BCFF;
+      }
     }
 
     &-loading {
@@ -173,4 +179,4 @@ Microsoft YaHei;
   to {
     transform: rotate(360deg);
   }
-}
+}

package/src/components/dynamic/dynamic-item/components/header/index.tsx

@@ -137,12 +137,11 @@ const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
       <DialogConfirm visible={showDialogConfirm} type="warning">
         {/* @ts-ignore */}
         <span type="title">
-          确定删除该{feedType === EFeedType.Share ? getLocale('OKR_MyO_Share') : '公告'}吗？
+          {feedType === EFeedType.Share ? getLocale('OKR_MyO_Err_Delesh') : getLocale('OKR_MyO_Err_Delepost')}
         </span>
         {/* @ts-ignore */}
         <span type="content">
-          该{feedType === EFeedType.Share ? getLocale('OKR_MyO_Share') : '公告'}
-          将被删除不可恢复，请谨慎操作!
+          {feedType === EFeedType.Share ? getLocale('OKR_MyO_Err_Deleshre') : getLocale('OKR_MyO_Err_Delepostsu')}
         </span>
         <CancelButton type="button" onClick={cancelDeleteDynamic}>
           {getLocale('Mod_Cancel')}

package/src/components/dynamic/dynamic-item/dynamic-project/index.tsx

@@ -46,7 +46,7 @@ const DynamicProject: FC<IDynamicItemContentProps> = ({
   const renderDesc = useMemo(() => {
     return (
       <Fragment>
-        <span className={prefix + "__operate-desc"}>{getLocale('Mod_InChargeof')}{getLocale('Mod_Project')}</span>
+        <span className={prefix + "__operate-desc"}>{getLocale('Mod_InChargeof')}{getLocale('Feed_Set_Project')}</span>
         <span
           className={prefix + "-desc-operate-type"}
           style={{ background: feedTypeColor }}

package/src/components/dynamic/dynamic.scss

@@ -133,8 +133,8 @@
   }
   &__go-to-top {
     position: fixed;
-    bottom: 28px;
-    right: 28px;
+    bottom: 128px;
+    right: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -144,6 +144,7 @@
     box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
     border-radius: 50%;
     cursor: pointer;
+    z-index: 1;
     &-img {
       display: inline-block;
       width: 24px;

package/src/components/dynamic/new-ui.scss

@@ -132,8 +132,8 @@
   }
   &__go-to-top {
     position: fixed;
-    bottom: 28px;
-    right: 28px;
+    bottom: 128px;
+    right: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -143,6 +143,7 @@
     box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
     border-radius: 50%;
     cursor: pointer;
+    z-index: 1;
     &-img {
       display: inline-block;
       width: 24px;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { getLocale } from '../../../../utils/getLocale';
+import Tooltip from '../../../tooltip';
 import './index.scss';
 
 interface Props {
@@ -28,7 +29,9 @@ export default (props: Props) => {
   return <div className={classNames(`${preCls}__input`)} onClick={onClick}>
     {!duties ?
       <span className={classNames(`${preCls}__input--placeholder`)}>{placeholder}</span> :
-      duties.name
+      // @ts-ignore
+      <Tooltip.Text text={ duties.name } isPercent />
+     
     }
     {duties && <span className={classNames(`tu-icon-cross ${preCls}__input--clear`)} onClick={onHandleClear}></span>}
     <span className={classNames(`${preCls}__input--down tu-icon-sort-down`)}></span>

package/src/components/form/form-fields/duties/index.scss

@@ -22,6 +22,7 @@
     transition: all 0.2s;
     border: 1px solid #e9ecf0;
     box-sizing: border-box;
+    overflow: hidden;
   }
   &__border--error {
     box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3);

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

@@ -83,4 +83,11 @@
       font-weight: unset;
     }
   }
+
+  &__tail {
+    margin-left: 4px;
+    font-size: 14px;
+    line-height: 22px;
+    color: #89919F;
+  }
 }

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

@@ -23,6 +23,7 @@ interface Props {
   disabled?: boolean;
   layout?: 'column'|'row';
   className?:string;
+  tail?: any;
 }
 interface Error {
   name: string;
@@ -50,6 +51,7 @@ export default forwardRef((props: Props, ref) => {
     layout,
     onCheckSuccess,
     className="",
+    tail
   } = props;
 
   const inputRef = useRef<any>();
@@ -78,6 +80,7 @@ export default forwardRef((props: Props, ref) => {
 
   const onInputFocusHandler = () => {
     setHasActive(true);
+    if (type && type == 'number') return;
     inputRef.current.setSelectionRange(9999999, 9999999);
   }
 
@@ -144,6 +147,11 @@ export default forwardRef((props: Props, ref) => {
           autoComplete='off'
         />
       </ToolTip>
+      {typeof tail == 'string' ? (
+        <span className={classNames(`${preCls}__tail`)}>{tail}</span>
+      ) : (
+        tail
+      )}
     </div>
   </div>
-})
+})

package/src/components/form/form-fields/textarea/index.scss

@@ -1,4 +1,17 @@
 .form-field-textarea {
+  &-row{
+    display: flex;
+    
+    .form-field-textarea__label{
+      margin-top: 7px;
+      margin-bottom: unset;
+    }
+    .form-field-textarea__border{
+      margin-left: 16px;
+      flex: 1;
+    }
+  }
+
   &__label {
     height: 22px;
     font-size: 14px;
@@ -18,8 +31,8 @@
 
   &__border {
     // display: inline-block;
-    padding: 6px;
-    border-radius: 3px;
+    padding: 6px 12px;
+    border-radius: 8px;
     transition: all 0.2s;
     border: 1px solid #e9ecf0;
     box-sizing: border-box;

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

@@ -45,6 +45,7 @@ export default forwardRef((props: Props, ref) => {
     getContainer,
     resizeType = 'none',
     areaHeight,
+    layout,
   } = props
 
   const [hasError, setHasError] = useState<boolean>(false);
@@ -107,7 +108,7 @@ export default forwardRef((props: Props, ref) => {
   }))
 
   return (
-    <div className={classNames(preCls)}>
+    <div className={classNames(preCls, {[`${preCls}-row`]: layout==='row'})}>
       <div className={classNames(`${preCls}__label`)}>
         <span className={classNames(`${preCls}__label-text`)}>{label}</span>
         {require && <span className={classNames(`${preCls}__label-require`)}>*</span>}
@@ -137,4 +138,4 @@ export default forwardRef((props: Props, ref) => {
       </div>
     </div>
   )
-})
+})

package/src/components/form/index.tsx

@@ -75,6 +75,7 @@ const Form =  forwardRef((props: Props, ref) => {
   return (
     <div className={classNames(preCls, className)}>
       {React.Children.map(children, (child) => {
+        if (!child) return null;
         const { name, value } = child.props;
         initFieldsValue(name, value);
         return (

package/src/components/grid-layout/near-visitors/index.scss

@@ -7,8 +7,9 @@
   margin: 20px 4px;
   overflow: hidden;
   &__item {
-    width: 25%;
-    min-width: 53px;
+    width: 30%;
+    word-break: keep-all;
+    white-space: nowrap;
     height: 88px;
     margin-bottom: 16px;
     display: flex;

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

@@ -15,11 +15,11 @@ interface Props {
 export default function Visitor(props: Props) {
   const { iconSrc, name, dateTime, avatarColor, userId } = props;
 
-  const [visitTime, setVisitTime] = useState(judgeTimeSpaceFromNow(dateTime));
+  const [visitTime, setVisitTime] = useState(judgeTimeSpaceFromNow(dateTime, false));
   const toolTipRef = useRef<any>();
 
   useEffect(() => {
-    setVisitTime(judgeTimeSpaceFromNow(dateTime));
+    setVisitTime(judgeTimeSpaceFromNow(dateTime, false));
   }, [dateTime]);
 
   return (

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

@@ -0,0 +1,64 @@
+.titaui-keyword-search {
+  background: #fff;
+  height: 36px;
+  padding: 8px;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  display: flex;
+  border-radius: 18px;
+  box-sizing: border-box;
+  align-items: center;
+
+  &--active {
+    box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1),
+      0px 0px 4px 0px rgba(40, 121, 255, 0.3);
+    border: 1px solid #2879ff;
+  }
+
+  &__del-icon {
+    font-size: 20px;
+    color: #89919f;
+    margin-right: 4px;
+    &:hover {
+      cursor: pointer;
+      color: #f05e5e;
+    }
+  }
+  &__search-icon.tu-icon-search {
+    font-size: 20px !important;
+    cursor: pointer;
+    &:hover {
+      color: #2879ff;
+    }
+  }
+  &__input {
+    width: 0;
+    input {
+      width: 100%;
+      border: none;
+    }
+    animation: shrink 0.1s ease;
+  }
+  &--active {
+    .titaui-keyword-search__input {
+      width: 120px;
+      margin-right: 12px;
+      animation: grow 0.1s ease;
+    }
+  }
+}
+@keyframes grow {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 120px;
+  }
+}
+@keyframes shrink {
+  0% {
+    width: 120px;
+  }
+  100% {
+    width: 0;
+  }
+}

package/src/components/keyword-search/index.tsx

@@ -0,0 +1,60 @@
+
+import React, { useState, useRef }  from 'react';
+import classnames from 'classnames';
+import { getLocale } from '../../utils/getLocale';
+import './index.scss';
+
+const precls = 'titaui-keyword-search';
+
+interface IProps {
+  onSearch?: Function;
+}
+
+const KeywordSearch = (props: IProps) => {;
+  const { onSearch } = props;
+  const inputRef = useRef();
+  const [active, setActive] = useState(false);
+  const [keyword, setKeyword] = useState('');
+  const handleSearchClick = () => {
+    if(!active) {
+      setActive(true);
+      //@ts-ignore
+      inputRef?.current?.focus();
+    } else {
+      handleSearch()
+    }
+  }
+  const handleSearch = () => {
+    onSearch && onSearch({keyWords:keyword});
+  }
+
+  const handleOnBlur = (e) => {
+    if(!keyword.length) setActive(false);
+  }
+  const changeValue = (e) =>{
+    setKeyword(e.target.value)
+  }
+  const handleOnKeyDown = (e) => {
+    if(e.keyCode == 13) {
+      handleSearch();
+    }
+  }
+  const clearKeyword = (e) =>{
+    setKeyword('')
+  };
+
+  return <div className={classnames(precls, {[`${precls}--active`]: active})}>
+    <span className={`${precls}__input` }>
+      <input value={keyword} onKeyUp={handleOnKeyDown} onChange={changeValue} ref={inputRef} onBlur={handleOnBlur} placeholder={getLocale('Mod_Enterkeywords')} />
+    </span>
+    {
+      keyword.length > 0 && 
+      <span className={classnames('tu-icon-cross', `${precls}__del-icon` )} onClick={clearKeyword} />
+    }
+    <span className={classnames('tu-icon-search', `${precls}__search-icon`)} onClick={handleSearchClick}/>
+  </div>
+
+
+}
+export default KeywordSearch;
+ 

package/src/components/nav-top/components/user-message/components/remind/index.scss

@@ -29,7 +29,7 @@
 
     &-right {
       box-sizing: border-box;
-      width: 192px;
+      width: 175px;
       height: 60px;
       margin-left: 12px;
       padding-top: 8px;

package/src/components/okr-detail/base-info/base-info.tsx

@@ -377,8 +377,10 @@ const BaseInfo: FC<IBaseInfoProps> = ({ okrId }) => {
       <DialogConfirm visible={showDialogConfirm} type="warning">
         {/* @ts-ignore */}
         <span type="title">
-          确定删除此
-          {delUserType === 1 ? "参与" : getLocale("OKR_MyO_Butt_Follow")}人吗？
+          {delUserType === 1
+            ? getLocale("OKR_MyO_Err_Delepar")
+            : getLocale("OKR_MyO_Err_Delefol")}
+          ？
         </span>
         <CancelButton type="button" onClick={cancelDelPerson}>
           {getLocale("Mod_Cancel")}

package/src/components/okr-detail/base-info/other-infos/principal/index.tsx

@@ -59,7 +59,7 @@ const Principal: FC<IPrincipalProps> = ({user, onChangeUser, canEdit = false}) =
             ref={popConfirmRef}
             showArrow={false}
             style={{ width: 300 }}
-            title="您确定把负责人的权限转交吗?"
+            title={getLocale('OKR_MyO_Err_Transfer')}
             onCancel={cancelHandler}
             onConfirm={confirmHandler}
           >

package/src/components/okr-detail/components/header/o-avatar.tsx

@@ -5,6 +5,7 @@ import UserSelector from "../../../user-selector";
 import { GeneralDataContext } from "../../context";
 import { updateOkrPrincipal } from "../../request-apis";
 import PopConfirm from "../../../../components-v1/popConfirm";
+import { getLocale } from "../../../../utils/getLocale";
 
 interface IProps {
   editable: boolean;
@@ -79,7 +80,7 @@ const OAvatar = (props: IProps) => {
         ref={popConfirmRef}
         showArrow={false}
         style={{ width: 300 }}
-        title="您确定把负责人的权限转交吗?"
+        title={getLocale('OKR_MyO_Err_Transfer')}
         onCancel={cancelHandler}
         onConfirm={confirmHandler}
       >

package/src/components/okr-detail/components/okr-tree/tree-node/o-child-node/edit-child-okr-weight.tsx

@@ -4,6 +4,7 @@ import Toast from "../../../../../toast";
 import DialogConfirm from "../../../../../dialog-confirm";
 import { getRelWorks, updateChildOkrWeight } from "../../../../request-apis";
 import WeightInput from "./weight-input";
+import { getLocale } from "../../../../../../utils/getLocale";
 
 import "./index.scss";
 const { CancelButton, SureButton } = DialogConfirm;
@@ -99,7 +100,7 @@ const EditChildOkrWeight = (props: IProps) => {
               <span className={`${precls}__item-precls`} />
               <div className={`${precls}__item-name`}>{item.workName}</div>
               <div className={`${precls}__item-weight`}>
-                <span className={`${precls}__item-weight-label`}>权重</span>
+                <span className={`${precls}__item-weight-label`}>{getLocale('OKR_MyO_Err_Weights')}</span>
                 <WeightInput
                   workId={item.workId}
                   value={item.pweight}
@@ -112,12 +113,12 @@ const EditChildOkrWeight = (props: IProps) => {
       </Dialog>
       <DialogConfirm zIndex={1299} visible={showDialogConfirm} type="warning" className={`${precls}__confirm`}>
         {/* @ts-ignore */}
-        <span type="title">当前子目标权重合计小于100%，确定要保存吗？</span>
+        <span type="title">{getLocale('OKR_MyO_Err_Delefocus')}</span>
         <CancelButton type="button" onClick={closeDialogConfirm}>
-          取消
+          {getLocale('Mod_Cancel')}
         </CancelButton>
         <SureButton type="button" onClick={postData}>
-          确定
+          {getLocale('Mod_Determiness')}
         </SureButton>
       </DialogConfirm>
     </>

package/src/components/okr-detail/components/okr-tree/tree-node/o-child-node/weight-input.tsx

@@ -1,4 +1,5 @@
 import classNames from "classnames";
+import { getLocale } from "../../../../../../utils/getLocale";
 import React, { useState } from "react";
 import Tooltip from "../../../../../tooltip";
 import "./index.scss";
@@ -38,7 +39,7 @@ const WeightInput = (props: IProps) => {
       <Tooltip.Error
         overlay={
           <span style={{ color: "#F05E5E" }}>
-            仅允许输入 0-100 的数字，仅支持一位小数
+            {getLocale('OKR_MyO_KRP_Please0and100')}
           </span>
         }
         placement="top"