添加 docsearch

docs/renderers/Action.md

@@ -1,8 +1,8 @@
-### Action
+# Action
 
 Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触发事件。
 
-#### 通用配置项
+## 通用配置项
 所有`actionType`都支持的通用配置项
 
 | 属性名           | 类型      | 默认值      | 说明                                                                                                                                                             |
@@ -26,7 +26,7 @@ Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触
 
 下面会分别介绍每种类型的Action配置项
 
-#### ajax
+## ajax
 | 属性名     | 类型                    | 默认值 | 说明                                                                                                                                      |
 | ---------- | ----------------------- | ------ | ----------------------------------------------------------------------------------------------------------------------------------------- |
 | actionType | `string`                | `ajax` | 发送请求                                                                                                                                  |
@@ -35,45 +35,45 @@ Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触
 | feedback   | `DialogObject`          | -      | 如果 ajax 类型的，当 ajax 返回正常后，还能接着弹出一个 dialog 做其他交互。返回的数据可用于这个 dialog 中。格式可参考[Dialog](./Dialog.md) |
 | messages   | `object`                | -      | `success`：ajax 操作成功后提示，可以不指定，不指定时以 api 返回为准。`failed`：ajax 操作失败提示。                                        |
 
-#### link
+## link
 | 属性名     | 类型     | 默认值 | 说明                                                                                                                |
 | ---------- | -------- | ------ | ------------------------------------------------------------------------------------------------------------------- |
 | actionType | `string` | `link` | 单页跳转                                                                                                            |
 | link       | `string` | `link` | 用来指定跳转地址，跟 url 不同的是，这是单页跳转方式，不会渲染浏览器，请指定 amis 平台内的页面。可用 `${xxx}` 取值。 |
 
-#### url
+## url
 | 属性名     | 类型      | 默认值  | 说明                                             |
 | ---------- | --------- | ------- | ------------------------------------------------ |
 | actionType | `string`  | `url`   | 页面跳转                                         |
 | url        | `string`  | -       | 按钮点击后，会打开指定页面。可用 `${xxx}` 取值。 |
 | blank      | `boolean` | `false` | 如果为 `true` 将在新tab页面打开。                |
 
-#### dialog
+## dialog
 | 属性名        | 类型                       | 默认值   | 说明                                          |
 | ------------- | -------------------------- | -------- | --------------------------------------------- |
 | actionType    | `string`                   | `dialog` | 点击后显示一个弹出框                          |
 | dialog        | `string` 或 `DialogObject` | -        | 指定弹框内容，格式可参考[Dialog](./Dialog.md) |
 | nextCondition | `boolean`                  | -        | 可以用来设置下一条数据的条件，默认为 `true`。 |
 
-#### drawer
+## drawer
 | 属性名     | 类型                       | 默认值   | 说明                                          |
 | ---------- | -------------------------- | -------- | --------------------------------------------- |
 | actionType | `string`                   | `drawer` | 点击后显示一个侧边栏                          |
 | drawer     | `string` 或 `DrawerObject` | -        | 指定弹框内容，格式可参考[Drawer](./Drawer.md) |
 
-#### copy
+## copy
 | 属性名     | 类型     | 默认值 | 说明                                 |
 | ---------- | -------- | ------ | ------------------------------------ |
 | actionType | `string` | `copy` | 复制一段内容到粘贴板                 |
 | content    | `string` | -      | 指定复制的内容。可用 `${xxx}` 取值。 |
 
-### reload
+## reload
 | 属性名     | 类型     | 默认值   | 说明                                                                        |
 | ---------- | -------- | -------- | --------------------------------------------------------------------------- |
 | actionType | `string` | `reload` | 刷新目标组件                                                                |
 | target     | `string` | -        | 需要刷新的目标组件名字（组件的`name`值，自己配置的），多个请用 `,` 号隔开。 |
 
-#### add
+## add
 该actionType为[FormItem-Table](./FormItem-Table.md)专用
 
 | 属性名     | 类型     | 默认值 | 说明                                                                   |
@@ -81,7 +81,7 @@ Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触
 | actionType | `string` | `add`  | 给指定`FormItem-Table`添加一条数据，                                   |
 | target     | `string` | -      | 指定`FormItem-Table`的名字（`Table`的`name`值），多个请用 `,` 号隔开。 |
 
-#### 其他配置项
+## 其他配置项
 | 属性名   | 类型            | 默认值  | 说明                                                                                                        |
 | -------- | --------------- | ------- | ----------------------------------------------------------------------------------------------------------- |
 | close    | `boolean`       | `false` | 当`action`配置在`dialog`或`drawer`的`actions`中时，配置为`true`指定此次操作完后关闭当前`dialog`或`drawer`。 |

docs/renderers/Audio.md

@@ -1,4 +1,4 @@
-### Audio
+# Audio
 
 音频播放器
 

docs/renderers/Button-Group.md

@@ -1,4 +1,4 @@
-## Button-Group
+# Button-Group
 
 按钮集合。
 

docs/renderers/CRUD-Cards.md

@@ -1,4 +1,4 @@
-### Cards(CRUD)
+## Cards(CRUD)
 
 请参考[Cards](./Cards.md)
 

docs/renderers/CRUD-List.md

@@ -1,4 +1,4 @@
-### List(CRUD)
+## List(CRUD)
 
 请参考[List](./List.md)
 

docs/renderers/CRUD-Table.md

@@ -1,4 +1,4 @@
-### Table(CRUD)
+## Table(CRUD)
 
 在 CRUD 中的 Table 主要增加了 Column 里面的以下配置功能，更多参数，请参考[Table](./Table.md)
 

docs/renderers/CRUD.md

@@ -1,4 +1,4 @@
-### CRUD
+# CRUD
 
 增删改查模型，主要用来展现列表，并支持各类【增】【删】【改】【查】的操作。
 

docs/renderers/Card.md

@@ -1,4 +1,4 @@
-## Card
+# Card
 
 卡片的展示形式。
 

docs/renderers/Cards.md

@@ -1,4 +1,4 @@
-## Cards
+# Cards
 
 卡片集合。
 

docs/renderers/Carousel.md

@@ -1,4 +1,4 @@
-### Carousel
+# Carousel
 
 轮播图
 

docs/renderers/Chart.md

