@titaui/pc 1.9.99 → 1.9.103

package/src/components/dynamic/components/title/index.tsx

@@ -1,37 +0,0 @@
-import React, { FC, useContext } from "react";
-import { IDynamicTitleProps } from "../../interface";
-import Tooltip from "../../../tooltip";
-import SearchKeyHandle from "../../../search-key-handle";
-import { SearchKeyContext } from "../../context";
-import "./index.scss";
-
-const prefix = "titaui-dynamic-title";
-
-const DynamicTitle: FC<IDynamicTitleProps> = ({
-  content,
-  onClickTitle,
-  suffixContent,
-}) => {
-  const { searchKeyWord } = useContext(SearchKeyContext);
-  const onTitleClick = () => {
-    onClickTitle && onClickTitle();
-  };
-
-  return (
-    <div className={prefix}>
-      <span className={`${prefix}__content`}>
-        <span className={`${prefix}__content-symbol`}>#</span>
-        <span className={`${prefix}__content-text`} onClick={onTitleClick}>
-          <Tooltip.Text
-            text={<SearchKeyHandle str={content} keyWord={searchKeyWord} />}
-            isPercent
-          />
-        </span>
-        {suffixContent}
-      </span>
-      <span className={`${prefix}__fill-empty`} />
-    </div>
-  );
-};
-
-export default DynamicTitle;

package/src/components/dynamic/constant.ts

@@ -1,86 +0,0 @@
-import { getLocale } from "../../utils/getLocale";
-
-export const OkrRiskMapping = {
-  0: "normal", // 正常推进
-  1: "normal", // 正常推进
-  2: "risk", // 注意风险
-  3: "delay", // 已有风险
-  4: "end", // kr及o全都完成
-  5: "delay", // 延期完成
-  6: "normal", // 正常推进
-};
-
-export enum EFeedType {
-  Unknow = 0, // 未知
-  Share = 1, // 分享
-  Plan = 4, // 计划表
-  Report = 5, // 日报
-  Assessment = 7, // 考核
-  Project = 10, // 项目
-  Reward = 11, // 打赏
-  WorkHour = 13, // 工作时长
-  Bless = 14, // 祝福
-  Kr = 15, // 关键成果
-  MileStone = 16, // 里程碑
-  OKREStatistics = 17, // E报告
-  Reply = 18, // 复盘
-  OkrCycle = 19, // 目标周期
-  Task = 20, // 任务
-  Progress = 21, // 进展
-  Align = 22, // 对齐
-  Relative = 23, // 关联
-  Announcement = 24, // 公告
-  Signin = 80, // 签到
-  O = 101, // 目标
-  OKRsCommunication = 102, // okr页面沟通
-  PlanCommunication = 103, // 计划表页面沟通
-}
-
-export enum EObjType {
-  Project = 4, // 项目
-  Task = 7, // 任务
-  O = 62, // 目标
-  Kr = 65, // 关键成果
-  Assess = 23, // 考核
-  MileStone = 27, // 里程碑
-  KanBan = 66, // 看板
-}
-
-export const ObjTypeMapText = {
-  [EObjType.Project]: getLocale("Menu_Title_Projects"),
-  [EObjType.Task]: getLocale("Mod_Tasks"),
-  [EObjType.O]: getLocale("Mod_Objective"),
-  [EObjType.Kr]: getLocale("Mod_KeyResults"),
-  [EObjType.MileStone]: getLocale("Pro_page_Plan_Milestone"),
-  [EObjType.KanBan]: getLocale("Pro_page_V_Tab_Kanban"),
-};
-
-export const ObjectType = () => ({
-  1: getLocale("Mod_sannouncement"),
-  4: getLocale("Menu_Title_Projects"),
-  5: getLocale("Mod_sPerformanceForm"),
-  6: getLocale("Mod_sPerformanceGoals"),
-  7: getLocale("Mod_stasks"),
-  8: getLocale("Mod_sDailySummary"),
-  10: getLocale("Feed_sFeed"),
-  11: getLocale("Pro_page_Plan"),
-  12: getLocale("Feed_OperationTasks"),
-  62: getLocale("Mod_sobjective"),
-  65: getLocale("Feed_Keyresults"),
-  70: getLocale("OKR_MyO_KRP_Review"),
-  79: getLocale("Mod_skeyprogress"),
-  80: getLocale("Feed_sAnnouncement"),
-  42: getLocale("OKR_MyO_E_Reward"),
-}
-);
-
-
-export const EStatusStatus2ClassType = {
-  2: "tu-icon-finished",
-  1: "tu-icon-running",
-  4: "tu-icon-canceled",
-  3: "tu-icon-deferred",
-  6: "tu-icon-paused",
-  0: "tu-icon-notstart",
-  5: "tu-icon-jiantou-right",
-};

