@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Antd5/transfer/operation.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
+import RightOutlined from '@ant-design/icons/RightOutlined';
+import Button from '../button';
+var Operation = function Operation(props) {
+  var disabled = props.disabled,
+    moveToLeft = props.moveToLeft,
+    moveToRight = props.moveToRight,
+    _props$leftArrowText = props.leftArrowText,
+    leftArrowText = _props$leftArrowText === void 0 ? '' : _props$leftArrowText,
+    _props$rightArrowText = props.rightArrowText,
+    rightArrowText = _props$rightArrowText === void 0 ? '' : _props$rightArrowText,
+    leftActive = props.leftActive,
+    rightActive = props.rightActive,
+    className = props.className,
+    style = props.style,
+    direction = props.direction,
+    oneWay = props.oneWay;
+  return _jsxs("div", {
+    className: className,
+    style: style,
+    children: [_jsx(Button, {
+      type: "primary",
+      size: "small",
+      disabled: disabled || !rightActive,
+      onClick: moveToRight,
+      icon: direction !== 'rtl' ? _jsx(RightOutlined, {}) : _jsx(LeftOutlined, {}),
+      children: rightArrowText
+    }), !oneWay && _jsx(Button, {
+      type: "primary",
+      size: "small",
+      disabled: disabled || !leftActive,
+      onClick: moveToLeft,
+      icon: direction !== 'rtl' ? _jsx(LeftOutlined, {}) : _jsx(RightOutlined, {}),
+      children: leftArrowText
+    })]
+  });
+};
+if (process.env.NODE_ENV !== 'production') {
+  Operation.displayName = 'Operation';
+}
+export default Operation;

package/lib/Antd5/transfer/search.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import SearchOutlined from '@ant-design/icons/SearchOutlined';
+import Input from '../input';
+var Search = function Search(props) {
+  var _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+    value = props.value,
+    prefixCls = props.prefixCls,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    handleClear = props.handleClear;
+  var handleChange = React.useCallback(function (e) {
+    onChange === null || onChange === void 0 || onChange(e);
+    if (e.target.value === '') {
+      handleClear === null || handleClear === void 0 || handleClear();
+    }
+  }, [onChange]);
+  return _jsx(Input, {
+    placeholder: placeholder,
+    className: prefixCls,
+    value: value,
+    onChange: handleChange,
+    disabled: disabled,
+    allowClear: true,
+    prefix: _jsx(SearchOutlined, {})
+  });
+};
+if (process.env.NODE_ENV !== 'production') {
+  Search.displayName = 'Search';
+}
+export default Search;

package/lib/Antd5/transfer/style/index.js

