@titaui/pc 1.9.49 → 1.9.50

package/src/components/okr-detail/components/header/o-cycle.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useContext } from "react";
 import { CommonContext, GeneralDataContext } from "../../context";
 
-import OkrPeriodSelector from "../../../okr-period-selector";
+import OkrPeriodSelector from '../../../okr-period-selector';
 
 import IconText from "../icon-text";
 
@@ -9,39 +9,41 @@ interface IProps {
   editable: boolean;
   okrId: any;
 }
-function OCycle(props: IProps) {
+const OCycle = (props: IProps) => {
   const { editable, okrId } = props;
 
   const { generalCycle, setGeneralCycle } = useContext(GeneralDataContext);
-  const { refreshKrs } = useContext(CommonContext);
-  const renderInnerContent = ({ btnRef, clickCallback, text }) => (
-    <span ref={btnRef} onClick={clickCallback}>
-      <IconText
-        icon="tu-icon-deferred"
-        width={245}
-        content={`${text.split(",")[0]}(${text.split(",")[1]})`}
-        editable={editable}
-      />
-    </span>
-  );
+  const { refreshKrs } = useContext(CommonContext)
+  const renderInnerContent = ({ btnRef, clickCallback, text }) => {
+    return (
+      <span ref={btnRef} onClick={clickCallback}>
+        <IconText
+          icon="tu-icon-deferred"
+          width={245}
+          content={`${text.split(',')[0]}(${text.split(',')[1]})`}
+          editable={editable}
+        />
+      </span>
+    );
+  };
   const setCycle = (cycle) => {
     setGeneralCycle(cycle);
-    refreshKrs();
-  };
+    refreshKrs()
+  }
   return (
     <span>
       <OkrPeriodSelector
-        renderInnerContent={renderInnerContent}
-        okrId={okrId}
-        cycle={generalCycle}
-        setCycle={setCycle}
-        canEdit={editable}
-        getCycleRange
-        popupAlign={{
-          offset: [0, 8],
-        }}
-      />
+      renderInnerContent={renderInnerContent}
+      okrId={okrId}
+      cycle={generalCycle}
+      setCycle={setCycle}
+      canEdit={editable}
+      getCycleRange
+      popupAlign={{
+        offset: [0, 8]
+      }}
+    />
     </span>
   );
-}
+};
 export default OCycle;

package/src/components/okr-detail/components/header/o-name.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import classNames from "classnames";
 import { getLocale } from "../../../../utils/getLocale";
