@opensumi/ide-core-browser 2.21.8-rc-1670567192.0 → 2.21.8

package/src/components/loading/media/loading-dark.svg

@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="20px" height="20px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
-<g transform="rotate(0 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(30 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(60 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(90 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(120 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(150 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(180 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(210 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(240 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(270 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(300 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(330 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
-  </rect>
-</g>
-</svg>

package/src/components/loading/media/loading-hc.svg

@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="20px" height="20px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
-<g transform="rotate(0 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(30 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(60 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(90 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(120 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(150 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(180 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(210 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(240 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(270 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(300 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(330 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="white">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
-  </rect>
-</g>
-</svg>

package/src/components/loading/media/loading.svg

@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="20px" height="20px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
-<g transform="rotate(0 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(30 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(60 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(90 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(120 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(150 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(180 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(210 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(240 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(270 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(300 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(330 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="grey">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
-  </rect>
-</g>
-</svg>

package/src/components/popover/styles.module.less

@@ -1,81 +0,0 @@
-@import '../../style/variable.less';
-
-.popover {
-  position: relative;
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  .content {
-    display: none;
-  }
-}
-
-:global {
-  :local(.content) {
-    position: absolute;
-    color: var(--kt-tooltip-foreground);
-    background: var(--kt-tooltip-background);
-    border-color: var(--notifications-border);
-    border-radius: var(--kt-tooltip-borderRadius);
-    .overlay-shadow();
-    box-shadow: 0 5px 15px 0 var(--widget-shadow);
-    padding: 5px 10px;
-    z-index: 10001;
-    margin-top: -5px;
-
-    &.top {
-      &::after {
-        position: absolute;
-        left: 50%;
-        margin-left: -7px;
-        top: 100%;
-        content: '';
-        width: 0;
-        height: 0;
-        border-style: solid;
-        border-width: 7px 7px 0 7px;
-        border-color: var(--kt-tooltip-background) transparent transparent transparent;
-      }
-
-      &::before {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 100%;
-        width: 100%;
-        height: 15px;
-        border-style: solid;
-        background: transparent;
-        border: 0;
-      }
-    }
-    &.bottom {
-      &::after {
-        position: absolute;
-        left: 50%;
-        margin-left: -7px;
-        bottom: 100%;
-        content: '';
-        width: 0;
-        height: 0;
-        border-style: solid;
-        border-width: 0 7px 7px 7px;
-        border-color: transparent transparent var(--kt-tooltip-background) transparent;
-      }
-
-      &::before {
-        content: '';
-        position: absolute;
-        left: 0;
-        bottom: 100%;
-        width: 100%;
-        height: 15px;
-        border-style: solid;
-        background: transparent;
-        border: 0;
-      }
-    }
-  }
-}

package/src/components/portal/index.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-
-import { usePortal } from '../../react-hooks';
-
-const Portal: React.FC<{
-  id: string;
-}> = ({ id, children }) => {
-  const target = usePortal(id);
-  return ReactDOM.createPortal(children, target);
-};
-
-export default Portal;

package/src/components/progressbar/index.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-
-import styles from './styles.module.less';
-
-export const ProgressBar: React.FC<{
-  loading: boolean;
-}> = React.memo(({ loading }) => {
-  if (!loading) {
-    return null;
-  }
-  return (
-    <div className={styles.progressbar}>
-      <div className={styles.barblock} />
-    </div>
-  );
-});

package/src/components/progressbar/styles.module.less

@@ -1,31 +0,0 @@
-@import '../../style/variable.less';
-
-.progressbar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-}
-
-.barblock {
-  position: absolute;
-  left: 0;
-  top: 0;
-  background: var(--progressBar-background);
-  width: 10px;
-  height: 2px;
-  animation: loading 5s infinite;
-}
-
-@keyframes loading {
-  0% {
-    left: 0;
-  }
-  50% {
-    left: calc(100% - 20px);
-    width: 20px;
-  }
-  100% {
-    left: 0;
-  }
-}