package/src/components/dynamic/context/index.ts

@@ -1,5 +0,0 @@
-import { createContext } from "react";
-
-export const SearchKeyContext = createContext<any>({
-  searchKeyWord: "",
-});

package/src/components/dynamic/dynamic-item/components/header/index.scss

@@ -1,97 +0,0 @@
-.titaui-dynamic-item-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-  padding: 24px 0 0 20px;
-  &-left {
-    display: flex;
-    align-items: center;
-    flex: 1;
-    overflow: hidden;
-    .titaui-pc-avator-container {
-      display: inline-flex;
-      align-items: center;
-    }
-  }
-  &-right {
-    font-size: 16px;
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transform: rotate(90deg);
-    cursor: pointer;
-    border-radius: 4px;
-    &:hover {
-      background: #f0f4fa;
-    }
-  }
-  &-desc {
-    flex: 1;
-    margin-left: 8px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    &-title {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      &-left{
-        word-break: keep-all;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: inline-flex;
-        align-items: center;
-        flex: 1;
-        margin-right: 60px;
-      }
-    }
-    &-user {
-      font-size: 14px;
-      font-weight: 600;
-      color: #3f4755;
-      line-height: 22px;
-      // &:hover {
-      //   cursor: pointer;
-      //   color: #2879ff;
-      // }
-      &--not-link {
-        &:hover {
-          cursor: default !important;
-          color: #3f4755 !important;
-        }
-      }
-    }
-    &-time {
-      font-size: 12px;
-      color: #89919f;
-      line-height: 18px;
-    }
-    &-avatar {
-      &:hover {
-        cursor: pointer;
-      }
-      &--not-link {
-        &:hover {
-          cursor: default !important;
-        }
-      }
-    }
-  }
-  &__more-operate {
-    font-size: 14px;
-    color: #3F4755;
-    line-height: 22px;
-    &-selection {
-      display: flex;
-      align-items: center;
-      height: 32px;
-      &-icon {
-        margin-right: 10px;
-      }
-    }
-  }
-}

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

