@fangxinyan/lumina 0.6.0 → 0.6.2

package/dist/chunk-QGHYQCF3.cjs

@@ -0,0 +1,240 @@
+'use strict';
+
+var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
+var chunk6LZ54NPO_cjs = require('./chunk-6LZ54NPO.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Cascader-C2DFSMKJ.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 collectPaths = (options, prefix = []) => options.flatMap((option) => {
+  const next = [...prefix, option];
+  if (option.children?.length) return collectPaths(option.children, next);
+  return [next];
+});
+var defaultSearchFilter = (inputValue, path) => {
+  const q = inputValue.trim().toLowerCase();
+  if (!q) return true;
+  return path.map((option) => String(option.label ?? option.value)).join(" / ").toLowerCase().includes(q);
+};
+var Cascader = React__namespace.forwardRef(({
+  options,
+  value,
+  defaultValue = [],
+  onChange,
+  placeholder = "\u8BF7\u9009\u62E9",
+  disabled,
+  allowClear,
+  onClear,
+  changeOnSelect,
+  showSearch,
+  popupClassName = "",
+  dropdownClassName = "",
+  className = "",
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React__namespace.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const cur = isControlled ? value : inner;
+  const [open, setOpen] = React__namespace.useState(false);
+  const [path, setPath] = React__namespace.useState(cur);
+  const [query, setQuery] = React__namespace.useState("");
+  const panelRef = React__namespace.useRef(null);
+  const searchRef = React__namespace.useRef(null);
+  const searchConfig = typeof showSearch === "object" ? showSearch : {};
+  const searchable = !!showSearch;
+  const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
+    open,
+    placement: "bottom",
+    panelWidth: 520,
+    panelHeight: 260
+  });
+  const setTriggerRef = React__namespace.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
+  React__namespace.useEffect(() => {
+    const h = (e) => {
+      const t = e.target;
+      if (triggerRef.current?.contains(t)) return;
+      if (panelRef.current?.contains(t)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, []);
+  React__namespace.useEffect(() => {
+    if (open) setPath(cur);
+    if (!open) setQuery("");
+  }, [open, cur]);
+  React__namespace.useEffect(() => {
+    if (!open || !searchable) return;
+    requestAnimationFrame(() => searchRef.current?.focus());
+  }, [open, searchable]);
+  const columns = [options];
+  let cursor = options;
+  for (const v of path) {
+    const match = cursor.find((o) => o.value === v);
+    if (match && match.children) {
+      cursor = match.children;
+      columns.push(cursor);
+    } else break;
+  }
+  const selectedOptionsForPath = (nextPath) => {
+    const selected = [];
+    let list2 = options;
+    for (const item of nextPath) {
+      const match = list2.find((option) => option.value === item);
+      if (!match) break;
+      selected.push(match);
+      list2 = match.children ?? [];
+    }
+    return selected;
+  };
+  const commit = (nextPath, closeAfterSelect) => {
+    if (!isControlled) setInner(nextPath);
+    onChange?.(nextPath, selectedOptionsForPath(nextPath));
+    if (closeAfterSelect) setOpen(false);
+  };
+  const pick = (depth, val, hasChildren) => {
+    const np = [...path.slice(0, depth), val];
+    setPath(np);
+    if (!hasChildren || changeOnSelect) commit(np, !hasChildren);
+  };
+  const clear = (e) => {
+    e.stopPropagation();
+    if (disabled) return;
+    setPath([]);
+    if (!isControlled) setInner([]);
+    onChange?.([], []);
+    onClear?.();
+  };
+  const labels = [];
+  let list = options;
+  for (const v of cur) {
+    const m = list.find((o) => o.value === v);
+    if (!m) break;
+    labels.push(m.label);
+    if (!m.children) break;
+    list = m.children;
+  }
+  const allPaths = React__namespace.useMemo(() => collectPaths(options), [options]);
+  const matchedPaths = React__namespace.useMemo(() => {
+    if (!query.trim()) return [];
+    const filter = searchConfig.filter ?? defaultSearchFilter;
+    const result = allPaths.filter((itemPath) => filter(query, itemPath));
+    const limit = searchConfig.limit === false ? result.length : searchConfig.limit ?? 50;
+    return result.slice(0, limit);
+  }, [allPaths, query, searchConfig.filter, searchConfig.limit]);
+  const panelClassName = [
+    "cascader-panel",
+    searchable && "with-search",
+    popupClassName,
+    dropdownClassName
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setTriggerRef, className: `cascader ${open ? "open" : ""} ${className}`, ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: `cascader-trigger ${labels.length === 0 ? "placeholder" : ""}`,
+        disabled,
+        onClick: () => !disabled && setOpen((o) => !o),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1 }, children: labels.length ? labels.map((l, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            i > 0 && " / ",
+            l
+          ] }, i)) : placeholder }),
+          !!allowClear && labels.length > 0 && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "cascader-clear",
+              role: "button",
+              "aria-label": "Clear",
+              onClick: clear,
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "x", size: 12 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevDown", size: 14 }) })
+        ]
+      }
+    ),
+    open && typeof document !== "undefined" && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: panelRef, className: panelClassName, style: floatingStyle, children: [
+        searchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-search", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunk6LZ54NPO_cjs.Input,
+          {
+            ref: searchRef,
+            size: "sm",
+            leadingIcon: "search",
+            value: query,
+            onValueChange: setQuery,
+            placeholder: "\u641C\u7D22..."
+          }
+        ) }),
+        searchable && query.trim() ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-search-list", children: matchedPaths.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-empty", children: "\u6682\u65E0\u5339\u914D\u9879" }) : matchedPaths.map((itemPath) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "cascader-search-item",
+            onClick: () => commit(itemPath.map((item) => item.value), true),
+            children: searchConfig.render ? searchConfig.render(query, itemPath) : itemPath.map((item) => item.label).map((label, index) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+              index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cascader-path-sep", children: "/" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+            ] }, index))
+          },
+          itemPath.map((item) => item.value).join("__")
+        )) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-columns", children: columns.map((col, depth) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cascader-col", children: col.map((o) => {
+          const isActive = path[depth] === o.value;
+          const hasChildren = !!(o.children && o.children.length);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              className: `cascader-item ${isActive ? "active" : ""}`,
+              disabled: o.disabled,
+              onClick: () => pick(depth, o.value, hasChildren),
+              children: [
+                o.icon && /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: o.icon, size: 13 }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: o.label }),
+                hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevRight", size: 12 }) })
+              ]
+            },
+            o.value
+          );
+        }) }, depth)) })
+      ] }),
+      document.body
+    )
+  ] });
+});
+Cascader.displayName = "Cascader";
+
+exports.Cascader = Cascader;

