@qsxy/element-plus-react 1.0.1 → 1.0.3

package/theme-chalk/tree-select.scss

@@ -1,25 +1,41 @@
-@use './mixins/config' as *;
-
-.#{$namespace}-select-dropdown__list {
-    .#{$namespace}-tree.#{$namespace}-tree-directory {
-        .#{$namespace}-tree-treenode-selected:hover {
-            background: var(--#{$namespace}-tree-node-hover-bg-color) !important;
-        }
-
-        .#{$namespace}-tree-treenode-selected::before {
-            background: transparent !important;
-        }
-
-        .#{$namespace}-tree-treenode .#{$namespace}-tree-node-content-wrapper.#{$namespace}-tree-node-selected {
-            color: var(--#{$namespace}-color-primary) !important;
-            font-weight: 700;
-        }
-
-        .#{$namespace}-tree-treenode.#{$namespace}-tree-treenode-checkbox-checked {
-            .#{$namespace}-tree-node-content-wrapper {
-                color: var(--#{$namespace}-color-primary) !important;
-                font-weight: 700;
-            }
-        }
-    }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+@include b(tree-select) {
+  @include set-component-css-var('tree', $tree);
+}
+
+@include b(tree-select) {
+  @include e(popper) {
+    // padding-left same with select option
+    .#{$namespace}-tree-node__expand-icon {
+      margin-left: 8px;
+    }
+
+    // remove icon when show checkbox
+    .#{$namespace}-tree-node.is-checked
+      > .#{$namespace}-tree-node__content
+      .#{$namespace}-select-dropdown__item.selected::after {
+      content: none;
+    }
+
+    .#{$namespace}-select-dropdown__list
+      > .#{$namespace}-select-dropdown__item {
+      padding-left: 32px;
+    }
+
+    .#{$namespace}-select-dropdown__item {
+      flex: 1;
+      background: transparent !important;
+
+      // padding-left move to `el-tree-node__expand-icon`
+      padding-left: 0;
+
+      // fix: select height > tree node height
+      // https://github.com/yujinpan/el-select-tree/pull/33
+      height: 20px;
+      line-height: 20px;
+    }
+  }
+}

package/theme-chalk/tree.scss

@@ -0,0 +1,136 @@
+@use './mixins/mixins' as *;
+@use './mixins/var' as *;
+@use './common/var' as *;
+@use './common/transition';
+
+@include b(tree) {
+    @include set-component-css-var('tree', $tree);
+}
+
+@include b(tree) {
+    position: relative;
+    cursor: default;
+    background: getCssVar('fill-color', 'blank');
+    color: getCssVar('tree-text-color');
+    font-size: getCssVar('font-size', 'base');
+
+    @include e(empty-block) {
+        position: relative;
+        min-height: 60px;
+        text-align: center;
+        width: 100%;
+        height: 100%;
+    }
+
+    @include e(empty-text) {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        color: getCssVar('text-color', 'secondary');
+        font-size: getCssVar('font-size', 'base');
+    }
+
+    @include e(drop-indicator) {
+        position: absolute;
+        left: 0;
+        right: 0;
+        height: 1px;
+        background-color: getCssVar('color-primary');
+    }
+}
+
+@include b(tree-node) {
+    white-space: nowrap;
+    outline: none;
+    &:focus {
+        /* focus */
+        > .#{$namespace}-tree-node__content {
+            background-color: getCssVar('tree-node-hover-bg-color');
+        }
+    }
+
+    @include when(drop-inner) {
+        > .#{$namespace}-tree-node__content .#{$namespace}-tree-node__label {
+            background-color: getCssVar('color-primary');
+            color: #fff;
+        }
+    }
+
+    @include when(hidden) {
+        display: none;
+    }
+
+    @include e(content) {
+        @include css-var-from-global('checkbox-height', 'tree-node-content-height');
+
+        display: flex;
+        align-items: center;
+        height: getCssVar('tree-node-content-height');
+        cursor: pointer;
+
+        & > .#{$namespace}-tree-node__expand-icon {
+            padding: 6px;
+            box-sizing: content-box;
+        }
+        & > label.#{$namespace}-checkbox {
+            margin-right: 8px;
+        }
+        &:hover {
+            background-color: getCssVar('tree-node-hover-bg-color');
+        }
+
+        .#{$namespace}-tree.is-dragging & {
+            cursor: move;
+
+            & * {
+                pointer-events: none;
+            }
+        }
+
+        .#{$namespace}-tree.is-dragging.is-drop-not-allow & {
+            cursor: not-allowed;
+        }
+    }
+
+    @include e(expand-icon) {
+        cursor: pointer;
+        color: getCssVar('tree-expand-icon-color');
+        font-size: 12px;
+
+        transform: rotate(0deg);
+        transition: transform getCssVar('transition-duration') ease-in-out;
+
+        &.expanded {
+            transform: rotate(90deg);
+        }
+
+        &.is-leaf {
+            color: transparent;
+            cursor: default;
+            visibility: hidden;
+        }
+        &.is-hidden {
+            visibility: hidden;
+        }
+    }
+
+    @include e(loading-icon) {
+        margin-right: 8px;
+        font-size: getCssVar('font-size', 'base');
+        color: getCssVar('tree-expand-icon-color');
+    }
+
+    & > .#{$namespace}-tree-node__children {
+        overflow: hidden;
+        background-color: transparent;
+    }
+
+    &.is-expanded > .#{$namespace}-tree-node__children {
+        display: block;
+    }
+}
+
+.#{$namespace}-tree--highlight-current .#{$namespace}-tree-node.is-current > .#{$namespace}-tree-node__content {
+    background-color: getCssVar('color-primary-light-9');
+}

