@titaui/pc 1.9.48 → 1.9.49

package/src/components/create-okr-modal/objectType.tsx

@@ -28,14 +28,12 @@ interface ObjectTypeState {
   groupName?: string;
   auth?: boolean;
 }
-const radios = () => {
-  return [
-    { label: getLocale('OKR_MyO_Pop_Company'), value: 3 },
-    { label: getLocale('Mod_Department'), value: 2 },
-    { label: getLocale('OKR_MyO_Text_Team'), value: 4 },
-    { label: getLocale('OKR_MyO_Pop_Individual'), value: 1 },
-  ]
-};
+const radios = () => [
+  { label: getLocale("OKR_MyO_Pop_Company"), value: 3 },
+  { label: getLocale("Mod_Department"), value: 2 },
+  { label: getLocale("OKR_MyO_Text_Team"), value: 4 },
+  { label: getLocale("OKR_MyO_Pop_Individual"), value: 1 },
+];
 export default class ObjectType extends Component<
   ObjectTypeProps,
   ObjectTypeState
@@ -52,11 +50,12 @@ export default class ObjectType extends Component<
       groupName: "",
       auth: false,
     };
-    //@ts-ignore
+    // @ts-ignore
     this.popup = React.createRef();
-    //@ts-ignore
+    // @ts-ignore
     this.departPopup = React.createRef();
   }
+
   componentWillMount() {
     const {
       okrType,
@@ -66,8 +65,8 @@ export default class ObjectType extends Component<
       groupId,
       groupName,
     } = this.props;
-    let baseAuth = new BaseAuth();
-    let auth = baseAuth.isBoss() || baseAuth.isManager();
+    const baseAuth = new BaseAuth();
+    const auth = baseAuth.isBoss() || baseAuth.isManager();
     this.setState({
       departmentName: okrType == 2 ? departmentName : "",
       departmentId: okrType == 2 ? departmentId : 0,
@@ -78,11 +77,13 @@ export default class ObjectType extends Component<
       auth,
     });
   }
+
   onTeamSelect = ([info]) => {
     this.setState({ groupName: info.data.name, groupId: info.data.id });
-    //@ts-ignore
+    // @ts-ignore
     this.popup.current.close();
   };
+
   onDepartSelect = (_nodeKey, { node }) => {
     const { data } = node;
     this.setState({
@@ -91,36 +92,34 @@ export default class ObjectType extends Component<
       okrType: 2,
       label: "",
     });
-    //@ts-ignore
+    // @ts-ignore
     this.departPopup.current.close();
   };
 
-  renderTeamType = () => {
-    return (
-      <UserSelector.Group
-        // @ts-ignore
-        ref={this.popup}
-        // @ts-ignore
-        onSelect={this.onTeamSelect}
-        position="center"
-        trigger={
-          // @ts-ignore
-          <div
-            onClick={() => this.popup.current.open()}
-            style={{ width: "100%" }}
+  renderTeamType = () => (
+    <UserSelector.Group
+      // @ts-ignore
+      ref={this.popup}
+      // @ts-ignore
+      onSelect={this.onTeamSelect}
+      position="center"
+      trigger={(
+        <div
+          onClick={() => this.popup.current.open()}
+          style={{ width: "100%" }}
+        >
+          <StatelessDropdown
+            className="mx-w-240"
+            overlayClassName="has-underline"
+            labelText={getLocale("OKR_MyO_Text_Team")}
           >
-            <StatelessDropdown
-              className="mx-w-240"
-              overlayClassName="has-underline"
-              labelText={getLocale('OKR_MyO_Text_Team')}
-            >
-              {this.state.groupName || getLocale('OKR_MyO_Text_Team')}
-            </StatelessDropdown>
-          </div>
-        }
-      />
-    );
-  };
+            {this.state.groupName || getLocale("OKR_MyO_Text_Team")}
+          </StatelessDropdown>
+        </div>
+      )}
+    />
+  );
+
   renderType = () => {
     // 只有存在选择部门的情况
     if (this.state.okrType === 2) {
@@ -131,8 +130,7 @@ export default class ObjectType extends Component<
           // @ts-ignore
           ref={this.departPopup}
           position="center"
-          trigger={
-            // @ts-ignore
+          trigger={(
             <div
               onClick={() => this.departPopup.current.open()}
               style={{ width: "100%" }}
@@ -140,23 +138,24 @@ export default class ObjectType extends Component<
               <StatelessDropdown
                 className="mx-w-240"
                 overlayClassName="has-underline"
-                labelText={getLocale('Mod_Department')}
+                labelText={getLocale("Mod_Department")}
               >
                 <OpenDepartmentName
                   id={this.state.departmentId}
                   name={this.state.departmentName}
-                ></OpenDepartmentName>
+                />
               </StatelessDropdown>
             </div>
-          }
+          )}
         />
       );
     }
     if (this.state.okrType === 4) {
       return this.renderTeamType();
     }
