@titaui/pc 1.9.55 → 1.9.59

package/src/pages/okr-map/number-select/index.js

@@ -1,35 +1,39 @@
 import { useState } from "react";
-import classNames from 'classnames';
+import classNames from "classnames";
 import { getLocale } from "../../../utils/getLocale";
 
-import './index.scss';
+import "./index.scss";
 
-const preCls = 'titaui-number-select';
+const preCls = "titaui-number-select";
 
-const NumberSelect = (props) => {
-    const { max = 10, min = 2, onChange = () => { }, defaultValue = 2, label = getLocale('Mod_Editor') } = props
-    const [num, setNum] = useState(defaultValue);
+function NumberSelect(props) {
+  const {
+    max = 10, min = 2, onChange = () => { }, defaultValue = 2, label = getLocale("Mod_Editor"),
+  } = props;
+  const [num, setNum] = useState(defaultValue);
 
-    const addHandler = () => {
-        if (num == max) return;
-        setNum(num + 1)
-        onChange(num + 1)
-    }
-    const minusHandler = () => {
-        if (num == min) return;
-        setNum(num - 1)
-        onChange(num - 1)
-    }
+  const addHandler = () => {
+    if (num == max) return;
+    setNum(num + 1);
+    onChange(num + 1);
+  };
+  const minusHandler = () => {
+    if (num == min) return;
+    setNum(num - 1);
+    onChange(num - 1);
+  };
 
-    return (<div className={`${preCls}`}>
-        <span className={classNames(`${preCls}--label`)}>{label}</span>
-        <span className={classNames(`${preCls}--action`)}>
-            <span className={classNames(`${preCls}--action-icon`, { [`${preCls}--action-icon__disable`]: num == min })} onClick={minusHandler} >-</span>
-            <span className={classNames(`${preCls}--value`)}>
-                {num}
-            </span>
-            <span className={classNames(`${preCls}--action-icon`, { [`${preCls}--action-icon__disable`]: num == max })} onClick={addHandler}>+</span>
+  return (
+    <div className={`${preCls}`}>
+      <span className={classNames(`${preCls}--label`)}>{label}</span>
+      <span className={classNames(`${preCls}--action`)}>
+        <span className={classNames(`${preCls}--action-icon`, { [`${preCls}--action-icon__disable`]: num == min })} onClick={minusHandler}>-</span>
+        <span className={classNames(`${preCls}--value`)}>
+          {num}
         </span>
-    </div>)
+        <span className={classNames(`${preCls}--action-icon`, { [`${preCls}--action-icon__disable`]: num == max })} onClick={addHandler}>+</span>
+      </span>
+    </div>
+  );
 }
-export default NumberSelect;
+export default NumberSelect;

package/src/pages/okr-map/open-data/index.js

@@ -1,74 +1,65 @@
-import { useRef, useEffect } from 'react';
-import React from 'react';
+import React, { useRef, useEffect } from "react";
 
 const WX_SOURCE = 860;
-const WX_UA_STR = 'micromessenger';
+const WX_UA_STR = "micromessenger";
 
-const getGlobal = (key) => {
-  return window.BSGlobal[key];
-};
+const getGlobal = (key) => window.BSGlobal[key];
 
-export const getSource = () => getGlobal('tenantInfo').Source;
+export const getSource = () => getGlobal("tenantInfo").Source;
 
-export const isWechat = () => {
-  return getSource() == 860;
-}
+export const isWechat = () => getSource() == 860;
 
 const getUA = () => navigator.userAgent.toLowerCase();
 
 export const getOpenId = (id, type) => {
   let openIds;
-  if (type == 'userName') {
-    openIds = getGlobal('openIds');
-  } else if (type == 'departmentName') {
-    openIds = getGlobal('openDepartmentIds');
+  if (type == "userName") {
+    openIds = getGlobal("openIds");
+  } else if (type == "departmentName") {
+    openIds = getGlobal("openDepartmentIds");
   }
   return openIds && openIds[id];
-}
+};
 
 function openData(p) {
   if (getSource() == WX_SOURCE || getUA().includes(WX_UA_STR)) {
-    return p => {
+    return function (p) {
       if (p.id === undefined) return p.name || null;
       const openId = getOpenId(p.id, p.type);
       if (!openId) return p.name || p.id || null;
       const ref = useRef(null);
       useEffect(() => {
         window.WWOpenData && window.WWOpenData.bind(ref.current);
-      })
+      });
       return (
         <div
           style={{
-            display: 'inline-block',
-            position: 'relative',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            verticalAlign: 'middle',
+            display: "inline-block",
+            position: "relative",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            verticalAlign: "middle",
           }}
         >
           <ww-open-data ref={ref} type={p.type} openid={openId} />
           <div style={{
-            'position': 'absolute',
-            'top': 0,
-            'left': 0,
-            'right': 0,
-            'bottom': 0,
-            'zIndex': 1
-          }} />
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            zIndex: 1,
+          }}
+          />
         </div>
       );
-    }
-  } else {
-    return p => {
-      return p.name || p.id || null;
-    }
+    };
   }
