@titaui/pc 1.9.45 → 1.9.49

package/src/components/praise-record/index.tsx

@@ -1,8 +1,11 @@
-import React, { PureComponent } from 'react'
-import PraiseRecordItem from './PraiseRecordItem'
-import { getApiUrl, taker } from '../../utils/request-v1' // 请求相关
-import { getLocale } from '../../utils/getLocale'
-import { PraiseRecordWrapper, PraiseRecordContainer, PraiseRecordHead, PraiseRecordClose, PraiseRecordList, PraiseRecordMore } from './style'
+import React, { PureComponent } from "react";
+import PraiseRecordItem from "./PraiseRecordItem";
+import { getApiUrl, taker } from "../../utils/request-v1"; // 请求相关
+import { getLocale } from "../../utils/getLocale";
+import {
+  PraiseRecordWrapper, PraiseRecordContainer, PraiseRecordHead, PraiseRecordClose, PraiseRecordList, PraiseRecordMore,
+} from "./style";
+
 interface Props {
   className?: string
   objId: string // feedId 或 回复的ID
@@ -20,85 +23,92 @@ interface State {
 
 export default class PraiseRecord extends PureComponent<Props, State> {
   constructor(props: Props) {
-    super(props)
+    super(props);
     this.state = {
-      start: '',
+      start: "",
       praiseRecordData: [],
       isShowMorePraiseRecord: false, // 是否有更多记录
-      isCompleteReloadPraiseRecord: false // 记录加载是否完成
-    }
+      isCompleteReloadPraiseRecord: false, // 记录加载是否完成
+    };
   }
+
   static defaultProps = {
-    eachPageRecordCount: 20
-  }
+    eachPageRecordCount: 20,
+  };
+
   componentDidMount() {
-    let start = this.state.start
-    this.getPraiseRecord(start)
+    const { start } = this.state;
+    this.getPraiseRecord(start);
   }
+
   /**
   *获取点赞记录
   * @objId feedId 或 回复的ID
   * @start 默认 '' 分页参数
   * @count 每页数量
   * @objType 10:feed 19:回复
-  * 
+  *
   * @memberof Cooperation
   */
   getPraiseRecord = (start: string) => {
-    const { objId, objType, eachPageRecordCount } = this.props
-    let prevPraiseRecordData = [...this.state.praiseRecordData]
-    let url = getApiUrl(`praise/get?objId=${objId}&start=${start}&count=${eachPageRecordCount || 20}&objType=${objType}`)
-    taker(url, 'GET').then(res => {
+    const { objId, objType, eachPageRecordCount } = this.props;
+    const prevPraiseRecordData = [...this.state.praiseRecordData];
+    const url = getApiUrl(`praise/get?objId=${objId}&start=${start}&count=${eachPageRecordCount || 20}&objType=${objType}`);
+    taker(url, "GET").then((res) => {
       if (res.Code === 1) {
-        let data = res.Data.comments
-        let nextPraiseRecordData = [...prevPraiseRecordData, ...data]
+        const data = res.Data.comments;
+        const nextPraiseRecordData = [...prevPraiseRecordData, ...data];
         this.setState({
           start: res.Data.nextNum,
           praiseRecordData: nextPraiseRecordData,
-          isShowMorePraiseRecord: res.Data.nextNum ? true : false,
-          isCompleteReloadPraiseRecord: true
-        })
+          isShowMorePraiseRecord: !!res.Data.nextNum,
+          isCompleteReloadPraiseRecord: true,
+        });
       }
-    })
-  }
+    });
+  };
+
   // 加载更多记录
   handlerMoreRecordClick = () => {
-    let start = this.state.start
-    this.setState({ isCompleteReloadPraiseRecord: false })
-    this.getPraiseRecord(start)
-  }
+    const { start } = this.state;
+    this.setState({ isCompleteReloadPraiseRecord: false });
+    this.getPraiseRecord(start);
+  };
 
   render() {
-    const { eachPageRecordCount, onSubmit, className } = this.props
-    const { praiseRecordData, isShowMorePraiseRecord, isCompleteReloadPraiseRecord } = this.state
-    let praiseRecordDataLen = praiseRecordData.length
+    const { eachPageRecordCount, onSubmit, className } = this.props;
+    const { praiseRecordData, isShowMorePraiseRecord, isCompleteReloadPraiseRecord } = this.state;
+    const praiseRecordDataLen = praiseRecordData.length;
     return (
       <PraiseRecordWrapper className={className}>
-        <PraiseRecordContainer onMouseDown={(event: any) => { event.stopPropagation(); event.nativeEvent.stopImmediatePropagation() }}>
+        <PraiseRecordContainer onMouseDown={(event: any) => { event.stopPropagation(); event.nativeEvent.stopImmediatePropagation(); }}>
           <PraiseRecordHead>
-            <p className="praise__record__title">{getLocale('Tasks_Tab_MyS_Kudosrec')}</p>
-            <PraiseRecordClose className="tu-icon-close" onMouseDown={() => onSubmit()}></PraiseRecordClose>
+            <p className="praise__record__title">{getLocale("Tasks_Tab_MyS_Kudosrec")}</p>
+            <PraiseRecordClose className="tu-icon-close" onMouseDown={() => onSubmit()} />
           </PraiseRecordHead>
           <PraiseRecordList>
             {
-              praiseRecordData.map((item, index) => {
-                return <PraiseRecordItem praiseRecord={item} key={index} />
-              })
+              praiseRecordData.map((item, index) => <PraiseRecordItem praiseRecord={item} key={index} />)
             }
             <PraiseRecordMore className="praise__record__more">
               {
                 isShowMorePraiseRecord ? (
                   <button onMouseDown={() => this.handlerMoreRecordClick()}>
                     {
-                      isCompleteReloadPraiseRecord ? (<span>{getLocale('Tasks_Tab_MyS_Butt_Seemoral')}<span className="icon-arrow-down"></span></span>) : (<span>加载中...</span>)
+                      isCompleteReloadPraiseRecord ? (
+                        <span>
+                          {getLocale("Tasks_Tab_MyS_Butt_Seemoral")}
+                          <span className="icon-arrow-down" />
+                        </span>
+                      ) : (<span>加载中...</span>)
                     }
                   </button>
-                ) : (eachPageRecordCount || 20) >= praiseRecordDataLen ? (<p></p>) : (<p>没有更多记录了</p>)
+                ) : (eachPageRecordCount || 20) >= praiseRecordDataLen ? (<p />) : (<p>没有更多记录了</p>)
               }
             </PraiseRecordMore>
           </PraiseRecordList>
         </PraiseRecordContainer>
       </PraiseRecordWrapper>
-    )
+    );
   }
 }

