@titaui/pc 1.9.48 → 1.9.49

package/src/components/menus/components/menu-tree/tree-node/user-concern.tsx

@@ -1,58 +1,61 @@
-import React, { useRef, useContext } from 'react';
-import classNames from 'classnames';
-import UserSelector from '../../../../user-selector';
-import { addFollower } from '../../../request-apis';
-import Toast from '../../../../toast';
-import { OkrMenusContext } from '../../../context';
-import preCls from '../precls';
+import React, { useRef, useContext } from "react";
+import classNames from "classnames";
+import UserSelector from "../../../../user-selector";
+import { addFollower } from "../../../request-apis";
+import Toast from "../../../../toast";
+import { OkrMenusContext } from "../../../context";
+import preCls from "../precls";
 
-import './index.scss';
+import "./index.scss";
 
-export default props => {
+export default function (props) {
   const { onExpand, title, data } = props;
 
   const userRef = useRef();
 
-  const { onAddConcerner } = useContext(OkrMenusContext)
+  const { onAddConcerner } = useContext(OkrMenusContext);
 
-  const onExpandHander = e => {
+  const onExpandHander = (e) => {
     onExpand(e);
-  }
+  };
 
-  const onAddConcernHandler = e => {
+  const onAddConcernHandler = (e) => {
     e.stopPropagation();
     // @ts-ignore
     userRef.current && userRef.current.open();
-  }
+  };
 
   const onUserSelectHandler = (users, _, e) => {
-    addFollower(users[0].data.userId).then(res => {
+    addFollower(users[0].data.userId).then((res) => {
       if (res.Code != 1) {
         Toast.Error(res.Message, {});
         return;
       }
       onAddConcerner(users[0]);
-    }).catch(err => console.log(err))
-  }
-
-  return <div className={classNames(`${preCls}__user-concern-node`)} onClick={onExpandHander} title="">
-
-    {data.icon && <span className={classNames(`${preCls}__user-concern-node-icon`, data.icon)} />}
-    <span className={classNames(`${preCls}__user-concern-node-title`, 'noselect')}>{title}</span>
-
-    <span className={classNames(`${preCls}__user-concern-node-add`, 'noselect')} onClick={onAddConcernHandler}>
-      <span className="tu-icon-add1" />
-    </span>
-
-    <UserSelector       ref={userRef}
-      multiple={false}
-      position="bottomLeft"
-      onSelect={onUserSelectHandler}
-      disabledDepartSelect={true}
-      showSearchInput={true}
-      searchedPanes={{ user: true, depart: false, group: false }}
-      trigger={<span></span>}
-      panes={{ 'depart': true }}
-    />
-  </div>
+    }).catch((err) => console.log(err));
+  };
+
+  return (
+    <div className={classNames(`${preCls}__user-concern-node`)} onClick={onExpandHander} title="">
+
+      {data.icon && <span className={classNames(`${preCls}__user-concern-node-icon`, data.icon)} />}
+      <span className={classNames(`${preCls}__user-concern-node-title`, "noselect")}>{title}</span>
+
+      <span className={classNames(`${preCls}__user-concern-node-add`, "noselect")} onClick={onAddConcernHandler}>
+        <span className="tu-icon-add1" />
+      </span>
+
+      <UserSelector
+        ref={userRef}
+        multiple={false}
+        position="bottomLeft"
+        onSelect={onUserSelectHandler}
+        disabledDepartSelect
+        showSearchInput
+        searchedPanes={{ user: true, depart: false, group: false }}
+        trigger={<span />}
+        panes={{ depart: true }}
+      />
+    </div>
+  );
 }

package/src/components/menus/components/search-colleague/index.tsx

@@ -1,25 +1,25 @@
 import React, { useState, useRef } from "react";
 import classNames from "classnames";
-import * as Bowser from 'bowser';
-import { locale } from '../../i18n';
-import UserSelector from '../../../user-selector';
-import preCls from '../../precls';
-import './index.scss';
+import * as Bowser from "bowser";
+import { locale } from "../../i18n";
+import UserSelector from "../../../user-selector";
+import preCls from "../../precls";
+import "./index.scss";
 
 interface Props {
   placeholder?: string;
   onSelect: Function;
 }
 
