@titaui/pc 1.9.53 → 1.9.54

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

@@ -1,32 +1,33 @@
 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 (const item of res) {
+    postComponentForData(ComponentId).then(res => {
+      for (let item of res) {
         switch (item.componentDataProp) {
           case "tenantWorkCloud":
-            setWordsData(item.componentData);
+            setWordsData(item.componentData)
         }
       }
-    });
-  }, []);
+    })
+  }, [])
 
   // useEffect(() => {
   //   if (wordsData.length === 0) {
@@ -35,25 +36,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]}
@@ -61,4 +62,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,21 +38,19 @@ 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 function AvatarTips({ message, content, styles = {} }: Props) {
+export const AvatarTips = ({ message, content, styles = {} }: Props) => {
   const [updateTime, setUpdateTime] = useState(
-    message && judgeTimeSpaceFromNow(message.date),
+    message && judgeTimeSpaceFromNow(message.date)
   );
 
   useEffect(() => {
@@ -63,7 +61,7 @@ export function 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}
@@ -73,23 +71,21 @@ export function 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,9 +13,7 @@ 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 (const item in loginUserInfo) {
+    for (let 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 (const item of res) {
+      for (let 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,29 +145,24 @@ 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,83 +121,89 @@ const HelpCard: FC<HelpCardProps> = ({ ...restProps }) => {
     );
   };
 
-  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-content-item`}
-                onClick={() => handleSkip(item.questionUrl)}
-                key={key}
-              >
-                {item.questionName}
-              </div>
-            ))}
-          </div>
+  const popupContent = () => {
+    return (
+      <div className={preCls}>
+        <div className={`${preCls}__header`}>
+          <div className={`${preCls}__header-avatar`}></div>
+          Tita小助手
         </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) => (
+        <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-content-item`}
-                onClick={() => handleSkip(item.questionUrl)}
-                key={key}
+                className={`${preCls}__body-item-title-right`}
+                onClick={chageBatch}
               >
-                {item.questionName}
+                <span className="tu-icon-gengxin1"></span>
+                换一批
               </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>
-      <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 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>
-        )}
-        {renderKefu()}
       </div>
-    </div>
-  );
+    );
+  };
 
   return (
     <div {...restProps}>
@@ -220,12 +226,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,20 +1,22 @@
-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();
-  const version = getVersion();
+  let source = getSource()
+  let 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) => res.data);
-};
+    .then(res => {
+      return res.data;
+    })
+}
+