@titaui/pc 1.7.12 → 1.7.13

package/src/components/menus/components/menu-tree/images/okr-menu/okr.svg

@@ -1,19 +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>
-    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(-36.000000, -161.000000)" id="主菜单" stroke-width="1.2">
-            <g transform="translate(16.000000, 74.000000)">
-                <g id="OKR" transform="translate(20.000000, 87.000000)">
-                    <g id="编组-2" transform="translate(2.625000, 2.325000)">
-                        <path d="M7.14685615,0.342624883 C6.89438347,0.31223132 6.63737051,0.296590909 6.37670455,0.296590909 C2.85494787,0.296590909 0,3.15153878 0,6.67329545 C0,10.1950521 2.85494787,13.05 6.37670455,13.05 C9.89846122,13.05 12.7534091,10.1950521 12.7534091,6.67329545 C12.7534091,6.41019278 12.7374749,6.15081174 12.7065189,5.8960647" id="路径" stroke="#141C28" stroke-linecap="round"></path>
-                        <path d="M2.52102273,6.67329545 C2.52102273,8.80272972 4.24727028,10.5289773 6.37670455,10.5289773" id="路径" stroke="#2879FF" stroke-linecap="round" stroke-linejoin="round"></path>
-                        <circle id="椭圆形" stroke="#141C28" cx="6.37670455" cy="6.67329545" r="1.18636364"></circle>
-                        <line x1="7.26647727" y1="5.78352273" x2="9.19431818" y2="3.85568182" id="路径-5" stroke="#141C28" stroke-linecap="round"></line>
-                        <path d="M9.78734169,1.05574061 L10.6421943,1.52202387 L10.6421943,1.52202387 L11.497047,1.05574061 C11.7515923,0.916897682 12.0704966,1.01069304 12.2093395,1.26523842 C12.2514031,1.34235494 12.2734443,1.42879332 12.2734443,1.51663579 L12.2734443,2.98991195 C12.2734443,3.18203266 12.1685036,3.35880971 11.9998417,3.45080712 L10.6421943,4.19134205 L10.6421943,4.19134205 L9.28454695,3.45080712 C9.11588503,3.35880971 9.01094432,3.18203266 9.01094432,2.98991195 L9.01094432,1.51663579 C9.01094432,1.2266863 9.24599483,0.99163579 9.53594432,0.99163579 C9.62378679,0.99163579 9.71022518,1.01367706 9.78734169,1.05574061 Z" id="矩形" stroke="#141C28" stroke-linejoin="round" transform="translate(10.642194, 2.411797) rotate(-315.000000) translate(-10.642194, -2.411797) "></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/menus/components/menu-tree/images/okr-menu/panel.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>OKR-gongzuofa</title>
-    <g id="OKR-gongzuofa" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M82,126 C99.673112,126 114,140.326888 114,158 L114,178 C114,195.673112 99.673112,210 82,210 L62,210 C44.326888,210 30,195.673112 30,178 L30,158 C30,140.326888 44.326888,126 62,126 L82,126 Z M178,126 C195.673112,126 210,140.326888 210,158 L210,178 C210,195.673112 195.673112,210 178,210 L158,210 C140.326888,210 126,195.673112 126,178 L126,158 C126,140.326888 140.326888,126 158,126 L178,126 Z M82,142 L62,142 C53.2686411,142 46.1707953,148.993901 46.0030364,157.685129 L46,158 L46,178 C46,186.731359 52.993901,193.829205 61.6851293,193.996964 L62,194 L82,194 C90.7313589,194 97.8292047,187.006099 97.9969636,178.314871 L98,178 L98,158 C98,149.268641 91.006099,142.170795 82.3148707,142.003036 L82,142 Z M178,142 L158,142 C149.268641,142 142.170795,148.993901 142.003036,157.685129 L142,158 L142,178 C142,186.731359 148.993901,193.829205 157.685129,193.996964 L158,194 L178,194 C186.731359,194 193.829205,187.006099 193.996964,178.314871 L194,178 L194,158 C194,149.268641 187.006099,142.170795 178.314871,142.003036 L178,142 Z M82,30 C99.673112,30 114,44.326888 114,62 L114,82 C114,99.673112 99.673112,114 82,114 L62,114 C44.326888,114 30,99.673112 30,82 L30,62 C30,44.326888 44.326888,30 62,30 L82,30 Z M82,46 L62,46 C53.2686411,46 46.1707953,52.993901 46.0030364,61.6851293 L46,62 L46,82 C46,90.7313589 52.993901,97.8292047 61.6851293,97.9969636 L62,98 L82,98 C90.7313589,98 97.8292047,91.006099 97.9969636,82.3148707 L98,82 L98,62 C98,53.2686411 91.006099,46.1707953 82.3148707,46.0030364 L82,46 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
-        <path d="M175,33 C192.673112,33 207,47.326888 207,65 L207,79 C207,96.673112 192.673112,111 175,111 L161,111 C143.326888,111 129,96.673112 129,79 L129,65 C129,47.326888 143.326888,33 161,33 L175,33 Z M175,49 L161,49 C152.268641,49 145.170795,55.993901 145.003036,64.6851293 L145,65 L145,79 C145,87.7313589 151.993901,94.8292047 160.685129,94.9969636 L161,95 L175,95 C183.731359,95 190.829205,88.006099 190.996964,79.3148707 L191,79 L191,65 C191,56.2686411 184.006099,49.1707953 175.314871,49.0030364 L175,49 Z" id="矩形" fill="#2879FF" fill-rule="nonzero" transform="translate(168.000000, 72.000000) rotate(-45.000000) translate(-168.000000, -72.000000) "></path>
-    </g>
-</svg>