package/src/components/praise-record/style.ts

@@ -1,4 +1,4 @@
-import styled from 'styled-components'
+import styled from "styled-components";
 
 export const PraiseRecordWrapper = styled.div`
  
@@ -13,7 +13,7 @@ export const PraiseRecordWrapper = styled.div`
   align-items: center;
   background: rgba(25, 25, 25, 0.1);
   transition: all 1s ease-in-out;
-`
+`;
 
 export const PraiseRecordContainer = styled.div`
   width: 545px;
@@ -22,7 +22,7 @@ export const PraiseRecordContainer = styled.div`
   border-radius: 4px;
   background: #ffffff;
   transition: all 2s ease-in-out;
-`
+`;
 
 export const PraiseRecordHead = styled.div`
   padding: 24px 25px 12px;
@@ -33,7 +33,7 @@ export const PraiseRecordHead = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`
+`;
 
 export const PraiseRecordClose = styled.span`
   color: #33383d;
@@ -42,14 +42,14 @@ export const PraiseRecordClose = styled.span`
   &:hover {
     color: #EB4447;
   }
-`
+`;
 
 export const PraiseRecordList = styled.div`
   height: calc(100% - 71px);
   padding: 0 25px;
   margin-right: 13px;
   overflow: auto;
-`
+`;
 export const PraiseRecordMore = styled.div`
   margin-top: 10px;
   font-size: 12px;
@@ -67,22 +67,22 @@ export const PraiseRecordMore = styled.div`
   .icon-arrow-down {
     margin-left: 5px;
   }
