@titaui/pc 1.9.45 → 1.9.49

package/src/components/okr-progress-modal/index.tsx

@@ -1,18 +1,24 @@
-import React, { useEffect, useState } from 'react';
-import { getKrRecommandProgress, getORecommandProgress } from './request-apis';
-import { Input, Modal, Tooltip } from 'tita-ui';
-import  Switch  from '../switch';
-import classNames from 'classnames';
-import Textarea from './textarea';
-import { getO_SETTING, getKR_SETTING, transProgress, getKrOptions, getOptions } from './helper';
-import { ErrorTip, List, Item, Icon, Options, OptionsWrapper } from './style';
-import { IRecommandProgressObj, OptionsObj, IProgressModalProps } from './interface';
-import { getLocale } from '../../utils/getLocale';
-import { inputWordTrans } from '../../utils/i18n-front-translate';
-import './index.scss';
+import React, { useEffect, useState } from "react";
+import { Input, Modal, Tooltip } from "tita-ui";
+import classNames from "classnames";
+import { getKrRecommandProgress, getORecommandProgress } from "./request-apis";
+import Switch from "../switch";
+import Textarea from "./textarea";
+import {
+  getO_SETTING, getKR_SETTING, transProgress, getKrOptions, getOptions,
+} from "./helper";
+import {
+  ErrorTip, List, Item, Icon, Options, OptionsWrapper,
+} from "./style";
+import { IRecommandProgressObj, OptionsObj, IProgressModalProps } from "./interface";
+import { getLocale } from "../../utils/getLocale";
+import { inputWordTrans } from "../../utils/i18n-front-translate";
+import "./index.scss";
 