@@ -1,4 +1,4 @@
-### Chart
+# Chart
 
 图表渲染器，采用 echarts 渲染，配置格式跟 echarts 相同，配置文档[文档](http://echarts.baidu.com/option.html#title)
 

docs/renderers/Collapse.md

@@ -1,4 +1,4 @@
-### Collapse
+# Collapse
 
 折叠器
 

docs/renderers/Column.md

@@ -1,4 +1,4 @@
-### Column
+# Column
 
 表格中的列配置
 

docs/renderers/Dialog.md

@@ -1,4 +1,4 @@
-### Dialog
+# Dialog
 
 Dialog 由 [Action](./Action.md) 触发。他是一个类似于 [Page](./Page.md) 的容器模型。
 

docs/renderers/Divider.md

@@ -1,4 +1,4 @@
-### Divider
+# Divider
 
 分割线
 

docs/renderers/Drawer.md

@@ -1,4 +1,4 @@
-### Drawer
+# Drawer
 
 Drawer 由 [Action](./Action.md) 触发。
 

docs/renderers/Field.md

@@ -1,4 +1,4 @@
-## Field
+# Field
 
 主要用在 [Table](./Table.md) 的列配置 Column、[List](./List.md) 的内容、[Card](./Card.md) 卡片的内容和表单的[Static-XXX](./Static.md#static-xxx) 中。它主要用来展示数据。
 
@@ -74,7 +74,7 @@
 }
 ```
 
-### Field 通用配置
+## Field 通用配置
 
 -   `name` 绑定变量名。
 -   `placeholder` 当没有值时的展示内容。
@@ -89,19 +89,19 @@
 -   `copyable` 配置后会在内容区增加一个复制按钮，点击后把内容复制到剪切板。
     todo
 
-### Tpl(Field)
+## Tpl(Field)
 
 请参考[tpl](./Tpl.md)
 
-### Plain(Field)
+## Plain(Field)
 
 请参考[Plain](./Plain.md)
 
-### Json(Field)
+## Json(Field)
 
 todo
 
-### Date(Field)
+## Date(Field)
 
 用来显示日期。
 
@@ -109,7 +109,7 @@ todo
 -   `format` 默认为 `YYYY-MM-DD`，时间格式，请参考 moment 中的格式用法。
 -   `valueFormat` 默认为 `X`，时间格式，请参考 moment 中的格式用法。
 
-### Mapping(Field)
+## Mapping(Field)
 
 用来对值做映射显示。
 
@@ -129,7 +129,7 @@ todo
 
     当值为 1 时，显示 One, 当值为其他时会命中 `*` 所以显示 `其他 flag的值`。
 
-### Image(Field)
+## Image(Field)
 
 用来展示图片。
 
@@ -139,7 +139,7 @@ todo
 -   `className` CSS 类名。
 -   `src` 图片地址，支持变量。如果想动态显示，请勿配置。
 
-### Progress(Field)
+## Progress(Field)
 
 用来展示进度条。
 
@@ -157,7 +157,7 @@ todo
 -   `progressClassName` 进度外层 CSS 类名 默认为: `progress-xs progress-striped active m-t-xs m-b-none`
 -   `progressBarClassName` 进度条 CSS 类名。
 
-### Status(Field)
+## Status(Field)
 
 用来显示状态，用图表展示。
 
@@ -174,7 +174,7 @@ todo
 
     这个例子，当值为 0 、2、4 ... 时显示红 `X`， 当值为 1, 3, 5 ...  绿 `√`
 
-### Switch(Field)
+## Switch(Field)
 
 用来占一个开关。
 

docs/renderers/Form/Datetime.md

@@ -1,4 +1,4 @@
-### Datetime
+## Datetime
 
 日期时间类型。
 

docs/renderers/Form/Editor.md

@@ -1,4 +1,4 @@
-### Editor
+## Editor
 
 ### XXX-Editor
 

docs/renderers/Form/Email.md

@@ -1,4 +1,4 @@
-### Email
+## Email
 
 Email 输入框。
 

docs/renderers/Form/FieldSet.md

@@ -1,4 +1,4 @@
-### FieldSet
+## FieldSet
 
 多个输入框可以通过 fieldSet 捆绑在一起。
 

docs/renderers/Form/File.md

@@ -1,4 +1,4 @@
-### File
+## File
 
 文件输入，amis 也默认处理了图片存储，提交给 API 的是文件的下载地址。
 

docs/renderers/Form/Form.md

@@ -1,4 +1,4 @@
-## Form
+# Form
 
 表单渲染器，主要用来展示或者接收用户输入后将数据提交给后端或者其他组件。
 

docs/renderers/Form/FormItem.md

@@ -1,4 +1,4 @@
-### FormItem
+## FormItem
 
 Form 中主要是由各种 FormItem 组成。FormItem 中主要包含这些字段。
 

docs/renderers/Form/Formula.md

@@ -1,4 +1,4 @@
-### Formula
+## Formula
 
 公式类型，可以设置公式，并将结果设置给目标值。
 

docs/renderers/Form/Grid.md

@@ -1,4 +1,4 @@
-### Grid(FormItem)
+## Grid(FormItem)
 
 支持 form 内部再用 grid 布局。
 

docs/renderers/Form/Group.md

@@ -1,4 +1,4 @@
-### Group
+## Group
 
 表单项集合中，默认都是一行一个，如果想要一行多个，请用 Group 包裹起来。
 

docs/renderers/Form/HBox.md

@@ -1,4 +1,4 @@
-### HBox(FormItem)
+## HBox(FormItem)
 
 支持 form 内部再用 HBox 布局，实现左右排列。没错用 [Group](./Group.md) 也能实现，所以还是推荐用 [Group](./Group.md)。
 

docs/renderers/Form/Hidden.md

@@ -1,4 +1,4 @@
-### Hidden
+## Hidden
 
 隐藏字段类型，默认表单提交，只会发送 controls 里面的这些成员，对于隐藏的字段同时又希望提交表单的时候带过去，请把表单项配置成 `hidden` 类型。
 

docs/renderers/Form/Image.md

@@ -1,4 +1,4 @@
-### Image
+## Image
 
 图片格式输入，默认 amis 会直接存储在 FEX 的 hiphoto 里面，提交到 form 是直接的图片 url。
 

docs/renderers/Form/List.md

@@ -1,4 +1,4 @@
-### List(FormItem)
+## List(FormItem)
 
 简单的列表选择框。
 

docs/renderers/Form/Matrix.md

@@ -1,4 +1,4 @@
-### Matrix
+## Matrix
 
 矩阵类型的输入框。
 

docs/renderers/Form/NestedSelect.md

@@ -1,4 +1,4 @@
-### NestedSelect
+## NestedSelect
 
 树形结构选择框。
 

docs/renderers/Form/Number.md

@@ -1,4 +1,4 @@
-### Number
+## Number
 
 数字输入框。
 

docs/renderers/Form/Panel.md

@@ -1,4 +1,4 @@
-### Panel(FormItem)
+## Panel(FormItem)
 
 还是为了布局，可以把一部分 [FormItem](./FormItem.md) 合并到一个 panel 里面单独展示。
 

docs/renderers/Form/Password.md

@@ -1,4 +1,4 @@
-### Password
+## Password
 
 密码输入框。
 

docs/renderers/Form/Picker.md

@@ -1,4 +1,4 @@
-### Picker
+## Picker
 
 列表选取。可以静态数据，或者通过接口拉取动态数据。
 

docs/renderers/Form/Radios.md

@@ -1,4 +1,4 @@
-### Radios
+## Radios
 
 单选框
 

docs/renderers/Form/Range.md

@@ -1,4 +1,4 @@
-### Range
+## Range
 
 范围输入框。
 

docs/renderers/Form/Repeat.md

@@ -1,4 +1,4 @@
-### Repeat
+## Repeat
 
 可用来设置重复频率
 

docs/renderers/Form/Rich-Text.md

@@ -1,4 +1,4 @@
-### Rich-Text
+## Rich-Text
 
 富文本编辑器
 

docs/renderers/Form/Select.md

@@ -1,4 +1,4 @@
-### Select
+## Select
 
 选项表单。
 

docs/renderers/Form/Service.md

@@ -1,4 +1,4 @@
-### Service(FormItem)
+## Service(FormItem)
 
 目前看到的配置方式都是静态配置，如果你想动态配置，即配置项由接口决定，那么就使用此渲染器。
 

docs/renderers/Form/SubForm.md

@@ -1,4 +1,4 @@
-### SubForm
+## SubForm
 
 formItem 还可以是子表单类型。
 

docs/renderers/Form/Switch.md

@@ -1,4 +1,4 @@
-### Switch
+## Switch
 
 可选框，和 checkbox 完全等价。
 

docs/renderers/Form/Table.md

@@ -1,4 +1,4 @@
-### Table(FormItem)
+## Table(FormItem)
 
 可以用来展现数据的,可以用来展示数组类型的数据，比如 multiple 的[子 form](./SubForm.md)。
 

docs/renderers/Form/Tabs.md

@@ -1,4 +1,4 @@
-### Tabs(FormItem)
+## Tabs(FormItem)
 
 多个输入框也可以通过选项卡来分组。
 

docs/renderers/Form/Text.md

@@ -1,4 +1,4 @@
-### Text
+## Text
 
 普通的文本输入框。
 

docs/renderers/Form/Textarea.md

@@ -1,4 +1,4 @@
-### Textarea
+## Textarea
 
 多行文本输入框。
 

docs/renderers/Form/Time.md

@@ -1,4 +1,4 @@
-### Time
+## Time
 
 时间类型。
 

docs/renderers/Form/Tree.md

@@ -1,4 +1,4 @@
-### Tree
+## Tree
 
 树形结构输入框。
 

docs/renderers/Form/TreeSelect.md

@@ -1,4 +1,4 @@
-### TreeSelect
+## TreeSelect
 
 树形结构选择框。
 

docs/renderers/Form/Url.md

@@ -1,4 +1,4 @@
-### Url
+## Url
 
 URL 输入框。
 

docs/renderers/Grid.md

@@ -1,4 +1,4 @@
-## Grid
+# Grid
 
 | 属性名              | 类型                              | 默认值   | 说明                    |
 | ------------------- | --------------------------------- | -------- | ----------------------- |

docs/renderers/HBox.md

@@ -1,4 +1,4 @@
-## HBox
+# HBox
 
 | 属性名                     | 类型                              | 默认值         | 说明                 |
 | -------------------------- | --------------------------------- | -------------- | -------------------- |

docs/renderers/Html.md

@@ -1,4 +1,4 @@
-### Html
+# Html
 
 html, 当需要用到变量时，请用 [Tpl](./Tpl.md) 代替。
 

docs/renderers/List.md

@@ -1,4 +1,4 @@
-## List
+# List
 
 列表展示。
 

docs/renderers/Nav.md

@@ -1,4 +1,4 @@
-## Nav
+# Nav
 
 | 属性名            | 类型      | 默认值   | 说明                                   |
 | ----------------- | --------- | -------- | -------------------------------------- |

docs/renderers/Operation.md

@@ -1,4 +1,4 @@
-### Operation
+## Operation
 
 表格列中的操作栏，用来放置按钮集合，只能放在 table 的列配置中。
 

docs/renderers/Page.md

@@ -1,4 +1,4 @@
-## Page
+# Page
 
 Json 配置最外层是一个 `Page` 渲染器。他主要包含标题，副标题，提示信息等设置，需要注意的是，他有三个容器区域分别是：内容区、边栏区和工具条区，在容器里面放不同的渲染器，就能配置出不同的页面来。
 

docs/renderers/Panel.md

@@ -1,4 +1,4 @@
-### Panel
+# Panel
 
 可以把相关信息以盒子的形式展示到一块。
 

docs/renderers/Plain.md

@@ -1,4 +1,4 @@
-### Plain
+# Plain
 
 plain, 单纯的文字输出来。
 

docs/renderers/QRCode.md

@@ -1,4 +1,4 @@
-## QRCode
+# QRCode
 
 二维码显示组件
 

docs/renderers/Service.md

@@ -1,4 +1,4 @@
-## Service
+# Service
 
 功能型容器，自身不负责展示内容，主要职责在于通过配置的 api 拉取数据，数据可用于子组件。
 该组件初始化时就会自动拉取一次数据，后续如果需要刷新，请结合 Action 实现，可以把 Action 的 actionType 设置为 reload, target 为该组件的 name 值。

docs/renderers/Static.md

@@ -1,4 +1,4 @@
-### Static
+## Static
 
 纯用来展现数据的。
 

docs/renderers/Table.md

@@ -1,4 +1,4 @@
-### Table
+# Table
 
 表格展示。
 

docs/renderers/Tabs.md

@@ -1,4 +1,4 @@
-## Tabs
+# Tabs
 
 | 属性名            | 类型                    | 默认值                              | 说明                                                     |
 | ----------------- | ----------------------- | ----------------------------------- | -------------------------------------------------------- |

docs/renderers/Tasks.md

@@ -1,4 +1,4 @@
-## Tasks
+# Tasks
 
 任务操作集合，类似于 orp 上线。
 

docs/renderers/Tpl.md

@@ -1,4 +1,4 @@
-### Tpl
+# Tpl
 
 tpl 类型的渲染器支持用 JS 模板引擎来组织输出，采用的 lodash 的 [template](https://lodash.com/docs/4.15.0#template)，关于语法部分，请前往 lodash 文档页面。
 

docs/renderers/Types.md

@@ -1,6 +1,6 @@
-## 类型说明
+# 类型说明
 
-### Container
+## Container
 
 Container 不是一个特定的渲染器，而是 amis 中一个特殊类型，它是以下类型的任何一种。
 
@@ -40,7 +40,7 @@ Container 不是一个特定的渲染器，而是 amis 中一个特殊类型，
 }
 ```
 
-### API
+## API
 
 Api 类型可以是字符串或者对象。API 中可以直接设置数据发送结构，注意看示例。
 
@@ -125,7 +125,7 @@ Api 类型可以是字符串或者对象。API 中可以直接设置数据发送
 
 amis 所有值为 url 的如： `"http://www.baidu.com"` 都会被替换成 proxy 代理，如果不希望这么做，请明确指示如： `"raw:http://www.baidu.com"`。还有为了安全，amis 默认只能转发公司内部 API 接口，如果您的接口在外网环境，也请明确指示如：`"external:http://www.baidu.com"`
 
-### 表达式
+## 表达式
 
 配置项中，所有 `boolean` 类型的配置，都可以用 JS 表达式来配置。所有`boolean` 配置项，后面加个 `On` 则是表达式配置方式，可以用 js 语法来根据当前模型中的数据来决定是否启用。
 如：[FormItem](./FormItem.md) 中的 `disabledOn`、`hiddenOn`、`visibleOn`、[CRUD](./CRUD.md) 中的 `itemDraggableOn` 等等。

docs/renderers/Video.md

@@ -1,4 +1,4 @@
-### Video
+# Video
 
 视频播放器。
 

docs/renderers/Wizard.md

@@ -1,4 +1,4 @@
-### Wizard
+# Wizard
 
 表单向导，能够配置多个步骤引导用户一步一步完成表单提交。
 

docs/renderers/Wrapper.md

@@ -1,4 +1,4 @@
-### Wrapper
+# Wrapper
 
 简单的一个容器。
 

docs/renderers/iFrame.md

@@ -1,4 +1,4 @@
-## iFrame
+# iFrame
 
 如果需要内嵌外部站点，可用 iframe 来实现。
 

examples/components/App.jsx

@@ -82,6 +82,7 @@ import Tab3Schema from './Tabs/Tab3';
 import TestComponent from './Test';
 import Select from '../../src/components/Select';
 import Button from '../../src/components/Button';
+import DocSearch from './DocSearch';
 
 let PathPrefix = '/examples';
 
@@ -706,6 +707,8 @@ export class App extends React.PureComponent {
                                 />
                            )}
                         </div>
