test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 20:09:08 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

更新 gh-pages 中 markdown 链接

Browse Source
This commit is contained in:
liaoxuezhi 2019-05-15 15:14:53 +08:00
parent 183e253a63
commit d22f933b47
74 changed files with 556 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
fis-conf.js
View File

@ -229,6 +229,27 @@ if (fis.project.currentMedia() === 'publish') {
} else if (fis.project.currentMedia() === 'gh-pages') {
const ghPages = fis.media('gh-pages');
ghPages.match('/docs/**.md', {
rExt: 'js',
parser: [parserMarkdown, function(contents, file) {
return contents.replace(/\bhref=\\('|")(.+?)\\\1/g, function(_, quota, link) {
if (/\.md($|#)/.test(link)) {
let parts = link.split('#');
parts[0] = parts[0].replace('.md', '');
if (parts[0][0] !== '/') {
parts[0] = path.resolve(path.dirname(file.subpath), parts[0]);
}
return 'href=\\' + quota + '#' + parts.join('#') + '\\' + quota;
}
return _;
});
}],
isMod: true
});
ghPages.match('/node_modules/(**)', {
release: '/n/$1'
});

2
gh-pages/docs/advanced.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/dev.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/getting_started.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/Action.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/Array.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Array.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"array\" href=\"#array\" 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>Array</h3><p>数组输入框配置</p>\n<p>其实就是 <a href=\"/docs/renderers/Combo\">Combo</a> 的一个 flat 用法。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>array</code></li>\n<li><code>items</code> 配置单项表单类型</li>\n<li><code>addable</code> 是否可新增。</li>\n<li><code>removable</code> 是否可删除</li>\n<li><code>draggable</code> 默认为 <code>false</code>, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候，会多一个\\$id 字段</li>\n<li><code>draggableTip</code> 可拖拽的提示文字，默认为：<code>&quot;可通过拖动每行中的【交换】按钮进行顺序调整&quot;</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>&quot;新增&quot;</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n {\n \"name\": \"array\",\n \"label\": \"颜色集合\",\n \"type\": \"array\",\n \"value\": [\"red\"],\n \"inline\": true,\n \"items\": {\n \"type\": \"color\"\n }\n },\n\n {\n \"type\": \"static\",\n \"name\": \"array\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"array\" href=\"#array\" 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>Array</h3><p>数组输入框配置</p>\n<p>其实就是 <a href=\"#/docs/renderers/Combo\">Combo</a> 的一个 flat 用法。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>array</code></li>\n<li><code>items</code> 配置单项表单类型</li>\n<li><code>addable</code> 是否可新增。</li>\n<li><code>removable</code> 是否可删除</li>\n<li><code>draggable</code> 默认为 <code>false</code>, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候，会多一个\\$id 字段</li>\n<li><code>draggableTip</code> 可拖拽的提示文字，默认为：<code>&quot;可通过拖动每行中的【交换】按钮进行顺序调整&quot;</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>&quot;新增&quot;</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n {\n \"name\": \"array\",\n \"label\": \"颜色集合\",\n \"type\": \"array\",\n \"value\": [\"red\"],\n \"inline\": true,\n \"items\": {\n \"type\": \"color\"\n }\n },\n\n {\n \"type\": \"static\",\n \"name\": \"array\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Button.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Button.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"button\" href=\"#button\" 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</h3><p>按钮, 包含 <code>button</code>、<code>submit</code> 和 <code>reset</code>。 字段说明。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button</code></li>\n<li><code>label</code> 按钮文字</li>\n<li><code>icon</code> 按钮图标。可以使用来自 fontawesome 的图标。</li>\n<li><code>level</code> 按钮级别。 包含： <code>link</code>、<code>primary</code>、<code>success</code>、<code>info</code>、<code>warning</code>和<code>danger</code>。</li>\n<li><code>size</code> 按钮大小。 包含： <code>xs</code>、<code>sm</code>、<code>md</code>和<code>lg</code></li>\n<li><code>className</code> 按钮的类名。</li>\n</ul>\n<p>如果按钮是 <code>button</code> 类型，则还需要配置 <a href=\"/docs/renderers/Action\">Action</a> 中定义的属性，否则，AMis 不知道如何响应当前按钮点击。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n {\n \"type\": \"text\",\n \"name\": \"test\",\n \"label\": \"Text\"\n },\n\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 \"level\": \"primary\",\n \"label\": \"Submit\"\n },\n\n {\n \"type\": \"reset\",\n \"label\": \"Reset\",\n \"level\": \"danger\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"button\" href=\"#button\" 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</h3><p>按钮, 包含 <code>button</code>、<code>submit</code> 和 <code>reset</code>。 字段说明。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button</code></li>\n<li><code>label</code> 按钮文字</li>\n<li><code>icon</code> 按钮图标。可以使用来自 fontawesome 的图标。</li>\n<li><code>level</code> 按钮级别。 包含： <code>link</code>、<code>primary</code>、<code>success</code>、<code>info</code>、<code>warning</code>和<code>danger</code>。</li>\n<li><code>size</code> 按钮大小。 包含： <code>xs</code>、<code>sm</code>、<code>md</code>和<code>lg</code></li>\n<li><code>className</code> 按钮的类名。</li>\n</ul>\n<p>如果按钮是 <code>button</code> 类型，则还需要配置 <a href=\"#/docs/renderers/Action\">Action</a> 中定义的属性，否则，amis 不知道如何响应当前按钮点击。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n {\n \"type\": \"text\",\n \"name\": \"test\",\n \"label\": \"Text\"\n },\n\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 \"level\": \"primary\",\n \"label\": \"Submit\"\n },\n\n {\n \"type\": \"reset\",\n \"label\": \"Reset\",\n \"level\": \"danger\"\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/CRUD-Cards.js
View File

@ -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": "<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",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/CRUD-List.js
View File

@ -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": "<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",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/CRUD-Table.js
View File

@ -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": "<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",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/CRUD.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/Card.js
View File

@ -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": "<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",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Cards.js
View File

@ -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": "<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",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Chained-Select.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Chained-Select.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"chained-select\" href=\"#chained-select\" 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>Chained-Select</h3><p>无限级别下拉，只支持单选，且必须和 <code>source</code> 搭配，通过 API 拉取数据，只要 API 有返回结果，就能一直无限级别下拉下去。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>chained-select</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> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。\n更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a>。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"name\": \"select3\",\n \"type\": \"chained-select\",\n \"label\": \"级联下拉\",\n \"source\": \"https://houtai.baidu.com/api/mock2/options/chainedOptions?waitSeconds=1&parentId=$parentId&level=$level&maxLevel=4&waiSeconds=1\",\n \"value\": \"a,b\"\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"chained-select\" href=\"#chained-select\" 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>Chained-Select</h3><p>无限级别下拉，只支持单选，且必须和 <code>source</code> 搭配，通过 API 拉取数据，只要 API 有返回结果，就能一直无限级别下拉下去。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>chained-select</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> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。\n更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a>。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"name\": \"select3\",\n \"type\": \"chained-select\",\n \"label\": \"级联下拉\",\n \"source\": \"https://houtai.baidu.com/api/mock2/options/chainedOptions?waitSeconds=1&parentId=$parentId&level=$level&maxLevel=4&waiSeconds=1\",\n \"value\": \"a,b\"\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Chart.js vendored
View File

@ -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": "<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",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Checkbox.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Checkbox.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"checkbox\" href=\"#checkbox\" 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>Checkbox</h3><p>勾选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>checkbox</code></li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 默认 <code>true</code></li>\n<li><code>falseValue</code> 默认 <code>false</code></li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n \"name\": \"checkbox\",\n \"type\": \"checkbox\",\n \"label\": \"Checkbox\",\n \"option\": \"选项说明\"\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"checkbox\" href=\"#checkbox\" 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>Checkbox</h3><p>勾选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>checkbox</code></li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 默认 <code>true</code></li>\n<li><code>falseValue</code> 默认 <code>false</code></li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n \"name\": \"checkbox\",\n \"type\": \"checkbox\",\n \"label\": \"Checkbox\",\n \"option\": \"选项说明\"\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Checkboxes.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Checkboxes.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"checkboxes\" href=\"#checkboxes\" 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>Checkboxes</h3><p>复选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>checkboxes</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> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>joinValues</code> 默认为 <code>true</code> 选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li><code>columnsCount</code> 默认为 <code>1</code> 可以配置成一行显示多个。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"form\">[\n {\n \"name\": \"checkboxes\",\n \"type\": \"checkboxes\",\n \"label\": \"Checkboxes\",\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"checkboxes\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"checkboxes\" href=\"#checkboxes\" 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>Checkboxes</h3><p>复选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>checkboxes</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> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>joinValues</code> 默认为 <code>true</code> 选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li><code>columnsCount</code> 默认为 <code>1</code> 可以配置成一行显示多个。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"form\">[\n {\n \"name\": \"checkboxes\",\n \"type\": \"checkboxes\",\n \"label\": \"Checkboxes\",\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"checkboxes\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Column.js
View File

@ -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>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": "<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>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",

2
gh-pages/docs/renderers/Combo.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/Date-Range.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Date-Range.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"date-range\" href=\"#date-range\" 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>Date-Range</h3><p>日期范围类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>date-range</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 moment.</li>\n<li><code>inputFormat</code> 默认 <code>HH:mm</code> 用来配置显示的时间格式。</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>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"date-range\",\n \"name\": \"select\",\n \"label\": \"日期范围\"\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>考虑到大家都习惯用两个字段来存储，那么就用 date 来代替吧。</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n [\n {\n \"type\": \"date\",\n \"name\": \"start\",\n \"label\": \"开始日期\",\n \"maxDate\": \"$end\"\n },\n\n {\n \"type\": \"date\",\n \"name\": \"end\",\n \"label\": \"结束日期\",\n \"minDate\": \"$start\"\n }\n ],\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\",\n \"description\": \"包含开始日期和结束日期\",\n \"tpl\": \"$start - $end\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"date-range\" href=\"#date-range\" 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>Date-Range</h3><p>日期范围类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>date-range</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 moment.</li>\n<li><code>inputFormat</code> 默认 <code>HH:mm</code> 用来配置显示的时间格式。</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>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"date-range\",\n \"name\": \"select\",\n \"label\": \"日期范围\"\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>考虑到大家都习惯用两个字段来存储，那么就用 date 来代替吧。</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n [\n {\n \"type\": \"date\",\n \"name\": \"start\",\n \"label\": \"开始日期\",\n \"maxDate\": \"$end\"\n },\n\n {\n \"type\": \"date\",\n \"name\": \"end\",\n \"label\": \"结束日期\",\n \"minDate\": \"$start\"\n }\n ],\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\",\n \"description\": \"包含开始日期和结束日期\",\n \"tpl\": \"$start - $end\"\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Date.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Date.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"date\" href=\"#date\" 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>Date</h3><p>日期类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>date</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 moment.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></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><p><code>maxDate</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/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\": \"date\",\n \"name\": \"select\",\n \"label\": \"日期\"\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"date\" href=\"#date\" 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>Date</h3><p>日期类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>date</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 moment.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></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><p><code>maxDate</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/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\": \"date\",\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",

2
gh-pages/docs/renderers/Datetime.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/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\">https://github.com/YouCanBookMe/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/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": "<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\">https://github.com/YouCanBookMe/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/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",

2
gh-pages/docs/renderers/Dialog.js
View File

@ -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": "<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",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Drawer.js
View File

@ -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": "<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",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Editor.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/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/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/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": "<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/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/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",

2
gh-pages/docs/renderers/Email.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/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/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": "<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/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",

2
gh-pages/docs/renderers/Field.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/FieldSet.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/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</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": "<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</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",

2
gh-pages/docs/renderers/File.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/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/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": "<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/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",

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

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/FormItem-Button-Group.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/FormItem-Button-Group.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"button-group-formitem-\" href=\"#button-group-formitem-\" 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(FormItem)</h3><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=\"form\">[\n {\n \"type\": \"text\",\n \"name\": \"test\",\n \"label\": \"Text\"\n },\n\n {\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]\n</script></div>\n<p>button-group 有两种模式，除了能让按钮组合在一起，还能做类似于单选功能。</p>\n<p>当不配置 buttons 属性时，就可以当复选框用。</p>\n<ul>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n<li><code>image</code> 图片的 http 地址。</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>clearable</code> 默认为 <code>true</code>, 表示可以取消选中。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"button-group\",\n \"name\": \"select\",\n \"label\": \"单选\",\n \"options\": [\n {\n \"label\": \"Option A\",\n \"value\": \"a\"\n },\n {\n \"label\": \"Option B\",\n \"value\": \"b\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"button-group-formitem-\" href=\"#button-group-formitem-\" 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(FormItem)</h3><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=\"form\">[\n {\n \"type\": \"text\",\n \"name\": \"test\",\n \"label\": \"Text\"\n },\n\n {\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]\n</script></div>\n<p>button-group 有两种模式，除了能让按钮组合在一起，还能做类似于单选功能。</p>\n<p>当不配置 buttons 属性时，就可以当复选框用。</p>\n<ul>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n<li><code>image</code> 图片的 http 地址。</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>clearable</code> 默认为 <code>true</code>, 表示可以取消选中。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"button-group\",\n \"name\": \"select\",\n \"label\": \"单选\",\n \"options\": [\n {\n \"label\": \"Option A\",\n \"value\": \"a\"\n },\n {\n \"label\": \"Option B\",\n \"value\": \"b\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/FormItem-HBox.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/FormItem-HBox.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"hbox-formitem-\" href=\"#hbox-formitem-\" 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>HBox(FormItem)</h3><p>支持 form 内部再用 HBox 布局，实现左右排列。没错用 <a href=\"/docs/renderers/Group\">Group</a> 也能实现，所以还是推荐用 <a href=\"/docs/renderers/Group\">Group</a>。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>hbox</code></li>\n<li><code>columns</code> 数据，用来配置列内容。每个 column 又一个独立的渲染器。</li>\n<li><code>columns[x].columnClassName</code> 配置列的 <code>className</code>。</li>\n<li><code>columns[x].controls</code> 如果配置了表单集合，同时没有指定 type 类型，则优先展示表单集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n \"type\": \"hbox\",\n \"columns\": [\n {\n \"columnClassName\": \"w-sm\",\n \"controls\": [\n {\n \"name\": \"text\",\n \"type\": \"text\",\n \"label\": false,\n \"placeholder\": \"Text\"\n }\n ]\n },\n\n {\n \"type\": \"tpl\",\n \"tpl\": \"其他类型的渲染器\"\n }\n ]\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"hbox-formitem-\" href=\"#hbox-formitem-\" 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>HBox(FormItem)</h3><p>支持 form 内部再用 HBox 布局，实现左右排列。没错用 <a href=\"#/docs/renderers/Group\">Group</a> 也能实现，所以还是推荐用 <a href=\"#/docs/renderers/Group\">Group</a>。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>hbox</code></li>\n<li><code>columns</code> 数据，用来配置列内容。每个 column 又一个独立的渲染器。</li>\n<li><code>columns[x].columnClassName</code> 配置列的 <code>className</code>。</li>\n<li><code>columns[x].controls</code> 如果配置了表单集合，同时没有指定 type 类型，则优先展示表单集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n \"type\": \"hbox\",\n \"columns\": [\n {\n \"columnClassName\": \"w-sm\",\n \"controls\": [\n {\n \"name\": \"text\",\n \"type\": \"text\",\n \"label\": false,\n \"placeholder\": \"Text\"\n }\n ]\n },\n\n {\n \"type\": \"tpl\",\n \"tpl\": \"其他类型的渲染器\"\n }\n ]\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/FormItem-List.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/FormItem-List.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"list-formitem-\" href=\"#list-formitem-\" 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(FormItem)</h3><p>简单的列表选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>list</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n<li><code>image</code> 图片的 http 地址。</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>clearable</code> 默认为 <code>true</code>, 表示可以取消选中。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<p>单选</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"list\",\n \"name\": \"select\",\n \"label\": \"单选\",\n \"clearable\": true,\n \"options\": [\n {\n \"label\": \"Option A\",\n \"value\": \"a\"\n },\n {\n \"label\": \"Option B\",\n \"value\": \"b\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>多选</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n {\n \"type\": \"list\",\n \"name\": \"select\",\n \"label\": \"多选\",\n \"clearable\": true,\n \"multiple\": true,\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>选项带图片</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n {\n \"type\": \"list\",\n \"name\": \"select\",\n \"label\": \"图片\",\n \"clearable\": true,\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\",\n \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\",\n \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\",\n \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\",\n \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"list-formitem-\" href=\"#list-formitem-\" 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(FormItem)</h3><p>简单的列表选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>list</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n<li><code>image</code> 图片的 http 地址。</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>clearable</code> 默认为 <code>true</code>, 表示可以取消选中。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<p>单选</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"list\",\n \"name\": \"select\",\n \"label\": \"单选\",\n \"clearable\": true,\n \"options\": [\n {\n \"label\": \"Option A\",\n \"value\": \"a\"\n },\n {\n \"label\": \"Option B\",\n \"value\": \"b\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>多选</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n {\n \"type\": \"list\",\n \"name\": \"select\",\n \"label\": \"多选\",\n \"clearable\": true,\n \"multiple\": true,\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>选项带图片</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n {\n \"type\": \"list\",\n \"name\": \"select\",\n \"label\": \"图片\",\n \"clearable\": true,\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\",\n \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\",\n \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\",\n \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\",\n \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/FormItem-Panel.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/FormItem-Panel.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"panel-formitem-\" href=\"#panel-formitem-\" 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>Panel(FormItem)</h3><p>还是为了布局，可以把一部分 <a href=\"/docs/renderers/FormItem\">FormItem</a> 合并到一个 panel 里面单独展示。</p>\n<ul>\n<li><code>title</code> panel 标题</li>\n<li><code>body</code> <a href=\"/docs/renderers/Types#container\">Container</a> 可以是其他渲染模型。</li>\n<li><code>bodyClassName</code> body 的 className.</li>\n<li><code>footer</code> <a href=\"/docs/renderers/Types#container\">Container</a> 可以是其他渲染模型。</li>\n<li><code>footerClassName</code> footer 的 className.</li>\n<li><code>controls</code> 跟 <code>body</code> 二选一，如果设置了 controls 优先显示表单集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n \"type\": \"hbox\",\n \"columns\": [\n {\n \"controls\": [\n {\n \"name\": \"text\",\n \"type\": \"text\",\n \"label\": false,\n \"placeholder\": \"Text\"\n }\n ]\n },\n\n {\n \"columnClassName\": \"w-xl\",\n \"controls\": [\n {\n \"type\": \"panel\",\n \"title\": \"bla bla\",\n \"controls\": [\n {\n \"name\": \"text\",\n \"type\": \"text\",\n \"label\": false,\n \"placeholder\": \"Text 1\"\n },\n\n {\n \"name\": \"text2\",\n \"type\": \"text\",\n \"label\": false,\n \"placeholder\": \"Text 2\"\n }\n ]\n }\n ]\n }\n ]\n}\n\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"panel-formitem-\" href=\"#panel-formitem-\" 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>Panel(FormItem)</h3><p>还是为了布局，可以把一部分 <a href=\"#/docs/renderers/FormItem\">FormItem</a> 合并到一个 panel 里面单独展示。</p>\n<ul>\n<li><code>title</code> panel 标题</li>\n<li><code>body</code> <a href=\"#/docs/renderers/Types#container\">Container</a> 可以是其他渲染模型。</li>\n<li><code>bodyClassName</code> body 的 className.</li>\n<li><code>footer</code> <a href=\"#/docs/renderers/Types#container\">Container</a> 可以是其他渲染模型。</li>\n<li><code>footerClassName</code> footer 的 className.</li>\n<li><code>controls</code> 跟 <code>body</code> 二选一，如果设置了 controls 优先显示表单集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n \"type\": \"hbox\",\n \"columns\": [\n {\n \"controls\": [\n {\n \"name\": \"text\",\n \"type\": \"text\",\n \"label\": false,\n \"placeholder\": \"Text\"\n }\n ]\n },\n\n {\n \"columnClassName\": \"w-xl\",\n \"controls\": [\n {\n \"type\": \"panel\",\n \"title\": \"bla bla\",\n \"controls\": [\n {\n \"name\": \"text\",\n \"type\": \"text\",\n \"label\": false,\n \"placeholder\": \"Text 1\"\n },\n\n {\n \"name\": \"text2\",\n \"type\": \"text\",\n \"label\": false,\n \"placeholder\": \"Text 2\"\n }\n ]\n }\n ]\n }\n ]\n}\n\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/FormItem-Table.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/FormItem.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/Grid.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Grid.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"grid\" href=\"#grid\" 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>Grid</h2><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;grid&quot;</code></td>\n<td>指定为 Grid 渲染器</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>columns</td>\n<td><code>Array</code></td>\n<td></td>\n<td>列集合</td>\n</tr>\n<tr>\n<td>columns[x]</td>\n<td><a href=\"/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>成员可以是其他渲染器</td>\n</tr>\n<tr>\n<td>columns[x].xs</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].xsOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].sm</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].smOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].md</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].mdOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lg</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].lgOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n</tbody>\n</table>\n<p>更多使用说明，请参看 <a href=\"https://react-bootstrap.github.io/components.html#grid-props-col\">Grid Props</a></p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">[\n {\n \"type\": \"grid\",\n \"className\": \"b-a bg-dark lter\",\n \"columns\": [\n {\n \"type\": \"plain\",\n \"text\": \"md: 3\",\n \"md\": 3,\n \"className\": \"b-r\"\n },\n\n {\n \"type\": \"plain\",\n \"text\": \"md: 9\",\n \"md\": 9\n }\n ]\n },\n\n {\n \"type\": \"grid\",\n \"className\": \"b-a m-t bg-dark lter\",\n \"columns\": [\n {\n \"type\": \"plain\",\n \"text\": \"mdOffset: 3\",\n \"mdOffset\": 3\n }\n ]\n }\n]\n</script></div>\n",
"html": "<h2><a class=\"anchor\" name=\"grid\" href=\"#grid\" 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>Grid</h2><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;grid&quot;</code></td>\n<td>指定为 Grid 渲染器</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>columns</td>\n<td><code>Array</code></td>\n<td></td>\n<td>列集合</td>\n</tr>\n<tr>\n<td>columns[x]</td>\n<td><a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>成员可以是其他渲染器</td>\n</tr>\n<tr>\n<td>columns[x].xs</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].xsOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].sm</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].smOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].md</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].mdOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lg</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].lgOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n</tbody>\n</table>\n<p>更多使用说明，请参看 <a href=\"https://react-bootstrap.github.io/components.html#grid-props-col\">Grid Props</a></p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">[\n {\n \"type\": \"grid\",\n \"className\": \"b-a bg-dark lter\",\n \"columns\": [\n {\n \"type\": \"plain\",\n \"text\": \"md: 3\",\n \"md\": 3,\n \"className\": \"b-r\"\n },\n\n {\n \"type\": \"plain\",\n \"text\": \"md: 9\",\n \"md\": 9\n }\n ]\n },\n\n {\n \"type\": \"grid\",\n \"className\": \"b-a m-t bg-dark lter\",\n \"columns\": [\n {\n \"type\": \"plain\",\n \"text\": \"mdOffset: 3\",\n \"mdOffset\": 3\n }\n ]\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Group.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Group.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"group\" href=\"#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>Group</h3><p>表单项集合中，默认都是一行一个，如果想要一行多个，请用 Group 包裹起来。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>group</code></li>\n<li><code>controls</code> 表单项集合。</li>\n<li><code>mode</code> 展示默认，跟 <a href=\"/docs/renderers/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>className</code> CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 560px\"><script type=\"text/schema\" height=\"560\" scope=\"body\">{\n \"type\": \"form\",\n \"name\": \"sample2\",\n \"controls\": [\n {\n \"type\": \"text\",\n \"name\": \"test\",\n \"label\": \"Label\",\n \"placeholder\": \"Placeholder\"\n },\n\n {\n \"type\": \"divider\"\n },\n\n {\n \"type\": \"group\",\n \"controls\": [\n {\n \"type\": \"text\",\n \"name\": \"test1\",\n \"label\": \"Label\",\n \"placeholder\": \"Placeholder\"\n },\n\n {\n \"type\": \"text\",\n \"name\": \"test2\",\n \"label\": \"Label\",\n \"placeholder\": \"Placeholder\"\n }\n ]\n }\n ]\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"group\" href=\"#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>Group</h3><p>表单项集合中，默认都是一行一个，如果想要一行多个，请用 Group 包裹起来。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>group</code></li>\n<li><code>controls</code> 表单项集合。</li>\n<li><code>mode</code> 展示默认，跟 <a href=\"#/docs/renderers/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>className</code> CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 560px\"><script type=\"text/schema\" height=\"560\" scope=\"body\">{\n \"type\": \"form\",\n \"name\": \"sample2\",\n \"controls\": [\n {\n \"type\": \"text\",\n \"name\": \"test\",\n \"label\": \"Label\",\n \"placeholder\": \"Placeholder\"\n },\n\n {\n \"type\": \"divider\"\n },\n\n {\n \"type\": \"group\",\n \"controls\": [\n {\n \"type\": \"text\",\n \"name\": \"test1\",\n \"label\": \"Label\",\n \"placeholder\": \"Placeholder\"\n },\n\n {\n \"type\": \"text\",\n \"name\": \"test2\",\n \"label\": \"Label\",\n \"placeholder\": \"Placeholder\"\n }\n ]\n }\n ]\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/HBox.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/HBox.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"hbox\" href=\"#hbox\" 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>HBox</h2><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;hbox&quot;</code></td>\n<td>指定为 HBox 渲染器</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>columns</td>\n<td><code>Array</code></td>\n<td></td>\n<td>列集合</td>\n</tr>\n<tr>\n<td>columns[x]</td>\n<td><a href=\"/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>成员可以是其他渲染器</td>\n</tr>\n<tr>\n<td>columns[x].columnClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;wrapper-xs&quot;</code></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 {\n \"type\": \"hbox\",\n \"className\": \"b-a bg-dark lter\",\n \"columns\": [\n {\n \"type\": \"plain\",\n \"text\": \"Col A\",\n \"columnClassName\": \"wrapper-xs b-r\"\n },\n\n \"Col B\"\n ]\n },\n\n {\n \"type\": \"hbox\",\n \"className\": \"b-a m-t bg-dark lter\",\n \"columns\": [\n {\n \"type\": \"plain\",\n \"text\": \"w-md\",\n \"columnClassName\": \"w-md wrapper-xs bg-primary b-r\"\n },\n \"...\"\n ]\n }\n]\n</script></div>\n",
"html": "<h2><a class=\"anchor\" name=\"hbox\" href=\"#hbox\" 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>HBox</h2><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;hbox&quot;</code></td>\n<td>指定为 HBox 渲染器</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>columns</td>\n<td><code>Array</code></td>\n<td></td>\n<td>列集合</td>\n</tr>\n<tr>\n<td>columns[x]</td>\n<td><a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>成员可以是其他渲染器</td>\n</tr>\n<tr>\n<td>columns[x].columnClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;wrapper-xs&quot;</code></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 {\n \"type\": \"hbox\",\n \"className\": \"b-a bg-dark lter\",\n \"columns\": [\n {\n \"type\": \"plain\",\n \"text\": \"Col A\",\n \"columnClassName\": \"wrapper-xs b-r\"\n },\n\n \"Col B\"\n ]\n },\n\n {\n \"type\": \"hbox\",\n \"className\": \"b-a m-t bg-dark lter\",\n \"columns\": [\n {\n \"type\": \"plain\",\n \"text\": \"w-md\",\n \"columnClassName\": \"w-md wrapper-xs bg-primary b-r\"\n },\n \"...\"\n ]\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Html.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Html.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"html\" href=\"#html\" 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>Html</h3><p>html, 当需要用到变量时，请用 <a href=\"/docs/renderers/Tpl\">Tpl</a> 代替。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n \"body\": {\n \"type\": \"html\",\n \"html\": \"支持 Html <code>Html</code>\"\n }\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"html\" href=\"#html\" 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>Html</h3><p>html, 当需要用到变量时，请用 <a href=\"#/docs/renderers/Tpl\">Tpl</a> 代替。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n \"body\": {\n \"type\": \"html\",\n \"html\": \"支持 Html <code>Html</code>\"\n }\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Image.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Image.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"image\" href=\"#image\" 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>Image</h3><p>图片格式输入，默认 AMis 会直接存储在 FEX 的 hiphoto 里面，提交到 form 是直接的图片 url。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>image</code></li>\n<li><code>reciever</code> 默认 <code>/api/upload</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> 连接符，默认是 <code>,</code>, 多选时且 <code>joinValues</code> 为 <code>true</code> 时用来连接值。</li>\n<li><code>autoUpload</code> 是否选择完就自动开始上传？默认为 <code>true</code></li>\n<li><code>compress</code> 默认 <code>true</code> 如果想默认压缩请开启。</li>\n<li><code>compressOptions</code><ul>\n<li><code>maxWidth</code> 设置最大宽度。</li>\n<li><code>maxHeight</code> 设置最大高度。</li>\n</ul>\n</li>\n<li><code>showCompressOptions</code> 默认为 false, 开启后，允许用户输入压缩选项。</li>\n<li><code>crop</code> 用来设置是否支持裁剪。<ul>\n<li><code>aspectRatio</code> 浮点型，默认 <code>1</code> 即 <code>1:1</code>，如果要设置 <code>16:9</code> 请设置 <code>1.7777777777777777</code> 即 <code>16 / 9</code>。</li>\n</ul>\n</li>\n<li><code>allowInput</code> 默认都是通过用户选择图片后上传返回图片地址，如果开启此选项，则可以允许用户图片地址。</li>\n<li><code>limit</code> 限制图片大小，超出不让上传。<ul>\n<li><code>width</code> 限制图片宽度。</li>\n<li><code>height</code> 限制图片高度。</li>\n<li><code>minWidth</code> 限制图片最小宽度。</li>\n<li><code>minHeight</code> 限制图片最小高度。</li>\n<li><code>maxWidth</code> 限制图片最大宽度。</li>\n<li><code>maxHeight</code> 限制图片最大高度。</li>\n</ul>\n</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/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\": \"image\",\n \"name\": \"image\",\n \"label\": \"Images\"\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"image\" href=\"#image\" 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>Image</h3><p>图片格式输入，默认 amis 会直接存储在 FEX 的 hiphoto 里面，提交到 form 是直接的图片 url。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>image</code></li>\n<li><code>reciever</code> 默认 <code>/api/upload</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> 连接符，默认是 <code>,</code>, 多选时且 <code>joinValues</code> 为 <code>true</code> 时用来连接值。</li>\n<li><code>autoUpload</code> 是否选择完就自动开始上传？默认为 <code>true</code></li>\n<li><code>compress</code> 默认 <code>true</code> 如果想默认压缩请开启。</li>\n<li><code>compressOptions</code><ul>\n<li><code>maxWidth</code> 设置最大宽度。</li>\n<li><code>maxHeight</code> 设置最大高度。</li>\n</ul>\n</li>\n<li><code>showCompressOptions</code> 默认为 false, 开启后，允许用户输入压缩选项。</li>\n<li><code>crop</code> 用来设置是否支持裁剪。<ul>\n<li><code>aspectRatio</code> 浮点型，默认 <code>1</code> 即 <code>1:1</code>，如果要设置 <code>16:9</code> 请设置 <code>1.7777777777777777</code> 即 <code>16 / 9</code>。</li>\n</ul>\n</li>\n<li><code>allowInput</code> 默认都是通过用户选择图片后上传返回图片地址，如果开启此选项，则可以允许用户图片地址。</li>\n<li><code>limit</code> 限制图片大小，超出不让上传。<ul>\n<li><code>width</code> 限制图片宽度。</li>\n<li><code>height</code> 限制图片高度。</li>\n<li><code>minWidth</code> 限制图片最小宽度。</li>\n<li><code>minHeight</code> 限制图片最小高度。</li>\n<li><code>maxWidth</code> 限制图片最大宽度。</li>\n<li><code>maxHeight</code> 限制图片最大高度。</li>\n</ul>\n</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/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\": \"image\",\n \"name\": \"image\",\n \"label\": \"Images\"\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/List.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/List.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"list\" href=\"#list\" 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</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;list&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-list-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-list-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem</td>\n<td><code>Array</code></td>\n<td></td>\n<td>配置单条信息</td>\n</tr>\n<tr>\n<td>listItem.title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.titleClassName</td>\n<td><code>string</code></td>\n<td><code>h5</code></td>\n<td>标题 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem.subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>副标题，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.avatar</td>\n<td><code>string</code></td>\n<td></td>\n<td>图片地址，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.avatarClassName</td>\n<td><code>string</code></td>\n<td><code>thumb-sm avatar m-r</code></td>\n<td>图片 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem.desc</td>\n<td><code>string</code></td>\n<td></td>\n<td>描述，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.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>listItem.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: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n \"type\": \"service\",\n \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n \"body\": [\n {\n \"type\": \"panel\",\n \"title\": \"简单 List 示例\",\n \"body\": {\n \"type\": \"list\",\n \"source\": \"$rows\",\n \"listItem\": {\n \"body\": [\n {\n \"type\": \"hbox\",\n \"columns\": [\n {\n \"label\": \"Engine\",\n \"name\": \"engine\"\n },\n\n {\n \"name\": \"version\",\n \"label\": \"Version\"\n }\n ]\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": "<h2><a class=\"anchor\" name=\"list\" href=\"#list\" 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</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;list&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-list-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-list-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem</td>\n<td><code>Array</code></td>\n<td></td>\n<td>配置单条信息</td>\n</tr>\n<tr>\n<td>listItem.title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.titleClassName</td>\n<td><code>string</code></td>\n<td><code>h5</code></td>\n<td>标题 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem.subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>副标题，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.avatar</td>\n<td><code>string</code></td>\n<td></td>\n<td>图片地址，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.avatarClassName</td>\n<td><code>string</code></td>\n<td><code>thumb-sm avatar m-r</code></td>\n<td>图片 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem.desc</td>\n<td><code>string</code></td>\n<td></td>\n<td>描述，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.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>listItem.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: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n \"type\": \"service\",\n \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n \"body\": [\n {\n \"type\": \"panel\",\n \"title\": \"简单 List 示例\",\n \"body\": {\n \"type\": \"list\",\n \"source\": \"$rows\",\n \"listItem\": {\n \"body\": [\n {\n \"type\": \"hbox\",\n \"columns\": [\n {\n \"label\": \"Engine\",\n \"name\": \"engine\"\n },\n\n {\n \"name\": \"version\",\n \"label\": \"Version\"\n }\n ]\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",

2
gh-pages/docs/renderers/Matrix.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Matrix.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"matrix\" href=\"#matrix\" 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>Matrix</h3><p>矩阵类型的输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>matrix</code></li>\n<li><code>columns</code> 列信息， 数组中 <code>label</code> 字段是必须给出的</li>\n<li><code>rows</code> 行信息， 数组中 <code>label</code> 字段是必须给出的</li>\n<li><code>rowLabel</code> 行标题说明</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/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\": \"matrix\",\n \"name\": \"matrix\",\n \"label\": \"Matrix\",\n \"rowLabel\": \"行标题说明\",\n \"columns\": [\n {\n \"label\": \"列1\"\n },\n {\n \"label\": \"列2\"\n }\n ],\n \"rows\": [\n {\n \"label\": \"行1\"\n },\n {\n \"label\": \"行2\"\n }\n ]\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"matrix\" href=\"#matrix\" 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>Matrix</h3><p>矩阵类型的输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>matrix</code></li>\n<li><code>columns</code> 列信息， 数组中 <code>label</code> 字段是必须给出的</li>\n<li><code>rows</code> 行信息， 数组中 <code>label</code> 字段是必须给出的</li>\n<li><code>rowLabel</code> 行标题说明</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/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\": \"matrix\",\n \"name\": \"matrix\",\n \"label\": \"Matrix\",\n \"rowLabel\": \"行标题说明\",\n \"columns\": [\n {\n \"label\": \"列1\"\n },\n {\n \"label\": \"列2\"\n }\n ],\n \"rows\": [\n {\n \"label\": \"行1\"\n },\n {\n \"label\": \"行2\"\n }\n ]\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/NestedSelect.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/NestedSelect.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"nestedselect\" href=\"#nestedselect\" 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>NestedSelect</h3><p>树形结构选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>nested-select</code></li>\n<li><code>options</code> 类似于 <a href=\"/docs/renderers/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"type\": \"nested-select\",\n \"name\": \"nestedSelect\",\n \"label\": \"级联选择器\",\n \"size\": \"sm\",\n \"options\": [\n {\n \"label\": \"A\",\n \"value\": \"a\"\n },\n {\n \"label\": \"B\",\n \"value\": \"b\",\n \"children\": [\n {\n \"label\": \"B-1\",\n \"value\": \"b-1\"\n },\n {\n \"label\": \"B-2\",\n \"value\": \"b-2\"\n },\n {\n \"label\": \"B-3\",\n \"value\": \"b-3\"\n }\n ]\n },\n {\n \"label\": \"C\",\n \"value\": \"c\"\n }\n ]\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"nestedselect\" href=\"#nestedselect\" 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>NestedSelect</h3><p>树形结构选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>nested-select</code></li>\n<li><code>options</code> 类似于 <a href=\"#/docs/renderers/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"type\": \"nested-select\",\n \"name\": \"nestedSelect\",\n \"label\": \"级联选择器\",\n \"size\": \"sm\",\n \"options\": [\n {\n \"label\": \"A\",\n \"value\": \"a\"\n },\n {\n \"label\": \"B\",\n \"value\": \"b\",\n \"children\": [\n {\n \"label\": \"B-1\",\n \"value\": \"b-1\"\n },\n {\n \"label\": \"B-2\",\n \"value\": \"b-2\"\n },\n {\n \"label\": \"B-3\",\n \"value\": \"b-3\"\n }\n ]\n },\n {\n \"label\": \"C\",\n \"value\": \"c\"\n }\n ]\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Number.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Number.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"number\" href=\"#number\" 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>Number</h3><p>数字输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>number</code></li>\n<li><code>min</code> 最小值</li>\n<li><code>step</code> 步长</li>\n<li><code>max</code> 最大值</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/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\": \"number\",\n \"name\": \"text\",\n \"label\": \"数字\",\n \"min\": 1,\n \"max\": 10,\n \"step\": 1\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"number\" href=\"#number\" 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>Number</h3><p>数字输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>number</code></li>\n<li><code>min</code> 最小值</li>\n<li><code>step</code> 步长</li>\n<li><code>max</code> 最大值</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/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\": \"number\",\n \"name\": \"text\",\n \"label\": \"数字\",\n \"min\": 1,\n \"max\": 10,\n \"step\": 1\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Page.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Page.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"page\" href=\"#page\" 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>Page</h2><p>Json 配置最外层是一个 <code>Page</code> 渲染器。他主要包含标题，副标题，提示信息等设置，需要注意的是，他有三个容器区域分别是：内容区、边栏区和工具条区，在容器里面放不同的渲染器，就能配置出不同的页面来。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n \"type\": \"page\",\n \"title\": \"Title\",\n \"subTitle\": \"SubTitle\",\n \"remark\": \"Remark\",\n \"aside\": \"Aside\",\n \"body\": \"Body\",\n \"toolbar\": \"Toolbar\"\n}\n</script></div>\n<blockquote>\n<p>PS: 代码支持及时编辑预览</p>\n</blockquote>\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;page&quot;</code></td>\n<td>指定为 Page 渲染器。</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>subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>页面副标题</td>\n</tr>\n<tr>\n<td>remark</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题附近会出现一个提示图标，鼠标放上去会提示该内容。</td>\n</tr>\n<tr>\n<td>aside</td>\n<td><a href=\"/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的边栏区域加内容</td>\n</tr>\n<tr>\n<td>toolbar</td>\n<td><a href=\"/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的右上角加内容，需要注意的是，当有 Title 是，区域在右上角，没有时区域就在顶部</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>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 dom 类名</td>\n</tr>\n<tr>\n<td>toolbarClassName</td>\n<td><code>string</code></td>\n<td><code>v-middle wrapper text-right bg-light b-b</code></td>\n<td>Toolbar dom 类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>wrapper</code></td>\n<td>Body dom 类名</td>\n</tr>\n<tr>\n<td>asideClassName</td>\n<td><code>string</code></td>\n<td><code>w page-aside-region bg-auto</code></td>\n<td>Aside dom 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>bg-light b-b wrapper</code></td>\n<td>Header 区域 dom 类名</td>\n</tr>\n<tr>\n<td>initApi</td>\n<td><a href=\"/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>Page 用来获取初始数据的 api。返回的数据可以整个 page 级别使用。</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否起始拉取 initApi</td>\n</tr>\n<tr>\n<td>initFetchOn</td>\n<td><code>string</code></td>\n<td></td>\n<td>是否起始拉取 initApi, 通过表达式配置</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</td>\n</tr>\n</tbody>\n</table>\n",
"html": "<h2><a class=\"anchor\" name=\"page\" href=\"#page\" 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>Page</h2><p>Json 配置最外层是一个 <code>Page</code> 渲染器。他主要包含标题，副标题，提示信息等设置，需要注意的是，他有三个容器区域分别是：内容区、边栏区和工具条区，在容器里面放不同的渲染器，就能配置出不同的页面来。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n \"type\": \"page\",\n \"title\": \"Title\",\n \"subTitle\": \"SubTitle\",\n \"remark\": \"Remark\",\n \"aside\": \"Aside\",\n \"body\": \"Body\",\n \"toolbar\": \"Toolbar\"\n}\n</script></div>\n<blockquote>\n<p>PS: 代码支持及时编辑预览</p>\n</blockquote>\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;page&quot;</code></td>\n<td>指定为 Page 渲染器。</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>subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>页面副标题</td>\n</tr>\n<tr>\n<td>remark</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题附近会出现一个提示图标，鼠标放上去会提示该内容。</td>\n</tr>\n<tr>\n<td>aside</td>\n<td><a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的边栏区域加内容</td>\n</tr>\n<tr>\n<td>toolbar</td>\n<td><a href=\"#/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的右上角加内容，需要注意的是，当有 Title 是，区域在右上角，没有时区域就在顶部</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>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 dom 类名</td>\n</tr>\n<tr>\n<td>toolbarClassName</td>\n<td><code>string</code></td>\n<td><code>v-middle wrapper text-right bg-light b-b</code></td>\n<td>Toolbar dom 类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>wrapper</code></td>\n<td>Body dom 类名</td>\n</tr>\n<tr>\n<td>asideClassName</td>\n<td><code>string</code></td>\n<td><code>w page-aside-region bg-auto</code></td>\n<td>Aside dom 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>bg-light b-b wrapper</code></td>\n<td>Header 区域 dom 类名</td>\n</tr>\n<tr>\n<td>initApi</td>\n<td><a href=\"#/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>Page 用来获取初始数据的 api。返回的数据可以整个 page 级别使用。</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否起始拉取 initApi</td>\n</tr>\n<tr>\n<td>initFetchOn</td>\n<td><code>string</code></td>\n<td></td>\n<td>是否起始拉取 initApi, 通过表达式配置</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"#/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</td>\n</tr>\n</tbody>\n</table>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Panel.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Panel.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"panel\" href=\"#panel\" 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>Panel</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;panel&quot;</code></td>\n<td>指定为 Panel 渲染器</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>headerClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-heading&quot;</code></td>\n<td>header 区域的类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-footer bg-light lter wrapper&quot;</code></td>\n<td>footer 区域的类名</td>\n</tr>\n<tr>\n<td>actionsClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-footer&quot;</code></td>\n<td>actions 区域的类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-body&quot;</code></td>\n<td>body 区域的类名</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>header</td>\n<td><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>内容容器</td>\n</tr>\n<tr>\n<td>footer</td>\n<td><a href=\"/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>底部容器</td>\n</tr>\n<tr>\n<td>affixFooter</td>\n<td><code>boolean</code></td>\n<td></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\": \"panel\",\n \"title\": \"Panel Heading\",\n \"body\": \"Panel 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": "<h3><a class=\"anchor\" name=\"panel\" href=\"#panel\" 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>Panel</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;panel&quot;</code></td>\n<td>指定为 Panel 渲染器</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>headerClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-heading&quot;</code></td>\n<td>header 区域的类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-footer bg-light lter wrapper&quot;</code></td>\n<td>footer 区域的类名</td>\n</tr>\n<tr>\n<td>actionsClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-footer&quot;</code></td>\n<td>actions 区域的类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-body&quot;</code></td>\n<td>body 区域的类名</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>header</td>\n<td><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>内容容器</td>\n</tr>\n<tr>\n<td>footer</td>\n<td><a href=\"#/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>底部容器</td>\n</tr>\n<tr>\n<td>affixFooter</td>\n<td><code>boolean</code></td>\n<td></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\": \"panel\",\n \"title\": \"Panel Heading\",\n \"body\": \"Panel 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",

2
gh-pages/docs/renderers/Password.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Password.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"password\" href=\"#password\" 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>Password</h3><p>密码输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>password</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>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n",
"html": "<h3><a class=\"anchor\" name=\"password\" href=\"#password\" 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>Password</h3><p>密码输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>password</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>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Picker.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/Radios.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Radios.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"radios\" href=\"#radios\" 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>Radios</h3><p>单选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>radios</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> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>columnsCount</code> 默认为 <code>1</code> 可以配置成一行显示多个。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"form\">[\n {\n \"name\": \"radios\",\n \"type\": \"radios\",\n \"label\": \"Radios\",\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"radios\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"radios\" href=\"#radios\" 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>Radios</h3><p>单选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>radios</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> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>columnsCount</code> 默认为 <code>1</code> 可以配置成一行显示多个。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"form\">[\n {\n \"name\": \"radios\",\n \"type\": \"radios\",\n \"label\": \"Radios\",\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"radios\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Repeat.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Repeat.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"repeat\" href=\"#repeat\" 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>Repeat</h3><p>可用来设置重复频率</p>\n<ul>\n<li><code>type</code> 请设置成 <code>repeat</code></li>\n<li><code>options</code> 默认: <code>hourly,daily,weekly,monthly</code>， 可用配置 <code>secondly,minutely,hourly,daily,weekdays,weekly,monthly,yearly</code></li>\n<li><code>placeholder</code> 默认为 <code>不重复</code>, 当不指定值时的说明。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"type\": \"repeat\",\n \"name\": \"repeat\",\n \"label\": \"重复频率\"\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"repeat\" href=\"#repeat\" 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>Repeat</h3><p>可用来设置重复频率</p>\n<ul>\n<li><code>type</code> 请设置成 <code>repeat</code></li>\n<li><code>options</code> 默认: <code>hourly,daily,weekly,monthly</code>， 可用配置 <code>secondly,minutely,hourly,daily,weekdays,weekly,monthly,yearly</code></li>\n<li><code>placeholder</code> 默认为 <code>不重复</code>, 当不指定值时的说明。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"type\": \"repeat\",\n \"name\": \"repeat\",\n \"label\": \"重复频率\"\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Rich-Text.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Rich-Text.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"rich-text\" href=\"#rich-text\" 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>Rich-Text</h3><p>富文本编辑器</p>\n<ul>\n<li><code>type</code> 请设置成 <code>rich-text</code></li>\n<li><code>saveAsUbb</code> 是否保存为 ubb 格式</li>\n<li><code>reciever</code> 默认的图片保存 API <code>/api/upload/image</code></li>\n<li><code>size</code> 框的大小，可以设置成 <code>md</code> 或者 <code>lg</code> 来增大输入框。</li>\n<li><p><code>buttons</code> 默认为</p>\n<pre><code class=\"lang-js\">[\n <span class=\"hljs-symbol\">'paragraphFormat</span>',\n <span class=\"hljs-symbol\">'quote</span>',\n <span class=\"hljs-symbol\">'color</span>',\n '|',\n <span class=\"hljs-symbol\">'bold</span>',\n <span class=\"hljs-symbol\">'italic</span>',\n <span class=\"hljs-symbol\">'underline</span>',\n <span class=\"hljs-symbol\">'strikeThrough</span>',\n '|',\n <span class=\"hljs-symbol\">'formatOL</span>',\n <span class=\"hljs-symbol\">'formatUL</span>',\n <span class=\"hljs-symbol\">'align</span>',\n '|',\n <span class=\"hljs-symbol\">'insertLink</span>',\n <span class=\"hljs-symbol\">'insertImage</span>',\n <span class=\"hljs-symbol\">'insertTable</span>',\n '|',\n <span class=\"hljs-symbol\">'undo</span>',\n <span class=\"hljs-symbol\">'redo</span>',\n <span class=\"hljs-symbol\">'html</span>',\n]<span class=\"hljs-comment\">;</span>\n</code></pre>\n</li>\n<li><p><code>options</code> Object 类型，给富文本的配置信息。请参考 <a href=\"https://www.froala.com/wysiwyg-editor/docs/options\">https://www.froala.com/wysiwyg-editor/docs/options</a></p>\n</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/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\": \"rich-text\",\n \"name\": \"html\",\n \"label\": \"Rich Text\"\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"rich-text\" href=\"#rich-text\" 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>Rich-Text</h3><p>富文本编辑器</p>\n<ul>\n<li><code>type</code> 请设置成 <code>rich-text</code></li>\n<li><code>saveAsUbb</code> 是否保存为 ubb 格式</li>\n<li><code>reciever</code> 默认的图片保存 API <code>/api/upload/image</code></li>\n<li><code>size</code> 框的大小，可以设置成 <code>md</code> 或者 <code>lg</code> 来增大输入框。</li>\n<li><p><code>buttons</code> 默认为</p>\n<pre><code class=\"lang-js\">[\n <span class=\"hljs-symbol\">'paragraphFormat</span>',\n <span class=\"hljs-symbol\">'quote</span>',\n <span class=\"hljs-symbol\">'color</span>',\n '|',\n <span class=\"hljs-symbol\">'bold</span>',\n <span class=\"hljs-symbol\">'italic</span>',\n <span class=\"hljs-symbol\">'underline</span>',\n <span class=\"hljs-symbol\">'strikeThrough</span>',\n '|',\n <span class=\"hljs-symbol\">'formatOL</span>',\n <span class=\"hljs-symbol\">'formatUL</span>',\n <span class=\"hljs-symbol\">'align</span>',\n '|',\n <span class=\"hljs-symbol\">'insertLink</span>',\n <span class=\"hljs-symbol\">'insertImage</span>',\n <span class=\"hljs-symbol\">'insertTable</span>',\n '|',\n <span class=\"hljs-symbol\">'undo</span>',\n <span class=\"hljs-symbol\">'redo</span>',\n <span class=\"hljs-symbol\">'html</span>',\n]<span class=\"hljs-comment\">;</span>\n</code></pre>\n</li>\n<li><p><code>options</code> Object 类型，给富文本的配置信息。请参考 <a href=\"https://www.froala.com/wysiwyg-editor/docs/options\">https://www.froala.com/wysiwyg-editor/docs/options</a></p>\n</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/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\": \"rich-text\",\n \"name\": \"html\",\n \"label\": \"Rich Text\"\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Select.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Select.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"select\" href=\"#select\" 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>Select</h3><p>选项表单。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>select</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> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。</li>\n<li><code>autoComplete</code> 跟 source 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li><code>clearable</code> 默认为 <code>false</code>, 当设置为 <code>true</code> 时，已选中的选项右侧会有个小 <code>X</code> 用来取消设置。</li>\n<li><code>searchable</code> 默认为 <code>false</code>，表示可以通过输入部分内容检索出选项。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<p>单选</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"select\",\n \"name\": \"select\",\n \"label\": \"单选\",\n \"clearable\": true,\n \"options\": [\n {\n \"label\": \"Option A\",\n \"value\": \"a\"\n },\n {\n \"label\": \"Option B\",\n \"value\": \"b\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>多选</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n {\n \"type\": \"select\",\n \"name\": \"select\",\n \"label\": \"多选\",\n \"clearable\": true,\n \"multiple\": true,\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"select\" href=\"#select\" 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>Select</h3><p>选项表单。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>select</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> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。</li>\n<li><code>autoComplete</code> 跟 source 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li><code>clearable</code> 默认为 <code>false</code>, 当设置为 <code>true</code> 时，已选中的选项右侧会有个小 <code>X</code> 用来取消设置。</li>\n<li><code>searchable</code> 默认为 <code>false</code>，表示可以通过输入部分内容检索出选项。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<p>单选</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"select\",\n \"name\": \"select\",\n \"label\": \"单选\",\n \"clearable\": true,\n \"options\": [\n {\n \"label\": \"Option A\",\n \"value\": \"a\"\n },\n {\n \"label\": \"Option B\",\n \"value\": \"b\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>多选</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n {\n \"type\": \"select\",\n \"name\": \"select\",\n \"label\": \"多选\",\n \"clearable\": true,\n \"multiple\": true,\n \"options\": [\n {\n \"label\": \"OptionA\",\n \"value\": \"a\"\n },\n {\n \"label\": \"OptionB\",\n \"value\": \"b\"\n },\n {\n \"label\": \"OptionC\",\n \"value\": \"c\"\n },\n {\n \"label\": \"OptionD\",\n \"value\": \"d\"\n }\n ]\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Service.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Service.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"service\" href=\"#service\" 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>Service</h2><p>功能型容器，自身不负责展示内容，主要职责在于通过配置的 api 拉取数据，数据可用于子组件。\n该组件初始化时就会自动拉取一次数据，后续如果需要刷新，请结合 Action 实现，可以把 Action 的 actionType 设置为 reload, target 为该组件的 name 值。\n同时该组件，还支持 api 数值自动监听，比如 <code>getData?type=$type</code> 只要当前环境 type 值发生变化，就会自动重新拉取。</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;service&quot;</code></td>\n<td>指定为 service 渲染器</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>数据源 API 地址</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>schemaApi</td>\n<td><a href=\"/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>用来获取远程 Schema 的 api</td>\n</tr>\n<tr>\n<td>initFetchSchema</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取 Schema</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</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\": \"service\",\n \"api\": \"https://houtai.baidu.com/api/mock2/page/initData\",\n \"body\": {\n \"type\": \"panel\",\n \"title\": \"$title\",\n \"body\": \"现在是：${date}\"\n }\n}\n</script></div>\n",
"html": "<h2><a class=\"anchor\" name=\"service\" href=\"#service\" 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>Service</h2><p>功能型容器，自身不负责展示内容，主要职责在于通过配置的 api 拉取数据，数据可用于子组件。\n该组件初始化时就会自动拉取一次数据，后续如果需要刷新，请结合 Action 实现，可以把 Action 的 actionType 设置为 reload, target 为该组件的 name 值。\n同时该组件，还支持 api 数值自动监听，比如 <code>getData?type=$type</code> 只要当前环境 type 值发生变化，就会自动重新拉取。</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;service&quot;</code></td>\n<td>指定为 service 渲染器</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>数据源 API 地址</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>schemaApi</td>\n<td><a href=\"#/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>用来获取远程 Schema 的 api</td>\n</tr>\n<tr>\n<td>initFetchSchema</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取 Schema</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"#/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</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\": \"service\",\n \"api\": \"https://houtai.baidu.com/api/mock2/page/initData\",\n \"body\": {\n \"type\": \"panel\",\n \"title\": \"$title\",\n \"body\": \"现在是：${date}\"\n }\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Static.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Static.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"static\" href=\"#static\" 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>Static</h3><p>纯用来展现数据的。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>static</code></li>\n<li><code>name</code> 变量名。</li>\n<li><code>value</code> 值，可以通过它设置默认值。</li>\n<li><code>label</code> 描述标题，当表单为水平布局时，左边即便是不设置 label 为了保持对齐也会留空，如果想要去掉空白，请设置成 <code>false</code>。</li>\n<li><code>description</code> 描述内容。</li>\n<li><code>placeholder</code> 占位内容，默认 <code>-</code>。</li>\n<li><code>inline</code> 是否为 inline 模式。</li>\n<li><code>className</code> 表单最外层类名。</li>\n<li><code>visible</code> 是否可见。</li>\n<li><code>visibleOn</code> 通过<a href=\"/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否显示。</li>\n<li><code>hidden</code> 是否隐藏，不要跟 <code>visible</code> <code>visibleOn</code> 同时配置</li>\n<li><code>hiddenOn</code> 通过<a href=\"/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否隐藏。</li>\n<li><code>inputClassName</code> 表单控制器类名。</li>\n<li><code>labelClassName</code> label 的类名。</li>\n<li><code>tpl</code> 如果想一次展示多条数据，可以考虑用 <code>tpl</code>，模板引擎是 lodash template，同时你还可以简单用 <code>$</code> 取值。 具体请查看 <a href=\"/docs/renderers/Tpl\">tpl</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"Label\",\n \"value\": \"A\"\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"static-xxx\" href=\"#static-xxx\" 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>Static-XXX</h3><ul>\n<li><code>type</code> 请设置成 <code>static-tpl</code>、<code>static-plain</code>、<code>static-json</code>、<code>static-date</code>、<code>static-datetime</code>、<code>static-time</code>、<code>static-mapping</code>、<code>static-image</code>、<code>static-progress</code>、<code>static-status</code>或者<code>static-switch</code></li>\n</ul>\n<p>纯用来展示数据的，用法跟 crud 里面的<a href=\"/docs/renderers/.Column\">Column</a>一样, 且支持 quickEdit 和 popOver 功能。</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n \"type\": \"static-json\",\n \"name\": \"json\",\n \"label\": \"Label\",\n \"value\": {\n \"a\":\"dd\",\n \"b\":\"asdasd\"\n }\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"static\" href=\"#static\" 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>Static</h3><p>纯用来展现数据的。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>static</code></li>\n<li><code>name</code> 变量名。</li>\n<li><code>value</code> 值，可以通过它设置默认值。</li>\n<li><code>label</code> 描述标题，当表单为水平布局时，左边即便是不设置 label 为了保持对齐也会留空，如果想要去掉空白，请设置成 <code>false</code>。</li>\n<li><code>description</code> 描述内容。</li>\n<li><code>placeholder</code> 占位内容，默认 <code>-</code>。</li>\n<li><code>inline</code> 是否为 inline 模式。</li>\n<li><code>className</code> 表单最外层类名。</li>\n<li><code>visible</code> 是否可见。</li>\n<li><code>visibleOn</code> 通过<a href=\"#/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否显示。</li>\n<li><code>hidden</code> 是否隐藏，不要跟 <code>visible</code> <code>visibleOn</code> 同时配置</li>\n<li><code>hiddenOn</code> 通过<a href=\"#/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否隐藏。</li>\n<li><code>inputClassName</code> 表单控制器类名。</li>\n<li><code>labelClassName</code> label 的类名。</li>\n<li><code>tpl</code> 如果想一次展示多条数据，可以考虑用 <code>tpl</code>，模板引擎是 lodash template，同时你还可以简单用 <code>$</code> 取值。 具体请查看 <a href=\"#/docs/renderers/Tpl\">tpl</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"Label\",\n \"value\": \"A\"\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"static-xxx\" href=\"#static-xxx\" 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>Static-XXX</h3><ul>\n<li><code>type</code> 请设置成 <code>static-tpl</code>、<code>static-plain</code>、<code>static-json</code>、<code>static-date</code>、<code>static-datetime</code>、<code>static-time</code>、<code>static-mapping</code>、<code>static-image</code>、<code>static-progress</code>、<code>static-status</code>或者<code>static-switch</code></li>\n</ul>\n<p>纯用来展示数据的，用法跟 crud 里面的<a href=\"#/docs/renderers/.Column\">Column</a>一样, 且支持 quickEdit 和 popOver 功能。</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n \"type\": \"static-json\",\n \"name\": \"json\",\n \"label\": \"Label\",\n \"value\": {\n \"a\":\"dd\",\n \"b\":\"asdasd\"\n }\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/SubForm.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/SubForm.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"subform\" href=\"#subform\" 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>SubForm</h3><p>formItem 还可以是子表单类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>form</code></li>\n<li><code>multiple</code> 默认为 <code>false</code> 配置是否为多选模式</li>\n<li><code>labelField</code> 当值中存在这个字段，则按钮名称将使用此字段的值来展示。</li>\n<li><code>btnLabel</code> 按钮默认名称</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><code>addButtonClassName</code> 新增按钮 CSS 类名 默认：<code>btn-success btn-sm</code>。</li>\n<li><code>editButtonClassName</code> 修改按钮 CSS 类名 默认：<code>btn-info btn-addon btn-sm</code>。</li>\n<li><code>form</code> 字表单的配置\n<code>title</code> 标题\n<code>controls</code> 请参考 <a href=\"/docs/renderers/Form\">Form</a> 中的配置说明。</li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form\">[\n{\n \"type\": \"form\",\n \"name\": \"form\",\n \"label\": \"子Form\",\n \"btnLabel\": \"设置子表单\",\n \"form\": {\n \"title\": \"配置子表单\",\n \"controls\": [\n {\n \"name\": \"a\",\n \"label\": \"A\",\n \"type\": \"text\"\n },\n\n {\n \"name\": \"b\",\n \"label\": \"B\",\n \"type\": \"text\"\n }\n ]\n }\n},\n{\n \"type\": \"static\",\n \"name\": \"form\",\n \"label\": \"当前值\"\n},\n{\n \"type\": \"form\",\n \"name\": \"form2\",\n \"label\": \"多选\",\n \"multiple\": true,\n \"maxLength\":3,\n \"btnLabel\": \"设置子表单\",\n \"form\": {\n \"title\": \"配置子表单\",\n \"controls\": [\n {\n \"name\": \"a\",\n \"label\": \"A\",\n \"type\": \"text\"\n },\n\n {\n \"name\": \"b\",\n \"label\": \"B\",\n \"type\": \"text\"\n }\n ]\n }\n},\n{\n \"type\": \"static\",\n \"name\": \"form2\",\n \"label\": \"当前值\"\n}\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"subform\" href=\"#subform\" 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>SubForm</h3><p>formItem 还可以是子表单类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>form</code></li>\n<li><code>multiple</code> 默认为 <code>false</code> 配置是否为多选模式</li>\n<li><code>labelField</code> 当值中存在这个字段，则按钮名称将使用此字段的值来展示。</li>\n<li><code>btnLabel</code> 按钮默认名称</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><code>addButtonClassName</code> 新增按钮 CSS 类名 默认：<code>btn-success btn-sm</code>。</li>\n<li><code>editButtonClassName</code> 修改按钮 CSS 类名 默认：<code>btn-info btn-addon btn-sm</code>。</li>\n<li><code>form</code> 字表单的配置\n<code>title</code> 标题\n<code>controls</code> 请参考 <a href=\"#/docs/renderers/Form\">Form</a> 中的配置说明。</li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form\">[\n{\n \"type\": \"form\",\n \"name\": \"form\",\n \"label\": \"子Form\",\n \"btnLabel\": \"设置子表单\",\n \"form\": {\n \"title\": \"配置子表单\",\n \"controls\": [\n {\n \"name\": \"a\",\n \"label\": \"A\",\n \"type\": \"text\"\n },\n\n {\n \"name\": \"b\",\n \"label\": \"B\",\n \"type\": \"text\"\n }\n ]\n }\n},\n{\n \"type\": \"static\",\n \"name\": \"form\",\n \"label\": \"当前值\"\n},\n{\n \"type\": \"form\",\n \"name\": \"form2\",\n \"label\": \"多选\",\n \"multiple\": true,\n \"maxLength\":3,\n \"btnLabel\": \"设置子表单\",\n \"form\": {\n \"title\": \"配置子表单\",\n \"controls\": [\n {\n \"name\": \"a\",\n \"label\": \"A\",\n \"type\": \"text\"\n },\n\n {\n \"name\": \"b\",\n \"label\": \"B\",\n \"type\": \"text\"\n }\n ]\n }\n},\n{\n \"type\": \"static\",\n \"name\": \"form2\",\n \"label\": \"当前值\"\n}\n]\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Switch.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Switch.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"switch\" href=\"#switch\" 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>Switch</h3><p>可选框，和 checkbox 完全等价。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>switch</code></li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 默认 <code>true</code></li>\n<li><code>falseValue</code> 默认 <code>false</code></li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n \"name\": \"switch\",\n \"type\": \"switch\",\n \"label\": \"Switch\",\n \"option\": \"开关说明\"\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"switch\" href=\"#switch\" 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>Switch</h3><p>可选框，和 checkbox 完全等价。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>switch</code></li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 默认 <code>true</code></li>\n<li><code>falseValue</code> 默认 <code>false</code></li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n \"name\": \"switch\",\n \"type\": \"switch\",\n \"label\": \"Switch\",\n \"option\": \"开关说明\"\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Table.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Table.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"table\" href=\"#table\" 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</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></td>\n<td><code>&quot;table&quot;</code> 指定为 table 渲染器</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>affixHeader</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否固定表头</td>\n</tr>\n<tr>\n<td>columnsTogglable</td>\n<td><code>auto</code> 或者 <code>boolean</code></td>\n<td><code>auto</code></td>\n<td>展示列显示开关, 自动即：列数量大于或等于 5 个时自动开启</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><code>panel-default</code></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>tableClassName</td>\n<td><code>string</code></td>\n<td><code>table-db table-striped</code></td>\n<td>表格 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>toolbarClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-toolbar</code></td>\n<td>工具栏 CSS 类名</td>\n</tr>\n<tr>\n<td>columns</td>\n<td>Array of <a href=\"/docs/renderers/.Column\">Column</a></td>\n<td></td>\n<td>用来设置列信息</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 900px\"><script type=\"text/schema\" height=\"900\" scope=\"body\">{\n \"type\": \"service\",\n \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n \"body\": [\n {\n \"type\": \"panel\",\n \"title\": \"简单表格示例1\",\n \"body\": {\n \"type\": \"table\",\n \"source\": \"$rows\",\n \"columns\": [\n {\n \"name\": \"engine\",\n \"label\": \"Engine\"\n },\n\n {\n \"name\": \"version\",\n \"label\": \"Version\"\n }\n ]\n }\n },\n\n {\n \"type\": \"panel\",\n \"title\": \"简单表格示例2\",\n \"body\": {\n \"type\": \"table\",\n \"source\": \"$rows\",\n \"columns\": [\n {\n \"name\": \"engine\",\n \"label\": \"Engine\"\n },\n\n {\n \"name\": \"version\",\n \"label\": \"Version\"\n }\n ]\n }\n }\n ]\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"table\" href=\"#table\" 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</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></td>\n<td><code>&quot;table&quot;</code> 指定为 table 渲染器</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>affixHeader</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否固定表头</td>\n</tr>\n<tr>\n<td>columnsTogglable</td>\n<td><code>auto</code> 或者 <code>boolean</code></td>\n<td><code>auto</code></td>\n<td>展示列显示开关, 自动即：列数量大于或等于 5 个时自动开启</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><code>panel-default</code></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>tableClassName</td>\n<td><code>string</code></td>\n<td><code>table-db table-striped</code></td>\n<td>表格 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>toolbarClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-toolbar</code></td>\n<td>工具栏 CSS 类名</td>\n</tr>\n<tr>\n<td>columns</td>\n<td>Array of <a href=\"#/docs/renderers/.Column\">Column</a></td>\n<td></td>\n<td>用来设置列信息</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 900px\"><script type=\"text/schema\" height=\"900\" scope=\"body\">{\n \"type\": \"service\",\n \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n \"body\": [\n {\n \"type\": \"panel\",\n \"title\": \"简单表格示例1\",\n \"body\": {\n \"type\": \"table\",\n \"source\": \"$rows\",\n \"columns\": [\n {\n \"name\": \"engine\",\n \"label\": \"Engine\"\n },\n\n {\n \"name\": \"version\",\n \"label\": \"Version\"\n }\n ]\n }\n },\n\n {\n \"type\": \"panel\",\n \"title\": \"简单表格示例2\",\n \"body\": {\n \"type\": \"table\",\n \"source\": \"$rows\",\n \"columns\": [\n {\n \"name\": \"engine\",\n \"label\": \"Engine\"\n },\n\n {\n \"name\": \"version\",\n \"label\": \"Version\"\n }\n ]\n }\n }\n ]\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Tasks.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/Text.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Text.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"text\" href=\"#text\" 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>Text</h3><p>普通的文本输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>text</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/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\": \"text\",\n \"name\": \"text\",\n \"label\": \"文本\"\n}\n</script></div>\n<p>带提示功能</p>\n<div class=\"amis-preview\" style=\"height: 440px\"><script type=\"text/schema\" height=\"440\" scope=\"form-item\">{\n \"type\": \"text\",\n \"name\": \"text\",\n \"label\": \"文本\",\n \"clearable\": true,\n \"addOn\": {\n \"type\": \"submit\",\n \"icon\": \"fa fa-search\",\n \"level\": \"primary\"\n },\n \"options\": [\n \"wangzhaojun\",\n \"libai\",\n \"luna\",\n \"zhongkui\"\n ]\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"text\" href=\"#text\" 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>Text</h3><p>普通的文本输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>text</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/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\": \"text\",\n \"name\": \"text\",\n \"label\": \"文本\"\n}\n</script></div>\n<p>带提示功能</p>\n<div class=\"amis-preview\" style=\"height: 440px\"><script type=\"text/schema\" height=\"440\" scope=\"form-item\">{\n \"type\": \"text\",\n \"name\": \"text\",\n \"label\": \"文本\",\n \"clearable\": true,\n \"addOn\": {\n \"type\": \"submit\",\n \"icon\": \"fa fa-search\",\n \"level\": \"primary\"\n },\n \"options\": [\n \"wangzhaojun\",\n \"libai\",\n \"luna\",\n \"zhongkui\"\n ]\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Textarea.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Textarea.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"textarea\" href=\"#textarea\" 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>Textarea</h3><p>多行文本输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>textarea</code></li>\n<li>更多配置请参考 <a href=\"/docs/renderers/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\": \"textarea\",\n \"name\": \"text\",\n \"label\": \"多行文本\"\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"textarea\" href=\"#textarea\" 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>Textarea</h3><p>多行文本输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>textarea</code></li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/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\": \"textarea\",\n \"name\": \"text\",\n \"label\": \"多行文本\"\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Time.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Time.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"time\" href=\"#time\" 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>Time</h3><p>时间类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>time</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 moment.</li>\n<li><code>inputFormat</code> 默认 <code>HH:mm</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>timeConstraints</code> 请参考： <a href=\"https://github.com/YouCanBookMe/react-datetime\">https://github.com/YouCanBookMe/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>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/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\": \"time\",\n \"name\": \"select\",\n \"label\": \"日期\"\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"time\" href=\"#time\" 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>Time</h3><p>时间类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>time</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 moment.</li>\n<li><code>inputFormat</code> 默认 <code>HH:mm</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>timeConstraints</code> 请参考： <a href=\"https://github.com/YouCanBookMe/react-datetime\">https://github.com/YouCanBookMe/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>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/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\": \"time\",\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",

2
gh-pages/docs/renderers/Tpl.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/Tree.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Tree.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"tree\" href=\"#tree\" 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>Tree</h3><p>树形结构输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tree</code></li>\n<li><code>options</code> 类似于 <a href=\"/docs/renderers/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>hideRoot</code> 默认是会显示一个顶级，如果不想显示，请设置 <code>false</code></li>\n<li><code>rootLabel</code> 默认为 <code>顶级</code>，当 hideRoot 不为 <code>false</code> 时有用，用来设置顶级节点的文字。</li>\n<li><code>showIcon</code> 是否显示投标，默认为 <code>true</code>。</li>\n<li><code>showRadio</code> 是否显示单选按钮，multiple 为 <code>false</code> 是有效。</li>\n<li><code>cascade</code> 设置成 <code>true</code> 时当选中父节点时不自动选择子节点。</li>\n<li><code>withChildren</code> 是指成 <code>true</code>，选中父节点时，值里面将包含子节点的值，否则只会保留父节点的值。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"type\": \"tree\",\n \"name\": \"tree\",\n \"label\": \"Tree\",\n \"options\": [\n {\n \"label\": \"Folder A\",\n \"value\": 1,\n \"children\": [\n {\n \"label\": \"file A\",\n \"value\": 2\n },\n {\n \"label\": \"file B\",\n \"value\": 3\n }\n ]\n },\n {\n \"label\": \"file C\",\n \"value\": 4\n },\n {\n \"label\": \"file D\",\n \"value\": 5\n }\n ]\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"tree\" href=\"#tree\" 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>Tree</h3><p>树形结构输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tree</code></li>\n<li><code>options</code> 类似于 <a href=\"#/docs/renderers/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>hideRoot</code> 默认是会显示一个顶级，如果不想显示，请设置 <code>false</code></li>\n<li><code>rootLabel</code> 默认为 <code>顶级</code>，当 hideRoot 不为 <code>false</code> 时有用，用来设置顶级节点的文字。</li>\n<li><code>showIcon</code> 是否显示投标，默认为 <code>true</code>。</li>\n<li><code>showRadio</code> 是否显示单选按钮，multiple 为 <code>false</code> 是有效。</li>\n<li><code>cascade</code> 设置成 <code>true</code> 时当选中父节点时不自动选择子节点。</li>\n<li><code>withChildren</code> 是指成 <code>true</code>，选中父节点时，值里面将包含子节点的值，否则只会保留父节点的值。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"type\": \"tree\",\n \"name\": \"tree\",\n \"label\": \"Tree\",\n \"options\": [\n {\n \"label\": \"Folder A\",\n \"value\": 1,\n \"children\": [\n {\n \"label\": \"file A\",\n \"value\": 2\n },\n {\n \"label\": \"file B\",\n \"value\": 3\n }\n ]\n },\n {\n \"label\": \"file C\",\n \"value\": 4\n },\n {\n \"label\": \"file D\",\n \"value\": 5\n }\n ]\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/TreeSelect.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/TreeSelect.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"treeselect\" href=\"#treeselect\" 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>TreeSelect</h3><p>树形结构选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tree-select</code></li>\n<li><code>options</code> 类似于 <a href=\"/docs/renderers/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>hideRoot</code> 默认是会显示一个顶级，如果不想显示，请设置 <code>false</code></li>\n<li><code>rootLabel</code> 默认为 <code>顶级</code>，当 hideRoot 不为 <code>false</code> 时有用，用来设置顶级节点的文字。</li>\n<li><code>showIcon</code> 是否显示投标，默认为 <code>true</code>。</li>\n<li><code>showRadio</code> 是否显示单选按钮，multiple 为 <code>false</code> 是有效。</li>\n<li><code>cascade</code> 设置成 <code>true</code> 时当选中父节点时不自动选择子节点。</li>\n<li><code>withChildren</code> 是指成 <code>true</code>，选中父节点时，值里面将包含子节点的值，否则只会保留父节点的值。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li>更多配置请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"type\": \"tree-select\",\n \"name\": \"tree\",\n \"label\": \"Tree\",\n \"options\": [\n {\n \"label\": \"Folder A\",\n \"value\": 1,\n \"children\": [\n {\n \"label\": \"file A\",\n \"value\": 2\n },\n {\n \"label\": \"file B\",\n \"value\": 3\n }\n ]\n },\n {\n \"label\": \"file C\",\n \"value\": 4\n },\n {\n \"label\": \"file D\",\n \"value\": 5\n }\n ]\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"treeselect\" href=\"#treeselect\" 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>TreeSelect</h3><p>树形结构选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tree-select</code></li>\n<li><code>options</code> 类似于 <a href=\"#/docs/renderers/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>hideRoot</code> 默认是会显示一个顶级，如果不想显示，请设置 <code>false</code></li>\n<li><code>rootLabel</code> 默认为 <code>顶级</code>，当 hideRoot 不为 <code>false</code> 时有用，用来设置顶级节点的文字。</li>\n<li><code>showIcon</code> 是否显示投标，默认为 <code>true</code>。</li>\n<li><code>showRadio</code> 是否显示单选按钮，multiple 为 <code>false</code> 是有效。</li>\n<li><code>cascade</code> 设置成 <code>true</code> 时当选中父节点时不自动选择子节点。</li>\n<li><code>withChildren</code> 是指成 <code>true</code>，选中父节点时，值里面将包含子节点的值，否则只会保留父节点的值。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</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> 默认为 <code>,</code></li>\n<li>更多配置请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n \"type\": \"tree-select\",\n \"name\": \"tree\",\n \"label\": \"Tree\",\n \"options\": [\n {\n \"label\": \"Folder A\",\n \"value\": 1,\n \"children\": [\n {\n \"label\": \"file A\",\n \"value\": 2\n },\n {\n \"label\": \"file B\",\n \"value\": 3\n }\n ]\n },\n {\n \"label\": \"file C\",\n \"value\": 4\n },\n {\n \"label\": \"file D\",\n \"value\": 5\n }\n ]\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Types.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/renderers/Url.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Url.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"url\" href=\"#url\" 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>Url</h3><p>URL 输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>url</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/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\": \"url\",\n \"name\": \"text\",\n \"validateOnChange\": true,\n \"label\": \"Url\"\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"url\" href=\"#url\" 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>Url</h3><p>URL 输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>url</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/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\": \"url\",\n \"name\": \"text\",\n \"validateOnChange\": true,\n \"label\": \"Url\"\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Wizard.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Wizard.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"wizard\" href=\"#wizard\" 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>Wizard</h3><p>表单向导，能够配置多个步骤引导用户一步一步完成表单提交。</p>\n<ul>\n<li><code>type</code> 请设置 <code>wizard</code>。</li>\n<li><code>mode</code> 展示模式，请选择：<code>horizontal</code> 或者 <code>vertical</code>，默认为 <code>horizontal</code>。</li>\n<li><code>api</code> 最后一步保存的接口。</li>\n<li><code>initApi</code> 初始化数据接口。</li>\n<li><code>initFetch</code> 初始是否拉取数据。</li>\n<li><code>initFetchOn</code> 初始是否拉取数据，通过表达式来配置。</li>\n<li><code>actionPrevLabel</code> 上一步按钮名称，默认：<code>上一步</code>。</li>\n<li><code>actionNextLabel</code> 下一步按钮名称<code>下一步</code>。</li>\n<li><code>actionNextSaveLabel</code> 保存并下一步按钮名称，默认：<code>保存并下一步</code>。</li>\n<li><code>actionFinishLabel</code> 完成按钮名称，默认：<code>完成</code>。</li>\n<li><code>className</code> 外层 CSS 类名。</li>\n<li><code>actionClassName</code> 按钮 CSS 类名，默认：<code>btn-sm btn-default</code>。</li>\n<li><code>reload</code> 操作完后刷新目标对象。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则让当前页面整体刷新。</li>\n<li><code>redirect</code> 操作完后跳转。</li>\n<li><code>target</code> 可以把数据提交给别的组件而不是自己保存。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则把数据同步到地址栏上，同时依赖这些数据的组件会自动重新刷新。</li>\n<li><code>steps</code> 数组，配置步骤信息。</li>\n<li><code>steps[x].title</code> 步骤标题。</li>\n<li><code>steps[x].mode</code> 展示默认，跟 <a href=\"/docs/renderers/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>steps[x].horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>steps[x].horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>steps[x].horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>steps[x].horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>steps[x].api</code> 当前步骤保存接口，可以不配置。</li>\n<li><code>steps[x].initApi</code> 当前步骤数据初始化接口。</li>\n<li><code>steps[x].initFetch</code> 当前步骤数据初始化接口是否初始拉取。</li>\n<li><code>steps[x].initFetchOn</code> 当前步骤数据初始化接口是否初始拉取，用表达式来决定。</li>\n<li><code>steps[x].controls</code> 当前步骤的表单项集合，请参考 <a href=\"/docs/renderers/FormItem\">FormItem</a>。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n \"type\": \"wizard\",\n \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=2\",\n \"mode\": \"vertical\",\n \"steps\": [\n {\n \"title\": \"第一步\",\n \"controls\": [\n {\n \"name\": \"website\",\n \"label\": \"网址\",\n \"type\": \"url\",\n \"required\": true\n },\n {\n \"name\": \"email\",\n \"label\": \"邮箱\",\n \"type\": \"email\",\n \"required\": true\n }\n ]\n },\n {\n \"title\": \"Step 2\",\n \"controls\": [\n {\n \"name\": \"email2\",\n \"label\": \"邮箱\",\n \"type\": \"email\",\n \"required\": true\n }\n ]\n },\n {\n \"title\": \"Step 3\",\n \"controls\": [\n \"这是最后一步了\"\n ]\n }\n ]\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"wizard\" href=\"#wizard\" 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>Wizard</h3><p>表单向导，能够配置多个步骤引导用户一步一步完成表单提交。</p>\n<ul>\n<li><code>type</code> 请设置 <code>wizard</code>。</li>\n<li><code>mode</code> 展示模式，请选择：<code>horizontal</code> 或者 <code>vertical</code>，默认为 <code>horizontal</code>。</li>\n<li><code>api</code> 最后一步保存的接口。</li>\n<li><code>initApi</code> 初始化数据接口。</li>\n<li><code>initFetch</code> 初始是否拉取数据。</li>\n<li><code>initFetchOn</code> 初始是否拉取数据，通过表达式来配置。</li>\n<li><code>actionPrevLabel</code> 上一步按钮名称，默认：<code>上一步</code>。</li>\n<li><code>actionNextLabel</code> 下一步按钮名称<code>下一步</code>。</li>\n<li><code>actionNextSaveLabel</code> 保存并下一步按钮名称，默认：<code>保存并下一步</code>。</li>\n<li><code>actionFinishLabel</code> 完成按钮名称，默认：<code>完成</code>。</li>\n<li><code>className</code> 外层 CSS 类名。</li>\n<li><code>actionClassName</code> 按钮 CSS 类名，默认：<code>btn-sm btn-default</code>。</li>\n<li><code>reload</code> 操作完后刷新目标对象。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则让当前页面整体刷新。</li>\n<li><code>redirect</code> 操作完后跳转。</li>\n<li><code>target</code> 可以把数据提交给别的组件而不是自己保存。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则把数据同步到地址栏上，同时依赖这些数据的组件会自动重新刷新。</li>\n<li><code>steps</code> 数组，配置步骤信息。</li>\n<li><code>steps[x].title</code> 步骤标题。</li>\n<li><code>steps[x].mode</code> 展示默认，跟 <a href=\"#/docs/renderers/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>steps[x].horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>steps[x].horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>steps[x].horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>steps[x].horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>steps[x].api</code> 当前步骤保存接口，可以不配置。</li>\n<li><code>steps[x].initApi</code> 当前步骤数据初始化接口。</li>\n<li><code>steps[x].initFetch</code> 当前步骤数据初始化接口是否初始拉取。</li>\n<li><code>steps[x].initFetchOn</code> 当前步骤数据初始化接口是否初始拉取，用表达式来决定。</li>\n<li><code>steps[x].controls</code> 当前步骤的表单项集合，请参考 <a href=\"#/docs/renderers/FormItem\">FormItem</a>。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n \"type\": \"wizard\",\n \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=2\",\n \"mode\": \"vertical\",\n \"steps\": [\n {\n \"title\": \"第一步\",\n \"controls\": [\n {\n \"name\": \"website\",\n \"label\": \"网址\",\n \"type\": \"url\",\n \"required\": true\n },\n {\n \"name\": \"email\",\n \"label\": \"邮箱\",\n \"type\": \"email\",\n \"required\": true\n }\n ]\n },\n {\n \"title\": \"Step 2\",\n \"controls\": [\n {\n \"name\": \"email2\",\n \"label\": \"邮箱\",\n \"type\": \"email\",\n \"required\": true\n }\n ]\n },\n {\n \"title\": \"Step 3\",\n \"controls\": [\n \"这是最后一步了\"\n ]\n }\n ]\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/renderers/Wrapper.js
View File

@ -1,7 +1,7 @@
define('docs/renderers/Wrapper.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"wrapper\" href=\"#wrapper\" 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>Wrapper</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;wrapper&quot;</code></td>\n<td>指定为 Wrapper 渲染器</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>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>支持: <code>xs</code>、<code>sm</code>、<code>md</code>和<code>lg</code></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</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n \"type\": \"wrapper\",\n \"body\": \"Wrapped Body\",\n \"className\": \"bg-white wrapper\"\n}\n</script></div>\n",
"html": "<h3><a class=\"anchor\" name=\"wrapper\" href=\"#wrapper\" 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>Wrapper</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;wrapper&quot;</code></td>\n<td>指定为 Wrapper 渲染器</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>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>支持: <code>xs</code>、<code>sm</code>、<code>md</code>和<code>lg</code></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</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n \"type\": \"wrapper\",\n \"body\": \"Wrapped Body\",\n \"className\": \"bg-white wrapper\"\n}\n</script></div>\n",
"toc": {
"label": "目录",
"type": "toc",

2
gh-pages/docs/sdk.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/docs/style.js
View File

File diff suppressed because one or more lines are too long

2
gh-pages/index.html
View File

@ -22,7 +22,7 @@
<div id="root" class="app-wrapper"></div>
<script src="/amis/pkg/npm_f077be0.js"></script>
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_f230f5a.js"></script>
<script type="text/javascript" src="/amis/pkg/app_0771cf1.js"></script>
<script type="text/javascript" src="/amis/pkg/app_88a4255.js"></script>
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
<script type="text/javascript">

463
gh-pages/pkg/app_88a4255.js Normal file
View File

File diff suppressed because one or more lines are too long