@titaui/pc 1.9.99 → 1.9.103

package/src/components/nav-top/components/menu/index.tsx

@@ -1,180 +0,0 @@
-import React, {
-  FC, useRef, useState, useEffect,
-} from "react";
-import classNames from "classnames";
-import Overflow from "rc-overflow";
-import { getUserInfo, getBSGlobal } from "../../../../utils/bs-global";
-import { IMenuProps } from "../../interface";
-import Popup from "../../../popup";
-import ConditionRender from "../../../../components/condition-render";
-import New from "./img/new.png";
-import "./index.scss";
-
-const prefix = "titaui-nav-top-menu";
-
-const popupAlign = {
-  offset: [0, 5],
-  overflow: { adjustX: true, adjustY: true },
-  targetOffset: [0, 0],
-};
-
-const Menu: FC<IMenuProps> = ({ menus, activeMenuId }) => {
-  const [popupVisible, setPopupVisible] = useState(false);
-  const [isKnow, setIsKonw] = useState(false);
-  const containerRef = useRef<any>();
-
-  const apiPath = getBSGlobal("apiPath");
-  const userId = getUserInfo().Id;
-
-  const handlePopupVisibleChange = (visible) => {
-    setPopupVisible(visible);
-  };
-
-  const handleTracker = (menu) => {
-    // @ts-ignore
-    window.titaTracker
-			// @ts-ignore
-			&& window.titaTracker("action").record({
-			  actionName: `导航菜单__${menu.title}`,
-			  actionGroup: "导航菜单",
-			  productName: "导航菜单",
-			});
-  };
-
-  const handleClick = () => {
-    setIsKonw(true);
-    localStorage.setItem(`isKonwLearning${userId}`, `${userId}`);
-  };
-
-  const popupAlign2 = {
-    offset: [104, -5],
-    overflow: { adjustX: true, adjustY: true },
-    targetOffset: [0, 0],
-  };
-
-  const handleClickToLearning = () => {
-    window.open(`${apiPath}/${userId}/eLearningHome#/`, "_self");
-  };
-
-  useEffect(() => {
-    const isKnow = localStorage.getItem(`isKonwLearning${userId}`);
-    if (isKnow) {
-      setIsKonw(true);
-    }
-  }, []);
-
-  const popup = (
-    <div className={`${prefix}__tips`}>
-      <div className={classNames(`${prefix}__tips-box`, { [`${prefix}__tips-hide`]: isKnow })}>
-        <span className={`${prefix}__tips-box-title`}>🎉  Tita Learning 上线啦</span>
-        <p className={`${prefix}__tips-box-content`}>
-          OKR 学习资料，OKR 推进方法，OKR教练在线指导，通通都在这里！快来看看吧！
-        </p>
-        <div className={`${prefix}__tips-box-ok`} onClick={handleClick}>
-          好哒
-        </div>
-      </div>
-      <div className={classNames(`${prefix}__tips-triangle`, { [`${prefix}__tips-hide`]: isKnow })} />
-    </div>
-  );
-
-  const renderRawItem = (menu) => (
-    <Overflow.Item component="span">
-      <ConditionRender condition={menu.title !== "Learning"}>
-        <a
-          className={classNames(`${prefix}__menu-show`, {
-						  [`${prefix}__menu-show--active`]: activeMenuId == menu.id,
-          })}
-          href={`${menu.href}`}
-          target="_self"
-          onClick={() => handleTracker(menu)}
-        >
-          {menu.title}
-        </a>
-      </ConditionRender>
-      <ConditionRender condition={menu.title === "Learning"}>
-        <Popup
-          popupVisible={!isKnow}
-          popup={popup}
-          mask={false}
-          action={["focus"]}
-          popupAlign={popupAlign2}
-        >
-          <span
-            className={classNames(`${prefix}__menu-show`, {
-							  [`${prefix}__menu-show--active`]: activeMenuId == menu.id,
-            })}
-            onClick={() => {
-							  handleTracker(menu);
-              handleClickToLearning();
-            }}
-          >
-            {menu.title}
-          </span>
-        </Popup>
-        <img src={New} className={`${prefix}__tips-new`} />
-      </ConditionRender>
-    </Overflow.Item>
-  );
-
-  const renderRest = (items) => {
-    if (items.length === 0) return null;
-    const isActiveHideMeun = items.filter((item) => item.id == activeMenuId).length > 0;
-    const popContent = (
-      <div className={`${prefix}__hide-menus`}>
-        {items.map((menu) => (
-          <div>
-            <ConditionRender condition={menu.title !== "Learning"}>
-              <a
-                className={classNames(`${prefix}__menu-hide`, {
-									  [`${prefix}__menu-hide--active`]: activeMenuId == menu.id,
-                })}
-                href={`${menu.href}`}
-                key={menu.id}
-                target="_self"
-              >
-                {menu.title}
-              </a>
-            </ConditionRender>
-            <ConditionRender condition={menu.title === "Learning"}>
-              <a
-                className={classNames(`${prefix}__menu-hide`, {
-									  [`${prefix}__menu-hide--active`]: activeMenuId == menu.id,
-                })}
-                href={`${apiPath}/${userId}/eLearningHome#/`}
-                key={menu.id}
-                target="_self"
-              >
-                {menu.title}
-              </a>
-            </ConditionRender>
-          </div>
-        ))}
-      </div>
-    );
-
-    return (
-      <Popup
-        popup={popContent}
-        onPopupVisibleChange={handlePopupVisibleChange}
-        popupVisible={popupVisible}
-        popupPlacement="bottomLeft"
-        popupAlign={popupAlign}
-      >
-        <span
-          className={classNames("tu-icon-diot", `${prefix}__more-icon`, {
-					  [`${prefix}__more-icon--active`]: isActiveHideMeun,
-          })}
-        />
-      </Popup>
-    );
-  };
-
-  return (
-    <div className={prefix} ref={containerRef}>
-      <Overflow data={menus} renderRawItem={renderRawItem} renderRest={renderRest} maxCount="responsive" />
-    </div>
-  );
-};
-
-export default Menu;

