shopee-ui-react 0.0.1-security → 2.10.49

package/es/components/transfer/assets/no-result.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 88">
+  <g fill="none" fill-rule="evenodd" transform="translate(-12 -15)">
+    <rect width="96" height="96" x="9" y="12" fill="#D8D8D8" opacity="0"/>
+    <ellipse cx="57" cy="97" fill="#F2F2F2" rx="45" ry="6"/>
+    <g fill="#D8D8D8" transform="translate(88.2 19.72)">
+      <circle cx="7.8" cy="10.28" r="3" opacity=".5"/>
+      <circle cx="2" cy="3" r="2" opacity=".3"/>
+      <path fill-rule="nonzero" d="M10.5,1 C9.67157288,1 9,1.67157288 9,2.5 C9,3.32842712 9.67157288,4 10.5,4 C11.3284271,4 12,3.32842712 12,2.5 C12,1.67157288 11.3284271,1 10.5,1 Z M10.5,7.10542736e-15 C11.8807119,7.10542736e-15 13,1.11928813 13,2.5 C13,3.88071187 11.8807119,5 10.5,5 C9.11928813,5 8,3.88071187 8,2.5 C8,1.11928813 9.11928813,7.10542736e-15 10.5,7.10542736e-15 Z" opacity=".3"/>
+    </g>
+    <g stroke="#D8D8D8" transform="rotate(-45 58.778 23.737)">
+      <path fill="#FAFAFA" d="M35.4142136,67.9142136 L35.4142136,85.4142136 C35.4142136,86.5187831 34.7426407,87.4142136 33.9142136,87.4142136 C33.0857864,87.4142136 32.4142136,86.5187831 32.4142136,85.4142136 L32.4142136,67.9142136"/>
+      <circle cx="34" cy="34.686" r="33.5" fill="#FAFAFA"/>
+      <circle cx="34" cy="34.686" r="29.5" fill="#FFF"/>
+    </g>
+    <path fill="#FAFAFA" fill-rule="nonzero" stroke="#D8D8D8" d="M48.0491673,58.2185685 C49.6238763,58.2185685 50.9004302,59.4951224 50.9004302,61.0698314 C50.9004302,62.6445404 49.6238763,63.9210943 48.0491673,63.9210943 C46.4744583,63.9210943 45.1979044,62.6445404 45.1979044,61.0698314 C45.1979044,59.4951224 46.4744583,58.2185685 48.0491673,58.2185685 Z M48.167209,33.5 C52.9455253,33.5 56.834418,37.3888927 56.834418,42.167209 C56.834418,44.7914335 55.8234091,46.5453458 53.8232444,48.2976729 C53.5867168,48.5048927 53.398235,48.6623757 52.9868051,49.0005196 C50.8564755,50.7509179 50.3006508,51.561324 50.3006508,53.6013016 C50.3006508,54.7809415 49.3468489,55.7347434 48.167209,55.7347434 C46.9875691,55.7347434 46.0337672,54.7809415 46.0337672,53.6013016 C46.0337672,49.9886131 47.2436448,48.1948253 50.279015,45.7066788 C52.1512046,44.1641829 52.5675344,43.5736352 52.5675344,42.167209 C52.5675344,39.7379634 50.5964546,37.7668836 48.167209,37.7668836 C45.7379634,37.7668836 43.7668836,39.7379634 43.7668836,42.167209 C43.7668836,43.3468489 42.8130817,44.3006508 41.6334418,44.3006508 C40.4538019,44.3006508 39.5,43.3468489 39.5,42.167209 C39.5,37.3888927 43.3888927,33.5 48.167209,33.5 Z"/>
+  </g>
+</svg>

package/es/components/transfer/index.d.ts

@@ -0,0 +1,2 @@
+import Transfer from './Transfer';
+export default Transfer;

package/es/components/transfer/index.js

@@ -0,0 +1,2 @@
+import Transfer from './Transfer';
+export default Transfer;

package/es/components/transfer/no-result.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SvgComponent: (props: any) => JSX.Element;
+export default SvgComponent;

package/es/components/transfer/no-result.js

