@fangxinyan/lumina 0.6.18 → 0.8.0

package/dist/chunk-RMGFRAZ2.cjs

@@ -0,0 +1,270 @@
+'use strict';
+
+var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
+var chunkSTQDKMS5_cjs = require('./chunk-STQDKMS5.cjs');
+var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
+require('./tokens-CEJVVA3G.css');
+require('./shared-NJHRNLRH.css');
+require('./AutoComplete-PNCYHU2T.css');
+var React = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var DEFAULT_FILTER = (input, option) => {
+  if (!input) return true;
+  const hay = `${option.value} ${typeof option.label === "string" ? option.label : ""}`.toLowerCase();
+  return hay.includes(input.toLowerCase());
+};
+var AutoComplete = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    onSelect,
+    onSearch,
+    options,
+    placeholder,
+    disabled,
+    allowClear,
+    filterOption = true,
+    notFoundContent = "\u6682\u65E0\u5339\u914D\u7ED3\u679C",
+    size = "md",
+    autoFocus,
+    className = "",
+    dropdownClassName = "",
+    matchTriggerWidth = true,
+    id,
+    name,
+    onFocus,
+    onBlur,
+    onKeyDown,
+    style,
+    theme,
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React__namespace.useState(typeof defaultValue === "string" ? defaultValue : "");
+    const isControlled = value !== void 0;
+    const text = isControlled ? typeof value === "string" ? value : "" : inner;
+    const [innerOpen, setInnerOpen] = React__namespace.useState(false);
+    const open = innerOpen && !disabled;
+    const [active, setActive] = React__namespace.useState(0);
+    const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
+    const listboxId = React__namespace.useId();
+    const filtered = React__namespace.useMemo(() => {
+      const nonEmptyOptions = options.filter((option) => option.value !== "");
+      if (filterOption === false) return nonEmptyOptions;
+      const fn = typeof filterOption === "function" ? filterOption : DEFAULT_FILTER;
+      return nonEmptyOptions.filter((o) => fn(text, o));
+    }, [options, text, filterOption]);
+    const { triggerRef, floatingRef: panelRef, floatingStyle, zIndex: panelZIndex } = chunkFJB3243S_cjs.useFloating({
+      open,
+      placement: "bottom",
+      matchTriggerWidth,
+      panelHeight: Math.min(filtered.length * 36 + 12, 280)
+    });
+    const [themeRootElement, themeRootRef] = chunkNRJXZPZR_cjs.useComponentThemeRootRef(
+      triggerRef,
+      { component: "AutoComplete", theme }
+    );
+    chunkHSDMJUB6_cjs.useOverlayLayer({
+      open: open && portalContainer != null,
+      containerRef: panelRef,
+      ownerRef: triggerRef,
+      zIndex: panelZIndex,
+      onEscape: () => setInnerOpen(false)
+    });
+    React__namespace.useEffect(() => {
+      if (disabled) setInnerOpen(false);
+    }, [disabled]);
+    React__namespace.useEffect(() => {
+      const firstEnabled = filtered.findIndex((option) => !option.disabled);
+      setActive(firstEnabled >= 0 ? firstEnabled : 0);
+    }, [filtered.length, open]);
+    React__namespace.useEffect(() => {
+      if (!open) return;
+      const onDown = (e) => {
+        if (!triggerRef.current?.contains(e.target) && !panelRef.current?.contains(e.target)) {
+          setInnerOpen(false);
+        }
+      };
+      window.addEventListener("mousedown", onDown);
+      return () => window.removeEventListener("mousedown", onDown);
+    }, [open, triggerRef]);
+    const commit = (next, option) => {
+      if (disabled) return;
+      if (!isControlled) setInner(next);
+      onChange?.(next, option);
+    };
+    const handleInput = (v) => {
+      if (disabled) return;
+      commit(v);
+      onSearch?.(v);
+      setInnerOpen(true);
+    };
+    const pick = (o) => {
+      if (disabled || o.disabled) return;
+      commit(o.value, o);
+      onSelect?.(o.value, o);
+      setInnerOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        if (!open) {
+          setInnerOpen(true);
+          return;
+        }
+        setActive((a) => {
+          if (filtered.length === 0) return 0;
+          for (let n = 1; n <= filtered.length; n++) {
+            const i = (a + n) % filtered.length;
+            if (!filtered[i].disabled) return i;
+          }
+          return a;
+        });
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActive((a) => {
+          if (filtered.length === 0) return 0;
+          for (let n = 1; n <= filtered.length; n++) {
+            const i = (a - n + filtered.length) % filtered.length;
+            if (!filtered[i].disabled) return i;
+          }
+          return a;
+        });
+      } else if (e.key === "Enter") {
+        if (open && filtered[active]) {
+          e.preventDefault();
+          pick(filtered[active]);
+        }
+      } else if (e.key === "Escape") {
+        if (open) {
+          e.preventDefault();
+          setInnerOpen(false);
+        }
+      } else if (e.key === "Tab") {
+        setInnerOpen(false);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkNRJXZPZR_cjs.ComponentThemeBoundary,
+      {
+        component: "AutoComplete",
+        cssPrefix: ["auto-complete", "input"],
+        theme,
+        rootElement: themeRootElement,
+        children: (themeState) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: themeRootRef,
+            className: `autocomplete ${className}`,
+            ...themeState.rootDataAttributes,
+            style: chunkNRJXZPZR_cjs.mergeComponentRootStyleWithInstanceStyle(themeState.rootStyle, style),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkSTQDKMS5_cjs.Input,
+                {
+                  ref,
+                  ...rest,
+                  id,
+                  name,
+                  size,
+                  value: text,
+                  placeholder,
+                  disabled,
+                  allowClear,
+                  autoFocus,
+                  style,
+                  onValueChange: handleInput,
+                  onFocus: (event) => {
+                    onFocus?.(event);
+                    if (!disabled) setInnerOpen(true);
+                  },
+                  onBlur: (event) => {
+                    onBlur?.(event);
+                    const ownerDocument = event.currentTarget.ownerDocument;
+                    requestAnimationFrame(() => {
+                      const activeElement = ownerDocument.activeElement;
+                      if (!triggerRef.current?.contains(activeElement) && !panelRef.current?.contains(activeElement)) {
+                        setInnerOpen(false);
+                      }
+                    });
+                  },
+                  onKeyDown: (event) => {
+                    onKeyDown?.(event);
+                    if (!event.defaultPrevented) onKey(event);
+                  },
+                  role: "combobox",
+                  "aria-autocomplete": "list",
+                  "aria-expanded": open,
+                  "aria-controls": open ? listboxId : void 0,
+                  "aria-activedescendant": open && filtered[active] ? `${listboxId}-option-${active}` : void 0
+                }
+              ) }),
+              open && portalContainer ? reactDom.createPortal(
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    ref: panelRef,
+                    id: listboxId,
+                    role: "listbox",
+                    className: `autocomplete-panel ${dropdownClassName}`,
+                    ...themeState.portalDataAttributes,
+                    style: {
+                      ...floatingStyle,
+                      ...themeState.portalStyle,
+                      ...themeState.styles.popup
+                    },
+                    onMouseDown: (e) => e.preventDefault(),
+                    children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "autocomplete-empty", style: themeState.styles.empty, children: notFoundContent }) : filtered.map((o, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        id: `${listboxId}-option-${i}`,
+                        type: "button",
+                        role: "option",
+                        "aria-selected": i === active,
+                        disabled: o.disabled,
+                        className: `autocomplete-item ${i === active ? "active" : ""}`,
+                        style: themeState.styles.option,
+                        onMouseEnter: () => setActive(i),
+                        onClick: () => pick(o),
+                        children: o.label ?? o.value
+                      },
+                      o.value
+                    ))
+                  }
+                ),
+                portalContainer
+              ) : null
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+AutoComplete.displayName = "AutoComplete";
+
+exports.AutoComplete = AutoComplete;

