UNPKG

@vrx-arco/pro-components

Version:

<p align="center"> <img src="https://vrx-arco.github.io/arco-design-pro/favicon.svg" width="200" height="250"> </p>

167 lines (166 loc) 4.27 kB
import { PropType } from 'vue'; import { FieldRule } from '@arco-design/web-vue'; import { CardListColumnGrid } from '../ProCardList'; export declare const SearchBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ /** * 数据源 * 如需要使用自动重置,自动验证功能 该选项必填* */ model: { type: ObjectConstructor; default: () => {}; }; /** * label 的栅格布局 */ labelColProps: ObjectConstructor; /** * content 的栅格布局 */ wrapperColProps: ObjectConstructor; /** * 禁用表单 */ disabled: BooleanConstructor; /** * 表单验证规则 */ rules: PropType<FieldRule | FieldRule[]>; /** * 点击重置按钮的时候根据`model` 初始值自动重置表单 */ resetOnButtonClick: { type: BooleanConstructor; default: boolean; }; /** * 点击搜索按钮的时候触发验证 */ validOnButtonClick: { type: BooleanConstructor; default: boolean; }; onSearch: PropType<(model: any) => Promise<any>>; onReset: PropType<(model: any) => Promise<any>>; /** * 表单栅格布局 */ column: { type: PropType<number | CardListColumnGrid>; default: () => { xs: number; sm: number; md: number; lg: number; xl: number; xxl: number; }; }; /** * 劫持`search-bar-item` 第一个元素 自动绑定 `v-model` */ autoUpdate: { type: BooleanConstructor; default: boolean; }; /** * 隐藏重置按钮 */ hideReset: { type: BooleanConstructor; default: boolean; }; /** * 隐藏操作栏 */ hideAction: { type: BooleanConstructor; default: boolean; }; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "reset")[], "search" | "reset", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ /** * 数据源 * 如需要使用自动重置,自动验证功能 该选项必填* */ model: { type: ObjectConstructor; default: () => {}; }; /** * label 的栅格布局 */ labelColProps: ObjectConstructor; /** * content 的栅格布局 */ wrapperColProps: ObjectConstructor; /** * 禁用表单 */ disabled: BooleanConstructor; /** * 表单验证规则 */ rules: PropType<FieldRule | FieldRule[]>; /** * 点击重置按钮的时候根据`model` 初始值自动重置表单 */ resetOnButtonClick: { type: BooleanConstructor; default: boolean; }; /** * 点击搜索按钮的时候触发验证 */ validOnButtonClick: { type: BooleanConstructor; default: boolean; }; onSearch: PropType<(model: any) => Promise<any>>; onReset: PropType<(model: any) => Promise<any>>; /** * 表单栅格布局 */ column: { type: PropType<number | CardListColumnGrid>; default: () => { xs: number; sm: number; md: number; lg: number; xl: number; xxl: number; }; }; /** * 劫持`search-bar-item` 第一个元素 自动绑定 `v-model` */ autoUpdate: { type: BooleanConstructor; default: boolean; }; /** * 隐藏重置按钮 */ hideReset: { type: BooleanConstructor; default: boolean; }; /** * 隐藏操作栏 */ hideAction: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onReset?: ((...args: any[]) => any) | undefined; onSearch?: ((...args: any[]) => any) | undefined; }>, { disabled: boolean; model: Record<string, any>; column: number | CardListColumnGrid; autoUpdate: boolean; resetOnButtonClick: boolean; validOnButtonClick: boolean; hideReset: boolean; hideAction: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;