-`
+`;
 
 export const PraiseRecordItems = styled.div`
   padding: 14px 0;
   border-bottom: 1px dashed #f0f2f5;
   display: flex;
   align-items: flex-start;
-`
+`;
 export const PraiseRecordContent = styled.div`
   width: calc(100% - 40px);
   margin-left: 10px;
   font-size: 14px;
-`
+`;
 export const PraiseRecordDetail = styled.p`
   line-height: 17px;
-`
+`;
 
 export const PraiseContent = styled.span`
   line-height: 20px;
@@ -93,4 +93,4 @@ export const PraiseContent = styled.span`
     position: relative;
     top: -2px;
   }
-`
+`;

package/src/components/progress/circle-progress/index.tsx

@@ -1,43 +1,43 @@
-import React from 'react'
-import Tooltip from '../../tooltip/tooltip-text'
-import './index.scss'
+import React from "react";
+import Tooltip from "../../tooltip/tooltip-text";
+import "./index.scss";
 
-const CircleProgress = (props) => {
-  let {
+function CircleProgress(props) {
+  const {
     size = 100,
-    color = '#419BFF',
+    color = "#419BFF",
     percent = 10,
     width = 8,
-    backgroundColor = 'rgba(40, 121, 255, 0.11)',
+    backgroundColor = "rgba(40, 121, 255, 0.11)",
     linear = false,
-    linearId = 'linearGradient',
-    linearStartColor = '#4e90ff',
-    linearEndColor = '#2879ff',
+    linearId = "linearGradient",
+    linearStartColor = "#4e90ff",
+    linearEndColor = "#2879ff",
     showTextContent = true,
-    textcolor = '#89919F'
-  } = props
+    textcolor = "#89919F",
+  } = props;
 
-  let p = percent > 100 ? 100 : percent;
+  const p = percent > 100 ? 100 : percent;
   const c = Math.round((size - width * 2) * Math.PI);
   const remainC = Math.round(c * (100 - p) / 100);
-  
+
   return (
-    <span className="titaui-progress-circle" >
+    <span className="titaui-progress-circle">
       <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
-        <circle cx={size / 2} cy={size / 2} r={size / 2 - width} fill="none" stroke={backgroundColor} strokeWidth={width}></circle>
-        <circle cx={size / 2} cy={size / 2} r={size / 2 - width} fill="none" stroke={linear ? `url(#${linearId})` : color} strokeWidth={width} strokeDasharray={c} strokeDashoffset={remainC} strokeLinecap="round" transform={`rotate(-90, ${size / 2} ${size / 2})`} style={{ transition: "stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s" }}></circle>
+        <circle cx={size / 2} cy={size / 2} r={size / 2 - width} fill="none" stroke={backgroundColor} strokeWidth={width} />
+        <circle cx={size / 2} cy={size / 2} r={size / 2 - width} fill="none" stroke={linear ? `url(#${linearId})` : color} strokeWidth={width} strokeDasharray={c} strokeDashoffset={remainC} strokeLinecap="round" transform={`rotate(-90, ${size / 2} ${size / 2})`} style={{ transition: "stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s" }} />
         <defs>
           <linearGradient x1="96.9769965%" y1="80.9878035%" x2="0%" y2="41.7547666%" id={linearId}>
-            <stop stopColor={linearStartColor} offset="0%"></stop>
-            <stop stopColor={linearEndColor} offset="100%"></stop>
+            <stop stopColor={linearStartColor} offset="0%" />
+            <stop stopColor={linearEndColor} offset="100%" />
           </linearGradient>
         </defs>
       </svg>
       {
         // 这里新增的tooltip是因为测试测了很大的数据，我这里卡死到1000显示...后需调整请自增参数
-        showTextContent && <Tooltip text={`${percent}%`} maxWidth={50}><div className="text-content" style={{ 'marginLeft': 2, 'color': textcolor }}>{`${percent}%`}</div></Tooltip>
+        showTextContent && <Tooltip text={`${percent}%`} maxWidth={50}><div className="text-content" style={{ marginLeft: 2, color: textcolor }}>{`${percent}%`}</div></Tooltip>
       }
     </span>
-  )
+  );
 }
 export default CircleProgress;