-    return <div style={{ height: 10 }}></div>;
+    return <div style={{ height: 10 }} />;
   };
+
   handleChange = (okrType: any, label: string) => {
     const { Department, DepartmentId } = getUserInfo();
     if (okrType === 2) {
@@ -175,16 +174,21 @@ export default class ObjectType extends Component<
       });
     }
   };
+
   render() {
     return (
-      <Fragment>
-        <RadioGroup name="okrType" labelText={getLocale('Mod_Type')} style={{ marginBottom: 8 }}>
+      <>
+        <RadioGroup
+          name="okrType"
+          labelText={getLocale("Mod_Type")}
+          style={{ marginBottom: 8 }}
+        >
           {radios().map(({ label, value }) => (
             <Radio
               key={value}
               value={value}
               onChange={this.handleChange}
-              checked={value === this.state.okrType ? true : false}
+              checked={value === this.state.okrType}
             >
               {label}
             </Radio>
@@ -192,7 +196,7 @@ export default class ObjectType extends Component<
           ))}
         </RadioGroup>
         <DropDownContent>{this.renderType()}</DropDownContent>
-      </Fragment>
+      </>
     );
   }
 }

package/src/components/create-okr-modal/request-api.ts

@@ -16,18 +16,14 @@ const requestDomain = () => {
   return "http://www.tita.gift";
 };
 
-export const getImageBase64ByUrl = (toUserId) => {
-  return axios
-    .post(
-      `${requestDomain()}/api/v1/${tenantId}/${userId}/okr/share/getBase64Str`,
-      { toUserId }
-    )
-    .then((getBase64Str) => {
-      return getBase64Str.data;
-    });
-};
+export const getImageBase64ByUrl = (toUserId) => axios
+  .post(
+    `${requestDomain()}/api/v1/${tenantId}/${userId}/okr/share/getBase64Str`,
+    { toUserId },
+  )
+  .then((getBase64Str) => getBase64Str.data);
 
