@lobehub/ui 5.24.0 → 5.26.0

package/es/Image/components/Preview.mjs

@@ -1,23 +0,0 @@
-"use client";
-import { memo, useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Image/components/Preview.tsx
-const Preview = memo(({ children, visible }) => {
-	const ref = useRef(null);
-	useEffect(() => {
-		if (!ref.current) return;
-		const handleDisableZoom = (event) => {
-			event.preventDefault();
-		};
-		if (visible) ref.current.addEventListener("wheel", handleDisableZoom, { passive: false });
-		else ref.current.removeEventListener("wheel", handleDisableZoom);
-	}, [visible]);
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		children
-	});
-});
-//#endregion
-export { Preview as default };
-
-//# sourceMappingURL=Preview.mjs.map

package/es/Image/components/Preview.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Preview.mjs","names":[],"sources":["../../../src/Image/components/Preview.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type PropsWithChildren, useEffect, useRef } from 'react';\n\ninterface PreviewProps extends PropsWithChildren {\n  visible?: boolean;\n}\n\nconst Preview = memo<PreviewProps>(({ children, visible }) => {\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (!ref.current) return;\n\n    const handleDisableZoom = (event: any) => {\n      event.preventDefault();\n    };\n\n    if (visible) {\n      ref.current.addEventListener('wheel', handleDisableZoom, { passive: false });\n    } else {\n      ref.current.removeEventListener('wheel', handleDisableZoom);\n    }\n  }, [visible]);\n\n  return <div ref={ref}>{children}</div>;\n});\n\nexport default Preview;\n"],"mappings":";;;;AAQA,MAAM,UAAU,MAAoB,EAAE,UAAU,cAAc;CAC5D,MAAM,MAAM,OAAuB,IAAI;CACvC,gBAAgB;EACd,IAAI,CAAC,IAAI,SAAS;EAElB,MAAM,qBAAqB,UAAe;GACxC,MAAM,eAAe;EACvB;EAEA,IAAI,SACF,IAAI,QAAQ,iBAAiB,SAAS,mBAAmB,EAAE,SAAS,MAAM,CAAC;OAE3E,IAAI,QAAQ,oBAAoB,SAAS,iBAAiB;CAE9D,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO,oBAAC,OAAD;EAAU;EAAM;CAAc,CAAA;AACvC,CAAC"}

package/es/Image/components/Toolbar.mjs

