@titaui/pc 1.9.45 → 1.9.49

package/src/components/okr-detail/components/okr-tree/tree-node/o-parent-node/index.js

@@ -1,31 +1,29 @@
-import React, { useState, useContext } from 'react';
-import classNames from 'classnames';
-import OkrType from '../../../okr-type';
-import { OAuth } from '../../../../../../utils/auth';
-import IconText from '../../../icon-text';
-import Avatar from '../../../../../avatar';
-import Progress from '../../../../../progress';
-import drawerManager from '../../../../../drawer-manager';
-import { cancelParentOkr } from '../../../../request-apis';
-import Toast from '../../../../../toast';
-import { OkrListContext, CommonContext } from '../../../../context';
-import DropSelector, { IconItem } from '../../../../../drop-selector';
+import React, { useState, useContext } from "react";
+import classNames from "classnames";
+import OkrType from "../../../okr-type";
+import { OAuth } from "../../../../../../utils/auth";
+import IconText from "../../../icon-text";
+import Avatar from "../../../../../avatar";
+import Progress from "../../../../../progress";
+import drawerManager from "../../../../../drawer-manager";
+import { cancelParentOkr } from "../../../../request-apis";
+import Toast from "../../../../../toast";
+import { OkrListContext, CommonContext } from "../../../../context";
+import DropSelector, { IconItem } from "../../../../../drop-selector";
 import OClassify from "../../../o-classify";
-import preCls from '../../precls';
-import { OkrRiskMapping } from '../../../../../progress/utils';
+import preCls from "../../precls";
+import { OkrRiskMapping } from "../../../../../progress/utils";
 import { getLocale } from "../../../../../../utils/getLocale";
