@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/browser/modules/carousel/carousel.js

@@ -0,0 +1,248 @@
+"use client";
+import '../../../styles/components/carousel.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { Children, forwardRef, isValidElement, useEffect, useId, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { classes } from "../shared/classes.js";
+import { inertProps } from "../shared/inert.js";
+import { animateMotion, useMotionEnabled } from "../shared/motion.js";
+import { useControllable } from "../shared/use-controllable.js";
+import { useText } from "../shared/use-text.js";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+const carousel_Carousel = /*#__PURE__*/ forwardRef(function({ activeIndex, defaultActiveIndex = 0, onChange, arrows = true, dots = true, autoplay = false, infinite = true, pauseOnHover = true, children, className, onKeyDown, ...props }, ref) {
+    const t = useText(), config = useLeafConfig(), id = useId();
+    const slides = Children.toArray(children), count = slides.length;
+    const [requested, setIndex] = useControllable(activeIndex, defaultActiveIndex, onChange);
+    const index = Math.min(Math.max(0, requested), Math.max(0, count - 1));
+    const [paused, setPaused] = useState(false);
+    const motion = useMotionEnabled();
+    const track = useRef(null);
+    const moveDirection = useRef(0);
+    useCarouselMotion(track, index, moveDirection, config.direction, motion);
+    const latest = useRef(index);
+    latest.current = index;
+    const go = (next)=>{
+        if (!count) return;
+        moveDirection.current = Math.sign(next - index);
+        setIndex(infinite ? (next % count + count) % count : Math.max(0, Math.min(count - 1, next)));
+    };
+    const callback = useRef(go);
+    callback.current = go;
+    const pointer = useRef(void 0);
+    useImperativeHandle(ref, ()=>({
+            goTo: go,
+            next: ()=>go(index + 1),
+            previous: ()=>go(index - 1)
+        }));
+    useEffect(()=>{
+        if (!autoplay || paused || !motion || count < 2) return;
+        const timer = setInterval(()=>{
+            if (!document.hidden) callback.current(latest.current + 1);
+        }, 'number' == typeof autoplay ? Math.max(500, autoplay) : 4000);
+        return ()=>clearInterval(timer);
+    }, [
+        autoplay,
+        paused,
+        count,
+        motion
+    ]);
+    return /*#__PURE__*/ jsxs("section", {
+        ...props,
+        "aria-roledescription": "carousel",
+        "aria-label": props['aria-label'] ?? t('轮播', 'Carousel'),
+        className: classes('leaf-carousel', className),
+        onPointerEnter: ()=>{
+            if (pauseOnHover) setPaused(true);
+        },
+        onPointerLeave: ()=>setPaused(false),
+        onFocus: ()=>setPaused(true),
+        onBlur: (event)=>{
+            if (!event.currentTarget.contains(event.relatedTarget)) setPaused(false);
+        },
+        onPointerDown: (event)=>{
+            if (!event.target.closest('button,a,input')) pointer.current = event.clientX;
+        },
+        onPointerUp: (event)=>{
+            if (void 0 === pointer.current) return;
+            const distance = event.clientX - pointer.current;
+            pointer.current = void 0;
+            if (Math.abs(distance) > 40) go(index + (distance < 0 ? 1 : -1) * ('rtl' === config.direction ? -1 : 1));
+        },
+        onPointerCancel: ()=>{
+            pointer.current = void 0;
+        },
+        onKeyDown: (event)=>{
+            onKeyDown?.(event);
+            if (event.defaultPrevented || event.target.matches('input,textarea')) return;
+            if ('ArrowRight' === event.key || 'ArrowLeft' === event.key) {
+                event.preventDefault();
+                go(index + ('ArrowRight' === event.key ? 1 : -1) * ('rtl' === config.direction ? -1 : 1));
+            }
+            if ('Home' === event.key) {
+                event.preventDefault();
+                go(0);
+            }
+            if ('End' === event.key) {
+                event.preventDefault();
+                go(count - 1);
+            }
+        },
+        tabIndex: props.tabIndex ?? 0,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "leaf-carousel__viewport",
+                children: /*#__PURE__*/ jsx("div", {
+                    ref: track,
+                    className: "leaf-carousel__track",
+                    children: slides.map((slide, position)=>/*#__PURE__*/ jsx("fieldset", {
+                            id: `${id}-${position}`,
+                            "aria-roledescription": "slide",
+                            "aria-label": `${position + 1} / ${count}`,
+                            "aria-hidden": position !== index || void 0,
+                            ...inertProps(position !== index),
+                            className: "leaf-carousel__slide",
+                            "data-slide-index": position,
+                            "data-active": position === index || void 0,
+                            children: slide
+                        }, /*#__PURE__*/ isValidElement(slide) ? slide.key : `slide-${position}`))
+                })
+            }),
+            arrows && count > 1 && [
+                -1,
+                1
+            ].map((direction)=>/*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: classes('leaf-carousel__arrow', -1 === direction ? 'leaf-carousel__arrow--previous' : 'leaf-carousel__arrow--next'),
+                    disabled: !infinite && (-1 === direction ? 0 === index : index === count - 1),
+                    "aria-label": -1 === direction ? t('上一张', 'Previous slide') : t('下一张', 'Next slide'),
+                    onClick: ()=>go(index + direction),
+                    children: -1 === direction ? /*#__PURE__*/ jsx(ChevronLeft, {
+                        size: 20
+                    }) : /*#__PURE__*/ jsx(ChevronRight, {
+                        size: 20
+                    })
+                }, direction)),
+            dots && count > 1 && /*#__PURE__*/ jsx("div", {
+                className: "leaf-carousel__dots",
+                children: slides.map((slide, position)=>/*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        "aria-label": `${t('转到', 'Go to')} ${position + 1}`,
+                        "aria-current": position === index ? 'true' : void 0,
+                        "aria-controls": `${id}-${position}`,
+                        onClick: ()=>go(position)
+                    }, /*#__PURE__*/ isValidElement(slide) ? slide.key : String(slide)))
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                className: "leaf-carousel__status",
+                "aria-live": autoplay && !paused ? 'off' : 'polite',
+                children: [
+                    count ? index + 1 : 0,
+                    " / ",
+                    count
+                ]
+            })
+        ]
+    });
+});
+function useCarouselMotion(track, index, moveDirection, direction, enabled) {
+    const previous = useRef({
+        index,
+        height: 0
+    });
+    const animations = useRef([]);
+    const heightAnimation = useRef(void 0);
+    useBrowserLayoutEffect(()=>{
+        const host = track.current;
+        if (!host) return;
+        const outgoing = host.querySelector(`[data-slide-index="${previous.current.index}"]`);
+        const incoming = host.querySelector(`[data-slide-index="${index}"]`);
+        const interruptedHeight = heightAnimation.current?.playState === 'running' ? host.offsetHeight : previous.current.height;
+        const outgoingStyle = outgoing ? getComputedStyle(outgoing) : null;
+        const incomingStyle = incoming?.dataset.exiting ? getComputedStyle(incoming) : null;
+        const incomingTransform = incomingStyle?.transform;
+        const incomingOpacity = incomingStyle?.opacity;
+        const outgoingTransform = outgoingStyle?.transform ?? 'none';
+        const outgoingOpacity = animations.current.some((animation)=>'running' === animation.playState) ? outgoingStyle?.opacity ?? '1' : '1';
+        for (const animation of animations.current)animation.cancel();
+        animations.current = [];
+        heightAnimation.current = void 0;
+        for (const slide of host.querySelectorAll('[data-exiting]'))slide.removeAttribute('data-exiting');
+        const height = host.offsetHeight;
+        if (enabled && incoming && previous.current.index !== index) {
+            const sign = (moveDirection.current || Math.sign(index - previous.current.index)) * ('rtl' === direction ? -1 : 1);
+            const enter = animateMotion(incoming, [
+                {
+                    opacity: incomingOpacity ?? 0,
+                    transform: incomingTransform ?? `translateX(${12 * sign}%) scale(0.985)`
+                },
+                {
+                    opacity: 1,
+                    transform: 'translateX(0) scale(1)'
+                }
+            ], {
+                durationMultiplier: 2
+            });
+            if (enter) animations.current.push(enter);
+            if (outgoing) {
+                outgoing.dataset.exiting = 'true';
+                const exit = animateMotion(outgoing, [
+                    {
+                        opacity: outgoingOpacity,
+                        transform: outgoingTransform
+                    },
+                    {
+                        opacity: 0,
+                        transform: `translateX(${-12 * sign}%) scale(0.985)`
+                    }
+                ], {
+                    durationMultiplier: 2
+                });
+                if (exit) {
+                    animations.current.push(exit);
+                    exit.addEventListener('finish', ()=>outgoing.removeAttribute('data-exiting'), {
+                        once: true
+                    });
+                } else outgoing.removeAttribute('data-exiting');
+            }
+            if (interruptedHeight > 0 && Math.abs(height - interruptedHeight) > 1) {
+                const resize = animateMotion(host, [
+                    {
+                        height: `${interruptedHeight}px`
+                    },
+                    {
+                        height: `${height}px`
+                    }
+                ], {
+                    durationMultiplier: 2
+                });
+                if (resize) {
+                    animations.current.push(resize);
+                    heightAnimation.current = resize;
+                }
+            }
+        }
+        moveDirection.current = 0;
+        previous.current = {
+            index,
+            height
+        };
+        const observer = "u" < typeof ResizeObserver ? null : new ResizeObserver(()=>{
+            if (!animations.current.some((animation)=>'running' === animation.playState)) previous.current.height = host.offsetHeight;
+        });
+        if (incoming) observer?.observe(incoming);
+        return ()=>observer?.disconnect();
+    }, [
+        track,
+        index,
+        moveDirection,
+        direction,
+        enabled
+    ]);
+    useEffect(()=>()=>{
+            for (const animation of animations.current)animation.cancel();
+        }, []);
+}
+export { carousel_Carousel as Carousel };
+
+//# sourceMappingURL=carousel.js.map

