@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Tooltip/index.js

@@ -1,34 +1,124 @@
-import AntdTooltip from 'antd/lib/tooltip';
-import classNames from 'classnames';
-import React from 'react';
-export default function Tooltip(props) {
-  var children = props.children,
-    title = props.title,
-    open = props.open,
-    onOpenChange = props.onOpenChange,
-    trigger = props.trigger,
-    zIndex = props.zIndex,
-    placement = props.placement,
-    _props$mouseEnterDela = props.mouseEnterDelay,
-    mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,
-    _props$mouseLeaveDela = props.mouseLeaveDelay,
-    mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0 : _props$mouseLeaveDela,
-    getPopupContainer = props.getPopupContainer,
-    destroyTooltipOnHide = props.destroyTooltipOnHide,
-    getTooltipContainer = props.getTooltipContainer,
-    overlayClassName = props.overlayClassName;
-  return /*#__PURE__*/React.createElement(AntdTooltip, {
-    title: title,
-    overlayClassName: classNames('ald-tooltip-overlay', overlayClassName),
-    open: open,
-    onOpenChange: onOpenChange,
-    trigger: trigger,
-    zIndex: zIndex,
-    placement: placement,
-    mouseEnterDelay: mouseEnterDelay,
-    mouseLeaveDelay: mouseLeaveDelay,
-    getPopupContainer: getPopupContainer,
-    destroyTooltipOnHide: destroyTooltipOnHide,
-    getTooltipContainer: getTooltipContainer
-  }, children);
-}
+import { cn } from "../lib/utils.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+//#region src/Tooltip/index.tsx
+var sideMap = {
+	top: "top",
+	bottom: "bottom",
+	left: "left",
+	right: "right",
+	topLeft: "top",
+	topRight: "top",
+	bottomLeft: "bottom",
+	bottomRight: "bottom",
+	leftTop: "left",
+	leftBottom: "left",
+	rightTop: "right",
+	rightBottom: "right"
+};
+var alignMap = {
+	topLeft: "start",
+	topRight: "end",
+	bottomLeft: "start",
+	bottomRight: "end",
+	leftTop: "start",
+	leftBottom: "end",
+	rightTop: "start",
+	rightBottom: "end"
+};
+function isClickTrigger(trigger) {
+	if (!trigger) return false;
+	if (Array.isArray(trigger)) return trigger.includes("click");
+	return trigger === "click";
+}
+function isTriggerDisabled(trigger) {
+	return Array.isArray(trigger) && trigger.length === 0;
+}
+var contentClasses = "ald-tooltip-overlay tw-z-50 tw-min-h-[28px] tw-rounded-r-50 tw-px-2 tw-py-1.5 tw-text-xs tw-leading-4 tw-bg-[var(--alias-colors-bg-skeleton-inverse-subtler)] tw-text-[var(--alias-colors-text-inverse-strong)] tw-animate-in tw-fade-in-0 tw-zoom-in-95";
+function usePortalContainer(getPopupContainer, getTooltipContainer) {
+	const triggerRef = React.useRef(null);
+	const [container, setContainer] = React.useState(void 0);
+	React.useEffect(() => {
+		const getter = getPopupContainer || getTooltipContainer;
+		if (getter && triggerRef.current) setContainer(getter(triggerRef.current));
+	}, [getPopupContainer, getTooltipContainer]);
+	return {
+		triggerRef,
+		container
+	};
+}
+function ClickTooltip({ children, title, open, onOpenChange, placement = "top", overlayClassName, zIndex, container, triggerRef }) {
+	const side = sideMap[placement] || "top";
+	const align = alignMap[placement] || "center";
+	return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, {
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+			asChild: true,
+			children: React.isValidElement(children) ? React.cloneElement(children, { ref: triggerRef }) : /* @__PURE__ */ jsx("span", {
+				ref: triggerRef,
+				children
+			})
+		}), /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
+			container,
+			children: /* @__PURE__ */ jsxs(PopoverPrimitive.Content, {
+				side,
+				align,
+				sideOffset: 4,
+				className: cn(contentClasses, overlayClassName),
+				style: zIndex !== null && zIndex !== void 0 ? { zIndex } : void 0,
+				children: [title, /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { className: "tw-fill-[var(--alias-colors-bg-skeleton-inverse-subtler)]" })]
+			})
+		})]
+	});
+}
+function Tooltip(props) {
+	const { children, title, open, onOpenChange, placement = "top", mouseEnterDelay = 0, mouseLeaveDelay = 0, overlayClassName, trigger, getPopupContainer, getTooltipContainer, zIndex } = props;
+	const { triggerRef, container } = usePortalContainer(getPopupContainer, getTooltipContainer);
+	if (!title && title !== 0) return /* @__PURE__ */ jsx(Fragment, { children });
+	if (isTriggerDisabled(trigger)) return /* @__PURE__ */ jsx(Fragment, { children });
+	if (isClickTrigger(trigger)) return /* @__PURE__ */ jsx(ClickTooltip, {
+		title,
+		open,
+		onOpenChange,
+		placement,
+		overlayClassName,
+		zIndex,
+		container,
+		triggerRef,
+		children
+	});
+	const side = sideMap[placement] || "top";
+	const align = alignMap[placement] || "center";
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		delayDuration: mouseEnterDelay * 1e3,
+		skipDelayDuration: mouseLeaveDelay * 1e3,
+		children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, {
+			open,
+			onOpenChange,
+			children: [/* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+				asChild: true,
+				children: React.isValidElement(children) ? React.cloneElement(children, { ref: triggerRef }) : /* @__PURE__ */ jsx("span", {
+					ref: triggerRef,
+					children
+				})
+			}), /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
+				container,
+				children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+					side,
+					align,
+					sideOffset: 4,
+					className: cn(contentClasses, overlayClassName),
+					style: zIndex !== null && zIndex !== void 0 ? { zIndex } : void 0,
+					children: [title, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "tw-fill-[var(--alias-colors-bg-skeleton-inverse-subtler)]" })]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { Tooltip as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\nexport type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';\n\nexport interface ITooltipProps {\n  title: React.ReactNode;\n  destroyTooltipOnHide?: boolean;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  placement?:\n    | 'top'\n    | 'left'\n    | 'right'\n    | 'bottom'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  trigger?: ActionType | ActionType[];\n  zIndex?: number;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  overlayClassName?: string;\n  getTooltipContainer?: (node: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n}\n\nconst sideMap: Record<string, 'top' | 'bottom' | 'left' | 'right'> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, 'start' | 'end' | 'center'> = {\n  topLeft: 'start',\n  topRight: 'end',\n  bottomLeft: 'start',\n  bottomRight: 'end',\n  leftTop: 'start',\n  leftBottom: 'end',\n  rightTop: 'start',\n  rightBottom: 'end',\n};\n\nfunction isClickTrigger(trigger?: ActionType | ActionType[]): boolean {\n  if (!trigger) return false;\n  if (Array.isArray(trigger)) return trigger.includes('click');\n  return trigger === 'click';\n}\n\nfunction isTriggerDisabled(trigger?: ActionType | ActionType[]): boolean {\n  return Array.isArray(trigger) && trigger.length === 0;\n}\n\nconst contentClasses =\n  'ald-tooltip-overlay tw-z-50 tw-min-h-[28px] tw-rounded-r-50 tw-px-2 tw-py-1.5 tw-text-xs tw-leading-4 tw-bg-[var(--alias-colors-bg-skeleton-inverse-subtler)] tw-text-[var(--alias-colors-text-inverse-strong)] tw-animate-in tw-fade-in-0 tw-zoom-in-95';\n\nfunction usePortalContainer(\n  getPopupContainer?: (node: HTMLElement) => HTMLElement,\n  getTooltipContainer?: (node: HTMLElement) => HTMLElement,\n) {\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const [container, setContainer] = React.useState<HTMLElement | undefined>(\n    undefined,\n  );\n\n  React.useEffect(() => {\n    const getter = getPopupContainer || getTooltipContainer;\n    if (getter && triggerRef.current) {\n      setContainer(getter(triggerRef.current));\n    }\n  }, [getPopupContainer, getTooltipContainer]);\n\n  return { triggerRef, container };\n}\n\nfunction ClickTooltip({\n  children,\n  title,\n  open,\n  onOpenChange,\n  placement = 'top',\n  overlayClassName,\n  zIndex,\n  container,\n  triggerRef,\n}: Pick<\n  ITooltipProps,\n  | 'children'\n  | 'title'\n  | 'open'\n  | 'onOpenChange'\n  | 'placement'\n  | 'overlayClassName'\n  | 'zIndex'\n> & {\n  container?: HTMLElement;\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n\n  return (\n    <PopoverPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <PopoverPrimitive.Trigger asChild>\n        {React.isValidElement(children) ? (\n          React.cloneElement(children as React.ReactElement, {\n            ref: triggerRef,\n          })\n        ) : (\n          <span ref={triggerRef as React.RefObject<HTMLSpanElement>}>\n            {children}\n          </span>\n        )}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={container}>\n        <PopoverPrimitive.Content\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(contentClasses, overlayClassName)}\n          style={\n            zIndex !== null && zIndex !== undefined ? { zIndex } : undefined\n          }\n        >\n          {title}\n          <PopoverPrimitive.Arrow className=\"tw-fill-[var(--alias-colors-bg-skeleton-inverse-subtler)]\" />\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default function Tooltip(props: ITooltipProps) {\n  const {\n    children,\n    title,\n    open,\n    onOpenChange,\n    placement = 'top',\n    mouseEnterDelay = 0,\n    mouseLeaveDelay = 0,\n    overlayClassName,\n    trigger,\n    getPopupContainer,\n    getTooltipContainer,\n    zIndex,\n  } = props;\n\n  const { triggerRef, container } = usePortalContainer(\n    getPopupContainer,\n    getTooltipContainer,\n  );\n\n  if (!title && title !== 0) {\n    return <>{children}</>;\n  }\n\n  if (isTriggerDisabled(trigger)) {\n    return <>{children}</>;\n  }\n\n  if (isClickTrigger(trigger)) {\n    return (\n      <ClickTooltip\n        title={title}\n        open={open}\n        onOpenChange={onOpenChange}\n        placement={placement}\n        overlayClassName={overlayClassName}\n        zIndex={zIndex}\n        container={container}\n        triggerRef={triggerRef}\n      >\n        {children}\n      </ClickTooltip>\n    );\n  }\n\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={mouseEnterDelay * 1000}\n      skipDelayDuration={mouseLeaveDelay * 1000}\n    >\n      <TooltipPrimitive.Root open={open} onOpenChange={onOpenChange}>\n        <TooltipPrimitive.Trigger asChild>\n          {React.isValidElement(children) ? (\n            React.cloneElement(children as React.ReactElement, {\n              ref: triggerRef,\n            })\n          ) : (\n            <span ref={triggerRef as React.RefObject<HTMLSpanElement>}>\n              {children}\n            </span>\n          )}\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal container={container}>\n          <TooltipPrimitive.Content\n            side={side}\n            align={align}\n            sideOffset={4}\n            className={cn(contentClasses, overlayClassName)}\n            style={\n              zIndex !== null && zIndex !== undefined ? { zIndex } : undefined\n            }\n          >\n            {title}\n            <TooltipPrimitive.Arrow className=\"tw-fill-[var(--alias-colors-bg-skeleton-inverse-subtler)]\" />\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/Tour/index.d.ts

@@ -1,4 +1,30 @@
-import { Tour } from 'antd';
-import type { TourProps } from 'antd';
-export type { TourProps };
+import { default as React } from 'react';
+export interface TourStepProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    cover?: React.ReactNode;
+    target?: (() => HTMLElement | null) | null;
+    placement?: 'top' | 'bottom' | 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+    mask?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    nextButtonProps?: {
+        children?: React.ReactNode;
+    };
+    prevButtonProps?: {
+        children?: React.ReactNode;
+    };
+}
+export interface TourProps {
+    open?: boolean;
+    onClose?: () => void;
+    steps?: TourStepProps[];
+    current?: number;
+    onChange?: (current: number) => void;
+    mask?: boolean;
+    type?: 'default' | 'primary';
+    className?: string;
+    onFinish?: () => void;
+}
+declare function Tour(props: TourProps): import("react/jsx-runtime").JSX.Element | null;
 export default Tour;

