@titaui/pc 1.7.72 → 1.7.76

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

@@ -1,255 +0,0 @@
-import React, {
-  FC,
-  useState,
-  useRef,
-  useEffect,
-  useMemo,
-  useContext,
-} from "react";
-import classNames from "classnames";
-import { IDynamicItemProps } from "../interface";
-import Communication from "../../communication";
-import UpvoteButton from "../../upvote";
-import UpvoteListModal from "../../upvote/upvoteListModal";
-import { EFeedType } from "../constant";
-import DynamicAssessment from "./dynamic-assessment";
-import DynamicShare from "./dynamic-share";
-import DynamicAnnouncement from "./dynamic-announcement";
-import DynamicReplay from "./dynamic-replay";
-import DynamicReport from "./dynamic-report";
-import DynamicRelative from "./dynamic-relative";
-import DynamicAlign from "./dynamic-align";
-import DynamicProgress from "./dynamic-progress";
-import CreateO from "./dynamic-create-o";
-import DynamicTask from "./dynamic-task";
-import DynamicProject from "./dynamic-project";
-import DynamicKr from "./dynamic-kr";
-import DynamicReward from "./dynamic-reward";
-import DynamicMilestone from "./dynamic-milestone";
-import { getBSGlobal } from "../../../utils/bs-global";
-import Avatar from "../../avatar";
-import { SearchKeyContext } from "../context";
-import ConditionRender from "../../condition-render";
-import { DynamicManagerAuth } from "../../../utils/auth";
-import "./index.scss";
-
-const prefix = "titaui-dynamic-item";
-
-const DynamicItem: FC<IDynamicItemProps> = ({ data, onDeleteFeed }) => {
-  const { feedId, feedComments, praiseType, praiseUsers } = data;
-  const [showComment, setShowComment] = useState(feedComments.total > 0);
-  const [usePropsComment, setUsePropsComment] = useState(true);
-  const [contentIsOverflow, setContentIsOverflow] = useState(false);
-  const [praiseData, setPraiseData] = useState(praiseUsers || []);
-  const [isFold, setIsFold] = useState(true);
-  const [upvoteModalVisible, setUpvoteModalVisible] = useState(false);
-  const { searchKeyWord } = useContext(SearchKeyContext);
-  const hasDynamicOpereateAuth = new DynamicManagerAuth().hasAuth();
-
-  const dynamicContentRef = useRef<any>();
-  const communicationRef = useRef<any>();
-
-  const handleCommentClick = () => {
-    setShowComment(!showComment);
-    setUsePropsComment(false);
-  };
-
-  const handleFold = () => {
-    setIsFold(true);
-  };
-
-  const handleShowMore = () => {
-    setIsFold(false);
-  };
-
-  const onChangeParse = (type, count) => {
-    var Id = getBSGlobal("loginUserInfo").Id;
-    let data = [...praiseData].filter((item) => {
-      return item.userId != Id;
-    });
-
-    if (type) {
-      var avatar = getBSGlobal("loginUserInfo").UserAvatar;
-      var name = getBSGlobal("loginUserInfo").Name;
-      avatar["color"] = avatar.Color;
-      avatar["medium"] = avatar.Medium;
-      var parseUser = {
-        avatar: avatar,
-        name: name,
-        userId: Id,
-        praiseType: type,
-      };
-      setPraiseData([parseUser, ...data]);
-    } else {
-      setPraiseData(data);
-    }
-  };
-
-  const renderContent = useMemo(() => {
-    switch (data.feedType) {
-      case EFeedType.O:
-        return <CreateO data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Progress:
-        return <DynamicProgress data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Task:
-        return <DynamicTask data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Project:
-        return <DynamicProject data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Align:
-        return <DynamicAlign data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Relative:
-        return <DynamicRelative data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Kr:
-        return <DynamicKr data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Report:
-        return <DynamicReport data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Reply:
-        return <DynamicReplay data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Share:
-        return (
-          <DynamicShare
-            data={data}
-            onDeleteFeed={onDeleteFeed}
-            hasDynamicOpereateAuth={hasDynamicOpereateAuth}
-          />
-        );
-      case EFeedType.Assessment:
-        return <DynamicAssessment data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.Announcement:
-        return (
-          <DynamicAnnouncement
-            data={data}
-            onDeleteFeed={onDeleteFeed}
-            hasDynamicOpereateAuth={hasDynamicOpereateAuth}
-          />
-        );
-      case EFeedType.Reward:
-        return <DynamicReward data={data} onDeleteFeed={onDeleteFeed} />;
-      case EFeedType.MileStone:
-        return <DynamicMilestone data={data} onDeleteFeed={onDeleteFeed} />;
-      default:
-        return null;
-    }
-  }, [data]);
-
-  useEffect(() => {
-    if (
-      dynamicContentRef.current &&
-      dynamicContentRef.current.offsetHeight > 288
-    ) {
-      setContentIsOverflow(true);
-    }
-  }, []);
-
-  return (
-    <div className={prefix}>
-      <div
-        className={prefix + '__content'}
-        ref={dynamicContentRef}
-        style={{ height: contentIsOverflow && isFold ? '288px' : 'auto' }}
-      >
-        {renderContent}
-        <ConditionRender condition={contentIsOverflow && isFold}>
-          <div
-            className={prefix + '__content-show-more'}
-            onClick={handleShowMore}
-          >
-            查看更多
-            <i
-              className={classNames('tu-icon-arrow-down', prefix + '__icon')}
-            />
-          </div>
-        </ConditionRender>
-      </div>
-      <div className={prefix + '__footer'}>
-        <div className={prefix + '__footer-left'}>
-          {praiseData.map((item, index) => {
-            if (index >= 8) return;
-            return (
-              <div className={prefix + '__footer-left-item'} key={item.userId}>
-                <Avatar.Icon
-                  name={item.name}
-                  userId={item.userId}
-                  avatar={item.avatar}
-                  type={item.praiseType}
-                  key={index}
-                  size={{ width: 28, textNum: 1, fontSize: 12 }}
-                />
-              </div>
-            );
-          })}
-          <ConditionRender condition={praiseData && praiseData.length > 8}>
-            <Avatar.Num
-              onClick={() => setUpvoteModalVisible(true)}
-              num={praiseData.length - 8}
-            />
-          </ConditionRender>
-        </div>
-        <div className={prefix + '__footer-right'}>
-          <ConditionRender condition={contentIsOverflow && !isFold}>
-            <div className={prefix + '__footer-fold'} onClick={handleFold}>
-              收起
-              <i
-                className={classNames(
-                  'tu-icon-arrow-down',
-                  `${prefix}__icon`,
-                  `${prefix}__icon-up`
-                )}
-              />
-            </div>
-          </ConditionRender>
-          {/* <span
-            className={classNames(
-              "tu-icon-APP-hongbao",
-              prefix + "__footer-icon"
-            )}
-          ></span> */}
-          <span
-            onClick={handleCommentClick}
-            className={classNames(
-              'tu-icon-pinglun-m',
-              prefix + '__footer-icon'
-            )}
-          >
-            <ConditionRender condition={feedComments.total > 0}>
-              <span className={prefix + '__footer-number'}>
-                {feedComments.total}
-              </span>
-            </ConditionRender>
-          </span>
-
-          <UpvoteButton
-            type={praiseType}
-            count={praiseUsers ? praiseUsers.length : 0}
-            feedId={feedId}
-            onChange={onChangeParse}
-            style={{ marginLeft: 30 }}
-            buttonType="tu-icon-tyle-column"
-            customUpvoteBtnCls={`${prefix}__upvote-btn`}
-          />
-          <UpvoteListModal
-            feedId={feedId}
-            visible={upvoteModalVisible}
-            onClose={() => setUpvoteModalVisible(false)}
-          />
-        </div>
-      </div>
-      <ConditionRender condition={showComment}>
-        <div className={prefix + '__communication'}>
-          <Communication
-            feedId={feedId}
-            commentCount={3}
-            ref={communicationRef}
-            highLightKeyWord={searchKeyWord}
-            autoFocus={feedComments.total === 0}
-            usePropsComment={usePropsComment}
-            communication={feedComments.comments}
-            totalCommunicationNum={feedComments.total}
-          />
-        </div>
-      </ConditionRender>
-    </div>
-  );
-};
-
-export default DynamicItem;

