@fangxinyan/lumina 0.6.16 → 0.6.18

package/dist/{chunk-ZBWUIR2J.cjs → chunk-L6GIV5DQ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkIVFVLRWJ_cjs = require('./chunk-IVFVLRWJ.cjs');
+var chunkUW57F3UO_cjs = require('./chunk-UW57F3UO.cjs');
 var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
 require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
@@ -124,7 +124,7 @@ var Pagination = React__namespace.forwardRef(({
         }
       ),
       showSizeChanger && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pg-size-changer", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkIVFVLRWJ_cjs.Select,
+        chunkUW57F3UO_cjs.Select,
         {
           value: pageSize,
           size: "sm",

package/dist/{chunk-32FWB5NO.cjs → chunk-MWEHU7YO.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunk35RCCUGO_cjs = require('./chunk-35RCCUGO.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
 var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
@@ -166,6 +167,12 @@ var DateTimePicker = React__namespace.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = chunk35RCCUGO_cjs.useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React__namespace.useRef(null);
     const panelRef = React__namespace.useRef(null);
     const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
@@ -430,8 +437,7 @@ var DateTimePicker = React__namespace.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "calendar",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-7YJV45U6.cjs → chunk-NXBFEIUX.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZBWUIR2J_cjs = require('./chunk-ZBWUIR2J.cjs');
+var chunkL6GIV5DQ_cjs = require('./chunk-L6GIV5DQ.cjs');
 var chunkATUPFAPZ_cjs = require('./chunk-ATUPFAPZ.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
@@ -398,7 +398,7 @@ var TableInner = ({
       }
     ),
     pagEnabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-pagination", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZBWUIR2J_cjs.Pagination,
+      chunkL6GIV5DQ_cjs.Pagination,
       {
         total: totalCount,
         pageSize: curPageSize,

package/dist/chunk-RC6ULCQP.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+// src/utils/useInputTriggerToggle.ts
+function useInputTriggerToggle({
+  open,
+  disabled,
+  readOnly,
+  setOpen
+}) {
+  const pointerDownOpenRef = React.useRef(false);
+  const focusOpenedRef = React.useRef(false);
+  const handlePointerDown = React.useCallback(() => {
+    pointerDownOpenRef.current = open;
+    focusOpenedRef.current = false;
+  }, [open]);
+  const handleFocus = React.useCallback(() => {
+    if (disabled || readOnly || open) return;
+    focusOpenedRef.current = true;
+    setOpen(true);
+  }, [disabled, open, readOnly, setOpen]);
+  const handleClick = React.useCallback(() => {
+    if (disabled || readOnly) return;
+    if (focusOpenedRef.current) {
+      focusOpenedRef.current = false;
+      pointerDownOpenRef.current = false;
+      return;
+    }
+    const nextOpen = !(pointerDownOpenRef.current || open);
+    pointerDownOpenRef.current = false;
+    setOpen(nextOpen);
+  }, [disabled, open, readOnly, setOpen]);
+  return {
+    onPointerDown: handlePointerDown,
+    onMouseDown: handlePointerDown,
+    onFocus: handleFocus,
+    onClick: handleClick
+  };
+}
+
+export { useInputTriggerToggle };

package/dist/{chunk-YPE6CDXQ.js → chunk-SOCYOUGM.js}

@@ -1,3 +1,4 @@
+import { useInputTriggerToggle } from './chunk-RC6ULCQP.js';
 import { useFloating } from './chunk-DUFRASGO.js';
 import { Input } from './chunk-IOAOG5L7.js';
 import { Button } from './chunk-IPSNC5VZ.js';
@@ -144,6 +145,12 @@ var DateTimePicker = React.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React.useRef(null);
     const panelRef = React.useRef(null);
     const { triggerRef, floatingStyle } = useFloating({
@@ -408,8 +415,7 @@ var DateTimePicker = React.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "calendar",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-KHRYPNUV.cjs → chunk-T2O4DTDE.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunk35RCCUGO_cjs = require('./chunk-35RCCUGO.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
 var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
@@ -108,6 +109,12 @@ var DatePicker = React__namespace.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = chunk35RCCUGO_cjs.useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React__namespace.useRef(null);
     const panelRef = React__namespace.useRef(null);
     const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
@@ -229,8 +236,7 @@ var DatePicker = React__namespace.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "calendar",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-4YSGGZDB.js → chunk-UGAN4BBW.js}

@@ -1,4 +1,4 @@
-import { Pagination } from './chunk-6LC4QROE.js';
+import { Pagination } from './chunk-V5SQOZPF.js';
 import { Checkbox } from './chunk-ZD3L4V3H.js';
 import { useFloating } from './chunk-DUFRASGO.js';
 import { Icon } from './chunk-FDZG27IG.js';

package/dist/{chunk-IVFVLRWJ.cjs → chunk-UW57F3UO.cjs}

@@ -159,7 +159,12 @@ var SelectInner = (props, forwardedRef) => {
     if (!multiControlled) setInnerMulti(next);
     props.onChange?.(next);
   };
+  const stopClearActivation = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
   const clearAll = (e) => {
+    e.preventDefault();
     e.stopPropagation();
     if (isMulti) {
       if (!multiControlled) setInnerMulti([]);
@@ -296,7 +301,18 @@ var SelectInner = (props, forwardedRef) => {
             onClick: () => !disabled && setOpen(!open),
             children: [
               renderTrigger(),
-              showClear && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 12 }) }),
+              showClear && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: "select-clear",
+                  role: "button",
+                  "aria-label": "Clear",
+                  onPointerDown: stopClearActivation,
+                  onMouseDown: stopClearActivation,
+                  onClick: clearAll,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 12 })
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
             ]
           }

package/dist/{chunk-SFEWMO45.cjs → chunk-UWL6DRZW.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunk35RCCUGO_cjs = require('./chunk-35RCCUGO.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
 var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
 var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
@@ -136,6 +137,12 @@ var TimePicker = React__namespace.forwardRef(
       },
       [disabled, onOpenChange, openControlled, readOnly]
     );
+    const inputTriggerHandlers = chunk35RCCUGO_cjs.useInputTriggerToggle({
+      open,
+      disabled,
+      readOnly,
+      setOpen
+    });
     const rootRef = React__namespace.useRef(null);
     const panelRef = React__namespace.useRef(null);
     const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
@@ -353,8 +360,7 @@ var TimePicker = React__namespace.forwardRef(
           invalid,
           allowClear,
           leadingIcon: "clock",
-          onFocus: () => setOpen(true),
-          onClick: () => setOpen(true),
+          ...inputTriggerHandlers,
           onValueChange: handleInputChange,
           onBlur: handleInputBlur,
           inputMode: "numeric",

package/dist/{chunk-6LC4QROE.js → chunk-V5SQOZPF.js}

@@ -1,4 +1,4 @@
-import { Select } from './chunk-6PHPRZTT.js';
+import { Select } from './chunk-E22OIVYP.js';
 import { Icon } from './chunk-FDZG27IG.js';
 import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';

package/dist/index.cjs

@@ -3,11 +3,11 @@
 var chunk6Q76VLCE_cjs = require('./chunk-6Q76VLCE.cjs');
 var chunkV5KUC5VH_cjs = require('./chunk-V5KUC5VH.cjs');
 var chunkX5MYHDEQ_cjs = require('./chunk-X5MYHDEQ.cjs');
-var chunkPBT4UKPL_cjs = require('./chunk-PBT4UKPL.cjs');
-var chunk7YJV45U6_cjs = require('./chunk-7YJV45U6.cjs');
+var chunk4ACCOYBY_cjs = require('./chunk-4ACCOYBY.cjs');
+var chunkNXBFEIUX_cjs = require('./chunk-NXBFEIUX.cjs');
 var chunk5A6KSYWA_cjs = require('./chunk-5A6KSYWA.cjs');
 var chunkA4Z7PLHV_cjs = require('./chunk-A4Z7PLHV.cjs');
-var chunkSFEWMO45_cjs = require('./chunk-SFEWMO45.cjs');
+var chunkUWL6DRZW_cjs = require('./chunk-UWL6DRZW.cjs');
 var chunkM4NJTJKV_cjs = require('./chunk-M4NJTJKV.cjs');
 var chunkMPOO5VPW_cjs = require('./chunk-MPOO5VPW.cjs');
 var chunkN7OQNSII_cjs = require('./chunk-N7OQNSII.cjs');
@@ -20,18 +20,18 @@ var chunk5QEI7GGA_cjs = require('./chunk-5QEI7GGA.cjs');
 var chunkSOQ56ZI2_cjs = require('./chunk-SOQ56ZI2.cjs');
 var chunkRFI5R42I_cjs = require('./chunk-RFI5R42I.cjs');
 var chunkBT2RXFT4_cjs = require('./chunk-BT2RXFT4.cjs');
-var chunkZBWUIR2J_cjs = require('./chunk-ZBWUIR2J.cjs');
-var chunkIVFVLRWJ_cjs = require('./chunk-IVFVLRWJ.cjs');
+var chunkL6GIV5DQ_cjs = require('./chunk-L6GIV5DQ.cjs');
+var chunkUW57F3UO_cjs = require('./chunk-UW57F3UO.cjs');
 var chunk5ERD3W24_cjs = require('./chunk-5ERD3W24.cjs');
 var chunkJMFHL7GN_cjs = require('./chunk-JMFHL7GN.cjs');
 var chunkX7XP6GEI_cjs = require('./chunk-X7XP6GEI.cjs');
 var chunkPSQ3HNZP_cjs = require('./chunk-PSQ3HNZP.cjs');
-var chunk32FWB5NO_cjs = require('./chunk-32FWB5NO.cjs');
+var chunkMWEHU7YO_cjs = require('./chunk-MWEHU7YO.cjs');
 var chunkP2OQTJZP_cjs = require('./chunk-P2OQTJZP.cjs');
 var chunkULUD3FED_cjs = require('./chunk-ULUD3FED.cjs');
 var chunkES7AWMNH_cjs = require('./chunk-ES7AWMNH.cjs');
 var chunkFDUQPAQE_cjs = require('./chunk-FDUQPAQE.cjs');
-var chunkRMFSX7DO_cjs = require('./chunk-RMFSX7DO.cjs');
+var chunkHSAJUEO7_cjs = require('./chunk-HSAJUEO7.cjs');
 var chunk262ED6WQ_cjs = require('./chunk-262ED6WQ.cjs');
 var chunkBW76ENTW_cjs = require('./chunk-BW76ENTW.cjs');
 var chunkRSSOX4RQ_cjs = require('./chunk-RSSOX4RQ.cjs');
@@ -40,7 +40,8 @@ var chunkBNY2NVTL_cjs = require('./chunk-BNY2NVTL.cjs');
 var chunkS2ZGXBUH_cjs = require('./chunk-S2ZGXBUH.cjs');
 var chunk4TTRHEGM_cjs = require('./chunk-4TTRHEGM.cjs');
 var chunkVA2I7ZAL_cjs = require('./chunk-VA2I7ZAL.cjs');
-var chunkKHRYPNUV_cjs = require('./chunk-KHRYPNUV.cjs');
+var chunkT2O4DTDE_cjs = require('./chunk-T2O4DTDE.cjs');
+require('./chunk-35RCCUGO.cjs');
 var chunkLEMMFFEY_cjs = require('./chunk-LEMMFFEY.cjs');
 var chunkIOUAZYK2_cjs = require('./chunk-IOUAZYK2.cjs');
 var chunk7IO3EOHN_cjs = require('./chunk-7IO3EOHN.cjs');
@@ -54,7 +55,7 @@ var chunk4KDABJSY_cjs = require('./chunk-4KDABJSY.cjs');
 var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
 
 // src/index.ts
-var VERSION = "0.6.16";
+var VERSION = "0.6.18";
 
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
@@ -86,11 +87,11 @@ Object.defineProperty(exports, "Typography", {
 });
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunkPBT4UKPL_cjs.TablePro; }
+  get: function () { return chunk4ACCOYBY_cjs.TablePro; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunk7YJV45U6_cjs.Table; }
+  get: function () { return chunkNXBFEIUX_cjs.Table; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
@@ -110,7 +111,7 @@ Object.defineProperty(exports, "ThemePanel", {
 });
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkSFEWMO45_cjs.TimePicker; }
+  get: function () { return chunkUWL6DRZW_cjs.TimePicker; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
@@ -214,11 +215,11 @@ Object.defineProperty(exports, "Modal", {
 });
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkZBWUIR2J_cjs.Pagination; }
+  get: function () { return chunkL6GIV5DQ_cjs.Pagination; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkIVFVLRWJ_cjs.Select; }
+  get: function () { return chunkUW57F3UO_cjs.Select; }
 });
 Object.defineProperty(exports, "Tag", {
   enumerable: true,
@@ -242,7 +243,7 @@ Object.defineProperty(exports, "RadioGroup", {
 });
 Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
-  get: function () { return chunk32FWB5NO_cjs.DateTimePicker; }
+  get: function () { return chunkMWEHU7YO_cjs.DateTimePicker; }
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
@@ -270,19 +271,19 @@ Object.defineProperty(exports, "useForm", {
 });
 Object.defineProperty(exports, "Image", {
   enumerable: true,
-  get: function () { return chunkRMFSX7DO_cjs.Image; }
+  get: function () { return chunkHSAJUEO7_cjs.Image; }
 });
 Object.defineProperty(exports, "ImageGrid", {
   enumerable: true,
-  get: function () { return chunkRMFSX7DO_cjs.ImageGrid; }
+  get: function () { return chunkHSAJUEO7_cjs.ImageGrid; }
 });
 Object.defineProperty(exports, "LayeredImage", {
   enumerable: true,
-  get: function () { return chunkRMFSX7DO_cjs.LayeredImage; }
+  get: function () { return chunkHSAJUEO7_cjs.LayeredImage; }
 });
 Object.defineProperty(exports, "SpriteImage", {
   enumerable: true,
-  get: function () { return chunkRMFSX7DO_cjs.SpriteImage; }
+  get: function () { return chunkHSAJUEO7_cjs.SpriteImage; }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
@@ -318,7 +319,7 @@ Object.defineProperty(exports, "ContextMenu", {
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkKHRYPNUV_cjs.DatePicker; }
+  get: function () { return chunkT2O4DTDE_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "Alert", {
   enumerable: true,

package/dist/index.d.cts

@@ -40,7 +40,7 @@ export { ErrorField, Form, FormInstance, FormItem, FormItemProps, FormLayout, Fo
 export { Empty, EmptyProps } from './Empty.cjs';
 export { Spin, SpinProps, SpinSize } from './Spin.cjs';
 export { Skeleton, SkeletonAvatarConfig, SkeletonParagraphConfig, SkeletonProps, SkeletonTitleConfig } from './Skeleton.cjs';
-export { Image, ImageGrid, ImageGridItem, ImageGridProps, ImageProps, ImageVariant, LayeredImage, LayeredImageInset, LayeredImageLayer, LayeredImageProps, SpriteImage, SpriteImageProps, SpriteRect } from './Image.cjs';
+export { Image, ImageGrid, ImageGridItem, ImageGridProps, ImagePreviewMode, ImagePreviewToolbarRenderProps, ImageProps, ImageVariant, LayeredImage, LayeredImageInset, LayeredImageLayer, LayeredImageProps, SpriteImage, SpriteImageProps, SpriteRect } from './Image.cjs';
 export { Cascader, CascaderOption, CascaderProps, CascaderShowSearchConfig } from './Cascader.cjs';
 export { BaseTypographyProps, CopyableConfig, EditableConfig, EllipsisConfig, Link, LinkProps, Paragraph, ParagraphProps, Text, TextProps, Title, TitleLevel, TitleProps, Typography, TypographyProps, TypographyType } from './Typography.cjs';
 export { ColorPicker, ColorPickerProps } from './ColorPicker.cjs';
@@ -52,6 +52,6 @@ import 'react/jsx-runtime';
 import 'react';
 
 /** Package version — bumped by release scripts. */
-declare const VERSION = "0.6.16";
+declare const VERSION = "0.6.18";
 
 export { VERSION };

package/dist/index.d.ts

@@ -40,7 +40,7 @@ export { ErrorField, Form, FormInstance, FormItem, FormItemProps, FormLayout, Fo
 export { Empty, EmptyProps } from './Empty.js';
 export { Spin, SpinProps, SpinSize } from './Spin.js';
 export { Skeleton, SkeletonAvatarConfig, SkeletonParagraphConfig, SkeletonProps, SkeletonTitleConfig } from './Skeleton.js';
-export { Image, ImageGrid, ImageGridItem, ImageGridProps, ImageProps, ImageVariant, LayeredImage, LayeredImageInset, LayeredImageLayer, LayeredImageProps, SpriteImage, SpriteImageProps, SpriteRect } from './Image.js';
+export { Image, ImageGrid, ImageGridItem, ImageGridProps, ImagePreviewMode, ImagePreviewToolbarRenderProps, ImageProps, ImageVariant, LayeredImage, LayeredImageInset, LayeredImageLayer, LayeredImageProps, SpriteImage, SpriteImageProps, SpriteRect } from './Image.js';
 export { Cascader, CascaderOption, CascaderProps, CascaderShowSearchConfig } from './Cascader.js';
 export { BaseTypographyProps, CopyableConfig, EditableConfig, EllipsisConfig, Link, LinkProps, Paragraph, ParagraphProps, Text, TextProps, Title, TitleLevel, TitleProps, Typography, TypographyProps, TypographyType } from './Typography.js';
 export { ColorPicker, ColorPickerProps } from './ColorPicker.js';
@@ -52,6 +52,6 @@ import 'react/jsx-runtime';
 import 'react';
 
 /** Package version — bumped by release scripts. */
-declare const VERSION = "0.6.16";
+declare const VERSION = "0.6.18";
 
 export { VERSION };

package/dist/index.js

@@ -1,11 +1,11 @@
 export { Timeline } from './chunk-OTSDPQPV.js';
 export { Tooltip } from './chunk-MOZ52KN6.js';
 export { Link, Paragraph, Text, Title, Typography } from './chunk-6HF6UF73.js';
-export { TablePro } from './chunk-QNN3YV2P.js';
-export { Table } from './chunk-4YSGGZDB.js';
+export { TablePro } from './chunk-2FOC3D6X.js';
+export { Table } from './chunk-UGAN4BBW.js';
 export { Tabs } from './chunk-ZTCRD2FL.js';
 export { THEME_PANEL_DEFAULT_PRESET_OPTIONS, THEME_PANEL_DEFAULT_THEME_PRESETS, ThemePanel } from './chunk-3VSHGM54.js';
-export { TimePicker } from './chunk-DU4VSUBF.js';
+export { TimePicker } from './chunk-HG6YS4I7.js';
 export { Skeleton } from './chunk-R3DTXVP2.js';
 export { Slider } from './chunk-D7GK6H6V.js';
 export { Splitter } from './chunk-IZHH6CVY.js';
@@ -18,18 +18,18 @@ export { InputNumber } from './chunk-3VXGZ3SJ.js';
 export { List } from './chunk-YAFDVNXT.js';
 export { MessageContainer, ToastContainer, message, toast } from './chunk-P64NPZBG.js';
 export { Modal } from './chunk-BVQOJKRX.js';
-export { Pagination } from './chunk-6LC4QROE.js';
-export { Select } from './chunk-6PHPRZTT.js';
+export { Pagination } from './chunk-V5SQOZPF.js';
+export { Select } from './chunk-E22OIVYP.js';
 export { Tag } from './chunk-6K5YI4ZE.js';
 export { Popover } from './chunk-I777JTTG.js';
 export { Progress } from './chunk-KMPFESEV.js';
 export { Radio, RadioGroup } from './chunk-KYV75JPQ.js';
-export { DateTimePicker } from './chunk-YPE6CDXQ.js';
+export { DateTimePicker } from './chunk-SOCYOUGM.js';
 export { Divider } from './chunk-HBO7ZDEQ.js';
 export { Drawer } from './chunk-WMGMIE2D.js';
 export { Empty } from './chunk-6MEOLYNQ.js';
 export { Form, FormItem, useForm } from './chunk-ZR4IMROK.js';
-export { Image, ImageGrid, LayeredImage, SpriteImage } from './chunk-EQ4FPOQQ.js';
+export { Image, ImageGrid, LayeredImage, SpriteImage } from './chunk-5VOUUQF5.js';
 export { Card } from './chunk-ARUPS7JH.js';
 export { Spin } from './chunk-FYSXJXNW.js';
 export { Cascader } from './chunk-4HJBF4GY.js';
@@ -38,7 +38,8 @@ export { Collapse } from './chunk-6LN4VVX7.js';
 export { ColorPicker } from './chunk-TJECLLN4.js';
 export { CommandPalette } from './chunk-5MOYKVB7.js';
 export { ContextMenu } from './chunk-AAPZLBHQ.js';
-export { DatePicker } from './chunk-FKP5D5IS.js';
+export { DatePicker } from './chunk-7NTTRKNT.js';
+import './chunk-RC6ULCQP.js';
 export { Alert } from './chunk-A6O25EP2.js';
 export { AppShell, Sidebar, TitleBar, WindowControls } from './chunk-XCXUGHDF.js';
 export { AutoComplete } from './chunk-CFZVWY5N.js';
@@ -52,6 +53,6 @@ export { Calendar } from './chunk-I7TOBKJO.js';
 export { AimOutlined, AppstoreOutlined, BarChartOutlined, BlockOutlined, BorderOutlined, CameraOutlined, CaretDownOutlined, CaretUpOutlined, CheckCircleFilled, CheckCircleOutlined, CheckOutlined, ClockCircleFilled, CloseCircleOutlined, CloseOutlined, CopyOutlined, DashboardOutlined, DeleteOutlined, DownOutlined, EnvironmentOutlined, ExclamationCircleOutlined, FolderOpenOutlined, ICON_NAMES, Icon, LeftOutlined, LoadingOutlined, MinusCircleOutlined, MinusOutlined, NAMED_ICON_MAP, PictureOutlined, PlusOutlined, QqOutlined, ReloadOutlined, RightOutlined, RobotOutlined, SearchOutlined, SettingOutlined, StarFilled, StarOutlined, SwapOutlined, SwapRightOutlined, SyncOutlined, ThunderboltOutlined, TranslationOutlined, UnorderedListOutlined, UserOutlined, isIconName, renderIconSlot, resolveIconName } from './chunk-FDZG27IG.js';
 
 // src/index.ts
-var VERSION = "0.6.16";
+var VERSION = "0.6.18";
 
 export { VERSION };

package/dist/styles.css

@@ -3191,14 +3191,92 @@ input, textarea, select { font-family: inherit; color: inherit; }
   background: var(--image-preview-mask-bg, var(--mask-bg));
   backdrop-filter: blur(16px);
   display: grid; place-items: center;
+  overflow: hidden;
+  padding: min(8vh, 72px) var(--gap-8) var(--gap-8);
   z-index: 500;
   animation: fadeIn var(--dur) var(--ease);
 }
-.image-preview-overlay img {
+.image-preview-overlay:focus {
+  outline: none;
+}
+.image-preview-toolbar {
+  --image-preview-toolbar-ink: color-mix(in oklch, var(--accent) 42%, var(--fg-muted));
+  --image-preview-toolbar-ink-hover: color-mix(in oklch, var(--accent) 48%, var(--fg));
+  position: absolute;
+  top: var(--gap-5);
+  left: 50%;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: var(--gap-2);
+  max-width: min(calc(100vw - 32px), 720px);
+  padding: 6px;
+  overflow-x: auto;
+  color: var(--image-preview-toolbar-ink);
+  border: 1px solid color-mix(in oklch, var(--accent) 14%, var(--border));
+  border-radius: var(--r-pill);
+  background: color-mix(in oklch, var(--bg-raised) 92%, var(--accent-soft));
+  box-shadow:
+    var(--neu-float),
+    0 0 0 1px color-mix(in oklch, var(--accent-glow) 22%, transparent);
+  backdrop-filter: blur(18px) saturate(1.2);
+  transform: translateX(-50%);
+}
+.image-preview-toolbar .btn {
+  flex: 0 0 auto;
+}
+.image-preview-toolbar .btn.ghost {
+  color: var(--image-preview-toolbar-ink);
+}
+.image-preview-toolbar .btn.ghost:hover {
+  color: var(--image-preview-toolbar-ink-hover);
+  background: color-mix(in oklch, var(--accent-soft) 36%, var(--bg));
+  box-shadow: var(--neu-shadow-subtle);
+}
+.image-preview-toolbar .btn.ghost:active,
+.image-preview-toolbar .btn.ghost.pressed {
+  color: var(--image-preview-toolbar-ink-hover);
+  background: color-mix(in oklch, var(--accent-soft) 48%, var(--bg));
+  box-shadow: var(--neu-shadow-inset-strong);
+}
+.image-preview-scale {
+  min-width: 48px;
+  color: var(--image-preview-toolbar-ink);
+  font-family: var(--font-mono);
+  font-size: var(--fs-sm);
+  font-weight: 500;
+  line-height: 1;
+  text-align: center;
+}
+.image-preview-ratio {
+  min-width: 46px;
+  padding-inline: 10px;
+  font-family: var(--font-mono);
+}
+.image-preview-toolbar-slot {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: var(--gap-2);
+}
+.image-preview-img {
   max-width: 80vw;
   max-height: 80vh;
   border-radius: var(--r-lg);
   box-shadow: var(--neu-shadow-float);
+  transform-origin: center;
+  transition: transform var(--dur-fast) var(--ease);
+  user-select: none;
+  will-change: transform;
+}
+@media (max-width: 640px) {
+  .image-preview-overlay {
+    padding: 76px var(--gap-4) var(--gap-4);
+  }
+  .image-preview-toolbar {
+    top: var(--gap-4);
+    border-radius: var(--r-lg);
+  }
 }
 /* ============ SpriteImage / LayeredImage ============ */
 .n-sprite-image,

package/docs/llms/image.md

@@ -28,6 +28,25 @@ import { Image, ImageGrid, SpriteImage, LayeredImage } from "@fangxinyan/lumina"
 />
 ```
 
+### 精细预览
+
+预览层内置放大、缩小、适配窗口、1:1、滚轮缩放和拖拽平移；previewMaxWidth / previewMaxHeight 控制适配态尺寸,renderPreviewToolbar 可追加业务按钮。
+
+```tsx
+<Image
+  src={url}
+  width={260}
+  height={180}
+  previewMaxWidth="90vw"
+  previewMaxHeight="76vh"
+  renderPreviewToolbar={({ fitToWindow, scale }) => (
+    <Button size="sm" variant="ghost" icon="star" onClick={fitToWindow}>
+      标记 {Math.round(scale * 100)}%
+    </Button>
+  )}
+/>
+```
+
 ### 图标 / 原始资源
 
 variant="icon" 会默认去掉外层 padding,适合 1:1 装备、物品、头像缩略图；variant="raw" 保留原始图片比例。
@@ -82,6 +101,8 @@ LayeredImage 将多张图片叠在同一个盒子里,适合头像 + 头像框、
 | preview | `boolean` | `true` | 支持点击全屏预览 |
 | previewClassName | `string` | — | 预览蒙层 className |
 | previewStyle | `CSSProperties` | — | 预览蒙层内联样式 |
+| previewMaxWidth / previewMaxHeight | `number | string` | `"80vw" / "80vh"` | 预览适配态的最大尺寸 |
+| renderPreviewToolbar | `(controls) => ReactNode` | — | 在预览工具栏追加自定义按钮 |
 | hover | `boolean` | `true` | 悬浮放大 |
 | placeholder | `ReactNode` | — | 占位/错误时内容 |
 | imgProps | `ImgHTMLAttributes` | — | 透传到底层 img 的属性 |

package/docs/llms.md

@@ -3,7 +3,7 @@
 > 拟态风格的 React 18 组件库,目标是 Electron 桌面应用。**写给 AI 编程助手**的按需文档 —— 每个组件单独一个 `.md`,避免一次性读取全部。示例源自 playground 的 demo,可直接复制运行。
 
 - **包名**: `@fangxinyan/lumina`
-- **版本**: `0.6.16`
+- **版本**: `0.6.18`
 - **React 最低版本**: 18
 - **环境**: 带打包器的 React 工程(Vite / Next.js / Webpack / Remix / Electron + Vite 等)
 - **零运行时依赖**: 只依赖 `react` / `react-dom` (peer deps)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fangxinyan/lumina",
-  "version": "0.6.16",
+  "version": "0.6.18",
   "description": "Lumina — Neumorphic component library for Electron & React apps",
   "type": "module",
   "main": "./dist/index.cjs",