diff --git a/index.html b/index.html
index 470262f..5864413 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
+
+
+```
+
+Available CDN:
+
+- https://unpkg.com/vconsole@latest/dist/vconsole.min.js
+- https://cdn.jsdelivr.net/npm/vconsole@latest/dist/vconsole.min.js
+
+---
+
+## Preview
+
+[http://wechatfe.github.io/vconsole/demo.html](http://wechatfe.github.io/vconsole/demo.html)
+
+
+
+---
+
+## Screenshots
+
+### Overview
+
+
+ Light theme
+
+
+
+
+
+ Dark theme
+
+
+
+
+### Log Panel
+
+
+ Log styling
+
+
+
+
+
+ Command line
+
+
+
+
+### System Panel
+
+
+ Performance info
+
+
+
+
+
+ Output logs to different panel
+
+```javascript
+console.log('output to Log panel.')
+console.log('[system]', 'output to System panel.')
+```
+
+
+### Network Panel
+
+
+ Request details
+
+
+
+
+### Element Panel
+
+
+ Realtime HTML elements structure
+
+
+
+
+### Storage Panel
+
+
+ Add, edit, delete or copy Cookies / LocalStorage / SessionStorage
+
+
+
+
+---
+
+## Documentation
+
+vConsole:
+
+ - [Tutorial](./doc/tutorial.md)
+ - [Public Properties & Methods](./doc/public_properties_methods.md)
+ - [Builtin Plugin: Properties & Methods](./doc/plugin_properties_methods.md)
+
+Custom Plugin:
+
+ - [Plugin: Getting Started](./doc/plugin_getting_started.md)
+ - [Plugin: Building a Plugin](./doc/plugin_building_a_plugin.md)
+ - [Plugin: Event List](./doc/plugin_event_list.md)
+
+---
+
+## Third-party Plugins
+
+ - [vConsole-sources](https://github.com/WechatFE/vConsole-sources)
+ - [vconsole-webpack-plugin](https://github.com/diamont1001/vconsole-webpack-plugin)
+ - [vconsole-stats-plugin](https://github.com/smackgg/vConsole-Stats)
+ - [vconsole-vue-devtools-plugin](https://github.com/Zippowxk/vue-vconsole-devtools)
+ - [vconsole-outputlog-plugin](https://github.com/sunlanda/vconsole-outputlog-plugin)
+ - [vite-plugin-vconsole](https://github.com/vadxq/vite-plugin-vconsole)
+
+---
+
+## Feedback
+
+QQ Group: 497430533
+
+
+
+---
+
+## License
+
+[The MIT License](./LICENSE)
diff --git a/node_modules/vconsole/README_CN.md b/node_modules/vconsole/README_CN.md
new file mode 100644
index 0000000..01fdddb
--- /dev/null
+++ b/node_modules/vconsole/README_CN.md
@@ -0,0 +1,199 @@
+[English](./README.md) | 简体中文
+
+vConsole
+===
+
+一个轻量、可拓展、针对手机网页的前端开发者调试面板。
+
+vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。
+
+现在 vConsole 是微信小程序的官方调试工具。
+
+---
+
+## 功能特性
+
+- 日志(Logs)： `console.log|info|error|...`
+- 网络(Network)： `XMLHttpRequest`, `Fetch`, `sendBeacon`
+- 节点(Element)： HTML 节点树
+- 存储(Storage)： `Cookies`, `LocalStorage`, `SessionStorage`
+- 手动执行 JS 命令行
+- 自定义插件
+
+详情可参考下方的截图。
+
+---
+
+## 版本说明
+
+最新版本： [](https://www.npmjs.com/package/vconsole)
+
+每个版本的详细说明请参阅 [Changelog](./CHANGELOG_CN.md)。
+
+---
+
+## 上手
+
+详细使用方法请参阅[使用教程](./doc/tutorial_CN.md)。
+
+将 vConsole 添加到项目中主要有以下方式：
+
+#### 方法一：使用 npm（推荐）
+
+```bash
+$ npm install vconsole
+```
+
+Import 并初始化后，即可使用 `console.log` 功能，如 Chrome devtools 上一样。
+
+```javascript
+import VConsole from 'vconsole';
+
+const vConsole = new VConsole();
+// 或者使用配置参数来初始化，详情见文档
+const vConsole = new VConsole({ theme: 'dark' });
+
+// 接下来即可照常使用 `console` 等方法
+console.log('Hello world');
+
+// 结束调试后，可移除掉
+vConsole.destroy();
+```
+
+#### 方法二：使用 CDN 直接插入到 HTML
+
+```html
+
+
+```
+
+可用的 CDN：
+
+- https://unpkg.com/vconsole@latest/dist/vconsole.min.js
+- https://cdn.jsdelivr.net/npm/vconsole@latest/dist/vconsole.min.js
+
+---
+
+## 手机预览
+
+[http://wechatfe.github.io/vconsole/demo.html](http://wechatfe.github.io/vconsole/demo.html)
+
+
+
+---
+
+## 截图
+
+### 概览
+
+
+ 浅色主题
+
+
+
+
+
+ 深色主题
+
+
+
+
+### Log 面板
+
+
+ Log 样式
+
+
+
+
+
+ 命令行
+
+
+
+
+### System 面板
+
+
+ Performance 信息
+
+
+
+
+
+ 输入日志到不同的 log 面板
+
+```javascript
+console.log('output to Log panel.')
+console.log('[system]', 'output to System panel.')
+```
+
+
+### Network 面板
+
+
+ 请求、回包的详情
+
+
+
+
+### Element 面板
+
+
+ 查看 HTML 对象结构
+
+
+
+
+### Storage 面板
+
+
+ 添加、编辑、删除、复制 Cookies / LocalStorage / SessionStorage
+
+
+
+
+---
+
+## 文档
+
+
+vConsole 本体：
+
+ - [使用教程](./doc/tutorial_CN.md)
+ - [公共属性及方法](./doc/public_properties_methods_CN.md)
+ - [内置插件：属性及方法](./doc/plugin_properties_methods_CN.md)
+
+自定义插件：
+
+ - [插件：入门](./doc/plugin_getting_started_CN.md)
+ - [插件：编写插件](./doc/plugin_building_a_plugin_CN.md)
+ - [插件：Event 事件列表](./doc/plugin_event_list_CN.md)
+
+---
+
+## 第三方插件列表
+
+ - [vConsole-sources](https://github.com/WechatFE/vConsole-sources)
+ - [vconsole-webpack-plugin](https://github.com/diamont1001/vconsole-webpack-plugin)
+ - [vconsole-stats-plugin](https://github.com/smackgg/vConsole-Stats)
+ - [vconsole-vue-devtools-plugin](https://github.com/Zippowxk/vue-vconsole-devtools)
+ - [vconsole-outputlog-plugin](https://github.com/sunlanda/vconsole-outputlog-plugin)
+ - [vite-plugin-vconsole](https://github.com/vadxq/vite-plugin-vconsole)
+
+---
+
+## 交流反馈
+
+QQ 群：497430533
+
+
+
+---
+
+## License
+
+[The MIT License](./LICENSE)
diff --git a/node_modules/vconsole/build/vendor.d.ts b/node_modules/vconsole/build/vendor.d.ts
new file mode 100644
index 0000000..9b94861
--- /dev/null
+++ b/node_modules/vconsole/build/vendor.d.ts
@@ -0,0 +1,24 @@
+declare module 'vendor/core-js/stable/symbol' {
+}
+
+declare module 'vendor/mutation-observer' {
+ export class MutationObserver {
+ }
+}
+
+declare module 'vendor/svelte' {
+ export class SvelteComponent {
+ }
+}
+
+declare module 'vendor/svelte/store' {
+ export interface Subscriber {
+ }
+ export interface Unsubscriber {
+ }
+ export interface Updater {
+ }
+ export interface Writable {
+ }
+}
+
diff --git a/node_modules/vconsole/dist/vconsole.min.d.ts b/node_modules/vconsole/dist/vconsole.min.d.ts
new file mode 100644
index 0000000..7d60069
--- /dev/null
+++ b/node_modules/vconsole/dist/vconsole.min.d.ts
@@ -0,0 +1,1237 @@
+///
+
+declare module "core/options.interface" {
+ export interface VConsoleLogOptions {
+ maxLogNumber?: number;
+ showTimestamps?: boolean;
+ }
+ export interface VConsoleNetworkOptions {
+ maxNetworkNumber?: number;
+ ignoreUrlRegExp?: RegExp;
+ }
+ export type VConsoleAvailableStorage = 'cookies' | 'localStorage' | 'sessionStorage' | 'wxStorage';
+ export interface VConsoleStorageOptions {
+ defaultStorages?: VConsoleAvailableStorage[];
+ }
+ export interface VConsoleOptions {
+ target?: string | HTMLElement;
+ defaultPlugins?: ('system' | 'network' | 'element' | 'storage')[];
+ theme?: '' | 'dark' | 'light';
+ disableLogScrolling?: boolean;
+ pluginOrder?: string[];
+ onReady?: () => void;
+ log?: VConsoleLogOptions;
+ network?: VConsoleNetworkOptions;
+ storage?: VConsoleStorageOptions;
+ /**
+ * @deprecated Since v3.12.0, use `log.maxLogNumber`.
+ */
+ maxLogNumber?: number;
+ /**
+ * @deprecated Since v3.12.0, use `network.maxNetworkNumber`.
+ */
+ maxNetworkNumber?: number;
+ /**
+ * @deprecated Since v3.12.0.
+ */
+ onClearLog?: () => void;
+ }
+}
+declare module "lib/tool" {
+ /**
+ * Utility Functions
+ */
+ /**
+ * get formatted date by timestamp
+ */
+ export function getDate(time: number): {
+ time: number;
+ year: number;
+ month: string | number;
+ day: string | number;
+ hour: string | number;
+ minute: string | number;
+ second: string | number;
+ millisecond: string | number;
+ };
+ /**
+ * Determine whether a value is of a specific type.
+ */
+ export function isNumber(value: any): boolean;
+ export function isBigInt(value: any): boolean;
+ export function isString(value: any): boolean;
+ export function isArray(value: any): boolean;
+ export function isBoolean(value: any): boolean;
+ export function isUndefined(value: any): boolean;
+ export function isNull(value: any): boolean;
+ export function isSymbol(value: any): boolean;
+ export function isObject(value: any): boolean;
+ export function isFunction(value: any): boolean;
+ export function isElement(value: any): boolean;
+ export function isWindow(value: any): boolean;
+ export function isIterable(value: any): boolean;
+ /**
+ * Get the prototype name of an object
+ */
+ export function getPrototypeName(value: any): string;
+ /**
+ * Get an object's constructor name.
+ */
+ export function getObjName(obj: any): string;
+ /**
+ * check whether an object is plain (using {})
+ * @param object obj
+ * @return boolean
+ */
+ export function isPlainObject(obj: any): boolean;
+ /**
+ * Escape HTML to XSS-safe text.
+ */
+ export function htmlEncode(text: string | number): string;
+ /**
+ * Convert a text's invisible characters to visible characters.
+ */
+ export function getVisibleText(text: string): string;
+ /**
+ * A safe `JSON.stringify` method.
+ */
+ export function safeJSONStringify(obj: any, opt?: {
+ maxDepth?: number;
+ keyMaxLen?: number;
+ pretty?: boolean;
+ standardJSON?: boolean;
+ }): string;
+ /**
+ * Call original `JSON.stringify` and catch unknown exceptions.
+ */
+ export function JSONStringify(value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
+ /**
+ * Get the bytes of a string.
+ * @example 'a' = 1
+ * @example '好' = 3
+ */
+ export function getStringBytes(str: string): number;
+ /**
+ * Convert bytes number to 'MB' or 'KB' string.
+ */
+ export function getBytesText(bytes: number): string;
+ /**
+ * Get a string within a limited max length.
+ * The byte size of the string will be appended to the string when reached the limit.
+ * @return 'some string...(3.1 MB)'
+ */
+ export function getStringWithinLength(str: string, maxLen: number): string;
+ /**
+ * Sore an `string[]` by string.
+ */
+ export function sortArray(arr: string[]): string[];
+ /**
+ * Get enumerable keys of an object or array.
+ */
+ export function getEnumerableKeys(obj: any): string[];
+ /**
+ * Get enumerable and non-enumerable keys of an object or array.
+ */
+ export function getEnumerableAndNonEnumerableKeys(obj: any): string[];
+ /**
+ * Get non-enumerable keys of an object or array.
+ */
+ export function getNonEnumerableKeys(obj: any): string[];
+ export function getSymbolKeys(obj: any): symbol[];
+ /**
+ * localStorage methods
+ */
+ export function setStorage(key: string, value: string): void;
+ export function getStorage(key: string): string;
+ /**
+ * Generate a 6-digit unique string with prefix `"__vc_" + ${prefix}`
+ */
+ export function getUniqueID(prefix?: string): string;
+ /**
+ * Determine whether it is inside a WeChat Miniprogram.
+ */
+ export function isWxEnv(): boolean;
+ /**
+ * Call a WeChat Miniprogram method. E.g: `wx.getStorageSync()`.
+ */
+ export function callWx(method: string, ...args: any[]): any;
+}
+declare module "lib/query" {
+ const $: {
+ /**
+ * get single element
+ * @public
+ */
+ one: (selector: string, contextElement?: Element | Document) => HTMLElement;
+ /**
+ * get multiple elements
+ * @public
+ */
+ all: (selector: string, contextElement?: Element | Document) => HTMLElement[];
+ /**
+ * add className(s) to an or multiple element(s)
+ * @public
+ */
+ addClass: ($el: Element | Element[], className: string) => void;
+ /**
+ * remove className(s) from an or multiple element(s)
+ * @public
+ */
+ removeClass: ($el: Element | Element[], className: string) => void;
+ /**
+ * see whether an element contains a className
+ * @public
+ */
+ hasClass: ($el: Element, className: string) => boolean;
+ /**
+ * bind an event to element(s)
+ * @public
+ */
+ bind: ($el: Element | Element[], eventType: any, fn: any, useCapture?: boolean) => void;
+ /**
+ * delegate an event to a parent element
+ * @public
+ * @param $el parent element
+ * @param eventType name of the event
+ * @param selector target's selector
+ * @param fn callback function
+ */
+ delegate: ($el: Element, eventType: string, selector: string, fn: (event: Event, $target: HTMLElement) => void) => void;
+ /**
+ * Remove all child elements of an element.
+ */
+ removeChildren($el: Element): Element;
+ };
+ /**
+ * export
+ */
+ export default $;
+}
+declare module "lib/model" {
+ type AConstructorTypeOf = new (...args: U) => T;
+ export class VConsoleModel {
+ static singleton: {
+ [ctorName: string]: VConsoleModel;
+ };
+ protected _onDataUpdateCallbacks: Function[];
+ /**
+ * Get a singleton of a model.
+ */
+ static getSingleton(ctor: AConstructorTypeOf, ctorName: string): T;
+ }
+ export default VConsoleModel;
+}
+declare module "lib/pluginExporter" {
+ import type { VConsoleModel } from "lib/model";
+ export class VConsolePluginExporter {
+ protected model: VConsoleModel;
+ protected pluginId: string;
+ constructor(pluginId: string);
+ destroy(): void;
+ }
+}
+declare module "lib/plugin" {
+ import { VConsolePluginExporter } from "lib/pluginExporter";
+ import type { VConsole } from "core/core";
+ export type IVConsolePluginEvent = (data?: any) => void;
+ export type IVConsolePluginEventName = 'init' | 'renderTab' | 'addTopBar' | 'addTool' | 'ready' | 'remove' | 'updateOption' | 'showConsole' | 'hideConsole' | 'show' | 'hide';
+ export interface IVConsoleTopbarOptions {
+ name: string;
+ className: string;
+ actived?: boolean;
+ data?: {
+ [key: string]: string;
+ };
+ onClick?: (e: Event, data?: any) => any;
+ }
+ export interface IVConsoleToolbarOptions {
+ name: string;
+ global?: boolean;
+ data?: {
+ [key: string]: string;
+ };
+ onClick?: (e: Event, data?: any) => any;
+ }
+ export interface IVConsoleTabOptions {
+ fixedHeight?: boolean;
+ }
+ /**
+ * vConsole Plugin Base Class
+ */
+ export class VConsolePlugin {
+ isReady: boolean;
+ eventMap: Map;
+ exporter?: VConsolePluginExporter;
+ protected _id: string;
+ protected _name: string;
+ protected _vConsole: VConsole;
+ constructor(...args: any[]);
+ get id(): string;
+ set id(value: string);
+ get name(): string;
+ set name(value: string);
+ get vConsole(): VConsole;
+ set vConsole(value: VConsole);
+ /**
+ * Register an event
+ * @public
+ * @param IVConsolePluginEventName
+ * @param IVConsolePluginEvent
+ */
+ on(eventName: IVConsolePluginEventName, callback: IVConsolePluginEvent): this;
+ onRemove(): void;
+ /**
+ * Trigger an event.
+ */
+ trigger(eventName: IVConsolePluginEventName, data?: any): this;
+ protected bindExporter(): void;
+ protected unbindExporter(): void;
+ protected getUniqueID(prefix?: string): string;
+ }
+ export default VConsolePlugin;
+}
+declare module "lib/sveltePlugin" {
+ import VConsolePlugin from "lib/plugin";
+ import { SvelteComponent } from "vendor/svelte";
+ export class VConsoleSveltePlugin extends VConsolePlugin {
+ CompClass: typeof SvelteComponent;
+ compInstance?: SvelteComponent;
+ initialProps: T;
+ constructor(id: string, name: string, CompClass: typeof SvelteComponent, initialProps: T);
+ onReady(): void;
+ onRenderTab(callback: any): void;
+ onRemove(): void;
+ }
+}
+declare module "core/core.model" {
+ export const contentStore: {
+ subscribe: (this: void, run: import("vendor/svelte/store").Subscriber<{
+ updateTime: number;
+ }>, invalidate?: (value?: {
+ updateTime: number;
+ }) => void) => import("vendor/svelte/store").Unsubscriber;
+ set: (this: void, value: {
+ updateTime: number;
+ }) => void;
+ update: (this: void, updater: import("vendor/svelte/store").Updater<{
+ updateTime: number;
+ }>) => void;
+ updateTime: () => void;
+ };
+}
+declare module "log/logTool" {
+ import type { IVConsoleLog, IVConsoleLogData } from "log/log.model";
+ /**
+ * Get a value's text content and its type.
+ */
+ export const getValueTextAndType: (val: any, wrapString?: boolean) => {
+ text: any;
+ valueType: string;
+ };
+ /**
+ * A simple parser to get `[` or `]` information.
+ */
+ export const getLastIdentifier: (text: string) => {
+ front: {
+ text: string;
+ pos: number;
+ before: string;
+ after: string;
+ };
+ back: {
+ text: string;
+ pos: number;
+ before: string;
+ after: string;
+ };
+ };
+ export const isMatchedFilterText: (log: IVConsoleLog, filterText: string) => boolean;
+ /**
+ * Styling log output (`%c`), or string substitutions (`%s`, `%d`, `%o`).
+ * Apply to the first log only.
+ */
+ export const getLogDatasWithFormatting: (origDatas: any[]) => IVConsoleLogData[];
+ /**
+ * An empty class for rendering views.
+ */
+ export class VConsoleUninvocatableObject {
+ }
+}
+declare module "log/log.store" {
+ import type { Writable } from "vendor/svelte/store";
+ import type { IVConsoleLog } from "log/log.model";
+ export interface IVConsoleLogStore {
+ logList: IVConsoleLog[];
+ }
+ /**
+ * Log Store Factory
+ */
+ export class VConsoleLogStore {
+ static storeMap: {
+ [pluginId: string]: Writable;
+ };
+ /**
+ * Create a store.
+ */
+ static create(pluginId: string): Writable;
+ /**
+ * Delete a store.
+ */
+ static delete(pluginId: string): void;
+ /**
+ * Get a store by pluginId,
+ */
+ static get(pluginId: string): Writable;
+ /**
+ * Get a store's raw data.
+ */
+ static getRaw(pluginId: string): IVConsoleLogStore;
+ /**
+ * Get all stores.
+ */
+ static getAll(): {
+ [pluginId: string]: Writable;
+ };
+ }
+}
+declare module "log/log.model" {
+ import { VConsoleModel } from "lib/model";
+ /**********************************
+ * Interfaces
+ **********************************/
+ export type IConsoleLogMethod = 'log' | 'info' | 'debug' | 'warn' | 'error';
+ export interface IVConsoleLogData {
+ origData: any;
+ style?: string;
+ }
+ export interface IVConsoleLog {
+ _id: string;
+ type: IConsoleLogMethod;
+ cmdType?: 'input' | 'output';
+ repeated: number;
+ toggle: Record;
+ date: number;
+ data: IVConsoleLogData[];
+ groupLevel: number;
+ groupLabel?: symbol;
+ groupHeader?: 0 | 1 | 2;
+ groupCollapsed?: boolean;
+ }
+ export type IVConsoleLogListMap = {
+ [pluginId: string]: IVConsoleLog[];
+ };
+ export type IVConsoleLogFilter = {
+ [pluginId: string]: string;
+ };
+ export interface IVConsoleAddLogOptions {
+ noOrig?: boolean;
+ cmdType?: 'input' | 'output';
+ }
+ /**********************************
+ * Model
+ **********************************/
+ export class VConsoleLogModel extends VConsoleModel {
+ readonly LOG_METHODS: IConsoleLogMethod[];
+ ADDED_LOG_PLUGIN_ID: string[];
+ maxLogNumber: number;
+ protected logCounter: number;
+ protected groupLevel: number;
+ protected groupLabelCollapsedStack: {
+ label: symbol;
+ collapsed: boolean;
+ }[];
+ protected pluginPattern: RegExp;
+ protected logQueue: IVConsoleLog[];
+ protected flushLogScheduled: boolean;
+ /**
+ * The original `window.console` methods.
+ */
+ origConsole: {
+ [method: string]: Function;
+ };
+ /**
+ * Bind a Log plugin.
+ * When binding first plugin, `window.console` will be hooked.
+ */
+ bindPlugin(pluginId: string): boolean;
+ /**
+ * Unbind a Log plugin.
+ * When no binded plugin exists, hooked `window.console` will be recovered.
+ */
+ unbindPlugin(pluginId: string): boolean;
+ /**
+ * Hook `window.console` with vConsole log method.
+ * Methods will be hooked only once.
+ */
+ mockConsole(): void;
+ protected _mockConsoleLog(): void;
+ protected _mockConsoleTime(): void;
+ protected _mockConsoleGroup(): void;
+ protected _mockConsoleClear(): void;
+ /**
+ * Recover `window.console`.
+ */
+ unmockConsole(): void;
+ /**
+ * Call origin `window.console[method](...args)`
+ */
+ callOriginalConsole(method: string, ...args: any[]): void;
+ /**
+ * Reset groups by `console.group()`.
+ */
+ resetGroup(): void;
+ /**
+ * Remove all logs.
+ */
+ clearLog(): void;
+ /**
+ * Remove a plugin's logs.
+ */
+ clearPluginLog(pluginId: string): void;
+ /**
+ * Add a vConsole log.
+ */
+ addLog(item?: {
+ type: IConsoleLogMethod;
+ origData: any[];
+ isGroupHeader?: 0 | 1 | 2;
+ isGroupCollapsed?: boolean;
+ }, opt?: IVConsoleAddLogOptions): void;
+ /**
+ * Execute a JS command.
+ */
+ evalCommand(cmd: string): void;
+ protected _signalLog(log: IVConsoleLog): void;
+ protected _flushLogs(): void;
+ protected _extractPluginIdByLog(log: IVConsoleLog): string;
+ protected _isRepeatedLog(logList: IVConsoleLog[], log: IVConsoleLog): boolean;
+ protected _updateLastLogRepeated(logList: IVConsoleLog[]): IVConsoleLog[];
+ protected _limitLogListLength(logList: IVConsoleLog[]): IVConsoleLog[];
+ }
+}
+declare module "log/log.exporter" {
+ import { VConsolePluginExporter } from "lib/pluginExporter";
+ import { VConsoleLogModel } from "log/log.model";
+ import type { IConsoleLogMethod } from "log/log.model";
+ export class VConsoleLogExporter extends VConsolePluginExporter {
+ model: VConsoleLogModel;
+ log(...args: any[]): void;
+ info(...args: any[]): void;
+ debug(...args: any[]): void;
+ warn(...args: any[]): void;
+ error(...args: any[]): void;
+ clear(): void;
+ protected addLog(method: IConsoleLogMethod, ...args: any[]): void;
+ }
+}
+declare module "log/log" {
+ import { VConsoleSveltePlugin } from "lib/sveltePlugin";
+ import { VConsoleLogModel } from "log/log.model";
+ /**
+ * vConsole Log Plugin (base class).
+ */
+ export class VConsoleLogPlugin extends VConsoleSveltePlugin {
+ model: VConsoleLogModel;
+ isReady: boolean;
+ isShow: boolean;
+ isInBottom: boolean;
+ constructor(id: string, name: string);
+ onReady(): void;
+ onRemove(): void;
+ onAddTopBar(callback: Function): void;
+ onAddTool(callback: Function): void;
+ onUpdateOption(): void;
+ }
+ export default VConsoleLogPlugin;
+}
+declare module "log/default" {
+ import { VConsoleLogPlugin } from "log/log";
+ export class VConsoleDefaultPlugin extends VConsoleLogPlugin {
+ protected onErrorHandler: any;
+ protected resourceErrorHandler: any;
+ protected rejectionHandler: any;
+ onReady(): void;
+ onRemove(): void;
+ /**
+ * Catch window errors.
+ */
+ protected bindErrors(): void;
+ /**
+ * Not catch window errors.
+ */
+ protected unbindErrors(): void;
+ /**
+ * Catch `window.onerror`.
+ */
+ protected catchWindowOnError(): void;
+ /**
+ * Catch resource loading error: image, video, link, script.
+ */
+ protected catchResourceError(): void;
+ /**
+ * Catch `Promise.reject`.
+ * @reference https://developer.mozilla.org/en-US/docs/Web/API/Window/unhandledrejection_event
+ */
+ private catchUnhandledRejection;
+ }
+ export default VConsoleDefaultPlugin;
+}
+declare module "log/system" {
+ import { VConsoleLogPlugin } from "log/log";
+ export class VConsoleSystemPlugin extends VConsoleLogPlugin {
+ onReady(): void;
+ printSystemInfo(): void;
+ }
+ export default VConsoleSystemPlugin;
+}
+declare module "network/helper" {
+ import type { VConsoleNetworkRequestItem } from "network/requestItem";
+ export type IOnUpdateCallback = (item: VConsoleNetworkRequestItem) => void;
+ /**
+ * Generate `getData` by url.
+ */
+ export const genGetDataByUrl: (url: string, getData?: {}) => {};
+ /**
+ * Generate formatted response data by responseType.
+ */
+ export const genResonseByResponseType: (responseType: string, response: any) => string;
+ /**
+ * Generate formatted response body by XMLHttpRequestBodyInit.
+ */
+ export const genFormattedBody: (body?: BodyInit) => string | {
+ [key: string]: string;
+ };
+ /**
+ * Get formatted URL object by string.
+ */
+ export const getURL: (urlString?: string) => URL;
+}
+declare module "network/requestItem" {
+ export type VConsoleRequestMethod = '' | 'GET' | 'POST' | 'PUT' | 'DELETE' | 'HEAD' | 'CONNECT' | 'OPTIONS' | 'TRACE' | 'PATCH';
+ export class VConsoleNetworkRequestItem {
+ id: string;
+ name?: string;
+ method: VConsoleRequestMethod;
+ url: string;
+ status: number | string;
+ statusText?: string;
+ cancelState?: 0 | 1 | 2 | 3;
+ readyState?: XMLHttpRequest['readyState'];
+ header: {
+ [key: string]: string;
+ };
+ responseType: XMLHttpRequest['responseType'];
+ requestType: 'xhr' | 'fetch' | 'ping' | 'custom';
+ requestHeader: HeadersInit;
+ response: any;
+ responseSize: number;
+ responseSizeText: string;
+ startTime: number;
+ startTimeText: string;
+ endTime: number;
+ costTime?: number;
+ getData: {
+ [key: string]: string;
+ };
+ postData: {
+ [key: string]: string;
+ } | string;
+ actived: boolean;
+ noVConsole?: boolean;
+ constructor();
+ }
+ export class VConsoleNetworkRequestItemProxy extends VConsoleNetworkRequestItem {
+ static Handler: {
+ get(item: VConsoleNetworkRequestItemProxy, prop: string): any;
+ set(item: VConsoleNetworkRequestItemProxy, prop: string, value: any): boolean;
+ };
+ protected _response?: any;
+ constructor(item: VConsoleNetworkRequestItem);
+ }
+}
+declare module "network/xhr.proxy" {
+ import { VConsoleNetworkRequestItem } from "network/requestItem";
+ import type { IOnUpdateCallback } from "network/helper";
+ export class XHRProxyHandler implements ProxyHandler {
+ XMLReq: XMLHttpRequest;
+ item: VConsoleNetworkRequestItem;
+ protected onUpdateCallback: IOnUpdateCallback;
+ constructor(XMLReq: XMLHttpRequest, onUpdateCallback: IOnUpdateCallback);
+ get(target: T, key: string): any;
+ set(target: T, key: string, value: any): boolean;
+ onReadyStateChange(): void;
+ onAbort(): void;
+ onTimeout(): void;
+ protected triggerUpdate(): void;
+ protected getOpen(target: T): (...args: any[]) => any;
+ protected getSend(target: T): (...args: any[]) => any;
+ protected getSetRequestHeader(target: T): (...args: any[]) => any;
+ protected setOnReadyStateChange(target: T, key: string, value: any): boolean;
+ protected setOnAbort(target: T, key: string, value: any): boolean;
+ protected setOnTimeout(target: T, key: string, value: any): boolean;
+ /**
+ * Update item's properties according to readyState.
+ */
+ protected updateItemByReadyState(): void;
+ }
+ export class XHRProxy {
+ static origXMLHttpRequest: {
+ new (): XMLHttpRequest;
+ prototype: XMLHttpRequest;
+ readonly DONE: number;
+ readonly HEADERS_RECEIVED: number;
+ readonly LOADING: number;
+ readonly OPENED: number;
+ readonly UNSENT: number;
+ };
+ static create(onUpdateCallback: IOnUpdateCallback): {
+ new (): XMLHttpRequest;
+ prototype: XMLHttpRequest;
+ readonly DONE: number;
+ readonly HEADERS_RECEIVED: number;
+ readonly LOADING: number;
+ readonly OPENED: number;
+ readonly UNSENT: number;
+ };
+ }
+}
+declare module "network/fetch.proxy" {
+ import { VConsoleNetworkRequestItem } from "network/requestItem";
+ import type { IOnUpdateCallback } from "network/helper";
+ export class ResponseProxyHandler implements ProxyHandler {
+ resp: Response;
+ item: VConsoleNetworkRequestItem;
+ protected onUpdateCallback: IOnUpdateCallback;
+ constructor(resp: T, item: VConsoleNetworkRequestItem, onUpdateCallback: IOnUpdateCallback);
+ set(target: T, key: string, value: any): boolean;
+ get(target: T, key: string): any;
+ protected mockReader(): void;
+ }
+ export class FetchProxyHandler implements ProxyHandler {
+ protected onUpdateCallback: IOnUpdateCallback;
+ constructor(onUpdateCallback: IOnUpdateCallback);
+ apply(target: T, thisArg: typeof window, argsList: any): Promise;
+ protected beforeFetch(item: VConsoleNetworkRequestItem, input: RequestInfo, init?: RequestInit): void;
+ protected afterFetch(item: any): (resp: Response) => Response;
+ protected handleResponseBody(resp: Response, item: VConsoleNetworkRequestItem): Promise | Promise;
+ }
+ export class FetchProxy {
+ static origFetch: typeof fetch;
+ static create(onUpdateCallback: IOnUpdateCallback): typeof fetch;
+ }
+}
+declare module "network/beacon.proxy" {
+ import type { IOnUpdateCallback } from "network/helper";
+ export class BeaconProxyHandler implements ProxyHandler {
+ protected onUpdateCallback: IOnUpdateCallback;
+ constructor(onUpdateCallback: IOnUpdateCallback);
+ apply(target: T, thisArg: T, argsList: any[]): any;
+ }
+ export class BeaconProxy {
+ static origSendBeacon: (url: string | URL, data?: BodyInit) => boolean;
+ static create(onUpdateCallback: IOnUpdateCallback): any;
+ }
+}
+declare module "network/network.model" {
+ import { VConsoleModel } from "lib/model";
+ import { VConsoleNetworkRequestItem } from "network/requestItem";
+ /**
+ * Network Store
+ */
+ export const requestList: import("vendor/svelte/store").Writable<{
+ [id: string]: VConsoleNetworkRequestItem;
+ }>;
+ /**
+ * Network Model
+ */
+ export class VConsoleNetworkModel extends VConsoleModel {
+ maxNetworkNumber: number;
+ ignoreUrlRegExp: RegExp;
+ protected itemCounter: number;
+ constructor();
+ unMock(): void;
+ clearLog(): void;
+ /**
+ * Add or update a request item by request ID.
+ */
+ updateRequest(id: string, data: VConsoleNetworkRequestItem): void;
+ /**
+ * mock XMLHttpRequest
+ * @private
+ */
+ private mockXHR;
+ /**
+ * mock fetch request
+ * @private
+ */
+ private mockFetch;
+ /**
+ * mock navigator.sendBeacon
+ * @private
+ */
+ private mockSendBeacon;
+ protected limitListLength(): void;
+ }
+ export default VConsoleNetworkModel;
+}
+declare module "network/network.exporter" {
+ import { VConsolePluginExporter } from "lib/pluginExporter";
+ import { VConsoleNetworkModel } from "network/network.model";
+ import { VConsoleNetworkRequestItem, VConsoleNetworkRequestItemProxy } from "network/requestItem";
+ export class VConsoleNetworkExporter extends VConsolePluginExporter {
+ model: VConsoleNetworkModel;
+ add(item: VConsoleNetworkRequestItem): VConsoleNetworkRequestItemProxy;
+ update(id: string, item: VConsoleNetworkRequestItem): void;
+ clear(): void;
+ }
+}
+declare module "network/network" {
+ import { VConsoleSveltePlugin } from "lib/sveltePlugin";
+ import { VConsoleNetworkModel } from "network/network.model";
+ import { VConsoleNetworkExporter } from "network/network.exporter";
+ export class VConsoleNetworkPlugin extends VConsoleSveltePlugin {
+ model: VConsoleNetworkModel;
+ exporter: VConsoleNetworkExporter;
+ constructor(id: string, name: string, renderProps?: {});
+ onReady(): void;
+ onAddTool(callback: any): void;
+ onRemove(): void;
+ onUpdateOption(): void;
+ }
+}
+declare module "element/element.model" {
+ export interface IVConsoleNode {
+ nodeType: typeof Node.prototype.nodeType;
+ nodeName: typeof Node.prototype.nodeName;
+ textContent: typeof Node.prototype.textContent;
+ id: typeof Element.prototype.id;
+ className: typeof Element.prototype.className;
+ attributes: {
+ [name: string]: string;
+ }[];
+ childNodes: IVConsoleNode[];
+ _isExpand?: boolean;
+ _isActived?: boolean;
+ _isSingleLine?: boolean;
+ _isNullEndTag?: boolean;
+ }
+ /**
+ * Element Store
+ */
+ export const rootNode: import("vendor/svelte/store").Writable;
+ export const activedNode: import("vendor/svelte/store").Writable;
+}
+declare module "element/element" {
+ import MutationObserver from "vendor/mutation-observer";
+ import { VConsoleSveltePlugin } from "lib/sveltePlugin";
+ import type { IVConsoleNode } from "element/element.model";
+ /**
+ * vConsole Element Panel
+ */
+ export class VConsoleElementPlugin extends VConsoleSveltePlugin {
+ protected isInited: boolean;
+ protected observer: MutationObserver;
+ protected nodeMap: WeakMap;
+ constructor(id: string, name: string, renderProps?: {});
+ onShow(): void;
+ onRemove(): void;
+ onAddTool(callback: any): void;
+ protected _init(): void;
+ protected _handleMutation(mutation: MutationRecord): void;
+ protected _onChildRemove(mutation: MutationRecord): void;
+ protected _onChildAdd(mutation: MutationRecord): void;
+ protected _onAttributesChange(mutation: MutationRecord): void;
+ protected _onCharacterDataChange(mutation: MutationRecord): void;
+ /**
+ * Generate an VNode for rendering views. VNode will be updated if existing.
+ * VNode will be stored in a WeakMap.
+ */
+ protected _generateVNode(elem: Node): IVConsoleNode;
+ protected _updateVNodeAttributes(elem: Node): void;
+ /**
+ * Expand the actived node.
+ * If the node is collapsed, expand it.
+ * If the node is expanded, expand it's child nodes.
+ */
+ protected _expandActivedNode(): void;
+ /**
+ * Collapse the actived node.
+ * If the node is expanded, and has expanded child nodes, collapse it's child nodes.
+ * If the node is expanded, and has no expanded child node, collapse it self.
+ * If the node is collapsed, do nothing.
+ */
+ protected _collapseActivedNode(): void;
+ protected _isIgnoredNode(elem: Node): boolean;
+ protected _isInVConsole(elem: Element): boolean;
+ protected _refreshStore(): void;
+ }
+}
+declare module "storage/storage.cookie" {
+ import type { IStorage } from "storage/storage.model";
+ export interface CookieOptions {
+ path?: string | null;
+ domain?: string | null;
+ expires?: Date | null;
+ secure?: boolean;
+ sameSite?: 'Strict' | 'Lax' | 'None';
+ }
+ export class CookieStorage implements IStorage {
+ get length(): number;
+ /**
+ * Returns sorted keys.
+ */
+ get keys(): string[];
+ key(index: number): string;
+ setItem(key: string, data: string, cookieOptions?: CookieOptions): void;
+ getItem(key: string): string;
+ removeItem(key: string, cookieOptions?: CookieOptions): void;
+ clear(): void;
+ }
+}
+declare module "storage/storage.wx" {
+ import type { IStorage } from "storage/storage.model";
+ export class WxStorage implements IStorage {
+ keys: string[];
+ currentSize: number;
+ limitSize: number;
+ get length(): number;
+ key(index: number): string;
+ /**
+ * Prepare for async data.
+ */
+ prepare(): Promise;
+ getItem(key: string): Promise;
+ setItem(key: string, data: any): Promise;
+ removeItem(key: string): Promise;
+ clear(): Promise;
+ }
+}
+declare module "storage/storage.model" {
+ import type { VConsoleAvailableStorage } from "core/options.interface";
+ import { VConsoleModel } from "lib/model";
+ export interface IStorage {
+ length: number;
+ key: (index: number) => string | null;
+ getItem: (key: string) => string | null | Promise;
+ setItem: (key: string, data: any) => void | Promise;
+ removeItem: (key: string) => void | Promise;
+ clear: () => void | Promise;
+ prepare?: () => Promise;
+ }
+ /**
+ * Storage Store
+ */
+ export const storageStore: {
+ updateTime: import("vendor/svelte/store").Writable;
+ activedName: import("vendor/svelte/store").Writable;
+ defaultStorages: import("vendor/svelte/store").Writable;
+ };
+ export class VConsoleStorageModel extends VConsoleModel {
+ protected storage: Map;
+ constructor();
+ get activedStorage(): IStorage;
+ getItem(key: string): Promise;
+ setItem(key: string, data: any): Promise;
+ removeItem(key: string): Promise;
+ clear(): Promise;
+ refresh(): void;
+ /**
+ * Get key-value data.
+ */
+ getEntries(): Promise<[string, string][]>;
+ updateEnabledStorages(): void;
+ protected promisify(ret: T | Promise): T | Promise;
+ protected deleteStorage(key: VConsoleAvailableStorage): void;
+ }
+}
+declare module "storage/storage" {
+ import { VConsoleSveltePlugin } from "lib/sveltePlugin";
+ import { VConsoleStorageModel } from "storage/storage.model";
+ export class VConsoleStoragePlugin extends VConsoleSveltePlugin {
+ protected model: VConsoleStorageModel;
+ protected onAddTopBarCallback: Function;
+ constructor(id: string, name: string, renderProps?: {});
+ onReady(): void;
+ onShow(): void;
+ onAddTopBar(callback: Function): void;
+ onAddTool(callback: Function): void;
+ onUpdateOption(): void;
+ protected updateTopBar(): void;
+ }
+}
+declare module "core/core" {
+ /**
+ * vConsole core class
+ */
+ import type { SvelteComponent } from "vendor/svelte";
+ import type { VConsoleOptions } from "core/options.interface";
+ import { VConsolePlugin } from "lib/plugin";
+ import { VConsoleLogPlugin } from "log/log";
+ import { VConsoleDefaultPlugin } from "log/default";
+ import { VConsoleSystemPlugin } from "log/system";
+ import { VConsoleNetworkPlugin } from "network/network";
+ import { VConsoleElementPlugin } from "element/element";
+ import { VConsoleStoragePlugin } from "storage/storage";
+ import { VConsoleLogExporter } from "log/log.exporter";
+ import { VConsoleNetworkExporter } from "network/network.exporter";
+ export class VConsole {
+ version: string;
+ isInited: boolean;
+ option: VConsoleOptions;
+ protected compInstance: SvelteComponent;
+ protected pluginList: {
+ [id: string]: VConsolePlugin;
+ };
+ log: VConsoleLogExporter;
+ system: VConsoleLogExporter;
+ network: VConsoleNetworkExporter;
+ static VConsolePlugin: typeof VConsolePlugin;
+ static VConsoleLogPlugin: typeof VConsoleLogPlugin;
+ static VConsoleDefaultPlugin: typeof VConsoleDefaultPlugin;
+ static VConsoleSystemPlugin: typeof VConsoleSystemPlugin;
+ static VConsoleNetworkPlugin: typeof VConsoleNetworkPlugin;
+ static VConsoleElementPlugin: typeof VConsoleElementPlugin;
+ static VConsoleStoragePlugin: typeof VConsoleStoragePlugin;
+ constructor(opt?: VConsoleOptions);
+ /**
+ * Get singleton instance.
+ **/
+ static get instance(): VConsole | undefined;
+ /**
+ * Set singleton instance.
+ **/
+ static set instance(value: VConsole | undefined);
+ /**
+ * Add built-in plugins.
+ */
+ private _addBuiltInPlugins;
+ /**
+ * Init svelte component.
+ */
+ private _initComponent;
+ private _updateComponentByOptions;
+ /**
+ * Update the position of Switch button.
+ */
+ setSwitchPosition(x: number, y: number): void;
+ /**
+ * Auto run after initialization.
+ * @private
+ */
+ private _autoRun;
+ private _showFirstPluginWhenEmpty;
+ /**
+ * Trigger a `vConsole.option` event.
+ */
+ triggerEvent(eventName: string, param?: any): void;
+ /**
+ * Init a plugin.
+ */
+ private _initPlugin;
+ /**
+ * Trigger an event for each plugin.
+ */
+ private _triggerPluginsEvent;
+ /**
+ * Trigger an event by plugin's id.
+ * @private
+ */
+ private _triggerPluginEvent;
+ /**
+ * Sorting plugin list by option `pluginOrder`.
+ * Plugin not listed in `pluginOrder` will be put last.
+ */
+ private _reorderPluginList;
+ /**
+ * Add a new plugin.
+ */
+ addPlugin(plugin: VConsolePlugin): boolean;
+ /**
+ * Remove a plugin.
+ */
+ removePlugin(pluginID: string): boolean;
+ /**
+ * Show console panel.
+ */
+ show(): void;
+ /**
+ * Hide console panel.
+ */
+ hide(): void;
+ /**
+ * Show switch button
+ */
+ showSwitch(): void;
+ /**
+ * Hide switch button.
+ */
+ hideSwitch(): void;
+ /**
+ * Show a plugin panel.
+ */
+ showPlugin(pluginId: string): void;
+ /**
+ * Update option(s).
+ * @example `setOption('log.maxLogNumber', 20)`: set 'maxLogNumber' field only.
+ * @example `setOption({ log: { maxLogNumber: 20 }})`: overwrite 'log' object.
+ */
+ setOption(keyOrObj: any, value?: any): void;
+ /**
+ * Remove vConsole.
+ */
+ destroy(): void;
+ }
+}
+declare module "vconsole" {
+ /**
+ * A Front-End Console Panel for Mobile Webpage
+ */
+ import "vendor/core-js/stable/symbol";
+ import 'core-js/stable/promise';
+ import { VConsole } from "core/core";
+ export default VConsole;
+}
+declare module "component/recycleScroller/recycleManager" {
+ const createRecycleManager: () => (itemCount: number, start: number, end: number) => {
+ key: number;
+ index: number;
+ show: boolean;
+ }[];
+ export default createRecycleManager;
+}
+declare module "component/recycleScroller/resizeObserver" {
+ /**
+ * A ResizeObserver polyfill.
+ * ResizeObserver is not support in iOS 13.3
+ */
+ class EmptyResizeObserver {
+ constructor(callback: (entries: any[], observer?: EmptyResizeObserver) => void);
+ disconnect(): void;
+ observe(target: Element | SVGElement, options?: any): void;
+ unobserve(target: Element | SVGElement): void;
+ }
+ export const hasResizeObserver: () => boolean;
+ export const useResizeObserver: () => {
+ new (callback: ResizeObserverCallback): ResizeObserver;
+ prototype: ResizeObserver;
+ } | typeof EmptyResizeObserver;
+}
+declare module "component/recycleScroller/scroll/friction" {
+ /** *
+ * Friction physics simulation. Friction is actually just a simple
+ * power curve; the only trick is taking the natural log of the
+ * initial drag so that we can express the answer in terms of time.
+ */
+ class Friction {
+ private _drag;
+ private _dragLog;
+ private _x;
+ private _v;
+ private _startTime;
+ constructor(drag: number);
+ set(x: number, v: number, t?: number): void;
+ x(t: number): number;
+ dx(t: number): number;
+ done(t: number): boolean;
+ }
+ export default Friction;
+}
+declare module "component/recycleScroller/scroll/linear" {
+ class Linear {
+ private _x;
+ private _endX;
+ private _v;
+ private _startTime;
+ private _endTime;
+ set(x: number, endX: number, dt: number, t?: number): void;
+ x(t: number): number;
+ dx(t: number): number;
+ done(t: number): boolean;
+ }
+ export default Linear;
+}
+declare module "component/recycleScroller/scroll/spring" {
+ class Spring {
+ private _solver;
+ private _solution;
+ private _endPosition;
+ private _startTime;
+ constructor(mass: number, springConstant: number, damping: number);
+ x(t: number): number;
+ dx(t: number): number;
+ set(endPosition: number, x: number, velocity: number, t?: number): void;
+ done(t: number): boolean;
+ }
+ export default Spring;
+}
+declare module "component/recycleScroller/scroll/scroll" {
+ /** *
+ * Scroll combines Friction and Spring to provide the
+ * classic "flick-with-bounce" behavior.
+ */
+ class Scroll {
+ private _enableSpring;
+ private _getExtend;
+ private _friction;
+ private _spring;
+ private _toEdge;
+ constructor(getExtend: () => number, _enableSpring: boolean);
+ set(x: number, v: number, t?: number): void;
+ x(t: number): number;
+ dx(t: number): number;
+ done(t: number): boolean;
+ }
+ export default Scroll;
+}
+declare module "component/recycleScroller/scroll/touchTracker" {
+ export interface TrackerHandler {
+ onTouchStart(): void;
+ onTouchMove(x: number, y: number): void;
+ onTouchEnd(x: number, y: number, velocityX: number, velocityY: number): void;
+ onTouchCancel(): void;
+ onWheel(x: number, y: number): void;
+ }
+ class TouchTracker {
+ private _handler;
+ private _touchId;
+ private _startX;
+ private _startY;
+ private _historyX;
+ private _historyY;
+ private _historyTime;
+ private _wheelDeltaX;
+ private _wheelDeltaY;
+ constructor(_handler: TrackerHandler);
+ private _getTouchDelta;
+ private _onTouchMove;
+ private _onWheel;
+ handleTouchStart: (e: TouchEvent) => void;
+ handleTouchMove: (e: TouchEvent) => void;
+ handleTouchEnd: (e: TouchEvent) => void;
+ handleTouchCancel: (e: TouchEvent) => void;
+ handleWheel: (e: WheelEvent) => void;
+ }
+ export default TouchTracker;
+}
+declare module "component/recycleScroller/scroll/scrollHandler" {
+ import { TrackerHandler } from "component/recycleScroller/scroll/touchTracker";
+ class ScrollHandler implements TrackerHandler {
+ private _updatePosition;
+ private _scrollModel;
+ private _linearModel;
+ private _startPosition;
+ private _position;
+ private _animate;
+ private _getExtent;
+ constructor(getExtent: () => number, _updatePosition: (pos: number) => void);
+ onTouchStart(): void;
+ onTouchMove(dx: number, dy: number): void;
+ onTouchEnd(dx: number, dy: number, velocityX: number, velocityY: number): void;
+ onTouchCancel(): void;
+ onWheel(x: number, y: number): void;
+ getPosition(): number;
+ updatePosition(position: number): void;
+ scrollTo(position: number, duration?: number): void;
+ }
+ export default ScrollHandler;
+}
diff --git a/node_modules/vconsole/dist/vconsole.min.js b/node_modules/vconsole/dist/vconsole.min.js
new file mode 100644
index 0000000..ff1f2b9
--- /dev/null
+++ b/node_modules/vconsole/dist/vconsole.min.js
@@ -0,0 +1,10 @@
+/*!
+ * vConsole v3.15.1 (https://github.com/Tencent/vConsole)
+ *
+ * Tencent is pleased to support the open source community by making vConsole available.
+ * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
+ * http://opensource.org/licenses/MIT
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
+ */
+!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("VConsole",[],n):"object"==typeof exports?exports.VConsole=n():t.VConsole=n()}(this||self,(function(){return function(){var __webpack_modules__={4264:function(t,n,e){t.exports=e(7588)},5036:function(t,n,e){e(1719),e(5677),e(6394),e(5334),e(6969),e(2021),e(8328),e(2129);var o=e(1287);t.exports=o.Promise},2582:function(t,n,e){e(1646),e(6394),e(2004),e(462),e(8407),e(2429),e(1172),e(8288),e(1274),e(8201),e(6626),e(3211),e(9952),e(15),e(9831),e(7521),e(2972),e(6956),e(5222),e(2257);var o=e(1287);t.exports=o.Symbol},8257:function(t,n,e){var o=e(7583),r=e(9212),i=e(5637),a=o.TypeError;t.exports=function(t){if(r(t))return t;throw a(i(t)+" is not a function")}},1186:function(t,n,e){var o=e(7583),r=e(2097),i=e(5637),a=o.TypeError;t.exports=function(t){if(r(t))return t;throw a(i(t)+" is not a constructor")}},9882:function(t,n,e){var o=e(7583),r=e(9212),i=o.String,a=o.TypeError;t.exports=function(t){if("object"==typeof t||r(t))return t;throw a("Can't set "+i(t)+" as a prototype")}},6288:function(t,n,e){var o=e(3649),r=e(3590),i=e(4615),a=o("unscopables"),c=Array.prototype;null==c[a]&&i.f(c,a,{configurable:!0,value:r(null)}),t.exports=function(t){c[a][t]=!0}},4761:function(t,n,e){var o=e(7583),r=e(2447),i=o.TypeError;t.exports=function(t,n){if(r(n,t))return t;throw i("Incorrect invocation")}},2569:function(t,n,e){var o=e(7583),r=e(794),i=o.String,a=o.TypeError;t.exports=function(t){if(r(t))return t;throw a(i(t)+" is not an object")}},5766:function(t,n,e){var o=e(2977),r=e(6782),i=e(1825),a=function(t){return function(n,e,a){var c,u=o(n),s=i(u),l=r(a,s);if(t&&e!=e){for(;s>l;)if((c=u[l++])!=c)return!0}else for(;s>l;l++)if((t||l in u)&&u[l]===e)return t||l||0;return!t&&-1}};t.exports={includes:a(!0),indexOf:a(!1)}},4805:function(t,n,e){var o=e(2938),r=e(7386),i=e(5044),a=e(1324),c=e(1825),u=e(4822),s=r([].push),l=function(t){var n=1==t,e=2==t,r=3==t,l=4==t,f=6==t,d=7==t,v=5==t||f;return function(p,h,g,m){for(var _,b,y=a(p),w=i(y),E=o(h,g),L=c(w),T=0,x=m||u,C=n?x(p,L):e||d?x(p,0):void 0;L>T;T++)if((v||T in w)&&(b=E(_=w[T],T,y),t))if(n)C[T]=b;else if(b)switch(t){case 3:return!0;case 5:return _;case 6:return T;case 2:s(C,_)}else switch(t){case 4:return!1;case 7:s(C,_)}return f?-1:r||l?l:C}};t.exports={forEach:l(0),map:l(1),filter:l(2),some:l(3),every:l(4),find:l(5),findIndex:l(6),filterReject:l(7)}},9269:function(t,n,e){var o=e(6544),r=e(3649),i=e(4061),a=r("species");t.exports=function(t){return i>=51||!o((function(){var n=[];return(n.constructor={})[a]=function(){return{foo:1}},1!==n[t](Boolean).foo}))}},4546:function(t,n,e){var o=e(7583),r=e(6782),i=e(1825),a=e(5999),c=o.Array,u=Math.max;t.exports=function(t,n,e){for(var o=i(t),s=r(n,o),l=r(void 0===e?o:e,o),f=c(u(l-s,0)),d=0;s0&&o[0]<4?1:+(o[0]+o[1])),!r&&a&&(!(o=a.match(/Edge\/(\d+)/))||o[1]>=74)&&(o=a.match(/Chrome\/(\d+)/))&&(r=+o[1]),t.exports=r},5690:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},1178:function(t,n,e){var o=e(6544),r=e(4677);t.exports=!o((function(){var t=Error("a");return!("stack"in t)||(Object.defineProperty(t,"stack",r(1,7)),7!==t.stack)}))},7263:function(t,n,e){var o=e(7583),r=e(6683).f,i=e(57),a=e(1270),c=e(460),u=e(3478),s=e(4451);t.exports=function(t,n){var e,l,f,d,v,p=t.target,h=t.global,g=t.stat;if(e=h?o:g?o[p]||c(p,{}):(o[p]||{}).prototype)for(l in n){if(d=n[l],f=t.noTargetGet?(v=r(e,l))&&v.value:e[l],!s(h?l:p+(g?".":"#")+l,t.forced)&&void 0!==f){if(typeof d==typeof f)continue;u(d,f)}(t.sham||f&&f.sham)&&i(d,"sham",!0),a(e,l,d,t)}}},6544:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},1611:function(t,n,e){var o=e(8987),r=Function.prototype,i=r.apply,a=r.call;t.exports="object"==typeof Reflect&&Reflect.apply||(o?a.bind(i):function(){return a.apply(i,arguments)})},2938:function(t,n,e){var o=e(7386),r=e(8257),i=e(8987),a=o(o.bind);t.exports=function(t,n){return r(t),void 0===n?t:i?a(t,n):function(){return t.apply(n,arguments)}}},8987:function(t,n,e){var o=e(6544);t.exports=!o((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},8262:function(t,n,e){var o=e(8987),r=Function.prototype.call;t.exports=o?r.bind(r):function(){return r.apply(r,arguments)}},4340:function(t,n,e){var o=e(8494),r=e(2870),i=Function.prototype,a=o&&Object.getOwnPropertyDescriptor,c=r(i,"name"),u=c&&"something"===function(){}.name,s=c&&(!o||o&&a(i,"name").configurable);t.exports={EXISTS:c,PROPER:u,CONFIGURABLE:s}},7386:function(t,n,e){var o=e(8987),r=Function.prototype,i=r.bind,a=r.call,c=o&&i.bind(a,a);t.exports=o?function(t){return t&&c(t)}:function(t){return t&&function(){return a.apply(t,arguments)}}},5897:function(t,n,e){var o=e(7583),r=e(9212),i=function(t){return r(t)?t:void 0};t.exports=function(t,n){return arguments.length<2?i(o[t]):o[t]&&o[t][n]}},8272:function(t,n,e){var o=e(3058),r=e(911),i=e(339),a=e(3649)("iterator");t.exports=function(t){if(null!=t)return r(t,a)||r(t,"@@iterator")||i[o(t)]}},6307:function(t,n,e){var o=e(7583),r=e(8262),i=e(8257),a=e(2569),c=e(5637),u=e(8272),s=o.TypeError;t.exports=function(t,n){var e=arguments.length<2?u(t):n;if(i(e))return a(r(e,t));throw s(c(t)+" is not iterable")}},911:function(t,n,e){var o=e(8257);t.exports=function(t,n){var e=t[n];return null==e?void 0:o(e)}},7583:function(t,n,e){var o=function(t){return t&&t.Math==Math&&t};t.exports=o("object"==typeof globalThis&&globalThis)||o("object"==typeof window&&window)||o("object"==typeof self&&self)||o("object"==typeof e.g&&e.g)||function(){return this}()||Function("return this")()},2870:function(t,n,e){var o=e(7386),r=e(1324),i=o({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,n){return i(r(t),n)}},4639:function(t){t.exports={}},2716:function(t,n,e){var o=e(7583);t.exports=function(t,n){var e=o.console;e&&e.error&&(1==arguments.length?e.error(t):e.error(t,n))}},482:function(t,n,e){var o=e(5897);t.exports=o("document","documentElement")},275:function(t,n,e){var o=e(8494),r=e(6544),i=e(6668);t.exports=!o&&!r((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},5044:function(t,n,e){var o=e(7583),r=e(7386),i=e(6544),a=e(9624),c=o.Object,u=r("".split);t.exports=i((function(){return!c("z").propertyIsEnumerable(0)}))?function(t){return"String"==a(t)?u(t,""):c(t)}:c},9734:function(t,n,e){var o=e(7386),r=e(9212),i=e(1314),a=o(Function.toString);r(i.inspectSource)||(i.inspectSource=function(t){return a(t)}),t.exports=i.inspectSource},4402:function(t,n,e){var o=e(794),r=e(57);t.exports=function(t,n){o(n)&&"cause"in n&&r(t,"cause",n.cause)}},2743:function(t,n,e){var o,r,i,a=e(9491),c=e(7583),u=e(7386),s=e(794),l=e(57),f=e(2870),d=e(1314),v=e(9137),p=e(4639),h="Object already initialized",g=c.TypeError,m=c.WeakMap;if(a||d.state){var _=d.state||(d.state=new m),b=u(_.get),y=u(_.has),w=u(_.set);o=function(t,n){if(y(_,t))throw new g(h);return n.facade=t,w(_,t,n),n},r=function(t){return b(_,t)||{}},i=function(t){return y(_,t)}}else{var E=v("state");p[E]=!0,o=function(t,n){if(f(t,E))throw new g(h);return n.facade=t,l(t,E,n),n},r=function(t){return f(t,E)?t[E]:{}},i=function(t){return f(t,E)}}t.exports={set:o,get:r,has:i,enforce:function(t){return i(t)?r(t):o(t,{})},getterFor:function(t){return function(n){var e;if(!s(n)||(e=r(n)).type!==t)throw g("Incompatible receiver, "+t+" required");return e}}}},114:function(t,n,e){var o=e(3649),r=e(339),i=o("iterator"),a=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||a[i]===t)}},4521:function(t,n,e){var o=e(9624);t.exports=Array.isArray||function(t){return"Array"==o(t)}},9212:function(t){t.exports=function(t){return"function"==typeof t}},2097:function(t,n,e){var o=e(7386),r=e(6544),i=e(9212),a=e(3058),c=e(5897),u=e(9734),s=function(){},l=[],f=c("Reflect","construct"),d=/^\s*(?:class|function)\b/,v=o(d.exec),p=!d.exec(s),h=function(t){if(!i(t))return!1;try{return f(s,l,t),!0}catch(t){return!1}},g=function(t){if(!i(t))return!1;switch(a(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return p||!!v(d,u(t))}catch(t){return!0}};g.sham=!0,t.exports=!f||r((function(){var t;return h(h.call)||!h(Object)||!h((function(){t=!0}))||t}))?g:h},4451:function(t,n,e){var o=e(6544),r=e(9212),i=/#|\.prototype\./,a=function(t,n){var e=u[c(t)];return e==l||e!=s&&(r(n)?o(n):!!n)},c=a.normalize=function(t){return String(t).replace(i,".").toLowerCase()},u=a.data={},s=a.NATIVE="N",l=a.POLYFILL="P";t.exports=a},794:function(t,n,e){var o=e(9212);t.exports=function(t){return"object"==typeof t?null!==t:o(t)}},6268:function(t){t.exports=!1},5871:function(t,n,e){var o=e(7583),r=e(5897),i=e(9212),a=e(2447),c=e(7786),u=o.Object;t.exports=c?function(t){return"symbol"==typeof t}:function(t){var n=r("Symbol");return i(n)&&a(n.prototype,u(t))}},4026:function(t,n,e){var o=e(7583),r=e(2938),i=e(8262),a=e(2569),c=e(5637),u=e(114),s=e(1825),l=e(2447),f=e(6307),d=e(8272),v=e(7093),p=o.TypeError,h=function(t,n){this.stopped=t,this.result=n},g=h.prototype;t.exports=function(t,n,e){var o,m,_,b,y,w,E,L=e&&e.that,T=!(!e||!e.AS_ENTRIES),x=!(!e||!e.IS_ITERATOR),C=!(!e||!e.INTERRUPTED),O=r(n,L),I=function(t){return o&&v(o,"normal",t),new h(!0,t)},D=function(t){return T?(a(t),C?O(t[0],t[1],I):O(t[0],t[1])):C?O(t,I):O(t)};if(x)o=t;else{if(!(m=d(t)))throw p(c(t)+" is not iterable");if(u(m)){for(_=0,b=s(t);b>_;_++)if((y=D(t[_]))&&l(g,y))return y;return new h(!1)}o=f(t,m)}for(w=o.next;!(E=i(w,o)).done;){try{y=D(E.value)}catch(t){v(o,"throw",t)}if("object"==typeof y&&y&&l(g,y))return y}return new h(!1)}},7093:function(t,n,e){var o=e(8262),r=e(2569),i=e(911);t.exports=function(t,n,e){var a,c;r(t);try{if(!(a=i(t,"return"))){if("throw"===n)throw e;return e}a=o(a,t)}catch(t){c=!0,a=t}if("throw"===n)throw e;if(c)throw a;return r(a),e}},2365:function(t,n,e){"use strict";var o,r,i,a=e(6544),c=e(9212),u=e(3590),s=e(729),l=e(1270),f=e(3649),d=e(6268),v=f("iterator"),p=!1;[].keys&&("next"in(i=[].keys())?(r=s(s(i)))!==Object.prototype&&(o=r):p=!0),null==o||a((function(){var t={};return o[v].call(t)!==t}))?o={}:d&&(o=u(o)),c(o[v])||l(o,v,(function(){return this})),t.exports={IteratorPrototype:o,BUGGY_SAFARI_ITERATORS:p}},339:function(t){t.exports={}},1825:function(t,n,e){var o=e(97);t.exports=function(t){return o(t.length)}},2095:function(t,n,e){var o,r,i,a,c,u,s,l,f=e(7583),d=e(2938),v=e(6683).f,p=e(8117).set,h=e(7020),g=e(3256),m=e(6846),_=e(5354),b=f.MutationObserver||f.WebKitMutationObserver,y=f.document,w=f.process,E=f.Promise,L=v(f,"queueMicrotask"),T=L&&L.value;T||(o=function(){var t,n;for(_&&(t=w.domain)&&t.exit();r;){n=r.fn,r=r.next;try{n()}catch(t){throw r?a():i=void 0,t}}i=void 0,t&&t.enter()},h||_||m||!b||!y?!g&&E&&E.resolve?((s=E.resolve(void 0)).constructor=E,l=d(s.then,s),a=function(){l(o)}):_?a=function(){w.nextTick(o)}:(p=d(p,f),a=function(){p(o)}):(c=!0,u=y.createTextNode(""),new b(o).observe(u,{characterData:!0}),a=function(){u.data=c=!c})),t.exports=T||function(t){var n={fn:t,next:void 0};i&&(i.next=n),r||(r=n,a()),i=n}},783:function(t,n,e){var o=e(7583);t.exports=o.Promise},8640:function(t,n,e){var o=e(4061),r=e(6544);t.exports=!!Object.getOwnPropertySymbols&&!r((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&o&&o<41}))},9491:function(t,n,e){var o=e(7583),r=e(9212),i=e(9734),a=o.WeakMap;t.exports=r(a)&&/native code/.test(i(a))},5084:function(t,n,e){"use strict";var o=e(8257),r=function(t){var n,e;this.promise=new t((function(t,o){if(void 0!==n||void 0!==e)throw TypeError("Bad Promise constructor");n=t,e=o})),this.resolve=o(n),this.reject=o(e)};t.exports.f=function(t){return new r(t)}},2764:function(t,n,e){var o=e(8320);t.exports=function(t,n){return void 0===t?arguments.length<2?"":n:o(t)}},3590:function(t,n,e){var o,r=e(2569),i=e(8728),a=e(5690),c=e(4639),u=e(482),s=e(6668),l=e(9137),f=l("IE_PROTO"),d=function(){},v=function(t){return"
+
diff --git a/node_modules/vue-qrcode-reader/docs/.vuepress/public/select-camera-demo.html b/node_modules/vue-qrcode-reader/docs/.vuepress/public/select-camera-demo.html
new file mode 100644
index 0000000..9206497
--- /dev/null
+++ b/node_modules/vue-qrcode-reader/docs/.vuepress/public/select-camera-demo.html
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
+
+cameras:
+
+
+
+
+
+
+
diff --git a/node_modules/vue-qrcode-reader/shell.nix b/node_modules/vue-qrcode-reader/shell.nix
new file mode 100644
index 0000000..49f4a83
--- /dev/null
+++ b/node_modules/vue-qrcode-reader/shell.nix
@@ -0,0 +1,12 @@
+{ pkgs ? import {} }:
+
+pkgs.mkShell {
+
+ buildInputs = with pkgs; [
+ nodejs_18
+ nodePackages.pnpm
+ nodePackages.typescript-language-server
+ nodePackages.volar
+ ];
+
+}
diff --git a/node_modules/zxing-wasm/LICENSE b/node_modules/zxing-wasm/LICENSE
new file mode 100644
index 0000000..5dd3d5b
--- /dev/null
+++ b/node_modules/zxing-wasm/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Ze-Zheng Wu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/zxing-wasm/README.md b/node_modules/zxing-wasm/README.md
new file mode 100644
index 0000000..035fb87
--- /dev/null
+++ b/node_modules/zxing-wasm/README.md
@@ -0,0 +1,248 @@
+# zxing-wasm
+
+[](https://www.npmjs.com/package/zxing-wasm/v/latest) [](https://www.npmjs.com/package/zxing-wasm/v/latest) [](https://cdn.jsdelivr.net/npm/zxing-wasm@latest/) [](https://github.com/Sec-ant/zxing-wasm/actions/workflows/deploy.yml)
+
+[ZXing-C++](https://github.com/zxing-cpp/zxing-cpp) WebAssembly as an ES/CJS module with types. Read or write barcodes in various JS runtimes: web, node, bun and deno.
+
+Visit [this online demo](https://zxing-wasm-demo.deno.dev/) to quickly explore its basic functions. It works best on the latest chromium browsers.
+
+## Build
+
+```bash
+git clone --recurse-submodules https://github.com/Sec-ant/zxing-wasm
+cd zxing-wasm
+# install pnpm first:
+# https://pnpm.io/installation
+pnpm i --frozen-lockfile
+# install cmake first:
+# https://cmake.org/download/
+pnpm cmake
+# install emscripten first:
+# https://emscripten.org/docs/getting_started/downloads.html
+pnpm build:wasm
+pnpm build
+```
+
+## Install
+
+```
+npm i zxing-wasm
+```
+
+## Documentation
+
+https://zxing-wasm.deno.dev/
+
+## Demo
+
+Demo page: https://zxing-wasm-demo.deno.dev/
+
+Demo source: https://github.com/Sec-ant/zxing-wasm-demo
+
+## Usage
+
+This package exports 3 subpaths: `full`, `reader` and `writer`. You can choose whichever fits your needs. If you use TypeScript, you should set [`moduleResolution`](https://www.typescriptlang.org/docs/handbook/modules/theory.html#module-resolution) to [`bundler`](https://www.typescriptlang.org/docs/handbook/modules/reference.html#bundler), [`node16` or `nodenext`](https://www.typescriptlang.org/docs/handbook/modules/reference.html#node16-nodenext-1) in your `tsconfig.json` file to properly resolve the exported module.
+
+### `zxing-wasm` or `zxing-wasm/full`
+
+These 2 subpaths include functions to both read and write barcodes. The wasm binary size is ~1.19 MB.
+
+```ts
+import {
+ readBarcodesFromImageFile,
+ readBarcodesFromImageData,
+ writeBarcodeToImageFile,
+} from "zxing-wasm";
+```
+
+or
+
+```ts
+import {
+ readBarcodesFromImageFile,
+ readBarcodesFromImageData,
+ writeBarcodeToImageFile,
+} from "zxing-wasm/full";
+```
+
+### `zxing-wasm/reader`
+
+This subpath only includes functions to read barcodes. The wasm binary size is ~917 KB.
+
+```ts
+import {
+ readBarcodesFromImageFile,
+ readBarcodesFromImageData,
+} from "zxing-wasm/reader";
+```
+
+### `zxing-wasm/writer`
+
+This subpath only includes a function to write barcodes. The wasm binary size is ~366 KB.
+
+```ts
+import { writeBarcodeToImageFile } from "zxing-wasm/writer";
+```
+
+### IIFE Scripts
+
+Apart from ES and CJS modules, this package also ships IIFE scripts. The registered global variable is named `ZXingWASM`.
+
+```html
+
+
+
+
+
+
+
+
+```
+
+### [`readBarcodesFromImageFile`](https://zxing-wasm.deno.dev/functions/full.readBarcodesFromImageFile.html) and [`readBarcodesFromImageData`](https://zxing-wasm.deno.dev/functions/full.readBarcodesFromImageData.html)
+
+These 2 functions are for reading barcodes.
+
+[`readBarcodesFromImageFile`](https://zxing-wasm.deno.dev/functions/full.readBarcodesFromImageFile.html) accepts an image [`Blob`](https://developer.mozilla.org/docs/Web/API/Blob) or an image [`File`](https://developer.mozilla.org/docs/Web/API/File) as the first input. They're encoded images, e.g. `.png` `.jpg` files.
+
+[`readBarcodesFromImageData`](https://zxing-wasm.deno.dev/functions/full.readBarcodesFromImageData.html) accepts an [`ImageData`](https://developer.mozilla.org/docs/Web/API/ImageData) as the first input. They're raw pixels that usually acquired from [`