@aloudata/aloudata-design 3.1.0 → 3.1.2

package/dist/Tooltip/index.js

@@ -53,24 +53,51 @@ function usePortalContainer(getPopupContainer, getTooltipContainer) {
 function ClickTooltip({ children, title, open, onOpenChange, placement = "top", overlayClassName, zIndex, container, triggerRef }) {
 	const side = sideMap[placement] || "top";
 	const align = alignMap[placement] || "center";
+	const idBase = React.useId().replace(/:/g, "");
+	const contentId = `ald-popover-tooltip-${idBase}`;
+	const titleId = `ald-popover-tooltip-title-${idBase}`;
+	const contentRef = React.useRef(null);
+	const trigger = React.isValidElement(children) ? React.cloneElement(children, {
+		ref: triggerRef,
+		"aria-controls": contentId,
+		"aria-haspopup": false
+	}) : /* @__PURE__ */ jsx("span", {
+		ref: triggerRef,
+		"aria-controls": contentId,
+		"aria-haspopup": false,
+		children
+	});
 	return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, {
 		open,
 		onOpenChange,
+		modal: false,
 		children: [/* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
 			asChild: true,
-			children: React.isValidElement(children) ? React.cloneElement(children, { ref: triggerRef }) : /* @__PURE__ */ jsx("span", {
-				ref: triggerRef,
-				children
-			})
+			children: trigger
 		}), /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
 			container,
 			children: /* @__PURE__ */ jsxs(PopoverPrimitive.Content, {
+				id: contentId,
+				ref: contentRef,
+				role: "region",
+				"aria-labelledby": title ? titleId : void 0,
 				side,
 				align,
 				sideOffset: 4,
 				className: cn(contentClasses, overlayClassName),
 				style: { zIndex },
-				children: [title, /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { className: "tw-fill-[var(--background-inverted)]" })]
+				onOpenAutoFocus: (event) => {
+					event.preventDefault();
+					contentRef.current?.querySelector("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])")?.focus();
+				},
+				onCloseAutoFocus: (event) => {
+					event.preventDefault();
+					if (triggerRef.current?.isConnected) triggerRef.current.focus();
+				},
+				children: [title && /* @__PURE__ */ jsx("div", {
+					id: titleId,
+					children: title
+				}), /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { className: "tw-fill-[var(--background-inverted)]" })]
 			})
 		})]
 	});
@@ -79,6 +106,7 @@ function Tooltip(props) {
 	const { children, title, content, open, onOpenChange, placement = "top", mouseEnterDelay = 0, mouseLeaveDelay = 0, overlayClassName, trigger, getPopupContainer, getTooltipContainer, zIndex } = props;
 	const { triggerRef, container } = usePortalContainer(getPopupContainer, getTooltipContainer);
 	const resolvedZIndex = useFloatingPopupZIndex(zIndex);
+	const tooltipIdBase = React.useId().replace(/:/g, "");
 	const mergedTitle = title ?? content;
 	if (!mergedTitle && mergedTitle !== 0) return /* @__PURE__ */ jsx(Fragment, { children });
 	if (isTriggerDisabled(trigger)) return /* @__PURE__ */ jsx(Fragment, { children });
@@ -110,6 +138,7 @@ function Tooltip(props) {
 			}), /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
 				container,
 				children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+					id: `ald-tooltip-${tooltipIdBase}`,
 					side,
 					align,
 					sideOffset: 4,

package/dist/Tooltip/index.js.map

