@destyler/qr-code 0.0.3 → 0.0.5

package/README.md

@@ -0,0 +1,7 @@
+# @destyler/qr-code
+
+[![NPM version](https://img.shields.io/npm/v/@destyler/qr-code?color=a1b858&qr-code=)](https://www.npmjs.com/package/@destyler/qr-code)
+
+> a component that generates a QR code based on the provided data.
+
+[GitHub](https://github.com/destyler/destyler) | [Documentation](https://destyler-dev.zeabur.app/)

package/dist/component.cjs

@@ -8,5 +8,7 @@ require('@destyler/shared');
 
 
 
-exports.DestylerQrCodeItem = index.DestylerQrCodeItem;
-exports.DestylerQrCodeRoot = index.DestylerQrCodeRoot;
+exports.QrCodeItem = index.QrCodeItem;
+exports.QrCodeRoot = index.QrCodeRoot;
+exports.qrCodeItemProps = index.qrCodeItemProps;
+exports.qrCodeRootProps = index.qrCodeRootProps;

package/dist/component.d.cts

@@ -1,4 +1,4 @@
-export { DestylerQrCodeItem, DestylerQrCodeItemProps, DestylerQrCodeRoot, DestylerQrCodeRootProps } from './index.cjs';
+export { QrCodeItem, QrCodeItemProps, QrCodeRoot, QrCodeRootProps, qrCodeItemProps, qrCodeRootProps } from './index.cjs';
 import 'vue';
 import '@destyler/shared';
 import '@destyler/primitive';

package/dist/component.d.mts

@@ -1,4 +1,4 @@
-export { DestylerQrCodeItem, DestylerQrCodeItemProps, DestylerQrCodeRoot, DestylerQrCodeRootProps } from './index.mjs';
+export { QrCodeItem, QrCodeItemProps, QrCodeRoot, QrCodeRootProps, qrCodeItemProps, qrCodeRootProps } from './index.mjs';
 import 'vue';
 import '@destyler/shared';
 import '@destyler/primitive';

package/dist/component.d.ts

@@ -1,4 +1,4 @@
-export { DestylerQrCodeItem, DestylerQrCodeItemProps, DestylerQrCodeRoot, DestylerQrCodeRootProps } from './index.js';
+export { QrCodeItem, QrCodeItemProps, QrCodeRoot, QrCodeRootProps, qrCodeItemProps, qrCodeRootProps } from './index.js';
 import 'vue';
 import '@destyler/shared';
 import '@destyler/primitive';

package/dist/component.mjs

@@ -1,4 +1,4 @@
-export { DestylerQrCodeItem, DestylerQrCodeRoot } from './index.mjs';
+export { QrCodeItem, QrCodeRoot, qrCodeItemProps, qrCodeRootProps } from './index.mjs';
 import 'vue';
 import '@destyler/primitive';
 import '@destyler/composition';

package/dist/index.cjs

@@ -1082,17 +1082,8 @@ var qrcodegen;
 })(qrcodegen || (qrcodegen = {}));
 const qrcodegen$1 = qrcodegen;
 
-const destylerQrCodeRootProps = {
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "div"
-  },
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
+const qrCodeRootProps = {
+  ...primitive.primitiveProps,
   value: {
     type: String,
     required: true
@@ -1104,9 +1095,9 @@ const destylerQrCodeRootProps = {
   }
 };
 const [injectQrCodeRootContext, provideQrCodeRootContext] = shared.createContext("DestylerQrCodeRootContext");
-const DestylerQrCodeRoot = vue.defineComponent({
+const QrCodeRoot = vue.defineComponent({
   name: "DestylerQrCodeRoot",
-  props: destylerQrCodeRootProps,
+  props: qrCodeRootProps,
   setup(props) {
     composition.useForwardExpose();
     const { value, ErrorCorrectionLevel } = vue.toRefs(props);
@@ -1116,17 +1107,15 @@ const DestylerQrCodeRoot = vue.defineComponent({
     });
   },
   render() {
-    return vue.h(primitive.DestylerPrimitive, {
+    return vue.h(primitive.Primitive, {
       "as": this.$props.as,
       "asChild": this.$props.asChild,
       "aria-label": "QR Code"
-    }, {
-      default: () => this.$slots.default?.()
-    });
+    }, () => this.$slots.default?.());
   }
 });
 
-const destylerQrCodeItemProps = {
+const qrCodeItemProps = {
   size: {
     type: Number,
     default: 100
@@ -1146,9 +1135,9 @@ const ERROR_CORRECTION_LEVEL = {
   Q: qrcodegen$1.QrCode.Ecc.QUARTILE,
   H: qrcodegen$1.QrCode.Ecc.HIGH
 };
-const DestylerQrCodeItem = vue.defineComponent({
+const QrCodeItem = vue.defineComponent({
   name: "DestylerQrCodeItem",
-  props: destylerQrCodeItemProps,
+  props: qrCodeItemProps,
   setup(props) {
     const UPSCALE_RATIO = 2;
     const rootContext = injectQrCodeRootContext();
@@ -1201,7 +1190,7 @@ const DestylerQrCodeItem = vue.defineComponent({
     };
   },
   render() {
-    return vue.h(primitive.DestylerPrimitive, {
+    return vue.h(primitive.Primitive, {
       as: "canvas",
       asChild: false,
       ref: (el) => this.forwardRef(el)
@@ -1209,5 +1198,7 @@ const DestylerQrCodeItem = vue.defineComponent({
   }
 });
 
-exports.DestylerQrCodeItem = DestylerQrCodeItem;
-exports.DestylerQrCodeRoot = DestylerQrCodeRoot;
+exports.QrCodeItem = QrCodeItem;
+exports.QrCodeRoot = QrCodeRoot;
+exports.qrCodeItemProps = qrCodeItemProps;
+exports.qrCodeRootProps = qrCodeRootProps;

package/dist/index.d.cts

@@ -1,9 +1,9 @@
 import * as vue from 'vue';
-import { PropType, Component } from 'vue';
+import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '@destyler/shared';
-import { AsTag } from '@destyler/primitive';
+import * as _destyler_primitive from '@destyler/primitive';
 
-declare const destylerQrCodeItemProps: {
+declare const qrCodeItemProps: {
     readonly size: {
         readonly type: PropType<number>;
         readonly default: 100;
@@ -17,8 +17,8 @@ declare const destylerQrCodeItemProps: {
         readonly default: "#FFF";
     };
 };
-type DestylerQrCodeItemProps = ExtractPublicPropTypes<typeof destylerQrCodeItemProps>;
-declare const DestylerQrCodeItem: vue.DefineComponent<{
+type QrCodeItemProps = ExtractPublicPropTypes<typeof qrCodeItemProps>;
+declare const QrCodeItem: vue.DefineComponent<{
     readonly size: {
         readonly type: PropType<number>;
         readonly default: 100;
@@ -52,9 +52,18 @@ declare const DestylerQrCodeItem: vue.DefineComponent<{
     readonly backgroundColor: string;
 }, {}>;
 
-declare const destylerQrCodeRootProps: {
+declare const qrCodeRootProps: {
+    readonly value: {
+        readonly type: PropType<string>;
+        readonly required: true;
+    };
+    readonly ErrorCorrectionLevel: {
+        readonly type: PropType<"L" | "M" | "Q" | "H">;
+        readonly required: false;
+        readonly default: "M";
+    };
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
@@ -63,20 +72,20 @@ declare const destylerQrCodeRootProps: {
         readonly required: false;
         readonly default: false;
     };
+};
+type QrCodeRootProps = ExtractPublicPropTypes<typeof qrCodeRootProps>;
+declare const QrCodeRoot: vue.DefineComponent<{
     readonly value: {
         readonly type: PropType<string>;
         readonly required: true;
     };
     readonly ErrorCorrectionLevel: {
-        readonly type: PropType<"M" | "L" | "Q" | "H">;
+        readonly type: PropType<"L" | "M" | "Q" | "H">;
         readonly required: false;
         readonly default: "M";
     };
-};
-type DestylerQrCodeRootProps = ExtractPublicPropTypes<typeof destylerQrCodeRootProps>;
-declare const DestylerQrCodeRoot: vue.DefineComponent<{
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
@@ -85,18 +94,18 @@ declare const DestylerQrCodeRoot: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly value: {
         readonly type: PropType<string>;
         readonly required: true;
     };
     readonly ErrorCorrectionLevel: {
-        readonly type: PropType<"M" | "L" | "Q" | "H">;
+        readonly type: PropType<"L" | "M" | "Q" | "H">;
         readonly required: false;
         readonly default: "M";
     };
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
@@ -105,19 +114,10 @@ declare const DestylerQrCodeRoot: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
-    readonly value: {
-        readonly type: PropType<string>;
-        readonly required: true;
-    };
-    readonly ErrorCorrectionLevel: {
-        readonly type: PropType<"M" | "L" | "Q" | "H">;
-        readonly required: false;
-        readonly default: "M";
-    };
 }>>, {
-    readonly as: AsTag | Component;
+    readonly ErrorCorrectionLevel: "L" | "M" | "Q" | "H";
+    readonly as: _destyler_primitive.AsTag | vue.Component;
     readonly asChild: boolean;
-    readonly ErrorCorrectionLevel: "M" | "L" | "Q" | "H";
 }, {}>;
 
-export { DestylerQrCodeItem, type DestylerQrCodeItemProps, DestylerQrCodeRoot, type DestylerQrCodeRootProps };
+export { QrCodeItem, type QrCodeItemProps, QrCodeRoot, type QrCodeRootProps, qrCodeItemProps, qrCodeRootProps };

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 import * as vue from 'vue';
-import { PropType, Component } from 'vue';
+import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '@destyler/shared';
-import { AsTag } from '@destyler/primitive';
+import * as _destyler_primitive from '@destyler/primitive';
 
-declare const destylerQrCodeItemProps: {
+declare const qrCodeItemProps: {
     readonly size: {
         readonly type: PropType<number>;
         readonly default: 100;
@@ -17,8 +17,8 @@ declare const destylerQrCodeItemProps: {
         readonly default: "#FFF";
     };
 };
-type DestylerQrCodeItemProps = ExtractPublicPropTypes<typeof destylerQrCodeItemProps>;
-declare const DestylerQrCodeItem: vue.DefineComponent<{
+type QrCodeItemProps = ExtractPublicPropTypes<typeof qrCodeItemProps>;
+declare const QrCodeItem: vue.DefineComponent<{
     readonly size: {
         readonly type: PropType<number>;
         readonly default: 100;
@@ -52,9 +52,18 @@ declare const DestylerQrCodeItem: vue.DefineComponent<{
     readonly backgroundColor: string;
 }, {}>;
 
-declare const destylerQrCodeRootProps: {
+declare const qrCodeRootProps: {
+    readonly value: {
+        readonly type: PropType<string>;
+        readonly required: true;
+    };
+    readonly ErrorCorrectionLevel: {
+        readonly type: PropType<"L" | "M" | "Q" | "H">;
+        readonly required: false;
+        readonly default: "M";
+    };
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
@@ -63,20 +72,20 @@ declare const destylerQrCodeRootProps: {
         readonly required: false;
         readonly default: false;
     };
+};
+type QrCodeRootProps = ExtractPublicPropTypes<typeof qrCodeRootProps>;
+declare const QrCodeRoot: vue.DefineComponent<{
     readonly value: {
         readonly type: PropType<string>;
         readonly required: true;
     };
     readonly ErrorCorrectionLevel: {
-        readonly type: PropType<"M" | "L" | "Q" | "H">;
+        readonly type: PropType<"L" | "M" | "Q" | "H">;
         readonly required: false;
         readonly default: "M";
     };
-};
-type DestylerQrCodeRootProps = ExtractPublicPropTypes<typeof destylerQrCodeRootProps>;
-declare const DestylerQrCodeRoot: vue.DefineComponent<{
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
@@ -85,18 +94,18 @@ declare const DestylerQrCodeRoot: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly value: {
         readonly type: PropType<string>;
         readonly required: true;
     };
     readonly ErrorCorrectionLevel: {
-        readonly type: PropType<"M" | "L" | "Q" | "H">;
+        readonly type: PropType<"L" | "M" | "Q" | "H">;
         readonly required: false;
         readonly default: "M";
     };
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
@@ -105,19 +114,10 @@ declare const DestylerQrCodeRoot: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
-    readonly value: {
-        readonly type: PropType<string>;
-        readonly required: true;
-    };
-    readonly ErrorCorrectionLevel: {
-        readonly type: PropType<"M" | "L" | "Q" | "H">;
-        readonly required: false;
-        readonly default: "M";
-    };
 }>>, {
-    readonly as: AsTag | Component;
+    readonly ErrorCorrectionLevel: "L" | "M" | "Q" | "H";
+    readonly as: _destyler_primitive.AsTag | vue.Component;
     readonly asChild: boolean;
-    readonly ErrorCorrectionLevel: "M" | "L" | "Q" | "H";
 }, {}>;
 
-export { DestylerQrCodeItem, type DestylerQrCodeItemProps, DestylerQrCodeRoot, type DestylerQrCodeRootProps };
+export { QrCodeItem, type QrCodeItemProps, QrCodeRoot, type QrCodeRootProps, qrCodeItemProps, qrCodeRootProps };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as vue from 'vue';
-import { PropType, Component } from 'vue';
+import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '@destyler/shared';
-import { AsTag } from '@destyler/primitive';
+import * as _destyler_primitive from '@destyler/primitive';
 
-declare const destylerQrCodeItemProps: {
+declare const qrCodeItemProps: {
     readonly size: {
         readonly type: PropType<number>;
         readonly default: 100;
@@ -17,8 +17,8 @@ declare const destylerQrCodeItemProps: {
         readonly default: "#FFF";
     };
 };
-type DestylerQrCodeItemProps = ExtractPublicPropTypes<typeof destylerQrCodeItemProps>;
-declare const DestylerQrCodeItem: vue.DefineComponent<{
+type QrCodeItemProps = ExtractPublicPropTypes<typeof qrCodeItemProps>;
+declare const QrCodeItem: vue.DefineComponent<{
     readonly size: {
         readonly type: PropType<number>;
         readonly default: 100;
@@ -52,9 +52,18 @@ declare const DestylerQrCodeItem: vue.DefineComponent<{
     readonly backgroundColor: string;
 }, {}>;
 
-declare const destylerQrCodeRootProps: {
+declare const qrCodeRootProps: {
+    readonly value: {
+        readonly type: PropType<string>;
+        readonly required: true;
+    };
+    readonly ErrorCorrectionLevel: {
+        readonly type: PropType<"L" | "M" | "Q" | "H">;
+        readonly required: false;
+        readonly default: "M";
+    };
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
@@ -63,20 +72,20 @@ declare const destylerQrCodeRootProps: {
         readonly required: false;
         readonly default: false;
     };
+};
+type QrCodeRootProps = ExtractPublicPropTypes<typeof qrCodeRootProps>;
+declare const QrCodeRoot: vue.DefineComponent<{
     readonly value: {
         readonly type: PropType<string>;
         readonly required: true;
     };
     readonly ErrorCorrectionLevel: {
-        readonly type: PropType<"M" | "L" | "Q" | "H">;
+        readonly type: PropType<"L" | "M" | "Q" | "H">;
         readonly required: false;
         readonly default: "M";
     };
-};
-type DestylerQrCodeRootProps = ExtractPublicPropTypes<typeof destylerQrCodeRootProps>;
-declare const DestylerQrCodeRoot: vue.DefineComponent<{
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
@@ -85,18 +94,18 @@ declare const DestylerQrCodeRoot: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly value: {
         readonly type: PropType<string>;
         readonly required: true;
     };
     readonly ErrorCorrectionLevel: {
-        readonly type: PropType<"M" | "L" | "Q" | "H">;
+        readonly type: PropType<"L" | "M" | "Q" | "H">;
         readonly required: false;
         readonly default: "M";
     };
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
         readonly default: "div";
     };
@@ -105,19 +114,10 @@ declare const DestylerQrCodeRoot: vue.DefineComponent<{
         readonly required: false;
         readonly default: false;
     };
-    readonly value: {
-        readonly type: PropType<string>;
-        readonly required: true;
-    };
-    readonly ErrorCorrectionLevel: {
-        readonly type: PropType<"M" | "L" | "Q" | "H">;
-        readonly required: false;
-        readonly default: "M";
-    };
 }>>, {
-    readonly as: AsTag | Component;
+    readonly ErrorCorrectionLevel: "L" | "M" | "Q" | "H";
+    readonly as: _destyler_primitive.AsTag | vue.Component;
     readonly asChild: boolean;
-    readonly ErrorCorrectionLevel: "M" | "L" | "Q" | "H";
 }, {}>;
 
-export { DestylerQrCodeItem, type DestylerQrCodeItemProps, DestylerQrCodeRoot, type DestylerQrCodeRootProps };
+export { QrCodeItem, type QrCodeItemProps, QrCodeRoot, type QrCodeRootProps, qrCodeItemProps, qrCodeRootProps };

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, toRefs, h, computed, onMounted, ref, watchEffect } from 'vue';
-import { DestylerPrimitive } from '@destyler/primitive';
+import { primitiveProps, Primitive } from '@destyler/primitive';
 import { useForwardExpose } from '@destyler/composition';
 import { createContext } from '@destyler/shared';
 
@@ -1080,17 +1080,8 @@ var qrcodegen;
 })(qrcodegen || (qrcodegen = {}));
 const qrcodegen$1 = qrcodegen;
 
-const destylerQrCodeRootProps = {
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "div"
-  },
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
+const qrCodeRootProps = {
+  ...primitiveProps,
   value: {
     type: String,
     required: true
@@ -1102,9 +1093,9 @@ const destylerQrCodeRootProps = {
   }
 };
 const [injectQrCodeRootContext, provideQrCodeRootContext] = createContext("DestylerQrCodeRootContext");
-const DestylerQrCodeRoot = defineComponent({
+const QrCodeRoot = defineComponent({
   name: "DestylerQrCodeRoot",
-  props: destylerQrCodeRootProps,
+  props: qrCodeRootProps,
   setup(props) {
     useForwardExpose();
     const { value, ErrorCorrectionLevel } = toRefs(props);
@@ -1114,17 +1105,15 @@ const DestylerQrCodeRoot = defineComponent({
     });
   },
   render() {
-    return h(DestylerPrimitive, {
+    return h(Primitive, {
       "as": this.$props.as,
       "asChild": this.$props.asChild,
       "aria-label": "QR Code"
-    }, {
-      default: () => this.$slots.default?.()
-    });
+    }, () => this.$slots.default?.());
   }
 });
 
-const destylerQrCodeItemProps = {
+const qrCodeItemProps = {
   size: {
     type: Number,
     default: 100
@@ -1144,9 +1133,9 @@ const ERROR_CORRECTION_LEVEL = {
   Q: qrcodegen$1.QrCode.Ecc.QUARTILE,
   H: qrcodegen$1.QrCode.Ecc.HIGH
 };
-const DestylerQrCodeItem = defineComponent({
+const QrCodeItem = defineComponent({
   name: "DestylerQrCodeItem",
-  props: destylerQrCodeItemProps,
+  props: qrCodeItemProps,
   setup(props) {
     const UPSCALE_RATIO = 2;
     const rootContext = injectQrCodeRootContext();
@@ -1199,7 +1188,7 @@ const DestylerQrCodeItem = defineComponent({
     };
   },
   render() {
-    return h(DestylerPrimitive, {
+    return h(Primitive, {
       as: "canvas",
       asChild: false,
       ref: (el) => this.forwardRef(el)
@@ -1207,4 +1196,4 @@ const DestylerQrCodeItem = defineComponent({
   }
 });
 
-export { DestylerQrCodeItem, DestylerQrCodeRoot };
+export { QrCodeItem, QrCodeRoot, qrCodeItemProps, qrCodeRootProps };

package/dist/resolver.cjs

@@ -3,18 +3,19 @@
 const name = "@destyler/qr-code";
 
 const packageName = name;
-const destylerComponentName = [
-  "DestylerTemplate"
+const qrCodeComponentName = [
+  "QrCodeItem",
+  "QrCodeRoot"
 ];
-function DestylerTemplateResolver() {
+function QrCodeResolver() {
   return {
     type: "component",
     resolve: (name2) => {
-      if (destylerComponentName.includes(name2))
+      if (qrCodeComponentName.includes(name2))
         return { name: name2, from: packageName };
     }
   };
 }
 
-exports.DestylerTemplateResolver = DestylerTemplateResolver;
-exports.destylerComponentName = destylerComponentName;
+exports.QrCodeResolver = QrCodeResolver;
+exports.qrCodeComponentName = qrCodeComponentName;

package/dist/resolver.d.cts

@@ -1,6 +1,6 @@
 import { ComponentResolver } from 'unplugin-vue-components';
 
-declare const destylerComponentName: string[];
-declare function DestylerTemplateResolver(): ComponentResolver;
+declare const qrCodeComponentName: string[];
+declare function QrCodeResolver(): ComponentResolver;
 
-export { DestylerTemplateResolver, destylerComponentName };
+export { QrCodeResolver, qrCodeComponentName };

package/dist/resolver.d.mts

@@ -1,6 +1,6 @@
 import { ComponentResolver } from 'unplugin-vue-components';
 
-declare const destylerComponentName: string[];
-declare function DestylerTemplateResolver(): ComponentResolver;
+declare const qrCodeComponentName: string[];
+declare function QrCodeResolver(): ComponentResolver;
 
-export { DestylerTemplateResolver, destylerComponentName };
+export { QrCodeResolver, qrCodeComponentName };

package/dist/resolver.d.ts

@@ -1,6 +1,6 @@
 import { ComponentResolver } from 'unplugin-vue-components';
 
-declare const destylerComponentName: string[];
-declare function DestylerTemplateResolver(): ComponentResolver;
+declare const qrCodeComponentName: string[];
+declare function QrCodeResolver(): ComponentResolver;
 
-export { DestylerTemplateResolver, destylerComponentName };
+export { QrCodeResolver, qrCodeComponentName };

package/dist/resolver.mjs

@@ -1,17 +1,18 @@
 const name = "@destyler/qr-code";
 
 const packageName = name;
-const destylerComponentName = [
-  "DestylerTemplate"
+const qrCodeComponentName = [
+  "QrCodeItem",
+  "QrCodeRoot"
 ];
-function DestylerTemplateResolver() {
+function QrCodeResolver() {
   return {
     type: "component",
     resolve: (name2) => {
-      if (destylerComponentName.includes(name2))
+      if (qrCodeComponentName.includes(name2))
         return { name: name2, from: packageName };
     }
   };
 }
 
-export { DestylerTemplateResolver, destylerComponentName };
+export { QrCodeResolver, qrCodeComponentName };

package/package.json

@@ -1,25 +1,22 @@
 {
   "name": "@destyler/qr-code",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "unstyled qr code component for vue",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     },
     "./resolver": {
-      "types": "./dist/resolver.d.ts",
-      "import": "./dist/resolver.mjs",
-      "require": "./dist/resolver.cjs"
+      "types": "./dist/resolver.d.mts",
+      "default": "./dist/resolver.mjs"
     },
     "./component": {
-      "types": "./dist/component.d.ts",
-      "import": "./dist/component.mjs",
-      "require": "./dist/component.cjs"
+      "types": "./dist/component.d.mts",
+      "default": "./dist/component.mjs"
     },
     "./*": "./*"
   },
@@ -31,15 +28,16 @@
     "dist"
   ],
   "peerDependencies": {
-    "vue": ">=3.3.4"
+    "vue": ">=3.4.21"
   },
   "dependencies": {
-    "@destyler/composition": "0.0.3",
-    "@destyler/primitive": "0.0.3",
-    "@destyler/shared": "0.0.3"
+    "@destyler/composition": "0.0.5",
+    "@destyler/primitive": "0.0.5",
+    "@destyler/shared": "0.0.5"
   },
   "scripts": {
     "clear": "rimraf ./dist",
-    "build": "pnpm run clear && unbuild"
+    "build": "pnpm run clear && unbuild",
+    "stub": "unbuild --stub"
   }
 }