package/src/components/menus/components/menu-tree/images/user-concern-add.svg

@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink">
-  <title>切片</title>
-  <defs>
-    <filter id="filter-1">
-      <feColorMatrix in="SourceGraphic" type="matrix"
-        values="0 0 0 0 0.247059 0 0 0 0 0.278431 0 0 0 0 0.333333 0 0 0 1.000000 0"></feColorMatrix>
-    </filter>
-  </defs>
-  <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-    <g id="OKR-点击人员头像" transform="translate(-161.000000, -363.000000)">
-      <g id="主菜单" transform="translate(16.000000, 74.000000)">
-        <g id="enlarge备份" transform="translate(140.000000, 284.000000)" filter="url(#filter-1)">
-          <g transform="translate(5.000000, 5.000000)">
-            <rect id="矩形" fill="#141C28"
-              transform="translate(7.000000, 7.116667) rotate(-360.000000) translate(-7.000000, -7.116667) " x="1.75"
-              y="6.53333333" width="10.5" height="1.16666667" rx="0.583333333"></rect>
-            <path
-              d="M2.33333333,6.53333333 L11.6666667,6.53333333 C11.9888328,6.53333333 12.25,6.79450056 12.25,7.11666667 C12.25,7.43883277 11.9888328,7.7 11.6666667,7.7 L2.33333333,7.7 C2.01116723,7.7 1.75,7.43883277 1.75,7.11666667 C1.75,6.79450056 2.01116723,6.53333333 2.33333333,6.53333333 Z"
-              id="矩形" fill="#141C28"
-              transform="translate(7.000000, 7.116667) scale(-1, 1) rotate(-270.000000) translate(-7.000000, -7.116667) ">
-            </path>
-          </g>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>

package/src/components/menus/components/menu-tree/images/yibiao.svg

