@titaui/pc 1.9.45 → 1.9.49

package/src/components/eReport/eReportShare/style.ts

@@ -1,4 +1,4 @@
-import styled from 'styled-components'
+import styled from "styled-components";
 
 export const ModalWrapper = styled.div`
   width: 100%;
@@ -17,7 +17,7 @@ export const ModalWrapper = styled.div`
   &.report__list__wrapper {
     align-items: flex-start;
   }
-`
+`;
 
 export const ModalContainer = styled.div`
   width: ${(p: any) => p.width};
@@ -26,7 +26,7 @@ export const ModalContainer = styled.div`
   box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);
   border-radius: 4px;
   background: #FFFFFF;
-`
+`;
 
 export const ModalHead = styled.div`
   margin-bottom: 15px;
@@ -39,7 +39,7 @@ export const ModalHead = styled.div`
     margin-right: 6px;
     color: #2879ff;
   }
-`
+`;
 
 export const PraiseRecordClose = styled.span`
   color:  #565E66;
@@ -52,4 +52,4 @@ export const PraiseRecordClose = styled.span`
   &:hover {
     color: #EB4447;
   }
-`
+`;

package/src/components/eReport/eReportShare/toast/index.tsx

@@ -1,6 +1,9 @@
-import React, { PureComponent } from 'react'
-import { getLocale } from '../../../../utils/getLocale'
-import { ToastWrapper, ToastContainer, SpanSuccess, SpanError } from './style'
+import React, { PureComponent } from "react";
+import { getLocale } from "../../../../utils/getLocale";
+import {
+  ToastWrapper, ToastContainer, SpanSuccess, SpanError,
+} from "./style";
+
 interface Props {
   className?: string
   // toastText: string
@@ -9,18 +12,18 @@ interface Props {
 
 export default class Toast extends PureComponent<Props> {
   render() {
-    const { submitStatus, className } = this.props
+    const { submitStatus, className } = this.props;
     return (
       <ToastWrapper>
         <ToastContainer className={className}>
           {
-            submitStatus === 'success' ?
-              <SpanSuccess className="tu-icon-finished"></SpanSuccess> :
-              <SpanError className="tu-icon-canceled"></SpanError>
+            submitStatus === "success"
+              ? <SpanSuccess className="tu-icon-finished" />
+              : <SpanError className="tu-icon-canceled" />
           }
-          {submitStatus === 'success' ? getLocale('OKR_MyO_Popup_Sharedsuccee') : getLocale('OKR_MyO_Failedtoshare')}
+          {submitStatus === "success" ? getLocale("OKR_MyO_Popup_Sharedsuccee") : getLocale("OKR_MyO_Failedtoshare")}
         </ToastContainer>
       </ToastWrapper>
-    )
+    );
   }
 }

package/src/components/eReport/eReportShare/toast/style.ts

@@ -1,4 +1,4 @@
-import styled from 'styled-components'
+import styled from "styled-components";
 
 export const ToastWrapper = styled.div`
   width: 100%;
@@ -14,7 +14,7 @@ export const ToastWrapper = styled.div`
   align-items: center;
   background: transparent;
   transition: all .3s ease-in-out;
-`
+`;
 export const ToastContainer = styled.div`
   min-width: 148px;
   min-height: 41px;
@@ -29,12 +29,12 @@ export const ToastContainer = styled.div`
   background: #FFFFFF;
   position: relative;
   top: -110px;
-`
+`;
 export const SpanSuccess = styled.span`
   margin-right: 10px;
   color: #0CC991;
-`
+`;
 export const SpanError = styled.span`
   margin-right: 10px;
   color: #EB4447;
-`
+`;

package/src/components/edit-kr-wight/EditKrWightModal.tsx

@@ -1,15 +1,17 @@
-import Tooltip from '@beisen-phoenix/tooltip';
-import React, { Component } from 'react';
-import { taker, getApiUrl, getApiUrl2 } from '../../utils/request-v1';
-import Toast from '../toast';
-import FormItemV2 from './FormItemV2';
-import Input from '../../components-v1/input/Input';
-import  Dialog  from '../../components/dialog';
-import { EditWightContent, KrListItem, KrCounter, KrTitle, FormItemLabel, FormItemWrapper } from './style';
-import { KrWeightValidator, ReCalibratePrecision } from './utils';
-import { getLocale } from '../../utils/getLocale';
-
-import './style/style.scss';
+import Tooltip from "@beisen-phoenix/tooltip";
+import React, { Component } from "react";
+import { taker, getApiUrl, getApiUrl2 } from "../../utils/request-v1";
+import Toast from "../toast";
+import FormItemV2 from "./FormItemV2";
+import Input from "../../components-v1/input/Input";
+import Dialog from "../dialog";
+import {
+  EditWightContent, KrListItem, KrCounter, KrTitle, FormItemLabel, FormItemWrapper,
+} from "./style";
+import { KrWeightValidator, ReCalibratePrecision } from "./utils";
+import { getLocale } from "../../utils/getLocale";
+
+import "./style/style.scss";
 
 function totalWeightCalculator(milepostData: any[]): number {
   return milepostData.reduce((acc, curr) => acc + Number(curr.krWeight), 0);
@@ -40,34 +42,41 @@ export default class EditKrWightModal extends Component<EditKrWightProps, EditKr
       isDone: false,
     };
   }