@@ -1 +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 { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';\n\nexport interface ITooltipProps {\n  title?: React.ReactNode;\n  /** Alias for title, for Popover-style usage */\n  content?: 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  /** Custom class for the root element */\n  rootClassName?: string;\n  getTooltipContainer?: (node: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\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(--background-inverted)] tw-text-[var(--content-inverted-primary)] 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={{ zIndex }}\n        >\n          {title}\n          <PopoverPrimitive.Arrow className=\"tw-fill-[var(--background-inverted)]\" />\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    content,\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  const resolvedZIndex = useFloatingPopupZIndex(zIndex);\n  const mergedTitle = title ?? content;\n\n  if (!mergedTitle && mergedTitle !== 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={mergedTitle}\n        open={open}\n        onOpenChange={onOpenChange}\n        placement={placement}\n        overlayClassName={overlayClassName}\n        zIndex={resolvedZIndex}\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={{ zIndex: resolvedZIndex }}\n          >\n            {mergedTitle}\n            <TooltipPrimitive.Arrow className=\"tw-fill-[var(--background-inverted)]\" />\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":"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"}
+{"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 { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';\n\nexport interface ITooltipProps {\n  title?: React.ReactNode;\n  /** Alias for title, for Popover-style usage */\n  content?: 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  /** Custom class for the root element */\n  rootClassName?: string;\n  getTooltipContainer?: (node: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\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(--background-inverted)] tw-text-[var(--content-inverted-primary)] 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  const idBase = React.useId().replace(/:/g, '');\n  const contentId = `ald-popover-tooltip-${idBase}`;\n  const titleId = `ald-popover-tooltip-title-${idBase}`;\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  const trigger = React.isValidElement(children) ? (\n    React.cloneElement(children as React.ReactElement, {\n      ref: triggerRef,\n      'aria-controls': contentId,\n      'aria-haspopup': false,\n    })\n  ) : (\n    <span\n      ref={triggerRef as React.RefObject<HTMLSpanElement>}\n      aria-controls={contentId}\n      aria-haspopup={false}\n    >\n      {children}\n    </span>\n  );\n\n  return (\n    <PopoverPrimitive.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      modal={false}\n    >\n      <PopoverPrimitive.Trigger asChild>{trigger}</PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={container}>\n        <PopoverPrimitive.Content\n          id={contentId}\n          ref={contentRef}\n          role=\"region\"\n          aria-labelledby={title ? titleId : undefined}\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(contentClasses, overlayClassName)}\n          style={{ zIndex }}\n          onOpenAutoFocus={(event) => {\n            event.preventDefault();\n            contentRef.current\n              ?.querySelector<HTMLElement>(\n                'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])',\n              )\n              ?.focus();\n          }}\n          onCloseAutoFocus={(event) => {\n            event.preventDefault();\n            if (triggerRef.current?.isConnected) {\n              triggerRef.current.focus();\n            }\n          }}\n        >\n          {title && <div id={titleId}>{title}</div>}\n          <PopoverPrimitive.Arrow className=\"tw-fill-[var(--background-inverted)]\" />\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    content,\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  const resolvedZIndex = useFloatingPopupZIndex(zIndex);\n  const tooltipIdBase = React.useId().replace(/:/g, '');\n  const mergedTitle = title ?? content;\n\n  if (!mergedTitle && mergedTitle !== 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={mergedTitle}\n        open={open}\n        onOpenChange={onOpenChange}\n        placement={placement}\n        overlayClassName={overlayClassName}\n        zIndex={resolvedZIndex}\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            id={`ald-tooltip-${tooltipIdBase}`}\n            side={side}\n            align={align}\n            sideOffset={4}\n            className={cn(contentClasses, overlayClassName)}\n            style={{ zIndex: resolvedZIndex }}\n          >\n            {mergedTitle}\n            <TooltipPrimitive.Arrow className=\"tw-fill-[var(--background-inverted)]\" />\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/Tour/index.js

@@ -15,6 +15,8 @@ function Tour(props) {
 	if (!open || steps.length === 0) return null;
 	const step = steps[current];
 	const isLast = current === steps.length - 1;
+	const titleId = `ald-tour-title-${current}`;
+	const descriptionId = `ald-tour-description-${current}`;
 	const goNext = () => {
 		if (isLast) {
 			onFinish?.();
@@ -35,11 +37,19 @@ function Tour(props) {
 		style: { zIndex: maskZIndex },
 		onClick: onClose
 	}), /* @__PURE__ */ jsx("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),
+		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-[var(--elevation-bottom-bottom-xl)]", "tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2", className),
 		style: {
 			zIndex: contentZIndex,
 			...step?.style
 		},
+		role: "dialog",
+		"aria-modal": "false",
+		"aria-labelledby": step?.title ? titleId : void 0,
+		"aria-describedby": step?.description ? descriptionId : void 0,
+		tabIndex: -1,
+		onKeyDown: (event) => {
+			if (event.key === "Escape") onClose?.();
+		},
 		children: /* @__PURE__ */ jsxs(FloatingLayerProvider, {
 			value: nextLevel,
 			children: [
@@ -48,10 +58,12 @@ function Tour(props) {
 					children: step.cover
 				}),
 				step?.title && /* @__PURE__ */ jsx("div", {
+					id: titleId,
 					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", {
+					id: descriptionId,
 					className: "ald-tour-description tw-mb-4 tw-text-sm tw-text-[var(--content-secondary)]",
 					children: step.description
 				}),

package/dist/Tour/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Tour/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Button from '../Button';\nimport {\n  FloatingLayerProvider,\n  useFloatingLayer,\n} from '../_utils/floatingLayer';\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  const { maskZIndex, contentZIndex, nextLevel } = useFloatingLayer();\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-[var(--background-inverted)] tw-opacity-45\"\n          style={{ zIndex: maskZIndex }}\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        style={{ zIndex: contentZIndex, ...step?.style }}\n      >\n        <FloatingLayerProvider value={nextLevel}>\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 ||\n                  (isLast ? 'Finish' : 'Next')}\n              </Button>\n            </div>\n          </div>\n        </FloatingLayerProvider>\n      </div>\n    </>\n  );\n}\n\nexport default Tour;\n"],"mappings":";;;;;;AAyCA,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;CAEV,MAAM,EAAE,YAAY,eAAe,cAAc,kBAAkB;AAEnE,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,OAAO,EAAE,QAAQ,YAAY;EAC7B,SAAS;EACT,CAAA,EAEJ,oBAAC,OAAD;EACE,WAAW,GACT,oHACA,kEACA,UACD;EACD,OAAO;GAAE,QAAQ;GAAe,GAAG,MAAM;GAAO;YAEhD,qBAAC,uBAAD;GAAuB,OAAO;aAA9B;IACG,MAAM,SACL,oBAAC,OAAD;KAAK,WAAU;eAA0B,KAAK;KAAY,CAAA;IAE3D,MAAM,SACL,oBAAC,OAAD;KAAK,WAAU;eACZ,KAAK;KACF,CAAA;IAEP,MAAM,eACL,oBAAC,OAAD;KAAK,WAAU;eACZ,KAAK;KACF,CAAA;IAER,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,UAAU;OAAE;OAAE,MAAM;OAChB;SACP,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,UAAU,KACT,oBAAC,gBAAD;OAAQ,MAAK;OAAY,MAAK;OAAQ,SAAS;iBAC5C,MAAM,iBAAiB,YAAY;OAC7B,CAAA,EAEX,oBAAC,gBAAD;OAAQ,MAAK;OAAU,MAAK;OAAQ,SAAS;iBAC1C,MAAM,iBAAiB,aACrB,SAAS,WAAW;OAChB,CAAA,CACL;QACF;;IACgB;;EACpB,CAAA,CACL,EAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Tour/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Button from '../Button';\nimport {\n  FloatingLayerProvider,\n  useFloatingLayer,\n} from '../_utils/floatingLayer';\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  const { maskZIndex, contentZIndex, nextLevel } = useFloatingLayer();\n\n  if (!open || steps.length === 0) return null;\n\n  const step = steps[current];\n  const isLast = current === steps.length - 1;\n  const titleId = `ald-tour-title-${current}`;\n  const descriptionId = `ald-tour-description-${current}`;\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-[var(--background-inverted)] tw-opacity-45\"\n          style={{ zIndex: maskZIndex }}\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-[var(--elevation-bottom-bottom-xl)]',\n          'tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2',\n          className,\n        )}\n        style={{ zIndex: contentZIndex, ...step?.style }}\n        role=\"dialog\"\n        aria-modal=\"false\"\n        aria-labelledby={step?.title ? titleId : undefined}\n        aria-describedby={step?.description ? descriptionId : undefined}\n        tabIndex={-1}\n        onKeyDown={(event) => {\n          if (event.key === 'Escape') onClose?.();\n        }}\n      >\n        <FloatingLayerProvider value={nextLevel}>\n          {step?.cover && (\n            <div className=\"ald-tour-cover tw-mb-4\">{step.cover}</div>\n          )}\n          {step?.title && (\n            <div\n              id={titleId}\n              className=\"ald-tour-title tw-mb-2 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]\"\n            >\n              {step.title}\n            </div>\n          )}\n          {step?.description && (\n            <div\n              id={descriptionId}\n              className=\"ald-tour-description tw-mb-4 tw-text-sm tw-text-[var(--content-secondary)]\"\n            >\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 ||\n                  (isLast ? 'Finish' : 'Next')}\n              </Button>\n            </div>\n          </div>\n        </FloatingLayerProvider>\n      </div>\n    </>\n  );\n}\n\nexport default Tour;\n"],"mappings":";;;;;;AAyCA,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;CAEV,MAAM,EAAE,YAAY,eAAe,cAAc,kBAAkB;AAEnE,KAAI,CAAC,QAAQ,MAAM,WAAW,EAAG,QAAO;CAExC,MAAM,OAAO,MAAM;CACnB,MAAM,SAAS,YAAY,MAAM,SAAS;CAC1C,MAAM,UAAU,kBAAkB;CAClC,MAAM,gBAAgB,wBAAwB;CAE9C,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,OAAO,EAAE,QAAQ,YAAY;EAC7B,SAAS;EACT,CAAA,EAEJ,oBAAC,OAAD;EACE,WAAW,GACT,qJACA,kEACA,UACD;EACD,OAAO;GAAE,QAAQ;GAAe,GAAG,MAAM;GAAO;EAChD,MAAK;EACL,cAAW;EACX,mBAAiB,MAAM,QAAQ,UAAU;EACzC,oBAAkB,MAAM,cAAc,gBAAgB;EACtD,UAAU;EACV,YAAY,UAAU;AACpB,OAAI,MAAM,QAAQ,SAAU,YAAW;;YAGzC,qBAAC,uBAAD;GAAuB,OAAO;aAA9B;IACG,MAAM,SACL,oBAAC,OAAD;KAAK,WAAU;eAA0B,KAAK;KAAY,CAAA;IAE3D,MAAM,SACL,oBAAC,OAAD;KACE,IAAI;KACJ,WAAU;eAET,KAAK;KACF,CAAA;IAEP,MAAM,eACL,oBAAC,OAAD;KACE,IAAI;KACJ,WAAU;eAET,KAAK;KACF,CAAA;IAER,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,UAAU;OAAE;OAAE,MAAM;OAChB;SACP,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,UAAU,KACT,oBAAC,gBAAD;OAAQ,MAAK;OAAY,MAAK;OAAQ,SAAS;iBAC5C,MAAM,iBAAiB,YAAY;OAC7B,CAAA,EAEX,oBAAC,gBAAD;OAAQ,MAAK;OAAU,MAAK;OAAQ,SAAS;iBAC1C,MAAM,iBAAiB,aACrB,SAAS,WAAW;OAChB,CAAA,CACL;QACF;;IACgB;;EACpB,CAAA,CACL,EAAA,CAAA"}

package/dist/Tree/Tree2.js

@@ -52,6 +52,8 @@ var Tree = React$1.forwardRef((props, ref) => {
 	]);
 	const newProps = {
 		...rest,
+		role: rest.role ?? "tree",
+		"aria-label": rest["aria-label"] ?? "Tree",
 		checkable,
 		selectable,
 		showIcon,

package/dist/Tree/Tree2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree2.js","names":[],"sources":["../../src/Tree/Tree.tsx"],"sourcesContent":["import './tree.css';\nimport { cn } from '../lib/utils';\nimport { produce } from 'immer';\nimport { noop } from 'lodash';\nimport type { BasicDataNode, TreeProps as RcTreeProps } from 'rc-tree';\nimport RcTree from 'rc-tree';\nimport type { DataNode, Key } from 'rc-tree/es/interface';\nimport * as React from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport HighlightText from '../HighlightText';\nimport { ArrowRightLightLine, DragLine } from '../Icon';\nimport collapseMotion from '../_utils/motion';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { composeAllowDrop } from './utils/composeAllowDrop';\nimport dropIndicatorRender from './utils/dropIndicator';\nimport renderSwitcherIcon from './utils/iconUtil';\nconst TREE_SWITCH_CION_SIZE = 16;\nconst NODE_DISABLE_CLASS_NAME = 'ald-tree-node-disabled';\nexport type SwitcherIcon =\n  | React.ReactNode\n  | ((props: AldTreeNodeProps) => React.ReactNode);\nexport type TreeLeafIcon =\n  | React.ReactNode\n  | ((props: AldTreeNodeProps) => React.ReactNode);\n\nexport interface AldTreeNodeAttribute {\n  eventKey: string;\n  prefixCls: string;\n  className: string;\n  expanded: boolean;\n  selected: boolean;\n  checked: boolean;\n  halfChecked: boolean;\n  children: React.ReactNode;\n  title: React.ReactNode;\n  pos: string;\n  dragOver: boolean;\n  dragOverGapTop: boolean;\n  dragOverGapBottom: boolean;\n  isLeaf: boolean;\n  selectable: boolean;\n  disabled: boolean;\n  disableCheckbox: boolean;\n}\n\nexport interface AldTreeNodeProps {\n  className?: string;\n  checkable?: boolean;\n  disabled?: boolean;\n  disableCheckbox?: boolean;\n  title?: string | React.ReactNode;\n  key?: Key;\n  eventKey?: string;\n  isLeaf?: boolean;\n  checked?: boolean;\n  expanded?: boolean;\n  loading?: boolean;\n  selected?: boolean;\n  selectable?: boolean;\n  icon?:\n    | ((treeNode: AldTreeNodeAttribute) => React.ReactNode)\n    | React.ReactNode;\n  children?: React.ReactNode;\n  [customProp: string]: any;\n}\n\nexport type AldTreeNode = React.Component<AldTreeNodeProps, object>;\n\nexport interface AldTreeNodeBaseEvent {\n  node: AldTreeNode;\n  nativeEvent: MouseEvent;\n}\n\nexport interface AldTreeNodeCheckedEvent extends AldTreeNodeBaseEvent {\n  event: 'check';\n  checked?: boolean;\n  checkedNodes?: AldTreeNode[];\n}\n\nexport interface AldTreeNodeSelectedEvent extends AldTreeNodeBaseEvent {\n  event: 'select';\n  selected?: boolean;\n  selectedNodes?: DataNode[];\n}\n\nexport interface AldTreeNodeExpandedEvent extends AldTreeNodeBaseEvent {\n  expanded?: boolean;\n}\n\nexport interface AldTreeNodeMouseEvent {\n  node: AldTreeNode;\n  event: React.DragEvent<HTMLElement>;\n}\n\nexport interface AldTreeNodeDragEnterEvent extends AldTreeNodeMouseEvent {\n  expandedKeys: Key[];\n}\n\nexport interface AldTreeNodeAttribute {\n  node: AldTreeNode;\n  dragNode: AldTreeNode;\n  dragNodesKeys: Key[];\n  dropPosition: number;\n  dropToGap?: boolean;\n  event: React.MouseEvent<HTMLElement>;\n}\n\n// [Legacy] Compatible for v3\nexport type TreeNodeNormal = DataNode;\n\ntype DraggableFn = (node: DataNode) => boolean;\n\ninterface DropOnlyResolvers {\n  nodeDraggable: DraggableFn | undefined;\n  nodeDroppable: DraggableFn;\n}\n\ninterface DraggableConfig {\n  icon?: React.ReactNode | false;\n  /** 节点是否可作为 drag source（拖起来）。返回 false：不显示 drag handle、不能起拖。 */\n  nodeDraggable?: DraggableFn;\n  /**\n   * 节点是否可作为 drop target（接收落入）。返回 true：即使 nodeDraggable=false 仍注册\n   * onDragOver/onDrop 等 listener，浏览器才会真正派发 drop 事件。\n   *\n   * 解决 rc-tree 5.x 把\"可拖\"与\"可放\"绑到同一个 nodeDraggable 的限制——之前要让\"类目可接收\n   * 资源拖入但本身不可拖\"只能让 nodeDraggable 全返回 true，再用业务侧 CSS hack 隐藏 drag icon。\n   *\n   * 默认不传 = 沿用 nodeDraggable 行为（向后兼容）。\n   */\n  nodeDroppable?: DraggableFn;\n}\n\nexport interface TreeProps<T extends BasicDataNode = DataNode>\n  extends Omit<\n    RcTreeProps<T>,\n    | 'prefixCls'\n    | 'showLine'\n    | 'direction'\n    | 'draggable'\n    | 'icon'\n    | 'switcherIcon'\n    | 'filterTreeNode'\n  > {\n  showLine?: boolean | { showLeafIcon: boolean | TreeLeafIcon };\n  className?: string;\n  /** 是否支持多选 */\n  multiple?: boolean;\n  /** 是否自动展开父节点 */\n  autoExpandParent?: boolean;\n  /** Checkable状态下节点选择完全受控（父子节点选中状态不再关联） */\n  checkStrictly?: boolean;\n  /** 是否支持选中 */\n  checkable?: boolean;\n  /** 是否禁用树 */\n  disabled?: boolean;\n  /** 默认展开所有树节点 */\n  defaultExpandAll?: boolean;\n  /** 默认展开对应树节点 */\n  defaultExpandParent?: boolean;\n  /** 默认展开指定的树节点 */\n  defaultExpandedKeys?: Key[];\n  /** （受控）展开指定的树节点 */\n  expandedKeys?: Key[];\n  /** （受控）选中复选框的树节点 */\n  checkedKeys?: Key[] | { checked: Key[]; halfChecked: Key[] };\n  /** 默认选中复选框的树节点 */\n  defaultCheckedKeys?: Key[];\n  /** （受控）设置选中的树节点 */\n  selectedKeys?: Key[];\n  /** 默认选中的树节点 */\n  defaultSelectedKeys?: Key[];\n  selectable?: boolean;\n  /** 点击树节点触发 */\n  filterTreeNode?: (node: DataNode) => boolean;\n  loadedKeys?: Key[];\n  /** 设置节点可拖拽（IE>8） */\n  draggable?: DraggableFn | boolean | DraggableConfig;\n  style?: React.CSSProperties;\n  showIcon?: boolean;\n  icon?:\n    | ((nodeProps: AldTreeNodeAttribute) => React.ReactNode)\n    | React.ReactNode\n    | RcTreeProps<T>['icon'];\n  switcherIcon?: SwitcherIcon | RcTreeProps<T>['switcherIcon'];\n  prefixCls?: string;\n  children?: React.ReactNode;\n  blockNode?: boolean;\n  size?: 'large' | 'small';\n  titleRender?: (node: T) => React.ReactNode;\n  showTabLeader?: boolean;\n  handlerRender?: (node: T) => React.ReactNode;\n  highlightKeywords?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Tree = React.forwardRef<any, TreeProps>((props, ref) => {\n  const { locale } = React.useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getPrefixCls, direction, virtual } = React.useContext(ConfigContext);\n  const size = props.size || 'large';\n  const {\n    className,\n    showIcon = false,\n    showLine,\n    blockNode = false,\n    children,\n    checkable = false,\n    selectable = true,\n    draggable,\n    titleRender,\n    showTabLeader,\n    handlerRender = noop,\n    filterTreeNode,\n    treeData,\n    highlightKeywords,\n    motion = { ...collapseMotion, motionAppear: false },\n    ...rest\n  } = props;\n  const prefixCls = getPrefixCls('tree', 'ald-tree');\n\n  const customTitleRender = React.useCallback(\n    (node: DataNode) => {\n      const renderedTitle = titleRender\n        ? titleRender(node)\n        : typeof node.title === 'function'\n        ? node.title(node)\n        : node.title;\n      const renderedHandler = handlerRender(node) as React.ReactNode;\n      const hasHandler =\n        renderedHandler !== null &&\n        renderedHandler !== undefined &&\n        renderedHandler !== false;\n      return (\n        <span\n          className={cn(\n            'ald-tree-title-layout',\n            hasHandler && 'ald-tree-title-layout-with-handler',\n          )}\n        >\n          <span className=\"ald-tree-title-content\">{renderedTitle}</span>\n          {showTabLeader && hasHandler && (\n            <div className=\"ald-tree-tab-leader\"></div>\n          )}\n          {hasHandler && (\n            <span className=\"ald-tree-title-handler\">{renderedHandler}</span>\n          )}\n        </span>\n      );\n    },\n    [titleRender, showTabLeader, handlerRender],\n  );\n  const newProps = {\n    ...rest,\n    checkable,\n    selectable,\n    showIcon,\n    motion,\n    blockNode,\n    showLine: Boolean(showLine),\n    dropIndicatorRender,\n    titleRender: customTitleRender,\n  };\n\n  // 一次性吃掉 draggable 的归一化：rc-tree 看到的 mergedDraggable + 我们内部用的\n  // dropOnlyResolvers（原样保留用户 nodeDraggable/nodeDroppable）。集中一处避免两处 useMemo\n  // 的判断散开导致字段扩展时遗漏。\n  const { draggableConfig, dropOnlyResolvers } = React.useMemo(() => {\n    if (!draggable) {\n      return {\n        draggableConfig: false as const,\n        dropOnlyResolvers: null as DropOnlyResolvers | null,\n      };\n    }\n    const newIcon = (\n      <DragLine\n        size={TREE_SWITCH_CION_SIZE}\n        color={'var(--content-secondary)'}\n      ></DragLine>\n    );\n    let mergedDraggable: DraggableConfig = { icon: newIcon };\n    switch (typeof draggable) {\n      case 'function':\n        mergedDraggable.nodeDraggable = draggable;\n        break;\n      case 'object':\n        mergedDraggable = {\n          ...draggable,\n          icon: draggable.icon === undefined ? newIcon : draggable.icon,\n        };\n        break;\n      default:\n        break;\n    }\n\n    // rc-tree 5.x 把\"可拖（drag source）\"与\"可放（drop target）\"绑到同一个 nodeDraggable：\n    // 该返回 false 时 onDragOver/onDrop 也连带不注册，浏览器认为该节点 not droppable\n    // → drop 事件根本不派发。为了让\"类目可接收资源拖入但本身不可拖\"，把 rc-tree 看到的\n    // nodeDraggable 改成 nodeDraggable || nodeDroppable，从而保证 drop listener 仍注册。\n    // 真正的 drag-source 阻断由 document 级 dragstart capture handler 负责（见下方 effect）。\n    let resolvers: DropOnlyResolvers | null = null;\n    if (mergedDraggable.nodeDroppable) {\n      const userNodeDraggable = mergedDraggable.nodeDraggable;\n      const userNodeDroppable = mergedDraggable.nodeDroppable;\n      resolvers = {\n        nodeDraggable: userNodeDraggable,\n        nodeDroppable: userNodeDroppable,\n      };\n      mergedDraggable = {\n        ...mergedDraggable,\n        nodeDraggable: (node: DataNode) =>\n          (userNodeDraggable ? userNodeDraggable(node) : true) ||\n          userNodeDroppable(node),\n      };\n    }\n\n    return { draggableConfig: mergedDraggable, dropOnlyResolvers: resolvers };\n  }, [draggable]);\n\n  /**\n   * drop-only 节点不能真的起拖。\n   *\n   * 历史教训：以前在 props.onDragStart 里调 preventDefault。问题是 rc-tree 内部\n   * onNodeDragStart（Tree.js:88-99）会在调用 user onDragStart **之前**把\n   * draggingNodeKey/dragNodeProps 写进 state；TreeNode（TreeNode.js:112）也已经先\n   * setDragNodeHighlight(true)。然后 preventDefault 让浏览器取消拖拽，dragend 不再派发\n   * → onWindowDragEnd 永远不触发 → state 卡在\"正在拖类目\"，外层 .ald-tree-treenode\n   * 卡着 `dragging`、内层 .ald-tree-node-content-wrapper 卡着 `ald-tree-node-selected`\n   * 高亮，直到下一次合法 dragstart 才被覆盖。\n   *\n   * 修复手段：document 级 dragstart capture handler，在 rc-tree 的 React 监听器之前\n   * stopPropagation+preventDefault，让 TreeNode 的 onDragStart 整段都不执行，rc-tree\n   * 内部 state 彻底不写入。document 是 React root 容器的祖先，capture 阶段先于 React\n   * delegation 监听器，因此 stopPropagation 能彻底拦截。\n   */\n  React.useLayoutEffect(() => {\n    if (!dropOnlyResolvers) return;\n    const handler = (e: DragEvent) => {\n      const target = e.target as HTMLElement | null;\n      if (!target?.closest) return;\n      if (target.closest('.ald-tree-treenode-drop-only')) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    };\n    document.addEventListener('dragstart', handler, true);\n    return () => document.removeEventListener('dragstart', handler, true);\n  }, [dropOnlyResolvers]);\n\n  /**\n   * nodeDroppable 同时收口到 rc-tree 的 allowDrop：避免出现\"nodeDroppable=false 但 rc-tree\n   * 默认 allowDrop=()=>true 仍然接收 drop\"的语义裂缝。用户自传的 allowDrop 与 nodeDroppable\n   * 取 AND（任一拒绝即拒绝）。\n   */\n  const composedAllowDrop = React.useMemo(\n    () => composeAllowDrop(rest.allowDrop, dropOnlyResolvers?.nodeDroppable),\n    [rest.allowDrop, dropOnlyResolvers],\n  );\n  const renderIndent = (nodeProps: AldTreeNodeProps) => {\n    const { pos, isLeaf } = nodeProps as AldTreeNodeProps & { pos?: string };\n    // rc-tree `pos` 格式：\"0\" 是虚拟根，\"0-0\" 是首层节点，\"0-0-1\" 是 leaf。\n    // 顶层节点 level=0 不缩进；每层 +1 unit（switcher 宽度），与 antd Tree 行为一致。\n    // leaf 在未开启 showLine 时 renderSwitcherIcon 返回 null，没有真实 switcher 占位；\n    // 需要补一个 switcher 宽度，保证业务图标和同级可展开节点对齐。\n    // `?? 2` 兜底：当 pos 缺失时按\"首层节点 `0-0` 长度 = 2\"处理，结果 level=0 不缩进；\n    // 切勿改成 1 或 0，否则缺 pos 的节点会被错误右移。\n    const level = Math.max(0, (pos?.split('-').length ?? 2) - 2);\n    const leafSwitcherWidth = isLeaf && !showLine ? TREE_SWITCH_CION_SIZE : 0;\n    return (\n      <span\n        style={{\n          width: level * TREE_SWITCH_CION_SIZE + leafSwitcherWidth,\n          flexShrink: 0,\n        }}\n      ></span>\n    );\n  };\n  const newTreeData = React.useMemo(() => {\n    if (!filterTreeNode || !treeData) return treeData;\n\n    const shouldNodeDisabled = (node: DataNode): boolean => {\n      // 初始化一个标志来表示是否需要为当前节点添加className\n      let shouldAddDisabled = true;\n      if (filterTreeNode(node)) {\n        shouldAddDisabled = false;\n      }\n\n      if (node.children) {\n        // 遍历当前节点的子节点，只要有一个子节点不disable，则该不需要添加className\n        const allChildrenShouldAddDisabled = node.children.reduce(\n          (pre, child) => {\n            return shouldNodeDisabled(child) && pre;\n          },\n          shouldAddDisabled,\n        );\n        shouldAddDisabled = allChildrenShouldAddDisabled;\n      }\n\n      // 如果shouldAddDisabled为true，就为当前节点添加className\n      if (shouldAddDisabled) {\n        node.className = node.className?.includes(NODE_DISABLE_CLASS_NAME)\n          ? node.className\n          : cn(node.className, NODE_DISABLE_CLASS_NAME);\n      } else {\n        const reg = /ald-tree-node-disabled/g;\n        node.className?.replace(reg, ' ');\n      }\n      if (highlightKeywords && typeof node.title !== 'function') {\n        node.title = (\n          <HighlightText keyword={highlightKeywords}>\n            {node.title}\n          </HighlightText>\n        );\n      }\n      return shouldAddDisabled;\n    };\n    const newTreeData = produce(treeData, (draft) => {\n      for (const rootNode of draft) {\n        shouldNodeDisabled(rootNode);\n      }\n    });\n    return newTreeData;\n  }, [filterTreeNode, treeData, highlightKeywords]);\n\n  /** 给 drop-only 节点的 wrapper 加 'ald-tree-treenode-drop-only' className（rc-tree 5.x\n   *  会把 DataNode.className 透传到 .ald-tree-treenode 上）。css 据此隐藏 drag handle icon\n   *  并提供 not-allowed cursor，区分纯 drop target 与真正可拖节点。 */\n  const finalTreeData = React.useMemo(() => {\n    if (!dropOnlyResolvers || !newTreeData) return newTreeData;\n    const { nodeDraggable, nodeDroppable } = dropOnlyResolvers;\n    return produce(newTreeData, (draft) => {\n      const visit = (nodes: DataNode[] | undefined) => {\n        if (!nodes) return;\n        for (const node of nodes) {\n          const isDraggable = nodeDraggable ? nodeDraggable(node) : true;\n          const isDroppable = nodeDroppable(node);\n          if (!isDraggable && isDroppable) {\n            const existing = node.className ?? '';\n            if (!existing.includes('ald-tree-treenode-drop-only')) {\n              node.className = cn(existing, 'ald-tree-treenode-drop-only');\n            }\n          }\n          visit(node.children as DataNode[] | undefined);\n        }\n      };\n      visit(draft as DataNode[]);\n    });\n  }, [newTreeData, dropOnlyResolvers]);\n\n  const noChildren = React.useMemo(() => {\n    if (finalTreeData?.length) {\n      return finalTreeData.every((node) => {\n        return !node.children?.length && node.isLeaf !== false;\n      });\n    }\n    return true;\n  }, [finalTreeData]);\n\n  return (\n    <RcTree\n      itemHeight={20}\n      ref={ref}\n      virtual={virtual}\n      {...newProps}\n      allowDrop={composedAllowDrop}\n      prefixCls={prefixCls}\n      treeData={finalTreeData}\n      className={cn(\n        {\n          [`${prefixCls}-icon-hide`]: !showIcon,\n          [`${prefixCls}-block-node`]: blockNode,\n          [`${prefixCls}-unselectable`]: !selectable,\n          [`${prefixCls}-large`]: size === 'large',\n          [`${prefixCls}-rtl`]: direction === 'rtl',\n          ['ald-draggable-tree']: draggable,\n          [`${prefixCls}-no-children`]: noChildren,\n        },\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ant-tree',\n        className,\n      )}\n      direction={direction as any}\n      checkable={\n        checkable ? (\n          <span className={`${prefixCls}-checkbox-inner`} />\n        ) : (\n          checkable\n        )\n      }\n      selectable={selectable}\n      // @ts-ignore\n      switcherIcon={(nodeProps: AldTreeNodeProps) => {\n        return (\n          <>\n            {renderIndent(nodeProps)}\n            {renderSwitcherIcon(\n              prefixCls,\n              <ArrowRightLightLine\n                size={TREE_SWITCH_CION_SIZE}\n                color={'var(--content-secondary)'}\n              >\n                {t.Tree.expand}\n              </ArrowRightLightLine>,\n              showLine,\n              nodeProps,\n              TREE_SWITCH_CION_SIZE,\n            )}\n          </>\n        );\n      }}\n      draggable={draggableConfig}\n    >\n      {children}\n    </RcTree>\n  );\n});\n\nexport default Tree;\n"],"mappings":"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"}
+{"version":3,"file":"Tree2.js","names":[],"sources":["../../src/Tree/Tree.tsx"],"sourcesContent":["import './tree.css';\nimport { cn } from '../lib/utils';\nimport { produce } from 'immer';\nimport { noop } from 'lodash';\nimport type { BasicDataNode, TreeProps as RcTreeProps } from 'rc-tree';\nimport RcTree from 'rc-tree';\nimport type { DataNode, Key } from 'rc-tree/es/interface';\nimport * as React from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport HighlightText from '../HighlightText';\nimport { ArrowRightLightLine, DragLine } from '../Icon';\nimport collapseMotion from '../_utils/motion';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { composeAllowDrop } from './utils/composeAllowDrop';\nimport dropIndicatorRender from './utils/dropIndicator';\nimport renderSwitcherIcon from './utils/iconUtil';\nconst TREE_SWITCH_CION_SIZE = 16;\nconst NODE_DISABLE_CLASS_NAME = 'ald-tree-node-disabled';\nexport type SwitcherIcon =\n  | React.ReactNode\n  | ((props: AldTreeNodeProps) => React.ReactNode);\nexport type TreeLeafIcon =\n  | React.ReactNode\n  | ((props: AldTreeNodeProps) => React.ReactNode);\n\nexport interface AldTreeNodeAttribute {\n  eventKey: string;\n  prefixCls: string;\n  className: string;\n  expanded: boolean;\n  selected: boolean;\n  checked: boolean;\n  halfChecked: boolean;\n  children: React.ReactNode;\n  title: React.ReactNode;\n  pos: string;\n  dragOver: boolean;\n  dragOverGapTop: boolean;\n  dragOverGapBottom: boolean;\n  isLeaf: boolean;\n  selectable: boolean;\n  disabled: boolean;\n  disableCheckbox: boolean;\n}\n\nexport interface AldTreeNodeProps {\n  className?: string;\n  checkable?: boolean;\n  disabled?: boolean;\n  disableCheckbox?: boolean;\n  title?: string | React.ReactNode;\n  key?: Key;\n  eventKey?: string;\n  isLeaf?: boolean;\n  checked?: boolean;\n  expanded?: boolean;\n  loading?: boolean;\n  selected?: boolean;\n  selectable?: boolean;\n  icon?:\n    | ((treeNode: AldTreeNodeAttribute) => React.ReactNode)\n    | React.ReactNode;\n  children?: React.ReactNode;\n  [customProp: string]: any;\n}\n\nexport type AldTreeNode = React.Component<AldTreeNodeProps, object>;\n\nexport interface AldTreeNodeBaseEvent {\n  node: AldTreeNode;\n  nativeEvent: MouseEvent;\n}\n\nexport interface AldTreeNodeCheckedEvent extends AldTreeNodeBaseEvent {\n  event: 'check';\n  checked?: boolean;\n  checkedNodes?: AldTreeNode[];\n}\n\nexport interface AldTreeNodeSelectedEvent extends AldTreeNodeBaseEvent {\n  event: 'select';\n  selected?: boolean;\n  selectedNodes?: DataNode[];\n}\n\nexport interface AldTreeNodeExpandedEvent extends AldTreeNodeBaseEvent {\n  expanded?: boolean;\n}\n\nexport interface AldTreeNodeMouseEvent {\n  node: AldTreeNode;\n  event: React.DragEvent<HTMLElement>;\n}\n\nexport interface AldTreeNodeDragEnterEvent extends AldTreeNodeMouseEvent {\n  expandedKeys: Key[];\n}\n\nexport interface AldTreeNodeAttribute {\n  node: AldTreeNode;\n  dragNode: AldTreeNode;\n  dragNodesKeys: Key[];\n  dropPosition: number;\n  dropToGap?: boolean;\n  event: React.MouseEvent<HTMLElement>;\n}\n\n// [Legacy] Compatible for v3\nexport type TreeNodeNormal = DataNode;\n\ntype DraggableFn = (node: DataNode) => boolean;\n\ninterface DropOnlyResolvers {\n  nodeDraggable: DraggableFn | undefined;\n  nodeDroppable: DraggableFn;\n}\n\ninterface DraggableConfig {\n  icon?: React.ReactNode | false;\n  /** 节点是否可作为 drag source（拖起来）。返回 false：不显示 drag handle、不能起拖。 */\n  nodeDraggable?: DraggableFn;\n  /**\n   * 节点是否可作为 drop target（接收落入）。返回 true：即使 nodeDraggable=false 仍注册\n   * onDragOver/onDrop 等 listener，浏览器才会真正派发 drop 事件。\n   *\n   * 解决 rc-tree 5.x 把\"可拖\"与\"可放\"绑到同一个 nodeDraggable 的限制——之前要让\"类目可接收\n   * 资源拖入但本身不可拖\"只能让 nodeDraggable 全返回 true，再用业务侧 CSS hack 隐藏 drag icon。\n   *\n   * 默认不传 = 沿用 nodeDraggable 行为（向后兼容）。\n   */\n  nodeDroppable?: DraggableFn;\n}\n\nexport interface TreeProps<T extends BasicDataNode = DataNode>\n  extends Omit<\n    RcTreeProps<T>,\n    | 'prefixCls'\n    | 'showLine'\n    | 'direction'\n    | 'draggable'\n    | 'icon'\n    | 'switcherIcon'\n    | 'filterTreeNode'\n  > {\n  showLine?: boolean | { showLeafIcon: boolean | TreeLeafIcon };\n  className?: string;\n  /** 是否支持多选 */\n  multiple?: boolean;\n  /** 是否自动展开父节点 */\n  autoExpandParent?: boolean;\n  /** Checkable状态下节点选择完全受控（父子节点选中状态不再关联） */\n  checkStrictly?: boolean;\n  /** 是否支持选中 */\n  checkable?: boolean;\n  /** 是否禁用树 */\n  disabled?: boolean;\n  /** 默认展开所有树节点 */\n  defaultExpandAll?: boolean;\n  /** 默认展开对应树节点 */\n  defaultExpandParent?: boolean;\n  /** 默认展开指定的树节点 */\n  defaultExpandedKeys?: Key[];\n  /** （受控）展开指定的树节点 */\n  expandedKeys?: Key[];\n  /** （受控）选中复选框的树节点 */\n  checkedKeys?: Key[] | { checked: Key[]; halfChecked: Key[] };\n  /** 默认选中复选框的树节点 */\n  defaultCheckedKeys?: Key[];\n  /** （受控）设置选中的树节点 */\n  selectedKeys?: Key[];\n  /** 默认选中的树节点 */\n  defaultSelectedKeys?: Key[];\n  selectable?: boolean;\n  /** 点击树节点触发 */\n  filterTreeNode?: (node: DataNode) => boolean;\n  loadedKeys?: Key[];\n  /** 设置节点可拖拽（IE>8） */\n  draggable?: DraggableFn | boolean | DraggableConfig;\n  style?: React.CSSProperties;\n  showIcon?: boolean;\n  icon?:\n    | ((nodeProps: AldTreeNodeAttribute) => React.ReactNode)\n    | React.ReactNode\n    | RcTreeProps<T>['icon'];\n  switcherIcon?: SwitcherIcon | RcTreeProps<T>['switcherIcon'];\n  prefixCls?: string;\n  children?: React.ReactNode;\n  blockNode?: boolean;\n  size?: 'large' | 'small';\n  titleRender?: (node: T) => React.ReactNode;\n  showTabLeader?: boolean;\n  handlerRender?: (node: T) => React.ReactNode;\n  highlightKeywords?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Tree = React.forwardRef<any, TreeProps>((props, ref) => {\n  const { locale } = React.useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getPrefixCls, direction, virtual } = React.useContext(ConfigContext);\n  const size = props.size || 'large';\n  const {\n    className,\n    showIcon = false,\n    showLine,\n    blockNode = false,\n    children,\n    checkable = false,\n    selectable = true,\n    draggable,\n    titleRender,\n    showTabLeader,\n    handlerRender = noop,\n    filterTreeNode,\n    treeData,\n    highlightKeywords,\n    motion = { ...collapseMotion, motionAppear: false },\n    ...rest\n  } = props;\n  const prefixCls = getPrefixCls('tree', 'ald-tree');\n\n  const customTitleRender = React.useCallback(\n    (node: DataNode) => {\n      const renderedTitle = titleRender\n        ? titleRender(node)\n        : typeof node.title === 'function'\n        ? node.title(node)\n        : node.title;\n      const renderedHandler = handlerRender(node) as React.ReactNode;\n      const hasHandler =\n        renderedHandler !== null &&\n        renderedHandler !== undefined &&\n        renderedHandler !== false;\n      return (\n        <span\n          className={cn(\n            'ald-tree-title-layout',\n            hasHandler && 'ald-tree-title-layout-with-handler',\n          )}\n        >\n          <span className=\"ald-tree-title-content\">{renderedTitle}</span>\n          {showTabLeader && hasHandler && (\n            <div className=\"ald-tree-tab-leader\"></div>\n          )}\n          {hasHandler && (\n            <span className=\"ald-tree-title-handler\">{renderedHandler}</span>\n          )}\n        </span>\n      );\n    },\n    [titleRender, showTabLeader, handlerRender],\n  );\n  const newProps = {\n    ...rest,\n    role: (rest as any).role ?? 'tree',\n    'aria-label': (rest as any)['aria-label'] ?? 'Tree',\n    checkable,\n    selectable,\n    showIcon,\n    motion,\n    blockNode,\n    showLine: Boolean(showLine),\n    dropIndicatorRender,\n    titleRender: customTitleRender,\n  };\n\n  // 一次性吃掉 draggable 的归一化：rc-tree 看到的 mergedDraggable + 我们内部用的\n  // dropOnlyResolvers（原样保留用户 nodeDraggable/nodeDroppable）。集中一处避免两处 useMemo\n  // 的判断散开导致字段扩展时遗漏。\n  const { draggableConfig, dropOnlyResolvers } = React.useMemo(() => {\n    if (!draggable) {\n      return {\n        draggableConfig: false as const,\n        dropOnlyResolvers: null as DropOnlyResolvers | null,\n      };\n    }\n    const newIcon = (\n      <DragLine\n        size={TREE_SWITCH_CION_SIZE}\n        color={'var(--content-secondary)'}\n      ></DragLine>\n    );\n    let mergedDraggable: DraggableConfig = { icon: newIcon };\n    switch (typeof draggable) {\n      case 'function':\n        mergedDraggable.nodeDraggable = draggable;\n        break;\n      case 'object':\n        mergedDraggable = {\n          ...draggable,\n          icon: draggable.icon === undefined ? newIcon : draggable.icon,\n        };\n        break;\n      default:\n        break;\n    }\n\n    // rc-tree 5.x 把\"可拖（drag source）\"与\"可放（drop target）\"绑到同一个 nodeDraggable：\n    // 该返回 false 时 onDragOver/onDrop 也连带不注册，浏览器认为该节点 not droppable\n    // → drop 事件根本不派发。为了让\"类目可接收资源拖入但本身不可拖\"，把 rc-tree 看到的\n    // nodeDraggable 改成 nodeDraggable || nodeDroppable，从而保证 drop listener 仍注册。\n    // 真正的 drag-source 阻断由 document 级 dragstart capture handler 负责（见下方 effect）。\n    let resolvers: DropOnlyResolvers | null = null;\n    if (mergedDraggable.nodeDroppable) {\n      const userNodeDraggable = mergedDraggable.nodeDraggable;\n      const userNodeDroppable = mergedDraggable.nodeDroppable;\n      resolvers = {\n        nodeDraggable: userNodeDraggable,\n        nodeDroppable: userNodeDroppable,\n      };\n      mergedDraggable = {\n        ...mergedDraggable,\n        nodeDraggable: (node: DataNode) =>\n          (userNodeDraggable ? userNodeDraggable(node) : true) ||\n          userNodeDroppable(node),\n      };\n    }\n\n    return { draggableConfig: mergedDraggable, dropOnlyResolvers: resolvers };\n  }, [draggable]);\n\n  /**\n   * drop-only 节点不能真的起拖。\n   *\n   * 历史教训：以前在 props.onDragStart 里调 preventDefault。问题是 rc-tree 内部\n   * onNodeDragStart（Tree.js:88-99）会在调用 user onDragStart **之前**把\n   * draggingNodeKey/dragNodeProps 写进 state；TreeNode（TreeNode.js:112）也已经先\n   * setDragNodeHighlight(true)。然后 preventDefault 让浏览器取消拖拽，dragend 不再派发\n   * → onWindowDragEnd 永远不触发 → state 卡在\"正在拖类目\"，外层 .ald-tree-treenode\n   * 卡着 `dragging`、内层 .ald-tree-node-content-wrapper 卡着 `ald-tree-node-selected`\n   * 高亮，直到下一次合法 dragstart 才被覆盖。\n   *\n   * 修复手段：document 级 dragstart capture handler，在 rc-tree 的 React 监听器之前\n   * stopPropagation+preventDefault，让 TreeNode 的 onDragStart 整段都不执行，rc-tree\n   * 内部 state 彻底不写入。document 是 React root 容器的祖先，capture 阶段先于 React\n   * delegation 监听器，因此 stopPropagation 能彻底拦截。\n   */\n  React.useLayoutEffect(() => {\n    if (!dropOnlyResolvers) return;\n    const handler = (e: DragEvent) => {\n      const target = e.target as HTMLElement | null;\n      if (!target?.closest) return;\n      if (target.closest('.ald-tree-treenode-drop-only')) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    };\n    document.addEventListener('dragstart', handler, true);\n    return () => document.removeEventListener('dragstart', handler, true);\n  }, [dropOnlyResolvers]);\n\n  /**\n   * nodeDroppable 同时收口到 rc-tree 的 allowDrop：避免出现\"nodeDroppable=false 但 rc-tree\n   * 默认 allowDrop=()=>true 仍然接收 drop\"的语义裂缝。用户自传的 allowDrop 与 nodeDroppable\n   * 取 AND（任一拒绝即拒绝）。\n   */\n  const composedAllowDrop = React.useMemo(\n    () => composeAllowDrop(rest.allowDrop, dropOnlyResolvers?.nodeDroppable),\n    [rest.allowDrop, dropOnlyResolvers],\n  );\n  const renderIndent = (nodeProps: AldTreeNodeProps) => {\n    const { pos, isLeaf } = nodeProps as AldTreeNodeProps & { pos?: string };\n    // rc-tree `pos` 格式：\"0\" 是虚拟根，\"0-0\" 是首层节点，\"0-0-1\" 是 leaf。\n    // 顶层节点 level=0 不缩进；每层 +1 unit（switcher 宽度），与 antd Tree 行为一致。\n    // leaf 在未开启 showLine 时 renderSwitcherIcon 返回 null，没有真实 switcher 占位；\n    // 需要补一个 switcher 宽度，保证业务图标和同级可展开节点对齐。\n    // `?? 2` 兜底：当 pos 缺失时按\"首层节点 `0-0` 长度 = 2\"处理，结果 level=0 不缩进；\n    // 切勿改成 1 或 0，否则缺 pos 的节点会被错误右移。\n    const level = Math.max(0, (pos?.split('-').length ?? 2) - 2);\n    const leafSwitcherWidth = isLeaf && !showLine ? TREE_SWITCH_CION_SIZE : 0;\n    return (\n      <span\n        style={{\n          width: level * TREE_SWITCH_CION_SIZE + leafSwitcherWidth,\n          flexShrink: 0,\n        }}\n      ></span>\n    );\n  };\n  const newTreeData = React.useMemo(() => {\n    if (!filterTreeNode || !treeData) return treeData;\n\n    const shouldNodeDisabled = (node: DataNode): boolean => {\n      // 初始化一个标志来表示是否需要为当前节点添加className\n      let shouldAddDisabled = true;\n      if (filterTreeNode(node)) {\n        shouldAddDisabled = false;\n      }\n\n      if (node.children) {\n        // 遍历当前节点的子节点，只要有一个子节点不disable，则该不需要添加className\n        const allChildrenShouldAddDisabled = node.children.reduce(\n          (pre, child) => {\n            return shouldNodeDisabled(child) && pre;\n          },\n          shouldAddDisabled,\n        );\n        shouldAddDisabled = allChildrenShouldAddDisabled;\n      }\n\n      // 如果shouldAddDisabled为true，就为当前节点添加className\n      if (shouldAddDisabled) {\n        node.className = node.className?.includes(NODE_DISABLE_CLASS_NAME)\n          ? node.className\n          : cn(node.className, NODE_DISABLE_CLASS_NAME);\n      } else {\n        const reg = /ald-tree-node-disabled/g;\n        node.className?.replace(reg, ' ');\n      }\n      if (highlightKeywords && typeof node.title !== 'function') {\n        node.title = (\n          <HighlightText keyword={highlightKeywords}>\n            {node.title}\n          </HighlightText>\n        );\n      }\n      return shouldAddDisabled;\n    };\n    const newTreeData = produce(treeData, (draft) => {\n      for (const rootNode of draft) {\n        shouldNodeDisabled(rootNode);\n      }\n    });\n    return newTreeData;\n  }, [filterTreeNode, treeData, highlightKeywords]);\n\n  /** 给 drop-only 节点的 wrapper 加 'ald-tree-treenode-drop-only' className（rc-tree 5.x\n   *  会把 DataNode.className 透传到 .ald-tree-treenode 上）。css 据此隐藏 drag handle icon\n   *  并提供 not-allowed cursor，区分纯 drop target 与真正可拖节点。 */\n  const finalTreeData = React.useMemo(() => {\n    if (!dropOnlyResolvers || !newTreeData) return newTreeData;\n    const { nodeDraggable, nodeDroppable } = dropOnlyResolvers;\n    return produce(newTreeData, (draft) => {\n      const visit = (nodes: DataNode[] | undefined) => {\n        if (!nodes) return;\n        for (const node of nodes) {\n          const isDraggable = nodeDraggable ? nodeDraggable(node) : true;\n          const isDroppable = nodeDroppable(node);\n          if (!isDraggable && isDroppable) {\n            const existing = node.className ?? '';\n            if (!existing.includes('ald-tree-treenode-drop-only')) {\n              node.className = cn(existing, 'ald-tree-treenode-drop-only');\n            }\n          }\n          visit(node.children as DataNode[] | undefined);\n        }\n      };\n      visit(draft as DataNode[]);\n    });\n  }, [newTreeData, dropOnlyResolvers]);\n\n  const noChildren = React.useMemo(() => {\n    if (finalTreeData?.length) {\n      return finalTreeData.every((node) => {\n        return !node.children?.length && node.isLeaf !== false;\n      });\n    }\n    return true;\n  }, [finalTreeData]);\n\n  return (\n    <RcTree\n      itemHeight={20}\n      ref={ref}\n      virtual={virtual}\n      {...newProps}\n      allowDrop={composedAllowDrop}\n      prefixCls={prefixCls}\n      treeData={finalTreeData}\n      className={cn(\n        {\n          [`${prefixCls}-icon-hide`]: !showIcon,\n          [`${prefixCls}-block-node`]: blockNode,\n          [`${prefixCls}-unselectable`]: !selectable,\n          [`${prefixCls}-large`]: size === 'large',\n          [`${prefixCls}-rtl`]: direction === 'rtl',\n          ['ald-draggable-tree']: draggable,\n          [`${prefixCls}-no-children`]: noChildren,\n        },\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ant-tree',\n        className,\n      )}\n      direction={direction as any}\n      checkable={\n        checkable ? (\n          <span className={`${prefixCls}-checkbox-inner`} />\n        ) : (\n          checkable\n        )\n      }\n      selectable={selectable}\n      // @ts-ignore\n      switcherIcon={(nodeProps: AldTreeNodeProps) => {\n        return (\n          <>\n            {renderIndent(nodeProps)}\n            {renderSwitcherIcon(\n              prefixCls,\n              <ArrowRightLightLine\n                size={TREE_SWITCH_CION_SIZE}\n                color={'var(--content-secondary)'}\n              >\n                {t.Tree.expand}\n              </ArrowRightLightLine>,\n              showLine,\n              nodeProps,\n              TREE_SWITCH_CION_SIZE,\n            )}\n          </>\n        );\n      }}\n      draggable={draggableConfig}\n    >\n      {children}\n    </RcTree>\n  );\n});\n\nexport default Tree;\n"],"mappings":"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"}

package/dist/_utils/dialogAccessibility.d.ts

@@ -0,0 +1,17 @@
+export declare function markDialogEscapeEvent(event: KeyboardEvent): void;
+export declare function shouldDismissDialogEscape(event: KeyboardEvent): boolean;
+export declare function getDialogFocusableElements(container: HTMLElement): HTMLElement[];
+export declare function isDialogChildOverlayActive(container: HTMLElement): boolean;
+export declare function focusInitialDialogTarget(container: HTMLElement): void;
+export declare function restoreDialogFocus(target: HTMLElement | null): void;
+interface DialogAccessibilityOptions {
+    open: boolean;
+    isTop: boolean;
+    keyboard: boolean;
+    containerRef: {
+        current: HTMLElement | null;
+    };
+    onEscape: (event: KeyboardEvent) => void;
+}
+export declare function useDialogAccessibility({ open, isTop, keyboard, containerRef, onEscape, }: DialogAccessibilityOptions): void;
+export {};

package/dist/_utils/dialogAccessibility.js

@@ -0,0 +1,110 @@
+import { useEffect, useLayoutEffect, useRef } from "react";
+//#region src/_utils/dialogAccessibility.ts
+var FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])";
+var dialogEscapeEvents = /* @__PURE__ */ new WeakSet();
+function markDialogEscapeEvent(event) {
+	dialogEscapeEvents.add(event);
+}
+function shouldDismissDialogEscape(event) {
+	return !event.cancelBubble && (!event.defaultPrevented || dialogEscapeEvents.has(event));
+}
+function getDialogFocusableElements(container) {
+	return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((element) => {
+		if (element.closest("[inert]")) return false;
+		if (element.getAttribute("aria-hidden") === "true") return false;
+		if (element.getAttribute("aria-disabled") === "true") return false;
+		return element.tabIndex >= 0;
+	});
+}
+function isDialogChildOverlayActive(container) {
+	const activeElement = document.activeElement;
+	if (!(activeElement instanceof HTMLElement)) return false;
+	const activeOverlay = activeElement.closest("[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"], [role=\"listbox\"]");
+	return !!activeOverlay && activeOverlay !== container;
+}
+function focusInitialDialogTarget(container) {
+	const activeElement = document.activeElement;
+	const activeOverlay = activeElement instanceof HTMLElement ? activeElement.closest("[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"], [role=\"listbox\"]") : null;
+	if (activeOverlay && activeOverlay !== container && activeOverlay.getAttribute("role") !== "dialog" && activeOverlay.getAttribute("role") !== "alertdialog") return;
+	(getDialogFocusableElements(container).find((element) => element.dataset.overlayClose !== "true") ?? null ?? container).focus({ preventScroll: true });
+}
+function restoreDialogFocus(target) {
+	queueMicrotask(() => {
+		if (target?.isConnected && target.tabIndex !== -1) {
+			target.focus({ preventScroll: true });
+			return;
+		}
+		Array.from(document.querySelectorAll(FOCUSABLE_SELECTOR)).find((element) => {
+			if (element.closest("[role=\"dialog\"], [role=\"alertdialog\"]")) return false;
+			if (element.closest("[inert]")) return false;
+			if (element.getAttribute("aria-disabled") === "true") return false;
+			return element.tabIndex >= 0;
+		})?.focus({ preventScroll: true });
+	});
+}
+function useDialogAccessibility({ open, isTop, keyboard, containerRef, onEscape }) {
+	const focusRestoreTargetRef = useRef(null);
+	const prevOpenRef = useRef(false);
+	useLayoutEffect(() => {
+		const wasOpen = prevOpenRef.current;
+		if (open && !wasOpen) focusRestoreTargetRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+		if (!open && wasOpen) {
+			restoreDialogFocus(focusRestoreTargetRef.current);
+			focusRestoreTargetRef.current = null;
+		}
+		prevOpenRef.current = open;
+	}, [open]);
+	useEffect(() => {
+		if (!open || !isTop || !containerRef.current) return;
+		const container = containerRef.current;
+		const handleKeyDown = (event) => {
+			if (event.key !== "Tab") return;
+			if (isDialogChildOverlayActive(container)) return;
+			const focusable = getDialogFocusableElements(container);
+			if (focusable.length === 0) {
+				if (document.activeElement !== container) {
+					event.preventDefault();
+					container.focus({ preventScroll: true });
+				}
+				return;
+			}
+			const first = focusable[0];
+			const last = focusable[focusable.length - 1];
+			if (event.shiftKey) {
+				if (document.activeElement === first || !container.contains(document.activeElement)) {
+					event.preventDefault();
+					last.focus({ preventScroll: true });
+				}
+			} else if (document.activeElement === last || !container.contains(document.activeElement)) {
+				event.preventDefault();
+				first.focus({ preventScroll: true });
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [
+		containerRef,
+		isTop,
+		open
+	]);
+	useEffect(() => {
+		if (!open || !isTop || !keyboard) return;
+		const handleEscape = (event) => {
+			if (event.key !== "Escape") return;
+			queueMicrotask(() => {
+				if (shouldDismissDialogEscape(event)) onEscape(event);
+			});
+		};
+		window.addEventListener("keydown", handleEscape, true);
+		return () => window.removeEventListener("keydown", handleEscape, true);
+	}, [
+		isTop,
+		keyboard,
+		onEscape,
+		open
+	]);
+}
+//#endregion
+export { focusInitialDialogTarget, markDialogEscapeEvent, restoreDialogFocus, useDialogAccessibility };
+
+//# sourceMappingURL=dialogAccessibility.js.map

package/dist/_utils/dialogAccessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogAccessibility.js","names":[],"sources":["../../src/_utils/dialogAccessibility.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef } from 'react';\n\nconst FOCUSABLE_SELECTOR =\n  'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n\nconst dialogEscapeEvents = new WeakSet<KeyboardEvent>();\n\nexport function markDialogEscapeEvent(event: KeyboardEvent) {\n  dialogEscapeEvents.add(event);\n}\n\nexport function shouldDismissDialogEscape(event: KeyboardEvent) {\n  return (\n    !event.cancelBubble &&\n    (!event.defaultPrevented || dialogEscapeEvents.has(event))\n  );\n}\n\nexport function getDialogFocusableElements(container: HTMLElement) {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter((element) => {\n    if (element.closest('[inert]')) return false;\n    if (element.getAttribute('aria-hidden') === 'true') return false;\n    if (element.getAttribute('aria-disabled') === 'true') return false;\n    return element.tabIndex >= 0;\n  });\n}\n\nexport function isDialogChildOverlayActive(container: HTMLElement) {\n  const activeElement = document.activeElement;\n  if (!(activeElement instanceof HTMLElement)) return false;\n  const activeOverlay = activeElement.closest<HTMLElement>(\n    '[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"], [role=\"listbox\"]',\n  );\n\n  return !!activeOverlay && activeOverlay !== container;\n}\n\nexport function focusInitialDialogTarget(container: HTMLElement) {\n  const activeElement = document.activeElement;\n  const activeOverlay =\n    activeElement instanceof HTMLElement\n      ? activeElement.closest<HTMLElement>(\n          '[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"], [role=\"listbox\"]',\n        )\n      : null;\n\n  if (\n    activeOverlay &&\n    activeOverlay !== container &&\n    activeOverlay.getAttribute('role') !== 'dialog' &&\n    activeOverlay.getAttribute('role') !== 'alertdialog'\n  ) {\n    return;\n  }\n\n  const focusable = getDialogFocusableElements(container);\n  const preferred =\n    focusable.find((element) => element.dataset.overlayClose !== 'true') ??\n    null;\n\n  (preferred ?? container).focus({ preventScroll: true });\n}\n\nexport function restoreDialogFocus(target: HTMLElement | null) {\n  queueMicrotask(() => {\n    if (target?.isConnected && target.tabIndex !== -1) {\n      target.focus({ preventScroll: true });\n      return;\n    }\n\n    const fallback = Array.from(\n      document.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n    ).find((element) => {\n      if (element.closest('[role=\"dialog\"], [role=\"alertdialog\"]')) {\n        return false;\n      }\n      if (element.closest('[inert]')) return false;\n      if (element.getAttribute('aria-disabled') === 'true') return false;\n      return element.tabIndex >= 0;\n    });\n\n    fallback?.focus({ preventScroll: true });\n  });\n}\n\ninterface DialogAccessibilityOptions {\n  open: boolean;\n  isTop: boolean;\n  keyboard: boolean;\n  containerRef: { current: HTMLElement | null };\n  onEscape: (event: KeyboardEvent) => void;\n}\n\nexport function useDialogAccessibility({\n  open,\n  isTop,\n  keyboard,\n  containerRef,\n  onEscape,\n}: DialogAccessibilityOptions) {\n  const focusRestoreTargetRef = useRef<HTMLElement | null>(null);\n  const prevOpenRef = useRef(false);\n\n  useLayoutEffect(() => {\n    const wasOpen = prevOpenRef.current;\n    if (open && !wasOpen) {\n      focusRestoreTargetRef.current =\n        document.activeElement instanceof HTMLElement\n          ? document.activeElement\n          : null;\n    }\n    if (!open && wasOpen) {\n      restoreDialogFocus(focusRestoreTargetRef.current);\n      focusRestoreTargetRef.current = null;\n    }\n    prevOpenRef.current = open;\n  }, [open]);\n\n  useEffect(() => {\n    if (!open || !isTop || !containerRef.current) return;\n    const container = containerRef.current;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return;\n      if (isDialogChildOverlayActive(container)) return;\n\n      const focusable = getDialogFocusableElements(container);\n      if (focusable.length === 0) {\n        if (document.activeElement !== container) {\n          event.preventDefault();\n          container.focus({ preventScroll: true });\n        }\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (event.shiftKey) {\n        if (\n          document.activeElement === first ||\n          !container.contains(document.activeElement)\n        ) {\n          event.preventDefault();\n          last.focus({ preventScroll: true });\n        }\n      } else if (\n        document.activeElement === last ||\n        !container.contains(document.activeElement)\n      ) {\n        event.preventDefault();\n        first.focus({ preventScroll: true });\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [containerRef, isTop, open]);\n\n  useEffect(() => {\n    if (!open || !isTop || !keyboard) return;\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      queueMicrotask(() => {\n        if (shouldDismissDialogEscape(event)) {\n          onEscape(event);\n        }\n      });\n    };\n\n    window.addEventListener('keydown', handleEscape, true);\n    return () => window.removeEventListener('keydown', handleEscape, true);\n  }, [isTop, keyboard, onEscape, open]);\n}\n"],"mappings":"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"}

package/dist/_utils/formControlSemanticOwner.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type SemanticOwnerAriaProps = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'aria-busy' | 'aria-disabled' | 'aria-readonly'>;
+export declare function getSemanticOwnerAriaProps(props: SemanticOwnerAriaProps): SemanticOwnerAriaProps;

package/dist/_utils/formControlSemanticOwner.js

@@ -0,0 +1,17 @@
+//#region src/_utils/formControlSemanticOwner.ts
+function getSemanticOwnerAriaProps(props) {
+	return {
+		"aria-label": props["aria-label"] || void 0,
+		"aria-labelledby": props["aria-labelledby"] || void 0,
+		"aria-describedby": props["aria-describedby"] || void 0,
+		"aria-invalid": props["aria-invalid"],
+		"aria-required": props["aria-required"],
+		"aria-busy": props["aria-busy"],
+		"aria-disabled": props["aria-disabled"],
+		"aria-readonly": props["aria-readonly"]
+	};
+}
+//#endregion
+export { getSemanticOwnerAriaProps };
+
+//# sourceMappingURL=formControlSemanticOwner.js.map

package/dist/_utils/formControlSemanticOwner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formControlSemanticOwner.js","names":[],"sources":["../../src/_utils/formControlSemanticOwner.ts"],"sourcesContent":["import React from 'react';\n\nexport type SemanticOwnerAriaProps = Pick<\n  React.AriaAttributes,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'aria-invalid'\n  | 'aria-required'\n  | 'aria-busy'\n  | 'aria-disabled'\n  | 'aria-readonly'\n>;\n\nexport function getSemanticOwnerAriaProps(\n  props: SemanticOwnerAriaProps,\n): SemanticOwnerAriaProps {\n  return {\n    'aria-label': props['aria-label'] || undefined,\n    'aria-labelledby': props['aria-labelledby'] || undefined,\n    'aria-describedby': props['aria-describedby'] || undefined,\n    'aria-invalid': props['aria-invalid'],\n    'aria-required': props['aria-required'],\n    'aria-busy': props['aria-busy'],\n    'aria-disabled': props['aria-disabled'],\n    'aria-readonly': props['aria-readonly'],\n  };\n}\n"],"mappings":";AAcA,SAAgB,0BACd,OACwB;AACxB,QAAO;EACL,cAAc,MAAM,iBAAiB;EACrC,mBAAmB,MAAM,sBAAsB;EAC/C,oBAAoB,MAAM,uBAAuB;EACjD,gBAAgB,MAAM;EACtB,iBAAiB,MAAM;EACvB,aAAa,MAAM;EACnB,iBAAiB,MAAM;EACvB,iBAAiB,MAAM;EACxB"}

package/dist/_utils/overlayCoordinator.js

@@ -129,16 +129,6 @@ function useTopModalContentZIndex() {
 	const ordered = getOrderedEntries();
 	return ordered[ordered.length - 1]?.contentZIndex;
 }
-function useBodyScrollLock(locked) {
-	const ownerRef = useRef();
-	if (!ownerRef.current) ownerRef.current = Symbol("body-scroll-lock");
-	useLayoutEffect(() => {
-		if (!locked) return;
-		const owner = ownerRef.current;
-		acquireBodyScrollLock(owner);
-		return () => releaseBodyScrollLock(owner);
-	}, [locked]);
-}
 function ModalLayerProvider({ id, children }) {
 	return /* @__PURE__ */ jsx(ModalLayerContext.Provider, {
 		value: id,
@@ -146,6 +136,6 @@ function ModalLayerProvider({ id, children }) {
 	});
 }
 //#endregion
-export { ModalLayerProvider, useBodyScrollLock, useModalLayer, useTopModalContentZIndex };
+export { ModalLayerProvider, useModalLayer, useTopModalContentZIndex };
 
 //# sourceMappingURL=overlayCoordinator.js.map

package/dist/_utils/overlayCoordinator.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlayCoordinator.js","names":[],"sources":["../../src/_utils/overlayCoordinator.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\nimport {\n  FLOATING_LAYER_BASE_Z_INDEX,\n  FLOATING_LAYER_STEP,\n} from './floatingLayer';\n\ninterface ModalLayerEntry {\n  id: number;\n  parentId?: number;\n  requestedZIndex: number;\n  openedAt: number;\n  maskZIndex: number;\n  contentZIndex: number;\n}\n\nexport interface ModalLayer {\n  id: number;\n  maskZIndex: number;\n  contentZIndex: number;\n  isTop: boolean;\n}\n\nconst ModalLayerContext = createContext<number | undefined>(undefined);\nconst entries = new Map<number, ModalLayerEntry>();\nconst listeners = new Set<() => void>();\nconst bodyScrollLockOwners = new Set<unknown>();\nlet nextId = 0;\nlet nextOpenedAt = 0;\nlet version = 0;\nlet bodyScrollLocked = false;\nlet previousBodyOverflow = '';\n\nfunction getOrderedEntries() {\n  const orderedByOpen = Array.from(entries.values()).sort(\n    (left, right) => left.openedAt - right.openedAt,\n  );\n  const ordered: ModalLayerEntry[] = [];\n  const visited = new Set<number>();\n\n  const visit = (entry: ModalLayerEntry) => {\n    if (visited.has(entry.id)) return;\n    const parent = entry.parentId ? entries.get(entry.parentId) : undefined;\n    if (parent) visit(parent);\n    visited.add(entry.id);\n    ordered.push(entry);\n  };\n\n  orderedByOpen.forEach(visit);\n  return ordered;\n}\n\nfunction notify() {\n  version += 1;\n  listeners.forEach((listener) => listener());\n}\n\nfunction updateLayers() {\n  let nextZIndex = FLOATING_LAYER_BASE_Z_INDEX;\n  getOrderedEntries().forEach((entry) => {\n    entry.maskZIndex = Math.max(entry.requestedZIndex, nextZIndex);\n    entry.contentZIndex = entry.maskZIndex + 1;\n    nextZIndex = entry.maskZIndex + FLOATING_LAYER_STEP;\n  });\n  notify();\n}\n\nfunction acquireBodyScrollLock(owner: unknown) {\n  if (typeof document === 'undefined') return;\n  if (bodyScrollLockOwners.has(owner)) return;\n  if (!bodyScrollLocked) {\n    previousBodyOverflow = document.body.style.overflow;\n    bodyScrollLocked = true;\n  }\n  bodyScrollLockOwners.add(owner);\n  document.body.style.overflow = 'hidden';\n}\n\nfunction releaseBodyScrollLock(owner: unknown) {\n  if (typeof document === 'undefined') return;\n  bodyScrollLockOwners.delete(owner);\n  if (bodyScrollLocked && bodyScrollLockOwners.size === 0) {\n    document.body.style.overflow = previousBodyOverflow;\n    bodyScrollLocked = false;\n  }\n}\n\nfunction registerModal(id: number, requestedZIndex: number, parentId?: number) {\n  entries.set(id, {\n    id,\n    parentId,\n    requestedZIndex,\n    openedAt: ++nextOpenedAt,\n    maskZIndex: requestedZIndex,\n    contentZIndex: requestedZIndex + 1,\n  });\n  acquireBodyScrollLock(id);\n  updateLayers();\n}\n\nfunction unregisterModal(id: number) {\n  if (!entries.delete(id)) return;\n  releaseBodyScrollLock(id);\n  updateLayers();\n}\n\nfunction updateModal(id: number, requestedZIndex: number, parentId?: number) {\n  const entry = entries.get(id);\n  if (\n    !entry ||\n    (entry.requestedZIndex === requestedZIndex && entry.parentId === parentId)\n  )\n    return;\n  entry.requestedZIndex = requestedZIndex;\n  entry.parentId = parentId;\n  updateLayers();\n}\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  return () => listeners.delete(listener);\n}\n\nfunction getVersion() {\n  return version;\n}\n\nexport function useModalLayer(\n  open: boolean,\n  requestedZIndex = FLOATING_LAYER_BASE_Z_INDEX,\n): ModalLayer {\n  const parentId = useContext(ModalLayerContext);\n  const idRef = useRef<number>();\n  const layerOptionsRef = useRef({ parentId, requestedZIndex });\n  layerOptionsRef.current = { parentId, requestedZIndex };\n  if (!idRef.current) idRef.current = ++nextId;\n  const id = idRef.current;\n\n  useSyncExternalStore(subscribe, getVersion, getVersion);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n    registerModal(\n      id,\n      layerOptionsRef.current.requestedZIndex,\n      layerOptionsRef.current.parentId,\n    );\n    return () => unregisterModal(id);\n  }, [id, open]);\n\n  useLayoutEffect(() => {\n    if (open) updateModal(id, requestedZIndex, parentId);\n  }, [id, open, parentId, requestedZIndex]);\n\n  const entry = entries.get(id);\n  const ordered = getOrderedEntries();\n  const topEntry = ordered[ordered.length - 1];\n\n  return {\n    id,\n    maskZIndex: entry?.maskZIndex ?? requestedZIndex,\n    contentZIndex: entry?.contentZIndex ?? requestedZIndex + 1,\n    isTop: entry ? topEntry?.id === id : true,\n  };\n}\n\nexport function useTopModalContentZIndex() {\n  useSyncExternalStore(subscribe, getVersion, getVersion);\n  const ordered = getOrderedEntries();\n  return ordered[ordered.length - 1]?.contentZIndex;\n}\n\nexport function useBodyScrollLock(locked: boolean) {\n  const ownerRef = useRef<symbol>();\n  if (!ownerRef.current) ownerRef.current = Symbol('body-scroll-lock');\n\n  useLayoutEffect(() => {\n    if (!locked) return;\n    const owner = ownerRef.current!;\n    acquireBodyScrollLock(owner);\n    return () => releaseBodyScrollLock(owner);\n  }, [locked]);\n}\n\nexport function ModalLayerProvider({\n  id,\n  children,\n}: {\n  id: number;\n  children: React.ReactNode;\n}) {\n  return (\n    <ModalLayerContext.Provider value={id}>\n      {children}\n    </ModalLayerContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"overlayCoordinator.js","names":[],"sources":["../../src/_utils/overlayCoordinator.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\nimport {\n  FLOATING_LAYER_BASE_Z_INDEX,\n  FLOATING_LAYER_STEP,\n} from './floatingLayer';\n\ninterface ModalLayerEntry {\n  id: number;\n  parentId?: number;\n  requestedZIndex: number;\n  openedAt: number;\n  maskZIndex: number;\n  contentZIndex: number;\n}\n\nexport interface ModalLayer {\n  id: number;\n  maskZIndex: number;\n  contentZIndex: number;\n  isTop: boolean;\n}\n\nconst ModalLayerContext = createContext<number | undefined>(undefined);\nconst entries = new Map<number, ModalLayerEntry>();\nconst listeners = new Set<() => void>();\nconst bodyScrollLockOwners = new Set<unknown>();\nlet nextId = 0;\nlet nextOpenedAt = 0;\nlet version = 0;\nlet bodyScrollLocked = false;\nlet previousBodyOverflow = '';\n\nfunction getOrderedEntries() {\n  const orderedByOpen = Array.from(entries.values()).sort(\n    (left, right) => left.openedAt - right.openedAt,\n  );\n  const ordered: ModalLayerEntry[] = [];\n  const visited = new Set<number>();\n\n  const visit = (entry: ModalLayerEntry) => {\n    if (visited.has(entry.id)) return;\n    const parent = entry.parentId ? entries.get(entry.parentId) : undefined;\n    if (parent) visit(parent);\n    visited.add(entry.id);\n    ordered.push(entry);\n  };\n\n  orderedByOpen.forEach(visit);\n  return ordered;\n}\n\nfunction notify() {\n  version += 1;\n  listeners.forEach((listener) => listener());\n}\n\nfunction updateLayers() {\n  let nextZIndex = FLOATING_LAYER_BASE_Z_INDEX;\n  getOrderedEntries().forEach((entry) => {\n    entry.maskZIndex = Math.max(entry.requestedZIndex, nextZIndex);\n    entry.contentZIndex = entry.maskZIndex + 1;\n    nextZIndex = entry.maskZIndex + FLOATING_LAYER_STEP;\n  });\n  notify();\n}\n\nfunction acquireBodyScrollLock(owner: unknown) {\n  if (typeof document === 'undefined') return;\n  if (bodyScrollLockOwners.has(owner)) return;\n  if (!bodyScrollLocked) {\n    previousBodyOverflow = document.body.style.overflow;\n    bodyScrollLocked = true;\n  }\n  bodyScrollLockOwners.add(owner);\n  document.body.style.overflow = 'hidden';\n}\n\nfunction releaseBodyScrollLock(owner: unknown) {\n  if (typeof document === 'undefined') return;\n  bodyScrollLockOwners.delete(owner);\n  if (bodyScrollLocked && bodyScrollLockOwners.size === 0) {\n    document.body.style.overflow = previousBodyOverflow;\n    bodyScrollLocked = false;\n  }\n}\n\nfunction registerModal(id: number, requestedZIndex: number, parentId?: number) {\n  entries.set(id, {\n    id,\n    parentId,\n    requestedZIndex,\n    openedAt: ++nextOpenedAt,\n    maskZIndex: requestedZIndex,\n    contentZIndex: requestedZIndex + 1,\n  });\n  acquireBodyScrollLock(id);\n  updateLayers();\n}\n\nfunction unregisterModal(id: number) {\n  if (!entries.delete(id)) return;\n  releaseBodyScrollLock(id);\n  updateLayers();\n}\n\nfunction updateModal(id: number, requestedZIndex: number, parentId?: number) {\n  const entry = entries.get(id);\n  if (\n    !entry ||\n    (entry.requestedZIndex === requestedZIndex && entry.parentId === parentId)\n  )\n    return;\n  entry.requestedZIndex = requestedZIndex;\n  entry.parentId = parentId;\n  updateLayers();\n}\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  return () => listeners.delete(listener);\n}\n\nfunction getVersion() {\n  return version;\n}\n\nexport function useModalLayer(\n  open: boolean,\n  requestedZIndex = FLOATING_LAYER_BASE_Z_INDEX,\n): ModalLayer {\n  const parentId = useContext(ModalLayerContext);\n  const idRef = useRef<number>();\n  const layerOptionsRef = useRef({ parentId, requestedZIndex });\n  layerOptionsRef.current = { parentId, requestedZIndex };\n  if (!idRef.current) idRef.current = ++nextId;\n  const id = idRef.current;\n\n  useSyncExternalStore(subscribe, getVersion, getVersion);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n    registerModal(\n      id,\n      layerOptionsRef.current.requestedZIndex,\n      layerOptionsRef.current.parentId,\n    );\n    return () => unregisterModal(id);\n  }, [id, open]);\n\n  useLayoutEffect(() => {\n    if (open) updateModal(id, requestedZIndex, parentId);\n  }, [id, open, parentId, requestedZIndex]);\n\n  const entry = entries.get(id);\n  const ordered = getOrderedEntries();\n  const topEntry = ordered[ordered.length - 1];\n\n  return {\n    id,\n    maskZIndex: entry?.maskZIndex ?? requestedZIndex,\n    contentZIndex: entry?.contentZIndex ?? requestedZIndex + 1,\n    isTop: entry ? topEntry?.id === id : true,\n  };\n}\n\nexport function useTopModalContentZIndex() {\n  useSyncExternalStore(subscribe, getVersion, getVersion);\n  const ordered = getOrderedEntries();\n  return ordered[ordered.length - 1]?.contentZIndex;\n}\n\nexport function useBodyScrollLock(locked: boolean) {\n  const ownerRef = useRef<symbol>();\n  if (!ownerRef.current) ownerRef.current = Symbol('body-scroll-lock');\n\n  useLayoutEffect(() => {\n    if (!locked) return;\n    const owner = ownerRef.current!;\n    acquireBodyScrollLock(owner);\n    return () => releaseBodyScrollLock(owner);\n  }, [locked]);\n}\n\nexport function ModalLayerProvider({\n  id,\n  children,\n}: {\n  id: number;\n  children: React.ReactNode;\n}) {\n  return (\n    <ModalLayerContext.Provider value={id}>\n      {children}\n    </ModalLayerContext.Provider>\n  );\n}\n"],"mappings":"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"}