@@ -1,14 +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>
-    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(-36.000000, -521.000000)" id="主菜单">
-            <g transform="translate(16.000000, 74.000000)">
-                <g id="yibiao" transform="translate(20.000000, 447.000000)">
-                    <path d="M11.6058501,2.60915119 C10.8017528,2.28091372 9.92196548,2.1 9,2.1 C7.094565,2.1 5.369565,2.872455 4.12101,4.12101 C2.872455,5.369565 2.1,7.094565 2.1,9 C2.1,10.90509 2.872455,12.63009 4.12101,13.879335 C5.369565,15.12789 7.094565,15.9 9,15.9 C10.90509,15.9 12.63009,15.12789 13.879335,13.879335 C15.12789,12.63009 15.9,10.90509 15.9,9 C15.9,7.97574873 15.6768978,7.0036344 15.276617,6.12963432" id="路径" stroke="#141C28" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
-                    <path d="M10.5642876,4.40248766 C10.6260684,4.41355287 10.6744281,4.46191251 10.6854933,4.52369329 L11.5496473,9.33724023 C11.5745392,9.42686362 11.5878428,9.5213095 11.5878428,9.6188626 L11.5828428,9.5311126 L11.5878428,9.56181135 L11.5838428,9.5611126 L11.5878428,9.6188626 C11.5878428,10.1601017 11.1783326,10.6056945 10.6522518,10.6627013 L10.5378428,10.6688626 C9.95794379,10.6688626 9.48784278,10.1987616 9.48784278,9.6188626 C9.48784278,9.59953264 9.48836511,9.58032467 9.48939643,9.56125204 L9.48784278,9.56181135 L9.49096887,9.53723328 C9.49652604,9.46496069 9.50940013,9.39473708 9.52885162,9.32730201 L10.3901923,4.52369329 C10.4047974,4.44214817 10.4827425,4.38788256 10.5642876,4.40248766 Z" id="形状结合" fill="#2879FF" transform="translate(10.537843, 7.534488) rotate(-315.000000) translate(-10.537843, -7.534488) "></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/menus/components/menu-tree/index.scss

@@ -1,52 +0,0 @@
-.titaui-menus-tree {
-  .rc-tree-title {
-    text-align: left;
-  }
-  .rc-tree-treenode-selected {
-    position: relative;
-
-    &:before {
-      position: absolute;
-      display: inline-block;
-      height: 100%;
-      width: 100%;
-      content: "";
-      opacity: 0;
-      background: #e9f1ff;
-      border-radius: 12px;
-      font-weight: 500;
-      will-change: opacity;
-      animation: selectMenuOpacity 0.4s 1 forwards;
-    }
-
-    .titaui-menus-tree__menu-item-node-title {
-      color: #2879ff;
-      font-weight: 500;
-    }
-  }
-  .rc-tree-indent {
-    display: none;
-  }
-  .rc-tree-node-content-wrapper {
-    width: 100% !important;
-  }
-  .rc-tree-switcher {
-    display: none;
-  }
-  .rc-tree-node-content-wrapper,
-  .rc-tree-treenode {
-    cursor: default !important;
-  }
-  .rc-tree-icon__open.rc-tree-icon_loading {
-    display: none;
-  }
-}
-
-@keyframes selectMenuOpacity {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}

package/src/components/menus/components/menu-tree/index.tsx

@@ -1,60 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import Tree from '../../../tree';
-import titleRenderHandler from './tree-node';
-import {
-  GROUP_NAME_NODE, LOADING_NODE, NO_FOLLOWER_NODE,
-  // COMPANY_ALL_NODE
-} from './tree-node/index';
-import preCls from './precls';
-
-import './index.scss';
-
-interface Props {
-  data: any;
-  defaultExpandedKeys?: any[];
-  onSelect: Function;
-  expandedKeys?: string[];
-  loadData?: any;
-  selectedKeys?: any[];
-  onExpand?: Function;
-  itemHeight?: number;
-  height?: number;
-  virtual?: boolean;
-}
-
-export default (props: Props) => {
-  const {
-    data,
-    onSelect,
-    loadData,
-    selectedKeys,
-    onExpand,
-    ...restProps
-  } = props;
-
-  const beforeSelectHandler = node => {
-    if (node.nodeType == GROUP_NAME_NODE) return false;
-    if (node.nodeType == LOADING_NODE) return false;
-    if (node.nodeType == NO_FOLLOWER_NODE) return false;
-    // if (node.nodeType == COMPANY_ALL_NODE) return false;
-    return true;
-  }
-
-  return <div className={classNames(`${preCls}-warpper`)}>
-    <Tree
-      treeData={data}
-      draggable={false}
-      selectNodeHighlight={false}
-      selectedKeys={selectedKeys}
-      onExpand={onExpand}
-      titleRender={titleRenderHandler}
-      className={preCls}
-      loadData={loadData}
-      onSelect={onSelect}
-      switcherIcon={false}
-      beforeSelect={beforeSelectHandler}
-      {...restProps}
-    />
-  </div>
-}