package/dist/chunk-QKQHZIF3.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Spin-3GJNMSIH.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);
+
+// src/components/Spin/Spin.tsx
+var SIZE_PX = {
+  small: 14,
+  default: 20,
+  large: 32
+};
+var resolveSize = (size) => typeof size === "number" ? size : SIZE_PX[size];
+var Spin = React__namespace.forwardRef(({
+  size = "default",
+  tone = "accent",
+  tip,
+  label,
+  variant = "ring",
+  spinning = true,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const text = label ?? tip;
+  const px = resolveSize(size);
+  const indicatorClass = `spin ${variant} ${tone}`;
+  const rootClass = text ? `spin-wrap ${className}`.trim() : `${indicatorClass} ${className}`.trim();
+  const indicatorStyle = variant === "dots" ? { fontSize: px } : { width: px, height: px };
+  if (!spinning && !text) return null;
+  const renderIndicator = (extraProps = {}) => {
+    if (!spinning) return null;
+    const {
+      className: extraClassName,
+      style: extraStyle,
+      ...indicatorRest
+    } = extraProps;
+    const finalClassName = extraClassName ?? indicatorClass;
+    const finalStyle = { ...indicatorStyle, ...extraStyle };
+    if (variant === "dots") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: finalClassName, style: finalStyle, "aria-label": "Loading", ...indicatorRest, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+        /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+        /* @__PURE__ */ jsxRuntime.jsx("i", {})
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: finalClassName, style: finalStyle, "aria-label": "Loading", ...indicatorRest });
+  };
+  if (!text) {
+    return renderIndicator({
+      ref,
+      className: rootClass,
+      style: { ...indicatorStyle, ...style },
+      ...rest
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: rootClass, style, ...rest, children: [
+    renderIndicator(),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spin-label", children: text })
+  ] });
+});
+Spin.displayName = "Spin";
+
+exports.Spin = Spin;

