sakana-element 2.1.4 → 2.2.0

package/dist/theme/index.css

@@ -75,14 +75,10 @@ hr {
 /**
  * zpix - A pixel font for retro UI
  * Source: https://github.com/SolidZORO/zpix-pixel-font
- *
- * Place zpix.ttf file in this directory (packages/theme/fonts/)
  */
 @font-face {
   font-family: "zpix";
-  src:
-    url("../theme/fonts/zpix.woff2") format("woff2"),
-    url("../theme/fonts/zpix.ttf") format("truetype");
+  src: url("../theme/fonts/zpix.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
   font-display: swap;

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1,30 @@
+export declare const PxAvatar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').AvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: import('packages/core').AvatarSize;
+        shape: import('packages/core').AvatarShape;
+        border: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').AvatarProps> & Readonly<{}>, {}, {}, {}, {}, {
+        size: import('packages/core').AvatarSize;
+        shape: import('packages/core').AvatarShape;
+        border: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').AvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: import('packages/core').AvatarSize;
+    shape: import('packages/core').AvatarShape;
+    border: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Avatar/types.d.ts

@@ -0,0 +1,10 @@
+export type AvatarSize = 'large' | 'default' | 'small';
+export type AvatarShape = 'circle' | 'square';
+export type AvatarStatus = 'online' | 'offline';
+export interface AvatarProps {
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    border?: boolean;
+    color?: string;
+    status?: AvatarStatus;
+}

package/dist/types/components/Badge/types.d.ts

@@ -7,4 +7,5 @@ export interface BadgeProps {
     dash?: boolean;
     color?: string;
     round?: boolean;
+    icon?: string;
 }

package/dist/types/components/Breadcrumb/constants.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { BreadcrumbContext } from './types';
+export declare const BREADCRUMB_CTX_KEY: InjectionKey<BreadcrumbContext>;

package/dist/types/components/Breadcrumb/index.d.ts

@@ -0,0 +1,45 @@
+export declare const PxBreadcrumb: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').BreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        separator: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').BreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, {
+        separator: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').BreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    separator: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default?(_: {}): any;
+        separator?(_: {}): any;
+    }> & {
+        default?(_: {}): any;
+        separator?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export declare const PxBreadcrumbItem: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').BreadcrumbItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLIElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').BreadcrumbItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').BreadcrumbItemProps> & Readonly<{}>, {}, {}, {}, {}, 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 & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Breadcrumb/types.d.ts

@@ -0,0 +1,13 @@
+import { Slot } from 'vue';
+export interface BreadcrumbProps {
+    separator?: string;
+}
+export interface BreadcrumbItemProps {
+    to?: string;
+    icon?: string;
+    disabled?: boolean;
+}
+export interface BreadcrumbContext {
+    separator: string;
+    separatorSlot?: Slot;
+}

package/dist/types/components/Card/types.d.ts

@@ -1,6 +1,12 @@
+export type CardType = 'primary' | 'success' | 'info' | 'warning' | 'danger';
 export type CardShadow = 'always' | 'hover' | 'never';
 export interface CardProps {
+    type?: CardType;
+    color?: string;
     hoverable?: boolean;
     shadow?: boolean | CardShadow;
     size?: 'small' | 'large';
+    outline?: boolean;
+    dash?: boolean;
+    ghost?: boolean;
 }

package/dist/types/components/Collapse/constants.d.ts

@@ -1,3 +1,6 @@
+import { ColorTemplate } from '@sakana-element/utils';
 import { InjectionKey } from 'vue';
 import { CollapseContext } from './types';
 export declare const COLLAPSE_CTX_KEY: InjectionKey<CollapseContext>;
+export declare const PRESET_COLLAPSE_COLORS: Set<string>;
+export declare const COLLAPSE_COLOR_TEMPLATES: Record<string, ColorTemplate>;

package/dist/types/components/Collapse/index.d.ts

@@ -31,18 +31,24 @@ export declare const PxCollapse: {
     };
 }) & import('vue').Plugin;
 export declare const PxCollapseItem: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        showArrow: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('packages/core').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('packages/core').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, {
+        showArrow: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, 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 & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    showArrow: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         title?(_: {}): any;
         default?(_: {}): any;

package/dist/types/components/Collapse/types.d.ts

@@ -3,11 +3,19 @@ export type CollapseItemName = string | number;
 export interface CollapseProps {
     modelValue: CollapseItemName[];
     accordion?: boolean;
+    color?: string;
+    ghost?: boolean;
+    trigger?: 'click' | 'focus';
+    iconPlacement?: 'start' | 'end';
 }
 export interface CollapseItemProps {
     name: CollapseItemName;
     title?: string;
     disabled?: boolean;
+    showArrow?: boolean;
+    icon?: string;
+    forceOpen?: boolean;
+    forceClose?: boolean;
 }
 export interface CollapseEmits {
     (e: 'update:modelValue', value: CollapseItemName[]): void;
@@ -16,4 +24,8 @@ export interface CollapseEmits {
 export interface CollapseContext {
     activeNames: Ref<CollapseItemName[]>;
     handleItemClick(name: CollapseItemName): void;
+    color?: string;
+    ghost?: boolean;
+    trigger?: 'click' | 'focus';
+    iconPlacement?: 'start' | 'end';
 }

package/dist/types/components/FileInput/constants.d.ts

@@ -0,0 +1,3 @@
+import { ColorTemplate } from '@sakana-element/utils';
+export declare const PRESET_FILE_INPUT_COLORS: Set<string>;
+export declare const FILE_INPUT_COLOR_TEMPLATES: Record<string, ColorTemplate>;

package/dist/types/components/FileInput/index.d.ts

@@ -0,0 +1,58 @@
+export declare const PxFileInput: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').FileInputProps> & Readonly<{
+        onClear?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: FileList | null) => any) | undefined;
+        onChange?: ((value: FileList | null) => any) | undefined;
+    }>, {
+        ref: import('vue').Ref<HTMLInputElement | undefined>;
+        open(): void;
+        clear(): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        clear: () => any;
+        "update:modelValue": (value: FileList | null) => any;
+        change: (value: FileList | null) => any;
+    }, import('vue').PublicProps, {
+        placeholder: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputRef: HTMLInputElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').FileInputProps> & Readonly<{
+        onClear?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: FileList | null) => any) | undefined;
+        onChange?: ((value: FileList | null) => any) | undefined;
+    }>, {
+        ref: import('vue').Ref<HTMLInputElement | undefined>;
+        open(): void;
+        clear(): void;
+    }, {}, {}, {}, {
+        placeholder: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').FileInputProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: FileList | null) => any) | undefined;
+    onChange?: ((value: FileList | null) => any) | undefined;
+}>, {
+    ref: import('vue').Ref<HTMLInputElement | undefined>;
+    open(): void;
+    clear(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: () => any;
+    "update:modelValue": (value: FileList | null) => any;
+    change: (value: FileList | null) => any;
+}, string, {
+    placeholder: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        trigger?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export * from './types';

package/dist/types/components/FileInput/types.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'vue';
+export interface FileInputProps {
+    modelValue?: FileList | null;
+    id?: string;
+    size?: 'large' | 'small';
+    color?: string;
+    ghost?: boolean;
+    disabled?: boolean;
+    accept?: string;
+    multiple?: boolean;
+    placeholder?: string;
+    clearable?: boolean;
+    form?: string;
+}
+export interface FileInputEmits {
+    (e: 'update:modelValue', value: FileList | null): void;
+    (e: 'change', value: FileList | null): void;
+    (e: 'clear'): void;
+}
+export interface FileInputInstance {
+    ref: Ref<HTMLInputElement | undefined>;
+    open(): void;
+    clear(): void;
+}

package/dist/types/components/Form/types.d.ts

@@ -1,20 +1,30 @@
-import { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator';
 import { Ref } from 'vue';
-export interface FormItemRule extends RuleItem {
+import { ZodType } from 'zod';
+export interface FormItemRule {
     trigger?: string | string[];
+    schema?: ZodType;
+    required?: boolean;
+    message?: string;
 }
 export type FormRules = Record<string, FormItemRule[]>;
 export type FormValidateResult = Promise<boolean>;
-export type FormValidateCallback = (isValid: boolean, invalidFields?: ValidateFieldsError) => void;
+export type FormValidateCallback = (isValid: boolean, invalidFields?: FormValidateFailure['fields']) => void;
 export type ValidateStatus = 'success' | 'error' | 'init' | 'validating';
-export interface FormValidateFailuer {
-    errors?: ValidateError[];
-    fields: ValidateFieldsError;
+export interface FormValidateFailure {
+    errors: {
+        field: string;
+        message: string;
+    }[];
+    fields: Record<string, {
+        message: string;
+    }[]>;
 }
 export interface FormProps {
-    model: Record<string, any>;
+    model: Record<string, unknown>;
     rules?: FormRules;
     disabled?: boolean;
+    inline?: boolean;
+    statusIcon?: boolean;
     labelWidth?: number | string;
     labelPosition?: 'left' | 'right' | 'top';
     labelSuffix?: string;

package/dist/types/components/Input/index.d.ts

@@ -2,10 +2,10 @@ export declare const PxInput: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').InputProps> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onClear?: (() => any) | undefined;
+        onFocus?: ((value: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onChange?: ((value: string) => any) | undefined;
         onBlur?: ((value: FocusEvent) => any) | undefined;
-        onFocus?: ((value: FocusEvent) => any) | undefined;
     }>, {
         ref: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined>;
         focus(): Promise<void>;
@@ -15,10 +15,10 @@ export declare const PxInput: {
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         input: (value: string) => any;
         clear: () => any;
+        focus: (value: FocusEvent) => any;
         "update:modelValue": (value: string) => any;
         change: (value: string) => any;
         blur: (value: FocusEvent) => any;
-        focus: (value: FocusEvent) => any;
     }, import('vue').PublicProps, {
         type: string;
         autocomplete: string;
@@ -36,10 +36,10 @@ export declare const PxInput: {
     }, Readonly<import('packages/core').InputProps> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onClear?: (() => any) | undefined;
+        onFocus?: ((value: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onChange?: ((value: string) => any) | undefined;
         onBlur?: ((value: FocusEvent) => any) | undefined;
-        onFocus?: ((value: FocusEvent) => any) | undefined;
     }>, {
         ref: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined>;
         focus(): Promise<void>;
@@ -56,10 +56,10 @@ export declare const PxInput: {
 } & import('vue').ComponentOptionsBase<Readonly<import('packages/core').InputProps> & Readonly<{
     onInput?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onFocus?: ((value: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
     onBlur?: ((value: FocusEvent) => any) | undefined;
-    onFocus?: ((value: FocusEvent) => any) | undefined;
 }>, {
     ref: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined>;
     focus(): Promise<void>;
@@ -69,10 +69,10 @@ export declare const PxInput: {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (value: string) => any;
     clear: () => any;
+    focus: (value: FocusEvent) => any;
     "update:modelValue": (value: string) => any;
     change: (value: string) => any;
     blur: (value: FocusEvent) => any;
-    focus: (value: FocusEvent) => any;
 }, string, {
     type: string;
     autocomplete: string;

package/dist/types/components/Link/index.d.ts

@@ -0,0 +1,34 @@
+export declare const PxLink: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').LinkProps> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: (event: MouseEvent) => any;
+    }, import('vue').PublicProps, {
+        underline: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLAnchorElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').LinkProps> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        underline: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').LinkProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, {
+    underline: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Link/types.d.ts

@@ -0,0 +1,10 @@
+export type LinkType = 'primary' | 'success' | 'info' | 'warning' | 'danger';
+export interface LinkProps {
+    type?: LinkType;
+    underline?: boolean;
+    disabled?: boolean;
+    href?: string;
+    target?: string;
+    color?: string;
+}
+export type LinkEmits = (e: 'click', event: MouseEvent) => void;

package/dist/types/components/Loading/index.d.ts

@@ -1,6 +1,31 @@
 import { App } from 'vue';
 import { vLoading } from './directive';
 import { Loading } from './service';
+export declare const PxLoadingIndicator: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').LoadingIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: import('packages/core').LoadingSize;
+        type: import('packages/core').LoadingType;
+        variant: import('packages/core').LoadingVariant;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').LoadingIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, {
+        size: import('packages/core').LoadingSize;
+        type: import('packages/core').LoadingType;
+        variant: import('packages/core').LoadingVariant;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').LoadingIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: import('packages/core').LoadingSize;
+    type: import('packages/core').LoadingType;
+    variant: import('packages/core').LoadingVariant;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
 export declare const PxLoading: {
     name: string;
     install(app: App): void;

package/dist/types/components/Loading/types.d.ts

@@ -17,3 +17,12 @@ export type LoadingOptions = Partial<Omit<LoadingOptionsResolved, 'parent' | 'ta
     zIndex?: number;
     onAfterLeave(): void;
 }>;
+export type LoadingVariant = 'spinner' | 'dots' | 'bars' | 'ring';
+export type LoadingSize = 'xs' | 'sm' | 'md' | 'lg';
+export type LoadingType = 'primary' | 'success' | 'info' | 'warning' | 'danger';
+export interface LoadingIndicatorProps {
+    variant?: LoadingVariant;
+    size?: LoadingSize;
+    type?: LoadingType;
+    color?: string;
+}

package/dist/types/components/Message/types.d.ts

@@ -26,7 +26,7 @@ export interface MessageProps {
     offset?: number;
     zIndex: number;
     transitionName?: string;
-    onDestory(): void;
+    onDestroy(): void;
 }
 export type MessageOptions = Partial<Omit<MessageProps, 'id'>>;
 export type MessageParams = string | VNode | MessageOptions;
@@ -41,4 +41,4 @@ export interface MessageCompInstance {
     close(): void;
     bottomOffset: Ref<number>;
 }
-export type CreateMessageProps = Omit<MessageProps, 'onDestory' | 'id' | 'zIndex'>;
+export type CreateMessageProps = Omit<MessageProps, 'onDestroy' | 'id' | 'zIndex'>;

package/dist/types/components/MessageBox/types.d.ts

@@ -11,7 +11,7 @@ export type MessageBoxInputData = {
     value: string;
     action: MessageBoxAction;
 };
-export type MessageBoxData = MessageBoxInputData & MessageBoxAction;
+export type MessageBoxData = MessageBoxInputData | MessageBoxAction;
 export interface MessageBoxOptions {
     title?: string;
     message?: string | VNode | (() => VNode);
@@ -49,7 +49,7 @@ export interface MessageBoxProps extends MessageBoxOptions {
 }
 export type MessageBoxShortcutMethod = ((message: MessageBoxOptions['message'], title: MessageBoxOptions['title'], options?: MessageBoxOptions) => Promise<MessageBoxData>) & ((message: MessageBoxOptions['message'], options?: MessageBoxOptions) => Promise<MessageBoxData>);
 export interface IErMessageBox {
-    (options: MessageBoxOptions | string | VNode): Promise<any>;
+    (options: MessageBoxOptions | string | VNode): Promise<MessageBoxData>;
     alert: MessageBoxShortcutMethod;
     confirm: MessageBoxShortcutMethod;
     prompt: MessageBoxShortcutMethod;

package/dist/types/components/Notification/index.d.ts

@@ -1,2 +1,2 @@
-export declare const PxNotification: Notification & import('vue').Plugin;
+export declare const PxNotification: import('packages/core').Notification & import('vue').Plugin;
 export * from './types';

package/dist/types/components/Notification/methods.d.ts

@@ -1,8 +1,10 @@
-import { NotificationFn, NotificationProps, NotificationType } from './types';
+import { Notification, NotificationFn, NotificationProps, NotificationType } from './types';
 export declare const notificationDefaults: {
+    readonly title: "";
     readonly type: "info";
     readonly duration: 3000;
     readonly offset: 20;
+    readonly position: "top-right";
     readonly transitionName: "fade";
     readonly showClose: true;
 };

package/dist/types/components/Notification/types.d.ts

@@ -17,7 +17,7 @@ export interface NotificationProps {
     icon?: string;
     onClick?(): void;
     onClose?(): void;
-    onDestory(): void;
+    onDestroy(): void;
 }
 export interface NotificationInstance {
     id: string;
@@ -30,7 +30,7 @@ export interface NotificationCompInstance {
     close(): void;
     bottomOffset: Ref<number>;
 }
-export type CreateNotificationProps = Omit<NotificationProps, 'onDestory' | 'id' | 'zIndex'>;
+export type CreateNotificationProps = Omit<NotificationProps, 'onDestroy' | 'id' | 'zIndex'>;
 export interface NotificationHandler {
     close(): void;
 }

package/dist/types/components/Select/constants.d.ts

@@ -1,7 +1,8 @@
+import { Options } from '@popperjs/core';
 import { ColorTemplate } from '@sakana-element/utils';
 import { InjectionKey } from 'vue';
 import { SelectContext } from './types';
 export declare const SELECT_CTX_KEY: InjectionKey<SelectContext>;
-export declare const POPPER_OPTIONS: any;
+export declare const POPPER_OPTIONS: Partial<Options>;
 export declare const PRESET_SELECT_COLORS: Set<string>;
 export declare const SELECT_COLOR_TEMPLATES: Record<string, ColorTemplate>;