@titaui/pc 1.9.98 → 1.9.102

package/src/components/help-card/index.scss

@@ -1,240 +0,0 @@
-.home-fixed-kefu {
-  cursor: pointer;
-  user-select: none;
-  z-index: 2;
-  width: 42px;
-  height: 42px;
-  background-color: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  &-image {
-    width: 24px;
-    height: 24px;
-    background: url("./image/liaojie.svg") 50% 50% no-repeat;
-    background-size: 24px 24px;
-  }
-
-  &-canceled {
-    .home-fixed-kefu-image {
-      background: unset;
-    }
-
-    background: url("./image/canceled.svg") 50% 50% no-repeat;
-    animation-duration: 0.3s;
-    animation-name: kefuActive;
-  }
-}
-
-.help-card {
-  width: 332px;
-  height: 476px;
-  border-radius: 24px;
-  background: #ffffff;
-  box-shadow: 0px 0px 16px 0px rgba(127, 145, 180, 0.1);
-
-  &__header {
-    width: 332px;
-    height: 60px;
-    background: #5c8eff;
-    border-radius: 24px 24px 0px 0px;
-    box-sizing: border-box;
-    padding: 16px 20px;
-    display: flex;
-    align-items: center;
-    color: #ffffff;
-
-    &-avatar {
-      box-sizing: border-box;
-      width: 36px;
-      height: 36px;
-      background: url("./image/kefu-logo.png");
-      background-size: 36px;
-      margin-right: 12px;
-      border-radius: 50%;
-    }
-  }
-
-  &__body {
-    box-sizing: border-box;
-    padding: 0 20px;
-    margin: 16px 0;
-
-    &-item {
-      box-sizing: border-box;
-      width: 292px;
-      height: 144px;
-      border-radius: 8px;
-      padding: 12px;
-      margin-top: 12px;
-      background-color: rgba(240, 244, 250, 0.6);
-
-      &:nth-of-type(1) {
-        background: rgba(240, 244, 250, 0.6) url("./image/question.svg") 100% 100% no-repeat;
-      }
-
-      &-title {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        &-left {
-          width: 68px;
-          height: 24px;
-          font-size: 16px;
-          color: #2879ff;
-          line-height: 24px;
-          z-index: 2;
-          position: relative;
-
-          &::before {
-            content: "";
-            width: 81px;
-            height: 7px;
-            background: linear-gradient(90deg, #2879ff 0%, #f6f8fc 100%);
-            z-index: -1;
-            position: absolute;
-            opacity: 0.5;
-            left: 0;
-            bottom: 0;
-          }
-        }
-
-        &-right {
-          cursor: pointer;
-          font-size: 12px;
-          font-weight: 400;
-          color: #89919f;
-          line-height: 22px;
-          user-select: none;
-
-          &:hover {
-            color: #2879ff;
-          }
-
-          &>.tu-icon-gengxin1 {
-            margin-right: 4px;
-          }
-        }
-      }
-
-      &-content {
-        &-item {
-          cursor: pointer;
-          margin-top: 12px;
-          font-weight: 400;
-          font-size: 14px;
-          color: #3f4755;
-          line-height: 22px;
-          &:hover{
-            color: #2879ff;
-          }
-        }
-      }
-    }
-  }
-
-  &__footer {
-    width: 332px;
-    height: 86px;
-    background: #ffffff;
-    box-shadow: 0px -4px 8px 0px rgba(127, 145, 180, 0.1);
-    padding: 12px;
-    border-radius: 24px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-around;
-
-    &-item {
-      width: 77px;
-      height: 62px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      font-size: 14px;
-      font-weight: 400;
-      color: #141c28;
-      cursor: pointer;
-
-      &:hover {
-        background: #f0f4fa;
-        border-radius: 16px;
-      }
-
-      &>img {
-        width: 20px;
-        height: 20px;
-        margin-bottom: 5px;
-      }
-    }
-  }
-}
-
-.tita-popup-zoom-left-bottom-enter,
-.tita-popup-zoom-left-bottom-appear {
-  opacity: 0;
-  animation-duration: 0.2s;
-  animation-fill-mode: both;
-  animation-timing-function: linear;
-  animation-play-state: paused;
-}
-
-.tita-popup-zoom-left-bottom-leave {
-  animation-duration: 0.2s;
-  animation-fill-mode: both;
-  animation-timing-function: linear;
-  animation-play-state: paused;
-}
-
-.tita-popup-zoom-left-bottom-enter.tita-popup-zoom-left-bottom-enter-active,
-.tita-popup-zoom-left-bottom-appear.tita-popup-zoom-left-bottom-appear-active {
-  animation-name: titaZoomInLB;
-  animation-play-state: running;
-}
-
-.tita-popup-zoom-left-bottom-leave.tita-popup-zoom-left-bottom-leave-active {
-  animation-name: titaZoomOutLB;
-  animation-play-state: running;
-}
-
-@keyframes kefuActive {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(-90deg);
-  }
-}
-
-@keyframes titaZoomInLB {
-  0% {
-    opacity: 0;
-    transform-origin: 100% 100%;
-    transform: scale(0, 0);
-  }
-
-  100% {
-    opacity: 1;
-    transform-origin: 100% 100%;
-    transform: scale(1, 1);
-  }
-}
-
-@keyframes titaZoomOutLB {
-  0% {
-    opacity: 1;
-    transform-origin: 100% 100%;
-    transform: scale(1, 1);
-  }
-
-  100% {
-    opacity: 0;
-    transform-origin: 100% 100%;
-    transform: scale(0, 0);
-  }
-}