@@ -0,0 +1,68 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+/* eslint-disable */
+import * as React from 'react';
+
+var SvgComponent = function SvgComponent(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 90 88"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    transform: "translate(-12 -15)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "96",
+    height: "96",
+    x: "9",
+    y: "12",
+    fill: "#D8D8D8",
+    opacity: "0"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    cx: "57",
+    cy: "97",
+    fill: "#F2F2F2",
+    rx: "45",
+    ry: "6"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#D8D8D8",
+    transform: "translate(88.2 19.72)"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "7.8",
+    cy: "10.28",
+    r: "3",
+    opacity: ".5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "2",
+    cy: "3",
+    r: "2",
+    opacity: ".3"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "nonzero",
+    d: "M10.5,1 C9.67157288,1 9,1.67157288 9,2.5 C9,3.32842712 9.67157288,4 10.5,4 C11.3284271,4 12,3.32842712 12,2.5 C12,1.67157288 11.3284271,1 10.5,1 Z M10.5,7.10542736e-15 C11.8807119,7.10542736e-15 13,1.11928813 13,2.5 C13,3.88071187 11.8807119,5 10.5,5 C9.11928813,5 8,3.88071187 8,2.5 C8,1.11928813 9.11928813,7.10542736e-15 10.5,7.10542736e-15 Z",
+    opacity: ".3"
+  })), /*#__PURE__*/React.createElement("g", {
+    stroke: "#D8D8D8",
+    transform: "rotate(-45 58.778 23.737)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FAFAFA",
+    d: "M35.4142136,67.9142136 L35.4142136,85.4142136 C35.4142136,86.5187831 34.7426407,87.4142136 33.9142136,87.4142136 C33.0857864,87.4142136 32.4142136,86.5187831 32.4142136,85.4142136 L32.4142136,67.9142136"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "34",
+    cy: "34.686",
+    r: "33.5",
+    fill: "#FAFAFA"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "34",
+    cy: "34.686",
+    r: "29.5",
+    fill: "#FFF"
+  })), /*#__PURE__*/React.createElement("path", {
+    fill: "#FAFAFA",
+    fillRule: "nonzero",
+    stroke: "#D8D8D8",
+    d: "M48.0491673,58.2185685 C49.6238763,58.2185685 50.9004302,59.4951224 50.9004302,61.0698314 C50.9004302,62.6445404 49.6238763,63.9210943 48.0491673,63.9210943 C46.4744583,63.9210943 45.1979044,62.6445404 45.1979044,61.0698314 C45.1979044,59.4951224 46.4744583,58.2185685 48.0491673,58.2185685 Z M48.167209,33.5 C52.9455253,33.5 56.834418,37.3888927 56.834418,42.167209 C56.834418,44.7914335 55.8234091,46.5453458 53.8232444,48.2976729 C53.5867168,48.5048927 53.398235,48.6623757 52.9868051,49.0005196 C50.8564755,50.7509179 50.3006508,51.561324 50.3006508,53.6013016 C50.3006508,54.7809415 49.3468489,55.7347434 48.167209,55.7347434 C46.9875691,55.7347434 46.0337672,54.7809415 46.0337672,53.6013016 C46.0337672,49.9886131 47.2436448,48.1948253 50.279015,45.7066788 C52.1512046,44.1641829 52.5675344,43.5736352 52.5675344,42.167209 C52.5675344,39.7379634 50.5964546,37.7668836 48.167209,37.7668836 C45.7379634,37.7668836 43.7668836,39.7379634 43.7668836,42.167209 C43.7668836,43.3468489 42.8130817,44.3006508 41.6334418,44.3006508 C40.4538019,44.3006508 39.5,43.3468489 39.5,42.167209 C39.5,37.3888927 43.3888927,33.5 48.167209,33.5 Z"
+  })));
+};
+
+export default SvgComponent;

package/es/components/transfer/types.d.ts