@@ -1,254 +0,0 @@
-import React, { FC, useState, useMemo } from "react";
-import classNames from "classnames";
-import Avatar from "../../../../avatar";
-import DropSelector, { Item } from "../../../../drop-selector";
-import {
-  topDynamic,
-  cancelTopDynamic,
-  collectDynamic,
-  cancelCollectDynamic,
-  deleteDynamic,
-} from "../../../request-api";
-import DialogConfirm, {
-  CancelButton,
-  WarningButton,
-} from "../../../../dialog-confirm";
-import { IDynamicItemHeaderProps } from "../../../../dynamic/interface";
-import Toast from "../../../../toast";
-import { OpenUserName } from "../../../../../utils/open-data";
-import ConditionRender from "../../../../condition-render";
-import Tooltip from "../../../../tooltip";
-import { EFeedType } from "../../../constant";
-import { getLocale } from "../../../../../utils/getLocale";
-import "./index.scss";
-
-const prefix = "titaui-dynamic-item-header";
-
-const DynamicItemHeader: FC<IDynamicItemHeaderProps> = ({
-  onDeleteFeed = () => {},
-  showDelete = false,
-  showTopping = false,
-  data,
-  desc,
-  user,
-}) => {
-  const {
-    createDate,
-    feedId,
-    isTop = false,
-    isCollect = false,
-    feedType,
-  } = data;
-  const [nowIsTop, setNowIsTop] = useState(isTop);
-  const [nowIsCollect, setNowIsCollect] = useState(isCollect);
-  const [showDialogConfirm, setShowDialogConfirm] = useState(false);
-  const [selectVisible, setSelectVisible] = useState(false);
-
-  // const url = getUrlForUserPage({
-  //   userId: publishUser.id || publishUser.userId,
-  //   userType: publishUser.userType || 2,
-  // });
-  const url = "";
-
-  const onChangeHandler = (name, _) => {
-    if (name === "collect") {
-      if (nowIsCollect) {
-        cancelCollectDynamic({ feedId }).then((resp) => {
-          if (resp.Code === 1) {
-            setNowIsCollect(!nowIsCollect);
-            setSelectVisible(false);
-            Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
-          } else {
-            Toast.Error(resp.Message, { canClose: false });
-          }
-        });
-      } else {
-        collectDynamic({ feedId }).then((resp) => {
-          if (resp.Code === 1) {
-            setNowIsCollect(!nowIsCollect);
-            setSelectVisible(false);
-            Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
-          } else {
-            Toast.Error(resp.Message, { canClose: false });
-          }
-        });
-      }
-    }
-  };
-
-  const handleTopOperateClick = () => {
-    if (nowIsTop) {
-      cancelTopDynamic({ feedId }).then((resp) => {
-        if (resp.Code === 1) {
-          setNowIsTop(!nowIsTop);
-          setSelectVisible(false);
-          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
-        } else {
-          Toast.Error(resp.Message, { canClose: false });
-        }
-      });
-    } else {
-      topDynamic({ feedId }).then((resp) => {
-        if (resp.Code === 1) {
-          setNowIsTop(!nowIsTop);
-          setSelectVisible(false);
-          Toast.Success(getLocale("Mod_Successfuloperat"), { canClose: false });
-          setTimeout(() => {
-            // @ts-ignore
-            window.reFreshDynamicTopping();
-          }, 1000);
-        } else {
-          Toast.Error(resp.Message, { canClose: false });
-        }
-      });
-    }
-  };
-
-  const handleDeleteClick = () => {
-    setShowDialogConfirm(true);
-    setSelectVisible(false);
-  };
-
-  const enSureDeleteDynamic = () => {
-    deleteDynamic({ feedId }).then((resp) => {
-      if (resp.Code === 1) {
-        Toast.Success(getLocale("Pro_detail_Deletsuccess"), { canClose: false });
-        setShowDialogConfirm(false);
-        onDeleteFeed && onDeleteFeed(feedId);
-      }
-    });
-  };
-
-  const cancelDeleteDynamic = () => {
-    setShowDialogConfirm(false);
-  };
-
-  const handleShowDropSelector = () => {
-    setSelectVisible(true);
-  };
-
-  const handleOpenUserPage = () => {
-    if (!url) return;
-    window.open(url, "_blank");
-  };
-
-  const renderDialogConfirm = useMemo(() => (
-    <DialogConfirm visible={showDialogConfirm} type="warning">
-      {/* @ts-ignore */}
-      <span type="title">
-        {feedType === EFeedType.Share ? getLocale("OKR_MyO_Err_Delesh") : getLocale("OKR_MyO_Err_Delepost")}
-      </span>
-      {/* @ts-ignore */}
-      <span type="content">
-        {feedType === EFeedType.Share ? getLocale("OKR_MyO_Err_Deleshre") : getLocale("OKR_MyO_Err_Delepostsu")}
-      </span>
-      <CancelButton type="button" onClick={cancelDeleteDynamic}>
-        {getLocale("Mod_Cancel")}
-      </CancelButton>
-      <WarningButton type="button" onClick={enSureDeleteDynamic}>
-        {getLocale("Mod_Delete")}
-      </WarningButton>
-    </DialogConfirm>
-  ), [showDialogConfirm]);
-
-  return (
-    <div className={`${prefix}`}>
-      <span className={`${prefix}-left`}>
-        <span
-          className={classNames(`${prefix}-desc-avatar`, {
-            [`${prefix}-desc-avatar--not-link`]: !url,
-          })}
-          onClick={handleOpenUserPage}
-        >
-          <Avatar
-            name={user.name}
-            userId={user.id || user.userId}
-            src={user.avatar.medium}
-            color={user.avatar.color}
-            size={{
-              width: 40,
-              textNum: 1,
-              fontSize: 18,
-            }}
-          />
-        </span>
-        <span className={`${prefix}-desc`}>
-          <div className={`${prefix}-desc-title`}>
-            <div className={`${prefix}-desc-title-left`}>
-              <span
-                className={classNames(`${prefix}-desc-user`, {
-                  [`${prefix}-desc-user--not-link`]: !url,
-                })}
-                onClick={handleOpenUserPage}
-              >
-                <Tooltip.Text
-                  maxWidth={98}
-                  text={<OpenUserName name={user.name} id={user.userId} />}
-                />
-              </span>
-              {desc}
-            </div>
-            <div className={`${prefix}__more-operate`}>
-              <DropSelector
-                popupPlacement="bottomRight"
-                checked={["collect"]}
-                onChange={onChangeHandler}
-                multi={false}
-                visible={selectVisible}
-                trigger={(
-                  <span
-                    className={classNames(`${prefix}-right`, "tu-icon-more1")}
-                    onClick={handleShowDropSelector}
-                  />
-                )}
-              >
-                <Item name="collect">
-                  <div className={`${prefix}__more-operate-selection`}>
-                    <i
-                      className={classNames(
-                        "tu-icon-APP-shoucang",
-                        `${prefix}__more-operate-selection-icon`,
-                      )}
-                    />
-                    {nowIsCollect ? getLocale("Mod_CancCollection") : getLocale("Mod_Collection")}
-                  </div>
-                </Item>
-                <ConditionRender condition={showTopping}>
-                  <Item name="top" onClick={handleTopOperateClick}>
-                    <div className={`${prefix}__more-operate-selection`}>
-                      <i
-                        className={classNames(
-                          "tu-icon-zhiding",
-                          `${prefix}__more-operate-selection-icon`,
-                        )}
-                      />
-                      {nowIsTop ? getLocale("OKR_MyO_Unpinned") : getLocale("Feed_Top")}
-                    </div>
-                  </Item>
-                </ConditionRender>
-                <ConditionRender condition={showDelete}>
-                  <Item name="delete" onClick={handleDeleteClick}>
-                    <div className={`${prefix}__more-operate-selection`}>
-                      <i
-                        className={classNames(
-                          "tu-icon-del",
-                          `${prefix}__more-operate-selection-icon`,
-                        )}
-                      />
-                      {getLocale("Mod_Delete")}
-                    </div>
-                  </Item>
-                </ConditionRender>
-              </DropSelector>
-            </div>
-          </div>
-          <div className={`${prefix}-desc-time`}>{createDate}</div>
-        </span>
-      </span>
-
-      {renderDialogConfirm}
-    </div>
-  );
-};
-
-export default DynamicItemHeader;