-const ProgressModal: React.FC<IProgressModalProps> = props => {
-  const { maxLength, okrInfo, onClose, onOk, title = window.getLocale('OKR_MyO_Prog_Butt_Update'), visible, isKr } = props;
+const ProgressModal: React.FC<IProgressModalProps> = (props) => {
+  const {
+    maxLength, okrInfo, onClose, onOk, title = window.getLocale("OKR_MyO_Prog_Butt_Update"), visible, isKr,
+  } = props;
 
   const configure = isKr ? getKR_SETTING() : getO_SETTING();
 
@@ -21,17 +27,16 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
   const [errorRemark, setErrorRemark] = useState(false);
   const [progress, setProgress] = useState<number>(okrInfo.progress);
   const [progressDescription, setProgressDescription] = useState<string>(
-    okrInfo.progressDescription || '',
+    okrInfo.progressDescription || "",
   );
   // @ts-ignore
   const [recommandProgressObj, setRecommandProgressObj] = useState<IRecommandProgressObj>({}); // 推荐值
   const [selected, setSelected] = useState<number>(
     isKr ? okrInfo.riskLevel : okrInfo.manualRiskLevel,
   );
-  const [ShowKrProgress] = useState(() => {
+  const [ShowKrProgress] = useState(() =>
     // @ts-ignore
-    return window.BSGlobal.OkrAdvancedSetting.KRSetting.ShowKrProgress;
-  });
+    window.BSGlobal.OkrAdvancedSetting.KRSetting.ShowKrProgress);
 
   const [autoUpdate, setUpdate] = useState(true); // 设置自动更新
   const [updateWay, setUpdateWay] = useState(0); // 自动更新方式 0: 关闭， 1: 根据关见成果， 2: 子目标
@@ -44,9 +49,9 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
     if (data.Code == 1) {
       const { UpdateProgressWay, Progress } = data.Data;
       setRecommandProgressObj(data.Data);
-      setUpdate(UpdateProgressWay == 0 ? false : true);
+      setUpdate(UpdateProgressWay != 0);
       setUpdateWay(UpdateProgressWay == 0 ? 1 : UpdateProgressWay);
-      setProgress(Progress)
+      setProgress(Progress);
     }
   };
 
@@ -54,30 +59,32 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
     if (visible) {
       getRecommendProgress();
     } else {
-      setProgressDescription('');
+      setProgressDescription("");
     }
   }, [visible]);
 
   useEffect(() => {
     if (!autoUpdate) return;
     const { childOkrProgress, childkrProgress, childEProgress } = recommandProgressObj;
-    updateWay == 1 &&
-      setProgress(isKr ? transProgress(childEProgress) : transProgress(childkrProgress));
+    updateWay == 1
+      && setProgress(isKr ? transProgress(childEProgress) : transProgress(childkrProgress));
     updateWay == 2 && setProgress(transProgress(childOkrProgress));
   }, [updateWay, autoUpdate, recommandProgressObj]);
 
   let descriptionText = (
     <Item>
       <span
-        className='auto-update__item-label'
-        style={{ alignSelf: 'flex-start', marginTop: '10px' }}
-      >{getLocale('OKR_MyO_Pop_Upd_Progress')}</span>
+        className="auto-update__item-label"
+        style={{ alignSelf: "flex-start", marginTop: "10px" }}
+      >
+        {getLocale("OKR_MyO_Pop_Upd_Progress")}
+      </span>
       <Textarea
         hasError={errorRemark}
-        placeholder={getLocale('OKR_MyO_Pop_Upd_Pleprogress')}
+        placeholder={getLocale("OKR_MyO_Pop_Upd_Pleprogress")}
         style={{
           flex: 1,
-          height: '75px',
+          height: "75px",
         }}
         value={progressDescription}
         onChange={(value: string) => {
@@ -85,7 +92,7 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
           setErrorRemark(!!maxLength && value.trim().length > maxLength);
         }}
       />
-      <ErrorTip className={errorRemark ? 'slideIn' : ''}>
+      <ErrorTip className={errorRemark ? "slideIn" : ""}>
         {inputWordTrans(progressDescription.trim().length, maxLength)}
       </ErrorTip>
     </Item>
@@ -98,7 +105,7 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
 
   const onOkHandler = () => {
     onOk({
-      progress: progress + getLocale('OKR_MyO_Pop_Upd_Percentage'),
+      progress: progress + getLocale("OKR_MyO_Pop_Upd_Percentage"),
       progressDescription,
       riskLevel: selected,
       updateProgressWay: autoUpdate ? updateWay : 0,
@@ -107,7 +114,7 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
   const onCancelHandler = () => onClose();
 
   const onProgressChangeHandler = (e: any) => {
-    let value = e.target.value;
+    const { value } = e.target;
     setProgress(value);
     setErrorProgress(!reg.test(value));
   };
@@ -117,8 +124,8 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
       className="common-modal"
       maskClosable={false}
       onCancel={onCancelHandler}
-      okText={getLocale('OKR_MyO_Butt_Determine')}
-      cancelText={getLocale('Mod_Cancel')}
+      okText={getLocale("OKR_MyO_Butt_Determine")}
+      cancelText={getLocale("Mod_Cancel")}
       onOk={onOkHandler}
       okDisabled={errorProgress || errorRemark}
       title={title}
@@ -127,38 +134,38 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
     >
       <List>
         <Item>
-          <span className='auto-update__item-label'>{getLocale('OKR_MyO_Pop_Upd_Progresss1')}</span>
-          <div className='auto-update__item-progress'>
+          <span className="auto-update__item-label">{getLocale("OKR_MyO_Pop_Upd_Progresss1")}</span>
+          <div className="auto-update__item-progress">
             <Input
-              type='number'
+              type="number"
               value={progress}
-              disabled={autoUpdate ? true : false}
-              wrapperClass={classNames('auto-update__item-progress-input', {
-                'auto-update__item-progress-input--disabled': autoUpdate,
-                'auto-update__item-progress-input--error': errorProgress,
+              disabled={!!autoUpdate}
+              wrapperClass={classNames("auto-update__item-progress-input", {
+                "auto-update__item-progress-input--disabled": autoUpdate,
+                "auto-update__item-progress-input--error": errorProgress,
               })}
               onChange={onProgressChangeHandler}
             />
             <span
-              className={classNames('auto-update__item-progress-input__suffix', {
-                'auto-update__item-progress-input__suffix--disabled': autoUpdate,
+              className={classNames("auto-update__item-progress-input__suffix", {
+                "auto-update__item-progress-input__suffix--disabled": autoUpdate,
               })}
             >
-              {getLocale('OKR_MyO_Pop_Upd_Percentage')}
+              {getLocale("OKR_MyO_Pop_Upd_Percentage")}
             </span>
           </div>
           <span>{configure.getRecommandText(autoUpdate, updateWay, recommandProgressObj)}</span>
-          <ErrorTip className={`error-progress ${errorProgress ? 'slideIn' : ''}`}>{getLocale('OKR_MyO_KRP_Please0')}</ErrorTip>
+          <ErrorTip className={`error-progress ${errorProgress ? "slideIn" : ""}`}>{getLocale("OKR_MyO_KRP_Please0")}</ErrorTip>
         </Item>
         <Item>
-          <span className='auto-update__item-label'>{getLocale('Mod_States')}</span>
+          <span className="auto-update__item-label">{getLocale("Mod_States")}</span>
           <OptionsWrapper>
             {(isKr ? getKrOptions() : getOptions()).map((option: OptionsObj) => (
               <Options key={option.id} onClick={() => setSelected(option.id)}>
                 <Icon
                   color={option.color}
                   className={
-                    selected == option.id ? 'tu-icon-singlebox-avtive' : 'tu-icon-singlebox-have'
+                    selected == option.id ? "tu-icon-singlebox-avtive" : "tu-icon-singlebox-have"
                   }
                 />
                 <p>{option.text}</p>
@@ -168,36 +175,36 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
         </Item>
         {descriptionText}
 
-        <div className='auto-update-setting'>
+        <div className="auto-update-setting">
           {settingFolded && (
             <div>
-              <div className='auto-update-setting__switch'>
+              <div className="auto-update-setting__switch">
                 <Switch
                   label={configure.switchLabel}
                   checked={autoUpdate}
-                  onChange={data => setUpdate(data)}
+                  onChange={(data) => setUpdate(data)}
                 />
               </div>
               {autoUpdate && (
                 <div>
-                  {configure.options.map(option => (
+                  {configure.options.map((option) => (
                     <div
                       onClick={() => setUpdateWay(option.key)}
-                      className='auto-update-setting__option'
+                      className="auto-update-setting__option"
                     >
                       <span
                         className={classNames(
-                          'auto-update-setting__radio',
-                          `auto-update-setting__radio${updateWay == option.key ? '--selected' : ''
+                          "auto-update-setting__radio",
+                          `auto-update-setting__radio${updateWay == option.key ? "--selected" : ""
                           }`,
                         )}
-                      ></span>
+                      />
                       <span>{option.label}</span>
-                      <Tooltip content={option.tooltip} container={document.body} className='tttt' >
+                      <Tooltip content={option.tooltip} container={document.body} className="tttt">
                         <span
                           className={classNames(
-                            'tu-icon-question-mark',
-                            'auto-update-setting__tips',
+                            "tu-icon-question-mark",
+                            "auto-update-setting__tips",
                           )}
                         />
                       </Tooltip>
@@ -209,12 +216,12 @@ const ProgressModal: React.FC<IProgressModalProps> = props => {
           )}
           <span
             className={classNames(
-              'auto-update-setting__fold',
-              `auto-update-setting__fold${settingFolded ? '--close' : ''}`,
+              "auto-update-setting__fold",
+              `auto-update-setting__fold${settingFolded ? "--close" : ""}`,
             )}
             onClick={() => setSettingFold(!settingFolded)}
           >
-            {settingFolded ? getLocale('Mod_Fold') : configure.settingTitle}
+            {settingFolded ? getLocale("Mod_Fold") : configure.settingTitle}
           </span>
         </div>
       </List>
@@ -226,4 +233,4 @@ ProgressModal.defaultProps = {
   maxLength: 500,
 };
 
-export default ProgressModal;
+export default ProgressModal;

package/src/components/okr-progress-modal/interface.ts

@@ -1,4 +1,4 @@
-import { WorkInfo } from '../../type';
+import { WorkInfo } from "../../type";
 
 export interface IRecommandProgressObj {
     Progress: number;
@@ -21,4 +21,4 @@ export interface OptionsObj {
     id: number;
     color: string;
     text: string;
-}
+}

package/src/components/okr-progress-modal/request-apis.js

@@ -1,23 +1,15 @@
-import axios from 'axios';
+import axios from "axios";
 
 const tenantId = BSGlobal && BSGlobal.tenantInfo.Id || 0;
 const userId = BSGlobal && BSGlobal.loginUserInfo.Id || 0;
 
 const requestDomain = () => {
-  if (!window.location.hostname.match(/dev/)) return '';
-  return `${location.protocol}//www.tita.gift`
+  if (!window.location.hostname.match(/dev/)) return "";
+  return `${location.protocol}//www.tita.gift`;
 };
 
-export const getKrRecommandProgress = krId => {
-  return axios.get(`${requestDomain()}/api/v1/${tenantId}/${userId}/kr/recommend/progress?krId=${krId}`)
-    .then(progress => {
-      return progress.data;
-    })
-}
+export const getKrRecommandProgress = (krId) => axios.get(`${requestDomain()}/api/v1/${tenantId}/${userId}/kr/recommend/progress?krId=${krId}`)
+  .then((progress) => progress.data);
 
-export const getORecommandProgress = workId => {
-  return axios.get(`${requestDomain()}/api/v1/${tenantId}/${userId}/okr/recommend/progress?workId=${workId}`)
-    .then(progress => {
-      return progress.data;
-    })
-}
+export const getORecommandProgress = (workId) => axios.get(`${requestDomain()}/api/v1/${tenantId}/${userId}/okr/recommend/progress?workId=${workId}`)
+  .then((progress) => progress.data);

package/src/components/okr-progress-modal/style.ts

@@ -1,8 +1,8 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 
 export const List = styled.div`
     margin: 16px 32px 0;
-`
+`;
 export const Item = styled.div`
     display: flex;
     align-items: center;
@@ -11,15 +11,15 @@ export const Item = styled.div`
     &:not(:last-child) {
         margin-bottom: 20px;
     }
-`
+`;
 
 export const Icon = styled.span`
     font-size: 16px;
     color: ${(p: any) => p.color};
-`
+`;
 export const OptionsWrapper = styled.div`
     display: flex;
-`
+`;
 export const Options = styled.div`
     margin-right: 20px;
     display: flex;
@@ -33,7 +33,7 @@ export const Options = styled.div`
         line-height: 20px;
         color: #3f4755;
     }
-`
+`;
 export const TipsText = styled.p`
     margin-bottom: 0;
     margin-left: 10px;
@@ -41,7 +41,7 @@ export const TipsText = styled.p`
     line-height: 22px;
     color: #F6BD16;
     white-space: nowrap;
-`
+`;
 
 export const ErrorTip = styled.div`
     height: 17px;
@@ -71,4 +71,4 @@ export const ErrorTip = styled.div`
             bottom: -20px;
         }
     }
-`
+`;

package/src/components/okr-progress-modal/textarea/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { TextArea, Wrapper } from './style';
+import * as React from "react";
+import { TextArea, Wrapper } from "./style";
 
 export interface ITextareaProps {
   hasError?: boolean;
@@ -9,10 +9,12 @@ export interface ITextareaProps {
   onChange: (value: string) => void;
 }
 
-function Textarea({ hasError, placeholder, style, value, onChange }: ITextareaProps) {
+function Textarea({
+  hasError, placeholder, style, value, onChange,
+}: ITextareaProps) {
   return (
-    <Wrapper className={hasError ? 'error' : ''} style={style}>
-      <TextArea placeholder={placeholder} value={value} onChange={e => onChange(e.target.value)} />
+    <Wrapper className={hasError ? "error" : ""} style={style}>
+      <TextArea placeholder={placeholder} value={value} onChange={(e) => onChange(e.target.value)} />
     </Wrapper>
   );
 }

package/src/components/okr-progress-modal/textarea/style.tsx

@@ -1,4 +1,4 @@
-import styled from 'styled-components'
+import styled from "styled-components";
 
 export const Wrapper = styled.div`
     min-height: 75px;
@@ -76,4 +76,4 @@ export const TextArea = styled.textarea`
     :-ms-input-placeholder{
         color:#BFC7D5;
     }
-`
+`;