v2.0.6

CHANGELOG.md

@@ -1,3 +1,14 @@
+## v2.0.6
+
+### Feat
+
+- 重写 `downloadBase64File` 方法
+- 新增 `ssr` 支持
+
+### Fix
+
+- 修复 `onSuccess` 类型错误
+
 ## v2.0.5
 
 ### Feat

components/qrcode/src/QRCode.tsx

@@ -22,8 +22,11 @@ export const downloadBase64File = (base64: string, fileName?: string) => {
   link.href = base64
   link.download = fileName || new Date().getTime() + '.png'
 
+  link.style.display = 'none'
+
+  document.body.appendChild(link)
   link.click()
-  link.remove()
+  document.body.removeChild(link)
 }
 
 const readGIFAsArrayBuffer = (

components/qrcode/src/props.ts

@@ -273,7 +273,7 @@ const props = {
      * When the QR code is successfully generated, this callback is called
      */
     type: [Function, Array] as PropType<
-      MaybeArray<(dataURL: ArrayBuffer | string | undefined) => void>
+      MaybeArray<(dataURL: ArrayBuffer | string | undefined | Buffer) => void>
     >,
     default: null,
   },

es/qrcode/src/QRCode.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { QRCodeRenderResponse } from './types';
 export declare const downloadBase64File: (base64: string, fileName?: string) => void;
 declare const _default: import("vue").DefineComponent<{
@@ -114,7 +115,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     onSuccess: {
-        type: import("vue").PropType<import("./types").MaybeArray<(dataURL: string | ArrayBuffer | undefined) => void>>;
+        type: import("vue").PropType<import("./types").MaybeArray<(dataURL: string | ArrayBuffer | Buffer | undefined) => void>>;
         default: null;
     };
     onError: {
@@ -249,7 +250,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     onSuccess: {
-        type: import("vue").PropType<import("./types").MaybeArray<(dataURL: string | ArrayBuffer | undefined) => void>>;
+        type: import("vue").PropType<import("./types").MaybeArray<(dataURL: string | ArrayBuffer | Buffer | undefined) => void>>;
         default: null;
     };
     onError: {
@@ -280,7 +281,7 @@ declare const _default: import("vue").DefineComponent<{
     logoMargin: number;
     logoCornerRadius: number;
     dotScale: number;
-    onSuccess: import("./types").MaybeArray<(dataURL: string | ArrayBuffer | undefined) => void>;
+    onSuccess: import("./types").MaybeArray<(dataURL: string | ArrayBuffer | Buffer | undefined) => void>;
     onError: import("./types").MaybeArray<(e: unknown) => void>;
     onReload: import("./types").MaybeArray<() => void>;
 }, {}>;

es/qrcode/src/props.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { MaybeArray, QRCodeStatus, QRCodeLevel } from './types';
 import type { PropType, VNode } from 'vue';
 import type { ComponentOptions } from 'awesome-qr/lib/awesome-qr';
@@ -273,7 +274,7 @@ declare const props: {
          *
          * When the QR code is successfully generated, this callback is called
          */
-        type: PropType<MaybeArray<(dataURL: ArrayBuffer | string | undefined) => void>>;
+        type: PropType<MaybeArray<(dataURL: ArrayBuffer | string | undefined | Buffer) => void>>;
         default: null;
     };
     onError: {

lib/qrcode/src/QRCode.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { QRCodeRenderResponse } from './types';
 export declare const downloadBase64File: (base64: string, fileName?: string) => void;
 declare const _default: import("vue").DefineComponent<{
@@ -114,7 +115,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     onSuccess: {
-        type: import("vue").PropType<import("./types").MaybeArray<(dataURL: string | ArrayBuffer | undefined) => void>>;
+        type: import("vue").PropType<import("./types").MaybeArray<(dataURL: string | ArrayBuffer | Buffer | undefined) => void>>;
         default: null;
     };
     onError: {
@@ -249,7 +250,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     onSuccess: {
-        type: import("vue").PropType<import("./types").MaybeArray<(dataURL: string | ArrayBuffer | undefined) => void>>;
+        type: import("vue").PropType<import("./types").MaybeArray<(dataURL: string | ArrayBuffer | Buffer | undefined) => void>>;
         default: null;
     };
     onError: {
@@ -280,7 +281,7 @@ declare const _default: import("vue").DefineComponent<{
     logoMargin: number;
     logoCornerRadius: number;
     dotScale: number;
-    onSuccess: import("./types").MaybeArray<(dataURL: string | ArrayBuffer | undefined) => void>;
+    onSuccess: import("./types").MaybeArray<(dataURL: string | ArrayBuffer | Buffer | undefined) => void>;
     onError: import("./types").MaybeArray<(e: unknown) => void>;
     onReload: import("./types").MaybeArray<() => void>;
 }, {}>;

lib/qrcode/src/props.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { MaybeArray, QRCodeStatus, QRCodeLevel } from './types';
 import type { PropType, VNode } from 'vue';
 import type { ComponentOptions } from 'awesome-qr/lib/awesome-qr';
@@ -273,7 +274,7 @@ declare const props: {
          *
          * When the QR code is successfully generated, this callback is called
          */
-        type: PropType<MaybeArray<(dataURL: ArrayBuffer | string | undefined) => void>>;
+        type: PropType<MaybeArray<(dataURL: ArrayBuffer | string | undefined | Buffer) => void>>;
         default: null;
     };
     onError: {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue3-next-qrcode",
   "private": false,
-  "version": "2.0.5",
+  "version": "2.0.6",
   "type": "module",
   "license": "MIT",
   "author": "Ray",

vite.build.config.ts

@@ -20,7 +20,7 @@ export default defineConfig({
   build: {
     minify: false,
     rollupOptions: {
-      external: ['@v-c/utils', '@vueuse/core', 'vue', 'awesome-qr', 'naive-ui'],
+      external: ['@v-c/utils', 'vue', 'awesome-qr'],
       output: [
         {
           format: 'es',
@@ -44,4 +44,7 @@ export default defineConfig({
       formats: ['es', 'cjs'],
     },
   },
+  ssr: {
+    external: ['@v-c/utils', 'vue', 'awesome-qr'],
+  },
 })