+  return (p) => p.name || p.id || null;
 }
 
 const getOpenData = openData();
 
-export const OpenUserName = (p) =>
-  getOpenData({ ...p, type: 'userName' })
+export const OpenUserName = (p) => getOpenData({ ...p, type: "userName" });
 
-export const OpenDepartmentName = (p) =>
-  getOpenData({ ...p, type: 'departmentName' })
+export const OpenDepartmentName = (p) => getOpenData({ ...p, type: "departmentName" });

package/src/pages/okr-map/precls.js

@@ -1 +1 @@
-export default 'titapage-okr-map';
+export default "titapage-okr-map";

package/src/pages/okr-map/request-apis.js

@@ -1,30 +1,22 @@
-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 'https://www.tita.gift'
+  if (!window.location.hostname.match(/dev/)) return "";
+  return "https://www.tita.gift";
 };
 
-export const getShareUrl = mapUrl => {
-  return axios.post(`${requestDomain()}/api/v1/${tenantId}/${userId}/okr/map/share`, {
-    'mapShareCondition': mapUrl
-  }).then(res => {
-    return res.data;
-  })
-}
+export const getShareUrl = (mapUrl) => axios.post(`${requestDomain()}/api/v1/${tenantId}/${userId}/okr/map/share`, {
+  mapShareCondition: mapUrl,
+}).then((res) => res.data);
 
-export const onUpdateKr = ({ mileStoneName, workId, workMileStoneId }) => {
-  return axios.post(`${requestDomain()}/api/v1/${tenantId}/${userId}/WorkMileStone/UpdateName?workMileStoneId=${workMileStoneId}`, {
-    mileStoneName,
-    workId,
-    workMileStoneId
-  }).then(res => {
-    return res.data;
-  })
-}
+export const onUpdateKr = ({ mileStoneName, workId, workMileStoneId }) => axios.post(`${requestDomain()}/api/v1/${tenantId}/${userId}/WorkMileStone/UpdateName?workMileStoneId=${workMileStoneId}`, {
+  mileStoneName,
+  workId,
+  workMileStoneId,
+}).then((res) => res.data);
 
 export const checkTenantOkrExist = async () => {
   const result = await axios.get(`/api/v1/${tenantId}/${userId}/okr/map/exist`);

package/src/pages/okr-map/share-dialog/index.js

@@ -1,15 +1,15 @@
-import React, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import copyToClipboard from 'copy-to-clipboard';
-import Dialog from '../../../components/dialog';
-import preCls from '../precls';
-import { getShareUrl } from '../request-apis';
-import { getLocale } from '../../../utils/getLocale';
-import Toast from '../../../components/toast';
+import React, { useState, useEffect } from "react";
+import classNames from "classnames";
+import copyToClipboard from "copy-to-clipboard";
+import Dialog from "../../../components/dialog";
+import preCls from "../precls";
+import { getShareUrl } from "../request-apis";
+import { getLocale } from "../../../utils/getLocale";
+import Toast from "../../../components/toast";
 
-import './index.scss';
+import "./index.scss";
 
-const ShareContent = props => {
+function ShareContent(props) {
   const {
     copyUrl,
     setCopyUrl,
@@ -20,7 +20,7 @@ const ShareContent = props => {
     direction,
     searchType,
     rootNode,
-    level2Selected
+    level2Selected,
   } = props;
 
   useEffect(() => {
@@ -32,54 +32,58 @@ const ShareContent = props => {
       `period=${JSON.stringify(period)}`,
       `rootNode=${JSON.stringify(rootNode)}`,
       `level2Selected=${JSON.stringify(level2Selected)}`,
-    ]).join('&');
-    getShareUrl(`#okr/map-share?${urlQuery}`).then(res => {
-      const { obj = '' } = res.Data;
+    ]).join("&");
+    getShareUrl(`#okr/map-share?${urlQuery}`).then((res) => {
+      const { obj = "" } = res.Data;
       setCopyUrl(obj);
-    })
-  }, [])
+    });
+  }, []);
 