@@ -0,0 +1,96 @@
+import { ReactElement } from 'react';
+declare type Type = 'original' | 'push' | 'unshift';
+export interface DataProps {
+    key?: string;
+    label?: string;
+    info?: {};
+}
+export declare type Param = string | Record<string, any>;
+export interface TransferProps {
+    /**
+     * prefix of classname
+     */
+    prefixCls?: string;
+    /**
+     * Transfer 的数据源
+     */
+    data?: DataProps[];
+    /**
+     * 穿梭框的高
+     */
+    height?: number;
+    /**
+     * 超过一行显示...
+     */
+    ellipsis?: boolean;
+    /**
+     * 搜索框占位符
+     */
+    filterPlaceholder?: string;
+    /**
+     * 搜索为空占位符
+     */
+    searchEmptyPlaceholder?: string;
+    /**
+     * 自定义搜索方法
+     */
+    filterMethod?: (param: Param, item: DataProps) => boolean;
+    /**
+     * taret panel绑定值
+     */
+    value?: string[];
+    /**
+     * 改变taret panel值的函数
+     */
+    onChange?: (value: string[]) => void;
+    /**
+     * 是否可搜索
+     */
+    filterable?: boolean;
+    /**
+     * 是否能拖拽排序
+     */
+    draggable?: boolean;
+    /**
+     * 是否能上下排序（draggable须为true）
+     */
+    showDraggableArrowBtn?: boolean;
+    /**
+     * 左标题
+     */
+    leftTitle?: string | ReactElement;
+    /**
+     * 右标题
+     */
+    rightTitle?: string | ReactElement;
+    /**
+     * 右侧列表元素的排序策略：若为original，则按key排序；若为push，则新加入的元素排在最后；
+     * 若为unshift，则新加入的元素排在最前。可拖拽时，不支持original，默认为unshift。
+     */
+    targetOrder?: Type;
+    /** children */
+    children?: React.ReactNode;
+    /**
+     *  自定义的filter
+     */
+    renderFilter?: (setQuery: any, clearParams: () => void) => ReactElement;
+}
+export interface TransferPanelProps {
+    prefixCls?: string;
+    data?: DataProps[];
+    ellipsis?: boolean;
+    filterPlaceholder?: string;
+    searchEmptyPlaceholder?: string;
+    filterMethod?: (params: Param, item: DataProps) => boolean;
+    filterable?: boolean;
+    draggable?: boolean;
+    dataProps?: DataProps;
+    clearable?: boolean;
+    children?: React.ReactNode;
+    onCheckedChange?: (val: string[]) => void;
+    onSortChange?: (newIndex: any, oldIndex: any) => void;
+    onKeyupHandle?: () => void;
+    onKeydownHandle?: () => void;
+    renderFilter?: (setParam: (val: number | string, key?: string) => void, clearParam: () => void) => ReactElement;
+}
+export {};

package/es/components/tree/DirectoryTree.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import RcTree from 'rc-tree';
+import { DirectoryTreeProps } from './types';
+declare const ForwardDirectoryTree: React.ForwardRefExoticComponent<DirectoryTreeProps & React.RefAttributes<RcTree>>;
+export default ForwardDirectoryTree;

package/es/components/tree/DirectoryTree.js

