@fangxinyan/lumina 0.5.0 → 0.6.0

package/dist/{chunk-XCYE4OQV.js → chunk-4DNHASZU.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-QOGROEVD.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Calendar-LHZELUDL.css';
@@ -6,15 +6,16 @@ import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var WEEKDAYS = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
-var Calendar = ({
+var Calendar = React.forwardRef(({
   value,
   defaultValue,
   onChange,
   min,
   max,
   disabledDate,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultValue ?? /* @__PURE__ */ new Date());
   const isControlled = value !== void 0;
   const sel = isControlled ? value : inner;
@@ -34,7 +35,7 @@ var Calendar = ({
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxs("div", { className: `calendar ${className}`, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: `calendar ${className}`, ...rest, children: [
     /* @__PURE__ */ jsxs("div", { className: "calendar-head", children: [
       /* @__PURE__ */ jsx(
         "button",
@@ -83,8 +84,9 @@ var Calendar = ({
       })
     ] })
   ] });
-};
+});
+Calendar.displayName = "Calendar";
 
 export { Calendar };
-//# sourceMappingURL=chunk-XCYE4OQV.js.map
-//# sourceMappingURL=chunk-XCYE4OQV.js.map
+//# sourceMappingURL=chunk-4DNHASZU.js.map
+//# sourceMappingURL=chunk-4DNHASZU.js.map

package/dist/chunk-4DNHASZU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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","file":"chunk-4DNHASZU.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Calendar.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface CalendarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n  value?: Date;\n  defaultValue?: Date;\n  onChange?: (date: Date) => void;\n  /** Min selectable date. */\n  min?: Date;\n  /** Max selectable date. */\n  max?: Date;\n  /**\n   * Predicate that marks an individual cell as disabled. Disabled cells are\n   * greyed out, not clickable, and do not fire `onChange`.\n   * @example\n   * // disable weekends\n   * disabledDate={(d) => d.getDay() === 0 || d.getDay() === 6}\n   */\n  disabledDate?: (date: Date) => boolean;\n  className?: string;\n}\n\nconst WEEKDAYS = [\"日\", \"一\", \"二\", \"三\", \"四\", \"五\", \"六\"];\n\n/** `Calendar` — month-view date picker. */\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(({\n  value,\n  defaultValue,\n  onChange,\n  min,\n  max,\n  disabledDate,\n  className = \"\",\n  ...rest\n}, ref) => {\n  const [inner, setInner] = React.useState(defaultValue ?? new Date());\n  const isControlled = value !== undefined;\n  const sel = isControlled ? value! : inner;\n  const [view, setView] = React.useState(new Date(sel.getFullYear(), sel.getMonth(), 1));\n\n  const first = new Date(view.getFullYear(), view.getMonth(), 1);\n  const startDay = first.getDay();\n  const daysInMonth = new Date(view.getFullYear(), view.getMonth() + 1, 0).getDate();\n  const cells: (number | null)[] = [];\n  for (let i = 0; i < startDay; i++) cells.push(null);\n  for (let d = 1; d <= daysInMonth; d++) cells.push(d);\n\n  const isSame = (a: Date, b: Date) =>\n    a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n\n  const pick = (d: number) => {\n    const next = new Date(view.getFullYear(), view.getMonth(), d);\n    if (min && next < min) return;\n    if (max && next > max) return;\n    if (disabledDate?.(next)) return;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  return (\n    <div ref={ref} className={`calendar ${className}`} {...rest}>\n      <div className=\"calendar-head\">\n        <button\n          type=\"button\"\n          className=\"btn icon sm ghost\"\n          onClick={() => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1))}\n          aria-label=\"Previous month\"\n        >\n          <Icon name=\"chevLeft\" size={14} />\n        </button>\n        <button type=\"button\" className=\"calendar-title\">\n          {view.getFullYear()} 年 {view.getMonth() + 1} 月\n        </button>\n        <button\n          type=\"button\"\n          className=\"btn icon sm ghost\"\n          onClick={() => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1))}\n          aria-label=\"Next month\"\n        >\n          <Icon name=\"chevRight\" size={14} />\n        </button>\n      </div>\n      <div className=\"calendar-grid\">\n        {WEEKDAYS.map((w) => (\n          <div key={w} className=\"calendar-dow\">{w}</div>\n        ))}\n        {cells.map((d, i) => {\n          if (d === null) return <div key={i} className=\"calendar-cell out\" />;\n          const date = new Date(view.getFullYear(), view.getMonth(), d);\n          const disabled =\n            (min && date < min) ||\n            (max && date > max) ||\n            (disabledDate?.(date) ?? false);\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              disabled={!!disabled}\n              className={`calendar-cell ${isSame(date, sel) ? \"selected\" : \"\"} ${isSame(date, new Date()) ? \"today\" : \"\"} ${disabled ? \"disabled\" : \"\"}`}\n              onClick={() => pick(d)}\n            >\n              {d}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n});\nCalendar.displayName = \"Calendar\";\n"]}

package/dist/{chunk-OM76QWUN.js → chunk-4JHFGSNH.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-QOGROEVD.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Image-4MN34O6P.css';
@@ -6,7 +6,7 @@ import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var Image = ({
+var Image = React.forwardRef(({
   src,
   alt,
   width = 200,
@@ -14,8 +14,10 @@ var Image = ({
   preview = true,
   hover = true,
   placeholder,
-  className = ""
-}) => {
+  className = "",
+  style,
+  ...rest
+}, ref) => {
   const [loaded, setLoaded] = React.useState(false);
   const [err, setErr] = React.useState(false);
   const [open, setOpen] = React.useState(false);
@@ -24,9 +26,11 @@ var Image = ({
     /* @__PURE__ */ jsx(
       "div",
       {
+        ref,
         className: `n-image ${hover ? "hover" : ""} ${canPreview ? "clickable" : ""} ${className}`,
-        style: { width },
+        style: { width, ...style },
         onClick: () => canPreview && setOpen(true),
+        ...rest,
         children: /* @__PURE__ */ jsxs("div", { className: "n-image-frame", style: { width: "100%", height }, children: [
           !err && src && /* @__PURE__ */ jsx("img", { src, alt, onLoad: () => setLoaded(true), onError: () => setErr(true) }),
           /* @__PURE__ */ jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsx(Icon, { name: "image", size: 28 }) }),
@@ -57,25 +61,32 @@ var Image = ({
       document.body
     )
   ] });
-};
-var ImageGrid = ({
+});
+Image.displayName = "Image";
+var ImageGrid = React.forwardRef(({
   images,
   columns,
   itemHeight = 130,
-  className = ""
-}) => /* @__PURE__ */ jsx(
+  className = "",
+  style,
+  ...rest
+}, ref) => /* @__PURE__ */ jsx(
   "div",
   {
+    ref,
     className,
     style: {
       display: "grid",
       gap: 14,
-      gridTemplateColumns: columns ? `repeat(${columns}, 1fr)` : "repeat(auto-fill, minmax(160px, 1fr))"
+      gridTemplateColumns: columns ? `repeat(${columns}, 1fr)` : "repeat(auto-fill, minmax(160px, 1fr))",
+      ...style
     },
+    ...rest,
     children: images.map((img, i) => /* @__PURE__ */ jsx(Image, { src: img.src, alt: img.alt, width: "100%", height: itemHeight }, i))
   }
-);
+));
+ImageGrid.displayName = "ImageGrid";
 
 export { Image, ImageGrid };
-//# sourceMappingURL=chunk-OM76QWUN.js.map
-//# sourceMappingURL=chunk-OM76QWUN.js.map
+//# sourceMappingURL=chunk-4JHFGSNH.js.map
+//# sourceMappingURL=chunk-4JHFGSNH.js.map

package/dist/chunk-4JHFGSNH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Image/Image.tsx"],"names":[],"mappings":"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","file":"chunk-4JHFGSNH.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Image.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\n\nexport interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  /** Allow click-to-zoom preview overlay. */\n  preview?: boolean;\n  /** Hover scale-up. */\n  hover?: boolean;\n  /** Custom placeholder while loading or on error. */\n  placeholder?: React.ReactNode;\n  className?: string;\n}\n\n/** `Image` — neumorphic framed image with optional preview overlay. */\nexport const Image = React.forwardRef<HTMLDivElement, ImageProps>(({\n  src,\n  alt,\n  width = 200,\n  height = 140,\n  preview = true,\n  hover = true,\n  placeholder,\n  className = \"\",\n  style,\n  ...rest\n}, ref) => {\n  const [loaded, setLoaded] = React.useState(false);\n  const [err, setErr] = React.useState(false);\n  const [open, setOpen] = React.useState(false);\n  const canPreview = preview && loaded && !err;\n\n  return (\n    <>\n      <div\n        ref={ref}\n        className={`n-image ${hover ? \"hover\" : \"\"} ${canPreview ? \"clickable\" : \"\"} ${className}`}\n        style={{ width, ...style }}\n        onClick={() => canPreview && setOpen(true)}\n        {...rest}\n      >\n        <div className=\"n-image-frame\" style={{ width: \"100%\", height }}>\n          {!err && src && (\n            <img src={src} alt={alt} onLoad={() => setLoaded(true)} onError={() => setErr(true)} />\n          )}\n          <div className={`n-image-placeholder ${loaded && !err ? \"loaded\" : \"\"}`}>\n            {placeholder ?? <Icon name=\"image\" size={28} />}\n          </div>\n          {canPreview && (\n            <>\n              <div className=\"image-hint\">\n                <Icon name=\"eye\" size={14} />\n                <span>点击查看</span>\n              </div>\n              <div className=\"image-actions\" onClick={(e) => e.stopPropagation()}>\n                <button\n                  type=\"button\"\n                  className=\"ia-btn\"\n                  onClick={() => setOpen(true)}\n                  aria-label=\"预览\"\n                >\n                  <Icon name=\"eye\" size={13} />\n                </button>\n                {src && (\n                  <a className=\"ia-btn\" href={src} download aria-label=\"下载\">\n                    <Icon name=\"download\" size={13} />\n                  </a>\n                )}\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n      {open &&\n        typeof document !== \"undefined\" &&\n        ReactDOM.createPortal(\n          <div className=\"image-preview-overlay\" onClick={() => setOpen(false)}>\n            <img src={src} alt={alt} onClick={(e) => e.stopPropagation()} />\n          </div>,\n          document.body\n        )}\n    </>\n  );\n});\nImage.displayName = \"Image\";\n\nexport interface ImageGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  images: { src: string; alt?: string }[];\n  columns?: number;\n  itemHeight?: number;\n  className?: string;\n}\n\n/** `ImageGrid` — auto-fit grid of `Image` items. */\nexport const ImageGrid = React.forwardRef<HTMLDivElement, ImageGridProps>(({\n  images,\n  columns,\n  itemHeight = 130,\n  className = \"\",\n  style,\n  ...rest\n}, ref) => (\n  <div\n    ref={ref}\n    className={className}\n    style={{\n      display: \"grid\",\n      gap: 14,\n      gridTemplateColumns: columns\n        ? `repeat(${columns}, 1fr)`\n        : \"repeat(auto-fill, minmax(160px, 1fr))\",\n      ...style,\n    }}\n    {...rest}\n  >\n    {images.map((img, i) => (\n      <Image key={i} src={img.src} alt={img.alt} width=\"100%\" height={itemHeight} />\n    ))}\n  </div>\n));\nImageGrid.displayName = \"ImageGrid\";\n"]}

package/dist/{chunk-6Z24VO3K.js → chunk-4XSP4HHZ.js}

@@ -1,4 +1,4 @@
-import { Input } from './chunk-WUOFJPZ4.js';
+import { Input } from './chunk-ZZXNHPF3.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './CommandPalette-T45DBMPY.css';
@@ -17,7 +17,7 @@ var DEFAULT_FILTER = (item, q) => {
   }
   return i === needle.length;
 };
-var CommandPalette = ({
+var CommandPalette = React.forwardRef(({
   open,
   onOpenChange,
   items,
@@ -26,12 +26,16 @@ var CommandPalette = ({
   emptyText = "\u6682\u65E0\u5339\u914D\u7ED3\u679C",
   resetOnOpen = true,
   footer,
-  className = ""
-}) => {
+  className = "",
+  onMouseDown,
+  ...rest
+}, ref) => {
   const [query, setQuery] = React.useState("");
   const [active, setActive] = React.useState(0);
   const inputRef = React.useRef(null);
   const listRef = React.useRef(null);
+  const panelRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => panelRef.current, []);
   const filtered = React.useMemo(() => items.filter((it) => filter(it, query)), [items, query, filter]);
   const grouped = React.useMemo(() => {
     const order = [];
@@ -108,11 +112,16 @@ var CommandPalette = ({
     /* @__PURE__ */ jsx("div", { className: `cmdp-overlay ${className}`, onMouseDown: close, role: "presentation", children: /* @__PURE__ */ jsxs(
       "div",
       {
+        ref: panelRef,
         className: "cmdp-panel",
-        onMouseDown: (e) => e.stopPropagation(),
+        onMouseDown: (e) => {
+          onMouseDown?.(e);
+          e.stopPropagation();
+        },
         role: "dialog",
         "aria-modal": true,
         "aria-label": "\u547D\u4EE4\u9762\u677F",
+        ...rest,
         children: [
           /* @__PURE__ */ jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsx(
             Input,
@@ -177,8 +186,9 @@ var CommandPalette = ({
     ) }),
     document.body
   );
-};
+});
+CommandPalette.displayName = "CommandPalette";
 
 export { CommandPalette };
-//# sourceMappingURL=chunk-6Z24VO3K.js.map
-//# sourceMappingURL=chunk-6Z24VO3K.js.map
+//# sourceMappingURL=chunk-4XSP4HHZ.js.map
+//# sourceMappingURL=chunk-4XSP4HHZ.js.map

package/dist/chunk-4XSP4HHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"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","file":"chunk-4XSP4HHZ.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./CommandPalette.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Input } from \"../Input\";\n\nexport interface CommandItem {\n  key: string;\n  /** Displayed label; also matched against the search query by default. */\n  label: string;\n  /** Optional secondary line — e.g. \"Open recent\". */\n  description?: React.ReactNode;\n  /** Leading icon. */\n  icon?: React.ReactNode;\n  /** Right-aligned shortcut hint, e.g. `\"⌘P\"`. */\n  shortcut?: React.ReactNode;\n  /** Extra search terms beyond `label`. */\n  keywords?: string[];\n  /** Group heading. Items sharing a `group` appear under one heading. */\n  group?: string;\n  /** Ignored by default filter — still shown. */\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nexport interface CommandPaletteProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n  open: boolean;\n  onOpenChange?: (open: boolean) => void;\n  items: CommandItem[];\n  placeholder?: string;\n  /** Custom matcher. Return true to keep the item. */\n  filter?: (item: CommandItem, query: string) => boolean;\n  /** Shown when no item matches the query. */\n  emptyText?: React.ReactNode;\n  /** Reset the query to empty whenever the palette opens. Default true. */\n  resetOnOpen?: boolean;\n  /** Footer node. Pass `null` to hide. */\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nconst DEFAULT_FILTER = (item: CommandItem, q: string) => {\n  if (!q) return true;\n  const hay = [item.label, ...(item.keywords ?? [])].join(\" \").toLowerCase();\n  const needle = q.toLowerCase();\n  // Simple subsequence match — each char of needle appears in order in haystack.\n  let i = 0;\n  for (const ch of hay) {\n    if (ch === needle[i]) i++;\n    if (i === needle.length) return true;\n  }\n  return i === needle.length;\n};\n\n/**\n * `CommandPalette` — ⌘K-style action launcher. Search + grouped items +\n * keyboard nav. Rendered into `document.body`.\n *\n * The parent controls `open` via state — wire `Cmd/Ctrl+K` to toggle.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = React.useState(false);\n * React.useEffect(() => {\n *   const h = (e: KeyboardEvent) => {\n *     if ((e.metaKey || e.ctrlKey) && e.key === \"k\") { e.preventDefault(); setOpen(o => !o); }\n *   };\n *   window.addEventListener(\"keydown\", h);\n *   return () => window.removeEventListener(\"keydown\", h);\n * }, []);\n *\n * <CommandPalette\n *   open={open}\n *   onOpenChange={setOpen}\n *   items={[\n *     { key: \"new\", label: \"新建文件\", icon: <Icon name=\"plus\" size={14} />, group: \"文件\", shortcut: \"⌘N\", onSelect: () => {} },\n *     ...\n *   ]}\n * />\n * ```\n */\nexport const CommandPalette = React.forwardRef<HTMLDivElement, CommandPaletteProps>(({\n  open,\n  onOpenChange,\n  items,\n  placeholder = \"搜索命令…\",\n  filter = DEFAULT_FILTER,\n  emptyText = \"暂无匹配结果\",\n  resetOnOpen = true,\n  footer,\n  className = \"\",\n  onMouseDown,\n  ...rest\n}, ref) => {\n  const [query, setQuery] = React.useState(\"\");\n  const [active, setActive] = React.useState(0);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n\n  React.useImperativeHandle(ref, () => panelRef.current as HTMLDivElement, []);\n\n  const filtered = React.useMemo(() => items.filter((it) => filter(it, query)), [items, query, filter]);\n\n  // Group items preserving the original order of first occurrence.\n  const grouped = React.useMemo(() => {\n    const order: string[] = [];\n    const map = new Map<string, CommandItem[]>();\n    for (const it of filtered) {\n      const g = it.group ?? \"\";\n      if (!map.has(g)) { map.set(g, []); order.push(g); }\n      map.get(g)!.push(it);\n    }\n    return order.map((g) => ({ group: g, items: map.get(g)! }));\n  }, [filtered]);\n\n  const close = React.useCallback(() => onOpenChange?.(false), [onOpenChange]);\n\n  // Reset & focus on open.\n  React.useEffect(() => {\n    if (!open) return;\n    if (resetOnOpen) setQuery(\"\");\n    setActive(0);\n    const id = requestAnimationFrame(() => inputRef.current?.focus());\n    return () => cancelAnimationFrame(id);\n  }, [open, resetOnOpen]);\n\n  // Clamp active when the filtered list shrinks.\n  React.useEffect(() => {\n    setActive((a) => (filtered.length === 0 ? 0 : Math.min(a, filtered.length - 1)));\n  }, [filtered.length]);\n\n  // Scroll active item into view.\n  React.useEffect(() => {\n    const el = listRef.current?.querySelector<HTMLElement>(`[data-cmd-idx=\"${active}\"]`);\n    el?.scrollIntoView({ block: \"nearest\" });\n  }, [active, filtered]);\n\n  const pick = (it: CommandItem) => {\n    if (it.disabled) return;\n    it.onSelect?.();\n    close();\n  };\n\n  const onKey = (e: React.KeyboardEvent) => {\n    if (e.key === \"Escape\") { e.preventDefault(); close(); return; }\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setActive((a) => {\n        if (filtered.length === 0) return 0;\n        for (let n = 1; n <= filtered.length; n++) {\n          const i = (a + n) % filtered.length;\n          if (!filtered[i].disabled) return i;\n        }\n        return a;\n      });\n    }\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      setActive((a) => {\n        if (filtered.length === 0) return 0;\n        for (let n = 1; n <= filtered.length; n++) {\n          const i = (a - n + filtered.length) % filtered.length;\n          if (!filtered[i].disabled) return i;\n        }\n        return a;\n      });\n    }\n    if (e.key === \"Enter\") {\n      const it = filtered[active];\n      if (it) { e.preventDefault(); pick(it); }\n    }\n  };\n\n  if (typeof document === \"undefined\" || !open) return null;\n\n  // Build a flat index map so rendered list items know their position in `filtered`.\n  let flatIdx = -1;\n\n  return ReactDOM.createPortal(\n    <div className={`cmdp-overlay ${className}`} onMouseDown={close} role=\"presentation\">\n      <div\n        ref={panelRef}\n        className=\"cmdp-panel\"\n        onMouseDown={(e) => {\n          onMouseDown?.(e);\n          e.stopPropagation();\n        }}\n        role=\"dialog\"\n        aria-modal\n        aria-label=\"命令面板\"\n        {...rest}\n      >\n        <div className=\"cmdp-search\">\n          <Input\n            ref={inputRef}\n            size=\"lg\"\n            leadingIcon=\"search\"\n            placeholder={placeholder}\n            value={query}\n            onChange={(v) => setQuery(v)}\n            onKeyDown={onKey}\n            suffix={<span className=\"cmdp-kbd\">esc</span>}\n          />\n        </div>\n\n        <div ref={listRef} className=\"cmdp-list\" role=\"listbox\">\n          {grouped.length === 0 ? (\n            <div className=\"cmdp-empty\">{emptyText}</div>\n          ) : (\n            grouped.map(({ group, items: gItems }) => (\n              <div key={group || \"_\"} className=\"cmdp-group\">\n                {group && <div className=\"cmdp-group-head\">{group}</div>}\n                {gItems.map((it) => {\n                  flatIdx += 1;\n                  const i = flatIdx;\n                  const isActive = i === active;\n                  return (\n                    <button\n                      key={it.key}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={isActive}\n                      data-cmd-idx={i}\n                      disabled={it.disabled}\n                      className={`cmdp-item ${isActive ? \"active\" : \"\"}`}\n                      onMouseEnter={() => setActive(i)}\n                      onClick={() => pick(it)}\n                    >\n                      <span className=\"cmdp-icon\">{it.icon}</span>\n                      <span className=\"cmdp-labels\">\n                        <span className=\"cmdp-label\">{it.label}</span>\n                        {it.description && <span className=\"cmdp-desc\">{it.description}</span>}\n                      </span>\n                      {it.shortcut && <span className=\"cmdp-shortcut\">{it.shortcut}</span>}\n                    </button>\n                  );\n                })}\n              </div>\n            ))\n          )}\n        </div>\n\n        {footer === null ? null : (\n          <div className=\"cmdp-footer\">\n            {footer ?? (\n              <>\n                <span><span className=\"cmdp-kbd\">↑</span><span className=\"cmdp-kbd\">↓</span> 切换</span>\n                <span><span className=\"cmdp-kbd\">⏎</span> 执行</span>\n                <span><span className=\"cmdp-kbd\">esc</span> 关闭</span>\n              </>\n            )}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n});\nCommandPalette.displayName = \"CommandPalette\";\n"]}

package/dist/{chunk-CTYW42GG.js → chunk-5VIOJW6M.js}

@@ -1,7 +1,7 @@
-import { Pagination } from './chunk-AESLEYST.js';
-import { Checkbox } from './chunk-PKXXR76Q.js';
-import { useFloating } from './chunk-V2DIQ3RH.js';
-import { Icon } from './chunk-QOGROEVD.js';
+import { Pagination } from './chunk-DB5JMXOI.js';
+import { Checkbox } from './chunk-ZN6VS6SO.js';
+import { useFloating } from './chunk-ANAQER3T.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Table-2LPTOUIR.css';
@@ -9,7 +9,7 @@ import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-function Table({
+var TableInner = ({
   columns,
   data,
   rowKey,
@@ -28,8 +28,10 @@ function Table({
   scroll,
   onRowClick,
   empty = "\u6682\u65E0\u6570\u636E",
-  className = ""
-}) {
+  className = "",
+  style,
+  ...rest
+}, ref) => {
   const keyOf = React.useCallback(
     (row, i) => {
       if (typeof rowKey === "function") return rowKey(row);
@@ -211,137 +213,146 @@ function Table({
     wrapClass += " scroll-x";
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: `${wrapClass} ${className}`, style: wrapStyle, children: /* @__PURE__ */ jsxs(
-      "table",
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        className: `table ${v} ${hoverable ? "hoverable" : ""} ${scroll?.y != null ? "sticky-head" : ""}`,
-        style: innerTableStyle,
-        children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-            showExpandCol && /* @__PURE__ */ jsx("th", { className: "row-expand", style: { width: 40 } }),
-            showSelCol && /* @__PURE__ */ jsx("th", { className: "row-check", style: { width: 44 }, children: selectionType === "checkbox" && /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                checked: allSelectedOnPage,
-                indeterminate: someSelectedOnPage,
-                onChange: toggleAll
-              }
-            ) }),
-            columns.map((c) => {
-              const sorted = sortKey === c.key;
-              const hasFilters = !!c.filters?.length;
-              const filterActive = !!activeFilters[c.key]?.length;
-              return /* @__PURE__ */ jsxs(
-                "th",
-                {
-                  className: `${c.sortable ? "sortable" : ""} ${sorted ? "sorted" : ""} ${hasFilters ? "filterable" : ""}`,
-                  style: { width: c.width, textAlign: c.align ?? "left" },
-                  onClick: () => c.sortable && onSort?.(c.key),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: "th-label", children: c.title }),
-                    c.sortable && /* @__PURE__ */ jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
-                        size: 10
-                      }
-                    ) }),
-                    hasFilters && /* @__PURE__ */ jsx(
-                      ColumnFilterButton,
-                      {
-                        column: c,
-                        activeValues: activeFilters[c.key] ?? [],
-                        onApply: (values) => setColumnFilter(c, values),
-                        active: filterActive
-                      }
-                    )
-                  ]
-                },
-                c.key
-              );
-            })
-          ] }) }),
-          /* @__PURE__ */ jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, className: "table-empty", children: empty }) }) : rowsToRender.map((row, i) => {
-            const k = keyOf(row, i);
-            const isSel = selectedKeys.includes(k);
-            const selProps = rowSelection?.getCheckboxProps?.(row);
-            const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
-            const isExpanded = canExpand && expandedKeys.includes(k);
-            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-              /* @__PURE__ */ jsxs(
-                "tr",
-                {
-                  className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
-                  onClick: onRowClick ? () => onRowClick(row, i) : void 0,
-                  children: [
-                    showExpandCol && /* @__PURE__ */ jsx(
-                      "td",
-                      {
-                        className: "row-expand",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          if (canExpand) toggleExpand(row, k);
-                        },
-                        children: canExpand && /* @__PURE__ */ jsx(
-                          "button",
+        ref,
+        className: `${wrapClass} ${className}`,
+        style: { ...wrapStyle, ...style },
+        ...rest,
+        children: /* @__PURE__ */ jsxs(
+          "table",
+          {
+            className: `table ${v} ${hoverable ? "hoverable" : ""} ${scroll?.y != null ? "sticky-head" : ""}`,
+            style: innerTableStyle,
+            children: [
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                showExpandCol && /* @__PURE__ */ jsx("th", { className: "row-expand", style: { width: 40 } }),
+                showSelCol && /* @__PURE__ */ jsx("th", { className: "row-check", style: { width: 44 }, children: selectionType === "checkbox" && /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: allSelectedOnPage,
+                    indeterminate: someSelectedOnPage,
+                    onChange: toggleAll
+                  }
+                ) }),
+                columns.map((c) => {
+                  const sorted = sortKey === c.key;
+                  const hasFilters = !!c.filters?.length;
+                  const filterActive = !!activeFilters[c.key]?.length;
+                  return /* @__PURE__ */ jsxs(
+                    "th",
+                    {
+                      className: `${c.sortable ? "sortable" : ""} ${sorted ? "sorted" : ""} ${hasFilters ? "filterable" : ""}`,
+                      style: { width: c.width, textAlign: c.align ?? "left" },
+                      onClick: () => c.sortable && onSort?.(c.key),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "th-label", children: c.title }),
+                        c.sortable && /* @__PURE__ */ jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsx(
+                          Icon,
+                          {
+                            name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
+                            size: 10
+                          }
+                        ) }),
+                        hasFilters && /* @__PURE__ */ jsx(
+                          ColumnFilterButton,
+                          {
+                            column: c,
+                            activeValues: activeFilters[c.key] ?? [],
+                            onApply: (values) => setColumnFilter(c, values),
+                            active: filterActive
+                          }
+                        )
+                      ]
+                    },
+                    c.key
+                  );
+                })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, className: "table-empty", children: empty }) }) : rowsToRender.map((row, i) => {
+                const k = keyOf(row, i);
+                const isSel = selectedKeys.includes(k);
+                const selProps = rowSelection?.getCheckboxProps?.(row);
+                const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
+                const isExpanded = canExpand && expandedKeys.includes(k);
+                return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                  /* @__PURE__ */ jsxs(
+                    "tr",
+                    {
+                      className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
+                      onClick: onRowClick ? () => onRowClick(row, i) : void 0,
+                      children: [
+                        showExpandCol && /* @__PURE__ */ jsx(
+                          "td",
                           {
-                            type: "button",
-                            className: `expand-btn ${isExpanded ? "open" : ""}`,
-                            "aria-expanded": isExpanded,
-                            "aria-label": isExpanded ? "Collapse row" : "Expand row",
+                            className: "row-expand",
                             onClick: (e) => {
                               e.stopPropagation();
-                              toggleExpand(row, k);
+                              if (canExpand) toggleExpand(row, k);
                             },
-                            children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 })
+                            children: canExpand && /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                className: `expand-btn ${isExpanded ? "open" : ""}`,
+                                "aria-expanded": isExpanded,
+                                "aria-label": isExpanded ? "Collapse row" : "Expand row",
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  toggleExpand(row, k);
+                                },
+                                children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 })
+                              }
+                            )
                           }
-                        )
-                      }
-                    ),
-                    showSelCol && /* @__PURE__ */ jsx(
-                      "td",
-                      {
-                        className: "row-check",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          toggleRow(row, k);
-                        },
-                        children: selectionType === "radio" ? /* @__PURE__ */ jsx(
-                          "button",
+                        ),
+                        showSelCol && /* @__PURE__ */ jsx(
+                          "td",
                           {
-                            type: "button",
-                            role: "radio",
-                            "aria-checked": isSel,
-                            disabled: selProps?.disabled,
-                            className: `radio-dot ${isSel ? "checked" : ""}`,
+                            className: "row-check",
                             onClick: (e) => {
                               e.stopPropagation();
                               toggleRow(row, k);
-                            }
-                          }
-                        ) : /* @__PURE__ */ jsx(
-                          Checkbox,
-                          {
-                            checked: isSel,
-                            disabled: selProps?.disabled,
-                            onChange: () => toggleRow(row, k)
+                            },
+                            children: selectionType === "radio" ? /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                role: "radio",
+                                "aria-checked": isSel,
+                                disabled: selProps?.disabled,
+                                className: `radio-dot ${isSel ? "checked" : ""}`,
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  toggleRow(row, k);
+                                }
+                              }
+                            ) : /* @__PURE__ */ jsx(
+                              Checkbox,
+                              {
+                                checked: isSel,
+                                disabled: selProps?.disabled,
+                                onChange: () => toggleRow(row, k)
+                              }
+                            )
                           }