package/src/components/dynamic/dynamic-like-ranking/image/like-ranking.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>点赞排行榜</title>
-    <defs>
-        <linearGradient x1="25.6749834%" y1="84.5410483%" x2="73.6493792%" y2="24.52131%" id="linearGradient-1">
-            <stop stop-color="#FFFFFF" offset="0%"></stop>
-            <stop stop-color="#FFA5A5" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="公告/分享" transform="translate(-1082.000000, -727.000000)">
-            <g id="置顶分享" transform="translate(1066.000000, 713.000000)">
-                <g id="点赞排行榜" transform="translate(16.000000, 14.000000)">
-                    <circle id="椭圆形" fill="#F05E5E" cx="10" cy="10" r="10"></circle>
-                    <path d="M4.58285466,13.3531698 L6.82522274,10 L6.82522274,10 L10,11.9877624 L7.90149916,15.2903228 C7.78302165,15.4767793 7.53582378,15.5318872 7.34936727,15.4134097 C7.29756512,15.3804938 7.25403227,15.3360987 7.22213851,15.283661 L6.42650106,13.9755248 L6.42650106,13.9755248 L4.91535766,13.9755248 C4.69444376,13.9755248 4.51535766,13.7964387 4.51535766,13.5755248 C4.51535766,13.4963603 4.53884808,13.4189759 4.58285466,13.3531698 Z" id="路径-3" fill="url(#linearGradient-1)"></path>
-                    <path d="M10.416188,13.3531698 L12.6585561,10 L12.6585561,10 L15.8333333,11.9877624 L13.7348325,15.2903228 C13.616355,15.4767793 13.3691571,15.5318872 13.1827006,15.4134097 C13.1308985,15.3804938 13.0873656,15.3360987 13.0554718,15.283661 L12.2598344,13.9755248 L12.2598344,13.9755248 L10.748691,13.9755248 C10.5277771,13.9755248 10.348691,13.7964387 10.348691,13.5755248 C10.348691,13.4963603 10.3721814,13.4189759 10.416188,13.3531698 Z" id="路径-3" fill="url(#linearGradient-1)" transform="translate(12.916667, 12.916667) scale(-1, 1) translate(-12.916667, -12.916667) "></path>
-                    <circle id="椭圆形" fill="#FFFFFF" cx="10" cy="9.16666667" r="4.16666667"></circle>
-                    <path d="M10,10.4166667 L9.24792573,10.8120555 C9.0523879,10.9148558 8.81053703,10.8396772 8.70773671,10.6441394 C8.66680108,10.5662752 8.65267521,10.477088 8.66754595,10.3903849 L8.81117935,9.55293791 L8.81117935,9.55293791 L8.20273849,8.95985465 C8.04454506,8.80565416 8.04130814,8.55240886 8.19550862,8.39421542 C8.25691206,8.33122197 8.33736903,8.2902271 8.42442384,8.2775773 L9.26526843,8.15539542 L9.26526843,8.15539542 L9.64130557,7.39346097 C9.73907449,7.1953595 9.97892482,7.1140239 10.1770263,7.21179282 C10.2559113,7.25072492 10.3197623,7.31457592 10.3586944,7.39346097 L10.7347316,8.15539542 L10.7347316,8.15539542 L11.5755762,8.2775773 C11.7941941,8.30934434 11.9456667,8.51232148 11.9138996,8.73093943 C11.9012498,8.81799424 11.860255,8.8984512 11.7972615,8.95985465 L11.1888206,9.55293791 L11.1888206,9.55293791 L11.332454,10.3903849 C11.3697985,10.6081195 11.2235633,10.8149019 11.0058287,10.8522463 C10.9191257,10.867117 10.8299385,10.8529911 10.7520743,10.8120555 L10,10.4166667 L10,10.4166667 Z" id="星形" fill="#F05E5E"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/dynamic/dynamic-like-ranking/index.scss

