@destyler/qr-code 0.2.11 → 0.2.12

package/dist/index.d.mts

@@ -1,12 +1,9 @@
-import * as _destyler_anatomy0 from "@destyler/anatomy";
 import { DataUrlType } from "@destyler/dom";
-import * as _destyler_xstate0 from "@destyler/xstate";
 import { AnyEventObject, Machine, XSend, XState } from "@destyler/xstate";
 import { QrCodeGenerateOptions, QrCodeGenerateOptions as QrCodeGenerateOptions$1, QrCodeGenerateResult, QrCodeGenerateResult as QrCodeGenerateResult$1 } from "uqr";
 import { CommonProperties, DirectionProperty, NormalizeProps, PropTypes, RequiredBy } from "@destyler/types";
-
 //#region src/anatomy.d.ts
-declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "frame" | "pattern" | "overlay" | "downloadTrigger">;
+export declare const anatomy: import("@destyler/anatomy").AnatomyInstance<"root" | "frame" | "pattern" | "overlay" | "downloadTrigger">;
 //#endregion
 //#region src/types.d.ts
 type ElementIds = Partial<{
@@ -86,13 +83,13 @@ interface MachineApi<T extends PropTypes = PropTypes> {
 }
 //#endregion
 //#region src/connect.d.ts
-declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
+export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
 //#endregion
 //#region src/machine.d.ts
-declare function machine(userContext: UserDefinedContext): _destyler_xstate0.Machine<MachineContext, MachineState, _destyler_xstate0.AnyEventObject>;
+export declare function machine(userContext: UserDefinedContext): import("@destyler/xstate").Machine<MachineContext, MachineState, import("@destyler/xstate").AnyEventObject>;
 //#endregion
 //#region src/props.d.ts
-declare const props: ("value" | "ids" | "encoding" | "onValueChange" | "dir" | "id" | "getRootNode")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "value" | "ids" | "encoding" | "onValueChange" | "dir" | "id" | "getRootNode">];
+export declare const props: ("value" | "ids" | "encoding" | "onValueChange" | "dir" | "id" | "getRootNode")[];
+export declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "value" | "ids" | "encoding" | "onValueChange" | "dir" | "id" | "getRootNode">];
 //#endregion
-export { type MachineApi as Api, type UserDefinedContext as Context, type DownloadTriggerProps, type ElementIds, type MachineState, type QrCodeGenerateOptions, type QrCodeGenerateResult, type Send, type Service, type ValueChangeDetails, anatomy, connect, machine, props, splitProps };
+export type { MachineApi as Api, UserDefinedContext as Context, DownloadTriggerProps, ElementIds, MachineState, QrCodeGenerateOptions, QrCodeGenerateResult, Send, Service, ValueChangeDetails };

package/dist/index.mjs

@@ -5,11 +5,9 @@ import { createMachine } from "@destyler/xstate";
 import { memoize } from "proxy-memoize";
 import { encode } from "uqr";
 import { createProps } from "@destyler/types";
-
 //#region src/anatomy.ts
 const anatomy = createAnatomy("qr-code").parts("root", "frame", "pattern", "overlay", "downloadTrigger");
 const parts = anatomy.build();
-
 //#endregion
 //#region src/dom.ts
 const dom = createScope({
@@ -17,7 +15,6 @@ const dom = createScope({
 	getFrameId: (ctx) => ctx.ids?.frame ?? `qr-code:${ctx.id}:frame`,
 	getFrameEl: (ctx) => dom.getById(ctx, dom.getFrameId(ctx))
 });
-
 //#endregion
 //#region src/connect.ts
 function connect(state, send, normalize) {
@@ -40,7 +37,8 @@ function connect(state, send, normalize) {
 			});
 		},
 		getDataUrl(type, quality) {
-			return getDataUrl(dom.getFrameEl(state.context), {
+			const svgEl = dom.getFrameEl(state.context);
+			return getDataUrl(svgEl, {
 				type,
 				quality
 			});
@@ -82,7 +80,7 @@ function connect(state, send, normalize) {
 				}
 			});
 		},
-		getDownloadTriggerProps(props$1) {
+		getDownloadTriggerProps(props) {
 			return normalize.button({
 				type: "button",
 				...parts.downloadTrigger.attrs,
@@ -90,14 +88,13 @@ function connect(state, send, normalize) {
 					if (event.defaultPrevented) return;
 					send({
 						type: "DOWNLOAD_TRIGGER.CLICK",
-						...props$1
+						...props
 					});
 				}
 			});
 		}
 	};
 }
-
 //#endregion
 //#region src/machine.ts
 const set = { value(ctx, value) {
@@ -106,12 +103,14 @@ const set = { value(ctx, value) {
 	ctx.onValueChange?.({ value });
 } };
 function machine(userContext) {
+	const ctx = compact(userContext);
 	return createMachine({
 		id: "qr-code",
 		initial: "idle",
 		context: {
 			value: "",
-			...compact(userContext),
+			encoding: {},
+			...ctx,
 			pixelSize: 10
 		},
 		computed: { encoded: memoize((ctx) => encode(ctx.value, ctx.encoding)) },
@@ -143,7 +142,6 @@ function machine(userContext) {
 		}
 	} });
 }
-
 //#endregion
 //#region src/props.ts
 const props = createProps()([
@@ -156,6 +154,5 @@ const props = createProps()([
 	"onValueChange"
 ]);
 const splitProps = createSplitProps(props);
-
 //#endregion
-export { anatomy, connect, machine, props, splitProps };
+export { anatomy, connect, machine, props, splitProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@destyler/qr-code",
   "type": "module",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "description": "a component that generates a QR code based on the provided data.",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
@@ -22,13 +22,13 @@
     "dist"
   ],
   "dependencies": {
+    "@destyler/anatomy": "0.2.12",
+    "@destyler/dom": "0.2.12",
+    "@destyler/types": "0.2.12",
+    "@destyler/utils": "0.2.12",
+    "@destyler/xstate": "0.2.12",
     "proxy-memoize": "^3.0.1",
-    "uqr": "^0.1.2",
-    "@destyler/anatomy": "0.2.11",
-    "@destyler/types": "0.2.11",
-    "@destyler/dom": "0.2.11",
-    "@destyler/xstate": "0.2.11",
-    "@destyler/utils": "0.2.11"
+    "uqr": "^0.1.3"
   },
   "publishConfig": {
     "access": "public"