-  return <div className={classNames(`${preCls}__share-content`)}>
-    <div className={classNames(`${preCls}__share-content-text`)}>{getLocale('OKR_Ali_Aftersendinlink')}</div>
-    <div className={classNames(`${preCls}__share-content-link`)}>
-      <span className={classNames(`${preCls}__share-content-link-label`)}>{getLocale('OKR_MyO_KRP_Link')}</span>
-      <span className={classNames(`${preCls}__share-content-link-url`)}>
-        {copyUrl}
-      </span>
+  return (
+    <div className={classNames(`${preCls}__share-content`)}>
+      <div className={classNames(`${preCls}__share-content-text`)}>{getLocale("OKR_Ali_Aftersendinlink")}</div>
+      <div className={classNames(`${preCls}__share-content-link`)}>
+        <span className={classNames(`${preCls}__share-content-link-label`)}>{getLocale("OKR_MyO_KRP_Link")}</span>
+        <span className={classNames(`${preCls}__share-content-link-url`)}>
+          {copyUrl}
+        </span>
+      </div>
     </div>
-  </div>;
+  );
 }
 
-export default props => {
+export default function (props) {
   const {
     visible,
     setVisible,
     ...restProps
   } = props;
 
-  const [copyUrl, setCopyUrl] = useState('');
+  const [copyUrl, setCopyUrl] = useState("");
 
   const onCopyUrlHandler = () => {
-    copyToClipboard(copyUrl)
+    copyToClipboard(copyUrl);
     setVisible(false);
-    Toast.Success(getLocale('OKR_Ali_Copylinksuc'))
-  }
+    Toast.Success(getLocale("OKR_Ali_Copylinksuc"));
+  };
 
-  return <div className={classNames(`${preCls}__share-dialog`)}>
-    <Dialog
-      visible={visible}
-      width={480}
-      title={getLocale('OKR_Ali_Copyandsharethelink')}
-      noHeadLine={true}
-      noFooterLine={true}
-      noCloseIcon={true}
-      okText={getLocale('OKR_Ali_Butt_Copylink')}
-      destroyOnClose={true}
-      cancelText={getLocale('Mod_Cancel')}
-      onOk={onCopyUrlHandler}
-      onCancel={() => setVisible(false)}
-    >
-      <ShareContent setCopyUrl={setCopyUrl} copyUrl={copyUrl} {...restProps} />
-    </Dialog>
-  </div>
+  return (
+    <div className={classNames(`${preCls}__share-dialog`)}>
+      <Dialog
+        visible={visible}
+        width={480}
+        title={getLocale("OKR_Ali_Copyandsharethelink")}
+        noHeadLine
+        noFooterLine
+        noCloseIcon
+        okText={getLocale("OKR_Ali_Butt_Copylink")}
+        destroyOnClose
+        cancelText={getLocale("Mod_Cancel")}
+        onOk={onCopyUrlHandler}
+        onCancel={() => setVisible(false)}
+      >
+        <ShareContent setCopyUrl={setCopyUrl} copyUrl={copyUrl} {...restProps} />
+      </Dialog>
+    </div>
+  );
 }

package/src/pages/okr-map/unsupport-ie/index.js

@@ -1,11 +1,11 @@
-import React, { useState, useEffect, useRef } from 'react';
-import classNames from 'classnames';
-import importReactFlow from '&/components/import-okr-flow';
-import './index.scss';
+import React, { useState, useEffect, useRef } from "react";
+import classNames from "classnames";
+import importReactFlow from "&/components/import-okr-flow";
+import "./index.scss";
 
-const preCls = 'okr-map-unspport-ie'
+const preCls = "okr-map-unspport-ie";
 