package/src/components/nav-top/components/user-message/components/empty/index.scss

@@ -1,29 +0,0 @@
-.titaui-user-message-msg-empty {
-  &__empty {
-    width: 372px;
-    height: 312px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    &-text {
-      height: 22px;
-      font-size: 14px;
-      font-weight: 400;
-      color: #6f7886;
-      line-height: 22px;
-      margin-top: -26px;
-    }
-    &-all {
-      margin-top: 4px;
-      font-size: 14px;
-      font-weight: 400;
-      color: #2879ff;
-      line-height: 22px;
-      cursor: pointer;
-      &:hover {
-        color: #2879ff;
-      }
-    }
-  }
-}

package/src/components/nav-top/components/user-message/components/empty/index.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import empty from "../../images/empty-img.svg";
-import ConditionRender from "../../../../../condition-render";
-import { getLocale } from "../../../../../../utils/getLocale";
-import "./index.scss";
-
-const preCls = "titaui-user-message-msg-empty";
-
-function Empty(props) {
-  const { tabPath } = props;
-
-  return (
-    <div className={classNames(`${preCls}__empty`)}>
-      <img src={empty} />
-      <div className={classNames(`${preCls}__empty-text`)}>{getLocale("Menu_Title_NoNews")}</div>
-      <ConditionRender condition={tabPath !== null}>
-        <a target="_blank" href={tabPath} className={classNames(`${preCls}__empty-all`)} rel="noreferrer">
-          {getLocale("Menu_Title_ViewNews")}
-        </a>
-      </ConditionRender>
-    </div>
-  );
-}
-export default Empty;

package/src/components/nav-top/components/user-message/components/inform/index.scss