@@ -1,128 +0,0 @@
-import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import TooltipGroup from "../../base-ui/Tooltip/TooltipGroup.mjs";
-import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
-import { useTranslation } from "../../i18n/useTranslation.mjs";
-import { downloadBlob } from "../../utils/downloadBlob.mjs";
-import { styles } from "../style.mjs";
-import image_default from "../../i18n/resources/en/image.mjs";
-import { getClipboardBlob } from "../../utils/blobToPng.mjs";
-import { memo, useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { message } from "antd";
-import { Copy, Download, FlipHorizontal, FlipVertical, RotateCcw, RotateCw, ZoomIn, ZoomOut } from "lucide-react";
-//#region src/Image/components/Toolbar.tsx
-const getFileNameFromUrl = (url) => {
-	try {
-		const match = new URL(url).pathname.match(/\/([^/]+)$/);
-		return match ? decodeURIComponent(match[1]) : "image";
-	} catch {
-		return "image";
-	}
-};
-const getExtensionFromMimeType = (mimeType) => {
-	return {
-		"image/svg+xml": "svg",
-		"image/png": "png",
-		"image/jpeg": "jpg",
-		"image/jpg": "jpg",
-		"image/webp": "webp",
-		"image/gif": "gif"
-	}[mimeType?.toLowerCase()] || mimeType?.split("/")[1]?.split("+")[0] || "png";
-};
-const Toolbar = memo(({ children, info, minScale, maxScale }) => {
-	const { t } = useTranslation(image_default);
-	const [containerEl, setContainerEl] = useState(null);
-	const [copyLoading, setCopyLoading] = useState(false);
-	const [downloadLoading, setDownloadLoading] = useState(false);
-	const { transform: { scale }, actions: { onFlipY, onFlipX, onRotateLeft, onRotateRight, onZoomOut, onZoomIn }, image: { url } } = info;
-	const handleDownload = useCallback(async () => {
-		setDownloadLoading(true);
-		try {
-			const blob = await (await fetch(url, { mode: "cors" })).blob();
-			const blobUrl = URL.createObjectURL(blob);
-			let fileName = getFileNameFromUrl(url);
-			const ext = getExtensionFromMimeType(blob.type);
-			if (!fileName.includes(".")) fileName = `${fileName}.${ext}`;
-			else if (fileName.endsWith(".svg+xml")) fileName = fileName.replace(/\.svg\+xml$/i, ".svg");
-			await downloadBlob(blobUrl, fileName);
-			URL.revokeObjectURL(blobUrl);
-			message.success(t("image.downloadSuccess"));
-		} catch {
-			message.error(t("image.downloadFailed"));
-		} finally {
-			setDownloadLoading(false);
-		}
-	}, [url, t]);
-	const handleCopy = useCallback(async () => {
-		setCopyLoading(true);
-		try {
-			const clipboardBlob = await getClipboardBlob(await (await fetch(url, { mode: "cors" })).blob());
-			await navigator.clipboard.write([new ClipboardItem(clipboardBlob)]);
-			message.success(t("image.copySuccess"));
-		} catch {
-			message.error(t("image.copyFailed"));
-		} finally {
-			setCopyLoading(false);
-		}
-	}, [url, t]);
-	return /* @__PURE__ */ jsx(TooltipGroup, {
-		popupContainer: containerEl ?? void 0,
-		children: /* @__PURE__ */ jsxs(FlexBasic_default, {
-			horizontal: true,
-			className: styles.toolbar,
-			gap: 4,
-			ref: setContainerEl,
-			children: [
-				/* @__PURE__ */ jsx(ActionIcon, {
-					icon: FlipHorizontal,
-					title: t("image.flipHorizontal"),
-					onClick: onFlipX
-				}),
-				/* @__PURE__ */ jsx(ActionIcon, {
-					icon: FlipVertical,
-					title: t("image.flipVertical"),
-					onClick: onFlipY
-				}),
-				/* @__PURE__ */ jsx(ActionIcon, {
-					icon: RotateCcw,
-					title: t("image.rotateLeft"),
-					onClick: onRotateLeft
-				}),
-				/* @__PURE__ */ jsx(ActionIcon, {
-					icon: RotateCw,
-					title: t("image.rotateRight"),
-					onClick: onRotateRight
-				}),
-				/* @__PURE__ */ jsx(ActionIcon, {
-					disabled: scale === minScale,
-					icon: ZoomOut,
-					title: t("image.zoomOut"),
-					onClick: onZoomOut
-				}),
-				/* @__PURE__ */ jsx(ActionIcon, {
-					disabled: scale === maxScale,
-					icon: ZoomIn,
-					title: t("image.zoomIn"),
-					onClick: onZoomIn
-				}),
-				/* @__PURE__ */ jsx(ActionIcon, {
-					icon: Copy,
-					loading: copyLoading,
-					title: t("image.copy"),
-					onClick: handleCopy
-				}),
-				/* @__PURE__ */ jsx(ActionIcon, {
-					icon: Download,
-					loading: downloadLoading,
-					title: t("image.download"),
-					onClick: handleDownload
-				}),
-				children
-			]
-		})
-	});
-});
-//#endregion
-export { Toolbar as default };
-
-//# sourceMappingURL=Toolbar.mjs.map

package/es/Image/components/Toolbar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.mjs","names":["imageMessages","Flexbox"],"sources":["../../../src/Image/components/Toolbar.tsx"],"sourcesContent":["import { message } from 'antd';\nimport {\n  Copy,\n  Download,\n  FlipHorizontal,\n  FlipVertical,\n  RotateCcw,\n  RotateCw,\n  ZoomIn,\n  ZoomOut,\n} from 'lucide-react';\nimport { type ToolbarRenderInfoType } from 'rc-image/lib/Preview';\nimport { memo, type ReactNode, useCallback, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport imageMessages from '@/i18n/resources/en/image';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport { TooltipGroup } from '@/Tooltip';\nimport { getClipboardBlob } from '@/utils/blobToPng';\nimport { downloadBlob } from '@/utils/downloadBlob';\n\nimport { styles } from '../style';\n\nconst getFileNameFromUrl = (url: string): string => {\n  try {\n    const pathname = new URL(url).pathname;\n    const match = pathname.match(/\\/([^/]+)$/);\n    return match ? decodeURIComponent(match[1]) : 'image';\n  } catch {\n    return 'image';\n  }\n};\n\nconst getExtensionFromMimeType = (mimeType: string): string => {\n  const map: Record<string, string> = {\n    'image/svg+xml': 'svg',\n    'image/png': 'png',\n    'image/jpeg': 'jpg',\n    'image/jpg': 'jpg',\n    'image/webp': 'webp',\n    'image/gif': 'gif',\n  };\n  return map[mimeType?.toLowerCase()] || mimeType?.split('/')[1]?.split('+')[0] || 'png';\n};\n\nexport interface ToolbarProps {\n  children?: ReactNode;\n  info: Omit<ToolbarRenderInfoType, 'current' | 'total'>;\n  maxScale: number;\n  minScale: number;\n}\n\nconst Toolbar = memo<ToolbarProps>(({ children, info, minScale, maxScale }) => {\n  const { t } = useTranslation(imageMessages);\n  const [containerEl, setContainerEl] = useState<HTMLElement | null>(null);\n  const [copyLoading, setCopyLoading] = useState(false);\n  const [downloadLoading, setDownloadLoading] = useState(false);\n  const {\n    transform: { scale },\n    actions: { onFlipY, onFlipX, onRotateLeft, onRotateRight, onZoomOut, onZoomIn },\n    image: { url },\n  } = info;\n\n  const handleDownload = useCallback(async () => {\n    setDownloadLoading(true);\n    try {\n      const response = await fetch(url, { mode: 'cors' });\n      const blob = await response.blob();\n      const blobUrl = URL.createObjectURL(blob);\n      let fileName = getFileNameFromUrl(url);\n      const ext = getExtensionFromMimeType(blob.type);\n      if (!fileName.includes('.')) {\n        fileName = `${fileName}.${ext}`;\n      } else if (fileName.endsWith('.svg+xml')) {\n        fileName = fileName.replace(/\\.svg\\+xml$/i, '.svg');\n      }\n      await downloadBlob(blobUrl, fileName);\n      URL.revokeObjectURL(blobUrl);\n      message.success(t('image.downloadSuccess'));\n    } catch {\n      message.error(t('image.downloadFailed'));\n    } finally {\n      setDownloadLoading(false);\n    }\n  }, [url, t]);\n\n  const handleCopy = useCallback(async () => {\n    setCopyLoading(true);\n    try {\n      const response = await fetch(url, { mode: 'cors' });\n      const blob = await response.blob();\n      const clipboardBlob = await getClipboardBlob(blob);\n      await navigator.clipboard.write([new ClipboardItem(clipboardBlob)]);\n      message.success(t('image.copySuccess'));\n    } catch {\n      message.error(t('image.copyFailed'));\n    } finally {\n      setCopyLoading(false);\n    }\n  }, [url, t]);\n\n  return (\n    <TooltipGroup popupContainer={containerEl ?? undefined}>\n      <Flexbox horizontal className={styles.toolbar} gap={4} ref={setContainerEl}>\n        <ActionIcon icon={FlipHorizontal} title={t('image.flipHorizontal')} onClick={onFlipX} />\n        <ActionIcon icon={FlipVertical} title={t('image.flipVertical')} onClick={onFlipY} />\n        <ActionIcon icon={RotateCcw} title={t('image.rotateLeft')} onClick={onRotateLeft} />\n        <ActionIcon icon={RotateCw} title={t('image.rotateRight')} onClick={onRotateRight} />\n        <ActionIcon\n          disabled={scale === minScale}\n          icon={ZoomOut}\n          title={t('image.zoomOut')}\n          onClick={onZoomOut}\n        />\n        <ActionIcon\n          disabled={scale === maxScale}\n          icon={ZoomIn}\n          title={t('image.zoomIn')}\n          onClick={onZoomIn}\n        />\n        <ActionIcon\n          icon={Copy}\n          loading={copyLoading}\n          title={t('image.copy')}\n          onClick={handleCopy}\n        />\n        <ActionIcon\n          icon={Download}\n          loading={downloadLoading}\n          title={t('image.download')}\n          onClick={handleDownload}\n        />\n        {children}\n      </Flexbox>\n    </TooltipGroup>\n  );\n});\n\nexport default Toolbar;\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,sBAAsB,QAAwB;CAClD,IAAI;EAEF,MAAM,QADW,IAAI,IAAI,GAAG,CAAC,CAAC,SACP,MAAM,YAAY;EACzC,OAAO,QAAQ,mBAAmB,MAAM,EAAE,IAAI;CAChD,QAAQ;EACN,OAAO;CACT;AACF;AAEA,MAAM,4BAA4B,aAA6B;CAS7D,OAAO;EAPL,iBAAiB;EACjB,aAAa;EACb,cAAc;EACd,aAAa;EACb,cAAc;EACd,aAAa;CAEN,EAAE,UAAU,YAAY,MAAM,UAAU,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM;AACnF;AASA,MAAM,UAAU,MAAoB,EAAE,UAAU,MAAM,UAAU,eAAe;CAC7E,MAAM,EAAE,MAAM,eAAeA,aAAa;CAC1C,MAAM,CAAC,aAAa,kBAAkB,SAA6B,IAAI;CACvE,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;CAC5D,MAAM,EACJ,WAAW,EAAE,SACb,SAAS,EAAE,SAAS,SAAS,cAAc,eAAe,WAAW,YACrE,OAAO,EAAE,UACP;CAEJ,MAAM,iBAAiB,YAAY,YAAY;EAC7C,mBAAmB,IAAI;EACvB,IAAI;GAEF,MAAM,OAAO,OAAM,MADI,MAAM,KAAK,EAAE,MAAM,OAAO,CAAC,EAAA,CACtB,KAAK;GACjC,MAAM,UAAU,IAAI,gBAAgB,IAAI;GACxC,IAAI,WAAW,mBAAmB,GAAG;GACrC,MAAM,MAAM,yBAAyB,KAAK,IAAI;GAC9C,IAAI,CAAC,SAAS,SAAS,GAAG,GACxB,WAAW,GAAG,SAAS,GAAG;QACrB,IAAI,SAAS,SAAS,UAAU,GACrC,WAAW,SAAS,QAAQ,gBAAgB,MAAM;GAEpD,MAAM,aAAa,SAAS,QAAQ;GACpC,IAAI,gBAAgB,OAAO;GAC3B,QAAQ,QAAQ,EAAE,uBAAuB,CAAC;EAC5C,QAAQ;GACN,QAAQ,MAAM,EAAE,sBAAsB,CAAC;EACzC,UAAU;GACR,mBAAmB,KAAK;EAC1B;CACF,GAAG,CAAC,KAAK,CAAC,CAAC;CAEX,MAAM,aAAa,YAAY,YAAY;EACzC,eAAe,IAAI;EACnB,IAAI;GAGF,MAAM,gBAAgB,MAAM,iBAAiB,OAD1B,MADI,MAAM,KAAK,EAAE,MAAM,OAAO,CAAC,EAAA,CACtB,KAAK,CACgB;GACjD,MAAM,UAAU,UAAU,MAAM,CAAC,IAAI,cAAc,aAAa,CAAC,CAAC;GAClE,QAAQ,QAAQ,EAAE,mBAAmB,CAAC;EACxC,QAAQ;GACN,QAAQ,MAAM,EAAE,kBAAkB,CAAC;EACrC,UAAU;GACR,eAAe,KAAK;EACtB;CACF,GAAG,CAAC,KAAK,CAAC,CAAC;CAEX,OACE,oBAAC,cAAD;EAAc,gBAAgB,eAAe,KAAA;EAC3C,UAAA,qBAACC,mBAAD;GAAS,YAAA;GAAW,WAAW,OAAO;GAAS,KAAK;GAAG,KAAK;GAA5D,UAAA;IACE,oBAAC,YAAD;KAAY,MAAM;KAAgB,OAAO,EAAE,sBAAsB;KAAG,SAAS;IAAU,CAAA;IACvF,oBAAC,YAAD;KAAY,MAAM;KAAc,OAAO,EAAE,oBAAoB;KAAG,SAAS;IAAU,CAAA;IACnF,oBAAC,YAAD;KAAY,MAAM;KAAW,OAAO,EAAE,kBAAkB;KAAG,SAAS;IAAe,CAAA;IACnF,oBAAC,YAAD;KAAY,MAAM;KAAU,OAAO,EAAE,mBAAmB;KAAG,SAAS;IAAgB,CAAA;IACpF,oBAAC,YAAD;KACE,UAAU,UAAU;KACpB,MAAM;KACN,OAAO,EAAE,eAAe;KACxB,SAAS;IACV,CAAA;IACD,oBAAC,YAAD;KACE,UAAU,UAAU;KACpB,MAAM;KACN,OAAO,EAAE,cAAc;KACvB,SAAS;IACV,CAAA;IACD,oBAAC,YAAD;KACE,MAAM;KACN,SAAS;KACT,OAAO,EAAE,YAAY;KACrB,SAAS;IACV,CAAA;IACD,oBAAC,YAAD;KACE,MAAM;KACN,SAAS;KACT,OAAO,EAAE,gBAAgB;KACzB,SAAS;IACV,CAAA;IACA;GACM;;CACG,CAAA;AAElB,CAAC"}

package/es/Image/components/usePreview.mjs

@@ -1,58 +0,0 @@
-import Icon from "../../Icon/Icon.mjs";
-import { styles } from "../style.mjs";
-import Preview from "./Preview.mjs";
-import Toolbar from "./Toolbar.mjs";
-import { useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { X } from "lucide-react";
-//#region src/Image/components/usePreview.tsx
-const usePreview = (props) => {
-	const [visible, setVisible] = useState(false);
-	return useMemo(() => {
-		if (props === false) return props;
-		const { onVisibleChange, onOpenChange, minScale = .32, maxScale = 32, toolbarAddon, rootClassName, imageRender, toolbarRender, actionsRender, ...rest } = props === true ? {} : props || {};
-		return {
-			actionsRender: actionsRender || ((_, info) => {
-				const originalNode = /* @__PURE__ */ jsx(Toolbar, {
-					info,
-					maxScale,
-					minScale,
-					children: toolbarAddon
-				});
-				if (toolbarRender) return toolbarRender(originalNode, info);
-				return originalNode;
-			}),
-			closeIcon: /* @__PURE__ */ jsx(Icon, {
-				color: "#fff",
-				icon: X
-			}),
-			imageRender: (originalNode, info) => {
-				const node = /* @__PURE__ */ jsx(Preview, {
-					visible,
-					children: originalNode
-				});
-				if (imageRender) return imageRender(node, info);
-				return node;
-			},
-			maxScale,
-			minScale,
-			onOpenChange: (open) => {
-				setVisible(open);
-				onOpenChange?.(open);
-				onVisibleChange?.(open, !open);
-			},
-			rootClassName: cx(styles.preview, rootClassName),
-			styles: { mask: { backdropFilter: "blur(8px)" } },
-			...rest
-		};
-	}, [
-		props,
-		visible,
-		styles
-	]);
-};
-//#endregion
-export { usePreview as default, usePreview };
-
-//# sourceMappingURL=usePreview.mjs.map

package/es/Image/components/usePreview.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePreview.mjs","names":[],"sources":["../../../src/Image/components/usePreview.tsx"],"sourcesContent":["import type { ImageProps as AntdImageProps } from 'antd';\nimport { cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { useMemo, useState } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { styles } from '../style';\nimport type { ImagePreviewOptions } from '../type';\nimport Preview from './Preview';\nimport Toolbar from './Toolbar';\n\nexport const usePreview = (\n  props: ImagePreviewOptions | boolean | undefined,\n): AntdImageProps['preview'] => {\n  const [visible, setVisible] = useState(false);\n\n  return useMemo(() => {\n    if (props === false) return props;\n\n    const {\n      onVisibleChange,\n      onOpenChange,\n      minScale = 0.32,\n      maxScale = 32,\n      toolbarAddon,\n      rootClassName,\n      imageRender,\n      toolbarRender,\n      actionsRender,\n      ...rest\n    }: ImagePreviewOptions = (props === true ? {} : props || {}) as ImagePreviewOptions;\n\n    return {\n      actionsRender:\n        actionsRender ||\n        ((_, info) => {\n          const originalNode = (\n            <Toolbar info={info} maxScale={maxScale} minScale={minScale}>\n              {toolbarAddon}\n            </Toolbar>\n          );\n          // 向后兼容 toolbarRender\n          if (toolbarRender) return toolbarRender(originalNode, info);\n          return originalNode;\n        }),\n      closeIcon: <Icon color={'#fff'} icon={X} />,\n      imageRender: (originalNode, info) => {\n        const node = <Preview visible={visible}>{originalNode}</Preview>;\n        if (imageRender) return imageRender(node, info);\n        return node;\n      },\n      maxScale,\n      minScale,\n      onOpenChange: (open: boolean) => {\n        setVisible(open);\n        // 支持新的 onOpenChange\n        onOpenChange?.(open);\n        // 向后兼容旧的 onVisibleChange\n        onVisibleChange?.(open, !open);\n      },\n      rootClassName: cx(styles.preview, rootClassName),\n      styles: { mask: { backdropFilter: 'blur(8px)' } },\n      ...rest,\n    };\n  }, [props, visible, styles]);\n};\n\nexport default usePreview;\n"],"mappings":";;;;;;;;;AAYA,MAAa,cACX,UAC8B;CAC9B,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,OAAO,cAAc;EACnB,IAAI,UAAU,OAAO,OAAO;EAE5B,MAAM,EACJ,iBACA,cACA,WAAW,KACX,WAAW,IACX,cACA,eACA,aACA,eACA,eACA,GAAG,SACqB,UAAU,OAAO,CAAC,IAAI,SAAS,CAAC;EAE1D,OAAO;GACL,eACE,mBACE,GAAG,SAAS;IACZ,MAAM,eACJ,oBAAC,SAAD;KAAe;KAAgB;KAAoB;KAChD,UAAA;IACM,CAAA;IAGX,IAAI,eAAe,OAAO,cAAc,cAAc,IAAI;IAC1D,OAAO;GACT;GACF,WAAW,oBAAC,MAAD;IAAM,OAAO;IAAQ,MAAM;GAAI,CAAA;GAC1C,cAAc,cAAc,SAAS;IACnC,MAAM,OAAO,oBAAC,SAAD;KAAkB;KAAU,UAAA;IAAsB,CAAA;IAC/D,IAAI,aAAa,OAAO,YAAY,MAAM,IAAI;IAC9C,OAAO;GACT;GACA;GACA;GACA,eAAe,SAAkB;IAC/B,WAAW,IAAI;IAEf,eAAe,IAAI;IAEnB,kBAAkB,MAAM,CAAC,IAAI;GAC/B;GACA,eAAe,GAAG,OAAO,SAAS,aAAa;GAC/C,QAAQ,EAAE,MAAM,EAAE,gBAAgB,YAAY,EAAE;GAChD,GAAG;EACL;CACF,GAAG;EAAC;EAAO;EAAS;CAAM,CAAC;AAC7B"}

package/es/Image/components/usePreviewGroup.mjs

@@ -1,57 +0,0 @@
-import Icon from "../../Icon/Icon.mjs";
-import { styles } from "../style.mjs";
-import Preview from "./Preview.mjs";
-import Toolbar from "./Toolbar.mjs";
-import { useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { X } from "lucide-react";
-//#region src/Image/components/usePreviewGroup.tsx
-const usePreview = (props) => {
-	const [visible, setVisible] = useState(false);
-	return useMemo(() => {
-		if (props === false) return props;
-		const { onVisibleChange, onOpenChange, minScale = .32, maxScale = 32, toolbarAddon, rootClassName, imageRender, toolbarRender, ...rest } = props === true ? {} : props || {};
-		return {
-			actionsRender: (_, info) => {
-				const originalNode = /* @__PURE__ */ jsx(Toolbar, {
-					info,
-					maxScale,
-					minScale,
-					children: toolbarAddon
-				});
-				if (toolbarRender) return toolbarRender(originalNode, info);
-				return originalNode;
-			},
-			closeIcon: /* @__PURE__ */ jsx(Icon, {
-				color: "#fff",
-				icon: X
-			}),
-			imageRender: (originalNode, info) => {
-				const node = /* @__PURE__ */ jsx(Preview, {
-					visible,
-					children: originalNode
-				});
-				if (imageRender) return imageRender(node, info);
-				return node;
-			},
-			maxScale,
-			minScale,
-			onOpenChange: (open, info) => {
-				setVisible(open);
-				onOpenChange?.(open, info);
-				onVisibleChange?.(open, !open, info.current);
-			},
-			rootClassName: cx(styles.preview, rootClassName),
-			...rest
-		};
-	}, [
-		props,
-		visible,
-		styles
-	]);
-};
-//#endregion
-export { usePreview as default, usePreview };
-
-//# sourceMappingURL=usePreviewGroup.mjs.map

package/es/Image/components/usePreviewGroup.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePreviewGroup.mjs","names":["componentStyles"],"sources":["../../../src/Image/components/usePreviewGroup.tsx"],"sourcesContent":["import { type GroupPreviewConfig } from 'antd/es/image/PreviewGroup';\nimport { cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { useMemo, useState } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { styles as componentStyles, styles } from '../style';\nimport { type PreviewGroupPreviewOptions } from '../type';\nimport Preview from './Preview';\nimport Toolbar from './Toolbar';\n\nexport const usePreview = (\n  props: PreviewGroupPreviewOptions | boolean | undefined,\n): GroupPreviewConfig | boolean => {\n  const [visible, setVisible] = useState(false);\n\n  return useMemo(() => {\n    if (props === false) return props;\n\n    const {\n      onVisibleChange,\n      onOpenChange,\n      minScale = 0.32,\n      maxScale = 32,\n      toolbarAddon,\n      rootClassName,\n      imageRender,\n      toolbarRender,\n      ...rest\n    }: PreviewGroupPreviewOptions = (\n      props === true ? {} : props || {}\n    ) as PreviewGroupPreviewOptions;\n\n    return {\n      actionsRender: (_, info) => {\n        const originalNode = (\n          <Toolbar info={info} maxScale={maxScale} minScale={minScale}>\n            {toolbarAddon}\n          </Toolbar>\n        );\n        if (toolbarRender) return toolbarRender(originalNode, info);\n        return originalNode;\n      },\n      closeIcon: <Icon color={'#fff'} icon={X} />,\n\n      imageRender: (originalNode, info) => {\n        const node = <Preview visible={visible}>{originalNode}</Preview>;\n        if (imageRender) return imageRender(node, info);\n        return node;\n      },\n      maxScale,\n      minScale,\n      onOpenChange: (open: boolean, info: { current: number }) => {\n        setVisible(open);\n        // 支持新的 onOpenChange\n        onOpenChange?.(open, info);\n        // 向后兼容旧的 onVisibleChange (注意参数差异)\n        onVisibleChange?.(open, !open, info.current);\n      },\n      rootClassName: cx(styles.preview, rootClassName),\n      ...rest,\n    } satisfies GroupPreviewConfig;\n  }, [props, visible, componentStyles]);\n};\n\nexport default usePreview;\n"],"mappings":";;;;;;;;;AAYA,MAAa,cACX,UACiC;CACjC,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,OAAO,cAAc;EACnB,IAAI,UAAU,OAAO,OAAO;EAE5B,MAAM,EACJ,iBACA,cACA,WAAW,KACX,WAAW,IACX,cACA,eACA,aACA,eACA,GAAG,SAEH,UAAU,OAAO,CAAC,IAAI,SAAS,CAAC;EAGlC,OAAO;GACL,gBAAgB,GAAG,SAAS;IAC1B,MAAM,eACJ,oBAAC,SAAD;KAAe;KAAgB;KAAoB;KAChD,UAAA;IACM,CAAA;IAEX,IAAI,eAAe,OAAO,cAAc,cAAc,IAAI;IAC1D,OAAO;GACT;GACA,WAAW,oBAAC,MAAD;IAAM,OAAO;IAAQ,MAAM;GAAI,CAAA;GAE1C,cAAc,cAAc,SAAS;IACnC,MAAM,OAAO,oBAAC,SAAD;KAAkB;KAAU,UAAA;IAAsB,CAAA;IAC/D,IAAI,aAAa,OAAO,YAAY,MAAM,IAAI;IAC9C,OAAO;GACT;GACA;GACA;GACA,eAAe,MAAe,SAA8B;IAC1D,WAAW,IAAI;IAEf,eAAe,MAAM,IAAI;IAEzB,kBAAkB,MAAM,CAAC,MAAM,KAAK,OAAO;GAC7C;GACA,eAAe,GAAG,OAAO,SAAS,aAAa;GAC/C,GAAG;EACL;CACF,GAAG;EAAC;EAAO;EAASA;CAAe,CAAC;AACtC"}