package/dist/chunk-RPO7657K.js

@@ -0,0 +1,228 @@
+import { useFloating } from './chunk-3QXP2ZNP.js';
+import { useOverlayLayer } from './chunk-2A4GYSN4.js';
+import { useComponentPortalTheme, withComponentTheme } from './chunk-DRDDQCDD.js';
+import { usePortalContainer } from './chunk-ULTDRMGN.js';
+import './tokens-CEJVVA3G.css';
+import './shared-NJHRNLRH.css';
+import './Popover-LCXLR3EU.css';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var normalizePlacement = (placement) => {
+  const base = placement.startsWith("top") ? "top" : placement.startsWith("bottom") ? "bottom" : placement.startsWith("left") ? "left" : placement.startsWith("right") ? "right" : placement;
+  const alignCross = placement.endsWith("Left") || placement.endsWith("Top") ? "start" : placement.endsWith("Right") || placement.endsWith("Bottom") ? "end" : "center";
+  return { placement: base, alignCross };
+};
+var PopoverBase = React.forwardRef(({
+  content,
+  title,
+  placement = "bottom",
+  trigger = "click",
+  arrow = false,
+  closable = false,
+  width,
+  defaultOpen = false,
+  open,
+  visible,
+  onOpenChange,
+  onVisibleChange,
+  children,
+  className = "",
+  overlayClassName = "",
+  popupClassName = "",
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+  "aria-label": ariaLabel,
+  style,
+  ...rest
+}, ref) => {
+  const portalContainer = usePortalContainer();
+  const portalTheme = useComponentPortalTheme("Popover");
+  const [inner, setInner] = React.useState(defaultOpen);
+  const hoverTimeout = React.useRef();
+  const nestedPointerEvents = React.useRef(/* @__PURE__ */ new WeakSet());
+  const popoverId = React.useId();
+  const titleId = React.useId();
+  const controlledOpen = open ?? visible;
+  const isControlled = controlledOpen !== void 0;
+  const show = isControlled ? controlledOpen : inner;
+  const themedPopupStyle = portalTheme.styles.popup;
+  const themedPanelWidth = themedPopupStyle?.width ?? themedPopupStyle?.minWidth;
+  const panelWidth = width === "auto" ? 160 : width ?? (typeof themedPanelWidth === "number" ? themedPanelWidth : 240);
+  const normalized = normalizePlacement(placement);
+  const {
+    triggerRef,
+    floatingRef,
+    floatingStyle,
+    placement: resolved,
+    zIndex: panelZIndex
+  } = useFloating({
+    open: show,
+    placement: normalized.placement,
+    panelWidth,
+    panelHeight: 160,
+    alignCross: normalized.alignCross
+  });
+  const set = React.useCallback((v) => {
+    if (!isControlled) setInner(v);
+    onOpenChange?.(v);
+    onVisibleChange?.(v);
+  }, [isControlled, onOpenChange, onVisibleChange]);
+  const closeFromEscape = React.useCallback(() => {
+    set(false);
+    window.requestAnimationFrame(() => {
+      const focusTarget = triggerRef.current?.querySelector(
+        "button, a[href], input, select, textarea, [tabindex]:not([tabindex='-1'])"
+      );
+      (focusTarget ?? triggerRef.current)?.focus();
+    });
+  }, [set, triggerRef]);
+  useOverlayLayer({
+    open: show && portalContainer != null,
+    containerRef: floatingRef,
+    ownerRef: triggerRef,
+    zIndex: panelZIndex,
+    onEscape: closeFromEscape
+  });
+  const setTriggerRef = React.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
+  React.useEffect(() => {
+    if (trigger !== "click" || !show || !portalContainer) return;
+    const h = (e) => {
+      if (nestedPointerEvents.current.has(e)) return;
+      const t = e.target;
+      if (triggerRef.current?.contains(t)) return;
+      if (floatingRef.current?.contains(t)) return;
+      set(false);
+    };
+    const doc = portalContainer.ownerDocument;
+    doc.addEventListener("mousedown", h);
+    return () => doc.removeEventListener("mousedown", h);
+  }, [show, trigger, set, triggerRef, floatingRef, portalContainer]);
+  React.useEffect(() => () => window.clearTimeout(hoverTimeout.current), []);
+  const interact = trigger === "hover" ? {
+    onMouseEnter: () => {
+      window.clearTimeout(hoverTimeout.current);
+      set(true);
+    },
+    onMouseLeave: () => {
+      hoverTimeout.current = window.setTimeout(() => set(false), 100);
+    }
+  } : trigger === "click" ? { onClick: () => set(!show) } : {};
+  const panelHover = trigger === "hover" ? {
+    onMouseEnter: () => window.clearTimeout(hoverTimeout.current),
+    onMouseLeave: () => {
+      hoverTimeout.current = window.setTimeout(() => set(false), 100);
+    }
+  } : {};
+  const focusRemainsInside = (next) => {
+    const node = next;
+    return !!node && (!!triggerRef.current?.contains(node) || !!floatingRef.current?.contains(node));
+  };
+  const triggerChild = React.cloneElement(children, {
+    "aria-haspopup": children.props["aria-haspopup"] ?? "dialog",
+    "aria-expanded": show,
+    "aria-controls": show ? popoverId : void 0
+  });
+  const hasThemedPopupWidth = themedPopupStyle?.width != null || themedPopupStyle?.minWidth != null || themedPopupStyle?.maxWidth != null;
+  const widthStyle = width === "auto" ? {} : width !== void 0 ? { width } : hasThemedPopupWidth ? {} : { minWidth: 220 };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: setTriggerRef,
+        className: `popover-anchor ${className}`,
+        style: { display: "inline-flex", alignSelf: "flex-start", ...style },
+        onClick: (e) => {
+          onClick?.(e);
+          if ("onClick" in interact) interact.onClick?.();
+        },
+        onMouseEnter: (e) => {
+          onMouseEnter?.(e);
+          if ("onMouseEnter" in interact) interact.onMouseEnter?.();
+        },
+        onMouseLeave: (e) => {
+          onMouseLeave?.(e);
+          if ("onMouseLeave" in interact) interact.onMouseLeave?.();
+        },
+        onFocus: (e) => {
+          onFocus?.(e);
+          if (trigger === "hover" || trigger === "focus") {
+            window.clearTimeout(hoverTimeout.current);
+            set(true);
+          }
+        },
+        onBlur: (e) => {
+          onBlur?.(e);
+          if ((trigger === "hover" || trigger === "focus") && !focusRemainsInside(e.relatedTarget)) {
+            hoverTimeout.current = window.setTimeout(() => set(false), 100);
+          }
+        },
+        "aria-label": ariaLabel,
+        ...rest,
+        children: triggerChild
+      }
+    ),
+    show && portalContainer && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: floatingRef,
+          id: popoverId,
+          className: `popover popover-${resolved} ${overlayClassName} ${popupClassName}`,
+          ...portalTheme.dataAttributes,
+          style: {
+            ...floatingStyle,
+            ...portalTheme.style,
+            ...portalTheme.styles.popup,
+            ...widthStyle
+          },
+          role: "dialog",
+          "aria-labelledby": title ? titleId : void 0,
+          "aria-label": !title ? ariaLabel : void 0,
+          tabIndex: -1,
+          onMouseDownCapture: (e) => nestedPointerEvents.current.add(e.nativeEvent),
+          onFocusCapture: () => window.clearTimeout(hoverTimeout.current),
+          onBlurCapture: (e) => {
+            if ((trigger === "hover" || trigger === "focus") && !focusRemainsInside(e.relatedTarget)) {
+              hoverTimeout.current = window.setTimeout(() => set(false), 100);
+            }
+          },
+          ...panelHover,
+          children: [
+            (title || closable) && /* @__PURE__ */ jsxs("div", { className: "popover-header", children: [
+              title && /* @__PURE__ */ jsx("div", { id: titleId, className: "popover-title", children: title }),
+              closable && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "popover-close",
+                  onClick: () => set(false),
+                  "aria-label": "Close",
+                  children: "\xD7"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "popover-body", style: portalTheme.styles.body, children: content }),
+            arrow && /* @__PURE__ */ jsx("span", { className: `popover-arrow popover-arrow-${resolved}` })
+          ]
+        }
+      ),
+      portalContainer
+    )
+  ] });
+});
+PopoverBase.displayName = "Popover";
+var Popover = withComponentTheme(PopoverBase, "Popover", "popover");
+
+export { Popover };

