@titaui/pc 1.9.45 → 1.9.49

package/src/pages/like-ranking/request-api.tsx

@@ -1,9 +1,7 @@
-import { rget,rpost } from "../../utils/request";
+import { rget, rpost } from "../../utils/request";
 
 // /api/v1/{tenant_id}/{user_id}/praise/getRanking
-export const getRanking = (data) => {
-  return rpost("v1")(
-    `praise/getRanking`,
-    data
-  );
-};
+export const getRanking = (data) => rpost("v1")(
+  "praise/getRanking",
+  data,
+);

package/src/pages/new-okr-list/context.ts

@@ -1,3 +1,3 @@
 import React from "react";
 
-export const Context:any = React.createContext({});
+export const Context:any = React.createContext({});

package/src/pages/new-okr-list/header/comments.tsx

@@ -6,29 +6,31 @@ import { getLocale } from "../../../utils/getLocale";
 import { formatPeriod } from "../../../components/period-selector/common";
 import "./index.scss";
 
-const Comments = (props) => {
+function Comments(props) {
   const { toUserId, relation, userInfo } = props;
   const pushRef = useRef();
-  const { OkrCommunicationPush, annualNum, cycleType, yqmNum } = useContext(
-    Context
+  const {
+    OkrCommunicationPush, annualNum, cycleType, yqmNum,
+  } = useContext(
+    Context,
   );
   const openComments = () => {
-    pushRef.current && pushRef.current.show();    
+    pushRef.current && pushRef.current.show();
     // @ts-ignore
-    window.titaTracker &&
+    window.titaTracker
     // @ts-ignore
-    window.titaTracker('action').record({
-    actionName: 'OKR__点击图标【沟通】',
-    actionGroup: 'OKR-沟通',
-    productName: 'OKR',
-  });
+    && window.titaTracker("action").record({
+      actionName: "OKR__点击图标【沟通】",
+      actionGroup: "OKR-沟通",
+      productName: "OKR",
+    });
   };
 
   if (!toUserId && relation != 1) return null;
 
   return (
     <div className={`${precls}__header-item`}>
-      <Tooltip overlay={getLocale('Mod_Communication')} placement="top">
+      <Tooltip overlay={getLocale("Mod_Communication")} placement="top">
         <span className={`${precls}__header-icon`}>
           <span className="tu-icon-feed" onClick={openComments} />
         </span>
@@ -56,5 +58,5 @@ const Comments = (props) => {
       )}
     </div>
   );
-};
+}
 export default Comments;

package/src/pages/new-okr-list/header/create-okr.tsx

@@ -10,7 +10,7 @@ import { getLocale } from "../../../utils/getLocale";
 import Toast from "../../../components/toast";
 import { getOkrInfoWithListData } from "../request-api";
 