+
+                        <DocSearch />
                     </div>
                 </div>
             );

examples/components/DocSearch.jsx

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import makeSchemaRenderer from './SchemaRender';
+
+const FormComponent = makeSchemaRenderer({
+    type: 'form',
+    mode: 'inline',
+    wrapWithPanel: false,
+    className: 'pull-right m-t-sm m-r',
+    controls: [{
+        "type": "input-group",
+        "size": "sm",
+        "controls": [
+            {
+                "type": "icon",
+                "addOnclassName": "no-bg",
+                "className": "text-sm",
+                "icon": "search",
+                "vendor": "iconfont"
+            },
+            {
+                "type": "text",
+                "placeholder": "搜索文档",
+                "inputClassName": "b-l-none p-l-none",
+                "name": "docsearch"
+            }
+        ]
+    }]
+})
+
+export default class DocSearch extends React.Component {
+    componentDidMount() {
+        const inputSelector = 'input[name="docsearch"]';
+        docsearch({
+            appId: '3W0NHYOWPE',
+            apiKey: '469f5cf3d54f9b86127970f913dc0725',
+            indexName: 'gh_pages',
+            inputSelector,
+            debug: false,
+        });
+    }
+
+    render() {
+        return (
+            <FormComponent showCode={false} />
+        );
+    }
+}

examples/components/SchemaRender.jsx

