vft 0.0.18 → 0.0.20

package/es/components/pagination/pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.mjs","sources":["../../../../../packages/components/pagination/pagination.ts"],"sourcesContent":["import { isNumber } from '@vft/utils';\nimport { computed, type ComputedRef, defineComponent, getCurrentInstance, h, type InjectionKey, provide, ref, watch, type WritableComputedRef } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\n\nimport Prev from './components/prev.vue';\nimport Next from './components/next.vue';\nimport Sizes from './components/sizes.vue';\nimport Jumper from './components/jumper.vue';\nimport Total from './components/total.vue';\nimport Pager from './components/pager.vue';\n\nimport type { VNode } from 'vue';\nimport { elPaginationKey } from './usePagination';\n\n/**\n * It it user's responsibility to guarantee that the value of props.total... is number\n * (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)\n * Otherwise we can reasonable infer that the corresponding field is absent\n */\nconst isAbsent = (v: unknown): v is undefined => typeof v !== 'number';\n\ntype LayoutKey = 'prev' | 'pager' | 'next' | 'jumper' | '->' | 'total' | 'sizes' | 'slot';\n\nexport const paginationEmits = {\n  'update:current-page': (val: number) => isNumber(val),\n  'update:page-size': (val: number) => isNumber(val),\n  'size-change': (val: number) => isNumber(val),\n  'current-change': (val: number) => isNumber(val),\n  'prev-click': (val: number) => isNumber(val),\n  'next-click': (val: number) => isNumber(val)\n};\nexport type PaginationEmits = typeof paginationEmits;\n\nconst componentName = 'VftPagination';\nexport default defineComponent({\n  name: componentName,\n  props: {\n    /**\n     * @description total item count\n     */\n    total: Number,\n    /**\n     * @description options of item count per page\n     */\n    pageSize: Number,\n    /**\n     * @description default initial value of page size\n     */\n    defaultPageSize: Number,\n    /**\n     * @description current page number\n     */\n    currentPage: Number,\n    /**\n     * @description default initial value of current-page\n     */\n    defaultCurrentPage: Number,\n    /**\n     * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required\n     */\n    pageCount: Number,\n    /**\n     * @description number of pagers. Pagination collapses when the total page count exceeds this value\n     */\n    pagerCount: {\n      type: Number,\n      validator: (value: unknown) => {\n        return isNumber(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;\n      },\n      default: 7\n    },\n    /**\n     * @description layout of Pagination, elements separated with a comma\n     */\n    layout: {\n      type: String,\n      default: (['prev', 'pager', 'next', 'jumper', '->', 'total'] as LayoutKey[]).join(', ')\n    },\n    /**\n     * @description item count of each page\n     */\n    pageSizes: {\n      type: Array,\n      default: [10, 20, 30, 40, 50, 100]\n    },\n    /**\n     * @description custom class name for the page size Select's dropdown\n     */\n    popperClass: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description text for the prev button\n     */\n    prevText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the prev button, higher priority of `prev-text`\n     */\n    prevIcon: {\n      type: String,\n      default: () => 'ArrowLeft'\n    },\n    /**\n     * @description text for the next button\n     */\n    nextText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the next button, higher priority of `next-text`\n     */\n    nextIcon: {\n      type: String,\n      default: () => 'ArrowRight'\n    },\n    /**\n     * @description whether to use small pagination\n     */\n    small: Boolean,\n    /**\n     * @description whether the buttons have a background color\n     */\n    background: Boolean,\n    /**\n     * @description whether Pagination is disabled\n     */\n    disabled: Boolean,\n    /**\n     * @description whether to hide when there's only one page\n     */\n    hideOnSinglePage: Boolean\n  },\n  emits: paginationEmits,\n  setup(props, { emit, slots }) {\n    const ns = useNamespace('pagination');\n    const vnodeProps = getCurrentInstance()!.vnode.props || {};\n    // we can find @xxx=\"xxx\" props on `vnodeProps` to check if user bind corresponding events\n    const hasCurrentPageListener = 'onUpdate:currentPage' in vnodeProps || 'onUpdate:current-page' in vnodeProps || 'onCurrentChange' in vnodeProps;\n    const hasPageSizeListener = 'onUpdate:pageSize' in vnodeProps || 'onUpdate:page-size' in vnodeProps || 'onSizeChange' in vnodeProps;\n    const assertValidUsage = computed(() => {\n      // Users have to set either one, otherwise count of pages cannot be determined\n      if (isAbsent(props.total) && isAbsent(props.pageCount)) return false;\n      // <el-pagination ...otherProps :current-page=\"xxx\" /> without corresponding listener is forbidden now\n      // Users have to use two way binding of `currentPage`\n      // If users just want to provide a default value, `defaultCurrentPage` is here for you\n      if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false;\n      // When you want to change sizes, things get more complex, detailed below\n      // Basically the most important value we need is page count\n      // either directly from props.pageCount\n      // or calculated from props.total\n      // we will take props.pageCount precedence over props.total\n      if (props.layout.includes('sizes')) {\n        if (!isAbsent(props.pageCount)) {\n          // if props.pageCount is assign by user, then user have to watch pageSize change\n          // and recalculate pageCount\n          if (!hasPageSizeListener) return false;\n        } else if (!isAbsent(props.total)) {\n          // Otherwise, we will see if user have props.pageSize defined\n          // If so, meaning user want to have pageSize controlled himself/herself from component\n          // Thus page size listener is required\n          // users are account for page size change\n          if (!isAbsent(props.pageSize)) {\n            if (!hasPageSizeListener) {\n              return false;\n            }\n          } else {\n            // (else block just for explaination)\n            // else page size is controlled by el-pagination internally\n          }\n        }\n      }\n      return true;\n    });\n\n    const innerPageSize = ref(isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize);\n    const innerCurrentPage = ref(isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage);\n\n    const pageSizeBridge = computed({\n      get() {\n        return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize;\n      },\n      set(v: number) {\n        if (isAbsent(props.pageSize)) {\n          innerPageSize.value = v;\n        }\n        if (hasPageSizeListener) {\n          emit('update:page-size', v);\n          emit('size-change', v);\n        }\n      }\n    });\n\n    const pageCountBridge = computed<number>(() => {\n      let pageCount = 0;\n      if (!isAbsent(props.pageCount)) {\n        pageCount = props.pageCount;\n      } else if (!isAbsent(props.total)) {\n        pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value));\n      }\n      return pageCount;\n    });\n\n    const currentPageBridge = computed<number>({\n      get() {\n        return isAbsent(props.currentPage) ? innerCurrentPage.value : props.currentPage;\n      },\n      set(v) {\n        let newCurrentPage = v;\n        if (v < 1) {\n          newCurrentPage = 1;\n        } else if (v > pageCountBridge.value) {\n          newCurrentPage = pageCountBridge.value;\n        }\n        if (isAbsent(props.currentPage)) {\n          innerCurrentPage.value = newCurrentPage;\n        }\n        if (hasCurrentPageListener) {\n          emit('update:current-page', newCurrentPage);\n          emit('current-change', newCurrentPage);\n        }\n      }\n    });\n\n    watch(pageCountBridge, (val) => {\n      if (currentPageBridge.value > val) currentPageBridge.value = val;\n    });\n\n    function handleCurrentChange(val: number) {\n      currentPageBridge.value = val;\n    }\n\n    function handleSizeChange(val: number) {\n      pageSizeBridge.value = val;\n      const newPageCount = pageCountBridge.value;\n      if (currentPageBridge.value > newPageCount) {\n        currentPageBridge.value = newPageCount;\n      }\n    }\n\n    function prev() {\n      if (props.disabled) return;\n      currentPageBridge.value -= 1;\n      emit('prev-click', currentPageBridge.value);\n    }\n\n    function next() {\n      if (props.disabled) return;\n      currentPageBridge.value += 1;\n      emit('next-click', currentPageBridge.value);\n    }\n\n    function addClass(element: any, cls: string) {\n      if (element) {\n        if (!element.props) {\n          element.props = {};\n        }\n        element.props.class = [element.props.class, cls].join(' ');\n      }\n    }\n\n    provide(elPaginationKey, {\n      pageCount: pageCountBridge,\n      disabled: computed(() => props.disabled),\n      currentPage: currentPageBridge,\n      changeEvent: handleCurrentChange,\n      handleSizeChange\n    });\n\n    return () => {\n      if (!assertValidUsage.value) {\n        // debugWarn(componentName, t('el.pagination.deprecationWarning'));\n        return null;\n      }\n      if (!props.layout) return null;\n      if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null;\n      const rootChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperRoot = h('div', { class: ns.e('rightwrapper') }, rightWrapperChildren);\n      const TEMPLATE_MAP: Record<Exclude<LayoutKey, '->'>, VNode | VNode[] | null> = {\n        prev: h(Prev, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          prevText: props.prevText,\n          prevIcon: props.prevIcon,\n          onClick: prev\n        }),\n        jumper: h(Jumper, {\n          size: props.small ? 'small' : 'default'\n        }),\n        pager: h(Pager, {\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          pagerCount: props.pagerCount,\n          onChange: handleCurrentChange,\n          disabled: props.disabled\n        }),\n        next: h(Next, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          nextText: props.nextText,\n          nextIcon: props.nextIcon,\n          onClick: next\n        }),\n        sizes: h(Sizes, {\n          pageSize: pageSizeBridge.value,\n          pageSizes: props.pageSizes,\n          popperClass: props.popperClass,\n          disabled: props.disabled,\n          size: props.small ? 'small' : 'default'\n        }),\n        slot: slots?.default?.() ?? null,\n        total: h(Total, { total: isAbsent(props.total) ? 0 : props.total })\n      };\n\n      const components = props.layout.split(',').map((item: string) => item.trim()) as LayoutKey[];\n\n      let haveRightWrapper = false;\n\n      components.forEach((c) => {\n        if (c === '->') {\n          haveRightWrapper = true;\n          return;\n        }\n        if (!haveRightWrapper) {\n          rootChildren.push(TEMPLATE_MAP[c]);\n        } else {\n          rightWrapperChildren.push(TEMPLATE_MAP[c]);\n        }\n      });\n\n      addClass(rootChildren[0], ns.is('first'));\n      addClass(rootChildren[rootChildren.length - 1], ns.is('last'));\n\n      if (haveRightWrapper && rightWrapperChildren.length > 0) {\n        addClass(rightWrapperChildren[0], ns.is('first'));\n        addClass(rightWrapperChildren[rightWrapperChildren.length - 1], ns.is('last'));\n        rootChildren.push(rightWrapperRoot);\n      }\n      return h(\n        'div',\n        {\n          role: 'pagination',\n          'aria-label': 'pagination',\n          class: [\n            ns.b(),\n            ns.is('background', props.background),\n            {\n              [ns.m('small')]: props.small\n            }\n          ]\n        },\n        rootChildren\n      );\n    };\n  }\n});\n"],"names":["isAbsent","v","paginationEmits","val","isNumber","componentName","Pagination","defineComponent","value","props","emit","slots","ns","useNamespace","vnodeProps","getCurrentInstance","hasCurrentPageListener","hasPageSizeListener","assertValidUsage","computed","innerPageSize","ref","innerCurrentPage","pageSizeBridge","pageCountBridge","pageCount","currentPageBridge","newCurrentPage","watch","handleCurrentChange","handleSizeChange","newPageCount","prev","next","addClass","element","cls","provide","elPaginationKey","rootChildren","rightWrapperChildren","rightWrapperRoot","h","TEMPLATE_MAP","Prev","Jumper","Pager","Next","Sizes","_a","Total","components","item","haveRightWrapper","c"],"mappings":"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"}

package/es/components/pagination/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-pagination.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/pagination/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/pagination/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/pagination.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/pagination/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/pagination/usePagination.d.ts

@@ -0,0 +1,10 @@
+import type { ComputedRef, InjectionKey, WritableComputedRef } from 'vue';
+export interface ElPaginationContext {
+    currentPage?: WritableComputedRef<number>;
+    pageCount?: ComputedRef<number>;
+    disabled?: ComputedRef<boolean>;
+    changeEvent?: (val: number) => void;
+    handleSizeChange?: (val: number) => void;
+}
+export declare const elPaginationKey: InjectionKey<ElPaginationContext>;
+export declare const usePagination: () => ElPaginationContext;

package/es/components/pagination/usePagination.mjs

@@ -0,0 +1,7 @@
+import { inject as n } from "vue";
+const o = Symbol("elPaginationKey"), t = () => n(o, {});
+export {
+  o as elPaginationKey,
+  t as usePagination
+};
+//# sourceMappingURL=usePagination.mjs.map

package/es/components/pagination/usePagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.mjs","sources":["../../../../../packages/components/pagination/usePagination.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, WritableComputedRef } from 'vue';\nimport { inject } from 'vue';\nexport interface ElPaginationContext {\n  currentPage?: WritableComputedRef<number>;\n  pageCount?: ComputedRef<number>;\n  disabled?: ComputedRef<boolean>;\n  changeEvent?: (val: number) => void;\n  handleSizeChange?: (val: number) => void;\n}\n\nexport const elPaginationKey: InjectionKey<ElPaginationContext> = Symbol('elPaginationKey');\n\nexport const usePagination = () => inject(elPaginationKey, {});\n"],"names":["elPaginationKey","usePagination","inject"],"mappings":";AAUa,MAAAA,IAAqD,OAAO,iBAAiB,GAE7EC,IAAgB,MAAMC,EAAOF,GAAiB,CAAE,CAAA;"}

package/es/components/popover/index.d.ts

@@ -4,7 +4,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     placement: {
-        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        type: import("vue").PropType<import("element-plus").Placement | undefined>;
         required: false;
     };
     disabled: {
@@ -20,7 +20,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     popperOptions: {
-        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        type: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
         required: false;
     };
     tabindex: {
@@ -44,7 +44,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     effect: {
-        type: import("vue").PropType<"light" | "dark" | undefined>;
+        type: import("vue").PropType<"dark" | "light" | undefined>;
         required: false;
     };
     teleported: {
@@ -92,7 +92,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     placement: {
-        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        type: import("vue").PropType<import("element-plus").Placement | undefined>;
         required: false;
     };
     disabled: {
@@ -108,7 +108,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     popperOptions: {
-        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        type: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
         required: false;
     };
     tabindex: {
@@ -132,7 +132,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     effect: {
-        type: import("vue").PropType<"light" | "dark" | undefined>;
+        type: import("vue").PropType<"dark" | "light" | undefined>;
         required: false;
     };
     teleported: {

package/es/components/popover/popover.vue.d.ts

@@ -48,7 +48,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     effect: {
-        type: __PropType<"light" | "dark" | undefined>;
+        type: __PropType<"dark" | "light" | undefined>;
         required: false;
     };
     teleported: {
@@ -138,7 +138,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     effect: {
-        type: __PropType<"light" | "dark" | undefined>;
+        type: __PropType<"dark" | "light" | undefined>;
         required: false;
     };
     teleported: {

package/es/components/popper/composables/use-content.d.ts

@@ -46,11 +46,11 @@ export declare const usePopperContent: (props: PopperContentProps) => {
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             } | undefined;
             offset?: {
+                auto?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
                 right?: import("@popperjs/core").Offsets | undefined;
-                top?: import("@popperjs/core").Offsets | undefined;
                 bottom?: import("@popperjs/core").Offsets | undefined;
-                auto?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;

package/es/components/popper/content.vue.d.ts

@@ -115,7 +115,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description content style
      */
     contentStyle: import("vue").ComputedRef<StyleValue[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "focus" | "blur" | "mouseenter" | "mouseleave")[], "close" | "focus" | "blur" | "mouseenter" | "mouseleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "focus" | "blur" | "mouseleave" | "mouseenter")[], "close" | "focus" | "blur" | "mouseleave" | "mouseenter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     boundariesPadding: {
         type: __PropType<number | undefined>;
         required: false;
@@ -214,9 +214,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-    onMouseenter?: ((...args: any[]) => any) | undefined;
-    onMouseleave?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onMouseenter?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/es/components/popper/index.d.ts

@@ -4,12 +4,12 @@ import VftPopperContent from './content.vue';
 export { VftPopperArrow, VftPopperTrigger, VftPopperContent };
 export declare const VftPopper: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
 }>>, {}>> & Record<string, any>;

package/es/components/popper/popper.vue.d.ts

@@ -1,12 +1,12 @@
 import type { PropType as __PropType } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{
     role: {
-        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
         required: false;
     };
 }>>, {}>;

package/es/components/qrcode/drawCanvas.d.ts

@@ -0,0 +1,2 @@
+import type { RenderQrCodeParams } from './types';
+export declare const renderQrCode: ({ canvas, content, width, options: params }: RenderQrCodeParams) => any;

package/es/components/qrcode/drawCanvas.mjs

@@ -0,0 +1,17 @@
+import { toCanvas as t } from "qrcode";
+import { cloneDeep as s } from "lodash";
+const f = ({ canvas: e, content: r, width: o = 0, options: i = {} }) => {
+  const n = s(i);
+  return n.errorCorrectionLevel = n.errorCorrectionLevel || u(r), l(r, n).then((c) => (n.scale = o === 0 ? void 0 : o / c * 4, t(e, r, n)));
+};
+function l(e, r) {
+  const o = document.createElement("canvas");
+  return t(o, e, r).then(() => o.width);
+}
+function u(e) {
+  return e.length > 36 ? "M" : e.length > 16 ? "Q" : "H";
+}
+export {
+  f as renderQrCode
+};
+//# sourceMappingURL=drawCanvas.mjs.map

package/es/components/qrcode/drawCanvas.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawCanvas.mjs","sources":["../../../../../packages/components/qrcode/drawCanvas.ts"],"sourcesContent":["import { toCanvas } from 'qrcode';\nimport type { QRCodeRenderersOptions } from 'qrcode';\nimport type { RenderQrCodeParams, ContentType } from './types';\nimport { cloneDeep } from 'lodash';\n\nexport const renderQrCode = ({ canvas, content, width = 0, options: params = {} }: RenderQrCodeParams) => {\n  const options = cloneDeep(params);\n  // 容错率，默认对内容少的二维码采用高容错率，内容多的二维码采用低容错率\n  options.errorCorrectionLevel = options.errorCorrectionLevel || getErrorCorrectionLevel(content);\n\n  return getOriginWidth(content, options).then((_width: number) => {\n    options.scale = width === 0 ? undefined : (width / _width) * 4;\n    return toCanvas(canvas, content, options);\n  });\n};\n\n// 得到原QrCode的大小，以便缩放得到正确的QrCode大小\nfunction getOriginWidth(content: ContentType, options: QRCodeRenderersOptions) {\n  const _canvas = document.createElement('canvas');\n  return toCanvas(_canvas, content, options).then(() => _canvas.width);\n}\n\n// 对于内容少的QrCode，增大容错率\nfunction getErrorCorrectionLevel(content: ContentType) {\n  if (content.length > 36) {\n    return 'M';\n  } else if (content.length > 16) {\n    return 'Q';\n  } else {\n    return 'H';\n  }\n}\n"],"names":["renderQrCode","canvas","content","width","params","options","cloneDeep","getErrorCorrectionLevel","getOriginWidth","_width","toCanvas","_canvas"],"mappings":";;AAKa,MAAAA,IAAe,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,IAAQ,GAAG,SAASC,IAAS,CAAA,QAA6B;AAClG,QAAAC,IAAUC,EAAUF,CAAM;AAEhC,SAAAC,EAAQ,uBAAuBA,EAAQ,wBAAwBE,EAAwBL,CAAO,GAEvFM,EAAeN,GAASG,CAAO,EAAE,KAAK,CAACI,OAC5CJ,EAAQ,QAAQF,MAAU,IAAI,SAAaA,IAAQM,IAAU,GACtDC,EAAST,GAAQC,GAASG,CAAO,EACzC;AACH;AAGA,SAASG,EAAeN,GAAsBG,GAAiC;AACvE,QAAAM,IAAU,SAAS,cAAc,QAAQ;AACxC,SAAAD,EAASC,GAAST,GAASG,CAAO,EAAE,KAAK,MAAMM,EAAQ,KAAK;AACrE;AAGA,SAASJ,EAAwBL,GAAsB;AACjD,SAAAA,EAAQ,SAAS,KACZ,MACEA,EAAQ,SAAS,KACnB,MAEA;AAEX;"}

package/es/components/qrcode/drawLogo.d.ts

@@ -0,0 +1,2 @@
+import type { RenderQrCodeParams } from './types';
+export declare const drawLogo: ({ canvas, logo }: RenderQrCodeParams) => Promise<unknown> | undefined;

package/es/components/qrcode/drawLogo.mjs

@@ -0,0 +1,39 @@
+import { isString as P } from "@vft/utils";
+const W = ({ canvas: e, logo: o }) => {
+  if (!o)
+    return new Promise((g) => {
+      g(e.toDataURL());
+    });
+  const t = e.width, { logoSize: i = 0.15, bgColor: c = "#fff", borderSize: r = 0.05, crossOrigin: l, borderRadius: b = 8, logoRadius: m = 0 } = o, C = P(o) ? o : o.src, a = t * i, s = t * (1 - i) / 2, u = t * (i + r), h = t * (1 - i - r) / 2, n = e.getContext("2d");
+  if (!n)
+    return;
+  R(n)(h, h, u, u, b), n.fillStyle = c, n.fill();
+  const d = new Image();
+  (l || m) && d.setAttribute("crossOrigin", l || "anonymous"), d.src = C;
+  const I = (g) => {
+    n.drawImage(g, s, s, a, a);
+  }, L = (g) => {
+    const f = document.createElement("canvas");
+    f.width = s + a, f.height = s + a;
+    const S = f.getContext("2d");
+    if (!S || !n || (S.drawImage(g, s, s, a, a), R(n)(s, s, a, a, m), !n))
+      return;
+    const w = n.createPattern(f, "no-repeat");
+    w && (n.fillStyle = w, n.fill());
+  };
+  return new Promise((g) => {
+    d.onload = () => {
+      m ? L(d) : I(d), g(e.toDataURL());
+    };
+  });
+};
+function R(e) {
+  return (o, t, i, c, r) => {
+    const l = Math.min(i, c);
+    return r > l / 2 && (r = l / 2), e.beginPath(), e.moveTo(o + r, t), e.arcTo(o + i, t, o + i, t + c, r), e.arcTo(o + i, t + c, o, t + c, r), e.arcTo(o, t + c, o, t, r), e.arcTo(o, t, o + i, t, r), e.closePath(), e;
+  };
+}
+export {
+  W as drawLogo
+};
+//# sourceMappingURL=drawLogo.mjs.map

package/es/components/qrcode/drawLogo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawLogo.mjs","sources":["../../../../../packages/components/qrcode/drawLogo.ts"],"sourcesContent":["import { isString } from '@vft/utils';\nimport type { LogoType, RenderQrCodeParams } from './types';\n\nexport const drawLogo = ({ canvas, logo }: RenderQrCodeParams) => {\n  if (!logo) {\n    return new Promise((resolve) => {\n      resolve((canvas as HTMLCanvasElement).toDataURL());\n    });\n  }\n  const canvasWidth = (canvas as HTMLCanvasElement).width;\n  const { logoSize = 0.15, bgColor = '#fff', borderSize = 0.05, crossOrigin, borderRadius = 8, logoRadius = 0 } = logo as LogoType;\n\n  const logoSrc: string = isString(logo) ? logo : logo.src;\n  const logoWidth = canvasWidth * logoSize;\n  const logoXY = (canvasWidth * (1 - logoSize)) / 2;\n  const logoBgWidth = canvasWidth * (logoSize + borderSize);\n  const logoBgXY = (canvasWidth * (1 - logoSize - borderSize)) / 2;\n\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return;\n\n  // logo 底色\n  canvasRoundRect(ctx)(logoBgXY, logoBgXY, logoBgWidth, logoBgWidth, borderRadius);\n  ctx.fillStyle = bgColor;\n  ctx.fill();\n\n  // logo\n  const image = new Image();\n  if (crossOrigin || logoRadius) {\n    image.setAttribute('crossOrigin', crossOrigin || 'anonymous');\n  }\n  image.src = logoSrc;\n\n  // 使用image绘制可以避免某些跨域情况\n  const drawLogoWithImage = (image: CanvasImageSource) => {\n    ctx.drawImage(image, logoXY, logoXY, logoWidth, logoWidth);\n  };\n\n  // 使用canvas绘制以获得更多的功能\n  const drawLogoWithCanvas = (image: HTMLImageElement) => {\n    const canvasImage = document.createElement('canvas');\n    canvasImage.width = logoXY + logoWidth;\n    canvasImage.height = logoXY + logoWidth;\n    const imageCanvas = canvasImage.getContext('2d');\n    if (!imageCanvas || !ctx) return;\n    imageCanvas.drawImage(image, logoXY, logoXY, logoWidth, logoWidth);\n\n    canvasRoundRect(ctx)(logoXY, logoXY, logoWidth, logoWidth, logoRadius);\n    if (!ctx) return;\n    const fillStyle = ctx.createPattern(canvasImage, 'no-repeat');\n    if (fillStyle) {\n      ctx.fillStyle = fillStyle;\n      ctx.fill();\n    }\n  };\n\n  // 将 logo绘制到 canvas上\n  return new Promise((resolve) => {\n    image.onload = () => {\n      logoRadius ? drawLogoWithCanvas(image) : drawLogoWithImage(image);\n      resolve((canvas as HTMLCanvasElement).toDataURL());\n    };\n  });\n};\n\n// copy来的方法，用于绘制圆角\nfunction canvasRoundRect(ctx: CanvasRenderingContext2D) {\n  return (x: number, y: number, w: number, h: number, r: number) => {\n    const minSize = Math.min(w, h);\n    if (r > minSize / 2) {\n      r = minSize / 2;\n    }\n    ctx.beginPath();\n    ctx.moveTo(x + r, y);\n    ctx.arcTo(x + w, y, x + w, y + h, r);\n    ctx.arcTo(x + w, y + h, x, y + h, r);\n    ctx.arcTo(x, y + h, x, y, r);\n    ctx.arcTo(x, y, x + w, y, r);\n    ctx.closePath();\n    return ctx;\n  };\n}\n"],"names":["drawLogo","canvas","logo","resolve","canvasWidth","logoSize","bgColor","borderSize","crossOrigin","borderRadius","logoRadius","logoSrc","isString","logoWidth","logoXY","logoBgWidth","logoBgXY","ctx","canvasRoundRect","image","drawLogoWithImage","drawLogoWithCanvas","canvasImage","imageCanvas","fillStyle","x","y","w","h","minSize"],"mappings":";AAGO,MAAMA,IAAW,CAAC,EAAE,QAAAC,GAAQ,MAAAC,QAA+B;AAChE,MAAI,CAACA;AACI,WAAA,IAAI,QAAQ,CAACC,MAAY;AACrB,MAAAA,EAAAF,EAA6B,WAAW;AAAA,IAAA,CAClD;AAEH,QAAMG,IAAeH,EAA6B,OAC5C,EAAE,UAAAI,IAAW,MAAM,SAAAC,IAAU,QAAQ,YAAAC,IAAa,MAAM,aAAAC,GAAa,cAAAC,IAAe,GAAG,YAAAC,IAAa,EAAA,IAAMR,GAE1GS,IAAkBC,EAASV,CAAI,IAAIA,IAAOA,EAAK,KAC/CW,IAAYT,IAAcC,GAC1BS,IAAUV,KAAe,IAAIC,KAAa,GAC1CU,IAAcX,KAAeC,IAAWE,IACxCS,IAAYZ,KAAe,IAAIC,IAAWE,KAAe,GAEzDU,IAAMhB,EAAO,WAAW,IAAI;AAClC,MAAI,CAACgB;AAAK;AAGV,EAAAC,EAAgBD,CAAG,EAAED,GAAUA,GAAUD,GAAaA,GAAaN,CAAY,GAC/EQ,EAAI,YAAYX,GAChBW,EAAI,KAAK;AAGH,QAAAE,IAAQ,IAAI;AAClB,GAAIX,KAAeE,MACXS,EAAA,aAAa,eAAeX,KAAe,WAAW,GAE9DW,EAAM,MAAMR;AAGN,QAAAS,IAAoB,CAACD,MAA6B;AACtD,IAAAF,EAAI,UAAUE,GAAOL,GAAQA,GAAQD,GAAWA,CAAS;AAAA,EAAA,GAIrDQ,IAAqB,CAACF,MAA4B;AAChD,UAAAG,IAAc,SAAS,cAAc,QAAQ;AACnD,IAAAA,EAAY,QAAQR,IAASD,GAC7BS,EAAY,SAASR,IAASD;AACxB,UAAAU,IAAcD,EAAY,WAAW,IAAI;AAK/C,QAJI,CAACC,KAAe,CAACN,MACrBM,EAAY,UAAUJ,GAAOL,GAAQA,GAAQD,GAAWA,CAAS,GAEjEK,EAAgBD,CAAG,EAAEH,GAAQA,GAAQD,GAAWA,GAAWH,CAAU,GACjE,CAACO;AAAK;AACV,UAAMO,IAAYP,EAAI,cAAcK,GAAa,WAAW;AAC5D,IAAIE,MACFP,EAAI,YAAYO,GAChBP,EAAI,KAAK;AAAA,EACX;AAIK,SAAA,IAAI,QAAQ,CAACd,MAAY;AAC9B,IAAAgB,EAAM,SAAS,MAAM;AACnB,MAAAT,IAAaW,EAAmBF,CAAK,IAAIC,EAAkBD,CAAK,GACvDhB,EAAAF,EAA6B,WAAW;AAAA,IAAA;AAAA,EACnD,CACD;AACH;AAGA,SAASiB,EAAgBD,GAA+B;AACtD,SAAO,CAACQ,GAAWC,GAAWC,GAAWC,GAAW,MAAc;AAChE,UAAMC,IAAU,KAAK,IAAIF,GAAGC,CAAC;AACzB,WAAA,IAAIC,IAAU,MAChB,IAAIA,IAAU,IAEhBZ,EAAI,UAAU,GACVA,EAAA,OAAOQ,IAAI,GAAGC,CAAC,GACfT,EAAA,MAAMQ,IAAIE,GAAGD,GAAGD,IAAIE,GAAGD,IAAIE,GAAG,CAAC,GAC/BX,EAAA,MAAMQ,IAAIE,GAAGD,IAAIE,GAAGH,GAAGC,IAAIE,GAAG,CAAC,GACnCX,EAAI,MAAMQ,GAAGC,IAAIE,GAAGH,GAAGC,GAAG,CAAC,GAC3BT,EAAI,MAAMQ,GAAGC,GAAGD,IAAIE,GAAGD,GAAG,CAAC,GAC3BT,EAAI,UAAU,GACPA;AAAA,EAAA;AAEX;"}

package/es/components/qrcode/index.d.ts

@@ -0,0 +1,50 @@
+export declare const VftQrcode: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string | any[] | undefined>;
+        required: false;
+    };
+    options: {
+        type: import("vue").PropType<any>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    logo: {
+        type: import("vue").PropType<import("./types").LogoType | undefined>;
+        required: false;
+    };
+    tag: {
+        type: import("vue").PropType<"canvas" | "img" | undefined>;
+        required: false;
+    };
+}, {
+    download: (fileName?: string | undefined) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error")[], "done" | "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string | any[] | undefined>;
+        required: false;
+    };
+    options: {
+        type: import("vue").PropType<any>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    logo: {
+        type: import("vue").PropType<import("./types").LogoType | undefined>;
+        required: false;
+    };
+    tag: {
+        type: import("vue").PropType<"canvas" | "img" | undefined>;
+        required: false;
+    };
+}>> & {
+    onDone?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftQrcode;
+export * from './types';

package/es/components/qrcode/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./qrcode.vue2.mjs";
+const a = t(o);
+export {
+  a as VftQrcode,
+  a as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/qrcode/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/qrcode/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Qrcode from './qrcode.vue'\n\nexport const VftQrcode = withInstall(Qrcode)\nexport default VftQrcode\n\nexport * from './types'\n"],"names":["VftQrcode","withInstall","Qrcode"],"mappings":";;;;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/components/qrcode/qrcode.vue.d.ts

@@ -0,0 +1,51 @@
+import type { PropType as __PropType } from 'vue';
+import { type LogoType } from './qrcodePlus';
+declare const _sfc_main: import("vue").DefineComponent<{
+    value: {
+        type: __PropType<string | any[] | undefined>;
+        required: false;
+    };
+    options: {
+        type: __PropType<any>;
+        required: false;
+    };
+    width: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    logo: {
+        type: __PropType<LogoType | undefined>;
+        required: false;
+    };
+    tag: {
+        type: __PropType<"canvas" | "img" | undefined>;
+        required: false;
+    };
+}, {
+    download: (fileName?: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error")[], "done" | "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: __PropType<string | any[] | undefined>;
+        required: false;
+    };
+    options: {
+        type: __PropType<any>;
+        required: false;
+    };
+    width: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    logo: {
+        type: __PropType<LogoType | undefined>;
+        required: false;
+    };
+    tag: {
+        type: __PropType<"canvas" | "img" | undefined>;
+        required: false;
+    };
+}>> & {
+    onDone?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/qrcode/qrcode.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./qrcode.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=qrcode.vue.mjs.map

package/es/components/qrcode/qrcode.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/qrcode/qrcode.vue2.mjs

@@ -0,0 +1,81 @@
+import { defineComponent as s, ref as d, onMounted as w, openBlock as i, createElementBlock as p, createBlock as g, resolveDynamicComponent as v, unref as c } from "vue";
+import { toDataURL as h } from "qrcode";
+import { useNamespace as C } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { downloadByUrl as y } from "@vft/utils";
+import { toCanvas as E } from "./toCanvas.mjs";
+const L = (
+  /* hoist-static*/
+  C("qrcode")
+), k = s({
+  name: L.b()
+}), q = /* @__PURE__ */ s({
+  ...k,
+  props: {
+    value: null,
+    options: null,
+    width: { default: 200 },
+    logo: null,
+    tag: { default: "canvas" }
+  },
+  emits: ["done", "error"],
+  setup(t, { expose: u, emit: a }) {
+    const r = d(null);
+    async function l() {
+      try {
+        const o = String(t.value), e = c(r);
+        if (!e)
+          return;
+        if (t.tag === "canvas") {
+          const n = await E({
+            canvas: e,
+            width: t.width,
+            logo: t.logo,
+            content: o,
+            options: t.options || {}
+          });
+          a("done", { url: n, ctx: e.getContext("2d") });
+          return;
+        }
+        if (t.tag === "img") {
+          const n = await h(o, {
+            errorCorrectionLevel: "H",
+            width: t.width,
+            ...t.options
+          });
+          c(r).src = n, a("done", { url: n });
+        }
+      } catch (o) {
+        a("error", o);
+      }
+    }
+    function f(o) {
+      let e = "";
+      const n = c(r);
+      n instanceof HTMLCanvasElement ? e = n.toDataURL() : n instanceof HTMLImageElement && (e = n.src), e && y({
+        url: e,
+        fileName: o
+      });
+    }
+    w(l);
+    const m = getCurrentInstance();
+    return watch(m.props, () => {
+      l();
+    }, { deep: !0 }), u({
+      download: f
+    }), (o, e) => (i(), p("div", null, [
+      (i(), g(v(t.tag), {
+        ref_key: "wrapRef",
+        ref: r
+      }, null, 512))
+    ]));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=qrcode.vue2.mjs.map

package/es/components/qrcode/qrcode.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode.vue2.mjs","sources":["../../../../../packages/components/qrcode/qrcode.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('qrcode')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n  <div>\n    <component :is=\"tag\" ref=\"wrapRef\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { toDataURL } from 'qrcode';\nimport { onMounted, ref, unref } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type LogoType, type QRCodeRenderersOptions, toCanvas } from './qrcodePlus';\nimport { downloadByUrl } from '@vft/utils';\n\ninterface Props {\n  /** 二维码资源 */\n  value?: string | any[];\n  /** 二维码配置 */\n  options?: QRCodeRenderersOptions;\n  /** 宽度 */\n  width?: number;\n  /** 中间的 logo */\n  logo?: LogoType;\n  /** img 不支持内嵌logo */\n  tag?: 'canvas' | 'img';\n}\n\ndefineProps({\n  \"value\": null,\n  \"options\": null,\n  \"width\": { default: 200 },\n  \"logo\": null,\n  \"tag\": { default: 'canvas' }\n})\n\nconst emit = defineEmits(['done', 'error']);\n\n\n\n;\n\nconst wrapRef = ref<HTMLCanvasElement | HTMLImageElement | null>(null);\n\nasync function createQrcode () {\n  try {\n    const renderValue = String(__props.value);\n    const wrapEl = unref(wrapRef);\n\n    if (!wrapEl) return;\n\n    if (__props.tag === 'canvas') {\n      const url: string = await toCanvas({\n        canvas: wrapEl,\n        width: __props.width,\n        logo: __props.logo,\n        content: renderValue,\n        options: __props.options || {}\n      });\n      emit('done', { url, ctx: (wrapEl as HTMLCanvasElement).getContext('2d') });\n      return;\n    }\n\n    if (__props.tag === 'img') {\n      const url = await toDataURL(renderValue, {\n        errorCorrectionLevel: 'H',\n        width: __props.width,\n        ...__props.options\n      });\n      (unref(wrapRef) as HTMLImageElement).src = url;\n      emit('done', { url });\n    }\n  } catch (error) {\n    emit('error', error);\n  }\n}\n\n/**\n * file download\n */\nfunction download (fileName?: string) {\n  let url = '';\n  const wrapEl = unref(wrapRef);\n  if (wrapEl instanceof HTMLCanvasElement) {\n    url = wrapEl.toDataURL();\n  } else if (wrapEl instanceof HTMLImageElement) {\n    url = wrapEl.src;\n  }\n  if (!url) return;\n  downloadByUrl({\n    url,\n    fileName\n  });\n}\n\nonMounted(createQrcode);\n\nconst instance = getCurrentInstance()!;\n\n// 监听参数变化重新生成二维码\nwatch(instance.props, () => {\n  createQrcode();\n}, { deep: true });\n\ndefineExpose({\n  download\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","wrapRef","ref","createQrcode","renderValue","__props","wrapEl","unref","url","toCanvas","emit","toDataURL","error","download","fileName","downloadByUrl","onMounted","instance","expose"],"mappings":";;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,QAAQ;AAAA,GAGlDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AAwCK,UAAAI,IAAUC,EAAiD,IAAI;AAErE,mBAAeC,IAAgB;AACzB,UAAA;AACI,cAAAC,IAAc,OAAOC,EAAQ,KAAK,GAClCC,IAASC,EAAMN,CAAO;AAE5B,YAAI,CAACK;AAAQ;AAET,YAAAD,EAAQ,QAAQ,UAAU;AACtB,gBAAAG,IAAc,MAAMC,EAAS;AAAA,YACjC,QAAQH;AAAA,YACR,OAAOD,EAAQ;AAAA,YACf,MAAMA,EAAQ;AAAA,YACd,SAASD;AAAA,YACT,SAASC,EAAQ,WAAW,CAAC;AAAA,UAAA,CAC9B;AACI,UAAAK,EAAA,QAAQ,EAAE,KAAAF,GAAK,KAAMF,EAA6B,WAAW,IAAI,GAAG;AACzE;AAAA,QACF;AAEI,YAAAD,EAAQ,QAAQ,OAAO;AACnB,gBAAAG,IAAM,MAAMG,EAAUP,GAAa;AAAA,YACvC,sBAAsB;AAAA,YACtB,OAAOC,EAAQ;AAAA,YACf,GAAGA,EAAQ;AAAA,UAAA,CACZ;AACA,UAAAE,EAAMN,CAAO,EAAuB,MAAMO,GACtCE,EAAA,QAAQ,EAAE,KAAAF,EAAA,CAAK;AAAA,QACtB;AAAA,eACOI;AACP,QAAAF,EAAK,SAASE,CAAK;AAAA,MACrB;AAAA,IACF;AAKA,aAASC,EAAUC,GAAmB;AACpC,UAAIN,IAAM;AACJ,YAAAF,IAASC,EAAMN,CAAO;AAM5B,MALIK,aAAkB,oBACpBE,IAAMF,EAAO,cACJA,aAAkB,qBAC3BE,IAAMF,EAAO,MAEVE,KACSO,EAAA;AAAA,QACZ,KAAAP;AAAA,QACA,UAAAM;AAAA,MAAA,CACD;AAAA,IACH;AAEA,IAAAE,EAAUb,CAAY;AAEtB,UAAMc,IAAW;AAGX,iBAAAA,EAAS,OAAO,MAAM;AACb,MAAAd;IAAA,GACZ,EAAE,MAAM,GAAA,CAAM,GAEJe,EAAA;AAAA,MACX,UAAAL;AAAA,IAAA,CACD;;;;;;;;"}

package/es/components/qrcode/qrcodePlus.d.ts

@@ -0,0 +1,3 @@
+import { toCanvas } from './toCanvas';
+export * from './types';
+export { toCanvas };

package/es/components/qrcode/qrcodePlus.mjs

@@ -0,0 +1,5 @@
+import { toCanvas as r } from "./toCanvas.mjs";
+export {
+  r as toCanvas
+};
+//# sourceMappingURL=qrcodePlus.mjs.map

package/es/components/qrcode/qrcodePlus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"qrcodePlus.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/qrcode/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-qrcode.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/qrcode/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/qrcode/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/qrcode.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/qrcode/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/qrcode/toCanvas.d.ts

@@ -0,0 +1,2 @@
+import type { RenderQrCodeParams } from './types';
+export declare const toCanvas: (options: RenderQrCodeParams) => Promise<string>;

package/es/components/qrcode/toCanvas.mjs

@@ -0,0 +1,7 @@
+import { renderQrCode as e } from "./drawCanvas.mjs";
+import { drawLogo as o } from "./drawLogo.mjs";
+const m = (r) => e(r).then(() => r).then(o);
+export {
+  m as toCanvas
+};
+//# sourceMappingURL=toCanvas.mjs.map

package/es/components/qrcode/toCanvas.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toCanvas.mjs","sources":["../../../../../packages/components/qrcode/toCanvas.ts"],"sourcesContent":["import { renderQrCode } from './drawCanvas';\nimport { drawLogo } from './drawLogo';\nimport type { RenderQrCodeParams } from './types';\n\nexport const toCanvas = (options: RenderQrCodeParams) => {\n  return renderQrCode(options)\n    .then(() => {\n      return options;\n    })\n    .then(drawLogo) as Promise<string>;\n};\n"],"names":["toCanvas","options","renderQrCode","drawLogo"],"mappings":";;AAIa,MAAAA,IAAW,CAACC,MAChBC,EAAaD,CAAO,EACxB,KAAK,MACGA,CACR,EACA,KAAKE,CAAQ;"}