@fangxinyan/lumina 0.6.13 → 0.6.15

package/dist/chunk-N7CHFKRS.js

@@ -0,0 +1,393 @@
+import { useFloating } from './chunk-DUFRASGO.js';
+import { Input } from './chunk-IOAOG5L7.js';
+import { Button } from './chunk-IPSNC5VZ.js';
+import './tokens-RYJ3DFTU.css';
+import './shared-NJHRNLRH.css';
+import './TimePicker-6URACYEH.css';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var clampStep = (value) => {
+  if (!Number.isFinite(value) || !value || value < 1) return 1;
+  return Math.floor(value);
+};
+var pad = (value) => String(value).padStart(2, "0");
+var parseTime = (value) => {
+  if (!value) return null;
+  const match = value.trim().match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/);
+  if (!match) return null;
+  const hour = Number(match[1]);
+  const minute = Number(match[2]);
+  const second = match[3] == null ? 0 : Number(match[3]);
+  if (hour < 0 || hour > 23 || minute < 0 || minute > 59 || second < 0 || second > 59) {
+    return null;
+  }
+  return { hour, minute, second };
+};
+var formatTime = (time, includeSecond) => {
+  const base = `${pad(time.hour)}:${pad(time.minute)}`;
+  return includeSecond ? `${base}:${pad(time.second)}` : base;
+};
+var normalizeTime = (value, includeSecond) => {
+  const parsed = parseTime(value);
+  return parsed ? formatTime(parsed, includeSecond) : null;
+};
+var toSeconds = (time) => time.hour * 3600 + time.minute * 60 + time.second;
+var getNow = () => {
+  const now = /* @__PURE__ */ new Date();
+  return {
+    hour: now.getHours(),
+    minute: now.getMinutes(),
+    second: now.getSeconds()
+  };
+};
+var buildOptions = (max, step, selected) => {
+  const safeStep = clampStep(step);
+  const values = [];
+  for (let value = 0; value <= max; value += safeStep) {
+    values.push(value);
+  }
+  if (selected != null && !values.includes(selected)) {
+    values.push(selected);
+    values.sort((a, b) => a - b);
+  }
+  return values;
+};
+var compose = (base, key, value) => ({
+  hour: key === "hour" ? value : base.hour,
+  minute: key === "minute" ? value : base.minute,
+  second: key === "second" ? value : base.second
+});
+var byDistanceFrom = (preferred) => (a, b) => Math.abs(a - preferred) - Math.abs(b - preferred) || a - b;
+var TimePicker = React.forwardRef(
+  ({
+    value,
+    defaultValue = null,
+    onChange,
+    format = "HH:mm",
+    showSecond,
+    placeholder = "\u8BF7\u9009\u62E9\u65F6\u95F4",
+    disabled,
+    readOnly,
+    invalid,
+    size = "md",
+    allowClear,
+    hourStep = 1,
+    minuteStep = 1,
+    secondStep = 1,
+    min,
+    max,
+    disabledTime,
+    placement = "bottom",
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    popupClassName = "",
+    dropdownClassName = "",
+    className = "",
+    onKeyDown,
+    ...rest
+  }, ref) => {
+    const includeSecond = showSecond ?? format === "HH:mm:ss";
+    const controlled = value !== void 0;
+    const initial = normalizeTime(defaultValue, includeSecond);
+    const [inner, setInner] = React.useState(initial);
+    const current = controlled ? normalizeTime(value, includeSecond) : inner;
+    const scrollSignature = current ?? "";
+    const currentParts = parseTime(current);
+    const [draft, setDraft] = React.useState(current ?? "");
+    React.useEffect(() => {
+      setDraft(current ?? "");
+    }, [current]);
+    const openControlled = openProp !== void 0;
+    const [innerOpen, setInnerOpen] = React.useState(defaultOpen);
+    const open = openControlled ? !!openProp : innerOpen;
+    const wasOpenRef = React.useRef(false);
+    const scrollSignatureRef = React.useRef(null);
+    const scrollFramesRef = React.useRef(/* @__PURE__ */ new Map());
+    const setOpen = React.useCallback(
+      (next) => {
+        if (disabled || readOnly) return;
+        if (!openControlled) setInnerOpen(next);
+        onOpenChange?.(next);
+      },
+      [disabled, onOpenChange, openControlled, readOnly]
+    );
+    const rootRef = React.useRef(null);
+    const panelRef = React.useRef(null);
+    const { triggerRef, floatingStyle } = useFloating({
+      open,
+      placement,
+      panelWidth: includeSecond ? 312 : 236,
+      panelHeight: 330
+    });
+    const setRootRef = React.useCallback(
+      (node) => {
+        rootRef.current = node;
+        triggerRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref, triggerRef]
+    );
+    const minParts = React.useMemo(() => parseTime(min), [min]);
+    const maxParts = React.useMemo(() => parseTime(max), [max]);
+    const minSeconds = minParts ? toSeconds(minParts) : null;
+    const maxSeconds = maxParts ? toSeconds(maxParts) : null;
+    const isDisabledTime = React.useCallback(
+      (time) => {
+        const seconds = toSeconds(time);
+        if (minSeconds != null && seconds < minSeconds) return true;
+        if (maxSeconds != null && seconds > maxSeconds) return true;
+        return disabledTime?.(time) ?? false;
+      },
+      [disabledTime, maxSeconds, minSeconds]
+    );
+    const commit = React.useCallback(
+      (next) => {
+        if (!next) {
+          if (!controlled) setInner(null);
+          setDraft("");
+          onChange?.(null, null);
+          return;
+        }
+        if (isDisabledTime(next)) return;
+        const nextValue = formatTime(next, includeSecond);
+        if (!controlled) setInner(nextValue);
+        setDraft(nextValue);
+        onChange?.(nextValue, next);
+      },
+      [controlled, includeSecond, isDisabledTime, onChange]
+    );
+    React.useEffect(() => {
+      if (!open) return;
+      const onDown = (event) => {
+        const target = event.target;
+        if (rootRef.current?.contains(target)) return;
+        if (panelRef.current?.contains(target)) return;
+        setOpen(false);
+      };
+      const onDocKey = (event) => {
+        if (event.key === "Escape") setOpen(false);
+      };
+      document.addEventListener("mousedown", onDown);
+      document.addEventListener("keydown", onDocKey);
+      return () => {
+        document.removeEventListener("mousedown", onDown);
+        document.removeEventListener("keydown", onDocKey);
+      };
+    }, [open, setOpen]);
+    const scrollListTo = React.useCallback(
+      (list, top, animate) => {
+        const frame = scrollFramesRef.current.get(list);
+        if (frame != null) cancelAnimationFrame(frame);
+        if (!animate) {
+          list.scrollTop = top;
+          return;
+        }
+        const start = list.scrollTop;
+        const distance = top - start;
+        if (Math.abs(distance) < 1) {
+          list.scrollTop = top;
+          return;
+        }
+        const startedAt = performance.now();
+        const duration = 180;
+        const tick = (now2) => {
+          const progress = Math.min((now2 - startedAt) / duration, 1);
+          const eased = 1 - Math.pow(1 - progress, 3);
+          list.scrollTop = start + distance * eased;
+          if (progress < 1) {
+            scrollFramesRef.current.set(list, requestAnimationFrame(tick));
+            return;
+          }
+          scrollFramesRef.current.delete(list);
+          list.scrollTop = top;
+        };
+        scrollFramesRef.current.set(list, requestAnimationFrame(tick));
+      },
+      []
+    );
+    React.useEffect(() => {
+      if (!open) return;
+      const shouldAnimate = wasOpenRef.current && scrollSignatureRef.current != null && scrollSignatureRef.current !== scrollSignature;
+      requestAnimationFrame(() => {
+        panelRef.current?.querySelectorAll(".time-picker-list").forEach((list) => {
+          const selected = list.querySelector(".time-picker-option.selected");
+          if (!selected) return;
+          const top = selected.offsetTop - list.offsetTop - list.clientHeight / 2 + selected.offsetHeight / 2;
+          scrollListTo(list, top, shouldAnimate);
+        });
+      });
+      wasOpenRef.current = open;
+      scrollSignatureRef.current = scrollSignature;
+    }, [open, scrollListTo, scrollSignature]);
+    React.useEffect(() => {
+      if (open) return;
+      wasOpenRef.current = false;
+      scrollSignatureRef.current = null;
+    }, [open]);
+    React.useEffect(
+      () => () => {
+        scrollFramesRef.current.forEach((frame) => cancelAnimationFrame(frame));
+        scrollFramesRef.current.clear();
+      },
+      []
+    );
+    const panelBase = currentParts ?? getNow();
+    const hourOptions = buildOptions(23, hourStep, currentParts?.hour);
+    const minuteOptions = buildOptions(59, minuteStep, currentParts?.minute);
+    const secondOptions = buildOptions(59, secondStep, currentParts?.second);
+    const findAvailableTime = (key, value2) => {
+      const preferred = compose(panelBase, key, value2);
+      if (!isDisabledTime(preferred)) return preferred;
+      const hours = key === "hour" ? [value2] : [...hourOptions].sort(byDistanceFrom(panelBase.hour));
+      const minutes = key === "minute" ? [value2] : [...minuteOptions].sort(byDistanceFrom(panelBase.minute));
+      const seconds = key === "second" ? [value2] : includeSecond ? [...secondOptions].sort(byDistanceFrom(panelBase.second)) : [0];
+      for (const hour of hours) {
+        for (const minute of minutes) {
+          for (const second of seconds) {
+            const candidate = { hour, minute, second };
+            if (!isDisabledTime(candidate)) return candidate;
+          }
+        }
+      }
+      return null;
+    };
+    const pick = (key, nextValue) => {
+      const next = findAvailableTime(key, nextValue);
+      if (next) commit(next);
+    };
+    const handleInputChange = (next) => {
+      setDraft(next);
+      if (next.trim() === "") commit(null);
+    };
+    const handleInputBlur = () => {
+      if (!draft.trim()) {
+        setDraft(current ?? "");
+        return;
+      }
+      const parsed = parseTime(draft);
+      if (!parsed || isDisabledTime(parsed)) {
+        setDraft(current ?? "");
+        return;
+      }
+      commit(parsed);
+    };
+    const handleRootKeyDown = (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented) return;
+      if ((event.key === "ArrowDown" || event.key === "Enter") && !open) {
+        event.preventDefault();
+        setOpen(true);
+      }
+      if (event.key === "Escape" && open) {
+        event.preventDefault();
+        setOpen(false);
+      }
+    };
+    const renderColumn = (label, key, options) => /* @__PURE__ */ jsxs("div", { className: "time-picker-column", children: [
+      /* @__PURE__ */ jsx("div", { className: "time-picker-column-label", children: label }),
+      /* @__PURE__ */ jsx("div", { className: "time-picker-list", role: "listbox", "aria-label": label, children: options.map((option) => {
+        const selected = currentParts?.[key] === option;
+        const optionDisabled = findAvailableTime(key, option) == null;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": selected,
+            disabled: optionDisabled,
+            className: `time-picker-option ${selected ? "selected" : ""}`,
+            onClick: () => pick(key, option),
+            children: pad(option)
+          },
+          option
+        );
+      }) })
+    ] });
+    const mergedPanelClassName = [popupClassName, dropdownClassName].filter(Boolean).join(" ");
+    const now = getNow();
+    const nowDisabled = isDisabledTime(now);
+    const rootClassName = [
+      "time-picker",
+      size,
+      open && "open",
+      disabled && "disabled",
+      readOnly && "readonly",
+      invalid && "invalid",
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxs("div", { ref: setRootRef, className: rootClassName, onKeyDown: handleRootKeyDown, ...rest, children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: draft,
+          size,
+          placeholder,
+          disabled,
+          readOnly,
+          invalid,
+          allowClear,
+          leadingIcon: "clock",
+          onFocus: () => setOpen(true),
+          onClick: () => setOpen(true),
+          onValueChange: handleInputChange,
+          onBlur: handleInputBlur,
+          inputMode: "numeric",
+          "aria-expanded": open,
+          "aria-haspopup": "dialog"
+        }
+      ),
+      open && !disabled && !readOnly && typeof document !== "undefined" && createPortal(
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: panelRef,
+            className: `time-picker-panel ${includeSecond ? "with-second" : "without-second"} ${mergedPanelClassName}`,
+            role: "dialog",
+            style: floatingStyle,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "time-picker-columns", children: [
+                renderColumn("\u65F6", "hour", hourOptions),
+                renderColumn("\u5206", "minute", minuteOptions),
+                includeSecond && renderColumn("\u79D2", "second", secondOptions)
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "time-picker-footer", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    disabled: nowDisabled,
+                    onClick: () => commit(now),
+                    children: "\u73B0\u5728"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "time-picker-footer-spacer" }),
+                allowClear && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: () => {
+                      commit(null);
+                      setOpen(false);
+                    },
+                    children: "\u6E05\u7A7A"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", onClick: () => setOpen(false), children: "\u786E\u5B9A" })
+              ] })
+            ]
+          }
+        ),
+        document.body
+      )
+    ] });
+  }
+);
+TimePicker.displayName = "TimePicker";
+
+export { TimePicker };

