@titaui/pc 1.9.49 → 1.9.50

package/src/components/dynamic/dynamic.tsx

@@ -1,6 +1,4 @@
-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";
@@ -43,18 +41,18 @@ 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");
+    document.title = getLocale('Menu_Title_Feed');
   }, []);
 
   const handleChangeTabActive = (key) => {
@@ -99,25 +97,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 += 1;
+          currentPage.current = 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 {
@@ -145,8 +143,8 @@ const Dynamic: FC = () => {
       }
       // 滚动到距离底部40px之后加载新的数据
       if (
-        contentDom.scrollHeight - contentDom.scrollTop
-        <= contentDom.offsetHeight
+        contentDom.scrollHeight - contentDom.scrollTop <=
+        contentDom.offsetHeight
       ) {
         // 滚动加载防止重复请求
         if (noMoreData || isLoadingMore) {
@@ -175,7 +173,7 @@ const Dynamic: FC = () => {
     } else {
       contentRef.current.scrollTop = 0;
     }
-
+    
     currentPage.current = 1;
     setIsLoadingMore(false);
     setNoMoreData(false);
@@ -188,13 +186,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));
@@ -203,15 +201,16 @@ 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 {
@@ -235,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);
@@ -257,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} />
           </div>
         </ConditionRender>
         <div
@@ -273,7 +272,7 @@ const Dynamic: FC = () => {
               onTabsChange={handleChangeTabActive}
             />
           </div>
-          <div className={`${prefix}__header-search`}>
+          <div className={prefix + "__header-search"}>
             <DynamicSearchInput
               setSearchUser={setSearchUser}
               setSearchKey={setSearchKeyWord}
@@ -282,31 +281,33 @@ 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) => (
-                  <span
-                    key={item.CodeId + item.MenuName}
-                    className={classNames(`${prefix}__content-left-tab`, {
-                      [`${prefix}__content-left-tab--active`]:
+                {secondTabs.map((item) => {
+                  return (
+                    <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 className={prefix + "__empty-loading-block"}></div>
             </ConditionRender>
             <ConditionRender condition={!isChangeConditionLoading}>
               <DynamicList
@@ -318,13 +319,13 @@ const Dynamic: FC = () => {
             <ConditionRender
               condition={isLoadingMore || isChangeConditionLoading}
             >
-              <div className={`${prefix}__content-left-loading`} />
+              <div className={prefix + "__content-left-loading"}></div>
             </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 +337,7 @@ const Dynamic: FC = () => {
         </div>
         <ConditionRender condition={notFixedTop}>
           <div className={`${prefix}__go-to-top`} onClick={handleScrollToTop}>
-            <span className={`${prefix}__go-to-top-img`} />
+            <span className={`${prefix}__go-to-top-img`}></span>
           </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,6 +1,4 @@
-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";
@@ -54,8 +52,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
+          )
         );
       }
     });
@@ -88,7 +86,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 && (
@@ -102,7 +100,7 @@ const DynamicMyTeam: FC = () => {
                 showNameTips
               />
               <span className={`${prefix}__content-superior-text`}>
-                {getLocale("Feed_Title_Directsuperior")}
+                {getLocale('Feed_Title_Directsuperior')}
               </span>
             </div>
           )}
@@ -121,22 +119,22 @@ const DynamicMyTeam: FC = () => {
                 multiple={false}
                 position="centerRight"
                 onSelect={handleSelected}
-                disabledDepartSelect
+                disabledDepartSelect={true}
                 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>
@@ -153,7 +151,7 @@ const DynamicMyTeam: FC = () => {
                       onClick={handleScrollToLeft}
                       className={classNames(
                         "tu-icon-left",
-                        `${prefix}__subordinates-left-mask-icon`,
+                        `${prefix}__subordinates-left-mask-icon`
                       )}
                     />
                   )}
@@ -163,7 +161,7 @@ const DynamicMyTeam: FC = () => {
                   ref={subordinateContainerRef}
                 >
                   {subordinate.map((item: any) => {
-                    const { user } = item;
+                    const user = item.user;
                     return (
                       <span className={`${prefix}__subordinates-item`}>
                         <Avatar
@@ -184,7 +182,7 @@ const DynamicMyTeam: FC = () => {
                       onClick={handleScrollToRight}
                       className={classNames(
                         "tu-icon-left",
-                        `${prefix}__subordinates-right-mask-icon`,
+                        `${prefix}__subordinates-right-mask-icon`
                       )}
                     />
                   )}
@@ -193,7 +191,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,28 +4,34 @@ import { getBSGlobal } from "../../../utils/bs-global";
 
 const loginUser = getBSGlobal("loginUserInfo");
 
-export const getSuperior = () => rget("v1")(`org/DirectSuperior?to_user_id=${loginUser.Id}`);
+export const getSuperior = () => {
+  return rget("v1")(`org/DirectSuperior?to_user_id=${loginUser.Id}`);
+};
 
-export const addSubPerson = (id) => rput("v1")(
-  "user",
-  { subordinate_user_id: id },
-  {
-    headers: { "Content-Type": "application/x-www-form-urlencoded" },
-    transformRequest: qs.stringify,
-  },
-);
+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 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,
-  },
-);
+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,
+    }
+  );
+};

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";