@@ -0,0 +1,285 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React, { useImperativeHandle, useRef, createRef, useState, useEffect, forwardRef } from 'react';
+import classNames from 'classnames';
+import { conductExpandParent } from "rc-tree/es/util";
+import { convertDataToEntities, convertTreeToData } from "rc-tree/es/utils/treeUtil";
+import debounce from '../../utils/debounce';
+import Tree from './Tree';
+import { calcRangeKeys, convertDirectoryKeysToNodes } from './utils/dictUtil';
+import loop from './utils/loop';
+import OverflowTooltip from './OverflowTooltip';
+import ConfigProvider from '../config-provider';
+
+function getTreeData(_ref) {
+  var treeData = _ref.treeData,
+      children = _ref.children;
+  return treeData || convertTreeToData(children);
+}
+
+var DirectoryTree = function DirectoryTree(_a, ref) {
+  var defaultExpandAll = _a.defaultExpandAll,
+      defaultExpandParent = _a.defaultExpandParent,
+      defaultExpandedKeys = _a.defaultExpandedKeys,
+      props = __rest(_a, ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"]); // Shift click usage
+
+
+  var lastSelectedKey = useRef();
+  var cachedSelectedKeys = useRef();
+  var treeRef = /*#__PURE__*/createRef();
+  var propsSelectedKeys = props.selectedKeys,
+      defaultSelectedKeys = props.defaultSelectedKeys,
+      propsExpandedKeys = props.expandedKeys,
+      propsTitleRender = props.titleRender;
+  useImperativeHandle(ref, function () {
+    return treeRef.current;
+  });
+
+  var getInitExpandedKeys = function getInitExpandedKeys() {
+    var _convertDataToEntitie = convertDataToEntities(getTreeData(props)),
+        keyEntities = _convertDataToEntitie.keyEntities;
+
+    var initExpandedKeys; // Expanded keys
+
+    if (defaultExpandAll) {
+      initExpandedKeys = Object.keys(keyEntities);
+    } else if (defaultExpandParent) {
+      initExpandedKeys = conductExpandParent(props.expandedKeys || defaultExpandedKeys, keyEntities);
+    } else {
+      initExpandedKeys = props.expandedKeys || defaultExpandedKeys;
+    }
+
+    return initExpandedKeys;
+  };
+
+  var _useState = useState(propsSelectedKeys || defaultSelectedKeys || []),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedKeys = _useState2[0],
+      setSelectedKeys = _useState2[1];
+
+  var _useState3 = useState(getInitExpandedKeys()),
+      _useState4 = _slicedToArray(_useState3, 2),
+      expandedKeys = _useState4[0],
+      setExpandedKeys = _useState4[1];
+
+  useEffect(function () {
+    if (propsSelectedKeys !== undefined) {
+      setSelectedKeys(propsSelectedKeys);
+    }
+  }, [propsSelectedKeys]);
+  useEffect(function () {
+    if (propsExpandedKeys !== undefined) {
+      setExpandedKeys(propsExpandedKeys);
+    }
+  }, [propsExpandedKeys]);
+
+  var expandFolderNode = function expandFolderNode(event, node) {
+    var isLeaf = node.isLeaf;
+
+    if (isLeaf || event.shiftKey || event.metaKey || event.ctrlKey) {
+      return;
+    } // Call internal rc-tree expand function
+    // https://github.com/ant-design/ant-design/issues/12567
+
+
+    if (treeRef.current) {
+      treeRef.current.onNodeExpand(event, node);
+    }
+  };
+
+  var onDebounceExpand = debounce(expandFolderNode, 200, {
+    leading: true
+  });
+
+  var onExpand = function onExpand(keys, info) {
+    var accordion = props.accordion;
+    var node = info.node,
+        expanded = info.expanded;
+    var treeData = getTreeData(props);
+    var currentKey = node.key;
+    var newKeys = keys.slice(); // 支持 accordion
+
+    if (accordion) {
+      loop({
+        data: treeData,
+        value: currentKey,
+        callback: function callback(item, key, siblings) {
+          // 如果准备展开，则需要关闭兄弟元素
+          if (expanded) {
+            var siblingsKeys = siblings.map(function (temp) {
+              return temp.key;
+            });
+            newKeys = newKeys.filter(function (temp) {
+              if (temp === currentKey) {
+                return true;
+              }
+
+              if (siblingsKeys.includes(temp)) {
+                return false;
+              }
+
+              return true;
+            });
+          }
+        }
+      });
+    }
+
+    if (!('expandedKeys' in props)) {
+      setExpandedKeys(newKeys);
+    } // Call origin function
+
+
+    if (props.onExpand) {
+      return props.onExpand(newKeys, info);
+    }
+
+    return undefined;
+  };
+
+  var onClick = function onClick(event, node) {
+    var expandAction = props.expandAction; // Expand the tree
+
+    if (expandAction === 'click') {
+      onDebounceExpand(event, node);
+    }
+
+    if (props.onClick) {
+      props.onClick(event, node);
+    }
+  };
+
+  var onDoubleClick = function onDoubleClick(event, node) {
+    var expandAction = props.expandAction; // Expand the tree
+
+    if (expandAction === 'doubleClick') {
+      onDebounceExpand(event, node);
+    }
+
+    if (props.onDoubleClick) {
+      props.onDoubleClick(event, node);
+    }
+  };
+
+  var onSelect = function onSelect(keys, event) {
+    var multiple = props.multiple;
+    var node = event.node,
+        nativeEvent = event.nativeEvent;
+    var _node$key = node.key,
+        key = _node$key === void 0 ? '' : _node$key;
+    var treeData = getTreeData(props); // const newState: DirectoryTreeState = {};
+    // We need wrap this event since some value is not same
+
+    var newEvent = Object.assign(Object.assign({}, event), {
+      selected: true
+    }); // Windows / Mac single pick
+
+    var ctrlPick = nativeEvent.ctrlKey || nativeEvent.metaKey;
+    var shiftPick = nativeEvent.shiftKey; // Generate new selected keys
+
+    var newSelectedKeys;
+
+    if (multiple && ctrlPick) {
+      // Control click
+      newSelectedKeys = keys;
+      lastSelectedKey.current = key;
+      cachedSelectedKeys.current = newSelectedKeys;
+      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
+    } else if (multiple && shiftPick) {
+      // Shift click
+      newSelectedKeys = Array.from(new Set([].concat(_toConsumableArray(cachedSelectedKeys.current || []), _toConsumableArray(calcRangeKeys({
+        treeData: treeData,
+        expandedKeys: expandedKeys,
+        startKey: key,
+        endKey: lastSelectedKey.current
+      })))));
+      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
+    } else {
+      // Single click
+      newSelectedKeys = [key];
+      lastSelectedKey.current = key;
+      cachedSelectedKeys.current = newSelectedKeys;
+      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
+    }
+
+    if (props.onSelect) {
+      props.onSelect(newSelectedKeys, newEvent);
+    }
+
+    if (!('selectedKeys' in props)) {
+      setSelectedKeys(newSelectedKeys);
+    }
+  };
+
+  var customizePrefixCls = props.prefixCls,
+      className = props.className,
+      showOverflowTips = props.showOverflowTips,
+      otherProps = __rest(props, ["prefixCls", "className", "showOverflowTips"]);
+
+  var _React$useContext = React.useContext(ConfigProvider.ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls;
+
+  var prefixCls = getPrefixCls('tree', customizePrefixCls);
+  var connectClassName = classNames("".concat(prefixCls, "-directory"), className); // 处理 showOverflowTips
+
+  var titleRender = function titleRender(data) {
+    var tooltipOverlayCls = "".concat(prefixCls, "-overflow-tooltip");
+    var textCls = "".concat(prefixCls, "-overflow-text");
+    var tipsCls = "".concat(prefixCls, "-overflow-tips");
+    var text = data.title;
+
+    if (showOverflowTips) {
+      return /*#__PURE__*/React.createElement(OverflowTooltip, {
+        textCls: textCls,
+        tooltipOverlayCls: tooltipOverlayCls,
+        text: text,
+        tipsCls: tipsCls
+      });
+    }
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: tipsCls
+    }, /*#__PURE__*/React.createElement("div", {
+      className: textCls
+    }, text));
+  };
+
+  return /*#__PURE__*/React.createElement(Tree, _extends({
+    ref: treeRef,
+    blockNode: true
+  }, otherProps, {
+    prefixCls: prefixCls,
+    className: connectClassName,
+    expandedKeys: expandedKeys,
+    selectedKeys: selectedKeys,
+    onSelect: onSelect,
+    onClick: onClick,
+    onDoubleClick: onDoubleClick,
+    onExpand: onExpand,
+    titleRender: propsTitleRender || titleRender
+  }));
+};
+
+var ForwardDirectoryTree = /*#__PURE__*/forwardRef(DirectoryTree);
+ForwardDirectoryTree.displayName = 'DirectoryTree';
+ForwardDirectoryTree.defaultProps = {
+  showIcon: true,
+  expandAction: 'click',
+  showOverflowTips: false
+};
+export default ForwardDirectoryTree;