package/src/components/progress/index.tsx

@@ -1,15 +1,13 @@
-import React from 'react'
-import LineProgressCmp, { ILineProgressProps } from './line-progress';
-import CircleProgressCmp from './circle-progress';
-
-
+import React from "react";
+import LineProgressCmp, { ILineProgressProps } from "./line-progress";
+import CircleProgressCmp from "./circle-progress";
 
 interface IProgress extends React.FC<ILineProgressProps> {
   Circle: typeof CircleProgressCmp
 }
 
-const Progress: IProgress = LineProgressCmp as any
+const Progress: IProgress = LineProgressCmp as any;
 
-Progress.Circle = CircleProgressCmp
+Progress.Circle = CircleProgressCmp;
 
-export default Progress
+export default Progress;

package/src/components/progress/line-progress/index.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import './index.scss';
+import React from "react";
+import "./index.scss";
 
 export interface ILineProgressProps {
   percent: number,
@@ -11,30 +11,42 @@ export interface ILineProgressProps {
   isShowtext?: boolean
 }
 
-const LineProgress = (props: ILineProgressProps) => {
+function LineProgress(props: ILineProgressProps) {
+  const {
+    isShowtext = true, color = "#419BFF", backgroundColor = "#F0F2F5", percent = 0, width = 64, height = 10, textColor = "#89919f",
+  } = props;
 
-  const { isShowtext = true, color = '#419BFF', backgroundColor = '#F0F2F5', percent = 0, width = 64, height = 10, textColor = '#89919f' } = props;
-
-  let p = percent > 100 ? 100 : percent;
+  const p = percent > 100 ? 100 : percent;
 
   return (
-    <div className='titaui-progress-wrapper'>
-      <div className="titaui-progress-line" style={{
-        backgroundColor,
-        height: height,
-        width: width,
-        borderRadius: height / 2 + 'px',
-        // marginRight: isShowtext ? '8px' : '0'
-      }}>
-        <div className="line-inner" style={{
-          background: color,
-          width: p + '%',
-          borderRadius: `0 ${height / 2}px ${height / 2}px 0`
-        }} />
+    <div className="titaui-progress-wrapper">
+      <div
+        className="titaui-progress-line"
+        style={{
+          backgroundColor,
+          height,
+          width,
+          borderRadius: `${height / 2}px`,
+          // marginRight: isShowtext ? '8px' : '0'
+        }}
+      >
+        <div
+          className="line-inner"
+          style={{
+            background: color,
+            width: `${p}%`,
+            borderRadius: `0 ${height / 2}px ${height / 2}px 0`,
+          }}
+        />
       </div>
-      {isShowtext && <span className='titaui-progress-text' style={{ color: textColor }}>{percent}%</span>}
+      {isShowtext && (
+      <span className="titaui-progress-text" style={{ color: textColor }}>
+        {percent}
+        %
+      </span>
+      )}
     </div>
-  )
+  );
 }
 
 export default LineProgress;

package/src/components/progress/utils.ts

@@ -33,35 +33,35 @@ export const OkrRiskMapping = {
 // kr 进度颜色
 export const getProcessColor = (level, type, status) => {
   const stopColor = {
-    'linearStartColor': '#e1e5ec',
-    'linearEndColor': '#bfc7d5',
-    'backgroundColor': '#f0f2f5'
-  }
+    linearStartColor: "#e1e5ec",
+    linearEndColor: "#bfc7d5",
+    backgroundColor: "#f0f2f5",
+  };
   if (status === 2) {
     return stopColor[type];
   }
   const processColor = {
-    '1': {
-      'riskLevel': 1,
-      'linearStartColor': '#4E90FF',
-      'linearEndColor': '#2879ff',
-      'backgroundColor': 'rgba(40,121,255,0.11)'
+    1: {
+      riskLevel: 1,
+      linearStartColor: "#4E90FF",
+      linearEndColor: "#2879ff",
+      backgroundColor: "rgba(40,121,255,0.11)",
     },
-    '3': {
-      'riskLevel': 3,
-      'linearStartColor': '#FFA5A5',
-      'linearEndColor': '#F05E5E',
-      'backgroundColor': 'rgba(222,89,89,0.1)'
+    3: {
+      riskLevel: 3,
+      linearStartColor: "#FFA5A5",
+      linearEndColor: "#F05E5E",
+      backgroundColor: "rgba(222,89,89,0.1)",
     },
-    '2': {
-      'riskLevel': 2,
-      'linearStartColor': '#FDCD41',
-      'linearEndColor': '#FFE18B',
-      'backgroundColor': '#FEF5DC'
-    }
-  }
-  let color = processColor[level + ''];
-  if (level == 0) color = processColor['1'];
-  if (!color) return {}
-  return color[type]
-}
+    2: {
+      riskLevel: 2,
+      linearStartColor: "#FDCD41",
+      linearEndColor: "#FFE18B",
+      backgroundColor: "#FEF5DC",
+    },
+  };
+  let color = processColor[`${level}`];
+  if (level == 0) color = processColor["1"];
+  if (!color) return {};
+  return color[type];
+};

package/src/components/publish-dynamic-modal/index.tsx

@@ -1,2 +1,3 @@
-import _PublishDynamicModal from './publish-dynamic-modal';
-export default _PublishDynamicModal;
+import _PublishDynamicModal from "./publish-dynamic-modal";
+
+export default _PublishDynamicModal;

package/src/components/publish-dynamic-modal/interface.ts

@@ -2,4 +2,4 @@ export interface IPublishDynamicModal {
   visible: boolean;
   onCloseClick: Function;
   isPublishShare: boolean;
-}
+}