@@ -0,0 +1,264 @@
+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 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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 { unit } from '@ant-design/cssinjs';
+import { resetComponent, resetIcon, textEllipsis } from '../../style';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+var genTransferCustomizeStyle = function genTransferCustomizeStyle(token) {
+  var antCls = token.antCls,
+    componentCls = token.componentCls,
+    listHeight = token.listHeight,
+    controlHeightLG = token.controlHeightLG;
+  var tableCls = "".concat(antCls, "-table");
+  var inputCls = "".concat(antCls, "-input");
+  return _defineProperty({}, "".concat(componentCls, "-customize-list"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-list"), {
+    flex: '1 1 50%',
+    width: 'auto',
+    height: 'auto',
+    minHeight: listHeight
+  }), "".concat(tableCls, "-wrapper"), _defineProperty(_defineProperty({}, "".concat(tableCls, "-small"), _defineProperty({
+    border: 0,
+    borderRadius: 0
+  }, "".concat(tableCls, "-selection-column"), {
+    width: controlHeightLG,
+    minWidth: controlHeightLG
+  })), "".concat(tableCls, "-pagination").concat(tableCls, "-pagination"), {
+    margin: 0,
+    padding: token.paddingXS
+  })), "".concat(inputCls, "[disabled]"), {
+    backgroundColor: 'transparent'
+  }));
+};
+var genTransferStatusColor = function genTransferStatusColor(token, color) {
+  var componentCls = token.componentCls,
+    colorBorder = token.colorBorder;
+  return _defineProperty({}, "".concat(componentCls, "-list"), {
+    borderColor: color,
+    '&-search:not([disabled])': {
+      borderColor: colorBorder
+    }
+  });
+};
+var genTransferStatusStyle = function genTransferStatusStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty(_defineProperty({}, "".concat(componentCls, "-status-error"), _objectSpread({}, genTransferStatusColor(token, token.colorError))), "".concat(componentCls, "-status-warning"), _objectSpread({}, genTransferStatusColor(token, token.colorWarning)));
+};
+var genTransferListStyle = function genTransferListStyle(token) {
+  var componentCls = token.componentCls,
+    colorBorder = token.colorBorder,
+    colorSplit = token.colorSplit,
+    lineWidth = token.lineWidth,
+    itemHeight = token.itemHeight,
+    headerHeight = token.headerHeight,
+    transferHeaderVerticalPadding = token.transferHeaderVerticalPadding,
+    itemPaddingBlock = token.itemPaddingBlock,
+    controlItemBgActive = token.controlItemBgActive,
+    colorTextDisabled = token.colorTextDisabled,
+    listHeight = token.listHeight,
+    listWidth = token.listWidth,
+    listWidthLG = token.listWidthLG,
+    fontSizeIcon = token.fontSizeIcon,
+    marginXS = token.marginXS,
+    paddingSM = token.paddingSM,
+    lineType = token.lineType,
+    antCls = token.antCls,
+    iconCls = token.iconCls,
+    motionDurationSlow = token.motionDurationSlow,
+    controlItemBgHover = token.controlItemBgHover,
+    borderRadiusLG = token.borderRadiusLG,
+    colorBgContainer = token.colorBgContainer,
+    colorText = token.colorText,
+    controlItemBgActiveHover = token.controlItemBgActiveHover;
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    width: listWidth,
+    height: listHeight,
+    border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorBorder),
+    borderRadius: token.borderRadiusLG,
+    '&-with-pagination': {
+      width: listWidthLG,
+      height: 'auto'
+    },
+    '&-search': _defineProperty({}, "".concat(iconCls, "-search"), {
+      color: colorTextDisabled
+    }),
+    '&-header': {
+      display: 'flex',
+      flex: 'none',
+      alignItems: 'center',
+      height: headerHeight,
+      // border-top is on the transfer dom. We should minus 1px for this
+      padding: "".concat(unit(token.calc(transferHeaderVerticalPadding).sub(lineWidth).equal()), " ").concat(unit(paddingSM), " ").concat(unit(transferHeaderVerticalPadding)),
+      color: colorText,
+      background: colorBgContainer,
+      borderBottom: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorSplit),
+      borderRadius: "".concat(unit(borderRadiusLG), " ").concat(unit(borderRadiusLG), " 0 0"),
+      '> *:not(:last-child)': {
+        marginInlineEnd: 4 // This is magic and fixed number, DO NOT use token since it may change.
+      },
+      '> *': {
+        flex: 'none'
+      },
+      '&-title': _objectSpread(_objectSpread({}, textEllipsis), {}, {
+        flex: 'auto',
+        textAlign: 'end'
+      }),
+      '&-dropdown': _objectSpread(_objectSpread({}, resetIcon()), {}, {
+        fontSize: fontSizeIcon,
+        transform: 'translateY(10%)',
+        cursor: 'pointer',
+        '&[disabled]': {
+          cursor: 'not-allowed'
+        }
+      })
+    },
+    '&-body': {
+      display: 'flex',
+      flex: 'auto',
+      flexDirection: 'column',
+      fontSize: token.fontSize,
+      // https://blog.csdn.net/qq449245884/article/details/107373672/
+      minHeight: 0,
+      '&-search-wrapper': {
+        position: 'relative',
+        flex: 'none',
+        padding: paddingSM
+      }
+    },
+    '&-content': _defineProperty({
+      flex: 'auto',
+      margin: 0,
+      padding: 0,
+      overflow: 'auto',
+      listStyle: 'none',
+      '&-item': _defineProperty(_defineProperty(_defineProperty({
+        display: 'flex',
+        alignItems: 'center',
+        minHeight: itemHeight,
+        padding: "".concat(unit(itemPaddingBlock), " ").concat(unit(paddingSM)),
+        transition: "all ".concat(motionDurationSlow),
+        '> *:not(:last-child)': {
+          marginInlineEnd: marginXS
+        },
+        '> *': {
+          flex: 'none'
+        },
+        '&-text': _objectSpread(_objectSpread({}, textEllipsis), {}, {
+          flex: 'auto'
+        }),
+        '&-remove': {
+          position: 'relative',
+          color: colorBorder,
+          cursor: 'pointer',
+          transition: "all ".concat(motionDurationSlow),
+          '&:hover': {
+            color: token.colorLinkHover
+          },
+          '&::after': {
+            position: 'absolute',
+            inset: "-".concat(unit(itemPaddingBlock), " -50%"),
+            content: '""'
+          }
+        }
+      }, "&:not(".concat(componentCls, "-list-content-item-disabled)"), _defineProperty({
+        '&:hover': {
+          backgroundColor: controlItemBgHover,
+          cursor: 'pointer'
+        }
+      }, "&".concat(componentCls, "-list-content-item-checked:hover"), {
+        backgroundColor: controlItemBgActiveHover
+      })), '&-checked', {
+        backgroundColor: controlItemBgActive
+      }), '&-disabled', {
+        color: colorTextDisabled,
+        cursor: 'not-allowed'
+      })
+    }, "&-show-remove ".concat(componentCls, "-list-content-item:not(").concat(componentCls, "-list-content-item-disabled):hover"), {
+      background: 'transparent',
+      cursor: 'default'
+    }),
+    '&-pagination': _defineProperty({
+      padding: token.paddingXS,
+      textAlign: 'end',
+      borderTop: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorSplit)
+    }, "".concat(antCls, "-pagination-options"), {
+      paddingInlineEnd: token.paddingXS
+    }),
+    '&-body-not-found': {
+      flex: 'none',
+      width: '100%',
+      margin: 'auto 0',
+      color: colorTextDisabled,
+      textAlign: 'center'
+    },
+    '&-footer': {
+      borderTop: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorSplit)
+    },
+    // fix: https://github.com/ant-design/ant-design/issues/44489
+    '&-checkbox': {
+      lineHeight: 1
+    }
+  };
+};
+var genTransferStyle = function genTransferStyle(token) {
+  var antCls = token.antCls,
+    iconCls = token.iconCls,
+    componentCls = token.componentCls,
+    marginXS = token.marginXS,
+    marginXXS = token.marginXXS,
+    fontSizeIcon = token.fontSizeIcon,
+    colorBgContainerDisabled = token.colorBgContainerDisabled;
+  return _defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'stretch'
+  }, "".concat(componentCls, "-disabled"), _defineProperty({}, "".concat(componentCls, "-list"), {
+    background: colorBgContainerDisabled
+  })), "".concat(componentCls, "-list"), genTransferListStyle(token)), "".concat(componentCls, "-operation"), _defineProperty({
+    display: 'flex',
+    flex: 'none',
+    flexDirection: 'column',
+    alignSelf: 'center',
+    margin: "0 ".concat(unit(marginXS)),
+    verticalAlign: 'middle'
+  }, "".concat(antCls, "-btn"), _defineProperty({
+    display: 'block',
+    '&:first-child': {
+      marginBottom: marginXXS
+    }
+  }, iconCls, {
+    fontSize: fontSizeIcon
+  })))));
+};
+var genTransferRTLStyle = function genTransferRTLStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, "".concat(componentCls, "-rtl"), {
+    direction: 'rtl'
+  });
+};
+export var prepareComponentToken = function prepareComponentToken(token) {
+  var fontSize = token.fontSize,
+    lineHeight = token.lineHeight,
+    controlHeight = token.controlHeight,
+    controlHeightLG = token.controlHeightLG,
+    lineWidth = token.lineWidth;
+  var fontHeight = Math.round(fontSize * lineHeight);
+  return {
+    listWidth: 180,
+    listHeight: 200,
+    listWidthLG: 250,
+    headerHeight: controlHeightLG,
+    itemHeight: controlHeight,
+    itemPaddingBlock: (controlHeight - fontHeight) / 2,
+    transferHeaderVerticalPadding: Math.ceil((controlHeightLG - lineWidth - fontHeight) / 2)
+  };
+};
+// ============================== Export ==============================
+export default genStyleHooks('Transfer', function (token) {
+  var transferToken = mergeToken(token);
+  return [genTransferStyle(transferToken), genTransferCustomizeStyle(transferToken), genTransferStatusStyle(transferToken), genTransferRTLStyle(transferToken)];
+}, prepareComponentToken);