package/src/components/dynamic/dynamic-item/dynamic-align/img/dynamic-align.svg

@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>切片</title>
-    <defs>
-        <linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#2879FF" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="目标" transform="translate(-270.000000, -1746.000000)">
-            <g id="新建目标-负责目标" transform="translate(202.000000, 1635.000000)">
-                <g id="编组-11" transform="translate(68.000000, 78.000000)">
-                    <g id="pull-up" transform="translate(0.000000, 33.000000)">
-                        <rect id="Rectangle-5" x="0" y="0" width="18" height="18"></rect>
-                        <path d="M9.6984127,1.47921007 L14.2380952,6.34609616 C14.5873016,6.73544705 14.5873016,7.31947338 14.2380952,7.70882427 C13.8888889,8.09817515 13.3650794,8.09817515 13.015873,7.70882427 L9.87301587,4.39934172 L9.87301587,16.0266228 C9.87301587,16.6106491 9.52380952,17 9,17 C8.47619048,17 8.12698413,16.6106491 8.12698413,16.0266228 L8.12698413,4.39934172 L4.98412698,7.90349971 C4.63492063,8.09817515 4.11111111,8.09817515 3.76190476,7.70882427 C3.41269841,7.31947338 3.41269841,6.73544705 3.76190476,6.34609616 L8.12698413,1.47921007 C8.3015873,1.28453463 9,0.505832851 9.6984127,1.47921007 Z" id="箭头" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/dynamic/dynamic-item/dynamic-align/img/dynamic-relative.svg

