@titaui/pc 1.9.48 → 1.9.49

package/src/components/grid-layout/words-cloud/index.tsx

@@ -1,33 +1,32 @@
 import React, { useState, useEffect } from "react";
 import TitaChart from "../../tita-chart";
-import { WordsData } from '../../tita-chart/charts/words-cloud'
-import { CardTitle, CardContainer, CardFlexContent, Advice } from '../commen-components'
-import postComponentForData from "../util/network"
-import lvMask from '../image/lv'
-import couldMask from '../image/could'
-import titaMask from '../image/tita-mask'
+import { WordsData } from "../../tita-chart/charts/words-cloud";
+import {
+  CardTitle, CardContainer, CardFlexContent, Advice,
+} from "../commen-components";
+import postComponentForData from "../util/network";
+import lvMask from "../image/lv";
+import couldMask from "../image/could";
+import titaMask from "../image/tita-mask";
 import { getLocale } from "../../../utils/getLocale";
 import { getBSGlobal } from "../../../utils/bs-global";
 
-const ComponentId = 'Enterprise-Focus-Hotspots'
-
-
+const ComponentId = "Enterprise-Focus-Hotspots";
 
 export default function WordCloudComponent() {
-
   const versionInfo = getBSGlobal("tenantAuthentication");
-  const [wordsData, setWordsData] = useState<WordsData>([])
+  const [wordsData, setWordsData] = useState<WordsData>([]);
 
   useEffect(() => {
-    postComponentForData(ComponentId).then(res => {
-      for (let item of res) {
+    postComponentForData(ComponentId).then((res) => {
+      for (const item of res) {
         switch (item.componentDataProp) {
           case "tenantWorkCloud":
-            setWordsData(item.componentData)
+            setWordsData(item.componentData);
         }
       }
-    })
-  }, [])
+    });
+  }, []);
 
   // useEffect(() => {
   //   if (wordsData.length === 0) {
@@ -36,25 +35,25 @@ export default function WordCloudComponent() {
   // }, [wordsData])
 
   return (
-    <CardContainer styles={{ padding: '20px 22px 0' }}>
+    <CardContainer styles={{ padding: "20px 22px 0" }}>
       <CardTitle
-        content={getLocale('HP_Hotcompanies')}
-        iconUrl={require('../image/Collaboration.png')}
-        tips={getLocale('HP_Theenterprise')}
+        content={getLocale("HP_Hotcompanies")}
+        iconUrl={require("../image/Collaboration.png")}
+        tips={getLocale("HP_Theenterprise")}
       >
         {versionInfo.Version === 1 && wordsData.length === 0 && (
           <Advice
-            styles={{ float: 'right' }}
+            styles={{ float: "right" }}
             link="https://wpa1.qq.com/o6X4XD1n?_type=wpa&qidian=true"
           >
-            <img src={require('../image/advise.svg')} />
-            {getLocale('HP_Upgradeview')}
+            <img src={require("../image/advise.svg")} />
+            {getLocale("HP_Upgradeview")}
           </Advice>
         )}
       </CardTitle>
       <CardFlexContent>
         <TitaChart.WordsCloud
-          styles={{ width: '100%', height: '100%', marginTop: '20px' }}
+          styles={{ width: "100%", height: "100%", marginTop: "20px" }}
           ImageMask={couldMask}
           wordsData={wordsData}
           fontSize={[8, 64]}
@@ -62,4 +61,4 @@ export default function WordCloudComponent() {
       </CardFlexContent>
     </CardContainer>
   );
-}
+}

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

