@wimi/ui 0.4.20 → 0.4.21

package/dist/{typings → src}/components/tabs-view/src/use-tabs-view-scroll.d.ts

@@ -1,14 +1,14 @@
 import { nextTick } from 'vue';
-import type { TabsProps } from './types';
+import { TabsProps } from './types';
 export declare function useTabsViewScroll(props: TabsProps): {
-    handleScrollAt: import("@vueuse/core").UseDebounceFnReturn<({ left, right }: any) => void>;
+    handleScrollAt: import('@vueuse/core').UseDebounceFnReturn<({ left, right }: any) => void>;
     handleWheel: ({ deltaY }: WheelEvent) => void;
     initScrollbar: () => Promise<void>;
-    scrollbarRef: import("vue").Ref<{
-        $: import("vue").ComponentInternalInstance;
+    scrollbarRef: import('vue').Ref<{
+        $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            class: import("../../../typings").ClassType;
+            class: import('../../../typings').ClassType;
             horizontal: boolean;
             shadow: boolean;
             shadowBorder: boolean;
@@ -17,9 +17,9 @@ export declare function useTabsViewScroll(props: TabsProps): {
             shadowRight: boolean;
             shadowTop: boolean;
         }> & Omit<{
-            readonly class?: import("../../../typings").ClassType;
+            readonly class?: import('../../../typings').ClassType;
             readonly horizontal?: boolean;
-            readonly scrollBarClass?: import("../../../typings").ClassType;
+            readonly scrollBarClass?: import('../../../typings').ClassType;
             readonly shadow?: boolean;
             readonly shadowBorder?: boolean;
             readonly shadowBottom?: boolean;
@@ -32,7 +32,7 @@ export declare function useTabsViewScroll(props: TabsProps): {
                 right: boolean;
                 top: boolean;
             }) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "class" | "horizontal" | "shadow" | "shadowBorder" | "shadowBottom" | "shadowLeft" | "shadowRight" | "shadowTop">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "class" | "horizontal" | "shadow" | "shadowBorder" | "shadowBottom" | "shadowLeft" | "shadowRight" | "shadowTop">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -40,10 +40,10 @@ export declare function useTabsViewScroll(props: TabsProps): {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import("vue").Slot<any>;
+            [name: string]: import('vue').Slot<any>;
         }>;
-        $root: import("vue").ComponentPublicInstance | null;
-        $parent: import("vue").ComponentPublicInstance | null;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: "scrollAt", args_0: {
             bottom: boolean;
@@ -52,10 +52,10 @@ export declare function useTabsViewScroll(props: TabsProps): {
             top: boolean;
         }) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            class?: import("../../../typings").ClassType;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            class?: import('../../../typings').ClassType;
             horizontal?: boolean;
-            scrollBarClass?: import("../../../typings").ClassType;
+            scrollBarClass?: import('../../../typings').ClassType;
             shadow?: boolean;
             shadowBorder?: boolean;
             shadowBottom?: boolean;
@@ -69,7 +69,7 @@ export declare function useTabsViewScroll(props: TabsProps): {
                 right: boolean;
                 top: boolean;
             }) => any;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             scrollAt: (args_0: {
                 bottom: boolean;
                 left: boolean;
@@ -77,7 +77,7 @@ export declare function useTabsViewScroll(props: TabsProps): {
                 top: boolean;
             }) => any;
         }, string, {
-            class: import("../../../typings").ClassType;
+            class: import('../../../typings').ClassType;
             horizontal: boolean;
             shadow: boolean;
             shadowBorder: boolean;
@@ -85,7 +85,7 @@ export declare function useTabsViewScroll(props: TabsProps): {
             shadowLeft: boolean;
             shadowRight: boolean;
             shadowTop: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -98,15 +98,15 @@ export declare function useTabsViewScroll(props: TabsProps): {
             beforeUnmount?: (() => void) | (() => void)[];
             destroyed?: (() => void) | (() => void)[];
             unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
         $nextTick: typeof 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;
+        $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<{
-        class: import("../../../typings").ClassType;
+        class: import('../../../typings').ClassType;
         horizontal: boolean;
         shadow: boolean;
         shadowBorder: boolean;
@@ -115,9 +115,9 @@ export declare function useTabsViewScroll(props: TabsProps): {
         shadowRight: boolean;
         shadowTop: boolean;
     }> & Omit<Readonly<{
-        class?: import("../../../typings").ClassType;
+        class?: import('../../../typings').ClassType;
         horizontal?: boolean;
-        scrollBarClass?: import("../../../typings").ClassType;
+        scrollBarClass?: import('../../../typings').ClassType;
         shadow?: boolean;
         shadowBorder?: boolean;
         shadowBottom?: boolean;
@@ -131,15 +131,15 @@ export declare function useTabsViewScroll(props: TabsProps): {
             right: boolean;
             top: boolean;
         }) => any;
-    }>, "class" | "horizontal" | "shadow" | "shadowBorder" | "shadowBottom" | "shadowLeft" | "shadowRight" | "shadowTop"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    }>, "class" | "horizontal" | "shadow" | "shadowBorder" | "shadowBottom" | "shadowLeft" | "shadowRight" | "shadowTop"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            default?: (props: {}) => any;
+            default?(_: {}): any;
         };
     }, {
-        $: import("vue").ComponentInternalInstance;
+        $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            class: import("../../../typings").ClassType;
+            class: import('../../../typings').ClassType;
             horizontal: boolean;
             shadow: boolean;
             shadowBorder: boolean;
@@ -148,9 +148,9 @@ export declare function useTabsViewScroll(props: TabsProps): {
             shadowRight: boolean;
             shadowTop: boolean;
         }> & Omit<{
-            readonly class?: import("../../../typings").ClassType;
+            readonly class?: import('../../../typings').ClassType;
             readonly horizontal?: boolean;
-            readonly scrollBarClass?: import("../../../typings").ClassType;
+            readonly scrollBarClass?: import('../../../typings').ClassType;
             readonly shadow?: boolean;
             readonly shadowBorder?: boolean;
             readonly shadowBottom?: boolean;
@@ -163,7 +163,7 @@ export declare function useTabsViewScroll(props: TabsProps): {
                 right: boolean;
                 top: boolean;
             }) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "class" | "horizontal" | "shadow" | "shadowBorder" | "shadowBottom" | "shadowLeft" | "shadowRight" | "shadowTop">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "class" | "horizontal" | "shadow" | "shadowBorder" | "shadowBottom" | "shadowLeft" | "shadowRight" | "shadowTop">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -171,10 +171,10 @@ export declare function useTabsViewScroll(props: TabsProps): {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import("vue").Slot<any>;
+            [name: string]: import('vue').Slot<any>;
         }>;
-        $root: import("vue").ComponentPublicInstance | null;
-        $parent: import("vue").ComponentPublicInstance | null;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: "scrollAt", args_0: {
             bottom: boolean;
@@ -183,10 +183,10 @@ export declare function useTabsViewScroll(props: TabsProps): {
             top: boolean;
         }) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            class?: import("../../../typings").ClassType;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            class?: import('../../../typings').ClassType;
             horizontal?: boolean;
-            scrollBarClass?: import("../../../typings").ClassType;
+            scrollBarClass?: import('../../../typings').ClassType;
             shadow?: boolean;
             shadowBorder?: boolean;
             shadowBottom?: boolean;
@@ -200,7 +200,7 @@ export declare function useTabsViewScroll(props: TabsProps): {
                 right: boolean;
                 top: boolean;
             }) => any;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             scrollAt: (args_0: {
                 bottom: boolean;
                 left: boolean;
@@ -208,7 +208,7 @@ export declare function useTabsViewScroll(props: TabsProps): {
                 top: boolean;
             }) => any;
         }, string, {
-            class: import("../../../typings").ClassType;
+            class: import('../../../typings').ClassType;
             horizontal: boolean;
             shadow: boolean;
             shadowBorder: boolean;
@@ -216,7 +216,7 @@ export declare function useTabsViewScroll(props: TabsProps): {
             shadowLeft: boolean;
             shadowRight: boolean;
             shadowTop: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -229,15 +229,15 @@ export declare function useTabsViewScroll(props: TabsProps): {
             beforeUnmount?: (() => void) | (() => void)[];
             destroyed?: (() => void) | (() => void)[];
             unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
         $nextTick: typeof 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;
+        $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<{
-        class: import("../../../typings").ClassType;
+        class: import('../../../typings').ClassType;
         horizontal: boolean;
         shadow: boolean;
         shadowBorder: boolean;
@@ -246,9 +246,9 @@ export declare function useTabsViewScroll(props: TabsProps): {
         shadowRight: boolean;
         shadowTop: boolean;
     }> & Omit<Readonly<{
-        class?: import("../../../typings").ClassType;
+        class?: import('../../../typings').ClassType;
         horizontal?: boolean;
-        scrollBarClass?: import("../../../typings").ClassType;
+        scrollBarClass?: import('../../../typings').ClassType;
         shadow?: boolean;
         shadowBorder?: boolean;
         shadowBottom?: boolean;
@@ -262,13 +262,13 @@ export declare function useTabsViewScroll(props: TabsProps): {
             right: boolean;
             top: boolean;
         }) => any;
-    }>, "class" | "horizontal" | "shadow" | "shadowBorder" | "shadowBottom" | "shadowLeft" | "shadowRight" | "shadowTop"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    }>, "class" | "horizontal" | "shadow" | "shadowBorder" | "shadowBottom" | "shadowLeft" | "shadowRight" | "shadowTop"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            default?: (props: {}) => any;
+            default?(_: {}): any;
         };
     }>;
     scrollDirection: (direction: "left" | "right", distance?: number) => void;
-    scrollIsAtLeft: import("vue").Ref<boolean, boolean>;
-    scrollIsAtRight: import("vue").Ref<boolean, boolean>;
-    showScrollButton: import("vue").Ref<boolean, boolean>;
+    scrollIsAtLeft: import('vue').Ref<boolean, boolean>;
+    scrollIsAtRight: import('vue').Ref<boolean, boolean>;
+    showScrollButton: import('vue').Ref<boolean, boolean>;
 };

package/dist/src/components/text-editor/demo/adapter/component/index.d.ts

@@ -0,0 +1,33 @@
+import { ApiComponentProps, BaseFormComponentProps } from '../../../../..';
+import { Component, VNodeProps } from 'vue';
+type ExtractPropTypes<T extends Component> = T extends new (...args: any) => any ? Omit<InstanceType<T>['$props'], keyof VNodeProps> : never;
+export type AntComponentProps = {
+    ApiSelect: Partial<ApiComponentProps>;
+    ApiTreeSelect: Partial<ApiComponentProps>;
+    ApiTableSelect: Partial<ApiComponentProps>;
+    AutoComplete: ExtractPropTypes<(typeof import('ant-design-vue/es/auto-complete'))['default']>;
+    Checkbox: ExtractPropTypes<(typeof import('ant-design-vue/es/checkbox'))['default']>;
+    CheckboxGroup: ExtractPropTypes<(typeof import('ant-design-vue/es/checkbox'))['CheckboxGroup']>;
+    DatePicker: ExtractPropTypes<(typeof import('ant-design-vue/es/date-picker'))['default']>;
+    Divider: ExtractPropTypes<(typeof import('ant-design-vue/es/divider'))['default']>;
+    Input: ExtractPropTypes<(typeof import('ant-design-vue/es/input'))['default']>;
+    InputNumber: ExtractPropTypes<(typeof import('ant-design-vue/es/input-number'))['default']>;
+    InputPassword: ExtractPropTypes<(typeof import('ant-design-vue/es/input'))['InputPassword']>;
+    Mentions: ExtractPropTypes<(typeof import('ant-design-vue/es/mentions'))['default']>;
+    Radio: ExtractPropTypes<(typeof import('ant-design-vue/es/radio'))['default']>;
+    RadioGroup: ExtractPropTypes<(typeof import('ant-design-vue/es/radio'))['RadioGroup']>;
+    RangePicker: ExtractPropTypes<(typeof import('ant-design-vue/es/date-picker'))['RangePicker']>;
+    Rate: ExtractPropTypes<(typeof import('ant-design-vue/es/rate'))['default']>;
+    Select: ExtractPropTypes<(typeof import('ant-design-vue/es/select'))['default']>;
+    Switch: ExtractPropTypes<(typeof import('ant-design-vue/es/switch'))['default']>;
+    Textarea: ExtractPropTypes<(typeof import('ant-design-vue/es/input'))['Textarea']>;
+    TimePicker: ExtractPropTypes<(typeof import('ant-design-vue/es/time-picker'))['TimePicker']>;
+    TreeSelect: ExtractPropTypes<(typeof import('ant-design-vue/es/tree-select'))['default']>;
+    Upload: ExtractPropTypes<(typeof import('ant-design-vue/es/upload'))['default']>;
+    Cascader: ExtractPropTypes<(typeof import('ant-design-vue/es/cascader'))['default']>;
+    Slider: ExtractPropTypes<(typeof import('ant-design-vue/es/slider'))['default']>;
+    TimeRangePicker: ExtractPropTypes<(typeof import('ant-design-vue/es/time-picker'))['TimeRangePicker']>;
+} & BaseFormComponentProps;
+export type ComponentType = keyof AntComponentProps;
+declare function initComponentAdapter(): Promise<void>;
+export { initComponentAdapter };

package/dist/src/components/text-editor/demo/adapter/form.d.ts

@@ -0,0 +1,7 @@
+import { FormProps, z } from '../../../..';
+import { AntComponentProps } from './component';
+declare const useWmForm: (options: FormProps<AntComponentProps>) => readonly [import('vue').DefineSetupFnComponent<FormProps<import('../../../..').BaseFormComponentProps>, {}, {}, FormProps<import('../../../..').BaseFormComponentProps> & {}, import('vue').PublicProps>, Partial<{
+    useStore: <T = NoInfer<FormProps>>(selector?: (state: NoInfer<FormProps>) => T) => Readonly<import('vue').Ref<T>>;
+} & import('../../../form/src/form-api').FormApi>];
+export { useWmForm, z };
+export type WmFromProps = FormProps<AntComponentProps>;

package/dist/{typings → src}/components/text-editor/src/text-editor.vue.d.ts

@@ -1,10 +1,8 @@
-import '@wangeditor/editor/dist/css/style.css';
-import './config';
 import { TextEditorProps } from './types';
-declare const _default: import("vue").DefineComponent<TextEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<TextEditorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<TextEditorProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<TextEditorProps> & Readonly<{
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
 }>, {
@@ -13,5 +11,5 @@ declare const _default: import("vue").DefineComponent<TextEditorProps, {}, {}, {
     placeholder: string;
     height: string;
     mode: "default" | "simple";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/title/src/group-title.vue.d.ts

@@ -0,0 +1,18 @@
+import { WmGroupTitleProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        extra?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<WmGroupTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WmGroupTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/title/src/title.vue.d.ts

@@ -0,0 +1,19 @@
+import { WmTitleProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        extra?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<WmTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WmTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{typings → src}/components/title/src/types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, Slot, VNode } from 'vue';
+import { HTMLAttributes, Slot, VNode } from 'vue';
 export type WmGroupTitleProps = {
     class?: HTMLAttributes['class'];
     title?: string | Slot | VNode;