package/theme-chalk/var.scss

@@ -1,83 +1,83 @@
-// CSS3 var
-@use 'common/var' as *;
-@use 'mixins/var' as *;
-@use 'mixins/mixins' as *;
-
-// for better performance do not dynamically change the root variable if you really
-// do not need that, since this could introduce recalculation overhead for rendering.
-// https://lisilinhart.info/posts/css-variables-performance/
-
-// common
-:root {
-    @include set-css-var-value('color-white', $color-white);
-    @include set-css-var-value('color-black', $color-black);
-
-    // get rgb
-    @each $type in (primary, success, warning, danger, error, info) {
-        @include set-css-color-rgb($type);
-    }
-
-    // Typography
-    @include set-component-css-var('font-size', $font-size);
-    @include set-component-css-var('font-family', $font-family);
-
-    @include set-css-var-value('font-weight-primary', 500);
-    @include set-css-var-value('font-line-height-primary', 24px);
-
-    // z-index --el-index-#{$type}
-    @include set-component-css-var('index', $z-index);
-
-    // --el-border-radius-#{$type}
-    @include set-component-css-var('border-radius', $border-radius);
-
-    // Transition
-    // refer to this website to get the bezier motion function detail
-    // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
-    @include set-component-css-var('transition-duration', $transition-duration);
-
-    @include set-component-css-var('transition-function', $transition-function);
-    @include set-component-css-var('transition', $transition);
-
-    // common component size
-    @include set-component-css-var('component-size', $common-component-size);
-}
-
-// for light
-:root {
-    color-scheme: light;
-
-    // --el-color-#{$type}
-    // --el-color-#{$type}-light-{$i}
-    @each $type in (primary, success, warning, danger, error, info) {
-        @include set-css-color-type($colors, $type);
-    }
-
-    // color-scheme
-    // Background --el-bg-color-#{$type}
-    @include set-component-css-var('bg-color', $bg-color);
-    // --el-text-color-#{$type}
-    @include set-component-css-var('text-color', $text-color);
-    // --el-border-color-#{$type}
-    @include set-component-css-var('border-color', $border-color);
-    // Fill --el-fill-color-#{$type}
-    @include set-component-css-var('fill-color', $fill-color);
-
-    // Box-shadow
-    // --el-box-shadow-#{$type}
-    @include set-component-css-var('box-shadow', $box-shadow);
-    // Disable base
-    @include set-component-css-var('disabled', $disabled);
-
-    // overlay & mask
-    @include set-component-css-var('overlay-color', $overlay-color);
-    @include set-component-css-var('mask-color', $mask-color);
-
-    // Border
-    @include set-css-var-value('border-width', $border-width);
-    @include set-css-var-value('border-style', $border-style);
-    @include set-css-var-value('border-color-hover', $border-color-hover);
-    @include set-css-var-value('border', getCssVar('border-width') getCssVar('border-style') getCssVar('border-color'));
-
-    // Svg
-    @include css-var-from-global('svg-monochrome-grey', 'border-color');
-}
+// CSS3 var
+@use 'common/var' as *;
+@use 'mixins/var' as *;
+@use 'mixins/mixins' as *;
+
+// for better performance do not dynamically change the root variable if you really
+// do not need that, since this could introduce recalculation overhead for rendering.
+// https://lisilinhart.info/posts/css-variables-performance/
+
+// common
+:root {
+    @include set-css-var-value('color-white', $color-white);
+    @include set-css-var-value('color-black', $color-black);
+
+    // get rgb
+    @each $type in (primary, success, warning, danger, error, info) {
+        @include set-css-color-rgb($type);
+    }
+
+    // Typography
+    @include set-component-css-var('font-size', $font-size);
+    @include set-component-css-var('font-family', $font-family);
+
+    @include set-css-var-value('font-weight-primary', 500);
+    @include set-css-var-value('font-line-height-primary', 24px);
+
+    // z-index --el-index-#{$type}
+    @include set-component-css-var('index', $z-index);
+
+    // --el-border-radius-#{$type}
+    @include set-component-css-var('border-radius', $border-radius);
+
+    // Transition
+    // refer to this website to get the bezier motion function detail
+    // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
+    @include set-component-css-var('transition-duration', $transition-duration);
+
+    @include set-component-css-var('transition-function', $transition-function);
+    @include set-component-css-var('transition', $transition);
+
+    // common component size
+    @include set-component-css-var('component-size', $common-component-size);
+}
+
+// for light
+:root {
+    color-scheme: light;
+
+    // --el-color-#{$type}
+    // --el-color-#{$type}-light-{$i}
+    @each $type in (primary, success, warning, danger, error, info) {
+        @include set-css-color-type($colors, $type);
+    }
+
+    // color-scheme
+    // Background --el-bg-color-#{$type}
+    @include set-component-css-var('bg-color', $bg-color);
+    // --el-text-color-#{$type}
+    @include set-component-css-var('text-color', $text-color);
+    // --el-border-color-#{$type}
+    @include set-component-css-var('border-color', $border-color);
+    // Fill --el-fill-color-#{$type}
+    @include set-component-css-var('fill-color', $fill-color);
+
+    // Box-shadow
+    // --el-box-shadow-#{$type}
+    @include set-component-css-var('box-shadow', $box-shadow);
+    // Disable base
+    @include set-component-css-var('disabled', $disabled);
+
+    // overlay & mask
+    @include set-component-css-var('overlay-color', $overlay-color);
+    @include set-component-css-var('mask-color', $mask-color);
+
+    // Border
+    @include set-css-var-value('border-width', $border-width);
+    @include set-css-var-value('border-style', $border-style);
+    @include set-css-var-value('border-color-hover', $border-color-hover);
+    @include set-css-var-value('border', getCssVar('border-width') getCssVar('border-style') getCssVar('border-color'));
+
+    // Svg
+    @include css-var-from-global('svg-monochrome-grey', 'border-color');
+}