@@ -1,111 +0,0 @@
-.titaui-user-message-msg-inform {
-  &__loading {
-    width: 80px;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-  }
-  &__items {
-    width: 372px;
-  }
-  &__item {
-    display: flex;
-    box-sizing: border-box;
-    height: 82px;
-    border-radius: 12px;
-    margin: 0 8px 4px 8px;
-    cursor: pointer;
-    &--scroll {
-      margin-right: 0;
-    }
-    &:first-of-type {
-      margin-top: 8px;
-    }
-    &:last-of-type {
-      margin-bottom: 0;
-    }
-    &-photo {
-      width: 32px;
-      height: 32px;
-      background-color: gray;
-      border-radius: 50%;
-      margin-top: 15px;
-      margin-left: 8px;
-    }
-    &-right {
-      flex: 1;
-      box-sizing: border-box;
-      width: 300px;
-      height: 82px;
-      margin-left: 12px;
-      padding-top: 8px;
-      &-name {
-        position: relative;
-        height: 22px;
-        font-size: 14px;
-        font-weight: 600;
-        color: #3f4755;
-        line-height: 22px;
-        &-tooltip {
-          z-index: 2001;
-        }
-        &-status {
-          margin-left: 8px;
-          color: #89919f;
-        }
-      }
-      &-content {
-        position: relative;
-        height: 22px;
-        margin-top: 2px;
-        font-size: 14px;
-        font-weight: 400;
-        color: #3f4755;
-        line-height: 22px;
-        overflow: hidden;
-        white-space: nowrap;
-        cursor: pointer;
-        &-tooltip {
-          z-index: 2001;
-        }
-      }
-      &-time {
-        height: 18px;
-        margin-top: 2px;
-        font-size: 12px;
-        font-weight: 400;
-        color: #89919f;
-        line-height: 18px;
-      }
-    }
-  }
-  &__item:hover {
-    background: #f7f8fa;
-  }
-  &__footer {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    box-sizing: border-box;
-    padding-right: 24px;
-    display: flex;
-    align-items: center;
-    width: 372px;
-    height: 48px;
-    background: #ffffff;
-    border-radius: 0px 0px 24px 24px;
-    &-all {
-      margin-left: auto;
-      font-size: 12px;
-      font-weight: 400;
-      color: #2879ff;
-      line-height: 18px;
-      &:hover {
-        color: #2879ff;
-      }
-    }
-  }
-}

package/src/components/nav-top/components/user-message/components/inform/index.tsx

@@ -1,95 +0,0 @@
-import React, { useState, useEffect } from "react";
-import classNames from "classnames";
-import List from "rc-virtual-list";
-import ConditionRender from "../../../../../condition-render";
-import { getInforms, clearInforms } from "../../../../request.apis";
-import Empty from "../empty";
-import InformItem from "./inform-item";
-import Loading from "../../images/loading.gif";
-import { userId, apiServer } from "../../constant";
-import "./index.scss";
-
-const preCls = "titaui-user-message-msg-inform";
-
-function Inform(props) {
-  const { userInfo, onItemClick, handleIntervalRequestMessageInfo } = props;
-
-  const [informs, setInforms] = useState<any[]>([]);
-  const [isLoading, setIsLoading] = useState(true);
-  const [pageNum, setPageNum] = useState(2);
-  const [isRequest, setIsRequest] = useState(false);
-  const [informsData, setInformsData] = useState(0);
-
-  const onScrollBottom = (e) => {
-    const { offsetHeight, scrollTop, scrollHeight } = e.target;
-    if (offsetHeight + scrollTop >= scrollHeight - 20) {
-      if (!isRequest) {
-        setIsRequest(true);
-        if (pageNum <= Math.ceil(informsData / 10)) {
-          getInforms(pageNum).then((res) => {
-            if (res.Code === 1) {
-              setInforms([...informs, ...res.Data.messags]);
-            }
-            setIsRequest(false);
-            setPageNum(pageNum + 1);
-          });
-        }
-      }
-    }
-  };
-
-  useEffect(() => {
-    getInforms(1).then((res) => {
-      if (res.Code === 1) {
-        if (res.Data.total || (res.Data.messags && res.Data.messags.length)) {
-          setInforms(res.Data.messags);
-          setInformsData(res.Data.total);
-        }
-      }
-      setIsLoading(false);
-    });
-    clearInforms().then(() => handleIntervalRequestMessageInfo());
-  }, []);
-
-  return (
-    <div>
-      <ConditionRender condition={isLoading}>
-        <img src={Loading} className={classNames(`${preCls}__loading`)} />
-      </ConditionRender>
-      <ConditionRender condition={informs.length !== 0}>
-        <ul className={classNames(`${preCls}__items`)}>
-          <List
-            data={informs}
-            height={314}
-            itemKey="messageId"
-            onScroll={(e) => onScrollBottom(e)}
-          >
-            {(item) => (
-              <InformItem
-                item={item}
-                userInfo={userInfo}
-                onItemClick={onItemClick}
-                informs={informs}
-              />
-            )}
-          </List>
-        </ul>
-        <div className={classNames(`${preCls}__footer`)}>
-          <a
-            target="_blank"
-            href={`${apiServer}/u/${userId}/Home#more/messages?messageType=2&tabAppId=1&tabAppType=1&isRead=2&messageSubNav=1`}
-            className={classNames(`${preCls}__footer-all`)}
-            rel="noreferrer"
-          >
-            查看全部
-          </a>
-        </div>
-      </ConditionRender>
-      <ConditionRender condition={isLoading === false && informs.length === 0}>
-        <Empty tabPath={`${apiServer}/u/${userId}/Home#more/messages?messageType=2&isRead=2&messageSubNav=1`} />
-      </ConditionRender>
-    </div>
-  );
-}
-
-export default Inform;