-const CreateOkr = (_props, ref) => {
+function CreateOkr(_props, ref) {
   const { onFrontAddOKR } = _props;
   const CreateOkrModalRef = useRef();
 
@@ -39,7 +39,7 @@ const CreateOkr = (_props, ref) => {
 
   return (
     <>
-      <Button.Rect text={getLocale('Mod_Create')} type="primary" size="big" onClick={handleModalOpen} />
+      <Button.Rect text={getLocale("Mod_Create")} type="primary" size="big" onClick={handleModalOpen} />
       <CreateOkrModal
         ref={CreateOkrModalRef}
         visible={visible}
@@ -49,5 +49,5 @@ const CreateOkr = (_props, ref) => {
       />
     </>
   );
-};
+}
 export default forwardRef(CreateOkr);

package/src/pages/new-okr-list/header/depart-title.tsx

@@ -5,6 +5,7 @@ import { OpenDepartmentName } from "../../../utils/open-data";
 import { getLocale } from "../../../utils/getLocale";
 import { precls } from "../precls";
 import "./index.scss";
+
 interface IProps {
   onlyThisDept: boolean;
   onChange: (flat: boolean) => void;
@@ -12,7 +13,7 @@ interface IProps {
   departmentId: number;
 }
 
-const DepartTitle = (props: IProps) => {
+function DepartTitle(props: IProps) {
   const {
     onlyThisDept = false,
     onChange,
@@ -36,22 +37,22 @@ const DepartTitle = (props: IProps) => {
       <div className={`${precls}__header-depart-title-name`}>
         <Tooltip.Text
           maxWidth={160}
-          text={
+          text={(
             <>
-              {departmentId == 0 && getLocale('OKR_CompanyAll_Allobje')}
+              {departmentId == 0 && getLocale("OKR_CompanyAll_Allobje")}
               {departmentId != 0 && (
                 <OpenDepartmentName name={departmentName} id={departmentId} />
               )}
             </>
-          }
+          )}
         />
       </div>
       {departmentId != 0 && (
         <Switch
-          label={
+          label={(
             <span>
               <Tooltip
-                overlay={getLocale('OKR_ComAll_Wswitchon')}
+                overlay={getLocale("OKR_ComAll_Wswitchon")}
                 placement="top"
               >
                 <span
@@ -61,12 +62,12 @@ const DepartTitle = (props: IProps) => {
                 </span>
               </Tooltip>
             </span>
-          }
+          )}
           checked={onlyThisDept}
           onChange={handleOnChange}
         />
       )}
     </div>
   );
-};
+}
 export default DepartTitle;

package/src/pages/new-okr-list/header/filter.tsx

@@ -1,19 +1,19 @@
-import React, { useState,useEffect } from "react";
+import React, { useState, useEffect } from "react";
 import Tooltip from "../../../components/tooltip";
 import OkrFilterDrawer from "../../../components/okr-filter-drawer";
-import PeriodSelector  from "../../../components/period-selector";
+import PeriodSelector from "../../../components/period-selector";
 import { localStorage } from "../../../utils/local-storage";
 import { getQueryString } from "../../../utils/tools";
 import { precls } from "../precls";
 import { getLocale } from "../../../utils/getLocale";
 
-const Filter = (props) => {
+function Filter(props) {
   const useLocalStorage = new localStorage();
   const { onSearch } = props;
   const [filterDrawerVisible, setFilterDrawerVisible] = useState(false);
   const [filterNum, setFilterNum] = useState(() => {
     let num = 0;
-    let values = useLocalStorage.getItem("okr-filter-values") || {
+    const values = useLocalStorage.getItem("okr-filter-values") || {
       okrType: "",
       okrClassify: "",
       orderType: 2,
@@ -26,44 +26,42 @@ const Filter = (props) => {
     }
     return num;
   });
-  const [cycle, setCycle] = useState<any>(()=>{
-    const routerData = getQueryString()
-    const {annualNum,cycleType,yqmNum} = routerData
-    if(!!annualNum&&!!cycleType&&!!yqmNum){
-      return { annualNum,cycleType,yqmNum }
+  const [cycle, setCycle] = useState<any>(() => {
+    const routerData = getQueryString();
+    const { annualNum, cycleType, yqmNum } = routerData;
+    if (!!annualNum && !!cycleType && !!yqmNum) {
+      return { annualNum, cycleType, yqmNum };
     }
-    return useLocalStorage.getItem("okr-filter-cycle") || ""
-    }
-    
-  );
+    return useLocalStorage.getItem("okr-filter-cycle") || "";
+  });
 
-  useEffect(()=>{
-    const routerData = getQueryString()
-    const {annualNum,cycleType,yqmNum} = routerData
-    if(!!annualNum&&!!cycleType&&!!yqmNum){
-      let cycle = {annualNum,cycleType,yqmNum}
-      setCycle(cycle)
-      onSearch(cycle)
+  useEffect(() => {
+    const routerData = getQueryString();
+    const { annualNum, cycleType, yqmNum } = routerData;
+    if (!!annualNum && !!cycleType && !!yqmNum) {
+      const cycle = { annualNum, cycleType, yqmNum };
+      setCycle(cycle);
+      onSearch(cycle);
     }
-  },[])
+  }, []);
 
-  const changeCycleUrl = (s) =>{
-    const routerData = getQueryString()
-    const {annualNum,cycleType,yqmNum,toUserId} = routerData
-    if(!!annualNum&&!!cycleType&&!!yqmNum){
-      let origin = window.location.href.split('?')[0]
-      let url = `${origin}?cycleType=${s.cycleType}&yqmNum=${s.yqmNum}&annualNum=${s.annualNum}&toUserId=${toUserId}`
-      history.pushState('','',url)
+  const changeCycleUrl = (s) => {
+    const routerData = getQueryString();
+    const {
+      annualNum, cycleType, yqmNum, toUserId,
+    } = routerData;
+    if (!!annualNum && !!cycleType && !!yqmNum) {
+      const origin = window.location.href.split("?")[0];
+      const url = `${origin}?cycleType=${s.cycleType}&yqmNum=${s.yqmNum}&annualNum=${s.annualNum}&toUserId=${toUserId}`;
+      history.pushState("", "", url);
     }
-  }
-  
-
+  };
 
   const handleChangeCycle = (s) => {
-    changeCycleUrl(s)
+    changeCycleUrl(s);
     setCycle(s);
-    onSearch &&
-      onSearch({
+    onSearch
+      && onSearch({
         annualNum: s.annualNum,
         cycleType: s.cycleType,
         yqmNum: s.yqmNum,
@@ -73,7 +71,7 @@ const Filter = (props) => {
   const openFilterDrawer = () => setFilterDrawerVisible(true);
   return (
     <div>
-      <div className={`${precls}__header-filter okr-list__twinkle`} >
+      <div className={`${precls}__header-filter okr-list__twinkle`}>
         <PeriodSelector
           selected={cycle}
           yearsRange={[2019, 2030]}
@@ -83,8 +81,8 @@ const Filter = (props) => {
         />
 
         <span className={`${precls}__header-filter-right`}>
-          <span className={`${precls}__header-filter-line`}></span>
-          <Tooltip overlay={getLocale('OKR_MyO_Text_Screening')} placement="top">
+          <span className={`${precls}__header-filter-line`} />
+          <Tooltip overlay={getLocale("OKR_MyO_Text_Screening")} placement="top">
             <span
               className={`tu-icon-shaixuan ${precls}__header-filter-shaixuan`}
               onClick={openFilterDrawer}
@@ -109,5 +107,5 @@ const Filter = (props) => {
       />
     </div>
   );
-};
+}
 export default Filter;

package/src/pages/new-okr-list/header/index.tsx

@@ -21,7 +21,7 @@ import { getUserInfoById } from "../request-api";
 import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
-const Header = (props, ref) => {
+function Header(props, ref) {
   const {
     departmentName,
     departmentId,
@@ -42,8 +42,8 @@ const Header = (props, ref) => {
     if (toUserId !== undefined || relation == 1) {
       let userId = toUserId;
       if (relation == 1) userId = getUserInfo().Id;
-      userId &&
-        getUserInfoById(userId).then((res) => {
+      userId
+        && getUserInfoById(userId).then((res) => {
           setUserInfo(res.Data);
         });
     }
@@ -54,8 +54,8 @@ const Header = (props, ref) => {
   }, []);
 
   useEffect(() => {
-    init &&
-      onSearch({
+    init
+      && onSearch({
         onlyThisDept,
       });
   }, [onlyThisDept]);
@@ -68,14 +68,14 @@ const Header = (props, ref) => {
   }));
 
   const gotoOkrMap = () => {
-    let rootNode = {
+    const rootNode = {
       rootId: 0,
-      //@ts-ignore
+      // @ts-ignore
       rootName: window.BSGlobal.tenantInfo.Name || "",
     };
-    let level2Selected = {
+    const level2Selected = {
       id: 0,
-      //@ts-ignore
+      // @ts-ignore
       name: window.BSGlobal.tenantInfo.Name || "",
     };
     let searchType = "company";
@@ -106,17 +106,17 @@ const Header = (props, ref) => {
       `rootNode=${JSON.stringify(rootNode)}`,
       `level2Selected=${JSON.stringify(level2Selected)}`,
     ].join("&");
-    window.location.href = window.location.origin + `/#okr/map?${urlQuery}`;
+    window.location.href = `${window.location.origin}/#okr/map?${urlQuery}`;
   };
 
   const getTitle = () => {
     if (relation == 1) {
       return <UserTitle toUserId={getUserInfo().Id} />;
-    } else if (relation == 2 || relation == 3) {
+    } if (relation == 2 || relation == 3) {
       return <RelationTitle relation={relation} />;
-    } else if (toUserId) {
+    } if (toUserId) {
       return <UserTitle toUserId={toUserId} />;
-    } else if (departmentName) {
+    } if (departmentName) {
       return (
         <DepartTitle
           onlyThisDept={onlyThisDept}
@@ -139,26 +139,26 @@ const Header = (props, ref) => {
             <KeywordSearch onSearch={onSearch} />
           </div>
         )}
-        {relation != 2 &&
-        relation != 3 && ( // 我关注的 我参与的 没有创建按钮
-            <>
-              <div className={`${precls}__header-item`}>
-                <CreateOkr ref={createOkrRef} onFrontAddOKR={onFrontAddOKR} />
-              </div>
-              <div className={`${precls}__header-item`} onClick={gotoOkrMap}>
-                <Tooltip overlay={getLocale('OKR_MyO_Text_Alignment')} placement="top">
-                  <span className={`${precls}__header-icon`}>
-                    <span className="tu-icon-yangshi-ditu" />
-                  </span>
-                </Tooltip>
-              </div>
-            </>
-          )}
+        {relation != 2
+        && relation != 3 && ( // 我关注的 我参与的 没有创建按钮
+        <>
+          <div className={`${precls}__header-item`}>
+            <CreateOkr ref={createOkrRef} onFrontAddOKR={onFrontAddOKR} />
+          </div>
+          <div className={`${precls}__header-item`} onClick={gotoOkrMap}>
+            <Tooltip overlay={getLocale("OKR_MyO_Text_Alignment")} placement="top">
+              <span className={`${precls}__header-icon`}>
+                <span className="tu-icon-yangshi-ditu" />
+              </span>
+            </Tooltip>
+          </div>
+        </>
+        )}
 
         <Comments toUserId={toUserId} relation={relation} userInfo={userInfo} />
         <Filter onSearch={onSearch} />
       </div>
     </div>
   );
-};
+}
 export default forwardRef(Header);

package/src/pages/new-okr-list/header/relation-title.tsx

@@ -3,10 +3,10 @@ import { precls } from "../precls";
 import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 
-const RelationTitle = ({ relation }) => {
+function RelationTitle({ relation }) {
   const relationTitle = {
-    "2": getLocale('OKR_Menu_Title_Collaborator'),
-    "3": getLocale('OKR_Menu_Title_FollowingOKRs'),
+    2: getLocale("OKR_Menu_Title_Collaborator"),
+    3: getLocale("OKR_Menu_Title_FollowingOKRs"),
   };
 
   return (
@@ -14,5 +14,5 @@ const RelationTitle = ({ relation }) => {
       {relationTitle[relation]}
     </div>
   );
-};
+}
 export default RelationTitle;

package/src/pages/new-okr-list/header/user-title.tsx

@@ -2,11 +2,11 @@ import React from "react";
 import PhotoCard from "../../../components/photo-card";
 import "./index.scss";
 
-const UserTitle = ( { toUserId}) => {
+function UserTitle({ toUserId }) {
   // todo: 关注 ｜ 取消关注
 
-  if(!toUserId) return null;
+  if (!toUserId) return null;
 
   return <div><PhotoCard userId={toUserId} /></div>;
-};
+}
 export default UserTitle;

package/src/pages/new-okr-list/index.tsx

@@ -26,29 +26,30 @@ import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 import "./theme.scss";
 
-const NewOkrList = (props) => {
-  const { OkrListCmp, OkrCommunicationPush, Empty, SetCycleModal } = props;
+function NewOkrList(props) {
+  const {
+    OkrListCmp, OkrCommunicationPush, Empty, SetCycleModal,
+  } = props;
   const useLocalStorage = new localStorage();
   const formFieldValues: any = useLocalStorage.getItem("okr-filter-values") || {
     targetType: "",
     targetCategory: "",
     targetSort: "",
   };
-  const filterCycle: any = (() =>{
-    const routerData = getQueryString()
-    const {annualNum,cycleType,yqmNum} = routerData
-    if(!!annualNum&&!!cycleType&&!!yqmNum){
-      return { annualNum,cycleType,yqmNum }
+  const filterCycle: any = (() => {
+    const routerData = getQueryString();
+    const { annualNum, cycleType, yqmNum } = routerData;
+    if (!!annualNum && !!cycleType && !!yqmNum) {
+      return { annualNum, cycleType, yqmNum };
     }
     return useLocalStorage.getItem("okr-filter-cycle") || {
-      annualNum: new Date().getFullYear() + "",
+      annualNum: `${new Date().getFullYear()}`,
       cycleType: "2",
       yqmNum: `${moment().quarter()}`,
     };
-  })()
+  })();
 
-  const showWorkExecution =
-    getBSGlobal("OkrAdvancedSetting").KRSetting.ShowWorkExecution;
+  const showWorkExecution = getBSGlobal("OkrAdvancedSetting").KRSetting.ShowWorkExecution;
   const [loading, setLoading] = useState(true);
   const [okrs, setOkrs] = useState([]);
   const [total, setTotal] = useState(0);
@@ -78,9 +79,9 @@ const NewOkrList = (props) => {
 
   let relation;
   if (
-    departmentId == undefined &&
-    toUserId == undefined &&
-    locationRelation == undefined
+    departmentId == undefined
+    && toUserId == undefined
+    && locationRelation == undefined
   ) {
     relation = 1;
   } else {
@@ -150,23 +151,19 @@ const NewOkrList = (props) => {
     setOkrs([data, ...(okrsRef.current || [])]);
   };
 
-  const isShowPrincple = useMemo(() => {
-    return !toUserId && relation != 1;
-  }, [toUserId, relation]);
+  const isShowPrincple = useMemo(() => !toUserId && relation != 1, [toUserId, relation]);
 
-  const isShowPeriod = useMemo(() => {
-    return Number(query.cycleType) == -1;
-  }, [query]);
+  const isShowPeriod = useMemo(() => Number(query.cycleType) == -1, [query]);
 
   const replaceOkr = useCallback(
     (data) => {
       const index = okrsRef.current.findIndex(
-        (item) => item.workId == data.workId
+        (item) => item.workId == data.workId,
       );
       okrsRef.current.splice(index, 1, data);
       setOkrs([...okrsRef.current]);
     },
-    [okrs]
+    [okrs],
   );
 
   const openCreateModal = () => {
@@ -180,13 +177,13 @@ const NewOkrList = (props) => {
     Toast.Success("成功套用");
   };
   const triggerAnimation = () => {
-    //@ts-ignore
-    document.querySelector('.tita-okr-list-v2').scrollTop = 0;
-    const twinkleEles = document.getElementsByClassName('okr-list__twinkle');
+    // @ts-ignore
+    document.querySelector(".tita-okr-list-v2").scrollTop = 0;
+    const twinkleEles = document.getElementsByClassName("okr-list__twinkle");
     for (let i = 0; i < twinkleEles.length; i++) {
-      twinkleEles[i].classList.add('okr-list__twinkle--animation');
+      twinkleEles[i].classList.add("okr-list__twinkle--animation");
       setTimeout(() => {
-        twinkleEles[i].classList.remove('okr-list__twinkle--animation');
+        twinkleEles[i].classList.remove("okr-list__twinkle--animation");
       }, 3000);
     }
   };
@@ -251,12 +248,12 @@ const NewOkrList = (props) => {
         </Loading>
         <InitCycleSetting SetCycleModal={SetCycleModal} />
         {!loading && (
-          <div className='okr-list__check-filter-tips'>
-            {getLocale('OKR_MyO_Text_CanfindOKR')}
-            <span className='okr-list__check-filter-btn'   onClick={triggerAnimation}>
-              {getLocale('OKR_MyO_Text_Check')}
+          <div className="okr-list__check-filter-tips">
+            {getLocale("OKR_MyO_Text_CanfindOKR")}
+            <span className="okr-list__check-filter-btn" onClick={triggerAnimation}>
+              {getLocale("OKR_MyO_Text_Check")}
             </span>
-            {getLocale('OKR_MyO_Text_Topfiltercriteria')}
+            {getLocale("OKR_MyO_Text_Topfiltercriteria")}
           </div>
         )}
         <Dialog
@@ -280,10 +277,12 @@ const NewOkrList = (props) => {
       </div>
     </Context.Provider>
   );
-};
+}
 
-export default (props) => (
-  <ErrorBoundary errorLevel={ERROR_LEVEL.P0}>
-    <NewOkrList {...props}/>
-  </ErrorBoundary>
-);
+export default function (props) {
+  return (
+    <ErrorBoundary errorLevel={ERROR_LEVEL.P0}>
+      <NewOkrList {...props} />
+    </ErrorBoundary>
+  );
+}

package/src/pages/new-okr-list/init-cycle-setting.tsx

@@ -1,17 +1,16 @@
-import { getUserInfo } from "../../utils/bs-global";
 import React, { useEffect, useState } from "react";
+import { getUserInfo } from "../../utils/bs-global";
 import { getCycleSetting } from "./request-api";
 
-const InitCycleSetting = (props) => {
+function InitCycleSetting(props) {
   const { SetCycleModal } = props;
   const [visible, setVisible] = useState(false);
 
   useEffect(() => {
     if (
-      localStorage.getItem("cycle_setting_stop_show" + getUserInfo().Id) ==
-      "true"
-    )
-      return;
+      localStorage.getItem(`cycle_setting_stop_show${getUserInfo().Id}`)
+      == "true"
+    ) return;
     getCycleSetting().then((res) => {
       const { hasSetting } = res.Data;
       if (!hasSetting) setVisible(true);
@@ -25,5 +24,5 @@ const InitCycleSetting = (props) => {
       onRefresh={() => location.reload()}
     />
   );
-};
+}
 export default InitCycleSetting;

package/src/pages/new-okr-list/interface.tsx

@@ -7,7 +7,7 @@ export interface ContextInterface {
   setType: Function;
   classify: string | number;
   setClassify: Function;
-  relationType?: 'my' | 'sub' | 'follow';
+  relationType?: "my" | "sub" | "follow";
   toUserId?: number;
   departmentId?: number;
   departmentName?: string;
@@ -31,4 +31,4 @@ export interface ContextInterface {
   setShowMore: Function;
   orderType: number;
   setOrderType: Function;
-}
+}