package/dist/Tree/DirectoryTree.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import RcTree from './RCTree';
-import { TreeProps } from './Tree';
-import { BasicDataNode, DataNode, Key } from './typings';
-export type ExpandAction = false | 'click' | 'doubleClick';
-export interface DirectoryTreeProps<T extends BasicDataNode = DataNode> extends TreeProps<T> {
-    expandAction?: ExpandAction;
-}
-type DirectoryTreeCompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(props: React.PropsWithChildren<DirectoryTreeProps<T>> & React.RefAttributes<RcTree>) => React.ReactElement) & Pick<React.FC, 'displayName'>;
-export interface DirectoryTreeState {
-    expandedKeys?: Key[];
-    selectedKeys?: Key[];
-}
-declare const ForwardDirectoryTree: DirectoryTreeCompoundedComponent;
-export default ForwardDirectoryTree;

package/dist/Tree/DirectoryTree.js

@@ -1,183 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"],
-  _excluded2 = ["className", "showIcon", "expandAction"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import classNames from 'classnames';
-import * as React from 'react';
-import Icon from "../Icon/Icon";
-import Tree from "./Tree";
-import { conductExpandParent } from "./util";
-import { calcRangeKeys, convertDirectoryKeysToNodes } from "./utils/dictUtil";
-import { convertDataToEntities, convertTreeToData } from "./utils/treeUtil";
-function getIcon(props) {
-  var isLeaf = props.isLeaf,
-    expanded = props.expanded;
-  if (isLeaf) {
-    return /*#__PURE__*/React.createElement(Icon, {
-      name: "file-lines",
-      prefix: "far"
-    });
-  }
-  return expanded ? /*#__PURE__*/React.createElement(Icon, {
-    name: "folder-open",
-    prefix: "far"
-  }) : /*#__PURE__*/React.createElement(Icon, {
-    name: "folder-closed",
-    prefix: "fas"
-  });
-}
-function getTreeData(_ref) {
-  var treeData = _ref.treeData,
-    children = _ref.children;
-  return treeData || convertTreeToData(children);
-}
-var DirectoryTree = function DirectoryTree(_ref2, ref) {
-  var defaultExpandAll = _ref2.defaultExpandAll,
-    defaultExpandParent = _ref2.defaultExpandParent,
-    defaultExpandedKeys = _ref2.defaultExpandedKeys,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  // Shift click usage
-  var lastSelectedKey = React.useRef(null);
-  var cachedSelectedKeys = React.useRef(null);
-  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 _React$useState = React.useState(props.selectedKeys || props.defaultSelectedKeys || []),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedKeys = _React$useState2[0],
-    setSelectedKeys = _React$useState2[1];
-  var _React$useState3 = React.useState(function () {
-      return getInitExpandedKeys();
-    }),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    expandedKeys = _React$useState4[0],
-    setExpandedKeys = _React$useState4[1];
-  React.useEffect(function () {
-    if ('selectedKeys' in props) {
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      setSelectedKeys(props.selectedKeys);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [props.selectedKeys]);
-  React.useEffect(function () {
-    if ('expandedKeys' in props) {
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      setExpandedKeys(props.expandedKeys);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [props.expandedKeys]);
-  var onExpand = function onExpand(keys, info) {
-    var _props$onExpand;
-    if (!('expandedKeys' in props)) {
-      setExpandedKeys(keys);
-    }
-    // Call origin function
-    return (_props$onExpand = props.onExpand) === null || _props$onExpand === void 0 ? void 0 : _props$onExpand.call(props, keys, info);
-  };
-  var onSelect = function onSelect(keys, event) {
-    var _props$onSelect;
-    var multiple = props.multiple,
-      fieldNames = props.fieldNames;
-    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 = _objectSpread(_objectSpread({}, event), {}, {
-      selected: true // Directory selected always true
-    });
-
-    // Windows / Mac single pick
-    var ctrlPick = (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.ctrlKey) || (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.metaKey);
-    var shiftPick = nativeEvent === null || nativeEvent === void 0 ? void 0 : 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, fieldNames);
-    } 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,
-        fieldNames: fieldNames
-      })))));
-      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys, fieldNames);
-    } else {
-      // Single click
-      newSelectedKeys = [key];
-      lastSelectedKey.current = key;
-      cachedSelectedKeys.current = newSelectedKeys;
-      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys, fieldNames);
-    }
-    (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 || _props$onSelect.call(props, newSelectedKeys, newEvent);
-    if (!('selectedKeys' in props)) {
-      setSelectedKeys(newSelectedKeys);
-    }
-  };
-  var className = props.className,
-    _props$showIcon = props.showIcon,
-    showIcon = _props$showIcon === void 0 ? true : _props$showIcon,
-    _props$expandAction = props.expandAction,
-    expandAction = _props$expandAction === void 0 ? 'click' : _props$expandAction,
-    otherProps = _objectWithoutProperties(props, _excluded2);
-  var prefixCls = 'el-tree';
-  var connectClassName = classNames("".concat(prefixCls, "-directory"), className);
-  return /*#__PURE__*/React.createElement(Tree, _extends({
-    icon: getIcon,
-    ref: ref,
-    blockNode: true
-  }, otherProps, {
-    showIcon: showIcon,
-    expandAction: expandAction,
-    prefixCls: prefixCls,
-    className: connectClassName,
-    expandedKeys: expandedKeys,
-    selectedKeys: selectedKeys,
-    onSelect: onSelect,
-    onExpand: onExpand
-  }));
-};
-var ForwardDirectoryTree = /*#__PURE__*/React.forwardRef(DirectoryTree);
-if (process.env.NODE_ENV !== 'production') {
-  ForwardDirectoryTree.displayName = 'DirectoryTree';
-}
-export default ForwardDirectoryTree;