-export default (props: Props) => {
+export default function (props: Props) {
   const {
-    placeholder = window['getLocale'] && window['getLocale'](locale.input_search_user) || locale.input_search_user,
-    onSelect
+    placeholder = window.getLocale && window.getLocale(locale.input_search_user) || locale.input_search_user,
+    onSelect,
   } = props;
 
   const selectorRef = useRef<any>();
 
-  const [searchVal, setSearchVal] = useState('');
+  const [searchVal, setSearchVal] = useState("");
   const [isActive, setIsActive] = useState(false);
   const [userSelectOffset] = useState<any>(() => {
     try {
@@ -27,18 +27,17 @@ export default (props: Props) => {
       const browserInfo = browser.getBrowser();
       const { name } = browserInfo;
       if ( // safari 浏览器上兼容选人组件下拉的位置
-        (name || '').toLowerCase() == 'wechat' ||
-        (name || '').toLowerCase() == 'safari'
+        (name || "").toLowerCase() == "wechat"
+        || (name || "").toLowerCase() == "safari"
       ) {
         return [140, 2];
-      } else {
-        return [62, 2];
       }
+      return [62, 2];
     } catch (e) {
       console.error(e);
       return [62, 2];
     }
-  })
+  });
 
   const handleInputChange = (e) => {
     setSearchVal(e.target.value);
@@ -46,26 +45,27 @@ export default (props: Props) => {
   };
 
   const handleSelected = ([user]) => {
-    onSelect(user)
-  }
+    onSelect(user);
+  };
 
-  const onInputFocusHandler = e => {
+  const onInputFocusHandler = (e) => {
     e.stopPropagation();
     setIsActive(true);
-  }
+  };
 
-  const onInputBlurHandler = e => {
+  const onInputBlurHandler = (e) => {
     e.stopPropagation();
     setIsActive(false);
-  }
+  };
 
   return (
-    <div className={classNames(`${preCls}__search-input`, 'noselect')}>
+    <div className={classNames(`${preCls}__search-input`, "noselect")}>
 
       <div className={classNames(`${preCls}__search-input-inner`, {
-        [`${preCls}__search-input-inner--active`]: isActive
-      })}>
-        <span className='tu-icon-search' />
+        [`${preCls}__search-input-inner--active`]: isActive,
+      })}
+      >
+        <span className="tu-icon-search" />
         <input
           placeholder={placeholder}
           onChange={handleInputChange}
@@ -74,20 +74,21 @@ export default (props: Props) => {
         />
       </div>
 
-      <UserSelector         ref={selectorRef}
+      <UserSelector
+        ref={selectorRef}
         multiple={false}
         position="bottom"
         onSelect={handleSelected}
-        disabledDepartSelect={true}
+        disabledDepartSelect
         showSearchInput={false}
         searchedPanes={{ user: true, depart: false, group: false }}
         searchWord={searchVal}
-        trigger={<span></span>}
-        panes={{ 'depart': true }}
+        trigger={<span />}
+        panes={{ depart: true }}
         popupAlign={{
-          'offset': userSelectOffset,
+          offset: userSelectOffset,
         }}
       />
     </div>
   );
-};
+}

package/src/components/menus/context.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 export const OkrMenusContext = React.createContext();
-export const FlipContext = React.createContext();
+export const FlipContext = React.createContext();

package/src/components/menus/export-modules/appraisal-menus/index.tsx

@@ -2,12 +2,12 @@ import React, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { withRouter } from "react-router";
 // import { ResizeObserver } from '@juggle/resize-observer';
-import ResizeObserver from 'resize-observer-polyfill';
+import ResizeObserver from "resize-observer-polyfill";
 import FlipCard, { flipRefIns } from "../../components/flip-menu-card";
 import MenuTree from "../../components/menu-tree";
-import Scrollbar from '../../../scrollbar';
+import Scrollbar from "../../../scrollbar";
 import AppraisalMenuData, { AppraisalMenusInt, defaultRefObject } from "./menus";
-import MenuHighlight from './menu-highlight';
+import MenuHighlight from "./menu-highlight";
 import preCls from "../../precls";
 import { getLocale, isEn } from "../../../../utils/getLocale";
 
@@ -19,12 +19,10 @@ interface Props {
   history?: any;
 }
 
