@titaui/pc 1.9.49 → 1.9.50

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

@@ -1,99 +1,99 @@
-import React, {
-  FC, useContext, useMemo, Fragment, useEffect, useRef, useState,
-} from "react";
-import classNames from "classnames";
-import { IDynamicItemContentProps } from "../../interface";
-import LeftQuotoSvg from "../../img/dynamic-left-quoto.svg";
-import { SearchKeyContext } from "../../context";
-import DynamicItemHeader from "../components/header";
-import DangerousHtml from "../../components/dangerous-html";
-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";
+import React, { FC, useContext, useMemo, Fragment, useEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import { IDynamicItemContentProps } from '../../interface';
+import LeftQuotoSvg from '../../img/dynamic-left-quoto.svg';
+import { SearchKeyContext } from '../../context';
+import DynamicItemHeader from '../components/header';
+import DangerousHtml from '../../components/dangerous-html';
+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";
+const prefix = 'titaui-dynamic-share-to-dynamic';
 
 const userId = getUserInfo().Id;
 
 const DynamicShare: FC<IDynamicItemContentProps> = ({ data, hasDynamicOpereateAuth = false, ...restProps }) => {
-  const { searchKeyWord } = useContext(SearchKeyContext);
-  const contentRef = useRef<any>();
-  const { feedTypeText, feedTypeColor } = getFeedTypeAndTypeColor(data.feedType);
-  const isPublisher = data.publishUser.userId === window.BSGlobal.loginUserInfo.Id;
+	const { searchKeyWord } = useContext(SearchKeyContext);
+	const contentRef = useRef<any>();
+	const { feedTypeText, feedTypeColor } = getFeedTypeAndTypeColor(data.feedType);
+	const isPublisher = data.publishUser.userId === window.BSGlobal.loginUserInfo.Id;
 
-  const [title, setTitle] = useState();
-  const [content, setContent] = useState();
+	const [ title, setTitle ] = useState();
+	const [ content, setContent ] = useState();
 
-  const renderDesc = useMemo(() => (
-    <>
-      <span className={`${prefix}__operate-desc`}>{getLocale("Feed_sharedexcelle")}</span>
-      <span className={`${prefix}-desc-operate-type`} style={{ background: feedTypeColor }} />
-    </>
-  ), []);
+	const renderDesc = useMemo(() => {
+		return (
+			<Fragment>
+				<span className={prefix + '__operate-desc'}>{getLocale('Feed_sharedexcelle')}</span>
+				<span className={prefix + '-desc-operate-type'} style={{ background: feedTypeColor }} />
+			</Fragment>
+		);
+	}, []);
 
-  const htmlToText = (text) => {
-    const div = document.createElement("div");
-    div.innerHTML = text;
-    text = div.innerText || div.textContent;
-    return text;
-  };
+	const htmlToText = (text) => {
+		let div = document.createElement('div');
+		div.innerHTML = text;
+		text = div.innerText || div.textContent;
+		return text;
+	};
 
-  const handleClick = () => {
-    window.open(`${window.location.origin}/${userId}/eLearningHome${data.shareUrl}`);
-  };
+	const handleClick = () => {
+		window.open(`${window.location.origin}/${userId}/eLearningHome${data.shareUrl}`);
+	};
 
-  useEffect(
-    () => {
-      highLightWord({
-        parentDom: contentRef.current,
-        keyWord: searchKeyWord,
-      });
-    },
-    [data, searchKeyWord],
-  );
+	useEffect(
+		() => {
+			highLightWord({
+				parentDom: contentRef.current,
+				keyWord: searchKeyWord
+			});
+		},
+		[ data, searchKeyWord ]
+	);
 
-  useEffect(() => {
-    if (data.shareContent && typeof data.shareContent === "string" && data.shareContent.substr(0, 1) === "{") {
-      setTitle(JSON.parse(data.shareContent).title);
-      setContent(htmlToText(JSON.parse(data.shareContent).content));
-    }
-  }, []);
+	useEffect(() => {
+		if (data.shareContent && typeof data.shareContent === 'string' && data.shareContent.substr(0, 1) === '{') {
+			setTitle(JSON.parse(data.shareContent).title);
+			setContent(htmlToText(JSON.parse(data.shareContent).content));
+		}
+	}, []);
 
-  return (
-    <div className={prefix}>
-      <DynamicItemHeader
-        data={data}
-        desc={renderDesc}
-        showDelete={hasDynamicOpereateAuth || isPublisher}
-        showTopping={hasDynamicOpereateAuth}
-        user={data.publishUser}
-        {...restProps}
-      />
-      <div className={`${prefix}__content`}>
-        <div>
-          <img
-            className={classNames(`${prefix}__content-quoto`, `${prefix}__content-quoto--left`)}
-            src={LeftQuotoSvg}
-          />
+	return (
+		<div className={prefix}>
+			<DynamicItemHeader
+				data={data}
+				desc={renderDesc}
+				showDelete={hasDynamicOpereateAuth || isPublisher}
+				showTopping={hasDynamicOpereateAuth}
+				user={data.publishUser}
+				{...restProps}
+			/>
+			<div className={prefix + '__content'}>
+				<div>
+					<img
+						className={classNames(prefix + '__content-quoto', prefix + '__content-quoto--left')}
+						src={LeftQuotoSvg}
+					/>
+				</div>
+				<div ref={contentRef} className={`${prefix}__content-title`}>
+					<DangerousHtml htmlText={data.content} />
+				</div>
+			</div>
+			<div className={classNames(`${prefix}__share`)} onClick={handleClick}>
+        <div className={classNames(`${prefix}__share-img`)} >
+				<img src={Guanlian}/>
         </div>
-        <div ref={contentRef} className={`${prefix}__content-title`}>
-          <DangerousHtml htmlText={data.content} />
-        </div>
-      </div>
-      <div className={classNames(`${prefix}__share`)} onClick={handleClick}>
-        <div className={classNames(`${prefix}__share-img`)}>
-          <img src={Guanlian} />
-        </div>
-        <div className={classNames(`${prefix}__share-right`)}>
-          <span className={classNames(`${prefix}__share-right-title`)}>{title}</span>
-          <span className={classNames(`${prefix}__share-right-content`)}>{content}</span>
-        </div>
-      </div>
-    </div>
-  );
+				<div className={classNames(`${prefix}__share-right`)}>
+					<span className={classNames(`${prefix}__share-right-title`)}>{title}</span>
+					<span className={classNames(`${prefix}__share-right-content`)}>{content}</span>
+				</div>
+			</div>
+		</div>
+	);
 };
 
 export default DynamicShare;

package/src/components/dynamic/dynamic-item/dynamic-task/constant.ts

@@ -1,11 +1,11 @@
 import { getLocale } from "../../../../utils/getLocale";
 
 export const EStatusClass2StatusTypeText = {
-  2: getLocale("OKR_MyO_E_From_Completed"),
-  1: getLocale("Per_MyRe_text_Inprogress"),
-  4: getLocale("OKR_MyO_E_From_Cancelled"),
-  3: getLocale("OKR_MyO_E_From_Delayed"),
-  6: getLocale("OKR_MyO_E_From_Suspended"),
-  0: getLocale("OKR_MyO_E_From_NotStarted"),
-  5: getLocale("OKR_MyO_E_From_Notaccepted"),
-};
+  2: getLocale('OKR_MyO_E_From_Completed'),
+  1: getLocale('Per_MyRe_text_Inprogress'),
+  4: getLocale('OKR_MyO_E_From_Cancelled'),
+  3: getLocale('OKR_MyO_E_From_Delayed'),
+  6: getLocale('OKR_MyO_E_From_Suspended'),
+  0: getLocale('OKR_MyO_E_From_NotStarted'),
+  5: getLocale('OKR_MyO_E_From_Notaccepted'),
+}

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

