@aoao-y33/utils 0.0.1 → 0.0.2

package/dist/objectUtils.d.ts

@@ -0,0 +1,44 @@
+import { DeepPartial } from 'ts-essentials';
+/**
+ * 判断是否是有效对象
+ *
+ * 检查给定值是否为非 null、非 undefined 的普通对象类型
+ * 排除数组类型，确保只识别纯对象
+ *
+ * @param obj - 需要检查的值
+ * @returns {boolean} - 如果是有效对象返回 true，否则返回 false
+ *
+ * @example
+ * isObject({}) // true
+ * isObject({ key: 'value' }) // true
+ * isObject(null) // false
+ * isObject(undefined) // false
+ * isObject([]) // false
+ * isObject('string') // false
+ */
+export declare const isObject: (obj: any) => boolean;
+/**
+ * 深度合并两个对象
+ *
+ * 递归地将 target 对象的属性合并到 source 对象中
+ * 对于嵌套对象会进行递归合并，而不是直接覆盖
+ * 如果某个属性在两个对象中都是普通对象，则递归合并；否则用 target 的值覆盖 source 的值
+ *
+ * @template T - 源对象的类型，必须是 Record<string, any>
+ * @param source - 源对象（基础对象），作为合并的基础
+ * @param target - 目标对象（部分对象），包含要合并的属性，可以是深层部分类型
+ * @returns {T} - 合并后的新对象，保持 source 的完整类型结构
+ *
+ * @example
+ * const source = { a: 1, b: { c: 2, d: 3 }, e: 4 }
+ * const target = { b: { c: 10 }, e: 5 }
+ * mergeDeep(source, target)
+ * // 返回: { a: 1, b: { c: 10, d: 3 }, e: 5 }
+ *
+ * @remarks
+ * - 不会修改原始对象，而是创建新的合并对象
+ * - 数组会被直接覆盖，不会进行数组合并
+ * - null 或 undefined 值会直接覆盖源值
+ */
+export declare const mergeDeep: <T extends Record<string, any>>(source: T, target: DeepPartial<T>) => T;
+//# sourceMappingURL=objectUtils.d.ts.map

package/dist/objectUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"objectUtils.d.ts","sourceRoot":"","sources":["../src/objectUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC/C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,GAAG,KAAG,OAEnC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnD,QAAQ,CAAC,EACT,QAAQ,WAAW,CAAC,CAAC,CAAC,KACvB,CAmBF,CAAA"}

package/dist/requestUtils.d.ts