package/src/components/help-card/index.tsx

@@ -1,237 +0,0 @@
-import React, { FC, useState, useEffect } from "react";
-import classNames from "classnames";
-import Popup from "../popup";
-import PointDemo from "../point-demo";
-import { isPlatform, isWxTrial } from "../../utils/open-data";
-import { getVersion } from "../../utils/bs-global";
-import { getQuestionList } from "./request-api";
-import Tooltip from "../tooltip";
-import "./index.scss";
-
-interface HelpCardProps {
-  [key: string]: any;
-}
-interface listType {
-  questionUrl: string;
-  questionName: string;
-}
-
-const preCls = "help-card";
-
-const HelpCard: FC<HelpCardProps> = ({ ...restProps }) => {
-  const [visible, setVisible] = useState(false);
-  const [pageNum, setPageNum] = useState(1);
-  const [pointVisible, setPointVisible] = useState(false);
-  const [guessList, setGuessList] = useState<listType[]>([]);
-  const [recommendList, setRecommendList] = useState<listType[]>([]);
-  const [guessQuestionNum, setGuessQuestionNum] = useState(0);
-  const isTrial = getVersion() == 1;
-  const userId = (window.BSGlobal && window.BSGlobal.loginUserInfo.Id) || 0;
-  const kefuUrl = isTrial
-    ? "https://wpa1.qq.com/vZYKN3kT?_type=wpa&qidian=true"
-    : "https://wpa1.qq.com/o6X4XD1n?_type=wpa&qidian=true";
-
-  const handleSkip = (url) => {
-    setVisible(false);
-    window.open(url);
-  };
-
-  useEffect(() => {
-    if (!visible) return;
-    getQuestionList(pageNum).then((res) => {
-      const { recommendQuestion, guessQuestion } = res.Data.questions;
-      const num = res.Data.questionTypeCount.guessQuestion;
-      setGuessQuestionNum(num);
-      if (recommendQuestion.length > 0) {
-        setRecommendList(recommendQuestion || []);
-      }
-      setGuessList(guessQuestion || []);
-    });
-  }, [pageNum, visible]);
-
-  const handlePoint = () => {
-    setVisible(false);
-    setPointVisible(true);
-    // @ts-ignore
-    window.titaTracker
-      // @ts-ignore
-      && window.titaTracker("action").record({
-        actionName: "申请演示",
-        actionGroup: "试用版-申请演示",
-        productName: "系统内-申请演示",
-      });
-  };
-
-  const handleHelpCenter = () => {
-    setVisible(false);
-    if (isPlatform("dd")) {
-      window.open("https://wiki.tita.com/pages/viewpage.action?pageId=4915206");
-    } else if (isPlatform("feishu")) {
-      window.open(
-        "https://wiki.tita.com/pages/viewpage.action?pageId=12026137",
-      );
-    } else {
-      window.open("https://wiki.tita.com/display/TITA1/Tita");
-    }
-    handleClickTracker("帮助中心");
-  };
-
-  const handleKnowledgeCommunity = () => {
-    setVisible(false);
-    window.open("https://club.tita.com/");
-    handleClickTracker("知识社区");
-  };
-  const handleCustomerService = () => {
-    setVisible(false);
-    window.open(kefuUrl);
-    handleClickTracker("联系客服");
-  };
-  const handleUpgrade = () => {
-    setVisible(false);
-    window.open("https://wiki.tita.com/pages/viewpage.action?pageId=15696164");
-    handleClickTracker("升级通知");
-  };
-
-  const handleClickTracker = (title) => {
-    // @ts-ignore
-    window.titaTracker
-    // @ts-ignore
-    && window.titaTracker("action").record({
-      actionName: `Tita小助手__${title}`,
-      actionGroup: "Tita小助手",
-      productName: "Tita小助手",
-    });
-  };
-
-  const chageBatch = () => {
-    if (guessQuestionNum > pageNum * 3) {
-      setPageNum(pageNum + 1);
-    } else {
-      setPageNum(1);
-    }
-  };
-
-  const renderKefu = () => {
-    if (isPlatform("feishu") || isPlatform("dd") || isWxTrial()) return;
-    return (
-      <div className={`${preCls}__footer-item`} onClick={handleCustomerService}>
-        <img src={require("./image/kefu1.svg")} alt="联系客服" />
-        联系客服
-      </div>
-    );
-  };
-
-  const popupContent = () => (
-    <div className={preCls}>
-      <div className={`${preCls}__header`}>
-        <div className={`${preCls}__header-avatar`} />
-        Tita小助手
-      </div>
-      <div className={`${preCls}__body`}>
-        <div className={`${preCls}__body-item`}>
-          <div className={`${preCls}__body-item-title`}>
-            <div className={`${preCls}__body-item-title-left`}>猜你想问</div>
-            <div
-              className={`${preCls}__body-item-title-right`}
-              onClick={chageBatch}
-            >
-              <span className="tu-icon-gengxin1" />
-              换一批
-            </div>
-          </div>
-          <div className={`${preCls}__body-item-content`}>
-            {guessList.map((item, key) => (
-              <div
-                className={`${preCls}__body-item-content-item`}
-                onClick={() => handleSkip(item.questionUrl)}
-                key={key}
-              >
-                {item.questionName}
-              </div>
-            ))}
-          </div>
-        </div>
-        <div className={`${preCls}__body-item`}>
-          <div className={`${preCls}__body-item-title`}>
-            <div className={`${preCls}__body-item-title-left`}>推荐查看</div>
-          </div>
-          <div className={`${preCls}__body-item-content`}>
-            {recommendList.map((item, key) => (
-              <div
-                className={`${preCls}__body-item-content-item`}
-                onClick={() => handleSkip(item.questionUrl)}
-                key={key}
-              >
-                {item.questionName}
-              </div>
-            ))}
-          </div>
-        </div>
-      </div>
-      <div className={`${preCls}__footer`}>
-        {isTrial && (
-        <div className={`${preCls}__footer-item`} onClick={handlePoint}>
-          <img src={require("./image/yuyueyanshi.svg")} alt="预约演示" />
-          预约演示
-        </div>
-        )}
-        <div className={`${preCls}__footer-item`} onClick={handleHelpCenter}>
-          <img src={require("./image/helpzx.svg")} alt="帮助中心" />
-          帮助中心
-        </div>
-        {!isTrial && (
-        <div className={`${preCls}__footer-item`} onClick={handleUpgrade}>
-          <img src={require("./image/upgrade.svg")} alt="升级通知" />
-          升级通知
-        </div>
-        )}
-        {!isPlatform("feishu") && (
-        <div
-          className={`${preCls}__footer-item`}
-          onClick={handleKnowledgeCommunity}
-        >
-          <img src={require("./image/okr-shequ.svg")} alt="知识社区" />
-          知识社区
-        </div>
-        )}
-        {renderKefu()}
-      </div>
-    </div>
-  );
-
-  return (
-    <div {...restProps}>
-      <Popup
-        popupTransitionName="tita-popup-zoom-left-bottom"
-        placement="topLeft"
-        popupAlign={{
-          offset: [-32, -10],
-          overflow: {
-            adjustX: 1,
-            adjustY: 1,
-          },
-        }}
-        popup={popupContent()}
-        popupVisible={visible}
-        onPopupVisibleChange={(bol) => setVisible(bol)}
-      >
-        <Tooltip
-          placement="right"
-          align={[0, 0]}
-          overlay={<span>遇到问题了？点我试试～</span>}
-        >
-          <div className={classNames("home-fixed-kefu")}>
-            <div
-              className={classNames("home-fixed-kefu-image", {
-                "home-fixed-kefu-canceled": visible,
-              })}
-            />
-          </div>
-        </Tooltip>
-      </Popup>
-      {pointVisible && <PointDemo setVisible={setPointVisible} />}
-    </div>
-  );
-};
-
-export default HelpCard;

