@titaui/pc 1.9.48 → 1.9.49

package/src/components/dynamic/components/first-level-tabs/index.tsx

@@ -31,26 +31,23 @@ const FirstLevelTabs: FC<IFirstLevelTabsProps> = ({
 
   const renderFoldFirstLevelTab = useMemo(() => {
     const foldTabs = tabsInfo.slice(3);
-    const isActiveHideMeun =
-      foldTabs.filter((item) => item.CodeId == activeTab).length > 0;
+    const isActiveHideMeun = foldTabs.filter((item) => item.CodeId == activeTab).length > 0;
     const popContent = (
       <div className={`${prefix}__hide-first-level-tabs`}>
-        {foldTabs.map((item: any) => {
-          return (
-            <div
-              key={item.CodeId + item.MenuName}
-              className={classNames(`${prefix}__hide-first-level-tab`, {
-                [`${prefix}__hide-first-level-tab--active`]:
+        {foldTabs.map((item: any) => (
+          <div
+            key={item.CodeId + item.MenuName}
+            className={classNames(`${prefix}__hide-first-level-tab`, {
+              [`${prefix}__hide-first-level-tab--active`]:
                   item.CodeId == activeTab,
-              })}
-              onClick={() => {
-                handleTabsChange(item.CodeId);
-              }}
-            >
-              {item.MenuName}
-            </div>
-          );
-        })}
+            })}
+            onClick={() => {
+              handleTabsChange(item.CodeId);
+            }}
+          >
+            {item.MenuName}
+          </div>
+        ))}
       </div>
     );
 
@@ -68,7 +65,7 @@ const FirstLevelTabs: FC<IFirstLevelTabsProps> = ({
           className={classNames("tu-icon-diot", `${prefix}__more-icon`, {
             [`${prefix}__more-icon--active`]: isActiveHideMeun,
           })}
-        ></span>
+        />
       </Popup>
     );
   }, [tabsInfo, activeTab, popupVisible, onTabsChange]);
@@ -81,8 +78,8 @@ const FirstLevelTabs: FC<IFirstLevelTabsProps> = ({
           return (
             <span
               key={item.CodeId + item.MenuName}
-              className={classNames(prefix + "__tab", {
-                [prefix + "__tab--active"]: item.CodeId === activeTab,
+              className={classNames(`${prefix}__tab`, {
+                [`${prefix}__tab--active`]: item.CodeId === activeTab,
               })}
               onClick={() => {
                 onTabsChange && onTabsChange(item.CodeId);

package/src/components/dynamic/components/obj-status/index.tsx

@@ -17,11 +17,8 @@ const DynamicObjStatus: FC<IDynamicObjStatusProps> = ({
   oStatus = 1,
   riskLevel = 1,
   extraClass,
-}) => {
-  return (
-    <span className={classNames(extraClass, prefix, StateIconMapping[getProgressState(oStatus, riskLevel)])}>
-    </span>
-  );
-};
+}) => (
+  <span className={classNames(extraClass, prefix, StateIconMapping[getProgressState(oStatus, riskLevel)])} />
+);
 
 export default DynamicObjStatus;

package/src/components/dynamic/components/percent/index.tsx

@@ -9,31 +9,31 @@ const DynamicPercent: FC<IDynamicPercentProps> = ({
   percent = 0,
   growPercent = 0,
   extraClass,
-}) => {
-  return (
-    <span className={classNames(extraClass, prefix)}>
-        {percent}%
-        {growPercent !== 0 && (
-          <span
-            className={classNames(prefix + "__grow", {
-              [prefix + "__grow--increase"]:
+}) => (
+  <span className={classNames(extraClass, prefix)}>
+    {percent}
+    %
+    {growPercent !== 0 && (
+    <span
+      className={classNames(`${prefix}__grow`, {
+        [`${prefix}__grow--increase`]:
                 growPercent > 0,
-              [prefix + "__grow--decrease"]:
+        [`${prefix}__grow--decrease`]:
                 growPercent < 0,
-            })}
-          >
-            <i
-              className={
+      })}
+    >
+      <i
+        className={
                 growPercent > 0
                   ? "tu-icon-simple-sort-up"
                   : "tu-icon-simple-sort-down"
               }
-            />
-            {Math.abs(growPercent)}%
-          </span>
-        )}
-      </span>
-  );
-};
+      />
+      {Math.abs(growPercent)}
+      %
+    </span>
+    )}
+  </span>
+);
 
 export default DynamicPercent;

package/src/components/dynamic/components/title/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useContext } from "react";
 import { IDynamicTitleProps } from "../../interface";
-import Tooltip from '../../../tooltip';
+import Tooltip from "../../../tooltip";
 import SearchKeyHandle from "../../../search-key-handle";
 import { SearchKeyContext } from "../../context";
 import "./index.scss";
@@ -29,7 +29,7 @@ const DynamicTitle: FC<IDynamicTitleProps> = ({
         </span>
         {suffixContent}
       </span>
-      <span className={`${prefix}__fill-empty`}></span>
+      <span className={`${prefix}__fill-empty`} />
     </div>
   );
 };

package/src/components/dynamic/constant.ts

@@ -47,30 +47,30 @@ export enum EObjType {
 }
 
 export const ObjTypeMapText = {
-  [EObjType.Project]: getLocale('Menu_Title_Projects'),
-  [EObjType.Task]: getLocale('Mod_Tasks'),
-  [EObjType.O]: getLocale('Mod_Objective'),
-  [EObjType.Kr]: getLocale('Mod_KeyResults'),
-  [EObjType.MileStone]: getLocale('Pro_page_Plan_Milestone'),
-  [EObjType.KanBan]: getLocale('Pro_page_V_Tab_Kanban'),
+  [EObjType.Project]: getLocale("Menu_Title_Projects"),
+  [EObjType.Task]: getLocale("Mod_Tasks"),
+  [EObjType.O]: getLocale("Mod_Objective"),
+  [EObjType.Kr]: getLocale("Mod_KeyResults"),
+  [EObjType.MileStone]: getLocale("Pro_page_Plan_Milestone"),
+  [EObjType.KanBan]: getLocale("Pro_page_V_Tab_Kanban"),
 };
 
 export const ObjectType = {
-  1: getLocale('Mod_sannouncement'),
-  4: getLocale('Menu_Title_Projects'),
-  5: getLocale('Mod_sPerformanceForm'),
-  6: getLocale('Mod_sPerformanceGoals'),
-  7: getLocale('Mod_stasks'),
-  8: getLocale('Mod_sDailySummary'),
-  10: getLocale('Feed_sFeed'),
-  11: getLocale('Pro_page_Plan'),
-  12: getLocale('Feed_OperationTasks'),
-  62: getLocale('Mod_sobjective'),
-  65: getLocale('Feed_Keyresults'),
-  70: getLocale('OKR_MyO_KRP_Review'),
-  79: getLocale('Mod_skeyprogress'),
-  80: getLocale('Feed_sAnnouncement'),
-  42: getLocale('OKR_MyO_E_Reward'),
+  1: getLocale("Mod_sannouncement"),
+  4: getLocale("Menu_Title_Projects"),
+  5: getLocale("Mod_sPerformanceForm"),
+  6: getLocale("Mod_sPerformanceGoals"),
+  7: getLocale("Mod_stasks"),
+  8: getLocale("Mod_sDailySummary"),
+  10: getLocale("Feed_sFeed"),
+  11: getLocale("Pro_page_Plan"),
+  12: getLocale("Feed_OperationTasks"),
+  62: getLocale("Mod_sobjective"),
+  65: getLocale("Feed_Keyresults"),
+  70: getLocale("OKR_MyO_KRP_Review"),
+  79: getLocale("Mod_skeyprogress"),
+  80: getLocale("Feed_sAnnouncement"),
+  42: getLocale("OKR_MyO_E_Reward"),
 };
 
 export const EStatusStatus2ClassType = {

package/src/components/dynamic/context/index.ts

@@ -1,5 +1,5 @@
-import { createContext } from 'react';
+import { createContext } from "react";
 
 export const SearchKeyContext = createContext<any>({
-  searchKeyWord: ''
-});
+  searchKeyWord: "",
+});

package/src/components/dynamic/dynamic-item/components/header/index.tsx

@@ -1,28 +1,28 @@
-import React, { FC, useState, useMemo } from 'react';
-import classNames from 'classnames';
-import Avatar from '../../../../avatar';
-import DropSelector, { Item } from '../../../../drop-selector';
+import React, { FC, useState, useMemo } from "react";
+import classNames from "classnames";
+import Avatar from "../../../../avatar";
+import DropSelector, { Item } from "../../../../drop-selector";
 import {
   topDynamic,
   cancelTopDynamic,
   collectDynamic,
   cancelCollectDynamic,
   deleteDynamic,
-} from '../../../request-api';
+} from "../../../request-api";
 import DialogConfirm, {
   CancelButton,
   WarningButton,
-} from '../../../../dialog-confirm';
-import { IDynamicItemHeaderProps } from '../../../../dynamic/interface';
-import Toast from '../../../../toast';
-import { OpenUserName } from '../../../../../utils/open-data';
-import ConditionRender from '../../../../condition-render';
-import Tooltip from '../../../../tooltip';
-import { EFeedType } from '../../../constant';
-import { getLocale } from '../../../../../utils/getLocale';
-import './index.scss';
+} from "../../../../dialog-confirm";
+import { IDynamicItemHeaderProps } from "../../../../dynamic/interface";
+import Toast from "../../../../toast";
+import { OpenUserName } from "../../../../../utils/open-data";
+import ConditionRender from "../../../../condition-render";
+import Tooltip from "../../../../tooltip";
+import { EFeedType } from "../../../constant";
+import { getLocale } from "../../../../../utils/getLocale";
+import "./index.scss";
 
-const prefix = 'titaui-dynamic-item-header';
+const prefix = "titaui-dynamic-item-header";
 
 const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
   onDeleteFeed = () => {},
@@ -48,16 +48,16 @@ const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
   //   userId: publishUser.id || publishUser.userId,
   //   userType: publishUser.userType || 2,
   // });
-  const url = '';
+  const url = "";
 
   const onChangeHandler = (name, _) => {
-    if (name === 'collect') {
+    if (name === "collect") {
       if (nowIsCollect) {
         cancelCollectDynamic({ feedId }).then((resp) => {
           if (resp.Code === 1) {
             setNowIsCollect(!nowIsCollect);
             setSelectVisible(false);
-            Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+            Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
           } else {
             Toast.Error(resp.Message, { canClose: false });
           }
@@ -67,7 +67,7 @@ const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
           if (resp.Code === 1) {
             setNowIsCollect(!nowIsCollect);
             setSelectVisible(false);
-            Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+            Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
           } else {
             Toast.Error(resp.Message, { canClose: false });
           }
@@ -82,7 +82,7 @@ const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
         if (resp.Code === 1) {
           setNowIsTop(!nowIsTop);
           setSelectVisible(false);
-          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
         } else {
           Toast.Error(resp.Message, { canClose: false });
         }
@@ -92,7 +92,7 @@ const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
         if (resp.Code === 1) {
           setNowIsTop(!nowIsTop);
           setSelectVisible(false);
-          Toast.Success(getLocale('Mod_Successfuloperat'), { canClose: false });
+          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
           setTimeout(() => {
             // @ts-ignore
             window.reFreshDynamicTopping();
@@ -112,7 +112,7 @@ const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
   const enSureDeleteDynamic = () => {
     deleteDynamic({ feedId }).then((resp) => {
       if (resp.Code === 1) {
-        Toast.Success(getLocale('Pro_detail_Deletsuccess'), { canClose: false });
+        Toast.Success(getLocale("Pro_detail_Deletsuccess"), { canClose: false });
         setShowDialogConfirm(false);
         onDeleteFeed && onDeleteFeed(feedId);
       }
@@ -129,36 +129,34 @@ const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
 
   const handleOpenUserPage = () => {
     if (!url) return;
-    window.open(url, '_blank');
+    window.open(url, "_blank");
   };
 
-  const renderDialogConfirm = useMemo(() => {
-    return (
-      <DialogConfirm visible={showDialogConfirm} type="warning">
-        {/* @ts-ignore */}
-        <span type="title">
-          {feedType === EFeedType.Share ? getLocale('OKR_MyO_Err_Delesh') : getLocale('OKR_MyO_Err_Delepost')}
-        </span>
-        {/* @ts-ignore */}
-        <span type="content">
-          {feedType === EFeedType.Share ? getLocale('OKR_MyO_Err_Deleshre') : getLocale('OKR_MyO_Err_Delepostsu')}
-        </span>
-        <CancelButton type="button" onClick={cancelDeleteDynamic}>
-          {getLocale('Mod_Cancel')}
-        </CancelButton>
-        <WarningButton type="button" onClick={enSureDeleteDynamic}>
-          {getLocale('Mod_Delete')}
-        </WarningButton>
-      </DialogConfirm>
-    );
-  }, [showDialogConfirm]);
+  const renderDialogConfirm = useMemo(() => (
+    <DialogConfirm visible={showDialogConfirm} type="warning">
+      {/* @ts-ignore */}
+      <span type="title">
+        {feedType === EFeedType.Share ? getLocale("OKR_MyO_Err_Delesh") : getLocale("OKR_MyO_Err_Delepost")}
+      </span>
+      {/* @ts-ignore */}
+      <span type="content">
+        {feedType === EFeedType.Share ? getLocale("OKR_MyO_Err_Deleshre") : getLocale("OKR_MyO_Err_Delepostsu")}
+      </span>
+      <CancelButton type="button" onClick={cancelDeleteDynamic}>
+        {getLocale("Mod_Cancel")}
+      </CancelButton>
+      <WarningButton type="button" onClick={enSureDeleteDynamic}>
+        {getLocale("Mod_Delete")}
+      </WarningButton>
+    </DialogConfirm>
+  ), [showDialogConfirm]);
 
   return (
-    <div className={prefix + ''}>
-      <span className={prefix + '-left'}>
+    <div className={`${prefix}`}>
+      <span className={`${prefix}-left`}>
         <span
-          className={classNames(prefix + '-desc-avatar', {
-            [prefix + '-desc-avatar--not-link']: !url,
+          className={classNames(`${prefix}-desc-avatar`, {
+            [`${prefix}-desc-avatar--not-link`]: !url,
           })}
           onClick={handleOpenUserPage}
         >
@@ -174,12 +172,12 @@ const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
             }}
           />
         </span>
-        <span className={prefix + '-desc'}>
-          <div className={prefix + '-desc-title'}>
-            <div className={prefix + '-desc-title-left'}>
+        <span className={`${prefix}-desc`}>
+          <div className={`${prefix}-desc-title`}>
+            <div className={`${prefix}-desc-title-left`}>
               <span
-                className={classNames(prefix + '-desc-user', {
-                  [prefix + '-desc-user--not-link']: !url,
+                className={classNames(`${prefix}-desc-user`, {
+                  [`${prefix}-desc-user--not-link`]: !url,
                 })}
                 onClick={handleOpenUserPage}
               >
@@ -190,61 +188,61 @@ const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
               </span>
               {desc}
             </div>
-            <div className={prefix + '__more-operate'}>
+            <div className={`${prefix}__more-operate`}>
               <DropSelector
-                popupPlacement={'bottomRight'}
-                checked={['collect']}
+                popupPlacement="bottomRight"
+                checked={["collect"]}
                 onChange={onChangeHandler}
                 multi={false}
                 visible={selectVisible}
-                trigger={
+                trigger={(
                   <span
-                    className={classNames(prefix + '-right', 'tu-icon-more1')}
+                    className={classNames(`${prefix}-right`, "tu-icon-more1")}
                     onClick={handleShowDropSelector}
-                  ></span>
-                }
+                  />
+                )}
               >
                 <Item name="collect">
-                  <div className={prefix + '__more-operate-selection'}>
+                  <div className={`${prefix}__more-operate-selection`}>
                     <i
                       className={classNames(
-                        'tu-icon-APP-shoucang',
-                        prefix + '__more-operate-selection-icon'
+                        "tu-icon-APP-shoucang",
+                        `${prefix}__more-operate-selection-icon`,
                       )}
                     />
-                    {nowIsCollect ? getLocale('Mod_CancCollection') : getLocale('Mod_Collection')}
+                    {nowIsCollect ? getLocale("Mod_CancCollection") : getLocale("Mod_Collection")}
                   </div>
                 </Item>
                 <ConditionRender condition={showTopping}>
                   <Item name="top" onClick={handleTopOperateClick}>
-                    <div className={prefix + '__more-operate-selection'}>
+                    <div className={`${prefix}__more-operate-selection`}>
                       <i
                         className={classNames(
-                          'tu-icon-zhiding',
-                          prefix + '__more-operate-selection-icon'
+                          "tu-icon-zhiding",
+                          `${prefix}__more-operate-selection-icon`,
                         )}
                       />
-                      {nowIsTop ? getLocale('OKR_MyO_Unpinned') : getLocale('Feed_Top')}
+                      {nowIsTop ? getLocale("OKR_MyO_Unpinned") : getLocale("Feed_Top")}
                     </div>
                   </Item>
                 </ConditionRender>
                 <ConditionRender condition={showDelete}>
                   <Item name="delete" onClick={handleDeleteClick}>
-                    <div className={prefix + '__more-operate-selection'}>
+                    <div className={`${prefix}__more-operate-selection`}>
                       <i
                         className={classNames(
-                          'tu-icon-del',
-                          prefix + '__more-operate-selection-icon'
+                          "tu-icon-del",
+                          `${prefix}__more-operate-selection-icon`,
                         )}
                       />
-                      {getLocale('Mod_Delete')}
+                      {getLocale("Mod_Delete")}
                     </div>
                   </Item>
                 </ConditionRender>
               </DropSelector>
             </div>
           </div>
-          <div className={prefix + '-desc-time'}>{createDate}</div>
+          <div className={`${prefix}-desc-time`}>{createDate}</div>
         </span>
       </span>
 

package/src/components/dynamic/dynamic-item/dynamic-align/index.tsx

@@ -1,15 +1,17 @@
-import React, { FC, useMemo, Fragment, useContext } from "react";
+import React, {
+  FC, useMemo, Fragment, useContext,
+} from "react";
 import classNames from "classnames";
 import { IDynamicItemContentProps } from "../../interface";
 import DynamicItemHeader from "../components/header";
-import Tooltip from '../../../tooltip';
+import Tooltip from "../../../tooltip";
 import { OpenUserName } from "../../../../utils/open-data";
 import { EObjType } from "../../constant";
 import AlignSvg from "./img/dynamic-align.svg";
 import drawerManager from "../../../drawer-manager";
 import { getFeedTypeAndTypeColor } from "../../util";
 import { SearchKeyContext } from "../../context";
-import SearchKeyHandle from '../../../search-key-handle';
+import SearchKeyHandle from "../../../search-key-handle";
 import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
@@ -44,21 +46,21 @@ const DynamicAlign: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
   const renderDesc = useMemo(() => {
     let text = "";
     if (parentObjType === EObjType.Kr) {
-      text = `${getLocale('Mod_Aligned')}${getLocale('Mod_KeyResults')}`;
+      text = `${getLocale("Mod_Aligned")}${getLocale("Mod_KeyResults")}`;
     }
     if (parentObjType === EObjType.O) {
-      text = `${getLocale('Mod_Aligned')}${getLocale('Mod_Objective')}`;
+      text = `${getLocale("Mod_Aligned")}${getLocale("Mod_Objective")}`;
     }
     return (
-      <Fragment>
-        <span className={prefix + "__operate-desc"}>{text}</span>
+      <>
+        <span className={`${prefix}__operate-desc`}>{text}</span>
         <span
-          className={prefix + "-desc-operate-type"}
+          className={`${prefix}-desc-operate-type`}
           style={{ background: feedTypeColor }}
         >
           {feedTypeText}
         </span>
-      </Fragment>
+      </>
     );
   }, []);
 
@@ -71,33 +73,33 @@ const DynamicAlign: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
         user={publishUser}
       />
       <div className={`${prefix}__content`}>
-        <div className={prefix + '__obj'}>
-          <div className={prefix + '__obj-base-info'}>
+        <div className={`${prefix}__obj`}>
+          <div className={`${prefix}__obj-base-info`}>
             <i
-              className={classNames(prefix + '__obj-base-info-icon', {
-                'tu-icon-okr': parentObjType === EObjType.O,
-                'tu-icon-KR': parentObjType === EObjType.Kr,
+              className={classNames(`${prefix}__obj-base-info-icon`, {
+                "tu-icon-okr": parentObjType === EObjType.O,
+                "tu-icon-KR": parentObjType === EObjType.Kr,
               })}
             />
             <span
-              className={prefix + '__obj-title'}
+              className={`${prefix}__obj-title`}
               onClick={() => {
                 handleClickTitle(parentObjId, parentObjType);
               }}
             >
               <Tooltip.Text
                 isPercent
-                text={
+                text={(
                   <SearchKeyHandle
                     str={parentObjName}
                     keyWord={searchKeyWord}
                   />
-                }
+                )}
               />
             </span>
           </div>
           <div>
-            <span className={prefix + '__obj-principal-user'}>
+            <span className={`${prefix}__obj-principal-user`}>
               {parentPrincipalUser && (
                 <OpenUserName
                   id={parentPrincipalUser.userId}
@@ -105,21 +107,21 @@ const DynamicAlign: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
                 />
               )}
             </span>
-            <span className={prefix + '__obj-cycle'}>{parentcycleName}</span>
+            <span className={`${prefix}__obj-cycle`}>{parentcycleName}</span>
           </div>
         </div>
-        <img className={prefix + '__align-img'} src={AlignSvg} />
-        <div className={prefix + '__space'}></div>
-        <div className={prefix + '__obj'}>
-          <div className={prefix + '__obj-base-info'}>
+        <img className={`${prefix}__align-img`} src={AlignSvg} />
+        <div className={`${prefix}__space`} />
+        <div className={`${prefix}__obj`}>
+          <div className={`${prefix}__obj-base-info`}>
             <i
               className={classNames(
-                prefix + '__obj-base-info-icon',
-                'tu-icon-okr'
+                `${prefix}__obj-base-info-icon`,
+                "tu-icon-okr",
               )}
             />
             <span
-              className={prefix + '__obj-title'}
+              className={`${prefix}__obj-title`}
               onClick={() => {
                 handleClickTitle(okrId, EObjType.O);
               }}
@@ -128,7 +130,7 @@ const DynamicAlign: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
             </span>
           </div>
           <div>
-            <span className={prefix + '__obj-principal-user'}>
+            <span className={`${prefix}__obj-principal-user`}>
               {principalUser && (
                 <OpenUserName
                   id={principalUser.userId}
@@ -136,7 +138,7 @@ const DynamicAlign: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
                 />
               )}
             </span>
-            <span className={prefix + '__obj-cycle'}>{cycleName}</span>
+            <span className={`${prefix}__obj-cycle`}>{cycleName}</span>
           </div>
         </div>
       </div>