-
 interface IOnameProps {
   okrName: string;
   okrStatus: number;
@@ -9,10 +8,8 @@ interface IOnameProps {
   setIsEdit: Function;
   children: Element;
 }
-function OName(props: IOnameProps) {
-  const {
-    editable, okrName, setIsEdit, okrStatus, children,
-  } = props;
+const OName = (props: IOnameProps) => {
+  const { editable, okrName, setIsEdit, okrStatus, children } = props;
   return (
     <div
       className={classNames("okr-drawer-header__title", {
@@ -29,9 +26,9 @@ function OName(props: IOnameProps) {
       </span>
       {children}
       {okrStatus == 2 && (
-        <span className="okr-drawer-header__over-tag">{getLocale("OKR_MyO_Butt_Hasended")}</span>
+        <span className="okr-drawer-header__over-tag">{getLocale('OKR_MyO_Butt_Hasended')}</span>
       )}
     </div>
   );
-}
+};
 export default OName;

package/src/components/okr-detail/components/header/o-score.tsx

@@ -1,6 +1,4 @@
-import React, {
-  Fragment, useState, useRef, useEffect, useContext,
-} from "react";
+import React, { Fragment, useState, useRef,useEffect, useContext } from "react";
 import { CommonContext } from "../../context";
 import { getLocale } from "../../../../utils/getLocale";
 import Score from "../score";
@@ -21,23 +19,21 @@ interface IOScoreProps {
 interface FormFields {
   score: string | number;
 }
-function OScore(props: IOScoreProps) {
-  const {
-    score, okrId, editable, ...restProps
-  } = props;
+const OScore = (props: IOScoreProps) => {
+  const { score, okrId, editable, ...restProps } = props;
   const [visible, setVisible] = useState(false);
   const { refreshAll } = useContext(CommonContext);
   const [formFiedlsValue, setFormFiedlsValue] = useState<FormFields>({
-    score: score == 1 ? "1" : Number(score).toFixed(2) * 1,
+    score: score == 1 ? '1': Number(score).toFixed(2) * 1
   });
   const formContainerRef = useRef<any>();
   const formRef = useRef<any>();
 
-  useEffect(() => {
+  useEffect(()=>{
     setFormFiedlsValue({
-      score: score == 1 ? "1" : Number(score).toFixed(2) * 1,
-    });
-  }, [score]);
+      score: score == 1 ? '1': Number(score).toFixed(2) * 1
+    })
+  },[score])
 
   const changeOScore = () => {
     setVisible(true);
@@ -58,7 +54,7 @@ function OScore(props: IOScoreProps) {
     if (!checkForm()) return;
     updateOScore(formFiedlsValue.score, okrId)
       .then((res) => {
-        if (res.Code) {
+        if (!!res.Code) {
           Toast.Success(`${getLocale("OKR_MyO_Ew_Success")}`);
           handleCancel();
           refreshAll();
@@ -78,7 +74,7 @@ function OScore(props: IOScoreProps) {
   };
 
   return (
-    <>
+    <Fragment>
       <Score
         editable={editable}
         score={score}
@@ -90,7 +86,7 @@ function OScore(props: IOScoreProps) {
         visible={visible}
         animation="slide-fade"
         maskAnimation="fade"
-        destroyOnClose
+        destroyOnClose={true}
         width={538}
         onClose={handleCancel}
         onOk={handleOk}
@@ -112,7 +108,7 @@ function OScore(props: IOScoreProps) {
               className={`${preCls}__form-item`}
               placeholder={`${getLocale("OKR_MyO_Ew_PleaEnterRat")}`}
               value={formFiedlsValue.score}
-              require
+              require={true}
               layout="row"
               verifies={[
                 {
@@ -128,7 +124,7 @@ function OScore(props: IOScoreProps) {
           </Form>
         </div>
       </Dialog>
-    </>
+    </Fragment>
   );
-}
+};
 export default OScore;

package/src/components/okr-detail/components/icon-text/index.js

@@ -2,10 +2,9 @@ import React, { useState, Fragment, useCallback } from "react";
 import classNames from "classnames";
 import Tooltip from "../../../tooltip";
 import "./index.scss";
-
 const preCls = "titaui-icon-text";
 
-function IconText(props) {
+const IconText = (props) => {
   const [showTooltip, setShowTooltip] = useState(false);
 
   const {
@@ -34,9 +33,9 @@ function IconText(props) {
     onTextClick();
   };
 
-  const defaultIcon = icon || "tu-icon-smile";
+  const defaultIcon = icon ? icon : "tu-icon-smile";
   return (
-    <>
+    <Fragment>
       {showTooltip && (
         <Tooltip overlay={onClick(content)} placement="top">
           <span
@@ -67,7 +66,7 @@ function IconText(props) {
           </span>
         </span>
       )}
-    </>
+    </Fragment>
   );
-}
+};
 export default IconText;

package/src/components/okr-detail/components/o-classify.tsx

@@ -13,14 +13,15 @@ interface IOclassifyProps {
   okrClassify: number;
   onOkrClassifyChange?: Function;
 }
-function OClassify(props: IOclassifyProps) {
-  const {
-    editable, okrId, okrClassify, onOkrClassifyChange,
-  } = props;
+const OClassify = (props: IOclassifyProps) => {
+  const { editable, okrId, okrClassify, onOkrClassifyChange } = props;
 
-  const [OkrClassifySetting] = useState(() => window.BSGlobal.OkrAdvancedSetting.KRSetting.OkrClassify);
+  const [OkrClassifySetting] = useState(() => {
+    return window.BSGlobal.OkrAdvancedSetting.KRSetting.OkrClassify;
+  });
   const [visible, setVisible] = useState(false);
 
+  
   const updateClassifyHandler = async (select) => {
     if (select == okrClassify) {
       setVisible(false);
@@ -28,7 +29,7 @@ function OClassify(props: IOclassifyProps) {
     }
     const res = await updateClassify({
       okrId,
-      okrClassify: select,
+      'okrClassify': select,
     });
     onOkrClassifyChange(select);
     setVisible(false);
@@ -41,22 +42,22 @@ function OClassify(props: IOclassifyProps) {
         className="okr-drawer-header__classify-popup-item"
         onClick={() => updateClassifyHandler(1)}
       >
-        {getLocale("OKR_MyO_Es_Commitment")}
+        {getLocale('OKR_MyO_Es_Commitment')}
       </div>
       <div
         className="okr-drawer-header__classify-popup-item"
         onClick={() => updateClassifyHandler(2)}
       >
-        {getLocale("OKR_MyO_Es_Visiontype")}
+        {getLocale('OKR_MyO_Es_Visiontype')}
       </div>
     </div>
   );
-
+  
   if (!OkrClassifySetting || okrClassify == 0) return null;
   if (editable) {
     return (
       <Popup popup={popContent} popupVisible={visible} placement="bottomLeft">
-        <Tooltip overlay={okrClassify == 1 ? getLocale("OKR_MyO_Es_Commitment") : getLocale("OKR_MyO_Es_Visiontype")} placement="top">
+        <Tooltip overlay={okrClassify == 1 ? getLocale('OKR_MyO_Es_Commitment') : getLocale('OKR_MyO_Es_Visiontype')} placement="top">
           <span
             className={classNames("okr-drawer-header__classify", {
               "okr-drawer-header__classify--promise": okrClassify == 1,
@@ -67,16 +68,17 @@ function OClassify(props: IOclassifyProps) {
         </Tooltip>
       </Popup>
     );
+  } else {
+    return (
+      <Tooltip overlay={okrClassify == 1 ? getLocale('OKR_MyO_Es_Commitment') : getLocale('OKR_MyO_Es_Visiontype')} palcement="top">
+        <span
+          className={classNames("okr-drawer-header__classify", {
+            "okr-drawer-header__classify--promise": okrClassify == 1,
+            "okr-drawer-header__classify--vision": okrClassify == 2,
+          })}
+        />
+      </Tooltip>
+    );
   }
-  return (
-    <Tooltip overlay={okrClassify == 1 ? getLocale("OKR_MyO_Es_Commitment") : getLocale("OKR_MyO_Es_Visiontype")} palcement="top">
-      <span
-        className={classNames("okr-drawer-header__classify", {
-          "okr-drawer-header__classify--promise": okrClassify == 1,
-          "okr-drawer-header__classify--vision": okrClassify == 2,
-        })}
-      />
-    </Tooltip>
-  );
-}
+};
 export default OClassify;

package/src/components/okr-detail/components/o-progress-update/index.tsx

@@ -1,10 +1,9 @@
 import React, { useState, useContext } from "react";
 import { CommonContext } from "../../context";
 import Toast from "../../../toast";
-import ProgressModal from "../../../okr-progress-modal";
+import ProgressModal from '../../../okr-progress-modal'
 import { updateProgress } from "../../request-apis";
 import { getLocale } from "../../../../utils/getLocale";
-
 interface IProps {
   okrInfo: any;
   renderContent: Function;
@@ -12,10 +11,8 @@ interface IProps {
   title?: string;
   setUpdateData?: Function;
 }
-function OProgressUpdate(props: IProps) {
-  const {
-    okrInfo, renderContent, setProgress, setUpdateData, title = getLocale("OKR_MyO_Pop_Upd_Upd"),
-  } = props;
+const OProgressUpdate = (props: IProps) => {
+  const { okrInfo, renderContent, setProgress, setUpdateData, title = getLocale('OKR_MyO_Pop_Upd_Upd') } = props;
   const [visible, setVisible] = useState(false);
   const commonContext = useContext(CommonContext);
   const { refreshAll } = commonContext;
@@ -28,9 +25,9 @@ function OProgressUpdate(props: IProps) {
       ...params,
     });
     if (data.Code == 1) {
-      Toast.Success(getLocale("Per_Ma_form_Updatesuc"));
+      Toast.Success(getLocale('Per_Ma_form_Updatesuc'));
       refreshAll && refreshAll();
-      setVisible(false);
+      setVisible(false)
     } else {
       Toast.Error(data.Message);
     }
@@ -38,8 +35,8 @@ function OProgressUpdate(props: IProps) {
   const openModal = () => setVisible(true);
 
   return (
-    <span className="okr-drawer__action-progress">
-      {renderContent({ onOpenModal: openModal })}
+    <span className={`okr-drawer__action-progress`}>
+      {renderContent({onOpenModal: openModal})}
       <ProgressModal
         title={title}
         okrInfo={okrInfo}
@@ -49,5 +46,5 @@ function OProgressUpdate(props: IProps) {
       />
     </span>
   );
-}
+};
 export default OProgressUpdate;

package/src/components/okr-detail/components/okr-tree/index.js

@@ -1,12 +1,12 @@
-import React from "react";
-import classNames from "classnames";
-import Tree from "../../../tree";
-import titleRenderHandler from "./tree-node";
-import preCls from "./precls";
+import React from 'react';
+import classNames from 'classnames';
+import Tree from '../../../tree';
+import titleRenderHandler from './tree-node';
+import preCls from './precls';
 
-import "./index.scss";
+import './index.scss';
 
-export default function (props) {
+export default props => {
   const {
     data,
     defaultExpandedKeys,
@@ -14,18 +14,16 @@ export default function (props) {
     ...restProps
   } = props;
 
-  return (
-    <div className={classNames(preCls)}>
+  return <div className={classNames(preCls)}>
 
-      <Tree
-        draggable={draggable}
-        defaultExpandedKeys={defaultExpandedKeys}
-        treeData={data}
-        titleRender={titleRenderHandler}
-        allowDrop={() => true}
-        className="okr-list-tree"
-        {...restProps}
-      />
-    </div>
-  );
+    <Tree
+      draggable={draggable}
+      defaultExpandedKeys={defaultExpandedKeys}
+      treeData={data}
+      titleRender={titleRenderHandler}
+      allowDrop={() => true}
+      className="okr-list-tree"
+      {...restProps}
+    />
+  </div>
 }

package/src/components/okr-detail/components/okr-tree/precls.js

@@ -1 +1 @@
-export default "tita-okrdt-tree";
+export default 'tita-okrdt-tree';

package/src/components/okr-detail/components/okr-tree/tree-node/default-node.js

@@ -1,13 +1,11 @@
-import React from "react";
-import classNames from "classnames";
-import preCls from "../precls";
+import React from 'react';
+import classNames from 'classnames';
+import preCls from '../precls';
 
-import "./index.scss";
+import './index.scss';
 
-export default function (props) {
-  return (
-    <div className={classNames(`${preCls}__default-node`)}>
-      {props.title}
-    </div>
-  );
+export default props => {
+  return <div className={classNames(`${preCls}__default-node`)}>
+    {props.title}
+  </div>
 }

package/src/components/okr-detail/components/okr-tree/tree-node/e-kr-node/index.js

@@ -11,17 +11,16 @@ import { getLocale } from "../../../../../../utils/getLocale";
 
 import "./index.scss";
 
-export default function (props) {
-  const {
-    index, title, data, isOTask,
-  } = props;
+export default (props) => {
+  const { index, title, data, isOTask } = props;
   const btnRef = useRef();
 
   const { okrInfo } = useContext(CommonContext);
   const { refreshEList } = useContext(EListContext);
 
-  const isParticipant = okrInfo.authority.roleRelation
-    && okrInfo.authority.roleRelation.roleType === 2;
+  const isParticipant =
+    okrInfo.authority.roleRelation &&
+    okrInfo.authority.roleRelation.roleType === 2;
   let hasRelativeAuth;
   if (isOTask) {
     hasRelativeAuth = new OAuth({
@@ -29,11 +28,12 @@ export default function (props) {
       createUserId: okrInfo.createUserId,
     }).hasAuth();
   } else {
-    hasRelativeAuth = new KRAuth({
-      user: data.user,
-      createUserId: data.createUserId,
-    }).hasAuth()
-      || new OAuth({
+    hasRelativeAuth =
+      new KRAuth({
+        user: data.user,
+        createUserId: data.createUserId,
+      }).hasAuth() ||
+      new OAuth({
         principalUser: okrInfo.principalUser,
         createUserId: okrInfo.createUserId,
       }).hasAuth();
@@ -42,35 +42,35 @@ export default function (props) {
   const openCreate = useCallback(async (name) => {
     if (name == "addTask") {
       const params = {
-        objId: data.workId,
-        objType: 4,
-        AppId: 1,
-        AppType: 1,
-        TaskType: 0,
-        WorkMileStoneId: data.mileStoneId,
-      };
+        'objId': data.workId,
+        'objType': 4,
+        'AppId': 1,
+        'AppType': 1,
+        'TaskType': 0,
+        'WorkMileStoneId': data.mileStoneId,
+      }
       if (data.mileStoneId > 0) {
         params.WorkMileStoneName = data.mileStoneName;
       }
       window
         .openCreateTaskPop(btnRef.current, {
-          createParams: params,
-          createTaskOption: {
-            allowObjectOptions: false,
+          "createParams": params,
+          "createTaskOption": {
+            "allowObjectOptions": false,
           },
         })
         .then(() => {
-          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setTimeout(refreshEList, 2000);
         });
     } else {
       window
         .openCreateProjectFromOkrModal({
-          okrId: data.workId,
-          krId: data.mileStoneId,
+          "okrId": data.workId,
+          "krId": data.mileStoneId,
         })
         .then(() => {
-          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setTimeout(refreshEList, 2000);
         });
     }
@@ -80,11 +80,11 @@ export default function (props) {
     if (name == "relateTask") {
       window
         .openRelateTaskPop(btnRef.current, {
-          okrId: data.workId,
-          krId: data.mileStoneId,
+          "okrId": data.workId,
+          "krId": data.mileStoneId,
         })
         .then(() => {
-          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setTimeout(refreshEList, 2000);
         })
         .catch((e) => {
@@ -93,11 +93,11 @@ export default function (props) {
     } else {
       window
         .openRelateProjectPop(btnRef.current, {
-          okrId: data.workId,
-          krId: data.mileStoneId,
+          "okrId": data.workId,
+          "krId": data.mileStoneId,
         })
         .then(() => {
-          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
+          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
           setTimeout(refreshEList, 2000);
         })
         .catch((e) => {
@@ -110,15 +110,14 @@ export default function (props) {
     <div key={index} className={classNames(`${preCls}__e-kr-node`)}>
       {isOTask ? null : (
         <span className={classNames(`${preCls}__e-kr-node-prefix`)}>
-          KR
-          {index + 1}
+          KR{index + 1}
         </span>
       )}
       <span
         className={classNames(`${preCls}__e-kr-node-title`)}
         onClick={() => {
-          data.mileStoneId
-            && drawerManager.open("krDetail", { krId: data.mileStoneId });
+          data.mileStoneId &&
+            drawerManager.open("krDetail", { krId: data.mileStoneId });
         }}
       >
         <TooltipText text={title} minusWidth={150} isPercent />
@@ -128,63 +127,63 @@ export default function (props) {
       {okrInfo.status === 1 && (isParticipant || hasRelativeAuth) ? (
         <div className={classNames(`${preCls}__e-kr-node-actions`)}>
           <DropSelector
-            popupPlacement="bottomRight"
+            popupPlacement={"bottomRight"}
             onChange={openCreate}
-            trigger={(
+            trigger={
               <span
                 className={classNames(`${preCls}__e-kr-node-actions-create`)}
                 ref={btnRef}
               >
                 <span className="tu-icon-add1" />
-                {getLocale("OKR_MyO_E_Butt_Newlybuild")}
+                {getLocale('OKR_MyO_E_Butt_Newlybuild')}
               </span>
-            )}
+            }
           >
             <IconItem
               icon="tu-icon-Add-renwu"
               exIconClass="e-kr-node-layer-icon"
               name="addTask"
             >
-              <span>{getLocale("OKR_MyO_E_Butt_Addtask")}</span>
+              <span>{getLocale('OKR_MyO_E_Butt_Addtask')}</span>
             </IconItem>
             <IconItem
               icon="tu-icon-Add-xiangmu"
               exIconClass="e-kr-node-layer-icon"
               name="addProject"
             >
-              <span>{getLocale("OKR_MyO_E_Butt_Addproject")}</span>
+              <span>{getLocale('OKR_MyO_E_Butt_Addproject')}</span>
             </IconItem>
           </DropSelector>
 
           <DropSelector
-            popupPlacement="bottomRight"
+            popupPlacement={"bottomRight"}
             onChange={openRelatePop}
-            trigger={(
+            trigger={
               <span
                 className={classNames(`${preCls}__e-kr-node-actions-connect`)}
               >
                 <span className="tu-icon-guanlian e-kr-node__guanlian-icon" />
-                {getLocale("Mod_Associate")}
+                {getLocale('Mod_Associate')}
               </span>
-            )}
+            }
           >
             <IconItem
               icon="tu-icon-GL-renwu"
               exIconClass="e-kr-node-layer-icon"
               name="relateTask"
             >
-              <span>{getLocale("OKR_MyO_E_Butt_Assotask")}</span>
+              <span>{getLocale('OKR_MyO_E_Butt_Assotask')}</span>
             </IconItem>
             <IconItem
               icon="tu-icon-GL-xiangmu"
               exIconClass="e-kr-node-layer-icon"
               name="relateProject"
             >
-              <span>{getLocale("OKR_MyO_E_Butt_AssProjects")}</span>
+              <span>{getLocale('OKR_MyO_E_Butt_AssProjects')}</span>
             </IconItem>
           </DropSelector>
         </div>
       ) : null}
     </div>
   );
-}
+};