Input 输入框

对Taro Input的封装，新增了一些属性，基本不带样式，需要自行编写样式

示例

import { Header, ScrollView, TopView, Form, FormItem, Card, Divider, DividerGroup, Input, InputSearch, toast } from '@/duxuiExample'

export default function InputExample() {
  return <TopView>
    <Header title='Input' />
    <Form onSubmit={console.log}>
      <ScrollView>
        <Card margin verticalPadding={false}>
          <DividerGroup>
            <FormItem label='输入框' field='input1'>
              <Input placeholder='请输入' grow />
            </FormItem>
            <FormItem label='文本在右' field='input2'>
              <Input placeholder='请输入' align='right' grow />
            </FormItem>
            <FormItem label='搜索输入' field='input3'
              desc='使用防抖处理的输入框'
            >
              <InputSearch placeholder='请输入关键词' align='right' grow
                onChange={e => toast('触发输入:' + e)}
              />
            </FormItem>
          </DividerGroup>
        </Card>
      </ScrollView>
    </Form>
  </TopView>
}

Props

继承自Taro的Input Props

grow

设置为true相当于 flex: 1

类型	必填	默认值
boolean	否	false

shrink

设置为true相当于 flex-shrink: 0

类型	必填	默认值
boolean	否	false

self

对 align-self 的封装

类型	必填	默认值
enum('start', 'end', 'center', 'baseline', 'stretch')	否

align

输入框文本对齐方式

类型	必填	默认值
enum('left', 'center', 'right')	否	left

onChange

值变化回调函数

类型	必填	默认值
(value: string) => void	否

defaultValue

默认值

类型	必填	默认值
string	否

InputSearch Props

继承自Input Props

这个组件是Input的封装，当用户快速输入时，进行了节流处理