package/dist/{chunk-VBTASJ3Y.cjs → chunk-N7OQNSII.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Splitter-DHNOY4NC.css');
 var React = require('react');

package/dist/{chunk-VGERRI4S.js → chunk-OTSDPQPV.js}

@@ -1,5 +1,5 @@
-import { Spin } from './chunk-LA62SD2F.js';
-import './tokens-OJLK3XMZ.css';
+import { Spin } from './chunk-FYSXJXNW.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Timeline-CRFZ3I2W.css';
 import * as React from 'react';

package/dist/{chunk-7NAN7OVX.cjs → chunk-P2OQTJZP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Divider-RPQCVH3J.css');
 var React = require('react');

package/dist/{chunk-HAA5C5YW.js → chunk-P64NPZBG.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-HHBXCBZP.js';
-import './tokens-OJLK3XMZ.css';
+import { Icon } from './chunk-FDZG27IG.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Message-H222YGR6.css';
 import * as React from 'react';

package/dist/{chunk-QP6RNHGR.cjs → chunk-PBT4UKPL.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk56GNNOOT_cjs = require('./chunk-56GNNOOT.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunk7YJV45U6_cjs = require('./chunk-7YJV45U6.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./TablePro-3NGWERWT.css');
 var React = require('react');
@@ -71,7 +71,7 @@ var TableProInner = ({
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk56GNNOOT_cjs.Table,
+          chunk7YJV45U6_cjs.Table,
           {
             columns,
             data,

package/dist/{chunk-FUR5SDP7.cjs → chunk-PKNRTFNE.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/dist/{chunk-FPXBY2MY.cjs → chunk-POU3W5J3.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./StatusBar-FJKEEPXU.css');
 var React = require('react');

package/dist/{chunk-SOY3LB7W.cjs → chunk-PSQ3HNZP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Radio-IQKASYDF.css');
 var React = require('react');

package/dist/{chunk-BK4XKZUO.js → chunk-PU7VXDAS.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Switch-COAQIOMH.css';
 import * as React from 'react';

package/dist/{chunk-OCQC2ZSV.cjs → chunk-QMX67CVT.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-OJLK3XMZ.css');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');

package/dist/{chunk-R3JCW3ES.js → chunk-QNN3YV2P.js}

@@ -1,5 +1,5 @@
-import { Table } from './chunk-GVULVTWO.js';
-import './tokens-OJLK3XMZ.css';
+import { Table } from './chunk-4YSGGZDB.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './TablePro-3NGWERWT.css';
 import * as React from 'react';

package/dist/{chunk-V5HMQGFD.js → chunk-R3DTXVP2.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Skeleton-CVWH2VWN.css';
 import * as React from 'react';

package/dist/{chunk-EQGNKCBY.cjs → chunk-RFI5R42I.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Message-H222YGR6.css');
 var React = require('react');
@@ -117,12 +117,12 @@ var MessageContainer = React__namespace.forwardRef(({ placement = "top-right", c
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `message-container ${placement} ${className}`, ...rest, children: list.map((t) => {
       const iconName = t.type === "success" ? "check2" : t.type === "warning" || t.type === "error" ? "alert" : "info";
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `message ${t.type}`, role: "status", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message-body", children: [
           t.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-title", children: t.title }),
           t.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: t.content })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "x", size: 14 }) })
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 14 }) })
       ] }, t.id);
     }) }),
     document.body

package/dist/{chunk-FROWMHDP.cjs → chunk-RMFSX7DO.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
-require('./Image-SGSRTHQX.css');
+require('./Image-TDCXJISG.css');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -42,6 +42,8 @@ var Image = React__namespace.forwardRef(({
   objectFit,
   objectPosition,
   preview,
+  previewClassName = "",
+  previewStyle,
   hover = true,
   placeholder,
   imgProps,
@@ -97,10 +99,10 @@ var Image = React__namespace.forwardRef(({
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "image", size: 28 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "image", size: 28 }) }),
           canPreview && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-hint", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "eye", size: 14 }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "eye", size: 14 }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u70B9\u51FB\u67E5\u770B" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-actions", onClick: (e) => e.stopPropagation(), children: [
@@ -111,17 +113,25 @@ var Image = React__namespace.forwardRef(({
                   className: "ia-btn",
                   onClick: () => setOpen(true),
                   "aria-label": "\u9884\u89C8",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "eye", size: 13 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "eye", size: 13 })
                 }
               ),
-              src && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "download", size: 13 }) })
+              src && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "download", size: 13 }) })
             ] })
           ] })
         ] })
       }
     ),
     open && typeof document !== "undefined" && ReactDOM__default.default.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "image-preview-overlay", onClick: () => setOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, onClick: (e) => e.stopPropagation() }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: ["image-preview-overlay", previewClassName].filter(Boolean).join(" "),