package/src/components/recycle-tree/index.ts

@@ -1 +0,0 @@
-export * from './recycle-tree.view';

package/src/components/recycle-tree/recycle-tree.view.tsx

@@ -1,368 +0,0 @@
-import fuzzy from 'fuzzy';
-import React from 'react';
-
-import { Deprecated } from '@opensumi/ide-components/lib/utils';
-
-import { PerfectScrollbar } from '../scrollbar';
-import { TreeProps, TreeContainer, TreeNode, ExpandableTreeNode, TEMP_FILE_NAME } from '../tree';
-
-export interface RecycleTreeProps extends TreeProps {
-  /**
-   * 滚动内容样式，包括不可见区域
-   *
-   * @type {({
-   *     [key: string]: string | number | boolean | undefined,
-   *   })}
-   * @memberof RecycleTreeProps
-   */
-  scrollContentStyle?: {
-    [key: string]: string | number | boolean | undefined;
-  };
-  /**
-   * 可视区域样式 (必须包含宽高用于初始化视图)
-   *
-   * @type {({
-   *     width: number | string;
-   *     height: number | string;
-   *     [key: string]: string | number | boolean | undefined,
-   *   })}
-   * @memberof RecycleTreeProps
-   */
-  scrollContainerStyle: {
-    width: number | string;
-    height: number | string;
-    [key: string]: string | number | boolean | undefined;
-  };
-  /**
-   * 缩进大小
-   *
-   * @type {number}
-   * @memberof RecycleTreeProps
-   */
-  leftPadding?: number;
-  /**
-   * 默认顶部高度
-   *
-   * @type {number}
-   * @memberof RecycleTreeProps
-   */
-  scrollTop?: number;
-  /**
-   * 预加载数量, 默认值为 10
-   *
-   * @type {number}
-   * @memberof RecycleTreeProps
-   */
-  prerenderNumber?: number;
-  /**
-   * 搜索字符串
-   *
-   * @type {string}
-   * @memberof RecycleTreeProps
-   */
-  search?: string;
-  /**
-   * 替换的字符串，需配合search字段使用
-   *
-   * @type {string}
-   * @memberof RecycleTreeProps
-   */
-  replace?: string;
-  /**
-   * 容器高度
-   * RecycleTree配合 itemLineHeight 计算出可视区域渲染数量
-   *
-   * @type {number}
-   * @memberof RecycleTreeProps
-   */
-  containerHeight: number;
-}
-
-/**
- * @deprecated will be removed in v2.19.0 version
- */
-export const DeprecatedRecycleTree = ({
-  nodes,
-  leftPadding,
-  defaultLeftPadding,
-  multiSelectable,
-  scrollContainerStyle,
-  scrollContentStyle,
-  onContextMenu,
-  onDrag,
-  onDragStart,
-  onDragEnter,
-  onDragOver,
-  onDragLeave,
-  onDragEnd,
-  onDrop,
-  onChange,
-  draggable,
-  foldable,
-  editable,
-  searchable,
-  search,
-  replace,
-  onSelect,
-  onBlur,
-  onFocus,
-  onReveal,
-  filter,
-  onTwistieClick,
-  scrollTop,
-  prerenderNumber = 10,
-  containerHeight,
-  itemLineHeight = 22,
-  actions,
-  commandActuator,
-  fileDecorationProvider,
-  themeProvider,
-  notifyFileDecorationsChange,
-  notifyThemeChange,
-  validate,
-  alwaysShowActions,
-}: RecycleTreeProps) => {
-  const noop = () => {};
-  const contentNumber = Math.ceil(containerHeight / itemLineHeight);
-  const [scrollRef, setScrollRef] = React.useState<HTMLDivElement>();
-  const [renderedStart, setRenderedStart] = React.useState(0);
-  const [renderNodes, setRenderNodes] = React.useState<TreeNode[]>([]);
-  const renderedEnd: number = renderedStart + contentNumber + prerenderNumber;
-  // 预加载因子
-  const preFactor = 3 / 4;
-  const upPrerenderNumber = Math.floor(prerenderNumber * preFactor);
-  const fuzzyOptions = {
-    pre: '<match>',
-    post: '</match>',
-    extract: (node: TreeNode) => {
-      if (typeof node.name === 'string') {
-        return node.name;
-      }
-      return '';
-    },
-  };
-
-  const isEqualOrParent = (node1: TreeNode, node2: TreeNode) => {
-    if (node1.id === node2.id) {
-      return true;
-    }
-    let parent = node2.parent;
-    while (parent) {
-      if (parent.id === node1.id) {
-        return true;
-      }
-      parent = parent.parent;
-    }
-    return false;
-  };
-
-  const isEqual = (node1: TreeNode, node2: TreeNode) => {
-    if (node1.id === node2.id) {
-      return true;
-    }
-    return false;
-  };
-
-  React.useEffect(() => {
-    if (typeof scrollTop === 'number' && scrollRef) {
-      scrollRef.scrollTop = scrollTop;
-    }
-    setRenderedStart(scrollTop ? Math.floor(scrollTop / itemLineHeight) : 0);
-  }, [scrollTop]);
-
-  React.useEffect(() => {
-    let renderedFileItems;
-    if (filter) {
-      const fuzzyLists = fuzzy.filter(filter, nodes, fuzzyOptions);
-      const tempNode = nodes.find((node: TreeNode) => node.name === TEMP_FILE_NAME);
-      renderedFileItems = nodes
-        .map((node: TreeNode) => {
-          for (const item of fuzzyLists) {
-            if (isEqual(node, (item as any).original)) {
-              // 匹配，存在高亮
-              return {
-                ...node,
-                name: () => (
-                  <div
-                    style={{
-                      flex: 1,
-                      overflow: 'hidden',
-                      textOverflow: 'ellipsis',
-                      whiteSpace: 'nowrap',
-                    }}
-                    dangerouslySetInnerHTML={{ __html: item.string || '' }}
-                  ></div>
-                ),
-              };
-            } else if (isEqualOrParent(node, (item as any).original) || (tempNode && isEqualOrParent(node, tempNode))) {
-              // 子节点存在匹配，不高亮但需展示
-              return node;
-            } else if (node.name === TEMP_FILE_NAME) {
-              // 如果为新建节点的节点，直接返回展示
-              return node;
-            }
-          }
-        })
-        .filter((node: TreeNode) => !!node);
-    } else {
-      renderedFileItems = nodes;
-    }
-    renderedFileItems = renderedFileItems!.filter(
-      (item: TreeNode, index: number) => renderedStart <= index && index <= renderedEnd,
-    );
-    renderedFileItems = renderedFileItems.map((item: TreeNode, index: number) => {
-      let highLightRanges = item.highLightRanges;
-      if (!highLightRanges && searchable && search) {
-        highLightRanges = {
-          name: [],
-          description: [],
-        };
-        let start;
-        let end;
-        if (typeof item.name === 'string') {
-          let step = 0;
-          start = item.name.indexOf(search);
-          while (start >= 0) {
-            end = start + search.length;
-            highLightRanges.name!.push({
-              start: start + step,
-              end: end + step,
-            });
-            step += end;
-            start = item.name.indexOf(search.slice(end));
-          }
-        }
-        if (typeof item.description === 'string') {
-          let step = 0;
-          start = item.description.indexOf(search);
-          while (start >= 0) {
-            end = start + search.length;
-            highLightRanges.description!.push({
-              start: start + step,
-              end: end + step,
-            });
-            step += end;
-            start = item.description.indexOf(search.slice(end));
-          }
-        }
-      }
-      return {
-        ...item,
-        order: renderedStart + index,
-        highLightRanges,
-        replace,
-      };
-    });
-    setRenderNodes(renderedFileItems);
-  }, [nodes, renderedStart, scrollContainerStyle]);
-
-  React.useEffect(() => {
-    if (scrollRef) {
-      scrollRef.scrollTop = 0;
-    }
-    setRenderedStart(0);
-  }, [filter]);
-
-  const scrollUpHandler = (element: Element) => {
-    const positionIndex = Math.floor(element.scrollTop / itemLineHeight);
-    if (positionIndex > upPrerenderNumber) {
-      const start = positionIndex - upPrerenderNumber;
-      // 当开始位置超过节点长度时，重置其实位置
-      setRenderedStart(start > nodes.length ? 0 : start);
-    } else {
-      setRenderedStart(0);
-    }
-  };
-
-  const scrollUpThrottledHandler = (element: Element) => {
-    requestAnimationFrame(() => {
-      scrollUpHandler(element);
-    });
-  };
-
-  const scrollDownHandler = (element: Element) => {
-    const positionIndex = Math.floor(element.scrollTop / itemLineHeight);
-    if (positionIndex > prerenderNumber - upPrerenderNumber) {
-      const start = positionIndex - (prerenderNumber - upPrerenderNumber);
-      // 当开始位置超过节点长度时，重置其实位置
-      setRenderedStart(start > nodes.length ? 0 : start);
-    } else {
-      setRenderedStart(0);
-    }
-  };
-
-  const scrollDownThrottledHandler = (element: Element) => {
-    requestAnimationFrame(() => {
-      scrollDownHandler(element);
-    });
-  };
-
-  const contentStyle = scrollContentStyle || {
-    width: '100%',
-    height: nodes.length * itemLineHeight <= containerHeight ? containerHeight : nodes.length * itemLineHeight,
-    userSelect: 'none',
-  };
-
-  const scrollerBarOptions = {
-    minScrollbarLength: 20,
-  };
-
-  const isComplex = !!nodes!.find(<T extends TreeNode>(node: T, index: number) => ExpandableTreeNode.is(node));
-
-  return (
-    <React.Fragment>
-      <PerfectScrollbar
-        style={scrollContainerStyle}
-        onScrollUp={scrollUpThrottledHandler}
-        onScrollDown={scrollDownThrottledHandler}
-        containerRef={(ref) => {
-          setScrollRef(ref);
-        }}
-        options={scrollerBarOptions}
-      >
-        <TreeContainer
-          style={contentStyle}
-          multiSelectable={multiSelectable}
-          itemLineHeight={itemLineHeight}
-          nodes={renderNodes}
-          actions={actions}
-          commandActuator={commandActuator}
-          leftPadding={leftPadding}
-          defaultLeftPadding={defaultLeftPadding}
-          onContextMenu={onContextMenu || noop}
-          onDrag={onDrag || noop}
-          onBlur={onBlur || noop}
-          onFocus={onFocus || noop}
-          onDragStart={onDragStart || noop}
-          onDragEnter={onDragEnter || noop}
-          onDragEnd={onDragEnd || noop}
-          onDragOver={onDragOver || noop}
-          onDragLeave={onDragLeave || noop}
-          onChange={onChange || noop}
-          onDrop={onDrop || noop}
-          onSelect={onSelect || noop}
-          onReveal={onReveal || noop}
-          onTwistieClick={onTwistieClick}
-          draggable={draggable}
-          foldable={foldable}
-          replace={replace}
-          editable={editable}
-          fileDecorationProvider={fileDecorationProvider}
-          themeProvider={themeProvider}
-          notifyFileDecorationsChange={notifyFileDecorationsChange}
-          notifyThemeChange={notifyThemeChange}
-          validate={validate}
-          isComplex={isComplex}
-          alwaysShowActions={alwaysShowActions}
-        />
-      </PerfectScrollbar>
-    </React.Fragment>
-  );
-};
-
-DeprecatedRecycleTree.displayName = 'DeprecatedRecycleTree';
-
-export const RecycleTree = Deprecated(
-  DeprecatedRecycleTree,
-  '[Deprecated warning]: The `RecycleTree` component in `@opensumi/ide-core-browser` will be removed in v2.19.0 version. Please use the new `RecycleTree` in `@opensumi/ide-component` instead',
-);