@@ -150,21 +150,26 @@ export default function(schema) {
 
         render() {
             const ns = this.props.classPrefix;
+            const showCode = this.props.showCode;
             return (
                 <div className="schema-wrapper">
-                    <DrawerContainer
-                        classPrefix={ns}
-                        size="lg"
-                        onHide={this.close}
-                        show={this.state.open}
-                        position="left"
-                    >
-                       {this.state.open ? this.renderCode() : null}
-                    </DrawerContainer>
+                    {showCode !== false ? (
+                        <DrawerContainer
+                            classPrefix={ns}
+                            size="lg"
+                            onHide={this.close}
+                            show={this.state.open}
+                            position="left"
+                        >
+                        {this.state.open ? this.renderCode() : null}
+                        </DrawerContainer>
+                    ) : null }
                     {this.renderSchema()}
-                    <Portal container={() => document.querySelector('.navbar-nav')}>
-                        <Button classPrefix={ns} onClick={this.toggleCode} active={this.state.open} iconOnly tooltip="查看源码" level="link" placement="bottom" className="view-code"><i className="fa fa-code" /></Button>
-                    </Portal>
+                    {showCode !== false ? (
+                        <Portal container={() => document.querySelector('.navbar-nav')}>
+                            <Button classPrefix={ns} onClick={this.toggleCode} active={this.state.open} iconOnly tooltip="查看源码" level="link" placement="bottom" className="view-code"><i className="fa fa-code" /></Button>
+                        </Portal>
+                    ) : null}
                 </div>
             );
         }

examples/index.html

@@ -17,6 +17,9 @@
         href="animate.css/animate.css">
     <link rel="stylesheet"
         href="highlight.js/styles/github.css">
+    <link
+        rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
     <!--DEPENDENCIES_INJECT_PLACEHOLDER-->
     <link rel="stylesheet" title="default" href="../scss/themes/default.scss">
     <link rel="stylesheet" title="cxd" disabled href="../scss/themes/cxd.scss">
@@ -33,6 +36,7 @@
 <body>
     <div id="root" class="app-wrapper"></div>
     <script src="./mod.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <script type="text/javascript">
     var _hmt = _hmt || [];
     

gh-pages/docs/renderers/Audio.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Audio.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"audio\" href=\"#audio\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Audio</h3><p>音频播放器</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;audio&quot;</code></td>\n<td>指定为 audio 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>inline</td>\n<td><code>boolean</code></td>\n<td>true</td>\n<td>是否是内联模式</td>\n</tr>\n<tr>\n<td>src</td>\n<td><code>string</code></td>\n<td></td>\n<td>音频地址</td>\n</tr>\n<tr>\n<td>loop</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否循环播放</td>\n</tr>\n<tr>\n<td>autoPlay</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否自动播放</td>\n</tr>\n<tr>\n<td>rates</td>\n<td><code>array</code></td>\n<td><code>[]</code></td>\n<td>加速播放</td>\n</tr>\n<tr>\n<td>controls</td>\n<td><code>array</code></td>\n<td><code>[&#39;rates&#39;, &#39;play&#39;, &#39;time&#39;, &#39;process&#39;, &#39;volume&#39;]</code></td>\n<td>内部模块定制化</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n    \"type\": \"audio\",\n    \"autoPlay\": false,\n    \"src\": \"http://www.ytmp3.cn/down/32791.mp3\"\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"audio\" href=\"#audio\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Audio</h1><p>音频播放器</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;audio&quot;</code></td>\n<td>指定为 audio 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>inline</td>\n<td><code>boolean</code></td>\n<td>true</td>\n<td>是否是内联模式</td>\n</tr>\n<tr>\n<td>src</td>\n<td><code>string</code></td>\n<td></td>\n<td>音频地址</td>\n</tr>\n<tr>\n<td>loop</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否循环播放</td>\n</tr>\n<tr>\n<td>autoPlay</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否自动播放</td>\n</tr>\n<tr>\n<td>rates</td>\n<td><code>array</code></td>\n<td><code>[]</code></td>\n<td>加速播放</td>\n</tr>\n<tr>\n<td>controls</td>\n<td><code>array</code></td>\n<td><code>[&#39;rates&#39;, &#39;play&#39;, &#39;time&#39;, &#39;process&#39;, &#39;volume&#39;]</code></td>\n<td>内部模块定制化</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n    \"type\": \"audio\",\n    \"autoPlay\": false,\n    \"src\": \"http://www.ytmp3.cn/down/32791.mp3\"\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Audio.md', function(require, exports, module) {
           "label": "Audio",
           "fragment": "audio",
           "fullPath": "#audio",
-          "level": 3
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/Button-Group.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Button-Group.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"button-group\" href=\"#button-group\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Button-Group</h2><p>按钮集合。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-group</code></li>\n<li><code>buttons</code> 配置按钮集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n  \"type\": \"button-toolbar\",\n  \"buttons\": [\n    {\n      \"type\": \"button-group\",\n      \"buttons\": [\n        {\n          \"type\": \"button\",\n          \"label\": \"Button\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        },\n\n        {\n          \"type\": \"submit\",\n          \"label\": \"Submit\"\n        },\n\n        {\n          \"type\": \"reset\",\n          \"label\": \"Reset\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"submit\",\n      \"icon\": \"fa fa-check text-success\"\n    },\n\n    {\n      \"type\": \"reset\",\n      \"icon\": \"fa fa-times text-danger\"\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"button-group\" href=\"#button-group\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Button-Group</h1><p>按钮集合。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-group</code></li>\n<li><code>buttons</code> 配置按钮集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n  \"type\": \"button-toolbar\",\n  \"buttons\": [\n    {\n      \"type\": \"button-group\",\n      \"buttons\": [\n        {\n          \"type\": \"button\",\n          \"label\": \"Button\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        },\n\n        {\n          \"type\": \"submit\",\n          \"label\": \"Submit\"\n        },\n\n        {\n          \"type\": \"reset\",\n          \"label\": \"Reset\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"submit\",\n      \"icon\": \"fa fa-check text-success\"\n    },\n\n    {\n      \"type\": \"reset\",\n      \"icon\": \"fa fa-times text-danger\"\n    }\n  ]\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Button-Group.md', function(require, exports, module) {
           "label": "Button-Group",
           "fragment": "button-group",
           "fullPath": "#button-group",
-          "level": 2
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/CRUD-Cards.js

@@ -1,7 +1,7 @@
 define('docs/renderers/CRUD-Cards.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"cards-crud-\" href=\"#cards-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Cards(CRUD)</h3><p>请参考<a href=\"#/docs/renderers/Cards\">Cards</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/users\",\n\"syncLocation\": false,\n\"mode\": \"cards\",\n\"defaultParams\": {\n  \"perPage\": 6\n},\n\"switchPerPage\": false,\n\"placeholder\": \"没有用户信息\",\n\"columnsCount\": 2,\n\"card\": {\n  \"header\": {\n    \"className\": \"bg-white\",\n    \"title\": \"$name\",\n    \"subTitle\": \"$realName\",\n    \"description\": \"$email\",\n    \"avatar\": \"${avatar | raw}\",\n    \"highlight\": \"$isSuperAdmin\",\n    \"avatarClassName\": \"pull-left thumb-md avatar b-3x m-r\"\n  },\n  \"bodyClassName\": \"padder\",\n  \"body\": \"\\n      <% if (data.roles && data.roles.length) { %>\\n        <% data.roles.map(function(role) { %>\\n          <span class=\\\"label label-default\\\"><%- role.name %></span>\\n        <% }) %>\\n      <% } else { %>\\n        <p class=\\\"text-muted\\\">没有分配角色</p>\\n      <% } %>\\n      \",\n  \"actions\": [\n    {\n      \"label\": \"编辑\",\n      \"actionType\": \"dialog\",\n      \"dialog\": {\n        \"title\": null,\n        \"body\": {\n          \"api\": \"\",\n          \"type\": \"form\",\n        \"tabs\": [\n          {\n            \"title\": \"基本信息\",\n            \"controls\": [\n              {\n                \"type\": \"hidden\",\n                \"name\": \"id\"\n              },\n              {\n                \"name\": \"name\",\n                \"label\": \"帐号\",\n                \"disabled\": true,\n                \"type\": \"text\"\n              },\n              {\n                \"type\": \"divider\"\n              },\n              {\n                \"name\": \"email\",\n                \"label\": \"邮箱\",\n                \"type\": \"text\",\n                \"disabled\": true\n              },\n              {\n                \"type\": \"divider\"\n              },\n              {\n                \"name\": \"isAmisOwner\",\n                \"label\": \"管理员\",\n                \"description\": \"设置是否为超级管理\",\n                \"type\": \"switch\"\n              }\n            ]\n          },\n          {\n            \"title\": \"角色信息\",\n            \"controls\": [\n\n            ]\n          },\n          {\n            \"title\": \"设置权限\",\n            \"controls\": [\n\n            ]\n          }\n        ]\n        }\n      }\n    },\n    {\n      \"label\": \"移除\",\n      \"confirmText\": \"您确定要移除该用户?\",\n      \"actionType\": \"ajax\",\n      \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n    }\n  ]\n}\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"cards-crud-\" href=\"#cards-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Cards(CRUD)</h2><p>请参考<a href=\"#/docs/renderers/Cards\">Cards</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/users\",\n\"syncLocation\": false,\n\"mode\": \"cards\",\n\"defaultParams\": {\n  \"perPage\": 6\n},\n\"switchPerPage\": false,\n\"placeholder\": \"没有用户信息\",\n\"columnsCount\": 2,\n\"card\": {\n  \"header\": {\n    \"className\": \"bg-white\",\n    \"title\": \"$name\",\n    \"subTitle\": \"$realName\",\n    \"description\": \"$email\",\n    \"avatar\": \"${avatar | raw}\",\n    \"highlight\": \"$isSuperAdmin\",\n    \"avatarClassName\": \"pull-left thumb-md avatar b-3x m-r\"\n  },\n  \"bodyClassName\": \"padder\",\n  \"body\": \"\\n      <% if (data.roles && data.roles.length) { %>\\n        <% data.roles.map(function(role) { %>\\n          <span class=\\\"label label-default\\\"><%- role.name %></span>\\n        <% }) %>\\n      <% } else { %>\\n        <p class=\\\"text-muted\\\">没有分配角色</p>\\n      <% } %>\\n      \",\n  \"actions\": [\n    {\n      \"label\": \"编辑\",\n      \"actionType\": \"dialog\",\n      \"dialog\": {\n        \"title\": null,\n        \"body\": {\n          \"api\": \"\",\n          \"type\": \"form\",\n        \"tabs\": [\n          {\n            \"title\": \"基本信息\",\n            \"controls\": [\n              {\n                \"type\": \"hidden\",\n                \"name\": \"id\"\n              },\n              {\n                \"name\": \"name\",\n                \"label\": \"帐号\",\n                \"disabled\": true,\n                \"type\": \"text\"\n              },\n              {\n                \"type\": \"divider\"\n              },\n              {\n                \"name\": \"email\",\n                \"label\": \"邮箱\",\n                \"type\": \"text\",\n                \"disabled\": true\n              },\n              {\n                \"type\": \"divider\"\n              },\n              {\n                \"name\": \"isAmisOwner\",\n                \"label\": \"管理员\",\n                \"description\": \"设置是否为超级管理\",\n                \"type\": \"switch\"\n              }\n            ]\n          },\n          {\n            \"title\": \"角色信息\",\n            \"controls\": [\n\n            ]\n          },\n          {\n            \"title\": \"设置权限\",\n            \"controls\": [\n\n            ]\n          }\n        ]\n        }\n      }\n    },\n    {\n      \"label\": \"移除\",\n      \"confirmText\": \"您确定要移除该用户?\",\n      \"actionType\": \"ajax\",\n      \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n    }\n  ]\n}\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/CRUD-Cards.md', function(require, exports, module) {
           "label": "Cards(CRUD)",
           "fragment": "cards-crud-",
           "fullPath": "#cards-crud-",
-          "level": 3
+          "level": 2
         }
       ],
       "level": 0

gh-pages/docs/renderers/CRUD-List.js

@@ -1,7 +1,7 @@
 define('docs/renderers/CRUD-List.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"list-crud-\" href=\"#list-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>List(CRUD)</h3><p>请参考<a href=\"#/docs/renderers/List\">List</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/permissions\",\n\"mode\": \"list\",\n\"placeholder\": \"当前组内, 还没有配置任何权限.\",\n\"syncLocation\": false,\n\"title\": null,\n\"listItem\": {\n  \"title\": \"$name\",\n  \"subTitle\": \"$description\",\n  \"actions\": [\n    {\n      \"icon\": \"fa fa-edit\",\n      \"tooltip\": \"编辑\",\n      \"actionType\": \"dialog\",\n      \"dialog\": {\n        \"title\": \"编辑能力（权限）\",\n        \"body\": {\n          \"type\": \"form\",\n          \"controls\": [\n          {\n            \"type\": \"hidden\",\n            \"name\": \"id\"\n          },\n          {\n            \"name\": \"name\",\n            \"label\": \"权限名称\",\n            \"type\": \"text\",\n            \"disabled\": true\n          },\n          {\n            \"type\": \"divider\"\n          },\n          {\n            \"name\": \"description\",\n            \"label\": \"描述\",\n            \"type\": \"textarea\"\n          }\n        ]\n        }\n      }\n    },\n    {\n      \"tooltip\": \"删除\",\n      \"disabledOn\": \"~[\\\"admin:permission\\\", \\\"admin:user\\\", \\\"admin:role\\\", \\\"admin:acl\\\", \\\"admin:page\\\", \\\"page:readAll\\\", \\\"admin:settings\\\"].indexOf(name)\",\n      \"icon\": \"fa fa-times\",\n      \"confirmText\": \"您确定要移除该权限?\",\n      \"actionType\": \"ajax\",\n      \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n    }\n  ]\n}\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"list-crud-\" href=\"#list-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>List(CRUD)</h2><p>请参考<a href=\"#/docs/renderers/List\">List</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/permissions\",\n\"mode\": \"list\",\n\"placeholder\": \"当前组内, 还没有配置任何权限.\",\n\"syncLocation\": false,\n\"title\": null,\n\"listItem\": {\n  \"title\": \"$name\",\n  \"subTitle\": \"$description\",\n  \"actions\": [\n    {\n      \"icon\": \"fa fa-edit\",\n      \"tooltip\": \"编辑\",\n      \"actionType\": \"dialog\",\n      \"dialog\": {\n        \"title\": \"编辑能力（权限）\",\n        \"body\": {\n          \"type\": \"form\",\n          \"controls\": [\n          {\n            \"type\": \"hidden\",\n            \"name\": \"id\"\n          },\n          {\n            \"name\": \"name\",\n            \"label\": \"权限名称\",\n            \"type\": \"text\",\n            \"disabled\": true\n          },\n          {\n            \"type\": \"divider\"\n          },\n          {\n            \"name\": \"description\",\n            \"label\": \"描述\",\n            \"type\": \"textarea\"\n          }\n        ]\n        }\n      }\n    },\n    {\n      \"tooltip\": \"删除\",\n      \"disabledOn\": \"~[\\\"admin:permission\\\", \\\"admin:user\\\", \\\"admin:role\\\", \\\"admin:acl\\\", \\\"admin:page\\\", \\\"page:readAll\\\", \\\"admin:settings\\\"].indexOf(name)\",\n      \"icon\": \"fa fa-times\",\n      \"confirmText\": \"您确定要移除该权限?\",\n      \"actionType\": \"ajax\",\n      \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n    }\n  ]\n}\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/CRUD-List.md', function(require, exports, module) {
           "label": "List(CRUD)",
           "fragment": "list-crud-",
           "fullPath": "#list-crud-",
-          "level": 3
+          "level": 2
         }
       ],
       "level": 0

gh-pages/docs/renderers/CRUD-Table.js

@@ -1,7 +1,7 @@
 define('docs/renderers/CRUD-Table.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"table-crud-\" href=\"#table-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Table(CRUD)</h3><p>在 CRUD 中的 Table 主要增加了 Column 里面的以下配置功能，更多参数，请参考<a href=\"#/docs/renderers/Table\">Table</a></p>\n<ul>\n<li><code>sortable</code> 开启后可以根据当前列排序(后端排序)。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n    \"type\": \"crud\",\n    \"api\": \"https://houtai.baidu.com/api/sample\",\n    \"syncLocation\": false,\n    \"title\": null,\n    \"perPageField\":\"rn\",\n    \"defaultParams\":{\n        \"rn\": 10\n    },\n    \"columns\": [\n        {\n            \"name\": \"id\",\n            \"label\": \"ID\",\n            \"width\": 20,\n            \"sortable\": true\n        },\n        {\n            \"name\": \"engine\",\n            \"label\": \"Rendering engine\",\n            \"sortable\": true,\n            \"toggled\": false\n        },\n        {\n            \"name\": \"browser\",\n            \"label\": \"Browser\",\n            \"sortable\": true\n        },\n        {\n            \"name\": \"platform\",\n            \"label\": \"Platform(s)\",\n            \"sortable\": true\n        },\n        {\n            \"name\": \"version\",\n            \"label\": \"Engine version\"\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"table-crud-\" href=\"#table-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Table(CRUD)</h2><p>在 CRUD 中的 Table 主要增加了 Column 里面的以下配置功能，更多参数，请参考<a href=\"#/docs/renderers/Table\">Table</a></p>\n<ul>\n<li><code>sortable</code> 开启后可以根据当前列排序(后端排序)。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n    \"type\": \"crud\",\n    \"api\": \"https://houtai.baidu.com/api/sample\",\n    \"syncLocation\": false,\n    \"title\": null,\n    \"perPageField\":\"rn\",\n    \"defaultParams\":{\n        \"rn\": 10\n    },\n    \"columns\": [\n        {\n            \"name\": \"id\",\n            \"label\": \"ID\",\n            \"width\": 20,\n            \"sortable\": true\n        },\n        {\n            \"name\": \"engine\",\n            \"label\": \"Rendering engine\",\n            \"sortable\": true,\n            \"toggled\": false\n        },\n        {\n            \"name\": \"browser\",\n            \"label\": \"Browser\",\n            \"sortable\": true\n        },\n        {\n            \"name\": \"platform\",\n            \"label\": \"Platform(s)\",\n            \"sortable\": true\n        },\n        {\n            \"name\": \"version\",\n            \"label\": \"Engine version\"\n        }\n    ]\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/CRUD-Table.md', function(require, exports, module) {
           "label": "Table(CRUD)",
           "fragment": "table-crud-",
           "fullPath": "#table-crud-",
-          "level": 3
+          "level": 2
         }
       ],
       "level": 0

gh-pages/docs/renderers/Card.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Card.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"card\" href=\"#card\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Card</h2><p>卡片的展示形式。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;card&quot;</code></td>\n<td>指定为 Card 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-default&quot;</code></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>header</td>\n<td><code>Object</code></td>\n<td></td>\n<td>Card 头部内容设置</td>\n</tr>\n<tr>\n<td>header.className</td>\n<td><code>string</code></td>\n<td></td>\n<td>头部类名</td>\n</tr>\n<tr>\n<td>header.title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>header.subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>副标题</td>\n</tr>\n<tr>\n<td>header.desc</td>\n<td><code>string</code></td>\n<td></td>\n<td>描述</td>\n</tr>\n<tr>\n<td>header.avatar</td>\n<td><code>string</code></td>\n<td></td>\n<td>图片</td>\n</tr>\n<tr>\n<td>header.highlight</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否点亮</td>\n</tr>\n<tr>\n<td>header.avatarClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;pull-left thumb avatar b-3x m-r&quot;</code></td>\n<td>图片类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><code>Array</code> 或者 <a href=\"#/docs/renderers/Field\">Field</a></td>\n<td></td>\n<td>内容容器，主要用来放置 <a href=\"#/docs/renderers/Field\">Field</a></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;padder m-t-sm m-b-sm&quot;</code></td>\n<td>内容区域类名</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"#/docs/renderers/Button\">Button</a></td>\n<td></td>\n<td>按钮区域</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"card\",\n    \"header\": {\n        \"title\": \"Title\",\n        \"subTitle\": \"Sub Title\",\n        \"description\": \"description\",\n        \"avatarClassName\": \"pull-left thumb-md avatar b-3x m-r\",\n        \"avatar\": \"raw:http://hiphotos.baidu.com/fex/%70%69%63/item/c9fcc3cec3fdfc03ccabb38edd3f8794a4c22630.jpg\"\n    },\n    \"body\": \"Body\",\n    \"actions\": [\n        {\n            \"type\": \"button\",\n            \"label\": \"Action 1\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"confirmMode\": false,\n              \"title\": \"提示\",\n              \"body\": \"对，你刚点击了！\"\n            }\n        },\n\n        {\n          \"type\": \"button\",\n          \"label\": \"Action 2\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"card\" href=\"#card\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Card</h1><p>卡片的展示形式。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;card&quot;</code></td>\n<td>指定为 Card 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-default&quot;</code></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>header</td>\n<td><code>Object</code></td>\n<td></td>\n<td>Card 头部内容设置</td>\n</tr>\n<tr>\n<td>header.className</td>\n<td><code>string</code></td>\n<td></td>\n<td>头部类名</td>\n</tr>\n<tr>\n<td>header.title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>header.subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>副标题</td>\n</tr>\n<tr>\n<td>header.desc</td>\n<td><code>string</code></td>\n<td></td>\n<td>描述</td>\n</tr>\n<tr>\n<td>header.avatar</td>\n<td><code>string</code></td>\n<td></td>\n<td>图片</td>\n</tr>\n<tr>\n<td>header.highlight</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否点亮</td>\n</tr>\n<tr>\n<td>header.avatarClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;pull-left thumb avatar b-3x m-r&quot;</code></td>\n<td>图片类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><code>Array</code> 或者 <a href=\"#/docs/renderers/Field\">Field</a></td>\n<td></td>\n<td>内容容器，主要用来放置 <a href=\"#/docs/renderers/Field\">Field</a></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;padder m-t-sm m-b-sm&quot;</code></td>\n<td>内容区域类名</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"#/docs/renderers/Button\">Button</a></td>\n<td></td>\n<td>按钮区域</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"card\",\n    \"header\": {\n        \"title\": \"Title\",\n        \"subTitle\": \"Sub Title\",\n        \"description\": \"description\",\n        \"avatarClassName\": \"pull-left thumb-md avatar b-3x m-r\",\n        \"avatar\": \"raw:http://hiphotos.baidu.com/fex/%70%69%63/item/c9fcc3cec3fdfc03ccabb38edd3f8794a4c22630.jpg\"\n    },\n    \"body\": \"Body\",\n    \"actions\": [\n        {\n            \"type\": \"button\",\n            \"label\": \"Action 1\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"confirmMode\": false,\n              \"title\": \"提示\",\n              \"body\": \"对，你刚点击了！\"\n            }\n        },\n\n        {\n          \"type\": \"button\",\n          \"label\": \"Action 2\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        }\n    ]\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Card.md', function(require, exports, module) {
           "label": "Card",
           "fragment": "card",
           "fullPath": "#card",
-          "level": 2
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/Cards.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Cards.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"cards\" href=\"#cards\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Cards</h2><p>卡片集合。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;cards&quot;</code> 指定为卡片集合。</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td><code>${items}</code></td>\n<td>数据源, 绑定当前环境变量</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>string</td>\n<td>‘暂无数据’</td>\n<td>当没数据的时候的文字提示</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-grid-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-grid-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td><code>string</code></td>\n<td><code>col-sm-4 col-md-3</code></td>\n<td>卡片 CSS 类名</td>\n</tr>\n<tr>\n<td>card</td>\n<td><a href=\"#/docs/renderers/Card\">Card</a></td>\n<td></td>\n<td>配置卡片信息</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=8\",\n    \"body\": [\n        {\n            \"type\": \"panel\",\n            \"title\": \"简单 Cards 示例\",\n            \"body\": {\n                \"type\": \"cards\",\n                \"source\": \"$rows\",\n                \"card\": {\n                  \"body\": [\n                    {\n                      \"label\": \"Engine\",\n                      \"name\": \"engine\"\n                    },\n\n                    {\n                      \"name\": \"version\",\n                      \"label\": \"Version\"\n                    }\n                  ],\n\n                  \"actions\": [\n                    {\n                      \"type\": \"button\",\n                      \"level\": \"link\",\n                      \"icon\": \"fa fa-eye\",\n                      \"actionType\": \"dialog\",\n                      \"dialog\": {\n                        \"title\": \"查看详情\",\n                        \"body\": {\n                          \"type\": \"form\",\n                          \"controls\": [\n                            {\n                              \"label\": \"Engine\",\n                              \"name\": \"engine\",\n                              \"type\": \"static\"\n                            },\n\n                            {\n                                \"name\": \"version\",\n                                \"label\": \"Version\",\n                                \"type\": \"static\"\n                            }\n                          ]\n                        }\n                      }\n                    }\n                  ]\n                }\n            }\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"cards\" href=\"#cards\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Cards</h1><p>卡片集合。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;cards&quot;</code> 指定为卡片集合。</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td><code>${items}</code></td>\n<td>数据源, 绑定当前环境变量</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>string</td>\n<td>‘暂无数据’</td>\n<td>当没数据的时候的文字提示</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-grid-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-grid-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td><code>string</code></td>\n<td><code>col-sm-4 col-md-3</code></td>\n<td>卡片 CSS 类名</td>\n</tr>\n<tr>\n<td>card</td>\n<td><a href=\"#/docs/renderers/Card\">Card</a></td>\n<td></td>\n<td>配置卡片信息</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=8\",\n    \"body\": [\n        {\n            \"type\": \"panel\",\n            \"title\": \"简单 Cards 示例\",\n            \"body\": {\n                \"type\": \"cards\",\n                \"source\": \"$rows\",\n                \"card\": {\n                  \"body\": [\n                    {\n                      \"label\": \"Engine\",\n                      \"name\": \"engine\"\n                    },\n\n                    {\n                      \"name\": \"version\",\n                      \"label\": \"Version\"\n                    }\n                  ],\n\n                  \"actions\": [\n                    {\n                      \"type\": \"button\",\n                      \"level\": \"link\",\n                      \"icon\": \"fa fa-eye\",\n                      \"actionType\": \"dialog\",\n                      \"dialog\": {\n                        \"title\": \"查看详情\",\n                        \"body\": {\n                          \"type\": \"form\",\n                          \"controls\": [\n                            {\n                              \"label\": \"Engine\",\n                              \"name\": \"engine\",\n                              \"type\": \"static\"\n                            },\n\n                            {\n                                \"name\": \"version\",\n                                \"label\": \"Version\",\n                                \"type\": \"static\"\n                            }\n                          ]\n                        }\n                      }\n                    }\n                  ]\n                }\n            }\n        }\n    ]\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Cards.md', function(require, exports, module) {
           "label": "Cards",
           "fragment": "cards",
           "fullPath": "#cards",
-          "level": 2
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/Carousel.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Carousel.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"carousel\" href=\"#carousel\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Carousel</h3><p>轮播图</p>\n<ul>\n<li><code>type</code> 请设置成 <code>carousel</code></li>\n<li><code>className</code> 外层 Dom 的类名</li>\n<li><code>options</code> 轮播面板数据，默认<code>[]</code>，支持以下模式<ul>\n<li>图片<ul>\n<li><code>image</code> 图片链接</li>\n<li><code>imageClassName</code> 图片类名</li>\n<li><code>title</code> 图片标题</li>\n<li><code>titleClassName</code> 图片标题类名</li>\n<li><code>description</code> 图片描述</li>\n<li><code>descriptionClassName</code> 图片描述类名</li>\n</ul>\n</li>\n<li><code>html</code> HTML 自定义，同<a href=\"#/docs/renderers/Tpl\">Tpl</a>一致</li>\n</ul>\n</li>\n<li><code>auto</code> 是否自动轮播，默认<code>true</code></li>\n<li><code>interval</code> 切换动画间隔，默认<code>5s</code></li>\n<li><code>duration</code> 切换动画时长，默认<code>0.5s</code></li>\n<li><code>width</code> 宽度，默认<code>auto</code></li>\n<li><code>height</code> 高度，默认<code>200px</code></li>\n<li><code>controls</code> 显示左右箭头、底部圆点索引，默认<code>[&#39;dots&#39;, &#39;arrows&#39;]</code></li>\n<li><code>controlsTheme</code> 左右箭头、底部圆点索引颜色，默认<code>light</code>，另有<code>dark</code>模式</li>\n<li><code>animation</code> 切换动画效果，默认<code>fade</code>，另有<code>slide</code>模式</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"carousel\",\n    \"controlTheme\": \"light\",\n    \"height\": \"300\",\n    \"animation\": \"slide\",\n    \"options\": [\n        {\n            \"image\": \"https://video-react.js.org/assets/poster.png\"\n        },\n        {\n            \"html\": \"<div style=\\\"width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;\\\">carousel data</div>\"\n        },\n        {\n            \"image\": \"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"carousel\" href=\"#carousel\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Carousel</h1><p>轮播图</p>\n<ul>\n<li><code>type</code> 请设置成 <code>carousel</code></li>\n<li><code>className</code> 外层 Dom 的类名</li>\n<li><code>options</code> 轮播面板数据，默认<code>[]</code>，支持以下模式<ul>\n<li>图片<ul>\n<li><code>image</code> 图片链接</li>\n<li><code>imageClassName</code> 图片类名</li>\n<li><code>title</code> 图片标题</li>\n<li><code>titleClassName</code> 图片标题类名</li>\n<li><code>description</code> 图片描述</li>\n<li><code>descriptionClassName</code> 图片描述类名</li>\n</ul>\n</li>\n<li><code>html</code> HTML 自定义，同<a href=\"#/docs/renderers/Tpl\">Tpl</a>一致</li>\n</ul>\n</li>\n<li><code>auto</code> 是否自动轮播，默认<code>true</code></li>\n<li><code>interval</code> 切换动画间隔，默认<code>5s</code></li>\n<li><code>duration</code> 切换动画时长，默认<code>0.5s</code></li>\n<li><code>width</code> 宽度，默认<code>auto</code></li>\n<li><code>height</code> 高度，默认<code>200px</code></li>\n<li><code>controls</code> 显示左右箭头、底部圆点索引，默认<code>[&#39;dots&#39;, &#39;arrows&#39;]</code></li>\n<li><code>controlsTheme</code> 左右箭头、底部圆点索引颜色，默认<code>light</code>，另有<code>dark</code>模式</li>\n<li><code>animation</code> 切换动画效果，默认<code>fade</code>，另有<code>slide</code>模式</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"carousel\",\n    \"controlTheme\": \"light\",\n    \"height\": \"300\",\n    \"animation\": \"slide\",\n    \"options\": [\n        {\n            \"image\": \"https://video-react.js.org/assets/poster.png\"\n        },\n        {\n            \"html\": \"<div style=\\\"width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;\\\">carousel data</div>\"\n        },\n        {\n            \"image\": \"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        }\n    ]\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Carousel.md', function(require, exports, module) {
           "label": "Carousel",
           "fragment": "carousel",
           "fullPath": "#carousel",
-          "level": 3
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/Chart.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Chart.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"chart\" href=\"#chart\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Chart</h3><p>图表渲染器，采用 echarts 渲染，配置格式跟 echarts 相同，配置文档<a href=\"http://echarts.baidu.com/option.html#title\">文档</a></p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;chart&quot;</code></td>\n<td>指定为 chart 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"#/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"#/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>配置项远程地址</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>config</td>\n<td><code>object/string</code></td>\n<td></td>\n<td>设置 eschars 的配置项,当为<code>string</code>的时候可以设置 function 等配置项</td>\n</tr>\n<tr>\n<td>style</td>\n<td><code>object</code></td>\n<td></td>\n<td>设置根元素的 style</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"chart\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/chart/chart\",\n    \"interval\": 5000\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"chart\" href=\"#chart\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Chart</h1><p>图表渲染器，采用 echarts 渲染，配置格式跟 echarts 相同，配置文档<a href=\"http://echarts.baidu.com/option.html#title\">文档</a></p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;chart&quot;</code></td>\n<td>指定为 chart 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"#/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"#/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>配置项远程地址</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>config</td>\n<td><code>object/string</code></td>\n<td></td>\n<td>设置 eschars 的配置项,当为<code>string</code>的时候可以设置 function 等配置项</td>\n</tr>\n<tr>\n<td>style</td>\n<td><code>object</code></td>\n<td></td>\n<td>设置根元素的 style</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"chart\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/chart/chart\",\n    \"interval\": 5000\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Chart.md', function(require, exports, module) {
           "label": "Chart",
           "fragment": "chart",
           "fullPath": "#chart",
-          "level": 3
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/Collapse.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Collapse.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"collapse\" href=\"#collapse\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Collapse</h3><p>折叠器</p>\n<ul>\n<li><code>type</code> 请设置成 <code>collapse</code></li>\n<li><code>title</code> 标题</li>\n<li><code>collapsed</code> 默认是否要收起。</li>\n<li><code>className</code> CSS 类名，默认：<code>bg-white wrapper</code>。</li>\n<li><code>headingClassName</code> 标题 CSS 类名，默认：<code>font-thin b-b b-light text-lg p-b-xs</code>。</li>\n<li><code>bodyClassName</code> 内容 CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"collapse\",\n    \"title\": \"标题\",\n    \"body\": \"内容。。。\"\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"collapse\" href=\"#collapse\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Collapse</h1><p>折叠器</p>\n<ul>\n<li><code>type</code> 请设置成 <code>collapse</code></li>\n<li><code>title</code> 标题</li>\n<li><code>collapsed</code> 默认是否要收起。</li>\n<li><code>className</code> CSS 类名，默认：<code>bg-white wrapper</code>。</li>\n<li><code>headingClassName</code> 标题 CSS 类名，默认：<code>font-thin b-b b-light text-lg p-b-xs</code>。</li>\n<li><code>bodyClassName</code> 内容 CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"collapse\",\n    \"title\": \"标题\",\n    \"body\": \"内容。。。\"\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Collapse.md', function(require, exports, module) {
           "label": "Collapse",
           "fragment": "collapse",
           "fullPath": "#collapse",
-          "level": 3
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/Column.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Column.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"column\" href=\"#column\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Column</h3><p>表格中的列配置</p>\n<ul>\n<li><code>type</code> 默认为 <code>text</code>，支持： <code>text</code>、<code>html</code>、<code>tpl</code>、<code>image</code>、<code>progress</code>、<code>status</code>、<code>date</code>、<code>datetime</code>、<code>time</code>、<code>json</code>、<code>mapping</code>参考 <a href=\"#/docs/renderers/Field\">Field 说明</a>和<a href=\"#/docs/renderers/Operation\">Operation</a>。</li>\n<li><code>name</code> 用来关联列表数据中的变量 <code>key</code>。</li>\n<li><code>label</code> 列标题。</li>\n<li><code>groupName</code> 如果想要分组，请设置这个！</li>\n<li><code>copyable</code> 开启后，会支持内容点击复制。</li>\n<li><code>width</code> 列宽度。</li>\n<li><code>popOver</code> 是否支持点击查看详情。当内容较长时，可以开启此配置。</li>\n<li><code>quickEdit</code> 配置后在内容区增加一个编辑按钮，点击后弹出一个编辑框。</li>\n<li><code>toggled</code> 控制默认是展示还是不展示，只有 Table 的 <code>columnsTogglable</code> 开启了才有效。</li>\n</ul>\n",
+    "html": "<h1><a class=\"anchor\" name=\"column\" href=\"#column\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Column</h1><p>表格中的列配置</p>\n<ul>\n<li><code>type</code> 默认为 <code>text</code>，支持： <code>text</code>、<code>html</code>、<code>tpl</code>、<code>image</code>、<code>progress</code>、<code>status</code>、<code>date</code>、<code>datetime</code>、<code>time</code>、<code>json</code>、<code>mapping</code>参考 <a href=\"#/docs/renderers/Field\">Field 说明</a>和<a href=\"#/docs/renderers/Operation\">Operation</a>。</li>\n<li><code>name</code> 用来关联列表数据中的变量 <code>key</code>。</li>\n<li><code>label</code> 列标题。</li>\n<li><code>groupName</code> 如果想要分组，请设置这个！</li>\n<li><code>copyable</code> 开启后，会支持内容点击复制。</li>\n<li><code>width</code> 列宽度。</li>\n<li><code>popOver</code> 是否支持点击查看详情。当内容较长时，可以开启此配置。</li>\n<li><code>quickEdit</code> 配置后在内容区增加一个编辑按钮，点击后弹出一个编辑框。</li>\n<li><code>toggled</code> 控制默认是展示还是不展示，只有 Table 的 <code>columnsTogglable</code> 开启了才有效。</li>\n</ul>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Column.md', function(require, exports, module) {
           "label": "Column",
           "fragment": "column",
           "fullPath": "#column",
-          "level": 3
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/Dialog.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Dialog.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"dialog\" href=\"#dialog\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Dialog</h3><p>Dialog 由 <a href=\"#/docs/renderers/Action\">Action</a> 触发。他是一个类似于 <a href=\"#/docs/renderers/Page\">Page</a> 的容器模型。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;dialog&quot;</code> 指定为 Dialog 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往 Dialog 内容区加内容</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>指定 dialog 大小，支持: <code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>modal-body</code></td>\n<td>Dialog body 区域的样式类名</td>\n</tr>\n<tr>\n<td>closeOnEsc</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否支持按 <code>Esc</code> 关闭 Dialog</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>如果设置此属性，则该 Dialog 只读没有提交操作。</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"#/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置，默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"弹出\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"dialog\",\n    \"dialog\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"dialog\" href=\"#dialog\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Dialog</h1><p>Dialog 由 <a href=\"#/docs/renderers/Action\">Action</a> 触发。他是一个类似于 <a href=\"#/docs/renderers/Page\">Page</a> 的容器模型。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;dialog&quot;</code> 指定为 Dialog 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往 Dialog 内容区加内容</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>指定 dialog 大小，支持: <code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>modal-body</code></td>\n<td>Dialog body 区域的样式类名</td>\n</tr>\n<tr>\n<td>closeOnEsc</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否支持按 <code>Esc</code> 关闭 Dialog</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>如果设置此属性，则该 Dialog 只读没有提交操作。</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"#/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置，默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"弹出\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"dialog\",\n    \"dialog\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Dialog.md', function(require, exports, module) {
           "label": "Dialog",
           "fragment": "dialog",
           "fullPath": "#dialog",
-          "level": 3
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/Drawer.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Drawer.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"drawer\" href=\"#drawer\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Drawer</h3><p>Drawer 由 <a href=\"#/docs/renderers/Action\">Action</a> 触发。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;drawer&quot;</code> 指定为 Drawer 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往 Dialog 内容区加内容</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>指定 dialog 大小，支持: <code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>modal-body</code></td>\n<td>Dialog body 区域的样式类名</td>\n</tr>\n<tr>\n<td>closeOnEsc</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否支持按 <code>Esc</code> 关闭 Dialog</td>\n</tr>\n<tr>\n<td>overlay</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否显示蒙层</td>\n</tr>\n<tr>\n<td>resizable</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否可通过拖拽改变 Drawer 大小</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"#/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置，默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"弹出\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"drawer\",\n    \"drawer\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"drawer\" href=\"#drawer\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Drawer</h1><p>Drawer 由 <a href=\"#/docs/renderers/Action\">Action</a> 触发。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;drawer&quot;</code> 指定为 Drawer 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往 Dialog 内容区加内容</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>指定 dialog 大小，支持: <code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>modal-body</code></td>\n<td>Dialog body 区域的样式类名</td>\n</tr>\n<tr>\n<td>closeOnEsc</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否支持按 <code>Esc</code> 关闭 Dialog</td>\n</tr>\n<tr>\n<td>overlay</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否显示蒙层</td>\n</tr>\n<tr>\n<td>resizable</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否可通过拖拽改变 Drawer 大小</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"#/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置，默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"弹出\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"drawer\",\n    \"drawer\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Drawer.md', function(require, exports, module) {
           "label": "Drawer",
           "fragment": "drawer",
           "fullPath": "#drawer",
-          "level": 3
+          "level": 1
         }
       ],
       "level": 0

