@fangxinyan/lumina 0.6.18 → 0.8.0

package/dist/chunk-EE7IJ3MB.js

@@ -0,0 +1 @@
+

package/dist/chunk-EUTK2ZRJ.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+require('./tokens-CEJVVA3G.css');
+require('./shared-NJHRNLRH.css');
+require('./Badge-DBWJEV4C.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 BadgeBase = React__namespace.forwardRef(({
+  count,
+  max = 99,
+  dot,
+  showZero = false,
+  statusLabel,
+  tone = "danger",
+  children,
+  className = "",
+  ...rest
+}, ref) => {
+  const safeMax = Number.isFinite(max) && max >= 0 ? max : 99;
+  const show = dot || typeof count === "number" && (count > 0 || showZero && count === 0);
+  const displayCount = typeof count === "number" ? count > safeMax ? `${safeMax}+` : count : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: `badge-wrap ${className}`, ...rest, children: [
+    children,
+    show && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: `badge ${tone} ${dot ? "dot" : ""}`,
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": statusLabel ?? (dot ? "\u6709\u65B0\u901A\u77E5" : String(displayCount)),
+        children: !dot && displayCount
+      }
+    )
+  ] });
+});
+BadgeBase.displayName = "Badge";
+var Badge = chunkNRJXZPZR_cjs.withComponentTheme(BadgeBase, "Badge", "badge");
+
+exports.Badge = Badge;

package/dist/{chunk-HSAJUEO7.cjs → chunk-F7WUCOBP.cjs}

@@ -1,10 +1,13 @@
 'use strict';
 
-var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
-var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
-require('./tokens-RYJ3DFTU.css');
+var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
+var chunkT4RR6NVU_cjs = require('./chunk-T4RR6NVU.cjs');
+var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
+require('./tokens-CEJVVA3G.css');
 require('./shared-NJHRNLRH.css');
-require('./Image-NISJRUWX.css');
+require('./Image-CZJPPURT.css');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -269,7 +272,7 @@ var readPreviewThemeBridge = (source) => {
   }
   return { attrs, style };
 };
