x-next 1.10.0 → 1.11.0

package/dist/components/form-select/index.d.ts

@@ -1,4 +1,4 @@
-export type { SelectProps } from './interface';
+export type { SelectProps, SelectInstance, SelectOptionData, SelectOptionGroup as SelectOptionGroupData, SelectOptionValue, } from './interface';
 export declare const Select: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         multiple: {
@@ -134,11 +134,13 @@ export declare const Select: {
             default: boolean;
         };
     }>> & Readonly<{
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onSearch?: ((inputValue: string) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
-        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
@@ -147,10 +149,12 @@ export declare const Select: {
         onDropdownReachBottom?: ((ev: Event) => any) | undefined;
         onExceedLimit?: ((value: string | number | boolean | Record<string, any> | undefined, ev: Event) => any) | undefined;
     }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        'update:modelValue': (value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+        focus: (ev: FocusEvent) => true;
+        blur: (ev: FocusEvent) => true;
+        'update:modelValue': (value: string | undefined | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
         'update:inputValue': (inputValue: string) => true;
         'update:popupVisible': (visible: boolean) => true;
-        change: (value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+        change: (value: string | undefined | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
         inputValueChange: (inputValue: string) => true;
         popupVisibleChange: (visible: boolean) => true;
         clear: (ev: Event) => true;
@@ -795,6 +799,10 @@ export declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            clearable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
             allowCreate: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -869,6 +877,10 @@ export declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            clearable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
             allowCreate: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -908,6 +920,7 @@ export declare const Select: {
             maxTagCount: number;
             retainInputValue: boolean;
             tagNowrap: boolean;
+            clearable: boolean;
             allowCreate: boolean;
             allowSearch: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1052,11 +1065,13 @@ export declare const Select: {
             default: boolean;
         };
     }>> & Readonly<{
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onSearch?: ((inputValue: string) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
         onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
-        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
@@ -1232,11 +1247,13 @@ export declare const Select: {
         default: boolean;
     };
 }>> & Readonly<{
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onSearch?: ((inputValue: string) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
     onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
-    onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[] | undefined) => any) | undefined;
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
     "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
@@ -1245,10 +1262,12 @@ export declare const Select: {
     onDropdownReachBottom?: ((ev: Event) => any) | undefined;
     onExceedLimit?: ((value: string | number | boolean | Record<string, any> | undefined, ev: Event) => any) | undefined;
 }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:modelValue': (value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+    focus: (ev: FocusEvent) => true;
+    blur: (ev: FocusEvent) => true;
+    'update:modelValue': (value: string | undefined | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
     'update:inputValue': (inputValue: string) => true;
     'update:popupVisible': (visible: boolean) => true;
-    change: (value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
+    change: (value: string | undefined | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => true;
     inputValueChange: (inputValue: string) => true;
     popupVisibleChange: (visible: boolean) => true;
     clear: (ev: Event) => true;
@@ -1893,6 +1912,10 @@ export declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        clearable: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         allowCreate: {
             type: BooleanConstructor;
             default: boolean;
@@ -1967,6 +1990,10 @@ export declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        clearable: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         allowCreate: {
             type: BooleanConstructor;
             default: boolean;
@@ -2006,6 +2033,7 @@ export declare const Select: {
         maxTagCount: number;
         retainInputValue: boolean;
         tagNowrap: boolean;
+        clearable: boolean;
         allowCreate: boolean;
         allowSearch: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2104,11 +2132,12 @@ export declare const SelectDropdown: {
                     modifier: (className: string) => string;
                     is: (className: string) => string;
                 };
-                cls: import('vue').ComputedRef<unknown[]>;
+                cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                 style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                 rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 getContainerAttrs: () => {
                     [x: string]: unknown;
+                    class?: import('vue').ClassValue;
                 };
                 getContainerStyle: () => import('vue').StyleValue;
                 containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2231,11 +2260,12 @@ export declare const SelectDropdown: {
                     modifier: (className: string) => string;
                     is: (className: string) => string;
                 };
-                cls: import('vue').ComputedRef<unknown[]>;
+                cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
                 style: import('vue').ComputedRef<import('vue').StyleValue[]>;
                 rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 getContainerAttrs: () => {
                     [x: string]: unknown;
+                    class?: import('vue').ClassValue;
                 };
                 getContainerStyle: () => import('vue').StyleValue;
                 containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2302,11 +2332,12 @@ export declare const SelectDropdown: {
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            cls: import('vue').ComputedRef<unknown[]>;
+            cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
             style: import('vue').ComputedRef<import('vue').StyleValue[]>;
             rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             getContainerAttrs: () => {
                 [x: string]: unknown;
+                class?: import('vue').ClassValue;
             };
             getContainerStyle: () => import('vue').StyleValue;
             containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2710,11 +2741,12 @@ export declare const SelectDropdown: {
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            cls: import('vue').ComputedRef<unknown[]>;
+            cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
             style: import('vue').ComputedRef<import('vue').StyleValue[]>;
             rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             getContainerAttrs: () => {
                 [x: string]: unknown;
+                class?: import('vue').ClassValue;
             };
             getContainerStyle: () => import('vue').StyleValue;
             containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2837,11 +2869,12 @@ export declare const SelectDropdown: {
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            cls: import('vue').ComputedRef<unknown[]>;
+            cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
             style: import('vue').ComputedRef<import('vue').StyleValue[]>;
             rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             getContainerAttrs: () => {
                 [x: string]: unknown;
+                class?: import('vue').ClassValue;
             };
             getContainerStyle: () => import('vue').StyleValue;
             containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2908,11 +2941,12 @@ export declare const SelectDropdown: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        cls: import('vue').ComputedRef<unknown[]>;
+        cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
         style: import('vue').ComputedRef<import('vue').StyleValue[]>;
         rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
         getContainerAttrs: () => {
             [x: string]: unknown;
+            class?: import('vue').ClassValue;
         };
         getContainerStyle: () => import('vue').StyleValue;
         containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -3197,6 +3231,7 @@ export declare const SelectOption: {
         isSelected: import('vue').ComputedRef<boolean>;
         isValid: import('vue').Ref<boolean, boolean>;
         handleClick: (ev: MouseEvent) => void;
+        handleCheckboxChange: (_checked: unknown, ev: Event) => void;
         handleMouseEnter: () => void;
         handleMouseLeave: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
@@ -3369,6 +3404,7 @@ export declare const SelectOption: {
         isSelected: import('vue').ComputedRef<boolean>;
         isValid: import('vue').Ref<boolean, boolean>;
         handleClick: (ev: MouseEvent) => void;
+        handleCheckboxChange: (_checked: unknown, ev: Event) => void;
         handleMouseEnter: () => void;
         handleMouseLeave: () => void;
     }, {}, {}, {}, {
@@ -3413,6 +3449,7 @@ export declare const SelectOption: {
     isSelected: import('vue').ComputedRef<boolean>;
     isValid: import('vue').Ref<boolean, boolean>;
     handleClick: (ev: MouseEvent) => void;
+    handleCheckboxChange: (_checked: unknown, ev: Event) => void;
     handleMouseEnter: () => void;
     handleMouseLeave: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
@@ -3559,6 +3596,7 @@ export declare const SelectOptionGroup: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
+        component: import('vue').ComputedRef<string>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -3577,6 +3615,7 @@ export declare const SelectOptionGroup: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
+        component: import('vue').ComputedRef<string>;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -3592,6 +3631,7 @@ export declare const SelectOptionGroup: {
         modifier: (className: string) => string;
         is: (className: string) => string;
     };
+    component: import('vue').ComputedRef<string>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: import('vue').App): void;
 };

package/dist/components/form-select/interface.d.ts

@@ -3,6 +3,11 @@ import { FieldString } from '../../_hooks/_types';
 import { Size } from '../../_utils/constant';
 import { VirtualListProps } from '../virtual-list-v2/interface';
 import { TriggerProps } from '../trigger/interface';
+import { ScrollbarProps } from '../scrollbar-v2';
+export interface SelectInstance {
+    focus: () => void;
+    blur: () => void;
+}
 export interface SelectProps {
     options?: (string | number | boolean | SelectOptionData | SelectOptionGroup)[];
     multiple?: boolean;
@@ -25,6 +30,7 @@ export interface SelectProps {
     bordered?: boolean;
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
+    defaultActiveFirstOption?: boolean;
     unmountOnClose?: boolean;
     filterOption?: boolean | ((inputValue: string, option: SelectOptionData) => boolean);
     virtualListProps?: VirtualListProps;
@@ -38,6 +44,8 @@ export interface SelectProps {
     fieldNames?: SelectFieldNames;
     showHeaderOnEmpty?: boolean;
     showFooterOnEmpty?: boolean;
+    scrollbar?: boolean | ScrollbarProps;
+    tagNowrap?: boolean;
 }
 export type SelectOptionValue = string | number | boolean | Record<string, unknown>;
 export interface OptionValueWithKey {

package/dist/components/form-slider/Slider.vue.d.ts

@@ -309,8 +309,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     disabled: boolean;
     defaultValue: number | [number, number];
-    direction: "horizontal" | "vertical";
     range: boolean;
+    direction: "horizontal" | "vertical";
     modelValue: number | number[] | [number, number];
     max: number;
     step: number;

package/dist/components/form-slider/index.d.ts

@@ -114,8 +114,8 @@ export declare const Slider: {
     }, import('vue').PublicProps, {
         disabled: boolean;
         defaultValue: number | [number, number];
-        direction: "horizontal" | "vertical";
         range: boolean;
+        direction: "horizontal" | "vertical";
         modelValue: number | number[] | [number, number];
         max: number;
         step: number;
@@ -1388,8 +1388,8 @@ export declare const Slider: {
     }, {}, {}, {}, {
         disabled: boolean;
         defaultValue: number | [number, number];
-        direction: "horizontal" | "vertical";
         range: boolean;
+        direction: "horizontal" | "vertical";
         modelValue: number | number[] | [number, number];
         max: number;
         step: number;
@@ -1516,8 +1516,8 @@ export declare const Slider: {
 }, string, {
     disabled: boolean;
     defaultValue: number | [number, number];
-    direction: "horizontal" | "vertical";
     range: boolean;
+    direction: "horizontal" | "vertical";
     modelValue: number | number[] | [number, number];
     max: number;
     step: number;

package/dist/components/form-textarea/Textarea.vue.d.ts

@@ -112,7 +112,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         modifier: (className: string) => string;
         is: (className: string) => string;
     };
-    wrapperCls: import('vue').ComputedRef<unknown[]>;
+    wrapperCls: import('vue').ComputedRef<import('vue').ClassValue[]>;
     textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
     textareaStyle: import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>;
     mirrorRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -125,9 +125,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     mergeTextareaAttrs: import('vue').ComputedRef<{
         [x: string]: unknown;
     }>;
-    wrapperAttrs: import('vue').ComputedRef<Omit<Omit<{
-        [x: string]: unknown;
-    }, string>, "class" | "style">>;
+    wrapperAttrs: import('vue').ComputedRef<Omit<Omit<import('vue').Attrs, string>, "class" | "style">>;
     wrapperStyle: import('vue').ComputedRef<StyleValue>;
     handleInput: (e: InputEvent) => void;
     handleFocus: (ev: FocusEvent) => void;

package/dist/components/form-textarea/index.d.ts

@@ -63,7 +63,7 @@ export declare const Textarea: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        wrapperCls: import('vue').ComputedRef<unknown[]>;
+        wrapperCls: import('vue').ComputedRef<import('vue').ClassValue[]>;
         textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
         textareaStyle: import('vue').Ref<import('vue').CSSProperties | undefined, import('vue').CSSProperties | undefined>;
         mirrorRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -76,9 +76,7 @@ export declare const Textarea: {
         mergeTextareaAttrs: import('vue').ComputedRef<{
             [x: string]: unknown;
         }>;
-        wrapperAttrs: import('vue').ComputedRef<Omit<Omit<{
-            [x: string]: unknown;
-        }, string>, "class" | "style">>;
+        wrapperAttrs: import('vue').ComputedRef<Omit<Omit<import('vue').Attrs, string>, "class" | "style">>;
         wrapperStyle: import('vue').ComputedRef<import('vue').StyleValue>;
         handleInput: (e: InputEvent) => void;
         handleFocus: (ev: FocusEvent) => void;
@@ -328,7 +326,7 @@ export declare const Textarea: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        wrapperCls: import('vue').ComputedRef<unknown[]>;
+        wrapperCls: import('vue').ComputedRef<import('vue').ClassValue[]>;
         textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
         textareaStyle: import('vue').Ref<import('vue').CSSProperties | undefined, import('vue').CSSProperties | undefined>;
         mirrorRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -341,9 +339,7 @@ export declare const Textarea: {
         mergeTextareaAttrs: import('vue').ComputedRef<{
             [x: string]: unknown;
         }>;
-        wrapperAttrs: import('vue').ComputedRef<Omit<Omit<{
-            [x: string]: unknown;
-        }, string>, "class" | "style">>;
+        wrapperAttrs: import('vue').ComputedRef<Omit<Omit<import('vue').Attrs, string>, "class" | "style">>;
         wrapperStyle: import('vue').ComputedRef<import('vue').StyleValue>;
         handleInput: (e: InputEvent) => void;
         handleFocus: (ev: FocusEvent) => void;
@@ -437,7 +433,7 @@ export declare const Textarea: {
         modifier: (className: string) => string;
         is: (className: string) => string;
     };
-    wrapperCls: import('vue').ComputedRef<unknown[]>;
+    wrapperCls: import('vue').ComputedRef<import('vue').ClassValue[]>;
     textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
     textareaStyle: import('vue').Ref<import('vue').CSSProperties | undefined, import('vue').CSSProperties | undefined>;
     mirrorRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -450,9 +446,7 @@ export declare const Textarea: {
     mergeTextareaAttrs: import('vue').ComputedRef<{
         [x: string]: unknown;
     }>;
-    wrapperAttrs: import('vue').ComputedRef<Omit<Omit<{
-        [x: string]: unknown;
-    }, string>, "class" | "style">>;
+    wrapperAttrs: import('vue').ComputedRef<Omit<Omit<import('vue').Attrs, string>, "class" | "style">>;
     wrapperStyle: import('vue').ComputedRef<import('vue').StyleValue>;
     handleInput: (e: InputEvent) => void;
     handleFocus: (ev: FocusEvent) => void;

package/dist/components/image/Image.vue.d.ts

@@ -127,15 +127,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         modifier: (className: string) => string;
         is: (className: string) => string;
     };
-    wrapperClassNames: import('vue').ComputedRef<unknown[]>;
+    wrapperClassNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
     wrapperStyles: import('vue').ComputedRef<StyleValue[]>;
     overlayStyles: import('vue').ComputedRef<{
         height: string | undefined;
     }>;
     showFooter: import('vue').ComputedRef<boolean>;
-    imgProps: import('vue').ComputedRef<Omit<{
-        [x: string]: unknown;
-    }, "class" | "style" | "src">>;
+    imgProps: import('vue').ComputedRef<Omit<import('vue').Attrs, "class" | "style" | "src">>;
     imgStyle: import('vue').ComputedRef<{
         width: string | undefined;
         height: string | undefined;

package/dist/components/image/index.d.ts

@@ -69,15 +69,13 @@ export declare const Image: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        wrapperClassNames: import('vue').ComputedRef<unknown[]>;
+        wrapperClassNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
         wrapperStyles: import('vue').ComputedRef<import('vue').StyleValue[]>;
         overlayStyles: import('vue').ComputedRef<{
             height: string | undefined;
         }>;
         showFooter: import('vue').ComputedRef<boolean>;
-        imgProps: import('vue').ComputedRef<Omit<{
-            [x: string]: unknown;
-        }, "class" | "style" | "src">>;
+        imgProps: import('vue').ComputedRef<Omit<import('vue').Attrs, "class" | "style" | "src">>;
         imgStyle: import('vue').ComputedRef<{
             width: string | undefined;
             height: string | undefined;
@@ -1642,15 +1640,13 @@ export declare const Image: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        wrapperClassNames: import('vue').ComputedRef<unknown[]>;
+        wrapperClassNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
         wrapperStyles: import('vue').ComputedRef<import('vue').StyleValue[]>;
         overlayStyles: import('vue').ComputedRef<{
             height: string | undefined;
         }>;
         showFooter: import('vue').ComputedRef<boolean>;
-        imgProps: import('vue').ComputedRef<Omit<{
-            [x: string]: unknown;
-        }, "class" | "style" | "src">>;
+        imgProps: import('vue').ComputedRef<Omit<import('vue').Attrs, "class" | "style" | "src">>;
         imgStyle: import('vue').ComputedRef<{
             width: string | undefined;
             height: string | undefined;
@@ -1749,15 +1745,13 @@ export declare const Image: {
         modifier: (className: string) => string;
         is: (className: string) => string;
     };
-    wrapperClassNames: import('vue').ComputedRef<unknown[]>;
+    wrapperClassNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
     wrapperStyles: import('vue').ComputedRef<import('vue').StyleValue[]>;
     overlayStyles: import('vue').ComputedRef<{
         height: string | undefined;
     }>;
     showFooter: import('vue').ComputedRef<boolean>;
-    imgProps: import('vue').ComputedRef<Omit<{
-        [x: string]: unknown;
-    }, "class" | "style" | "src">>;
+    imgProps: import('vue').ComputedRef<Omit<import('vue').Attrs, "class" | "style" | "src">>;
     imgStyle: import('vue').ComputedRef<{
         width: string | undefined;
         height: string | undefined;

package/dist/components/layout/LayoutSidebar.vue.d.ts

@@ -400,7 +400,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            classNames: import('vue').ComputedRef<unknown[]>;
+            classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
             wrapperAttrs: import('vue').ComputedRef<{
                 [x: string]: unknown;
             }>;
@@ -448,7 +448,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 wrapperAttrs: import('vue').ComputedRef<{
                     [x: string]: unknown;
                 }>;
-                classNames: import('vue').ComputedRef<unknown[]>;
+                classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
                 iconClassName: import('vue').ComputedRef<string>;
                 onMousedown: (event: MouseEvent) => void;
                 onKeydown: (event: KeyboardEvent) => void;
@@ -528,7 +528,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            classNames: import('vue').ComputedRef<unknown[]>;
+            classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
             wrapperAttrs: import('vue').ComputedRef<{
                 [x: string]: unknown;
             }>;
@@ -601,7 +601,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        classNames: import('vue').ComputedRef<unknown[]>;
+        classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
         wrapperAttrs: import('vue').ComputedRef<{
             [x: string]: unknown;
         }>;
@@ -649,7 +649,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             wrapperAttrs: import('vue').ComputedRef<{
                 [x: string]: unknown;
             }>;
-            classNames: import('vue').ComputedRef<unknown[]>;
+            classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
             iconClassName: import('vue').ComputedRef<string>;
             onMousedown: (event: MouseEvent) => void;
             onKeydown: (event: KeyboardEvent) => void;

package/dist/components/layout/index.d.ts

@@ -332,7 +332,7 @@ export declare const LayoutSidebar: {
                     modifier: (className: string) => string;
                     is: (className: string) => string;
                 };
-                classNames: import('vue').ComputedRef<unknown[]>;
+                classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
                 wrapperAttrs: import('vue').ComputedRef<{
                     [x: string]: unknown;
                 }>;
@@ -380,7 +380,7 @@ export declare const LayoutSidebar: {
                     wrapperAttrs: import('vue').ComputedRef<{
                         [x: string]: unknown;
                     }>;
-                    classNames: import('vue').ComputedRef<unknown[]>;
+                    classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
                     iconClassName: import('vue').ComputedRef<string>;
                     onMousedown: (event: MouseEvent) => void;
                     onKeydown: (event: KeyboardEvent) => void;
@@ -460,7 +460,7 @@ export declare const LayoutSidebar: {
                     modifier: (className: string) => string;
                     is: (className: string) => string;
                 };
-                classNames: import('vue').ComputedRef<unknown[]>;
+                classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
                 wrapperAttrs: import('vue').ComputedRef<{
                     [x: string]: unknown;
                 }>;
@@ -533,7 +533,7 @@ export declare const LayoutSidebar: {
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            classNames: import('vue').ComputedRef<unknown[]>;
+            classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
             wrapperAttrs: import('vue').ComputedRef<{
                 [x: string]: unknown;
             }>;
@@ -581,7 +581,7 @@ export declare const LayoutSidebar: {
                 wrapperAttrs: import('vue').ComputedRef<{
                     [x: string]: unknown;
                 }>;
-                classNames: import('vue').ComputedRef<unknown[]>;
+                classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
                 iconClassName: import('vue').ComputedRef<string>;
                 onMousedown: (event: MouseEvent) => void;
                 onKeydown: (event: KeyboardEvent) => void;
@@ -976,7 +976,7 @@ export declare const LayoutSidebar: {
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            classNames: import('vue').ComputedRef<unknown[]>;
+            classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
             wrapperAttrs: import('vue').ComputedRef<{
                 [x: string]: unknown;
             }>;
@@ -1024,7 +1024,7 @@ export declare const LayoutSidebar: {
                 wrapperAttrs: import('vue').ComputedRef<{
                     [x: string]: unknown;
                 }>;
-                classNames: import('vue').ComputedRef<unknown[]>;
+                classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
                 iconClassName: import('vue').ComputedRef<string>;
                 onMousedown: (event: MouseEvent) => void;
                 onKeydown: (event: KeyboardEvent) => void;
@@ -1104,7 +1104,7 @@ export declare const LayoutSidebar: {
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            classNames: import('vue').ComputedRef<unknown[]>;
+            classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
             wrapperAttrs: import('vue').ComputedRef<{
                 [x: string]: unknown;
             }>;
@@ -1177,7 +1177,7 @@ export declare const LayoutSidebar: {
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        classNames: import('vue').ComputedRef<unknown[]>;
+        classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
         wrapperAttrs: import('vue').ComputedRef<{
             [x: string]: unknown;
         }>;
@@ -1225,7 +1225,7 @@ export declare const LayoutSidebar: {
             wrapperAttrs: import('vue').ComputedRef<{
                 [x: string]: unknown;
             }>;
-            classNames: import('vue').ComputedRef<unknown[]>;
+            classNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
             iconClassName: import('vue').ComputedRef<string>;
             onMousedown: (event: MouseEvent) => void;
             onKeydown: (event: KeyboardEvent) => void;

package/dist/components/line-chart/LineChart.d.ts

@@ -263,12 +263,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loading: boolean | Record<string, unknown>;
     area: boolean;
     legend: boolean;
-    height: string | number;
-    width: string | number;
     grid: import('./interface').LineChartGridOptions;
-    padding: string | number;
     smooth: boolean;
     tooltip: boolean;
+    padding: string | number;
+    height: string | number;
+    width: string | number;
     categories: (string | number)[];
     series: LineChartSeries[];
     stack: boolean;