@rhino-design/vue 0.2.1 → 0.2.2

package/dist/components/XMenu.vue.d.ts

@@ -152,12 +152,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onMenuItemClick?: ((...args: any[]) => any) | undefined;
     onSubMenuClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    mode: "horizontal" | "vertical" | "pop" | "popButton";
+    mode: "pop" | "horizontal" | "vertical" | "popButton";
+    popupMaxHeight: number | boolean;
     collapsed: boolean;
     accordion: boolean;
     defaultCollapsed: boolean;
     autoScrollIntoView: boolean;
-    popupMaxHeight: number | boolean;
     autoOpen: boolean;
     showCollapseButton: boolean;
     defaultSelectedKeys: string[];
@@ -358,15 +358,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
         "onSub-menu-click"?: ((...args: any[]) => any) | undefined;
     }>, {
-        mode: "horizontal" | "vertical" | "pop" | "popButton";
+        mode: "pop" | "horizontal" | "vertical" | "popButton";
+        popupMaxHeight: number | boolean;
+        prefixCls: string;
+        theme: "dark" | "light";
         collapsed: boolean;
         accordion: boolean;
-        theme: "dark" | "light";
         defaultCollapsed: boolean;
         autoScrollIntoView: boolean;
         inTrigger: boolean;
-        popupMaxHeight: number | boolean;
-        prefixCls: string;
         siderCollapsed: boolean;
         isRoot: boolean;
         autoOpen: boolean;
@@ -420,9 +420,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
+            size: string | number;
             color: string;
             strokeWidth: string | number;
-            size: string | number;
             spin: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/XMenuItem.vue.d.ts

@@ -67,13 +67,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "update:popupVisible": (value: boolean) => any;
             popupVisibleChange: (value: boolean) => any;
         }, import('vue').PublicProps, {
-            disabled: boolean;
             content: string;
+            disabled: boolean;
             position: import('../composables/popup').XPopupPlacement;
             mini: boolean;
-            trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
+            trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
             showArrow: boolean;
             unmountOnClose: boolean;
             contentClass: string | string[];
@@ -90,16 +90,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 $data: {};
                 $props: Partial<{
                     disabled: boolean;
-                    animationName: string;
                     position: import('../composables/popup').XPopupPlacement;
-                    offset: number;
-                    duration: number | {
-                        enter: number;
-                        leave: number;
-                    };
-                    trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    updateAtScroll: boolean;
+                    scrollToClose: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
+                    trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    offset: number;
                     popupOffset: number;
                     popupTranslate: import('../composables/popup').XPopupTranslate;
                     showArrow: boolean;
@@ -114,6 +111,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     arrowClass: string | string[] | Record<string, boolean>;
                     arrowStyle: import('vue').CSSProperties;
                     popupStyle: import('vue').CSSProperties;
+                    animationName: string;
+                    duration: number | {
+                        enter: number;
+                        leave: number;
+                    };
                     mouseEnterDelay: number;
                     mouseLeaveDelay: number;
                     focusDelay: number;
@@ -121,7 +123,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     autoFitPopupMinWidth: boolean;
                     autoFixPosition: boolean;
                     popupContainer: string | HTMLElement;
-                    updateAtScroll: boolean;
                     autoFitTransformOrigin: boolean;
                     hideEmpty: boolean;
                     openedClass: string | string[] | Record<string, boolean>;
@@ -129,15 +130,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     renderToBody: boolean;
                     preventFocus: boolean;
                     allowOverflow: boolean;
-                    scrollToClose: boolean;
                     scrollToCloseDistance: number;
                 }> & Omit<{
                     readonly disabled: boolean;
-                    readonly animationName: string;
                     readonly position: import('../composables/popup').XPopupPlacement;
-                    readonly offset: number;
-                    readonly trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    readonly updateAtScroll: boolean;
+                    readonly scrollToClose: boolean;
                     readonly defaultPopupVisible: boolean;
+                    readonly trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    readonly offset: number;
                     readonly showArrow: boolean;
                     readonly alignPoint: boolean;
                     readonly popupHoverStay: boolean;
@@ -150,6 +151,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     readonly arrowClass: string | string[] | Record<string, boolean>;
                     readonly arrowStyle: import('vue').CSSProperties;
                     readonly popupStyle: import('vue').CSSProperties;
+                    readonly animationName: string;
                     readonly mouseEnterDelay: number;
                     readonly mouseLeaveDelay: number;
                     readonly focusDelay: number;
@@ -157,7 +159,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     readonly autoFitPopupMinWidth: boolean;
                     readonly autoFixPosition: boolean;
                     readonly popupContainer: string | HTMLElement;
-                    readonly updateAtScroll: boolean;
                     readonly autoFitTransformOrigin: boolean;
                     readonly hideEmpty: boolean;
                     readonly openedClass: string | string[] | Record<string, boolean>;
@@ -165,22 +166,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     readonly renderToBody: boolean;
                     readonly preventFocus: boolean;
                     readonly allowOverflow: boolean;
-                    readonly scrollToClose: boolean;
                     readonly scrollToCloseDistance: number;
+                    readonly popupVisible?: boolean | undefined;
+                    readonly popupOffset?: number | undefined;
+                    readonly popupTranslate?: import('../composables/popup').XPopupTranslate | undefined;
                     readonly duration?: (number | {
                         enter: number;
                         leave: number;
                     }) | undefined;
-                    readonly popupVisible?: boolean | undefined;
-                    readonly popupOffset?: number | undefined;
-                    readonly popupTranslate?: import('../composables/popup').XPopupTranslate | undefined;
                     readonly onResize?: (() => any) | undefined;
                     readonly onHide?: (() => any) | undefined;
                     readonly onShow?: (() => any) | undefined;
                     readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                     readonly onPopupVisibleChange?: ((value: boolean) => any) | undefined;
                     readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "animationName" | "position" | "offset" | "duration" | "trigger" | "popupVisible" | "defaultPopupVisible" | "popupOffset" | "popupTranslate" | "showArrow" | "alignPoint" | "popupHoverStay" | "blurToClose" | "clickToClose" | "clickOutsideToClose" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "popupStyle" | "mouseEnterDelay" | "mouseLeaveDelay" | "focusDelay" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFixPosition" | "popupContainer" | "updateAtScroll" | "autoFitTransformOrigin" | "hideEmpty" | "openedClass" | "autoFitPosition" | "renderToBody" | "preventFocus" | "allowOverflow" | "scrollToClose" | "scrollToCloseDistance">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "position" | "updateAtScroll" | "scrollToClose" | "popupVisible" | "defaultPopupVisible" | "trigger" | "offset" | "popupOffset" | "popupTranslate" | "showArrow" | "alignPoint" | "popupHoverStay" | "blurToClose" | "clickToClose" | "clickOutsideToClose" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "popupStyle" | "animationName" | "duration" | "mouseEnterDelay" | "mouseLeaveDelay" | "focusDelay" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFixPosition" | "popupContainer" | "autoFitTransformOrigin" | "hideEmpty" | "openedClass" | "autoFitPosition" | "renderToBody" | "preventFocus" | "allowOverflow" | "scrollToCloseDistance">;
                 $attrs: import('vue').Attrs;
                 $refs: {
                     [x: string]: unknown;
@@ -376,16 +376,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     "popup-visible-change": (value: boolean) => any;
                 }, string, {
                     disabled: boolean;
-                    animationName: string;
                     position: import('../composables/popup').XPopupPlacement;
-                    offset: number;
-                    duration: number | {
-                        enter: number;
-                        leave: number;
-                    };
-                    trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    updateAtScroll: boolean;
+                    scrollToClose: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
+                    trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    offset: number;
                     popupOffset: number;
                     popupTranslate: import('../composables/popup').XPopupTranslate;
                     showArrow: boolean;
@@ -400,6 +397,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     arrowClass: string | string[] | Record<string, boolean>;
                     arrowStyle: import('vue').CSSProperties;
                     popupStyle: import('vue').CSSProperties;
+                    animationName: string;
+                    duration: number | {
+                        enter: number;
+                        leave: number;
+                    };
                     mouseEnterDelay: number;
                     mouseLeaveDelay: number;
                     focusDelay: number;
@@ -407,7 +409,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     autoFitPopupMinWidth: boolean;
                     autoFixPosition: boolean;
                     popupContainer: string | HTMLElement;
-                    updateAtScroll: boolean;
                     autoFitTransformOrigin: boolean;
                     hideEmpty: boolean;
                     openedClass: string | string[] | Record<string, boolean>;
@@ -415,7 +416,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     renderToBody: boolean;
                     preventFocus: boolean;
                     allowOverflow: boolean;
-                    scrollToClose: boolean;
                     scrollToCloseDistance: number;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -439,16 +439,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 $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<{
                 disabled: boolean;
-                animationName: string;
                 position: import('../composables/popup').XPopupPlacement;
-                offset: number;
-                duration: number | {
-                    enter: number;
-                    leave: number;
-                };
-                trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                updateAtScroll: boolean;
+                scrollToClose: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
+                trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                offset: number;
                 popupOffset: number;
                 popupTranslate: import('../composables/popup').XPopupTranslate;
                 showArrow: boolean;
@@ -463,6 +460,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 arrowClass: string | string[] | Record<string, boolean>;
                 arrowStyle: import('vue').CSSProperties;
                 popupStyle: import('vue').CSSProperties;
+                animationName: string;
+                duration: number | {
+                    enter: number;
+                    leave: number;
+                };
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -470,7 +472,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 autoFitPopupMinWidth: boolean;
                 autoFixPosition: boolean;
                 popupContainer: string | HTMLElement;
-                updateAtScroll: boolean;
                 autoFitTransformOrigin: boolean;
                 hideEmpty: boolean;
                 openedClass: string | string[] | Record<string, boolean>;
@@ -478,7 +479,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 renderToBody: boolean;
                 preventFocus: boolean;
                 allowOverflow: boolean;
-                scrollToClose: boolean;
                 scrollToCloseDistance: number;
             }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                 popupVisible: {
@@ -647,7 +647,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((value: boolean) => any) | undefined;
                 "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-            }>, "hide" | "show" | "updatePosition" | ("disabled" | "animationName" | "position" | "offset" | "duration" | "trigger" | "popupVisible" | "defaultPopupVisible" | "popupOffset" | "popupTranslate" | "showArrow" | "alignPoint" | "popupHoverStay" | "blurToClose" | "clickToClose" | "clickOutsideToClose" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "popupStyle" | "mouseEnterDelay" | "mouseLeaveDelay" | "focusDelay" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFixPosition" | "popupContainer" | "updateAtScroll" | "autoFitTransformOrigin" | "hideEmpty" | "openedClass" | "autoFitPosition" | "renderToBody" | "preventFocus" | "allowOverflow" | "scrollToClose" | "scrollToCloseDistance")> & import('vue').ShallowUnwrapRef<{
+            }>, "hide" | "show" | "updatePosition" | ("disabled" | "position" | "updateAtScroll" | "scrollToClose" | "popupVisible" | "defaultPopupVisible" | "trigger" | "offset" | "popupOffset" | "popupTranslate" | "showArrow" | "alignPoint" | "popupHoverStay" | "blurToClose" | "clickToClose" | "clickOutsideToClose" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "popupStyle" | "animationName" | "duration" | "mouseEnterDelay" | "mouseLeaveDelay" | "focusDelay" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFixPosition" | "popupContainer" | "autoFitTransformOrigin" | "hideEmpty" | "openedClass" | "autoFitPosition" | "renderToBody" | "preventFocus" | "allowOverflow" | "scrollToCloseDistance")> & import('vue').ShallowUnwrapRef<{
                 show: () => void;
                 hide: () => void;
                 updatePosition: () => Promise<void>;
@@ -689,13 +689,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             updatePosition: () => Promise<void> | undefined;
         }, {}, {}, {}, {
-            disabled: boolean;
             content: string;
+            disabled: boolean;
             position: import('../composables/popup').XPopupPlacement;
             mini: boolean;
-            trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
+            trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
             showArrow: boolean;
             unmountOnClose: boolean;
             contentClass: string | string[];
@@ -738,13 +738,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "update:popupVisible": (value: boolean) => any;
         popupVisibleChange: (value: boolean) => any;
     }, string, {
-        disabled: boolean;
         content: string;
+        disabled: boolean;
         position: import('../composables/popup').XPopupPlacement;
         mini: boolean;
-        trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
+        trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
         showArrow: boolean;
         unmountOnClose: boolean;
         contentClass: string | string[];

package/dist/components/XMessage.vue.d.ts

@@ -23,9 +23,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onClose?: (() => any) | undefined;
 }>, {
     type: MessageDisplayType;
+    duration: number;
     showIcon: boolean;
     closable: boolean;
-    duration: number;
     resetOnUpdate: boolean;
     resetOnHover: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;

package/dist/components/XMessageList.d.ts

@@ -32,8 +32,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClose?: ((...args: any[]) => any) | undefined;
     onAfterClose?: ((...args: any[]) => any) | undefined;
 }>, {
+    position: "top" | "bottom";
     zIndex: number;
-    position: "bottom" | "top";
     messages: MessageItem[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/XMessageService.d.ts

@@ -1,4 +1,5 @@
 import { App, AppContext, VNodeChild } from 'vue';
+import { XThemeMode } from '../composables/theme-context';
 export declare const MESSAGE_POSITIONS: readonly ["top", "bottom"];
 export type MessageType = 'info' | 'success' | 'warning' | 'error';
 export type MessageDisplayType = MessageType | 'loading' | 'normal';
@@ -8,6 +9,7 @@ export type MessageRenderContent = VNodeChild | (() => VNodeChild);
 export interface MessageConfig {
     content: MessageRenderContent;
     id?: string | number;
+    theme?: XThemeMode;
     icon?: MessageRenderFunction;
     position?: MessagePosition;
     showIcon?: boolean;

package/dist/components/XModal.vue.d.ts

@@ -62,37 +62,37 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    open: () => any;
     cancel: (event: Event) => any;
     close: () => any;
+    open: () => any;
     "update:open": (value: boolean) => any;
     ok: (event: Event) => any;
     beforeClose: () => any;
     "update:visible": (value: boolean) => any;
     beforeOpen: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onOpen?: (() => any) | undefined;
     onCancel?: ((event: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOk?: ((event: Event) => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
 }>, {
-    top: number | string;
-    width: number | string;
-    mask: boolean;
     footer: boolean;
     title: string;
+    mask: boolean;
+    width: number | string;
+    top: number | string;
     visible: boolean;
     open: boolean;
-    closable: boolean;
-    bodyStyle: string | false | CSSProperties | StyleValue[] | null;
-    draggable: boolean;
     unmountOnClose: boolean;
     popupContainer: string | HTMLElement;
     renderToBody: boolean;
+    closable: boolean;
+    bodyStyle: string | false | CSSProperties | StyleValue[] | null;
+    draggable: boolean;
     defaultVisible: boolean;
     maskClosable: boolean;
     okText: string;

package/dist/components/XModalService.d.ts

@@ -1,10 +1,12 @@
 import { AppContext, CSSProperties, StyleValue, VNodeChild } from 'vue';
+import { XThemeMode } from '../composables/theme-context';
 type MessageType = 'info' | 'success' | 'warning' | 'error';
 type ModalRenderContent = VNodeChild | (() => VNodeChild);
 interface ModalButtonProps {
     [key: string]: unknown;
 }
 interface ModalConfig {
+    theme?: XThemeMode;
     title?: ModalRenderContent;
     content: ModalRenderContent;
     footer?: boolean | ModalRenderContent;

package/dist/components/XNotification.vue.d.ts

@@ -1,29 +1,40 @@
-type NotificationType = 'info' | 'success' | 'warning' | 'error' | 'normal';
-type NotificationPosition = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
-interface NotificationProps {
-    id: string;
+import { NotificationType } from './XNotificationService';
+type __VLS_Props = {
     type?: NotificationType;
-    title?: string;
-    content: string;
-    duration?: number;
-    closable?: boolean;
     showIcon?: boolean;
-    position?: NotificationPosition;
-    footer?: string;
-    onClose?: () => void;
-}
-declare function close(): void;
-declare const _default: import('vue').DefineComponent<NotificationProps, {
-    close: typeof close;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    closable?: boolean;
+    duration?: number;
+    resetOnUpdate?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        content?(_: {}): any;
+        footer?(_: {}): any;
+        closeIconElement?(_: {}): any;
+        closeIcon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => any;
-}, string, import('vue').PublicProps, Readonly<NotificationProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
-    position: NotificationPosition;
     type: NotificationType;
+    duration: number;
     showIcon: boolean;
     closable: boolean;
-    duration: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    resetOnUpdate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+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/components/XNotificationList.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { NotificationItem, NotificationPosition } from './XNotificationService';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    notifications: {
+        type: PropType<NotificationItem[]>;
+        default: () => never[];
+    };
+    position: {
+        type: PropType<NotificationPosition>;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "afterClose")[], "close" | "afterClose", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    notifications: {
+        type: PropType<NotificationItem[]>;
+        default: () => never[];
+    };
+    position: {
+        type: PropType<NotificationPosition>;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onAfterClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    position: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+    zIndex: number;
+    notifications: NotificationItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/XNotificationService.d.ts

@@ -1,20 +1,59 @@
-type NotificationPosition = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
-interface NotificationConfig {
-    title?: string;
-    content: string;
-    duration?: number;
+import { App, AppContext, CSSProperties, VNodeChild } from 'vue';
+import { XThemeMode } from '../composables/theme-context';
+export declare const NOTIFICATION_TYPES: readonly ["info", "success", "warning", "error"];
+export declare const NOTIFICATION_POSITIONS: readonly ["topLeft", "topRight", "bottomLeft", "bottomRight"];
+export type NotificationType = typeof NOTIFICATION_TYPES[number];
+export type NotificationPosition = typeof NOTIFICATION_POSITIONS[number];
+export type NotificationRenderFunction = () => VNodeChild;
+export type NotificationRenderContent = VNodeChild | (() => VNodeChild);
+export interface NotificationConfig {
+    content: NotificationRenderContent;
+    title?: NotificationRenderContent;
+    theme?: XThemeMode;
+    icon?: NotificationRenderFunction;
+    id?: string;
+    style?: CSSProperties;
+    class?: unknown;
+    position?: NotificationPosition;
+    showIcon?: boolean;
     closable?: boolean;
+    duration?: number;
+    footer?: NotificationRenderFunction;
+    closeIcon?: NotificationRenderFunction;
+    closeIconElement?: NotificationRenderFunction;
+    onClose?: (id: number | string) => void;
+}
+export interface NotificationReturn {
+    close: () => void;
+}
+export interface NotificationMethod {
+    info: (config: string | NotificationConfig, appContext?: AppContext) => NotificationReturn;
+    success: (config: string | NotificationConfig, appContext?: AppContext) => NotificationReturn;
+    warning: (config: string | NotificationConfig, appContext?: AppContext) => NotificationReturn;
+    error: (config: string | NotificationConfig, appContext?: AppContext) => NotificationReturn;
+    remove: (id: string) => void;
+    clear: (position?: NotificationPosition) => void;
+}
+export interface NotificationItem {
+    id: number | string;
+    type: NotificationType;
+    content: NotificationRenderContent;
+    style?: CSSProperties;
+    class?: unknown;
+    title?: NotificationRenderContent;
+    icon?: NotificationRenderFunction;
+    footer?: NotificationRenderFunction;
+    closeIcon?: NotificationRenderFunction;
+    closeIconElement?: NotificationRenderFunction;
     showIcon?: boolean;
-    position?: NotificationPosition;
-    footer?: string;
+    closable?: boolean;
+    duration?: number;
+    resetOnUpdate?: boolean;
+    onClose?: (id: number | string) => void;
 }
-export declare const Notification: {
-    info(config: string | NotificationConfig): string;
-    success(config: string | NotificationConfig): string;
-    warning(config: string | NotificationConfig): string;
-    error(config: string | NotificationConfig): string;
-    normal(config: string | NotificationConfig): string;
-    remove(id: string): void;
-    clear(): void;
+type NotificationService = NotificationMethod & {
+    install: (app: App) => void;
+    _context: AppContext | null;
 };
+export declare const Notification: NotificationService;
 export default Notification;

package/dist/components/XOptgroup.vue.d.ts

@@ -1,4 +1,5 @@
 type __VLS_Props = {
+    theme?: 'light' | 'dark';
     label?: string;
 };
 declare function __VLS_template(): {

package/dist/components/XOption.vue.d.ts

@@ -1,4 +1,5 @@
 type __VLS_Props = {
+    theme?: 'light' | 'dark';
     value?: string | number | boolean | Record<string, any>;
     label?: string;
     disabled?: boolean;

package/dist/components/XOverflowList.vue.d.ts

@@ -1,9 +1,39 @@
-type __VLS_Props = {
-    items?: Array<string | number>;
-    max?: number;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    items: Array<string | number>;
-    max: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+import { PropType, VNode } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    margin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    from: {
+        type: PropType<"start" | "end">;
+        default: string;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: number) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    margin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    from: {
+        type: PropType<"start" | "end">;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+}>, {
+    margin: number;
+    min: number;
+    from: "end" | "start";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;