package/dist/Tour/index.js

@@ -1,2 +1,79 @@
-import { Tour } from 'antd';
-export default Tour;
+import { cn } from "../lib/utils.js";
+import Button_default from "../Button/index.js";
+import { useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Tour/index.tsx
+function Tour(props) {
+	const { open = false, onClose, steps = [], current: controlledCurrent, onChange, mask = true, className, onFinish } = props;
+	const [innerCurrent, setInnerCurrent] = useState(0);
+	const current = controlledCurrent ?? innerCurrent;
+	useEffect(() => {
+		if (!open) setInnerCurrent(0);
+	}, [open]);
+	if (!open || steps.length === 0) return null;
+	const step = steps[current];
+	const isLast = current === steps.length - 1;
+	const goNext = () => {
+		if (isLast) {
+			onFinish?.();
+			onClose?.();
+		} else {
+			const next = current + 1;
+			if (controlledCurrent === void 0) setInnerCurrent(next);
+			onChange?.(next);
+		}
+	};
+	const goPrev = () => {
+		const prev = Math.max(0, current - 1);
+		if (controlledCurrent === void 0) setInnerCurrent(prev);
+		onChange?.(prev);
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [mask && /* @__PURE__ */ jsx("div", {
+		className: "ald-tour-mask tw-fixed tw-inset-0 tw-z-[1000] tw-bg-black/45",
+		onClick: onClose
+	}), /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-tour tw-fixed tw-z-[1001] tw-max-w-sm tw-rounded-r-100 tw-bg-[var(--background-default)] tw-p-6 tw-shadow-xl", "tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2", className),
+		children: [
+			step?.cover && /* @__PURE__ */ jsx("div", {
+				className: "ald-tour-cover tw-mb-4",
+				children: step.cover
+			}),
+			step?.title && /* @__PURE__ */ jsx("div", {
+				className: "ald-tour-title tw-mb-2 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]",
+				children: step.title
+			}),
+			step?.description && /* @__PURE__ */ jsx("div", {
+				className: "ald-tour-description tw-mb-4 tw-text-sm tw-text-[var(--content-secondary)]",
+				children: step.description
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "ald-tour-footer tw-flex tw-items-center tw-justify-between",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "tw-text-xs tw-text-[var(--content-tertiary)]",
+					children: [
+						current + 1,
+						"/",
+						steps.length
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "tw-flex tw-gap-2",
+					children: [current > 0 && /* @__PURE__ */ jsx(Button_default, {
+						type: "secondary",
+						size: "small",
+						onClick: goPrev,
+						children: step?.prevButtonProps?.children || "Prev"
+					}), /* @__PURE__ */ jsx(Button_default, {
+						type: "primary",
+						size: "small",
+						onClick: goNext,
+						children: step?.nextButtonProps?.children || (isLast ? "Finish" : "Next")
+					})]
+				})]
+			})
+		]
+	})] });
+}
+//#endregion
+export { Tour as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Tour/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Tour/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Button from '../Button';\nimport { cn } from '../lib/utils';\n\nexport interface TourStepProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  cover?: React.ReactNode;\n  target?: (() => HTMLElement | null) | null;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight';\n  mask?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  nextButtonProps?: { children?: React.ReactNode };\n  prevButtonProps?: { children?: React.ReactNode };\n}\n\nexport interface TourProps {\n  open?: boolean;\n  onClose?: () => void;\n  steps?: TourStepProps[];\n  current?: number;\n  onChange?: (current: number) => void;\n  mask?: boolean;\n  type?: 'default' | 'primary';\n  className?: string;\n  onFinish?: () => void;\n}\n\nfunction Tour(props: TourProps) {\n  const {\n    open = false,\n    onClose,\n    steps = [],\n    current: controlledCurrent,\n    onChange,\n    mask = true,\n    className,\n    onFinish,\n  } = props;\n\n  const [innerCurrent, setInnerCurrent] = useState(0);\n  const current = controlledCurrent ?? innerCurrent;\n\n  useEffect(() => {\n    if (!open) setInnerCurrent(0);\n  }, [open]);\n\n  if (!open || steps.length === 0) return null;\n\n  const step = steps[current];\n  const isLast = current === steps.length - 1;\n\n  const goNext = () => {\n    if (isLast) {\n      onFinish?.();\n      onClose?.();\n    } else {\n      const next = current + 1;\n      if (controlledCurrent === undefined) setInnerCurrent(next);\n      onChange?.(next);\n    }\n  };\n\n  const goPrev = () => {\n    const prev = Math.max(0, current - 1);\n    if (controlledCurrent === undefined) setInnerCurrent(prev);\n    onChange?.(prev);\n  };\n\n  return (\n    <>\n      {mask && (\n        <div\n          className=\"ald-tour-mask tw-fixed tw-inset-0 tw-z-[1000] tw-bg-black/45\"\n          onClick={onClose}\n        />\n      )}\n      <div\n        className={cn(\n          'ald-tour tw-fixed tw-z-[1001] tw-max-w-sm tw-rounded-r-100 tw-bg-[var(--background-default)] tw-p-6 tw-shadow-xl',\n          'tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2',\n          className,\n        )}\n      >\n        {step?.cover && (\n          <div className=\"ald-tour-cover tw-mb-4\">{step.cover}</div>\n        )}\n        {step?.title && (\n          <div className=\"ald-tour-title tw-mb-2 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]\">\n            {step.title}\n          </div>\n        )}\n        {step?.description && (\n          <div className=\"ald-tour-description tw-mb-4 tw-text-sm tw-text-[var(--content-secondary)]\">\n            {step.description}\n          </div>\n        )}\n        <div className=\"ald-tour-footer tw-flex tw-items-center tw-justify-between\">\n          <span className=\"tw-text-xs tw-text-[var(--content-tertiary)]\">\n            {current + 1}/{steps.length}\n          </span>\n          <div className=\"tw-flex tw-gap-2\">\n            {current > 0 && (\n              <Button type=\"secondary\" size=\"small\" onClick={goPrev}>\n                {step?.prevButtonProps?.children || 'Prev'}\n              </Button>\n            )}\n            <Button type=\"primary\" size=\"small\" onClick={goNext}>\n              {step?.nextButtonProps?.children || (isLast ? 'Finish' : 'Next')}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport default Tour;\n"],"mappings":";;;;;AAqCA,SAAS,KAAK,OAAkB;CAC9B,MAAM,EACJ,OAAO,OACP,SACA,QAAQ,EAAE,EACV,SAAS,mBACT,UACA,OAAO,MACP,WACA,aACE;CAEJ,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CACnD,MAAM,UAAU,qBAAqB;AAErC,iBAAgB;AACd,MAAI,CAAC,KAAM,iBAAgB,EAAE;IAC5B,CAAC,KAAK,CAAC;AAEV,KAAI,CAAC,QAAQ,MAAM,WAAW,EAAG,QAAO;CAExC,MAAM,OAAO,MAAM;CACnB,MAAM,SAAS,YAAY,MAAM,SAAS;CAE1C,MAAM,eAAe;AACnB,MAAI,QAAQ;AACV,eAAY;AACZ,cAAW;SACN;GACL,MAAM,OAAO,UAAU;AACvB,OAAI,sBAAsB,OAAW,iBAAgB,KAAK;AAC1D,cAAW,KAAK;;;CAIpB,MAAM,eAAe;EACnB,MAAM,OAAO,KAAK,IAAI,GAAG,UAAU,EAAE;AACrC,MAAI,sBAAsB,OAAW,iBAAgB,KAAK;AAC1D,aAAW,KAAK;;AAGlB,QACE,qBAAA,UAAA,EAAA,UAAA,CACG,QACC,oBAAC,OAAD;EACE,WAAU;EACV,SAAS;EACT,CAAA,EAEJ,qBAAC,OAAD;EACE,WAAW,GACT,oHACA,kEACA,UACD;YALH;GAOG,MAAM,SACL,oBAAC,OAAD;IAAK,WAAU;cAA0B,KAAK;IAAY,CAAA;GAE3D,MAAM,SACL,oBAAC,OAAD;IAAK,WAAU;cACZ,KAAK;IACF,CAAA;GAEP,MAAM,eACL,oBAAC,OAAD;IAAK,WAAU;cACZ,KAAK;IACF,CAAA;GAER,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,QAAD;KAAM,WAAU;eAAhB;MACG,UAAU;MAAE;MAAE,MAAM;MAChB;QACP,qBAAC,OAAD;KAAK,WAAU;eAAf,CACG,UAAU,KACT,oBAAC,gBAAD;MAAQ,MAAK;MAAY,MAAK;MAAQ,SAAS;gBAC5C,MAAM,iBAAiB,YAAY;MAC7B,CAAA,EAEX,oBAAC,gBAAD;MAAQ,MAAK;MAAU,MAAK;MAAQ,SAAS;gBAC1C,MAAM,iBAAiB,aAAa,SAAS,WAAW;MAClD,CAAA,CACL;OACF;;GACF;IACL,EAAA,CAAA"}

package/dist/Tree/DirectoryTree.d.ts

@@ -1,8 +1,7 @@
-import type RcTree from 'rc-tree';
-import type { BasicDataNode } from 'rc-tree';
-import type { DataNode, Key } from 'rc-tree/lib/interface';
+import { default as RcTree, BasicDataNode } from 'rc-tree';
+import { DataNode, Key } from 'rc-tree/es/interface';
+import { TreeProps } from './Tree.js';
 import * as React from 'react';
-import type { TreeProps } from './Tree';
 export type ExpandAction = false | 'click' | 'doubleClick';
 export interface DirectoryTreeProps<T extends BasicDataNode = DataNode> extends TreeProps<T> {
     expandAction?: ExpandAction;

package/dist/Tree/DirectoryTree.js

@@ -1,163 +1,93 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"],
-  _excluded2 = ["prefixCls", "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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-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 { conductExpandParent } from 'rc-tree/lib/util';
-import { convertDataToEntities, convertTreeToData } from 'rc-tree/lib/utils/treeUtil';
-import * as React from 'react';
-import { ConfigContext } from "../ConfigProvider";
-import Tree from "./Tree";
-import { calcRangeKeys, convertDirectoryKeysToNodes } from "./utils/dictUtil";
-function getTreeData(_ref) {
-  var treeData = _ref.treeData,
-    children = _ref.children;
-  return treeData || convertTreeToData(children);
+import { cn } from "../lib/utils.js";
+import { ConfigContext } from "../ConfigProvider/index.js";
+import Tree from "./Tree2.js";
+import { calcRangeKeys, convertDirectoryKeysToNodes } from "./utils/dictUtil.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { conductExpandParent } from "rc-tree/es/util";
+import { convertDataToEntities, convertTreeToData } from "rc-tree/es/utils/treeUtil";
+//#region src/Tree/DirectoryTree.tsx
+function getTreeData({ treeData, 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, props]);
-  React.useEffect(function () {
-    if ('expandedKeys' in props) {
-      setExpandedKeys(props.expandedKeys);
-    }
-  }, [props.expandedKeys, props]);
-  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;
-    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);
-    } else if (multiple && shiftPick) {
-      // Shift click
-      newSelectedKeys = Array.from(new Set([].concat(_toConsumableArray(cachedSelectedKeys.current || []), _toConsumableArray(calcRangeKeys({
-        treeData: treeData,
-        expandedKeys: expandedKeys,
-        startKey: key,
-        endKey: lastSelectedKey.current
-      })))));
-      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
-    } else {
-      // Single click
-      newSelectedKeys = [key];
-      lastSelectedKey.current = key;
-      cachedSelectedKeys.current = newSelectedKeys;
-      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
-    }
-    (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? 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 /*#__PURE__*/React.createElement(Tree, _extends({
-    ref: ref,
-    blockNode: true
-  }, otherProps, {
-    showIcon: showIcon,
-    expandAction: expandAction,
-    prefixCls: prefixCls,
-    className: connectClassName,
-    expandedKeys: expandedKeys,
-    selectedKeys: selectedKeys,
-    onSelect: onSelect,
-    onExpand: onExpand
-  }));
+var DirectoryTree = ({ defaultExpandAll, defaultExpandParent, defaultExpandedKeys, ...props }, ref) => {
+	const lastSelectedKey = React$1.useRef();
+	const cachedSelectedKeys = React$1.useRef();
+	const getInitExpandedKeys = () => {
+		const { keyEntities } = convertDataToEntities(getTreeData(props));
+		let initExpandedKeys;
+		if (defaultExpandAll) initExpandedKeys = Object.keys(keyEntities);
+		else if (defaultExpandParent) initExpandedKeys = conductExpandParent(props.expandedKeys || defaultExpandedKeys || [], keyEntities);
+		else initExpandedKeys = props.expandedKeys || defaultExpandedKeys;
+		return initExpandedKeys;
+	};
+	const [selectedKeys, setSelectedKeys] = React$1.useState(props.selectedKeys || props.defaultSelectedKeys || []);
+	const [expandedKeys, setExpandedKeys] = React$1.useState(() => getInitExpandedKeys());
+	React$1.useEffect(() => {
+		if ("selectedKeys" in props) setSelectedKeys(props.selectedKeys);
+	}, [props.selectedKeys, props]);
+	React$1.useEffect(() => {
+		if ("expandedKeys" in props) setExpandedKeys(props.expandedKeys);
+	}, [props.expandedKeys, props]);
+	const onExpand = (keys, info) => {
+		if (!("expandedKeys" in props)) setExpandedKeys(keys);
+		return props.onExpand?.(keys, info);
+	};
+	const onSelect = (keys, event) => {
+		const { multiple } = props;
+		const { node, nativeEvent } = event;
+		const { key = "" } = node;
+		const treeData = getTreeData(props);
+		const newEvent = {
+			...event,
+			selected: true
+		};
+		const ctrlPick = nativeEvent?.ctrlKey || nativeEvent?.metaKey;
+		const shiftPick = nativeEvent?.shiftKey;
+		let newSelectedKeys;
+		if (multiple && ctrlPick) {
+			newSelectedKeys = keys;
+			lastSelectedKey.current = key;
+			cachedSelectedKeys.current = newSelectedKeys;
+			newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
+		} else if (multiple && shiftPick) {
+			newSelectedKeys = Array.from(new Set([...cachedSelectedKeys.current || [], ...calcRangeKeys({
+				treeData,
+				expandedKeys,
+				startKey: key,
+				endKey: lastSelectedKey.current
+			})]));
+			newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
+		} else {
+			newSelectedKeys = [key];
+			lastSelectedKey.current = key;
+			cachedSelectedKeys.current = newSelectedKeys;
+			newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
+		}
+		props.onSelect?.(newSelectedKeys, newEvent);
+		if (!("selectedKeys" in props)) setSelectedKeys(newSelectedKeys);
+	};
+	const { getPrefixCls, direction } = React$1.useContext(ConfigContext);
+	const { prefixCls: customizePrefixCls, className, showIcon = true, expandAction = "click", ...otherProps } = props;
+	const prefixCls = getPrefixCls("tree", customizePrefixCls);
+	const connectClassName = cn(`${prefixCls}-directory`, { [`${prefixCls}-directory-rtl`]: direction === "rtl" }, className);
+	return /* @__PURE__ */ jsx(Tree, {
+		ref,
+		blockNode: true,
+		...otherProps,
+		showIcon,
+		expandAction,
+		prefixCls,
+		className: connectClassName,
+		expandedKeys,
+		selectedKeys,
+		onSelect,
+		onExpand
+	});
 };
-var ForwardDirectoryTree = /*#__PURE__*/React.forwardRef(DirectoryTree);
-if (process.env.NODE_ENV !== 'production') {
-  ForwardDirectoryTree.displayName = 'DirectoryTree';
-}
-export default ForwardDirectoryTree;
+var ForwardDirectoryTree = React$1.forwardRef(DirectoryTree);
+if (process.env.NODE_ENV !== "production") ForwardDirectoryTree.displayName = "DirectoryTree";
+//#endregion
+export { ForwardDirectoryTree as default };
+
+//# sourceMappingURL=DirectoryTree.js.map

package/dist/Tree/DirectoryTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectoryTree.js","names":[],"sources":["../../src/Tree/DirectoryTree.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport type RcTree from 'rc-tree';\nimport type { BasicDataNode } from 'rc-tree';\nimport type { DataNode, EventDataNode, Key } from 'rc-tree/es/interface';\nimport { conductExpandParent } from 'rc-tree/es/util';\nimport {\n  convertDataToEntities,\n  convertTreeToData,\n} from 'rc-tree/es/utils/treeUtil';\nimport * as React from 'react';\nimport { ConfigContext } from '../ConfigProvider';\n\nimport type { TreeProps } from './Tree';\nimport Tree from './Tree';\nimport { calcRangeKeys, convertDirectoryKeysToNodes } from './utils/dictUtil';\n\nexport type ExpandAction = false | 'click' | 'doubleClick';\n\nexport interface DirectoryTreeProps<T extends BasicDataNode = DataNode>\n  extends TreeProps<T> {\n  expandAction?: ExpandAction;\n}\n\ntype DirectoryTreeCompoundedComponent = (<\n  T extends BasicDataNode | DataNode = DataNode,\n>(\n  props: React.PropsWithChildren<DirectoryTreeProps<T>> & {\n    ref?: React.Ref<RcTree>;\n  },\n) => React.ReactElement) & {\n  displayName?: string;\n};\n\nexport interface DirectoryTreeState {\n  expandedKeys?: Key[];\n  selectedKeys?: Key[];\n}\n\nfunction getTreeData({ treeData, children }: DirectoryTreeProps) {\n  return treeData || convertTreeToData(children);\n}\n\nconst DirectoryTree: React.ForwardRefRenderFunction<\n  RcTree,\n  DirectoryTreeProps\n> = (\n  { defaultExpandAll, defaultExpandParent, defaultExpandedKeys, ...props },\n  ref,\n) => {\n  // Shift click usage\n  const lastSelectedKey = React.useRef<Key>();\n\n  const cachedSelectedKeys = React.useRef<Key[]>();\n\n  const getInitExpandedKeys = () => {\n    const { keyEntities } = convertDataToEntities(getTreeData(props));\n\n    let initExpandedKeys: Key[];\n\n    // Expanded keys\n    if (defaultExpandAll) {\n      initExpandedKeys = Object.keys(keyEntities);\n    } else if (defaultExpandParent) {\n      initExpandedKeys = conductExpandParent(\n        props.expandedKeys || defaultExpandedKeys || [],\n        keyEntities,\n      );\n    } else {\n      initExpandedKeys = (props.expandedKeys || defaultExpandedKeys)!;\n    }\n    return initExpandedKeys;\n  };\n\n  const [selectedKeys, setSelectedKeys] = React.useState(\n    props.selectedKeys || props.defaultSelectedKeys || [],\n  );\n  const [expandedKeys, setExpandedKeys] = React.useState(() =>\n    getInitExpandedKeys(),\n  );\n\n  React.useEffect(() => {\n    if ('selectedKeys' in props) {\n      setSelectedKeys(props.selectedKeys!);\n    }\n  }, [props.selectedKeys, props]);\n\n  React.useEffect(() => {\n    if ('expandedKeys' in props) {\n      setExpandedKeys(props.expandedKeys!);\n    }\n  }, [props.expandedKeys, props]);\n\n  const onExpand = (\n    keys: Key[],\n    info: {\n      node: EventDataNode<any>;\n      expanded: boolean;\n      nativeEvent: MouseEvent;\n    },\n  ) => {\n    if (!('expandedKeys' in props)) {\n      setExpandedKeys(keys);\n    }\n    // Call origin function\n    return props.onExpand?.(keys, info);\n  };\n\n  const onSelect = (\n    keys: Key[],\n    event: {\n      event: 'select';\n      selected: boolean;\n      node: any;\n      selectedNodes: DataNode[];\n      nativeEvent: MouseEvent;\n    },\n  ) => {\n    const { multiple } = props;\n    const { node, nativeEvent } = event;\n    const { key = '' } = node;\n\n    const treeData = getTreeData(props);\n    // const newState: DirectoryTreeState = {};\n\n    // We need wrap this event since some value is not same\n    const newEvent: any = {\n      ...event,\n      selected: true, // Directory selected always true\n    };\n\n    // Windows / Mac single pick\n    const ctrlPick: boolean = nativeEvent?.ctrlKey || nativeEvent?.metaKey;\n    const shiftPick: boolean = nativeEvent?.shiftKey;\n\n    // Generate new selected keys\n    let newSelectedKeys: Key[];\n    if (multiple && ctrlPick) {\n      // Control click\n      newSelectedKeys = keys;\n      lastSelectedKey.current = key;\n      cachedSelectedKeys.current = newSelectedKeys;\n      newEvent.selectedNodes = convertDirectoryKeysToNodes(\n        treeData,\n        newSelectedKeys,\n      );\n    } else if (multiple && shiftPick) {\n      // Shift click\n      newSelectedKeys = Array.from(\n        new Set([\n          ...(cachedSelectedKeys.current || []),\n          ...calcRangeKeys({\n            treeData,\n            expandedKeys,\n            startKey: key,\n            endKey: lastSelectedKey.current,\n          }),\n        ]),\n      );\n      newEvent.selectedNodes = convertDirectoryKeysToNodes(\n        treeData,\n        newSelectedKeys,\n      );\n    } else {\n      // Single click\n      newSelectedKeys = [key];\n      lastSelectedKey.current = key;\n      cachedSelectedKeys.current = newSelectedKeys;\n      newEvent.selectedNodes = convertDirectoryKeysToNodes(\n        treeData,\n        newSelectedKeys,\n      );\n    }\n\n    props.onSelect?.(newSelectedKeys, newEvent);\n    if (!('selectedKeys' in props)) {\n      setSelectedKeys(newSelectedKeys);\n    }\n  };\n  const { getPrefixCls, direction } = React.useContext(ConfigContext);\n\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    showIcon = true,\n    expandAction = 'click',\n    ...otherProps\n  } = props;\n\n  const prefixCls = getPrefixCls('tree', customizePrefixCls);\n  const connectClassName = cn(\n    `${prefixCls}-directory`,\n    {\n      [`${prefixCls}-directory-rtl`]: direction === 'rtl',\n    },\n    className,\n  );\n\n  return (\n    <Tree\n      ref={ref}\n      blockNode\n      {...otherProps}\n      showIcon={showIcon}\n      expandAction={expandAction}\n      prefixCls={prefixCls}\n      className={connectClassName}\n      expandedKeys={expandedKeys}\n      selectedKeys={selectedKeys}\n      onSelect={onSelect}\n      onExpand={onExpand}\n    />\n  );\n};\n\nconst ForwardDirectoryTree = React.forwardRef(\n  DirectoryTree,\n) as unknown as DirectoryTreeCompoundedComponent;\n\nif (process.env.NODE_ENV !== 'production') {\n  ForwardDirectoryTree.displayName = 'DirectoryTree';\n}\n\nexport default ForwardDirectoryTree;\n"],"mappings":";;;;;;;;;AAsCA,SAAS,YAAY,EAAE,UAAU,YAAgC;AAC/D,QAAO,YAAY,kBAAkB,SAAS;;AAGhD,IAAM,iBAIJ,EAAE,kBAAkB,qBAAqB,qBAAqB,GAAG,SACjE,QACG;CAEH,MAAM,kBAAkB,QAAM,QAAa;CAE3C,MAAM,qBAAqB,QAAM,QAAe;CAEhD,MAAM,4BAA4B;EAChC,MAAM,EAAE,gBAAgB,sBAAsB,YAAY,MAAM,CAAC;EAEjE,IAAI;AAGJ,MAAI,iBACF,oBAAmB,OAAO,KAAK,YAAY;WAClC,oBACT,oBAAmB,oBACjB,MAAM,gBAAgB,uBAAuB,EAAE,EAC/C,YACD;MAED,oBAAoB,MAAM,gBAAgB;AAE5C,SAAO;;CAGT,MAAM,CAAC,cAAc,mBAAmB,QAAM,SAC5C,MAAM,gBAAgB,MAAM,uBAAuB,EAAE,CACtD;CACD,MAAM,CAAC,cAAc,mBAAmB,QAAM,eAC5C,qBAAqB,CACtB;AAED,SAAM,gBAAgB;AACpB,MAAI,kBAAkB,MACpB,iBAAgB,MAAM,aAAc;IAErC,CAAC,MAAM,cAAc,MAAM,CAAC;AAE/B,SAAM,gBAAgB;AACpB,MAAI,kBAAkB,MACpB,iBAAgB,MAAM,aAAc;IAErC,CAAC,MAAM,cAAc,MAAM,CAAC;CAE/B,MAAM,YACJ,MACA,SAKG;AACH,MAAI,EAAE,kBAAkB,OACtB,iBAAgB,KAAK;AAGvB,SAAO,MAAM,WAAW,MAAM,KAAK;;CAGrC,MAAM,YACJ,MACA,UAOG;EACH,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,MAAM,gBAAgB;EAC9B,MAAM,EAAE,MAAM,OAAO;EAErB,MAAM,WAAW,YAAY,MAAM;EAInC,MAAM,WAAgB;GACpB,GAAG;GACH,UAAU;GACX;EAGD,MAAM,WAAoB,aAAa,WAAW,aAAa;EAC/D,MAAM,YAAqB,aAAa;EAGxC,IAAI;AACJ,MAAI,YAAY,UAAU;AAExB,qBAAkB;AAClB,mBAAgB,UAAU;AAC1B,sBAAmB,UAAU;AAC7B,YAAS,gBAAgB,4BACvB,UACA,gBACD;aACQ,YAAY,WAAW;AAEhC,qBAAkB,MAAM,KACtB,IAAI,IAAI,CACN,GAAI,mBAAmB,WAAW,EAAE,EACpC,GAAG,cAAc;IACf;IACA;IACA,UAAU;IACV,QAAQ,gBAAgB;IACzB,CAAC,CACH,CAAC,CACH;AACD,YAAS,gBAAgB,4BACvB,UACA,gBACD;SACI;AAEL,qBAAkB,CAAC,IAAI;AACvB,mBAAgB,UAAU;AAC1B,sBAAmB,UAAU;AAC7B,YAAS,gBAAgB,4BACvB,UACA,gBACD;;AAGH,QAAM,WAAW,iBAAiB,SAAS;AAC3C,MAAI,EAAE,kBAAkB,OACtB,iBAAgB,gBAAgB;;CAGpC,MAAM,EAAE,cAAc,cAAc,QAAM,WAAW,cAAc;CAEnE,MAAM,EACJ,WAAW,oBACX,WACA,WAAW,MACX,eAAe,SACf,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,QAAQ,mBAAmB;CAC1D,MAAM,mBAAmB,GACvB,GAAG,UAAU,aACb,GACG,GAAG,UAAU,kBAAkB,cAAc,OAC/C,EACD,UACD;AAED,QACE,oBAAC,MAAD;EACO;EACL,WAAA;EACA,GAAI;EACM;EACI;EACH;EACX,WAAW;EACG;EACA;EACJ;EACA;EACV,CAAA;;AAIN,IAAM,uBAAuB,QAAM,WACjC,cACD;AAED,IAAA,QAAA,IAAA,aAA6B,aAC3B,sBAAqB,cAAc"}

package/dist/Tree/Tree.d.ts

@@ -1,6 +1,5 @@
-import type { BasicDataNode, TreeProps as RcTreeProps } from 'rc-tree';
-import RcTree from 'rc-tree';
-import type { DataNode, Key } from 'rc-tree/lib/interface';
+import { BasicDataNode, TreeProps as RcTreeProps, default as RcTree } from 'rc-tree';
+import { DataNode, Key } from 'rc-tree/es/interface';
 import * as React from 'react';
 export type SwitcherIcon = React.ReactNode | ((props: AldTreeNodeProps) => React.ReactNode);
 export type TreeLeafIcon = React.ReactNode | ((props: AldTreeNodeProps) => React.ReactNode);
@@ -133,5 +132,5 @@ export interface TreeProps<T extends BasicDataNode = DataNode> extends Omit<RcTr
     handlerRender?: (node: T) => React.ReactNode;
     highlightKeywords?: string;
 }
-declare const Tree: React.ForwardRefExoticComponent<TreeProps<DataNode> & React.RefAttributes<RcTree<DataNode>>>;
+declare const Tree: React.ForwardRefExoticComponent<TreeProps<DataNode> & React.RefAttributes<RcTree<import('rc-tree/lib/interface').DataNode>>>;
 export default Tree;