package/dist/chunk-RR7KWH26.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+require('./tokens-CEJVVA3G.css');
+require('./shared-NJHRNLRH.css');
+require('./Tabs-FB2AMBWL.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var getFirstEnabledKey = (items) => items.find((item) => !item.disabled)?.key;
+var TabsBase = React__namespace.forwardRef(({
+  items,
+  activeKey,
+  defaultActiveKey,
+  onChange,
+  variant = "line",
+  centered,
+  tabBarClassName = "",
+  contentClassName = "",
+  fill = false,
+  className = "",
+  ...rest
+}, ref) => {
+  const baseId = React__namespace.useId();
+  const tabRefs = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const [inner, setInner] = React__namespace.useState(defaultActiveKey ?? getFirstEnabledKey(items));
+  const isControlled = activeKey !== void 0;
+  const requested = isControlled ? activeKey : inner;
+  const current = items.some((item) => item.key === requested && !item.disabled) ? requested : getFirstEnabledKey(items);
+  const select = (k) => {
+    if (items.find((item) => item.key === k)?.disabled) return;
+    if (!isControlled) setInner(k);
+    onChange?.(k);
+  };
+  const handleTabKeyDown = (event) => {
+    const enabled = items.filter((item) => !item.disabled);
+    const index = enabled.findIndex((item) => item.key === current);
+    let target;
+    if (event.key === "ArrowRight") target = enabled[(index + 1) % enabled.length];
+    if (event.key === "ArrowLeft") target = enabled[(index - 1 + enabled.length) % enabled.length];
+    if (event.key === "Home") target = enabled[0];
+    if (event.key === "End") target = enabled[enabled.length - 1];
+    if (!target) return;
+    event.preventDefault();
+    tabRefs.current.get(target.key)?.focus();
+    select(target.key);
+  };
+  const active = items.find((i) => i.key === current);
+  const activeIndex = items.findIndex((item) => item.key === current);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: [
+        "tabs",
+        variant,
+        centered ? "centered" : "",
+        fill ? "fill" : "",
+        className
+      ].filter(Boolean).join(" "),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["tabs-nav", tabBarClassName].filter(Boolean).join(" "), role: "tablist", children: items.map((it, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            ref: (node) => {
+              if (node) tabRefs.current.set(it.key, node);
+              else tabRefs.current.delete(it.key);
+            },
+            type: "button",
+            role: "tab",
+            id: `${baseId}-tab-${index}`,
+            "aria-selected": current === it.key,
+            "aria-controls": it.content !== void 0 ? `${baseId}-panel-${index}` : void 0,
+            tabIndex: current === it.key ? 0 : -1,
+            disabled: it.disabled,
+            className: `tab ${current === it.key ? "active" : ""}`,
+            onClick: () => select(it.key),
+            onKeyDown: handleTabKeyDown,
+            children: it.label
+          },
+          it.key
+        )) }),
+        active?.content !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            id: `${baseId}-panel-${activeIndex}`,
+            className: ["tabs-content", contentClassName].filter(Boolean).join(" "),
+            role: "tabpanel",
+            "aria-labelledby": `${baseId}-tab-${activeIndex}`,
+            tabIndex: 0,
+            children: active.content
+          }
+        )
+      ]
+    }
+  );
+});
+TabsBase.displayName = "Tabs";
+var Tabs = chunkNRJXZPZR_cjs.withComponentTheme(TabsBase, "Tabs", "tabs");
+
+exports.Tabs = Tabs;