@@ -1,6 +1,4 @@
-import React, {
-  FC, useContext, useMemo, Fragment,
-} from "react";
+import React, { FC, useContext, useMemo, Fragment } from "react";
 import classNames from "classnames";
 import { IDynamicItemContentProps } from "../../interface";
 import DynamicItemHeader from "../components/header";
@@ -13,11 +11,11 @@ import {
 } from "../../constant";
 import { SearchKeyContext } from "../../context";
 import SearchKeyHandle from "../../../search-key-handle";
-import Tooltip from "../../../tooltip";
+import Tooltip from '../../../tooltip';
 import { getFeedTypeAndTypeColor } from "../../util";
 import drawerManager from "../../../drawer-manager";
 import { getLocale } from "../../../../utils/getLocale";
-import { htmlDecodeByRegExp } from "../../../../utils/mblog";
+import { htmlDecodeByRegExp } from '../../../../utils/mblog';
 import "./index.scss";
 
 const prefix = "titaui-dynamic-task-item";
@@ -52,8 +50,8 @@ const DynamicTask: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
       window.open(
         window.location.href.replace(
           location.hash,
-          `#work?iTalentNavCode=tita-work&work_id=${objId}`,
-        ),
+          "#work?iTalentNavCode=tita-work&work_id=" + objId
+        )
       );
     }
     if (objType === EObjType.MileStone) {
@@ -61,8 +59,8 @@ const DynamicTask: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
       window.open(
         window.location.href.replace(
           location.hash,
-          `#work?work_id=${workId}&detail_type=milepost`,
-        ),
+          `#work?work_id=${workId}&detail_type=milepost`
+        )
       );
     }
 