@@ -0,0 +1,84 @@
+import { AxiosError, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+/**
+ * 拦截器集合接口
+ *
+ * 定义了请求和响应各个阶段的拦截器数组
+ */
+interface Interceptors {
+    /** 请求成功拦截器数组 - 在请求发送前执行 */
+    requestSuccess: ((config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig)[];
+    /** 请求失败拦截器数组 - 处理请求错误 */
+    requestError: ((error: AxiosError) => AxiosError)[];
+    /** 响应成功拦截器数组 - 在接收到响应后执行 */
+    responseSuccess: ((response: AxiosResponse) => AxiosResponse)[];
+    /** 响应失败拦截器数组 - 处理响应错误 */
+    responseError: ((error: AxiosError) => AxiosError)[];
+}
+/** 拦截器类型工具类型 - 用于提取指定类型的拦截器函数 */
+type InterceptorType<T extends keyof Interceptors> = Interceptors[T][number];
+/**
+ * 初始化请求工具
+ *
+ * 创建新的 axios 实例并注册拦截器链
+ * 所有已注册的拦截器会按添加顺序依次执行
+ *
+ * @param baseUrl - API 基础URL，默认为 'http://localhost:8080'
+ * @param timeout - 请求超时时间（毫秒），默认为 3000ms
+ *
+ * @example
+ * initRequest('https://api.example.com', 5000)
+ */
+export declare const initRequest: (baseUrl?: string, timeout?: number) => void;
+/**
+ * 发送 GET 请求
+ *
+ * @template T - 期望的响应数据类型
+ * @param url - 请求URL
+ * @param params - URL 查询参数
+ * @param config - 额外的 axios 请求配置
+ * @returns {Promise<T>} 返回解析后的响应数据
+ *
+ * @example
+ * const user = await get<User>('/user/1', { id: 1 })
+ */
+export declare const get: <T>(url: string, params?: Record<string, any>, config?: AxiosRequestConfig) => Promise<T>;
+/**
+ * 发送 POST 请求
+ *
+ * @template T - 期望的响应数据类型
+ * @param url - 请求URL
+ * @param params - 请求体数据
+ * @param config - 额外的 axios 请求配置
+ * @returns {Promise<T>} 返回解析后的响应数据
+ *
+ * @example
+ * const result = await post<{ success: boolean }>('/user', { name: 'John' })
+ */
+export declare const post: <T>(url: string, params?: Record<string, any>, config?: AxiosRequestConfig) => Promise<T>;
+/**
+ * 添加拦截器
+ *
+ * 向指定的拦截器类型中添加自定义拦截器函数
+ * 拦截器会按添加顺序依次执行
+ *
+ * @template K - 拦截器类型键名
+ * @param type - 拦截器类型：'requestSuccess' | 'requestError' | 'responseSuccess' | 'responseError'
+ * @param interceptor - 拦截器函数
+ *
+ * @example
+ * // 添加请求拦截器 - 添加 token
+ * addInterceptors('requestSuccess', (config) => {
+ *   config.headers.Authorization = `Bearer ${token}`
+ *   return config
+ * })
+ *
+ * @example
+ * // 添加响应拦截器 - 统一处理错误
+ * addInterceptors('responseSuccess', (response) => {
+ *   console.log('响应数据:', response.data)
+ *   return response
+ * })
+ */
+export declare const addInterceptors: <K extends keyof Interceptors>(type: K, interceptor: InterceptorType<K>) => void;
+export {};
+//# sourceMappingURL=requestUtils.d.ts.map

package/dist/requestUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"requestUtils.d.ts","sourceRoot":"","sources":["../src/requestUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAc,EACV,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,0BAA0B,EAClC,MAAM,OAAO,CAAC;AAEf;;;;GAIG;AACH,UAAU,YAAY;IAClB,2BAA2B;IAC3B,cAAc,EAAE,CAAC,CACb,MAAM,EAAE,0BAA0B,KACjC,0BAA0B,CAAC,EAAE,CAAC;IACnC,yBAAyB;IACzB,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,UAAU,CAAC,EAAE,CAAC;IACpD,4BAA4B;IAC5B,eAAe,EAAE,CAAC,CAAC,QAAQ,EAAE,aAAa,KAAK,aAAa,CAAC,EAAE,CAAC;IAChE,yBAAyB;IACzB,aAAa,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,UAAU,CAAC,EAAE,CAAC;CACxD;AAED,iCAAiC;AACjC,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAgB5E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,GAAI,UAAS,MAAW,EAAE,UAAS,MAAc,SAmGxE,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,GAAG,GAAU,CAAC,EAAE,KAAK,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,kBAAkB,KAAG,OAAO,CAAC,CAAC,CAG9G,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,GAAU,CAAC,EAAE,KAAK,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,kBAAkB,KAAG,OAAO,CAAC,CAAC,CAG/G,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,YAAY,EAAE,MAAM,CAAC,EAAE,aAAa,eAAe,CAAC,CAAC,CAAC,SAErG,CAAC"}

package/dist/typeUtils.d.ts

@@ -0,0 +1,98 @@
+import { ExtractPropTypes } from 'vue';
+/**
+ * 提取元组类型的第一个元素
+ *
+ * 用于从 emits 事件参数数组中提取第一个参数（通常是事件数据）
+ *
+ * @template T - 输入的类型数组
+ * @returns 数组的第一个元素类型，如果不是数组则返回 void
+ *
+ * @example
+ * type Args = [string, number]
+ * type First = ExtractFirstArg<Args> // string
+ *
+ * @example
+ * type Empty = ExtractFirstArg<[]> // void
+ */
+type ExtractFirstArg<T extends any[]> = T extends [infer R, ...any[]] ? R : void;
+/**
+ * 将 Vue Emits 接口转换为事件 Props 类型
+ *
+ * 将 Vue 组件的 emits 定义转换为父组件可以传递的事件处理器 props
+ * 自动将事件名转换为 onXxx 格式（如 'change' -> 'onChange'）
+ *
+ * @template T - Vue 组件的 Emits 接口类型
+ * @returns 转换后的事件 Props 类型对象
+ *
+ * @example
+ * // 假设有一个 emits 定义
+ * interface Emits {
+ *   change: [value: string]
+ *   click: [id: number, event: MouseEvent]
+ * }
+ *
+ * // 转换后的类型
+ * type EventProps = EmitsToEventProps<Emits>
+ * // 等价于:
+ * // {
+ * //   onChange?: (data: string) => void
+ * //   onClick?: (data: number) => void  // 只取第一个参数
+ * // }
+ *
+ * @remarks
+ * - 事件名会自动首字母大写并添加 'on' 前缀
+ * - 只提取事件回调的第一个参数作为 data 参数
+ * - 如果事件没有参数，则类型为 never
+ */
+export type EmitsToEventProps<T> = {
+    [K in keyof T as `on${Capitalize<string & K>}`]?: (T[K] extends any[] ? (data: ExtractFirstArg<T[K]>) => void : never);
+};
+/**
+ * 从类型中提取事件 Props
+ *
+ * 过滤出所有以 'on' 开头的属性，保留事件处理器的类型定义
+ *
+ * @template T - 输入的类型对象
+ * @returns 只包含事件 Props 的类型对象
+ *
+ * @example
+ * interface AllProps {
+ *   modelValue: string
+ *   onChange: (value: string) => void
+ *   onClick: () => void
+ * }
+ *
+ * type EventProps = RawExtractEventProps<AllProps>
+ * // 结果: { onChange: (value: string) => void, onClick: () => void }
+ */
+type RawExtractEventProps<T> = {
+    [K in keyof T as K extends `on${infer _}` ? K : never]: T[K];
+};
+/**
+ * 从 Vue 组件的 Emits 定义中提取完整的事件 Props 类型
+ *
+ * 结合了 ExtractPropTypes 和 RawExtractEventProps，
+ * 用于从完整的组件定义中精确提取事件相关的 props
+ *
+ * @template T - Vue 组件的 Emits 定义或完整组件类型
+ * @returns 提取后的事件 Props 类型
+ *
+ * @example
+ * // 在组件中使用
+ * const emits = defineEmits<{
+ *   change: [value: string]
+ *   update: [data: any]
+ * }>()
+ *
+ * type EventProps = ExtractEmitsProps<typeof emits>
+ * // 结果: { onChange?: (data: string) => void, onUpdate?: (data: any) => void }
+ *
+ * @remarks
+ * 这个类型工具通常用于：
+ * - 组件封装时提取子组件事件
+ * - 创建高阶组件时透传事件
+ * - 类型安全的组件事件代理
+ */
+export type ExtractEmitsProps<T> = RawExtractEventProps<ExtractPropTypes<T>>;
+export {};
+//# sourceMappingURL=typeUtils.d.ts.map

package/dist/typeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../src/typeUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,KAAK,CAAC;AAE1C;;;;;;;;;;;;;;GAcG;AACH,KAAK,eAAe,CAAC,CAAC,SAAS,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;KAC9B,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC;CACzH,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,KAAK,oBAAoB,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;CAC/D,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,oBAAoB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA"}

package/dist/uiUtils.d.ts

@@ -0,0 +1,56 @@
+/**
+ * UI 工具模块
+ *
+ * 提供用户界面相关的工具函数，包括：
+ * - 主题模式切换（亮色/暗色）
+ * - Element Plus 主题颜色动态生成
+ */
+/**
+ * 切换页面主题模式
+ *
+ * 通过在 html 根节点上添加或移除 'dark' class 来切换亮色/暗色模式
+ * 需要配合 CSS 中的 .dark 类选择器使用
+ *
+ * @param bool - true 为切换到暗色模式，false 为切换到亮色模式
+ *
+ * @example
+ * // 切换到暗色模式
+ * changeMode(true)
+ *
+ * @example
+ * // 切换到亮色模式
+ * changeMode(false)
+ *
+ * @remarks
+ * 该函数依赖于浏览器环境，在非浏览器环境中会直接返回
+ */
+export declare const changeMode: (bool: boolean) => void;
+/**
+ * 更改 Element Plus 主题颜色
+ *
+ * 根据传入的主色调生成一套完整的 Element Plus 主题色变量
+ * 并通过 CSS 自定义属性应用到根元素上
+ *
+ * @param color - 主色调的十六进制颜色值，如 '#409eff'。如果不传则使用默认蓝色主题
+ *
+ * @example
+ * // 使用自定义主题色
+ * changeElTheme('#67C23A')
+ *
+ * @example
+ * // 使用默认主题色（#409eff）
+ * changeElTheme()
+ *
+ * @remarks
+ * 生成的主题色包括：
+ * - --el-color-primary: 主色调
+ * - --el-color-primary-light-3: 主色调混合 20% 白色
+ * - --el-color-primary-light-5: 主色调混合 30% 白色
+ * - --el-color-primary-light-7: 主色调混合 40% 白色
+ * - --el-color-primary-light-8: 主色调混合 50% 白色
+ * - --el-color-primary-light-9: 主色调混合 60% 白色
+ *
+ * 这些变量会被设置到 :root 元素上，Element Plus 组件会自动使用这些变量
+ */
+export declare const changeElTheme: (color?: string) => void;
+//# sourceMappingURL=uiUtils.d.ts.map

package/dist/uiUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiUtils.d.ts","sourceRoot":"","sources":["../src/uiUtils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,OAAO,SAUvC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,SAmC3C,CAAA"}

package/package.json

@@ -1,25 +1,42 @@
 {
   "name": "@aoao-y33/utils",
-  "version": "0.0.1",
+  "version": "0.0.2",
+  "description": "工具包",
+  "type": "module",
   "private": false,
-  "description": "js工具包",
-  "main": "index.js",
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "author": "aoaoy33",
+  "license": "ISC",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
+    "ins": "pnpm install",
     "build": "vite build",
-    "add": "pnpm install",
-    "publish": "npm publish --access public"
+    "pub": "npm publish --access public"
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "packageManager": "pnpm@10.32.1",
-  "dependencies": {}
-}
+  "keywords": [
+    "utils",
+    "tools",
+    "vue3",
+    "typescript",
+    "axios",
+    "request"
+  ],
+  "dependencies": {
+    "axios": "^1.16.1",
+    "colord": "^2.9.3",
+    "mitt": "^3.0.1"
+  },
+  "peerDependencies": {
+    "axios": "^1.16.1"
+  }
+}

package/dist/object.d.ts

@@ -1,3 +0,0 @@
-export declare const isObject: (obj: any) => boolean;
-export declare const mergeDeep: <T>(source: T, target: T | Partial<T>) => T;
-//# sourceMappingURL=object.d.ts.map

package/dist/object.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../src/object.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,GAAI,KAAK,GAAG,KAAG,OAEnC,CAAA;AAGD,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAG,CAWhE,CAAA"}

package/src/index.ts

@@ -1 +0,0 @@
-export * from './object'

package/src/object.ts

@@ -1,19 +0,0 @@
-import {merge, mergeWith} from 'lodash';
-//判断是否是有效对象
-export const isObject = (obj: any): boolean => {
-    return ![null, undefined].includes(obj) && typeof obj === 'object' && !Array.isArray(obj);
-}
-
-//深度合并两个对象
-export const mergeDeep = <T>(source: T, target: T | Partial<T>): T => {
-    if (!isObject(target)) {
-        return target as T;
-    }
-    return mergeWith(source, target, (a, b) => {
-        if (!isObject(a)) {
-            return b;
-        }
-        return merge(a, b);
-    })
-
-}

package/test/object.test.ts

@@ -1,56 +0,0 @@
-import {isObject, mergeDeep} from "../src";
-import {describe} from "vitest";
-
-describe('isObject 测试', () => {
-    it('传入普通对象应该返回 true', () => {
-        expect(isObject({name: 'ax-y33'})).toBe(true)
-    })
-
-    it('传入数组应该返回 true', () => {
-        expect(isObject([1, 2, 3])).toBe(true)
-    })
-
-    it('传入字符串或数字应该返回 false', () => {
-        expect(isObject('hello')).toBe(false)
-        expect(isObject(123)).toBe(false)
-    })
-})
-
-describe('mergeDeep 测试', () => {
-    it('传入基本类型', () => {
-        const source = 1;
-        const target = 2;
-        const result = 2;
-        expect(mergeDeep(source, target)).toEqual(result)
-    })
-    it('传入数组类型', () => {
-        const source = [1, 2];
-        const target = [2, 3, 4];
-        const result = [2, 3, 4];
-        expect(mergeDeep(source, target)).toEqual(result)
-    })
-    it('传入浅层对象', () => {
-        const source = {name: "admin"}
-        const target = {name: 'system'}
-        const result = {name: 'system'}
-        expect(mergeDeep(source, target)).toEqual(result)
-    })
-    it('传入浅层对象2', () => {
-        const source = {name: "admin"}
-        const target = {name: 'admin', age: 12}
-        const result = {name: 'admin', age: 12}
-        expect(mergeDeep(source, target)).toEqual(result)
-    })
-    it('传入深层对象', () => {
-        const source = {name: "admin", info: {age: 1}}
-        const target = {name: 'system', info: {age: 12, sex: '男'}}
-        const result = {name: 'system', info: {age: 12, sex: '男'}}
-        expect(mergeDeep(source, target)).toEqual(result)
-    })
-    it('传入深层对象2', () => {
-        const source = {name: "admin", info: {age: [1, 2], sex: '男'}}
-        const target = {info: {age: [2, 3]}}
-        const result = {name: 'admin', info: {age: [2, 3], sex: '男'}}
-        expect(mergeDeep(source, target)).toEqual(result)
-    })
-})

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "types": [
-      "vite/client",
-      "vitest/globals"
-    ],
-    "declaration": true,
-    "declarationMap": true,
-    "emitDeclarationOnly": false,
-    "rootDir": "./src",
-    /* Linting */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": [
-        "src/*"
-      ]
-    }
-  },
-  "include": [
-    "src/**/*.ts",
-    "test/**/*.ts"
-  ]
-}

package/vite.config.ts

@@ -1,46 +0,0 @@
-import {defineConfig} from "vitest/config";
-import vue from '@vitejs/plugin-vue'
-import {resolve} from 'path'
-import dts from "vite-plugin-dts"
-
-export default defineConfig({
-    plugins: [vue(),
-        dts({
-            tsconfigPath: "./tsconfig.json",
-            outDirs: "dist",
-            exclude: ["src/test"]
-        })
-    ],
-    build: {
-        lib: {
-            entry: resolve(__dirname, 'src/index.ts'),
-            formats: ['es'],
-            fileName: () => `index.js`
-        },
-        rollupOptions: {
-            external: ['vue'],
-            output: {
-                globals: {
-                    vue: 'Vue'
-                },
-                assetFileNames: (assetInfo) => {
-                    if (assetInfo.name?.endsWith('.css')) {
-                        return 'index.css';  // 生成 index.css
-                    }
-                    return 'assets/[name]-[hash][extname]';
-                }
-            },
-        },
-        outDir: 'dist',
-        sourcemap: false
-    },
-    resolve: {
-        alias: {
-            '@': resolve(__dirname, 'src')
-        }
-    },
-    test: {
-        globals: true,
-        environment: 'jsdom',
-    }
-})