-const AppraisalMenus = (props: Props) => {
+function AppraisalMenus(props: Props) {
   const { onSelect = () => { }, history } = props;
 
-  const [maxHeight, setMaxHeight] = useState<number>(() => {
-    return document.body.offsetHeight - 150;
-  });
+  const [maxHeight, setMaxHeight] = useState<number>(() => document.body.offsetHeight - 150);
   const [selectedMenuKeys, setSelectedMenuKeys] = useState<string[]>([]);
 
   const menuRef = useRef<any>();
@@ -42,10 +40,10 @@ const AppraisalMenus = (props: Props) => {
   // 判断路由高亮菜单
   useEffect(() => {
     const menuHighlight = new MenuHighlight(history);
-    menuHighlight.highlight(menu => setSelectedMenuKeys([menu]));
+    menuHighlight.highlight((menu) => setSelectedMenuKeys([menu]));
   }, [
     history.location.pathname,
-    history.location.search
+    history.location.search,
   ]);
 
   const onSelectHandler = (selectedKyes, { node }) => {
@@ -54,35 +52,35 @@ const AppraisalMenus = (props: Props) => {
     if (!selectedKyes.length) return;
     setSelectedMenuKeys(selectedKyes);
     // @ts-ignore
-    window.titaTracker &&
+    window.titaTracker
       // @ts-ignore
-      window.titaTracker('action').record({
+      && window.titaTracker("action").record({
         actionName: `绩效考核__${node.title}`,
-        actionGroup: getLocale('Menu_Title_Performance'),
-        productName: getLocale('Menu_Title_Performance'),
+        actionGroup: getLocale("Menu_Title_Performance"),
+        productName: getLocale("Menu_Title_Performance"),
       });
   };
 
-  const collapseMenu = isHide => {
+  const collapseMenu = (isHide) => {
     if (isHide) {
-      menuRef.current.style.width = '0px';
+      menuRef.current.style.width = "0px";
     } else {
-      menuRef.current.style.width = '';
+      menuRef.current.style.width = "";
     }
-  }
+  };
 
   useEffect(() => {
-    const obs = new ResizeObserver(entries => {
-      for (let entry of entries) {
+    const obs = new ResizeObserver((entries) => {
+      for (const entry of entries) {
         const cr = entry.contentRect;
         setMaxHeight(cr.height - 150);
       }
-    })
+    });
     obs.observe(document.body);
     return () => {
       obs.unobserve(document.body);
-    }
-  }, [])
+    };
+  }, []);
 
   return (
     <div
@@ -90,7 +88,7 @@ const AppraisalMenus = (props: Props) => {
       className={classNames(preCls, `${preCls}-appraisal-menus`)}
     >
       <FlipCard collapseMenu={collapseMenu} ref={flipRef} defaultWidth={isEn ? 210 : 180}>
-        <React.Fragment>
+        <>
           <div className={classNames(`${preCls}-appraisal-menus-tree`)}>
             <Scrollbar style={{ maxHeight }}>
               <MenuTree
@@ -100,13 +98,13 @@ const AppraisalMenus = (props: Props) => {
               />
             </Scrollbar>
           </div>
-        </React.Fragment>
+        </>
 
-        <React.Fragment></React.Fragment>
+        <></>
       </FlipCard>
     </div>
-  )
+  );
 }
 
 // @ts-ignore
-export default withRouter(AppraisalMenus);
+export default withRouter(AppraisalMenus);

package/src/components/menus/export-modules/appraisal-menus/menu-highlight.ts

@@ -7,11 +7,10 @@ import {
   PAGE_TEMPLATE_APPRAISAL,
   PAGE_LIBRARY_APPRAISAL,
   PAGE_SCORE_APPRAISAL,
-  PAGE_HELP_APPRAISAL
-} from './menus';
+  PAGE_HELP_APPRAISAL,
+} from "./menus";
 
 export default class {
-
   private history: any = null;
 
   constructor(history: any) {
@@ -32,47 +31,55 @@ export default class {
 
   isMy() {
     const { pathname, search } = this.history.location;
-    return pathname.match(/performance/) &&
-      (!search || search.match(/reactRouterName[\s]*?=[\s]*?self/))
+    return pathname.match(/performance/)
+      && (!search || search.match(/reactRouterName[\s]*?=[\s]*?self/));
   }
+
   isEvaluate() {
     const { pathname, search } = this.history.location;
-    return pathname.match(/performance/) &&
-      search.match(/reactRouterName[\s]*?=[\s]*?evaluated/)
+    return pathname.match(/performance/)
+      && search.match(/reactRouterName[\s]*?=[\s]*?evaluated/);
   }
+
   isSubordinate() {
     const { pathname, search } = this.history.location;
-    return pathname.match(/performance/) &&
-      search.match(/reactRouterName[\s]*?=[\s]*?subordinate/)
+    return pathname.match(/performance/)
+      && search.match(/reactRouterName[\s]*?=[\s]*?subordinate/);
   }
+
   isDepart() {
     const { pathname, search } = this.history.location;
-    return pathname.match(/performance/) &&
-      search.match(/reactRouterName[\s]*?=[\s]*?department/)
+    return pathname.match(/performance/)
+      && search.match(/reactRouterName[\s]*?=[\s]*?department/);
   }
+
   isManage() {
     const { pathname, search } = this.history.location;
-    return pathname.match(/performance/) &&
-      search.match(/reactRouterName[\s]*?=[\s]*?manage/)
+    return pathname.match(/performance/)
+      && search.match(/reactRouterName[\s]*?=[\s]*?manage/);
   }
+
   isTemplate() {
     const { pathname, search } = this.history.location;
-    return pathname.match(/performance/) &&
-      search.match(/reactRouterName[\s]*?=[\s]*?template/)
+    return pathname.match(/performance/)
+      && search.match(/reactRouterName[\s]*?=[\s]*?template/);
   }
+
   isLibrary() {
     const { pathname, search } = this.history.location;
-    return pathname.match(/performance/) &&
-      search.match(/reactRouterName[\s]*?=[\s]*?templateLibrary/)
+    return pathname.match(/performance/)
+      && search.match(/reactRouterName[\s]*?=[\s]*?templateLibrary/);
   }
+
   isScore() {
     const { pathname, search } = this.history.location;
-    return pathname.match(/performance/) &&
-      search.match(/reactRouterName[\s]*?=[\s]*?setting/)
+    return pathname.match(/performance/)
+      && search.match(/reactRouterName[\s]*?=[\s]*?setting/);
   }
+
   isHelp() {
     const { pathname, search } = this.history.location;
-    return pathname.match(/performance/) &&
-      search.match(/reactRouterName[\s]*?=[\s]*?help/)
+    return pathname.match(/performance/)
+      && search.match(/reactRouterName[\s]*?=[\s]*?help/);
   }
-}
+}

package/src/components/menus/export-modules/appraisal-menus/menus.ts

@@ -1,11 +1,11 @@
 import { getUserInfo, getBSGlobal } from "../../../../utils/bs-global";
-import { locale } from '../../i18n';
+import { locale } from "../../i18n";
 import { getLocale } from "../../../../utils/getLocale";
 import {
   GROUP_NAME_NODE,
   MENU_ITEM_NOE,
   MENU_ASSESS_MANAGE,
-  MENU_ASSESS_TEMPLATE
+  MENU_ASSESS_TEMPLATE,
 } from "../../components/menu-tree/tree-node/index";
 
 interface TreeNode {
@@ -30,13 +30,13 @@ export const defaultRefObject = {
 const {
   AssessFunctionSetting: { StartAssessByDepartmentLeader, StartAssessByUser },
 } = getBSGlobal("AssessAdvancedSetting");
-const { HasSub, IsAssessManager, IsLeader, IsBoss, IsRoot, Role } = getUserInfo();
-const performanceManageAuthority =
-  IsAssessManager ||
-  (IsLeader && StartAssessByDepartmentLeader) ||
-  StartAssessByUser;
-const performanceStatisticsAuthority =
-  IsAssessManager || IsBoss || (IsRoot && Role != 4) || IsLeader;
+const {
+  HasSub, IsAssessManager, IsLeader, IsBoss, IsRoot, Role,
+} = getUserInfo();
+const performanceManageAuthority = IsAssessManager
+  || (IsLeader && StartAssessByDepartmentLeader)
+  || StartAssessByUser;
+const performanceStatisticsAuthority = IsAssessManager || IsBoss || (IsRoot && Role != 4) || IsLeader;
 
 export const PAGE_MY_APPRAISAL = "my-appraisal";
 export const PAGE_EVALUATE_APPRAISAL = "evaluate-appraisal";

package/src/components/menus/export-modules/manage-menus/constant.ts

@@ -45,4 +45,4 @@ export const menus = [
       },
     ],
   },
-];
+];

package/src/components/menus/export-modules/manage-menus/handle-highlight.ts

@@ -1,9 +1,9 @@
-const OKR_MANAGE = 'okr';
-const PROJECT_MANAGE = 'project';
-const PLAN_MANAGE = 'plan';
-const DAILY_MANAGE = 'daily';
-const WEEKLY_MANAGE = 'weekly';
-const MONTHLY_MANAGE = 'monthly';
+const OKR_MANAGE = "okr";
+const PROJECT_MANAGE = "project";
+const PLAN_MANAGE = "plan";
+const DAILY_MANAGE = "daily";
+const WEEKLY_MANAGE = "weekly";
+const MONTHLY_MANAGE = "monthly";
 
 export class JudgeManageHighLightMenu {
   private search: any = null;
@@ -12,45 +12,44 @@ export class JudgeManageHighLightMenu {
     this.search = search;
   }
 
-  isOkr(){
+  isOkr() {
     return !!this.search.match(/\?reactRouterName=okr/);
   }
 
-  isProject(){
+  isProject() {
     return !!this.search.match(/\?reactRouterName=project/);
   }
 
-  isPlan(){
+  isPlan() {
     return !!this.search.match(/\?reactRouterName=plan/);
   }
 
-  isDaily(){
+  isDaily() {
     return !!this.search.match(/\?reactRouterName=daily/);
   }
 
-  isWeekly(){
+  isWeekly() {
     return !!this.search.match(/\?reactRouterName=weekly/);
   }
 
-  isMonthly(){
+  isMonthly() {
     return !!this.search.match(/\?reactRouterName=monthly/);
   }
 
   getHighLightMenu() {
     if (this.isOkr()) {
       return OKR_MANAGE;
-    } else if (this.isProject()) {
+    } if (this.isProject()) {
       return PROJECT_MANAGE;
-    } else if (this.isPlan()) {
+    } if (this.isPlan()) {
       return PLAN_MANAGE;
-    } else if (this.isDaily()) {
+    } if (this.isDaily()) {
       return DAILY_MANAGE;
-    } else if (this.isWeekly()) {
+    } if (this.isWeekly()) {
       return WEEKLY_MANAGE;
-    } else if (this.isMonthly()) {
+    } if (this.isMonthly()) {
       return MONTHLY_MANAGE;
     }
-    return '';
+    return "";
   }
-
-}
+}

package/src/components/menus/export-modules/manage-menus/index.tsx

@@ -30,7 +30,7 @@ const preCls = "titaui-menus";
 
 const expandedKeys = ["okr"];
 
-const ManageMenus = (props: Props) => {
+function ManageMenus(props: Props) {
   const { history } = props;
   const [selectedMenuKeys, setSelectedMenuKeys] = useState<any[]>([]);
   const flipRef = useRef<flipRefIns>({
@@ -44,7 +44,7 @@ const ManageMenus = (props: Props) => {
 
     for (let i = 0; i < menus.length; i++) {
       const menu = menus[i];
-      const hasChildren = menu.children && menu.children.length ? true : false;
+      const hasChildren = !!(menu.children && menu.children.length);
       const isLeaf = menu.isLeaf !== undefined ? menu.isLeaf : !hasChildren;
 
       let nodeType = menu.type;
@@ -54,11 +54,11 @@ const ManageMenus = (props: Props) => {
         key: `${menu.key}`,
         title: getLocale(menu.label) ? getLocale(menu.label) : menu.label,
         data: menu.data || menu,
-        isLeaf: isLeaf,
+        isLeaf,
         children: formateToTreeNodeData(
           menu.children || [],
           level + 1,
-          menu.key
+          menu.key,
         ),
         nodeType,
       });
@@ -75,10 +75,10 @@ const ManageMenus = (props: Props) => {
   };
 
   useEffect(() => {
-    const search = history.location.search;
+    const { search } = history.location;
     const activeMenu = new JudgeManageHighLightMenu(search).getHighLightMenu();
     setSelectedMenuKeys([activeMenu]);
-  }, [history.location.pathname,history.location.search]);
+  }, [history.location.pathname, history.location.search]);
 
   const onSelectHandler = (selectedKyes, { node }) => {
     // 处理菜单选中
@@ -93,7 +93,7 @@ const ManageMenus = (props: Props) => {
         ref={flipRef}
         defaultWidth={isEn ? 210 : 180}
       >
-        <React.Fragment>
+        <>
           <div className={classNames(`${preCls}-appraisal-menus-tree`)}>
             <Scrollbar>
               <MenuTree
@@ -104,12 +104,12 @@ const ManageMenus = (props: Props) => {
               />
             </Scrollbar>
           </div>
-        </React.Fragment>
+        </>
 
-        <React.Fragment></React.Fragment>
+        <></>
       </FlipCard>
     </div>
   );
-};
+}
 
 export default withRouter(ManageMenus);