@titaui/pc 1.9.45 → 1.9.49

package/src/components/communication/index.tsx

@@ -69,9 +69,10 @@ export default class Communication extends PureComponent<Props, State> {
   static defaultProps = {
     commentType: 1,
   };
+
   constructor(props: Props) {
     super(props);
-    const comments = props.usePropsComment ? (props.communication || []) : [] 
+    const comments = props.usePropsComment ? (props.communication || []) : [];
     this.state = {
       communicationTrackList: comments, // 沟通记录
       communicationTrackTotal: props.totalCommunicationNum || comments.length, // 沟通记录条数
@@ -93,7 +94,9 @@ export default class Communication extends PureComponent<Props, State> {
   }
 
   componentDidMount() {
-    const { feedId, commentCount, commentType, usePropsComment } = this.props;
+    const {
+      feedId, commentCount, commentType, usePropsComment,
+    } = this.props;
     if ((feedId || commentType == 2) && !usePropsComment) {
       this.getFeedInfo(feedId, commentCount);
     }
@@ -101,9 +104,9 @@ export default class Communication extends PureComponent<Props, State> {
 
   componentDidUpdate(prevProps: Props, prevState: State) {
     if (
-      prevProps.feedId != this.props.feedId ||
-      prevProps.okrFeedParams != this.props.okrFeedParams ||
-      prevProps.usePropsComment != this.props.usePropsComment
+      prevProps.feedId != this.props.feedId
+      || prevProps.okrFeedParams != this.props.okrFeedParams
+      || prevProps.usePropsComment != this.props.usePropsComment
     ) {
       const { feedId, commentCount } = this.props;
       this.getFeedInfo(feedId, commentCount);
@@ -118,20 +121,19 @@ export default class Communication extends PureComponent<Props, State> {
    */
   getFeedInfo = (feedId: string, commentCount: number) => {
     const { commentType, okrFeedParams } = this.props;
-    let url =
-      commentType == 1
-        ? getApiUrl2(`comment/Get?feed_id=${feedId}&comment_type=0`)
-        : getApiUrl(
-            `okr/cycle/getFeed?objId=${okrFeedParams &&
-              okrFeedParams.objId}&objType=${okrFeedParams &&
-              okrFeedParams.objType}&cycleType=${okrFeedParams &&
-              okrFeedParams.cycleType}&yqmNum=${okrFeedParams &&
-              okrFeedParams.yqmNum}&annualNum=${okrFeedParams &&
-              okrFeedParams.annualNum}&commentCount=${commentCount}`
-          );
+    const url = commentType == 1
+      ? getApiUrl2(`comment/Get?feed_id=${feedId}&comment_type=0`)
+      : getApiUrl(
+        `okr/cycle/getFeed?objId=${okrFeedParams
+              && okrFeedParams.objId}&objType=${okrFeedParams
+              && okrFeedParams.objType}&cycleType=${okrFeedParams
+              && okrFeedParams.cycleType}&yqmNum=${okrFeedParams
+              && okrFeedParams.yqmNum}&annualNum=${okrFeedParams
+              && okrFeedParams.annualNum}&commentCount=${commentCount}`,
+      );
     taker(url, "GET").then((res) => {
       if (res.Code === 1) {
-        let data = res.Data && (res.Data.feedComments || res.Data);
+        const data = res.Data && (res.Data.feedComments || res.Data);
         this.setState({
           communicationTrackList: data.comments ? data.comments : [],
           communicationTrackTotal: data.total,
@@ -145,15 +147,16 @@ export default class Communication extends PureComponent<Props, State> {
       }
     });
   };
+
   // 记录展示模式切换
   handlerSwitchShowRecord = () => {
     const { feedId } = this.props; // 默认展示条数
     const { communicationTrackTotal } = this.state; // 记录总数
-    let isShowAllCommunicationRecord = this.state.isShowAllCommunicationRecord;
+    let { isShowAllCommunicationRecord } = this.state;
     isShowAllCommunicationRecord = !isShowAllCommunicationRecord;
     this.setState({ isShowAllCommunicationRecord }, () => {
       if (isShowAllCommunicationRecord) {
-        this.getFeedInfo(feedId, communicationTrackTotal)
+        this.getFeedInfo(feedId, communicationTrackTotal);
       }
     });
   };
@@ -162,7 +165,7 @@ export default class Communication extends PureComponent<Props, State> {
   handlerCommunicationRecordChange = (
     event: any,
     actionType: string,
-    index: number
+    index: number,
   ) => {
     event.stopPropagation();
     event.nativeEvent.stopImmediatePropagation();
@@ -171,13 +174,13 @@ export default class Communication extends PureComponent<Props, State> {
       isShowAllCommunicationRecord,
       communicationTrackTotal,
     } = this.state;
-    let communicationTrackList = [...this.state.communicationTrackList];
+    const communicationTrackList = [...this.state.communicationTrackList];
     if (actionType === "delete") {
       // 删除
-      let url = getApiUrl2(
+      const url = getApiUrl2(
         `comment/Delete?comment_id=${
           communicationTrackList[index].commentId
-        }&feed_id=${feedId || this.state.okrCommentFeedId}`
+        }&feed_id=${feedId || this.state.okrCommentFeedId}`,
       );
       taker(url, "DELETE").then((res) => {
         if (res.Code === 1) {
@@ -210,19 +213,19 @@ export default class Communication extends PureComponent<Props, State> {
       });
     } else if (actionType === "praise") {
       // 沟通里的点赞
-      let isPraise = communicationTrackList[index].isPraise;
+      let { isPraise } = communicationTrackList[index];
       isPraise = !isPraise;
       this.setState({ praiseStatus: 2 });
-      let url = isPraise
+      const url = isPraise
         ? getApiUrl(
-            `praise/add?objId=${communicationTrackList[index].commentId}&objType=19&praiseType=1`
-          )
+          `praise/add?objId=${communicationTrackList[index].commentId}&objType=19&praiseType=1`,
+        )
         : getApiUrl(
-            `praise/cancel?objId=${communicationTrackList[index].commentId}&objType=19`
-          );
+          `praise/cancel?objId=${communicationTrackList[index].commentId}&objType=19`,
+        );
       taker(url, "POST").then((res) => {
         if (res.Code === 1) {
-          let praiseTotal = communicationTrackList[index].praiseTotal;
+          const { praiseTotal } = communicationTrackList[index];
           communicationTrackList[index].isPraise = isPraise;
           communicationTrackList[index].praiseTotal = isPraise
             ? praiseTotal + 1
@@ -244,6 +247,7 @@ export default class Communication extends PureComponent<Props, State> {
     }
     this.setState({ submitStatus: 0 });
   };
+
   refresh = () => {
     const { feedId, commentCount } = this.props;
     const {
@@ -254,9 +258,12 @@ export default class Communication extends PureComponent<Props, State> {
       ? this.getFeedInfo(feedId, communicationTrackTotal)
       : this.getFeedInfo(feedId, commentCount);
   };
+
   // 点击沟通组件里的提交按钮发送添加沟通请求
   handlerReply = (submitType: string, sentData?: any) => {
-    const { feedId, commentCount, commentType, okrFeedParams } = this.props;
+    const {
+      feedId, commentCount, commentType, okrFeedParams,
+    } = this.props;
     const {
       isShowReplyToUser,
       replyUserCommentId,
@@ -269,22 +276,21 @@ export default class Communication extends PureComponent<Props, State> {
       sentData.CommentId = 0;
       sentData.ObjId = 0;
       sentData.ObjType = 0;
-      sentData.Content = sentData.Content || ' '
+      sentData.Content = sentData.Content || " ";
       if (isShowReplyToUser) {
         sentData.CommentId = replyUserCommentId;
       }
       this.setState({ submitStatus: 2 });
-      let url =
-        commentType == 1
-          ? getApiUrl2("comment/Add")
-          : getApiUrl(
-              `okr/cycle/addComment?objId=${okrFeedParams &&
-                okrFeedParams.objId}&objType=${okrFeedParams &&
-                okrFeedParams.objType}&cycleType=${okrFeedParams &&
-                okrFeedParams.cycleType}&yqmNum=${okrFeedParams &&
-                okrFeedParams.yqmNum}&annualNum=${okrFeedParams &&
-                okrFeedParams.annualNum}`
-            );
+      const url = commentType == 1
+        ? getApiUrl2("comment/Add")
+        : getApiUrl(
+          `okr/cycle/addComment?objId=${okrFeedParams
+                && okrFeedParams.objId}&objType=${okrFeedParams
+                && okrFeedParams.objType}&cycleType=${okrFeedParams
+                && okrFeedParams.cycleType}&yqmNum=${okrFeedParams
+                && okrFeedParams.yqmNum}&annualNum=${okrFeedParams
+                && okrFeedParams.annualNum}`,
+        );
       taker(url, "POST", sentData).then((res) => {
         if (res.Code === 1) {
           isShowAllCommunicationRecord
@@ -328,8 +334,8 @@ export default class Communication extends PureComponent<Props, State> {
       showAtAll,
       commentCount,
       useCustomMblog,
-      submitText = getLocale('Mod_Reply'),
-      highLightKeyWord = '',
+      submitText = getLocale("Mod_Reply"),
+      highLightKeyWord = "",
       autoFocus = false,
     } = this.props;
     return (
@@ -338,24 +344,27 @@ export default class Communication extends PureComponent<Props, State> {
           {communicationTrackTotal > 0 && (
             <CommunicationRecordTotal>
               <div
-                className={prefix + "__communication-total"}
+                className={`${prefix}__communication-total`}
                 onMouseDown={() => this.handlerSwitchShowRecord()}
               >
-                {getLocale('Mod_Allcommu')}&nbsp;
+                {getLocale("Mod_Allcommu")}
+&nbsp;
                 <span>{communicationTrackTotal}</span>
-                {communicationTrackTotal > commentCount &&<i
-                  className={classNames(prefix + "__communication-total-icon", {
+                {communicationTrackTotal > commentCount && (
+                <i
+                  className={classNames(`${prefix}__communication-total-icon`, {
                     "tu-icon-APP-xi": isShowAllCommunicationRecord,
                     "tu-icon-arrow-down1": !isShowAllCommunicationRecord,
                   })}
-                />}
+                />
+                )}
               </div>
             </CommunicationRecordTotal>
           )}
-          <div className={prefix + "__communication-list"}>
-            {communicationTrackList.length > 0 &&
-              communicationTrackList.map((item, index: number) => {
-                const length = communicationTrackList.length
+          <div className={`${prefix}__communication-list`}>
+            {communicationTrackList.length > 0
+              && communicationTrackList.map((item, index: number) => {
+                const { length } = communicationTrackList;
                 if (!isShowAllCommunicationRecord && index < length - commentCount) {
                   return;
                 }
@@ -370,14 +379,12 @@ export default class Communication extends PureComponent<Props, State> {
                     onCommunicationRecordChange={(
                       event: any,
                       actionType: string,
-                      index: number
-                    ) =>
-                      this.handlerCommunicationRecordChange(
-                        event,
-                        actionType,
-                        index
-                      )
-                    }
+                      index: number,
+                    ) => this.handlerCommunicationRecordChange(
+                      event,
+                      actionType,
+                      index,
+                    )}
                   />
                 );
               })}
@@ -389,7 +396,7 @@ export default class Communication extends PureComponent<Props, State> {
               height={isShowReplyToUser ? "auto" : "0"}
               padding={isShowReplyToUser ? "3px 0" : "0"}
             >
-              <span style={{ position: "relative", top: "2px" }}>{getLocale('Mod_Reply')}</span>
+              <span style={{ position: "relative", top: "2px" }}>{getLocale("Mod_Reply")}</span>
               <ReplyUser>
                 <span className="name">
                   <OpenUserName name={replyUser} id={replyUserId} />
@@ -397,13 +404,13 @@ export default class Communication extends PureComponent<Props, State> {
                 <span
                   className="tu-icon-cross"
                   onMouseDown={this.handlerCancelReplyUser}
-                ></span>
+                />
               </ReplyUser>
             </ReplyToUser>
             <MBlog
-              setTextareaRef={setTextareaRef || function() {}}
-              isHasPlaceholder={true}
-              placeholderText={getLocale('Mod_contentofyour')}
+              setTextareaRef={setTextareaRef || function () {}}
+              isHasPlaceholder
+              placeholderText={getLocale("Mod_contentofyour")}
               isShowRange={false}
               isShowBtnCancel={false}
               isShowSendSms={isShowSendSms}
@@ -415,9 +422,7 @@ export default class Communication extends PureComponent<Props, State> {
               emotionsSelectorPopAlign={emotionsSelectorPopAlign}
               autoFocus={autoFocus}
               autoResizing={false}
-              onMblogSubmit={(submitType: string, sentData?: any) =>
-                this.handlerReply(submitType, sentData)
-              }
+              onMblogSubmit={(submitType: string, sentData?: any) => this.handlerReply(submitType, sentData)}
             />
           </div>
         )}
@@ -425,9 +430,7 @@ export default class Communication extends PureComponent<Props, State> {
           <PraiseRecord
             objId={praiseObjId}
             objType={19}
-            onSubmit={() =>
-              this.setState({ isShowPraiseRecordPop: false, praiseObjId: "" })
-            }
+            onSubmit={() => this.setState({ isShowPraiseRecordPop: false, praiseObjId: "" })}
           />
         )}
       </CommunicationWrapper>

package/src/components/communication/style.ts

@@ -1,9 +1,9 @@
-import styled from 'styled-components'
+import styled from "styled-components";
 
 export const CommunicationWrapper = styled.div`
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
     sans-serif, PingFang SC, Microsoft YaHei;
-`
+`;
 export const CommunicationRecordTotal = styled.div`
   margin-bottom: 8px;
   font-size: 12px;
@@ -14,7 +14,7 @@ export const CommunicationRecordTotal = styled.div`
   &:hover {
     color: #2879ff;
   }
-`
+`;
 
 export const ReplyToUser = styled.div`
   height: ${(p: any) => p.height};
@@ -23,7 +23,7 @@ export const ReplyToUser = styled.div`
   line-height: 24px;
   color: #aaaaaa;
   transition: all 0.3s ease-in-out;
-`
+`;
 export const ReplyUser = styled.div`
   min-height: 20px;
   margin-left: 10px;
@@ -49,7 +49,7 @@ export const ReplyUser = styled.div`
     margin-left: 5px;
     color: #a9b8bf;
   }
-`
+`;
 
 export const CommunicationItem = styled.div`
   margin-left: -8px;
@@ -67,7 +67,7 @@ export const CommunicationItem = styled.div`
       display: inline-block;
     }
   }
-`
+`;
 
 export const CommunicationDetail = styled.div`
   width: calc(100% - 35px);
@@ -79,7 +79,7 @@ export const CommunicationDetail = styled.div`
   p {
     line-height: 17px;
   }
-`
+`;
 
 export const CommunicationContent = styled.p`
   font-size: 13px;
@@ -91,18 +91,18 @@ export const CommunicationContent = styled.p`
   img {
     vertical-align: text-bottom;
   }
-`
+`;
 
 export const CommunicationActionbar = styled.div`
   display: none;
   position: absolute;
   right: 0;
-`
+`;
 
 export const ActionbarList = styled.div`
   display: flex;
   color: #2879ff;
-`
+`;
 export const ActionbarItem = styled.div`
   padding-left: 10px;
   font-size: 12px;
@@ -111,17 +111,17 @@ export const ActionbarItem = styled.div`
   &:hover {
     color: #5C8EFF;
   }
-`
+`;
 export const CommunicationPraiseTotal = styled.span`
   margin-left: 5px;
   cursor: pointer;
-`
+`;
 
 export const CommunicationAttachmentContainer = styled.div`
   margin-top: 20px;
   display: flex;
   flex-wrap: wrap;
-`
+`;
 
 export const AttachmentItemWrapper = styled.div`
   margin: 0 40px 5px 0;
@@ -175,7 +175,7 @@ export const AttachmentItemWrapper = styled.div`
       opacity: 1;
     }
   }
-`
+`;
 
 export const AttachmentItemIcon = styled.div`
   width: 98px;
@@ -195,7 +195,7 @@ export const AttachmentItemIcon = styled.div`
     font-size: 50px;
     line-height: 98px;
   }
-`
+`;
 
 export const AttachmentItemName = styled.div`
   width: 100px;
@@ -206,7 +206,7 @@ export const AttachmentItemName = styled.div`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`
+`;
 
 export const AttachmentAction = styled.div`
   height: 20px;
@@ -220,7 +220,7 @@ export const AttachmentAction = styled.div`
       margin-right: 10px;
     }
   }
-`
+`;
 
 export const ConfirmWrapper = styled.div`
   min-width: 300px;
@@ -229,10 +229,10 @@ export const ConfirmWrapper = styled.div`
   background-color: #ffffff;
   
   &.bg {
-    background: url(${require('./praise-bg.png')}) no-repeat 0 0 / 101% 105%;
+    background: url(${require("./praise-bg.png")}) no-repeat 0 0 / 101% 105%;
     box-shadow: 0 6px 15px 0 rgba(0,0,0,0.15);
   }
-`
+`;
 
 export const ConfirmText = styled.div`
   padding: 12px 20px;
@@ -242,7 +242,7 @@ export const ConfirmText = styled.div`
   word-break: break-all;
   word-wrap: break-word;
   word-break: break-all;
-`
+`;
 
 export const ConfirmBtnGroup = styled.div`
   padding: 0 15px 15px 10px;
@@ -257,12 +257,12 @@ export const ConfirmBtnGroup = styled.div`
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
     border: none;
   }
-`
+`;
 export const ButtonCancel = styled.button`
   background-color: #f5f8fa;
   color: #34434e;
-`
+`;
 export const ButtonConfirm = styled.button`
   background-color: #2879FF;
   color: #fff;
-`
+`;

package/src/components/confidence/heart.js

@@ -2,12 +2,12 @@ import React from "react";
 
 import "./index.scss";
 
-const Heart = ({ con, i, confidence }) => {
+function Heart({ con, i, confidence }) {
   const fill1 = "#F69E17";
   const fill2 = "#E3E6E8";
   const fill3 = "#F8F8F8";
   let fill = "";
-  let item = [];
+  const item = [];
   let confidenceIndex = 0;
   if (confidence == 0) {
     confidenceIndex = 5;
@@ -19,11 +19,9 @@ const Heart = ({ con, i, confidence }) => {
       if (index < confidenceIndex) {
         fill = fill1;
       } else fill = fill2;
-    } else {
-      if (index < i && i != confidenceIndex) fill = fill2;
-      else if (index < i && i == confidenceIndex) fill = fill1;
-      else fill = fill3;
-    }
+    } else if (index < i && i != confidenceIndex) fill = fill2;
+    else if (index < i && i == confidenceIndex) fill = fill1;
+    else fill = fill3;
 
     if (index % 2 == 0) {
       item.push(
@@ -32,8 +30,8 @@ const Heart = ({ con, i, confidence }) => {
             d="M8.49990233,2.27708832 C8.02421795,1.56919071 7.03146287,0.426082896 5.42425753,0.0894335405 C5.14104532,0.030070613 4.84684102,0 4.54975959,0 C3.37788514,0 2.2348557,0.466200631 1.4136952,1.27902699 C0.732554704,1.95331626 -0.0649248561,3.19618775 0.00419987544,5.2881826 C0.138686946,9.36568695 5.56014628,13.8041802 8.33052092,14.9609436 C8.3813501,14.9859906 8.43874502,15 8.49901706,15 L8.50093515,15 C8.50145155,15 8.50204173,15 8.50241059,15"
             id="left"
             fill={fill}
-          ></path>
-        </svg>
+          />
+        </svg>,
       );
     } else {
       item.push(
@@ -42,12 +40,12 @@ const Heart = ({ con, i, confidence }) => {
             d="M0,15 L0.00191808214,15 C0.00243448894,15 0.00302466802,15 0.00339352993,15 C0.0672066492,15 0.127183604,14.984434 0.17948823,14.9571936 C2.95274,13.7944868 8.36246952,9.36115867 8.49680904,5.28825336 C8.56571246,3.19625851 7.7682329,1.95338701 7.08701863,1.27909774 C6.26585813,0.466200631 5.12282869,0 3.95110178,0 C3.65402036,0 3.35974229,0.0300706128 3.07660384,0.0894335405 C1.46939851,0.426082896 0.476643426,1.56919071 0.000885268706,2.27708832"
             id="right"
             fill={fill}
-          ></path>
-        </svg>
+          />
+        </svg>,
       );
     }
   }
   return <div>{item}</div>;
-};
+}
 
 export default Heart;

package/src/components/confidence/index.tsx

@@ -1,6 +1,6 @@
 import React, { useRef } from "react";
 import classNames from "classnames";
-import Tooltip from "..//tooltip";
+import Tooltip from "../tooltip";
 import Popup from "../popup";
 import { getLocale } from "../../utils/getLocale";
 
@@ -15,12 +15,12 @@ interface IConfidenceProps {
 }
 const popPrecls = "heart-selector-pop";
 
-const Confidence = (props: IConfidenceProps) => {
+function Confidence(props: IConfidenceProps) {
   const {
     value = 5,
     editable = false,
     onValueChange = (val: number) => val,
-    popupPlacement = "bottomRight"
+    popupPlacement = "bottomRight",
   } = props;
 
   const HEART_RANGE = [10, 9, 8, 7, 6, 5, 4, 3, 2, 1];
@@ -33,7 +33,7 @@ const Confidence = (props: IConfidenceProps) => {
   const popupRef = useRef();
   const PopupContent = (
     <div className={`${popPrecls}`}>
-      <p className={`${popPrecls}-title`}>{getLocale('OKR_MyO_Title_Plecore')}</p>
+      <p className={`${popPrecls}-title`}>{getLocale("OKR_MyO_Title_Plecore")}</p>
       <ul className={`${popPrecls}-list`}>
         {HEART_RANGE.map((i, j) => (
           <li
@@ -46,7 +46,11 @@ const Confidence = (props: IConfidenceProps) => {
             <span className={classNames(`${popPrecls}-heart`)}>
               <Heart i={i} confidence={value} />
             </span>
-            <span className={`${popPrecls}-score`}>{i} {getLocale('Per_Set_Form_Quantifier_Points')}</span>
+            <span className={`${popPrecls}-score`}>
+              {i}
+              {" "}
+              {getLocale("Per_Set_Form_Quantifier_Points")}
+            </span>
           </li>
         ))}
       </ul>
@@ -60,12 +64,16 @@ const Confidence = (props: IConfidenceProps) => {
         })}
       >
         <span className="titaui-kr-heart-icon" />
-        <span className="titaui-kr-heart-text">{value} {getLocale('Per_Set_Form_Quantifier_Points')}</span>
+        <span className="titaui-kr-heart-text">
+          {value}
+          {" "}
+          {getLocale("Per_Set_Form_Quantifier_Points")}
+        </span>
       </div>
     );
   }
   return (
-    <Tooltip overlay={getLocale('OKR_MyO_Title_Changecindex')} placement="top">
+    <Tooltip overlay={getLocale("OKR_MyO_Title_Changecindex")} placement="top">
       <Popup popup={PopupContent} popupPlacement={popupPlacement} ref={popupRef}>
         <div
           className={classNames("titaui-kr-heart", {
@@ -73,10 +81,14 @@ const Confidence = (props: IConfidenceProps) => {
           })}
         >
           <span className="titaui-kr-heart-icon" />
-          <span className="titaui-kr-heart-text">{value} {getLocale('Per_Set_Form_Quantifier_Points')}</span>
+          <span className="titaui-kr-heart-text">
+            {value}
+            {" "}
+            {getLocale("Per_Set_Form_Quantifier_Points")}
+          </span>
         </div>
       </Popup>
     </Tooltip>
   );
-};
+}
 export default Confidence;