+          style: previewStyle,
+          onClick: () => setOpen(false),
+          children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, onClick: (e) => e.stopPropagation() })
+        }
+      ),
       document.body
     )
   ] });

package/dist/{chunk-TCWGIRAW.js → chunk-RR2BKV65.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Avatar-TNPOHVY5.css';
 import * as React from 'react';

package/dist/{chunk-YHFGMI7T.cjs → chunk-RSSOX4RQ.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunk7TWL3SJ5_cjs = require('./chunk-7TWL3SJ5.cjs');
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Cascader-ANEQUPMI.css');
 var React = require('react');
@@ -179,17 +179,17 @@ var Cascader = React__namespace.forwardRef(({
               role: "button",
               "aria-label": "Clear",
               onClick: clear,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "x", size: 12 })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 12 })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "chevDown", size: 14 }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_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(
-          chunk7TWL3SJ5_cjs.Input,
+          chunkVS3I5OKA_cjs.Input,
           {
             ref: searchRef,
             size: "sm",
@@ -222,9 +222,9 @@ var Cascader = React__namespace.forwardRef(({
               disabled: o.disabled,
               onClick: () => pick(depth, o.value, hasChildren),
               children: [
-                chunkOCQC2ZSV_cjs.renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
+                chunkQMX67CVT_cjs.renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: o.label }),
-                hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "chevRight", size: 12 }) })
+                hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chev", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "chevRight", size: 12 }) })
               ]
             },
             o.value