卡片的展示形式。
\n| 属性名 | \n类型 | \n默认值 | \n说明 | \n
|---|---|---|---|
| type | \nstring | \n"card" | \n指定为 Card 渲染器 | \n
| className | \nstring | \n"panel-default" | \n外层 Dom 的类名 | \n
| header | \nObject | \n\n | Card 头部内容设置 | \n
| header.className | \nstring | \n\n | 头部类名 | \n
| header.title | \nstring | \n\n | 标题 | \n
| header.subTitle | \nstring | \n\n | 副标题 | \n
| header.desc | \nstring | \n\n | 描述 | \n
| header.avatar | \nstring | \n\n | 图片 | \n
| header.highlight | \nboolean | \n\n | 是否点亮 | \n
| header.avatarClassName | \nstring | \n"pull-left thumb avatar b-3x m-r" | \n图片类名 | \n
| body | \nArray 或者 Field | \n\n | 内容容器，主要用来放置 Field | \n
| bodyClassName | \nstring | \n"padder m-t-sm m-b-sm" | \n内容区域类名 | \n
| actions | \nArray Of Button | \n\n | 按钮区域 | \n
图表渲染器，采用 echarts 渲染，配置格式跟 echarts 相同，echarts配置文档
\n| 属性名 | \n类型 | \n默认值 | \n说明 | \n
|---|---|---|---|
| type | \nstring | \n"chart" | \n指定为 chart 渲染器 | \n
| className | \nstring | \n\n | 外层 Dom 的类名 | \n
| body | \nContainer | \n\n | 内容容器 | \n
| api | \napi | \n\n | 配置项远程地址 | \n
| initFetch | \nboolean | \n\n | 是否默认拉取 | \n
| interval | \nnumber | \n\n | 刷新时间(最低 3000) | \n
| config | \nobject/string | \n\n | 设置 eschars 的配置项,当为string的时候可以设置 function 等配置项 | \n
| style | \nobject | \n\n | 设置根元素的 style | \n
Drawer 由 Action 触发。
\n| 属性名 | \n类型 | \n默认值 | \n说明 | \n
|---|---|---|---|
| type | \nstring | \n\n | "drawer" 指定为 Drawer 渲染器 | \n
| title | \nstring 或者 Container | \n\n | 弹出层标题 | \n
| body | \nContainer | \n\n | 往 Drawer 内容区加内容 | \n
| size | \nstring | \n\n | 指定 Drawer 大小，支持: xs、sm、md、lg | \n
| bodyClassName | \nstring | \nmodal-body | \nDrawer body 区域的样式类名 | \n
| closeOnEsc | \nboolean | \nfalse | \n是否支持按 Esc 关闭 Drawer | \n
| closeOnOutside | \nboolean | \nfalse | \n点击内容区外是否关闭 Drawer | \n
| overlay | \nboolean | \ntrue | \n是否显示蒙层 | \n
| resizable | \nboolean | \nfalse | \n是否可通过拖拽改变 Drawer 大小 | \n
| actions | \nArray Of Action | \n\n | 可以不设置，默认只有【确认】和【取消】两个按钮。 | \n
name 绑定变量名。placeholder 当没有值时的展示内容。popOver 配置后在内容区增加一个放大按钮，点击后弹出一个详情弹框。\nboolean 简单的开启或者关闭\nObject 弹出的内容配置。请参考 Dialog 配置说明。quickEdit 配置后在内容区增加一个编辑按钮，点击后弹出一个编辑框。\nboolean 简单的开启或者关闭\nObject 快速编辑详情，请参考 FormItem 配置。\n.mode 模式如果设置为 inline 模式，则直接展示输入框，而不需要点击按钮后展示。\n.saveImmediately 开启后，直接保存，而不是等全部操作完后批量保存。copyable 配置后会在内容区增加一个复制按钮，点击后把内容复制到剪切板。\ntodo请参考tpl
\n请参考Plain
\ntodo
\n用来显示日期。
\ntype 请设置为 date。format 默认为 YYYY-MM-DD，时间格式，请参考 moment 中的格式用法。valueFormat 默认为 X，时间格式，请参考 moment 中的格式用法。用来对值做映射显示。
\ntype 请设置为 date。map 映射表, 比如
{\n \"type\": \"mapping\",\n \"name\": \"flag\",\n \"map\": {\n \"1\": \"<span class='label label-default'>One</span>\",\n \"*\": \"其他 ${flag}\"\n }\n}\n当值为 1 时，显示 One, 当值为其他时会命中 * 所以显示 其他 flag的值。
用来展示图片。
\ntype 请设置为 image。description 图片描述。defaultImage 默认图片地址。className CSS 类名。src 图片地址，支持变量。如果想动态显示，请勿配置。用来展示进度条。
\ntype 请设置为 progress。showLabel 是否显示文字map 等级配置\n默认
[\"bg-danger\", \"bg-warning\", \"bg-info\", \"bg-success\", \"bg-success\"]\n展示的样式取决于当前值在什么区间段，比如以上的配置，把 100 切成了 5 分，前 1/5, 即 25 以前显示 bg-danger 背景。50 ~ 75 显示 bg-info 背景。
progressClassName 进度外层 CSS 类名 默认为: progress-xs progress-striped active m-t-xs m-b-none
progressBarClassName 进度条 CSS 类名。用来显示状态，用图表展示。
\ntype 请设置为 status。map 图标配置
默认:
\n[\"fa fa-times text-danger\", \"fa fa-check text-success\"]\n即如果值 value % map.length 等于 0 则显示第一个图标。value % map.length 等于 1 则显示第二个图标，无限类推。所以说 map 其实不只是支持 2 个，可以任意个。
这个例子，当值为 0 、2、4 ... 时显示红 X， 当值为 1, 3, 5 ... \b 绿 √
用来占一个开关。
\ntype 请设置为 switch。option 选项说明trueValue 勾选后的值falseValue 未勾选的值主要用在 Table 的列配置 Column、List 的内容、Card 卡片的内容和表单的Static-XXX 中。它主要用来展示数据。
\n\nname 绑定变量名。placeholder 当没有值时的展示内容。popOver 配置后在内容区增加一个放大按钮，点击后弹出一个详情弹框。\nboolean 简单的开启或者关闭\nObject 弹出的内容配置。请参考 Dialog 配置说明。quickEdit 配置后在内容区增加一个编辑按钮，点击后弹出一个编辑框。\nboolean 简单的开启或者关闭\nObject 快速编辑详情，请参考 FormItem 配置。\nmode 模式如果设置为 inline 模式，则直接展示输入框，而不需要点击按钮后展示。\nsaveImmediately 开启后，直接保存，而不是等全部操作完后批量保存。copyable 配置后会在内容区增加一个复制按钮，点击后把内容复制到剪切板。\ntodo请参考tpl
\n请参考Plain
\ntodo
\n用来显示日期。
\ntype 请设置为 date。format 默认为 YYYY-MM-DD，时间格式，请参考 moment 中的格式用法。valueFormat 默认为 X，时间格式，请参考 moment 中的格式用法。用来对值做映射显示。
\ntype 请设置为 date。map 映射表, 比如
{\n \"type\": \"mapping\",\n \"name\": \"flag\",\n \"map\": {\n \"1\": \"<span class='label label-default'>One</span>\",\n \"*\": \"其他 ${flag}\"\n }\n}\n当值为 1 时，显示 One, 当值为其他时会命中 * 所以显示 其他 flag的值。
用来展示图片。
\ntype 请设置为 image。description 图片描述。defaultImage 默认图片地址。className CSS 类名。src 图片地址，支持变量。如果想动态显示，请勿配置。用来展示进度条。
\ntype 请设置为 progress。showLabel 是否显示文字map 等级配置\n默认
[\"bg-danger\", \"bg-warning\", \"bg-info\", \"bg-success\", \"bg-success\"]\n展示的样式取决于当前值在什么区间段，比如以上的配置，把 100 切成了 5 分，前 1/5, 即 25 以前显示 bg-danger 背景。50 ~ 75 显示 bg-info 背景。
progressClassName 进度外层 CSS 类名 默认为: progress-xs progress-striped active m-t-xs m-b-none
progressBarClassName 进度条 CSS 类名。用来显示状态，用图表展示。
\ntype 请设置为 status。map 图标配置
默认:
\n[\"fa fa-times text-danger\", \"fa fa-check text-success\"]\n即如果值 value % map.length 等于 0 则显示第一个图标。value % map.length 等于 1 则显示第二个图标，无限类推。所以说 map 其实不只是支持 2 个，可以任意个。
这个例子，当值为 0 、2、4 ... 时显示红 X， 当值为 1, 3, 5 ... \b 绿 √
用来占一个开关。
\ntype 请设置为 switch。option 选项说明trueValue 勾选后的值falseValue 未勾选的值combo 多行模式。
\n\n", + "html": "组合模式，支持自由组合多个表单项。
\ntype 请设置成 combomultiple 默认为 false 配置是否为多选模式controls 配置组合成员，所有成员都是横向展示，可以是任意 FormItemcontrols[x].columnClassName 列的类名，可以用它配置列宽度。默认平均分配。controls[x].unique 设置当前列值是否唯一，即不允许重复选择。maxLength 当 multiple 为 true 的时候启用，设置可以最大项数。flat 默认为 false, 是否将结果扁平化(去掉 name),只有当 controls 的 length 为 1 且 multiple 为 true 的时候才有效。joinValues 默认为 true 当扁平化开启的时候，是否用分隔符的形式发送给后端，否则采用 array 的方式。delimiter 当扁平化开启并且 joinValues 为 true 时，用什么分隔符。multiLine 默认是横着展示一排，设置以后竖着展示addable 是否可新增。removable 是否可删除deleteApi 如果配置了，则删除前会发送一个 api，请求成功才完成删除！deleteConfirmText 默认为 确认要删除？，当配置 deleteApi 才生效！删除时用来做用户确认！draggable 默认为 false, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候，会多一个\\$id 字段draggableTip 可拖拽的提示文字，默认为："可通过拖动每行中的【交换】按钮进行顺序调整"addButtonText 新增按钮文字，默认为 "新增"。minLength 限制最小长度。maxLength 限制最大长度。scaffold 单条初始值。默认为 {}。canAccessSuperData 指定是否可以自动获取上层的数据并映射到表单项上，默认是false。combo 多行模式。
\n\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/Form/Date-Range.html b/gh-pages/docs/renderers/Form/Date-Range.html index 3fb37833..6e8cf984 100644 --- a/gh-pages/docs/renderers/Form/Date-Range.html +++ b/gh-pages/docs/renderers/Form/Date-Range.html @@ -24,11 +24,11 @@ - - - + + + - + - - + + + - + - - + + + - + - - + + + - + - - + + + - + - - + + + - + \n", + "html": "Email 输入框。
\ntype 请设置成 emailaddOn 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。addOn.type 请选择 text 、button 或者 submit。addOn.label 文字说明addOn.xxx 其他参数请参考按钮配置部分。hint 当输入框获得焦点的时候显示，用来提示用户输入内容。trimContents 是否去除首尾空白。clearable 在有值的时候是否显示一个删除图标在右侧。resetValue 默认为 "", 删除后设置此配置项给定的值。options 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。label 文字value 值source 通过 options 只能配置静态数据，如果设置了 source 则会从接口拉取，实现动态效果。autoComplete 跟 source 不同的是，每次用户输入都会去接口获取提示。multiple 默认为 false, 设置成 true 表示可多选。多个输入框可以通过 fieldSet 捆绑在一起。
\ntype 请设置成 fieldSettitle 标题controls 表单项集合。mode 展示默认，跟 Form 中的模式一样，选择： normal、horizontal或者inline。horizontal 当为水平模式时，用来控制左右占比。horizontal.label 左边 label 的宽度占比。horizontal.right 右边控制器的宽度占比。horizontal.offset 当没有设置 label 时，右边控制器的偏移量。collapsable 配置是否可折叠，默认为 true。collapsed 默认是否折叠。className CSS 类名headingClassName 标题 CSS 类名bodyClassName 内容区域 CSS 类名带提示功能
\n\n", - "toc": { - "label": "目录", - "type": "toc", - "children": [ - { - "label": "Text", - "fragment": "text", - "fullPath": "#text", - "level": 3 - } - ], - "level": 0 - } - }; - -}); diff --git a/gh-pages/docs/renderers/Form/Text_94da813.js b/gh-pages/docs/renderers/Form/Text_94da813.js new file mode 100644 index 00000000..c75686f7 --- /dev/null +++ b/gh-pages/docs/renderers/Form/Text_94da813.js @@ -0,0 +1,20 @@ +define('docs/renderers/Form/Text.md', function(require, exports, module) { + + module.exports = { + "html": "普通的文本输入框。
\ntype 请设置成 textaddOn 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。addOn.type 请选择 text 、button 或者 submit。addOn.label 文字说明addOn.xxx 其他参数请参考按钮配置部分。hint 当输入框获得焦点的时候显示，用来提示用户输入内容。trimContents 是否去除首尾空白。clearable 在有值的时候是否显示一个删除图标在右侧。resetValue 默认为 "", 删除后设置此配置项给定的值。options 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。label 文字value 值source 通过 options 只能配置静态数据，如果设置了 source 则会从接口拉取，实现动态效果。autoComplete 跟 source 不同的是，每次用户输入都会去接口获取提示。multiple 默认为 false, 设置成 true 表示可多选。带提示功能
\n\n", + "toc": { + "label": "目录", + "type": "toc", + "children": [ + { + "label": "Text", + "fragment": "text", + "fullPath": "#text", + "level": 3 + } + ], + "level": 0 + } + }; + +}); diff --git a/gh-pages/docs/renderers/Form/Textarea.html b/gh-pages/docs/renderers/Form/Textarea.html index 3fb37833..6e8cf984 100644 --- a/gh-pages/docs/renderers/Form/Textarea.html +++ b/gh-pages/docs/renderers/Form/Textarea.html @@ -24,11 +24,11 @@ - - - + + + - + \n", + "html": "多行文本输入框。
\ntype 请设置成 textareaminRows 最小行数maxRows 最大行数hint 当输入框获得焦点的时候显示，用来提示用户输入内容。trimContents 是否去除首尾空白。URL 输入框。
\ntype 请设置成 urladdOn 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。addOn.type 请选择 text 、button 或者 submit。addOn.label 文字说明addOn.xxx 其他参数请参考按钮配置部分。hint 当输入框获得焦点的时候显示，用来提示用户输入内容。trimContents 是否去除首尾空白。clearable 在有值的时候是否显示一个删除图标在右侧。resetValue 默认为 "", 删除后设置此配置项给定的值。options 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。label 文字value 值source 通过 options 只能配置静态数据，如果设置了 source 则会从接口拉取，实现动态效果。autoComplete 跟 source 不同的是，每次用户输入都会去接口获取提示。multiple 默认为 false, 设置成 true 表示可多选。| 属性名 | \n类型 | \n默认值 | \n说明 | \n
|---|---|---|---|
| type | \nstring | \n"grid" | \n指定为 Grid 渲染器 | \n
| className | \nstring | \n\n | 外层 Dom 的类名 | \n
| columns | \nArray | \n\n | 列集合 | \n
| columns[x] | \nContainer | \n\n | 成员可以是其他渲染器 | \n
| columns[x].xs | \nint | \n\n | 宽度占比： 1 - 12 | \n
| columns[x].xsHidden | \nboolean | \n\n | 是否隐藏 | \n
| columns[x].xsOffset | \nint | \n\n | 偏移量 1 - 12 | \n
| columns[x].xsPull | \nint | \n\n | 靠左的距离占比：1 - 12 | \n
| columns[x].xsPush | \nint | \n\n | 靠右的距离占比： 1 - 12 | \n
| columns[x].sm | \nint | \n\n | 宽度占比： 1 - 12 | \n
| columns[x].smHidden | \nboolean | \n\n | 是否隐藏 | \n
| columns[x].smOffset | \nint | \n\n | 偏移量 1 - 12 | \n
| columns[x].smPull | \nint | \n\n | 靠左的距离占比：1 - 12 | \n
| columns[x].smPush | \nint | \n\n | 靠右的距离占比： 1 - 12 | \n
| columns[x].md | \nint | \n\n | 宽度占比： 1 - 12 | \n
| columns[x].mdHidden | \nboolean | \n\n | 是否隐藏 | \n
| columns[x].mdOffset | \nint | \n\n | 偏移量 1 - 12 | \n
| columns[x].mdPull | \nint | \n\n | 靠左的距离占比：1 - 12 | \n
| columns[x].mdPush | \nint | \n\n | 靠右的距离占比： 1 - 12 | \n
| columns[x].lg | \nint | \n\n | 宽度占比： 1 - 12 | \n
| columns[x].lgHidden | \nboolean | \n\n | 是否隐藏 | \n
| columns[x].lgOffset | \nint | \n\n | 偏移量 1 - 12 | \n
| columns[x].lgPull | \nint | \n\n | 靠左的距离占比：1 - 12 | \n
| columns[x].lgPush | \nint | \n\n | 靠右的距离占比： 1 - 12 | \n
更多使用说明，请参看 Grid Props
\n\n", "toc": { "label": "目录", "type": "toc", diff --git a/gh-pages/docs/renderers/HBox.html b/gh-pages/docs/renderers/HBox.html index 3fb37833..6e8cf984 100644 --- a/gh-pages/docs/renderers/HBox.html +++ b/gh-pages/docs/renderers/HBox.html @@ -24,11 +24,11 @@ - - - + + + - + - - + + + - + - - + + + - + - - + + + - + - - + + + - + - - + + + - + - - + + + - + - - + + + - + - - + + + - + - - + + + - + - - + + + - + \n", + "html": "表格展示。
\n| 属性名 | \n类型 | \n默认值 | \n说明 | \n
|---|---|---|---|
| type | \nstring | \n\n | "table" 指定为 table 渲染器 | \n
| title | \nstring | \n\n | 标题 | \n
| source | \nstring | \n${items} | \n数据源, 绑定当前环境变量 | \n
| affixHeader | \nboolean | \ntrue | \n是否固定表头 | \n
| columnsTogglable | \nauto 或者 boolean | \nauto | \n展示列显示开关, 自动即：列数量大于或等于 5 个时自动开启 | \n
| placeholder | \nstring | \n‘暂无数据’ | \n当没数据的时候的文字提示 | \n
| className | \nstring | \npanel-default | \n外层 CSS 类名 | \n
| tableClassName | \nstring | \ntable-db table-striped | \n表格 CSS 类名 | \n
| headerClassName | \nstring | \nAction.md-table-header | \n顶部外层 CSS 类名 | \n
| footerClassName | \nstring | \nAction.md-table-footer | \n底部外层 CSS 类名 | \n
| toolbarClassName | \nstring | \nAction.md-table-toolbar | \n工具栏 CSS 类名 | \n
| columns | \nArray of Column | \n\n | 用来设置列信息 | \n
| 属性名 | \n类型 | \n默认值 | \n说明 | \n
|---|---|---|---|
| type | \nstring | \n"tabs" | \n指定为 Tabs 渲染器 | \n
| className | \nstring | \n\n | 外层 Dom 的类名 | \n
| tabsClassName | \nstring | \n\n | Tabs Dom 的类名 | \n
| tabs | \nArray | \n\n | tabs 内容 | \n
| tabs[x].title | \nstring | \n\n | Tab 标题 | \n
| tabs[x].icon | \nicon | \n\n | Tab 的图标 | \n
| tabs[x].tab | \nContainer | \n\n | 内容区 | \n
| tabs[x].hash | \nstring | \n\n | 设置以后将跟 url 的 hash 对应 | \n
| tabs[x].reload | \nboolean | \n\n | 设置以后内容每次都会重新渲染，对于 crud 的重新拉取很有用 | \n
| tabs[x].unmountOnExit | \nboolean | \n\n | 每次退出都会销毁当前tab栏内容 | \n
| tabs[x].className | \nstring | \n"bg-white b-l b-r b-b wrapper-md" | \nTab 区域样式 | \n