UNPKG

naive-ui

Version:

A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast

468 lines (467 loc) 17.1 kB
import { type CSSProperties, type PropType } from 'vue'; import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils'; import type { OnUpdateValue } from './interface'; export declare const switchProps: { readonly size: { readonly type: PropType<"small" | "medium" | "large">; readonly default: "medium"; }; readonly value: { readonly type: PropType<string | number | boolean | undefined>; readonly default: undefined; }; readonly loading: BooleanConstructor; readonly defaultValue: { readonly type: PropType<string | number | boolean>; readonly default: false; }; readonly disabled: { readonly type: PropType<boolean | undefined>; readonly default: undefined; }; readonly round: { readonly type: BooleanConstructor; readonly default: true; }; readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>; readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>; readonly checkedValue: { readonly type: PropType<string | number | boolean>; readonly default: true; }; readonly uncheckedValue: { readonly type: PropType<string | number | boolean>; readonly default: false; }; readonly railStyle: PropType<(params: { focused: boolean; checked: boolean; }) => string | CSSProperties>; readonly rubberBand: { readonly type: BooleanConstructor; readonly default: true; }; /** @deprecated */ readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>; readonly theme: PropType<import("../../_mixins").Theme<"Switch", { iconColor: string; textColor: string; loadingColor: string; opacityDisabled: string; railColor: string; railColorActive: string; buttonBoxShadow: string; buttonColor: string; railBorderRadiusSmall: string; railBorderRadiusMedium: string; railBorderRadiusLarge: string; buttonBorderRadiusSmall: string; buttonBorderRadiusMedium: string; buttonBorderRadiusLarge: string; boxShadowFocus: string; buttonHeightSmall: string; buttonHeightMedium: string; buttonHeightLarge: string; buttonWidthSmall: string; buttonWidthMedium: string; buttonWidthLarge: string; buttonWidthPressedSmall: string; buttonWidthPressedMedium: string; buttonWidthPressedLarge: string; railHeightSmall: string; railHeightMedium: string; railHeightLarge: string; railWidthSmall: string; railWidthMedium: string; railWidthLarge: string; }, any>>; readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", { iconColor: string; textColor: string; loadingColor: string; opacityDisabled: string; railColor: string; railColorActive: string; buttonBoxShadow: string; buttonColor: string; railBorderRadiusSmall: string; railBorderRadiusMedium: string; railBorderRadiusLarge: string; buttonBorderRadiusSmall: string; buttonBorderRadiusMedium: string; buttonBorderRadiusLarge: string; boxShadowFocus: string; buttonHeightSmall: string; buttonHeightMedium: string; buttonHeightLarge: string; buttonWidthSmall: string; buttonWidthMedium: string; buttonWidthLarge: string; buttonWidthPressedSmall: string; buttonWidthPressedMedium: string; buttonWidthPressedLarge: string; railHeightSmall: string; railHeightMedium: string; railHeightLarge: string; railWidthSmall: string; railWidthMedium: string; railWidthLarge: string; }, any>>>; readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", { iconColor: string; textColor: string; loadingColor: string; opacityDisabled: string; railColor: string; railColorActive: string; buttonBoxShadow: string; buttonColor: string; railBorderRadiusSmall: string; railBorderRadiusMedium: string; railBorderRadiusLarge: string; buttonBorderRadiusSmall: string; buttonBorderRadiusMedium: string; buttonBorderRadiusLarge: string; boxShadowFocus: string; buttonHeightSmall: string; buttonHeightMedium: string; buttonHeightLarge: string; buttonWidthSmall: string; buttonWidthMedium: string; buttonWidthLarge: string; buttonWidthPressedSmall: string; buttonWidthPressedMedium: string; buttonWidthPressedLarge: string; railHeightSmall: string; railHeightMedium: string; railHeightLarge: string; railWidthSmall: string; railWidthMedium: string; railWidthLarge: string; }, any>>>; }; export type SwitchProps = ExtractPublicPropTypes<typeof switchProps>; declare const _default: import("vue").DefineComponent<{ readonly size: { readonly type: PropType<"small" | "medium" | "large">; readonly default: "medium"; }; readonly value: { readonly type: PropType<string | number | boolean | undefined>; readonly default: undefined; }; readonly loading: BooleanConstructor; readonly defaultValue: { readonly type: PropType<string | number | boolean>; readonly default: false; }; readonly disabled: { readonly type: PropType<boolean | undefined>; readonly default: undefined; }; readonly round: { readonly type: BooleanConstructor; readonly default: true; }; readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>; readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>; readonly checkedValue: { readonly type: PropType<string | number | boolean>; readonly default: true; }; readonly uncheckedValue: { readonly type: PropType<string | number | boolean>; readonly default: false; }; readonly railStyle: PropType<(params: { focused: boolean; checked: boolean; }) => string | CSSProperties>; readonly rubberBand: { readonly type: BooleanConstructor; readonly default: true; }; /** @deprecated */ readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>; readonly theme: PropType<import("../../_mixins").Theme<"Switch", { iconColor: string; textColor: string; loadingColor: string; opacityDisabled: string; railColor: string; railColorActive: string; buttonBoxShadow: string; buttonColor: string; railBorderRadiusSmall: string; railBorderRadiusMedium: string; railBorderRadiusLarge: string; buttonBorderRadiusSmall: string; buttonBorderRadiusMedium: string; buttonBorderRadiusLarge: string; boxShadowFocus: string; buttonHeightSmall: string; buttonHeightMedium: string; buttonHeightLarge: string; buttonWidthSmall: string; buttonWidthMedium: string; buttonWidthLarge: string; buttonWidthPressedSmall: string; buttonWidthPressedMedium: string; buttonWidthPressedLarge: string; railHeightSmall: string; railHeightMedium: string; railHeightLarge: string; railWidthSmall: string; railWidthMedium: string; railWidthLarge: string; }, any>>; readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", { iconColor: string; textColor: string; loadingColor: string; opacityDisabled: string; railColor: string; railColorActive: string; buttonBoxShadow: string; buttonColor: string; railBorderRadiusSmall: string; railBorderRadiusMedium: string; railBorderRadiusLarge: string; buttonBorderRadiusSmall: string; buttonBorderRadiusMedium: string; buttonBorderRadiusLarge: string; boxShadowFocus: string; buttonHeightSmall: string; buttonHeightMedium: string; buttonHeightLarge: string; buttonWidthSmall: string; buttonWidthMedium: string; buttonWidthLarge: string; buttonWidthPressedSmall: string; buttonWidthPressedMedium: string; buttonWidthPressedLarge: string; railHeightSmall: string; railHeightMedium: string; railHeightLarge: string; railWidthSmall: string; railWidthMedium: string; railWidthLarge: string; }, any>>>; readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", { iconColor: string; textColor: string; loadingColor: string; opacityDisabled: string; railColor: string; railColorActive: string; buttonBoxShadow: string; buttonColor: string; railBorderRadiusSmall: string; railBorderRadiusMedium: string; railBorderRadiusLarge: string; buttonBorderRadiusSmall: string; buttonBorderRadiusMedium: string; buttonBorderRadiusLarge: string; boxShadowFocus: string; buttonHeightSmall: string; buttonHeightMedium: string; buttonHeightLarge: string; buttonWidthSmall: string; buttonWidthMedium: string; buttonWidthLarge: string; buttonWidthPressedSmall: string; buttonWidthPressedMedium: string; buttonWidthPressedLarge: string; railHeightSmall: string; railHeightMedium: string; railHeightLarge: string; railWidthSmall: string; railWidthMedium: string; railWidthLarge: string; }, any>>>; }, { handleClick: () => void; handleBlur: () => void; handleFocus: () => void; handleKeyup: (e: KeyboardEvent) => void; handleKeydown: (e: KeyboardEvent) => void; mergedRailStyle: import("vue").ComputedRef<string | CSSProperties | undefined>; pressed: import("vue").Ref<boolean>; mergedClsPrefix: import("vue").Ref<string>; mergedValue: import("vue").ComputedRef<string | number | boolean>; checked: import("vue").ComputedRef<boolean>; mergedDisabled: import("vue").ComputedRef<boolean>; cssVars: import("vue").ComputedRef<{ '--n-bezier': string; '--n-button-border-radius': string; '--n-button-box-shadow': string; '--n-button-color': string; '--n-button-width': string; '--n-button-width-pressed': string; '--n-button-height': string; '--n-height': string; '--n-offset': string; '--n-opacity-disabled': string; '--n-rail-border-radius': string; '--n-rail-color': string; '--n-rail-color-active': string; '--n-rail-height': string; '--n-rail-width': string; '--n-width': string; '--n-box-shadow-focus': string; '--n-loading-color': string; '--n-text-color': string; '--n-icon-color': string; }> | undefined; themeClass: import("vue").Ref<string> | undefined; onRender: (() => void) | undefined; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ readonly size: { readonly type: PropType<"small" | "medium" | "large">; readonly default: "medium"; }; readonly value: { readonly type: PropType<string | number | boolean | undefined>; readonly default: undefined; }; readonly loading: BooleanConstructor; readonly defaultValue: { readonly type: PropType<string | number | boolean>; readonly default: false; }; readonly disabled: { readonly type: PropType<boolean | undefined>; readonly default: undefined; }; readonly round: { readonly type: BooleanConstructor; readonly default: true; }; readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>; readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>; readonly checkedValue: { readonly type: PropType<string | number | boolean>; readonly default: true; }; readonly uncheckedValue: { readonly type: PropType<string | number | boolean>; readonly default: false; }; readonly railStyle: PropType<(params: { focused: boolean; checked: boolean; }) => string | CSSProperties>; readonly rubberBand: { readonly type: BooleanConstructor; readonly default: true; }; /** @deprecated */ readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>; readonly theme: PropType<import("../../_mixins").Theme<"Switch", { iconColor: string; textColor: string; loadingColor: string; opacityDisabled: string; railColor: string; railColorActive: string; buttonBoxShadow: string; buttonColor: string; railBorderRadiusSmall: string; railBorderRadiusMedium: string; railBorderRadiusLarge: string; buttonBorderRadiusSmall: string; buttonBorderRadiusMedium: string; buttonBorderRadiusLarge: string; boxShadowFocus: string; buttonHeightSmall: string; buttonHeightMedium: string; buttonHeightLarge: string; buttonWidthSmall: string; buttonWidthMedium: string; buttonWidthLarge: string; buttonWidthPressedSmall: string; buttonWidthPressedMedium: string; buttonWidthPressedLarge: string; railHeightSmall: string; railHeightMedium: string; railHeightLarge: string; railWidthSmall: string; railWidthMedium: string; railWidthLarge: string; }, any>>; readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", { iconColor: string; textColor: string; loadingColor: string; opacityDisabled: string; railColor: string; railColorActive: string; buttonBoxShadow: string; buttonColor: string; railBorderRadiusSmall: string; railBorderRadiusMedium: string; railBorderRadiusLarge: string; buttonBorderRadiusSmall: string; buttonBorderRadiusMedium: string; buttonBorderRadiusLarge: string; boxShadowFocus: string; buttonHeightSmall: string; buttonHeightMedium: string; buttonHeightLarge: string; buttonWidthSmall: string; buttonWidthMedium: string; buttonWidthLarge: string; buttonWidthPressedSmall: string; buttonWidthPressedMedium: string; buttonWidthPressedLarge: string; railHeightSmall: string; railHeightMedium: string; railHeightLarge: string; railWidthSmall: string; railWidthMedium: string; railWidthLarge: string; }, any>>>; readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", { iconColor: string; textColor: string; loadingColor: string; opacityDisabled: string; railColor: string; railColorActive: string; buttonBoxShadow: string; buttonColor: string; railBorderRadiusSmall: string; railBorderRadiusMedium: string; railBorderRadiusLarge: string; buttonBorderRadiusSmall: string; buttonBorderRadiusMedium: string; buttonBorderRadiusLarge: string; boxShadowFocus: string; buttonHeightSmall: string; buttonHeightMedium: string; buttonHeightLarge: string; buttonWidthSmall: string; buttonWidthMedium: string; buttonWidthLarge: string; buttonWidthPressedSmall: string; buttonWidthPressedMedium: string; buttonWidthPressedLarge: string; railHeightSmall: string; railHeightMedium: string; railHeightLarge: string; railWidthSmall: string; railWidthMedium: string; railWidthLarge: string; }, any>>>; }>>, { readonly value: string | number | boolean | undefined; readonly size: "small" | "medium" | "large"; readonly round: boolean; readonly disabled: boolean | undefined; readonly loading: boolean; readonly defaultValue: string | number | boolean; readonly checkedValue: string | number | boolean; readonly uncheckedValue: string | number | boolean; readonly rubberBand: boolean; }, {}>; export default _default;