package/dist/esm/browser/modules/carousel/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel/carousel.js","sources":["../../../../../src/carousel/carousel.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from 'lucide-react';\nimport {\n  Children,\n  forwardRef,\n  type HTMLAttributes,\n  isValidElement,\n  type MutableRefObject,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport interface CarouselHandle {\n  goTo: (index: number) => void;\n  next: () => void;\n  previous: () => void;\n}\nexport interface CarouselProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  activeIndex?: number;\n  defaultActiveIndex?: number;\n  onChange?: (index: number) => void;\n  arrows?: boolean;\n  dots?: boolean;\n  autoplay?: boolean | number;\n  infinite?: boolean;\n  pauseOnHover?: boolean;\n}\nexport const Carousel = forwardRef<CarouselHandle, CarouselProps>(function Carousel(\n  {\n    activeIndex,\n    defaultActiveIndex = 0,\n    onChange,\n    arrows = true,\n    dots = true,\n    autoplay = false,\n    infinite = true,\n    pauseOnHover = true,\n    children,\n    className,\n    onKeyDown,\n    ...props\n  },\n  ref,\n) {\n  const t = useText(),\n    config = useLeafConfig(),\n    id = useId();\n  const slides = Children.toArray(children),\n    count = slides.length;\n  const [requested, setIndex] = useControllable(activeIndex, defaultActiveIndex, onChange);\n  const index = Math.min(Math.max(0, requested), Math.max(0, count - 1));\n  const [paused, setPaused] = useState(false);\n  const motion = useMotionEnabled();\n  const track = useRef<HTMLDivElement>(null);\n  const moveDirection = useRef(0);\n  useCarouselMotion(track, index, moveDirection, config.direction, motion);\n  const latest = useRef(index);\n  latest.current = index;\n  const go = (next: number) => {\n    if (!count) return;\n    moveDirection.current = Math.sign(next - index);\n    setIndex(infinite ? ((next % count) + count) % count : Math.max(0, Math.min(count - 1, next)));\n  };\n  const callback = useRef(go);\n  callback.current = go;\n  const pointer = useRef<number | undefined>(undefined);\n  useImperativeHandle(ref, () => ({\n    goTo: go,\n    next: () => go(index + 1),\n    previous: () => go(index - 1),\n  }));\n  useEffect(() => {\n    if (!autoplay || paused || !motion || count < 2) return;\n    const timer = setInterval(\n      () => {\n        if (!document.hidden) callback.current(latest.current + 1);\n      },\n      typeof autoplay === 'number' ? Math.max(500, autoplay) : 4000,\n    );\n    return () => clearInterval(timer);\n  }, [autoplay, paused, count, motion]);\n  return (\n    <section\n      {...props}\n      aria-roledescription=\"carousel\"\n      aria-label={props['aria-label'] ?? t('轮播', 'Carousel')}\n      className={classes('leaf-carousel', className)}\n      onPointerEnter={() => {\n        if (pauseOnHover) setPaused(true);\n      }}\n      onPointerLeave={() => setPaused(false)}\n      onFocus={() => setPaused(true)}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) setPaused(false);\n      }}\n      onPointerDown={(event) => {\n        if (!(event.target as HTMLElement).closest('button,a,input'))\n          pointer.current = event.clientX;\n      }}\n      onPointerUp={(event) => {\n        if (pointer.current === undefined) return;\n        const distance = event.clientX - pointer.current;\n        pointer.current = undefined;\n        if (Math.abs(distance) > 40)\n          go(index + (distance < 0 ? 1 : -1) * (config.direction === 'rtl' ? -1 : 1));\n      }}\n      onPointerCancel={() => {\n        pointer.current = undefined;\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented || (event.target as HTMLElement).matches('input,textarea'))\n          return;\n        if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n          event.preventDefault();\n          go(index + (event.key === 'ArrowRight' ? 1 : -1) * (config.direction === 'rtl' ? -1 : 1));\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          go(0);\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          go(count - 1);\n        }\n      }}\n      tabIndex={props.tabIndex ?? 0}\n    >\n      <div className=\"leaf-carousel__viewport\">\n        <div ref={track} className=\"leaf-carousel__track\">\n          {slides.map((slide, position) => (\n            <fieldset\n              key={isValidElement(slide) ? slide.key : `slide-${position}`}\n              id={`${id}-${position}`}\n              aria-roledescription=\"slide\"\n              aria-label={`${position + 1} / ${count}`}\n              aria-hidden={position !== index || undefined}\n              {...inertProps(position !== index)}\n              className=\"leaf-carousel__slide\"\n              data-slide-index={position}\n              data-active={position === index || undefined}\n            >\n              {slide}\n            </fieldset>\n          ))}\n        </div>\n      </div>\n      {arrows &&\n        count > 1 &&\n        [-1, 1].map((direction) => (\n          <button\n            key={direction}\n            type=\"button\"\n            className={classes(\n              'leaf-carousel__arrow',\n              direction === -1 ? 'leaf-carousel__arrow--previous' : 'leaf-carousel__arrow--next',\n            )}\n            disabled={!infinite && (direction === -1 ? index === 0 : index === count - 1)}\n            aria-label={\n              direction === -1 ? t('上一张', 'Previous slide') : t('下一张', 'Next slide')\n            }\n            onClick={() => go(index + direction)}\n          >\n            {direction === -1 ? <ChevronLeft size={20} /> : <ChevronRight size={20} />}\n          </button>\n        ))}\n      {dots && count > 1 && (\n        <div className=\"leaf-carousel__dots\">\n          {slides.map((slide, position) => (\n            <button\n              key={isValidElement(slide) ? slide.key : String(slide)}\n              type=\"button\"\n              aria-label={`${t('转到', 'Go to')} ${position + 1}`}\n              aria-current={position === index ? 'true' : undefined}\n              aria-controls={`${id}-${position}`}\n              onClick={() => go(position)}\n            />\n          ))}\n        </div>\n      )}\n      <span className=\"leaf-carousel__status\" aria-live={autoplay && !paused ? 'off' : 'polite'}>\n        {count ? index + 1 : 0} / {count}\n      </span>\n    </section>\n  );\n});\n\nfunction useCarouselMotion(\n  track: React.RefObject<HTMLDivElement | null>,\n  index: number,\n  moveDirection: MutableRefObject<number>,\n  direction: 'ltr' | 'rtl',\n  enabled: boolean,\n) {\n  const previous = useRef({ index, height: 0 });\n  const animations = useRef<Animation[]>([]);\n  const heightAnimation = useRef<Animation | undefined>(undefined);\n  useBrowserLayoutEffect(() => {\n    const host = track.current;\n    if (!host) return;\n    const outgoing = host.querySelector<HTMLElement>(\n      `[data-slide-index=\"${previous.current.index}\"]`,\n    );\n    const incoming = host.querySelector<HTMLElement>(`[data-slide-index=\"${index}\"]`);\n    const interruptedHeight =\n      heightAnimation.current?.playState === 'running'\n        ? host.offsetHeight\n        : previous.current.height;\n    const outgoingStyle = outgoing ? getComputedStyle(outgoing) : null;\n    const incomingStyle = incoming?.dataset.exiting ? getComputedStyle(incoming) : null;\n    const incomingTransform = incomingStyle?.transform;\n    const incomingOpacity = incomingStyle?.opacity;\n    const outgoingTransform = outgoingStyle?.transform ?? 'none';\n    const outgoingOpacity = animations.current.some(\n      (animation) => animation.playState === 'running',\n    )\n      ? (outgoingStyle?.opacity ?? '1')\n      : '1';\n    for (const animation of animations.current) animation.cancel();\n    animations.current = [];\n    heightAnimation.current = undefined;\n    for (const slide of host.querySelectorAll<HTMLElement>('[data-exiting]'))\n      slide.removeAttribute('data-exiting');\n    const height = host.offsetHeight;\n    if (enabled && incoming && previous.current.index !== index) {\n      const sign =\n        (moveDirection.current || Math.sign(index - previous.current.index)) *\n        (direction === 'rtl' ? -1 : 1);\n      const enter = animateMotion(\n        incoming,\n        [\n          {\n            opacity: incomingOpacity ?? 0,\n            transform: incomingTransform ?? `translateX(${sign * 12}%) scale(0.985)`,\n          },\n          { opacity: 1, transform: 'translateX(0) scale(1)' },\n        ],\n        { durationMultiplier: 2 },\n      );\n      if (enter) animations.current.push(enter);\n      if (outgoing) {\n        outgoing.dataset.exiting = 'true';\n        const exit = animateMotion(\n          outgoing,\n          [\n            { opacity: outgoingOpacity, transform: outgoingTransform },\n            { opacity: 0, transform: `translateX(${sign * -12}%) scale(0.985)` },\n          ],\n          { durationMultiplier: 2 },\n        );\n        if (exit) {\n          animations.current.push(exit);\n          exit.addEventListener('finish', () => outgoing.removeAttribute('data-exiting'), {\n            once: true,\n          });\n        } else outgoing.removeAttribute('data-exiting');\n      }\n      if (interruptedHeight > 0 && Math.abs(height - interruptedHeight) > 1) {\n        const resize = animateMotion(\n          host,\n          [{ height: `${interruptedHeight}px` }, { height: `${height}px` }],\n          { durationMultiplier: 2 },\n        );\n        if (resize) {\n          animations.current.push(resize);\n          heightAnimation.current = resize;\n        }\n      }\n    }\n    moveDirection.current = 0;\n    previous.current = { index, height };\n    const observer =\n      typeof ResizeObserver === 'undefined'\n        ? null\n        : new ResizeObserver(() => {\n            if (!animations.current.some((animation) => animation.playState === 'running'))\n              previous.current.height = host.offsetHeight;\n          });\n    if (incoming) observer?.observe(incoming);\n    return () => observer?.disconnect();\n  }, [track, index, moveDirection, direction, enabled]);\n  useEffect(\n    () => () => {\n      for (const animation of animations.current) animation.cancel();\n    },\n    [],\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Carousel","forwardRef","activeIndex","defaultActiveIndex","onChange","arrows","dots","autoplay","infinite","pauseOnHover","children","className","onKeyDown","props","ref","t","useText","config","useLeafConfig","id","useId","slides","Children","count","requested","setIndex","useControllable","index","Math","paused","setPaused","useState","motion","useMotionEnabled","track","useRef","moveDirection","useCarouselMotion","latest","go","next","callback","pointer","undefined","useImperativeHandle","timer","setInterval","document","clearInterval","classes","event","distance","slide","position","inertProps","isValidElement","direction","ChevronLeft","ChevronRight","String","enabled","previous","animations","heightAnimation","host","outgoing","incoming","interruptedHeight","outgoingStyle","getComputedStyle","incomingStyle","incomingTransform","incomingOpacity","outgoingTransform","outgoingOpacity","animation","height","sign","enter","animateMotion","exit","resize","observer","ResizeObserver"],"mappings":"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"}

package/dist/esm/browser/modules/carousel/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./carousel.js";

package/dist/esm/browser/modules/cascader/cascader.js

@@ -0,0 +1,364 @@
+"use client";
+import '../../../styles/components/cascader.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown, ChevronRight, LoaderCircle } from "lucide-react";
+import { forwardRef, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { FieldScope, useFormField } from "../form/form.js";
+import { Input } from "../input/index.js";
+import { Scrollbar } from "../scrollbar/index.js";
+import { classes } from "../shared/classes.js";
+import { ClearButton } from "../shared/clear-button.js";
+import { FormValue, useFieldValue, useMergedRef } from "../shared/field.js";
+import { FloatingPanel, useFloatingDismiss, usePopupState } from "../shared/floating.js";
+const emptyPath = [];
+function resolvePath(options, values) {
+    const path = [];
+    let level = options;
+    for (const value of values){
+        const option = level.find((item)=>item.value === value);
+        if (!option) break;
+        path.push(option);
+        level = option.children ?? [];
+    }
+    return path;
+}
+const cascader_Cascader = /*#__PURE__*/ forwardRef(function({ options: suppliedOptions, value, defaultValue = emptyPath, size = 'md', status: statusProp, placeholder, name, form, required: requiredProp, allowClear = true, disabled: disabledProp, className, style, onChange, onOpenChange, open: controlledOpen, defaultOpen, multiple = false, readOnly, showSearch, changeOnSelect, displayRender, optionRender, loadData, onLoadError, cacheKey, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onClick, onKeyDown, 'aria-label': ariaLabel, id: idProp, 'aria-describedby': ariaDescribedByProp, 'aria-invalid': ariaInvalid, ...props }, forwardedRef) {
+    const { locale, messages, direction } = useLeafConfig();
+    const [loaded, setLoaded] = useState(new Map());
+    const [loading, setLoading] = useState(new Set());
+    const requests = useRef(new Map());
+    useEffect(()=>{
+        for (const request of requests.current.values())request.abort();
+        requests.current.clear();
+        setLoaded(new Map());
+        setLoading(new Set());
+        return ()=>{
+            for (const request of requests.current.values())request.abort();
+        };
+    }, [
+        suppliedOptions,
+        loadData,
+        cacheKey
+    ]);
+    const options = useMemo(()=>{
+        const merge = (entries)=>entries.map((option)=>{
+                const children = option.children ?? loaded.get(option.value);
+                return children ? {
+                    ...option,
+                    children: merge(children),
+                    isLeaf: !children.length
+                } : option;
+            });
+        return merge(suppliedOptions);
+    }, [
+        suppliedOptions,
+        loaded
+    ]);
+    const field = useFormField();
+    const disabled = disabledProp || field?.disabled;
+    const required = requiredProp ?? field?.required;
+    const status = statusProp ?? (field?.error ? 'error' : void 0);
+    const id = idProp ?? field?.id;
+    const ariaDescribedBy = [
+        ariaDescribedByProp,
+        field?.descriptionId
+    ].filter(Boolean).join(' ') || void 0;
+    const triggerRef = useRef(null);
+    const panelRef = useRef(null);
+    const ref = useMergedRef(triggerRef, forwardedRef);
+    const panelId = `${useId()}-cascader`;
+    const [selectedValue, setSelectedValue] = useFieldValue(value, defaultValue, triggerRef, form);
+    const paths = multiple ? selectedValue : selectedValue.length ? [
+        selectedValue
+    ] : [];
+    const [draft, setDraft] = useState(paths[0] ?? []);
+    const [query, setQuery] = useState('');
+    const [open, setOpen] = usePopupState(disabled || readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const [focusLevel, setFocusLevel] = useState(null);
+    const selectedPaths = paths.map((path)=>resolvePath(options, path));
+    const caption = (path)=>displayRender?.(path.map((option)=>option.label), path) ?? path.map((option)=>option.searchLabel ?? ('string' == typeof option.label ? option.label : option.value)).join(' / ');
+    const searchResults = [];
+    const visit = (entries, path)=>{
+        for (const entry of entries){
+            const next = [
+                ...path,
+                entry
+            ];
+            if (!entry.disabled) {
+                if (changeOnSelect || !entry.children?.length && (!loadData || false !== entry.isLeaf)) {
+                    if (next.map((option)=>option.searchLabel ?? ('string' == typeof option.label ? option.label : option.value)).join(' / ').toLocaleLowerCase().includes(query.toLocaleLowerCase())) searchResults.push(next);
+                }
+                if (entry.children) visit(entry.children, next);
+            }
+        }
+    };
+    if (query) visit(options, []);
+    const draftOptions = resolvePath(options, draft);
+    const levels = [
+        options
+    ];
+    for (const option of draftOptions)if (option.children?.length) levels.push(option.children);
+    const close = ()=>{
+        setOpen(false);
+    };
+    useFloatingDismiss(open, close, triggerRef, panelRef);
+    useEffect(()=>{
+        if (open && null !== focusLevel) {
+            const column = panelRef.current?.querySelector(`[data-level='${focusLevel}']`);
+            const option = column?.querySelector('button[aria-selected="true"]:not(:disabled)') ?? column?.querySelector('button:not(:disabled)');
+            option?.focus();
+            option?.scrollIntoView?.({
+                block: 'nearest'
+            });
+            setFocusLevel(null);
+        }
+    }, [
+        open,
+        focusLevel
+    ]);
+    const openPanel = ()=>{
+        if (disabled) return;
+        setDraft(paths[0] ?? []);
+        setFocusLevel(0);
+        setOpen(true);
+    };
+    const choose = (option, level)=>{
+        if (option.disabled || disabled || readOnly) return;
+        const next = [
+            ...draft.slice(0, level),
+            option.value
+        ];
+        setDraft(next);
+        if (loadData && false === option.isLeaf && void 0 === option.children && !requests.current.has(option.value)) {
+            const request = new AbortController();
+            requests.current.set(option.value, request);
+            setLoading((previous)=>new Set(previous).add(option.value));
+            loadData(option, request.signal).then((children)=>{
+                if (!request.signal.aborted) setLoaded((previous)=>new Map(previous).set(option.value, children));
+            }).catch((error)=>{
+                if (!request.signal.aborted) onLoadError?.(error, option);
+            }).finally(()=>{
+                if (requests.current.get(option.value) === request) {
+                    requests.current.delete(option.value);
+                    setLoading((previous)=>{
+                        const next = new Set(previous);
+                        next.delete(option.value);
+                        return next;
+                    });
+                }
+            });
+            return;
+        }
+        if (changeOnSelect || !option.children?.length && false !== option.isLeaf) commit(next, !option.children?.length);
+    };
+    const commit = (path, leaf = true)=>{
+        if (disabled || readOnly) return;
+        const next = multiple ? paths.some((current)=>JSON.stringify(current) === JSON.stringify(path)) ? paths.filter((current)=>JSON.stringify(current) !== JSON.stringify(path)).map((current)=>[
+                ...current
+            ]) : [
+            ...paths.map((current)=>[
+                    ...current
+                ]),
+            path
+        ] : path;
+        setSelectedValue(next);
+        onChange?.(next, multiple ? next.map((path)=>resolvePath(options, path)) : resolvePath(options, path));
+        if (!multiple && leaf) {
+            close();
+            triggerRef.current?.focus();
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: classes('leaf-cascader', `leaf-cascader--${size}`, className),
+        style: style,
+        "data-status": status,
+        "data-disabled": disabled ? '' : void 0,
+        "data-open": open ? '' : void 0,
+        "data-clearable": allowClear && selectedValue.length && !disabled && !readOnly ? '' : void 0,
+        children: [
+            /*#__PURE__*/ jsxs("button", {
+                ...props,
+                ref: ref,
+                type: "button",
+                form: form,
+                className: "leaf-cascader__trigger",
+                disabled: disabled,
+                role: "combobox",
+                "aria-expanded": open,
+                "aria-haspopup": "dialog",
+                "aria-controls": panelId,
+                "aria-label": ariaLabel,
+                id: id,
+                "aria-describedby": ariaDescribedBy,
+                "aria-invalid": 'error' === status ? true : ariaInvalid,
+                "aria-required": required || void 0,
+                onClick: (event)=>{
+                    onClick?.(event);
+                    if (!event.defaultPrevented) if (open) close();
+                    else openPanel();
+                },
+                onKeyDown: (event)=>{
+                    onKeyDown?.(event);
+                    if (event.defaultPrevented) return;
+                    if ('ArrowDown' === event.key) {
+                        event.preventDefault();
+                        if (!open) openPanel();
+                    }
+                    if ('Escape' === event.key) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        close();
+                    }
+                },
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: classes('leaf-cascader__value', !selectedPaths.length && 'leaf-cascader__placeholder'),
+                        children: selectedPaths.length ? selectedPaths.map((path, index)=>/*#__PURE__*/ jsxs("span", {
+                                children: [
+                                    index > 0 ? '、' : '',
+                                    caption(path)
+                                ]
+                            }, paths[index]?.join('/'))) : placeholder || messages.select
+                    }),
+                    /*#__PURE__*/ jsx(ChevronDown, {
+                        size: 16,
+                        "aria-hidden": "true"
+                    })
+                ]
+            }),
+            allowClear && selectedValue.length > 0 && !disabled && !readOnly && /*#__PURE__*/ jsx(ClearButton, {
+                label: messages.clearCascader,
+                beforeArrow: true,
+                onClear: ()=>{
+                    setSelectedValue([]);
+                    setDraft([]);
+                    onChange?.([], []);
+                    close();
+                    triggerRef.current?.focus();
+                }
+            }),
+            /*#__PURE__*/ jsx(FormValue, {
+                name: name,
+                form: form,
+                required: required,
+                disabled: disabled,
+                value: selectedValue.length ? JSON.stringify(selectedValue) : '',
+                triggerRef: triggerRef
+            }),
+            /*#__PURE__*/ jsxs(FloatingPanel, {
+                placement: popupPlacement,
+                container: getPopupContainer,
+                render: popupRender,
+                style: popupStyle,
+                open: open,
+                triggerRef: triggerRef,
+                panelRef: panelRef,
+                id: panelId,
+                className: classes('leaf-floating leaf-cascader__panel', popupClassName),
+                role: "dialog",
+                "aria-label": ariaLabel || messages.select,
+                children: [
+                    showSearch && /*#__PURE__*/ jsx(FieldScope, {
+                        children: /*#__PURE__*/ jsx(Input, {
+                            allowClear: true,
+                            "aria-label": messages.search,
+                            value: query,
+                            onChange: (event)=>setQuery(event.target.value)
+                        })
+                    }),
+                    query ? /*#__PURE__*/ jsx(Scrollbar, {
+                        role: "listbox",
+                        "aria-label": messages.search,
+                        className: "leaf-cascader__column",
+                        orientation: "vertical",
+                        maxHeight: 256,
+                        children: searchResults.length ? searchResults.map((path)=>/*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                role: "option",
+                                "aria-selected": paths.some((current)=>JSON.stringify(current) === JSON.stringify(path.map((option)=>option.value))),
+                                className: "leaf-floating__option",
+                                onClick: ()=>commit(path.map((option)=>option.value)),
+                                children: caption(path)
+                            }, path.map((option)=>option.value).join('/'))) : /*#__PURE__*/ jsx("div", {
+                            className: "leaf-floating__empty",
+                            children: messages.empty
+                        })
+                    }) : /*#__PURE__*/ jsx("div", {
+                        className: "leaf-cascader__columns",
+                        children: levels.map((level, depth)=>/*#__PURE__*/ jsx(Scrollbar, {
+                                className: "leaf-cascader__column",
+                                orientation: "vertical",
+                                maxHeight: 256,
+                                "data-level": depth,
+                                role: "listbox",
+                                "aria-label": 'en-US' === locale ? `Level ${depth + 1}` : `第 ${depth + 1} 级`,
+                                children: level.length ? level.map((option)=>/*#__PURE__*/ jsxs("button", {
+                                        type: "button",
+                                        role: "option",
+                                        className: "leaf-floating__option",
+                                        "aria-selected": draft[depth] === option.value,
+                                        disabled: option.disabled,
+                                        tabIndex: option.value === (draft[depth] ?? level.find((item)=>!item.disabled)?.value) ? 0 : -1,
+                                        onClick: ()=>{
+                                            choose(option, depth);
+                                            if (option.children?.length) setFocusLevel(depth + 1);
+                                        },
+                                        onKeyDown: (event)=>{
+                                            if (event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight') && (option.children?.length || false === option.isLeaf)) {
+                                                event.preventDefault();
+                                                choose(option, depth);
+                                                setFocusLevel(depth + 1);
+                                            } else if (event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') && depth > 0) {
+                                                event.preventDefault();
+                                                setFocusLevel(depth - 1);
+                                            } else if ([
+                                                'ArrowUp',
+                                                'ArrowDown',
+                                                'Home',
+                                                'End'
+                                            ].includes(event.key)) {
+                                                event.preventDefault();
+                                                const items = Array.from(event.currentTarget.parentElement?.querySelectorAll('button:not(:disabled)') ?? []);
+                                                const index = items.indexOf(event.currentTarget);
+                                                const next = 'Home' === event.key ? 0 : 'End' === event.key ? items.length - 1 : (index + ('ArrowDown' === event.key ? 1 : -1) + items.length) % items.length;
+                                                items[next]?.focus();
+                                                items[next]?.scrollIntoView?.({
+                                                    block: 'nearest'
+                                                });
+                                            }
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ jsx("span", {
+                                                children: optionRender?.(option) ?? option.label
+                                            }),
+                                            loading.has(option.value) ? /*#__PURE__*/ jsx(LoaderCircle, {
+                                                size: 14,
+                                                className: "leaf-select__spinner"
+                                            }) : option.children?.length || false === option.isLeaf ? /*#__PURE__*/ jsx(ChevronRight, {
+                                                size: 14,
+                                                "aria-hidden": "true"
+                                            }) : (multiple ? paths.some((path)=>JSON.stringify(path) === JSON.stringify([
+                                                    ...draft.slice(0, depth),
+                                                    option.value
+                                                ])) : draft[depth] === option.value) && /*#__PURE__*/ jsx(Check, {
+                                                size: 14,
+                                                className: "leaf-cascader__check",
+                                                "aria-hidden": "true"
+                                            })
+                                        ]
+                                    }, option.value)) : /*#__PURE__*/ jsx("div", {
+                                    className: "leaf-floating__empty",
+                                    children: messages.empty
+                                })
+                            }, 0 === depth ? 'root' : draft[depth - 1]))
+                    })
+                ]
+            })
+        ]
+    });
+});
+cascader_Cascader.displayName = 'Cascader';
+export { cascader_Cascader as Cascader };
+
+//# sourceMappingURL=cascader.js.map