+
   getData(): Promise<{ Data: any[] }> {
     const url = `okr/kr?okrId=${this.props.workId}`;
     return taker(getApiUrl(url));
   }
+
   isWorkDone(): Promise<{ Data: { status: number } }> {
     const url = `work/headInfo?workId=${this.props.workId}`;
     return taker(getApiUrl2(url));
   }
+
   componentWillMount() {
-    if(!this.props.isShowModal) return;
+    if (!this.props.isShowModal) return;
     this.isWorkDone().then(({ Data }) => this.setState({ isDone: Data.status == 2 }));
     this.getData().then(({ Data }) => this.setState({ milepostData: this.reduceData(Data), isValid: true }));
   }
+
   componentWillReceiveProps(nextProps) {
-    if(nextProps.isShowModal !== this.props.isShowModal && nextProps.isShowModal) {
+    if (nextProps.isShowModal !== this.props.isShowModal && nextProps.isShowModal) {
       this.getData().then(({ Data }) => this.setState({ milepostData: this.reduceData(Data), isValid: true }));
-
     }
-
   }
+
   reduceData = (milepostData: any[]): any[] => {
     // 降低数据量
-    if (milepostData == null || milepostData.length==0) {
+    if (milepostData == null || milepostData.length == 0) {
       return [];
-    } else {
-      return ReCalibratePrecision(milepostData).map(({ feedId, mileStoneId, user, mileStoneName, krWeight }) => ({ feedId, mileStoneId, user, mileStoneName, krWeight, isDirty: false }));
     }
+    return ReCalibratePrecision(milepostData).map(({
+      feedId, mileStoneId, user, mileStoneName, krWeight,
+    }) => ({
+      feedId, mileStoneId, user, mileStoneName, krWeight, isDirty: false,
+    }));
   };
+
   // 控制 Modal
   onModalClose = () => {
     this.props.onClose && this.props.onClose();
@@ -75,17 +84,18 @@ export default class EditKrWightModal extends Component<EditKrWightProps, EditKr
 
   handleOk = () => {
     if (!this.state.isValid) {
-      Toast.Warning('关键成果总权重须等于100%');
+      Toast.Warning("关键成果总权重须等于100%");
       return;
     }
     const url = `kr/updateKrWeight?okrId=${this.props.workId}`;
     const data = this.state.milepostData.map(({ mileStoneId, krWeight }) => ({ id: mileStoneId, krWeight }));
-    taker(getApiUrl(url), 'post', data).then(res => {
+    taker(getApiUrl(url), "post", data).then((res) => {
       this.props.onOk && this.props.onOk();
       // @ts-ignore
-      window.Talent.app.vent.trigger('updateProgress:Project-Progress-View', {});
+      window.Talent.app.vent.trigger("updateProgress:Project-Progress-View", {});
     });
   };
+
   handleCancel = () => {
     // 别对外双绑数据
     this.props.onCancel && this.props.onCancel();
@@ -94,20 +104,19 @@ export default class EditKrWightModal extends Component<EditKrWightProps, EditKr
   viewInitRecalibrateWeight = () => {
     // 如果只是点开弹层不做修改 33.3 * 3 是被允许的
   };
+
   handleWeightChange = (event: any, feedId: string) => {
-    let krWeight = event.target.value;
+    const krWeight = event.target.value;
     const { milepostData } = this.state;
     this.setState({ isValid: true });
-    const _milepostData = milepostData.map(data => {
+    const _milepostData = milepostData.map((data) => {
       if (data.feedId == feedId) {
         if (KrWeightValidator(krWeight)) {
           return { ...data, krWeight, isDirty: false };
-        } else {
-          return { ...data, krWeight, isDirty: true };
         }
-      } else {
-        return data;
+        return { ...data, krWeight, isDirty: true };
       }
+      return data;
     });
     this.setState({ milepostData: _milepostData }, this.totalValidator);
   };
@@ -115,24 +124,24 @@ export default class EditKrWightModal extends Component<EditKrWightProps, EditKr
   blurReCalibratePrecision = () => {
     const { milepostData } = this.state;
     // 首先是找 finedIndex 找到验证通过并且不为整数的权重
-    let index = milepostData.findIndex(({ krWeight }) => KrWeightValidator(krWeight) && !Number.isInteger(Number(krWeight)));
+    const index = milepostData.findIndex(({ krWeight }) => KrWeightValidator(krWeight) && !Number.isInteger(Number(krWeight)));
     if (index !== -1) {
       this.setState({
-        milepostData: milepostData.map(data => ({ ...data, krWeight: Number(data.krWeight).toFixed(1) })),
+        milepostData: milepostData.map((data) => ({ ...data, krWeight: Number(data.krWeight).toFixed(1) })),
       });
     }
   };
-  
+
   krWeights = () => {
     // 加一个真假值数组
-    let _isValidArray = this.state.milepostData.map(({ krWeight }) => KrWeightValidator(krWeight));
-    let _isValid = _isValidArray.find(e => e !== true);
-    return _isValid == undefined ? true : false;
+    const _isValidArray = this.state.milepostData.map(({ krWeight }) => KrWeightValidator(krWeight));
+    const _isValid = _isValidArray.find((e) => e !== true);
+    return _isValid == undefined;
   };
 
   totalValidator = () => {
     const { milepostData } = this.state;
-    let _totalWeight = totalWeightCalculator(milepostData);
+    const _totalWeight = totalWeightCalculator(milepostData);
     if (_totalWeight > 99.9 && _totalWeight < 100.1 && this.krWeights()) {
       if (milepostData.length > 1) {
         this.setState({ isValid: true });
@@ -144,17 +153,17 @@ export default class EditKrWightModal extends Component<EditKrWightProps, EditKr
       this.setState({ isValid: false });
     }
   };
-  
+
   render() {
     const { isShowModal } = this.props;
     const { milepostData, isValid, isDone } = this.state;
 
     return (
       <Dialog
-        title={getLocale('OKR_MyO_Text_krweightsetting')}
-        noFooterLine={true}
+        title={getLocale("OKR_MyO_Text_krweightsetting")}
+        noFooterLine
         visible={!isDone && isShowModal}
-        width='570px'
+        width="570px"
         isModalValid={isValid} // 这个参数就可以在本组件中控制
         onClose={this.onModalClose}
         onOk={this.handleOk}
@@ -162,31 +171,33 @@ export default class EditKrWightModal extends Component<EditKrWightProps, EditKr
         zIndex={2000}
       >
         <EditWightContent>
-          {milepostData &&
-            milepostData.map((data, index) => {
-              let { feedId, mileStoneId, user, mileStoneName, krWeight } = data;
+          {milepostData
+            && milepostData.map((data, index) => {
+              const {
+                feedId, mileStoneId, user, mileStoneName, krWeight,
+              } = data;
               // 这里是异步的数据 为毛渲染不出来？
               if (feedId) {
                 // 为啥就得这样写呢
                 return (
                   <KrListItem key={mileStoneId} style={data.isDirty ? { marginBottom: 36 } : { marginBottom: 22 }}>
                     <KrCounter>
-                      <div className='kr-counter'>{`KR${index + 1}`}</div>
+                      <div className="kr-counter">{`KR${index + 1}`}</div>
                     </KrCounter>
                     <Tooltip title={mileStoneName} overlayStyle={mileStoneName.length > 18 ? { zIndex: 99999 } : {}}>
                       <KrTitle>{mileStoneName}</KrTitle>
                     </Tooltip>
                     <FormItemWrapper style={{ width: 140 }}>
-                      <FormItemLabel>{getLocale('OKR_MyO_Text_Weights')}</FormItemLabel>
+                      <FormItemLabel>{getLocale("OKR_MyO_Text_Weights")}</FormItemLabel>
                       {/* 这里修改的值，导致整个权重之和 >100 这时候报错 */}
-                      <FormItemV2 isDirty={data.isDirty} errorText={getLocale('OKR_MyO_KRP_Please0and100')}>
+                      <FormItemV2 isDirty={data.isDirty} errorText={getLocale("OKR_MyO_KRP_Please0and100")}>
                         {/* 这里得计算 */}
-                        <Input suffixIcon={getLocale('OKR_MyO_Pop_Upd_Percentage')} value={krWeight} onChange={value => this.handleWeightChange(value, feedId)} onBlur={() => this.blurReCalibratePrecision()} />
+                        <Input suffixIcon={getLocale("OKR_MyO_Pop_Upd_Percentage")} value={krWeight} onChange={(value) => this.handleWeightChange(value, feedId)} onBlur={() => this.blurReCalibratePrecision()} />
                       </FormItemV2>
                     </FormItemWrapper>
                   </KrListItem>
                 );
-              } else return;
+              }
             })}
         </EditWightContent>
       </Dialog>

package/src/components/edit-kr-wight/FormItemV2.tsx

@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
-import { InvalidTextContainer, FormItemContainer } from './style';
-import classNames from 'classnames';
+import React, { Component } from "react";
+import classNames from "classnames";
+import { InvalidTextContainer, FormItemContainer } from "./style";
 
 /**
  * @todo;
@@ -29,30 +29,35 @@ export default class FormItemV2 extends Component<FormItemProps, FormItemState>
       focused: false,
     };
   }
+
   handleFocus = () => {
     this.setState({ focused: true });
   };
+
   handleBlur = () => {
     this.setState({ focused: false });
   };
+
   renderHelperText = () => {
     if (this.props.helperText && this.state.focused) {
       return this.props.helperText;
-    } else {
-      return;
     }
   };
+
   renderInvalidText = (errorText: any) => {
     // 给 error-text 留出来一个 class 使其能够覆盖一部分样式
     const { isDirty } = this.props;
-    return <InvalidTextContainer className={classNames('invalid-text-container', isDirty ? 'formItem-has-error' : 'forItem-no-error')}>{errorText}</InvalidTextContainer>;
+    return <InvalidTextContainer className={classNames("invalid-text-container", isDirty ? "formItem-has-error" : "forItem-no-error")}>{errorText}</InvalidTextContainer>;
   };
+
   render() {
-    const { children, errorText, style, className, isDirty } = this.props;
+    const {
+      children, errorText, style, className, isDirty,
+    } = this.props;
     const { focused } = this.state;
     return (
       <FormItemContainer
-        className={classNames('form-item-container', className, isDirty ? 'formItem-c-has-error' : 'forItem-c-no-error')}
+        className={classNames("form-item-container", className, isDirty ? "formItem-c-has-error" : "forItem-c-no-error")}
         style={style}
         onfocus={this.handleFocus}
         onBlur={this.handleBlur}

package/src/components/edit-kr-wight/style/index.ts

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 
 export const EditWightContent = styled.div`
   background-color: #fff;
@@ -85,7 +85,7 @@ export const ItemLabel = styled.label.attrs((props) => {
     top: 50%;
     left: 45%;
     transform: translate(-50%, -50%);
-    color: ${(props) => (props.required ? '#cc2929' : 'transparent')};
+    color: ${(props) => (props.required ? "#cc2929" : "transparent")};
   }
 `;
 
@@ -120,7 +120,7 @@ export const FormItemContainer = styled.div`
     bottom: 0;
     left: 0;
     right: 0;
-    /* border: ${(props: { isDirty: boolean; errorText: string }) => (props.isDirty ? '1px solid #cc2929' : 'none')}; */
+    /* border: ${(props: { isDirty: boolean; errorText: string }) => (props.isDirty ? "1px solid #cc2929" : "none")}; */
   }
   .forItem-no-error {
     top: 10px;
@@ -130,4 +130,4 @@ export const FormItemContainer = styled.div`
     top: 22px;
     opacity: 1;
   }
-`;
+`;

package/src/components/edit-kr-wight/utils.ts

@@ -1,9 +1,9 @@
 export function KrWeightValidator(value: string): boolean {
   // 首先得是数字
-  let _value = Number(value); //
-  if (`${value}`.trim() == '') return false; // required
+  const _value = Number(value); //
+  if (`${value}`.trim() == "") return false; // required
   if (isNaN(_value)) return false; // 不是数字
-  if (!Number.isInteger(_value) && `${_value}`.split('.')[1].length > 1) return false; // 小数点超出一位
+  if (!Number.isInteger(_value) && `${_value}`.split(".")[1].length > 1) return false; // 小数点超出一位
   if (_value > 100) return false; // 允许输入超过 100 的数字
   if (_value < 0) return false;
   return true;
@@ -11,10 +11,9 @@ export function KrWeightValidator(value: string): boolean {
 
 export function ReCalibratePrecision(milepostData: any[]) {
   // NOTE 后端返回的数据不一定是整数
-  let index = milepostData.findIndex(({ krWeight }) => !Number.isInteger(Number(krWeight)));
+  const index = milepostData.findIndex(({ krWeight }) => !Number.isInteger(Number(krWeight)));
   if (index !== -1) {
-    return milepostData.map(data => ({ ...data, krWeight: Number(data.krWeight).toFixed(1) }));
-  } else {
-    return milepostData;
+    return milepostData.map((data) => ({ ...data, krWeight: Number(data.krWeight).toFixed(1) }));
   }
+  return milepostData;
 }

package/src/components/emotions-selector/index.tsx

@@ -1,3 +1,3 @@
-import EmotionsSelector from './selector-pop';
+import EmotionsSelector from "./selector-pop";
 
-export default EmotionsSelector;
+export default EmotionsSelector;