lew-ui 2.7.13 → 2.7.15

package/dist/components/form/upload/src/LewUpload.vue.d.ts

@@ -181,21 +181,24 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         $data: {};
         $props: Partial<{
             direction: import('../../../..').FlexDirection;
-            width: string | number;
             x: import('../../../..').FlexXAlignment;
             y: import('../../../..').FlexYAlignment;
-            mode: import('../../../..').FlexMode;
+            gap: import('../../../..').FlexGap;
             wrap: boolean;
-            gap: string | number;
         }> & Omit<{
             readonly direction: import('../../../..').FlexDirection;
-            readonly width: string | number;
             readonly x: import('../../../..').FlexXAlignment;
             readonly y: import('../../../..').FlexYAlignment;
-            readonly mode: import('../../../..').FlexMode;
+            readonly gap: import('../../../..').FlexGap;
             readonly wrap: boolean;
-            readonly gap: string | number;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "direction" | "width" | "x" | "y" | "mode" | "wrap" | "gap">;
+            readonly width?: import('../../../..').FlexWidth | undefined;
+            readonly mode?: import('../../../..').FlexMode | undefined;
+            readonly onClick?: ((event: MouseEvent) => any) | undefined;
+            readonly onResize?: ((size: {
+                width: number;
+                height: number;
+            }) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "direction" | "x" | "y" | "gap" | "wrap">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -208,55 +211,61 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: ((event: "click", event: MouseEvent) => void) & ((event: "resize", size: {
+            width: number;
+            height: number;
+        }) => void);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
             direction: {
                 type: PropType<import('../../../..').FlexDirection>;
                 default: string;
-                typeDesc: string;
                 validator(value: import('../../../..').FlexDirection): boolean;
             };
             x: {
                 type: PropType<import('../../../..').FlexXAlignment>;
                 default: string;
-                typeDesc: string;
                 validator(value: import('../../../..').FlexXAlignment): boolean;
             };
             y: {
                 type: PropType<import('../../../..').FlexYAlignment>;
                 default: string;
-                typeDesc: string;
                 validator(value: import('../../../..').FlexYAlignment): boolean;
             };
             mode: {
                 type: PropType<import('../../../..').FlexMode>;
-                default: string;
-                typeDesc: string;
                 validator(value: import('../../../..').FlexMode): boolean;
             };
             wrap: {
                 type: BooleanConstructor;
-                default: boolean;
             };
             gap: {
-                type: (StringConstructor | NumberConstructor)[];
+                type: PropType<import('../../../..').FlexGap>;
                 default: number;
-                validator(value: string | number): boolean;
+                validator(value: import('../../../..').FlexGap): boolean;
             };
             width: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: string;
-                validator(value: string | number): boolean;
+                type: PropType<import('../../../..').FlexWidth>;
+                validator(value: import('../../../..').FlexWidth): boolean;
             };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        }>> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+            onResize?: ((size: {
+                width: number;
+                height: number;
+            }) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+            resize: (size: {
+                width: number;
+                height: number;
+            }) => any;
+        }, string, {
             direction: import('../../../..').FlexDirection;
-            width: string | number;
             x: import('../../../..').FlexXAlignment;
             y: import('../../../..').FlexYAlignment;
-            mode: import('../../../..').FlexMode;
+            gap: import('../../../..').FlexGap;
             wrap: boolean;
-            gap: string | number;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -279,52 +288,49 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         $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<{
         direction: import('../../../..').FlexDirection;
-        width: string | number;
         x: import('../../../..').FlexXAlignment;
         y: import('../../../..').FlexYAlignment;
-        mode: import('../../../..').FlexMode;
+        gap: import('../../../..').FlexGap;
         wrap: boolean;
-        gap: string | number;
     }> & Omit<Readonly<globalThis.ExtractPropTypes<{
         direction: {
             type: PropType<import('../../../..').FlexDirection>;
             default: string;
-            typeDesc: string;
             validator(value: import('../../../..').FlexDirection): boolean;
         };
         x: {
             type: PropType<import('../../../..').FlexXAlignment>;
             default: string;
-            typeDesc: string;
             validator(value: import('../../../..').FlexXAlignment): boolean;
         };
         y: {
             type: PropType<import('../../../..').FlexYAlignment>;
             default: string;
-            typeDesc: string;
             validator(value: import('../../../..').FlexYAlignment): boolean;
         };
         mode: {
             type: PropType<import('../../../..').FlexMode>;
-            default: string;
-            typeDesc: string;
             validator(value: import('../../../..').FlexMode): boolean;
         };
         wrap: {
             type: BooleanConstructor;
-            default: boolean;
         };
         gap: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: PropType<import('../../../..').FlexGap>;
             default: number;
-            validator(value: string | number): boolean;
+            validator(value: import('../../../..').FlexGap): boolean;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-            validator(value: string | number): boolean;
+            type: PropType<import('../../../..').FlexWidth>;
+            validator(value: import('../../../..').FlexWidth): boolean;
         };
-    }>> & Readonly<{}>, "direction" | "width" | "x" | "y" | "mode" | "wrap" | "gap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+        onResize?: ((size: {
+            width: number;
+            height: number;
+        }) => any) | undefined;
+    }>, "direction" | "x" | "y" | "gap" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/components/general/avatar/src/LewAvatar.vue.d.ts

