文本框

组件模式

单行文本

单行文本输入框。
schema:

{
  "type": "input"
}

密码框

带有密码保护的单行文本输入框。
输入框右侧的 👁 图标可以切换密码的显示和隐藏。
schema:

{
  "type": "input",
  "isPassword": true // 默认值为空，多密码框时值为 true
}

多行文本

多行文本输入框（textarea）。
schema:

{
  "type": "input",
  "mode": "textarea" // 默认值为空，多行文本时值为 "textarea"
}

前后复合

在单行输入框或密码框前后拼接提示文字。

schema:

{
  "type": "input",
  "prepend": "https://", // 前复合文本，默认值为空
  "append": "￥" // 后复合文本，默认值为空
}

注意事项

1. 目前只支持文本类型的简单复合。
2. 多行文本不支持复合。

可清空

在单行输入框或密码框中展示清空 × 按钮。

schema:

{
  "type": "input",
  "clearable": true // 默认值为空，可清空时为 true
}

占位符

在文本框内容为空时所展示的提示信息。

schema:

{
  "type": "input",
  "placeholder": "请输入 xxxx"
}

自适高度

在多行文本模式组件高度是否会根据内容长度自适应。
开启【自适高度】后，可以进一步设置组件的【最小行数】和【最大行数】。
【最小行数】默认值为 2；
【最大行数】默认值为空，此时组件没有最大行数限制
schema:

{
  "type": "input",
  "autosize": true, // 默认值为空，开启高度自适应时为 true
  "minRows": 2, // 在 autosize 值为 true 的情况下，
                // 设置最小行数，默认值为 2
  "maxRows": 6  // 在 autosize 值为 true 的情况下，
                // 设置最小行数，默认值为空
                // 值为空时没有最大行数限制
}