@@ -71,48 +69,49 @@ const DynamicTask: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
       window.open(
         window.location.href.replace(
           location.hash,
-          `#work?work_id=${workId}&detail_type=kanban`,
-        ),
+          `#work?work_id=${workId}&detail_type=kanban`
+        )
       );
     }
   };
 
-  const renderName = useMemo(() => (
-    <span
-      className={`${prefix}__content-title-text`}
-      onClick={handleClickTaskTitle}
-    >
-      <SearchKeyHandle str={htmlDecodeByRegExp(taskName)} keyWord={searchKeyWord} />
-    </span>
-  ), [taskName, searchKeyWord]);
+  const renderName = useMemo(() => {
+    return (
+      <span
+        className={prefix + "__content-title-text"}
+        onClick={handleClickTaskTitle}
+      >
+        <SearchKeyHandle str={htmlDecodeByRegExp(taskName)} keyWord={searchKeyWord} />
+      </span>
+    );
+  }, [taskName, searchKeyWord]);
 
   const renderDesc = useMemo(() => {
     let dom;
     if (obj === null) {
-      dom = `${getLocale("Mod_InChargeof")}${getLocale("Mod_Tasks")}`;
+      dom = `${getLocale('Mod_InChargeof')}${getLocale('Mod_Tasks')}`;
     } else {
       dom = (
-        <span className={`${prefix}__operate-desc-wrapper`}>
-          {getLocale("Mod_InChargeof")}
-          {ObjTypeMapText[obj.objType]}
-          <span className={`${prefix}__object-name`} onClick={handleClickTitle}>
+        <span className={prefix + '__operate-desc-wrapper'}>
+          {getLocale('Mod_InChargeof')}{ObjTypeMapText[obj.objType]}
+          <span className={prefix + '__object-name'} onClick={handleClickTitle}>
             <Tooltip.Text text={obj.objName} isPercent />
           </span>
-          {getLocale("Mod_stask")}
+          {getLocale('Mod_stask')}
         </span>
       );
     }
 
     return (
-      <>
-        <span className={`${prefix}__operate-desc`}>{dom}</span>
+      <Fragment>
+        <span className={prefix + "__operate-desc"}>{dom}</span>
         <span
-          className={`${prefix}-desc-operate-type`}
+          className={prefix + "-desc-operate-type"}
           style={{ background: feedTypeColor }}
         >
           {feedTypeText}
         </span>
-      </>
+      </Fragment>
     );
   }, []);
 
@@ -126,20 +125,18 @@ const DynamicTask: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
       />
       <div className={`${prefix}__content`}>
         <img className={`${prefix}__content-img`} src={TaskPng} />
-        <div className={`${prefix}__content-info`}>
-          <div className={`${prefix}__content-title`}>
+        <div className={prefix + '__content-info'}>
+          <div className={prefix + '__content-title'}>
             <Tooltip.Text isPercent text={renderName} minusWidth={30} />
           </div>
-          <div className={`${prefix}__content-status-and-time-range`}>
+          <div className={prefix + '__content-status-and-time-range'}>
             <i className={classNames(EStatusStatus2ClassType[status])} />
-            <span className={`${prefix}__content-status-text`}>
+            <span className={prefix + '__content-status-text'}>
               {EStatusClass2StatusTypeText[status]}
             </span>
-            <i className={classNames("tu-icon-deferred")} />
-            <span className={`${prefix}__content-time-range`}>
-              {startDate}
-              -
-              {deadline}
+            <i className={classNames('tu-icon-deferred')} />
+            <span className={prefix + '__content-time-range'}>
+              {startDate}-{deadline}
             </span>
           </div>
         </div>

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

@@ -26,7 +26,7 @@ import DynamicProject from "./dynamic-project";
 import DynamicKr from "./dynamic-kr";
 import DynamicReward from "./dynamic-reward";
 import DynamicMilestone from "./dynamic-milestone";
-import ShareToDynamic from "./dynamic-share-to-dynamic";
+import ShareToDynamic from './dynamic-share-to-dynamic';
 import { getBSGlobal } from "../../../utils/bs-global";
 import Avatar from "../../avatar";
 import { SearchKeyContext } from "../context";
@@ -38,9 +38,7 @@ import "./index.scss";
 const prefix = "titaui-dynamic-item";
 
 const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