-var Image = React__namespace.forwardRef(({
+var ImageBase = React__namespace.forwardRef(({
   src,
   alt,
   width = 200,
@@ -290,6 +293,8 @@ var Image = React__namespace.forwardRef(({
   imgProps,
   className = "",
   style,
+  onClick,
+  onKeyDown,
   ...rest
 }, ref) => {
   const [loaded, setLoaded] = React__namespace.useState(false);
@@ -303,6 +308,10 @@ var Image = React__namespace.forwardRef(({
   const rootRef = React__namespace.useRef(null);
   const imageRef = React__namespace.useRef(null);
   const overlayRef = React__namespace.useRef(null);
+  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
+  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme(["Image", "ImageGrid"]);
+  const explicitPreviewZIndex = typeof previewStyle?.zIndex === "number" ? previewStyle.zIndex : void 0;
+  const previewZIndex = chunkHSDMJUB6_cjs.useOverlayZIndex(open, explicitPreviewZIndex);
   const dragRef = React__namespace.useRef(null);
   const visualFrame = frame ?? variant === "framed";
   const resolvedHeight = height ?? (variant === "icon" ? width : 140);
@@ -365,7 +374,21 @@ var Image = React__namespace.forwardRef(({
     dragRef.current = null;
     setPreviewDragging(false);
     setOpen(false);
+    window.requestAnimationFrame(() => rootRef.current?.focus());
   }, []);
+  React__namespace.useEffect(() => {
+    if (open && !canPreview) closePreview();
+  }, [canPreview, closePreview, open]);
+  chunkHSDMJUB6_cjs.useOverlayLayer({
+    open: open && portalContainer != null,
+    containerRef: overlayRef,
+    ownerRef: rootRef,
+    zIndex: previewZIndex,
+    onEscape: closePreview,
+    trapFocus: true,
+    autoFocus: true,
+    lockScroll: true
+  });
   const openPreview = React__namespace.useCallback(() => {
     setPreviewMode("fit");
     resetPreview();
@@ -442,7 +465,20 @@ var Image = React__namespace.forwardRef(({
         ref: setRootRef,
         className: `n-image ${variant} ${visualFrame ? "framed" : "unframed"} ${hover ? "hover" : ""} ${canPreview ? "clickable" : ""} ${className}`,
         style: { width, ...resolvedPadding !== void 0 ? { padding: resolvedPadding } : {}, ...style },
-        onClick: () => canPreview && openPreview(),
+        role: canPreview ? "button" : void 0,
+        tabIndex: canPreview ? 0 : void 0,
+        "aria-label": canPreview ? `\u9884\u89C8${alt ? `\uFF1A${alt}` : "\u56FE\u7247"}` : void 0,
+        onClick: (event) => {
+          onClick?.(event);
+          if (!event.defaultPrevented && canPreview) openPreview();
+        },
+        onKeyDown: (event) => {
+          onKeyDown?.(event);
+          if (!event.defaultPrevented && event.target === event.currentTarget && canPreview && (event.key === "Enter" || event.key === " ")) {
+            event.preventDefault();
+            openPreview();
+          }
+        },
         ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "n-image-frame", style: { width: "100%", height: resolvedHeight }, children: [
           !err && src && /* @__PURE__ */ jsxRuntime.jsx(
@@ -464,10 +500,10 @@ var Image = React__namespace.forwardRef(({
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "image", size: 28 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "image", size: 28 }) }),
           canPreview && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-hint", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "eye", size: 14 }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "eye", size: 14 }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u70B9\u51FB\u67E5\u770B" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "image-actions", onClick: (e) => e.stopPropagation(), children: src && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -478,7 +514,7 @@ var Image = React__namespace.forwardRef(({
                   className: "ia-btn",
                   onClick: copyImageSrc,
                   "aria-label": "\u590D\u5236\u56FE\u7247",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "copy", size: 13 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "copy", size: 13 })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -488,7 +524,7 @@ var Image = React__namespace.forwardRef(({
                   className: "ia-btn",
                   onClick: downloadImageSrc,
                   "aria-label": "\u4E0B\u8F7D",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "download", size: 13 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "download", size: 13 })
                 }
               )
             ] }) })
@@ -496,18 +532,25 @@ var Image = React__namespace.forwardRef(({
         ] })
       }
     ),
-    open && typeof document !== "undefined" && ReactDOM__default.default.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsxs(
+    open && portalContainer && ReactDOM__default.default.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(chunkHSDMJUB6_cjs.OverlayZIndexProvider, { zIndex: previewZIndex, children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           ...previewTheme.attrs,
+          ...portalTheme.dataAttributes,
           ref: overlayRef,
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "\u56FE\u7247\u9884\u89C8",
           tabIndex: -1,
           className: ["image-preview-overlay", previewClassName].filter(Boolean).join(" "),
-          style: { ...previewTheme.style, ...previewStyle },
+          style: {
+            ...previewTheme.style,
+            ...portalTheme.style,
+            ...portalTheme.styles.overlay,
+            ...previewStyle,
+            zIndex: previewStyle?.zIndex ?? previewZIndex
+          },
           onClick: closePreview,
           onWheel: handlePreviewWheel,
           onMouseMove: movePreviewDrag,
@@ -523,67 +566,69 @@ var Image = React__namespace.forwardRef(({
                 "aria-label": "\u56FE\u7247\u9884\u89C8\u5DE5\u5177\u680F",
                 onClick: (event) => event.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkSW2HMNCA_cjs.IconButton,
-                    {
-                      icon: "minus",
-                      size: "sm",
-                      variant: "ghost",
-                      tip: "\u7F29\u5C0F",
-                      disabled: previewScale <= PREVIEW_MIN_SCALE,
-                      onClick: zoomOut
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "image-preview-scale", "aria-live": "polite", children: [
-                    Math.round(previewScale * 100),
-                    "%"
+                  /* @__PURE__ */ jsxRuntime.jsxs(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: ["IconButton", "Button"], children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkT4RR6NVU_cjs.IconButton,
+                      {
+                        icon: "minus",
+                        size: "sm",
+                        variant: "ghost",
+                        tip: "\u7F29\u5C0F",
+                        disabled: previewScale <= PREVIEW_MIN_SCALE,
+                        onClick: zoomOut
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "image-preview-scale", "aria-live": "polite", children: [
+                      Math.round(previewScale * 100),
+                      "%"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkT4RR6NVU_cjs.IconButton,
+                      {
+                        icon: "plus",
+                        size: "sm",
+                        variant: "ghost",
+                        tip: "\u653E\u5927",
+                        disabled: previewScale >= PREVIEW_MAX_SCALE,
+                        onClick: zoomIn
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkT4RR6NVU_cjs.Button,
+                      {
+                        size: "sm",
+                        variant: "ghost",
+                        className: "image-preview-ratio",
+                        "aria-label": "\u9002\u914D\u7A97\u53E3",
+                        onClick: fitToWindow,
+                        children: "\u9002\u914D"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkT4RR6NVU_cjs.Button,
+                      {
+                        size: "sm",
+                        variant: "ghost",
+                        className: "image-preview-ratio",
+                        "aria-label": "1:1",
+                        onClick: actualSize,
+                        children: "1:1"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkT4RR6NVU_cjs.IconButton,
+                      {
+                        icon: "reload",
+                        size: "sm",
+                        variant: "ghost",
+                        tip: "\u91CD\u7F6E",
+                        onClick: resetPreview
+                      }
+                    )
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkSW2HMNCA_cjs.IconButton,
-                    {
-                      icon: "plus",
-                      size: "sm",
-                      variant: "ghost",
-                      tip: "\u653E\u5927",
-                      disabled: previewScale >= PREVIEW_MAX_SCALE,
-                      onClick: zoomIn
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkSW2HMNCA_cjs.Button,
-                    {
-                      size: "sm",
-                      variant: "ghost",
-                      className: "image-preview-ratio",
-                      "aria-label": "\u9002\u914D\u7A97\u53E3",
-                      onClick: fitToWindow,
-                      children: "\u9002\u914D"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkSW2HMNCA_cjs.Button,
-                    {
-                      size: "sm",
-                      variant: "ghost",
-                      className: "image-preview-ratio",
-                      "aria-label": "1:1",
-                      onClick: actualSize,
-                      children: "1:1"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkSW2HMNCA_cjs.IconButton,
-                    {
-                      icon: "reload",
-                      size: "sm",
-                      variant: "ghost",
-                      tip: "\u91CD\u7F6E",
-                      onClick: resetPreview
-                    }
-                  ),
                   renderPreviewToolbar && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "image-preview-toolbar-slot", children: renderPreviewToolbar(previewToolbarProps) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkSW2HMNCA_cjs.IconButton,
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "IconButton", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    chunkT4RR6NVU_cjs.IconButton,
                     {
                       icon: "x",
                       size: "sm",
@@ -591,7 +636,7 @@ var Image = React__namespace.forwardRef(({
                       tip: "\u5173\u95ED",
                       onClick: closePreview
                     }
-                  )
+                  ) })
                 ]
               }
             ),
@@ -614,13 +659,18 @@ var Image = React__namespace.forwardRef(({
             )
           ]
         }
-      ),
-      document.body
+      ) }),
+      portalContainer
     )
   ] });
 });
-Image.displayName = "Image";
-var ImageGrid = React__namespace.forwardRef(({
+ImageBase.displayName = "Image";
+var Image = chunkNRJXZPZR_cjs.withComponentTheme(
+  ImageBase,
+  "Image",
+  ["image", "button"]
+);
+var ImageGridBase = React__namespace.forwardRef(({
   images,
   columns,
   itemHeight = 130,
@@ -642,7 +692,7 @@ var ImageGrid = React__namespace.forwardRef(({
       ...style
     },
     ...rest,
-    children: images.map((img, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    children: images.map((img, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Image", children: /* @__PURE__ */ jsxRuntime.jsx(
       Image,
       {
         ...imageProps,
@@ -651,13 +701,17 @@ var ImageGrid = React__namespace.forwardRef(({
         alt: img.alt,
         width: img.width ?? "100%",
         height: img.height ?? itemHeight
-      },
-      i
-    ))
+      }
+    ) }, i))
   }
 ));
-ImageGrid.displayName = "ImageGrid";
-var SpriteImage = React__namespace.forwardRef(({
+ImageGridBase.displayName = "ImageGrid";
+var ImageGrid = chunkNRJXZPZR_cjs.withComponentTheme(
+  ImageGridBase,
+  "ImageGrid",
+  ["image", "button"]
+);
+var SpriteImageBase = React__namespace.forwardRef(({
   src,
   sprite,
   alt,
@@ -703,13 +757,18 @@ var SpriteImage = React__namespace.forwardRef(({
     }
   );
 });
-SpriteImage.displayName = "SpriteImage";
+SpriteImageBase.displayName = "SpriteImage";
+var SpriteImage = chunkNRJXZPZR_cjs.withComponentTheme(
+  SpriteImageBase,
+  "SpriteImage",
+  "image"
+);
 var insetStyle = (inset) => {
   if (inset == null) return { inset: 0 };
   if (typeof inset === "number" || typeof inset === "string") return { inset };
   return inset;
 };
-var LayeredImage = React__namespace.forwardRef(({
+var LayeredImageBase = React__namespace.forwardRef(({
   layers,
   width = 64,
   height = 64,
@@ -756,7 +815,12 @@ var LayeredImage = React__namespace.forwardRef(({
     }
   );
 });
-LayeredImage.displayName = "LayeredImage";
+LayeredImageBase.displayName = "LayeredImage";
+var LayeredImage = chunkNRJXZPZR_cjs.withComponentTheme(
+  LayeredImageBase,
+  "LayeredImage",
+  "image"
+);
 
 exports.Image = Image;
 exports.ImageGrid = ImageGrid;

package/dist/{chunk-YB3IWIOJ.cjs → chunk-FJB3243S.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
 var React = require('react');
 
 function _interopNamespace(e) {
@@ -22,7 +23,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/utils/useFloating.ts
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
 function useFloating(opts) {
   const triggerRef = React__namespace.useRef(null);
   const floatingRef = React__namespace.useRef(null);
@@ -35,8 +36,9 @@ function useFloating(opts) {
   const matchW = !!opts.matchTriggerWidth;
   const align = opts.alignCross ?? "start";
   const open = opts.open;
+  const zIndex = chunkHSDMJUB6_cjs.useOverlayZIndex(open);
   const [state, setState] = React__namespace.useState({ top: 0, left: 0, placement: preferred });
-  React__namespace.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!open) return;
     const update = () => {
       const el = triggerRef.current;
@@ -86,18 +88,16 @@ function useFloating(opts) {
           coords = altCoords;
         }
       }
-      if (align !== "start") {
-        if (resolved === "top" || resolved === "bottom") {
-          coords.left = align === "center" ? rect.left + rect.width / 2 : rect.right;
-        } else {
-          coords.top = align === "center" ? rect.top + rect.height / 2 : rect.bottom;
-        }
-      } else if (doShift) {
-        if (resolved === "bottom" || resolved === "top") {
-          coords.left = Math.max(MARGIN, Math.min(coords.left, vw - w - MARGIN));
-        } else {
-          coords.top = Math.max(MARGIN, Math.min(coords.top, vh - h - MARGIN));
-        }
+      if (resolved === "top" || resolved === "bottom") {
+        if (align === "center") coords.left = rect.left + (rect.width - w) / 2;
+        if (align === "end") coords.left = rect.right - w;
+      } else {
+        if (align === "center") coords.top = rect.top + (rect.height - h) / 2;
+        if (align === "end") coords.top = rect.bottom - h;
+      }
+      if (doShift) {
+        coords.left = Math.max(MARGIN, Math.min(coords.left, Math.max(MARGIN, vw - w - MARGIN)));
+        coords.top = Math.max(MARGIN, Math.min(coords.top, Math.max(MARGIN, vh - h - MARGIN)));
       }
       setState({
         top: coords.top,
@@ -120,24 +120,19 @@ function useFloating(opts) {
       ro?.disconnect();
     };
   }, [open, preferred, gap, panelW, panelH, doShift, doFlip, matchW, align]);
-  let transform;
-  if (align !== "start") {
-    const cross = state.placement === "top" || state.placement === "bottom" ? "X" : "Y";
-    const percent = align === "center" ? "-50%" : "-100%";
-    transform = `translate${cross}(${percent})`;
-  }
   const floatingStyle = {
     position: "fixed",
     top: state.top,
     left: state.left,
-    ...state.width != null ? { width: state.width } : {},
-    ...transform ? { transform } : {}
+    zIndex,
+    ...state.width != null ? { width: state.width } : {}
   };
   return {
     triggerRef,
     floatingRef,
     floatingStyle,
-    placement: state.placement
+    placement: state.placement,
+    zIndex
   };
 }