nutui-taro-upgrade
Version:
@nutui/nutui-taro 对京东风格组件库的taro4 版本支持
196 lines (195 loc) • 5.86 kB
TypeScript
import { PropType, Ref, CSSProperties } from 'vue';
import { CircleClose } from '@nutui/icons-vue-taro';
import { SearchbarConfirmType, SearchbarInputAlign, SearchbarShape } from './types';
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
modelValue: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
inputType: {
type: StringConstructor;
default: string;
};
shape: {
type: PropType<SearchbarShape>;
default: string;
};
maxLength: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
placeholder: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearIcon: {
type: ObjectConstructor;
default: () => typeof CircleClose;
};
background: {
type: StringConstructor;
default: string;
};
inputBackground: {
type: StringConstructor;
default: string;
};
focusStyle: {
type: ObjectConstructor;
default: () => {};
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
inputAlign: {
type: PropType<SearchbarInputAlign>;
default: string;
};
confirmType: {
type: PropType<SearchbarConfirmType>;
default: string;
};
safeAreaInsetBottom: {
type: BooleanConstructor;
default: boolean;
};
cursorSpacing: {
type: NumberConstructor;
default: number;
};
}>, {
valueChange: (event: Event) => void;
valueFocus: (event: Event) => void;
valueBlur: (event: Event) => void;
handleClear: (event: Event) => void;
handleSubmit: () => void;
searchbarStyle: import("vue").ComputedRef<{
background: string;
}>;
inputSearchbarStyle: import("vue").ComputedRef<{
background: string;
}>;
focusCss: Ref<{}, {}>;
translate: (keyPath: string, ...args: unknown[]) => any;
clickInput: (event: Event) => void;
leftIconClick: (event: Event) => void;
rightIconClick: (event: Event) => void;
styleSearchbar: import("vue").ComputedRef<CSSProperties>;
disabled: import("vue").ComputedRef<boolean>;
active: Ref<boolean, boolean>;
renderIcon: (icon: import("vue").Component, props?: any) => "" | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>;
inputsearch: Ref<HTMLElement | null, HTMLElement | null>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "search" | "clear" | "update:modelValue" | "clickInput" | "clickLeftIcon" | "clickRightIcon")[], "blur" | "change" | "focus" | "search" | "clear" | "update:modelValue" | "clickInput" | "clickLeftIcon" | "clickRightIcon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
inputType: {
type: StringConstructor;
default: string;
};
shape: {
type: PropType<SearchbarShape>;
default: string;
};
maxLength: {
type: (NumberConstructor | StringConstructor)[];
default: string;
};
placeholder: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearIcon: {
type: ObjectConstructor;
default: () => typeof CircleClose;
};
background: {
type: StringConstructor;
default: string;
};
inputBackground: {
type: StringConstructor;
default: string;
};
focusStyle: {
type: ObjectConstructor;
default: () => {};
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
inputAlign: {
type: PropType<SearchbarInputAlign>;
default: string;
};
confirmType: {
type: PropType<SearchbarConfirmType>;
default: string;
};
safeAreaInsetBottom: {
type: BooleanConstructor;
default: boolean;
};
cursorSpacing: {
type: NumberConstructor;
default: number;
};
}>> & Readonly<{
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onSearch?: ((...args: any[]) => any) | undefined;
onClear?: ((...args: any[]) => any) | undefined;
onClickInput?: ((...args: any[]) => any) | undefined;
onClickLeftIcon?: ((...args: any[]) => any) | undefined;
onClickRightIcon?: ((...args: any[]) => any) | undefined;
}>, {
shape: SearchbarShape;
disabled: boolean;
background: string;
safeAreaInsetBottom: boolean;
placeholder: string;
modelValue: string | number;
inputType: string;
maxLength: string | number;
clearable: boolean;
clearIcon: Record<string, any>;
inputBackground: string;
focusStyle: Record<string, any>;
autofocus: boolean;
readonly: boolean;
inputAlign: SearchbarInputAlign;
confirmType: SearchbarConfirmType;
cursorSpacing: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;