gh-pages/docs/renderers/Form/Datetime.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Datetime.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"datetime\" href=\"#datetime\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Datetime</h3><p>日期时间类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>datetime</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 moment.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD HH:mm:ss</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>timeConstraints</code> 请参考： <a href=\"https://github.com/YouCanBookMe/react-datetime\">react-datetime</a></li>\n<li><code>value</code> 这里面 value 需要特殊说明一下，因为支持相对值。如：<ul>\n<li><code>-2mins</code> 2 分钟前</li>\n<li><code>+2days</code> 2 天后</li>\n<li><code>-10week</code> 十周前</li>\n</ul>\n</li>\n<li><code>minDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><code>maxDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><code>minTime</code> 限制最小时间，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><p><code>maxTime</code> 限制最大时间，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></p>\n<p>可用单位： <code>min</code>、<code>hour</code>、<code>day</code>、<code>week</code>、<code>month</code>、<code>year</code>。所有单位支持复数形式。</p>\n</li>\n<li><p>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></p>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"datetime\",\n      \"name\": \"select\",\n      \"label\": \"日期\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"datetime\" href=\"#datetime\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Datetime</h2><p>日期时间类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>datetime</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 moment.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD HH:mm:ss</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>timeConstraints</code> 请参考： <a href=\"https://github.com/YouCanBookMe/react-datetime\">react-datetime</a></li>\n<li><code>value</code> 这里面 value 需要特殊说明一下，因为支持相对值。如：<ul>\n<li><code>-2mins</code> 2 分钟前</li>\n<li><code>+2days</code> 2 天后</li>\n<li><code>-10week</code> 十周前</li>\n</ul>\n</li>\n<li><code>minDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><code>maxDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><code>minTime</code> 限制最小时间，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><p><code>maxTime</code> 限制最大时间，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></p>\n<p>可用单位： <code>min</code>、<code>hour</code>、<code>day</code>、<code>week</code>、<code>month</code>、<code>year</code>。所有单位支持复数形式。</p>\n</li>\n<li><p>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></p>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"datetime\",\n      \"name\": \"select\",\n      \"label\": \"日期\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Form/Datetime.md', function(require, exports, module) {
           "label": "Datetime",
           "fragment": "datetime",
           "fullPath": "#datetime",