package/dist/Tree/DropIndicator.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface DropIndicatorProps {
-    dropPosition: -1 | 0 | 1;
-    dropLevelOffset: number;
-    indent: number;
-}
-declare const DropIndicator: React.FC<Readonly<DropIndicatorProps>>;
-export default DropIndicator;

package/dist/Tree/DropIndicator.js

@@ -1,34 +0,0 @@
-import React from 'react';
-var DropIndicator = function DropIndicator(props) {
-  var dropPosition = props.dropPosition,
-    dropLevelOffset = props.dropLevelOffset,
-    indent = props.indent;
-  var style = {
-    pointerEvents: 'none',
-    position: 'absolute',
-    right: 0,
-    backgroundColor: 'red',
-    height: 2
-  };
-  switch (dropPosition) {
-    case -1:
-      style.top = 0;
-      style.left = -dropLevelOffset * indent;
-      break;
-    case 1:
-      style.bottom = 0;
-      style.left = -dropLevelOffset * indent;
-      break;
-    case 0:
-      style.bottom = 0;
-      style.left = indent;
-      break;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    style: style
-  });
-};
-if (process.env.NODE_ENV !== 'production') {
-  DropIndicator.displayName = 'DropIndicator';
-}
-export default DropIndicator;

package/dist/Tree/Indent.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-interface IndentProps {
-    prefixCls: string;
-    level: number;
-    isStart: boolean[];
-    isEnd: boolean[];
-}
-declare const _default: React.NamedExoticComponent<IndentProps>;
-export default _default;