package/src/components/help-card/request-api.js

@@ -1,20 +0,0 @@
-import axios from "axios";
-import { getSource, getVersion } from "../../utils/bs-global";
-
-const tenantId = BSGlobal && BSGlobal.tenantInfo.Id || 0;
-const userId = BSGlobal && BSGlobal.loginUserInfo.Id || 0;
-
-const requestDomain = () => {
-  if (!window.location.hostname.match(/dev/)) return "";
-  return `${location.protocol}//www.tita.gift`;
-};
-
-export const getQuestionList = (pageNum) => {
-  let source = getSource();
-  const version = getVersion();
-  if (source !== 860 || source !== 861 || source !== 862) {
-    source = 0;
-  }
-  return axios.get(`${requestDomain()}/api/v1/${tenantId}/${userId}/const/question?source=${source}&pageSize=${3}&pageNum=${pageNum}&version=${version == 1 ? 1 : 2}`)
-    .then((res) => res.data);
-};

package/src/components/hr-header/index.scss

@@ -1,117 +0,0 @@
-.tencent-hr-header {
-  width: 100%;
-  height: 60px;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 0 30px;
-  flex-shrink: 0;
-  background-color: #3464e0;
-  &__title {
-    font-size: 14px;
-    font-weight: bold;
-    color: #ffffff;
-    margin-right: 98px;
-  }
-  &__menu-list {
-    display: flex;
-    align-items: stretch;
-    flex: 1;
-  }
-  &__item {
-    height: 100%;
-    width: 120px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 5px;
-    position: relative;
-    color: #ffffff;
-    & > a {
-      color: #ffffff !important;
-    }
-    &--active::after {
-      content: '';
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      -webkit-transform: translateX(-50%);
-      -ms-transform: translateX(-50%);
-      transform: translateX(-50%);
-      margin-top: 16px;
-      width: 20px;
-      height: 3px;
-      border-radius: 3px;
-      background-color: #fff;
-    }
-    img {
-      width: 12px;
-      height: 12px;
-      margin-left: 4px;
-      transition: transform 0.2s ease;
-    }
-  }
-  &__user {
-    font-size: 14px;
-    color: #ffffff;
-    cursor: pointer;
-    & > img {
-      width: 10px;
-      height: 10px;
-      margin-left: 4px;
-      transition: transform 0.2s ease;
-    }
-  }
-  &__notice {
-    width: 42px;
-    height: 42px;
-    background: linear-gradient(180deg, #4e90ff 0%, #2879ff 100%);
-    box-shadow: 0px 4px 12px 0px rgba(40, 121, 255, 0.3),
-      inset 0px 0px 6px 2px rgba(255, 255, 255, 0.5);
-    cursor: pointer;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    bottom: 36px;
-    right: 24px;
-    z-index: 2;
-    img {
-      width: 32px;
-      height: 42px;
-    }
-  }
-}
-.tencent-hr-header-popup {
-  position: relative;
-  background-color: #fff;
-  box-shadow: 0px 4px 24px 0px rgba(127, 145, 180, 0.2);
-  border-radius: 12px;
-  min-width: 104px;
-  padding: 16px 0;
-  margin-top: 6px;
-  &__item {
-    display: flex;
-    height: 32px;
-    padding: 0 24px;
-    align-items: center;
-    justify-content: flex-start;
-    color: #666666;
-    &:hover {
-      background: #f5f7f9;
-      color: #3464e0;
-    }
-  }
-  &::before {
-    display: block;
-    content: '';
-    position: absolute;
-    top: -6px;
-    left: calc(50% - 6px);
-    border-top: none;
-    border-left: 6px solid transparent;
-    border-right: 6px solid transparent;
-    border-bottom: 6px solid #fff;
-  }
-}

package/src/components/hr-header/index.tsx

@@ -1,80 +0,0 @@
-import React, { ReactElement, useState, useEffect } from "react";
-import classNames from "classnames";
-import axios from "axios";
-import Popup from "../popup";
-import { getLoginUserInfo, getTenantInfo } from "../../utils/helpers";
-import ArrowImg from "./img/arrow.png";
-import "./index.scss";
-
-const preCls = "tencent-hr-header";
-const handleLogout = () => {
-  axios.get(`${window.BSGlobal.apiPath}/Account/Logout`);
-};
-function HrHeader(): ReactElement {
-  const [menus, setMenus] = useState<any[]>([]);
-  const [isShowMore, setIsShowMore] = useState(false);
-  const [isShowUserMenu, setIsShowUserMenu] = useState(false);
-  useEffect(() => {
-    axios.get("/_caagw/getNavInfoByCorpKey").then((res) => {
-      const { data } = res.data;
-      setMenus(data.menus);
-    });
-  }, []);
-  return (
-    <div className={preCls}>
-      <span className={`${preCls}__title`}>{getTenantInfo().Name}</span>
-      <div className={`${preCls}__menu-list`}>
-        {menus.slice(0, 5).map((menu) => (
-          <div
-            key={menu.appKey}
-            className={classNames(`${preCls}__item`, {
-              [`${preCls}__item--active`]: menu.appKey === "jixiaobao",
-            })}
-          >
-            <a href={menu.appUrl}>{menu.appName}</a>
-          </div>
-        ))}
-        {menus.length > 5 && (
-          <Popup
-            popupVisible={isShowMore}
-            onPopupVisibleChange={setIsShowMore}
-            popupPlacement="bottom"
-            popup={(
-              <div className="tencent-hr-header-popup">
-                {menus.slice(5).map((menu) => (
-                  <a className="tencent-hr-header-popup__item" href={menu.appUrl}>{menu.appName}</a>
-                ))}
-              </div>
-                )}
-          >
-            <div key="more" className={classNames(`${preCls}__item`)}>
-              <span>更多</span>
-              <img
-                src={ArrowImg}
-                style={{ transform: `rotate(${isShowMore ? 180 : 0}deg)` }}
-                alt=""
-              />
-            </div>
-          </Popup>
-        )}
-      </div>
-      <Popup
-        popupVisible={isShowUserMenu}
-        onPopupVisibleChange={setIsShowUserMenu}
-        popupPlacement="bottom"
-        popup={(
-          <div className="tencent-hr-header-popup">
-            <a className="tencent-hr-header-popup__item" target="_self" href={`/_logout?r=${new Date().getTime()}`} onClick={handleLogout}>退出</a>
-          </div>
-        )}
-      >
-        <span className={`${preCls}__user`}>
-          {getLoginUserInfo().Name}
-          <img src={ArrowImg} style={{ transform: `rotate(${isShowUserMenu ? 180 : 0}deg)` }} alt="" />
-        </span>
-      </Popup>
-    </div>
-  );
-}
-
-export default HrHeader;