-          "level": 3
+          "level": 2
         }
       ],
       "level": 0

gh-pages/docs/renderers/Form/Editor.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Editor.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"editor\" href=\"#editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Editor</h3><h3><a class=\"anchor\" name=\"xxx-editor\" href=\"#xxx-editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>XXX-Editor</h3><ul>\n<li><code>type</code> 请设置成 <code>editor</code> 或者 <code>bat-editor</code>、<code>c-editor</code>、<code>coffeescript-editor</code>、<code>cpp-editor</code>、<code>csharp-editor</code>、<code>css-editor</code>、<code>dockerfile-editor</code>、<code>fsharp-editor</code>、<code>go-editor</code>、<code>handlebars-editor</code>、<code>html-editor</code>、<code>ini-editor</code>、<code>java-editor</code>、<code>javascript-editor</code>、<code>json-editor</code>、<code>less-editor</code>、<code>lua-editor</code>、<code>markdown-editor</code>、<code>msdax-editor</code>、<code>objective-c-editor</code>、<code>php-editor</code>、<code>plaintext-editor</code>、<code>postiats-editor</code>、<code>powershell-editor</code>、<code>pug-editor</code>、<code>python-editor</code>、<code>r-editor</code>、<code>razor-editor</code>、<code>ruby-editor</code>、<code>sb-editor</code>、<code>scss-editor</code>、<code>sol-editor</code>、<code>sql-editor</code>、<code>swift-editor</code>、<code>typescript-editor</code>、<code>vb-editor</code>、<code>xml-editor</code>、<code>yaml-editor</code>。</li>\n<li><code>language</code> 默认为 <code>javascript</code> 当 <code>type</code> 为 <code>editor</code> 的时候有用。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"json-editor\",\n  \"name\": \"json\",\n  \"label\": \"Json Editor\"\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"diff-editor\" href=\"#diff-editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Diff-Editor</h3><ul>\n<li><code>type</code> 请设置成 <code>diff-editor</code></li>\n<li><code>language</code> 默认为 <code>javascript</code> 当 <code>type</code> 为 <code>diff-editor</code> 的时候有用</li>\n<li><code>diffValue</code> 设置左侧编辑器的值，支持<code>${xxx}</code>获取变量</li>\n<li><code>disabled</code> 配置 <strong>右侧编辑器</strong> 是否可编辑，<strong>左侧编辑器</strong>始终不可编辑</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<p>PS: 当用作纯展示时，可以通过<code>value</code>配置项，设置右侧编辑器的值</p>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"diff-editor\",\n  \"name\": \"diff\",\n  \"diffValue\": \"hello world\",\n  \"label\": \"Diff-Editor\"\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"editor\" href=\"#editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Editor</h2><h3><a class=\"anchor\" name=\"xxx-editor\" href=\"#xxx-editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>XXX-Editor</h3><ul>\n<li><code>type</code> 请设置成 <code>editor</code> 或者 <code>bat-editor</code>、<code>c-editor</code>、<code>coffeescript-editor</code>、<code>cpp-editor</code>、<code>csharp-editor</code>、<code>css-editor</code>、<code>dockerfile-editor</code>、<code>fsharp-editor</code>、<code>go-editor</code>、<code>handlebars-editor</code>、<code>html-editor</code>、<code>ini-editor</code>、<code>java-editor</code>、<code>javascript-editor</code>、<code>json-editor</code>、<code>less-editor</code>、<code>lua-editor</code>、<code>markdown-editor</code>、<code>msdax-editor</code>、<code>objective-c-editor</code>、<code>php-editor</code>、<code>plaintext-editor</code>、<code>postiats-editor</code>、<code>powershell-editor</code>、<code>pug-editor</code>、<code>python-editor</code>、<code>r-editor</code>、<code>razor-editor</code>、<code>ruby-editor</code>、<code>sb-editor</code>、<code>scss-editor</code>、<code>sol-editor</code>、<code>sql-editor</code>、<code>swift-editor</code>、<code>typescript-editor</code>、<code>vb-editor</code>、<code>xml-editor</code>、<code>yaml-editor</code>。</li>\n<li><code>language</code> 默认为 <code>javascript</code> 当 <code>type</code> 为 <code>editor</code> 的时候有用。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"json-editor\",\n  \"name\": \"json\",\n  \"label\": \"Json Editor\"\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"diff-editor\" href=\"#diff-editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Diff-Editor</h3><ul>\n<li><code>type</code> 请设置成 <code>diff-editor</code></li>\n<li><code>language</code> 默认为 <code>javascript</code> 当 <code>type</code> 为 <code>diff-editor</code> 的时候有用</li>\n<li><code>diffValue</code> 设置左侧编辑器的值，支持<code>${xxx}</code>获取变量</li>\n<li><code>disabled</code> 配置 <strong>右侧编辑器</strong> 是否可编辑，<strong>左侧编辑器</strong>始终不可编辑</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<p>PS: 当用作纯展示时，可以通过<code>value</code>配置项，设置右侧编辑器的值</p>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"diff-editor\",\n  \"name\": \"diff\",\n  \"diffValue\": \"hello world\",\n  \"label\": \"Diff-Editor\"\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,19 +10,21 @@ define('docs/renderers/Form/Editor.md', function(require, exports, module) {
           "label": "Editor",
           "fragment": "editor",
           "fullPath": "#editor",