@@ -1,150 +0,0 @@
-.danamic-like-ranking {
-  margin-top: 10px;
-  width: 278px;
-  background: #ffffff;
-  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
-  border-radius: 12px;
-  padding: 12px 16px;
-  padding-top: 16px;
-  padding-bottom: 20px;
-  box-sizing: border-box;
-
-  &__header {
-    height: 24px;
-    font-size: 16px;
-    font-weight: 600;
-    color: #3f4755;
-    line-height: 24px;
-    margin-bottom: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    &-text {
-      margin-left: 4px;
-    }
-
-    &-image {
-      width: 20px;
-      height: 20px;
-      position: relative;
-      top: -2px;
-    }
-
-    &-right {
-      font-size: 14px;
-      cursor: pointer;
-      color: #2879ff;
-      &:hover {
-        color: #5c8eff;
-      }
-    }
-  }
-
-  &__content {
-    border-top: 1px solid #e9ecf0;
-    padding: 16px 0 0 0;
-
-    &-table {
-      &-empty {
-        margin: 50px auto 40px;
-        width: 160px;
-        height: 116px;
-        background: url("./image/ranking-empty.png") no-repeat;
-        background-size: 160px 116px;
-        position: relative;
-
-        &-text {
-          color: #6f7886;
-          width: 58px;
-          position: absolute;
-          bottom: 10px;
-          left: 0;
-          right: 0;
-          margin: auto;
-        }
-      }
-    }
-  }
-
-  &__item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-
-    &:last-of-type {
-      margin-bottom: unset;
-    }
-
-    &-left {
-      display: flex;
-      align-items: center;
-    }
-
-    &-pre {
-      width: 21px;
-      text-align: center;
-    }
-
-    &-medal {
-      width: 21px;
-      height: 24px;
-    }
-
-    &-num {
-      font-size: 14px;
-    }
-
-    &-avatar {
-      margin-left: 9px;
-
-      .titaui-pc-avator-container {
-        display: inline-flex !important;
-      }
-    }
-
-    &-name {
-      margin-left: 8px;
-    }
-
-    &-like-text {
-      font-size: 13px;
-      font-weight: 400;
-      color: #89919f;
-      line-height: 22px;
-    }
-
-    &-like-num {
-      font-size: 16px;
-      font-weight: 600;
-      color: #3f4755;
-      line-height: 22px;
-      margin-right: 4px;
-    }
-  }
-
-  &__tab-bar {
-    margin-bottom: 16px;
-    display: flex;
-
-    &-item {
-      text-align: center;
-      width: 60px;
-      height: 28px;
-      line-height: 28px;
-      font-size: 14px;
-      font-weight: 400;
-      color: #3f4755;
-      cursor: pointer;
-      margin-right: 6px;
-
-      &--selected {
-        border-radius: 18px;
-        background: rgba(40, 121, 255, 0.1);
-        border-radius: 15px;
-        color: #2879ff;
-      }
-    }
-  }
-}