-export default props => {
+export default function (props) {
   const { children } = props;
 
   const [isIE, setIsIE] = useState(false);
@@ -16,28 +16,34 @@ export default props => {
   const getUA = () => navigator.userAgent.toLowerCase();
 
   useEffect(() => {
-    let isIE = getUA().includes('trident');
+    const isIE = getUA().includes("trident");
     if (isIE) {
       isIE && setIsIE(true);
       setLoading(false);
     } else {
-      importReactFlow().then(okrmap => {
+      importReactFlow().then((okrmap) => {
         okrMapCmp.current = okrmap.OkrSearchPanel;
         setLoading(false);
-      })
+      });
     }
-  }, [])
+  }, []);
 
   if (loading) return <span />;
-  else if (isIE) return <div className={classNames(preCls)}>
-    <div className={classNames(`${preCls}__content`)}>
-      <div className={classNames(`${preCls}__content-desp`)}>
-        当前浏览器版本不支持查看 OKR 地图，请升级浏览器版本～  推荐最新版本 Google Chrome 浏览器、Edge 浏览器
+  if (isIE) {
+    return (
+      <div className={classNames(preCls)}>
+        <div className={classNames(`${preCls}__content`)}>
+          <div className={classNames(`${preCls}__content-desp`)}>
+            当前浏览器版本不支持查看 OKR 地图，请升级浏览器版本～  推荐最新版本 Google Chrome 浏览器、Edge 浏览器
+          </div>
+        </div>
       </div>
-    </div>
-  </div>
-
-  return <React.Fragment>
-    {children(okrMapCmp.current)}
-  </React.Fragment>
+    );
+  }
+
+  return (
+    <>
+      {children(okrMapCmp.current)}
+    </>
+  );
 }

package/src/pages/okr-map/utils.js