package/src/components/publish-dynamic-modal/publish-dynamic-modal.tsx

@@ -16,62 +16,62 @@ const PublishDynamicModal: FC = ({}) => {
   const [isShare, setIsShare] = useState(true);
 
   const onMblogSubmit = (submitType: string, sendData?: any) => {
-    sendData['FileUrls'] = sendData['FileUrl'];
-    sendData['Visibility'] = sendData['visibility'];
-    delete sendData['FileUrl'];
-    delete sendData['visibility'];
+    sendData.FileUrls = sendData.FileUrl;
+    sendData.Visibility = sendData.visibility;
+    delete sendData.FileUrl;
+    delete sendData.visibility;
     if (submitType === "submit") {
       setSubmitStatus(2);
       if (isShare) {
         addShare(sendData)
-        .then((resp) => {
-          if (resp.Code === 1) {
-            Toast.Success(getLocale('Pro_tag_pop_Pubsuc'), { canClose: false });
-            localStorage.removeItem(
-              `mblogLocalStroage_${getUserInfo().Id}_commentsTypeKey_${
-                isShare ? "share" : "announcement"
-              }`
-            );
-            setVisible(false);
-            setSubmitStatus(1);
-            setTimeout(() => {
+          .then((resp) => {
+            if (resp.Code === 1) {
+              Toast.Success(getLocale("Pro_tag_pop_Pubsuc"), { canClose: false });
+              localStorage.removeItem(
+                `mblogLocalStroage_${getUserInfo().Id}_commentsTypeKey_${
+                  isShare ? "share" : "announcement"
+                }`,
+              );
+              setVisible(false);
+              setSubmitStatus(1);
+              setTimeout(() => {
               // @ts-ignore 跳到我的发布页签
-              window.setTabsToPublish && window.setTabsToPublish();
-            }, 2000);
-          } else {
-            Toast.Error(resp.Message, { canClose: false });
+                window.setTabsToPublish && window.setTabsToPublish();
+              }, 2000);
+            } else {
+              Toast.Error(resp.Message, { canClose: false });
+              setSubmitStatus(0);
+            }
+          })
+          .catch((err) => {
             setSubmitStatus(0);
-          }
-        })
-        .catch((err) => {
-          setSubmitStatus(0);
-          Toast.Error(err, { canClose: false });
-        });
+            Toast.Error(err, { canClose: false });
+          });
       } else {
         addNotice(sendData)
-        .then((resp) => {
-          if (resp.Code === 1) {
-            Toast.Success(getLocale('Pro_tag_pop_Pubsuc'), { canClose: false });
-            localStorage.removeItem(
-              `mblogLocalStroage_${getUserInfo().Id}_commentsTypeKey_${
-                isShare ? "share" : "announcement"
-              }`
-            );
-            setVisible(false);
-            setSubmitStatus(1);
-            setTimeout(() => {
+          .then((resp) => {
+            if (resp.Code === 1) {
+              Toast.Success(getLocale("Pro_tag_pop_Pubsuc"), { canClose: false });
+              localStorage.removeItem(
+                `mblogLocalStroage_${getUserInfo().Id}_commentsTypeKey_${
+                  isShare ? "share" : "announcement"
+                }`,
+              );
+              setVisible(false);
+              setSubmitStatus(1);
+              setTimeout(() => {
               // @ts-ignore 跳到我的发布页签
-              window.setTabsToPublish && window.setTabsToPublish();
-            }, 2000);
-          } else {
-            Toast.Error(resp.Message, { canClose: false });
+                window.setTabsToPublish && window.setTabsToPublish();
+              }, 2000);
+            } else {
+              Toast.Error(resp.Message, { canClose: false });
+              setSubmitStatus(0);
+            }
+          })
+          .catch((err) => {
             setSubmitStatus(0);
-          }
-        })
-        .catch((err) => {
-          setSubmitStatus(0);
-          Toast.Error(err, { canClose: false });
-        });
+            Toast.Error(err, { canClose: false });
+          });
       }
     }
   };
@@ -101,11 +101,11 @@ const PublishDynamicModal: FC = ({}) => {
 
   return (
     <Dialog
-      title={isShare ? `${getLocale('Feed_Set_Pop_Butt_Sendshare')}` : `${getLocale('Feed_Set_Pop_Butt_Announcement')}`}
+      title={isShare ? `${getLocale("Feed_Set_Pop_Butt_Sendshare")}` : `${getLocale("Feed_Set_Pop_Butt_Announcement")}`}
       visible={visible}
       onClose={hidePublishDynamicModal}
       noFooter
-      style={{ width: isEn ? '680px' : "480px" }}
+      style={{ width: isEn ? "680px" : "480px" }}
       destroyOnClose
       noHeadLine
     >
@@ -116,15 +116,15 @@ const PublishDynamicModal: FC = ({}) => {
             isShare ? "分享你此刻的想法" : "重要的通知可以发公告哦"
           }
           isHasPlaceholder
-          isShowRangeDropDown={true}
+          isShowRangeDropDown
           isShowSendSms={false}
           isShowBtnCancel={false}
-          isShowRange={true}
-          submitText={getLocale('OKR_MyO_KRP_Butt_Release')}
+          isShowRange
+          submitText={getLocale("OKR_MyO_KRP_Butt_Release")}
           initialTextHeight={96}
           autoResizing={false}
           autoFocus={false}
-          showAtAll={isShare ? false : true}
+          showAtAll={!isShare}
           privateValue={1}
           userSelectorPopAlign="top left"
           emotionsSelectorPopAlign="top left"