lew-ui 2.7.1 → 2.7.4

package/dist/methods/notification/src/components/NotificationItem.vue.d.ts

@@ -1,29 +1,14 @@
-declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     type: string;
     title: string;
     content: string;
     duration: number;
     showProgress: boolean;
     width: number | string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: () => void;
-}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    type: string;
-    title: string;
-    content: string;
-    duration: number;
-    showProgress: boolean;
-    width: number | string;
-}>>> & Readonly<{
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<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/dist/methods/notification/src/index.d.ts

@@ -1,10 +1,10 @@
-export type NotificationParamsTyped = {
+export interface NotificationParamsTyped {
     title: string;
     content: string;
     duration?: number;
     showProgress?: boolean;
     width?: number | string;
-};
+}
 export type NotificationFn = (options: NotificationParamsTyped) => {
     close: () => void;
 };
@@ -18,27 +18,27 @@ export interface NotificationInstance {
 }
 export declare const LewNotification: {
     name: string;
-    warning: ({ title, content, duration, showProgress, width }: NotificationParamsTyped) => {
+    warning: ({ title, content, duration, showProgress, width, }: NotificationParamsTyped) => {
         close: () => void;
     };
-    info: ({ title, content, duration, showProgress, width }: NotificationParamsTyped) => {
+    info: ({ title, content, duration, showProgress, width, }: NotificationParamsTyped) => {
         close: () => void;
     };
-    normal: ({ title, content, duration, showProgress, width }: NotificationParamsTyped) => {
+    normal: ({ title, content, duration, showProgress, width, }: NotificationParamsTyped) => {
         close: () => void;
     };
-    success: ({ title, content, duration, showProgress, width }: NotificationParamsTyped) => {
+    success: ({ title, content, duration, showProgress, width, }: NotificationParamsTyped) => {
         close: () => void;
     };
-    error: ({ title, content, duration, showProgress, width }: NotificationParamsTyped) => {
+    error: ({ title, content, duration, showProgress, width, }: NotificationParamsTyped) => {
         close: () => void;
     };
 };
-export type LewNotification = {
+export interface LewNotificationInterface {
     name: string;
     warning: NotificationFn;
     info: NotificationFn;
     normal: NotificationFn;
     success: NotificationFn;
     error: NotificationFn;
-};
+}

package/dist/utils/index.d.ts

@@ -1,94 +1,29 @@
-/**
- * 获取颜色类型。
- * @param {string | undefined} type - 消息类型。
- * @returns {string} 对应的颜色类型。
- */
 export declare const iconColorType: Record<string, string>;
-export declare const getColorType: (type: string) => string;
-/**
- * 将对象转换为类名字符串。
- * @param {string} prefix - 类名前缀。
- * @param {Object} props - 要转换的属性对象。
- * @returns {string} 生成的类名字符串。
- */
-export declare const object2class: (prefix: string, props: Object) => string;
-/**
- * 格式化数字，添加千位分隔符。
- * @param {number} num - 要格式化的数字。
- * @returns {string} 格式化后的字符串。
- */
-export declare const numFormat: (num: number) => string;
-/**
- * 将任意值转换为像素值。
- * @param {number | string | undefined} value - 要转换的值。
- * @returns {string} 转换后的像素值字符串。
- */
-export declare const any2px: (value: number | string | undefined) => string;
-/**
- * 针对上面的 any2px 写一个类型校验方法，确保输入的值是有效的 CSS 值，可以是百分比或者 calc 计算。
- * @param {number | string | undefined} value - 要校验的值。
- * @returns {boolean} 如果输入的值是有效的 CSS 值，则返回 true，否则返回 false。
- */
-export declare const isValidCssValue: ({ name, field, value }: {
+export declare function getColorType(type: string): string;
+export declare function object2class(prefix: string, props: object): string;
+export declare function numFormat(num: number): string;
+export declare function any2px(value: number | string | undefined): string;
+export declare function isValidCssValue({ name, field, value, }: {
     name: string;
     field: string;
     value: number | string | undefined;
-}) => boolean;
-/**
- * 生成6位不重复的唯一ID。
- * 使用 UUID v4 的前6位，确保唯一性。
- * @returns {string} 生成的6位唯一ID。
- */
-export declare const getUniqueId: () => string;
-/**
- * 根据映射格式化表单数据。
- * @param {any} formMap - 表单映射。
- * @returns {Object} 格式化后的表单数据。
- */
-export declare const formatFormByMap: (formMap: any) => {};
-/**
- * 将嵌套对象转换为以 a.b.c.d 形式表示的扁平对象。
- * @param {Object} form - 嵌套的表单数据。
- * @returns {any} 转换后的扁平对象映射。
- */
-export declare const flattenNestedObject: (form: any) => Record<string, any>;
-/**
- * 获取嵌套对象中指定字段的值。
- * @param {Object} obj - 要查询的对象。
- * @param {string} field - 嵌套字段的字符串表示，使用 '.' 分隔。
- * @returns {any} 返回目标字段的值，如果字段不存在则返回 undefined。
- */
-export declare const retrieveNestedFieldValue: (obj: any, field: string) => any;
-/**
- * 格式化字节数。
- * @param {number} bytes - 字节数。
- * @param {number} [decimals=2] - 小数位数。
- * @returns {string} 格式化后的字符串。
- */
-export declare const formatBytes: (bytes: number, decimals?: number) => string;
-/**
- * 获取静态资源文件。
- * @param {Object} options - 配置选项。
- * @param {string} options.name - 文件名。
- * @param {string} options.type - 资源类型。
- * @returns {string} 静态资源文件的URL。
- */
-export declare const getAssetsFile: ({ name, type }: {
+}): boolean;
+export declare function getUniqueId(): string;
+export declare function formatFormByMap(formMap: any): {};
+export declare function flattenNestedObject(form: any): Record<string, any>;
+export declare function retrieveNestedFieldValue(obj: any, field: string): any;
+export declare function formatBytes(bytes: number, decimals?: number): string;
+export declare function getAssetsFile({ name, type, }: {
     name: string;
     type: string;
-}) => string;
-/**
- * 根据文件名获取对应的文件图标。
- * @param {string} [fileName=''] - 文件名。
- * @returns {string} 文件图标的URL。
- */
-export declare const getFileIcon: (fileName?: string) => string;
-export declare const getIconInnerHTML: (e?: any) => string;
-export declare const checkUrlIsImage: (url?: string) => boolean;
-export declare const dragmove: ({ el, parentEl, direction, callback, max, min, step, trackMax, trackMin }: {
+}): string;
+export declare function getFileIcon(fileName?: string): string;
+export declare function getIconInnerHTML(e?: any): string;
+export declare function checkUrlIsImage(url?: string): boolean;
+export declare function dragmove({ el, parentEl, direction, callback, max, min, step, trackMax, trackMin, }: {
     el: HTMLElement;
     parentEl: HTMLElement;
-    direction?: "horizontal" | "vertical" | "both";
+    direction?: 'horizontal' | 'vertical' | 'both';
     callback?: (position: {
         x: number;
         y: number;
@@ -100,39 +35,16 @@ export declare const dragmove: ({ el, parentEl, direction, callback, max, min, s
     step?: () => number;
     trackMax: () => number;
     trackMin: () => number;
-}) => () => void;
-/**
- * 将字符串转换为标准的 JSON 格式。
- * 兼容单引号、双引号以及无引号的字段名。
- * @param {string} str - 要转换的字符串。
- * @returns {any} 解析后的 JSON 对象。
- */
-export declare const parseToStandardJSON: (str: string) => any;
-/**
- * 轮询方法
- * @param {number} interval - 轮询间隔时间(ms)
- * @param {number} timeout - 轮询总时长(ms)
- * @param {Function} callback - 轮询回调函数
- * @param {Function} vail - 判断依据 如果 true 停止轮询
- */
-export declare const poll: ({ interval, timeout, callback, vail }: {
+}): () => void;
+export declare function parseToStandardJSON(str: string): any;
+export declare function poll({ interval, timeout, callback, vail, }: {
     interval?: number;
     timeout?: number;
     callback: () => void;
     vail: () => boolean;
-}) => void;
-export declare const insertChildByKey: (tree: any, key: string | number, newChild: any) => boolean;
-export declare const findAllChildrenKeys: (node: any) => (string | number)[];
-export declare const findNodeByKey: (key: string | number, tree: any) => any;
-/**
- * 判断是否为 Vue 组件
- * @param {any} value - 要判断的值
- * @returns {boolean} 如果值是 Vue 组件则返回 true，否则返回 false
- */
-export declare const isVueComponent: (value: any) => boolean;
-/**
- * 格式化组件
- * @param {any} value - 要格式化的值
- * @returns {any} 格式化后的值
- */
-export declare const formatComponent: (value: any) => any;
+}): void;
+export declare function insertChildByKey(tree: any, key: string | number, newChild: any): boolean;
+export declare function findAllChildrenKeys(node: any): (string | number)[];
+export declare function findNodeByKey(key: string | number, tree: any): any;
+export declare function isVueComponent(value: any): boolean;
+export declare function formatComponent(value: any): any;

package/package.json

@@ -1,109 +1,87 @@
 {
   "name": "lew-ui",
-  "version": "2.7.1",
+  "type": "module",
+  "version": "2.7.4",
   "description": "A Component Library for Vue3.js.",
+  "author": "lewkamtao",
+  "license": "MIT",
   "keywords": [
     "vue3",
     "components",
     "ui library",
     "frontend"
   ],
-  "author": "lewkamtao",
-  "license": "MIT",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.umd.js"
+    },
+    "./style": "./dist/style.css"
+  },
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist",
+    "package.json"
+  ],
   "scripts": {
     "dev": "vite",
+    "build:tsdown": "tsdown",
     "build:docs": "vue-tsc --noEmit && vite build --mode docs",
     "build:lib": "vue-tsc --noEmit && vite build --mode lib",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "format": "prettier --write lib/",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
     "test": "vitest",
     "test:coverage": "vitest --coverage",
-    "prepare": "husky install"
+    "typecheck": "vue-tsc --noEmit"
   },
-  "files": [
-    "dist",
-    "package.json",
-    "README.md",
-    "LICENSE"
-  ],
-  "main": "./dist/index.umd.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.umd.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./style": "./dist/style.css"
+  "peerDependencies": {
+    "vue": "^3.5.3"
   },
   "dependencies": {
     "@highlightjs/vue-plugin": "^2.1.0",
-    "@vueuse/core": "^10.11.0",
+    "@types/lodash-es": "^4.17.12",
+    "@vueuse/core": "^13.5.0",
     "axios": "^1.6.7",
     "dayjs": "^1.11.7",
     "highlight.js": "^11.9.0",
     "lodash-es": "^4.17.21",
     "lucide-vue-next": "^0.471.0",
+    "rollup-plugin-scss": "^4.0.1",
     "tippy.js": "^6.3.7",
     "vue-i18n": "^11.1.0",
     "vue-router": "^4.0.13",
-    "vue-virt-list": "^1.5.9",
+    "vue-virt-list": "^1.5.11",
     "vuedraggable": "^4.1.0",
     "yup": "^1.2.0"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.8.0",
-    "@tsconfig/node20": "^20.1.4",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.12.5",
-    "@typescript-eslint/eslint-plugin": "^5.40.1",
-    "@typescript-eslint/parser": "^5.40.1",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@antfu/eslint-config": "^4.17.0",
+    "@types/node": "^22.16.0",
+    "@vitejs/plugin-vue": "^6.0.0",
     "@vitejs/plugin-vue-jsx": "^1.3.10",
-    "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^13.0.0",
-    "@vue/test-utils": "^2.0.2",
-    "@vue/tsconfig": "^0.5.1",
-    "c8": "^7.12.0",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-html": "^7.1.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-vue": "^9.23.0",
-    "husky": "^8.0.0",
-    "jsdom": "^20.0.0",
-    "lint-staged": "^13.2.2",
-    "prettier": "^3.2.5",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "sass": "^1.79.4",
+    "@vue/test-utils": "^2.4.6",
+    "bumpp": "^10.2.0",
+    "eslint": "^9.30.1",
+    "happy-dom": "^18.0.1",
+    "sass": "^1.89.2",
     "terser": "^5.31.6",
-    "typescript": "^5.4.5",
+    "tsdown": "^0.12.9",
+    "tsx": "^4.20.3",
+    "typescript": "^5.8.3",
     "unplugin-auto-import": "^0.17.5",
-    "vite": "^5.4.8",
+    "vite": "^7.0.2",
     "vite-plugin-checker": "^0.6.4",
     "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-dts": "^3.8.2",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-zip-pack": "^1.2.3",
-    "vitest": "^0.21.1",
-    "vue": "^3.5.3",
-    "vue-tsc": "^2.0.11"
-  },
-  "peerDependencies": {
-    "vue": "^3.5.3"
-  },
-  "config": {
-    "commitizen": {
-      "path": "node_modules/cz-customizable"
-    },
-    "cz-customizable": {
-      "config": ".cz-config.cjs"
-    }
-  },
-  "lint-staged": {
-    "*.{js,ts,vue}": "eslint --fix",
-    "*.{css,scss,vue}": "prettier --write"
+    "vitest": "^3.2.4",
+    "vue": "^3.5.17",
+    "vue-tsc": "^3.0.1"
   }
 }

package/README.zh-CN.md

@@ -1,48 +0,0 @@
-# Lew UI
-
-一个用于 Vue3 的组件库。文档地址：https://lew.kamtao.com
-
-[英文](./README.md) | 中文
-
-## 安装
-
-```bash
-npm install lew-ui
-```
-
-## 如何使用
-
-main.ts
-
-```js
-// main.ts
-import 'lew-ui/style'
-```
-
-```vue
-<script setup lang="ts">
-// page.vue
-import { LewButton } from 'lew-ui'
-</script>
-
-<template>
-  <lew-button text="提交" />
-</template>
-```
-
-## 开源库声明
-
-Lew UI 使用了以下开源库：
-
-- [tippy.js](https://atomiks.github.io/tippyjs/): 用于创建工具提示和弹出框
-- [Lucide](https://github.com/lucide-icons/lucide): 提供简洁美观的图标集
-- [VueUse](https://vueuse.org/): Vue Composition API 实用工具集合
-- [Day.js](https://day.js.org/): 轻量级日期处理库
-- [Yup](https://github.com/jquense/yup): 对象模式验证库
-- [vue-virt-list](https://github.com/kolarorz/vue-virt-list): 虚拟列表
-
-我们感谢这些优秀的开源项目为 Lew UI 提供的支持。
-
-## 许可证
-
-Lew UI 是根据 MIT 许可证的开源软件。