@titaui/pc 1.9.49 → 1.9.50

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

@@ -1,11 +1,8 @@
-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
@@ -23,92 +20,85 @@ 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() {
-    const { start } = this.state;
-    this.getPraiseRecord(start);
+    let start = this.state.start
+    this.getPraiseRecord(start)
   }
-
   /**
   *获取点赞记录
   * @objId feedId 或 回复的ID
   * @start 默认 '' 分页参数
   * @count 每页数量
   * @objType 10:feed 19:回复
-  *
+  * 
   * @memberof Cooperation
   */
   getPraiseRecord = (start: string) => {
-    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) => {
+    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 => {
       if (res.Code === 1) {
-        const data = res.Data.comments;
-        const nextPraiseRecordData = [...prevPraiseRecordData, ...data];
+        let data = res.Data.comments
+        let nextPraiseRecordData = [...prevPraiseRecordData, ...data]
         this.setState({
           start: res.Data.nextNum,
           praiseRecordData: nextPraiseRecordData,
-          isShowMorePraiseRecord: !!res.Data.nextNum,
-          isCompleteReloadPraiseRecord: true,
-        });
+          isShowMorePraiseRecord: res.Data.nextNum ? true : false,
+          isCompleteReloadPraiseRecord: true
+        })
       }
-    });
-  };
-
+    })
+  }
   // 加载更多记录
   handlerMoreRecordClick = () => {
-    const { start } = this.state;
-    this.setState({ isCompleteReloadPraiseRecord: false });
-    this.getPraiseRecord(start);
-  };
+    let start = this.state.start
+    this.setState({ isCompleteReloadPraiseRecord: false })
+    this.getPraiseRecord(start)
+  }
 
   render() {
-    const { eachPageRecordCount, onSubmit, className } = this.props;
-    const { praiseRecordData, isShowMorePraiseRecord, isCompleteReloadPraiseRecord } = this.state;
-    const praiseRecordDataLen = praiseRecordData.length;
+    const { eachPageRecordCount, onSubmit, className } = this.props
+    const { praiseRecordData, isShowMorePraiseRecord, isCompleteReloadPraiseRecord } = this.state
+    let 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()} />
+            <p className="praise__record__title">{getLocale('Tasks_Tab_MyS_Kudosrec')}</p>
+            <PraiseRecordClose className="tu-icon-close" onMouseDown={() => onSubmit()}></PraiseRecordClose>
           </PraiseRecordHead>
           <PraiseRecordList>
             {
-              praiseRecordData.map((item, index) => <PraiseRecordItem praiseRecord={item} key={index} />)
+              praiseRecordData.map((item, index) => {
+                return <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>)
+                      isCompleteReloadPraiseRecord ? (<span>{getLocale('Tasks_Tab_MyS_Butt_Seemoral')}<span className="icon-arrow-down"></span></span>) : (<span>加载中...</span>)
                     }
                   </button>
-                ) : (eachPageRecordCount || 20) >= praiseRecordDataLen ? (<p />) : (<p>没有更多记录了</p>)
+                ) : (eachPageRecordCount || 20) >= praiseRecordDataLen ? (<p></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'
 
-function CircleProgress(props) {
-  const {
+const CircleProgress = (props) => {
+  let {
     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
 
-  const p = percent > 100 ? 100 : percent;
+  let 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 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 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>
         <defs>
           <linearGradient x1="96.9769965%" y1="80.9878035%" x2="0%" y2="41.7547666%" id={linearId}>
-            <stop stopColor={linearStartColor} offset="0%" />
-            <stop stopColor={linearEndColor} offset="100%" />
+            <stop stopColor={linearStartColor} offset="0%"></stop>
+            <stop stopColor={linearEndColor} offset="100%"></stop>
           </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,13 +1,15 @@
-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,42 +11,30 @@ export interface ILineProgressProps {
   isShowtext?: boolean
 }
 
-function LineProgress(props: ILineProgressProps) {
-  const {
-    isShowtext = true, color = "#419BFF", backgroundColor = "#F0F2F5", percent = 0, width = 64, height = 10, textColor = "#89919f",
-  } = props;
+const LineProgress = (props: ILineProgressProps) => {
 
-  const p = percent > 100 ? 100 : percent;
+  const { isShowtext = true, color = '#419BFF', backgroundColor = '#F0F2F5', percent = 0, width = 64, height = 10, textColor = '#89919f' } = props;
+
+  let p = percent > 100 ? 100 : percent;
 
   return (
-    <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 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>
-      {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)",
-    },
-    3: {
-      riskLevel: 3,
-      linearStartColor: "#FFA5A5",
-      linearEndColor: "#F05E5E",
-      backgroundColor: "rgba(222,89,89,0.1)",
+    '1': {
+      'riskLevel': 1,
+      'linearStartColor': '#4E90FF',
+      'linearEndColor': '#2879ff',
+      'backgroundColor': 'rgba(40,121,255,0.11)'
     },
-    2: {
-      riskLevel: 2,
-      linearStartColor: "#FDCD41",
-      linearEndColor: "#FFE18B",
-      backgroundColor: "#FEF5DC",
+    '3': {
+      'riskLevel': 3,
+      'linearStartColor': '#FFA5A5',
+      'linearEndColor': '#F05E5E',
+      'backgroundColor': 'rgba(222,89,89,0.1)'
     },
-  };
-  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,3 +1,2 @@
-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 });
-              setSubmitStatus(0);
-            }
-          })
-          .catch((err) => {
+              window.setTabsToPublish && window.setTabsToPublish();
+            }, 2000);
+          } else {
+            Toast.Error(resp.Message, { canClose: false });
             setSubmitStatus(0);
-            Toast.Error(err, { canClose: false });
-          });
+          }
+        })
+        .catch((err) => {
+          setSubmitStatus(0);
+          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 });
-              setSubmitStatus(0);
-            }
-          })
-          .catch((err) => {
+              window.setTabsToPublish && window.setTabsToPublish();
+            }, 2000);
+          } else {
+            Toast.Error(resp.Message, { canClose: false });
             setSubmitStatus(0);
-            Toast.Error(err, { canClose: false });
-          });
+          }
+        })
+        .catch((err) => {
+          setSubmitStatus(0);
+          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
+          isShowRangeDropDown={true}
           isShowSendSms={false}
           isShowBtnCancel={false}
-          isShowRange
-          submitText={getLocale("OKR_MyO_KRP_Butt_Release")}
+          isShowRange={true}
+          submitText={getLocale('OKR_MyO_KRP_Butt_Release')}
           initialTextHeight={96}
           autoResizing={false}
           autoFocus={false}
-          showAtAll={!isShare}
+          showAtAll={isShare ? false : true}
           privateValue={1}
           userSelectorPopAlign="top left"
           emotionsSelectorPopAlign="top left"