package/src/components/menus/components/menu-tree/precls.ts

@@ -1 +0,0 @@
-export default 'titaui-menus-tree';

package/src/components/menus/components/menu-tree/tree-node/assess-manage.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import preCls from '../precls';
-
-import './index.scss';
-
-export default props => {
-  const { data, level } = props;
-
-  const onNodeClickHandler = () => {
-    if (data.href) {
-      window.location.href = data.href;
-    }
-  }
-
-  return <div className={classNames(`${preCls}__ass-manage-node`)} onClick={onNodeClickHandler} title="">
-    {level > 0 && <span className={classNames(`${preCls}__ass-manage-node-indent`)} />}
-    {data.icon && <span className={classNames(`${preCls}__ass-manage-node-icon`, data.icon)} />}
-    <span className={classNames(`${preCls}__ass-manage-node-title`, 'noselect')}>{props.title}</span>
-    <span className={classNames(`${preCls}__ass-manage-node-suffix`)} />
-  </div>
-}

package/src/components/menus/components/menu-tree/tree-node/assess-template.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import preCls from '../precls';
-
-import './index.scss';
-
-export default props => {
-  const { data, level } = props;
-
-  const onNodeClickHandler = () => {
-    if (data.href) {
-      window.location.href = data.href;
-    }
-  }
-
-  return <div className={classNames(`${preCls}__ass-template-node`)} onClick={onNodeClickHandler} title="">
-    {level > 0 && <span className={classNames(`${preCls}__ass-template-node-indent`)} />}
-    {data.icon && <span className={classNames(`${preCls}__ass-template-node-icon`, data.icon)} />}
-    <span className={classNames(`${preCls}__ass-template-node-title`, 'noselect')}>{props.title}</span>
-    <span className={classNames(`${preCls}__ass-template-node-suffix`)} />
-  </div>
-}

package/src/components/menus/components/menu-tree/tree-node/avatar/index.scss

@@ -1,52 +0,0 @@
-@mixin avatar {
-  display: inline-block;
-  line-height: 24px;
-  width: 24px;
-  height: 24px;
-  font-size: 12px;
-  border-radius: 50%;
-  margin-right: 8px;
-}
-
-.titaui-menus-tree {
-  &__avatar {
-    &-img {
-      @include avatar;
-
-      & > img {
-        overflow: hidden;
-        border-radius: 50%;
-      }
-    }
-
-    &-name {
-      @include avatar;
-      color: white;
-
-      &-slice {
-        position: relative;
-        display: inline-block;
-        width: 24px;
-        height: 24px;
-        text-indent: 6px;
-        overflow: hidden;
-
-        & > span {
-          overflow: hidden;
-          display: inline-block;
-          width: 12px;
-          text-indent: 0;
-          text-align: left;
-        }
-      }
-    }
-
-    &-username {
-      font-size: 14px;
-      // font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
-      font-weight: 400;
-      color: #3f4755;
-      line-height: 20px;
-    }
-  }
-}

package/src/components/menus/components/menu-tree/tree-node/avatar/index.tsx

@@ -1,40 +0,0 @@
-import React, { useState } from "react";
-import classNames from "classnames";
-import preCls from "../../precls";
-
-import "./index.scss";
-
-interface Props {
-  user: any;
-}
-
-export default (props: Props) => {
-  const { user } = props;
-  const [hasAvatar] = useState(() => !!user.avatar.medium);
-
-  const renderImgAvatar = () => {
-    return <span className={classNames(`${preCls}__avatar-img`, "noselect")}>
-      <img
-        style={{ 'width': 24, 'height': 24, 'verticalAlign': "top" }}
-        src={user.avatar.medium}
-      />
-    </span>
-  };
-
-  const renderTextAvatar = () => {
-    return (
-      <span
-        className={classNames(`${preCls}__avatar-name`, "noselect")}
-        style={{ 'backgroundColor': user.avatar.color }}
-      >
-        <span className={classNames(`${preCls}__avatar-name-slice`)}>
-          <span>{user.name}</span>
-        </span>
-      </span>
-    );
-  };
-
-  return <React.Fragment>
-    {hasAvatar ? renderImgAvatar() : renderTextAvatar()}
-  </React.Fragment>
-};

