linkmore-design 1.1.30 → 1.1.32

package/es/Tabs/index.js

@@ -1,20 +1,16 @@
 import "antd/es/tabs/style";
 import _Tabs from "antd/es/tabs";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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 CloseOutlined from '@ant-design/icons/CloseOutlined';
 import EllipsisOutlined from '@ant-design/icons/EllipsisOutlined';
 import PlusOutlined from '@ant-design/icons/PlusOutlined';
@@ -27,36 +23,31 @@ import warning from '../_util/warning';
 import useAnimateConfig from './hooks/useAnimateConfig';
 import useLegacyItems from './hooks/useLegacyItems';
 import TabPane from './TabPane';
-
 function Tabs(_a) {
   var type = _a.type,
-      className = _a.className,
-      propSize = _a.size,
-      _onEdit = _a.onEdit,
-      hideAdd = _a.hideAdd,
-      centered = _a.centered,
-      addIcon = _a.addIcon,
-      children = _a.children,
-      items = _a.items,
-      animated = _a.animated,
-      props = __rest(_a, ["type", "className", "size", "onEdit", "hideAdd", "centered", "addIcon", "children", "items", "animated"]);
-
+    className = _a.className,
+    propSize = _a.size,
+    _onEdit = _a.onEdit,
+    hideAdd = _a.hideAdd,
+    centered = _a.centered,
+    addIcon = _a.addIcon,
+    children = _a.children,
+    items = _a.items,
+    animated = _a.animated,
+    props = __rest(_a, ["type", "className", "size", "onEdit", "hideAdd", "centered", "addIcon", "children", "items", "animated"]);
   var customizePrefixCls = props.prefixCls,
-      _props$moreIcon = props.moreIcon,
-      moreIcon = _props$moreIcon === void 0 ? /*#__PURE__*/React.createElement(EllipsisOutlined, null) : _props$moreIcon;
-
+    _props$moreIcon = props.moreIcon,
+    moreIcon = _props$moreIcon === void 0 ? /*#__PURE__*/React.createElement(EllipsisOutlined, null) : _props$moreIcon;
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
   var prefixCls = getPrefixCls('tabs', customizePrefixCls);
   var editable;
-
   if (type === 'editable-card') {
     editable = {
       onEdit: function onEdit(editType, _ref) {
         var key = _ref.key,
-            event = _ref.event;
+          event = _ref.event;
         _onEdit === null || _onEdit === void 0 ? void 0 : _onEdit(editType === 'add' ? event : key, editType);
       },
       removeIcon: /*#__PURE__*/React.createElement(CloseOutlined, null),
@@ -64,14 +55,12 @@ function Tabs(_a) {
       showAdd: hideAdd !== true
     };
   }
-
   var rootPrefixCls = getPrefixCls();
   warning(!('onPrevClick' in props) && !('onNextClick' in props), 'Tabs', '`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.');
   var mergedItems = useLegacyItems(items, children);
   var mergedAnimated = useAnimateConfig(prefixCls, animated);
   return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (contextSize) {
     var _classNames;
-
     var size = propSize !== undefined ? propSize : contextSize;
     return /*#__PURE__*/React.createElement(RcTabs, Object.assign({
       direction: direction,
@@ -86,7 +75,6 @@ function Tabs(_a) {
     }));
   });
 }
-
 Tabs.TabPane = TabPane;
 Tabs.AntdTabs = _Tabs;
 export default Tabs;

package/es/Tabs/index.old.js

@@ -1,31 +1,25 @@
 import "antd/es/tabs/style";
 import _Tabs from "antd/es/tabs";
-
 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 from 'react';
 import classNames from 'classnames';
 import SizeContext from '../ConfigProvider/SizeContext';
 var prefixCls = 'lm_tabs';
-
 var LMTabs = function LMTabs(props) {
   var className = props.className,
-      customizeSize = props.size,
-      _props$noBorder = props.noBorder,
-      noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
-      others = __rest(props, ["className", "size", "noBorder"]);
-
+    customizeSize = props.size,
+    _props$noBorder = props.noBorder,
+    noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
+    others = __rest(props, ["className", "size", "noBorder"]);
   var size = customizeSize || React.useContext(SizeContext) || 'middle';
   return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
     size: size
@@ -33,6 +27,5 @@ var LMTabs = function LMTabs(props) {
     className: classNames(className, prefixCls, noBorder && 'lm_tabs_noborder')
   }));
 };
