@titaui/pc 1.9.49 → 1.9.50

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

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

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

@@ -16,14 +16,18 @@ const requestDomain = () => {
   return "http://www.tita.gift";
 };
 
-export const getImageBase64ByUrl = (toUserId) => axios
-  .post(
-    `${requestDomain()}/api/v1/${tenantId}/${userId}/okr/share/getBase64Str`,
-    { toUserId },
-  )
-  .then((getBase64Str) => getBase64Str.data);
+export const getImageBase64ByUrl = (toUserId) => {
+  return axios
+    .post(
+      `${requestDomain()}/api/v1/${tenantId}/${userId}/okr/share/getBase64Str`,
+      { toUserId }
+    )
+    .then((getBase64Str) => {
+      return 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,
@@ -34,24 +38,25 @@ 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
   }`;
@@ -61,16 +66,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,5 +1,4 @@
 import styled from "styled-components";
-
 export const Wrapper = styled.div`
   height: 449px;
   padding: 0 32px;
@@ -71,9 +70,10 @@ 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,9 +95,10 @@ 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,4 +1,6 @@
-const getRandomNum = (baseNum) => Math.floor(Math.random() * baseNum);
+const getRandomNum = (baseNum) => {
+  return Math.floor(Math.random() * baseNum);
+};
 
 const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 0) {
@@ -13,7 +15,7 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 2) {
     if (krMeasurableNums === 1) {
       return 40;
-    } if (krMeasurableNums === 2) {
+    } else if (krMeasurableNums === 2) {
       return 50;
     }
     return 35;
@@ -21,9 +23,9 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 3) {
     if (krMeasurableNums === 1) {
       return 50;
-    } if (krMeasurableNums === 2) {
+    } else if (krMeasurableNums === 2) {
       return 60;
-    } if (krMeasurableNums === 3) {
+    } else if (krMeasurableNums === 3) {
       return 60;
     }
     return 45;
@@ -31,11 +33,11 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 4) {
     if (krMeasurableNums === 1) {
       return 50;
-    } if (krMeasurableNums === 2) {
+    } else if (krMeasurableNums === 2) {
       return 55;
-    } if (krMeasurableNums === 3) {
+    } else if (krMeasurableNums === 3) {
       return 60;
-    } if (krMeasurableNums === 4) {
+    } else if (krMeasurableNums === 4) {
       return 70;
     }
     return 45;
@@ -43,13 +45,13 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum === 5) {
     if (krMeasurableNums === 1) {
       return 50;
-    } if (krMeasurableNums === 2) {
+    } else if (krMeasurableNums === 2) {
       return 55;
-    } if (krMeasurableNums === 3) {
+    } else if (krMeasurableNums === 3) {
       return 60;
-    } if (krMeasurableNums === 4) {
+    } else if (krMeasurableNums === 4) {
       return 65;
-    } if (krMeasurableNums === 5) {
+    } else if (krMeasurableNums === 5) {
       return 70;
     }
     return 45;
@@ -57,11 +59,11 @@ const getKrNumberAndMeasurableScore = (krNum, krMeasurableNums) => {
   if (krNum > 5) {
     if (krMeasurableNums === 0) {
       return 40;
-    } if (krMeasurableNums === 1) {
+    } else if (krMeasurableNums === 1) {
       return 45;
-    } if (krMeasurableNums === 2) {
+    } else if (krMeasurableNums === 2) {
       return 50;
-    } if (krMeasurableNums === 3) {
+    } else if (krMeasurableNums === 3) {
       return 55;
     }
     return 60;
@@ -74,7 +76,7 @@ export default (
   okrHasWtWords,
   krNum,
   krMeasurableNums,
-  krAvarageLength,
+  krAvarageLength
 ) => {
   let totalScore = 0;
   if (okrHasWtWords) {
@@ -95,10 +97,11 @@ export default (
 
   if (krAvarageLength < 5) {
     return Number(((totalScore * (getRandomNum(5) + 3)) / 100).toFixed(1));
-  } if (krAvarageLength < 9) {
+  } else if (krAvarageLength < 9) {
     return Number(((totalScore * (getRandomNum(15) + 70)) / 100).toFixed(1));
-  } if (krAvarageLength < 31) {
+  } else 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 (const key in body) {
+      for (let 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 {
-    const response = await fetch(url, settings);
+    let 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,9 +1,10 @@
 export function KrWeightValidator(value: string): boolean {
   // 首先得是数字
-  const _value = Number(value); //
+  let _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,58 +1,52 @@
 /*
- * @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: ''
+      }
     }
-    const className = {
-      outer: "tita-calendar-item-outter",
+    let 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>
-    );
+    )
   }
 }