-import './index.scss';
-
-const getSeasonTectMap = () => {
-  return {
-    1: '一',
-    2: '二',
-    3: '三',
-    4: '四',
-  }
-};
-
-export default props => {
+import "./index.scss";
+
+const getSeasonTectMap = () => ({
+  1: "一",
+  2: "二",
+  3: "三",
+  4: "四",
+});
+
+export default function (props) {
   const { data, style, title } = props;
 
   const {
@@ -43,7 +41,9 @@ export default props => {
   });
 
   const getCycleDateStr = () => {
-    const { cycleType, yqmnum, annualNum, startDate, endDate } = data;
+    const {
+      cycleType, yqmnum, annualNum, startDate, endDate,
+    } = data;
     switch (cycleType) {
       case 1:
         return `${annualNum}年度`;
@@ -56,92 +56,102 @@ export default props => {
     }
   };
 
-  const onSelectorChangeHandler = async name => {
-    if (name == 'modifyParent') {
+  const onSelectorChangeHandler = async (name) => {
+    if (name == "modifyParent") {
       modifyOParent && modifyOParent();
-    } else if (name == 'cancelParent') {
+    } else if (name == "cancelParent") {
       await cancelParentOkr(okrInfo.workId);
-      Toast.Success(getLocale('Mod_Successfuloperat'));
+      Toast.Success(getLocale("Mod_Successfuloperat"));
       removeParent();
     }
     setDropSelectorVisible(false);
-  }
+  };
 
-  return <div className={classNames(`${preCls}__o-parent-node`)} style={style}>
+  return (
+    <div className={classNames(`${preCls}__o-parent-node`)} style={style}>
 
-    <div className={classNames(`${preCls}__o-parent-node-h1`)}>
-      <span className={classNames(`${preCls}__o-parent-node-prefix`)}></span>
+      <div className={classNames(`${preCls}__o-parent-node-h1`)}>
+        <span className={classNames(`${preCls}__o-parent-node-prefix`)} />
 
-      <span className={classNames(`${preCls}__o-parent-node-title`)} onClick={() => {
-        drawerManager.open('okrDetail', { 'okrId': data.workId })
-      }}>{title}</span>
+        <span
+          className={classNames(`${preCls}__o-parent-node-title`)}
+          onClick={() => {
+            drawerManager.open("okrDetail", { okrId: data.workId });
+          }}
+        >
+          {title}
+        </span>
 
-      <OClassify
-        editable={false}
-        okrClassify={data.okrClassify}
-        okrId={data.workId}
-      />
-    </div>
+        <OClassify
+          editable={false}
+          okrClassify={data.okrClassify}
+          okrId={data.workId}
+        />
+      </div>
 
-    <div className={classNames(`${preCls}__o-parent-node-h2`)}>
-      <OkrType
-        editable={false}
-        type={{
-          'okrType': data.okrType,
-          'departmentId': data.departmentId,
-          'departmentName': data.departmentName,
-          'groupId': data.groupId,
-          'groupName': data.groupName,
-        }}
-      />
-
-      <Avatar.Text name={data.principalUser.name} id={data.principalUser.userId} width={76} editable={false} />
-
-      {getCycleDateStr() ?
-        <IconText
-          width={400}
-          content={getCycleDateStr()}
+      <div className={classNames(`${preCls}__o-parent-node-h2`)}>
+        <OkrType
           editable={false}
-          icon="tu-icon-deferred"
-        /> : null}
-
-      <div className={classNames(`${preCls}__o-parent-node-right`)}>
-        <div className={classNames(`${preCls}__o-parent-node-progress`)}>
-          <Progress
-            percent={data.progress}
-            backgroundColor="#F7F8FA"
-            width={40}
-            textColor={
+          type={{
+            okrType: data.okrType,
+            departmentId: data.departmentId,
+            departmentName: data.departmentName,
+            groupId: data.groupId,
+            groupName: data.groupName,
+          }}
+        />
+
+        <Avatar.Text name={data.principalUser.name} id={data.principalUser.userId} width={76} editable={false} />
+
+        {getCycleDateStr()
+          ? (
+            <IconText
+              width={400}
+              content={getCycleDateStr()}
+              editable={false}
+              icon="tu-icon-deferred"
+            />
+          ) : null}
+
+        <div className={classNames(`${preCls}__o-parent-node-right`)}>
+          <div className={classNames(`${preCls}__o-parent-node-progress`)}>
+            <Progress
+              percent={data.progress}
+              backgroundColor="#F7F8FA"
+              width={40}
+              textColor={
               data.status === 2
                 ? "#89919f"
                 : OkrRiskMapping[data.manualRiskLevel].textColor
             }
-            color={
+              color={
               data.status === 2
                 ? "linear-gradient(270deg, #BFC7D5, #E1E5EC)"
                 : OkrRiskMapping[data.manualRiskLevel].line
             }
-          />
-        </div>
+            />
+          </div>
 
-        {canEditOkr &&
+          {canEditOkr
+          && (
           <div className={classNames(`${preCls}__o-parent-node-actions`)}>
             <DropSelector
-              popupPlacement={'bottomLeft'}
+              popupPlacement="bottomLeft"
               onChange={onSelectorChangeHandler}
               trigger={<span className="tu-icon-diot" />}
             >
-              <IconItem icon="tu-icon-bianji3" name='modifyParent'>
-                <span>{getLocale('OKR_MyO_Butt_ModifyAlig')}</span>
+              <IconItem icon="tu-icon-bianji3" name="modifyParent">
+                <span>{getLocale("OKR_MyO_Butt_ModifyAlig")}</span>
               </IconItem>
-              <IconItem icon="tu-icon-liebiao-duiqinubiao" name='cancelParent'>
-                <span>{getLocale('OKR_MyO_Butt_CancelAlig')}</span>
+              <IconItem icon="tu-icon-liebiao-duiqinubiao" name="cancelParent">
+                <span>{getLocale("OKR_MyO_Butt_CancelAlig")}</span>
               </IconItem>
             </DropSelector>
-          </div>}
+          </div>
+          )}
+        </div>
       </div>
-    </div>
 
-
-  </div>
+    </div>
+  );
 }

package/src/components/okr-detail/components/okr-type.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { OpenDepartmentName } from "../../../utils/open-data";
-import CommonTypePopup from './base-okr-type'
+import CommonTypePopup from "./base-okr-type";
 import IconText from "./icon-text";
 import { getLocale } from "../../../utils/getLocale";
 
@@ -18,19 +18,22 @@ interface IProps {
   onTypeChange?: Function;
 }
 
-const OType = (props: IProps) => {
-  const { editable = false, workId, type, onTypeChange } = props;
+function OType(props: IProps) {
+  const {
+    editable = false, workId, type, onTypeChange,
+  } = props;
 
-  const {okrType, departmentId, departmentName, groupId, groupName} = type;
-  const [OkrTypeSetting] = useState(() => {
+  const {
+    okrType, departmentId, departmentName, groupId, groupName,
+  } = type;
+  const [OkrTypeSetting] = useState(() =>
     // @ts-ignore
-    return window.BSGlobal.OkrAdvancedSetting.KRSetting.OkrTypeSetting;
-  });
+    window.BSGlobal.OkrAdvancedSetting.KRSetting.OkrTypeSetting);
   const okrTypeMap = {
-    1: { icon: "tu-icon-liebiao-geren", text: getLocale('OKR_MyO_Pop_Individual') }, // 个人
-    2: { icon: "tu-icon-liebiao-xiashu", text: departmentId > 0 ? <OpenDepartmentName id={departmentId} name={departmentName} /> : '默认部门' }, // 部门
-    3: { icon: "tu-icon-gong_si", text: getLocale('OKR_MyO_Pop_Company') }, // 公司
-    4: { icon: "tu-icon-liebiao-tuandui", text: groupName || getLocale('OKR_MyO_Text_Team') }, // 团队
+    1: { icon: "tu-icon-liebiao-geren", text: getLocale("OKR_MyO_Pop_Individual") }, // 个人
+    2: { icon: "tu-icon-liebiao-xiashu", text: departmentId > 0 ? <OpenDepartmentName id={departmentId} name={departmentName} /> : "默认部门" }, // 部门
+    3: { icon: "tu-icon-gong_si", text: getLocale("OKR_MyO_Pop_Company") }, // 公司
+    4: { icon: "tu-icon-liebiao-tuandui", text: groupName || getLocale("OKR_MyO_Text_Team") }, // 团队
   };
 
   const triggerContent = () => (
@@ -41,19 +44,19 @@ const OType = (props: IProps) => {
       editable={editable}
     />
   );
-  if(!OkrTypeSetting) return null;
+  if (!OkrTypeSetting) return null;
   if (!editable) return triggerContent();
   return (
     <div style={{ display: "inline-block" }}>
       <CommonTypePopup
-        dept={{departmentId, departmentName: departmentId == -1 ? '默认部门': departmentName}}
-        type={{typeId: okrType, typeName: okrTypeMap[okrType].text}}
-        team={{groupId, groupName}}
+        dept={{ departmentId, departmentName: departmentId == -1 ? "默认部门" : departmentName }}
+        type={{ typeId: okrType, typeName: okrTypeMap[okrType].text }}
+        team={{ groupId, groupName }}
         okrId={workId}
         renderInnerContent={triggerContent}
         onTypeChange={onTypeChange}
       />
     </div>
   );
-};
+}
 export default OType;

package/src/components/okr-detail/components/padding-layout.js

@@ -1,7 +1,9 @@
-import React from 'react';
+import React from "react";
 
-export default ({ children, padding = `0 32px` }) => {
-  return <div style={{ padding, 'position': 'relative' }}>
-    {children}
-  </div>
+export default function ({ children, padding = "0 32px" }) {
+  return (
+    <div style={{ padding, position: "relative" }}>
+      {children}
+    </div>
+  );
 }

package/src/components/okr-detail/components/score/index.tsx

@@ -9,8 +9,10 @@ interface IProps {
   onClick: Function;
   isEvaluate?: boolean;
 }
-const Score = (props: IProps) => {
-  const { editable, score, onClick = () => { }, isEvaluate = true } = props;
+function Score(props: IProps) {
+  const {
+    editable, score, onClick = () => { }, isEvaluate = true,
+  } = props;
 
   const clickHandler = () => {
     if (!editable) return;
@@ -38,24 +40,30 @@ const Score = (props: IProps) => {
   return (
     <span
       className={classNames("okr-drawer-score", {
-        [`okr-drawer-score--editable`]: editable,
+        "okr-drawer-score--editable": editable,
       })}
       onClick={clickHandler}
     >
       <span
         className={classNames(
           "okr-drawer-score__icon",
-          `okr-drawer-score__icon--${getIconType(score)}`
+          `okr-drawer-score__icon--${getIconType(score)}`,
         )}
       />
-      {isEvaluate ?
-        <span className={`okr-drawer-score__text`}>{score == 1 ? '1': Number(score).toFixed(2) * 1}分</span> :
-        <span>
-          <span />
-          <span>{editable ? getLocale('Per_Ass_New_Appr_detail_Scor') : '--'}</span>
-        </span>
-      }
+      {isEvaluate
+        ? (
+          <span className="okr-drawer-score__text">
+            {score == 1 ? "1" : Number(score).toFixed(2) * 1}
+            分
+          </span>
+        )
+        : (
+          <span>
+            <span />
+            <span>{editable ? getLocale("Per_Ass_New_Appr_detail_Scor") : "--"}</span>
+          </span>
+        )}
     </span>
   );
-};
+}
 export default Score;

package/src/components/okr-detail/components/tab-panel-content/index.js

@@ -1,13 +1,15 @@
-import React from 'react';
+import React from "react";
 import classNames from "classnames";
-import './index.scss';
+import "./index.scss";
 
 const preCls = "okr-detail";
 
-export default ({ children, style }) => {
-  return <div className={classNames(`${preCls}__tabpanel-content`)}>
-    <div className={classNames(`${preCls}__tabpanel-content-inner`)} style={style}>
-      {children}
+export default function ({ children, style }) {
+  return (
+    <div className={classNames(`${preCls}__tabpanel-content`)}>
+      <div className={classNames(`${preCls}__tabpanel-content-inner`)} style={style}>
+        {children}
+      </div>
     </div>
-  </div>
+  );
 }

package/src/components/okr-detail/context.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 export const CommonContext = React.createContext();
 export const OkrListContext = React.createContext();
@@ -7,5 +7,5 @@ export const EListContext = React.createContext();
 export const GeneralDataContext = React.createContext();
 
 export const defaultConfig = {
-  'okrInfo': undefined,
-}
+  okrInfo: undefined,
+};

package/src/components/okr-detail/cooperation/index.tsx

@@ -1,6 +1,7 @@
-import Communication from '../../communication';
-import OperationRecord from '../../operation-records';
-import React, { ReactElement } from 'react'
+import React, { ReactElement } from "react";
+import Communication from "../../communication";
+import OperationRecord from "../../operation-records";
+
 interface Props {
   feedId: string
   defaultOperationRecordNum: number
@@ -8,13 +9,15 @@ interface Props {
   communicationRef: any
 }
 
-function OkrDetailCooperation({ feedId, defaultOperationRecordNum, onComment, communicationRef }: Props): ReactElement {
+function OkrDetailCooperation({
+  feedId, defaultOperationRecordNum, onComment, communicationRef,
+}: Props): ReactElement {
   return (
     <div>
       <OperationRecord feedId={feedId} commentCount={defaultOperationRecordNum as number} />
       <Communication feedId={feedId} commentCount={4} useCustomMblog onComment={onComment} ref={communicationRef} />
     </div>
-  )
+  );
 }
 
-export default OkrDetailCooperation
+export default OkrDetailCooperation;

package/src/components/okr-detail/detail-footer/index.tsx

@@ -1,12 +1,14 @@
-import React, { useCallback, forwardRef, ReactElement, useImperativeHandle, useState } from 'react';
-import { OpenUserName } from '../../../utils/open-data';
-import { addComment } from '../request-apis';
-import { getBSGlobal } from '../../../utils/bs-global'
-import MBlog from '../../mblog';
+import React, {
+  useCallback, forwardRef, ReactElement, useImperativeHandle, useState,
+} from "react";
+import { OpenUserName } from "../../../utils/open-data";
+import { addComment } from "../request-apis";
+import { getBSGlobal } from "../../../utils/bs-global";
+import MBlog from "../../mblog";
 import { getLocale } from "../../../utils/getLocale";
-import './index.scss';
+import "./index.scss";
 
-const loginUserId = getBSGlobal('loginUserInfo').Id;
+const loginUserId = getBSGlobal("loginUserInfo").Id;
 interface Props {
   feedId: string;
   reply?: ReplyInfo
@@ -20,73 +22,77 @@ interface ReplyInfo {
 }
 function OKrDetailBottomComment({ feedId, onAfterSubmit, isFocusReply = false }: Props, ref): ReactElement {
   const [active, setActive] = useState(isFocusReply);
-  const [submitStatus, setSubmitStatus] = useState(1)
-  const [reply, setReply] = useState<ReplyInfo>()
-  const [autoFocus, setAutoFocus] = useState(true)
+  const [submitStatus, setSubmitStatus] = useState(1);
+  const [reply, setReply] = useState<ReplyInfo>();
+  const [autoFocus, setAutoFocus] = useState(true);
 
   useImperativeHandle(ref, () => ({
     show: (reply?: ReplyInfo, autoFocus?: boolean) => {
       if (autoFocus !== undefined) {
-        setAutoFocus(!!autoFocus)
+        setAutoFocus(!!autoFocus);
       } else {
-        setAutoFocus(true)
+        setAutoFocus(true);
       }
       setTimeout(() => {
         setActive(true);
 
-        reply && setReply(reply)
+        reply && setReply(reply);
       }, 0);
     },
     hide: () => {
-      setActive(false)
-      setReply(undefined)
-    }
-  }), [])
+      setActive(false);
+      setReply(undefined);
+    },
+  }), []);
   const onMblogSubmit = useCallback(async (submitType, sentData) => {
-
-    if (submitType === 'submit') { // 发送
-      setSubmitStatus(2)
-      sentData.FeedId = feedId
-      sentData.CommentId = 0
-      sentData.ObjId = 0
-      sentData.ObjType = 0
+    if (submitType === "submit") { // 发送
+      setSubmitStatus(2);
+      sentData.FeedId = feedId;
+      sentData.CommentId = 0;
+      sentData.ObjId = 0;
+      sentData.ObjType = 0;
       if (reply) {
-        sentData.CommentId = reply.commentId
+        sentData.CommentId = reply.commentId;
       }
-      await addComment(sentData)
-      setSubmitStatus(1)
-      setActive(false)
-      setReply(undefined)
-      onAfterSubmit()
+      await addComment(sentData);
+      setSubmitStatus(1);
+      setActive(false);
+      setReply(undefined);
+      onAfterSubmit();
     }
-  }, [reply])
+  }, [reply]);
   if (active) {
     return (
-      <div className='okr-detail-drawer-bottom-mblog-wrapper' onMouseDown={e => e.stopPropagation()}>
-        {!!reply && <div className="okr-detail-reply-to-user" style={{ height: 'auto', padding: '3px 0' }}>
-          <span style={{ position: 'relative', top: '2px' }}>{getLocale('Mod_Reply')}</span>
+      <div className="okr-detail-drawer-bottom-mblog-wrapper" onMouseDown={(e) => e.stopPropagation()}>
+        {!!reply && (
+        <div className="okr-detail-reply-to-user" style={{ height: "auto", padding: "3px 0" }}>
+          <span style={{ position: "relative", top: "2px" }}>{getLocale("Mod_Reply")}</span>
           <div className="okr-detail-drawer-reply-user">
             <span className="name"><OpenUserName name={reply.userName} id={reply.userId} /></span>
-            <span className="tu-icon-cross" onClick={() => {
-              setReply(undefined)
-            }}></span>
+            <span
+              className="tu-icon-cross"
+              onClick={() => {
+                setReply(undefined);
+              }}
+            />
           </div>
-        </div>}
+        </div>
+        )}
         <MBlog
-          defaultContent={''}
-          placeholderText={getLocale('Mod_contentofyour')}
+          defaultContent=""
+          placeholderText={getLocale("Mod_contentofyour")}
           isHasPlaceholder
           isShowRangeDropDown={false}
           isShowSendSms={false}
           isShowBtnCancel={false}
           isShowRange={false}
-          submitText={getLocale('OKR_MyO_KRP_Butt_Release')}
+          submitText={getLocale("OKR_MyO_KRP_Butt_Release")}
           initialTextHeight={96}
           autoResizing={false}
           autoFocus={autoFocus}
           privateValue={1}
-          userSelectorPopAlign='top left'
-          emotionsSelectorPopAlign='top left'
+          userSelectorPopAlign="top left"
+          emotionsSelectorPopAlign="top left"
           commentsTypeKey={`okr_detail_drawer_${loginUserId}_${feedId}`}
           submitStatus={submitStatus}
           onMblogSubmit={onMblogSubmit}
@@ -95,15 +101,16 @@ function OKrDetailBottomComment({ feedId, onAfterSubmit, isFocusReply = false }:
     );
   }
   return (
-    <div className='okr-detail-drawer-bottom-comment' onMouseDown={e => {
-      e.stopPropagation()
-
-    }}
+    <div
+      className="okr-detail-drawer-bottom-comment"
+      onMouseDown={(e) => {
+        e.stopPropagation();
+      }}
       onClick={() => setActive(true)}
     >
       <i className="tu-icon-bianji2" />
-      {getLocale('Mod_Needcommunicate')}
-      <img src={require('../images/nice.svg')} />
+      {getLocale("Mod_Needcommunicate")}
+      <img src={require("../images/nice.svg")} />
     </div>
   );
 }