-
 LMTabs.TabPane = _Tabs.TabPane;
 export default LMTabs;

package/es/Tag/index.js

@@ -1,19 +1,15 @@
 import "antd/es/tag/style";
 import _Tag from "antd/es/tag";
-
 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, { forwardRef, useMemo, useRef } from 'react';
 import hexToRgba from 'hex-to-rgba';
 var CheckableTag = _Tag.CheckableTag;
@@ -22,9 +18,8 @@ export var PresetColorTypes = ['pink', 'red', 'yellow', 'orange', 'cyan', 'green
 var prefixCls = 'lm_tag';
 var LmTag = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
-      color = props.color,
-      rest = __rest(props, ["className", "color"]);
-
+    color = props.color,
+    rest = __rest(props, ["className", "color"]);
   return /*#__PURE__*/React.createElement(_Tag, Object.assign({
     ref: ref
   }, rest, {
@@ -35,13 +30,11 @@ var LmTag = /*#__PURE__*/forwardRef(function (props, ref) {
   }));
 });
 var checkPreFixCls = 'lm_check_tag';
-
 LmTag.CheckableTag = function (props) {
   var className = props.className,
-      color = props.color,
-      checked = props.checked,
-      rest = __rest(props, ["className", "color", "checked"]);
-
+    color = props.color,
+    checked = props.checked,
+    rest = __rest(props, ["className", "color", "checked"]);
   var checkTagRef = useRef(null);
   var colorProps = useMemo(function () {
     if (color) {
@@ -78,5 +71,4 @@ LmTag.CheckableTag = function (props) {
     className: classNames(checkPreFixCls, className, color && 'lm_custom_color_tag')
   })));
 };
-
 export default LmTag;

package/es/Tooltip/index.d.ts

@@ -5,7 +5,7 @@ import type { PresetColorType } from '../_util/colors';
 import { AdjustOverflow, PlacementsConfig } from '../_util/placements';
 import type { LiteralUnion } from '../_util/type';
 export type { AdjustOverflow, PlacementsConfig };
-export declare type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 export interface TooltipAlignConfig {
     points?: [string, string];
     offset?: [number | string, number | string];
@@ -30,7 +30,7 @@ export interface AbstractTooltipProps extends Partial<Omit<RcTooltipProps, 'chil
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     children?: React.ReactNode;
 }
-export declare type RenderFunction = () => React.ReactNode;
+export type RenderFunction = () => React.ReactNode;
 export interface TooltipPropsWithOverlay extends AbstractTooltipProps {
     title?: React.ReactNode | RenderFunction;
     overlay?: React.ReactNode | RenderFunction;

package/es/Tooltip/index.js

@@ -2,20 +2,16 @@ import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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 classNames from 'classnames';
 import RcTooltip from 'rc-tooltip';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
@@ -25,7 +21,6 @@ import { PresetColorTypes } from '../_util/colors';
 import { getTransitionName } from '../_util/motion';
 import getPlacements from '../_util/placements';
 import { cloneElement, isValidElement } from '../_util/reactNode';
-
 var splitObject = function splitObject(obj, keys) {
   var picked = {};
   var omitted = Object.assign({}, obj);
@@ -40,21 +35,18 @@ var splitObject = function splitObject(obj, keys) {
     omitted: omitted
   };
 };
-
-var PresetColorRegex = new RegExp("^(".concat(PresetColorTypes.join('|'), ")(-inverse)?$")); // Fix Tooltip won't hide at disabled button
+var PresetColorRegex = new RegExp("^(".concat(PresetColorTypes.join('|'), ")(-inverse)?$"));
+// Fix Tooltip won't hide at disabled button
 // mouse events don't trigger at disabled button in Chrome
 // https://github.com/react-component/tooltip/issues/18
-
 function getDisabledCompatibleChildren(element, prefixCls) {
   var elementType = element.type;
-
   if ((elementType.__ANT_BUTTON === true || element.type === 'button') && element.props.disabled || elementType.__ANT_SWITCH === true && (element.props.disabled || element.props.loading) || elementType.__ANT_RADIO === true && element.props.disabled) {
     // Pick some layout related style properties up to span
     // Prevent layout bugs like https://github.com/ant-design/ant-design/issues/5254
     var _splitObject = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']),
-        picked = _splitObject.picked,
-        omitted = _splitObject.omitted;
-
+      picked = _splitObject.picked,
+      omitted = _splitObject.omitted;
     var spanStyle = Object.assign(Object.assign({
       display: 'inline-block'
     }, picked), {
@@ -73,132 +65,110 @@ function getDisabledCompatibleChildren(element, prefixCls) {
       className: classNames(element.props.className, "".concat(prefixCls, "-disabled-compatible-wrapper"))
     }, child);
   }
-
   return element;
 }
-
 var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames2;
-
   var _React$useContext = React.useContext(ConfigContext),
-      getContextPopupContainer = _React$useContext.getPopupContainer,
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
-
+    getContextPopupContainer = _React$useContext.getPopupContainer,
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
   var _useMergedState = useMergedState(false, {
-    value: props.visible,
-    defaultValue: props.defaultVisible
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      visible = _useMergedState2[0],
-      setVisible = _useMergedState2[1];
-
+      value: props.visible,
+      defaultValue: props.defaultVisible
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    visible = _useMergedState2[0],
+    setVisible = _useMergedState2[1];
   var isNoTitle = function isNoTitle() {
     var title = props.title,
-        overlay = props.overlay;
+      overlay = props.overlay;
     return !title && !overlay && title !== 0; // overlay for old version compatibility
   };
 
   var onVisibleChange = function onVisibleChange(vis) {
     var _a;
-
     setVisible(isNoTitle() ? false : vis);
-
     if (!isNoTitle()) {
       (_a = props.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, vis);
     }
   };
-
   var getTooltipPlacements = function getTooltipPlacements() {
     var builtinPlacements = props.builtinPlacements,
-        arrowPointAtCenter = props.arrowPointAtCenter,
-        autoAdjustOverflow = props.autoAdjustOverflow;
+      arrowPointAtCenter = props.arrowPointAtCenter,
+      autoAdjustOverflow = props.autoAdjustOverflow;
     return builtinPlacements || getPlacements({
       arrowPointAtCenter: arrowPointAtCenter,
       autoAdjustOverflow: autoAdjustOverflow
     });
-  }; // 动态设置动画点
-
-
+  };
+  // 动态设置动画点
   var onPopupAlign = function onPopupAlign(domNode, align) {
-    var placements = getTooltipPlacements(); // 当前返回的位置
-
+    var placements = getTooltipPlacements();
+    // 当前返回的位置
     var placement = Object.keys(placements).find(function (key) {
       return placements[key].points[0] === align.points[0] && placements[key].points[1] === align.points[1];
     });
-
     if (!placement) {
       return;
-    } // 根据当前坐标设置动画点
-
-
+    }
+    // 根据当前坐标设置动画点
     var rect = domNode.getBoundingClientRect();
     var transformOrigin = {
       top: '50%',
       left: '50%'
     };
-
     if (placement.indexOf('top') >= 0 || placement.indexOf('Bottom') >= 0) {
       transformOrigin.top = "".concat(rect.height - align.offset[1], "px");
     } else if (placement.indexOf('Top') >= 0 || placement.indexOf('bottom') >= 0) {
       transformOrigin.top = "".concat(-align.offset[1], "px");
     }
-
     if (placement.indexOf('left') >= 0 || placement.indexOf('Right') >= 0) {
       transformOrigin.left = "".concat(rect.width - align.offset[0], "px");
     } else if (placement.indexOf('right') >= 0 || placement.indexOf('Left') >= 0) {
       transformOrigin.left = "".concat(-align.offset[0], "px");
     }
-
     domNode.style.transformOrigin = "".concat(transformOrigin.left, " ").concat(transformOrigin.top);
   };
-
   var getOverlay = function getOverlay() {
     var title = props.title,
-        overlay = props.overlay;
-
+      overlay = props.overlay;
     if (title === 0) {
       return title;
     }
-
     return overlay || title || '';
   };
-
   var getPopupContainer = props.getPopupContainer,
-      otherProps = __rest(props, ["getPopupContainer"]);
-
+    otherProps = __rest(props, ["getPopupContainer"]);
   var customizePrefixCls = props.prefixCls,
-      openClassName = props.openClassName,
-      getTooltipContainer = props.getTooltipContainer,
-      overlayClassName = props.overlayClassName,
-      color = props.color,
-      overlayInnerStyle = props.overlayInnerStyle,
-      children = props.children;
+    openClassName = props.openClassName,
+    getTooltipContainer = props.getTooltipContainer,
+    overlayClassName = props.overlayClassName,
+    color = props.color,
+    overlayInnerStyle = props.overlayInnerStyle,
+    children = props.children;
   var prefixCls = getPrefixCls('tooltip', customizePrefixCls);
   var rootPrefixCls = getPrefixCls();
-  var tempVisible = visible; // Hide tooltip when there is no title
-
+  var tempVisible = visible;
+  // Hide tooltip when there is no title
   if (!('visible' in props) && isNoTitle()) {
     tempVisible = false;
   }
-
   var child = getDisabledCompatibleChildren(isValidElement(children) ? children : /*#__PURE__*/React.createElement("span", null, children), prefixCls);
   var childProps = child.props;
   var childCls = classNames(childProps.className, _defineProperty({}, openClassName || "".concat(prefixCls, "-open"), true));
   var customOverlayClassName = classNames(overlayClassName, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames2, "".concat(prefixCls, "-").concat(color), color && PresetColorRegex.test(color)), _classNames2));
   var formattedOverlayInnerStyle = overlayInnerStyle;
   var arrowContentStyle;
-
   if (color && !PresetColorRegex.test(color)) {
     formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), {
       background: color
-    }); // @ts-ignore
-
+    });
+    // @ts-ignore
     arrowContentStyle = {
       '--antd-arrow-background-color': color
     };
   }
