@titaui/pc 1.9.55 → 1.9.59

package/src/components/dynamic/dynamic.tsx

@@ -1,4 +1,6 @@
-import React, { FC, useState, useEffect, useRef, useCallback } from "react";
+import React, {
+  FC, useState, useEffect, useRef, useCallback,
+} from "react";
 import classNames from "classnames";
 import DynamicList from "./dynamic-list";
 import { SearchKeyContext } from "./context";
@@ -17,11 +19,11 @@ import FirstLevelTabs from "./components/first-level-tabs";
 import OnlineBroadcast from "./online-broadcast";
 import DynamicMyTeam from "./my-team";
 import { getLocale } from "../../utils/getLocale";
+import { getBSGlobal } from "../../utils/bs-global";
 import "./dynamic.scss";
 import "./new-ui.scss";
 
-// @ts-ignore
-const prefix = BSGlobal.tenantInfo.isNewIndex
+const prefix = getBSGlobal("tenantInfo").isNewIndex
   ? "titaui-new-ui-dynamic"
   : "titaui-dynamic";
 let requestId = 0;
@@ -41,19 +43,28 @@ const Dynamic: FC = () => {
   const [isLoading, setIsLoading] = useState(true);
   const [isLoadingMore, setIsLoadingMore] = useState(false);
   const [isChangeConditionLoading, setIsChangeConditionLoading] = useState(
-    false
+    false,
   );
   const [rightContentHeight, setRightContentHeight] = useState(-1);
   const [secondTabs, setSecondTabs] = useState<any>([]);
   const [noMoreData, setNoMoreData] = useState(false);
   const [notFixedTop, setNotFixedTop] = useState(false);
-  const contentRef = useRef<any>(document.createElement('div'));
+  const contentRef = useRef<any>(document.createElement("div"));
   const currentPage = useRef(1);
   const loginUser = window.BSGlobal.loginUserInfo;
 
-  useEffect(() => {
-    document.title = getLocale('Menu_Title_Feed');
-  }, []);
+  const resetValue = () => {
+    if (contentRef.current && contentRef.current.scrollTo) {
+      contentRef.current.scrollTo(0, 0);
+    } else {
+      contentRef.current.scrollTop = 0;
+    }
+
+    currentPage.current = 1;
+    setIsLoadingMore(false);
+    setNoMoreData(false);
+    setNotFixedTop(false);
+  };
 
   const handleChangeTabActive = (key) => {
     setActiveFirstLevelTabKey(key);
@@ -74,19 +85,8 @@ const Dynamic: FC = () => {
     ]);
   };
 