package/dist/{chunk-Q7CDWNM6.cjs → chunk-RF2EY5JS.cjs}

@@ -279,5 +279,3 @@ exports.normalizeAccentInput = normalizeAccentInput;
 exports.resolveThemeMode = resolveThemeMode;
 exports.useTheme = useTheme;
 exports.useThemeOptional = useThemeOptional;
-//# sourceMappingURL=chunk-Q7CDWNM6.cjs.map
-//# sourceMappingURL=chunk-Q7CDWNM6.cjs.map

package/dist/{chunk-2K5HZLXW.cjs → chunk-S3VXH5L4.cjs}

@@ -330,5 +330,3 @@ Form.useForm = useForm;
 exports.Form = Form;
 exports.FormItem = FormItem;
 exports.useForm = useForm;
-//# sourceMappingURL=chunk-2K5HZLXW.cjs.map
-//# sourceMappingURL=chunk-2K5HZLXW.cjs.map

package/dist/{chunk-P4CGE5C7.cjs → chunk-SKMP2A5O.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk3XIDJEYR_cjs = require('./chunk-3XIDJEYR.cjs');
-var chunkWFFWVQK4_cjs = require('./chunk-WFFWVQK4.cjs');
+var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
+var chunk6LZ54NPO_cjs = require('./chunk-6LZ54NPO.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./AutoComplete-P5KZMZO5.css');
@@ -69,7 +69,7 @@ var AutoComplete = React__namespace.forwardRef(
       const fn = typeof filterOption === "function" ? filterOption : DEFAULT_FILTER;
       return options.filter((o) => fn(text, o));
     }, [options, text, filterOption]);