package/dist/Tree/Indent.js

@@ -1,25 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import classNames from 'classnames';
-import * as React from 'react';
-var Indent = function Indent(_ref) {
-  var prefixCls = _ref.prefixCls,
-    level = _ref.level,
-    isStart = _ref.isStart,
-    isEnd = _ref.isEnd;
-  var baseClassName = "".concat(prefixCls, "-indent-unit");
-  var list = [];
-  for (var i = 0; i < level; i += 1) {
-    list.push( /*#__PURE__*/React.createElement("span", {
-      key: i,
-      className: classNames(baseClassName, _defineProperty(_defineProperty({}, "".concat(baseClassName, "-start"), isStart[i]), "".concat(baseClassName, "-end"), isEnd[i]))
-    }));
-  }
-  return /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": "true",
-    className: "".concat(prefixCls, "-indent")
-  }, list);
-};
-export default /*#__PURE__*/React.memo(Indent);

package/dist/Tree/MotionTreeNode.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { FlattenNode, TreeNodeProps } from './typings';
-import { type TreeNodeRequiredProps } from './utils/treeUtil';
-interface MotionTreeNodeProps extends Omit<TreeNodeProps, 'domRef'> {
-    active: boolean;
-    motion?: any;
-    motionNodes?: FlattenNode[];
-    onMotionStart: () => void;
-    onMotionEnd: () => void;
-    motionType?: 'show' | 'hide';
-    treeNodeRequiredProps: TreeNodeRequiredProps;
-}
-declare const MotionTreeNode: React.ForwardRefExoticComponent<MotionTreeNodeProps & React.RefAttributes<HTMLDivElement>>;
-export default MotionTreeNode;