package/src/components/menus/components/menu-tree/tree-node/company-all.tsx

@@ -1,27 +0,0 @@
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { FlipContext } from '../../../context';
-import preCls from '../precls';
-
-import './index.scss';
-
-export default props => {
-  const { data } = props;
-
-  const { flipGoNext } = useContext(FlipContext);
-
-  const onExpandHander = e => {
-    flipGoNext({
-      'type': 'depart'
-    });
-  }
-
-  return <div
-    title=""
-    className={classNames(`${preCls}__company-all-node`)}
-    onClick={onExpandHander}
-  >
-    {data.icon && <span className={classNames(`${preCls}__company-all-node-icon`, data.icon)} />}
-    <span className={classNames(`${preCls}__company-all-node-title`, 'noselect')}>{props.title}</span>
-  </div>
-}

package/src/components/menus/components/menu-tree/tree-node/compony/index.scss

@@ -1,17 +0,0 @@
-.titaui-menus-tree__compony-node {
-  padding: 9px 12px;
-  color: #3F4755;
-  font-size: 14px;
-  line-height: 20px;
-  cursor: pointer;
-
-  .tu-icon-OKR-gongsi-m {
-    margin-right: 6px;
-    font-size: 18px;
-    color: #353b46;
-  }
-  
-  &:hover {
-    color: #2879FF;
-  }
-}

package/src/components/menus/components/menu-tree/tree-node/compony/index.tsx

@@ -1,24 +0,0 @@
-import React, { useContext } from "react";
-import classNames from 'classnames';
-import { locale } from '../../../../i18n';
-import precls from "../../precls";
-import { FlipContext } from "../../../../context";
-
-import "./index.scss";
-
-const ComponyNode = () => {
-  const { flipGoNext } = useContext(FlipContext);
-
-  const gotoDepartTree = () => {
-    flipGoNext();
-  };
-
-  return (
-    <div className={classNames(`${precls}__compony-node`, 'noselect')} onClick={gotoDepartTree} title="">
-      <span className="tu-icon-OKR-gongsi-m" />
-      <span>{locale.alldeparment}</span>
-    </div>
-  );
-};
-
-export default ComponyNode;

package/src/components/menus/components/menu-tree/tree-node/depart/index.scss

