mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 20:09:08 +08:00
Merge remote-tracking branch 'baidu/master'
This commit is contained in:
2betop
commit
a71ab58c44
@ -72,22 +72,22 @@ order: 27
|
||||
|
||||
除了支持 [普通表单项属性表](./formitem#%E5%B1%9E%E6%80%A7%E8%A1%A8) 中的配置以外，还支持下面一些配置
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------------- | ------------------------------- | ------------ | ----------------------------------------------------------------------------------------------------- |
|
||||
| reciever | [API](../../types/api) | | 上传文件接口 |
|
||||
| accept | `string` | `text/plain` | 默认只支持`image/jpeg, image/jpg, image/png, image/gif`，要支持其他类型，请配置此属性为图片后缀`.xxx` |
|
||||
| maxSize | `string` | | 默认没有限制，当设置后，文件大小大于此值将不允许上传。单位为`KB` |
|
||||
| maxLength | `number` | | 默认没有限制，当设置后，一次只允许上传指定数量文件。 |
|
||||
| multiple | `boolean` | `false` | 是否多选。 |
|
||||
| joinValues | `boolean` | `true` | [拼接值](./options#%E6%8B%BC%E6%8E%A5%E5%80%BC-joinvalues) |
|
||||
| extractValue | `boolean` | `false` | [提取值](./options#%E6%8F%90%E5%8F%96%E5%A4%9A%E9%80%89%E5%80%BC-extractvalue) |
|
||||
| delimeter | `string` | `,` | [拼接符](./options#%E6%8B%BC%E6%8E%A5%E7%AC%A6-delimiter) |
|
||||
| autoUpload | `boolean` | `true` | 否选择完就自动开始上传 |
|
||||
| hideUploadButton | `boolean` | `false` | 隐藏上传按钮 |
|
||||
| fileField | `string` | `file` | 如果你不想自己存储，则可以忽略此属性。 |
|
||||
| crop | `boolean`或`{"aspectRatio":""}` | | 用来设置是否支持裁剪。 |
|
||||
| crop.aspectRatio | `number` | | 裁剪比例。浮点型，默认 `1` 即 `1:1`，如果要设置 `16:9` 请设置 `1.7777777777777777` 即 `16 / 9`。。 |
|
||||
| limit | Limit | | 限制图片大小，超出不让上传。 |
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------------- | ------------------------------- | ---------------------- | -------------------------------------------------------------------------------------------------- |
|
||||
| reciever | [API](../../types/api) | | 上传文件接口 |
|
||||
| accept | `string` | `.jpeg,.jpg,.png,.gif` | 支持的图片类型格式，请配置此属性为图片后缀，例如`.jpg,.png` |
|
||||
| maxSize | `string` | | 默认没有限制，当设置后，文件大小大于此值将不允许上传。单位为`KB` |
|
||||
| maxLength | `number` | | 默认没有限制，当设置后，一次只允许上传指定数量文件。 |
|
||||
| multiple | `boolean` | `false` | 是否多选。 |
|
||||
| joinValues | `boolean` | `true` | [拼接值](./options#%E6%8B%BC%E6%8E%A5%E5%80%BC-joinvalues) |
|
||||
| extractValue | `boolean` | `false` | [提取值](./options#%E6%8F%90%E5%8F%96%E5%A4%9A%E9%80%89%E5%80%BC-extractvalue) |
|
||||
| delimeter | `string` | `,` | [拼接符](./options#%E6%8B%BC%E6%8E%A5%E7%AC%A6-delimiter) |
|
||||
| autoUpload | `boolean` | `true` | 否选择完就自动开始上传 |
|
||||
| hideUploadButton | `boolean` | `false` | 隐藏上传按钮 |
|
||||
| fileField | `string` | `file` | 如果你不想自己存储，则可以忽略此属性。 |
|
||||
| crop | `boolean`或`{"aspectRatio":""}` | | 用来设置是否支持裁剪。 |
|
||||
| crop.aspectRatio | `number` | | 裁剪比例。浮点型，默认 `1` 即 `1:1`，如果要设置 `16:9` 请设置 `1.7777777777777777` 即 `16 / 9`。。 |
|
||||
| limit | Limit | | 限制图片大小，超出不让上传。 |
|
||||
|
||||
### Limit 属性表
|
||||
|
||||
|
||||
@ -353,6 +353,7 @@ order: 2
|
||||
```schema:height="400" scope="body"
|
||||
{
|
||||
"type": "form",
|
||||
"debug": true,
|
||||
"data": {
|
||||
"options": [
|
||||
{
|
||||
@ -390,37 +391,7 @@ order: 2
|
||||
}
|
||||
```
|
||||
|
||||
## 检索 searchable
|
||||
|
||||
可以配置 `"searchable": true` 显示前端过滤，适合用于有大量内容的列表。
|
||||
|
||||
```schema:height="400" scope="body"
|
||||
{
|
||||
"type": "form",
|
||||
"controls": [
|
||||
{
|
||||
"label": "选项",
|
||||
"type": "select",
|
||||
"name": "select",
|
||||
"searchable": true,
|
||||
"options": [
|
||||
{
|
||||
"label":"A",
|
||||
"value":"a"
|
||||
},
|
||||
{
|
||||
"label":"B",
|
||||
"value":"b"
|
||||
},
|
||||
{
|
||||
"label":"C",
|
||||
"value":"c"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
默认多选的值格式为逗号拼接 value 值，例如：`1,2,3`，如果需要改变值格式，请阅读下面 [拼接符 delimiter](#%E6%8B%BC%E6%8E%A5%E7%AC%A6-delimiter)、[拼接值 joinValues](#%E6%8B%BC%E6%8E%A5%E5%80%BC-joinvalues) 和 [提取多选值 extractValue](#%E6%8F%90%E5%8F%96%E5%A4%9A%E9%80%89%E5%80%BC-extractvalue)配置项。
|
||||
|
||||
## 拼接符 delimiter
|
||||
|
||||
@ -734,6 +705,38 @@ order: 2
|
||||
}
|
||||
```
|
||||
|
||||
## 检索 searchable
|
||||
|
||||
可以配置 `"searchable": true` 显示前端过滤，适合用于有大量内容的列表。
|
||||
|
||||
```schema:height="400" scope="body"
|
||||
{
|
||||
"type": "form",
|
||||
"controls": [
|
||||
{
|
||||
"label": "选项",
|
||||
"type": "select",
|
||||
"name": "select",
|
||||
"searchable": true,
|
||||
"options": [
|
||||
{
|
||||
"label":"A",
|
||||
"value":"a"
|
||||
},
|
||||
{
|
||||
"label":"B",
|
||||
"value":"b"
|
||||
},
|
||||
{
|
||||
"label":"C",
|
||||
"value":"c"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
## 自动补全 autoComplete
|
||||
|
||||
```schema:height="400" scope="body"
|
||||
|
||||
@ -1,12 +1,13 @@
|
||||
---
|
||||
title: Textarea 多行文本输入框
|
||||
description:
|
||||
description:
|
||||
type: 0
|
||||
group: null
|
||||
menuName: Textarea 多行文本输入框
|
||||
icon:
|
||||
icon:
|
||||
order: 57
|
||||
---
|
||||
|
||||
## 基本使用
|
||||
|
||||
```schema:height="400" scope="body"
|
||||
@ -15,9 +16,10 @@ order: 57
|
||||
"api": "https://houtai.baidu.com/api/mock2/form/saveForm",
|
||||
"controls": [
|
||||
{
|
||||
"name": "textarea",
|
||||
"type": "textarea",
|
||||
"label": "多行文本"
|
||||
"name": "textarea",
|
||||
"type": "textarea",
|
||||
"label": "多行文本"
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
@ -31,10 +33,3 @@ order: 57
|
||||
| minRows | `number` | | 最小行数 |
|
||||
| maxRows | `number` | | 最大行数 |
|
||||
| trimContents | `boolean` | | 是否去除首尾空白文本。 |
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -36,7 +36,7 @@ export const docs = [
|
||||
|
||||
{
|
||||
label: '常见问题',
|
||||
path: '/docs/start/ faq',
|
||||
path: '/docs/start/faq',
|
||||
getComponent: (location, cb) =>
|
||||
require(['../../docs/start/faq.md'], doc => {
|
||||
cb(null, makeMarkdownRenderer(doc));
|
||||
|
||||
Loading…
Reference in New Issue
Block a user