// Generated by dts-bundle-generator v9.5.1 import { Emitter } from 'mitt'; import { OverlayScrollbars } from 'overlayscrollbars'; import { Nullish } from 'parsnip-kit'; import { App, CSSProperties, Ref, StyleValue, VNode } from 'vue'; import { JSX } from 'vue/jsx-runtime'; declare enum SCREEN_SIZE_TYPE { XS = "xs", SM = "sm", MD = "md", LG = "lg", XL = "xl", XXL = "xxl" } declare const GROUP_OPTION_TYPE = "group"; declare const SUBMENU_OPTION_TYPE = "submenu"; export type NumberOrPercentage = number | `${number}%`; export type ValidContent = string | ((...args: any[]) => VNode | string | JSX.Element | null | void); export type ValidVNodeContent = (...args: any[]) => VNode | JSX.Element; export type ValueWithDeviceWidth = Record; interface Option$1 { value: T; label: string; } export interface GroupOption { children: (Option$1 | string)[]; type: typeof GROUP_OPTION_TYPE; } export type EmitEvent> = { [K in keyof T as `on${Capitalize}`]?: (...args: T[K]) => void; }; export type VueClassValue = string | Record | VueClassValue[]; export type VueStyleValue = StyleValue; export type RestAttrs = { style?: VueStyleValue | null; class?: VueClassValue | null; [x: string]: any; }; export interface NavigationOption { index: string | number | symbol; label?: string; } export type ButtonProps = { /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.0-beta */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {'rect' | 'round' | 'circle' | 'square'} [shape='rect'] * @version 0.0.3 */ shape?: "rect" | "round" | "circle" | "square" | "default"; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.0-beta */ size?: "medium" | "large" | "small"; /** * @property {boolean} [disabled=false] * @version 0.0.0-beta */ disabled?: boolean; /** * @property {boolean} [loading=false] * @version 0.0.0-beta */ loading?: boolean; /** * @property {'primary' | 'plain' | 'text' | 'outline'} [variant='primary'] * @version 0.0.0-beta */ variant?: "primary" | "plain" | "text" | "outline"; /** * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info' | 'notice'} [theme='primary'] * @version 0.0.0-beta */ theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "info" | "notice"; /** * @property {string} [color] * @version 0.0.0-beta */ color?: string; /** * @property {boolean} [block=false] * @version 0.0.0-beta */ block?: boolean; /** * @property {'button' | 'submit' | 'reset'} [nativeType='button'] * @version 0.0.0-beta */ nativeType?: "button" | "submit" | "reset"; /** * @property {boolean} [autofocus=false] * @version 0.0.0-beta */ autofocus?: boolean; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; export type ButtonEvents = { /** * @event click * @version 0.0.0-beta * @param {MouseEvent} e */ click: [ e: MouseEvent ]; }; declare var __VLS_6: {}, __VLS_8: {}; export type __VLS_Slots = {} & { icon?: (props: typeof __VLS_6) => any; } & { default?: (props: typeof __VLS_8) => any; }; declare const __VLS_base: import("vue").DefineComponent & Readonly<{}>, { disabled: boolean; loading: boolean; block: boolean; nativeType: "button" | "submit" | "reset"; autofocus: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export: __VLS_WithSlots; declare const _default: typeof __VLS_export; export type __VLS_WithSlots = T & { new (): { $slots: S; }; }; export type ButtonGroupProps = { /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.0-beta */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {'rect' | 'round' | 'square' | 'circle'} [shape] * @version 0.0.0-beta */ shape?: "rect" | "round" | "default" | "square" | "circle"; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.3 */ size?: "medium" | "large" | "small"; /** * @property {boolean} [disabled=false] * @version 0.0.0-beta */ disabled?: boolean; /** * @property {boolean} [loading=false] * @version 0.0.0-beta */ loading?: boolean; /** * @property {'primary' | 'plain' | 'text' | 'outline'} [variant] * @version 0.0.0-beta */ variant?: "primary" | "plain" | "text" | "outline"; /** * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info' | 'notice'} [theme] * @version 0.0.0-beta */ theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "info" | "notice"; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1: {}; type __VLS_Slots$1 = {} & { default?: (props: typeof __VLS_1) => any; }; declare const __VLS_base$1: import("vue").DefineComponent & Readonly<{}>, { disabled: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$1: __VLS_WithSlots$1; declare const _default$1: typeof __VLS_export$1; type __VLS_WithSlots$1 = T & { new (): { $slots: S; }; }; export type LinkProps = { /** * @property {boolean} [disabled] * @version 0.0.0-beta */ disabled?: boolean; /** * @property {boolean} [loading] * @version 0.0.0-beta */ loading?: boolean; /** * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info' | 'notice'} [theme='primary'] * @version 0.0.0-beta */ theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "info" | "notice"; /** * @property {'normal' | 'underline'} [theme='underline'] * @version 0.1.0 */ variant?: "normal" | "underline"; /** * @property {string} [color] * @version 0.0.0-beta */ color?: string; /** * @property {string} [href] * @version 0.0.0-beta */ href?: string; /** * @property {string} [target] * @version 0.0.0-beta */ target?: string; }; declare var __VLS_6$1: {}, __VLS_8$1: {}; type __VLS_Slots$2 = {} & { icon?: (props: typeof __VLS_6$1) => any; } & { default?: (props: typeof __VLS_8$1) => any; }; declare const __VLS_base$2: import("vue").DefineComponent & Readonly<{}>, { variant: "normal" | "underline"; theme: "primary" | "sakura" | "success" | "warning" | "danger" | "info" | "notice"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$2: __VLS_WithSlots$2; declare const _default$2: typeof __VLS_export$2; type __VLS_WithSlots$2 = T & { new (): { $slots: S; }; }; export type MessageProps = { /** * @property {ValidContent} [content] * @version 0.0.0-beta */ content?: ValidContent; /** * @property {ValidVNodeContent} [icon] * @version 0.0.0-beta */ icon?: ValidVNodeContent; /** * @property {number} [duration=3000] * @version 0.0.0-beta */ duration?: number; /** * @property {number | string | symbol} [id] * @version 0.0.0-beta */ id?: number | string | symbol; /** * @property {'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal' | 'sakura' | 'notice'} [type='normal'] * @version 0.0.0-beta */ type?: "info" | "success" | "warning" | "error" | "loading" | "normal" | "sakura" | "notice"; /** * @property {string} [color] * @version 0.0.0-beta */ color?: string; /** * @property {boolean} [closable=false] * @version 0.0.0-beta */ closable?: boolean; }; export type MessageOptions = { /** * @property {ValidContent} [content] * @version 0.0.0-beta */ content?: ValidContent; /** * @property {ValidVNodeContent} [icon] * @version 0.0.0-beta */ icon?: ValidVNodeContent; /** * @property {number} [duration=3000] * @version 0.0.0-beta */ duration?: number; /** * @property {'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal' | 'sakura' | 'notice'} [type='normal'] * @version 0.0.0-beta */ type?: MessageProps["type"]; /** * @property {string} [color] * @version 0.0.0-beta */ color?: string; /** * @property {boolean} [closable=false] * @version 0.0.0-beta */ closable?: boolean; /** * @property {'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} [placement='top'] * @version 0.0.2 */ placement?: MessageBoxProps["placement"]; /** * @property {'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} [position='top'] * @version 0.0.0-beta */ position?: MessageBoxProps["position"]; /** * @property {string | HTMLElement} [root='body'] * @version 0.0.0-beta */ root?: string | HTMLElement; }; export type MessageReturn = { /** * @property {() => void} close * @version 0.0.0-beta */ close: () => void; /** * @property {() => void} clear * @version 0.0.0-beta */ clear: () => void; }; export type MessageBoxProps = { /** * @property {MessageProps[]} messages * @version 0.0.0-beta */ messages: MessageProps[]; /** * @property {'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} [placement='top'] * @version 0.0.2 */ placement?: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right"; /** * @property {'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} [position='top'] * @version 0.0.0-beta */ position?: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right"; /** * @property {number} [zIndex] * @version 0.0.0-beta */ zIndex?: number; /** * @property {string | HTMLElement} [root='body'] * @version 0.0.0-beta */ root?: string | HTMLElement; }; export type MessageBoxExpose = { /** * @property {(id: number | string | symbol) => void} close * @version 0.0.0-beta */ close: (id: number | string | symbol) => void; }; export type __VLS_Props = MessageBoxProps & { "onUpdate:messages": (value: MessageProps[]) => any; onClose: (id: string | number | symbol) => any; }; declare const __VLS_export$3: import("vue").DefineComponent<__VLS_Props, MessageBoxExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, { root: string | HTMLElement; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$3: typeof __VLS_export$3; export type MessageFunction = { (options: ValidContent | MessageOptions): MessageReturn; } & { [key in MessageOptions["type"] & string]: (options: Omit | string) => MessageReturn; }; declare const message: MessageFunction; export type RowProps = { /** * @property {number | { x?: number; y?: number } | Value4DeviceWidth} [gutter=0] * @version 0.0.0-beta */ gutter?: number | { x?: number; y?: number; } | ValueWithDeviceWidth; /** * @property {'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'} [justify='start'] * @version 0.0.0-beta */ justify?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly"; /** * @property {'start' | 'center' | 'end' | 'stretch'} [align='start'] * @version 0.0.0-beta */ align?: "start" | "center" | "end" | "stretch"; /** * @property {boolean} [wrap=true] * @version 0.0.0-beta */ wrap?: boolean; }; declare var __VLS_1$1: {}; type __VLS_Slots$3 = {} & { default?: (props: typeof __VLS_1$1) => any; }; declare const __VLS_base$3: import("vue").DefineComponent & Readonly<{}>, { gutter: number | { x?: number; y?: number; } | ValueWithDeviceWidth; justify: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly"; align: "start" | "center" | "end" | "stretch"; wrap: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$4: __VLS_WithSlots$3; declare const _default$4: typeof __VLS_export$4; type __VLS_WithSlots$3 = T & { new (): { $slots: S; }; }; export type ColProps = { /** * @property {number | ValueWithDeviceWidth} [offset=0] * @version 0.0.0-beta */ offset?: number | ValueWithDeviceWidth; /** * @property {number | ValueWithDeviceWidth} [span=24] * @version 0.0.0-beta */ span?: number | ValueWithDeviceWidth; }; declare var __VLS_1$2: {}; type __VLS_Slots$4 = {} & { default?: (props: typeof __VLS_1$2) => any; }; declare const __VLS_base$4: import("vue").DefineComponent & Readonly<{}>, { span: number | ValueWithDeviceWidth; offset: number | ValueWithDeviceWidth; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$5: __VLS_WithSlots$4; declare const _default$5: typeof __VLS_export$5; type __VLS_WithSlots$4 = T & { new (): { $slots: S; }; }; export type DividerProps = { /** * @property {'horizontal' | 'vertical'} [direction='horizontal'] * @version 0.0.0-beta */ direction?: "horizontal" | "vertical"; /** * @property {'solid' | 'dashed' | 'dotted' | 'double' | 'ridge' | 'groove'} [variant='solid'] * @version 0.0.0-beta */ variant?: "solid" | "dashed" | "dotted" | "double" | "ridge" | "groove"; /** * @property {number | string} [margin] * @version 0.0.0-beta */ margin?: number | string; /** * @property {number | string} [size] * @version 0.0.0-beta */ size?: number | string; }; declare const __VLS_export$6: import("vue").DefineComponent & Readonly<{}>, { variant: "solid" | "dashed" | "dotted" | "double" | "ridge" | "groove"; direction: "horizontal" | "vertical"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$6: typeof __VLS_export$6; export type SpaceProps = { /** * @property {'small' | 'medium' | 'large' | number | { x?: number; y?: number }} [margin='medium'] * @version 0.0.0-beta */ margin?: "small" | "medium" | "large" | number | { x?: number; y?: number; }; /** * @property {'horizontal' | 'vertical'} [direction='horizontal'] * @version 0.0.0-beta */ direction?: "horizontal" | "vertical"; /** * @property {'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'} [justify='start'] * @version 0.0.0-beta */ justify?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly"; /** * @property {'start' | 'center' | 'end' | 'stretch'} [align] * @version 0.0.0-beta */ align?: "start" | "center" | "end" | "stretch"; /** * @property {boolean} [wrap=true] * @version 0.0.0-beta */ wrap?: boolean; /** * @property {boolean} [inline=false] * @version 0.0.0-beta */ inline?: boolean; }; declare const __VLS_export$7: import("vue").DefineComponent & Readonly<{}>, { justify: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly"; wrap: boolean; direction: "horizontal" | "vertical"; margin: "small" | "medium" | "large" | number | { x?: number; y?: number; }; inline: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$7: typeof __VLS_export$7; export type GridProps = { /** * @property {number | ValueWithDeviceWidth} [column=24] * @version 0.0.0-beta */ column?: number | ValueWithDeviceWidth; /** * @property {number | { x?: number; y?: number } | Value4DeviceWidth} [gutter=0] * @version 0.0.0-beta */ gutter?: number | { x?: number; y?: number; } | ValueWithDeviceWidth; }; declare var __VLS_1$3: {}; type __VLS_Slots$5 = {} & { default?: (props: typeof __VLS_1$3) => any; }; declare const __VLS_base$5: import("vue").DefineComponent & Readonly<{}>, { gutter: number | { x?: number; y?: number; } | ValueWithDeviceWidth; column: number | ValueWithDeviceWidth; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$8: __VLS_WithSlots$5; declare const _default$8: typeof __VLS_export$8; type __VLS_WithSlots$5 = T & { new (): { $slots: S; }; }; export type GridItemProps = { /** * @property {number | ValueWithDeviceWidth} [offset=0] * @version 0.0.0-beta */ offset?: number | ValueWithDeviceWidth; /** * @property {number | ValueWithDeviceWidth} [span] * @version 0.0.0-beta */ span?: number | ValueWithDeviceWidth; }; declare var __VLS_1$4: {}; type __VLS_Slots$6 = {} & { default?: (props: typeof __VLS_1$4) => any; }; declare const __VLS_base$6: import("vue").DefineComponent & Readonly<{}>, { offset: number | ValueWithDeviceWidth; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$9: __VLS_WithSlots$6; declare const _default$9: typeof __VLS_export$9; type __VLS_WithSlots$6 = T & { new (): { $slots: S; }; }; export type ContainerProps = { /** * @property {'horizontal' | 'vertical'} [direction] * @version 0.0.0-beta */ direction?: "horizontal" | "vertical"; }; declare var __VLS_1$5: {}; type __VLS_Slots$7 = {} & { default?: (props: typeof __VLS_1$5) => any; }; declare const __VLS_base$7: import("vue").DefineComponent & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$10: __VLS_WithSlots$7; declare const _default$10: typeof __VLS_export$10; type __VLS_WithSlots$7 = T & { new (): { $slots: S; }; }; export type MainProps = { /** * @property {boolean} [soft=false] * @version 0.0.3 */ soft?: boolean; }; declare var __VLS_1$6: {}; type __VLS_Slots$8 = {} & { default?: (props: typeof __VLS_1$6) => any; }; declare const __VLS_base$8: import("vue").DefineComponent & Readonly<{}>, { soft: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$11: __VLS_WithSlots$8; declare const _default$11: typeof __VLS_export$11; type __VLS_WithSlots$8 = T & { new (): { $slots: S; }; }; export type AsideProps = { /** * @property {string | number} [width=300] * @version 0.0.0-beta */ width?: string | number; /** * @property {boolean} [bordered=false] * @version 0.0.0-beta */ bordered?: boolean; /** * @property {'left' | 'right'} [side='left'] * @version 0.0.0-beta */ side?: "left" | "right"; /** * @property {boolean} [dark=false] * @version 0.0.0-beta */ dark?: boolean; }; declare var __VLS_1$7: {}; type __VLS_Slots$9 = {} & { default?: (props: typeof __VLS_1$7) => any; }; declare const __VLS_base$9: import("vue").DefineComponent & Readonly<{}>, { dark: boolean; bordered: boolean; side: "left" | "right"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$12: __VLS_WithSlots$9; declare const _default$12: typeof __VLS_export$12; type __VLS_WithSlots$9 = T & { new (): { $slots: S; }; }; export type HeaderProps = { /** * @property {string | number} [minHeight=64] * @version 0.0.0-beta */ minHeight?: string | number; /** * @property {boolean} [bordered=false] * @version 0.0.0-beta */ bordered?: boolean; /** * @property {boolean} [dark=false] * @version 0.0.0-beta */ dark?: boolean; }; declare var __VLS_1$8: {}; type __VLS_Slots$10 = {} & { default?: (props: typeof __VLS_1$8) => any; }; declare const __VLS_base$10: import("vue").DefineComponent & Readonly<{}>, { dark: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$13: __VLS_WithSlots$10; declare const _default$13: typeof __VLS_export$13; type __VLS_WithSlots$10 = T & { new (): { $slots: S; }; }; export type FooterProps = { /** * @property {string | number} [minHeight=64] * @version 0.0.0-beta */ minHeight?: string | number; /** * @property {boolean} [bordered=false] * @version 0.0.0-beta */ bordered?: boolean; /** * @property {boolean} [dark=false] * @version 0.0.0-beta */ dark?: boolean; }; declare var __VLS_1$9: {}; type __VLS_Slots$11 = {} & { default?: (props: typeof __VLS_1$9) => any; }; declare const __VLS_base$11: import("vue").DefineComponent & Readonly<{}>, { dark: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$14: __VLS_WithSlots$11; declare const _default$14: typeof __VLS_export$14; type __VLS_WithSlots$11 = T & { new (): { $slots: S; }; }; export declare const setThemeColor: (theme: "primary" | "success" | "warning" | "danger" | "sakura" | "neutral", color: string | { light?: string[]; dark?: string[]; }) => void; export declare const resetThemeColor: (theme: "primary" | "success" | "warning" | "danger" | "sakura" | "neutral") => void; export declare const setPixelSize: (size: number, dynamicComponentSize?: boolean) => void; export declare const resetPixelSize: () => void; export type Theme = "light" | "dark" | "unset"; export declare function useThemeMode(defaultTheme?: Theme): readonly [ import("vue").Ref, () => void, () => void, () => void ]; export type IconProps = { /** * @property {number | string} [size='1em'] * @version 0.0.0-beta */ size?: number | string; /** * @property {string} [color='currentColor'] * @version 0.0.0-beta */ color?: string; /** * @property {number} [rotate=0] * @version 0.0.0-beta */ rotate?: number; /** * @property {boolean} [spin=false] * @version 0.0.0-beta */ spin?: boolean; /** * @property {'horizontal' | 'vertical' | 'both' | 'none'} [flip='none'] * @version 0.0.0-beta */ flip?: "horizontal" | "vertical" | "both" | "none"; }; declare var __VLS_1$10: {}; type __VLS_Slots$12 = {} & { default?: (props: typeof __VLS_1$10) => any; }; declare const __VLS_base$12: import("vue").DefineComponent & Readonly<{}>, { size: number | string; color: string; rotate: number; spin: boolean; flip: "horizontal" | "vertical" | "both" | "none"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$15: __VLS_WithSlots$12; declare const _default$15: typeof __VLS_export$15; type __VLS_WithSlots$12 = T & { new (): { $slots: S; }; }; export type InputProps = { /** * @property {string | null} [modelValue] * @version 0.0.2 */ modelValue?: string | null; /** * @property {string | null} [defaultValue] * @version 0.0.2 */ defaultValue?: string | null; /** * @property {string} [placeholder] * @version 0.0.2 */ placeholder?: string; /** * @property {boolean} [password=false] * @version 0.0.2 */ password?: boolean; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.2 */ readonly?: boolean; /** * @property {boolean} [clearable=false] * @version 0.0.2 */ clearable?: boolean; /** * @property {boolean} [loading=false] * @version 0.0.2 */ loading?: boolean; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small"; /** * @property {'rect' | 'round'} [shape='rect'] * @version 0.0.3 */ shape?: "rect" | "round" | "default"; /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.2 */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {number} [maxLength] * @version 0.0.2 */ maxLength?: number; /** * @property {boolean} [showCount=false] * @version 0.0.2 */ showCount?: boolean; /** * @property {(value: string) => number} [countGraphemes] * @version 0.0.2 */ countGraphemes?: (value: string) => number; /** * @property {(value: string, limit: number) => string} [sliceGraphemes] * @version 0.0.2 */ sliceGraphemes?: (value: string, limit: number) => string; /** * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal'] * @version 0.0.2 */ status?: "success" | "warning" | "error" | "normal"; /** * @property {boolean} [autofocus=false] * @version 0.0.2 */ autofocus?: boolean; /** * @property {'text' | 'password' | 'email' | 'tel' | 'url' | 'search'} [nativeType='text'] * @version 0.0.2 */ nativeType?: "text" | "password" | "email" | "tel" | "url" | "search"; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; export type InputExpose = { /** * @property {() => void} focus * @version 0.0.2 */ focus: () => void; /** * @property {() => void} blur * @version 0.0.2 */ blur: () => void; /** * @property {() => void} clear * @version 0.0.2 */ clear: () => void; /** * @property {() => void} select * @version 0.0.2 */ select: () => void; }; declare var __VLS_1$11: {}, __VLS_24: { value: string | import("parsnip-kit").Nullish; count: number; maxLength: number | undefined; }, __VLS_31: {}; type __VLS_Slots$13 = {} & { prefix?: (props: typeof __VLS_1$11) => any; } & { count?: (props: typeof __VLS_24) => any; } & { suffix?: (props: typeof __VLS_31) => any; }; declare const __VLS_base$13: import("vue").DefineComponent any; change: (value: string, e?: Event | undefined) => any; blur: (e: FocusEvent) => any; input: (value: string, e: Event) => any; focus: (e: FocusEvent) => any; "update:modelValue": (value: string) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClear?: ((value: string) => any) | undefined; onChange?: ((value: string, e?: Event | undefined) => any) | undefined; onBlur?: ((e: FocusEvent) => any) | undefined; onInput?: ((value: string, e: Event) => any) | undefined; onFocus?: ((e: FocusEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: string) => any) | undefined; }>, { disabled: boolean; readonly: boolean; loading: boolean; password: boolean; clearable: boolean; showCount: boolean; status: "success" | "warning" | "error" | "normal"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$16: __VLS_WithSlots$13; declare const _default$16: typeof __VLS_export$16; type __VLS_WithSlots$13 = T & { new (): { $slots: S; }; }; export type InputNumberProps = { /** * @property {string | null} [modelValue] * @version 0.0.2 */ modelValue?: number | null; /** * @property {string | null} [defaultValue] * @version 0.0.2 */ defaultValue?: number | null; /** * @property {string} [placeholder] * @version 0.0.2 */ placeholder?: string; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.2 */ readonly?: boolean; /** * @property {number} [max=Number.MAX_SAFE_INTEGER] * @version 0.0.2 */ max?: number; /** * @property {number} [min=Number.MIN_SAFE_INTEGER] * @version 0.0.2 */ min?: number; /** * @property {number} [step=1] * @version 0.0.2 */ step?: number; /** * @property {number} [precision] * @version 0.0.2 */ precision?: number; /** * @property {boolean} [strickStep=false] * @version 0.0.2 */ strickStep?: boolean; /** * @property {(value: number | Nullish) => string} [format] * @version 0.0.2 */ format?: (value: number | Nullish) => string; /** * @property {(value: string) => boolean} [allowInput] * @version 0.0.2 */ allowInput?: (value: string) => boolean; /** * @property {(value: string) => number} [parse] * @version 0.0.2 */ parse?: (value: string) => number; /** * @property {boolean} [clearable=false] * @version 0.0.2 */ clearable?: boolean; /** * @property {boolean} [loading=false] * @version 0.0.2 */ loading?: boolean; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small"; /** * @property {'rect' | 'round'} [shape='rect'] * @version 0.0.3 */ shape?: "rect" | "round" | "default"; /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.2 */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {boolean} [buttonPlacement='end'] * @version 0.0.2 */ buttonPlacement?: "start" | "end" | "both" | "start-reverse" | "end-reverse" | "both-reverse"; /** * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal'] * @version 0.0.2 */ status?: "success" | "warning" | "error" | "normal"; /** * @property {boolean} [autofocus=false] * @version 0.0.2 */ autofocus?: boolean; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; export type InputNumberExpose = { /** * @property {() => void} focus * @version 0.0.2 */ focus: () => void; /** * @property {() => void} blur * @version 0.0.2 */ blur: () => void; /** * @property {() => void} clear * @version 0.0.2 */ clear: () => void; /** * @property {() => void} select * @version 0.0.2 */ select: () => void; }; declare var __VLS_1$12: {}, __VLS_55: {}; type __VLS_Slots$14 = {} & { prefix?: (props: typeof __VLS_1$12) => any; } & { suffix?: (props: typeof __VLS_55) => any; }; declare const __VLS_base$14: import("vue").DefineComponent any; change: (value: number, e?: Event | undefined) => any; blur: (e: FocusEvent) => any; input: (value: number, e: Event) => any; focus: (e: FocusEvent) => any; "update:modelValue": (value: number) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClear?: ((value: number) => any) | undefined; onChange?: ((value: number, e?: Event | undefined) => any) | undefined; onBlur?: ((e: FocusEvent) => any) | undefined; onInput?: ((value: number, e: Event) => any) | undefined; onFocus?: ((e: FocusEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: number) => any) | undefined; }>, { disabled: boolean; readonly: boolean; loading: boolean; clearable: boolean; status: "success" | "warning" | "error" | "normal"; max: number; min: number; step: number; strickStep: boolean; buttonPlacement: "start" | "end" | "both" | "start-reverse" | "end-reverse" | "both-reverse"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$17: __VLS_WithSlots$14; declare const _default$17: typeof __VLS_export$17; type __VLS_WithSlots$14 = T & { new (): { $slots: S; }; }; export type TextareaProps = { /** * @property {string | null} [modelValue] * @version 0.0.2 */ modelValue?: string | null; /** * @property {string | null} [defaultValue] * @version 0.0.2 */ defaultValue?: string | null; /** * @property {number} [rows] * @version 0.0.2 */ rows?: number; /** * @property {number} [minRows=1] * @version 0.0.2 */ minRows?: number; /** * @property {number} [maxRows=Infinity] * @version 0.0.2 */ maxRows?: number; /** * @property {boolean} [autoResize=false] * @version 0.0.2 */ autoResize?: boolean; /** * @property {boolean} [resize=true] * @version 0.0.2 */ resize?: boolean; /** * @property {string} [placeholder] * @version 0.0.2 */ placeholder?: string; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.2 */ readonly?: boolean; /** * @property {boolean} [clearable=false] * @version 0.0.2 */ clearable?: boolean; /** * @property {boolean} [loading=false] * @version 0.0.2 */ loading?: boolean; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small"; /** * @property {number} [maxLength] * @version 0.0.2 */ maxLength?: number; /** * @property {boolean} [showCount=false] * @version 0.0.2 */ showCount?: boolean; /** * @property {(value: string) => number} [countGraphemes] * @version 0.0.2 */ countGraphemes?: (value: string) => number; /** * @property {(value: string, limit: number) => string} [sliceGraphemes] * @version 0.0.2 */ sliceGraphemes?: (value: string, limit: number) => string; /** * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal'] * @version 0.0.2 */ status?: "success" | "warning" | "error" | "normal"; /** * @property {boolean} [autofocus=false] * @version 0.0.2 */ autofocus?: boolean; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; export type TextareaExpose = { /** * @property {() => void} focus * @version 0.0.2 */ focus: () => void; /** * @property {() => void} blur * @version 0.0.2 */ blur: () => void; /** * @property {() => void} clear * @version 0.0.2 */ clear: () => void; /** * @property {() => void} select * @version 0.0.2 */ select: () => void; }; declare var __VLS_8$2: { value: string | Nullish; count: number; maxLength: number | undefined; }; type __VLS_Slots$15 = {} & { count?: (props: typeof __VLS_8$2) => any; }; declare const __VLS_base$15: import("vue").DefineComponent any; change: (value: string, e?: Event | undefined) => any; blur: (e: FocusEvent) => any; input: (value: string, e: Event) => any; focus: (e: FocusEvent) => any; "update:modelValue": (value: string) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClear?: ((value: string) => any) | undefined; onChange?: ((value: string, e?: Event | undefined) => any) | undefined; onBlur?: ((e: FocusEvent) => any) | undefined; onInput?: ((value: string, e: Event) => any) | undefined; onFocus?: ((e: FocusEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: string) => any) | undefined; }>, { disabled: boolean; readonly: boolean; resize: boolean; loading: boolean; clearable: boolean; showCount: boolean; status: "success" | "warning" | "error" | "normal"; minRows: number; maxRows: number; autoResize: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$18: __VLS_WithSlots$15; declare const _default$18: typeof __VLS_export$18; type __VLS_WithSlots$15 = T & { new (): { $slots: S; }; }; export type TagProps = { /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.2 */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {'rect' | 'round'} [shape='rect'] * @version 0.0.3 */ shape?: "rect" | "round" | "default"; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small"; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {'primary' | 'plain' | 'outline'} [variant='primary'] * @version 0.0.2 */ variant?: "primary" | "plain" | "outline"; /** * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info' | 'notice'} [theme='primary'] * @version 0.0.2 */ theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "info" | "notice"; /** * @property {string} [color] * @version 0.0.2 */ color?: string; /** * @property {boolean} [closable] * @version 0.0.2 */ closable?: boolean; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; /** * @property {number} [closeTabindex=0] * @ignore * @version 0.1.0 */ closeTabindex?: number; }; export type TagEvents = { /** * @event close * @version 0.0.2 * @param {MouseEvent} e */ close: [ e: MouseEvent ]; }; declare var __VLS_1$13: {}; type __VLS_Slots$16 = {} & { default?: (props: typeof __VLS_1$13) => any; }; declare const __VLS_base$16: import("vue").DefineComponent any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClose?: ((e: MouseEvent) => any) | undefined; }>, { size: "medium" | "large" | "small"; variant: "primary" | "plain" | "outline"; theme: "primary" | "sakura" | "success" | "warning" | "danger" | "info" | "notice"; disabled: boolean; shape: "rect" | "round" | "default"; closeTabindex: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$19: __VLS_WithSlots$16; declare const _default$19: typeof __VLS_export$19; type __VLS_WithSlots$16 = T & { new (): { $slots: S; }; }; export type InputGroupProps = { /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.2 */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {'rect' | 'round'} [shape='rect'] * @version 0.0.3 */ shape?: "rect" | "round" | "default"; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small"; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.3 */ readonly?: boolean; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$14: {}; type __VLS_Slots$17 = {} & { default?: (props: typeof __VLS_1$14) => any; }; declare const __VLS_base$17: import("vue").DefineComponent & Readonly<{}>, { disabled: boolean; readonly: boolean; shape: "rect" | "round" | "default"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$20: __VLS_WithSlots$17; declare const _default$20: typeof __VLS_export$20; type __VLS_WithSlots$17 = T & { new (): { $slots: S; }; }; export type InputGroupLabelProps = { /** * @property {string} [backgroundColor] * @version 0.0.2 */ backgroundColor?: string; /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.2 */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {'rect' | 'round'} [shape='rect'] * @version 0.0.3 */ shape?: "rect" | "round" | "default"; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small"; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$15: {}; type __VLS_Slots$18 = {} & { default?: (props: typeof __VLS_1$15) => any; }; declare const __VLS_base$18: import("vue").DefineComponent & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$21: __VLS_WithSlots$18; declare const _default$21: typeof __VLS_export$21; type __VLS_WithSlots$18 = T & { new (): { $slots: S; }; }; export type PopoverProps = { /** * @property {string} [content] * @version 0.0.2 */ content?: string; /** * @property {boolean | null} [visible] * @version 0.0.2 */ visible?: boolean | null; /** * @property {boolean | null} [defaultVisible] * @version 0.0.2 */ defaultVisible?: boolean | null; /** * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'} [placement='top'] * @version 0.0.2 */ placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; /** * @property {'hover' | 'click'} [trigger='hover'] * @version 0.0.2 */ trigger?: "hover" | "click"; /** * @property {number} [offset=8] * @version 0.0.2 */ offset?: number; /** * @property {'dark' | 'light'} [variant='light'] * @version 0.0.2 */ variant?: "dark" | "light"; /** * @property {boolean} [arrow=true] * @version 0.0.2 */ arrow?: boolean; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {number} [zIndex] * @version 0.0.2 */ zIndex?: number; /** * @property { HTMLElement | string} [root='body'] * @version 0.0.2 */ root?: HTMLElement | string; /** * @property {boolean} [widthEqual=false] * @version 0.0.2 */ widthEqual?: boolean; /** * @property {CSSProperties} [contentStyle] * @version 0.0.2 */ contentStyle?: CSSProperties; /** * @property {boolean} [destroyOnHide=false] * @version 0.0.3 */ destroyOnHide?: boolean; /** * @property {number} [borderRadius] * @version 0.1.0 */ borderRadius?: number; /** * @property {number} [animationDuration=250] * @version 0.1.5 */ animationDuration?: number; /** * @property {boolean} [cascade=false] * @version 0.1.0 */ cascade?: boolean; }; export type PopoverEvents = { /** * @event update:visible * @param {boolean} value * @version 0.0.2 */ "update:visible": [ value: boolean ]; /** * @event close * @param {MouseEvent} e * @version 0.0.2 */ close: [ e?: MouseEvent | TouchEvent ]; /** * @event open * @param {MouseEvent} e * @version 0.0.2 */ open: [ e: MouseEvent ]; }; export type InputTagProps = { /** * @property {string[] | null} [modelValue] * @version 0.0.2 */ modelValue?: string[] | null; /** * @property {string[] | null} [defaultValue] * @version 0.0.2 */ defaultValue?: string[] | null; /** * @property {string | null} [inputValue] * @version 0.0.2 */ inputValue?: string | null; /** * @property {string | null} [defaultInputValue] * @version 0.0.2 */ defaultInputValue?: string | null; /** * @property {string} [placeholder] * @version 0.0.2 */ placeholder?: string; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.2 */ readonly?: boolean; /** * @property {boolean} [clearable=false] * @version 0.0.2 */ clearable?: boolean; /** * @property {boolean} [loading=false] * @version 0.0.2 */ loading?: boolean; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small"; /** * @property {'rect' | 'round'} [shape='rect'] * @version 0.0.3 */ shape?: "rect" | "round" | "default"; /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.2 */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {number} [maxLength] * @version 0.0.2 */ maxLength?: number; /** * @property {boolean} [collapseTags=false] * @version 0.0.2 */ collapseTags?: boolean; /** * @property {number} [collapseTags] * @version 0.0.2 */ maxDisplayTags?: number; /** * @property {boolean} [collapseTagsPopover=true] * @version 0.0.2 */ collapseTagsPopover?: boolean; /** * @property {Omit & EmitEvent & RestAttrs} [tagProps] * @version 0.0.3 */ tagProps?: Omit & EmitEvent & RestAttrs; /** * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal'] * @version 0.0.2 */ status?: "success" | "warning" | "error" | "normal"; /** * @property {boolean} [autofocus=false] * @version 0.0.2 */ autofocus?: boolean; /** * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [tagTheme='info'] * @version 0.0.2 */ tagTheme?: TagProps["theme"]; /** * @property {'primary' | 'plain' | 'outline'} [tagVariant='plain'] * @version 0.0.2 */ tagVariant?: TagProps["variant"]; /** * @property {string} [tagColor] * @version 0.0.2 */ tagColor?: TagProps["color"]; /** * @property {Omit & EmitEvent} [popoverProps] * @version 0.0.3 */ popoverProps?: Omit & EmitEvent; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; export type InputTagExpose = { /** * @property {() => void} focus * @version 0.0.2 */ focus: () => void; /** * @property {() => void} blur * @version 0.0.2 */ blur: () => void; /** * @property {() => void} clear * @version 0.0.2 */ clear: () => void; }; declare var __VLS_1$16: {}, __VLS_11: { tag: string; index: number; }, __VLS_19: { tag: string; index: number; }, __VLS_33: { tag: string; index: number; }, __VLS_44: { tag: string; index: number; }, __VLS_58: {}; type __VLS_Slots$19 = {} & { prefix?: (props: typeof __VLS_1$16) => any; } & { tag?: (props: typeof __VLS_11) => any; } & { tag?: (props: typeof __VLS_19) => any; } & { tag?: (props: typeof __VLS_33) => any; } & { tag?: (props: typeof __VLS_44) => any; } & { suffix?: (props: typeof __VLS_58) => any; }; declare const __VLS_base$19: import("vue").DefineComponent any; change: (value: string[]) => any; blur: (e: FocusEvent) => any; input: (value: string, e: Event) => any; focus: (e: FocusEvent) => any; "update:modelValue": (value: string[]) => any; tagAdd: (value: string, e: KeyboardEvent) => any; tagClose: (value: string, index: number, e: MouseEvent) => any; "update:inputValue": (value: string) => any; inputChange: (value: string, e?: Event | undefined) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClear?: ((value: string[]) => any) | undefined; onChange?: ((value: string[]) => any) | undefined; onBlur?: ((e: FocusEvent) => any) | undefined; onInput?: ((value: string, e: Event) => any) | undefined; onFocus?: ((e: FocusEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: string[]) => any) | undefined; onTagAdd?: ((value: string, e: KeyboardEvent) => any) | undefined; onTagClose?: ((value: string, index: number, e: MouseEvent) => any) | undefined; "onUpdate:inputValue"?: ((value: string) => any) | undefined; onInputChange?: ((value: string, e?: Event | undefined) => any) | undefined; }>, { disabled: boolean; readonly: boolean; loading: boolean; clearable: boolean; status: "success" | "warning" | "error" | "normal"; collapseTags: boolean; collapseTagsPopover: boolean; tagTheme: "primary" | "sakura" | "success" | "warning" | "danger" | "info" | "notice"; tagVariant: "primary" | "plain" | "outline"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$22: __VLS_WithSlots$19; declare const _default$22: typeof __VLS_export$22; type __VLS_WithSlots$19 = T & { new (): { $slots: S; }; }; export type TooltipProps = { /** * @property {string} [content] * @version 0.0.2 */ content?: string; /** * @property {boolean | null} [visible] * @version 0.0.2 */ visible?: boolean | null; /** * @property {boolean | null} [defaultVisible] * @version 0.0.2 */ defaultVisible?: boolean | null; /** * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'} [placement='top'] * @version 0.0.2 */ placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; /** * @property {'hover' | 'click'} [trigger='hover'] * @version 0.0.2 */ trigger?: "hover" | "click"; /** * @property {number} [offset=8] * @version 0.0.2 */ offset?: number; /** * @property {'dark' | 'light'} [variant='dark'] * @version 0.0.2 */ variant?: "dark" | "light"; /** * @property {boolean} [arrow=true] * @version 0.0.2 */ arrow?: boolean; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {number} [zIndex] * @version 0.0.2 */ zIndex?: number; /** * @property { HTMLElement | string} [root='body'] * @version 0.0.2 */ root?: HTMLElement | string; /** * @property {boolean} [destroyOnHide=false] * @version 0.0.3 */ destroyOnHide?: boolean; /** * @property {number} [borderRadius] * @version 0.1.0 */ borderRadius?: number; /** * @property {number} [animationDuration=250] * @version 0.1.5 */ animationDuration?: number; /** * @property {boolean} [cascade=false] * @version 0.1.0 */ cascade?: boolean; }; export type TooltipEvents = { /** * @event update:visible * @param {boolean} value * @version 0.0.2 */ "update:visible": [ value: boolean ]; /** * @event close * @param {MouseEvent} e * @version 0.0.2 */ close: [ e?: MouseEvent | TouchEvent ]; /** * @event open * @param {MouseEvent} e * @version 0.0.2 */ open: [ e: MouseEvent ]; }; export type PopupContentProps = { content?: string; visible?: boolean | null; defaultVisible?: boolean | null; placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; offset?: number; variant?: "dark" | "light"; arrow?: boolean; zIndex?: number; target?: HTMLElement | VNode | null; root?: HTMLElement | string; borderRadius?: number; widthEqual?: boolean; contentStyle?: CSSProperties; destroyOnHide?: boolean; /** * @property {number} [animationDuration=250] * @version 0.1.5 */ animationDuration?: number; }; declare const __VLS_export$23: import("vue").DefineComponent any) | undefined; readonly onContentMouseleave?: ((e: MouseEvent) => any) | undefined; readonly onContentMousedown?: ((e: MouseEvent) => any) | undefined; } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("vue").Slot | undefined; }>; $root: import("vue").ComponentPublicInstance | null; $parent: import("vue").ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "contentMouseenter", e: MouseEvent) => void) & ((event: "contentMouseleave", e: MouseEvent) => void) & ((event: "contentMousedown", e: MouseEvent) => void); $el: any; $options: import("vue").ComponentOptionsBase & Readonly<{ onContentMouseenter?: ((e: MouseEvent) => any) | undefined; onContentMouseleave?: ((e: MouseEvent) => any) | undefined; onContentMousedown?: ((e: MouseEvent) => any) | undefined; }>, { updateRenderState: () => void; content: import("vue").ShallowRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { contentMouseenter: (e: MouseEvent) => any; contentMouseleave: (e: MouseEvent) => any; contentMousedown: (e: MouseEvent) => any; }, string, { variant: "dark" | "light"; placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; root: HTMLElement | string; offset: number; visible: boolean | null; arrow: boolean; widthEqual: boolean; destroyOnHide: boolean; animationDuration: number; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; 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)[]; }; $forceUpdate: () => void; $nextTick: typeof import("vue").nextTick; $watch any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [ R, R, ((cleanupFn: () => void) => void) ]) => any : (...args: [ any, any, ((cleanupFn: () => void) => void) ]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle; } & Readonly<{ variant: "dark" | "light"; placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; root: HTMLElement | string; offset: number; visible: boolean | null; arrow: boolean; widthEqual: boolean; destroyOnHide: boolean; animationDuration: number; }> & Omit & Readonly<{ onContentMouseenter?: ((e: MouseEvent) => any) | undefined; onContentMouseleave?: ((e: MouseEvent) => any) | undefined; onContentMousedown?: ((e: MouseEvent) => any) | undefined; }>, "content" | "updateRenderState" | ("variant" | "placement" | "root" | "offset" | "visible" | "arrow" | "widthEqual" | "destroyOnHide" | "animationDuration")> & import("vue").ShallowUnwrapRef<{ updateRenderState: () => void; content: import("vue").ShallowRef; }> & {} & import("vue").ComponentCustomProperties & {} & { $slots: { content?: (props: {}) => any; }; }) | undefined; updateRenderState(): void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { close: (e?: MouseEvent | TouchEvent | undefined) => any; open: (e: MouseEvent) => any; "update:visible": (value: boolean) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClose?: ((e?: MouseEvent | TouchEvent | undefined) => any) | undefined; onOpen?: ((e: MouseEvent) => any) | undefined; "onUpdate:visible"?: ((value: boolean) => any) | undefined; }>, { variant: "dark" | "light"; placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; root: HTMLElement | string; offset: number; visible: boolean | null; defaultVisible: boolean | null; trigger: "hover" | "click"; arrow: boolean; destroyOnHide: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$23: typeof __VLS_export$23; declare const __VLS_export$24: import("vue").DefineComponent any) | undefined; readonly onContentMouseleave?: ((e: MouseEvent) => any) | undefined; readonly onContentMousedown?: ((e: MouseEvent) => any) | undefined; } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("vue").Slot | undefined; }>; $root: import("vue").ComponentPublicInstance | null; $parent: import("vue").ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "contentMouseenter", e: MouseEvent) => void) & ((event: "contentMouseleave", e: MouseEvent) => void) & ((event: "contentMousedown", e: MouseEvent) => void); $el: any; $options: import("vue").ComponentOptionsBase & Readonly<{ onContentMouseenter?: ((e: MouseEvent) => any) | undefined; onContentMouseleave?: ((e: MouseEvent) => any) | undefined; onContentMousedown?: ((e: MouseEvent) => any) | undefined; }>, { updateRenderState: () => void; content: import("vue").ShallowRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { contentMouseenter: (e: MouseEvent) => any; contentMouseleave: (e: MouseEvent) => any; contentMousedown: (e: MouseEvent) => any; }, string, { variant: "dark" | "light"; placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; root: HTMLElement | string; offset: number; visible: boolean | null; arrow: boolean; widthEqual: boolean; destroyOnHide: boolean; animationDuration: number; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; 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)[]; }; $forceUpdate: () => void; $nextTick: typeof import("vue").nextTick; $watch any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [ R, R, ((cleanupFn: () => void) => void) ]) => any : (...args: [ any, any, ((cleanupFn: () => void) => void) ]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle; } & Readonly<{ variant: "dark" | "light"; placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; root: HTMLElement | string; offset: number; visible: boolean | null; arrow: boolean; widthEqual: boolean; destroyOnHide: boolean; animationDuration: number; }> & Omit & Readonly<{ onContentMouseenter?: ((e: MouseEvent) => any) | undefined; onContentMouseleave?: ((e: MouseEvent) => any) | undefined; onContentMousedown?: ((e: MouseEvent) => any) | undefined; }>, "content" | "updateRenderState" | ("variant" | "placement" | "root" | "offset" | "visible" | "arrow" | "widthEqual" | "destroyOnHide" | "animationDuration")> & import("vue").ShallowUnwrapRef<{ updateRenderState: () => void; content: import("vue").ShallowRef; }> & {} & import("vue").ComponentCustomProperties & {} & { $slots: { content?: (props: {}) => any; }; }) | undefined; updateRenderState(): void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { close: (e?: MouseEvent | TouchEvent | undefined) => any; open: (e: MouseEvent) => any; "update:visible": (value: boolean) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClose?: ((e?: MouseEvent | TouchEvent | undefined) => any) | undefined; onOpen?: ((e: MouseEvent) => any) | undefined; "onUpdate:visible"?: ((value: boolean) => any) | undefined; }>, { variant: "dark" | "light"; placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; root: HTMLElement | string; offset: number; visible: boolean | null; defaultVisible: boolean | null; trigger: "hover" | "click"; arrow: boolean; widthEqual: boolean; destroyOnHide: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$24: typeof __VLS_export$24; export type EmptyProps = { /** * @property {string} [description='No Data'] * @version 0.0.2 */ description?: string; }; declare var __VLS_1$17: {}, __VLS_8$3: {}; type __VLS_Slots$20 = {} & { image?: (props: typeof __VLS_1$17) => any; } & { description?: (props: typeof __VLS_8$3) => any; }; declare const __VLS_base$20: import("vue").DefineComponent & Readonly<{}>, { description: string; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$25: __VLS_WithSlots$20; declare const _default$25: typeof __VLS_export$25; type __VLS_WithSlots$20 = T & { new (): { $slots: S; }; }; export type VirtualListProps = { /** * @property {{ render: ValidContent; key?: string | number | symbol }[]} [list] * @version 0.0.3 */ list?: { render: ValidContent; key?: string | number | symbol; }[]; /** * @property {boolean} [fixedHeight=false] * @version 0.0.3 */ fixedHeight?: boolean; /** * @property {number} [estimatedHeight=28] * @version 0.0.3 */ estimatedHeight?: number; /** * @property {number} [buffer=10] * @version 0.0.3 */ buffer?: number; }; export interface OptionListOption extends Option$1 { disabled?: boolean; key?: string | number | symbol; } export interface OptionListGroupOption extends GroupOption { label: string; key: string | number | symbol; children: (OptionListOption | string)[]; } export interface AutoCompleteOption extends OptionListOption { } export interface AutoCompleteGroupOption extends OptionListGroupOption { children: (AutoCompleteOption | string)[]; } export type AutoCompleteProps = { /** * @property {string | null} [modelValue] * @version 0.0.2 */ modelValue?: string | null; /** * @property {string | null} [defaultValue] * @version 0.0.2 */ defaultValue?: string | null; /** * @property {string} [options] * @version 0.0.2 */ options?: (string | AutoCompleteOption | AutoCompleteGroupOption)[]; /** * @property {string} [placeholder] * @version 0.0.2 */ placeholder?: string; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.2 */ readonly?: boolean; /** * @property {boolean} [clearable=false] * @version 0.0.2 */ clearable?: boolean; /** * @property {boolean} [loading=false] * @version 0.0.2 */ loading?: boolean; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small"; /** * @property {'rect' | 'round'} [shape='rect'] * @version 0.0.3 */ shape?: "rect" | "round" | "default"; /** * @property {boolean} [showPopoverEmpty=false] * @version 0.0.2 */ showPopoverEmpty?: boolean; /** * @property {(value: string, optionsFiltered: (string | AutoCompleteOption | AutoCompleteGroupOption)[]) => boolean} [shouldShowPopover] * @version 0.0.2 */ shouldShowPopover?: (value: string, optionsFiltered: (string | AutoCompleteOption | AutoCompleteGroupOption)[]) => boolean; /** * @property {(keyword: string, options: (string | AutoCompleteOption | AutoCompleteGroupOption)[]) => (string | AutoCompleteOption | AutoCompleteGroupOption)[]} [filter] * @version 0.0.2 */ filter?: (keyword: string, options: (string | AutoCompleteOption | AutoCompleteGroupOption)[]) => (string | AutoCompleteOption | AutoCompleteGroupOption)[]; /** * @property {boolean} [append=false] * @version 0.0.2 */ append?: boolean; /** * @property {boolean} [virtualScroll=false] * @version 0.0.3 */ virtualScroll?: boolean; /** * @property {Omit & RestAttrs} [virtualListProps] * @version 0.0.3 */ virtualListProps?: Omit & RestAttrs; /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.2 */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal'] * @version 0.0.2 */ status?: "success" | "warning" | "error" | "normal"; /** * @property {boolean} [autofocus=false] * @version 0.0.2 */ autofocus?: boolean; /** * @property {boolean} [optionsDestroyOnHide=false] * @version 0.0.3 */ optionsDestroyOnHide?: boolean; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; export type AutoCompleteExpose = { /** * @property {() => void} focus * @version 0.0.2 */ focus: () => void; /** * @property {() => void} blur * @version 0.0.2 */ blur: () => void; /** * @property {() => void} clear * @version 0.0.2 */ clear: () => void; /** * @property {() => void} select * @version 0.0.2 */ select: () => void; }; declare const __VLS_export$26: import("vue").DefineComponent any; change: (value: string, e?: Event | undefined) => any; blur: (e: FocusEvent) => any; input: (value: string, e: Event) => any; focus: (e: FocusEvent) => any; select: (value: string, option: string | AutoCompleteOption, e: MouseEvent) => any; "update:modelValue": (value: string) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClear?: ((value: string) => any) | undefined; onChange?: ((value: string, e?: Event | undefined) => any) | undefined; onBlur?: ((e: FocusEvent) => any) | undefined; onInput?: ((value: string, e: Event) => any) | undefined; onFocus?: ((e: FocusEvent) => any) | undefined; onSelect?: ((value: string, option: string | AutoCompleteOption, e: MouseEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: string) => any) | undefined; }>, { disabled: boolean; readonly: boolean; loading: boolean; clearable: boolean; status: "success" | "warning" | "error" | "normal"; options: (string | AutoCompleteOption | AutoCompleteGroupOption)[]; virtualScroll: boolean; showPopoverEmpty: boolean; append: boolean; optionsDestroyOnHide: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$26: typeof __VLS_export$26; export type MaskProps = { /** * @property {string} [color] * @version 0.0.2 */ color?: string; /** * @property {number} [step=1] * @version 0.0.2 */ step?: number; /** * @property {number} [lineWidth=2] * @version 0.0.2 */ lineWidth?: number; /** * @property {boolean} [grid=true] * @version 0.0.2 */ grid?: boolean; /** * @property {number} [zIndex=20] * @version 0.0.2 */ zIndex?: number; }; declare const __VLS_export$27: import("vue").DefineComponent & Readonly<{}>, { zIndex: number; step: number; grid: boolean; lineWidth: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$27: typeof __VLS_export$27; export type SpinProps = { /** * @property {boolean} [loading] * @version 0.0.2 */ loading?: boolean; /** * @property {'medium' | 'large' | 'small' | number} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small" | number; /** * @property {Omit & RestAttrs} [maskProps] * @version 0.0.3 */ maskProps?: Omit & RestAttrs; /** * @property {number} [zIndex=20] * @version 0.0.2 */ zIndex?: number; /** * @property {string} [maskColor] * @version 0.0.2 */ maskColor?: string; /** * @property {number} [maskStep=1] * @version 0.0.2 */ maskStep?: number; /** * @property {number} [maskLineWidth=2] * @version 0.0.2 */ maskLineWidth?: number; /** * @property {boolean} [maskGrid=true] * @version 0.0.2 */ maskGrid?: boolean; }; declare var __VLS_1$18: {}, __VLS_8$4: {}, __VLS_15: {}; type __VLS_Slots$21 = {} & { default?: (props: typeof __VLS_1$18) => any; } & { icon?: (props: typeof __VLS_8$4) => any; } & { description?: (props: typeof __VLS_15) => any; }; declare const __VLS_base$21: import("vue").DefineComponent & Readonly<{}>, { size: "medium" | "large" | "small" | number; loading: boolean; zIndex: number; maskStep: number; maskLineWidth: number; maskGrid: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$28: __VLS_WithSlots$21; declare const _default$28: typeof __VLS_export$28; type __VLS_WithSlots$21 = T & { new (): { $slots: S; }; }; export interface SelectOption extends OptionListOption { } export interface SelectGroupOption extends OptionListGroupOption { children: (SelectOption | string)[]; } export type SelectProps = { /** * @property {any} [modelValue] * @version 0.0.2 */ modelValue?: any; /** * @property {any} [defaultValue] * @version 0.0.2 */ defaultValue?: any; /** * @property {string} [options] * @version 0.0.2 */ options?: (string | SelectOption | SelectGroupOption)[]; /** * @property {string} [placeholder] * @version 0.0.2 */ placeholder?: string; /** * @property {boolean} [disabled=false] * @version 0.0.2 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.2 */ readonly?: boolean; /** * @property {boolean} [clearable=false] * @version 0.0.2 */ clearable?: boolean; /** * @property {boolean} [multiple=false] * @version 0.0.2 */ multiple?: boolean; /** * @property {boolean} [loading=false] * @version 0.0.2 */ loading?: boolean; /** * @property {string | null} [inputValue] * @version 0.0.2 */ inputValue?: string | null; /** * @property {string | null} [defaultInputValue] * @version 0.0.2 */ defaultInputValue?: string | null; /** * @property {boolean} [filterable=false] * @version 0.0.2 */ filterable?: boolean; /** * @property {(value: string, optionsFiltered: (string | SelectOption | SelectGroupOption)[]) => boolean} [shouldShowPopover] * @version 0.0.2 */ shouldShowPopover?: (value: string, optionsFiltered: (string | SelectOption | SelectGroupOption)[]) => boolean; /** * @property {(keyword: string, options: (string | SelectOption | SelectGroupOption)[]) => (string | SelectOption | SelectGroupOption)[]} [filter] * @version 0.0.2 */ filter?: (keyword: string, options: (string | SelectOption | SelectGroupOption)[]) => (string | SelectOption | SelectGroupOption)[]; /** * @property {boolean} [creatable=false] * @version 0.0.2 */ creatable?: boolean; /** * @property {boolean} [collapseTags=false] * @version 0.0.2 */ collapseTags?: boolean; /** * @property {number} [maxDisplayTags] * @version 0.0.2 */ maxDisplayTags?: number; /** * @property {boolean} [collapseTagsPopover=true] * @version 0.0.2 */ collapseTagsPopover?: boolean; /** * @property {boolean} [virtualScroll=false] * @version 0.0.3 */ virtualScroll?: boolean; /** * @property {Omit & RestAttrs} [virtualListProps] * @version 0.0.3 */ virtualListProps?: Omit & RestAttrs; /** * @property {Omit & EmitEvent & RestAttrs} [tagProps] * @version 0.0.3 */ tagProps?: Omit & EmitEvent & RestAttrs; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.2 */ size?: "medium" | "large" | "small"; /** * @property {'rect' | 'round'} [shape='rect'] * @version 0.0.3 */ shape?: "rect" | "round" | "default"; /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.0.2 */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal'] * @version 0.0.2 */ status?: "success" | "warning" | "error" | "normal"; /** * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [tagTheme='info'] * @version 0.0.2 */ tagTheme?: TagProps["theme"]; /** * @property {'primary' | 'plain' | 'outline'} [tagVariant='plain'] * @version 0.0.2 */ tagVariant?: TagProps["variant"]; /** * @property {string} [tagColor] * @version 0.0.2 */ tagColor?: TagProps["color"]; /** * @property {Omit & EmitEvent} [popoverProps] * @version 0.0.3 */ popoverProps?: Omit & EmitEvent; /** * @property {boolean} [optionsDestroyOnHide=false] * @version 0.0.3 */ optionsDestroyOnHide?: boolean; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; export type SelectExpose = { /** * @property {() => void} focus * @version 0.0.2 */ focus: () => void; /** * @property {() => void} blur * @version 0.0.2 */ blur: () => void; /** * @property {() => void} clear * @version 0.0.2 */ clear: () => void; }; declare const __VLS_export$29: import("vue").DefineComponent any; change: (value: any) => any; blur: (event: FocusEvent) => any; input: (value: string, e: Event) => any; focus: (event: FocusEvent) => any; select: (value: any, option: string | SelectOption, e: MouseEvent) => any; "update:modelValue": (value: any) => any; tagClose: (value: any, e: MouseEvent) => any; "update:inputValue": (value: string) => any; inputChange: (value: string, e?: Event | undefined) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClear?: ((value: any) => any) | undefined; onChange?: ((value: any) => any) | undefined; onBlur?: ((event: FocusEvent) => any) | undefined; onInput?: ((value: string, e: Event) => any) | undefined; onFocus?: ((event: FocusEvent) => any) | undefined; onSelect?: ((value: any, option: string | SelectOption, e: MouseEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: any) => any) | undefined; onTagClose?: ((value: any, e: MouseEvent) => any) | undefined; "onUpdate:inputValue"?: ((value: string) => any) | undefined; onInputChange?: ((value: string, e?: Event | undefined) => any) | undefined; }>, { disabled: boolean; readonly: boolean; loading: boolean; clearable: boolean; status: "success" | "warning" | "error" | "normal"; options: (string | SelectOption | SelectGroupOption)[]; multiple: boolean; collapseTags: boolean; collapseTagsPopover: boolean; tagTheme: "primary" | "sakura" | "success" | "warning" | "danger" | "info" | "notice"; tagVariant: "primary" | "plain" | "outline"; virtualScroll: boolean; optionsDestroyOnHide: boolean; filterable: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$29: typeof __VLS_export$29; declare const __VLS_export$30: import("vue").DefineComponent & Readonly<{}>, { list: { render: ValidContent; key?: string | number | symbol; }[]; fixedHeight: boolean; estimatedHeight: number; buffer: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$30: typeof __VLS_export$30; export type PopupPortalProps = { root?: HTMLElement | string; }; export type PopupWrapperProps = { visible?: boolean | null; zIndex?: number; closeDelay?: number; position?: "absolute" | "fixed"; destroyOnHide?: boolean; preventDocumentScroll?: boolean; escToClose?: boolean; }; export type ImageProps = { /** * @property {string} [src] * @version 0.0.3 */ src?: string; /** * @property {string} [srcset] * @version 0.0.3 */ srcset?: string; /** * @property {string} [alt] * @version 0.0.3 */ alt?: string; /** * @property {'fill' | 'contain' | 'cover' | 'none' | 'scale-down'} [objectFit='fill'] * @version 0.0.3 */ objectFit?: "fill" | "contain" | "cover" | "none" | "scale-down"; /** * @property {'eager' | 'lazy'} [loading='eager'] * @version 0.0.3 */ loading?: "eager" | "lazy"; /** * @property {boolean} [lazy=false] * @version 0.0.3 */ lazy?: boolean; /** * @property {HTMLElement | string} [root] * @version 0.0.3 */ root?: HTMLElement | string; /** * @property {number | [number, number]} [rootMargin=[100, 200]] * @version 0.0.3 */ rootMargin?: number | [ number, number ] | { x?: number; y?: number; }; /** * @property {boolean} [previewable=false] * @version 0.0.3 */ previewable?: boolean; /** * @property {Omit} [maskProps] * @version 0.0.3 */ maskProps?: Omit; /** * @property {{ zIndex?: number, root?: HTMLElement | string, destroyOnHide?: boolean }} [popupWrapperProps] * @version 0.0.3 */ popupWrapperProps?: Pick & PopupPortalProps; /** * @property {{ maxWidth?: number, maxHeight?: number, margin?: number}} [popupWrapperProps={ margin: 32, maxWidth: Infinity, maxHeight: Infinity }] * @version 0.0.3 */ zoomOptions?: { maxWidth?: number; maxHeight?: number; margin?: number; }; /** * @property {string} [referrerpolicy='no-referrer'] * @version 0.0.3 */ referrerpolicy?: string; /** * @property {'anonymous' | 'use-credentials' | ''} [crossorigin=''] * @version 0.0.3 */ crossorigin?: "anonymous" | "use-credentials" | ""; /** * @property {boolean} [previewDestroyOnHide=false] * @version 0.1.0 */ previewDestroyOnHide?: boolean; }; declare var __VLS_1$19: {}, __VLS_3: {}; type __VLS_Slots$22 = {} & { placeholder?: (props: typeof __VLS_1$19) => any; } & { error?: (props: typeof __VLS_3) => any; }; declare const __VLS_base$22: import("vue").DefineComponent any; close: (event: MouseEvent) => any; load: (img: HTMLImageElement, event: Event) => any; loading: (img: HTMLImageElement) => any; preview: (event: MouseEvent) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onError?: ((img: HTMLImageElement, error: string | Event) => any) | undefined; onClose?: ((event: MouseEvent) => any) | undefined; onLoad?: ((img: HTMLImageElement, event: Event) => any) | undefined; onLoading?: ((img: HTMLImageElement) => any) | undefined; onPreview?: ((event: MouseEvent) => any) | undefined; }>, { loading: "eager" | "lazy"; objectFit: "fill" | "contain" | "cover" | "none" | "scale-down"; lazy: boolean; rootMargin: number | [ number, number ] | { x?: number; y?: number; }; previewable: boolean; referrerpolicy: string; crossorigin: "anonymous" | "use-credentials" | ""; previewDestroyOnHide: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$31: __VLS_WithSlots$22; declare const _default$31: typeof __VLS_export$31; type __VLS_WithSlots$22 = T & { new (): { $slots: S; }; }; export type AvatarProps = { /** * @property {'circle' | 'square''} [shape='circle'] * @version 0.0.3 */ shape?: "circle" | "square"; /** * @property {'medium' | 'large' | 'small' | number} [size='medium'] * @version 0.0.3 */ size?: "medium" | "large" | "small" | number; /** * @property {boolean} [bordered=false] * @version 0.0.3 */ bordered?: boolean; /** * @property {string} [backgroundColor] * @version 0.0.3 */ backgroundColor?: string; /** * @property {string} [borderColor] * @version 0.0.3 */ borderColor?: string; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$20: {}; type __VLS_Slots$23 = {} & { default?: (props: typeof __VLS_1$20) => any; }; declare const __VLS_base$23: import("vue").DefineComponent & Readonly<{}>, { bordered: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$32: __VLS_WithSlots$23; declare const _default$32: typeof __VLS_export$32; type __VLS_WithSlots$23 = T & { new (): { $slots: S; }; }; export type RuleLevel = "error" | "warning" | "success" | "normal"; export type FieldType = "number" | "string" | "boolean" | "array" | "dict" | "function" | "date"; export type RuleTrigger = "blur" | "change" | "input"; export type FormProps = { /** * @property {Record} [model] * @version 0.0.3 */ model?: Record; /** * @property {FormInstance} [form] * @version 0.0.3 */ form?: UseFormReturn; /** * @property {Record} [rules] * @version 0.0.3 */ rules?: Record; /** * @property {boolean} [enterSubmit=false] * @version 0.2.0 */ enterSubmit?: boolean; /** * @property {boolean} [disabled=false] * @version 0.0.3 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.3 */ readonly?: boolean; /** * @property {'small' | 'medium' | 'large'} [size='medium'] * @version 0.0.3 */ size?: "small" | "medium" | "large"; /** * @property {'left' | 'right' | 'top'} [labelAlign='right'] * @version 0.0.3 */ labelAlign?: "left" | "right" | "top"; /** * @property {boolean} [showAsterisk] * @version 0.0.3 */ showAsterisk?: boolean; /** * @property {'left' | 'right' | 'end'} [asteriskPlacement='left'] * @version 0.0.3 */ asteriskPlacement?: "left" | "right" | "end"; /** * @property {boolean} [labelAutoWidth=false] * @version 0.0.3 */ labelAutoWidth?: boolean; /** * @property {RowProps & RestAttrs} [rowProps] * @version 0.0.3 */ rowProps?: RowProps & RestAttrs; /** * @property {ColProps & RestAttrs} [labelProps] * @version 0.0.3 */ labelProps?: ColProps & RestAttrs; /** * @property {ColProps & RestAttrs} [contentProps] * @version 0.0.3 */ contentProps?: ColProps & RestAttrs; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; export interface UseFormReturn = Record> { /** * @property {Ref>} model * @version 0.0.3 */ model: Ref; /** * @property {(field?: string | string[]) => FormValidateResult} validate * @version 0.0.3 */ validate: (field?: string | string[]) => FormValidateResult; /** * @property {(field?: string | string[]) => void} reset * @version 0.0.3 */ reset: (field?: string | string[]) => void; /** * @property {(field?: string | string[]) => void} clearValidation * @version 0.0.3 */ clearValidation: (field?: string | string[]) => void; /** * @ignore */ register: (registerOptions: UseFormRegisterOptions) => void; } export type FormValidateResult = Promise<{ isValid: boolean; results: Record>; }>; export type FormExpose = { /** * @property {(field?: string | string[]) => FormValidateResult} validate * @version 0.0.3 */ validate: (field?: string | string[]) => FormValidateResult; /** * @property {(field?: string | string[]) => void} reset * @version 0.0.3 */ reset: (field?: string | string[]) => void; /** * @property {(field?: string | string[]) => void} clearValidation * @version 0.0.3 */ clearValidation: (field?: string | string[]) => void; }; export type RuleItem = { /** * @property {boolean} [required=false] * @version 0.0.3 */ required?: boolean; /** * @property {string} [message] * @version 0.0.3 */ message?: string; /** * @property {RuleTrigger | RuleTrigger[]} [trigger=['change', 'blur']] * @version 0.0.3 */ trigger?: RuleTrigger | RuleTrigger[]; /** * @property {FieldType | FieldType[]} [type] * @version 0.0.3 */ type?: FieldType | FieldType[]; /** * @property {number} [max] * @version 0.0.3 */ max?: number; /** * @property {number} [min] * @version 0.0.3 */ min?: number; /** * @property {number} [maxLength] * @version 0.0.3 */ maxLength?: number; /** * @property {number} [minLength] * @version 0.0.3 */ minLength?: number; /** * @property {boolean} [email=false] * @version 0.0.3 */ email?: boolean; /** * @property {boolean} [url=false] * @version 0.0.3 */ url?: boolean; /** * @property {boolean} [numberString=false] * @version 0.0.3 */ numberString?: boolean; /** * @property {RuleLevel} [level='error'] * @version 0.0.3 */ level?: RuleLevel; /** * @property {(value: any, model: Record) => string | void | Promise} [validator] * @version 0.0.3 */ validator?: (value: any, model: Record) => string | void | Promise; }; export type UseFormRegisterOptions = { validate: (field?: string | string[]) => FormValidateResult; clearValidation: (field?: string | string[]) => void; }; declare var __VLS_1$21: {}; type __VLS_Slots$24 = {} & { default?: (props: typeof __VLS_1$21) => any; }; declare const __VLS_base$24: import("vue").DefineComponent, event: SubmitEvent) => any; reset: (form: Record, event: Event) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onSubmit?: ((form: Record, event: SubmitEvent) => any) | undefined; onReset?: ((form: Record, event: Event) => any) | undefined; }>, { size: "small" | "medium" | "large"; disabled: boolean; readonly: boolean; labelAlign: "left" | "right" | "top"; showAsterisk: boolean; asteriskPlacement: "left" | "right" | "end"; labelAutoWidth: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$33: __VLS_WithSlots$24; declare const _default$33: typeof __VLS_export$33; type __VLS_WithSlots$24 = T & { new (): { $slots: S; }; }; export type FormItemProps = { /** * @property {string} [field] * @version 0.0.3 */ field?: string; /** * @property {string} [label] * @version 0.0.3 */ label?: string; /** * @property {RuleItem | RuleItem[]} [rule] * @version 0.0.3 */ rule?: RuleItem | RuleItem[]; /** * @property {boolean} [disabled] * @version 0.0.3 */ disabled?: boolean; /** * @property {boolean} [readonly] * @version 0.0.3 */ readonly?: boolean; /** * @property {'left' | 'right' | 'top'} [labelAlign] * @version 0.0.3 */ labelAlign?: "left" | "right" | "top"; /** * @property {boolean} [showAsterisk] * @version 0.0.3 */ showAsterisk?: boolean; /** * @property {'left' | 'right' | 'end'} [asteriskPlacement] * @version 0.0.3 */ asteriskPlacement?: "left" | "right" | "end"; /** * @property {RowProps & RestAttrs} [rowProps] * @version 0.0.3 */ rowProps?: RowProps & RestAttrs; /** * @property {ColProps & RestAttrs} [labelProps] * @version 0.0.3 */ labelProps?: ColProps & RestAttrs; /** * @property {ColProps & RestAttrs} [contentProps] * @version 0.0.3 */ contentProps?: ColProps & RestAttrs; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_14: {}, __VLS_22: {}, __VLS_24$1: { message: string; level: RuleLevel; }, __VLS_26: {}; type __VLS_Slots$25 = {} & { label?: (props: typeof __VLS_14) => any; } & { default?: (props: typeof __VLS_22) => any; } & { tip?: (props: typeof __VLS_24$1) => any; } & { extra?: (props: typeof __VLS_26) => any; }; declare const __VLS_base$25: import("vue").DefineComponent Promise<{ message: string; level: RuleLevel; }>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly & Readonly<{}>, { disabled: boolean; readonly: boolean; labelAlign: "left" | "right" | "top"; showAsterisk: boolean; asteriskPlacement: "left" | "right" | "end"; rowProps: RowProps & RestAttrs; labelProps: ColProps & RestAttrs; contentProps: ColProps & RestAttrs; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$34: __VLS_WithSlots$25; declare const _default$34: typeof __VLS_export$34; type __VLS_WithSlots$25 = T & { new (): { $slots: S; }; }; export interface PixelateOptions { palette?: string[]; background?: string; } export declare function pixelateImage(imageSource: HTMLImageElement | string, pixelSize: number, options?: PixelateOptions, onProgress?: (progress: number) => void): Promise; export declare function imageDataToDataURL(imageData: ImageData): string; export type SwitchProps = { /** * @property {boolean | null} [modelValue=undefined] * @version 0.0.3 */ modelValue?: boolean | null; /** * @property {boolean | null} [defaultValue=undefined] * @version 0.0.3 */ defaultValue?: boolean | null; /** * @property {'round' | 'rect'} [shape='round'] * @version 0.0.3 */ shape?: "round" | "rect" | "default"; /** * @property {'small' | 'medium' | 'large'} [size='medium'] * @version 0.0.3 */ size?: "small" | "medium" | "large"; /** * @property {boolean} [readonly=false] * @version 0.0.3 */ readonly?: boolean; /** * @property {boolean} [disabled=false] * @version 0.0.3 */ disabled?: boolean; /** * @property {boolean} [loading=false] * @version 0.0.3 */ loading?: boolean; /** * @property {string} [activeTip] * @version 0.0.3 */ activeTip?: string; /** * @property {string} [inactiveTip] * @version 0.0.3 */ inactiveTip?: string; /** * @property {string} [activeLabel] * @version 0.0.3 */ activeLabel?: string; /** * @property {string} [inactiveLabel] * @version 0.0.3 */ inactiveLabel?: string; /** * @property {string} [activeColor] * @version 0.0.3 */ activeColor?: string; /** * @property {string} [inactiveColor] * @version 0.0.3 */ inactiveColor?: string; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$22: {}, __VLS_3$1: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14$1: {}, __VLS_16: {}; type __VLS_Slots$26 = {} & { "inactive-label"?: (props: typeof __VLS_1$22) => any; } & { "active-tip"?: (props: typeof __VLS_3$1) => any; } & { "inactive-tip"?: (props: typeof __VLS_5) => any; } & { "active-icon"?: (props: typeof __VLS_12) => any; } & { "inactive-icon"?: (props: typeof __VLS_14$1) => any; } & { "active-label"?: (props: typeof __VLS_16) => any; }; declare const __VLS_base$26: import("vue").DefineComponent any; blur: (event: FocusEvent) => any; input: (value: boolean, event: InputEvent) => any; focus: (event: FocusEvent) => any; "update:modelValue": (value: boolean) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onChange?: ((value: boolean, event: Event) => any) | undefined; onBlur?: ((event: FocusEvent) => any) | undefined; onInput?: ((value: boolean, event: InputEvent) => any) | undefined; onFocus?: ((event: FocusEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }>, { disabled: boolean; readonly: boolean; shape: "round" | "rect" | "default"; loading: boolean; modelValue: boolean | null; defaultValue: boolean | null; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$35: __VLS_WithSlots$26; declare const _default$35: typeof __VLS_export$35; type __VLS_WithSlots$26 = T & { new (): { $slots: S; }; }; export type SliderProps = { /** * @property {number | [number, number] | null} [modelValue] * @version 0.0.3 */ modelValue?: number | [ number, number ] | null; /** * @property {number | [number, number] | null} [defaultValue] * @version 0.0.3 */ defaultValue?: number | [ number, number ] | null; /** * @property {number} [min=0] * @version 0.0.3 */ min?: number; /** * @property {number} [max=100] * @version 0.0.3 */ max?: number; /** * @property {boolean} [range=false] * @version 0.0.3 */ range?: boolean; /** * @property {boolean} [disabled=false] * @version 0.0.3 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.3 */ readonly?: boolean; /** * @property {number | 'mark'} [step=1] * @version 0.0.3 */ step?: number | "mark"; /** * @property {(number | { value: number; label?: string })[]} [marks] * @version 0.0.3 */ marks?: (number | { value: number; label?: string; })[]; /** * @property {'horizontal' | 'vertical'} [direction='horizontal'] * @version 0.0.3 */ direction?: "horizontal" | "vertical"; /** * @property {boolean} [reverse=false] * @version 0.0.3 */ reverse?: boolean; /** * @property {number | null} [precision=8] * @version 0.0.3 */ precision?: number | null; /** * @property {boolean} [tooltip=true] * @version 0.0.3 */ tooltip?: boolean; /** * @property {Omit & EmitEvent} [tooltipProps] * @version 0.0.3 */ tooltipProps?: Omit & EmitEvent; /** * @property {Omit & EmitEvent} [tooltipStartProps] * @version 0.0.3 */ tooltipStartProps?: Omit & EmitEvent; /** * @property {Omit & EmitEvent} [tooltipEndProps] * @version 0.0.3 */ tooltipEndProps?: Omit & EmitEvent; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$23: { value: number; label: string | undefined; }, __VLS_9: {}, __VLS_12$1: { value: number | null | undefined; }, __VLS_14$2: {}, __VLS_22$1: {}, __VLS_25: { value: number | null | undefined; }, __VLS_27: {}, __VLS_35: {}, __VLS_38: { value: number | null | undefined; }, __VLS_40: {}; type __VLS_Slots$27 = {} & { mark?: (props: typeof __VLS_1$23) => any; } & { thumb?: (props: typeof __VLS_9) => any; } & { "tooltip-content"?: (props: typeof __VLS_12$1) => any; } & { thumb?: (props: typeof __VLS_14$2) => any; } & { "thumb-start"?: (props: typeof __VLS_22$1) => any; } & { "tooltip-content"?: (props: typeof __VLS_25) => any; } & { "thumb-start"?: (props: typeof __VLS_27) => any; } & { "thumb-end"?: (props: typeof __VLS_35) => any; } & { "tooltip-content"?: (props: typeof __VLS_38) => any; } & { "thumb-end"?: (props: typeof __VLS_40) => any; }; declare const __VLS_base$27: import("vue").DefineComponent any; blur: (event: FocusEvent) => any; focus: (event: FocusEvent) => any; "update:modelValue": (value: number | [ number, number ]) => any; dragStart: (event: MouseEvent | TouchEvent) => any; dragEnd: (event: MouseEvent | TouchEvent) => any; markSelect: (value: number, event: MouseEvent) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onChange?: ((value: number | [ number, number ]) => any) | undefined; onBlur?: ((event: FocusEvent) => any) | undefined; onFocus?: ((event: FocusEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: number | [ number, number ]) => any) | undefined; onDragStart?: ((event: MouseEvent | TouchEvent) => any) | undefined; onDragEnd?: ((event: MouseEvent | TouchEvent) => any) | undefined; onMarkSelect?: ((value: number, event: MouseEvent) => any) | undefined; }>, { reverse: boolean; disabled: boolean; direction: "horizontal" | "vertical"; range: boolean; max: number; min: number; step: number | "mark"; precision: number | null; tooltip: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$36: __VLS_WithSlots$27; declare const _default$36: typeof __VLS_export$36; type __VLS_WithSlots$27 = T & { new (): { $slots: S; }; }; export type RadioProps = { /** * @property {boolean | null} [modelValue] * @version 0.0.3 */ modelValue?: boolean | null; /** * @property {boolean | null} [defaultValue] * @version 0.0.3 */ defaultValue?: boolean | null; /** * @property {'normal' | 'retro'} [variant='normal'] * @version 0.0.3 */ variant?: "normal" | "retro"; /** * @property {boolean} [disabled=false] * @version 0.0.3 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.3 */ readonly?: boolean; /** * @property {string} [label] * @version 0.0.3 */ label?: string; /** * @property {any} [value] * @version 0.0.3 */ value?: any; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.3 */ size?: "medium" | "large" | "small"; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$24: {}; type __VLS_Slots$28 = {} & { default?: (props: typeof __VLS_1$24) => any; }; declare const __VLS_base$28: import("vue").DefineComponent any; blur: (event: FocusEvent) => any; input: (value: boolean, event: InputEvent) => any; focus: (event: FocusEvent) => any; "update:modelValue": (value: boolean) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onChange?: ((value: boolean, event: Event) => any) | undefined; onBlur?: ((event: FocusEvent) => any) | undefined; onInput?: ((value: boolean, event: InputEvent) => any) | undefined; onFocus?: ((event: FocusEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }>, { disabled: boolean; readonly: boolean; modelValue: boolean | null; defaultValue: boolean | null; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$37: __VLS_WithSlots$28; declare const _default$37: typeof __VLS_export$37; type __VLS_WithSlots$28 = T & { new (): { $slots: S; }; }; export interface RadioGroupOption extends Option$1 { disabled?: boolean; key?: string | number | symbol; } export type RadioGroupProps = { /** * @property {any} [modelValue] * @version 0.0.3 */ modelValue?: any; /** * @property {any} [defaultValue] * @version 0.0.3 */ defaultValue?: any; /** * @property {'normal' | 'retro'} [variant] * @version 0.0.3 */ variant?: "normal" | "retro"; /** * @property {boolean} [disabled=false] * @version 0.0.3 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.3 */ readonly?: boolean; /** * @property {'horizontal' | 'vertical'} [direction='horizontal'] * @version 0.0.3 */ direction?: "horizontal" | "vertical"; /** * @property {(RadioGroupOption | string)[]} [options] * @version 0.0.3 */ options?: (RadioGroupOption | string)[]; /** * @property {'medium' | 'large' | 'small'} [size] * @version 0.0.3 */ size?: "medium" | "large" | "small"; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$25: {}; type __VLS_Slots$29 = {} & { default?: (props: typeof __VLS_1$25) => any; }; declare const __VLS_base$29: import("vue").DefineComponent any; "update:modelValue": (value: any) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onChange?: ((value: any) => any) | undefined; "onUpdate:modelValue"?: ((value: any) => any) | undefined; }>, { disabled: boolean; readonly: boolean; direction: "horizontal" | "vertical"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$38: __VLS_WithSlots$29; declare const _default$38: typeof __VLS_export$38; type __VLS_WithSlots$29 = T & { new (): { $slots: S; }; }; export type CheckboxProps = { /** * @property {boolean | null} [modelValue] * @version 0.0.3 */ modelValue?: boolean | null; /** * @property {boolean | null} [defaultValue] * @version 0.0.3 */ defaultValue?: boolean | null; /** * @property {boolean} [indeterminate=false] * @version 0.0.3 */ indeterminate?: boolean; /** * @property {boolean} [disabled=false] * @version 0.0.3 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.3 */ readonly?: boolean; /** * @property {'normal' | 'retro'} [variant='normal'] * @version 0.0.3 */ variant?: "normal" | "retro"; /** * @property {string} [label] * @version 0.0.3 */ label?: string; /** * @property {any} [value] * @version 0.0.3 */ value?: any; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.3 */ size?: "medium" | "large" | "small"; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_6$2: {}; type __VLS_Slots$30 = {} & { default?: (props: typeof __VLS_6$2) => any; }; declare const __VLS_base$30: import("vue").DefineComponent any; blur: (event: FocusEvent) => any; input: (value: boolean, event: InputEvent) => any; focus: (event: FocusEvent) => any; "update:modelValue": (value: boolean) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onChange?: ((value: boolean, event: Event) => any) | undefined; onBlur?: ((event: FocusEvent) => any) | undefined; onInput?: ((value: boolean, event: InputEvent) => any) | undefined; onFocus?: ((event: FocusEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }>, { disabled: boolean; readonly: boolean; modelValue: boolean | null; defaultValue: boolean | null; indeterminate: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$39: __VLS_WithSlots$30; declare const _default$39: typeof __VLS_export$39; type __VLS_WithSlots$30 = T & { new (): { $slots: S; }; }; export interface CheckboxGroupOption extends Option$1 { disabled?: boolean; key?: string | number | symbol; } export type CheckboxGroupProps = { /** * @property {any[] | null} [modelValue] * @version 0.0.3 */ modelValue?: any[] | null; /** * @property {any[] | null} [defaultValue] * @version 0.0.3 */ defaultValue?: any[] | null; /** * @property {boolean} [disabled=false] * @version 0.0.3 */ disabled?: boolean; /** * @property {boolean} [readonly=false] * @version 0.0.3 */ readonly?: boolean; /** * @property {'normal' | 'retro'} [variant] * @version 0.0.3 */ variant?: "normal" | "retro"; /** * @property {'horizontal' | 'vertical'} [direction='horizontal'] * @version 0.0.3 */ direction?: "horizontal" | "vertical"; /** * @property {(CheckboxGroupOption | string)[]} [options] * @version 0.0.3 */ options?: (CheckboxGroupOption | string)[]; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.0.3 */ size?: "medium" | "large" | "small"; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$26: {}; type __VLS_Slots$31 = {} & { default?: (props: typeof __VLS_1$26) => any; }; declare const __VLS_base$31: import("vue").DefineComponent any; "update:modelValue": (value: any[]) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onChange?: ((value: any[]) => any) | undefined; "onUpdate:modelValue"?: ((value: any[]) => any) | undefined; }>, { disabled: boolean; readonly: boolean; direction: "horizontal" | "vertical"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$40: __VLS_WithSlots$31; declare const _default$40: typeof __VLS_export$40; type __VLS_WithSlots$31 = T & { new (): { $slots: S; }; }; export type TextOutlineProps = { /** * @property {string} [color] * @version 0.0.3 */ color?: string; /** * @property {number | string} [outlineWidth=1] * @version 0.0.3 */ outlineWidth?: number | string; /** * @property {boolean} [autoPadding=true] * @version 0.0.3 */ autoPadding?: boolean; }; declare var __VLS_1$27: {}; type __VLS_Slots$32 = {} & { default?: (props: typeof __VLS_1$27) => any; }; declare const __VLS_base$32: import("vue").DefineComponent & Readonly<{}>, { color: string; outlineWidth: number | string; autoPadding: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$41: __VLS_WithSlots$32; declare const _default$41: typeof __VLS_export$41; type __VLS_WithSlots$32 = T & { new (): { $slots: S; }; }; export declare function useForm = Record>(options?: { initialValues?: T; }): UseFormReturn; export type DialogOptions = { /** * @property {ValidContent} content * @version 0.1.0 */ content: ValidContent; /** * @property {ValidContent} [title] * @version 0.1.0 */ title?: ValidContent; /** * @property {ValidVNodeContent} [icon] * @version 0.1.0 */ icon?: ValidVNodeContent; /** * @property {ValidVNodeContent} [footer] * @version 0.1.0 */ footer?: ValidVNodeContent; /** * @property {'info' | 'success' | 'warning' | 'error' | 'normal' | 'confirm' | 'notice'} [type='normal'] * @version 0.1.0 */ type?: "info" | "success" | "warning" | "error" | "normal" | "confirm" | "notice"; /** * @property {boolean} [closable=true] * @version 0.1.0 */ closable?: boolean; /** * @property {boolean} [mask=true] * @version 0.1.0 */ mask?: boolean; /** * @property {boolean} [maskClosable=true] * @version 0.1.0 */ maskClosable?: boolean; /** * @property {boolean} [escToClose=true] * @version 0.1.0 */ escToClose?: boolean; /** * @property {boolean} [showCancel] * @version 0.1.0 */ showCancel?: boolean; /** * @property {string} [okText] * @version 0.1.0 */ okText?: string; /** * @property {string} [cancelText] * @version 0.1.0 */ cancelText?: string; /** * @property {boolean} [showFooter=true] * @version 0.1.0 */ showFooter?: boolean; /** * @property {number} [zIndex] * @version 0.1.0 */ zIndex?: number; /** * @property {string | HTMLElement} [root='body'] * @version 0.1.0 */ root?: string | HTMLElement; /** * @property {ButtonProps & EmitEvent & RestAttrs} [okButtonProps] * @version 0.1.0 */ okButtonProps?: ButtonProps & EmitEvent & RestAttrs; /** * @property {ButtonProps & EmitEvent & RestAttrs} [cancelButtonProps] * @version 0.1.0 */ cancelButtonProps?: ButtonProps & EmitEvent & RestAttrs; /** * @property {Omit} [maskProps] * @version 0.1.0 */ maskProps?: Omit; /** * @property {RestAttrs} [containerProps] * @version 0.1.0 */ containerProps?: RestAttrs; /** * @property {RestAttrs} [headerProps] * @version 0.1.0 */ headerProps?: RestAttrs; /** * @property {RestAttrs} [bodyProps] * @version 0.1.0 */ bodyProps?: RestAttrs; /** * @property {RestAttrs} [footerProps] * @version 0.1.0 */ footerProps?: RestAttrs; }; export type DialogProps = { /** * @property {boolean | null} [visible] * @version 0.1.0 */ visible?: boolean | null; /** * @property {boolean | null} [visible] * @version 0.1.0 */ defaultVisible?: boolean | null; /** * @property {string} [title=''] * @version 0.1.0 */ title?: string; /** * @property {boolean} [closable=true] * @version 0.1.0 */ closable?: boolean; /** * @property {boolean} [mask=true] * @version 0.1.0 */ mask?: boolean; /** * @property {boolean} [maskClosable=true] * @version 0.1.0 */ maskClosable?: boolean; /** * @property {boolean} [escToClose=true] * @version 0.1.0 */ escToClose?: boolean; /** * @property {boolean} [showCancel=true] * @version 0.1.0 */ showCancel?: boolean; /** * @property {string} [okText] * @version 0.1.0 */ okText?: string; /** * @property {string} [cancelText] * @version 0.1.0 */ cancelText?: string; /** * @property {boolean} [boolean=false] * @version 0.1.0 */ loading?: boolean; /** * @property {boolean} [showFooter=true] * @version 0.1.0 */ showFooter?: boolean; /** * @property {string | HTMLElement} [root='body'] * @version 0.1.0 */ root?: string | HTMLElement; /** * @property {number} [zIndex] * @version 0.1.0 */ zIndex?: number; /** * @property {boolean} [destroyOnHide=false] * @version 0.1.0 */ destroyOnHide?: boolean; /** * @property {ButtonProps & EmitEvent & RestAttrs} [okButtonProps] * @version 0.1.0 */ okButtonProps?: ButtonProps & EmitEvent & RestAttrs; /** * @property {ButtonProps & EmitEvent & RestAttrs} [cancelButtonProps] * @version 0.1.0 */ cancelButtonProps?: ButtonProps & EmitEvent & RestAttrs; /** * @property {Omit} [maskProps] * @version 0.1.0 */ maskProps?: Omit; /** * @property {RestAttrs} [containerProps] * @version 0.1.0 */ containerProps?: RestAttrs; /** * @property {RestAttrs} [headerProps] * @version 0.1.0 */ headerProps?: RestAttrs; /** * @property {RestAttrs} [bodyProps] * @version 0.1.0 */ bodyProps?: RestAttrs; /** * @property {RestAttrs} [footerProps] * @version 0.1.0 */ footerProps?: RestAttrs; }; export type DialogEvents = { /** * @event update:visible * @version 0.1.0 */ "update:visible": [ visible: boolean ]; /** * @event beforeOk * @version 0.1.0 */ beforeOk: [ ]; /** * @event ok * @param {MouseEvent} event * @version 0.1.0 */ ok: [ event: MouseEvent ]; /** * @event cancel * @param {MouseEvent | KeyboardEvent} event * @version 0.1.0 */ cancel: [ event: MouseEvent | KeyboardEvent ]; /** * @event open * @version 0.1.0 */ open: [ ]; /** * @event afterOpen * @version 0.1.0 */ afterOpen: [ ]; /** * @event close * @version 0.1.0 */ close: [ ]; /** * @event afterClose * @version 0.1.0 */ afterClose: [ ]; }; export type DialogExpose = { /** * @property {() => void} close * @version 0.1.0 */ close: () => void; /** * @property {() => void} open * @version 0.1.0 */ open: () => void; }; export type DialogReturn = Promise & { close: () => void; }; type __VLS_Props$1 = DialogProps & { onBeforeOk?: () => Promise | boolean | void; }; declare var __VLS_12$2: {}, __VLS_15$1: {}, __VLS_18: {}, __VLS_21: {}; type __VLS_Slots$33 = {} & { title?: (props: typeof __VLS_12$2) => any; } & { icon?: (props: typeof __VLS_15$1) => any; } & { default?: (props: typeof __VLS_18) => any; } & { footer?: (props: typeof __VLS_21) => any; }; declare const __VLS_base$33: import("vue").DefineComponent<__VLS_Props$1, DialogExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { cancel: (event: MouseEvent | KeyboardEvent) => any; close: () => any; open: () => any; "update:visible": (visible: boolean) => any; beforeOk: () => any; ok: (event: MouseEvent) => any; afterOpen: () => any; afterClose: () => any; }, string, import("vue").PublicProps, Readonly<__VLS_Props$1> & Readonly<{ onCancel?: ((event: MouseEvent | KeyboardEvent) => any) | undefined; onClose?: (() => any) | undefined; onOpen?: (() => any) | undefined; "onUpdate:visible"?: ((visible: boolean) => any) | undefined; onBeforeOk?: (() => any) | undefined; onOk?: ((event: MouseEvent) => any) | undefined; onAfterOpen?: (() => any) | undefined; onAfterClose?: (() => any) | undefined; }>, { loading: boolean; title: string; mask: boolean; closable: boolean; visible: boolean | null; defaultVisible: boolean | null; destroyOnHide: boolean; escToClose: boolean; maskClosable: boolean; showCancel: boolean; showFooter: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$42: __VLS_WithSlots$33; declare const _default$42: typeof __VLS_export$42; type __VLS_WithSlots$33 = T & { new (): { $slots: S; }; }; declare const _default$43: typeof _default$42 & { [key in DialogOptions["type"] & string]: (options: (Omit & Omit, "update:visible">) | string) => DialogReturn; }; declare const _default$44: { dialog: { confirm: string; cancel: string; infoTitle: string; successTitle: string; warningTitle: string; errorTitle: string; confirmTitle: string; }; popconfirm: { confirm: string; cancel: string; }; table: { filterReset: string; filterConfirm: string; }; pagination: { total: (total: number) => string; goto: string; perPage: string; }; }; export type DeepPartial = { [K in keyof T]?: T[K] extends object ? DeepPartial : T[K]; }; export type Events = { "lang-change": string; }; export type LangMessages = typeof _default$44; declare class LocaleManager { private currentLang; private emitter; constructor(); getCurrentLang(): string; setLocale(lang: string): void; addMessages(lang: string, msg: DeepPartial): void; t(path: string, fallback?: string): T | string; getMessages(lang: string): LangMessages; getEmitter(): Emitter; } declare const localeManager: LocaleManager; export type AlertProps = { /** * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius] * @version 0.1.0 */ borderRadius?: NumberOrPercentage | NumberOrPercentage[]; /** * @property {'rect' | 'round'} [shape='rect'] * @version 0.1.0 */ shape?: "rect" | "round"; /** * @property {'primary' | 'plain'} [variant='plain'] * @version 0.1.0 */ variant?: "primary" | "plain"; /** * @property {'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal' | 'sakura' | 'notice'} [type='primary'] * @version 0.1.0 */ type?: "info" | "success" | "warning" | "error" | "loading" | "normal" | "sakura" | "notice"; /** * @property {'start' | 'center' | 'end'} [textAlign='start'] * @version 0.1.0 */ textAlign?: "start" | "center" | "end"; /** * @property {string} [title] * @version 0.1.0 */ title?: string; /** * @property {string} [color] * @version 0.1.0 */ color?: string; /** * @property {boolean} [closable=false] * @version 0.1.0 */ closable?: boolean; /** * @property {'start' | 'text-leading'} [iconPlacement='text-leading'] * @version 0.1.0 */ iconPlacement?: "start" | "text-leading"; /** * @property {boolean} [showIcon='true'] * @version 0.1.0 */ showIcon?: boolean; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$28: {}, __VLS_28: {}, __VLS_30: {}; type __VLS_Slots$34 = {} & { icon?: (props: typeof __VLS_1$28) => any; } & { title?: (props: typeof __VLS_28) => any; } & { default?: (props: typeof __VLS_30) => any; }; declare const __VLS_base$34: import("vue").DefineComponent any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClose?: ((e: MouseEvent) => any) | undefined; }>, { type: "info" | "success" | "warning" | "error" | "loading" | "normal" | "sakura" | "notice"; variant: "primary" | "plain"; shape: "rect" | "round"; closable: boolean; textAlign: "start" | "center" | "end"; iconPlacement: "start" | "text-leading"; showIcon: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$43: __VLS_WithSlots$34; declare const _default$45: typeof __VLS_export$43; type __VLS_WithSlots$34 = T & { new (): { $slots: S; }; }; export type ProgressProps = { /** * @property {number} [percentage=0] * @version 0.1.0 */ percentage?: number; /** * @property {'solid' | 'checkered'} [variant='solid'] * @version 0.1.0 */ variant?: "solid" | "checkered"; /** * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'notice'} [theme='primary'] * @version 0.1.0 */ theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "notice"; /** * @property {'medium' | 'large' | 'small'} [size='medium'] * @version 0.1.0 */ size?: "medium" | "large" | "small" | number; /** * @property {number} [gap=2] * @version 0.1.0 */ gap?: number; /** * @property {'inside' | 'outside'} [indicatorPlacement='inside'] * @version 0.1.0 */ indicatorPlacement?: "inside" | "outside"; /** * @property {string} [color] * @version 0.1.0 */ color?: string; /** * @property {string} [color] * @version 0.1.0 */ trackColor?: string; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$29: { percentage: number; }, __VLS_3$2: { percentage: number; }, __VLS_5$1: { percentage: number; }; type __VLS_Slots$35 = {} & { prepend?: (props: typeof __VLS_1$29) => any; } & { indicator?: (props: typeof __VLS_3$2) => any; } & { append?: (props: typeof __VLS_5$1) => any; }; declare const __VLS_base$35: import("vue").DefineComponent & Readonly<{}>, { size: "medium" | "large" | "small" | number; variant: "solid" | "checkered"; theme: "primary" | "sakura" | "success" | "warning" | "danger" | "notice"; pollSizeChange: boolean; gap: number; percentage: number; indicatorPlacement: "inside" | "outside"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$44: __VLS_WithSlots$35; declare const _default$46: typeof __VLS_export$44; type __VLS_WithSlots$35 = T & { new (): { $slots: S; }; }; export type PopconfirmProps = { /** * @property {string} [content] * @version 0.1.0 */ content?: string; /** * @property {boolean | null} [visible] * @version 0.1.0 */ visible?: boolean | null; /** * @property {boolean | null} [defaultVisible] * @version 0.1.0 */ defaultVisible?: boolean | null; /** * @property {boolean} [loading=false] * @version 0.1.0 */ loading?: boolean; /** * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'} [placement='top'] * @version 0.1.0 */ placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; /** * @property {string} [okText] * @version 0.1.0 */ okText?: string; /** * @property {string} [cancelText] * @version 0.1.0 */ cancelText?: string; /** * @property {boolean} [showIcon=true] * @version 0.1.0 */ showIcon?: boolean; /** * @property {boolean} [showCancel=true] * @version 0.1.0 */ showCancel?: boolean; /** * @property {boolean} [showFooter=true] * @version 0.1.0 */ showFooter?: boolean; /** * @property {number} [offset=8] * @version 0.1.0 */ offset?: number; /** * @property {'dark' | 'light'} [variant='light'] * @version 0.1.0 */ variant?: "dark" | "light"; /** * @property {boolean} [arrow=true] * @version 0.1.0 */ arrow?: boolean; /** * @property {boolean} [disabled=false] * @version 0.1.0 */ disabled?: boolean; /** * @property {number} [zIndex] * @version 0.1.0 */ zIndex?: number; /** * @property {number} [animationDuration=250] * @version 0.1.5 */ animationDuration?: number; /** * @property { HTMLElement | string} [root='body'] * @version 0.1.0 */ root?: HTMLElement | string; /** * @property {boolean} [destroyOnHide=false] * @version 0.1.0 */ destroyOnHide?: boolean; /** * @property {Omit & EmitEvent} [popoverProps] * @version 0.1.0 */ popoverProps?: Omit & EmitEvent; /** * @property {ButtonProps & EmitEvent & RestAttrs} [okButtonProps] * @version 0.1.0 */ okButtonProps?: ButtonProps & EmitEvent & RestAttrs; /** * @property {ButtonProps & EmitEvent & RestAttrs} [cancelButtonProps] * @version 0.1.0 */ cancelButtonProps?: ButtonProps & EmitEvent & RestAttrs; /** * @property {RestAttrs} [containerProps] * @version 0.1.0 */ containerProps?: RestAttrs; /** * @property {RestAttrs} [contentProps] * @version 0.1.0 */ contentProps?: RestAttrs; /** * @property {RestAttrs} [footerProps] * @version 0.1.0 */ footerProps?: RestAttrs; }; export type PopconfirmExpose = { /** * @property {() => void} open * @version 0.1.0 */ open: () => void; /** * @property {() => void} close * @version 0.1.0 */ close: () => void; /** * @ignore */ updateRenderState: () => void; /** * @ignore */ triggerContent: any; }; type __VLS_Props$2 = PopconfirmProps & { onBeforeOk?: () => Promise | boolean | void; }; declare const __VLS_export$45: import("vue").DefineComponent<__VLS_Props$2, PopconfirmExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { cancel: (event: MouseEvent | KeyboardEvent) => any; close: (e: MouseEvent | TouchEvent) => any; open: (e: MouseEvent) => any; "update:visible": (value: boolean) => any; ok: (event: MouseEvent) => any; }, string, import("vue").PublicProps, Readonly<__VLS_Props$2> & Readonly<{ onCancel?: ((event: MouseEvent | KeyboardEvent) => any) | undefined; onClose?: ((e: MouseEvent | TouchEvent) => any) | undefined; onOpen?: ((e: MouseEvent) => any) | undefined; "onUpdate:visible"?: ((value: boolean) => any) | undefined; onOk?: ((event: MouseEvent) => any) | undefined; }>, { variant: "dark" | "light"; loading: boolean; placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; root: HTMLElement | string; offset: number; visible: boolean | null; defaultVisible: boolean | null; arrow: boolean; destroyOnHide: boolean; showCancel: boolean; showFooter: boolean; showIcon: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$47: typeof __VLS_export$45; export type BadgeProps = { /** * @property {number | string} [value=''] * @version 0.1.0 */ value?: number | string; /** * @property {number} [max] * @version 0.1.0 */ max?: number; /** * @property {boolean} [dot=false] * @version 0.1.0 */ dot?: boolean; /** * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'notice'} [theme='danger'] * @version 0.1.0 */ theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "notice"; /** * @property {boolean} [visible=true] * @version 0.1.0 */ visible?: boolean; /** * @property {number | [number, number] | { x?: number; y?: number }} [offset=0] * @version 0.1.0 */ offset?: number | [ number, number ] | { x?: number; y?: number; }; /** * @property {string} [color] * @version 0.1.0 */ color?: string; /** * @property {string} [borderColor] * @version 0.1.0 */ borderColor?: string; /** * @property {RestAttrs} [contentProps] * @version 0.1.0 */ contentProps?: RestAttrs; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; declare var __VLS_1$30: {}, __VLS_3$3: {}; type __VLS_Slots$36 = {} & { default?: (props: typeof __VLS_1$30) => any; } & { content?: (props: typeof __VLS_3$3) => any; }; declare const __VLS_base$36: import("vue").DefineComponent & Readonly<{}>, { value: number | string; theme: "primary" | "sakura" | "success" | "warning" | "danger" | "notice"; pollSizeChange: boolean; offset: number | [ number, number ] | { x?: number; y?: number; }; visible: boolean; dot: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$46: __VLS_WithSlots$36; declare const _default$48: typeof __VLS_export$46; type __VLS_WithSlots$36 = T & { new (): { $slots: S; }; }; export type BackTopProps = { /** * @property {HTMLElement | string | Window} [root=Window] * @version 0.1.0 */ root?: HTMLElement | string | Window; /** * @property {number} [visibilityHeight=200] * @version 0.1.0 */ visibilityHeight?: number; /** * @property {number} [right=40] * @version 0.1.0 */ right?: number; /** * @property {number} [bottom=40] * @version 0.1.0 */ bottom?: number; /** * @property {number} [zIndex=1000] * @version 0.1.0 */ zIndex?: number; /** * @property {ButtonProps & EmitEvent & RestAttrs} [buttonProps] * @version 0.1.0 */ buttonProps?: ButtonProps & EmitEvent & RestAttrs; }; declare var __VLS_1$31: {}, __VLS_9$1: {}; type __VLS_Slots$37 = {} & { trigger?: (props: typeof __VLS_1$31) => any; } & { icon?: (props: typeof __VLS_9$1) => any; }; declare const __VLS_base$37: import("vue").DefineComponent & Readonly<{}>, { right: number; bottom: number; zIndex: number; visibilityHeight: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$47: __VLS_WithSlots$37; declare const _default$49: typeof __VLS_export$47; type __VLS_WithSlots$37 = T & { new (): { $slots: S; }; }; export type MenuProps = { /** * @property {'horizontal' | 'vertical'} [direction='vertical'] * @version 0.1.0 */ direction?: "horizontal" | "vertical"; /** * @property {boolean} [dark=false] * @version 0.1.0 */ dark?: boolean; /** * @property {number | string | symbol | null} [active] * @version 0.1.0 */ active?: number | string | symbol | null; /** * @property {number | string | symbol | null} [defaultActive] * @version 0.1.0 */ defaultActive?: number | string | symbol | null; /** * @property {(number | string | symbol)[] | null} [expanded] * @version 0.1.0 */ expanded?: (number | string | symbol)[] | null; /** * @property {(number | string | symbol)[] | null} [defaultExpanded] * @version 0.1.0 */ defaultExpanded?: (number | string | symbol)[] | null; /** * @property {boolean} [collapsed=false] * @version 0.1.0 */ collapsed?: boolean; /** * @property {'inline' | 'popover'} [submenuMode='inline'] * @version 0.1.0 */ submenuMode?: "inline" | "popover"; /** * @property {'hover' | 'click'} [submenuTrigger='hover'] * @version 0.1.0 */ submenuTrigger?: "hover" | "click"; /** * @property {number} [indent=16] * @version 0.1.0 */ indent?: number; /** * @property {boolean} [ellipsis=true] * @version 0.1.0 */ ellipsis?: boolean; /** * @property {(string | MenuOption | MenuGroupOption | SubmenuOption)[]} [options] * @version 0.1.0 */ options?: (string | MenuOption | MenuGroupOption | SubmenuOption)[]; }; export interface MenuOption extends NavigationOption { disabled?: boolean; href?: string; route?: string | object; target?: string; icon?: () => ValidVNodeContent; } export interface MenuGroupOption extends NavigationOption { children: (string | MenuOption | MenuGroupOption | SubmenuOption)[]; type: typeof GROUP_OPTION_TYPE; } export interface SubmenuOption extends NavigationOption { children: (string | MenuOption | MenuGroupOption | SubmenuOption)[]; disabled?: boolean; type: typeof SUBMENU_OPTION_TYPE; icon?: () => ValidVNodeContent; } declare const __VLS_export$48: import("vue").DefineComponent any; "update:active": (value: string | number | symbol) => any; "update:expend": (value: (string | number | symbol)[]) => any; expandChange: (value: (string | number | symbol)[], event: MouseEvent) => any; expand: (index: string | number | symbol, event: MouseEvent) => any; fold: (index: string | number | symbol, event: MouseEvent) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onSelect?: ((index: string | number | symbol, event: MouseEvent) => any) | undefined; "onUpdate:active"?: ((value: string | number | symbol) => any) | undefined; "onUpdate:expend"?: ((value: (string | number | symbol)[]) => any) | undefined; onExpandChange?: ((value: (string | number | symbol)[], event: MouseEvent) => any) | undefined; onExpand?: ((index: string | number | symbol, event: MouseEvent) => any) | undefined; onFold?: ((index: string | number | symbol, event: MouseEvent) => any) | undefined; }>, { dark: boolean; direction: "horizontal" | "vertical"; ellipsis: boolean; collapsed: boolean; indent: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$50: typeof __VLS_export$48; export type MenuItemProps = { /** * @property {string} [label] * @version 0.1.0 */ label?: string; /** * @property {number | string | symbol} index * @version 0.1.0 */ index: number | string | symbol; /** * @property {boolean} [disabled=false] * @version 0.1.0 */ disabled?: boolean; /** * @property {string | object} [route] * @version 0.1.0 */ route?: string | object; /** * @property {string} [href] * @version 0.1.0 */ href?: string; /** * @property {string} [target] * @version 0.1.0 */ target?: string; }; declare var __VLS_9$2: {}, __VLS_11$1: {}, __VLS_13: {}, __VLS_15$2: {}, __VLS_17: {}, __VLS_19$1: {}; type __VLS_Slots$38 = {} & { icon?: (props: typeof __VLS_9$2) => any; } & { default?: (props: typeof __VLS_11$1) => any; } & { icon?: (props: typeof __VLS_13) => any; } & { default?: (props: typeof __VLS_15$2) => any; } & { icon?: (props: typeof __VLS_17) => any; } & { default?: (props: typeof __VLS_19$1) => any; }; declare const __VLS_base$38: import("vue").DefineComponent & Readonly<{}>, { disabled: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$49: __VLS_WithSlots$38; declare const _default$51: typeof __VLS_export$49; type __VLS_WithSlots$38 = T & { new (): { $slots: S; }; }; export type MenuGroupProps = { /** * @property {string} [label] * @version 0.1.0 */ label?: string; }; declare var __VLS_1$32: {}, __VLS_3$4: {}; type __VLS_Slots$39 = {} & { label?: (props: typeof __VLS_1$32) => any; } & { default?: (props: typeof __VLS_3$4) => any; }; declare const __VLS_base$39: import("vue").DefineComponent & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$50: __VLS_WithSlots$39; declare const _default$52: typeof __VLS_export$50; type __VLS_WithSlots$39 = T & { new (): { $slots: S; }; }; export type SubmenuProps = { /** * @property {string} [label] * @version 0.1.0 */ label?: string; /** * @property {number | string | symbol} index * @version 0.1.0 */ index: number | string | symbol; /** * @property {boolean} [disabled=false] * @version 0.1.0 */ disabled?: boolean; /** * @property {boolean} [mode] * @version 0.1.0 */ mode?: "inline" | "popover"; /** * @property {boolean} [trigger] * @version 0.1.0 */ trigger?: "hover" | "click"; /** * @property {Omit & EmitEvent} [popoverProps] * @version 0.1.0 */ popoverProps?: Omit & EmitEvent; }; declare var __VLS_1$33: {}, __VLS_3$5: {}, __VLS_10: {}, __VLS_18$1: {}, __VLS_20: {}, __VLS_28$1: {}; type __VLS_Slots$40 = {} & { icon?: (props: typeof __VLS_1$33) => any; } & { label?: (props: typeof __VLS_3$5) => any; } & { default?: (props: typeof __VLS_10) => any; } & { icon?: (props: typeof __VLS_18$1) => any; } & { label?: (props: typeof __VLS_20) => any; } & { default?: (props: typeof __VLS_28$1) => any; }; declare const __VLS_base$40: import("vue").DefineComponent & Readonly<{}>, { disabled: boolean; mode: "inline" | "popover"; trigger: "hover" | "click"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$51: __VLS_WithSlots$40; declare const _default$53: typeof __VLS_export$51; type __VLS_WithSlots$40 = T & { new (): { $slots: S; }; }; export interface DropDownOption extends NavigationOption { divider?: boolean; disabled?: boolean; href?: string; route?: string | object; target?: string; } export interface DropDownGroupOption extends NavigationOption { children: (DropDownOption | string)[]; type: typeof GROUP_OPTION_TYPE; } export type DropDownProps = { /** * @property {DropDownOption | DropDownGroupOption} [options] * @version 0.1.0 */ options?: (string | DropDownOption | DropDownGroupOption)[]; /** * @property {boolean | null} [visible] * @version 0.1.0 */ visible?: boolean | null; /** * @property {boolean | null} [defaultVisible] * @version 0.1.0 */ defaultVisible?: boolean | null; /** * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'} [placement='top'] * @version 0.1.0 */ placement?: PopoverProps["placement"]; /** * @property {'hover' | 'click'} [trigger='hover'] * @version 0.1.0 */ trigger?: PopoverProps["trigger"]; /** * @property {boolean} [disabled=boolean] * @version 0.1.0 */ disabled?: PopoverProps["disabled"]; /** * @property {number} [offset=8] * @version 0.1.0 */ offset?: number; /** * @property {'dark' | 'light'} [variant='light'] * @version 0.1.0 */ variant?: "dark" | "light"; /** * @property {boolean} [arrow=true] * @version 0.1.0 */ arrow?: boolean; /** * @property { HTMLElement | string} [root='body'] * @version 0.1.0 */ root?: PopoverProps["root"]; /** * @property {number} [zIndex] * @version 0.1.0 */ zIndex?: PopoverProps["zIndex"]; /** * @property {number} [animationDuration=250] * @version 0.1.5 */ animationDuration?: number; /** * @property {boolean} [destroyOnHide=false] * @version 0.1.0 */ destroyOnHide?: boolean; /** * @property {Omit & EmitEvent} [popoverProps] * @version 0.1.0 */ popoverProps?: Omit & EmitEvent; /** * @property {RestAttrs} [dividerProps] * @version 0.1.0 */ dividerProps?: RestAttrs; }; export type DropDownExpose = { /** * @property {() => void} open * @version 0.1.0 */ open: () => void; /** * @property {() => void} close * @version 0.1.0 */ close: () => void; /** * @ignore */ updateRenderState: () => void; /** * @ignore */ triggerContent: any; }; declare var __VLS_11$2: {}, __VLS_23: { option: string | DropDownOption; }, __VLS_26$1: { option: DropDownGroupOption; }; type __VLS_Slots$41 = {} & { default?: (props: typeof __VLS_11$2) => any; } & { option?: (props: typeof __VLS_23) => any; } & { "group-label"?: (props: typeof __VLS_26$1) => any; }; declare const __VLS_base$41: import("vue").DefineComponent any; select: (index: string | number | symbol, option: string | DropDownOption, event: MouseEvent) => any; open: (event: MouseEvent) => any; "update:visible": (value: boolean) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onClose?: ((event: MouseEvent | TouchEvent) => any) | undefined; onSelect?: ((index: string | number | symbol, option: string | DropDownOption, event: MouseEvent) => any) | undefined; onOpen?: ((event: MouseEvent) => any) | undefined; "onUpdate:visible"?: ((value: boolean) => any) | undefined; }>, { variant: "dark" | "light"; disabled: boolean; placement: "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"; root: string | HTMLElement; offset: number; visible: boolean | null; defaultVisible: boolean | null; trigger: "click" | "hover"; arrow: boolean; destroyOnHide: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$52: __VLS_WithSlots$41; declare const _default$54: typeof __VLS_export$52; type __VLS_WithSlots$41 = T & { new (): { $slots: S; }; }; export interface BreadcrumbOption extends NavigationOption { disabled?: boolean; clickable?: boolean; href?: string; route?: string | object; target?: string; } export type BreadcrumbProps = { /** * @property {(string | BreadcrumbOption)[]} [options] * @version 0.1.0 */ options?: (string | BreadcrumbOption)[]; /** * @property {string} [splitter='>'] * @version 0.1.0 */ splitter?: string; /** * @property {boolean} [renderLastText=true] * @version 0.1.0 */ renderLastText?: boolean; }; declare const __VLS_export$53: import("vue").DefineComponent any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onSelect?: ((index: string | number | symbol, event: MouseEvent) => any) | undefined; }>, { options: (string | BreadcrumbOption)[]; splitter: string; renderLastText: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$55: typeof __VLS_export$53; export type BreadcrumbItemProps = { /** * @property {string} [label] * @version 0.1.0 */ label?: string; /** * @property {string | number | symbol} index * @version 0.1.0 */ index: string | number | symbol; /** * @property {boolean} [disabled=false] * @version 0.1.0 */ disabled?: boolean; /** * @property {boolean} [clickable=true] * @version 0.1.0 */ clickable?: boolean; /** * @property {string} [href] * @version 0.1.0 */ href?: string; /** * @property {string | object} [route] * @version 0.1.0 */ route?: string | object; /** * @property {string} [target] * @version 0.1.0 */ target?: string; }; declare var __VLS_9$3: {}, __VLS_11$3: {}, __VLS_13$1: {}, __VLS_15$3: {}, __VLS_17$1: {}, __VLS_19$2: {}; type __VLS_Slots$42 = {} & { icon?: (props: typeof __VLS_9$3) => any; } & { default?: (props: typeof __VLS_11$3) => any; } & { icon?: (props: typeof __VLS_13$1) => any; } & { default?: (props: typeof __VLS_15$3) => any; } & { icon?: (props: typeof __VLS_17$1) => any; } & { default?: (props: typeof __VLS_19$2) => any; }; declare const __VLS_base$42: import("vue").DefineComponent & Readonly<{}>, { disabled: boolean; clickable: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$54: __VLS_WithSlots$42; declare const _default$56: typeof __VLS_export$54; type __VLS_WithSlots$42 = T & { new (): { $slots: S; }; }; export type ScrollBarProps = { /** * @property {{ left?: number; top?: number } | null} [scrollOffset] * @version 0.1.0 */ scrollOffset?: { left?: number; top?: number; } | null; /** * @property {{ left?: number; top?: number } | null} [defaultScrollOffset] * @version 0.1.0 */ defaultScrollOffset?: { left?: number; top?: number; } | null; /** * @property {'pixel' | 'simple'} [variant='pixel'] * @version 0.1.0 */ variant?: "pixel" | "simple"; /** * @property {boolean} [showScrollPadding=true] * @version 0.1.0 */ showScrollPadding?: boolean; }; export type ScrollBarExpose = { /** * @property {{ (options?: ScrollToOptions): void; (x: number, y: number): void }} scrollTo * @version 0.1.0 */ scrollTo: { (options?: ScrollToOptions): void; (x: number, y: number): void; }; /** * @property {{ (options?: ScrollToOptions): void; (x: number, y: number): void }} scrollBy * @version 0.1.0 */ scrollBy: { (options?: ScrollToOptions): void; (x: number, y: number): void; }; }; declare var __VLS_9$4: {}; type __VLS_Slots$43 = {} & { default?: (props: typeof __VLS_9$4) => any; }; declare const __VLS_base$43: import("vue").DefineComponent any; "update:scrollOffset": (value: { left: number; top: number; }) => any; initialize: (instance: OverlayScrollbars) => any; update: (offset: { left: number; top: number; }) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onScroll?: ((event: Event) => any) | undefined; "onUpdate:scrollOffset"?: ((value: { left: number; top: number; }) => any) | undefined; onInitialize?: ((instance: OverlayScrollbars) => any) | undefined; onUpdate?: ((offset: { left: number; top: number; }) => any) | undefined; }>, { variant: "pixel" | "simple"; showScrollPadding: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const __VLS_export$55: __VLS_WithSlots$43; declare const _default$57: typeof __VLS_export$55; type __VLS_WithSlots$43 = T & { new (): { $slots: S; }; }; export declare const useScrollBar: (variant?: "pixel" | "simple") => readonly [ import("overlayscrollbars-vue").UseOverlayScrollbarsInitialization, import("overlayscrollbars-vue").UseOverlayScrollbarsInstance, import("vue").Ref ]; export type PaginationProps = { /** * @property {number | null} [page] * @version 0.1.0 */ page?: number | null; /** * @property {number | null} [defaultPage=1] * @version 0.1.0 */ defaultPage?: number | null; /** * @property {number | null} [pageSize] * @version 0.1.0 */ pageSize?: number | null; /** * @property {number | null} [defaultPageSize=10] * @version 0.1.0 */ defaultPageSize?: number | null; /** * @property {number} [total=0] * @version 0.1.0 */ total?: number; /** * @property {number} [pageSlot=9] * @version 0.1.0 */ pageSlot?: number; /** * @property {false} [disabled=false] * @version 0.1.0 */ disabled?: boolean; /** * @property {'text' | 'solid' | 'outline' | 'ghost'} [variant='ghost'] * @version 0.1.0 */ variant?: "text" | "solid" | "outline" | "ghost"; /** * @property {'small' | 'medium' | 'large'} [size='medium'] * @version 0.1.0 */ size?: "small" | "medium" | "large"; /** * @property {boolean} [simple=false] * @version 0.1.0 */ simple?: boolean; /** * @property {(number | PaginationOption)[]} [pageSizeOptions=[10, 20, 30, 40, 50, 100]] * @version 0.1.0 */ pageSizeOptions?: (number | PaginationOption)[]; /** * @property {boolean} [showSize=false] * @version 0.1.0 */ showSize?: boolean; /** * @property {boolean} [showTotal=false] * @version 0.1.0 */ showTotal?: boolean; /** * @property {boolean} [showTotal=false] * @version 0.1.0 */ showJumper?: boolean; /** * @property {string} [jumperLabel] * @version 0.1.0 */ jumperLabel?: string; /** * @property {string} [totalLabel] * @version 0.1.0 */ totalLabel?: string; /** * @property {boolean} [hideWhenSinglePage=false] * @version 0.1.0 */ hideWhenSinglePage?: boolean; /** * @property {('page' | 'size' | 'jumper' | 'total')[]} [itemsOrder=['total', 'page', 'size', 'jumper']] * @version 0.1.0 */ itemsOrder?: ("page" | "size" | "jumper" | "total")[]; /** * @property {boolean} [pollSizeChange=false] * @version 0.1.0 */ pollSizeChange?: boolean; }; export type PaginationEvents = { /** * @event update:page * @param {number} value * @version 0.1.0 */ "update:page": [ value: number ]; /** * @event pageChange * @param {number} value * @version 0.1.0 */ pageChange: [ value: number ]; /** * @event movePrev * @param {number} page * @param {MouseEvent} event * @version 0.1.0 */ movePrev: [ page: number, event: MouseEvent ]; /** * @event moveNext * @param {number} page * @param {MouseEvent} event * @version 0.1.0 */ moveNext: [ page: number, event: MouseEvent ]; /** * @event pageSelect * @param {number} page * @param {number | string} option * @param {MouseEvent} event * @version 0.1.0 */ pageSelect: [ page: number, option: number | string, event: MouseEvent ]; /** * @event pageCommit * @param {number} page * @param {Event} event * @version 0.1.0 */ pageCommit: [ page: number, event: Event ]; /** * @event update:pageSize * @param {number} value * @version 0.1.0 */ "update:pageSize": [ value: number ]; /** * @event pageSizeChange * @param {number} value * @version 0.1.0 */ pageSizeChange: [ value: number ]; /** * @event pageJump * @param {number} page * @param {Event} event * @version 0.1.0 */ pageJump: [ page: number, event: Event ]; }; export interface PaginationOption extends Option$1 { disabled?: boolean; key?: string | number | symbol; } export type TableProps = { /** * @property {TableData[]} [data=[]] * @version 0.1.0 */ data?: TableData[]; /** * @property {TableColumn[]} [columns=[]] * @version 0.1.0 */ columns?: TableColumn[]; /** * @property {boolean | TableBordered} [bordered=true] * @version 0.1.0 */ bordered?: boolean | TableBordered; /** * @property {'normal' | 'striped' | 'checkered'} [variant='normal'] * @version 0.1.0 */ variant?: "normal" | "striped" | "checkered"; /** * @property {boolean} [fixedHead=true] * @version 0.1.0 */ fixedHead?: boolean; /** * @property {(options: TableOptionsArg) => void | { colspan?: number, rowspan?: number}} [spanMethod] * @version 0.1.0 */ spanMethod?: (options: TableOptionsArg) => void | { colspan?: number; rowspan?: number; }; /** * @property {string} [rowKey='key'] * @version 0.1.0 */ rowKey?: string; /** * @property {{ x?: number | string }} [scroll] * @version 0.1.0 */ scroll?: { x?: number | string; }; /** * @property {boolean | TableSelection} [selection=false] * @version 0.1.0 */ selection?: boolean | TableSelection; /** * @property {any[] | null} [selectedKeys] * @version 0.1.0 */ selectedKeys?: any[] | null; /** * @property {any[] | null} [defaultSelectedKeys] * @version 0.1.0 */ defaultSelectedKeys?: any[] | null; /** * @property {boolean | TableExpandable} [expandable=false] * @version 0.1.0 */ expandable?: boolean | TableExpandable; /** * @property {any[] | null} [expandedKeys] * @version 0.1.0 */ expandedKeys?: any[] | null; /** * @property {any[] | null} [defaultExpandedKeys] * @version 0.1.0 */ defaultExpandedKeys?: any[] | null; /** * @property {TableSummary} [summary] * @version 0.1.0 */ summary?: TableSummary; /** * @property {FilterValue | null} [filterValue] * @version 0.1.0 */ filterValue?: FilterValue | null; /** * @property {FilterValue | null} [defaultFilterValue] * @version 0.1.0 */ defaultFilterValue?: FilterValue | null; /** * @property {SortOrder | null} [sortOrder] * @version 0.1.0 */ sortOrder?: SortOrder | null; /** * @property {SortOrder | null} [defaultSortOrder] * @version 0.1.0 */ defaultSortOrder?: SortOrder | null; /** * @property {boolean} [loading=false] * @version 0.1.0 */ loading?: boolean; /** * @property {TablePagination} [pagination=true] * @version 0.1.0 */ pagination?: boolean | TablePagination; /** * @property {number | null} [page] * @version 0.1.0 */ page?: number | null; /** * @property {number | null} [defaultPage=1] * @version 0.1.0 */ defaultPage?: number | null; /** * @property {number | null} [pageSize] * @version 0.1.0 */ pageSize?: number | null; /** * @property {number | null} [defaultPageSize=10] * @version 0.1.0 */ defaultPageSize?: number | null; /** * @property {RestAttrs} [tableAreaProps] * @version 0.1.0 */ tableAreaProps?: RestAttrs; /** * @property {number} [borderRadius] * @version 0.1.0 */ borderRadius?: number; /** * @property {boolean} [pollSizeChange] * @version 0.1.0 */ pollSizeChange?: boolean; }; export type TableExpose = { /** * @property {() => TableData[]} getCurrentData * @version 0.1.0 */ getCurrentData: () => TableData[]; /** * @property {() => TableData[]} getPaginatedData * @version 0.1.0 */ getPaginatedData: () => TableData[]; /** * @property {(key: any | any[], value: boolean) => Promise} select * @version 0.1.0 */ select: (key: any | any[], value: boolean) => Promise; /** * @property {(value: boolean, crossPage?: boolean, ignoreDisabled?: boolean) => Promise} selectAll * @version 0.1.0 */ selectAll: (value: boolean, crossPage?: boolean, ignoreDisabled?: boolean) => Promise; /** * @property {() => Promise} clearSelect * @version 0.1.0 */ clearSelect: () => Promise; /** * @property {(key: any | any[], value: boolean) => Promise} expand * @version 0.1.0 */ expand: (key: any | any[], value: boolean) => Promise; /** * @property {() => Promise} clearExpand * @version 0.1.0 */ clearExpand: () => Promise; /** * @property {(key: number | string | symbol, value: any[]) => Promise} filter * @version 0.1.0 */ filter: (key: number | string | symbol, value: any[]) => Promise; /** * @property {() => Promise} clearFilter * @version 0.1.0 */ clearFilter: () => Promise; /** * @property {(key: number | string | symbol, value: 'none' | 'asc' | 'desc') => Promise} sort * @version 0.1.0 */ sort: (key: number | string | symbol, value: "none" | "asc" | "desc") => Promise; /** * @property {() => Promise} clearSort * @version 0.1.0 */ clearSort: () => Promise; }; export type TableData = { /** * @property {boolean | string | (( arg: Pick) => VNode | string | JSX.Element | null | void)} [expand] * @version 0.1.0 */ expand?: boolean | string | ((arg: Pick) => VNode | string | JSX.Element | null | void); /** * @property {boolean} [disabled=false] * @version 0.1.0 */ disabled?: boolean; /** * @property {any} [\[x: string | number | symbol\]] * @version 0.1.0 */ [x: string | number | symbol]: any; }; export type TableColumn = { /** * @property {number | string | symbol} key * @version 0.1.0 */ key: number | string | symbol; /** * @property {string} [label] * @version 0.1.0 */ label?: string; /** * @property {string} [field] * @version 0.1.0 */ field?: string; /** * @property {number} [width=80] * @version 0.1.0 */ width?: number; /** * @property {number} [minWidth=0] * @version 0.1.0 */ minWidth?: number; /** * @property {'left' | 'center' | 'right'} [align='left'] * @version 0.1.0 */ align?: "left" | "center" | "right"; /** * @property {'left' | 'right' | 'none'} [fixed='none'] * @version 0.1.0 */ fixed?: "left" | "right" | "none"; /** * @property {string} [slotName] * @version 0.1.0 */ slotName?: string; /** * @property {string | ((arg: TableOptionsArg) => VNode | string | JSX.Element | null | void)} [render] * @version 0.1.0 */ render?: string | ((arg: TableOptionsArg) => VNode | string | JSX.Element | null | void); /** * @property {string} [labelSlotName] * @version 0.1.0 */ labelSlotName?: string; /** * @property {string | ((arg: Omit) => VNode | string | JSX.Element | null | void)} [labelRender] * @version 0.1.0 */ labelRender?: string | ((arg: Omit) => VNode | string | JSX.Element | null | void); /** * @property {TableColumn[]} [children] * @version 0.1.0 */ children?: TableColumn[]; /** * @property {TableFilterable} [filterable] * @version 0.1.0 */ filterable?: TableFilterable; /** * @property {TableSortable} [sortable] * @version 0.1.0 */ sortable?: TableSortable; /** * @property {RestAttrs} [cellProps] * @version 0.1.0 */ cellProps?: RestAttrs; /** * @property {RestAttrs} [labelCellProps] * @version 0.1.0 */ labelCellProps?: RestAttrs; /** * @property {RestAttrs} [contentProps] * @version 0.1.0 */ contentProps?: RestAttrs; /** * @property {RestAttrs} [labelContentProps] * @version 0.1.0 */ labelContentProps?: RestAttrs; }; export type TableBordered = { /** * @property {boolean} [table=true] * @version 0.1.0 */ table?: boolean; /** * @property {boolean} [row=true] * @version 0.1.0 */ row?: boolean; /** * @property {boolean} [col=true] * @version 0.1.0 */ col?: boolean; /** * @property {boolean} [head=true] * @version 0.1.0 */ head?: boolean; /** * @property {boolean} [side=true] * @version 0.1.0 */ side?: boolean; }; export type TableSelection = { /** * @property {boolean} [multiple=false] * @version 0.1.0 */ multiple?: boolean; /** * @property {boolean} [showSelectAll=true] * @version 0.1.0 */ showSelectAll?: boolean; /** * @property {(value: boolean, preState: { value: boolean, indeterminate: boolean }, arg: { originData: TableData[], currentData: TableData[], paginatedData: TableData[], page: number, pageSize: number }) => any[] | Promise} [selectAllMethod] * @version 0.1.0 */ selectAllMethod?: (value: boolean, preState: { value: boolean; indeterminate: boolean; }, extra: { originData: TableData[]; currentData: TableData[]; paginatedData: TableData[]; selectedKeys: any[]; page: number; pageSize: number; }) => any[] | Promise; /** * @property {'current' | 'all'} [supersetSelectAllRef='current'] * @version 0.1.0 */ supersetSelectAllRef?: "current" | "all"; /** * @property {string} [label] * @version 0.1.0 */ label?: string; /** * @property {number} [width=48] * @version 0.1.0 */ width?: number; /** * @property {number} [minWidth=0] * @version 0.1.0 */ minWidth?: number; /** * @property {boolean} [fixed=false] * @version 0.1.0 */ fixed?: boolean; /** * @property {boolean} [onlyCurrent=false] * @version 0.1.0 */ onlyCurrent?: boolean; /** * @property {RestAttrs} [cellProps] * @version 0.1.0 */ cellProps?: RestAttrs; /** * @property {RestAttrs} [labelCellProps] * @version 0.1.0 */ labelCellProps?: RestAttrs; /** * @property {RestAttrs} [contentProps] * @version 0.1.0 */ contentProps?: RestAttrs; /** * @property {RestAttrs} [labelContentProps] * @version 0.1.0 */ labelContentProps?: RestAttrs; }; export type TableExpandable = { /** * @property {boolean} [defaultExpandAllRows=false] * @version 0.1.0 */ defaultExpandAllRows?: boolean; /** * @property {string} [label] * @version 0.1.0 */ label?: string; /** * @property {number} [width=48] * @version 0.1.0 */ width?: number; /** * @property {number} [minWidth=0] * @version 0.1.0 */ minWidth?: number; /** * @property {boolean} [fixed=false] * @version 0.1.0 */ fixed?: boolean; /** * @property {RestAttrs} [cellProps] * @version 0.1.0 */ cellProps?: RestAttrs; /** * @property {RestAttrs} [labelCellProps] * @version 0.1.0 */ labelCellProps?: RestAttrs; /** * @property {RestAttrs} [contentProps] * @version 0.1.0 */ contentProps?: RestAttrs; /** * @property {RestAttrs} [labelContentProps] * @version 0.1.0 */ labelContentProps?: RestAttrs; }; export type TableSummary = { /** * @property {TableData | TableData[]} [data] * @version 0.1.0 */ data?: TableData | TableData[]; /** * @property {'end' | 'start'} [placement='end'] * @version 0.1.0 */ placement?: "end" | "start"; /** * @property {string | string[]} [summaryText] * @version 0.1.0 */ summaryText?: string | string[]; /** * @property {boolean} [fixed=true] * @version 0.1.0 */ fixed?: boolean; /** * @property {(options: TableOptionsArg) => void | { colspan?: number, rowspan?: number }} [spanMethod] * @version 0.1.0 */ spanMethod?: (options: TableOptionsArg) => void | { colspan?: number; rowspan?: number; }; }; export interface TableFilterOption extends Option$1 { disabled?: boolean; key?: string | number | symbol; } export type TableFilterable = { /** * @property {(string | TableFilterOption)[]} [filterOptions] * @version 0.1.0 */ filterOptions?: (string | TableFilterOption)[]; /** * @property {(filteredValue: any[], record: TableData, field?: string) => boolean} [filterMethod] * @version 0.1.0 */ filterMethod?: (filteredValue: any[], record: TableData, field?: string) => boolean; /** * @property {any[] | null} [defaultFilterValue] * @version 0.1.0 */ defaultFilterValue?: any[] | null; /** * @property {boolean} [multiple=false] * @version 0.1.0 */ multiple?: boolean; /** * @property {Omit & EmitEvent} [popoverProps] * @version 0.1.0 */ popoverProps?: Omit & EmitEvent; }; export type TableSortable = { /** * @property {('asc' | 'desc')[] | Readonly<('asc' | 'desc')[]>} [orders] * @version 0.1.0 */ orders?: ("asc" | "desc")[] | Readonly<("asc" | "desc")[]>; /** * @property {'custom' | ((a: TableData, b: TableData, order: 'asc' | 'desc', field?: string) => number)} [sortMethod] * @version 0.1.0 */ sortMethod?: "custom" | ((a: TableData, b: TableData, order: "asc" | "desc", field?: string) => number); /** * @property {'asc' | 'desc' | 'none' | null} [defaultSortOrder] * @version 0.1.0 */ defaultSortOrder?: "asc" | "desc" | "none" | null; /** * @property {boolean} [multiple=false] * @version 0.1.0 */ multiple?: boolean; /** * @property {number} [priority=0] * @version 0.1.0 */ priority?: number; }; export type TablePagination = { paginateMethod?: "custom" | "auto"; } & PaginationProps & EmitEvent & RestAttrs; export type TableOptionsArg = { rowIndex: number; colIndex: number; record: TableData; column: TableColumn; }; export type SortOrder = { [key: string | number | symbol]: "asc" | "desc" | "none" | null | undefined; }; export type FilterValue = { [key: string | number | symbol]: any[] | null | undefined; }; declare const __VLS_export$56: import("vue").DefineComponent any; expand: (value: boolean, key: any, record: TableData, event: MouseEvent) => any; "update:page": (value: number) => any; "update:pageSize": (value: number) => any; selectAll: (value: boolean, event: InputEvent) => any; "update:selectedKeys": (value: any[]) => any; selectedChange: (value: any[]) => any; expandedChange: (value: any[]) => any; "update:expandedKeys": (value: any[]) => any; "update:filterValue": (value: FilterValue) => any; filterSelect: (value: any[], key: string | number | symbol, option: string | TableFilterOption, column: TableColumn, event: InputEvent) => any; filterChange: (value: FilterValue) => any; filterReset: (key: string | number | symbol, event: MouseEvent) => any; filterConfirm: (key: string | number | symbol, event: MouseEvent) => any; "update:sortOrder": (value: SortOrder) => any; sortSelect: (value: "desc" | "none" | "asc", key: string | number | symbol, column: TableColumn, event: MouseEvent) => any; sortOrderChange: (value: SortOrder) => any; cellMouseenter: (column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any; cellMouseleave: (column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any; cellClick: (column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any; rowClick: (record: TableData, rowIndex: number, event: MouseEvent) => any; headCellClick: (column: TableColumn, indexPath: number[], event: MouseEvent) => any; cellDblclick: (column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any; rowDblclick: (record: TableData, rowIndex: number, event: MouseEvent) => any; headCellDblclick: (column: TableColumn, indexPath: number[], event: MouseEvent) => any; cellContextmenu: (column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any; rowContextmenu: (record: TableData, rowIndex: number, event: MouseEvent) => any; headCellContextmenu: (column: TableColumn, indexPath: number[], event: MouseEvent) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onSelect?: ((value: boolean, key: any, record: TableData, event: InputEvent) => any) | undefined; onExpand?: ((value: boolean, key: any, record: TableData, event: MouseEvent) => any) | undefined; "onUpdate:page"?: ((value: number) => any) | undefined; "onUpdate:pageSize"?: ((value: number) => any) | undefined; onSelectAll?: ((value: boolean, event: InputEvent) => any) | undefined; "onUpdate:selectedKeys"?: ((value: any[]) => any) | undefined; onSelectedChange?: ((value: any[]) => any) | undefined; onExpandedChange?: ((value: any[]) => any) | undefined; "onUpdate:expandedKeys"?: ((value: any[]) => any) | undefined; "onUpdate:filterValue"?: ((value: FilterValue) => any) | undefined; onFilterSelect?: ((value: any[], key: string | number | symbol, option: string | TableFilterOption, column: TableColumn, event: InputEvent) => any) | undefined; onFilterChange?: ((value: FilterValue) => any) | undefined; onFilterReset?: ((key: string | number | symbol, event: MouseEvent) => any) | undefined; onFilterConfirm?: ((key: string | number | symbol, event: MouseEvent) => any) | undefined; "onUpdate:sortOrder"?: ((value: SortOrder) => any) | undefined; onSortSelect?: ((value: "desc" | "none" | "asc", key: string | number | symbol, column: TableColumn, event: MouseEvent) => any) | undefined; onSortOrderChange?: ((value: SortOrder) => any) | undefined; onCellMouseenter?: ((column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined; onCellMouseleave?: ((column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined; onCellClick?: ((column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined; onRowClick?: ((record: TableData, rowIndex: number, event: MouseEvent) => any) | undefined; onHeadCellClick?: ((column: TableColumn, indexPath: number[], event: MouseEvent) => any) | undefined; onCellDblclick?: ((column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined; onRowDblclick?: ((record: TableData, rowIndex: number, event: MouseEvent) => any) | undefined; onHeadCellDblclick?: ((column: TableColumn, indexPath: number[], event: MouseEvent) => any) | undefined; onCellContextmenu?: ((column: TableColumn, record: TableData, colIndex: number, rowIndex: number, event: MouseEvent) => any) | undefined; onRowContextmenu?: ((record: TableData, rowIndex: number, event: MouseEvent) => any) | undefined; onHeadCellContextmenu?: ((column: TableColumn, indexPath: number[], event: MouseEvent) => any) | undefined; }>, { variant: "normal" | "striped" | "checkered"; pollSizeChange: boolean; data: TableData[]; bordered: boolean | TableBordered; columns: TableColumn[]; pagination: boolean | TablePagination; fixedHead: boolean; rowKey: string; selection: boolean | TableSelection; expandable: boolean | TableExpandable; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$58: typeof __VLS_export$56; declare const __VLS_export$57: import("vue").DefineComponent any; pageChange: (value: number) => any; movePrev: (page: number, event: MouseEvent) => any; moveNext: (page: number, event: MouseEvent) => any; pageSelect: (page: number, option: string | number, event: MouseEvent) => any; pageCommit: (page: number, event: Event) => any; "update:pageSize": (value: number) => any; pageSizeChange: (value: number) => any; pageJump: (page: number, event: Event) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ "onUpdate:page"?: ((value: number) => any) | undefined; onPageChange?: ((value: number) => any) | undefined; onMovePrev?: ((page: number, event: MouseEvent) => any) | undefined; onMoveNext?: ((page: number, event: MouseEvent) => any) | undefined; onPageSelect?: ((page: number, option: string | number, event: MouseEvent) => any) | undefined; onPageCommit?: ((page: number, event: Event) => any) | undefined; "onUpdate:pageSize"?: ((value: number) => any) | undefined; onPageSizeChange?: ((value: number) => any) | undefined; onPageJump?: ((page: number, event: Event) => any) | undefined; }>, { size: "small" | "medium" | "large"; variant: "text" | "solid" | "outline" | "ghost"; disabled: boolean; pollSizeChange: boolean; simple: boolean; total: number; defaultPageSize: number | null; pageSlot: number; pageSizeOptions: (number | PaginationOption)[]; showSize: boolean; showTotal: boolean; showJumper: boolean; hideWhenSinglePage: boolean; itemsOrder: ("page" | "size" | "jumper" | "total")[]; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default$59: typeof __VLS_export$57; export declare const install: (app: App, options?: { prefix: string; attachToApp?: boolean; attachToWindow?: boolean; }) => void; declare const _default$60: { install: (app: App, options?: { prefix: string; attachToApp?: boolean; attachToWindow?: boolean; }) => void; }; export { Option$1 as Option, _default as Button, _default$1 as ButtonGroup, _default$10 as Container, _default$11 as Main, _default$12 as Aside, _default$13 as Header, _default$14 as Footer, _default$15 as Icon, _default$16 as Input, _default$17 as InputNumber, _default$18 as Textarea, _default$19 as Tag, _default$2 as Link, _default$20 as InputGroup, _default$21 as InputGroupLabel, _default$22 as InputTag, _default$23 as Tooltip, _default$24 as Popover, _default$25 as Empty, _default$26 as AutoComplete, _default$27 as Mask, _default$28 as Spin, _default$29 as Select, _default$3 as MessageBox, _default$30 as VirtualList, _default$31 as Image, _default$32 as Avatar, _default$33 as Form, _default$34 as FormItem, _default$35 as Switch, _default$36 as Slider, _default$37 as Radio, _default$38 as RadioGroup, _default$39 as Checkbox, _default$4 as Row, _default$40 as CheckboxGroup, _default$41 as TextOutline, _default$43 as Dialog, _default$45 as Alert, _default$46 as Progress, _default$47 as Popconfirm, _default$48 as Badge, _default$49 as BackTop, _default$5 as Col, _default$50 as Menu, _default$51 as MenuItem, _default$52 as MenuGroup, _default$53 as Submenu, _default$54 as DropDown, _default$55 as Breadcrumb, _default$56 as BreadcrumbItem, _default$57 as ScrollBar, _default$58 as Table, _default$59 as Pagination, _default$6 as Divider, _default$60 as default, _default$7 as Space, _default$8 as Grid, _default$9 as GridItem, localeManager as locale, message as Message, }; export {};