-          "level": 3
-        },
-        {
-          "label": "XXX-Editor",
-          "fragment": "xxx-editor",
-          "fullPath": "#xxx-editor",
-          "level": 3
-        },
-        {
-          "label": "Diff-Editor",
-          "fragment": "diff-editor",
-          "fullPath": "#diff-editor",
-          "level": 3
+          "level": 2,
+          "children": [
+            {
+              "label": "XXX-Editor",
+              "fragment": "xxx-editor",
+              "fullPath": "#xxx-editor",
+              "level": 3
+            },
+            {
+              "label": "Diff-Editor",
+              "fragment": "diff-editor",
+              "fullPath": "#diff-editor",
+              "level": 3
+            }
+          ]
         }
       ],
       "level": 0

gh-pages/docs/renderers/Form/Email.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Email.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"email\" href=\"#email\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Email</h3><p>Email 输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>email</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><code>options</code> 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> 通过 options 只能配置静态数据，如果设置了 source 则会从接口拉取，实现动态效果。</li>\n<li><code>autoComplete</code> 跟 source 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"email\",\n  \"name\": \"text\",\n  \"validateOnChange\": true,\n  \"label\": \"Email\"\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"email\" href=\"#email\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Email</h2><p>Email 输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>email</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><code>options</code> 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> 通过 options 只能配置静态数据，如果设置了 source 则会从接口拉取，实现动态效果。</li>\n<li><code>autoComplete</code> 跟 source 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"email\",\n  \"name\": \"text\",\n  \"validateOnChange\": true,\n  \"label\": \"Email\"\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Form/Email.md', function(require, exports, module) {
           "label": "Email",
           "fragment": "email",
           "fullPath": "#email",
