@lobehub/ui 5.2.1 → 5.3.0

package/es/mobile/TabBar/TabBar.d.mts

@@ -1,8 +1,8 @@
 import { TabBarProps } from "./type.mjs";
-import * as react127 from "react";
+import * as react122 from "react";
 
 //#region src/mobile/TabBar/TabBar.d.ts
-declare const TabBar: react127.NamedExoticComponent<TabBarProps>;
+declare const TabBar: react122.NamedExoticComponent<TabBarProps>;
 //#endregion
 export { TabBar };
 //# sourceMappingURL=TabBar.d.mts.map

package/es/storybook/StoryBook/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react30 from "react";
+import * as react25 from "react";
 import { Ref } from "react";
 import { useControls, useCreateStore } from "leva";
 
@@ -10,7 +10,7 @@ interface StoryBookProps extends FlexboxProps {
   noPadding?: boolean;
   ref?: Ref<HTMLDivElement>;
 }
-declare const StoryBook: react30.NamedExoticComponent<StoryBookProps>;
+declare const StoryBook: react25.NamedExoticComponent<StoryBookProps>;
 //#endregion
 export { StoryBook, StoryBookProps, useControls, useCreateStore };
 //# sourceMappingURL=index.d.mts.map

package/es/utils/blobToPng.mjs

@@ -0,0 +1,41 @@
+//#region src/utils/blobToPng.ts
+/**
+* Convert image blob to PNG format.
+* Clipboard API only supports image/png and image/svg+xml.
+* WebP, JPEG and other formats need to be converted for clipboard copy.
+*/
+const blobToPng = (blob) => new Promise((resolve, reject) => {
+	const img = new Image();
+	const url = URL.createObjectURL(blob);
+	img.onload = () => {
+		URL.revokeObjectURL(url);
+		const canvas = document.createElement("canvas");
+		canvas.width = img.naturalWidth;
+		canvas.height = img.naturalHeight;
+		const ctx = canvas.getContext("2d");
+		if (!ctx) {
+			reject(/* @__PURE__ */ new Error("Canvas context not available"));
+			return;
+		}
+		ctx.drawImage(img, 0, 0);
+		canvas.toBlob((pngBlob) => {
+			if (pngBlob) resolve(pngBlob);
+			else reject(/* @__PURE__ */ new Error("Failed to convert to PNG"));
+		}, "image/png", 1);
+	};
+	img.onerror = () => {
+		URL.revokeObjectURL(url);
+		reject(/* @__PURE__ */ new Error("Failed to load image"));
+	};
+	img.src = url;
+});
+const getClipboardBlob = async (blob) => {
+	const type = (blob.type || "").toLowerCase();
+	if (type === "image/png" || type === "image/svg+xml") return { [type]: blob };
+	const pngBlob = await blobToPng(blob);
+	return { "image/png": pngBlob };
+};
+
+//#endregion
+export { getClipboardBlob };
+//# sourceMappingURL=blobToPng.mjs.map

package/es/utils/blobToPng.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blobToPng.mjs","names":[],"sources":["../../src/utils/blobToPng.ts"],"sourcesContent":["/**\n * Convert image blob to PNG format.\n * Clipboard API only supports image/png and image/svg+xml.\n * WebP, JPEG and other formats need to be converted for clipboard copy.\n */\nexport const blobToPng = (blob: Blob): Promise<Blob> =>\n  new Promise((resolve, reject) => {\n    const img = new Image();\n    const url = URL.createObjectURL(blob);\n\n    img.onload = () => {\n      URL.revokeObjectURL(url);\n      const canvas = document.createElement('canvas');\n      canvas.width = img.naturalWidth;\n      canvas.height = img.naturalHeight;\n      const ctx = canvas.getContext('2d');\n      if (!ctx) {\n        reject(new Error('Canvas context not available'));\n        return;\n      }\n      ctx.drawImage(img, 0, 0);\n      canvas.toBlob(\n        (pngBlob) => {\n          if (pngBlob) {\n            resolve(pngBlob);\n          } else {\n            reject(new Error('Failed to convert to PNG'));\n          }\n        },\n        'image/png',\n        1,\n      );\n    };\n\n    img.onerror = () => {\n      URL.revokeObjectURL(url);\n      reject(new Error('Failed to load image'));\n    };\n\n    img.src = url;\n  });\n\nconst CLIPBOARD_SUPPORTED_TYPES = ['image/png', 'image/svg+xml'] as const;\n\nexport const getClipboardBlob = async (\n  blob: Blob,\n): Promise<{ 'image/png': Blob } | { 'image/svg+xml': Blob }> => {\n  const type = (blob.type || '').toLowerCase();\n\n  if (type === 'image/png' || type === 'image/svg+xml') {\n    return { [type]: blob } as { 'image/png': Blob } | { 'image/svg+xml': Blob };\n  }\n\n  const pngBlob = await blobToPng(blob);\n  return { 'image/png': pngBlob };\n};\n"],"mappings":";;;;;;AAKA,MAAa,aAAa,SACxB,IAAI,SAAS,SAAS,WAAW;CAC/B,MAAM,MAAM,IAAI,OAAO;CACvB,MAAM,MAAM,IAAI,gBAAgB,KAAK;AAErC,KAAI,eAAe;AACjB,MAAI,gBAAgB,IAAI;EACxB,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,SAAO,QAAQ,IAAI;AACnB,SAAO,SAAS,IAAI;EACpB,MAAM,MAAM,OAAO,WAAW,KAAK;AACnC,MAAI,CAAC,KAAK;AACR,0BAAO,IAAI,MAAM,+BAA+B,CAAC;AACjD;;AAEF,MAAI,UAAU,KAAK,GAAG,EAAE;AACxB,SAAO,QACJ,YAAY;AACX,OAAI,QACF,SAAQ,QAAQ;OAEhB,wBAAO,IAAI,MAAM,2BAA2B,CAAC;KAGjD,aACA,EACD;;AAGH,KAAI,gBAAgB;AAClB,MAAI,gBAAgB,IAAI;AACxB,yBAAO,IAAI,MAAM,uBAAuB,CAAC;;AAG3C,KAAI,MAAM;EACV;AAIJ,MAAa,mBAAmB,OAC9B,SAC+D;CAC/D,MAAM,QAAQ,KAAK,QAAQ,IAAI,aAAa;AAE5C,KAAI,SAAS,eAAe,SAAS,gBACnC,QAAO,GAAG,OAAO,MAAM;CAGzB,MAAM,UAAU,MAAM,UAAU,KAAK;AACrC,QAAO,EAAE,aAAa,SAAS"}

package/package.json

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