lew-ui 2.7.13 → 2.7.14

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

@@ -14,27 +14,28 @@ declare function __VLS_template(): {
                 color: LewColor;
                 size: import('../../..').ButtonSize;
                 loading: boolean;
-                text: string;
-                width: string | number;
                 disabled: boolean;
                 singleIcon: boolean;
                 round: boolean;
                 dashed: boolean;
-                request: Function;
             }> & Omit<{
                 readonly type: import('../../..').ButtonType;
                 readonly color: LewColor;
                 readonly size: import('../../..').ButtonSize;
                 readonly loading: boolean;
-                readonly text: string;
                 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" | "text" | "width" | "disabled" | "singleIcon" | "round" | "dashed" | "request">;
+                readonly width?: import('../../..').ButtonWidth | undefined;
+                readonly text?: string | undefined;
+                readonly request?: (() => Promise<void>) | undefined;
+                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                readonly onMouseenter?: ((event: MouseEvent) => any) | undefined;
+                readonly onMouseleave?: ((event: MouseEvent) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "size" | "loading" | "disabled" | "singleIcon" | "round" | "dashed">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -49,86 +50,74 @@ declare function __VLS_template(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "click", ...args: any[]) => void;
+            $emit: ((event: "blur", event: FocusEvent) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "mouseenter", event: MouseEvent) => void) & ((event: "mouseleave", event: MouseEvent) => void);
             $el: HTMLButtonElement;
             $options: import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
                 text: {
                     type: StringConstructor;
-                    default: string;
-                    description: string;
                     validator(value: string): boolean;
                 };
                 width: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: undefined;
-                    description: string;
+                    type: PropType<import('../../..').ButtonWidth>;
+                    validator(value: import('../../..').ButtonWidth): boolean;
                 };
                 type: {
                     type: PropType<import('../../..').ButtonType>;
                     default: string;
-                    description: string;
                     validator(value: import('../../..').ButtonType): boolean;
                 };
                 size: {
                     type: PropType<import('../../..').ButtonSize>;
                     default: string;
-                    description: string;
                     validator(value: import('../../..').ButtonSize): boolean;
                 };
                 singleIcon: {
                     type: BooleanConstructor;
-                    default: boolean;
-                    description: string;
                 };
                 color: {
                     type: PropType<LewColor>;
                     default: string;
-                    description: string;
                     validator(value: LewColor): boolean;
                 };
                 round: {
                     type: BooleanConstructor;
-                    default: boolean;
-                    description: string;
                 };
                 dashed: {
                     type: BooleanConstructor;
-                    default: boolean;
-                    description: string;
                 };
                 loading: {
                     type: BooleanConstructor;
-                    default: boolean;
-                    description: string;
                 };
                 disabled: {
                     type: BooleanConstructor;
-                    default: boolean;
-                    description: string;
                 };
                 request: {
-                    type: FunctionConstructor;
-                    default: null;
-                    description: string;
+                    type: PropType<() => Promise<void>>;
                 };
             }>> & Readonly<{
-                onClick?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+                onClick?: ((event: MouseEvent) => any) | undefined;
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onMouseenter?: ((event: MouseEvent) => any) | undefined;
+                onMouseleave?: ((event: MouseEvent) => any) | undefined;
             }>, {
                 focus: () => void;
+                blur: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (...args: any[]) => void;
+                blur: (event: FocusEvent) => any;
+                click: (event: MouseEvent) => any;
+                focus: (event: FocusEvent) => any;
+                mouseenter: (event: MouseEvent) => any;
+                mouseleave: (event: MouseEvent) => any;
             }, string, {
                 type: import('../../..').ButtonType;
                 color: LewColor;
                 size: import('../../..').ButtonSize;
                 loading: boolean;
-                text: string;
-                width: string | number;
                 disabled: boolean;
                 singleIcon: boolean;
                 round: boolean;
                 dashed: boolean;
-                request: Function;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -154,77 +143,61 @@ declare function __VLS_template(): {
             color: LewColor;
             size: import('../../..').ButtonSize;
             loading: boolean;
-            text: string;
-            width: string | number;
             disabled: boolean;
             singleIcon: boolean;
             round: boolean;
             dashed: boolean;
-            request: Function;
         }> & Omit<Readonly<globalThis.ExtractPropTypes<{
             text: {
                 type: StringConstructor;
-                default: string;
-                description: string;
                 validator(value: string): boolean;
             };
             width: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: undefined;
-                description: string;
+                type: PropType<import('../../..').ButtonWidth>;
+                validator(value: import('../../..').ButtonWidth): boolean;
             };
             type: {
                 type: PropType<import('../../..').ButtonType>;
                 default: string;
-                description: string;
                 validator(value: import('../../..').ButtonType): boolean;
             };
             size: {
                 type: PropType<import('../../..').ButtonSize>;
                 default: string;
-                description: string;
                 validator(value: import('../../..').ButtonSize): boolean;
             };
             singleIcon: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             color: {
                 type: PropType<LewColor>;
                 default: string;
-                description: string;
                 validator(value: LewColor): boolean;
             };
             round: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             dashed: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             loading: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             disabled: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             request: {
-                type: FunctionConstructor;
-                default: null;
-                description: string;
+                type: PropType<() => Promise<void>>;
             };
         }>> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