-
   return /*#__PURE__*/React.createElement(RcTooltip, Object.assign({}, otherProps, {
     prefixCls: prefixCls,
     overlayClassName: customOverlayClassName,
@@ -222,11 +192,9 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: childCls
   }) : child);
 });
-
 if (process.env.NODE_ENV !== 'production') {
   Tooltip.displayName = 'Tooltip';
 }
-
 Tooltip.defaultProps = {
   placement: 'top',
   mouseEnterDelay: 0.1,

package/es/Tree/DirectoryTree.d.ts

@@ -3,11 +3,11 @@ import type { BasicDataNode } from 'rc-tree';
 import type { DataNode, Key } from 'rc-tree/lib/interface';
 import * as React from 'react';
 import type { TreeProps } from './Tree';
-export declare type ExpandAction = false | 'click' | 'doubleClick';
+export type ExpandAction = false | 'click' | 'doubleClick';
 export interface DirectoryTreeProps<T extends BasicDataNode = DataNode> extends TreeProps<T> {
     expandAction?: ExpandAction;
 }
-declare type DirectoryTreeCompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(props: React.PropsWithChildren<DirectoryTreeProps<T>> & {
+type DirectoryTreeCompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(props: React.PropsWithChildren<DirectoryTreeProps<T>> & {
     ref?: React.Ref<RcTree>;
 }) => React.ReactElement) & {
     defaultProps: Partial<React.PropsWithChildren<DirectoryTreeProps<any>>>;

package/es/Tree/DirectoryTree.js

@@ -1,70 +1,58 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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 FileOutlined from '@ant-design/icons/FileOutlined';
 import FolderOpenOutlined from '@ant-design/icons/FolderOpenOutlined';
 import FolderOutlined from '@ant-design/icons/FolderOutlined';
 import classNames from 'classnames';
 import { conductExpandParent } from 'rc-tree/lib/util';
 import { convertDataToEntities, convertTreeToData } from 'rc-tree/lib/utils/treeUtil';
-import * as React from 'react'; // import { ConfigContext } from '../config-provider';
-
+import * as React from 'react';
+// import { ConfigContext } from '../config-provider';
 import ConfigProvider from '../ConfigProvider';
 import Tree from './Tree';
 import { calcRangeKeys, convertDirectoryKeysToNodes } from './utils/dictUtil';
 var ConfigContext = ConfigProvider.ConfigContext;
-
 function getIcon(props) {
   var isLeaf = props.isLeaf,
-      expanded = props.expanded;
-
+    expanded = props.expanded;
   if (isLeaf) {
     return /*#__PURE__*/React.createElement(FileOutlined, null);
   }
-
   return expanded ? /*#__PURE__*/React.createElement(FolderOpenOutlined, null) : /*#__PURE__*/React.createElement(FolderOutlined, null);
 }
-
 function getTreeData(_ref) {
   var treeData = _ref.treeData,
-      children = _ref.children;
+    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
-
-
+    defaultExpandParent = _a.defaultExpandParent,
+    defaultExpandedKeys = _a.defaultExpandedKeys,
+    props = __rest(_a, ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"]);
+  // Shift click usage
   var lastSelectedKey = React.useRef();
   var cachedSelectedKeys = React.useRef();
   var treeRef = /*#__PURE__*/React.createRef();
   React.useImperativeHandle(ref, function () {
     return treeRef.current;
   });
-
   var getInitExpandedKeys = function getInitExpandedKeys() {
     var _convertDataToEntitie = convertDataToEntities(getTreeData(props)),
-        keyEntities = _convertDataToEntitie.keyEntities;
-
-    var initExpandedKeys; // Expanded keys
-
+      keyEntities = _convertDataToEntitie.keyEntities;
+    var initExpandedKeys;
+    // Expanded keys
     if (defaultExpandAll) {
       initExpandedKeys = Object.keys(keyEntities);
     } else if (defaultExpandParent) {
@@ -72,20 +60,16 @@ var DirectoryTree = function DirectoryTree(_a, ref) {
     } 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];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedKeys = _React$useState2[0],
+    setSelectedKeys = _React$useState2[1];
   var _React$useState3 = React.useState(getInitExpandedKeys()),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      expandedKeys = _React$useState4[0],
-      setExpandedKeys = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    expandedKeys = _React$useState4[0],
+    setExpandedKeys = _React$useState4[1];
   React.useEffect(function () {
     if ('selectedKeys' in props) {
       setSelectedKeys(props.selectedKeys);
@@ -96,38 +80,32 @@ var DirectoryTree = function DirectoryTree(_a, ref) {
       setExpandedKeys(props.expandedKeys);
     }
   }, [props.expandedKeys]);
-
   var onExpand = function onExpand(keys, info) {
     var _a;
-
     if (!('expandedKeys' in props)) {
       setExpandedKeys(keys);
-    } // Call origin function
-
-
+    }
+    // Call origin function
     return (_a = props.onExpand) === null || _a === void 0 ? void 0 : _a.call(props, keys, info);
   };
-
   var onSelect = function onSelect(keys, event) {
     var _a;
-
     var multiple = props.multiple;
     var node = event.node,
-        nativeEvent = event.nativeEvent;
+      nativeEvent = event.nativeEvent;
     var _node$key = node.key,
-        key = _node$key === void 0 ? '' : _node$key;
-    var treeData = getTreeData(props); // const newState: DirectoryTreeState = {};
+      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
-
+    });
+    // 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 shiftPick = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.shiftKey;
+    // Generate new selected keys
     var newSelectedKeys;
-
     if (multiple && ctrlPick) {
       // Control click
       newSelectedKeys = keys;
@@ -150,22 +128,17 @@ var DirectoryTree = function DirectoryTree(_a, ref) {
       cachedSelectedKeys.current = newSelectedKeys;
       newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
     }
-
     (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, newSelectedKeys, newEvent);
-
     if (!('selectedKeys' in props)) {
       setSelectedKeys(newSelectedKeys);
     }
   };
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
   var customizePrefixCls = props.prefixCls,
-      className = props.className,
-      otherProps = __rest(props, ["prefixCls", "className"]);
-
+    className = props.className,
+    otherProps = __rest(props, ["prefixCls", "className"]);
   var prefixCls = getPrefixCls('tree', customizePrefixCls);
   var connectClassName = classNames("".concat(prefixCls, "-directory"), _defineProperty({}, "".concat(prefixCls, "-directory-rtl"), direction === 'rtl'), className);
   return /*#__PURE__*/React.createElement(Tree, Object.assign({
@@ -181,13 +154,10 @@ var DirectoryTree = function DirectoryTree(_a, ref) {
     onExpand: onExpand
   }));
 };
-
 var ForwardDirectoryTree = /*#__PURE__*/React.forwardRef(DirectoryTree);
-
 if (process.env.NODE_ENV !== 'production') {
   ForwardDirectoryTree.displayName = 'DirectoryTree';
 }
-
 ForwardDirectoryTree.defaultProps = {
   showIcon: true,
   expandAction: 'click'