From f549c9f50deacc35b98fcfa10736256360e2a1fa Mon Sep 17 00:00:00 2001 From: liaoxuezhi Date: Fri, 10 May 2019 09:54:42 +0800 Subject: [PATCH] =?UTF-8?q?gh-pages=20=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- fis-conf.js | 4 +- gh-pages/docs/renderers.js | 12 +- gh-pages/docs/renderers/Action.js | 2 +- gh-pages/docs/renderers/Array.js | 2 +- gh-pages/docs/renderers/Button.js | 2 +- gh-pages/docs/renderers/CRUD-Cards.js | 2 +- gh-pages/docs/renderers/CRUD-List.js | 2 +- gh-pages/docs/renderers/CRUD-Table.js | 2 +- gh-pages/docs/renderers/CRUD.js | 2 +- gh-pages/docs/renderers/Card.js | 2 +- gh-pages/docs/renderers/Cards.js | 2 +- gh-pages/docs/renderers/Chained-Select.js | 2 +- gh-pages/docs/renderers/Chart.js | 2 +- gh-pages/docs/renderers/Checkbox.js | 2 +- gh-pages/docs/renderers/Checkboxes.js | 2 +- gh-pages/docs/renderers/Column.js | 2 +- gh-pages/docs/renderers/Combo.js | 2 +- gh-pages/docs/renderers/Date-Range.js | 2 +- gh-pages/docs/renderers/Date.js | 2 +- gh-pages/docs/renderers/Datetime.js | 2 +- gh-pages/docs/renderers/Dialog.js | 2 +- gh-pages/docs/renderers/Drawer.js | 2 +- gh-pages/docs/renderers/Editor.js | 2 +- gh-pages/docs/renderers/Field.js | 2 +- gh-pages/docs/renderers/FieldSet.js | 2 +- gh-pages/docs/renderers/File.js | 2 +- gh-pages/docs/renderers/Form.js | 2 +- .../docs/renderers/FormItem-Button-Group.js | 2 +- gh-pages/docs/renderers/FormItem-HBox.js | 2 +- gh-pages/docs/renderers/FormItem-List.js | 2 +- gh-pages/docs/renderers/FormItem-Panel.js | 2 +- gh-pages/docs/renderers/FormItem-Table.js | 2 +- gh-pages/docs/renderers/FormItem.js | 2 +- gh-pages/docs/renderers/Grid.js | 2 +- gh-pages/docs/renderers/Group.js | 2 +- gh-pages/docs/renderers/HBox.js | 2 +- gh-pages/docs/renderers/Image.js | 2 +- gh-pages/docs/renderers/List.js | 2 +- gh-pages/docs/renderers/Matrix.js | 2 +- gh-pages/docs/renderers/NestedSelect.js | 2 +- gh-pages/docs/renderers/Page.js | 2 +- gh-pages/docs/renderers/Panel.js | 2 +- gh-pages/docs/renderers/Picker.js | 2 +- gh-pages/docs/renderers/Radios.js | 2 +- gh-pages/docs/renderers/Repeat.js | 2 +- gh-pages/docs/renderers/Rich-Text.js | 2 +- gh-pages/docs/renderers/Select.js | 2 +- gh-pages/docs/renderers/Service.js | 2 +- gh-pages/docs/renderers/Static.js | 2 +- gh-pages/docs/renderers/SubForm.js | 2 +- gh-pages/docs/renderers/Switch.js | 2 +- gh-pages/docs/renderers/Table.js | 2 +- gh-pages/docs/renderers/Tasks.js | 2 +- gh-pages/docs/renderers/Time.js | 2 +- gh-pages/docs/renderers/Tpl.js | 2 +- gh-pages/docs/renderers/Tree.js | 2 +- gh-pages/docs/renderers/TreeSelect.js | 2 +- gh-pages/docs/renderers/Types.js | 2 +- gh-pages/docs/renderers/Wizard.js | 2 +- gh-pages/docs/renderers/Wrapper.js | 2 +- gh-pages/index.html | 6 +- .../pkg/{app_a572284.js => app_3af31dd.js} | 13450 +--------------- gh-pages/pkg/rest_cf0b3d4.js | 8 + gh-pages/pkg/rest_e43c33a.js | 210 - .../{style_4a50097.css => style_5383172.css} | 4 +- 65 files changed, 149 insertions(+), 13661 deletions(-) rename gh-pages/pkg/{app_a572284.js => app_3af31dd.js} (52%) create mode 100644 gh-pages/pkg/rest_cf0b3d4.js delete mode 100644 gh-pages/pkg/rest_e43c33a.js rename gh-pages/pkg/{style_4a50097.css => style_5383172.css} (99%) diff --git a/fis-conf.js b/fis-conf.js index c6bcdf7a..6e756ef3 100644 --- a/fis-conf.js +++ b/fis-conf.js @@ -316,7 +316,7 @@ if (fis.project.currentMedia() === 'publish') { useHash: true }); - ghPages.match('*.{js,ts,tsx}', { + ghPages.match('*.{js,ts,tsx,jsx}', { optimizer: fis.plugin('uglify-js'), useHash: true }); @@ -347,7 +347,7 @@ if (fis.project.currentMedia() === 'publish') { ghPages.match('{*.min.js,monaco-editor/**.js}', { optimizer: null }); - ghPages.match('monaco-editor/**.js', { + ghPages.match('monaco-editor/**', { useHash: false }); } diff --git a/gh-pages/docs/renderers.js b/gh-pages/docs/renderers.js index f6085b58..24904216 100644 --- a/gh-pages/docs/renderers.js +++ b/gh-pages/docs/renderers.js @@ -1,12 +1,18 @@ define('docs/renderers.md', function(require, exports, module) { module.exports = { - "title": "AMis 渲染器手册", - "html": "

AMis 页面是通过 Json 配置出来的,是由一个一个渲染模型组成的,掌握他们规则,就能灵活配置出各种页面。

\n\n", + "html": "

渲染器手册

AMis 页面是通过 JSON 配置出来的,是由一个一个渲染模型组成的,掌握他们规则,就能灵活配置出各种页面。

\n\n", "toc": { "label": "目录", "type": "toc", - "children": [], + "children": [ + { + "label": "渲染器手册", + "fragment": "%E6%B8%B2%E6%9F%93%E5%99%A8%E6%89%8B%E5%86%8C", + "fullPath": "#%E6%B8%B2%E6%9F%93%E5%99%A8%E6%89%8B%E5%86%8C", + "level": 3 + } + ], "level": 0 } }; diff --git a/gh-pages/docs/renderers/Action.js b/gh-pages/docs/renderers/Action.js index ef4ca947..1c3a790f 100644 --- a/gh-pages/docs/renderers/Action.js +++ b/gh-pages/docs/renderers/Action.js @@ -1,7 +1,7 @@ define('docs/renderers/Action.md', function(require, exports, module) { module.exports = { - "html": "

Action

Action 是一种特殊的渲染器,它本身是一个按钮,同时它能触发事件。

\n\n

示例:

\n\n", + "html": "

Action

Action 是一种特殊的渲染器,它本身是一个按钮,同时它能触发事件。

\n\n

示例:

\n\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Array.js b/gh-pages/docs/renderers/Array.js index e637d78c..e57532d1 100644 --- a/gh-pages/docs/renderers/Array.js +++ b/gh-pages/docs/renderers/Array.js @@ -1,7 +1,7 @@ define('docs/renderers/Array.md', function(require, exports, module) { module.exports = { - "html": "

Array

数组输入框配置

\n

其实就是 Combo 的一个 flat 用法。

\n\n
\n", + "html": "

Array

数组输入框配置

\n

其实就是 Combo 的一个 flat 用法。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Button.js b/gh-pages/docs/renderers/Button.js index 9ae48a9f..72bdd1bd 100644 --- a/gh-pages/docs/renderers/Button.js +++ b/gh-pages/docs/renderers/Button.js @@ -1,7 +1,7 @@ define('docs/renderers/Button.md', function(require, exports, module) { module.exports = { - "html": "

Button

按钮, 包含 buttonsubmitreset。 字段说明。

\n\n

如果按钮是 button 类型,则还需要配置 Action 中定义的属性,否则,AMis 不知道如何响应当前按钮点击。

\n
\n", + "html": "

Button

按钮, 包含 buttonsubmitreset。 字段说明。

\n\n

如果按钮是 button 类型,则还需要配置 Action 中定义的属性,否则,AMis 不知道如何响应当前按钮点击。

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/CRUD-Cards.js b/gh-pages/docs/renderers/CRUD-Cards.js index 3c0b3f56..30f45df7 100644 --- a/gh-pages/docs/renderers/CRUD-Cards.js +++ b/gh-pages/docs/renderers/CRUD-Cards.js @@ -1,7 +1,7 @@ define('docs/renderers/CRUD-Cards.md', function(require, exports, module) { module.exports = { - "html": "

Cards(CRUD)

请参考Cards

\n
\n", + "html": "

Cards(CRUD)

请参考Cards

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/CRUD-List.js b/gh-pages/docs/renderers/CRUD-List.js index 4ef381cb..9b637509 100644 --- a/gh-pages/docs/renderers/CRUD-List.js +++ b/gh-pages/docs/renderers/CRUD-List.js @@ -1,7 +1,7 @@ define('docs/renderers/CRUD-List.md', function(require, exports, module) { module.exports = { - "html": "

List(CRUD)

请参考List

\n
\n", + "html": "

List(CRUD)

请参考List

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/CRUD-Table.js b/gh-pages/docs/renderers/CRUD-Table.js index 2e5f5da4..63467df0 100644 --- a/gh-pages/docs/renderers/CRUD-Table.js +++ b/gh-pages/docs/renderers/CRUD-Table.js @@ -1,7 +1,7 @@ define('docs/renderers/CRUD-Table.md', function(require, exports, module) { module.exports = { - "html": "

Table(CRUD)

在 CRUD 中的 Table 主要增加了 Column 里面的以下配置功能,更多参数,请参考Table

\n\n
\n", + "html": "

Table(CRUD)

在 CRUD 中的 Table 主要增加了 Column 里面的以下配置功能,更多参数,请参考Table

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/CRUD.js b/gh-pages/docs/renderers/CRUD.js index 024dee24..1762adb7 100644 --- a/gh-pages/docs/renderers/CRUD.js +++ b/gh-pages/docs/renderers/CRUD.js @@ -1,7 +1,7 @@ define('docs/renderers/CRUD.md', function(require, exports, module) { module.exports = { - "html": "

CRUD

增删改查模型,主要用来展现列表,并支持各类【增】【删】【改】【查】的操作。复杂示例请前往 Demo

\n

CRUD 支持三种模式:tablecardslist,默认为 table

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"crud" 指定为 CRUD 渲染器
modestring"table""table" 、 "cards" 或者 "list"
titlestring""可设置成空,当设置成空时,没有标题栏
classNamestring表格外层 Dom 的类名
apiApiCRUD 用来获取列表数据的 api。详情
filterForm设置过滤器,当该表单提交后,会把数据带给当前 crud 刷新列表。
initFetchbooleantrue是否初始化的时候拉取数据, 只针对有 filter 的情况, 没有 filter 初始都会拉取数据
intervalnumber3000刷新时间(最低 3000)
silentPollingbooleanfalse配置刷新时是否显示加载动画
stopAutoRefreshWhenstring""通过表达式来配置停止刷新的条件
syncLocationbooleantrue是否将过滤条件的参数同步到地址栏
draggablebooleanfalse是否可通过拖拽排序
itemDraggableOnboolean表达式来配置是否可拖拽排序
saveOrderApiApi保存排序的 api。详情
quickSaveApiApi快速编辑后用来批量保存的 API。详情
quickSaveItemApiApi快速编辑配置成及时保存时使用的 API。详情
bulkActionsArray Of Action批量操作列表,配置后,表格可进行选中操作。
defaultCheckedbooleanfalse当可批量操作时,默认是否全部勾选。
messagesObject覆盖消息提示,如果不指定,将采用 api 返回的 message
messages.fetchFailedstring获取失败时提示
messages.saveOrderFailedstring保存顺序失败提示
messages.saveOrderSuccessstring保存顺序成功提示
messages.quickSaveFailedstring快速保存失败提示
messages.quickSaveSuccessstring快速保存成功提示
primaryFieldstring"id"设置 ID 字段名。
defaultParamsObject设置默认 filter 默认参数,会在查询的时候一起发给后端
pageFieldstring"page"设置分页页码字段名。
perPageFieldstring"perPage"设置分页一页显示的多少条数据的字段名。注意:最好与 defaultParams 一起使用,请看下面例子。
orderFieldstring设置用来确定位置的字段名,设置后新的顺序将被赋值到该字段中。
headerToolbarArray['bulkActions', 'pagination']顶部工具栏配置
footerToolbarArray['statistics', 'pagination']顶部工具栏配置
\n", + "html": "

CRUD

增删改查模型,主要用来展现列表,并支持各类【增】【删】【改】【查】的操作。

\n

CRUD 支持三种模式:tablecardslist,默认为 table

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"Action.md" 指定为 CRUD 渲染器
modestring"table""table" 、 "cards" 或者 "list"
titlestring""可设置成空,当设置成空时,没有标题栏
classNamestring表格外层 Dom 的类名
apiApiCRUD 用来获取列表数据的 api。
filterForm设置过滤器,当该表单提交后,会把数据带给当前 Action.md 刷新列表。
initFetchbooleantrue是否初始化的时候拉取数据, 只针对有 filter 的情况, 没有 filter 初始都会拉取数据
intervalnumber3000刷新时间(最低 3000)
silentPollingbooleanfalse配置刷新时是否显示加载动画
stopAutoRefreshWhenstring""通过表达式来配置停止刷新的条件
syncLocationbooleantrue是否将过滤条件的参数同步到地址栏
draggablebooleanfalse是否可通过拖拽排序
itemDraggableOnboolean表达式来配置是否可拖拽排序
saveOrderApiApi保存排序的 api。
quickSaveApiApi快速编辑后用来批量保存的 API。
quickSaveItemApiApi快速编辑配置成及时保存时使用的 API。
bulkActionsArray Of Action批量操作列表,配置后,表格可进行选中操作。
defaultCheckedbooleanfalse当可批量操作时,默认是否全部勾选。
messagesObject覆盖消息提示,如果不指定,将采用 api 返回的 message
messages.fetchFailedstring获取失败时提示
messages.saveOrderFailedstring保存顺序失败提示
messages.saveOrderSuccessstring保存顺序成功提示
messages.quickSaveFailedstring快速保存失败提示
messages.quickSaveSuccessstring快速保存成功提示
primaryFieldstring"id"设置 ID 字段名。
defaultParamsObject设置默认 filter 默认参数,会在查询的时候一起发给后端
pageFieldstring"page"设置分页页码字段名。
perPageFieldstring"perPage"设置分页一页显示的多少条数据的字段名。注意:最好与 defaultParams 一起使用,请看下面例子。
orderFieldstring设置用来确定位置的字段名,设置后新的顺序将被赋值到该字段中。
headerToolbarArray['bulkActions', 'pagination']顶部工具栏配置
footerToolbarArray['statistics', 'pagination']顶部工具栏配置
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Card.js b/gh-pages/docs/renderers/Card.js index ccae2418..dce2d717 100644 --- a/gh-pages/docs/renderers/Card.js +++ b/gh-pages/docs/renderers/Card.js @@ -1,7 +1,7 @@ define('docs/renderers/Card.md', function(require, exports, module) { module.exports = { - "html": "

Card

卡片的展示形式。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"card"指定为 Card 渲染器
classNamestring"panel-default"外层 Dom 的类名
headerObjectCard 头部内容设置
header.classNamestring头部类名
header.titlestring标题
header.subTitlestring副标题
header.descstring描述
header.avatarstring图片
header.highlightboolean是否点亮
header.avatarClassNamestring"pull-left thumb avatar b-3x m-r"图片类名
bodyArray 或者 Field内容容器,主要用来放置 Field
bodyClassNamestring"padder m-t-sm m-b-sm"内容区域类名
actionsArray Of Button按钮区域
\n
\n", + "html": "

Card

卡片的展示形式。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"card"指定为 Card 渲染器
classNamestring"panel-default"外层 Dom 的类名
headerObjectCard 头部内容设置
header.classNamestring头部类名
header.titlestring标题
header.subTitlestring副标题
header.descstring描述
header.avatarstring图片
header.highlightboolean是否点亮
header.avatarClassNamestring"pull-left thumb avatar b-3x m-r"图片类名
bodyArray 或者 Field内容容器,主要用来放置 Field
bodyClassNamestring"padder m-t-sm m-b-sm"内容区域类名
actionsArray Of Button按钮区域
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Cards.js b/gh-pages/docs/renderers/Cards.js index 4539a4ce..de159b31 100644 --- a/gh-pages/docs/renderers/Cards.js +++ b/gh-pages/docs/renderers/Cards.js @@ -1,7 +1,7 @@ define('docs/renderers/Cards.md', function(require, exports, module) { module.exports = { - "html": "

Cards

卡片集合。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"cards" 指定为卡片集合。
titlestring标题
sourcestring${items}数据源, 绑定当前环境变量
placeholderstring‘暂无数据’当没数据的时候的文字提示
classNamestring外层 CSS 类名
headerClassNamestringamis-grid-header顶部外层 CSS 类名
footerClassNamestringamis-grid-footer底部外层 CSS 类名
itemClassNamestringcol-sm-4 col-md-3卡片 CSS 类名
cardCard配置卡片信息
\n
\n", + "html": "

Cards

卡片集合。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"cards" 指定为卡片集合。
titlestring标题
sourcestring${items}数据源, 绑定当前环境变量
placeholderstring‘暂无数据’当没数据的时候的文字提示
classNamestring外层 CSS 类名
headerClassNamestringamis-grid-header顶部外层 CSS 类名
footerClassNamestringamis-grid-footer底部外层 CSS 类名
itemClassNamestringcol-sm-4 col-md-3卡片 CSS 类名
cardCard配置卡片信息
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Chained-Select.js b/gh-pages/docs/renderers/Chained-Select.js index 09a32f37..8cc5feba 100644 --- a/gh-pages/docs/renderers/Chained-Select.js +++ b/gh-pages/docs/renderers/Chained-Select.js @@ -1,7 +1,7 @@ define('docs/renderers/Chained-Select.md', function(require, exports, module) { module.exports = { - "html": "

Chained-Select

无限级别下拉,只支持单选,且必须和 source 搭配,通过 API 拉取数据,只要 API 有返回结果,就能一直无限级别下拉下去。

\n\n
\n", + "html": "

Chained-Select

无限级别下拉,只支持单选,且必须和 source 搭配,通过 API 拉取数据,只要 API 有返回结果,就能一直无限级别下拉下去。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Chart.js b/gh-pages/docs/renderers/Chart.js index e6d469fd..70cc329a 100644 --- a/gh-pages/docs/renderers/Chart.js +++ b/gh-pages/docs/renderers/Chart.js @@ -1,7 +1,7 @@ define('docs/renderers/Chart.md', function(require, exports, module) { module.exports = { - "html": "

Chart

图表渲染器,采用 echarts 渲染,配置格式跟 echarts 相同,配置文档文档

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"chart"指定为 chart 渲染器
classNamestring外层 Dom 的类名
bodyContainer内容容器
apiapi配置项远程地址
initFetchboolean是否默认拉取
intervalnumber刷新时间(最低 3000)
configobject/string设置 eschars 的配置项,当为string的时候可以设置 function 等配置项
styleobject设置根元素的 style
\n
\n", + "html": "

Chart

图表渲染器,采用 echarts 渲染,配置格式跟 echarts 相同,配置文档文档

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"chart"指定为 chart 渲染器
classNamestring外层 Dom 的类名
bodyContainer内容容器
apiapi配置项远程地址
initFetchboolean是否默认拉取
intervalnumber刷新时间(最低 3000)
configobject/string设置 eschars 的配置项,当为string的时候可以设置 function 等配置项
styleobject设置根元素的 style
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Checkbox.js b/gh-pages/docs/renderers/Checkbox.js index 4f1717ba..b7ae49dc 100644 --- a/gh-pages/docs/renderers/Checkbox.js +++ b/gh-pages/docs/renderers/Checkbox.js @@ -1,7 +1,7 @@ define('docs/renderers/Checkbox.md', function(require, exports, module) { module.exports = { - "html": "

Checkbox

勾选框

\n\n
\n", + "html": "

Checkbox

勾选框

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Checkboxes.js b/gh-pages/docs/renderers/Checkboxes.js index 8b261144..fc63c295 100644 --- a/gh-pages/docs/renderers/Checkboxes.js +++ b/gh-pages/docs/renderers/Checkboxes.js @@ -1,7 +1,7 @@ define('docs/renderers/Checkboxes.md', function(require, exports, module) { module.exports = { - "html": "

Checkboxes

复选框

\n\n
\n", + "html": "

Checkboxes

复选框

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Column.js b/gh-pages/docs/renderers/Column.js index 506591d3..041b1e1e 100644 --- a/gh-pages/docs/renderers/Column.js +++ b/gh-pages/docs/renderers/Column.js @@ -1,7 +1,7 @@ define('docs/renderers/Column.md', function(require, exports, module) { module.exports = { - "html": "

Column

表格中的列配置

\n\n", + "html": "

Column

表格中的列配置

\n\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Combo.js b/gh-pages/docs/renderers/Combo.js index ce1a78ec..d49ae0d6 100644 --- a/gh-pages/docs/renderers/Combo.js +++ b/gh-pages/docs/renderers/Combo.js @@ -1,7 +1,7 @@ define('docs/renderers/Combo.md', function(require, exports, module) { module.exports = { - "html": "

Combo

组合模式,支持自由组合多个表单项。

\n\n
\n

combo 多行模式。

\n
\n", + "html": "

Combo

组合模式,支持自由组合多个表单项。

\n\n
\n

combo 多行模式。

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Date-Range.js b/gh-pages/docs/renderers/Date-Range.js index bfb56dce..cdf0f6d6 100644 --- a/gh-pages/docs/renderers/Date-Range.js +++ b/gh-pages/docs/renderers/Date-Range.js @@ -1,7 +1,7 @@ define('docs/renderers/Date-Range.md', function(require, exports, module) { module.exports = { - "html": "

Date-Range

日期范围类型。

\n\n
\n

考虑到大家都习惯用两个字段来存储,那么就用 date 来代替吧。

\n
\n", + "html": "

Date-Range

日期范围类型。

\n\n
\n

考虑到大家都习惯用两个字段来存储,那么就用 date 来代替吧。

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Date.js b/gh-pages/docs/renderers/Date.js index 118f8341..0e477535 100644 --- a/gh-pages/docs/renderers/Date.js +++ b/gh-pages/docs/renderers/Date.js @@ -1,7 +1,7 @@ define('docs/renderers/Date.md', function(require, exports, module) { module.exports = { - "html": "

Date

日期类型。

\n\n
\n", + "html": "

Date

日期类型。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Datetime.js b/gh-pages/docs/renderers/Datetime.js index 28c68858..a04beb6a 100644 --- a/gh-pages/docs/renderers/Datetime.js +++ b/gh-pages/docs/renderers/Datetime.js @@ -1,7 +1,7 @@ define('docs/renderers/Datetime.md', function(require, exports, module) { module.exports = { - "html": "

Datetime

日期时间类型。

\n\n
\n", + "html": "

Datetime

日期时间类型。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Dialog.js b/gh-pages/docs/renderers/Dialog.js index 2aa77f5c..b31d6d69 100644 --- a/gh-pages/docs/renderers/Dialog.js +++ b/gh-pages/docs/renderers/Dialog.js @@ -1,7 +1,7 @@ define('docs/renderers/Dialog.md', function(require, exports, module) { module.exports = { - "html": "

Dialog

Dialog 由 Action 触发。他是一个类似于 Page 的容器模型。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"dialog" 指定为 Dialog 渲染器
titlestring 或者 Container弹出层标题
bodyContainer往 Dialog 内容区加内容
sizestring指定 dialog 大小,支持: xssmmdlg
bodyClassNamestringmodal-bodyDialog body 区域的样式类名
closeOnEscbooleanfalse是否支持按 Esc 关闭 Dialog
disabledbooleanfalse如果设置此属性,则该 Dialog 只读没有提交操作。
actionsArray Of Action可以不设置,默认只有【确认】和【取消】两个按钮。
\n
\n", + "html": "

Dialog

Dialog 由 Action 触发。他是一个类似于 Page 的容器模型。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"dialog" 指定为 Dialog 渲染器
titlestring 或者 Container弹出层标题
bodyContainer往 Dialog 内容区加内容
sizestring指定 dialog 大小,支持: xssmmdlg
bodyClassNamestringmodal-bodyDialog body 区域的样式类名
closeOnEscbooleanfalse是否支持按 Esc 关闭 Dialog
disabledbooleanfalse如果设置此属性,则该 Dialog 只读没有提交操作。
actionsArray Of Action可以不设置,默认只有【确认】和【取消】两个按钮。
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Drawer.js b/gh-pages/docs/renderers/Drawer.js index ee931eb7..63f8bbf3 100644 --- a/gh-pages/docs/renderers/Drawer.js +++ b/gh-pages/docs/renderers/Drawer.js @@ -1,7 +1,7 @@ define('docs/renderers/Drawer.md', function(require, exports, module) { module.exports = { - "html": "

Drawer

Drawer 由 Action 触发。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"drawer" 指定为 Drawer 渲染器
titlestring 或者 Container弹出层标题
bodyContainer往 Dialog 内容区加内容
sizestring指定 dialog 大小,支持: xssmmdlg
bodyClassNamestringmodal-bodyDialog body 区域的样式类名
closeOnEscbooleanfalse是否支持按 Esc 关闭 Dialog
overlaybooleantrue是否显示蒙层
resizablebooleanfalse是否可通过拖拽改变 Drawer 大小
actionsArray Of Action可以不设置,默认只有【确认】和【取消】两个按钮。
\n
\n", + "html": "

Drawer

Drawer 由 Action 触发。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"drawer" 指定为 Drawer 渲染器
titlestring 或者 Container弹出层标题
bodyContainer往 Dialog 内容区加内容
sizestring指定 dialog 大小,支持: xssmmdlg
bodyClassNamestringmodal-bodyDialog body 区域的样式类名
closeOnEscbooleanfalse是否支持按 Esc 关闭 Dialog
overlaybooleantrue是否显示蒙层
resizablebooleanfalse是否可通过拖拽改变 Drawer 大小
actionsArray Of Action可以不设置,默认只有【确认】和【取消】两个按钮。
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Editor.js b/gh-pages/docs/renderers/Editor.js index 1d8ed3cb..93781411 100644 --- a/gh-pages/docs/renderers/Editor.js +++ b/gh-pages/docs/renderers/Editor.js @@ -1,7 +1,7 @@ define('docs/renderers/Editor.md', function(require, exports, module) { module.exports = { - "html": "

Editor

XXX-Editor

\n
\n

Diff-Editor

\n

PS: 当用作纯展示时,可以通过value配置项,设置右侧编辑器的值

\n
\n", + "html": "

Editor

XXX-Editor

\n
\n

Diff-Editor

\n

PS: 当用作纯展示时,可以通过value配置项,设置右侧编辑器的值

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Field.js b/gh-pages/docs/renderers/Field.js index c33906a3..842047d8 100644 --- a/gh-pages/docs/renderers/Field.js +++ b/gh-pages/docs/renderers/Field.js @@ -1,7 +1,7 @@ define('docs/renderers/Field.md', function(require, exports, module) { module.exports = { - "html": "

Field

主要用在 Table 的列配置 Column、List 的内容、Card 卡片的内容和表单的Static-XXX 中。它主要用来展示数据。

\n
\n

Field 通用配置

\n

Tpl(Field)

请参考tpl

\n

Plain(Field)

请参考Plain

\n

Json(Field)

todo

\n

Date(Field)

用来显示日期。

\n\n

Mapping(Field)

用来对值做映射显示。

\n\n

Image(Field)

用来展示图片。

\n\n

Progress(Field)

用来展示进度条。

\n\n

Status(Field)

用来显示状态,用图表展示。

\n\n

Switch(Field)

用来占一个开关。

\n\n

Tabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"tabs"指定为 Tabs 渲染器
classNamestring外层 Dom 的类名
tabsClassNamestringTabs Dom 的类名
tabsArraytabs 内容
tabs[x].titlestringTab 标题
tabs[x].iconiconTab 的图标
tabs[x].tabContainer内容区
tabs[x].hashstring设置以后将跟 url 的 hash 对应
tabs[x].reloadboolean设置以后内容每次都会重新渲染,对于 crud 的重新拉取很有用
tabs[x].classNamestring"bg-white b-l b-r b-b wrapper-md"Tab 区域样式
\n
\n", + "html": "

Field

主要用在 Table 的列配置 Column、List 的内容、Card 卡片的内容和表单的Static-XXX 中。它主要用来展示数据。

\n
\n

Field 通用配置

\n

Tpl(Field)

请参考tpl

\n

Plain(Field)

请参考Plain

\n

Json(Field)

todo

\n

Date(Field)

用来显示日期。

\n\n

Mapping(Field)

用来对值做映射显示。

\n\n

Image(Field)

用来展示图片。

\n\n

Progress(Field)

用来展示进度条。

\n\n

Status(Field)

用来显示状态,用图表展示。

\n\n

Switch(Field)

用来占一个开关。

\n\n

Tabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"tabs"指定为 Tabs 渲染器
classNamestring外层 Dom 的类名
tabsClassNamestringTabs Dom 的类名
tabsArraytabs 内容
tabs[x].titlestringTab 标题
tabs[x].iconiconTab 的图标
tabs[x].tabContainer内容区
tabs[x].hashstring设置以后将跟 url 的 hash 对应
tabs[x].reloadboolean设置以后内容每次都会重新渲染,对于 Action.md 的重新拉取很有用
tabs[x].classNamestring"bg-white b-l b-r b-b wrapper-md"Tab 区域样式
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/FieldSet.js b/gh-pages/docs/renderers/FieldSet.js index f62b9d16..294b4db5 100644 --- a/gh-pages/docs/renderers/FieldSet.js +++ b/gh-pages/docs/renderers/FieldSet.js @@ -1,7 +1,7 @@ define('docs/renderers/FieldSet.md', function(require, exports, module) { module.exports = { - "html": "

FieldSet

多个输入框可以通过 fieldSet 捆绑在一起。

\n\n
\n", + "html": "

FieldSet

多个输入框可以通过 fieldSet 捆绑在一起。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/File.js b/gh-pages/docs/renderers/File.js index 63c21bd1..daf227b3 100644 --- a/gh-pages/docs/renderers/File.js +++ b/gh-pages/docs/renderers/File.js @@ -1,7 +1,7 @@ define('docs/renderers/File.md', function(require, exports, module) { module.exports = { - "html": "

File

文件输入,AMis 也默认处理了图片存储,提交给 API 的是文件的下载地址。

\n\n
\n", + "html": "

File

文件输入,AMis 也默认处理了图片存储,提交给 API 的是文件的下载地址。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Form.js b/gh-pages/docs/renderers/Form.js index 8b6c7009..e596ed8b 100644 --- a/gh-pages/docs/renderers/Form.js +++ b/gh-pages/docs/renderers/Form.js @@ -1,7 +1,7 @@ define('docs/renderers/Form.md', function(require, exports, module) { module.exports = { - "html": "

Form

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

\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"form" 指定为 Form 渲染器
modestringnormal表单展示方式,可以是:normalhorizontal 或者 inline
horizontalObject{"left":"col-sm-2", "right":"col-sm-10", "offset":"col-sm-offset-2"}当 mode 为 horizontal 时有用,用来控制 label
titlestring"表单"Form 的标题
submitTextString"提交"默认的提交按钮名称,如果设置成空,则可以把默认按钮去掉。
classNamestring外层 Dom 的类名
controlsArray of FormItemForm 表单项集合
actionsArray of ActionForm 提交按钮,成员为 Action
messagesObject消息提示覆写,默认消息读取的是 API 返回的消息,但是在此可以覆写它。
messages.fetchSuccessstring获取成功时提示
messages.fetchFailedstring获取失败时提示
messages.saveFailedstring保存成功时提示
messages.saveSuccessstring保存失败时提示
wrapWithPanelbooleantrue是否让 Form 用 panel 包起来,设置为 false 后,actions 将无效。
apiApiForm 用来保存数据的 api。
initApiApiForm 用来获取初始数据的 api。
intervalnumber3000刷新时间(最低 3000)
silentPollingbooleanfalse配置刷新时是否显示加载动画
stopAutoRefreshWhenstring""通过表达式 来配置停止刷新的条件
initAsyncApiApiForm 用来获取初始数据的 api,与 initApi 不同的是,会一直轮训请求该接口,直到返回 finished 属性为 true 才 结束。
initFetchbooleantrue设置了 initApi 或者 initAsyncApi 后,默认会开始就发请求,设置为 false 后就不会起始就请求接口
initFetchOnstring用表达式来配置
initFinishedFieldstringfinished设置了 initAsyncApi 后,默认会从返回数据的 data.finished 来判断是否完成,也可以设置成其他的 xxx,就会从 data.xxx 中获取
initCheckIntervalnumber3000设置了 initAsyncApi 以后,默认拉取的时间间隔
schemaApiApi已不支持,请改用 controls 里面放置 Service 渲染器实现
asyncApiApi设置此属性后,表单提交发送保存接口后,还会继续轮训请求该接口,直到返回 finished 属性为 true 才 结束。
checkIntervalnumber3000轮训请求的时间间隔,默认为 3 秒。设置 asyncApi 才有效
finishedFieldstring"finished"如果决定结束的字段名不是 finished 请设置此属性,比如 is_success
submitOnChangebooleanfalse表单修改即提交
primaryFieldstring"id"设置主键 id, 当设置后,检测表单是否完成时(asyncApi),只会携带此数据。
targetstring默认表单提交自己会通过发送 api 保存数据,但是也可以设定另外一个 form 的 name 值,或者另外一个 CRUD 模型的 name 值。 如果 target 目标是一个 Form ,则目标 Form 会重新触发 initApi,api 可以拿到当前 form 数据。如果目标是一个 CRUD 模型,则目标模型会重新触发搜索,参数为当前 Form 数据。当目标是 window 时,会把当前表单的数据附带到页面地址上。
redirectstring设置此属性后,Form 保存成功后,自动跳转到指定页面。支持相对地址,和绝对地址(相对于组内的)。
reloadstring操作完后刷新目标对象。请填写目标组件设置的 name 值,如果填写为 window 则让当前页面整体刷新。
autoFocusbooleanfalse是否自动聚焦。
namestring设置一个名字后,方便其他组件与其通信
\n

表单项都是通过 controls 设置的,类型是数组,成员主要是FormItem,默认一行一个(当然 form 是 inline 模式时例外),如果想一行多个,可以将多个FormItem放在一个 Group 里面。

\n
\n

水平模式的 Form 也支持 Group 展现。

\n
\n", + "html": "

Form

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

\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"form" 指定为 Form 渲染器
modestringnormal表单展示方式,可以是:normalhorizontal 或者 inline
horizontalObject{"left":"col-sm-2", "right":"col-sm-10", "offset":"col-sm-offset-2"}当 mode 为 horizontal 时有用,用来控制 label
titlestring"表单"Form 的标题
submitTextString"提交"默认的提交按钮名称,如果设置成空,则可以把默认按钮去掉。
classNamestring外层 Dom 的类名
controlsArray of FormItemForm 表单项集合
actionsArray of ActionForm 提交按钮,成员为 Action
messagesObject消息提示覆写,默认消息读取的是 API 返回的消息,但是在此可以覆写它。
messages.fetchSuccessstring获取成功时提示
messages.fetchFailedstring获取失败时提示
messages.saveFailedstring保存成功时提示
messages.saveSuccessstring保存失败时提示
wrapWithPanelbooleantrue是否让 Form 用 panel 包起来,设置为 false 后,actions 将无效。
apiApiForm 用来保存数据的 api。
initApiApiForm 用来获取初始数据的 api。
intervalnumber3000刷新时间(最低 3000)
silentPollingbooleanfalse配置刷新时是否显示加载动画
stopAutoRefreshWhenstring""通过表达式 来配置停止刷新的条件
initAsyncApiApiForm 用来获取初始数据的 api,与 initApi 不同的是,会一直轮训请求该接口,直到返回 finished 属性为 true 才 结束。
initFetchbooleantrue设置了 initApi 或者 initAsyncApi 后,默认会开始就发请求,设置为 false 后就不会起始就请求接口
initFetchOnstring用表达式来配置
initFinishedFieldstringfinished设置了 initAsyncApi 后,默认会从返回数据的 data.finished 来判断是否完成,也可以设置成其他的 xxx,就会从 data.xxx 中获取
initCheckIntervalnumber3000设置了 initAsyncApi 以后,默认拉取的时间间隔
schemaApiApi已不支持,请改用 controls 里面放置 Service 渲染器实现
asyncApiApi设置此属性后,表单提交发送保存接口后,还会继续轮训请求该接口,直到返回 finished 属性为 true 才 结束。
checkIntervalnumber3000轮训请求的时间间隔,默认为 3 秒。设置 asyncApi 才有效
finishedFieldstring"finished"如果决定结束的字段名不是 finished 请设置此属性,比如 is_success
submitOnChangebooleanfalse表单修改即提交
primaryFieldstring"id"设置主键 id, 当设置后,检测表单是否完成时(asyncApi),只会携带此数据。
targetstring默认表单提交自己会通过发送 api 保存数据,但是也可以设定另外一个 form 的 name 值,或者另外一个 CRUD 模型的 name 值。 如果 target 目标是一个 Form ,则目标 Form 会重新触发 initApi,api 可以拿到当前 form 数据。如果目标是一个 CRUD 模型,则目标模型会重新触发搜索,参数为当前 Form 数据。当目标是 window 时,会把当前表单的数据附带到页面地址上。
redirectstring设置此属性后,Form 保存成功后,自动跳转到指定页面。支持相对地址,和绝对地址(相对于组内的)。
reloadstring操作完后刷新目标对象。请填写目标组件设置的 name 值,如果填写为 window 则让当前页面整体刷新。
autoFocusbooleanfalse是否自动聚焦。
namestring设置一个名字后,方便其他组件与其通信
\n

表单项都是通过 controls 设置的,类型是数组,成员主要是FormItem,默认一行一个(当然 form 是 inline 模式时例外),如果想一行多个,可以将多个FormItem放在一个 Group 里面。

\n
\n

水平模式的 Form 也支持 Group 展现。

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/FormItem-Button-Group.js b/gh-pages/docs/renderers/FormItem-Button-Group.js index ebea1e9d..6a590d25 100644 --- a/gh-pages/docs/renderers/FormItem-Button-Group.js +++ b/gh-pages/docs/renderers/FormItem-Button-Group.js @@ -1,7 +1,7 @@ define('docs/renderers/FormItem-Button-Group.md', function(require, exports, module) { module.exports = { - "html": "

Button-Group(FormItem)

按钮集合,直接看示例吧。

\n\n
\n

button-group 有两种模式,除了能让按钮组合在一起,还能做类似于单选功能。

\n

当不配置 buttons 属性时,就可以当复选框用。

\n\n
\n", + "html": "

Button-Group(FormItem)

按钮集合,直接看示例吧。

\n\n
\n

button-group 有两种模式,除了能让按钮组合在一起,还能做类似于单选功能。

\n

当不配置 buttons 属性时,就可以当复选框用。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/FormItem-HBox.js b/gh-pages/docs/renderers/FormItem-HBox.js index ed881fbf..7172e27a 100644 --- a/gh-pages/docs/renderers/FormItem-HBox.js +++ b/gh-pages/docs/renderers/FormItem-HBox.js @@ -1,7 +1,7 @@ define('docs/renderers/FormItem-HBox.md', function(require, exports, module) { module.exports = { - "html": "

HBox(FormItem)

支持 form 内部再用 HBox 布局,实现左右排列。没错用 Group 也能实现,所以还是推荐用 Group

\n\n
\n", + "html": "

HBox(FormItem)

支持 form 内部再用 HBox 布局,实现左右排列。没错用 Group 也能实现,所以还是推荐用 Group

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/FormItem-List.js b/gh-pages/docs/renderers/FormItem-List.js index 61fa683b..a8449425 100644 --- a/gh-pages/docs/renderers/FormItem-List.js +++ b/gh-pages/docs/renderers/FormItem-List.js @@ -1,7 +1,7 @@ define('docs/renderers/FormItem-List.md', function(require, exports, module) { module.exports = { - "html": "

List(FormItem)

简单的列表选择框。

\n\n

单选

\n
\n

多选

\n
\n

选项带图片

\n
\n", + "html": "

List(FormItem)

简单的列表选择框。

\n\n

单选

\n
\n

多选

\n
\n

选项带图片

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/FormItem-Panel.js b/gh-pages/docs/renderers/FormItem-Panel.js index 57a062c5..5f1a17e6 100644 --- a/gh-pages/docs/renderers/FormItem-Panel.js +++ b/gh-pages/docs/renderers/FormItem-Panel.js @@ -1,7 +1,7 @@ define('docs/renderers/FormItem-Panel.md', function(require, exports, module) { module.exports = { - "html": "

Panel(FormItem)

还是为了布局,可以把一部分 FormItem 合并到一个 panel 里面单独展示。

\n\n
\n", + "html": "

Panel(FormItem)

还是为了布局,可以把一部分 FormItem 合并到一个 panel 里面单独展示。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/FormItem-Table.js b/gh-pages/docs/renderers/FormItem-Table.js index c68e85c2..698b1929 100644 --- a/gh-pages/docs/renderers/FormItem-Table.js +++ b/gh-pages/docs/renderers/FormItem-Table.js @@ -1,7 +1,7 @@ define('docs/renderers/FormItem-Table.md', function(require, exports, module) { module.exports = { - "html": "

Table(FormItem)

可以用来展现数据的,可以用来展示数组类型的数据,比如 multiple 的子 form

\n\n
\n

当然也可以用来作为表单输入。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"table"指定为 Table 渲染器
addablebooleanfalse是否可增加一行
editablebooleanfalse是否可编辑
removablebooleanfalse是否可删除
addApiapi-新增时提交的 API
updateApiapi-修改时提交的 API
deleteApiapi-删除时提交的 API
addBtnLabelstring增加按钮名称
addBtnIconstring"fa fa-plus"增加按钮图标
updateBtnLabelstring""更新按钮名称
updateBtnIconstring"fa fa-pencil"更新按钮图标
deleteBtnLabelstring""删除按钮名称
deleteBtnIconstring"fa fa-minus"删除按钮图标
confirmBtnLabelstring""确认编辑按钮名称
confirmBtnIconstring"fa fa-check"确认编辑按钮图标
cancelBtnLabelstring""取消编辑按钮名称
cancelBtnIconstring"fa fa-times"取消编辑按钮图标
columnsarray[]列信息
columns[x].quickEditboolean 或者 object-配合 editable 为 true 一起使用
columns[x].quickEditOnUpdateboolean 或者 object-可以用来区分新建模式和更新模式的编辑配置
\n\n
\n", + "html": "

Table(FormItem)

可以用来展现数据的,可以用来展示数组类型的数据,比如 multiple 的子 form

\n\n
\n

当然也可以用来作为表单输入。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"table"指定为 Table 渲染器
addablebooleanfalse是否可增加一行
editablebooleanfalse是否可编辑
removablebooleanfalse是否可删除
addApiapi-新增时提交的 API
updateApiapi-修改时提交的 API
deleteApiapi-删除时提交的 API
addBtnLabelstring增加按钮名称
addBtnIconstring"fa fa-plus"增加按钮图标
updateBtnLabelstring""更新按钮名称
updateBtnIconstring"fa fa-pencil"更新按钮图标
deleteBtnLabelstring""删除按钮名称
deleteBtnIconstring"fa fa-minus"删除按钮图标
confirmBtnLabelstring""确认编辑按钮名称
confirmBtnIconstring"fa fa-check"确认编辑按钮图标
cancelBtnLabelstring""取消编辑按钮名称
cancelBtnIconstring"fa fa-times"取消编辑按钮图标
columnsarray[]列信息
columns[x].quickEditboolean 或者 object-配合 editable 为 true 一起使用
columns[x].quickEditOnUpdateboolean 或者 object-可以用来区分新建模式和更新模式的编辑配置
\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/FormItem.js b/gh-pages/docs/renderers/FormItem.js index 057dfd10..7f7eb97b 100644 --- a/gh-pages/docs/renderers/FormItem.js +++ b/gh-pages/docs/renderers/FormItem.js @@ -1,7 +1,7 @@ define('docs/renderers/FormItem.md', function(require, exports, module) { module.exports = { - "html": "

FormItem

Form 中主要是由各种 FormItem 组成。FormItem 中主要包含这些字段。

\n\n
\n

不同类型的表单,可配置项还有更多,具体请看下面对应的类型。

\n", + "html": "

FormItem

Form 中主要是由各种 FormItem 组成。FormItem 中主要包含这些字段。

\n\n
\n

不同类型的表单,可配置项还有更多,具体请看下面对应的类型。

\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Grid.js b/gh-pages/docs/renderers/Grid.js index 43db8fa5..723419ee 100644 --- a/gh-pages/docs/renderers/Grid.js +++ b/gh-pages/docs/renderers/Grid.js @@ -1,7 +1,7 @@ define('docs/renderers/Grid.md', function(require, exports, module) { module.exports = { - "html": "

Grid

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"grid"指定为 Grid 渲染器
classNamestring外层 Dom 的类名
columnsArray列集合
columns[x]Container成员可以是其他渲染器
columns[x].xsint宽度占比: 1 - 12
columns[x].xsHiddenboolean是否隐藏
columns[x].xsOffsetint偏移量 1 - 12
columns[x].xsPullint靠左的距离占比:1 - 12
columns[x].xsPushint靠右的距离占比: 1 - 12
columns[x].smint宽度占比: 1 - 12
columns[x].smHiddenboolean是否隐藏
columns[x].smOffsetint偏移量 1 - 12
columns[x].smPullint靠左的距离占比:1 - 12
columns[x].smPushint靠右的距离占比: 1 - 12
columns[x].mdint宽度占比: 1 - 12
columns[x].mdHiddenboolean是否隐藏
columns[x].mdOffsetint偏移量 1 - 12
columns[x].mdPullint靠左的距离占比:1 - 12
columns[x].mdPushint靠右的距离占比: 1 - 12
columns[x].lgint宽度占比: 1 - 12
columns[x].lgHiddenboolean是否隐藏
columns[x].lgOffsetint偏移量 1 - 12
columns[x].lgPullint靠左的距离占比:1 - 12
columns[x].lgPushint靠右的距离占比: 1 - 12
\n

更多使用说明,请参看 Grid Props

\n
\n", + "html": "

Grid

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"grid"指定为 Grid 渲染器
classNamestring外层 Dom 的类名
columnsArray列集合
columns[x]Container成员可以是其他渲染器
columns[x].xsint宽度占比: 1 - 12
columns[x].xsHiddenboolean是否隐藏
columns[x].xsOffsetint偏移量 1 - 12
columns[x].xsPullint靠左的距离占比:1 - 12
columns[x].xsPushint靠右的距离占比: 1 - 12
columns[x].smint宽度占比: 1 - 12
columns[x].smHiddenboolean是否隐藏
columns[x].smOffsetint偏移量 1 - 12
columns[x].smPullint靠左的距离占比:1 - 12
columns[x].smPushint靠右的距离占比: 1 - 12
columns[x].mdint宽度占比: 1 - 12
columns[x].mdHiddenboolean是否隐藏
columns[x].mdOffsetint偏移量 1 - 12
columns[x].mdPullint靠左的距离占比:1 - 12
columns[x].mdPushint靠右的距离占比: 1 - 12
columns[x].lgint宽度占比: 1 - 12
columns[x].lgHiddenboolean是否隐藏
columns[x].lgOffsetint偏移量 1 - 12
columns[x].lgPullint靠左的距离占比:1 - 12
columns[x].lgPushint靠右的距离占比: 1 - 12
\n

更多使用说明,请参看 Grid Props

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Group.js b/gh-pages/docs/renderers/Group.js index 8f208202..a4bee8bc 100644 --- a/gh-pages/docs/renderers/Group.js +++ b/gh-pages/docs/renderers/Group.js @@ -1,7 +1,7 @@ define('docs/renderers/Group.md', function(require, exports, module) { module.exports = { - "html": "

Group

表单项集合中,默认都是一行一个,如果想要一行多个,请用 Group 包裹起来。

\n\n
\n", + "html": "

Group

表单项集合中,默认都是一行一个,如果想要一行多个,请用 Group 包裹起来。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/HBox.js b/gh-pages/docs/renderers/HBox.js index 3eb617b1..2e29abe5 100644 --- a/gh-pages/docs/renderers/HBox.js +++ b/gh-pages/docs/renderers/HBox.js @@ -1,7 +1,7 @@ define('docs/renderers/HBox.md', function(require, exports, module) { module.exports = { - "html": "

HBox

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"hbox"指定为 HBox 渲染器
classNamestring外层 Dom 的类名
columnsArray列集合
columns[x]Container成员可以是其他渲染器
columns[x].columnClassNamestring"wrapper-xs"列上类名
\n
\n", + "html": "

HBox

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"hbox"指定为 HBox 渲染器
classNamestring外层 Dom 的类名
columnsArray列集合
columns[x]Container成员可以是其他渲染器
columns[x].columnClassNamestring"wrapper-xs"列上类名
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Image.js b/gh-pages/docs/renderers/Image.js index 156a0cb2..e76e82a2 100644 --- a/gh-pages/docs/renderers/Image.js +++ b/gh-pages/docs/renderers/Image.js @@ -1,7 +1,7 @@ define('docs/renderers/Image.md', function(require, exports, module) { module.exports = { - "html": "

Image

图片格式输入,默认 AMis 会直接存储在 FEX 的 hiphoto 里面,提交到 form 是直接的图片 url。

\n\n
\n", + "html": "

Image

图片格式输入,默认 AMis 会直接存储在 FEX 的 hiphoto 里面,提交到 form 是直接的图片 url。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/List.js b/gh-pages/docs/renderers/List.js index aad969bc..423958de 100644 --- a/gh-pages/docs/renderers/List.js +++ b/gh-pages/docs/renderers/List.js @@ -1,7 +1,7 @@ define('docs/renderers/List.md', function(require, exports, module) { module.exports = { - "html": "

List

列表展示。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"list" 指定为列表展示。
titlestring标题
sourcestring${items}数据源, 绑定当前环境变量
placeholderstring‘暂无数据’当没数据的时候的文字提示
classNamestring外层 CSS 类名
headerClassNamestringamis-list-header顶部外层 CSS 类名
footerClassNamestringamis-list-footer底部外层 CSS 类名
listItemArray配置单条信息
listItem.titlestring标题,支持模板语法如: \\${xxx}
listItem.titleClassNamestringh5标题 CSS 类名
listItem.subTitlestring副标题,支持模板语法如: \\${xxx}
listItem.avatarstring图片地址,支持模板语法如: \\${xxx}
listItem.avatarClassNamestringthumb-sm avatar m-r图片 CSS 类名
listItem.descstring描述,支持模板语法如: \\${xxx}
listItem.bodyArray 或者 Field内容容器,主要用来放置 Field
listItem.actionsArray Of Button按钮区域
\n
\n", + "html": "

List

列表展示。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"list" 指定为列表展示。
titlestring标题
sourcestring${items}数据源, 绑定当前环境变量
placeholderstring‘暂无数据’当没数据的时候的文字提示
classNamestring外层 CSS 类名
headerClassNamestringamis-list-header顶部外层 CSS 类名
footerClassNamestringamis-list-footer底部外层 CSS 类名
listItemArray配置单条信息
listItem.titlestring标题,支持模板语法如: \\${xxx}
listItem.titleClassNamestringh5标题 CSS 类名
listItem.subTitlestring副标题,支持模板语法如: \\${xxx}
listItem.avatarstring图片地址,支持模板语法如: \\${xxx}
listItem.avatarClassNamestringthumb-sm avatar m-r图片 CSS 类名
listItem.descstring描述,支持模板语法如: \\${xxx}
listItem.bodyArray 或者 Field内容容器,主要用来放置 Field
listItem.actionsArray Of Button按钮区域
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Matrix.js b/gh-pages/docs/renderers/Matrix.js index 2e33d8a4..f0d19123 100644 --- a/gh-pages/docs/renderers/Matrix.js +++ b/gh-pages/docs/renderers/Matrix.js @@ -1,7 +1,7 @@ define('docs/renderers/Matrix.md', function(require, exports, module) { module.exports = { - "html": "

Matrix

矩阵类型的输入框。

\n\n
\n", + "html": "

Matrix

矩阵类型的输入框。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/NestedSelect.js b/gh-pages/docs/renderers/NestedSelect.js index 95790d05..e6c3d267 100644 --- a/gh-pages/docs/renderers/NestedSelect.js +++ b/gh-pages/docs/renderers/NestedSelect.js @@ -1,7 +1,7 @@ define('docs/renderers/NestedSelect.md', function(require, exports, module) { module.exports = { - "html": "

NestedSelect

树形结构选择框。

\n\n
\n", + "html": "

NestedSelect

树形结构选择框。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Page.js b/gh-pages/docs/renderers/Page.js index 35709b1c..abc836db 100644 --- a/gh-pages/docs/renderers/Page.js +++ b/gh-pages/docs/renderers/Page.js @@ -1,7 +1,7 @@ define('docs/renderers/Page.md', function(require, exports, module) { module.exports = { - "html": "

Page

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

\n
\n
\n

PS: 代码支持及时编辑预览

\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"page"指定为 Page 渲染器。
titlestring页面标题
subTitlestring页面副标题
remarkstring标题附近会出现一个提示图标,鼠标放上去会提示该内容。
asideContainer往页面的边栏区域加内容
toolbarContainer往页面的右上角加内容,需要注意的是,当有 Title 是,区域在右上角,没有时区域就在顶部
bodyContainer往页面的内容区域加内容
classNamestring外层 dom 类名
toolbarClassNamestringv-middle wrapper text-right bg-light b-bToolbar dom 类名
bodyClassNamestringwrapperBody dom 类名
asideClassNamestringw page-aside-region bg-autoAside dom 类名
headerClassNamestringbg-light b-b wrapperHeader 区域 dom 类名
initApiApiPage 用来获取初始数据的 api。返回的数据可以整个 page 级别使用。
initFetchbooleantrue是否起始拉取 initApi
initFetchOnstring是否起始拉取 initApi, 通过表达式配置
intervalnumber3000刷新时间(最低 3000)
silentPollingbooleanfalse配置刷新时是否显示加载动画
stopAutoRefreshWhenstring""通过表达式来配置停止刷新的条件
\n", + "html": "

Page

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

\n
\n
\n

PS: 代码支持及时编辑预览

\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"page"指定为 Page 渲染器。
titlestring页面标题
subTitlestring页面副标题
remarkstring标题附近会出现一个提示图标,鼠标放上去会提示该内容。
asideContainer往页面的边栏区域加内容
toolbarContainer往页面的右上角加内容,需要注意的是,当有 Title 是,区域在右上角,没有时区域就在顶部
bodyContainer往页面的内容区域加内容
classNamestring外层 dom 类名
toolbarClassNamestringv-middle wrapper text-right bg-light b-bToolbar dom 类名
bodyClassNamestringwrapperBody dom 类名
asideClassNamestringw page-aside-region bg-autoAside dom 类名
headerClassNamestringbg-light b-b wrapperHeader 区域 dom 类名
initApiApiPage 用来获取初始数据的 api。返回的数据可以整个 page 级别使用。
initFetchbooleantrue是否起始拉取 initApi
initFetchOnstring是否起始拉取 initApi, 通过表达式配置
intervalnumber3000刷新时间(最低 3000)
silentPollingbooleanfalse配置刷新时是否显示加载动画
stopAutoRefreshWhenstring""通过表达式来配置停止刷新的条件
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Panel.js b/gh-pages/docs/renderers/Panel.js index c9830b8b..5a377506 100644 --- a/gh-pages/docs/renderers/Panel.js +++ b/gh-pages/docs/renderers/Panel.js @@ -1,7 +1,7 @@ define('docs/renderers/Panel.md', function(require, exports, module) { module.exports = { - "html": "

Panel

可以把相关信息以盒子的形式展示到一块。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"panel"指定为 Panel 渲染器
classNamestring"panel-default"外层 Dom 的类名
headerClassNamestring"panel-heading"header 区域的类名
footerClassNamestring"panel-footer bg-light lter wrapper"footer 区域的类名
actionsClassNamestring"panel-footer"actions 区域的类名
bodyClassNamestring"panel-body"body 区域的类名
titlestring标题
headerContainer顶部容器
bodyContainer内容容器
footerContainer底部容器
actionsArray Of Button按钮区域
\n
\n", + "html": "

Panel

可以把相关信息以盒子的形式展示到一块。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"panel"指定为 Panel 渲染器
classNamestring"panel-default"外层 Dom 的类名
headerClassNamestring"panel-heading"header 区域的类名
footerClassNamestring"panel-footer bg-light lter wrapper"footer 区域的类名
actionsClassNamestring"panel-footer"actions 区域的类名
bodyClassNamestring"panel-body"body 区域的类名
titlestring标题
headerContainer顶部容器
bodyContainer内容容器
footerContainer底部容器
actionsArray Of Button按钮区域
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Picker.js b/gh-pages/docs/renderers/Picker.js index 813f8a44..5126c464 100644 --- a/gh-pages/docs/renderers/Picker.js +++ b/gh-pages/docs/renderers/Picker.js @@ -1,7 +1,7 @@ define('docs/renderers/Picker.md', function(require, exports, module) { module.exports = { - "html": "

Picker

列表选取。可以静态数据,或者通过接口拉取动态数据。

\n\n
\n", + "html": "

Picker

列表选取。可以静态数据,或者通过接口拉取动态数据。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Radios.js b/gh-pages/docs/renderers/Radios.js index d53b4f77..ac422763 100644 --- a/gh-pages/docs/renderers/Radios.js +++ b/gh-pages/docs/renderers/Radios.js @@ -1,7 +1,7 @@ define('docs/renderers/Radios.md', function(require, exports, module) { module.exports = { - "html": "

Radios

单选框

\n\n
\n", + "html": "

Radios

单选框

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Repeat.js b/gh-pages/docs/renderers/Repeat.js index 15b2288c..f3b5c22d 100644 --- a/gh-pages/docs/renderers/Repeat.js +++ b/gh-pages/docs/renderers/Repeat.js @@ -1,7 +1,7 @@ define('docs/renderers/Repeat.md', function(require, exports, module) { module.exports = { - "html": "

Repeat

可用来设置重复频率

\n\n
\n", + "html": "

Repeat

可用来设置重复频率

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Rich-Text.js b/gh-pages/docs/renderers/Rich-Text.js index 9e7d44b0..cab80415 100644 --- a/gh-pages/docs/renderers/Rich-Text.js +++ b/gh-pages/docs/renderers/Rich-Text.js @@ -1,7 +1,7 @@ define('docs/renderers/Rich-Text.md', function(require, exports, module) { module.exports = { - "html": "

Rich-Text

富文本编辑器

\n\n
\n", + "html": "

Rich-Text

富文本编辑器

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Select.js b/gh-pages/docs/renderers/Select.js index 297d2c8f..3fef8247 100644 --- a/gh-pages/docs/renderers/Select.js +++ b/gh-pages/docs/renderers/Select.js @@ -1,7 +1,7 @@ define('docs/renderers/Select.md', function(require, exports, module) { module.exports = { - "html": "

Select

选项表单。

\n\n

单选

\n
\n

多选

\n
\n", + "html": "

Select

选项表单。

\n\n

单选

\n
\n

多选

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Service.js b/gh-pages/docs/renderers/Service.js index 29f3acd4..e2b77ac1 100644 --- a/gh-pages/docs/renderers/Service.js +++ b/gh-pages/docs/renderers/Service.js @@ -1,7 +1,7 @@ define('docs/renderers/Service.md', function(require, exports, module) { module.exports = { - "html": "

Service

功能型容器,自身不负责展示内容,主要职责在于通过配置的 api 拉取数据,数据可用于子组件。\n该组件初始化时就会自动拉取一次数据,后续如果需要刷新,请结合 Action 实现,可以把 Action 的 actionType 设置为 reload, target 为该组件的 name 值。\n同时该组件,还支持 api 数值自动监听,比如 getData?type=$type 只要当前环境 type 值发生变化,就会自动重新拉取。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"service"指定为 service 渲染器
classNamestring外层 Dom 的类名
bodyContainer内容容器
apiapi数据源 API 地址
initFetchboolean是否默认拉取
schemaApiapi用来获取远程 Schema 的 api
initFetchSchemaboolean是否默认拉取 Schema
intervalnumber3000刷新时间(最低 3000)
silentPollingbooleanfalse配置刷新时是否显示加载动画
stopAutoRefreshWhenstring""通过表达式来配置停止刷新的条件
\n
\n", + "html": "

Service

功能型容器,自身不负责展示内容,主要职责在于通过配置的 api 拉取数据,数据可用于子组件。\n该组件初始化时就会自动拉取一次数据,后续如果需要刷新,请结合 Action 实现,可以把 Action 的 actionType 设置为 reload, target 为该组件的 name 值。\n同时该组件,还支持 api 数值自动监听,比如 getData?type=$type 只要当前环境 type 值发生变化,就会自动重新拉取。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"service"指定为 service 渲染器
classNamestring外层 Dom 的类名
bodyContainer内容容器
apiapi数据源 API 地址
initFetchboolean是否默认拉取
schemaApiapi用来获取远程 Schema 的 api
initFetchSchemaboolean是否默认拉取 Schema
intervalnumber3000刷新时间(最低 3000)
silentPollingbooleanfalse配置刷新时是否显示加载动画
stopAutoRefreshWhenstring""通过表达式来配置停止刷新的条件
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Static.js b/gh-pages/docs/renderers/Static.js index b917b84d..c5225809 100644 --- a/gh-pages/docs/renderers/Static.js +++ b/gh-pages/docs/renderers/Static.js @@ -1,7 +1,7 @@ define('docs/renderers/Static.md', function(require, exports, module) { module.exports = { - "html": "

Static

纯用来展现数据的。

\n\n
\n

Static-XXX

\n

纯用来展示数据的,用法跟 crud 里面的Column一样, 且支持 quickEdit 和 popOver 功能。

\n
\n", + "html": "

Static

纯用来展现数据的。

\n\n
\n

Static-XXX

\n

纯用来展示数据的,用法跟 crud 里面的Column一样, 且支持 quickEdit 和 popOver 功能。

\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/SubForm.js b/gh-pages/docs/renderers/SubForm.js index ac0a9cdc..11f7b67c 100644 --- a/gh-pages/docs/renderers/SubForm.js +++ b/gh-pages/docs/renderers/SubForm.js @@ -1,7 +1,7 @@ define('docs/renderers/SubForm.md', function(require, exports, module) { module.exports = { - "html": "

SubForm

formItem 还可以是子表单类型。

\n\n
\n", + "html": "

SubForm

formItem 还可以是子表单类型。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Switch.js b/gh-pages/docs/renderers/Switch.js index 21152447..597e19d2 100644 --- a/gh-pages/docs/renderers/Switch.js +++ b/gh-pages/docs/renderers/Switch.js @@ -1,7 +1,7 @@ define('docs/renderers/Switch.md', function(require, exports, module) { module.exports = { - "html": "

Switch

可选框,和 checkbox 完全等价。

\n\n
\n", + "html": "

Switch

可选框,和 checkbox 完全等价。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Table.js b/gh-pages/docs/renderers/Table.js index 2dbb4967..6b21e5d8 100644 --- a/gh-pages/docs/renderers/Table.js +++ b/gh-pages/docs/renderers/Table.js @@ -1,7 +1,7 @@ define('docs/renderers/Table.md', function(require, exports, module) { module.exports = { - "html": "

Table

表格展示。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"table" 指定为 table 渲染器
titlestring标题
sourcestring${items}数据源, 绑定当前环境变量
affixHeaderbooleantrue是否固定表头
columnsTogglableauto 或者 booleanauto展示列显示开关, 自动即:列数量大于或等于 5 个时自动开启
placeholderstring‘暂无数据’当没数据的时候的文字提示
classNamestringpanel-default外层 CSS 类名
tableClassNamestringtable-db table-striped表格 CSS 类名
headerClassNamestringcrud-table-header顶部外层 CSS 类名
footerClassNamestringcrud-table-footer底部外层 CSS 类名
toolbarClassNamestringcrud-table-toolbar工具栏 CSS 类名
columnsArray of Column用来设置列信息
\n
\n", + "html": "

Table

表格展示。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"table" 指定为 table 渲染器
titlestring标题
sourcestring${items}数据源, 绑定当前环境变量
affixHeaderbooleantrue是否固定表头
columnsTogglableauto 或者 booleanauto展示列显示开关, 自动即:列数量大于或等于 5 个时自动开启
placeholderstring‘暂无数据’当没数据的时候的文字提示
classNamestringpanel-default外层 CSS 类名
tableClassNamestringtable-db table-striped表格 CSS 类名
headerClassNamestringAction.md-table-header顶部外层 CSS 类名
footerClassNamestringAction.md-table-footer底部外层 CSS 类名
toolbarClassNamestringAction.md-table-toolbar工具栏 CSS 类名
columnsArray of Column用来设置列信息
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Tasks.js b/gh-pages/docs/renderers/Tasks.js index cc52d33e..81b88661 100644 --- a/gh-pages/docs/renderers/Tasks.js +++ b/gh-pages/docs/renderers/Tasks.js @@ -1,7 +1,7 @@ define('docs/renderers/Tasks.md', function(require, exports, module) { module.exports = { - "html": "

Tasks

任务操作集合,类似于 orp 上线。

\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"tasks"指定为 Tasks 渲染器
classNamestring外层 Dom 的类名
tableClassNamestringtable Dom 的类名
itemsArray任务列表
items[x].labelstring任务名称
items[x].keystring任务键值,请唯一区分
items[x].remarkstring当前任务状态,支持 html
items[x].statusstring任务状态: 0: 初始状态,不可操作。1: 就绪,可操作状态。2: 进行中,还没有结束。3:有错误,不可重试。4: 已正常结束。5:有错误,且可以重试。
checkApiapi返回任务列表,返回的数据请参考 items。
submitApiapi提交任务使用的 API
reSubmitApiapi如果任务失败,且可以重试,提交的时候会使用此 API
intervalnumber3000当有任务进行中,会每隔一段时间再次检测,而时间间隔就是通过此项配置,默认 3s。
taskNameLabelstring任务名称任务名称列说明
operationLabelstring操作操作列说明
statusLabelstring状态状态列说明
remarkLabelstring备注备注列说明
btnTextstring上线操作按钮文字
retryBtnTextstring重试重试操作按钮文字
btnClassNamestringbtn-sm btn-default配置容器按钮 className
retryBtnClassNamestringbtn-sm btn-danger配置容器重试按钮 className
statusLabelMaparray["label-warning", "label-info", "label-success", "label-danger", "label-default", "label-danger"]状态显示对应的类名配置
statusTextMaparray["未开始", "就绪", "进行中", "出错", "已完成", "出错"]状态显示对应的文字显示配置
\n
\n", + "html": "

Tasks

任务操作集合,类似于 orp 上线。

\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"tasks"指定为 Tasks 渲染器
classNamestring外层 Dom 的类名
tableClassNamestringtable Dom 的类名
itemsArray任务列表
items[x].labelstring任务名称
items[x].keystring任务键值,请唯一区分
items[x].remarkstring当前任务状态,支持 html
items[x].statusstring任务状态: 0: 初始状态,不可操作。1: 就绪,可操作状态。2: 进行中,还没有结束。3:有错误,不可重试。4: 已正常结束。5:有错误,且可以重试。
checkApiapi返回任务列表,返回的数据请参考 items。
submitApiapi提交任务使用的 API
reSubmitApiapi如果任务失败,且可以重试,提交的时候会使用此 API
intervalnumber3000当有任务进行中,会每隔一段时间再次检测,而时间间隔就是通过此项配置,默认 3s。
taskNameLabelstring任务名称任务名称列说明
operationLabelstring操作操作列说明
statusLabelstring状态状态列说明
remarkLabelstring备注备注列说明
btnTextstring上线操作按钮文字
retryBtnTextstring重试重试操作按钮文字
btnClassNamestringbtn-sm btn-default配置容器按钮 className
retryBtnClassNamestringbtn-sm btn-danger配置容器重试按钮 className
statusLabelMaparray["label-warning", "label-info", "label-success", "label-danger", "label-default", "label-danger"]状态显示对应的类名配置
statusTextMaparray["未开始", "就绪", "进行中", "出错", "已完成", "出错"]状态显示对应的文字显示配置
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Time.js b/gh-pages/docs/renderers/Time.js index 1eab55a4..30205e67 100644 --- a/gh-pages/docs/renderers/Time.js +++ b/gh-pages/docs/renderers/Time.js @@ -1,7 +1,7 @@ define('docs/renderers/Time.md', function(require, exports, module) { module.exports = { - "html": "

Time

时间类型。

\n\n
\n", + "html": "

Time

时间类型。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Tpl.js b/gh-pages/docs/renderers/Tpl.js index 0e6a9362..aa5924a2 100644 --- a/gh-pages/docs/renderers/Tpl.js +++ b/gh-pages/docs/renderers/Tpl.js @@ -1,7 +1,7 @@ define('docs/renderers/Tpl.md', function(require, exports, module) { module.exports = { - "html": "

Tpl

tpl 类型的渲染器支持用 JS 模板引擎来组织输出,采用的 lodash 的 template,关于语法部分,请前往 lodash 文档页面。

\n
\n

可用 js 方法。

\n\n

如:

\n
{\n    \"data\": {\n        \"user\": \"no one\"\n    },\n    \"body\": {\n        \"type\": \"tpl\",\n        \"tpl\": \"User: <%= formatDate(data.time, 'YYYY-MM-DD') %>\"\n    }\n}\n
\n

如果只想简单取下变量,可以用 $xxx 或者 ${xxx}。同时如果不指定类型,默认就是 tpl, 所以以上示例可以简化为。

\n
\n

取值支持多级,如果层级比较深可以用 . 来分割如: ${xx.xxx.xx}\n另外 $& 表示直接获取当前的 data

\n
\n
\n

通过 $xxx 取到的值,默认是不做任何处理,如果希望把 html 转义了的,请使用:${xxx | html}

\n

从上面的语法可以看出来,取值时是支持指定 filter 的,那么有哪些 filter 呢?

\n\n

组合使用。

\n\n", + "html": "

Tpl

tpl 类型的渲染器支持用 JS 模板引擎来组织输出,采用的 lodash 的 template,关于语法部分,请前往 lodash 文档页面。

\n
\n

可用 js 方法。

\n\n

如:

\n
{\n    \"data\": {\n        \"user\": \"no one\"\n    },\n    \"body\": {\n        \"type\": \"tpl\",\n        \"tpl\": \"User: <%= formatDate(data.time, 'YYYY-MM-DD') %>\"\n    }\n}\n
\n

如果只想简单取下变量,可以用 $xxx 或者 ${xxx}。同时如果不指定类型,默认就是 tpl, 所以以上示例可以简化为。

\n
\n

取值支持多级,如果层级比较深可以用 . 来分割如: ${xx.xxx.xx}\n另外 $& 表示直接获取当前的 data

\n
\n
\n

通过 $xxx 取到的值,默认是不做任何处理,如果希望把 html 转义了的,请使用:${xxx | html}

\n

从上面的语法可以看出来,取值时是支持指定 filter 的,那么有哪些 filter 呢?

\n\n

组合使用。

\n\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Tree.js b/gh-pages/docs/renderers/Tree.js index 44ab3ec3..9313be3b 100644 --- a/gh-pages/docs/renderers/Tree.js +++ b/gh-pages/docs/renderers/Tree.js @@ -1,7 +1,7 @@ define('docs/renderers/Tree.md', function(require, exports, module) { module.exports = { - "html": "

Tree

树形结构输入框。

\n\n
\n", + "html": "

Tree

树形结构输入框。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/TreeSelect.js b/gh-pages/docs/renderers/TreeSelect.js index f5a573c9..56ccb97d 100644 --- a/gh-pages/docs/renderers/TreeSelect.js +++ b/gh-pages/docs/renderers/TreeSelect.js @@ -1,7 +1,7 @@ define('docs/renderers/TreeSelect.md', function(require, exports, module) { module.exports = { - "html": "

TreeSelect

树形结构选择框。

\n\n
\n", + "html": "

TreeSelect

树形结构选择框。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Types.js b/gh-pages/docs/renderers/Types.js index 4cca2295..54227a9e 100644 --- a/gh-pages/docs/renderers/Types.js +++ b/gh-pages/docs/renderers/Types.js @@ -1,7 +1,7 @@ define('docs/renderers/Types.md', function(require, exports, module) { module.exports = { - "html": "

类型说明

Container

Container 不是一个特定的渲染器,而是 AMis 中一个特殊类型,它是以下类型的任何一种。

\n\n

示例:

\n
{\n    \"container\": \"普通一段字符串\"\n}\n
\n
{\n    \"container\": {\n        \"type\": \"button\",\n        \"label\": \"按钮\"\n    }\n}\n
\n
{\n    \"container\": [\n        \"普通一段字符串\",\n\n        {\n            \"type\": \"button\",\n            \"label\": \"按钮\"\n        },\n\n        [\"普通一段字符串\", \"普通一段字符串\"]\n    ]\n}\n
\n

API

Api 类型可以是字符串或者对象。API 中可以直接设置数据发送结构,注意看示例。

\n\n

注意

\n

AMis 所有值为 url 的如: "http://www.baidu.com" 都会被替换成 proxy 代理,如果不希望这么做,请明确指示如: "raw:http://www.baidu.com"。还有为了安全,AMis 默认只能转发公司内部 API 接口,如果您的接口在外网环境,也请明确指示如:"external:http://www.baidu.com"

\n

表达式

配置项中,所有 boolean 类型的配置,都可以用 JS 表达式来配置。所有boolean 配置项,后面加个 On 则是表达式配置方式,可以用 js 语法来根据当前模型中的数据来决定是否启用。\n如:FormItem 中的 disabledOnhiddenOnvisibleOnCRUD 中的 itemDraggableOn 等等。

\n
\n

为了能加入权限控制,表达是中允许可以用 acl.can 方法来检测当前用户是否拥有某个权限。\n如: {"disabledOn": "!can('some-resource')"}。权限能力部分,请前往能力管理,\n权限配置请前往权限配置管理。

\n", + "html": "

类型说明

Container

Container 不是一个特定的渲染器,而是 AMis 中一个特殊类型,它是以下类型的任何一种。

\n\n

示例:

\n
{\n    \"container\": \"普通一段字符串\"\n}\n
\n
{\n    \"container\": {\n        \"type\": \"button\",\n        \"label\": \"按钮\"\n    }\n}\n
\n
{\n    \"container\": [\n        \"普通一段字符串\",\n\n        {\n            \"type\": \"button\",\n            \"label\": \"按钮\"\n        },\n\n        [\"普通一段字符串\", \"普通一段字符串\"]\n    ]\n}\n
\n

API

Api 类型可以是字符串或者对象。API 中可以直接设置数据发送结构,注意看示例。

\n\n

注意

\n

AMis 所有值为 url 的如: "http://www.baidu.com" 都会被替换成 proxy 代理,如果不希望这么做,请明确指示如: "raw:http://www.baidu.com"。还有为了安全,AMis 默认只能转发公司内部 API 接口,如果您的接口在外网环境,也请明确指示如:"external:http://www.baidu.com"

\n

表达式

配置项中,所有 boolean 类型的配置,都可以用 JS 表达式来配置。所有boolean 配置项,后面加个 On 则是表达式配置方式,可以用 js 语法来根据当前模型中的数据来决定是否启用。\n如:FormItem 中的 disabledOnhiddenOnvisibleOnCRUD 中的 itemDraggableOn 等等。

\n
\n

为了能加入权限控制,表达是中允许可以用 acl.can 方法来检测当前用户是否拥有某个权限。\n如: {"disabledOn": "!can('some-resource')"}。权限能力部分,请前往能力管理,\n权限配置请前往权限配置管理。

\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Wizard.js b/gh-pages/docs/renderers/Wizard.js index aae9d338..f21fbf6d 100644 --- a/gh-pages/docs/renderers/Wizard.js +++ b/gh-pages/docs/renderers/Wizard.js @@ -1,7 +1,7 @@ define('docs/renderers/Wizard.md', function(require, exports, module) { module.exports = { - "html": "

Wizard

表单向导,能够配置多个步骤引导用户一步一步完成表单提交。

\n\n
\n", + "html": "

Wizard

表单向导,能够配置多个步骤引导用户一步一步完成表单提交。

\n\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Wrapper.js b/gh-pages/docs/renderers/Wrapper.js index 51ff8cbf..1770c1c1 100644 --- a/gh-pages/docs/renderers/Wrapper.js +++ b/gh-pages/docs/renderers/Wrapper.js @@ -1,7 +1,7 @@ define('docs/renderers/Wrapper.md', function(require, exports, module) { module.exports = { - "html": "

Wrapper

简单的一个容器。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"wrapper"指定为 Wrapper 渲染器
classNamestring外层 Dom 的类名
sizestring支持: xssmmdlg
bodyContainer内容容器
\n
\n", + "html": "

Wrapper

简单的一个容器。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性名类型默认值说明
typestring"wrapper"指定为 Wrapper 渲染器
classNamestring外层 Dom 的类名
sizestring支持: xssmmdlg
bodyContainer内容容器
\n
\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/index.html b/gh-pages/index.html index 9a8af0a4..5e1ae867 100644 --- a/gh-pages/index.html +++ b/gh-pages/index.html @@ -8,7 +8,7 @@ content="width=device-width, initial-scale=1, maximum-scale=1"> - +