-  const setTabsToPublish = () => {
-    setActiveFirstLevelTabKey(1004);
-    setActiveSecondLevelTabKey(1018);
-    // @ts-ignore
-    const secondTabsArr = tabsInfo.find((item) => item.CodeId === 1004)?.ChildMenus || [];
-    setSecondTabs(secondTabsArr);
-    resetValue();
-    setIsChangeConditionLoading(true);
-    getDynamicData(true);
-  };
-
   const getDynamicData = (needResetValue) => {
-    requestId++;
+    requestId += 1;
     const reqId = requestId;
     setIsLoadingMore(true);
     getDynamicFeedList({
@@ -96,25 +96,25 @@ const Dynamic: FC = () => {
         searchKeyType === "person" && searchUser
           ? `UserId:${searchUser.userId}`
           : searchKeyWord,
-      ChannelIds: activeFirstLevelTabKey + "." + activeSecondLevelTabKey,
+      ChannelIds: `${activeFirstLevelTabKey}.${activeSecondLevelTabKey}`,
       Domain: "",
       TitaHost: "",
       RequestSource: 0,
-      CommentCount: 3
+      CommentCount: 3,
     }).then((resp) => {
       setIsLoadingMore(false);
       setIsChangeConditionLoading(false);
       if (requestId !== reqId) return;
       if (resp.Code === 1) {
         if (!resp.Data.isEnd) {
-          currentPage.current = currentPage.current + 1;
+          currentPage.current += 1;
         }
         setNoMoreData(resp.Data.isEnd);
         if (needResetValue) {
           setDynamicData(resp.Data.feeds);
         } else {
           setDynamicData(
-            JSON.parse(JSON.stringify([...dynamicData, ...resp.Data.feeds]))
+            JSON.parse(JSON.stringify([...dynamicData, ...resp.Data.feeds])),
           );
         }
       } else {
@@ -123,6 +123,17 @@ const Dynamic: FC = () => {
     });
   };
 
+  const setTabsToPublish = () => {
+    setActiveFirstLevelTabKey(1004);
+    setActiveSecondLevelTabKey(1018);
+    // @ts-ignore
+    const secondTabsArr = tabsInfo.find((item) => item.CodeId === 1004)?.ChildMenus || [];
+    setSecondTabs(secondTabsArr);
+    resetValue();
+    setIsChangeConditionLoading(true);
+    getDynamicData(true);
+  };
+
   const handleContentScroll = () => {
     const contentDom = contentRef.current;
     if (contentDom) {
@@ -142,8 +153,8 @@ const Dynamic: FC = () => {
       }
       // 滚动到距离底部40px之后加载新的数据
       if (
-        contentDom.scrollHeight - contentDom.scrollTop <=
-        contentDom.offsetHeight
+        contentDom.scrollHeight - contentDom.scrollTop
+        <= contentDom.offsetHeight
       ) {
         // 滚动加载防止重复请求
         if (noMoreData || isLoadingMore) {
@@ -166,18 +177,9 @@ const Dynamic: FC = () => {
     }
   }, []);
 
-  const resetValue = () => {
-    if (contentRef.current && contentRef.current.scrollTo) {
-      contentRef.current.scrollTo(0, 0);
-    } else {
-      contentRef.current.scrollTop = 0;
-    }
-    
-    currentPage.current = 1;
-    setIsLoadingMore(false);
-    setNoMoreData(false);
-    setNotFixedTop(false);
-  };
+  useEffect(() => {
+    document.title = getLocale("Menu_Title_Feed");
+  }, []);
 
   useEffect(() => {
     getMenu().then((resp) => {
@@ -185,13 +187,13 @@ const Dynamic: FC = () => {
         const data: any = formatMenu(resp.Data);
         setTabsInfo(data);
         const localFirstLevelTabKey = sessionStorage.getItem(
-          `tita-dynamic-first-level-tab__${loginUser.Id}`
+          `tita-dynamic-first-level-tab__${loginUser.Id}`,
         );
         const localSecondLevelTabKey = sessionStorage.getItem(
-          `tita-dynamic-second-level-tab__${loginUser.Id}`
+          `tita-dynamic-second-level-tab__${loginUser.Id}`,
         );
         const nowFirstLevelLocalMenu = data.find(
-          (item) => item.CodeId === Number(localFirstLevelTabKey)
+          (item) => item.CodeId === Number(localFirstLevelTabKey),
         );
         if (localFirstLevelTabKey && nowFirstLevelLocalMenu) {
           setActiveFirstLevelTabKey(Number(localFirstLevelTabKey));
@@ -200,16 +202,15 @@ const Dynamic: FC = () => {
         } else {
           setActiveFirstLevelTabKey(data[0].CodeId);
         }
-        const nowSecondLevelTabExist =
-          localSecondLevelTabKey &&
-          nowFirstLevelLocalMenu &&
-          nowFirstLevelLocalMenu.ChildMenus.find(
-            (item) => item.CodeId === Number(localSecondLevelTabKey)
+        const nowSecondLevelTabExist = localSecondLevelTabKey
+          && nowFirstLevelLocalMenu
+          && nowFirstLevelLocalMenu.ChildMenus.find(
+            (item) => item.CodeId === Number(localSecondLevelTabKey),
           );
         if (
-          localSecondLevelTabKey &&
-          nowFirstLevelLocalMenu &&
-          nowSecondLevelTabExist
+          localSecondLevelTabKey
+          && nowFirstLevelLocalMenu
+          && nowSecondLevelTabExist
         ) {
           setActiveSecondLevelTabKey(Number(localSecondLevelTabKey));
         } else {
@@ -233,11 +234,11 @@ const Dynamic: FC = () => {
     if (!activeSecondLevelTabKey || !activeFirstLevelTabKey) return;
     sessionStorage.setItem(
       `tita-dynamic-first-level-tab__${loginUser.Id}`,
-      `${activeFirstLevelTabKey}`
+      `${activeFirstLevelTabKey}`,
     );
     sessionStorage.setItem(
       `tita-dynamic-second-level-tab__${loginUser.Id}`,
-      `${activeSecondLevelTabKey}`
+      `${activeSecondLevelTabKey}`,
     );
     resetValue();
     setIsChangeConditionLoading(true);
@@ -255,8 +256,8 @@ const Dynamic: FC = () => {
     >
       <div className={prefix}>
         <ConditionRender condition={isLoading}>
-          <div className={prefix + "__loading"}>
-            <img className={prefix + "__loading-img"} src={DynamicLoading} />
+          <div className={`${prefix}__loading`}>
+            <img className={`${prefix}__loading-img`} src={DynamicLoading} alt="" />
           </div>
         </ConditionRender>
         <div
@@ -271,7 +272,7 @@ const Dynamic: FC = () => {
               onTabsChange={handleChangeTabActive}
             />
           </div>
-          <div className={prefix + "__header-search"}>
+          <div className={`${prefix}__header-search`}>
             <DynamicSearchInput
               setSearchUser={setSearchUser}
               setSearchKey={setSearchKeyWord}
@@ -280,33 +281,31 @@ const Dynamic: FC = () => {
           </div>
         </div>
         <div
-          className={prefix + "__content"}
+          className={`${prefix}__content`}
           onScroll={handleContentScroll}
           ref={contentRef}
         >
-          <div className={prefix + "__content-left"}>
-            <div className={prefix + "__content-left-tabs"}>
+          <div className={`${prefix}__content-left`}>
+            <div className={`${prefix}__content-left-tabs`}>
               <ConditionRender condition={secondTabs.length > 0}>
-                {secondTabs.map((item) => {
-                  return (
-                    <span
-                      key={item.CodeId + item.MenuName}
-                      className={classNames(prefix + "__content-left-tab", {
-                        [prefix + "__content-left-tab--active"]:
+                {secondTabs.map((item) => (
+                  <span
+                    key={item.CodeId + item.MenuName}
+                    className={classNames(`${prefix}__content-left-tab`, {
+                      [`${prefix}__content-left-tab--active`]:
                           item.CodeId === activeSecondLevelTabKey,
-                      })}
-                      onClick={() => {
-                        handleSubTabsChange(item.CodeId);
-                      }}
-                    >
-                      {item.MenuName}
-                    </span>
-                  );
-                })}
+                    })}
+                    onClick={() => {
+                      handleSubTabsChange(item.CodeId);
+                    }}
+                  >
+                    {item.MenuName}
+                  </span>
+                ))}
               </ConditionRender>
             </div>
             <ConditionRender condition={isChangeConditionLoading}>
-              <div className={prefix + "__empty-loading-block"}></div>
+              <div className={`${prefix}__empty-loading-block`} />
             </ConditionRender>
             <ConditionRender condition={!isChangeConditionLoading}>
               <DynamicList
@@ -318,13 +317,13 @@ const Dynamic: FC = () => {
             <ConditionRender
               condition={isLoadingMore || isChangeConditionLoading}
             >
-              <div className={prefix + "__content-left-loading"}></div>
+              <div className={`${prefix}__content-left-loading`} />
             </ConditionRender>
             <ConditionRender condition={dynamicData.length > 0 && noMoreData}>
-              <div className={prefix + "__no-more-data"}>{getLocale('Mod_Nomore')}</div>
+              <div className={`${prefix}__no-more-data`}>{getLocale("Mod_Nomore")}</div>
             </ConditionRender>
           </div>
-          <div className={classNames(prefix + "__content-right")}>
+          <div className={classNames(`${prefix}__content-right`)}>
             <DynamicQuickOperation />
             <DynamicAdvertise />
             <DynamicTop />
@@ -336,7 +335,7 @@ const Dynamic: FC = () => {
         </div>
         <ConditionRender condition={notFixedTop}>
           <div className={`${prefix}__go-to-top`} onClick={handleScrollToTop}>
-            <span className={`${prefix}__go-to-top-img`}></span>
+            <span className={`${prefix}__go-to-top-img`} />
           </div>
         </ConditionRender>
       </div>

package/src/components/dynamic/export-module/index.tsx

@@ -1,10 +1,10 @@
 import _DynamicQuickOperation from "../quick-operation";
-import _Dynamic from '../dynamic';
-import _DynamicList from '../dynamic-list';
-import _DynamicItem from '../dynamic-item';
-import _DynamicTopping from '../dynamic-topping';
-import _DynamicLiking from '../dynamic-liking';
-import _DynamicLikeRanking from '../dynamic-like-ranking';
+import _Dynamic from "../dynamic";
+import _DynamicList from "../dynamic-list";
+import _DynamicItem from "../dynamic-item";
+import _DynamicTopping from "../dynamic-topping";
+import _DynamicLiking from "../dynamic-liking";
+import _DynamicLikeRanking from "../dynamic-like-ranking";
 
 export default _Dynamic;
 export const DynamicList = _DynamicList;
@@ -12,4 +12,4 @@ export const DynamicQuickOperation = _DynamicQuickOperation;
 export const DynamicItem = _DynamicItem;
 export const DynamicTopping = _DynamicTopping;
 export const DynamicLiking = _DynamicLiking;
-export const DynamicLikeRanking = _DynamicLikeRanking;
+export const DynamicLikeRanking = _DynamicLikeRanking;

package/src/components/dynamic/index.tsx

@@ -5,7 +5,7 @@ import Dynamic, {
   DynamicTopping,
   DynamicLiking,
   DynamicLikeRanking,
-} from './export-module';
+} from "./export-module";
 
 Dynamic.List = DynamicList;
 Dynamic.Item = DynamicItem;

package/src/components/dynamic/my-team/index.tsx

@@ -1,4 +1,6 @@
-import React, { FC, useEffect, useState, useRef } from "react";
+import React, {
+  FC, useEffect, useState, useRef,
+} from "react";
 import classNames from "classnames";
 import { showAddIcon } from "./util";
 import { getSuperior, getSubordinate, addSubPerson } from "./request-api";
@@ -52,8 +54,8 @@ const DynamicMyTeam: FC = () => {
       if (resp.Code === 1) {
         setSubordinate(
           resp.Data.data.members.filter(
-            (item) => item.user.userId !== loginUser.Id
-          )
+            (item) => item.user.userId !== loginUser.Id,
+          ),
         );
       }
     });
@@ -86,7 +88,7 @@ const DynamicMyTeam: FC = () => {
           <span className={`${prefix}__header-icon`}>
             <img className={`${prefix}__header-icon-img`} src={TeamPng} />
           </span>
-          <span className={`${prefix}__header-text`}>{getLocale('Feed_Title_Myteam')}</span>
+          <span className={`${prefix}__header-text`}>{getLocale("Feed_Title_Myteam")}</span>
         </div>
         <div className={`${prefix}__content`}>
           {superior && (
@@ -100,7 +102,7 @@ const DynamicMyTeam: FC = () => {
                 showNameTips
               />
               <span className={`${prefix}__content-superior-text`}>
-                {getLocale('Feed_Title_Directsuperior')}
+                {getLocale("Feed_Title_Directsuperior")}
               </span>
             </div>
           )}
@@ -119,22 +121,22 @@ const DynamicMyTeam: FC = () => {
                 multiple={false}
                 position="centerRight"
                 onSelect={handleSelected}
-                disabledDepartSelect={true}
+                disabledDepartSelect
                 searchedPanes={{ user: true, depart: false, group: false }}
                 popupAlign={{
-                  "offset": [0, 0],
-                  "overflow": { "adjustX": true, "adjustY": true },
-                  "targetOffset": [12, 209],
+                  offset: [0, 0],
+                  overflow: { adjustX: true, adjustY: true },
+                  targetOffset: [12, 209],
                 }}
-                panes={{ 'depart': true }}
-                trigger={
+                panes={{ depart: true }}
+                trigger={(
                   <span className={`${prefix}__content-add-subordinate-icon`}>
                     <img
                       className={`${prefix}__content-add-subordinate-icon-img`}
                       src={AddSubordinatePng}
                     />
                   </span>
-                }
+                )}
               />
             )}
           </div>
@@ -151,7 +153,7 @@ const DynamicMyTeam: FC = () => {
                       onClick={handleScrollToLeft}
                       className={classNames(
                         "tu-icon-left",
-                        `${prefix}__subordinates-left-mask-icon`
+                        `${prefix}__subordinates-left-mask-icon`,
                       )}
                     />
                   )}
@@ -161,7 +163,7 @@ const DynamicMyTeam: FC = () => {
                   ref={subordinateContainerRef}
                 >
                   {subordinate.map((item: any) => {
-                    const user = item.user;
+                    const { user } = item;
                     return (
                       <span className={`${prefix}__subordinates-item`}>
                         <Avatar
@@ -182,7 +184,7 @@ const DynamicMyTeam: FC = () => {
                       onClick={handleScrollToRight}
                       className={classNames(
                         "tu-icon-left",
-                        `${prefix}__subordinates-right-mask-icon`
+                        `${prefix}__subordinates-right-mask-icon`,
                       )}
                     />
                   )}
@@ -191,7 +193,7 @@ const DynamicMyTeam: FC = () => {
             </ConditionRender>
             <ConditionRender condition={subordinate.length === 0}>
               <div className={`${prefix}__content-subordinate--empty`}>
-                {getLocale('Feed_Tab_HaveSubordinates')}
+                {getLocale("Feed_Tab_HaveSubordinates")}
               </div>
             </ConditionRender>
           </div>

package/src/components/dynamic/my-team/request-api.ts

@@ -4,34 +4,28 @@ import { getBSGlobal } from "../../../utils/bs-global";
 
 const loginUser = getBSGlobal("loginUserInfo");
 
-export const getSuperior = () => {
-  return rget("v1")(`org/DirectSuperior?to_user_id=${loginUser.Id}`);
-};
+export const getSuperior = () => rget("v1")(`org/DirectSuperior?to_user_id=${loginUser.Id}`);
 
-export const addSubPerson = (id) => {
-  return rput("v1")(
-    `user`,
-    { subordinate_user_id: id },
-    {
-      "headers": { "Content-Type": "application/x-www-form-urlencoded" },
-      "transformRequest": qs.stringify,
-    }
-  );
-};
+export const addSubPerson = (id) => rput("v1")(
+  "user",
+  { subordinate_user_id: id },
+  {
+    headers: { "Content-Type": "application/x-www-form-urlencoded" },
+    transformRequest: qs.stringify,
+  },
+);
 
-export const getSubordinate = () => {
-  return rpost("v2")(
-    "WorkTable/View?channel_type=2&view_name=Team",
-    {
-      view_name: "Team",
-      startNum: 1,
-      count: 500,
-      WorkTableType: 0,
-      SubType: 0,
-    },
-    {
-      "headers": { "Content-Type": "application/x-www-form-urlencoded" },
-      "transformRequest": qs.stringify,
-    }
-  );
-};
+export const getSubordinate = () => rpost("v2")(
+  "WorkTable/View?channel_type=2&view_name=Team",
+  {
+    view_name: "Team",
+    startNum: 1,
+    count: 500,
+    WorkTableType: 0,
+    SubType: 0,
+  },
+  {
+    headers: { "Content-Type": "application/x-www-form-urlencoded" },
+    transformRequest: qs.stringify,
+  },
+);

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

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 import classNames from "classnames";
 import { IBroadcastItemProps } from "../../interfact";
-import Tooltip from '../../../../tooltip';
+import Tooltip from "../../../../tooltip";
 import NewPng from "../../img/new.png";
 import PreviewPng from "../../img/preview.png";
 import "./index.scss";