-          "level": 3
+          "level": 2
         }
       ],
       "level": 0

gh-pages/docs/renderers/Form/FieldSet.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Form/FieldSet.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"fieldset\" href=\"#fieldset\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>FieldSet</h3><p>多个输入框可以通过 fieldSet 捆绑在一起。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>fieldSet</code></li>\n<li><code>title</code> 标题</li>\n<li><code>controls</code> 表单项集合。</li>\n<li><code>mode</code> 展示默认，跟 <a href=\"#/docs/renderers/Form/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>collapsable</code> 配置是否可折叠，默认为 <code>true</code>。</li>\n<li><code>collapsed</code> 默认是否折叠。</li>\n<li><code>className</code> CSS 类名</li>\n<li><code>headingClassName</code> 标题 CSS 类名</li>\n<li><code>bodyClassName</code> 内容区域 CSS 类名</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"form\">[\n  {\n    \"type\": \"fieldSet\",\n    \"title\": \"基本配置\",\n    \"controls\": [\n      {\n        \"name\": \"a\",\n        \"type\": \"text\",\n        \"label\": \"文本1\"\n      },\n\n      {\n        \"name\": \"a\",\n        \"type\": \"text\",\n        \"label\": \"文本2\"\n      }\n    ]\n  },\n\n  {\n    \"type\": \"fieldSet\",\n    \"title\": \"其他配置\",\n    \"collapsed\": true,\n    \"controls\": [\n      {\n        \"name\": \"c\",\n        \"type\": \"text\",\n        \"label\": \"文本3\"\n      },\n\n      {\n        \"name\": \"d\",\n        \"type\": \"text\",\n        \"label\": \"文本4\"\n      }\n    ]\n  }\n]\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"fieldset\" href=\"#fieldset\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>FieldSet</h2><p>多个输入框可以通过 fieldSet 捆绑在一起。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>fieldSet</code></li>\n<li><code>title</code> 标题</li>\n<li><code>controls</code> 表单项集合。</li>\n<li><code>mode</code> 展示默认，跟 <a href=\"#/docs/renderers/Form/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>collapsable</code> 配置是否可折叠，默认为 <code>true</code>。</li>\n<li><code>collapsed</code> 默认是否折叠。</li>\n<li><code>className</code> CSS 类名</li>\n<li><code>headingClassName</code> 标题 CSS 类名</li>\n<li><code>bodyClassName</code> 内容区域 CSS 类名</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"form\">[\n  {\n    \"type\": \"fieldSet\",\n    \"title\": \"基本配置\",\n    \"controls\": [\n      {\n        \"name\": \"a\",\n        \"type\": \"text\",\n        \"label\": \"文本1\"\n      },\n\n      {\n        \"name\": \"a\",\n        \"type\": \"text\",\n        \"label\": \"文本2\"\n      }\n    ]\n  },\n\n  {\n    \"type\": \"fieldSet\",\n    \"title\": \"其他配置\",\n    \"collapsed\": true,\n    \"controls\": [\n      {\n        \"name\": \"c\",\n        \"type\": \"text\",\n        \"label\": \"文本3\"\n      },\n\n      {\n        \"name\": \"d\",\n        \"type\": \"text\",\n        \"label\": \"文本4\"\n      }\n    ]\n  }\n]\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Form/FieldSet.md', function(require, exports, module) {
           "label": "FieldSet",
           "fragment": "fieldset",
           "fullPath": "#fieldset",
-          "level": 3
+          "level": 2
         }
       ],
       "level": 0

gh-pages/docs/renderers/Form/File.js

@@ -1,7 +1,7 @@
 define('docs/renderers/Form/File.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"file\" href=\"#file\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>File</h3><p>文件输入，amis 也默认处理了图片存储，提交给 API 的是文件的下载地址。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>file</code></li>\n<li><code>reciever</code> 默认 <code>/api/upload/file</code> 如果想自己存储，请设置此选项。(PS: 如果想存自己的 bos, 系统配置中可以直接填写自己的 bos 配置。)</li>\n<li><code>accept</code> 默认 <code>text/plain</code> 默认只支持纯文本，要支持其他类型，请配置此属性。</li>\n<li><code>maxSize</code> 默认没有限制，当设置后，文件大小大于此值将不允许上传。</li>\n<li><code>multiple</code> 是否多选。</li>\n<li><code>maxLength</code> 默认没有限制，当设置后，一次只允许上传指定数量文件。</li>\n<li><code>joinValues</code> 多选时是否将多个值用 <code>delimiter</code> 连接起来。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 链接符</li>\n<li><code>autoUpload</code> 是否选择完就自动开始上传？默认为 <code>true</code></li>\n<li><code>fileField</code> 默认 <code>file</code>, 如果你不想自己存储，则可以忽略此属性。</li>\n<li><code>downloadUrl</code> 默认显示文件路径的时候会支持直接下载，可以支持加前缀如：<code>http://xx.dom/filename=</code> ，如果不希望这样，可以把当前配置项设置为 <code>false</code>。</li>\n<li><code>useChunk</code> 默认为 &#39;auto&#39; amis 所在服务器，限制了文件上传大小不得超出 10M，所以 amis 在用户选择大文件的时候，自动会改成分块上传模式。</li>\n<li><code>chunkSize</code> 分块大小，默认为 5M.</li>\n<li><code>startChunkApi</code> 默认 <code>/api/upload/startChunk</code> 想自己存储时才需要关注。</li>\n<li><code>chunkApi</code> 默认 <code>/api/upload/chunk</code> 想自己存储时才需要关注。</li>\n<li><code>finishChunkApi</code> 默认 <code>/api/upload/finishChunk</code> 想自己存储时才需要关注。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"file\",\n  \"name\": \"file\",\n  \"label\": \"File\",\n  \"maxSize\": 1048576\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"file\" href=\"#file\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>File</h2><p>文件输入，amis 也默认处理了图片存储，提交给 API 的是文件的下载地址。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>file</code></li>\n<li><code>reciever</code> 默认 <code>/api/upload/file</code> 如果想自己存储，请设置此选项。(PS: 如果想存自己的 bos, 系统配置中可以直接填写自己的 bos 配置。)</li>\n<li><code>accept</code> 默认 <code>text/plain</code> 默认只支持纯文本，要支持其他类型，请配置此属性。</li>\n<li><code>maxSize</code> 默认没有限制，当设置后，文件大小大于此值将不允许上传。</li>\n<li><code>multiple</code> 是否多选。</li>\n<li><code>maxLength</code> 默认没有限制，当设置后，一次只允许上传指定数量文件。</li>\n<li><code>joinValues</code> 多选时是否将多个值用 <code>delimiter</code> 连接起来。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 链接符</li>\n<li><code>autoUpload</code> 是否选择完就自动开始上传？默认为 <code>true</code></li>\n<li><code>fileField</code> 默认 <code>file</code>, 如果你不想自己存储，则可以忽略此属性。</li>\n<li><code>downloadUrl</code> 默认显示文件路径的时候会支持直接下载，可以支持加前缀如：<code>http://xx.dom/filename=</code> ，如果不希望这样，可以把当前配置项设置为 <code>false</code>。</li>\n<li><code>useChunk</code> 默认为 &#39;auto&#39; amis 所在服务器，限制了文件上传大小不得超出 10M，所以 amis 在用户选择大文件的时候，自动会改成分块上传模式。</li>\n<li><code>chunkSize</code> 分块大小，默认为 5M.</li>\n<li><code>startChunkApi</code> 默认 <code>/api/upload/startChunk</code> 想自己存储时才需要关注。</li>\n<li><code>chunkApi</code> 默认 <code>/api/upload/chunk</code> 想自己存储时才需要关注。</li>\n<li><code>finishChunkApi</code> 默认 <code>/api/upload/finishChunk</code> 想自己存储时才需要关注。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"file\",\n  \"name\": \"file\",\n  \"label\": \"File\",\n  \"maxSize\": 1048576\n}\n</script></div>\n",
     "toc": {
       "label": "目录",
       "type": "toc",
@@ -10,7 +10,7 @@ define('docs/renderers/Form/File.md', function(require, exports, module) {
           "label": "File",
           "fragment": "file",
           "fullPath": "#file",
-          "level": 3
+          "level": 2
         }
       ],
       "level": 0