-                        )
-                      }
-                    ),
-                    columns.map((c) => {
-                      const val = c.dataIndex ? row[c.dataIndex] : void 0;
-                      return /* @__PURE__ */ jsx("td", { style: { textAlign: c.align ?? "left" }, children: c.render ? c.render(val, row, i) : val }, c.key);
-                    })
-                  ]
-                }
-              ),
-              isExpanded && expandable?.expandedRowRender && /* @__PURE__ */ jsx("tr", { className: "expanded-row", children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, children: /* @__PURE__ */ jsx("div", { className: "expanded-panel", children: expandable.expandedRowRender(row, i) }) }) })
-            ] }, k);
-          }) })
-        ]
+                        ),
+                        columns.map((c) => {
+                          const val = c.dataIndex ? row[c.dataIndex] : void 0;
+                          return /* @__PURE__ */ jsx("td", { style: { textAlign: c.align ?? "left" }, children: c.render ? c.render(val, row, i) : val }, c.key);
+                        })
+                      ]
+                    }
+                  ),
+                  isExpanded && expandable?.expandedRowRender && /* @__PURE__ */ jsx("tr", { className: "expanded-row", children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, children: /* @__PURE__ */ jsx("div", { className: "expanded-panel", children: expandable.expandedRowRender(row, i) }) }) })
+                ] }, k);
+              }) })
+            ]
+          }
+        )
       }
-    ) }),
+    ),
     pagEnabled && /* @__PURE__ */ jsx("div", { className: "table-pagination", children: /* @__PURE__ */ jsx(
       Pagination,
       {
@@ -352,7 +363,9 @@ function Table({
       }
     ) })
   ] });
-}
+};
+var Table = React.forwardRef(TableInner);
+Table.displayName = "Table";
 function ColumnFilterButton({
   column,
   activeValues,
@@ -472,5 +485,5 @@ function TablePro({
 }
 
 export { Table, TablePro };
-//# sourceMappingURL=chunk-CTYW42GG.js.map
-//# sourceMappingURL=chunk-CTYW42GG.js.map
+//# sourceMappingURL=chunk-5VIOJW6M.js.map
+//# sourceMappingURL=chunk-5VIOJW6M.js.map