-    const { triggerRef, floatingStyle } = chunk3XIDJEYR_cjs.useFloating({
+    const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
       open,
       placement: "bottom",
       matchTriggerWidth,
@@ -168,7 +168,7 @@ var AutoComplete = React__namespace.forwardRef(
     ) : null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: triggerRef, className: `autocomplete ${className}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkWFFWVQK4_cjs.Input,
+        chunk6LZ54NPO_cjs.Input,
         {
           ref,
           ...rest,
@@ -180,7 +180,7 @@ var AutoComplete = React__namespace.forwardRef(
           disabled,
           allowClear,
           autoFocus,
-          onChange: handleInput,
+          onValueChange: handleInput,
           onFocus: (event) => {
             onFocus?.(event);
             if (!disabled) setOpen(true);
@@ -198,5 +198,3 @@ var AutoComplete = React__namespace.forwardRef(
 AutoComplete.displayName = "AutoComplete";
 
 exports.AutoComplete = AutoComplete;
-//# sourceMappingURL=chunk-P4CGE5C7.cjs.map
-//# sourceMappingURL=chunk-P4CGE5C7.cjs.map

package/dist/{chunk-RXL26GSI.cjs → chunk-SWBWZIL4.cjs}

@@ -59,5 +59,3 @@ var Avatar = React__namespace.forwardRef(({
 Avatar.displayName = "Avatar";
 
 exports.Avatar = Avatar;
-//# sourceMappingURL=chunk-RXL26GSI.cjs.map
-//# sourceMappingURL=chunk-RXL26GSI.cjs.map

package/dist/{chunk-YRAQRENN.js → chunk-TEEFR2FD.js}

@@ -1,4 +1,4 @@
-import { useFloating } from './chunk-ANAQER3T.js';
+import { useFloating } from './chunk-DUFRASGO.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Tooltip-DMKUPC24.css';
@@ -6,22 +6,44 @@ 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 Tooltip = React.forwardRef(({
   content,
+  title,
   placement = "top",
   children,
   delay = 250,
   disabled,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  visible,
+  onVisibleChange,
+  overlayClassName = "",
+  popupClassName = "",
   onMouseEnter,
   onMouseLeave,
   onFocus,
   onBlur,
   ...rest
 }, ref) => {
-  const [show, setShow] = React.useState(false);
+  const [innerShow, setInnerShow] = React.useState(defaultOpen);
   const t = React.useRef();
+  const controlledShow = openProp ?? visible;
+  const show = controlledShow ?? innerShow;
+  const resolvedContent = content ?? title;
+  const disabledTooltip = disabled || resolvedContent == null || resolvedContent === "";
+  const setShow = React.useCallback((next) => {
+    if (controlledShow === void 0) setInnerShow(next);
+    onOpenChange?.(next);
+    onVisibleChange?.(next);
+  }, [controlledShow, onOpenChange, onVisibleChange]);
   const open = () => {
-    if (disabled) return;
+    if (disabledTooltip) return;
     window.clearTimeout(t.current);
     t.current = window.setTimeout(() => setShow(true), delay);
   };
@@ -29,12 +51,13 @@ var Tooltip = React.forwardRef(({
     window.clearTimeout(t.current);
     setShow(false);
   };
+  const normalized = normalizePlacement(placement);
   const { triggerRef, floatingStyle, placement: resolved } = useFloating({
     open: show,
-    placement,
+    placement: normalized.placement,
     panelWidth: 160,
     panelHeight: 32,
-    alignCross: "center"
+    alignCross: normalized.alignCross
   });
   const setTriggerRef = React.useCallback(
     (node) => {
@@ -71,7 +94,7 @@ var Tooltip = React.forwardRef(({
       }
     ),
     show && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx("span", { className: `tip ${resolved}`, style: floatingStyle, children: content }),
+      /* @__PURE__ */ jsx("span", { className: `tip ${resolved} ${overlayClassName} ${popupClassName}`, style: floatingStyle, children: resolvedContent }),
       document.body
     )
   ] });
@@ -79,5 +102,3 @@ var Tooltip = React.forwardRef(({
 Tooltip.displayName = "Tooltip";
 
 export { Tooltip };
-//# sourceMappingURL=chunk-YRAQRENN.js.map
-//# sourceMappingURL=chunk-YRAQRENN.js.map

package/dist/{chunk-YVSZLQTQ.cjs → chunk-TEG7NJHS.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkWFFWVQK4_cjs = require('./chunk-WFFWVQK4.cjs');
+var chunk6LZ54NPO_cjs = require('./chunk-6LZ54NPO.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./CommandPalette-T45DBMPY.css');
@@ -149,14 +149,14 @@ var CommandPalette = React__namespace.forwardRef(({
         ...rest,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkWFFWVQK4_cjs.Input,
+            chunk6LZ54NPO_cjs.Input,
             {
               ref: inputRef,
               size: "lg",
               leadingIcon: "search",
               placeholder,
               value: query,
-              onChange: (v) => setQuery(v),
+              onValueChange: (v) => setQuery(v),
               onKeyDown: onKey,
               suffix: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-kbd", children: "esc" })
             }
@@ -215,5 +215,3 @@ var CommandPalette = React__namespace.forwardRef(({
 CommandPalette.displayName = "CommandPalette";
 
 exports.CommandPalette = CommandPalette;
-//# sourceMappingURL=chunk-YVSZLQTQ.cjs.map
-//# sourceMappingURL=chunk-YVSZLQTQ.cjs.map