@@ -1,118 +1,98 @@
+import { AvatarPlacement, AvatarShape, AvatarStatus } from './props';
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     size: {
-        type: PropType<string | number>;
+        type: PropType<import('./props').AvatarSize>;
         default: number;
-        description: string;
-        validator(value: string | number): boolean;
+        validator(value: import('./props').AvatarSize): boolean;
     };
     loading: {
         type: BooleanConstructor;
         default: boolean;
-        description: string;
     };
     shape: {
-        type: PropType<"circle" | "square" | "sharp">;
+        type: PropType<AvatarShape>;
         default: string;
-        description: string;
-        validator(value: "circle" | "square" | "sharp"): boolean;
+        validator(value: AvatarShape): boolean;
     };
     src: {
         type: StringConstructor;
-        default: string;
-        description: string;
     };
     alt: {
         type: StringConstructor;
-        default: string;
-        description: string;
         validator(value: string): boolean;
     };
     status: {
-        type: PropType<("offline" | "online" | "processing" | "away" | "busy") | undefined>;
-        default: undefined;
-        description: string;
-        validator(value: "offline" | "online" | "processing" | "away" | "busy"): boolean;
+        type: PropType<AvatarStatus>;
+        validator(value: AvatarStatus): boolean;
     };
     objectFit: {
-        type: PropType<import('../..').ObjectFit>;
+        type: PropType<import("csstype").Property.ObjectFit>;
         default: string;
-        description: string;
-        validator: (value: import('../..').ObjectFit) => boolean;
+        validator(value: import("csstype").Property.ObjectFit): boolean;
     };
     objectPosition: {
-        type: StringConstructor;
+        type: PropType<import("csstype").Property.ObjectPosition>;
         default: string;
-        description: string;
-        validator: (value: string) => boolean;
+        validator(value: import("csstype").Property.ObjectPosition): boolean;
     };
     statusPlacement: {
-        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<AvatarPlacement>;
         default: string;
-        description: string;
-        validator(value: "top-left" | "top-right" | "bottom-left" | "bottom-right"): boolean;
+        validator(value: AvatarPlacement): boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: () => any;
+    load: () => any;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     size: {
-        type: PropType<string | number>;
+        type: PropType<import('./props').AvatarSize>;
         default: number;
-        description: string;
-        validator(value: string | number): boolean;
+        validator(value: import('./props').AvatarSize): boolean;
     };
     loading: {
         type: BooleanConstructor;
         default: boolean;
-        description: string;
     };
     shape: {
-        type: PropType<"circle" | "square" | "sharp">;
+        type: PropType<AvatarShape>;
         default: string;
-        description: string;
-        validator(value: "circle" | "square" | "sharp"): boolean;
+        validator(value: AvatarShape): boolean;
     };
     src: {
         type: StringConstructor;
-        default: string;
-        description: string;
     };
     alt: {
         type: StringConstructor;
-        default: string;
-        description: string;
         validator(value: string): boolean;
     };
     status: {
-        type: PropType<("offline" | "online" | "processing" | "away" | "busy") | undefined>;
-        default: undefined;
-        description: string;
-        validator(value: "offline" | "online" | "processing" | "away" | "busy"): boolean;
+        type: PropType<AvatarStatus>;
+        validator(value: AvatarStatus): boolean;
     };
     objectFit: {
-        type: PropType<import('../..').ObjectFit>;
+        type: PropType<import("csstype").Property.ObjectFit>;
         default: string;
-        description: string;
-        validator: (value: import('../..').ObjectFit) => boolean;
+        validator(value: import("csstype").Property.ObjectFit): boolean;
     };
     objectPosition: {
-        type: StringConstructor;
+        type: PropType<import("csstype").Property.ObjectPosition>;
         default: string;
-        description: string;
-        validator: (value: string) => boolean;
+        validator(value: import("csstype").Property.ObjectPosition): boolean;
     };
     statusPlacement: {
-        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<AvatarPlacement>;
         default: string;
-        description: string;
-        validator(value: "top-left" | "top-right" | "bottom-left" | "bottom-right"): boolean;
+        validator(value: AvatarPlacement): boolean;
     };
-}>> & Readonly<{}>, {
-    size: string | number;
+}>> & Readonly<{
+    onError?: (() => any) | undefined;
+    onLoad?: (() => any) | undefined;
+}>, {
+    size: import('./props').AvatarSize;
     loading: boolean;
-    status: ("offline" | "online" | "processing" | "away" | "busy") | undefined;
-    src: string;
-    alt: string;
-    objectFit: import('../..').ObjectFit;
-    objectPosition: string;
-    shape: "circle" | "square" | "sharp";
-    statusPlacement: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    objectFit: import("csstype").Property.ObjectFit;
+    objectPosition: import("csstype").Property.ObjectPosition<0 | (string & {})>;
+    shape: AvatarShape;
+    statusPlacement: AvatarPlacement;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/general/avatar/src/props.d.ts

@@ -1,62 +1,49 @@
-import { ObjectFit } from '../../image/src/props';
+import { Property } from 'csstype';
 import { ExtractPropTypes, PropType } from 'vue';
-type AvatarPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-type AvatarStatus = 'online' | 'processing' | 'away' | 'offline' | 'busy';
-type AvatarShape = 'circle' | 'square' | 'sharp';
-type AvatarSize = number | string;
+export type AvatarPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type AvatarStatus = 'online' | 'processing' | 'away' | 'offline' | 'busy';
+export type AvatarShape = 'circle' | 'square' | 'sharp';
+export type AvatarSize = number | string;
 export declare const avatarProps: {
     size: {
         type: PropType<AvatarSize>;
         default: number;
-        description: string;
         validator(value: AvatarSize): boolean;
     };
     loading: {
         type: BooleanConstructor;
         default: boolean;
-        description: string;
     };
     shape: {
         type: PropType<AvatarShape>;
         default: string;
-        description: string;
         validator(value: AvatarShape): boolean;
     };
     src: {
         type: StringConstructor;
-        default: string;
-        description: string;
     };
     alt: {
         type: StringConstructor;
-        default: string;
-        description: string;
         validator(value: string): boolean;
     };
     status: {
-        type: PropType<AvatarStatus | undefined>;
-        default: undefined;
-        description: string;
+        type: PropType<AvatarStatus>;
         validator(value: AvatarStatus): boolean;
     };
     objectFit: {
-        type: PropType<ObjectFit>;
+        type: PropType<Property.ObjectFit>;
         default: string;
-        description: string;
-        validator: (value: ObjectFit) => boolean;
+        validator(value: Property.ObjectFit): boolean;
     };
     objectPosition: {
-        type: StringConstructor;
+        type: PropType<Property.ObjectPosition>;
         default: string;
-        description: string;
-        validator: (value: string) => boolean;
+        validator(value: Property.ObjectPosition): boolean;
     };
     statusPlacement: {
         type: PropType<AvatarPlacement>;
         default: string;
-        description: string;
         validator(value: AvatarPlacement): boolean;
     };
 };
 export type AvatarProps = ExtractPropTypes<typeof avatarProps>;
-export {};

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

@@ -11,76 +11,65 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     text: {
         type: StringConstructor;
         default: string;
-        description: string;
     };
     offset: {
-        type: ArrayConstructor;
-        default: () => number[];
-        description: string;
+        type: PropType<import('./props').BadgeOffset>;
+        default: () => import('./props').BadgeOffset;
+        validator(value: import('./props').BadgeOffset): boolean;
     };
     processing: {
         type: BooleanConstructor;
-        default: boolean;
-        description: string;
     };
     max: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: PropType<number | string>;
         default: number;
-        description: string;
-        validator: (value: string | number) => boolean;
+        validator(value: string | number): boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<import('./props').BadgeColor>;
         default: string;
-        description: string;
-        validator: (value: string) => boolean;
+        validator(value: import('./props').BadgeColor): boolean;
     };
     value: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-        description: string;
