1.0.0 • Published 6 years ago

newoa-search-form v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

newoa-search-form

newoa-search-form 用于简化在列表查询中添加查询表单的编码。

  • 更便捷的布局
  • 与列表查询上下文交互,完成查询条件的传递
  • 自管理展开、收缩 (由 SearchFormState 管理)
  • 提供便捷的 SearchButton、ResetButton 和 ExpandButton,以及它们的合辑 SearchFormButtons

示例:

import { Column } from 'sinoui-components';
import { Label, TextInput } from 'sinoui-data-table';
import SearchForm, {
  SearchFormItem,
  SearchFormButtons,
} from 'newoa-search-form';

export default function Demo() {
  return (
    <SearchForm gutter={48}>
      <SearchFormItem flex={8}>
        <Label>用户名</Label>
        <TextInput placeholder="请输入用户名" />
      </SearchFormItem>
      <SearchFormItem flex={8}>
        <Label>用户名</Label>
        <TextInput placeholder="请输入用户名" />
      </SearchFormItem>
      <SearchFormButtons />
    </SearchForm>
  );
}