@@ -1,35 +0,0 @@
-.titaui-menus-tree__depart-node {
-  padding: 9px 12px;
-  color: #3f4755;
-  font-size: 14px;
-  line-height: 20px;
-  cursor: pointer;
-  position: relative;
-  display: flex;
-  align-items: center;
-
-  .tu-icon-biaoqian-bumen {
-    font-size: 16px;
-    margin-right: 4px;
-    color: #a3acb9;
-  }
-
-  &:hover {
-    .titaui-menus-tree__depart-node-title {
-      color: #2879ff;
-    }
-  }
-
-  &-title {
-    display: inline-block;
-    width: calc(100% - 20px);
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  &-expand {
-    position: absolute;
-    right: 8px;
-    top: 12px;
-  }
-}

package/src/components/menus/components/menu-tree/tree-node/depart/index.tsx

@@ -1,31 +0,0 @@
-import React, { useState } from "react";
-import classNames from "classnames";
-import { OpenDepartmentName } from "../../../../../../utils/open-data";
-import preCls from "../../precls";
-import "./index.scss";
-
-export default (props) => {
-  const { onExpand, data, level = 0 } = props;
-  const { hasChild } = data;
-  const [isOpen, setIsOpen] = useState(false);
-
-  const handleExpand = e => {
-    setIsOpen(!isOpen);
-    onExpand(e);
-  }
-
-  return (
-    <div
-      title=""
-      className={classNames(`${preCls}__depart-node`, 'noselect')}
-      style={{ 'paddingLeft': 12 + level * 10 }}
-    >
-
-      <span className="tu-icon-biaoqian-bumen" />
-      <span className={`${preCls}__depart-node-title`}><OpenDepartmentName name={data.name} id={data.id} /></span>
-
-      {!isOpen && hasChild && <span className={classNames("tu-icon-APP-xi", `${preCls}__depart-node-expand`)} onClick={handleExpand} />}
-      {isOpen && <span className={classNames("tu-icon-arrow-down1", `${preCls}__depart-node-expand`)} onClick={handleExpand} />}
-    </div>
-  );
-};

package/src/components/menus/components/menu-tree/tree-node/follower/index.scss

@@ -1,62 +0,0 @@
-@mixin avatar {
-  display: inline-block;
-  line-height: 24px;
-  width: 24px;
-  height: 24px;
-  font-size: 12px;
-  border-radius: 50%;
-  margin-right: 8px;
-}
-
-.titaui-menus-tree {
-  &__follower-node {
-    display: flex;
-    align-items: center;
-    height: 40px;
-    line-height: 40px;
-    border-radius: 12px;
-    cursor: pointer;
-    position: relative;
-
-    &:hover {
-      .titaui-menus-tree__follower-node-cancel {
-        opacity: 1;
-      }
-      .titaui-menus-tree__follower-node-username {
-        color: #2879ff;
-      }
-    }
-
-    &-username {
-      font-size: 14px;
-      font-weight: 400;
-      color: #3f4755;
-      line-height: 20px;
-      overflow: hidden;
-      text-overflow: ellipsis;    
-      white-space: nowrap;
-    }
-
-    &-cancel {
-      display: inline-flex;
-      align-items: center;
-      position: absolute;
-      right: 5px;
-      opacity: 0;
-      transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
-      will-change: opacity;
-      color: #a4acb9;
-      border: 5px solid transparent;
-
-      & > span {
-        color: #a4acb9 !important;
-      }
-
-      &:hover {
-        & > span {
-          color: #f05e5e !important;
-        }
-      }
-    }
-  }
-}

package/src/components/menus/components/menu-tree/tree-node/follower/index.tsx

@@ -1,46 +0,0 @@
-import React, { useContext } from "react";
-import classNames from "classnames";
-import { locale } from '../../../../i18n';
-import { OpenUserName } from "../../../../../../utils/open-data";
-import Tooltip from '../../../../../tooltip';
-import { OkrMenusContext } from '../../../../context';
-import Avatar from '../avatar';
-import preCls from "../../precls";
-
-import "./index.scss";
-
-export default (props) => {
-  const { data: user, level = 0 } = props;
-
-  const { onRemoveConcerner } = useContext(OkrMenusContext);
-
-  const onCancelFollowHandler = e => {
-    e.stopPropagation();
-    onRemoveConcerner(user);
-  }
-
-  return <div
-    title=""
-    className={classNames(`${preCls}__follower-node`)}
-    style={{ 'paddingLeft': 12 + level * 10 }}
-  >
-    <Avatar user={user} />
-
-    <span
-      style={{ 'width': `calc(100% - ${12 + 13 + 15 + level * 10}px)` }}
-      className={classNames(`${preCls}__follower-node-username`, "noselect")}
-    >
-      <OpenUserName name={user.name} id={user.userId} />
-    </span>
-
-    <span className={classNames(`${preCls}__follower-node-cancel`)} onClick={onCancelFollowHandler}>
-      <Tooltip
-        overlay={<span>{locale.unsubscribe}</span>}
-        placement="top"
-        align={{ 'offset': [0, 5] }}
-      >
-        <span className="tu-icon-cross" />
-      </Tooltip>
-    </span>
-  </div>
-};

package/src/components/menus/components/menu-tree/tree-node/group-name.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import preCls from '../precls';
-
-import './index.scss';
-
-export default props => {
-  return <div className={classNames(`${preCls}__group-name-node`)} title="">
-    <span className={classNames(`${preCls}__group-name-node-title`, 'noselect')}>{props.title}</span>
-  </div>
-}