@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>关联-icon</title>
-    <defs>
-        <linearGradient x1="50%" y1="50%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#2879FF" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="目标" transform="translate(-270.000000, -2013.000000)">
-            <g id="新建目标-负责目标" transform="translate(202.000000, 1901.000000)">
-                <g id="编组-19" transform="translate(68.000000, 78.000000)">
-                    <g id="pull-up" transform="translate(0.000000, 34.000000)">
-                        <rect id="Rectangle-5" x="0" y="0" width="18" height="18"></rect>
-                        <path d="M6.05737522,9.80294126 C6.34805303,9.80193178 6.58393921,10.0378179 6.58397526,10.3295413 L6.58397526,10.3295413 L6.58430875,14.0309019 C6.58333532,14.5429815 6.78303323,15.0240195 7.14513215,15.3861184 C7.50723108,15.7482174 7.98932361,15.9448057 8.50139427,15.9458963 C9.01344689,15.9469869 9.49446685,15.7473611 9.85649367,15.3853343 C10.2185205,15.0233075 10.4171098,14.541251 10.4170557,14.0302169 L10.4170557,14.0302169 L10.4156676,10.3298748 C10.4166591,10.039197 10.6514727,9.80438339 10.9421685,9.8033739 C11.2328464,9.80238244 11.4687235,10.0382596 11.4687686,10.3299739 L11.4687686,10.3299739 L11.4691021,14.0313345 C11.4702197,14.8496128 11.1371886,15.5923329 10.5993129,16.1302086 C10.0624738,16.6670477 9.31973568,17.0000788 8.50043886,16.9999977 C7.7070011,17.0009711 6.96111733,16.6915998 6.40037504,16.1308575 C5.83965078,15.5701333 5.53025242,14.8242225 5.5301713,14.0297662 L5.5301713,14.0297662 L5.53087433,10.3294422 C5.52980175,10.0387553 5.76564286,9.80291422 6.05737522,9.80294126 Z M8.52047535,7.44504397 C8.81215364,7.44406152 9.04887804,7.68078593 9.04892311,7.97349172 L9.04892311,7.97349172 L9.04935574,10.0910323 C9.04836428,10.2373897 8.99129229,10.3671266 8.89477824,10.4636407 C8.79826419,10.5601547 8.66644519,10.6192727 8.52113332,10.6192547 C8.22944602,10.6202281 7.99273964,10.3835217 7.99267655,10.0907979 L7.99267655,10.0907979 L7.99225293,7.97326639 C7.99113528,7.68159712 8.22775153,7.44498088 8.52047535,7.44504397 Z M8.49961865,1.00000031 C10.137302,0.999252214 11.4700124,2.33196266 11.4703008,3.96860944 L11.4703008,3.96860944 L11.4709318,7.67019534 C11.4699313,7.81605702 11.412012,7.94640686 11.3158135,8.04260544 C11.2196329,8.138786 11.0882555,8.19773276 10.9434214,8.19770572 C10.6527165,8.19870619 10.4167943,7.96278397 10.4167492,7.67103357 L10.4167492,7.67103357 L10.4160913,3.96945669 C10.4170377,3.45736801 10.2172947,2.97626693 9.85514168,2.61411393 C9.49298867,2.25196092 9.01086009,2.05326348 8.49979892,2.05316434 C7.44249781,2.05299308 6.58295676,2.91253413 6.58313702,3.96982623 L6.58313702,3.96982623 L6.58378598,7.6713941 C6.58486757,7.96210797 6.34903548,8.19794006 6.05730312,8.19787697 C5.76659826,8.19887744 5.53067604,7.96295522 5.53063097,7.67120483 L5.53063097,7.67120483 L5.53000004,3.96965498 C5.52972063,2.33096219 6.86093488,0.999747943 8.49962767,1.00002735 Z" id="形状结合" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/dynamic/dynamic-item/dynamic-align/index.scss

@@ -1,79 +0,0 @@
-.titaui-dynamic-align-item {
-  position: relative;
-  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
-    sans-serif, PingFang SC, Microsoft YaHei;
-  &__content {
-    margin-left: 69px;
-    position: relative;
-  }
-  &__obj {
-    display: flex;
-    flex-direction: column;
-    &-base-info {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      &-icon {
-        color: #89919f;
-        font-size: 18px;
-        margin-right: 8px;
-      }
-    }
-    &-title {
-      overflow: hidden;
-      white-space: nowrap;
-      word-break: keep-all;
-      font-size: 14px;
-      font-weight: 600;
-      color: #3f4755;
-      line-height: 22px;
-      &:hover {
-        cursor: pointer;
-        color: #2879ff;
-      }
-    }
-    &-principal-user {
-      font-size: 12px;
-      color: #89919f;
-      line-height: 18px;
-      margin-left: 26px;
-      &::after {
-        content: "·";
-        display: inline-block;
-        margin: 0 4px;
-      }
-    }
-    &-cycle {
-      font-size: 12px;
-      color: #89919f;
-      line-height: 18px;
-    }
-  }
-  &__align-img {
-    position: absolute;
-    top: 38px;
-  }
-  &__space {
-    height: 20px;
-  }
-  &__operate-desc {
-    font-size: 14px;
-    font-weight: 400;
-    color: #89919f;
-    line-height: 22px;
-    margin: 0 8px 0 4px;
-    overflow: hidden;
-  }
-  &-desc-operate-type {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0 6px;
-    height: 18px;
-    min-width: 40px;
-    border-radius: 10px 10px 10px 2px;
-    font-size: 12px;
-    color: #ffffff;
-    line-height: 18px;
-  }
-}