package/src/components/nav-top/components/user-message/components/inform/inform-item.tsx

@@ -1,199 +0,0 @@
-import React, { useRef } from "react";
-import classNames from "classnames";
-import Avatar from "../../../../../../components/avatar";
-import TooltipText from "../../../../../tooltip/tooltip-text";
-import { htmlToText, deleteText } from "../../utils";
-import {
-  userId, apiServer, informType, EObjType,
-} from "../../constant";
-import drawerManager from "../../../../../drawer-manager";
-import { openPage } from "../../../../../../utils/tools";
-import { OpenUserName, parseString } from "../../../../../../utils/open-data";
-import "./index.scss";
-
-const preCls = "titaui-user-message-msg-inform";
-
-function Inform(props) {
-  const { item, onItemClick, informs } = props;
-  const domRef = useRef<any>();
-
-  const handleItemClick = () => {
-    onItemClick && onItemClick(false);
-    const { objType, objId, messageType } = item;
-    if (objType === EObjType.Kr) {
-      drawerManager.open("krDetail", { krId: objId });
-      return;
-    }
-    if (objType === EObjType.O) {
-      drawerManager.open("okrDetail", { okrId: objId });
-      return;
-    }
-    if (objType === EObjType.Project) {
-      openPage(`${apiServer}/u/${userId}/Home#more/messages?messageType=2&tabAppId=1&tabAppType=1&isRead=2&messageSubNav=1`);
-      return;
-    }
-    if (objType === EObjType.Task) {
-      // @ts-ignore
-      window.Talent.app.vent.trigger("global-pull-screen", objId, "task");
-      return;
-    }
-    if (objType === EObjType.Remind) {
-      // @ts-ignore
-      window.Talent.app.vent.trigger("global-daily-detail-pull-screen", objId);
-      return;
-    }
-    if (messageType == 135) {
-      const redisKey = item.content.match(/redisKey=(\S*?)"/)[1];
-      // @ts-ignore
-      Talent.app.vent.trigger("open-weekly-report-modal", redisKey);
-      return;
-    }
-    // 处理合并的消息
-    const isMessageMerging = [
-      83, 94, 95, 96, 97, 98, 99, 100, 131, 136, 13018, 30362,
-    ].includes(messageType);
-    if (!isMessageMerging) {
-      if (messageType === informType.details) {
-        openPage(
-          `${apiServer}/u/${userId}/Home#more/taskinfo?Id=${item.objId}`,
-        );
-        return;
-      } if (messageType === informType.todayJob) {
-        window.open(
-          `${apiServer}/u/${userId}/Home#plan?tag_id=0&tag_type=0&filter=1`,
-        );
-        return;
-      } if (objType === 0 && messageType === 93) {
-        openPage(`${apiServer}/u/${userId}/Home#more/messages?messageType=2&tabAppId=1&tabAppType=1&isRead=2&messageSubNav=1`);
-        return;
-      } if (objType === 0) {
-        let str = item.content.match(/\/\/.*?[\"|\']/gi);
-        if (!str) return;
-        str = str.join("");
-        const url = str.slice(0, str.length - 1);
-        if (url) {
-          if (item.content.indexOf("点击此处下载") !== -1) {
-            window.open(url, "_self");
-          }
-          openPage(url);
-        }
-        return;
-      } if (item.objUrl) {
-        window.open(item.objUrl);
-        return;
-      } if (objType === informType.Okr) {
-        const url = item.content.match(
-          /(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]*))/g,
-        );
-        openPage(url);
-        return;
-      } if (objType === informType.okrRemind) {
-        window.open(
-          `${apiServer}/u/${userId}/Home#/work?iTalentNavCode=tita-work&work_id=${objId}`,
-        );
-        return;
-      } if (objType === informType.plan) {
-        let str = item.content.match(/\/\/.*?[\"|\']/gi);
-        if (!str) return;
-        str = str.join("");
-        const url = str.slice(0, str.length - 1);
-        openPage(url);
-        return;
-      } if (objType === informType.remindLeader) {
-        let str = item.content.match(/https:.*?[\"|\']/gi);
-        if (!str) return;
-        str = str.join("");
-        const url = str.slice(0, str.length - 1);
-        openPage(url);
-        return;
-      } if (objId && objType !== 8) {
-        window.open(`${apiServer}/u/${userId}/Home#work?work_id=${item.objId}`);
-        return;
-      }
-      const reg = /href='.*?(?=')/g;
-      let url = "";
-      item.content.replace(reg, ($0) => {
-        url = $0.slice(6);
-      });
-      if (url) {
-        openPage(url);
-        return;
-      }
-    }
-
-    let notificationType = "e-report"; // E-周报提醒消息合并
-    let content = domRef.current.textContent;
-    if (messageType == "83") {
-      // 项目，目标进展提醒消息合并
-      notificationType = "project-objective";
-    } else if (Number(messageType) > 93 && Number(messageType) <= 100) {
-      // OKR 仪表盘消息提醒
-      notificationType = "okr-dashBoard";
-    } else if (messageType == 131 || messageType == 136) {
-      notificationType = "performance";
-      content = item.content;
-    }
-    drawerManager.open(
-      "NotificationMergeDetail",
-      {
-        config: {
-          content,
-          messageId: item.messageId,
-          messageType: item.messageType,
-          notificationDate: item.createTime,
-          notificationType,
-          objId: item.objId,
-          objType: item.objType,
-        },
-      },
-      {
-        width: 680,
-      },
-    );
-  };
-
-  return (
-    <li
-      className={classNames(`${preCls}__item`, {
-        [`${preCls}__item--scroll`]: informs.length >= 4,
-      })}
-      key={item.messageId}
-      onClick={handleItemClick}
-    >
-      <div className={classNames(`${preCls}__item-photo`)}>
-        <Avatar
-          userId={item.user.userId}
-          name={item.user.name}
-          color={item.user.avatar.Color}
-          src={item.user.avatar.Small}
-          size={{ width: 32, textNum: 1, fontSize: 12 }}
-        />
-      </div>
-      <div className={classNames(`${preCls}__item-right`)}>
-        <span ref={domRef}>
-          <div className={classNames(`${preCls}__item-right-name`)}>
-            <TooltipText
-              overlayClassName={`${preCls}__item-right-name-tooltip`}
-              text={<OpenUserName id={item.user.userId} name={item.user.name} />}
-              maxWidth={100}
-              mouseEnterDelay={0.8}
-            />
-          </div>
-          <div className={classNames(`${preCls}__item-right-content`)}>
-            <TooltipText
-              overlayClassName={`${preCls}__item-right-content-tooltip`}
-              text={parseString(deleteText(htmlToText(item.content)))}
-              isPercent
-              mouseEnterDelay={0.8}
-            />
-          </div>
-          <div className={classNames(`${preCls}__item-right-time`)}>
-            {item.createTime}
-          </div>
-        </span>
-      </div>
-    </li>
-  );
-}
-
-export default Inform;

package/src/components/nav-top/components/user-message/components/red-pack/index.scss

@@ -1,36 +0,0 @@
-.titaui-nav-top-red-pack {
-  position: fixed;
-  top: 40px;
-  right: 40px;
-  height: 94px;
-  z-index: 1040;
-  display: flex;
-  justify-content: flex-end;
-  &__item {
-    margin-left: 16px;
-    position: relative;
-    cursor: pointer;
-    &-img {
-      width: 48px;
-      height: 58px;
-      background-image: url(../../images/msg-reward.png);
-      background-repeat: no-repeat;
-      box-shadow: 0 0 20px rgba(204, 41, 41, 0.2);
-      transform: rotate(20deg);
-      display: block;
-    }
-    &-avatar {
-      position: absolute;
-      bottom: 24px;
-      right: 0;
-      border-radius: 100%;
-      width: 30px;
-      height: 30px;
-      border: 2px solid #fff;
-      background: #ffffff;
-      .titaui-pc-avator-wrapper {
-        display: inline-flex;
-      }
-    }
-  }
-}