@titaui/pc 1.7.12 → 1.7.13

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

@@ -1,256 +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 './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('操作成功', { canClose: false });
-          } else {
-            Toast.Error(resp.Message, { canClose: false });
-          }
-        });
-      } else {
-        collectDynamic({ feedId }).then((resp) => {
-          if (resp.Code === 1) {
-            setNowIsCollect(!nowIsCollect);
-            setSelectVisible(false);
-            Toast.Success('操作成功', { 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('操作成功', { canClose: false });
-        } else {
-          Toast.Error(resp.Message, { canClose: false });
-        }
-      });
-    } else {
-      topDynamic({ feedId }).then((resp) => {
-        if (resp.Code === 1) {
-          setNowIsTop(!nowIsTop);
-          setSelectVisible(false);
-          Toast.Success('操作成功', { 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('删除成功', { 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(() => {
-    return (
-      <DialogConfirm visible={showDialogConfirm} type="warning">
-        {/* @ts-ignore */}
-        <span type="title">
-          确定删除该{feedType === EFeedType.Share ? '分享' : '公告'}吗？
-        </span>
-        {/* @ts-ignore */}
-        <span type="content">
-          该{feedType === EFeedType.Share ? '分享' : '公告'}
-          将被删除不可恢复，请谨慎操作!
-        </span>
-        <CancelButton type="button" onClick={cancelDeleteDynamic}>
-          取消
-        </CancelButton>
-        <WarningButton type="button" onClick={enSureDeleteDynamic}>
-          删除
-        </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}
-                  ></span>
-                }
-              >
-                <Item name="collect">
-                  <div className={prefix + '__more-operate-selection'}>
-                    <i
-                      className={classNames(
-                        'tu-icon-APP-shoucang',
-                        prefix + '__more-operate-selection-icon'
-                      )}
-                    />
-                    {nowIsCollect ? '取消收藏' : '收藏'}
-                  </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 ? '取消置顶' : '置顶'}
-                    </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'
-                        )}
-                      />
-                      删除
-                    </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,81 +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 2px;
-    height: 18px;
-    min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
-    font-size: 12px;
-    color: #ffffff;
-    line-height: 18px;
-  }
-}

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

@@ -1,146 +0,0 @@
-import React, { FC, useMemo, Fragment, useContext } from "react";
-import classNames from "classnames";
-import { IDynamicItemContentProps } from "../../interface";
-import DynamicItemHeader from "../components/header";
-import Tooltip from '../../../tooltip';
-import { OpenUserName } from "../../../../utils/open-data";
-import { EObjType } from "../../constant";
-import AlignSvg from "./img/dynamic-align.svg";
-import drawerManager from "../../../drawer-manager";
-import { getFeedTypeAndTypeColor } from "../../util";
-import { SearchKeyContext } from "../../context";
-import SearchKeyHandle from '../../../search-key-handle';
-import "./index.scss";
-
-const prefix = "titaui-dynamic-align-item";
-
-const DynamicAlign: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
-  const {
-    okrName,
-    okrId,
-    principalUser,
-    parentObjName,
-    parentObjType,
-    parentObjId,
-    parentPrincipalUser,
-    parentcycleName,
-    cycleName,
-    feedType,
-    publishUser,
-  } = data;
-  const { searchKeyWord } = useContext(SearchKeyContext);
-  const { feedTypeText, feedTypeColor } = getFeedTypeAndTypeColor(feedType);
-
-  const handleClickTitle = (id, type) => {
-    if (type === EObjType.Kr) {
-      drawerManager.open("krDetail", { krId: id });
-    }
-    if (type === EObjType.O) {
-      drawerManager.open("okrDetail", { okrId: id });
-    }
-  };
-
-  const renderDesc = useMemo(() => {
-    let text = "";
-    if (parentObjType === EObjType.Kr) {
-      text = "对齐了关键成果";
-    }
-    if (parentObjType === EObjType.O) {
-      text = "对齐了目标";
-    }
-    return (
-      <Fragment>
-        <span className={prefix + "__operate-desc"}>{text}</span>
-        <span
-          className={prefix + "-desc-operate-type"}
-          style={{ background: feedTypeColor }}
-        >
-          {feedTypeText}
-        </span>
-      </Fragment>
-    );
-  }, []);
-
-  return (
-    <div className={prefix}>
-      <DynamicItemHeader
-        data={data}
-        {...restProps}
-        desc={renderDesc}
-        user={publishUser}
-      />
-      <div className={`${prefix}__content`}>
-        <div className={prefix + '__obj'}>
-          <div className={prefix + '__obj-base-info'}>
-            <i
-              className={classNames(prefix + '__obj-base-info-icon', {
-                'tu-icon-okr': parentObjType === EObjType.O,
-                'tu-icon-KR': parentObjType === EObjType.Kr,
-              })}
-            />
-            <span
-              className={prefix + '__obj-title'}
-              onClick={() => {
-                handleClickTitle(parentObjId, parentObjType);
-              }}
-            >
-              <Tooltip.Text
-                isPercent
-                text={
-                  <SearchKeyHandle
-                    str={parentObjName}
-                    keyWord={searchKeyWord}
-                  />
-                }
-              />
-            </span>
-          </div>
-          <div>
-            <span className={prefix + '__obj-principal-user'}>
-              {parentPrincipalUser && (
-                <OpenUserName
-                  id={parentPrincipalUser.userId}
-                  name={parentPrincipalUser.name}
-                />
-              )}
-            </span>
-            <span className={prefix + '__obj-cycle'}>{parentcycleName}</span>
-          </div>
-        </div>
-        <img className={prefix + '__align-img'} src={AlignSvg} />
-        <div className={prefix + '__space'}></div>
-        <div className={prefix + '__obj'}>
-          <div className={prefix + '__obj-base-info'}>
-            <i
-              className={classNames(
-                prefix + '__obj-base-info-icon',
-                'tu-icon-okr'
-              )}
-            />
-            <span
-              className={prefix + '__obj-title'}
-              onClick={() => {
-                handleClickTitle(okrId, EObjType.O);
-              }}
-            >
-              <Tooltip.Text isPercent text={okrName} />
-            </span>
-          </div>
-          <div>
-            <span className={prefix + '__obj-principal-user'}>
-              {principalUser && (
-                <OpenUserName
-                  id={principalUser.userId}
-                  name={principalUser.name}
-                />
-              )}
-            </span>
-            <span className={prefix + '__obj-cycle'}>{cycleName}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DynamicAlign;

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

@@ -1,55 +0,0 @@
-.titaui-dynamic-announcement-item {
-  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
-    sans-serif, PingFang SC, Microsoft YaHei;
-  &__content {
-    font-size: 14px;
-    color: #3F4755;
-    line-height: 22px;
-    display: flex;
-    margin-left: 69px;
-    &-quoto {
-      width: 12px;
-      height: 12px;
-    }
-    &-quoto--left {
-      margin-right: 8px;
-      margin-top: -6px;
-    }
-    &-quoto--right {
-      margin-left: 8px;
-      margin-top: 4px;
-    }
-    b {
-      font-weight: 400;
-    }
-  }
-  &__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 2px;
-    height: 18px;
-    min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
-    font-size: 12px;
-    color: #ffffff;
-    line-height: 18px;
-  }
-  &__files {
-    margin-left: 69px;
-    margin-top: 12px;
-  }
-  .highlight {
-    color: #f05e5e;
-  }
-}

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

@@ -1,88 +0,0 @@
-import React, { FC, useContext, useMemo, Fragment, useEffect, useRef } from "react";
-import classNames from "classnames";
-import { IDynamicItemContentProps } from "../../interface";
-import LeftQuotoSvg from "../../img/dynamic-left-quoto.svg";
-import RightQuotoSvg from "../../img/dynamic-right-quoto.svg";
-import FileList from "../../../file-list";
-import { SearchKeyContext } from "../../context";
-import { highLightWord } from '../../../../utils/tools';
-import DynamicItemHeader from "../components/header";
-import { getFeedTypeAndTypeColor } from "../../util";
-import DangerousHtml from "../../components/dangerous-html";
-import "./index.scss";
-
-const prefix = "titaui-dynamic-announcement-item";
-
-const DynamicAnnouncement: FC<IDynamicItemContentProps> = ({
-  data,
-  hasDynamicOpereateAuth = false,
-  ...restProps
-}) => {
-  const { searchKeyWord } = useContext(SearchKeyContext);
-  const contentRef = useRef<any>();
-  const { feedTypeText, feedTypeColor } = getFeedTypeAndTypeColor(
-    data.feedType
-  );
-
-  const renderDesc = useMemo(() => {
-    return (
-      <Fragment>
-        <span className={prefix + "__operate-desc"}>发布的公告</span>
-        <span
-          className={prefix + "-desc-operate-type"}
-          style={{ background: feedTypeColor }}
-        >
-          {feedTypeText}
-        </span>
-      </Fragment>
-    );
-  }, []);
-
-  useEffect(() => {
-    highLightWord({
-      parentDom: contentRef.current,
-      keyWord: searchKeyWord,
-    });
-  }, [data, searchKeyWord]);
-
-  return (
-    <div className={prefix}>
-      <DynamicItemHeader
-        data={data}
-        desc={renderDesc}
-        showDelete={hasDynamicOpereateAuth}
-        showTopping={hasDynamicOpereateAuth}
-        user={data.publishUser}
-        {...restProps}
-      />
-      <div className={prefix + "__content"}>
-        <div>
-          <img
-            className={classNames(
-              prefix + "__content-quoto",
-              prefix + "__content-quoto--left"
-            )}
-            src={LeftQuotoSvg}
-          />
-        </div>
-        <div ref={contentRef}>
-          <DangerousHtml htmlText={data.content}/>
-          <img
-            className={classNames(
-              prefix + "__content-quoto",
-              prefix + "__content-quoto--right"
-            )}
-            src={RightQuotoSvg}
-          />
-        </div>
-      </div>
-      {data.attachments && (
-        <div className={prefix + "__files"}>
-          <FileList data={data.attachments} />
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default DynamicAnnouncement;