package/lib/Antd5/tree/DirectoryTree.js

@@ -0,0 +1,173 @@
+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 = ["prefixCls", "className", "showIcon", "expandAction"];
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+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 { ConfigContext } from '../config-provider';
+import Tree from './Tree';
+import { calcRangeKeys, convertDirectoryKeysToNodes } from './utils/dictUtil';
+function getIcon(props) {
+  var isLeaf = props.isLeaf,
+    expanded = props.expanded;
+  if (isLeaf) {
+    return _jsx(FileOutlined, {});
+  }
+  return expanded ? _jsx(FolderOpenOutlined, {}) : _jsx(FolderOutlined, {});
+}
+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();
+  var cachedSelectedKeys = React.useRef();
+  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) {
+      setSelectedKeys(props.selectedKeys);
+    }
+  }, [props.selectedKeys]);
+  React.useEffect(function () {
+    if ('expandedKeys' in props) {
+      setExpandedKeys(props.expandedKeys);
+    }
+  }, [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 _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
+  var customizePrefixCls = props.prefixCls,
+    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 = getPrefixCls('tree', customizePrefixCls);
+  var connectClassName = classNames("".concat(prefixCls, "-directory"), _defineProperty({}, "".concat(prefixCls, "-directory-rtl"), direction === 'rtl'), className);
+  return _jsx(Tree, _objectSpread(_objectSpread({
+    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/lib/Antd5/tree/Tree.js

@@ -0,0 +1,123 @@
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import HolderOutlined from '@ant-design/icons/HolderOutlined';
+import classNames from 'classnames';
+import RcTree from 'rc-tree';
+import initCollapseMotion from '../_util/motion';
+import { ConfigContext } from '../config-provider';
+import { useToken } from '../theme/internal';
+import useStyle from './style';
+import dropIndicatorRender from './utils/dropIndicator';
+import SwitcherIconCom from './utils/iconUtil';
+var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _token$Tree;
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    virtual = _React$useContext.virtual,
+    tree = _React$useContext.tree;
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    _props$showIcon = props.showIcon,
+    showIcon = _props$showIcon === void 0 ? false : _props$showIcon,
+    showLine = props.showLine,
+    switcherIcon = props.switcherIcon,
+    _props$blockNode = props.blockNode,
+    blockNode = _props$blockNode === void 0 ? false : _props$blockNode,
+    children = props.children,
+    _props$checkable = props.checkable,
+    checkable = _props$checkable === void 0 ? false : _props$checkable,
+    _props$selectable = props.selectable,
+    selectable = _props$selectable === void 0 ? true : _props$selectable,
+    draggable = props.draggable,
+    customMotion = props.motion,
+    style = props.style;
+  var prefixCls = getPrefixCls('tree', customizePrefixCls);
+  var rootPrefixCls = getPrefixCls();
+  var motion = customMotion !== null && customMotion !== void 0 ? customMotion : _objectSpread(_objectSpread({}, initCollapseMotion(rootPrefixCls)), {}, {
+    motionAppear: false
+  });
+  var newProps = _objectSpread(_objectSpread({}, props), {}, {
+    checkable: checkable,
+    selectable: selectable,
+    showIcon: showIcon,
+    motion: motion,
+    blockNode: blockNode,
+    showLine: Boolean(showLine),
+    dropIndicatorRender: dropIndicatorRender
+  });
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var _useToken = useToken(),
+    _useToken2 = _slicedToArray(_useToken, 2),
+    token = _useToken2[1];
+  var itemHeight = token.paddingXS / 2 + (((_token$Tree = token.Tree) === null || _token$Tree === void 0 ? void 0 : _token$Tree.titleHeight) || token.controlHeightSM);
+  var draggableConfig = React.useMemo(function () {
+    if (!draggable) {
+      return false;
+    }
+    var mergedDraggable = {};
+    switch (_typeof(draggable)) {
+      case 'function':
+        mergedDraggable.nodeDraggable = draggable;
+        break;
+      case 'object':
+        mergedDraggable = _objectSpread({}, draggable);
+        break;
+      default:
+        break;
+      // Do nothing
+    }
+    if (mergedDraggable.icon !== false) {
+      mergedDraggable.icon = mergedDraggable.icon || _jsx(HolderOutlined, {});
+    }
+    return mergedDraggable;
+  }, [draggable]);
+  var renderSwitcherIcon = function renderSwitcherIcon(nodeProps) {
+    return _jsx(SwitcherIconCom, {
+      prefixCls: prefixCls,
+      switcherIcon: switcherIcon,
+      treeNodeProps: nodeProps,
+      showLine: showLine
+    });
+  };
+  return wrapCSSVar(
+  // @ts-ignore
+  _jsx(RcTree, _objectSpread(_objectSpread({
+    itemHeight: itemHeight,
+    ref: ref,
+    virtual: virtual
+  }, newProps), {}, {
+    // newProps may contain style so declare style below it
+    style: _objectSpread(_objectSpread({}, tree === null || tree === void 0 ? void 0 : tree.style), style),
+    prefixCls: prefixCls,
+    className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-icon-hide"), !showIcon), "".concat(prefixCls, "-block-node"), blockNode), "".concat(prefixCls, "-unselectable"), !selectable), "".concat(prefixCls, "-rtl"), direction === 'rtl'), tree === null || tree === void 0 ? void 0 : tree.className, className, hashId, cssVarCls),
+    direction: direction,
+    checkable: checkable ? _jsx("span", {
+      className: "".concat(prefixCls, "-checkbox-inner")
+    }) : checkable,
+    selectable: selectable,
+    switcherIcon: renderSwitcherIcon,
+    draggable: draggableConfig,
+    children: children
+  })));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Tree.displayName = 'Tree';
+}
+export default Tree;

package/lib/Antd5/tree/index.js

@@ -0,0 +1,7 @@
+import { TreeNode } from 'rc-tree';
+import DirectoryTree from './DirectoryTree';
+import TreePure from './Tree';
+var Tree = TreePure;
+Tree.DirectoryTree = DirectoryTree;
+Tree.TreeNode = TreeNode;
+export default Tree;