linkmore-design 1.1.22-beta.2 → 1.1.23

package/es/Tabs/index.js

@@ -1,16 +1,20 @@
 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';
@@ -23,31 +27,36 @@ 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),
@@ -55,12 +64,14 @@ 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,
@@ -75,6 +86,7 @@ function Tabs(_a) {
     }));
   });
 }
+
 Tabs.TabPane = TabPane;
 Tabs.AntdTabs = _Tabs;
 export default Tabs;

package/es/Tabs/index.old.js

@@ -1,25 +1,31 @@
 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
@@ -27,5 +33,6 @@ 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,15 +1,19 @@
 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;
@@ -18,8 +22,9 @@ 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, {
@@ -30,11 +35,13 @@ 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) {
@@ -71,4 +78,5 @@ LmTag.CheckableTag = function (props) {
     className: classNames(checkPreFixCls, className, color && 'lm_custom_color_tag')
   })));
 };
+
 export default LmTag;

package/es/Tooltip/index.d.ts

@@ -40,5 +40,5 @@ export interface TooltipPropsWithTitle extends AbstractTooltipProps {
     overlay?: React.ReactNode | RenderFunction;
 }
 export declare type TooltipProps = TooltipPropsWithTitle | TooltipPropsWithOverlay;
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<unknown>>;
+declare const Tooltip: React.ForwardRefExoticComponent<(Pick<TooltipPropsWithOverlay, keyof TooltipPropsWithOverlay> | Pick<TooltipPropsWithTitle, keyof TooltipPropsWithTitle>) & React.RefAttributes<unknown>>;
 export default Tooltip;

package/es/Tooltip/index.js

@@ -2,16 +2,20 @@ 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';
@@ -21,6 +25,7 @@ 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);
@@ -35,18 +40,21 @@ 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), {
@@ -65,110 +73,132 @@ 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,
@@ -192,9 +222,11 @@ 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.js

@@ -1,58 +1,70 @@
 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) {
@@ -60,16 +72,20 @@ 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);
@@ -80,32 +96,38 @@ 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;
@@ -128,17 +150,22 @@ 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({
@@ -154,10 +181,13 @@ 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'