lew-ui 2.7.6 → 2.7.8

package/dist/locals/zh.d.ts

@@ -97,6 +97,13 @@ declare const _default: {
         accept: string;
         limit: string;
         maxFileSize: string;
+        pending: string;
+        success: string;
+        fail: string;
+        uploading: string;
+        complete: string;
+        wrong_type: string;
+        wrong_size: string;
     };
     pagination: {
         pageSize: string;

package/dist/methods/dialog/src/LewDialog.vue.d.ts

@@ -1,5 +1,4 @@
 import { LewColor } from '../../..';
-import { nextTick } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -15,11 +14,11 @@ declare function __VLS_template(): {
                 color: LewColor;
                 size: import('../../..').ButtonSize;
                 loading: boolean;
-                disabled: boolean;
-                width: string | number;
                 text: string;
-                round: boolean;
+                width: string | number;
+                disabled: boolean;
                 singleIcon: boolean;
+                round: boolean;
                 dashed: boolean;
                 request: Function;
             }> & Omit<{
@@ -27,15 +26,15 @@ declare function __VLS_template(): {
                 readonly color: LewColor;
                 readonly size: import('../../..').ButtonSize;
                 readonly loading: boolean;
-                readonly disabled: boolean;
                 readonly text: string;
-                readonly round: boolean;
+                readonly disabled: boolean;
                 readonly singleIcon: boolean;
+                readonly round: boolean;
                 readonly dashed: boolean;
                 readonly request: Function;
                 readonly width?: string | number | undefined;
                 readonly onClick?: ((...args: any[]) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "size" | "loading" | "disabled" | "width" | "text" | "round" | "singleIcon" | "dashed" | "request">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "size" | "loading" | "text" | "width" | "disabled" | "singleIcon" | "round" | "dashed" | "request">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -123,11 +122,11 @@ declare function __VLS_template(): {
                 color: LewColor;
                 size: import('../../..').ButtonSize;
                 loading: boolean;
-                disabled: boolean;
-                width: string | number;
                 text: string;
-                round: boolean;
+                width: string | number;
+                disabled: boolean;
                 singleIcon: boolean;
+                round: boolean;
                 dashed: boolean;
                 request: Function;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -148,18 +147,18 @@ declare function __VLS_template(): {
                 errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
+            $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             type: import('../../..').ButtonType;
             color: LewColor;
             size: import('../../..').ButtonSize;
             loading: boolean;
-            disabled: boolean;
-            width: string | number;
             text: string;
-            round: boolean;
+            width: string | number;
+            disabled: boolean;
             singleIcon: boolean;
+            round: boolean;
             dashed: boolean;
             request: Function;
         }> & Omit<Readonly<globalThis.ExtractPropTypes<{
@@ -224,7 +223,7 @@ declare function __VLS_template(): {
             };
         }>> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
-        }>, "focus" | ("type" | "color" | "size" | "loading" | "disabled" | "width" | "text" | "round" | "singleIcon" | "dashed" | "request")> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | ("type" | "color" | "size" | "loading" | "text" | "width" | "disabled" | "singleIcon" | "round" | "dashed" | "request")> & import('vue').ShallowUnwrapRef<{
             focus: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -341,11 +340,11 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
             color: LewColor;
             size: import('../../..').ButtonSize;
             loading: boolean;
-            disabled: boolean;
-            width: string | number;
             text: string;
-            round: boolean;
+            width: string | number;
+            disabled: boolean;
             singleIcon: boolean;
+            round: boolean;
             dashed: boolean;
             request: Function;
         }> & Omit<{
@@ -353,15 +352,15 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
             readonly color: LewColor;
             readonly size: import('../../..').ButtonSize;
             readonly loading: boolean;
-            readonly disabled: boolean;
             readonly text: string;
-            readonly round: boolean;
+            readonly disabled: boolean;
             readonly singleIcon: boolean;
+            readonly round: boolean;
             readonly dashed: boolean;
             readonly request: Function;
             readonly width?: string | number | undefined;
             readonly onClick?: ((...args: any[]) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "size" | "loading" | "disabled" | "width" | "text" | "round" | "singleIcon" | "dashed" | "request">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "size" | "loading" | "text" | "width" | "disabled" | "singleIcon" | "round" | "dashed" | "request">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -449,11 +448,11 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
             color: LewColor;
             size: import('../../..').ButtonSize;
             loading: boolean;
-            disabled: boolean;
-            width: string | number;
             text: string;
-            round: boolean;
+            width: string | number;
+            disabled: boolean;
             singleIcon: boolean;
+            round: boolean;
             dashed: boolean;
             request: Function;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -474,18 +473,18 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
             errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
+        $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         type: import('../../..').ButtonType;
         color: LewColor;
         size: import('../../..').ButtonSize;
         loading: boolean;
-        disabled: boolean;
-        width: string | number;
         text: string;
-        round: boolean;
+        width: string | number;
+        disabled: boolean;
         singleIcon: boolean;
+        round: boolean;
         dashed: boolean;
         request: Function;
     }> & Omit<Readonly<globalThis.ExtractPropTypes<{
@@ -550,7 +549,7 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         };
     }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }>, "focus" | ("type" | "color" | "size" | "loading" | "disabled" | "width" | "text" | "round" | "singleIcon" | "dashed" | "request")> & import('vue').ShallowUnwrapRef<{
+    }>, "focus" | ("type" | "color" | "size" | "loading" | "text" | "width" | "disabled" | "singleIcon" | "round" | "dashed" | "request")> & import('vue').ShallowUnwrapRef<{
         focus: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

package/dist/utils/RenderComponent.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    renderFn: {
+        type: null;
+        required: true;
+    };
+    type: {
+        type: PropType<"text-trim">;
+        default: string;
+    };
+    componentProps: {
+        type: PropType<any>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    renderFn: {
+        type: null;
+        required: true;
+    };
+    type: {
+        type: PropType<"text-trim">;
+        default: string;
+    };
+    componentProps: {
+        type: PropType<any>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    type: "text-trim";
+    componentProps: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './render';
 export declare const iconColorType: Record<string, string>;
 export declare function getColorType(type: string): string;
 export declare function object2class(prefix: string, props: object): string;
@@ -46,5 +47,3 @@ export declare function poll({ interval, timeout, callback, vail, }: {
 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/dist/utils/render.d.ts

@@ -0,0 +1,13 @@
+import { Component } from 'vue';
+/**
+ * 检查组件是否有效（可以被渲染）
+ * @param component 组件
+ * @returns 是否有效
+ */
+export declare function isValidComponent(component: any): boolean;
+/**
+ * 格式化输入为有效的 Vue 组件
+ * @param input 可能是组件、组件名称、配置对象等
+ * @returns 有效的 Vue 组件
+ */
+export declare function formatComponent(input: any): Component | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lew-ui",
   "type": "module",
-  "version": "2.7.6",
+  "version": "2.7.8",
   "description": "A Component Library for Vue3.js.",
   "author": "lewkamtao",
   "license": "MIT",
@@ -28,11 +28,18 @@
     "dist",
     "package.json"
   ],
+  "engines": {
+    "node": "^22.0.0"
+  },
   "scripts": {
     "dev": "vite",
     "build:tsdown": "tsdown",
     "build:docs": "vue-tsc --noEmit && vite build --mode docs",
     "build:lib": "vue-tsc --noEmit && vite build --mode lib",
+    "analyze": "vite build --mode analyze",
+    "format": "pnpm lint:fix && pnpm lint:css:fix",
+    "lint:css": "stylelint \"lib/**/*.{css,scss}\" \"docs/**/*.{css,scss}\"",
+    "lint:css:fix": "stylelint \"lib/**/*.{css,scss}\" \"docs/**/*.{css,scss}\" --fix",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
     "test": "vitest",
@@ -47,11 +54,13 @@
     "@types/lodash-es": "^4.17.12",
     "@vueuse/core": "^13.5.0",
     "axios": "^1.6.7",
+    "csstype": "^3.1.3",
     "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",
+    "stylelint-config-recommended": "^16.0.0",
     "tippy.js": "^6.3.7",
     "vue-i18n": "^11.1.0",
     "vue-router": "^4.0.13",
@@ -60,11 +69,16 @@
     "yup": "^1.2.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.17.0",
+    "@antfu/eslint-config": "^5.0.0",
     "@types/node": "^22.16.0",
     "@vitejs/plugin-vue": "^6.0.0",
-    "eslint": "^9.30.1",
+    "eslint": "^9.31.0",
+    "eslint-plugin-format": "^1.0.1",
+    "rollup-plugin-visualizer": "^6.0.3",
     "sass": "^1.89.2",
+    "stylelint": "16.2.1",
+    "stylelint-config-rational-order": "0.1.2",
+    "stylelint-order": "^7.0.0",
     "tsdown": "^0.12.9",
     "tsx": "^4.20.3",
     "typescript": "^5.8.3",
@@ -75,7 +89,6 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-zip-pack": "^1.2.3",
-    "vitest": "^3.2.4",
     "vue": "^3.5.17",
     "vue-tsc": "^3.0.1"
   }

package/dist/components/{tabs → form/tabs}/src/LewTabs.vue.d.ts

@@ -109,10 +109,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     type: import('./props').TabsType;
     size: import('./props').TabsSize;
     options: TabsOptions[];
-    disabled: boolean;
     width: string | number;
-    round: boolean;
+    disabled: boolean;
     readonly: boolean;
+    round: boolean;
     itemWidth: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     tabsRef: HTMLDivElement;

package/dist/components/{badge → general/badge}/src/LewBadge.vue.d.ts

@@ -77,10 +77,10 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     };
 }>> & Readonly<{}>, {
     color: string;
+    text: string;
     value: string | number;
     max: string | number;
     offset: unknown[];
-    text: string;
     processing: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/{flex → general/flex}/src/LewFlex.vue.d.ts

@@ -87,8 +87,8 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     };
 }>> & Readonly<{}>, {
     direction: import('./props').FlexDirection;
-    x: import('./props').FlexXAlignment;
     width: string | number;
+    x: import('./props').FlexXAlignment;
     y: import('./props').FlexYAlignment;
     mode: import('./props').FlexMode;
     wrap: boolean;

package/dist/components/{text-trim → general/text-trim}/src/LewTextTrim.vue.d.ts

@@ -94,13 +94,13 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         validator(value: number): boolean;
     };
 }>> & Readonly<{}>, {
-    placement: import('./props').TextTrimPlacement;
-    offset: number[];
     text: string | number;
-    textAlign: import('./props').TextTrimAlignment;
+    delay: number[];
     lineClamp: number;
     allowHTML: boolean;
-    delay: number[];
+    placement: import('./props').TextTrimPlacement;
+    offset: number[];
+    textAlign: import('./props').TextTrimAlignment;
     reserveEnd: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     lewTextTrimRef: HTMLDivElement;

package/dist/components/{title → general/title}/src/LewTitle.vue.d.ts

@@ -58,8 +58,8 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
 }>> & Readonly<{}>, {
     color: string;
     size: string | number;
-    bold: number;
     text: string;
+    bold: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;