@titaui/pc 1.9.28 → 1.9.29

package/src/components/create-okr-modal/fields/input-with-err-popup.tsx

@@ -1,4 +1,5 @@
 import React, { FC, Fragment } from "react";
+import { inputWordTrans } from "../../../utils/i18n-front-translate";
 import Popup from "../../popup";
 import "./index.scss";
 
@@ -21,7 +22,7 @@ const StrLengthOverflowError: FC<IErrorPopContentProps> = ({
     <Fragment>
       {strLength > maxLength ? (
         <span className={"error-popup-text-wrapper"}>
-          {`已输入 ${strLength} 个字，最多可输入 ${maxLength} 个字`}
+          {inputWordTrans(strLength, maxLength)}
         </span>
       ) : null}
     </Fragment>

package/src/components/dynamic/dynamic-item/dynamic-create-o/index.scss

@@ -36,6 +36,7 @@
       line-height: 18px;
       margin-right: 4px;
       margin-top: 1px;
+      word-break: keep-all;
     }
     &-name {
       font-size: 14px;

package/src/components/dynamic/dynamic-item/dynamic-share-to-dynamic/index.tsx

@@ -9,6 +9,7 @@ import { getFeedTypeAndTypeColor } from '../../util';
 import { highLightWord } from '../../../../utils/tools';
 import { getUserInfo } from '../../../../utils/bs-global';
 import Guanlian from './img/guanlian.png';
+import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 const prefix = 'titaui-dynamic-share-to-dynamic';
@@ -27,7 +28,7 @@ const DynamicShare: FC<IDynamicItemContentProps> = ({ data, hasDynamicOpereateAu
 	const renderDesc = useMemo(() => {
 		return (
 			<Fragment>
-				<span className={prefix + '__operate-desc'}>分享了一堂好课</span>
+				<span className={prefix + '__operate-desc'}>{getLocale('Feed_sharedexcelle')}</span>
 				<span className={prefix + '-desc-operate-type'} style={{ background: feedTypeColor }} />
 			</Fragment>
 		);

package/src/components/help-card/image/liaojie.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>liaojie</title>
+    <g id="liaojie" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M120,20 C64.771525,20 20,64.771525 20,120 C20,175.228475 64.771525,220 120,220 C175.228475,220 220,175.228475 220,120 C220,64.771525 175.228475,20 120,20 Z M120,36 C166.391919,36 204,73.608081 204,120 C204,166.391919 166.391919,204 120,204 C73.608081,204 36,166.391919 36,120 C36,73.608081 73.608081,36 120,36 Z" id="椭圆形" fill="#141C28" fill-rule="nonzero"></path>
+        <path d="M120.008756,67 C111.978786,67 104.365434,69.5751522 98.5581514,74.2740154 C92.5462972,79.1476855 89.1380286,85.7464547 89.0041026,92.8525998 L89,93.4421688 C89,98.0147412 92.7048728,101.721543 97.275065,101.721543 C101.845257,101.721543 105.55013,98.0147412 105.55013,93.4421688 L105.55013,93.2882935 C105.55013,87.633082 111.918127,82.717229 120.008756,82.717229 C128.099386,82.717229 134.467382,87.633082 134.467382,93.2882935 C134.467382,97.3618411 131.236598,101.705432 126.529119,103.512236 L126.226653,103.624092 C121.998705,105.120732 118.37505,107.759616 115.76761,111.242806 C113.200769,114.69201 111.71593,119.721641 111.71593,124.292547 L111.71593,134.720625 C111.71593,139.293198 115.420803,143 119.990995,143 C124.561188,143 128.26606,139.293198 128.26606,134.720625 L128.26606,124.095087 C128.26606,121.733292 129.969128,119.083428 132.030331,118.350524 C143.332617,114.321686 151.000085,104.106804 151.000085,93.2882935 C151.0197,86.0248852 147.599248,79.251479 141.461239,74.2755365 C135.666971,69.5693086 128.057111,67 120.008756,67 Z" id="路径" fill="#2879FF" fill-rule="nonzero"></path>
+        <path d="M109,162 C109,168.075132 113.924868,173 120,173 C126.075132,173 131,168.075132 131,162 C131,155.924868 126.075132,151 120,151 C113.924868,151 109,155.924868 109,162 Z" id="路径" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/src/components/help-card/index.scss

@@ -14,7 +14,8 @@
   &-image {
     width: 24px;
     height: 24px;
-    background: url("./image/kefu.svg") 50% 50% no-repeat;
+    background: url("./image/liaojie.svg") 50% 50% no-repeat;
+    background-size: 24px 24px;
   }
 
   &-canceled {
@@ -206,20 +207,20 @@
   }
 
   100% {
-    transform: rotate(90deg);
+    transform: rotate(-90deg);
   }
 }
 
 @keyframes titaZoomInLB {
   0% {
     opacity: 0;
-    transform-origin: 0 100%;
+    transform-origin: 100% 100%;
     transform: scale(0, 0);
   }
 
   100% {
     opacity: 1;
-    transform-origin: 0 100%;
+    transform-origin: 100% 100%;
     transform: scale(1, 1);
   }
 }
@@ -227,13 +228,13 @@
 @keyframes titaZoomOutLB {
   0% {
     opacity: 1;
-    transform-origin: 0 100%;
+    transform-origin: 100% 100%;
     transform: scale(1, 1);
   }
 
   100% {
     opacity: 0;
-    transform-origin: 0 100%;
+    transform-origin: 100% 100%;
     transform: scale(0, 0);
   }
 }

package/src/components/help-card/index.tsx

@@ -209,7 +209,7 @@ const HelpCard: FC<HelpCardProps> = ({ ...restProps }) => {
     <div {...restProps}>
       <Popup
         popupTransitionName="tita-popup-zoom-left-bottom"
-        placement="topRight"
+        placement="topLeft"
         popupAlign={{
           offset: [-32, -10],
           overflow: {

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/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/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/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-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-v1/textarea/index.tsx

@@ -1,4 +1,5 @@
 import React, { PureComponent } from 'react'
+import { inputWordTrans } from '../../utils/i18n-front-translate'
 import { TextareaWrapper, Textarea, TextareaPlaceholder, TextareaWarning } from './style'
 
 interface Props {
@@ -115,7 +116,7 @@ export default class TextareaView extends PureComponent<Props, State> {
         </Textarea>
         {valueLen > (maxLength as number) && (
           <TextareaWarning>
-            <p>已输入{valueLen}  个字，最多可输入 {maxLength} 个字</p>
+            <p>{inputWordTrans(valueLen, maxLength)}</p>
           </TextareaWarning>
         )}
       </TextareaWrapper>

package/src/pages/aha2021/index.scss

@@ -17,17 +17,27 @@
     z-index: 3;
   }
 
-  &__invite {
+  &__invite,&__kefu {
     position: absolute;
     bottom: 74px;
-    left: 24px;
+    right: 24px;
     z-index: 2;
   }
 
+  &__kefu {
+    width: 42px;
+    height: 42px;
+    background: url('./kefu.svg') no-repeat;
+    background-size: 42px;
+    box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
+    cursor: pointer;
+    border-radius: 50%;
+  }
+
   &__help {
     position: absolute;
     bottom: 20px;
-    left: 24px;
+    right: 24px;
     z-index: 2;
   }
 

package/src/pages/aha2021/index.tsx

@@ -1,22 +1,21 @@
-import React, { Children, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import NavTop from '../../components/nav-top';
-import FollowerVisitor from '../../components/follower-visitor';
-import InvitePeople from '../../components/invite-people';
-import HelpCard from '../../components/help-card';
-import PointDemo from '../../components/point-demo/point-demo';
-import { isOfficialSite } from '../../utils/platform';
-import './index.scss';
-import { getTenantInfo } from '../../utils/helpers';
-import HrHeader from '../../components/hr-header';
+import React, { Children, useEffect } from "react";
+import classNames from "classnames";
+import Tooltip from "../../components/tooltip";
+import NavTop from "../../components/nav-top";
+import FollowerVisitor from "../../components/follower-visitor";
+import InvitePeople from "../../components/invite-people";
+import HelpCard from "../../components/help-card";
+import PointDemo from "../../components/point-demo/point-demo";
+import { isOfficialSite, isPlatform } from "../../utils/platform";
+import "./index.scss";
+import { getTenantInfo } from "../../utils/helpers";
+import HrHeader from "../../components/hr-header";
 
 const preCls = `titaui-aha-2021`;
 
 const ContentTemplate = (props) => {
   const { children, title } = props;
 
-  const [isTrial] = useState(window.BSGlobal.tenantAuthentication.Version == 1);
-
   useEffect(() => {
     if (title) document.title = title;
   }, []);
@@ -42,20 +41,39 @@ const PageLayout = (props) => {
   const { children } = props;
 
   const isTrial =
-    window.BSGlobal.tenantAuthentication.Version == 1 && isOfficialSite();
+    window.BSGlobal.tenantAuthentication.Version !== 1 && isOfficialSite();
+
+  const onClickKefu = () => {
+    const kefuUrl = isTrial
+      ? "https://wpa1.qq.com/vZYKN3kT?_type=wpa&qidian=true"
+      : "https://wpa1.qq.com/o6X4XD1n?_type=wpa&qidian=true";
+    window.open(kefuUrl);
+  };
 
   return (
     <div className={classNames(preCls)}>
       <div className={classNames(`${preCls}__header`)}>
-        {getTenantInfo().Source == 964 ? <HrHeader/> : <NavTop />}
+        {getTenantInfo().Source == 964 ? <HrHeader /> : <NavTop />}
       </div>
       <div className={classNames(`${preCls}__message`)}>
         <FollowerVisitor />
-      </div> 
+      </div>
       <div className={classNames(`${preCls}__body`)}>{children}</div>
       <div className={classNames(`${preCls}__help`)}>
         <HelpCard />
       </div>
+      {!isTrial && (
+        <Tooltip
+          overlay={"联系客服"}
+          placement="left"
+          align={{ offset: [0, 0] }}
+        >
+          <div
+            className={classNames(`${preCls}__kefu`)}
+            onClick={onClickKefu}
+          />
+        </Tooltip>
+      )}
       {isTrial && (
         <div className={classNames(`${preCls}__invite`)}>
           <InvitePeople />

package/src/pages/aha2021/kefu.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="42px" height="42px" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>联系客服</title>
+    <defs>
+        <linearGradient x1="50%" y1="3.061617e-15%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#4E90FF" offset="0%"></stop>
+            <stop stop-color="#2879FF" offset="100%"></stop>
+        </linearGradient>
+        <circle id="path-2" cx="21" cy="21" r="21"></circle>
+        <filter x="-9.5%" y="-9.5%" width="119.0%" height="119.0%" filterUnits="objectBoundingBox" id="filter-3">
+            <feMorphology radius="2" operator="erode" in="SourceAlpha" result="shadowSpreadInner1"></feMorphology>
+            <feGaussianBlur stdDeviation="3" in="shadowSpreadInner1" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M16.0326322,22.3870375 C17.2658552,23.6988927 19.0348583,24.52 21,24.52 C22.9651417,24.52 24.7341448,23.6988927 25.9677254,22.3884226 C28.2561116,22.7713626 30,24.7620278 30,27.16 L30,28.48 C30,30.4240423 28.4240423,32 26.48,32 L15.52,32 C13.5759577,32 12,30.4240423 12,28.48 L12,27.16 C12,24.7620278 13.7438884,22.7713626 16.0326322,22.3870375 Z M21,12.75 C23.7338095,12.75 25.95,15.0646878 25.95,17.92 C25.95,20.7753122 23.7338095,23.09 21,23.09 C18.2661905,23.09 16.05,20.7753122 16.05,17.92 C16.05,15.0646878 18.2661905,12.75 21,12.75 Z" id="path-4"></path>
+        <filter x="-8.3%" y="-7.8%" width="116.7%" height="115.6%" filterUnits="objectBoundingBox" id="filter-5">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.156862745   0 0 0 0 0.474509804   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M21,10 C24.9277825,10 28.2259218,12.625855 29.1450821,16.1736317 C29.6496186,16.4041954 30,16.914055 30,17.5057506 L30,19.053028 C30,19.8630456 29.343351,20.5196947 28.5333333,20.5196947 L28.3666667,20.5196947 C27.556649,20.5196947 26.9,19.8630456 26.9,19.053028 L26.9,17.5057506 C26.9,17.0104727 27.1454948,16.5725332 27.5214379,16.3069786 C26.6936147,13.562158 24.0870351,11.5584733 21,11.5584733 C17.9129808,11.5584733 15.3064121,13.5621374 14.4762481,16.3071469 C14.8545052,16.5725332 15.1,17.0104727 15.1,17.5057506 L15.1,19.053028 C15.1,19.8630456 14.443351,20.5196947 13.6333333,20.5196947 L13.4666667,20.5196947 C12.656649,20.5196947 12,19.8630456 12,19.053028 L12,17.5057506 C12,16.9136645 12.3508441,16.4035223 12.8559786,16.171878 C13.7744369,12.6255694 17.0724311,10 21,10 Z" id="path-6"></path>
+        <filter x="-2.8%" y="-4.8%" width="105.6%" height="109.5%" filterUnits="objectBoundingBox" id="filter-7">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.156862745   0 0 0 0 0.474509804   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-1142.000000, -684.000000)" id="联系客服">
+            <g transform="translate(1142.000000, 684.000000)">
+                <g id="椭圆形">
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                </g>
+                <g id="形状结合">
+                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-4"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                </g>
+                <g id="形状结合" fill-rule="nonzero">
+                    <use fill="#FFFFFF" xlink:href="#path-6"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/pages/group-management/tree/group-form/index.js

@@ -4,6 +4,7 @@ import UserSelector from '../../../../components/user-selector';
 import { Textarea, Radio } from 'tita-ui';
 import { getVisible } from '../../groupInterface';
 import { getLocale } from '../../../../utils/getLocale';
+import { inputWordTrans } from '../../../../utils/i18n-front-translate';
 import './index.scss'
 
 const preCls = 'user-group-page'
@@ -58,7 +59,7 @@ export default forwardRef((props, ref) => {
       }
     }
     if (value.length > 50) {
-      setGroupNameErrMsg(`已输入${value.length}个字，最多可输入50个字`)
+      setGroupNameErrMsg(inputWordTrans(value.length, 50))
     } else {
       setGroupNameErrMsg('')
     }
@@ -66,7 +67,7 @@ export default forwardRef((props, ref) => {
 
   const onGroupNameBlur = () => {
     if (groupName.length > 50) {
-      setGroupNameErrMsg(`已输入${groupName.length}个字，最多可输入50个字`)
+      setGroupNameErrMsg(inputWordTrans(groupName.length, 50))
     } else {
       setGroupNameErrMsg('')
     }

package/src/utils/i18n-front-translate.ts

@@ -6,3 +6,11 @@ export const i18nLimitCharacters = (length) => {
     return `最多可输入${length}个字`;
   }
 };
+
+export const inputWordTrans = (inputValueLength, maxLength) => {
+  if (isEn) {
+    return `Already entered ${inputValueLength} characters,max ${maxLength} characters`;
+  } else {
+    return `已输入${inputValueLength}个字，最多可输入${maxLength}字`;
+  }
+}