package/es/components/tree/OverflowTooltip.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    text: string;
+    textCls: string;
+    tipsCls: string;
+    tooltipOverlayCls: string;
+}
+declare const OverflowTooltip: React.FC<Props>;
+export default OverflowTooltip;

package/es/components/tree/OverflowTooltip.js

@@ -0,0 +1,25 @@
+import React, { useRef } from 'react';
+import useOverflow from '../../hooks/useOverflow';
+import Tooltip from '../tooltip';
+
+var OverflowTooltip = function OverflowTooltip(props) {
+  var text = props.text,
+      textCls = props.textCls,
+      tipsCls = props.tipsCls,
+      tooltipOverlayCls = props.tooltipOverlayCls;
+  var ref = useRef(null);
+  var overflow = useOverflow(ref);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: tipsCls
+  }, overflow.y ? /*#__PURE__*/React.createElement(Tooltip, {
+    overlayClassName: tooltipOverlayCls,
+    content: text
+  }, /*#__PURE__*/React.createElement("div", {
+    className: textCls
+  }, text)) : /*#__PURE__*/React.createElement("div", {
+    className: textCls
+  }, text));
+};
+
+export default OverflowTooltip;

package/es/components/tree/Tree.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import RcTree, { TreeNode as RcTreeNode } from 'rc-tree';
+import DirectoryTree from './DirectoryTree';
+import { TreeProps } from './types';
+interface CompoundedComponent extends React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<RcTree>> {
+    TreeNode: typeof RcTreeNode;
+    DirectoryTree: typeof DirectoryTree;
+}
+declare const Tree: CompoundedComponent;
+export default Tree;

