sard-uniapp 1.3.0 → 1.4.0-beta

package/changelog.md

@@ -1,3 +1,7 @@
+# [1.4.0-beta](https://github.com/sutras/sard-uniapp/compare/v1.3.0...v1.4.0-beta) (2024-08-01)
+
+
+
 # [1.3.0](https://github.com/sutras/sard-uniapp/compare/v1.2.2...v1.3.0) (2024-07-16)
 
 

package/components/checkbox/common.d.ts

@@ -30,9 +30,9 @@ export declare const defaultOptionKeys: {
     label: string;
     value: string;
 };
-export interface CheckboxGroupOption {
+export type CheckboxGroupOption = {
     [key: PropertyKey]: any;
-}
+} | string | number | boolean;
 export interface CheckboxGroupOptionKeys {
     label?: string;
     value?: string;

package/components/checkbox-group/checkbox-group.vue

@@ -13,11 +13,11 @@
       <template v-if="options">
         <sar-checkbox
           v-for="option in options"
-          :key="option[fieldKeys.value]"
-          :value="option[fieldKeys.value]"
+          :key="isPrimitive(option) ? option : option[fieldKeys.value]"
+          :value="isPrimitive(option) ? option : option[fieldKeys.value]"
           :validate-event="false"
         >
-          {{ option[fieldKeys.label] }}
+          {{ isPrimitive(option) ? option : option[fieldKeys.label] }}
         </sar-checkbox>
       </template>
     </slot>
@@ -32,7 +32,7 @@ import {
   checkboxGroupPropsDefaults,
   defaultOptionKeys
 } from "../checkbox/common";
-import { classNames, createBem, stringifyStyle } from "../../utils";
+import { classNames, createBem, isPrimitive, stringifyStyle } from "../../utils";
 import { useFormItemContext } from "../form/common";
 import SarCheckbox from "../checkbox/checkbox.vue";
 export default  _defineComponent({
@@ -96,6 +96,8 @@ export default  _defineComponent({
     );
     const __returned__ = { props, emit, bem, formItemContext, fieldKeys, innerValue, toggle, get classNames() {
       return classNames;
+    }, get isPrimitive() {
+      return isPrimitive;
     }, get stringifyStyle() {
       return stringifyStyle;
     }, SarCheckbox };

package/components/checkbox-input/common.d.ts

@@ -1,8 +1,6 @@
-import { type CheckboxGroupProps } from '../checkbox/common';
+import { type CheckboxGroupOption, type CheckboxGroupProps } from '../checkbox/common';
 import { type PopoutInputProps } from '../popout-input/common';
-export interface CheckboxInputOption {
-    [key: PropertyKey]: any;
-}
+export type CheckboxInputOption = CheckboxGroupOption;
 export interface CheckboxInputProps extends CheckboxGroupProps, Omit<PopoutInputProps, 'modelValue'> {
     visible?: boolean;
     title?: string;

package/components/config/index.d.ts

@@ -200,6 +200,16 @@ export declare const defaultConfig: {
         transitionDuration: number;
         doneDuration: number;
     };
+    qrcode: {
+        ecl: "M";
+        size: string;
+        canvasSize: number;
+        type: "canvas";
+        text: string;
+        color: string;
+        bgColor: string;
+        quietZoneModules: number;
+    };
     radioGroup: {
         direction: "vertical";
         validateEvent: boolean;
@@ -538,6 +548,16 @@ export declare function useConfigContext(): DeepPartial<{
         transitionDuration: number;
         doneDuration: number;
     };
+    qrcode: {
+        ecl: "M";
+        size: string;
+        canvasSize: number;
+        type: "canvas";
+        text: string;
+        color: string;
+        bgColor: string;
+        quietZoneModules: number;
+    };
     radioGroup: {
         direction: "vertical";
         validateEvent: boolean;

package/components/config/index.js

@@ -201,6 +201,16 @@ export const defaultConfig = {
         transitionDuration: 300,
         doneDuration: 0,
     },
+    qrcode: {
+        ecl: 'M',
+        size: '320rpx',
+        canvasSize: 400,
+        type: 'canvas',
+        text: '',
+        color: '#000',
+        bgColor: '#fff',
+        quietZoneModules: 2,
+    },
     radioGroup: {
         direction: 'vertical',
         validateEvent: true,

package/components/qrcode/common.d.ts

@@ -0,0 +1,23 @@
+import { type StyleValue } from 'vue';
+export interface QrcodeProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    text?: string;
+    ecl?: 'L' | 'M' | 'Q' | 'H';
+    type?: 'canvas' | 'image';
+    size?: string;
+    canvasSize?: number;
+    color?: string;
+    bgColor?: string;
+    quietZoneModules?: number;
+}
+export declare const qrcodePropsDefaults: {
+    ecl: "M";
+    size: string;
+    canvasSize: number;
+    type: "canvas";
+    text: string;
+    color: string;
+    bgColor: string;
+    quietZoneModules: number;
+};

package/components/qrcode/common.js

@@ -0,0 +1,2 @@
+import { defaultConfig } from '../config';
+export const qrcodePropsDefaults = defaultConfig.qrcode;

package/components/qrcode/index.d.ts

@@ -0,0 +1 @@
+export type { QrcodeProps } from './common';

package/components/qrcode/index.js

@@ -0,0 +1 @@
+export {};

package/components/qrcode/index.scss

@@ -0,0 +1,17 @@
+@use '../style/base' as *;
+
+@include bem(qrcode) {
+  @include b() {
+    @include universal;
+  }
+
+  @include e(canvas) {
+    display: none;
+  }
+
+  @include e(image) {
+    @include universal;
+    width: 100%;
+    height: 100%;
+  }
+}

package/components/qrcode/qrcode.d.ts

@@ -0,0 +1,47 @@
+import { type QrcodeProps } from './common';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<QrcodeProps>, {
+    ecl: "M";
+    size: string;
+    canvasSize: number;
+    type: "canvas";
+    text: string;
+    color: string;
+    bgColor: string;
+    quietZoneModules: number;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<QrcodeProps>, {
+    ecl: "M";
+    size: string;
+    canvasSize: number;
+    type: "canvas";
+    text: string;
+    color: string;
+    bgColor: string;
+    quietZoneModules: number;
+}>>>, {
+    text: string;
+    ecl: "M" | "H" | "L" | "Q";
+    size: string;
+    type: "canvas" | "image";
+    canvasSize: number;
+    color: string;
+    bgColor: string;
+    quietZoneModules: number;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/qrcode/qrcode.vue

@@ -0,0 +1,107 @@
+<template>
+  <view :class="qrcodeClass" :style="qrcodeStyle">
+    <canvas type="2d" :class="bem.e('canvas')" :id="canvasId"></canvas>
+    <image :src="dataURL" mode="aspectFit" :class="bem.e('image')" />
+  </view>
+</template>
+
+<script>
+import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
+import { computed, getCurrentInstance, onMounted, shallowRef } from "vue";
+import {
+  classNames,
+  stringifyStyle,
+  createBem,
+  uniqid,
+  qrcode
+} from "../../utils";
+import { qrcodePropsDefaults } from "./common";
+export default  _defineComponent({
+  ...{
+    options: {
+      virtualHost: true,
+      styleIsolation: "shared"
+    }
+  },
+  __name: "qrcode",
+  props:  _mergeDefaults({
+    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootClass: { type: String, required: false },
+    text: { type: String, required: false },
+    ecl: { type: String, required: false },
+    type: { type: String, required: false },
+    size: { type: String, required: false },
+    canvasSize: { type: Number, required: false },
+    color: { type: String, required: false },
+    bgColor: { type: String, required: false },
+    quietZoneModules: { type: Number, required: false }
+  }, qrcodePropsDefaults),
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const bem = createBem("qrcode");
+    const canvasId = uniqid();
+    const canvasRef = shallowRef();
+    const qrcodeMap = computed(() => {
+      return qrcode(props.text, {
+        ecl: props.ecl
+      });
+    });
+    const dataURL = computed(() => {
+      const canvas = canvasRef.value;
+      if (!canvas) {
+        return "";
+      }
+      const map = qrcodeMap.value;
+      const size = props.canvasSize;
+      canvas.width = size;
+      canvas.height = size;
+      const context = canvas.getContext("2d");
+      const moduleSize = size / (map.length + props.quietZoneModules * 2);
+      const margin = moduleSize * props.quietZoneModules;
+      const path = canvas.createPath2D ? canvas.createPath2D() : new Path2D();
+      map.forEach((row, rowIndex) => {
+        row.forEach((col, colIndex) => {
+          if (col === 1) {
+            path.rect(
+              colIndex * moduleSize + margin,
+              rowIndex * moduleSize + margin,
+              moduleSize,
+              moduleSize
+            );
+          }
+        });
+      });
+      context.clearRect(0, 0, size, size);
+      context.fillStyle = props.bgColor;
+      context.fillRect(0, 0, size, size);
+      context.fillStyle = props.color;
+      context.fill(path);
+      return canvas.toDataURL();
+    });
+    const instance = getCurrentInstance();
+    onMounted(() => {
+      uni.createSelectorQuery().in(instance).select(`#${canvasId}`).node((res) => {
+        if (res && res.node) {
+          canvasRef.value = res.node;
+        }
+      }).exec();
+    });
+    const qrcodeClass = computed(() => {
+      return classNames(bem.b(), props.rootClass);
+    });
+    const qrcodeStyle = computed(() => {
+      return stringifyStyle(props.rootStyle, {
+        width: props.size,
+        height: props.size
+      });
+    });
+    const __returned__ = { props, bem, canvasId, canvasRef, qrcodeMap, dataURL, instance, qrcodeClass, qrcodeStyle };
+    return __returned__;
+  }
+});
+</script>
+
+<style lang="scss">
+@import './index.scss';
+</style>

package/components/qrcode/variables.scss

@@ -0,0 +1,4 @@
+// #variables
+// page {
+// }
+// #endvariables

package/components/radio/common.d.ts

@@ -24,9 +24,9 @@ export declare const defaultOptionKeys: {
     label: string;
     value: string;
 };
-export interface RadioGroupOption {
+export type RadioGroupOption = {
     [key: PropertyKey]: any;
-}
+} | string | number | boolean;
 export interface RadioGroupOptionKeys {
     label?: string;
     value?: string;

package/components/radio-group/radio-group.vue

@@ -13,11 +13,11 @@
       <template v-if="options">
         <sar-radio
           v-for="option in options"
-          :key="option[fieldKeys.value]"
-          :value="option[fieldKeys.value]"
+          :key="isPrimitive(option) ? option : option[fieldKeys.value]"
+          :value="isPrimitive(option) ? option : option[fieldKeys.value]"
           :validate-event="false"
         >
-          {{ option[fieldKeys.label] }}
+          {{ isPrimitive(option) ? option : option[fieldKeys.label] }}
         </sar-radio>
       </template>
     </slot>
@@ -32,7 +32,7 @@ import {
   radioGroupPropsDefaults,
   defaultOptionKeys
 } from "../radio/common";
-import { classNames, stringifyStyle, createBem } from "../../utils";
+import { classNames, stringifyStyle, createBem, isPrimitive } from "../../utils";
 import { useFormItemContext } from "../form/common";
 import SarRadio from "../radio/radio.vue";
 export default  _defineComponent({
@@ -96,6 +96,8 @@ export default  _defineComponent({
       return classNames;
     }, get stringifyStyle() {
       return stringifyStyle;
+    }, get isPrimitive() {
+      return isPrimitive;
     }, SarRadio };
     return __returned__;
   }

package/components/radio-input/common.d.ts

@@ -1,8 +1,6 @@
-import { type RadioGroupProps } from '../radio/common';
+import { type RadioGroupOption, type RadioGroupProps } from '../radio/common';
 import { type PopoutInputProps } from '../popout-input/common';
-export interface RadioInputOption {
-    [key: PropertyKey]: any;
-}
+export type RadioInputOption = RadioGroupOption;
 export interface RadioInputProps extends RadioGroupProps, Omit<PopoutInputProps, 'modelValue'> {
     visible?: boolean;
     title?: string;

package/global.d.ts

@@ -1,5 +1,3 @@
-import '@vue/runtime-core'
-
 import SarAccordion from './components/accordion/accordion'
 import SarAccordionItem from './components/accordion-item/accordion-item'
 import SarActionSheet from './components/action-sheet/action-sheet'
@@ -59,6 +57,7 @@ import SarPopup from './components/popup/popup'
 import SarProgressBar from './components/progress-bar/progress-bar'
 import SarProgressCircle from './components/progress-circle/progress-circle'
 import SarPullDownRefresh from './components/pull-down-refresh/pull-down-refresh'
+import SarQrcode from './components/qrcode/qrcode'
 import SarRadio from './components/radio/radio'
 import SarRadioGroup from './components/radio-group/radio-group'
 import SarRadioInput from './components/radio-input/radio-input'
@@ -86,8 +85,7 @@ import SarToast from './components/toast/toast'
 import SarToastAgent from './components/toast-agent/toast-agent'
 import SarUpload from './components/upload/upload'
 
-declare module '@vue/runtime-core' {
-  // GlobalComponents for Volar
+declare module 'vue' {
   export interface GlobalComponents {
     SarAccordion: typeof SarAccordion
     SarAccordionItem: typeof SarAccordionItem
@@ -148,6 +146,7 @@ declare module '@vue/runtime-core' {
     SarProgressBar: typeof SarProgressBar
     SarProgressCircle: typeof SarProgressCircle
     SarPullDownRefresh: typeof SarPullDownRefresh
+    SarQrcode: typeof SarQrcode
     SarRadio: typeof SarRadio
     SarRadioGroup: typeof SarRadioGroup
     SarRadioInput: typeof SarRadioInput

package/index.d.ts

@@ -51,6 +51,7 @@ export * from './components/popup';
 export * from './components/progress-bar';
 export * from './components/progress-circle';
 export * from './components/pull-down-refresh';
+export * from './components/qrcode';
 export * from './components/radio';
 export * from './components/radio-input';
 export * from './components/rate';

package/index.js

@@ -51,6 +51,7 @@ export * from './components/popup';
 export * from './components/progress-bar';
 export * from './components/progress-circle';
 export * from './components/pull-down-refresh';
+export * from './components/qrcode';
 export * from './components/radio';
 export * from './components/radio-input';
 export * from './components/rate';

package/index.scss

@@ -39,6 +39,7 @@
 @use './components/progress-bar/variables.scss' as *;
 @use './components/progress-circle/variables.scss' as *;
 @use './components/pull-down-refresh/variables.scss' as *;
+@use './components/qrcode/variables.scss' as *;
 @use './components/rate/variables.scss' as *;
 @use './components/radio/variables.scss' as *;
 @use './components/radio-input/variables.scss' as *;

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.3.0",
+  "version": "1.4.0-beta",
   "type": "module",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "keywords": [
@@ -33,6 +33,7 @@
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/test-utils": "^2.4.6",
+    "canvas": "^2.11.2",
     "region-data": "^1.2.1",
     "vitest": "^1.0.4"
   },

package/utils/index.d.ts

@@ -6,3 +6,4 @@ export * from './file';
 export * from './is';
 export * from './utils';
 export * from './lwa.slim';
+export * from './qrcode';

package/utils/index.js

@@ -6,3 +6,4 @@ export * from './file';
 export * from './is';
 export * from './utils';
 export * from './lwa.slim';
+export * from './qrcode';

package/utils/is.d.ts

@@ -40,3 +40,9 @@ export declare function isUndefined(target: any): target is undefined;
  * @return {boolean}
  */
 export declare function isNullish(target: any): target is null | undefined;
+/**
+ * @description: 判断是否为原始类型
+ * @param {any} target
+ * @return {boolean}
+ */
+export declare function isPrimitive(target: any): target is string | number | boolean;

package/utils/is.js

@@ -54,3 +54,11 @@ export function isUndefined(target) {
 export function isNullish(target) {
     return target === null || target === undefined;
 }
+/**
+ * @description: 判断是否为原始类型
+ * @param {any} target
+ * @return {boolean}
+ */
+export function isPrimitive(target) {
+    return isString(target) || isNumber(target) || isBoolean(target);
+}

package/utils/qrcode.d.ts

@@ -0,0 +1,8 @@
+export declare const ALPHANUMERIC_CHARS = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
+interface QrcodeOptions {
+    ecl?: ECL;
+}
+export type ECL = 'L' | 'M' | 'Q' | 'H';
+export declare const ECLList: ECL[];
+export declare function qrcode(text: string, options?: QrcodeOptions): number[][];
+export {};

package/utils/qrcode.js

@@ -0,0 +1,616 @@
+/*
+|-------------------------------------------------------------------------------
+| Error Correction Coding
+|-------------------------------------------------------------------------------
+| https://dev.to/maxart2501/let-s-develop-a-qr-code-generator-part-iii-error-correction-1kbm
+|
+*/
+const LOG = new Uint8Array(256);
+const EXP = new Uint8Array(256);
+(() => {
+    for (let exponent = 1, value = 1; exponent < 256; exponent++) {
+        value = value > 127 ? (value << 1) ^ 285 : value << 1;
+        LOG[value] = exponent % 255;
+        EXP[exponent % 255] = value;
+    }
+})();
+function mul(a, b) {
+    return a && b ? EXP[(LOG[a] + LOG[b]) % 255] : 0;
+}
+function div(a, b) {
+    return EXP[(LOG[a] + LOG[b] * 254) % 255];
+}
+function polyMul(poly1, poly2) {
+    const coeffs = new Uint8Array(poly1.length + poly2.length - 1);
+    for (let index = 0; index < coeffs.length; index++) {
+        let coeff = 0;
+        for (let p1index = 0; p1index <= index; p1index++) {
+            const p2index = index - p1index;
+            coeff ^= mul(poly1[p1index], poly2[p2index]);
+        }
+        coeffs[index] = coeff;
+    }
+    return coeffs;
+}
+function polyRest(dividend, divisor) {
+    const quotientLength = dividend.length - divisor.length + 1;
+    let rest = new Uint8Array(dividend);
+    for (let count = 0; count < quotientLength; count++) {
+        if (rest[0]) {
+            const factor = div(rest[0], divisor[0]);
+            const subtr = new Uint8Array(rest.length);
+            subtr.set(polyMul(divisor, new Uint8Array([factor])), 0);
+            rest = rest.map((value, index) => value ^ subtr[index]).slice(1);
+        }
+        else {
+            rest = rest.slice(1);
+        }
+    }
+    return rest;
+}
+const cacheGeneratorPoly = {};
+function getGeneratorPoly(degree) {
+    if (cacheGeneratorPoly[degree]) {
+        return cacheGeneratorPoly[degree];
+    }
+    let lastPoly = new Uint8Array([1]);
+    for (let index = 0; index < degree; index++) {
+        lastPoly = polyMul(lastPoly, new Uint8Array([1, EXP[index]]));
+    }
+    return (cacheGeneratorPoly[degree] = lastPoly);
+}
+function getECC(data, degree) {
+    const messagePoly = new Uint8Array(data.length + degree);
+    messagePoly.set(data, 0);
+    return polyRest(messagePoly, getGeneratorPoly(degree));
+}
+/*
+|-------------------------------------------------------------------------------
+| QR Code Generator
+|-------------------------------------------------------------------------------
+| https://www.thonky.com/qr-code-tutorial/
+|
+*/
+const ECCodewordsPerBlock = [
+    [
+        7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28,
+        28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30,
+        30, 30,
+    ],
+    [
+        10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26,
+        26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28,
+        28, 28,
+    ],
+    [
+        13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26,
+        30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30,
+        30, 30,
+    ],
+    [
+        17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26,
+        28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30,
+        30, 30,
+    ],
+];
+const ECBlocks = [
+    [
+        1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12,
+        12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25,
+    ],
+    [
+        1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17,
+        18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49,
+    ],
+    [
+        1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23,
+        25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68,
+    ],
+    [
+        1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25,
+        34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81,
+    ],
+];
+function appendBits(num, length, bits) {
+    for (let i = length - 1; i >= 0; i--) {
+        bits.push((num >>> i) & 1);
+    }
+    return bits;
+}
+var Mode;
+(function (Mode) {
+    Mode[Mode["Numeric"] = 0] = "Numeric";
+    Mode[Mode["Alphanumeric"] = 1] = "Alphanumeric";
+    Mode[Mode["Byte"] = 2] = "Byte";
+})(Mode || (Mode = {}));
+function getMode(text) {
+    if (/^[0-9]*$/.test(text)) {
+        return Mode.Numeric;
+    }
+    if (/^[0-9A-Z $%*+-./:]*$/.test(text)) {
+        return Mode.Alphanumeric;
+    }
+    return Mode.Byte;
+}
+function getModeIndicator(mode) {
+    switch (mode) {
+        case Mode.Numeric:
+            return 0b0001;
+        case Mode.Alphanumeric:
+            return 0b0010;
+        default:
+            return 0b0100;
+    }
+}
+function encodeNumeric(text) {
+    const bits = [];
+    (text.match(/.{1,3}/g) || []).forEach((item) => {
+        appendBits(+item, (item.length - 1) * 3 + 4, bits);
+    });
+    return bits;
+}
+export const ALPHANUMERIC_CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:';
+function encodeAlphaNumeric(text) {
+    const bits = [];
+    (text.match(/.{1,2}/g) || []).forEach((item) => {
+        const i1 = ALPHANUMERIC_CHARS.indexOf(item[0]);
+        const i2 = ALPHANUMERIC_CHARS.indexOf(item[1]);
+        if (i2 === -1) {
+            appendBits(i1, 6, bits);
+        }
+        else {
+            appendBits(i1 * 45 + i2, 11, bits);
+        }
+    });
+    return bits;
+}
+function toUtf8ByteArray(text) {
+    text = encodeURI(text);
+    const bytes = [];
+    for (let i = 0; i < text.length; i++) {
+        if (text.charAt(i) !== '%') {
+            bytes.push(text.charCodeAt(i));
+        }
+        else {
+            bytes.push(parseInt(text.slice(i + 1, i + 3), 16));
+            i += 2;
+        }
+    }
+    return bytes;
+}
+function encodeByte(text) {
+    const bits = [];
+    toUtf8ByteArray(text).forEach((item) => {
+        appendBits(item, 8, bits);
+    });
+    return bits;
+}
+function encodeData(mode, text) {
+    switch (mode) {
+        case Mode.Numeric:
+            return encodeNumeric(text);
+        case Mode.Alphanumeric:
+            return encodeAlphaNumeric(text);
+        default:
+            return encodeByte(text);
+    }
+}
+function getFunctionModules(version) {
+    let count = 225 + 8 * version;
+    if (version > 6) {
+        count += 36;
+    }
+    if (version > 1) {
+        const alignCount = ~~(version / 7) + 2;
+        count += (25 * alignCount - 10) * alignCount - 55;
+    }
+    return count;
+}
+function getSize(version) {
+    return version * 4 + 17;
+}
+function getTotalDataModules(version) {
+    return Math.pow(getSize(version), 2) - getFunctionModules(version);
+}
+function getECCodewords(eclIndex, version) {
+    const codewords = ECCodewordsPerBlock[eclIndex][version - 1];
+    const blocks = ECBlocks[eclIndex][version - 1];
+    return codewords * blocks;
+}
+function getRawDataCodewords(eclIndex, version) {
+    return getTotalDataModules(version) / 8 - getECCodewords(eclIndex, version);
+}
+const charCountIndicatorTable = {
+    [Mode.Numeric]: [10, 12, 14],
+    [Mode.Alphanumeric]: [9, 11, 13],
+    [Mode.Byte]: [8, 16, 16],
+};
+function getCharCountIndicator(mode, version) {
+    return charCountIndicatorTable[mode][~~((version + 7) / 17)];
+}
+function getVersion(mode, eclIndex, codewords) {
+    for (let version = 1; version <= 40; version++) {
+        const rawDataCodewords = getRawDataCodewords(eclIndex, version);
+        if (rawDataCodewords >=
+            codewords + (4 + getCharCountIndicator(mode, version)) / 8) {
+            return version;
+        }
+    }
+    return 40;
+}
+function addFinderPatterns(map, size) {
+    for (let i = 0; i < 3; i++) {
+        const originX = i === 1 ? size - 7 : 0;
+        const originY = i === 2 ? size - 7 : 0;
+        for (let y = 0; y < 7; y++) {
+            for (let x = 0; x < 7; x++) {
+                const bit = x === 0 ||
+                    x === 6 ||
+                    y === 0 ||
+                    y === 6 ||
+                    (x > 1 && x < 5 && y > 1 && y < 5)
+                    ? 1
+                    : 0;
+                map[originY + y][originX + x] = bit;
+            }
+        }
+    }
+}
+function addSeparatorPatterns(map, size) {
+    for (let i = 0; i < 8; i++) {
+        map[i][7] = 0;
+        map[i][size - 8] = 0;
+        map[size - 8 + i][7] = 0;
+        map[7][i] = 0;
+        map[7][size - 8 + i] = 0;
+        map[size - 8][i] = 0;
+    }
+}
+function getAlignmentPatternLocations(version) {
+    if (version == 1) {
+        return [];
+    }
+    const alignCount = ~~(version / 7) + 2;
+    const step = version === 32
+        ? 26
+        : Math.ceil((version * 4 + 4) / (alignCount * 2 - 2)) * 2;
+    const locations = [6];
+    for (let location = getSize(version) - 7; locations.length < alignCount; location -= step) {
+        locations.splice(1, 0, location);
+    }
+    return locations;
+}
+function addAlignmentPatterns(map, version) {
+    const locations = getAlignmentPatternLocations(version);
+    for (const locY of locations) {
+        for (const locX of locations) {
+            if (map[locY][locX] !== null) {
+                continue;
+            }
+            for (let y = 0; y < 5; y++) {
+                for (let x = 0; x < 5; x++) {
+                    map[locY - 2 + y][locX - 2 + x] =
+                        x === 0 || x === 4 || y === 0 || y === 4 || (x === 2 && y === 2)
+                            ? 1
+                            : 0;
+                }
+            }
+        }
+    }
+}
+function addTimingPatterns(map, size) {
+    const length = size - 16;
+    for (let i = 0; i < length; i++) {
+        const n = i % 2 === 0 ? 1 : 0;
+        map[6][8 + i] = n;
+        map[8 + i][6] = n;
+    }
+}
+function addDarkPattern(map, size) {
+    map[size - 8][8] = 1;
+}
+function addFormatInformationPatterns(map, size, fillBit) {
+    for (let i = 0; i < 15; i++) {
+        const bit = fillBit(15 - 1 - i);
+        // 横条
+        map[8][i < 6 ? i : i < 7 ? i + 1 : size - 15 + i] = bit;
+        // 竖条
+        map[size - 1 - (i < 7 ? i : i < 9 ? size - 16 + i : size - 15 + i)][8] = bit;
+    }
+}
+function addVersionInformationPatterns(map, size, fillBit) {
+    for (let i = 0; i < 18; i++) {
+        // 左下
+        map[size - 11 + (i % 3)][~~(i / 3)] = fillBit(i);
+        // 右上
+        map[~~(i / 3)][size - 11 + ~~(i % 3)] = fillBit(i);
+    }
+}
+function placeDataBits(map, size, dataBits) {
+    const length = size * size;
+    let b = 0;
+    for (let i = 0; i < length; i++) {
+        const rest = ~~(i / 2) % size;
+        const quo = ~~(i / (size * 2));
+        const y = quo % 2 === 0 ? size - 1 - rest : rest;
+        let x = size - 2 - (quo * 2 - (i % 2 === 0 ? 1 : 0));
+        if (x < 7) {
+            x--;
+        }
+        if (map[y][x] === null) {
+            map[y][x] = dataBits[b++] + 2;
+        }
+    }
+}
+const maskModes = [
+    (row, col) => (row + col) % 2 === 0,
+    (row) => row % 2 === 0,
+    (_, col) => col % 3 === 0,
+    (row, col) => (row + col) % 3 === 0,
+    (row, col) => (~~(row / 2) + ~~(col / 3)) % 2 === 0,
+    (row, col) => ((row * col) % 2) + ((row * col) % 3) === 0,
+    (row, col) => (((row * col) % 2) + ((row * col) % 3)) % 2 === 0,
+    (row, col) => (((row + col) % 2) + ((row * col) % 3)) % 2 === 0,
+];
+function getLeastFiveSameColoredPenalty(getEach, size) {
+    let score = 0;
+    for (let i = 0; i < size; i++) {
+        let sum = 0;
+        let last = -1;
+        for (let j = 0; j < size; j++) {
+            const bit = getEach(i, j);
+            if (sum === 0 || last === bit) {
+                sum++;
+                last = bit;
+            }
+            if (last !== bit || j === size - 1) {
+                if (sum >= 5) {
+                    score += sum - 2;
+                }
+                sum = 1;
+                last = bit;
+            }
+        }
+    }
+    return score;
+}
+function getTwoByTwoSameColoredPenalty(map, size) {
+    let score = 0;
+    for (let y = 0; y < size - 2; y++) {
+        for (let x = 0; x < size - 2; x++) {
+            if ((map[y][x] + map[y][x + 1] + map[y + 1][x] + map[y + 1][x + 1]) % 4 ===
+                0) {
+                score += 3;
+            }
+        }
+    }
+    return score;
+}
+function getFinderLikePenalty(map, size) {
+    let score = 0;
+    for (let i = 0; i < size - 11; i++) {
+        for (let j = 0; j < size - 11; j++) {
+            let rowBits = 0;
+            let colBits = 0;
+            for (let k = 0; k < 11; k++) {
+                rowBits = (rowBits << 1) + map[i][j + k];
+                colBits = (colBits << 1) + map[j + k][i];
+            }
+            if (rowBits === 0b10111010000 || rowBits === 0b00001011101) {
+                score += 40;
+            }
+            if (colBits === 0b10111010000 || colBits === 0b00001011101) {
+                score += 40;
+            }
+        }
+    }
+    return score;
+}
+function getBalancePenalty(map) {
+    const darkModules = map.reduce((sum, row) => sum + row.reduce((sum, bit) => sum + bit, 0), 0);
+    const percent = (darkModules / (map.length * map.length)) * 100;
+    const score = Math.min(Math.abs(Math.floor(percent / 5) * 5 - 50) / 5, Math.abs(Math.ceil(percent / 5) * 5 - 50) / 5) * 10;
+    return score;
+}
+const errorCorrectionBit = [0b01, 0b00, 0b11, 0b10];
+function getFormatInformationBits(eclIndex, maskNum) {
+    const ecMaskBits = (errorCorrectionBit[eclIndex] << 3) | maskNum;
+    let rest = ecMaskBits;
+    for (let i = 0; i < 10; i++) {
+        rest = (rest << 1) ^ ((rest >>> 9) * 0b10100110111);
+    }
+    return ((ecMaskBits << 10) | rest) ^ 0b101010000010010;
+}
+function getVersionInformationBits(version) {
+    let rest = version;
+    for (let i = 0; i < 12; i++) {
+        rest = (rest << 1) ^ ((rest >>> 11) * 0b1111100100101);
+    }
+    return (version << 12) | rest;
+}
+export const ECLList = ['L', 'M', 'Q', 'H'];
+export function qrcode(text, options = {}) {
+    const { ecl = 'M' } = options;
+    let eclIndex = ECLList.indexOf(ecl);
+    if (eclIndex < 0) {
+        eclIndex = 1;
+    }
+    const mode = getMode(text);
+    const modeIndicator = getModeIndicator(mode);
+    let version = 0;
+    let size = 0;
+    let dataBits = [];
+    const groups = [];
+    let map = [];
+    let maskNum = 0;
+    let maskMap = [];
+    // 数据编码
+    {
+        // 使用选定模式进行编码
+        dataBits = encodeData(mode, text);
+        const codewords = dataBits.length / 8;
+        const charLength = mode === Mode.Byte ? codewords : text.length;
+        // 确定数据的最小版本
+        version = getVersion(mode, eclIndex, codewords);
+        size = getSize(version);
+        // 添加模式指示器、字符计数指示器
+        dataBits = [
+            ...appendBits(modeIndicator, 4, []),
+            ...appendBits(charLength, getCharCountIndicator(mode, version), []),
+            ...dataBits,
+        ];
+        // 确定此QR码所需的数据位数
+        const rawDataBits = getRawDataCodewords(eclIndex, version) * 8;
+        // 如有必要，添加0结束符
+        appendBits(0, Math.min(rawDataBits - dataBits.length, 4), dataBits);
+        // 添加更多的0使长度成为8的倍数
+        appendBits(0, (8 - (dataBits.length % 8)) % 8, dataBits);
+        // 如果字符串仍然太短，添加填充字节
+        for (let padByte = 0b11101100; dataBits.length < rawDataBits; padByte ^= 0b11101100 ^ 0b00010001) {
+            appendBits(padByte, 8, dataBits);
+        }
+    }
+    // 纠错编码
+    {
+        const codewords = [];
+        dataBits.forEach((bit, i) => {
+            codewords[i >> 3] |= bit << (7 - (i & 7));
+        });
+        const blocks = ECBlocks[eclIndex][version - 1];
+        const g2Blocks = ~~(getTotalDataModules(version) / 8) % blocks;
+        const g1Blocks = blocks - g2Blocks;
+        const totalDC = getRawDataCodewords(eclIndex, version);
+        const g1DCPerBlock = ~~(totalDC / blocks);
+        const g2DCPerBlock = g2Blocks === 0 ? 0 : (totalDC - g1DCPerBlock * g1Blocks) / g2Blocks;
+        const eccNum = ECCodewordsPerBlock[eclIndex][version - 1];
+        let currentIndex = 0;
+        for (const [blocks, DCPerBlock] of [
+            [g1Blocks, g1DCPerBlock],
+            [g2Blocks, g2DCPerBlock],
+        ]) {
+            for (let b = 0; b < blocks; b++) {
+                const dataCodewords = new Uint8Array(codewords.slice(currentIndex, currentIndex + DCPerBlock));
+                groups.push({
+                    data: dataCodewords,
+                    ecc: getECC(dataCodewords, eccNum),
+                });
+                currentIndex += DCPerBlock;
+            }
+        }
+    }
+    // 构造最后信息
+    {
+        // 将块进行交叉
+        const dataCodewords = [];
+        const ecCodewords = [];
+        let i = 0;
+        while (true) {
+            const result = groups.map((block) => {
+                const dataCodeWord = block.data[i];
+                if (dataCodeWord !== undefined) {
+                    dataCodewords.push(dataCodeWord);
+                }
+                const ecCodeWord = block.ecc[i];
+                if (ecCodeWord !== undefined) {
+                    ecCodewords.push(ecCodeWord);
+                }
+                return dataCodeWord === undefined && ecCodeWord === undefined;
+            });
+            if (result.every((done) => done)) {
+                break;
+            }
+            i++;
+        }
+        // 将交错纠错码字放在交错数据码字之后
+        const interleavedCodewords = dataCodewords.concat(ecCodewords);
+        dataBits = [];
+        interleavedCodewords.forEach((codewords) => {
+            appendBits(codewords, 8, dataBits);
+        });
+        // 如果有必要，添加剩余位
+        appendBits(0, getTotalDataModules(version) - dataBits.length, dataBits);
+    }
+    // 模块在矩阵中的放置
+    {
+        map = Array(size)
+            .fill(null)
+            .map(() => Array(size).fill(null));
+        // 添加查找器图案
+        addFinderPatterns(map, size);
+        // 添加分隔符
+        addSeparatorPatterns(map, size);
+        // 添加对齐图案
+        addAlignmentPatterns(map, version);
+        // 添加时序图案
+        addTimingPatterns(map, size);
+        // 添加黑暗图案
+        addDarkPattern(map, size);
+        // 添加格式信息占位图案
+        addFormatInformationPatterns(map, size, () => 0);
+        // 添加版本信息占位图案
+        if (version >= 7) {
+            addVersionInformationPatterns(map, size, () => 0);
+        }
+        // 放置数据位
+        placeDataBits(map, size, dataBits);
+    }
+    // 数据掩码
+    {
+        let lowerScore = Infinity;
+        for (let i = 0; i < 8; i++) {
+            const maskMode = maskModes[i];
+            // 生成掩码图案
+            const seedMap = map.map((row, rowIndex) => row.map((col, colIndex) => {
+                if (col < 2) {
+                    return col;
+                }
+                col = col - 2;
+                return maskMode(rowIndex, colIndex) ? col ^ 1 : col;
+            }));
+            // 计算罚分
+            let score = 0;
+            // 评估条件1
+            // 行
+            score += getLeastFiveSameColoredPenalty((i, j) => seedMap[i][j], size);
+            // 列
+            score += getLeastFiveSameColoredPenalty((i, j) => seedMap[j][i], size);
+            // 评估条件2
+            score += getTwoByTwoSameColoredPenalty(seedMap, size);
+            // 评估条件3
+            score += getFinderLikePenalty(seedMap, size);
+            // 评估条件4
+            score += getBalancePenalty(seedMap);
+            // 选择八种掩码图案的最低罚分
+            if (score < lowerScore) {
+                lowerScore = score;
+                maskNum = i;
+                maskMap = seedMap;
+            }
+        }
+    }
+    // 格式和版本信息
+    {
+        // 添加格式信息图案
+        const formatBits = getFormatInformationBits(eclIndex, maskNum);
+        addFormatInformationPatterns(map, size, (i) => (formatBits >> i) & 1);
+        {
+            // 添加版本信息图案
+            if (version > 6) {
+                const versionBits = getVersionInformationBits(version);
+                addVersionInformationPatterns(map, size, (i) => (versionBits >> i) & 1);
+            }
+        }
+    }
+    // 输出最终矩阵
+    {
+        maskMap.forEach((row, y) => {
+            row.forEach((col, x) => {
+                const mapCol = map[y][x];
+                if (mapCol !== 0 && mapCol !== 1) {
+                    map[y][x] = col;
+                }
+            });
+        });
+        return map;
+    }
+}