-        }>, "focus" | ("type" | "color" | "size" | "loading" | "text" | "width" | "disabled" | "singleIcon" | "round" | "dashed" | "request")> & import('vue').ShallowUnwrapRef<{
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onClick?: ((event: MouseEvent) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onMouseenter?: ((event: MouseEvent) => any) | undefined;
+            onMouseleave?: ((event: MouseEvent) => any) | undefined;
+        }>, "blur" | "focus" | ("type" | "color" | "size" | "loading" | "disabled" | "singleIcon" | "round" | "dashed")> & import('vue').ShallowUnwrapRef<{
             focus: () => void;
+            blur: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
@@ -327,10 +300,10 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
 }>, {
     type: string;
     cancel: Function;
+    transformOrigin: string;
     ok: Function;
     closeOnClickOverlay: boolean;
     closeByEsc: boolean;
-    transformOrigin: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     okRef1: ({
         $: import('vue').ComponentInternalInstance;
@@ -340,27 +313,28 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
             color: LewColor;
             size: import('../../..').ButtonSize;
             loading: boolean;
-            text: string;
-            width: string | number;
             disabled: boolean;
             singleIcon: boolean;
             round: boolean;
             dashed: boolean;
-            request: Function;
         }> & Omit<{
             readonly type: import('../../..').ButtonType;
             readonly color: LewColor;
             readonly size: import('../../..').ButtonSize;
             readonly loading: boolean;
-            readonly text: string;
             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" | "text" | "width" | "disabled" | "singleIcon" | "round" | "dashed" | "request">;
+            readonly width?: import('../../..').ButtonWidth | undefined;
+            readonly text?: string | undefined;
+            readonly request?: (() => Promise<void>) | undefined;
+            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+            readonly onClick?: ((event: MouseEvent) => any) | undefined;
+            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+            readonly onMouseenter?: ((event: MouseEvent) => any) | undefined;
+            readonly onMouseleave?: ((event: MouseEvent) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "size" | "loading" | "disabled" | "singleIcon" | "round" | "dashed">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -375,86 +349,74 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "click", ...args: any[]) => void;
+        $emit: ((event: "blur", event: FocusEvent) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "mouseenter", event: MouseEvent) => void) & ((event: "mouseleave", event: MouseEvent) => void);
         $el: HTMLButtonElement;
         $options: import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
             text: {
                 type: StringConstructor;
-                default: string;
-                description: string;
                 validator(value: string): boolean;
             };
             width: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: undefined;
-                description: string;
+                type: PropType<import('../../..').ButtonWidth>;
+                validator(value: import('../../..').ButtonWidth): boolean;
             };
             type: {
                 type: PropType<import('../../..').ButtonType>;
                 default: string;
-                description: string;
                 validator(value: import('../../..').ButtonType): boolean;
             };
             size: {
                 type: PropType<import('../../..').ButtonSize>;
                 default: string;
-                description: string;
                 validator(value: import('../../..').ButtonSize): boolean;
             };
             singleIcon: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             color: {
                 type: PropType<LewColor>;
                 default: string;
-                description: string;
                 validator(value: LewColor): boolean;
             };
             round: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             dashed: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             loading: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             disabled: {
                 type: BooleanConstructor;
-                default: boolean;
-                description: string;
             };
             request: {
-                type: FunctionConstructor;
-                default: null;
-                description: string;
+                type: PropType<() => Promise<void>>;
             };
         }>> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onClick?: ((event: MouseEvent) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onMouseenter?: ((event: MouseEvent) => any) | undefined;
+            onMouseleave?: ((event: MouseEvent) => any) | undefined;
         }>, {
             focus: () => void;
+            blur: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (...args: any[]) => void;
+            blur: (event: FocusEvent) => any;
+            click: (event: MouseEvent) => any;
+            focus: (event: FocusEvent) => any;
+            mouseenter: (event: MouseEvent) => any;
+            mouseleave: (event: MouseEvent) => any;
         }, string, {
             type: import('../../..').ButtonType;
             color: LewColor;
             size: import('../../..').ButtonSize;
             loading: boolean;
-            text: string;
-            width: string | number;
             disabled: boolean;
             singleIcon: boolean;
             round: boolean;
             dashed: boolean;
-            request: Function;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -480,77 +442,61 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         color: LewColor;
         size: import('../../..').ButtonSize;
         loading: boolean;
-        text: string;
-        width: string | number;
         disabled: boolean;
         singleIcon: boolean;
         round: boolean;
         dashed: boolean;
-        request: Function;
     }> & Omit<Readonly<globalThis.ExtractPropTypes<{
         text: {
             type: StringConstructor;
-            default: string;
-            description: string;
             validator(value: string): boolean;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: undefined;
-            description: string;
+            type: PropType<import('../../..').ButtonWidth>;
+            validator(value: import('../../..').ButtonWidth): boolean;
         };
         type: {
             type: PropType<import('../../..').ButtonType>;
             default: string;
-            description: string;
             validator(value: import('../../..').ButtonType): boolean;
         };
         size: {
             type: PropType<import('../../..').ButtonSize>;
             default: string;
-            description: string;
             validator(value: import('../../..').ButtonSize): boolean;
         };
         singleIcon: {
             type: BooleanConstructor;
-            default: boolean;
-            description: string;
         };
         color: {
             type: PropType<LewColor>;
             default: string;
-            description: string;
             validator(value: LewColor): boolean;
         };
         round: {
             type: BooleanConstructor;
-            default: boolean;
-            description: string;
         };
         dashed: {
             type: BooleanConstructor;
-            default: boolean;
-            description: string;
         };
         loading: {
             type: BooleanConstructor;
-            default: boolean;
-            description: string;
         };
         disabled: {
             type: BooleanConstructor;
-            default: boolean;
-            description: string;
         };
         request: {
-            type: FunctionConstructor;
-            default: null;
-            description: string;
+            type: PropType<() => Promise<void>>;
         };
     }>> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, "focus" | ("type" | "color" | "size" | "loading" | "text" | "width" | "disabled" | "singleIcon" | "round" | "dashed" | "request")> & import('vue').ShallowUnwrapRef<{
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onClick?: ((event: MouseEvent) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onMouseenter?: ((event: MouseEvent) => any) | undefined;
+        onMouseleave?: ((event: MouseEvent) => any) | undefined;
+    }>, "blur" | "focus" | ("type" | "color" | "size" | "loading" | "disabled" | "singleIcon" | "round" | "dashed")> & import('vue').ShallowUnwrapRef<{
         focus: () => void;
+        blur: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;

package/dist/methods/dialog/src/index.d.ts

@@ -13,9 +13,9 @@ type DialogType = 'warning' | 'error' | 'info' | 'normal' | 'success';
 export declare const LewDialog: {
     info: (options: Options) => void;
     error: (options: Options) => void;
-    normal: (options: Options) => void;
-    warning: (options: Options) => void;
     success: (options: Options) => void;
+    warning: (options: Options) => void;
+    normal: (options: Options) => void;
     name: string;
 };
 export type LewDialogType = {

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+import { Component, VNode } from 'vue';
 /**
  * 主题色类型
  */
@@ -5,7 +6,7 @@ export type LewThemeColor = 'black' | 'blue' | 'brown' | 'cyan' | 'gray' | 'gree
 /**
  * 状态色类型
  */
-export type LewStatusColor = 'error' | 'success' | 'warning' | 'info' | 'normal' | 'primary';
+export type LewStatusColor = 'error' | 'success' | 'warning' | 'info' | 'normal' | 'primary' | 'danger';
 /**
  * 颜色类型 = 主题色 + 状态色
  */
@@ -18,3 +19,9 @@ export type LewSize = 'small' | 'medium' | 'large';
  * 方向类型
  */
 export type LewDirection = 'x' | 'y';
+/**
+ * 可能的组件源类型定义
+ */
+export type ComponentSource = string | number | boolean | VNode | Component | ((...args: any[]) => any) | Promise<Component> | Record<string, any> | null | undefined;
+export type LewPopoverTrigger = 'hover' | 'click';
+export type LewPopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';

package/dist/utils/dragmove.d.ts

@@ -0,0 +1,16 @@
+export declare function dragmove({ el, parentEl, direction, callback, max, min, step, trackMax, trackMin, }: {
+    el: HTMLElement;
+    parentEl: HTMLElement;
+    direction?: 'horizontal' | 'vertical' | 'both';
+    callback?: (position: {
+        x: number;
+        y: number;
+        percentX: number;
+        percentY: number;
+    }) => void;
+    max: () => number;
+    min: () => number;
+    step?: () => number;
+    trackMax: () => number;
+    trackMin: () => number;
+}): () => void;

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './dragmove';
 export * from './render';
 export declare const iconColorType: Record<string, string>;
 export declare function getColorType(type: string): string;
@@ -21,22 +22,6 @@ export declare function getAssetsFile({ name, type, }: {
 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';
-    callback?: (position: {
-        x: number;
-        y: number;
-        percentX: number;
-        percentY: number;
-    }) => void;
-    max: () => number;
-    min: () => number;
-    step?: () => number;
-    trackMax: () => number;
-    trackMin: () => number;
-}): () => void;
 export declare function parseToStandardJSON(str: string): any;
 export declare function poll({ interval, timeout, callback, vail, }: {
     interval?: number;

package/dist/utils/render.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lew-ui",
   "type": "module",
-  "version": "2.7.13",
+  "version": "2.7.14",
   "description": "A Component Library for Vue3.js.",
   "author": "lewkamtao",
   "license": "MIT",
@@ -59,6 +59,7 @@
     "highlight.js": "^11.9.0",
     "lodash-es": "^4.17.21",
     "lucide-vue-next": "^0.471.0",
+    "resize-observer-polyfill": "^1.5.1",
     "rollup-plugin-scss": "^4.0.1",
     "stylelint-config-recommended": "^16.0.0",
     "tippy.js": "^6.3.7",

package/dist/hooks/src/useDOMCreate.d.ts

@@ -1 +0,0 @@
-export declare function useDOMCreate(nodeId: string): void;

package/dist/hooks/src/useEventListener.d.ts

@@ -1 +0,0 @@
-export declare function useEventListener(target: EventTarget, event: string, callback: EventListenerOrEventListenerObject): void;