package/es/components/tree/Tree.js

@@ -0,0 +1,86 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import * as React from 'react';
+import RcTree, { TreeNode as RcTreeNode } from 'rc-tree';
+import classNames from 'classnames';
+import DirectoryTree from './DirectoryTree';
+import collapseMotion from './utils/motion';
+import dropIndicatorRender from './utils/dropIndicator';
+import Icon from '../icon';
+import ConfigProvider from '../config-provider';
+
+function renderSwitcherIcon(prefixCls, switcherIcon, nodeProps) {
+  var isLeaf = nodeProps.isLeaf,
+      expanded = nodeProps.expanded;
+
+  if (isLeaf) {
+    return null;
+  }
+
+  var switcherCls = "".concat(prefixCls, "-switcher-icon");
+
+  if ( /*#__PURE__*/React.isValidElement(switcherIcon)) {
+    return /*#__PURE__*/React.cloneElement(switcherIcon, {
+      className: classNames(switcherIcon.props.className || '', switcherCls)
+    });
+  }
+
+  if (switcherIcon) {
+    return switcherIcon;
+  }
+
+  return /*#__PURE__*/React.createElement(Icon, {
+    type: "arrow-right",
+    className: classNames({
+      'is-expanded': expanded
+    })
+  });
+}
+
+var Tree = /*#__PURE__*/React.forwardRef(function Tree(props, ref) {
+  var _classNames;
+
+  var customizePrefixCls = props.prefixCls,
+      className = props.className,
+      showIcon = props.showIcon,
+      blockNode = props.blockNode,
+      children = props.children,
+      checkable = props.checkable,
+      motion = props.motion,
+      _switcherIcon = props.switcherIcon;
+
+  var _React$useContext = React.useContext(ConfigProvider.ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls;
+
+  var prefixCls = getPrefixCls('tree', customizePrefixCls);
+  motion.motionName = getPrefixCls('motion-collapse', customizePrefixCls);
+  var newProps = Object.assign(Object.assign({}, props), {
+    motion: motion,
+    dropIndicatorRender: dropIndicatorRender
+  });
+  return /*#__PURE__*/React.createElement(RcTree, _extends({
+    itemHeight: 20,
+    ref: ref,
+    virtual: false
+  }, newProps, {
+    prefixCls: prefixCls,
+    className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-icon-hide"), !showIcon), _defineProperty(_classNames, "".concat(prefixCls, "-block-node"), blockNode), _classNames), className),
+    checkable: checkable ? /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-checkbox-inner")
+    }) : checkable,
+    switcherIcon: function switcherIcon(nodeProps) {
+      return renderSwitcherIcon(prefixCls, _switcherIcon, nodeProps);
+    }
+  }), children);
+});
+Tree.TreeNode = RcTreeNode;
+Tree.DirectoryTree = DirectoryTree;
+Tree.defaultProps = {
+  checkable: false,
+  showIcon: false,
+  motion: Object.assign(Object.assign({}, collapseMotion), {
+    motionAppear: false
+  }),
+  blockNode: false
+};
+export default Tree;

package/es/components/tree/index.d.ts

@@ -0,0 +1,4 @@
+import Tree from './Tree';
+export { EventDataNode, DataNode } from 'rc-tree/lib/interface';
+export { TreeProps, TreeNode, TreeNodeMouseEvent, TreeNodeExpandedEvent, TreeNodeCheckedEvent, TreeNodeSelectedEvent, TreeNodeAttribute, TreeNodeProps, DirectoryTreeProps, ExpandAction, } from './types';
+export default Tree;

package/es/components/tree/index.js

@@ -0,0 +1,2 @@
+import Tree from './Tree';
+export default Tree;