@lobehub/ui 5.25.0 → 5.26.0

package/es/i18n/resources/en/image.d.mts

@@ -1,5 +1,6 @@
 //#region src/i18n/resources/en/image.d.ts
 declare const _default: {
+  readonly 'image.close': "Close";
   readonly 'image.copy': "Copy";
   readonly 'image.copyFailed': "Copy Failed";
   readonly 'image.copySuccess': "Copy Success";
@@ -8,10 +9,14 @@ declare const _default: {
   readonly 'image.downloadSuccess': "Download Success";
   readonly 'image.flipHorizontal': "Flip Horizontal";
   readonly 'image.flipVertical': "Flip Vertical";
+  readonly 'image.more': "More";
+  readonly 'image.next': "Next";
+  readonly 'image.prev': "Previous";
   readonly 'image.rotateLeft': "Rotate Left";
   readonly 'image.rotateRight': "Rotate Right";
   readonly 'image.zoomIn': "Zoom In";
   readonly 'image.zoomOut': "Zoom Out";
+  readonly 'image.zoomReset': "Reset Zoom";
 };
 //#endregion
 export { _default as default };

package/es/i18n/resources/en/image.mjs

@@ -1,5 +1,6 @@
 //#region src/i18n/resources/en/image.ts
 var image_default = {
+	"image.close": "Close",
 	"image.copy": "Copy",
 	"image.copyFailed": "Copy Failed",
 	"image.copySuccess": "Copy Success",
@@ -8,10 +9,14 @@ var image_default = {
 	"image.downloadSuccess": "Download Success",
 	"image.flipHorizontal": "Flip Horizontal",
 	"image.flipVertical": "Flip Vertical",
+	"image.more": "More",
+	"image.next": "Next",
+	"image.prev": "Previous",
 	"image.rotateLeft": "Rotate Left",
 	"image.rotateRight": "Rotate Right",
 	"image.zoomIn": "Zoom In",
-	"image.zoomOut": "Zoom Out"
+	"image.zoomOut": "Zoom Out",
+	"image.zoomReset": "Reset Zoom"
 };
 //#endregion
 export { image_default as default };

package/es/i18n/resources/en/image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","names":[],"sources":["../../../../src/i18n/resources/en/image.ts"],"sourcesContent":["export default {\n  'image.copy': 'Copy',\n  'image.copyFailed': 'Copy Failed',\n  'image.copySuccess': 'Copy Success',\n  'image.download': 'Download',\n  'image.downloadFailed': 'Download Failed',\n  'image.downloadSuccess': 'Download Success',\n  'image.flipHorizontal': 'Flip Horizontal',\n  'image.flipVertical': 'Flip Vertical',\n  'image.rotateLeft': 'Rotate Left',\n  'image.rotateRight': 'Rotate Right',\n  'image.zoomIn': 'Zoom In',\n  'image.zoomOut': 'Zoom Out',\n} as const;\n"],"mappings":";AAAA,IAAA,gBAAe;CACb,cAAc;CACd,oBAAoB;CACpB,qBAAqB;CACrB,kBAAkB;CAClB,wBAAwB;CACxB,yBAAyB;CACzB,wBAAwB;CACxB,sBAAsB;CACtB,oBAAoB;CACpB,qBAAqB;CACrB,gBAAgB;CAChB,iBAAiB;AACnB"}
+{"version":3,"file":"image.mjs","names":[],"sources":["../../../../src/i18n/resources/en/image.ts"],"sourcesContent":["export default {\n  'image.close': 'Close',\n  'image.copy': 'Copy',\n  'image.copyFailed': 'Copy Failed',\n  'image.copySuccess': 'Copy Success',\n  'image.download': 'Download',\n  'image.downloadFailed': 'Download Failed',\n  'image.downloadSuccess': 'Download Success',\n  'image.flipHorizontal': 'Flip Horizontal',\n  'image.flipVertical': 'Flip Vertical',\n  'image.more': 'More',\n  'image.next': 'Next',\n  'image.prev': 'Previous',\n  'image.rotateLeft': 'Rotate Left',\n  'image.rotateRight': 'Rotate Right',\n  'image.zoomIn': 'Zoom In',\n  'image.zoomOut': 'Zoom Out',\n  'image.zoomReset': 'Reset Zoom',\n} as const;\n"],"mappings":";AAAA,IAAA,gBAAe;CACb,eAAe;CACf,cAAc;CACd,oBAAoB;CACpB,qBAAqB;CACrB,kBAAkB;CAClB,wBAAwB;CACxB,yBAAyB;CACzB,wBAAwB;CACxB,sBAAsB;CACtB,cAAc;CACd,cAAc;CACd,cAAc;CACd,oBAAoB;CACpB,qBAAqB;CACrB,gBAAgB;CAChB,iBAAiB;CACjB,mBAAmB;AACrB"}

package/es/i18n/resources/zhCn/image.d.mts

@@ -1,5 +1,6 @@
 //#region src/i18n/resources/zhCn/image.d.ts
 declare const _default: {
+  readonly 'image.close': "关闭";
   readonly 'image.copy': "复制";
   readonly 'image.copyFailed': "复制失败";
   readonly 'image.copySuccess': "复制成功";
@@ -8,10 +9,14 @@ declare const _default: {
   readonly 'image.downloadSuccess': "下载成功";
   readonly 'image.flipHorizontal': "水平翻转";
   readonly 'image.flipVertical': "垂直翻转";
+  readonly 'image.more': "更多";
+  readonly 'image.next': "下一张";
+  readonly 'image.prev': "上一张";
   readonly 'image.rotateLeft': "向左旋转";
   readonly 'image.rotateRight': "向右旋转";
   readonly 'image.zoomIn': "放大";
   readonly 'image.zoomOut': "缩小";
+  readonly 'image.zoomReset': "重置缩放";
 };
 //#endregion
 export { _default as default };

package/es/i18n/resources/zhCn/image.mjs

@@ -1,5 +1,6 @@
 //#region src/i18n/resources/zhCn/image.ts
 var image_default = {
+	"image.close": "关闭",
 	"image.copy": "复制",
 	"image.copyFailed": "复制失败",
 	"image.copySuccess": "复制成功",
@@ -8,10 +9,14 @@ var image_default = {
 	"image.downloadSuccess": "下载成功",
 	"image.flipHorizontal": "水平翻转",
 	"image.flipVertical": "垂直翻转",
+	"image.more": "更多",
+	"image.next": "下一张",
+	"image.prev": "上一张",
 	"image.rotateLeft": "向左旋转",
 	"image.rotateRight": "向右旋转",
 	"image.zoomIn": "放大",
-	"image.zoomOut": "缩小"
+	"image.zoomOut": "缩小",
+	"image.zoomReset": "重置缩放"
 };
 //#endregion
 export { image_default as default };

package/es/i18n/resources/zhCn/image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","names":[],"sources":["../../../../src/i18n/resources/zhCn/image.ts"],"sourcesContent":["export default {\n  'image.copy': '复制',\n  'image.copyFailed': '复制失败',\n  'image.copySuccess': '复制成功',\n  'image.download': '下载',\n  'image.downloadFailed': '下载失败',\n  'image.downloadSuccess': '下载成功',\n  'image.flipHorizontal': '水平翻转',\n  'image.flipVertical': '垂直翻转',\n  'image.rotateLeft': '向左旋转',\n  'image.rotateRight': '向右旋转',\n  'image.zoomIn': '放大',\n  'image.zoomOut': '缩小',\n} as const;\n"],"mappings":";AAAA,IAAA,gBAAe;CACb,cAAc;CACd,oBAAoB;CACpB,qBAAqB;CACrB,kBAAkB;CAClB,wBAAwB;CACxB,yBAAyB;CACzB,wBAAwB;CACxB,sBAAsB;CACtB,oBAAoB;CACpB,qBAAqB;CACrB,gBAAgB;CAChB,iBAAiB;AACnB"}
+{"version":3,"file":"image.mjs","names":[],"sources":["../../../../src/i18n/resources/zhCn/image.ts"],"sourcesContent":["export default {\n  'image.close': '关闭',\n  'image.copy': '复制',\n  'image.copyFailed': '复制失败',\n  'image.copySuccess': '复制成功',\n  'image.download': '下载',\n  'image.downloadFailed': '下载失败',\n  'image.downloadSuccess': '下载成功',\n  'image.flipHorizontal': '水平翻转',\n  'image.flipVertical': '垂直翻转',\n  'image.more': '更多',\n  'image.next': '下一张',\n  'image.prev': '上一张',\n  'image.rotateLeft': '向左旋转',\n  'image.rotateRight': '向右旋转',\n  'image.zoomIn': '放大',\n  'image.zoomOut': '缩小',\n  'image.zoomReset': '重置缩放',\n} as const;\n"],"mappings":";AAAA,IAAA,gBAAe;CACb,eAAe;CACf,cAAc;CACd,oBAAoB;CACpB,qBAAqB;CACrB,kBAAkB;CAClB,wBAAwB;CACxB,yBAAyB;CACzB,wBAAwB;CACxB,sBAAsB;CACtB,cAAc;CACd,cAAc;CACd,cAAc;CACd,oBAAoB;CACpB,qBAAqB;CACrB,gBAAgB;CAChB,iBAAiB;CACjB,mBAAmB;AACrB"}

package/es/index.mjs

@@ -112,7 +112,15 @@ import Segmented from "./Segmented/Segmented.mjs";
 import { AUTO_HEIGHT_MESSAGE_TYPE } from "./HtmlPreview/injectAutoHeightScript.mjs";
 import { HtmlPreviewIframe } from "./HtmlPreview/Iframe.mjs";
 import HtmlPreview from "./HtmlPreview/HtmlPreview.mjs";
+import SkeletonBlock from "./Skeleton/SkeletonBlock.mjs";
+import SkeletonAvatar from "./Skeleton/SkeletonAvatar.mjs";
+import SkeletonParagraph from "./Skeleton/SkeletonParagraph.mjs";
+import SkeletonTitle from "./Skeleton/SkeletonTitle.mjs";
+import SkeletonButton from "./Skeleton/SkeletonButton.mjs";
+import SkeletonTags from "./Skeleton/SkeletonTags.mjs";
+import Skeleton from "./Skeleton/index.mjs";
 import PreviewGroup from "./Image/PreviewGroup.mjs";
+import { ToastHost, toast, useToast } from "./base-ui/Toast/imperative.mjs";
 import Image from "./Image/index.mjs";
 import ImageSelect from "./ImageSelect/ImageSelect.mjs";
 import { LayoutFooter } from "./Layout/components/LayoutFooter.mjs";
@@ -147,17 +155,9 @@ import { ScrollArea } from "./base-ui/ScrollArea/ScrollArea.mjs";
 import SearchBar from "./SearchBar/SearchBar.mjs";
 import Select from "./Select/Select.mjs";
 import SideNav from "./SideNav/SideNav.mjs";
-import SkeletonBlock from "./Skeleton/SkeletonBlock.mjs";
-import SkeletonAvatar from "./Skeleton/SkeletonAvatar.mjs";
-import SkeletonParagraph from "./Skeleton/SkeletonParagraph.mjs";
-import SkeletonTitle from "./Skeleton/SkeletonTitle.mjs";
-import SkeletonButton from "./Skeleton/SkeletonButton.mjs";
-import SkeletonTags from "./Skeleton/SkeletonTags.mjs";
-import Skeleton from "./Skeleton/index.mjs";
 import SliderWithInput from "./SliderWithInput/SliderWithInput.mjs";
 import SortableList from "./SortableList/SortableList.mjs";
 import ThemeSwitch from "./ThemeSwitch/ThemeSwitch.mjs";
-import { ToastHost, toast, useToast } from "./base-ui/Toast/imperative.mjs";
 import Toc from "./Toc/Toc.mjs";
 import { ErrorBoundary } from "react-error-boundary";
 export { A, Accordion, AccordionItem, ActionIcon, ActionIconGroup, Alert, AutoComplete, Avatar, AvatarGroup, Block, Burger, Button, CLASSNAMES, Center, Checkbox, CheckboxGroup, CodeDiff, CodeEditor, Collapse, ColorSwatches, ConfigProvider, ContextMenuHost, ContextMenuTrigger, CopyButton, DatePicker, DownloadButton, DraggablePanel, DraggablePanelBody, DraggablePanelContainer, DraggablePanelFooter, DraggablePanelHeader, DraggableSideNav, Drawer, Dropdown, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EditableText, EditorSlashMenu, EmojiPicker, Empty, ErrorBoundary, FileTypeIcon, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox, FluentEmoji, FontLoader, Footer, Form, FormGroup, FormItem, FormModal, FormSubmitFooter, FormTitle, Freeze, Grid, GroupAvatar, GuideCard, DEFAULT_HEIGHT as HTML_PREVIEW_DEFAULT_HEIGHT, DEFAULT_SANDBOX as HTML_PREVIEW_DEFAULT_SANDBOX, AUTO_HEIGHT_MESSAGE_TYPE as HTML_PREVIEW_RESIZE_MESSAGE, Header, Highlighter, Hotkey, HotkeyInput, HtmlPreview, HtmlPreviewIframe, I18nProvider, Icon, IconProvider, Image, ImageSelect, Input, InputNumber, InputOPT, InputPassword, KeyMapEnum, LOBE_THEME_APP_ID, Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSidebar, LayoutSidebarInner, LayoutToc, List, ListItem, I18nProvider as LobeUIProvider, Markdown, MaskShadow, MaterialFileTypeIcon, Menu, Mermaid, Meta, Modal, ModalHost, ModalProvider, MotionComponent, MotionProvider, NeuralNetworkLoading, PatchDiff, Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, PreviewGroup, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, ScrollShadow, SearchBar, SearchResultCards, Segmented, Select, lobe_theme_default as ShikiLobeTheme, SideNav, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonButton, SkeletonParagraph, SkeletonTags, SkeletonTitle, SliderWithInput, Snippet, SortableList, SyntaxHighlighter, SyntaxMermaid, Tabs, Tag, Text, TextArea, ThemeProvider, ThemeSwitch, ToastHost, Toc, Tooltip, TooltipGroup, Typography, Video, closeContextMenu, combineKeys, copyToClipboard, createModal, createRawModal, findCustomThemeName, genCdnUrl, generateColorNeutralPalette, generateColorPalette, highlighterThemes, containsScript as htmlPreviewContainsScript, isFullHtmlDocument, isHtmlContentClosed, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, styles as menuSharedStyles, mermaidThemes, neutralColors, neutralColorsSwatches, placementMap, preprocessMarkdownContent, preventDefault, preventDefaultAndStopPropagation, primaryColors, primaryColorsSwatches, rehypeCustomFootnotes, rehypeKatexDir, rehypeStreamAnimated, remarkBr, remarkColor, remarkCustomFootnotes, remarkGfmPlus, remarkVideo, renderDropdownMenuItems, setContextMenuInterceptor, showContextMenu, stopPropagation, toFloatingUIPlacement, toast, updateContextMenuItems, useAppElement, useCdnFn, useModalContext, useMotionComponent, usePopoverContext, usePopoverPortalContainer, useToast, useTranslation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.25.0",
+  "version": "5.26.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",

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,129 +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 blob = await (await fetch(url, { mode: "cors" })).blob();
-			const clipboardBlob = await getClipboardBlob(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":"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"}

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"}