-  const {
-    feedId, feedComments, praiseType, praiseUsers,
-  } = data;
+  const { feedId, feedComments, praiseType, praiseUsers } = data;
   const [showComment, setShowComment] = useState(feedComments.total > 0);
   const [usePropsComment, setUsePropsComment] = useState(true);
   const [contentIsOverflow, setContentIsOverflow] = useState(false);
@@ -67,17 +65,19 @@ const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
   };
 
   const onChangeParse = (type, count) => {
-    const { Id } = getBSGlobal("loginUserInfo");
-    const data = [...praiseData].filter((item) => item.userId != Id);
+    var Id = getBSGlobal("loginUserInfo").Id;
+    let data = [...praiseData].filter((item) => {
+      return item.userId != Id;
+    });
 
     if (type) {
-      const avatar = getBSGlobal("loginUserInfo").UserAvatar;
-      const name = getBSGlobal("loginUserInfo").Name;
-      avatar.color = avatar.Color;
-      avatar.medium = avatar.Medium;
-      const parseUser = {
-        avatar,
-        name,
+      var avatar = getBSGlobal("loginUserInfo").UserAvatar;
+      var name = getBSGlobal("loginUserInfo").Name;
+      avatar["color"] = avatar.Color;
+      avatar["medium"] = avatar.Medium;
+      var parseUser = {
+        avatar: avatar,
+        name: name,
         userId: Id,
         praiseType: type,
       };
@@ -108,7 +108,7 @@ const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
       case EFeedType.Reply:
         return <DynamicReplay data={data} onDeleteFeed={onDeleteFeed} />;
       case EFeedType.Share:
-        if (data.shareType === 0) {
+        if(data.shareType === 0) {
           return (
             <DynamicShare
               data={data}
@@ -116,9 +116,10 @@ const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
               hasDynamicOpereateAuth={hasDynamicOpereateAuth}
             />
           );
+        } else {
+          return <ShareToDynamic data={data}/>
         }
-        return <ShareToDynamic data={data} />;
-
+        
       case EFeedType.Assessment:
         return <DynamicAssessment data={data} onDeleteFeed={onDeleteFeed} />;
       case EFeedType.Announcement:
@@ -140,8 +141,8 @@ const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
 
   useEffect(() => {
     if (
-      dynamicContentRef.current
-      && dynamicContentRef.current.offsetHeight > 288
+      dynamicContentRef.current &&
+      dynamicContentRef.current.offsetHeight > 288
     ) {
       setContentIsOverflow(true);
     }
@@ -150,29 +151,29 @@ const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
   return (
     <div className={prefix}>
       <div
-        className={`${prefix}__content`}
+        className={prefix + '__content'}
         ref={dynamicContentRef}
-        style={{ height: contentIsOverflow && isFold ? "288px" : "auto" }}
+        style={{ height: contentIsOverflow && isFold ? '288px' : 'auto' }}
       >
         {renderContent}
         <ConditionRender condition={contentIsOverflow && isFold}>
           <div
-            className={`${prefix}__content-show-more`}
+            className={prefix + '__content-show-more'}
             onClick={handleShowMore}
           >
-            {getLocale("Tasks_Tab_MyS_Butt_Seemoral")}
+            {getLocale('Tasks_Tab_MyS_Butt_Seemoral')}
             <i
-              className={classNames("tu-icon-arrow-down", `${prefix}__icon`)}
+              className={classNames('tu-icon-arrow-down', prefix + '__icon')}
             />
           </div>
         </ConditionRender>
       </div>
-      <div className={`${prefix}__footer`}>
-        <div className={`${prefix}__footer-left`}>
+      <div className={prefix + '__footer'}>
+        <div className={prefix + '__footer-left'}>
           {praiseData.map((item, index) => {
             if (index >= 8) return;
             return (
-              <div className={`${prefix}__footer-left-item`} key={item.userId}>
+              <div className={prefix + '__footer-left-item'} key={item.userId}>
                 <Avatar.Icon
                   name={item.name}
                   userId={item.userId}
@@ -191,15 +192,15 @@ const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
             />
           </ConditionRender>
         </div>
-        <div className={`${prefix}__footer-right`}>
+        <div className={prefix + '__footer-right'}>
           <ConditionRender condition={contentIsOverflow && !isFold}>
-            <div className={`${prefix}__footer-fold`} onClick={handleFold}>
-              {getLocale("Mod_Fold")}
+            <div className={prefix + '__footer-fold'} onClick={handleFold}>
+              {getLocale('Mod_Fold')}
               <i
                 className={classNames(
-                  "tu-icon-arrow-down",
+                  'tu-icon-arrow-down',
                   `${prefix}__icon`,
-                  `${prefix}__icon-up`,
+                  `${prefix}__icon-up`
                 )}
               />
             </div>
@@ -213,12 +214,12 @@ const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
           <span
             onClick={handleCommentClick}
             className={classNames(
-              "tu-icon-pinglun-m",
-              `${prefix}__footer-icon`,
+              'tu-icon-pinglun-m',
+              prefix + '__footer-icon'
             )}
           >
             <ConditionRender condition={feedComments.total > 0}>
-              <span className={`${prefix}__footer-number`}>
+              <span className={prefix + '__footer-number'}>
                 {feedComments.total}
               </span>
             </ConditionRender>
@@ -241,7 +242,7 @@ const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
         </div>
       </div>
       <ConditionRender condition={showComment}>
-        <div className={`${prefix}__communication`}>
+        <div className={prefix + '__communication'}>
           <Communication
             feedId={feedId}
             commentCount={3}

package/src/components/dynamic/dynamic-like-ranking/index.tsx

@@ -38,8 +38,9 @@ const DynamicLikeRanking: FC = () => {
         const { userPariseinfos, currentUserPariseInfo } = res.Data;
         let data = userPariseinfos || [];
 
-        const currentUserIsInEighth = data.findIndex((item) => item.user.userId === getUserInfo().Id)
-          !== -1;
+        const currentUserIsInEighth =
+          data.findIndex((item) => item.user.userId === getUserInfo().Id) !==
+          -1;
         if (!currentUserIsInEighth) {
           data = data.slice(0, 7);
           if (currentUserPariseInfo && currentUserPariseInfo.user) {
@@ -52,8 +53,8 @@ const DynamicLikeRanking: FC = () => {
   }, [date]);
 
   const handleLinkToPraiseRaking = () => {
-    const { href } = window.location;
-    const url = `${href.split("#")[0]}#praise-raking`;
+    let href = window.location.href;
+    let url = `${href.split("#")[0]}#praise-raking`;
     window.open(url, "self");
   };
 
@@ -71,7 +72,7 @@ const DynamicLikeRanking: FC = () => {
     setDate({ createDate, endDate });
   };
 
-  function TabBar() {
+  const TabBar = () => {
     const typeData = [
       getLocale("Mod_all"),
       getLocale("Feed_Tab_Title_Thisweek"),
@@ -79,20 +80,22 @@ const DynamicLikeRanking: FC = () => {
     ];
     return (
       <div className={`${preCls}__tab-bar`}>
-        {typeData.map((item, key) => (
-          <div
-            key={key}
-            className={classNames(`${preCls}__tab-bar-item`, {
-              [`${preCls}__tab-bar-item--selected`]: type === item,
-            })}
-            onClick={() => handleChangeDate(item)}
-          >
-            {item}
-          </div>
-        ))}
+        {typeData.map((item, key) => {
+          return (
+            <div
+              key={key}
+              className={classNames(`${preCls}__tab-bar-item`, {
+                [`${preCls}__tab-bar-item--selected`]: type === item,
+              })}
+              onClick={() => handleChangeDate(item)}
+            >
+              {item}
+            </div>
+          );
+        })}
       </div>
     );
-  }
+  };
 
   return (
     <div className={classNames(`${preCls}`)}>
@@ -101,7 +104,7 @@ const DynamicLikeRanking: FC = () => {
           <img
             className={classNames(`${preCls}__header-image`)}
             src={require("./image/like-ranking.svg")}
-          />
+          ></img>
           <span className={classNames(`${preCls}__header-text`)}>
             {getLocale("Feed_Title_Likeranking")}
           </span>
@@ -118,8 +121,8 @@ const DynamicLikeRanking: FC = () => {
       <div className={classNames(`${preCls}__content`)}>
         {TabBar()}
         <div className={classNames(`${preCls}__content-table`)}>
-          {!rankingData
-            || (rankingData.length === 0 && (
+          {!rankingData ||
+            (rankingData.length === 0 && (
               <div className={`${preCls}__content-table-empty`}>
                 <span className={`${preCls}__content-table-empty-text`}>
                   暂无排行
@@ -128,7 +131,9 @@ const DynamicLikeRanking: FC = () => {
             ))}
           {rankingData && rankingData.length > 0 && (
             <div className={classNames(`${preCls}__content-table-items`)}>
-              {rankingData.map((item, index) => <Item userInfo={item} key={index} />)}
+              {rankingData.map((item, index) => {
+                return <Item userInfo={item} key={index}></Item>;
+              })}
             </div>
           )}
         </div>