UNPKG

nutui-taro-upgrade

Version:

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

219 lines (218 loc) 6.82 kB
import { VNode, Ref, CSSProperties, PropType } from 'vue'; import { JoySmile } from '@nutui/icons-vue-taro'; import { type TabsDirection, type TabsSize, type TabsType, type TabsAlign } from './types'; export declare class Title { title: string; titleSlot?: VNode[]; paneKey: string; disabled: boolean; constructor(); } declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ modelValue: { type: (NumberConstructor | StringConstructor)[]; default: number; }; color: { type: StringConstructor; default: string; }; direction: { type: PropType<TabsDirection>; default: string; }; size: { type: PropType<TabsSize>; default: string; }; type: { type: PropType<TabsType>; default: string; }; titleScroll: { type: BooleanConstructor; default: boolean; }; ellipsis: { type: BooleanConstructor; default: boolean; }; swipeable: { type: BooleanConstructor; default: boolean; }; autoHeight: { type: BooleanConstructor; default: boolean; }; background: { type: StringConstructor; default: string; }; animatedTime: { type: (NumberConstructor | StringConstructor)[]; default: number; }; titleGutter: { type: (NumberConstructor | StringConstructor)[]; default: number; }; sticky: { type: BooleanConstructor; default: boolean; }; top: { type: NumberConstructor; default: number; }; align: { type: PropType<TabsAlign>; default: string; }; }>, { onTouchStart(event: TouchEvent): void; onTouchMove(event: TouchEvent): void; onTouchEnd(): void; isBegin: () => boolean; isEnd: () => boolean; next: () => void; prev: () => void; updateValue: (item: Title) => void; tabChange: (item: Title, index: number) => void; setTabItemRef: (el: HTMLElement, index: number) => void; titles: Ref<Title[], Title[]>; tabsContentRef: Ref<HTMLElement | undefined, HTMLElement | undefined>; contentStyle: import("vue").ComputedRef<CSSProperties>; tabsNavStyle: import("vue").ComputedRef<{ background: string; }>; titleStyle: import("vue").ComputedRef<{ paddingTop?: undefined; paddingBottom?: undefined; paddingLeft?: undefined; paddingRight?: undefined; } | { paddingTop: string | undefined; paddingBottom: string | undefined; paddingLeft?: undefined; paddingRight?: undefined; } | { paddingLeft: string | undefined; paddingRight: string | undefined; paddingTop?: undefined; paddingBottom?: undefined; }>; tabsActiveStyle: import("vue").ComputedRef<{ color: string; background: string; }>; container: Ref<null, null>; scrollLeft: Ref<number, number>; scrollTop: Ref<number, number>; getScrollX: import("vue").ComputedRef<boolean>; getScrollY: import("vue").ComputedRef<boolean>; scrollWithAnimation: Ref<boolean, boolean>; canShowLabel: Ref<boolean, boolean>; refRandomId: string; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "click" | "update:modelValue")[], "change" | "click" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ modelValue: { type: (NumberConstructor | StringConstructor)[]; default: number; }; color: { type: StringConstructor; default: string; }; direction: { type: PropType<TabsDirection>; default: string; }; size: { type: PropType<TabsSize>; default: string; }; type: { type: PropType<TabsType>; default: string; }; titleScroll: { type: BooleanConstructor; default: boolean; }; ellipsis: { type: BooleanConstructor; default: boolean; }; swipeable: { type: BooleanConstructor; default: boolean; }; autoHeight: { type: BooleanConstructor; default: boolean; }; background: { type: StringConstructor; default: string; }; animatedTime: { type: (NumberConstructor | StringConstructor)[]; default: number; }; titleGutter: { type: (NumberConstructor | StringConstructor)[]; default: number; }; sticky: { type: BooleanConstructor; default: boolean; }; top: { type: NumberConstructor; default: number; }; align: { type: PropType<TabsAlign>; default: string; }; }>> & Readonly<{ onClick?: ((...args: any[]) => any) | undefined; onChange?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; }>, { color: string; type: TabsType; size: TabsSize; top: number; background: string; ellipsis: boolean; sticky: boolean; direction: TabsDirection; align: TabsAlign; modelValue: string | number; titleScroll: boolean; swipeable: boolean; autoHeight: boolean; animatedTime: string | number; titleGutter: string | number; }, {}, { JoySmile: typeof JoySmile; NutScrollView: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{}> & Readonly<{}>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => { $slots: { default?(_: {}): any; }; }); }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export default _default;