@@ -1,7 +1,7 @@
-import React, { useEffect, useState, Fragment } from 'react';
-import { judgeTimeSpaceFromNow } from '../../../utils/date-test-change';
-import Avatar from '../../avatar';
-import { OpenUserName } from '../../../utils/open-data';
+import React, { useEffect, useState, Fragment } from "react";
+import { judgeTimeSpaceFromNow } from "../../../utils/date-test-change";
+import Avatar from "../../avatar";
+import { OpenUserName } from "../../../utils/open-data";
 
 interface Props {
   iconsrc?: string;
@@ -20,14 +20,14 @@ export interface ScrollMessage {
 
 export default function ScrollTips(props: Props) {
   const {
-    iconsrc = require('../image/Notification.png'),
+    iconsrc = require("../image/Notification.png"),
     message,
     content,
     styles = {},
   } = props;
 
   const [updateTime, setUpdateTime] = useState(
-    message && judgeTimeSpaceFromNow(message.date)
+    message && judgeTimeSpaceFromNow(message.date),
   );
 
   useEffect(() => {
@@ -38,19 +38,21 @@ export default function ScrollTips(props: Props) {
     <div className="grid-component-scrollTips" style={styles}>
       <img className="grid-component-scrollTips__img" src={iconsrc} />
       <span className="grid-component-scrollTips__tip__content">
-        <OpenUserName name={message.name} id={message.userId} /> {content}
+        <OpenUserName name={message.name} id={message.userId} />
+        {" "}
+        {content}
       </span>
       <span className="grid-component-scrollTips__tip__date">
-        {' '}
+        {" "}
         {updateTime}
       </span>
     </div>
   );
 }
 
-export const AvatarTips = ({ message, content, styles = {} }: Props) => {
+export function AvatarTips({ message, content, styles = {} }: Props) {
   const [updateTime, setUpdateTime] = useState(
-    message && judgeTimeSpaceFromNow(message.date)
+    message && judgeTimeSpaceFromNow(message.date),
   );
 
   useEffect(() => {
@@ -61,7 +63,7 @@ export const AvatarTips = ({ message, content, styles = {} }: Props) => {
   return (
     <div className="grid-component-scrollTips" style={styles}>
       {message && message.name ? (
-        <Fragment>
+        <>
           <div className="grid-component-scrollTips__img--avatar">
             <Avatar
               color={message.avatarColor as string}
@@ -71,21 +73,23 @@ export const AvatarTips = ({ message, content, styles = {} }: Props) => {
             />
           </div>
           <span className="grid-component-scrollTips__tip__content">
-            <OpenUserName name={message.name} id={message.userId} /> {content}
+            <OpenUserName name={message.name} id={message.userId} />
+            {" "}
+            {content}
           </span>
           <span className="grid-component-scrollTips__tip__date">
-            {' '}
+            {" "}
             {updateTime}
           </span>
-        </Fragment>
+        </>
       ) : (
         <span
           className="grid-component-scrollTips__tip__content"
-          style={{ textAlign: 'center' }}
+          style={{ textAlign: "center" }}
         >
           {content}
         </span>
       )}
     </div>
   );
-};
+}

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

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

package/src/components/grid-page/personal-info/index.tsx

@@ -1,62 +1,62 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { CardContainer } from '../commen-components';
-import { AvatarTips, ScrollMessage } from '../commen-components/scroll-tips';
-import postComponentForData from '../util/network';
-import Avatar from '../../avatar';
-import Tooltip from '../../tooltip';
-import { OpenUserName, OpenDepartmentName } from '../../../utils/open-data';
-import { getLocale } from '../../../utils/getLocale';
+import React, { useState, useEffect, useRef } from "react";
+import { CardContainer } from "../commen-components";
+import { AvatarTips, ScrollMessage } from "../commen-components/scroll-tips";
+import postComponentForData from "../util/network";
+import Avatar from "../../avatar";
+import Tooltip from "../../tooltip";
+import { OpenUserName, OpenDepartmentName } from "../../../utils/open-data";
+import { getLocale } from "../../../utils/getLocale";
 
-import './index.scss';
+import "./index.scss";
 
-const ComponentId = 'Personal-Information-Display';
+const ComponentId = "Personal-Information-Display";
 
 export default function PersonalInfoComponent() {
-  const [avatarUrl, setAvatarUrl] = useState('');
+  const [avatarUrl, setAvatarUrl] = useState("");
   const [userName, setUserName] = useState({
-    name: '',
+    name: "",
     userId: -1,
   });
   const [department, setDepartment] = useState({
-    name: '',
+    name: "",
     departmentId: -1,
   });
   const [fansNum, setFansNum] = useState(0);
   const [likeNum, setLikeNum] = useState(0);
   const [scrollMessage, setScrollMessage] = useState<ScrollMessage>({
-    name: '',
-    date: '',
+    name: "",
+    date: "",
     userId: -1,
   });
   const [userRoles, setUserRoles] = useState<string[]>([]);
-  const [avatarColor, setAvatarColor] = useState('');
+  const [avatarColor, setAvatarColor] = useState("");
   const toolTipRef = useRef<any>();
   useEffect(() => {
-    //获取个人标签
-    //@ts-ignore
+    // 获取个人标签
+    // @ts-ignore
     const loginUserInfo = BSGlobal && BSGlobal.loginUserInfo;
     const userRoleList: string[] = [];
-    for (let item in loginUserInfo) {
+    for (const item in loginUserInfo) {
       switch (item) {
-        case 'IsBoss':
-          loginUserInfo['IsBoss'] && userRoleList.push('boss');
+        case "IsBoss":
+          loginUserInfo.IsBoss && userRoleList.push("boss");
           break;
-        case 'Role':
-          loginUserInfo['Role'] === 2 && userRoleList.push('super');
-          loginUserInfo['Role'] === 4 && userRoleList.push('userManager');
+        case "Role":
+          loginUserInfo.Role === 2 && userRoleList.push("super");
+          loginUserInfo.Role === 4 && userRoleList.push("userManager");
           break;
-        case 'IsTitaFeedSystemManager':
-          loginUserInfo['IsTitaFeedSystemManager'] &&
-            userRoleList.push('assistant');
+        case "IsTitaFeedSystemManager":
+          loginUserInfo.IsTitaFeedSystemManager
+            && userRoleList.push("assistant");
           break;
       }
     }
     setUserRoles(userRoleList.slice(0, 2));
-    //请求获取信息
+    // 请求获取信息
     postComponentForData(ComponentId).then((res) => {
-      for (let item of res) {
+      for (const item of res) {
         switch (item.componentDataProp) {
-          case 'myInfo':
+          case "myInfo":
             setAvatarUrl(item?.componentData[0].simpleUserModelV2.avatar.large);
             setUserName({
               name: item?.componentData[0]?.simpleUserModelV2?.name,
@@ -68,18 +68,18 @@ export default function PersonalInfoComponent() {
                 item?.componentData[0]?.simpleUserModelV2?.departmentId,
             });
             setAvatarColor(
-              item?.componentData[0]?.simpleUserModelV2?.avatar?.color
+              item?.componentData[0]?.simpleUserModelV2?.avatar?.color,
             );
             break;
-          case 'myFollowInfo':
+          case "myFollowInfo":
             setFansNum(item?.componentData[0]?.total);
             break;
-          case 'myPraiseInfo':
+          case "myPraiseInfo":
             setLikeNum(item?.componentDataCount);
             break;
-          case 'latelyFPInfo':
-            item?.componentData[0] &&
-              setScrollMessage({
+          case "latelyFPInfo":
+            item?.componentData[0]
+              && setScrollMessage({
                 name: item?.componentData[0]?.simpleUserModelV2?.name,
                 date: item?.componentData[0]?.folowPariseDate,
                 userId: item?.componentData[0]?.simpleUserModelV2?.userId,
@@ -100,8 +100,8 @@ export default function PersonalInfoComponent() {
           <div className="PersonalInfoComponent-PersonalInfo__maskimg-mask" />
           <img
             className="PersonalInfoComponent-PersonalInfo__maskimg-img"
-            style={{ filter: avatarUrl ? 'blur(10px)' : 'blur(6px)' }}
-            src={avatarUrl || require('../image/default-background-img.png')}
+            style={{ filter: avatarUrl ? "blur(10px)" : "blur(6px)" }}
+            src={avatarUrl || require("../image/default-background-img.png")}
           />
         </div>
       </div>
@@ -123,11 +123,11 @@ export default function PersonalInfoComponent() {
           placement="top"
         >
           <p className="PersonalInfoComponent-PersonalInfo__personInfo__info">
-            <span style={{ textAlign: 'right' }}>
+            <span style={{ textAlign: "right" }}>
               <OpenUserName name={userName.name} id={userName.userId} />
             </span>
             <i />
-            <span style={{ textAlign: 'left' }}>
+            <span style={{ textAlign: "left" }}>
               <OpenDepartmentName
                 name={department.name}
                 id={department.departmentId}
@@ -145,24 +145,29 @@ export default function PersonalInfoComponent() {
 
       <div className="PersonalInfoComponent-PersonalInfo__fansinfo">
         <span className="PersonalInfoComponent-PersonalInfo__fansinfo__attention">
-          <img src={require('../image/visit-icon.png')} /> <b>{fansNum}</b>
-          {getLocale('HP_peoplefollow')}
+          <img src={require("../image/visit-icon.png")} />
+          {" "}
+          <b>{fansNum}</b>
+          {getLocale("HP_peoplefollow")}
         </span>
         <span className="PersonalInfoComponent-PersonalInfo__fansinfo__like">
-          <img src={require('../image/liking.png')} /> <b>{likeNum}</b>{getLocale('HP_Kudos')}
+          <img src={require("../image/liking.png")} />
+          {" "}
+          <b>{likeNum}</b>
+          {getLocale("HP_Kudos")}
         </span>
       </div>
       {scrollMessage.name && scrollMessage.name.length ? (
         <AvatarTips
           message={scrollMessage}
           content="关注了我"
-          styles={{ height: '28px', padding: '0 28px', lineHeight: '28px' }}
+          styles={{ height: "28px", padding: "0 28px", lineHeight: "28px" }}
         />
       ) : (
-        //@ts-ignore
+        // @ts-ignore
         <AvatarTips
-          content={"🥰 "+getLocale('HP_Smallwindow')}
-          styles={{ height: '28px', padding: '0 28px', lineHeight: '28px' }}
+          content={`🥰 ${getLocale("HP_Smallwindow")}`}
+          styles={{ height: "28px", padding: "0 28px", lineHeight: "28px" }}
         />
       )}
     </CardContainer>

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

@@ -1,7 +1,7 @@
 import React, { FC, useState, useEffect } from "react";
+import classNames from "classnames";
 import Popup from "../popup";
 import PointDemo from "../point-demo";
-import classNames from "classnames";
 import { isPlatform, isWxTrial } from "../../utils/open-data";
 import { getVersion } from "../../utils/bs-global";
 import { getQuestionList } from "./request-api";
@@ -53,12 +53,12 @@ const HelpCard: FC<HelpCardProps> = ({ ...restProps }) => {
     setVisible(false);
     setPointVisible(true);
     // @ts-ignore
-    window.titaTracker &&
+    window.titaTracker
       // @ts-ignore
-      window.titaTracker('action').record({
-        actionName: '申请演示',
-        actionGroup: '试用版-申请演示',
-        productName: '系统内-申请演示',
+      && window.titaTracker("action").record({
+        actionName: "申请演示",
+        actionGroup: "试用版-申请演示",
+        productName: "系统内-申请演示",
       });
   };
 
@@ -68,7 +68,7 @@ const HelpCard: FC<HelpCardProps> = ({ ...restProps }) => {
       window.open("https://wiki.tita.com/pages/viewpage.action?pageId=4915206");
     } else if (isPlatform("feishu")) {
       window.open(
-        "https://wiki.tita.com/pages/viewpage.action?pageId=12026137"
+        "https://wiki.tita.com/pages/viewpage.action?pageId=12026137",
       );
     } else {
       window.open("https://wiki.tita.com/display/TITA1/Tita");
@@ -94,14 +94,14 @@ const HelpCard: FC<HelpCardProps> = ({ ...restProps }) => {
 
   const handleClickTracker = (title) => {
     // @ts-ignore
-    window.titaTracker &&
+    window.titaTracker
     // @ts-ignore
-    window.titaTracker('action').record({
+    && window.titaTracker("action").record({
       actionName: `Tita小助手__${title}`,
-      actionGroup: 'Tita小助手',
-      productName: 'Tita小助手',
+      actionGroup: "Tita小助手",
+      productName: "Tita小助手",
     });
-  }
+  };
 
   const chageBatch = () => {
     if (guessQuestionNum > pageNum * 3) {
@@ -121,89 +121,83 @@ const HelpCard: FC<HelpCardProps> = ({ ...restProps }) => {
     );
   };
 
-  const popupContent = () => {
-    return (
-      <div className={preCls}>
-        <div className={`${preCls}__header`}>
-          <div className={`${preCls}__header-avatar`}></div>
-          Tita小助手
-        </div>
-        <div className={`${preCls}__body`}>
-          <div className={`${preCls}__body-item`}>
-            <div className={`${preCls}__body-item-title`}>
-              <div className={`${preCls}__body-item-title-left`}>猜你想问</div>
+  const popupContent = () => (
+    <div className={preCls}>
+      <div className={`${preCls}__header`}>
+        <div className={`${preCls}__header-avatar`} />
+        Tita小助手
+      </div>
+      <div className={`${preCls}__body`}>
+        <div className={`${preCls}__body-item`}>
+          <div className={`${preCls}__body-item-title`}>
+            <div className={`${preCls}__body-item-title-left`}>猜你想问</div>
+            <div
+              className={`${preCls}__body-item-title-right`}
+              onClick={chageBatch}
+            >
+              <span className="tu-icon-gengxin1" />
+              换一批
+            </div>
+          </div>
+          <div className={`${preCls}__body-item-content`}>
+            {guessList.map((item, key) => (
               <div
-                className={`${preCls}__body-item-title-right`}
-                onClick={chageBatch}
+                className={`${preCls}__body-item-content-item`}
+                onClick={() => handleSkip(item.questionUrl)}
+                key={key}
               >
-                <span className="tu-icon-gengxin1"></span>
-                换一批
+                {item.questionName}
               </div>
-            </div>
-            <div className={`${preCls}__body-item-content`}>
-              {guessList.map((item, key) => {
-                return (
-                  <div
-                    className={`${preCls}__body-item-content-item`}
-                    onClick={() => handleSkip(item.questionUrl)}
-                    key={key}
-                  >
-                    {item.questionName}
-                  </div>
-                );
-              })}
-            </div>
-          </div>
-          <div className={`${preCls}__body-item`}>
-            <div className={`${preCls}__body-item-title`}>
-              <div className={`${preCls}__body-item-title-left`}>推荐查看</div>
-            </div>
-            <div className={`${preCls}__body-item-content`}>
-              {recommendList.map((item, key) => {
-                return (
-                  <div
-                    className={`${preCls}__body-item-content-item`}
-                    onClick={() => handleSkip(item.questionUrl)}
-                    key={key}
-                  >
-                    {item.questionName}
-                  </div>
-                );
-              })}
-            </div>
+            ))}
           </div>
         </div>
-        <div className={`${preCls}__footer`}>
-          {isTrial && (
-            <div className={`${preCls}__footer-item`} onClick={handlePoint}>
-              <img src={require("./image/yuyueyanshi.svg")} alt="预约演示" />
-              预约演示
-            </div>
-          )}
-          <div className={`${preCls}__footer-item`} onClick={handleHelpCenter}>
-            <img src={require("./image/helpzx.svg")} alt="帮助中心" />
-            帮助中心
+        <div className={`${preCls}__body-item`}>
+          <div className={`${preCls}__body-item-title`}>
+            <div className={`${preCls}__body-item-title-left`}>推荐查看</div>
+          </div>
+          <div className={`${preCls}__body-item-content`}>
+            {recommendList.map((item, key) => (
+              <div
+                className={`${preCls}__body-item-content-item`}
+                onClick={() => handleSkip(item.questionUrl)}
+                key={key}
+              >
+                {item.questionName}
+              </div>
+            ))}
           </div>
-          {!isTrial && (
-            <div className={`${preCls}__footer-item`} onClick={handleUpgrade}>
-              <img src={require("./image/upgrade.svg")} alt="升级通知" />
-              升级通知
-            </div>
-          )}
-          {!isPlatform("feishu") && (
-            <div
-              className={`${preCls}__footer-item`}
-              onClick={handleKnowledgeCommunity}
-            >
-              <img src={require("./image/okr-shequ.svg")} alt="知识社区" />
-              知识社区
-            </div>
-          )}
-          {renderKefu()}
         </div>
       </div>
-    );
-  };
+      <div className={`${preCls}__footer`}>
+        {isTrial && (
+        <div className={`${preCls}__footer-item`} onClick={handlePoint}>
+          <img src={require("./image/yuyueyanshi.svg")} alt="预约演示" />
+          预约演示
+        </div>
+        )}
+        <div className={`${preCls}__footer-item`} onClick={handleHelpCenter}>
+          <img src={require("./image/helpzx.svg")} alt="帮助中心" />
+          帮助中心
+        </div>
+        {!isTrial && (
+        <div className={`${preCls}__footer-item`} onClick={handleUpgrade}>
+          <img src={require("./image/upgrade.svg")} alt="升级通知" />
+          升级通知
+        </div>
+        )}
+        {!isPlatform("feishu") && (
+        <div
+          className={`${preCls}__footer-item`}
+          onClick={handleKnowledgeCommunity}
+        >
+          <img src={require("./image/okr-shequ.svg")} alt="知识社区" />
+          知识社区
+        </div>
+        )}
+        {renderKefu()}
+      </div>
+    </div>
+  );
 
   return (
     <div {...restProps}>
@@ -226,12 +220,12 @@ const HelpCard: FC<HelpCardProps> = ({ ...restProps }) => {
           align={[0, 0]}
           overlay={<span>遇到问题了？点我试试～</span>}
         >
-          <div className={classNames(`home-fixed-kefu`)}>
+          <div className={classNames("home-fixed-kefu")}>
             <div
-              className={classNames(`home-fixed-kefu-image`, {
+              className={classNames("home-fixed-kefu-image", {
                 "home-fixed-kefu-canceled": visible,
               })}
-            ></div>
+            />
           </div>
         </Tooltip>
       </Popup>

package/src/components/help-card/request-api.js

@@ -1,22 +1,20 @@
-import axios from 'axios';
-import { getSource, getVersion } from "../../utils/bs-global"
+import axios from "axios";
+import { getSource, getVersion } from "../../utils/bs-global";
+
 const tenantId = BSGlobal && BSGlobal.tenantInfo.Id || 0;
 const userId = BSGlobal && BSGlobal.loginUserInfo.Id || 0;
 
 const requestDomain = () => {
-  if (!window.location.hostname.match(/dev/)) return '';
-  return `${location.protocol}//www.tita.gift`
+  if (!window.location.hostname.match(/dev/)) return "";
+  return `${location.protocol}//www.tita.gift`;
 };
 
 export const getQuestionList = (pageNum) => {
-  let source = getSource()
-  let version = getVersion()
+  let source = getSource();
+  const version = getVersion();
   if (source !== 860 || source !== 861 || source !== 862) {
-    source = 0
+    source = 0;
   }
   return axios.get(`${requestDomain()}/api/v1/${tenantId}/${userId}/const/question?source=${source}&pageSize=${3}&pageNum=${pageNum}&version=${version == 1 ? 1 : 2}`)
-    .then(res => {
-      return res.data;
-    })
-}
-
+    .then((res) => res.data);
+};