naive-ui

import type { CSSProperties, PropType, SlotsType, VNode, VNodeChild } from 'vue'; import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils'; import type { CardSize } from './public-types'; export interface CardSegmented { content?: boolean | 'soft'; footer?: boolean | 'soft'; action?: boolean | 'soft'; } export declare const cardBaseProps: { readonly title: PropType<string | (() => VNodeChild)>; readonly contentClass: StringConstructor; readonly contentStyle: PropType<CSSProperties | string>; readonly contentScrollable: BooleanConstructor; readonly headerClass: StringConstructor; readonly headerStyle: PropType<CSSProperties | string>; readonly headerExtraClass: StringConstructor; readonly headerExtraStyle: PropType<CSSProperties | string>; readonly footerClass: StringConstructor; readonly footerStyle: PropType<CSSProperties | string>; readonly embedded: BooleanConstructor; readonly segmented: { readonly type: PropType<boolean | CardSegmented>; readonly default: false; }; readonly size: PropType<CardSize>; readonly bordered: { readonly type: BooleanConstructor; readonly default: true; }; readonly closable: BooleanConstructor; readonly hoverable: BooleanConstructor; readonly role: StringConstructor; readonly onClose: PropType<MaybeArray<() => void>>; readonly tag: { readonly type: PropType<keyof HTMLElementTagNameMap>; readonly default: "div"; }; readonly cover: PropType<() => VNodeChild>; readonly content: PropType<string | (() => VNodeChild)>; readonly footer: PropType<() => VNodeChild>; readonly action: PropType<() => VNodeChild>; readonly headerExtra: PropType<() => VNodeChild>; readonly closeFocusable: BooleanConstructor; }; export declare const cardBasePropKeys: ("size" | "title" | "bordered" | "closable" | "onClose" | "content" | "contentClass" | "contentStyle" | "cover" | "footer" | "tag" | "contentScrollable" | "headerClass" | "headerStyle" | "headerExtraClass" | "headerExtraStyle" | "footerClass" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role" | "action" | "headerExtra" | "closeFocusable")[]; export declare const cardProps: { title: PropType<string | (() => VNodeChild)>; contentClass: StringConstructor; contentStyle: PropType<CSSProperties | string>; contentScrollable: BooleanConstructor; headerClass: StringConstructor; headerStyle: PropType<CSSProperties | string>; headerExtraClass: StringConstructor; headerExtraStyle: PropType<CSSProperties | string>; footerClass: StringConstructor; footerStyle: PropType<CSSProperties | string>; embedded: BooleanConstructor; segmented: { readonly type: PropType<boolean | CardSegmented>; readonly default: false; }; size: PropType<CardSize>; bordered: { readonly type: BooleanConstructor; readonly default: true; }; closable: BooleanConstructor; hoverable: BooleanConstructor; role: StringConstructor; onClose: PropType<MaybeArray<() => void>>; tag: { readonly type: PropType<keyof HTMLElementTagNameMap>; readonly default: "div"; }; cover: PropType<() => VNodeChild>; content: PropType<string | (() => VNodeChild)>; footer: PropType<() => VNodeChild>; action: PropType<() => VNodeChild>; headerExtra: PropType<() => VNodeChild>; closeFocusable: BooleanConstructor; theme: PropType<import("../../_mixins").Theme<"Card", { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }, any>>; themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }, any>>>; builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }, any>>>; }; export type CardProps = ExtractPublicPropTypes<typeof cardProps>; export interface CardSlots { default?: () => VNode[]; cover?: () => VNode[]; header?: () => VNode[]; 'header-extra'?: () => VNode[]; footer?: () => VNode[]; action?: () => VNode[]; } declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ title: PropType<string | (() => VNodeChild)>; contentClass: StringConstructor; contentStyle: PropType<CSSProperties | string>; contentScrollable: BooleanConstructor; headerClass: StringConstructor; headerStyle: PropType<CSSProperties | string>; headerExtraClass: StringConstructor; headerExtraStyle: PropType<CSSProperties | string>; footerClass: StringConstructor; footerStyle: PropType<CSSProperties | string>; embedded: BooleanConstructor; segmented: { readonly type: PropType<boolean | CardSegmented>; readonly default: false; }; size: PropType<CardSize>; bordered: { readonly type: BooleanConstructor; readonly default: true; }; closable: BooleanConstructor; hoverable: BooleanConstructor; role: StringConstructor; onClose: PropType<MaybeArray<() => void>>; tag: { readonly type: PropType<keyof HTMLElementTagNameMap>; readonly default: "div"; }; cover: PropType<() => VNodeChild>; content: PropType<string | (() => VNodeChild)>; footer: PropType<() => VNodeChild>; action: PropType<() => VNodeChild>; headerExtra: PropType<() => VNodeChild>; closeFocusable: BooleanConstructor; theme: PropType<import("../../_mixins").Theme<"Card", { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }, any>>; themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }, any>>>; builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }, any>>>; }>, { rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined; mergedClsPrefix: import("vue").Ref<string, string>; mergedTheme: import("vue").ComputedRef<{ common: import("../..").ThemeCommonVars; self: { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }; peers: any; peerOverrides: { [x: string]: any; }; }>; handleCloseClick: () => void; cssVars: import("vue").ComputedRef<{ '--n-bezier': string; '--n-border-radius': string; '--n-color': string; '--n-color-modal': string; '--n-color-popover': string; '--n-color-embedded': string; '--n-color-embedded-modal': string; '--n-color-embedded-popover': string; '--n-color-target': string; '--n-text-color': string; '--n-line-height': string; '--n-action-color': string; '--n-title-text-color': string; '--n-title-font-weight': string; '--n-close-icon-color': string; '--n-close-icon-color-hover': string; '--n-close-icon-color-pressed': string; '--n-close-color-hover': string; '--n-close-color-pressed': string; '--n-border-color': string; '--n-box-shadow': string; '--n-padding-top': string; '--n-padding-bottom': string; '--n-padding-left': string; '--n-font-size': string; '--n-title-font-size': string; '--n-close-size': string; '--n-close-icon-size': string; '--n-close-border-radius': string; }> | undefined; themeClass: import("vue").Ref<string, string> | undefined; onRender: (() => void) | undefined; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ title: PropType<string | (() => VNodeChild)>; contentClass: StringConstructor; contentStyle: PropType<CSSProperties | string>; contentScrollable: BooleanConstructor; headerClass: StringConstructor; headerStyle: PropType<CSSProperties | string>; headerExtraClass: StringConstructor; headerExtraStyle: PropType<CSSProperties | string>; footerClass: StringConstructor; footerStyle: PropType<CSSProperties | string>; embedded: BooleanConstructor; segmented: { readonly type: PropType<boolean | CardSegmented>; readonly default: false; }; size: PropType<CardSize>; bordered: { readonly type: BooleanConstructor; readonly default: true; }; closable: BooleanConstructor; hoverable: BooleanConstructor; role: StringConstructor; onClose: PropType<MaybeArray<() => void>>; tag: { readonly type: PropType<keyof HTMLElementTagNameMap>; readonly default: "div"; }; cover: PropType<() => VNodeChild>; content: PropType<string | (() => VNodeChild)>; footer: PropType<() => VNodeChild>; action: PropType<() => VNodeChild>; headerExtra: PropType<() => VNodeChild>; closeFocusable: BooleanConstructor; theme: PropType<import("../../_mixins").Theme<"Card", { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }, any>>; themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }, any>>>; builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", { lineHeight: string; color: string; colorModal: string; colorPopover: string; colorTarget: string; colorEmbedded: string; colorEmbeddedModal: string; colorEmbeddedPopover: string; textColor: string; titleTextColor: string; borderColor: string; actionColor: string; titleFontWeight: string; closeColorHover: string; closeColorPressed: string; closeBorderRadius: string; closeIconColor: string; closeIconColorHover: string; closeIconColorPressed: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; boxShadow: string; borderRadius: string; paddingSmall: string; paddingMedium: string; paddingLarge: string; paddingHuge: string; titleFontSizeSmall: string; titleFontSizeMedium: string; titleFontSizeLarge: string; titleFontSizeHuge: string; closeIconSize: string; closeSize: string; }, any>>>; }>> & Readonly<{}>, { bordered: boolean; closable: boolean; tag: keyof HTMLElementTagNameMap; contentScrollable: boolean; embedded: boolean; segmented: boolean | CardSegmented; hoverable: boolean; closeFocusable: boolean; }, SlotsType<CardSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export default _default;