package/src/components/dynamic/dynamic-like-ranking/index.tsx

@@ -1,138 +0,0 @@
-import React, { FC, useState, useEffect } from "react";
-import classNames from "classnames";
-import { getRanking } from "../request-api";
-import {
-  showWeekFirstDay,
-  showMonthFirstDay,
-  showNextWeekFirstDay,
-  showNextMonthFirstDay,
-} from "../../../utils/format-time";
-import { DynamicManagerAuth } from "../../../utils/auth";
-import Item from "./item";
-import { getUserInfo } from "../../../utils/bs-global";
-import "./index.scss";
-
-const preCls = "danamic-like-ranking";
-const Auth = new DynamicManagerAuth();
-
-const DynamicLikeRanking: FC = () => {
-  const [rankingData, setRankingData] = useState([]);
-  const [type, setType] = useState("全部");
-  const [date, setDate] = useState({ createDate: "", endDate: "" });
-  useEffect(() => {
-    const { createDate, endDate } = date;
-    getRanking({
-      ToUserIds: "",
-      ToDepIds: "",
-      ToGroupIds: "",
-      CreateDate: createDate,
-      EndDate: endDate,
-      ObjectType: 0,
-      ObjectTypeAction: 0,
-      PageNum: 1,
-      PageSize: 8,
-      ShowMySelf: true,
-    }).then((res) => {
-      if (res.Code === 1) {
-        const { userPariseinfos, currentUserPariseInfo } = res.Data;
-        let data = userPariseinfos || [];
-
-        const currentUserIsInEighth =
-          data.findIndex((item) => item.user.userId === getUserInfo().Id) !==
-          -1;
-        if (!currentUserIsInEighth) {
-          data = data.slice(0, 7);
-          if (currentUserPariseInfo && currentUserPariseInfo.user) {
-            data.push(currentUserPariseInfo);
-          }
-        }
-        setRankingData(data);
-      }
-    });
-  }, [date]);
-
-  const handleLinkToPraiseRaking = () => {
-    let href = window.location.href;
-    let url = `${href.split("#")[0]}#praise-raking`;
-    window.open(url, "self");
-  };
-
-  const handleChangeDate = (item) => {
-    setType(item);
-    let createDate = "";
-    let endDate = "";
-    if (item == "本月") {
-      createDate = showMonthFirstDay();
-      endDate = showNextMonthFirstDay();
-    } else if (item == "本周") {
-      createDate = showWeekFirstDay();
-      endDate = showNextWeekFirstDay();
-    }
-    setDate({ createDate, endDate });
-  };
-
-  const TabBar = () => {
-    const typeData = ["全部", "本周", "本月"];
-    return (
-      <div className={`${preCls}__tab-bar`}>
-        {typeData.map((item, key) => {
-          return (
-            <div
-              key={key}
-              className={classNames(`${preCls}__tab-bar-item`, {
-                [`${preCls}__tab-bar-item--selected`]: type === item,
-              })}
-              onClick={() => handleChangeDate(item)}
-            >
-              {item}
-            </div>
-          );
-        })}
-      </div>
-    );
-  };
-
-  return (
-    <div className={classNames(`${preCls}`)}>
-      <div className={classNames(`${preCls}__header`)}>
-        <div className={classNames(`${preCls}__header-left`)}>
-          <img
-            className={classNames(`${preCls}__header-image`)}
-            src={require("./image/like-ranking.svg")}
-          ></img>
-          <span className={classNames(`${preCls}__header-text`)}>
-            点赞排行榜
-          </span>
-        </div>
-        {Auth.hasPraiseAuth() && (
-          <div
-            className={classNames(`${preCls}__header-right`)}
-            onClick={handleLinkToPraiseRaking}
-          >
-            更多
-          </div>
-        )}
-      </div>
-      <div className={classNames(`${preCls}__content`)}>
-        {TabBar()}
-        <div className={classNames(`${preCls}__content-table`)}>
-          {!rankingData ||
-            (rankingData.length === 0 && (
-              <div className={`${preCls}__content-table-empty`}>
-                <span className={`${preCls}__content-table-empty-text`}>
-                  暂无排行
-                </span>
-              </div>
-            ))}
-          {rankingData &&
-            rankingData.length > 0 &&
-            rankingData.map((item, index) => {
-              return <Item userInfo={item} key={index}></Item>;
-            })}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DynamicLikeRanking;

package/src/components/dynamic/dynamic-like-ranking/item.tsx

@@ -1,86 +0,0 @@
-import React, { FC } from "react";
-import classNames from "classnames";
-import Avatar from "../../avatar";
-import { formatNum } from "../../../utils/bs-global";
-import { OpenUserName } from "../../../utils/open-data";
-import { getUrlForUserPage } from "../../../utils/tools";
-import Tooltip from '../../tooltip';
-import "./index.scss";
-const preCls = "danamic-like-ranking__item";
-
-const Item: FC<any> = ({ userInfo }) => {
-  const formatRaking = (num) => {
-    if (num === 1) {
-      return (
-        <img
-          className={`${preCls}-medal`}
-          src={require("./image/ranking-1.png")}
-          alt="金牌"
-        />
-      );
-    } else if (num === 2) {
-      return (
-        <img
-          className={`${preCls}-medal`}
-          src={require("./image/ranking-2.png")}
-          alt="银牌"
-        />
-      );
-    } else if (num === 3) {
-      return (
-        <img
-          className={`${preCls}-medal`}
-          src={require("./image/ranking-3.png")}
-          alt="铜牌"
-        />
-      );
-    } else {
-      return <span className={`${preCls}-num`}>{num}</span>;
-    }
-  };
-
-  if (!userInfo || Object.keys(userInfo).length === 0) return null;
-  const { rankNum, user, pariseNums } = userInfo;
-  const { avatar, name, userId, userType } = user;
-  
-  // 之后要用
-  // const url = getUrlForUserPage({
-  //   userId: userId,
-  //   userType: userType || 2,
-  // });
-
-  // const handleOpenUserPage = () => {
-  //   window.open(url, "_blank");
-  // };
-
-  return (
-    <div className={classNames(`${preCls}`)}>
-      <div className={classNames(`${preCls}-left`)}>
-        <div className={`${preCls}-pre`}>{formatRaking(rankNum)}</div>
-        <div className={`${preCls}-avatar`}>
-          <Avatar
-            name={name}
-            src={avatar.small}
-            color={avatar.color}
-            userId={userId}
-            size={{ width: 28, textNum: 1, fontSize: 14 }}
-          />
-        </div>
-        <div className={`${preCls}-name`}>
-          <Tooltip.Text
-            text={<OpenUserName id={userId} name={name} />}
-            maxWidth={120}
-          />
-        </div>
-      </div>
-      <div className={classNames(`${preCls}-left`)}>
-        <div className={`${preCls}-like-text`}>
-          <span className={`${preCls}-like-num`}>{formatNum(pariseNums)}</span>
-          点赞
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Item;