-export const createWidthKr = async function(data: any) {
+export const createWidthKr = async function (data: any) {
   const url = `${requestDomain()}/api/v2/${tenantId}/${userId}/work/createWithKr`;
   const res = await axios.post(
     url,
@@ -38,25 +34,24 @@ export const createWidthKr = async function(data: any) {
     {
       headers: { "Content-Type": "application/x-www-form-urlencoded" },
       transformRequest: qs.stringify,
-    }
+    },
   );
   return res.data.Data;
-  
 };
 
-export const getKrAnalysisInfos = async function(params) {
+export const getKrAnalysisInfos = async function (params) {
   const url = `${requestDomain()}/api/v1/${tenantId}/${userId}/okr/create/analys`;
   return axios.post(url, params);
 };
 
-export const updateOkrVisibility = async function(
-  params: UpdateOkrVisibilityParams
+export const updateOkrVisibility = async function (
+  params: UpdateOkrVisibilityParams,
 ) {
   const url = `${requestDomain()}/api/v2/${tenantId}/${userId}/work/visiblity`;
   return axios.post(url, params);
 };
 
-export const updateOCommitType = async function(params: UpdateOkrTypeParams) {
+export const updateOCommitType = async function (params: UpdateOkrTypeParams) {
   const url = `${requestDomain()}/api/v1/${tenantId}/${userId}/okr/update/okrType?okrId=${
     params.okrId
   }`;
@@ -66,16 +61,16 @@ export const updateOCommitType = async function(params: UpdateOkrTypeParams) {
   });
 };
 
-export const getOAnalysisInfos = async function(params) {
+export const getOAnalysisInfos = async function (params) {
   const url = `${requestDomain()}/api/v1/${tenantId}/${userId}/okr/create/analys`;
-  return axios.post(url, params).then(resp => {
+  return axios.post(url, params).then((resp) => {
     if (resp.status === 200 && resp.data.Code === 1) {
       return resp.data.Data;
     }
   });
 };
 
-export const getCycleSetting = async function(): Promise<GetCycleSettingParams> {
+export const getCycleSetting = async function (): Promise<GetCycleSettingParams> {
   const url = `${requestDomain()}/api/v1/${tenantId}/${userId}/okr/cycleSetting`;
   const res = await axios.get(url);
   return res.data.Data;

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

@@ -1,4 +1,5 @@
 import styled from "styled-components";
+
 export const Wrapper = styled.div`
   height: 449px;
   padding: 0 32px;
@@ -70,10 +71,9 @@ export const KrEditWrapper = styled.div`
   background: #ffffff;
   border: 1px solid ${(p) => (p.active ? "#2879ff" : "#f0f2f5")};
   border-radius: 4px;
-  ${(p) =>
-    p.active
-      ? "box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3) inset;"
-      : ""}
+  ${(p) => (p.active
+    ? "box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3) inset;"
+    : "")}
   display: flex;
   align-items: center;
   flex: 1;
@@ -95,10 +95,9 @@ export const InputWrapper = styled.div`
   background: #ffffff;
   border: 1px solid ${(p) => (p.active ? "#2879ff" : "#f0f2f5")};
   border-radius: 4px;
-  ${(p) =>
-    p.active
-      ? "box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3) inset;"
-      : ""}
+  ${(p) => (p.active
+    ? "box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3) inset;"
+    : "")}
   display: flex;
   align-items: center;
   flex: 1;

package/src/components/create-okr-modal/utils/getCreateOkrSurpassPercent.js

@@ -1,6 +1,4 @@
-const getRandomNum = (baseNum) => {
-  return Math.floor(Math.random() * baseNum);
-};
+const getRandomNum = (baseNum) => Math.floor(Math.random() * baseNum);
 
 const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 0) {
@@ -15,7 +13,7 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 2) {
     if (krMeasurableNums === 1) {
       return 40;
-    } else if (krMeasurableNums === 2) {
+    } if (krMeasurableNums === 2) {
       return 50;
     }
     return 35;
@@ -23,9 +21,9 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 3) {
     if (krMeasurableNums === 1) {
       return 50;
-    } else if (krMeasurableNums === 2) {
+    } if (krMeasurableNums === 2) {
       return 60;
-    } else if (krMeasurableNums === 3) {
+    } if (krMeasurableNums === 3) {
       return 60;
     }
     return 45;
@@ -33,11 +31,11 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 4) {
     if (krMeasurableNums === 1) {
       return 50;
-    } else if (krMeasurableNums === 2) {
+    } if (krMeasurableNums === 2) {
       return 55;
-    } else if (krMeasurableNums === 3) {
+    } if (krMeasurableNums === 3) {
       return 60;
-    } else if (krMeasurableNums === 4) {
+    } if (krMeasurableNums === 4) {
       return 70;
     }
     return 45;
@@ -45,13 +43,13 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 5) {
     if (krMeasurableNums === 1) {
       return 50;
-    } else if (krMeasurableNums === 2) {
+    } if (krMeasurableNums === 2) {
       return 55;
-    } else if (krMeasurableNums === 3) {
+    } if (krMeasurableNums === 3) {
       return 60;
-    } else if (krMeasurableNums === 4) {
+    } if (krMeasurableNums === 4) {
       return 65;
-    } else if (krMeasurableNums === 5) {
+    } if (krMeasurableNums === 5) {
       return 70;
     }
     return 45;
@@ -59,11 +57,11 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum > 5) {
     if (krMeasurableNums === 0) {
       return 40;
-    } else if (krMeasurableNums === 1) {
+    } if (krMeasurableNums === 1) {
       return 45;
-    } else if (krMeasurableNums === 2) {
+    } if (krMeasurableNums === 2) {
       return 50;
-    } else if (krMeasurableNums === 3) {
+    } if (krMeasurableNums === 3) {
       return 55;
     }
     return 60;
@@ -76,7 +74,7 @@ export default (
   okrHasWtWords,
   krNum,
   krMeasurableNums,
-  krAvarageLength
+  krAvarageLength,
 ) => {
   let totalScore = 0;
   if (okrHasWtWords) {
@@ -97,11 +95,10 @@ export default (
 
   if (krAvarageLength < 5) {
     return Number(((totalScore * (getRandomNum(5) + 3)) / 100).toFixed(1));
-  } else if (krAvarageLength < 9) {
+  } if (krAvarageLength < 9) {
     return Number(((totalScore * (getRandomNum(15) + 70)) / 100).toFixed(1));
-  } else if (krAvarageLength < 31) {
+  } if (krAvarageLength < 31) {
     return Number(((totalScore * (getRandomNum(15) + 90)) / 100).toFixed(1));
-  } else {
-    return Number(((totalScore * (getRandomNum(10) + 80)) / 100).toFixed(1));
   }
+  return Number(((totalScore * (getRandomNum(10) + 80)) / 100).toFixed(1));
 };

package/src/components/create-okr-modal/utils/helper.ts

@@ -22,7 +22,7 @@ export async function taker(url, method, body, header = {}) {
       settings.headers["Content-Type"] == "application/x-www-form-urlencoded"
     ) {
       let bodyStr = "";
-      for (let key in body) {
+      for (const key in body) {
         bodyStr += `${key}=${body[key]}&`;
       }
       bodyStr.substring(0, bodyStr.length - 1);
@@ -31,7 +31,7 @@ export async function taker(url, method, body, header = {}) {
   }
   settings.credentials = "same-origin";
   try {
-    let response = await fetch(url, settings);
+    const response = await fetch(url, settings);
     const data = await response.json();
     return data;
   } catch (e) {
@@ -43,5 +43,5 @@ export function getApiUrl(url) {
   const uid = getUserInfo().Id;
   const tid = getTenantInfo().Id;
   const apiServer = getBSGlobal("apiPath");
-  return apiServer + "/api/v1/" + tid + "/" + uid + "/" + url;
+  return `${apiServer}/api/v1/${tid}/${uid}/${url}`;
 }

package/src/components/create-okr-modal/utils/index.tsx

@@ -1,10 +1,9 @@
 export function KrWeightValidator(value: string): boolean {
   // 首先得是数字
-  let _value = Number(value); //
+  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;

package/src/components/date-picker/BodyItem.js

@@ -1,52 +1,58 @@
 /*
- * @Author: lianghaosen 
- * @Date: 2018-12-05 15:29:35 
+ * @Author: lianghaosen
+ * @Date: 2018-12-05 15:29:35
  * @Last Modified by: lianghaosen
  * @Last Modified time: 2021-02-03 23:20:26
  */
-import React, { Component } from 'react'
-import moment from 'moment'
+import React, { Component } from "react";
+import moment from "moment";
 
 export default class BodyItem extends Component {
-  //为了适应推屏中的MouseDown事件
+  // 为了适应推屏中的MouseDown事件
   static defaultProps = {
-    triggerMethod: 'onClick'
-  }
+    triggerMethod: "onClick",
+  };
+
   getClass = () => {
-    const {isAllowSelect,date,selected,highlight} = this.props;
-    if(isAllowSelect && !isAllowSelect(date)){
+    const {
+      isAllowSelect, date, selected, highlight,
+    } = this.props;
+    if (isAllowSelect && !isAllowSelect(date)) {
       this.disabled = true;
       return {
-        outer: 'tita-calendar-item-disabled',
-        inner: ''
-      }
+        outer: "tita-calendar-item-disabled",
+        inner: "",
+      };
     }
-    let className = {
-      outer:'tita-calendar-item-outter'
+    const className = {
+      outer: "tita-calendar-item-outter",
     };
-    className.inner = this.isInCurrentMonth() ?'tita-calendar-item-current' : 'tita-calendar-item-other';
-    moment().isSame(date,'day') && (className.inner += ' tita-calendar-item-today')
-    selected && (className.inner += ' tita-calendar-item-selected');
-    highlight && (className.outer += ' tita-calendar-item-hightlight')
-    return  className
-  }
+    className.inner = this.isInCurrentMonth() ? "tita-calendar-item-current" : "tita-calendar-item-other";
+    moment().isSame(date, "day") && (className.inner += " tita-calendar-item-today");
+    selected && (className.inner += " tita-calendar-item-selected");
+    highlight && (className.outer += " tita-calendar-item-hightlight");
+    return className;
+  };
+
   isInCurrentMonth = () => {
-    const month = this.props.date.format('YYYYM');
+    const month = this.props.date.format("YYYYM");
     return month === this.props.currentMonth;
-  }
+  };
+
   handleClick = (date) => {
-    if(this.disabled) return;
-    this.props.onSelectDate(moment(date.format('YYYY/MM/DD')))
-  }
+    if (this.disabled) return;
+    this.props.onSelectDate(moment(date.format("YYYY/MM/DD")));
+  };
+
   render() {
-    const {date} = this.props;
+    const { date } = this.props;
     const className = this.getClass();
-    const {triggerMethod} = this.props;
-    const obj = {[triggerMethod]:() => this.handleClick(date)}
+    const { triggerMethod } = this.props;
+    const obj = { [triggerMethod]: () => this.handleClick(date) };
     return (
       <td className={className.outer}>
-        <div title={date.format('YYYY-M-D')} {...obj} className={`tita-calendar-item-inner ${className.inner}`}>{date.date()}</div>
+        <div title={date.format("YYYY-M-D")} {...obj} className={`tita-calendar-item-inner ${className.inner}`}>{date.date()}</div>
       </td>
-    )
+    );
   }
 }