UNPKG

tdesign-mobile-vue

Version:
516 lines (515 loc) 23.2 kB
import './style'; import { TdCollapseProps, TdCollapsePanelProps } from './type'; export * from './type'; export type CollapseProps = TdCollapseProps; export type CollapsePanelProps = TdCollapsePanelProps; export declare const Collapse: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ defaultExpandAll: BooleanConstructor; disabled: BooleanConstructor; expandIcon: { type: import("vue").PropType<TdCollapseProps['expandIcon']>; default: boolean; }; expandMutex: BooleanConstructor; theme: { type: import("vue").PropType<TdCollapseProps['theme']>; default: TdCollapseProps['theme']; validator(val: TdCollapseProps['theme']): boolean; }; value: { type: import("vue").PropType<TdCollapseProps['value']>; default: any; }; modelValue: { type: import("vue").PropType<TdCollapseProps['value']>; default: any; }; defaultValue: { type: import("vue").PropType<TdCollapseProps['defaultValue']>; default: () => TdCollapseProps['defaultValue']; }; onChange: import("vue").PropType<TdCollapseProps['onChange']>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { defaultExpandAll: boolean; disabled: boolean; expandIcon: boolean | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue); expandMutex: boolean; theme: "card" | "default"; value: import("@/components").CollapseValue; modelValue: import("@/components").CollapseValue; defaultValue: import("@/components").CollapseValue; }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ defaultExpandAll: BooleanConstructor; disabled: BooleanConstructor; expandIcon: { type: import("vue").PropType<TdCollapseProps['expandIcon']>; default: boolean; }; expandMutex: BooleanConstructor; theme: { type: import("vue").PropType<TdCollapseProps['theme']>; default: TdCollapseProps['theme']; validator(val: TdCollapseProps['theme']): boolean; }; value: { type: import("vue").PropType<TdCollapseProps['value']>; default: any; }; modelValue: { type: import("vue").PropType<TdCollapseProps['value']>; default: any; }; defaultValue: { type: import("vue").PropType<TdCollapseProps['defaultValue']>; default: () => TdCollapseProps['defaultValue']; }; onChange: import("vue").PropType<TdCollapseProps['onChange']>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { defaultExpandAll: boolean; disabled: boolean; expandIcon: boolean | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue); expandMutex: boolean; theme: "card" | "default"; value: import("@/components").CollapseValue; modelValue: import("@/components").CollapseValue; defaultValue: import("@/components").CollapseValue; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ defaultExpandAll: BooleanConstructor; disabled: BooleanConstructor; expandIcon: { type: import("vue").PropType<TdCollapseProps['expandIcon']>; default: boolean; }; expandMutex: BooleanConstructor; theme: { type: import("vue").PropType<TdCollapseProps['theme']>; default: TdCollapseProps['theme']; validator(val: TdCollapseProps['theme']): boolean; }; value: { type: import("vue").PropType<TdCollapseProps['value']>; default: any; }; modelValue: { type: import("vue").PropType<TdCollapseProps['value']>; default: any; }; defaultValue: { type: import("vue").PropType<TdCollapseProps['defaultValue']>; default: () => TdCollapseProps['defaultValue']; }; onChange: import("vue").PropType<TdCollapseProps['onChange']>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { defaultExpandAll: boolean; disabled: boolean; expandIcon: boolean | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue); expandMutex: boolean; theme: "card" | "default"; value: import("@/components").CollapseValue; modelValue: import("@/components").CollapseValue; defaultValue: import("@/components").CollapseValue; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; export declare const CollapsePanel: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ content: { type: import("vue").PropType<TdCollapsePanelProps['content']>; }; default: { type: import("vue").PropType<TdCollapsePanelProps['default']>; }; destroyOnCollapse: BooleanConstructor; disabled: { type: BooleanConstructor; default: any; }; expandIcon: { type: import("vue").PropType<TdCollapsePanelProps['expandIcon']>; default: any; }; header: { type: import("vue").PropType<TdCollapsePanelProps['header']>; }; headerLeftIcon: { type: import("vue").PropType<TdCollapsePanelProps['headerLeftIcon']>; }; headerRightContent: { type: import("vue").PropType<TdCollapsePanelProps['headerRightContent']>; }; placement: { type: import("vue").PropType<TdCollapsePanelProps['placement']>; default: TdCollapsePanelProps['placement']; validator(val: TdCollapsePanelProps['placement']): boolean; }; value: { type: import("vue").PropType<TdCollapsePanelProps['value']>; }; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { destroyOnCollapse: boolean; disabled: boolean; expandIcon: boolean | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue); placement: "bottom" | "top"; }, true, {}, {}, { TCell: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ align: { type: import("vue").PropType<import("@/cell").TdCellProps['align']>; default: import("@/cell").TdCellProps['align']; validator(val: import("@/cell").TdCellProps['align']): boolean; }; arrow: BooleanConstructor; bordered: { type: BooleanConstructor; default: boolean; }; description: { type: import("vue").PropType<import("@/cell").TdCellProps['description']>; }; hover: BooleanConstructor; image: { type: import("vue").PropType<import("@/cell").TdCellProps['image']>; }; leftIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['leftIcon']>; }; note: { type: import("vue").PropType<import("@/cell").TdCellProps['note']>; }; required: BooleanConstructor; rightIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['rightIcon']>; }; title: { type: import("vue").PropType<import("@/cell").TdCellProps['title']>; }; onClick: import("vue").PropType<import("@/cell").TdCellProps['onClick']>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { align: "bottom" | "middle" | "top"; arrow: boolean; bordered: boolean; hover: boolean; required: boolean; }, true, {}, {}, import("vue").GlobalComponents, { Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>; } & import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ align: { type: import("vue").PropType<import("@/cell").TdCellProps['align']>; default: import("@/cell").TdCellProps['align']; validator(val: import("@/cell").TdCellProps['align']): boolean; }; arrow: BooleanConstructor; bordered: { type: BooleanConstructor; default: boolean; }; description: { type: import("vue").PropType<import("@/cell").TdCellProps['description']>; }; hover: BooleanConstructor; image: { type: import("vue").PropType<import("@/cell").TdCellProps['image']>; }; leftIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['leftIcon']>; }; note: { type: import("vue").PropType<import("@/cell").TdCellProps['note']>; }; required: BooleanConstructor; rightIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['rightIcon']>; }; title: { type: import("vue").PropType<import("@/cell").TdCellProps['title']>; }; onClick: import("vue").PropType<import("@/cell").TdCellProps['onClick']>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { align: "bottom" | "middle" | "top"; arrow: boolean; bordered: boolean; hover: boolean; required: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ align: { type: import("vue").PropType<import("@/cell").TdCellProps['align']>; default: import("@/cell").TdCellProps['align']; validator(val: import("@/cell").TdCellProps['align']): boolean; }; arrow: BooleanConstructor; bordered: { type: BooleanConstructor; default: boolean; }; description: { type: import("vue").PropType<import("@/cell").TdCellProps['description']>; }; hover: BooleanConstructor; image: { type: import("vue").PropType<import("@/cell").TdCellProps['image']>; }; leftIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['leftIcon']>; }; note: { type: import("vue").PropType<import("@/cell").TdCellProps['note']>; }; required: BooleanConstructor; rightIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['rightIcon']>; }; title: { type: import("vue").PropType<import("@/cell").TdCellProps['title']>; }; onClick: import("vue").PropType<import("@/cell").TdCellProps['onClick']>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { align: "bottom" | "middle" | "top"; arrow: boolean; bordered: boolean; hover: boolean; required: boolean; }, {}, string, {}, import("vue").GlobalComponents, { Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>; } & import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ content: { type: import("vue").PropType<TdCollapsePanelProps['content']>; }; default: { type: import("vue").PropType<TdCollapsePanelProps['default']>; }; destroyOnCollapse: BooleanConstructor; disabled: { type: BooleanConstructor; default: any; }; expandIcon: { type: import("vue").PropType<TdCollapsePanelProps['expandIcon']>; default: any; }; header: { type: import("vue").PropType<TdCollapsePanelProps['header']>; }; headerLeftIcon: { type: import("vue").PropType<TdCollapsePanelProps['headerLeftIcon']>; }; headerRightContent: { type: import("vue").PropType<TdCollapsePanelProps['headerRightContent']>; }; placement: { type: import("vue").PropType<TdCollapsePanelProps['placement']>; default: TdCollapsePanelProps['placement']; validator(val: TdCollapsePanelProps['placement']): boolean; }; value: { type: import("vue").PropType<TdCollapsePanelProps['value']>; }; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { destroyOnCollapse: boolean; disabled: boolean; expandIcon: boolean | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue); placement: "bottom" | "top"; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ content: { type: import("vue").PropType<TdCollapsePanelProps['content']>; }; default: { type: import("vue").PropType<TdCollapsePanelProps['default']>; }; destroyOnCollapse: BooleanConstructor; disabled: { type: BooleanConstructor; default: any; }; expandIcon: { type: import("vue").PropType<TdCollapsePanelProps['expandIcon']>; default: any; }; header: { type: import("vue").PropType<TdCollapsePanelProps['header']>; }; headerLeftIcon: { type: import("vue").PropType<TdCollapsePanelProps['headerLeftIcon']>; }; headerRightContent: { type: import("vue").PropType<TdCollapsePanelProps['headerRightContent']>; }; placement: { type: import("vue").PropType<TdCollapsePanelProps['placement']>; default: TdCollapsePanelProps['placement']; validator(val: TdCollapsePanelProps['placement']): boolean; }; value: { type: import("vue").PropType<TdCollapsePanelProps['value']>; }; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { destroyOnCollapse: boolean; disabled: boolean; expandIcon: boolean | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue); placement: "bottom" | "top"; }, {}, string, {}, { TCell: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ align: { type: import("vue").PropType<import("@/cell").TdCellProps['align']>; default: import("@/cell").TdCellProps['align']; validator(val: import("@/cell").TdCellProps['align']): boolean; }; arrow: BooleanConstructor; bordered: { type: BooleanConstructor; default: boolean; }; description: { type: import("vue").PropType<import("@/cell").TdCellProps['description']>; }; hover: BooleanConstructor; image: { type: import("vue").PropType<import("@/cell").TdCellProps['image']>; }; leftIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['leftIcon']>; }; note: { type: import("vue").PropType<import("@/cell").TdCellProps['note']>; }; required: BooleanConstructor; rightIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['rightIcon']>; }; title: { type: import("vue").PropType<import("@/cell").TdCellProps['title']>; }; onClick: import("vue").PropType<import("@/cell").TdCellProps['onClick']>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, { align: "bottom" | "middle" | "top"; arrow: boolean; bordered: boolean; hover: boolean; required: boolean; }, true, {}, {}, import("vue").GlobalComponents, { Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>; } & import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ align: { type: import("vue").PropType<import("@/cell").TdCellProps['align']>; default: import("@/cell").TdCellProps['align']; validator(val: import("@/cell").TdCellProps['align']): boolean; }; arrow: BooleanConstructor; bordered: { type: BooleanConstructor; default: boolean; }; description: { type: import("vue").PropType<import("@/cell").TdCellProps['description']>; }; hover: BooleanConstructor; image: { type: import("vue").PropType<import("@/cell").TdCellProps['image']>; }; leftIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['leftIcon']>; }; note: { type: import("vue").PropType<import("@/cell").TdCellProps['note']>; }; required: BooleanConstructor; rightIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['rightIcon']>; }; title: { type: import("vue").PropType<import("@/cell").TdCellProps['title']>; }; onClick: import("vue").PropType<import("@/cell").TdCellProps['onClick']>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { align: "bottom" | "middle" | "top"; arrow: boolean; bordered: boolean; hover: boolean; required: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ align: { type: import("vue").PropType<import("@/cell").TdCellProps['align']>; default: import("@/cell").TdCellProps['align']; validator(val: import("@/cell").TdCellProps['align']): boolean; }; arrow: BooleanConstructor; bordered: { type: BooleanConstructor; default: boolean; }; description: { type: import("vue").PropType<import("@/cell").TdCellProps['description']>; }; hover: BooleanConstructor; image: { type: import("vue").PropType<import("@/cell").TdCellProps['image']>; }; leftIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['leftIcon']>; }; note: { type: import("vue").PropType<import("@/cell").TdCellProps['note']>; }; required: BooleanConstructor; rightIcon: { type: import("vue").PropType<import("@/cell").TdCellProps['rightIcon']>; }; title: { type: import("vue").PropType<import("@/cell").TdCellProps['title']>; }; onClick: import("vue").PropType<import("@/cell").TdCellProps['onClick']>; }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { align: "bottom" | "middle" | "top"; arrow: boolean; bordered: boolean; hover: boolean; required: boolean; }, {}, string, {}, import("vue").GlobalComponents, { Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>; } & import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; export default Collapse;