-        validator: (value: string | number) => boolean;
+        type: PropType<import('./props').BadgeValue>;
+        validator(value: import('./props').BadgeValue): boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     text: {
         type: StringConstructor;
         default: string;
-        description: string;
     };
     offset: {
-        type: ArrayConstructor;
-        default: () => number[];
-        description: string;
+        type: PropType<import('./props').BadgeOffset>;
+        default: () => import('./props').BadgeOffset;
+        validator(value: import('./props').BadgeOffset): boolean;
     };
     processing: {
         type: BooleanConstructor;
-        default: boolean;
-        description: string;
     };
     max: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: PropType<number | string>;
         default: number;
-        description: string;
-        validator: (value: string | number) => boolean;
+        validator(value: string | number): boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<import('./props').BadgeColor>;
         default: string;
-        description: string;
-        validator: (value: string) => boolean;
+        validator(value: import('./props').BadgeColor): boolean;
     };
     value: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-        description: string;
-        validator: (value: string | number) => boolean;
+        type: PropType<import('./props').BadgeValue>;
+        validator(value: import('./props').BadgeValue): boolean;
     };
-}>> & Readonly<{}>, {
-    color: string;
-    text: string;
-    value: string | number;
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    color: import('./props').BadgeColor;
     max: string | number;
-    offset: unknown[];
+    text: string;
+    offset: import('./props').BadgeOffset;
     processing: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/general/badge/src/props.d.ts

@@ -1,38 +1,33 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
 export type BadgeColor = 'red' | 'orange' | 'yellow' | 'green' | 'mint' | 'teal' | 'black' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray' | 'brown' | 'success' | 'normal' | 'warning' | 'error' | 'info' | 'primary';
+export type BadgeValue = string | number;
+export type BadgeOffset = [number, number];
 export declare const badgeProps: {
     text: {
         type: StringConstructor;
         default: string;
-        description: string;
     };
     offset: {
-        type: ArrayConstructor;
-        default: () => number[];
-        description: string;
+        type: PropType<BadgeOffset>;
+        default: () => BadgeOffset;
+        validator(value: BadgeOffset): boolean;
     };
     processing: {
         type: BooleanConstructor;
-        default: boolean;
-        description: string;
     };
     max: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: PropType<number | string>;
         default: number;
-        description: string;
-        validator: (value: string | number) => boolean;
+        validator(value: string | number): boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<BadgeColor>;
         default: string;
-        description: string;
-        validator: (value: string) => boolean;
+        validator(value: BadgeColor): boolean;
     };
     value: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-        description: string;
-        validator: (value: string | number) => boolean;
+        type: PropType<BadgeValue>;
+        validator(value: BadgeValue): boolean;
     };
 };
 export type BadgeProps = ExtractPropTypes<typeof badgeProps>;