@@ -19,7 +19,7 @@ export function getBSGlobal(name) {
 
 export const tenantName = getBSGlobal("tenantInfo").Name || "";
 export const tenantLogo = getBSGlobal("tenantInfo").Logo || "";
-const KRSetting = (getBSGlobal("OkrAdvancedSetting") || {}).KRSetting; // KRSetting
+const { KRSetting } = getBSGlobal("OkrAdvancedSetting") || {}; // KRSetting
 export const OkrTypeSetting = (KRSetting || {}).OkrTypeSetting || false; // 是否开启目标类型 true | false
 
 export const okrTypeMap = {

package/src/pages/personal-info/components/base-info/index.tsx

@@ -44,7 +44,7 @@ const BaseInfo: FC = () => {
           {getLocale("Per_Ass_New_title_text_BasicIn")}
         </span>
         <RectBtn
-          type={"primary"}
+          type="primary"
           text={getLocale("Mod_Editor")}
           onClick={handleClickEdit}
         />
@@ -64,15 +64,15 @@ const BaseInfo: FC = () => {
         </span>
       </div>
       <div className={`${prefix}__form`}>
-        <div className={`${prefix}__form-title`}>{getLocale('Set_PI_PhoneNumber')}</div>
+        <div className={`${prefix}__form-title`}>{getLocale("Set_PI_PhoneNumber")}</div>
         <span className={`${prefix}__form-value`}>
-          {userInfo.mobile ? userInfo.mobile : getLocale('Data_Notset')}
+          {userInfo.mobile ? userInfo.mobile : getLocale("Data_Notset")}
         </span>
       </div>
       <div className={`${prefix}__form`}>
-        <div className={`${prefix}__form-title`}>{getLocale('Set_PI_Email')}</div>
+        <div className={`${prefix}__form-title`}>{getLocale("Set_PI_Email")}</div>
         <span className={`${prefix}__form-value`}>
-          {userInfo.email ? userInfo.email : getLocale('Data_Notset')}
+          {userInfo.email ? userInfo.email : getLocale("Data_Notset")}
         </span>
       </div>
     </div>

package/src/pages/personal-info/components/edit-base-info/index.tsx

@@ -4,15 +4,17 @@ import { getUserInfoFun, saveUserInfo } from "../../request-api";
 import Toast from "../../../../components/toast";
 import Dialog from "../../../../components/dialog";
 import { getLocale } from "../../../../utils/getLocale";
-import { i18nLimitCharacters } from "../../../../utils/i18n-front-translate"
+import { i18nLimitCharacters } from "../../../../utils/i18n-front-translate";
 import "./index.scss";
 
 const { Fields } = Form;
 
 const prefix = "titaui-edit-personal-info";
 
-const EditBaseInfo = (props) => {
-  const { visible, onCancel, handleSuccessEditBaseInfo, info } = props;
+function EditBaseInfo(props) {
+  const {
+    visible, onCancel, handleSuccessEditBaseInfo, info,
+  } = props;
 
   const modalRef = useRef<any>();
   const formContainerRef = useRef<any>();
@@ -59,11 +61,10 @@ const EditBaseInfo = (props) => {
   const handleSaveUserInfo = () => {
     if (!userInfo.mobile || !userInfo.name || userInfo.name.length > 50) {
       setIsDisable(true);
-      return;
     } else {
       saveUserInfo({ data: userInfo }).then((resp) => {
         if (resp.Code === 1) {
-          Toast.Success(getLocale('Per_Ma_form_Updatesuc'), { canClose: false });
+          Toast.Success(getLocale("Per_Ma_form_Updatesuc"), { canClose: false });
           handleSuccessEditBaseInfo(userInfo);
           onCancel();
         } else {
@@ -88,7 +89,7 @@ const EditBaseInfo = (props) => {
       width={480}
       mask
       centered
-      title={getLocale('Set_PI_BasicInSettings')}
+      title={getLocale("Set_PI_BasicInSettings")}
       noHeadLine
       maskClosable={false}
       onClose={() => {
@@ -107,7 +108,7 @@ const EditBaseInfo = (props) => {
           email: info.email,
         });
       }}
-      okText={getLocale('Mod_Determiness')}
+      okText={getLocale("Mod_Determiness")}
       noFooterLine
       onOk={handleSaveUserInfo}
       disabled={isDisable}
@@ -115,19 +116,19 @@ const EditBaseInfo = (props) => {
       <div className={`${prefix}__form`} ref={formContainerRef}>
         <Form ref={formRef} getFormContainer={() => formContainerRef.current}>
           <Fields.Input
-            name={"name"}
-            label={getLocale('Mod_UserName')}
-            placeholder={getLocale('Perf_Indica_Pop_text_Name')}
+            name="name"
+            label={getLocale("Mod_UserName")}
+            placeholder={getLocale("Perf_Indica_Pop_text_Name")}
             type="text"
             require
             layout="row"
             verifies={[
               {
-                tip: getLocale('OKR_MyO_Ew_Namecant'),
+                tip: getLocale("OKR_MyO_Ew_Namecant"),
                 test: /^[\s\S]+$/,
               },
               {
-                tip: getLocale('Set_PI_Thenameonly'),
+                tip: getLocale("Set_PI_Thenameonly"),
                 test: /^((?!(\uff08|\uff09)).)*$/g,
               },
               {
@@ -141,18 +142,18 @@ const EditBaseInfo = (props) => {
           <Fields.Input
             name="phone"
             type="text"
-            label={getLocale('Set_PI_PhoneNumber')}
-            placeholder={getLocale('Pro_page_Ext_Tab_PhoneNumber')}
+            label={getLocale("Set_PI_PhoneNumber")}
+            placeholder={getLocale("Pro_page_Ext_Tab_PhoneNumber")}
             require
             layout="row"
             value={userInfo.mobile}
             verifies={[
               {
-                tip: getLocale('OKR_MyO_Ew_MobileNum'),
+                tip: getLocale("OKR_MyO_Ew_MobileNum"),
                 test: /^[\s\S]+$/,
               },
               {
-                tip: getLocale('OKR_MyO_Ew_FormatErr'),
+                tip: getLocale("OKR_MyO_Ew_FormatErr"),
                 test: /^1[3456789]\d{9}$/,
               },
             ]}
@@ -161,13 +162,13 @@ const EditBaseInfo = (props) => {
           <Fields.Input
             name="email"
             type="text"
-            label={getLocale('OKR_MyO_Ew_Mail')}
+            label={getLocale("OKR_MyO_Ew_Mail")}
             value={userInfo.email}
             layout="row"
-            placeholder={getLocale('Pro_page_Ext_Tab_Inpuyouremail')}
+            placeholder={getLocale("Pro_page_Ext_Tab_Inpuyouremail")}
             verifies={[
               {
-                tip: getLocale('OKR_MyO_Ew_Emailfor'),
+                tip: getLocale("OKR_MyO_Ew_Emailfor"),
                 test: /^([a-zA-Z0-9_-]|\.)+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/,
               },
             ]}
@@ -177,6 +178,6 @@ const EditBaseInfo = (props) => {
       </div>
     </Dialog>
   );
-};
+}
 
 export default EditBaseInfo;