forked from p96170835/amis
gh-pages 更新
This commit is contained in:
liaoxuezhi
parent
ea03749a5c
commit
f549c9f50d
|
|
@ -316,7 +316,7 @@ if (fis.project.currentMedia() === 'publish') {
|
|||
useHash: true
|
||||
});
|
||||
|
||||
ghPages.match('*.{js,ts,tsx}', {
|
||||
ghPages.match('*.{js,ts,tsx,jsx}', {
|
||||
optimizer: fis.plugin('uglify-js'),
|
||||
useHash: true
|
||||
});
|
||||
|
|
@ -347,7 +347,7 @@ if (fis.project.currentMedia() === 'publish') {
|
|||
ghPages.match('{*.min.js,monaco-editor/**.js}', {
|
||||
optimizer: null
|
||||
});
|
||||
ghPages.match('monaco-editor/**.js', {
|
||||
ghPages.match('monaco-editor/**', {
|
||||
useHash: false
|
||||
});
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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=\"#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>"可通过拖动每行中的【交换】按钮进行顺序调整"</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>"新增"</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li>更多配置请参考 <a href=\"#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>"可通过拖动每行中的【交换】按钮进行顺序调整"</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>"新增"</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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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:/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\": \"Action.md\",\n\"api\": \"https://houtai.baidu.com/api/mock2/Action.md/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:/api/mock2/notFound\"\n }\n ]\n}\n}\n</script></div>\n",
|
||||
"toc": {
|
||||
"label": "目录",
|
||||
"type": "toc",
|
||||
|
|
|
|||
|
|
@ -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=\"#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:/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\": \"Action.md\",\n\"api\": \"https://houtai.baidu.com/api/mock2/Action.md/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:/api/mock2/notFound\"\n }\n ]\n}\n}\n</script></div>\n",
|
||||
"toc": {
|
||||
"label": "目录",
|
||||
"type": "toc",
|
||||
|
|
|
|||
|
|
@ -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=\"#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\": \"/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\": \"Action.md\",\n \"api\": \"/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",
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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>"card"</code></td>\n<td>指定为 Card 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>"panel-default"</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>"pull-left thumb avatar b-3x m-r"</code></td>\n<td>图片类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><code>Array</code> 或者 <a href=\"#field\">Field</a></td>\n<td></td>\n<td>内容容器，主要用来放置 <a href=\"#field\">Field</a></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>"padder m-t-sm m-b-sm"</code></td>\n<td>内容区域类名</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"#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>"card"</code></td>\n<td>指定为 Card 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>"panel-default"</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>"pull-left thumb avatar b-3x m-r"</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>"padder m-t-sm m-b-sm"</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",
|
||||
|
|
|
|||
|
|
@ -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>"cards"</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=\"#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\": \"/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>"cards"</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\": \"/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",
|
||||
|
|
|
|||
|
|
@ -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> 动态拉取。<a href=\"/docs/api#select\">详情</a> 另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。\n更多配置请参考 <a href=\"#formitem\">FormItem</a>。</li>\n<li>更多配置请参考 <a href=\"#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",
|
||||
|
|
|
|||
|
|
@ -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>"chart"</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=\"#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"#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>"chart"</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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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> 动态拉取。<a href=\"/docs/api#select\">详情</a></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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#field\">Field 说明</a>和<a href=\"#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",
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
define('docs/renderers/Combo.md', function(require, exports, module) {
|
||||
|
||||
module.exports = {
|
||||
"html": "<h3><a class=\"anchor\" name=\"combo\" href=\"#combo\" 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>Combo</h3><p>组合模式，支持自由组合多个表单项。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>combo</code></li>\n<li><code>multiple</code> 默认为 <code>false</code> 配置是否为多选模式</li>\n<li><code>controls</code> 配置组合成员，所有成员都是横向展示，可以是任意 <a href=\"#formitem\">FormItem</a></li>\n<li><code>controls[x].columnClassName</code> 列的类名，可以用它配置列宽度。默认平均分配。</li>\n<li><code>controls[x].unique</code> 设置当前列值是否唯一，即不允许重复选择。</li>\n<li><code>maxLength</code> 当 multiple 为 true 的时候启用，设置可以最大项数。</li>\n<li><code>flat</code> 默认为 <code>false</code>, 是否将结果扁平化(去掉 name),只有当 controls 的 length 为 1 且 multiple 为 true 的时候才有效。</li>\n<li><code>joinValues</code> 默认为 <code>true</code> 当扁平化开启的时候，是否用分隔符的形式发送给后端，否则采用 array 的方式。</li>\n<li><code>delimiter</code> 当扁平化开启并且 joinValues 为 true 时，用什么分隔符。</li>\n<li><code>multiLine</code> 默认是横着展示一排，设置以后竖着展示</li>\n<li><code>addable</code> 是否可新增。</li>\n<li><code>removable</code> 是否可删除</li>\n<li><code>deleteApi</code> 如果配置了，则删除前会发送一个 api，请求成功才完成删除！</li>\n<li><code>deleteConfirmText</code> 默认为 <code>确认要删除？</code>，当配置 <code>deleteApi</code> 才生效！删除时用来做用户确认！</li>\n<li><code>draggable</code> 默认为 <code>false</code>, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候，会多一个\\$id 字段</li>\n<li><code>draggableTip</code> 可拖拽的提示文字，默认为：<code>"可通过拖动每行中的【交换】按钮进行顺序调整"</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>"新增"</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><code>scaffold</code> 单条初始值。默认为 <code>{}</code>。</li>\n<li>更多配置请参考 <a href=\"#formitem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n{\n \"type\": \"combo\",\n \"name\": \"combo\",\n \"label\": \"单选组合项\",\n \"controls\": [\n {\n \"name\": \"a\",\n \"type\": \"text\"\n },\n {\n \"name\": \"b\",\n \"type\": \"select\",\n \"options\": [\"a\", \"b\", \"c\"]\n }\n ]\n},\n{\n \"type\": \"static\",\n \"name\": \"combo\",\n \"label\": \"当前值\"\n},\n\n{\n \"type\": \"combo\",\n \"name\": \"combo2\",\n \"label\": \"多选组合项\",\n \"multiple\": true,\n \"draggable\": true,\n \"controls\": [\n {\n \"label\": \"字段1\",\n \"name\": \"a\",\n \"type\": \"text\"\n },\n {\n \"label\": \"字段2\",\n \"name\": \"b\",\n \"type\": \"select\",\n \"options\": [\"a\", \"b\", \"c\"],\n \"unique\": true\n }\n ]\n},\n{\n \"type\": \"static\",\n \"name\": \"combo2\",\n \"label\": \"当前值\"\n}\n]\n</script></div>\n<p>combo 多行模式。</p>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n{\n \"type\": \"combo\",\n \"name\": \"combo\",\n \"label\": \"多选组合form\",\n \"multiple\": true,\n \"multiLine\": true,\n \"controls\": [\n {\n \"label\": \"字段1\",\n \"name\": \"a\",\n \"type\": \"text\"\n },\n {\n \"label\": \"字段2\",\n \"name\": \"b\",\n \"type\": \"select\",\n \"options\": [\"a\", \"b\", \"c\"]\n }\n ]\n\n},\n{\n \"type\": \"static\",\n \"name\": \"combo\",\n \"label\": \"当前值\"\n},\n\n{\n \"type\": \"combo\",\n \"name\": \"xxx\",\n \"label\": \"单选组合form\",\n \"multiLine\": true,\n \"controls\": [\n {\n \"name\": \"a\",\n \"type\": \"text\"\n },\n {\n \"name\": \"b\",\n \"type\": \"select\",\n \"options\": [\"a\", \"b\", \"c\"]\n }\n ]\n},\n{\n \"type\": \"static\",\n \"name\": \"xxx\",\n \"label\": \"当前值\"\n}\n\n]\n</script></div>\n",
|
||||
"html": "<h3><a class=\"anchor\" name=\"combo\" href=\"#combo\" 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>Combo</h3><p>组合模式，支持自由组合多个表单项。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>combo</code></li>\n<li><code>multiple</code> 默认为 <code>false</code> 配置是否为多选模式</li>\n<li><code>controls</code> 配置组合成员，所有成员都是横向展示，可以是任意 <a href=\"/docs/renderers/FormItem\">FormItem</a></li>\n<li><code>controls[x].columnClassName</code> 列的类名，可以用它配置列宽度。默认平均分配。</li>\n<li><code>controls[x].unique</code> 设置当前列值是否唯一，即不允许重复选择。</li>\n<li><code>maxLength</code> 当 multiple 为 true 的时候启用，设置可以最大项数。</li>\n<li><code>flat</code> 默认为 <code>false</code>, 是否将结果扁平化(去掉 name),只有当 controls 的 length 为 1 且 multiple 为 true 的时候才有效。</li>\n<li><code>joinValues</code> 默认为 <code>true</code> 当扁平化开启的时候，是否用分隔符的形式发送给后端，否则采用 array 的方式。</li>\n<li><code>delimiter</code> 当扁平化开启并且 joinValues 为 true 时，用什么分隔符。</li>\n<li><code>multiLine</code> 默认是横着展示一排，设置以后竖着展示</li>\n<li><code>addable</code> 是否可新增。</li>\n<li><code>removable</code> 是否可删除</li>\n<li><code>deleteApi</code> 如果配置了，则删除前会发送一个 api，请求成功才完成删除！</li>\n<li><code>deleteConfirmText</code> 默认为 <code>确认要删除？</code>，当配置 <code>deleteApi</code> 才生效！删除时用来做用户确认！</li>\n<li><code>draggable</code> 默认为 <code>false</code>, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候，会多一个\\$id 字段</li>\n<li><code>draggableTip</code> 可拖拽的提示文字，默认为：<code>"可通过拖动每行中的【交换】按钮进行顺序调整"</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>"新增"</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><code>scaffold</code> 单条初始值。默认为 <code>{}</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 \"type\": \"combo\",\n \"name\": \"combo\",\n \"label\": \"单选组合项\",\n \"controls\": [\n {\n \"name\": \"a\",\n \"type\": \"text\"\n },\n {\n \"name\": \"b\",\n \"type\": \"select\",\n \"options\": [\"a\", \"b\", \"c\"]\n }\n ]\n},\n{\n \"type\": \"static\",\n \"name\": \"combo\",\n \"label\": \"当前值\"\n},\n\n{\n \"type\": \"combo\",\n \"name\": \"combo2\",\n \"label\": \"多选组合项\",\n \"multiple\": true,\n \"draggable\": true,\n \"controls\": [\n {\n \"label\": \"字段1\",\n \"name\": \"a\",\n \"type\": \"text\"\n },\n {\n \"label\": \"字段2\",\n \"name\": \"b\",\n \"type\": \"select\",\n \"options\": [\"a\", \"b\", \"c\"],\n \"unique\": true\n }\n ]\n},\n{\n \"type\": \"static\",\n \"name\": \"combo2\",\n \"label\": \"当前值\"\n}\n]\n</script></div>\n<p>combo 多行模式。</p>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n{\n \"type\": \"combo\",\n \"name\": \"combo\",\n \"label\": \"多选组合form\",\n \"multiple\": true,\n \"multiLine\": true,\n \"controls\": [\n {\n \"label\": \"字段1\",\n \"name\": \"a\",\n \"type\": \"text\"\n },\n {\n \"label\": \"字段2\",\n \"name\": \"b\",\n \"type\": \"select\",\n \"options\": [\"a\", \"b\", \"c\"]\n }\n ]\n\n},\n{\n \"type\": \"static\",\n \"name\": \"combo\",\n \"label\": \"当前值\"\n},\n\n{\n \"type\": \"combo\",\n \"name\": \"xxx\",\n \"label\": \"单选组合form\",\n \"multiLine\": true,\n \"controls\": [\n {\n \"name\": \"a\",\n \"type\": \"text\"\n },\n {\n \"name\": \"b\",\n \"type\": \"select\",\n \"options\": [\"a\", \"b\", \"c\"]\n }\n ]\n},\n{\n \"type\": \"static\",\n \"name\": \"xxx\",\n \"label\": \"当前值\"\n}\n\n]\n</script></div>\n",
|
||||
"toc": {
|
||||
"label": "目录",
|
||||
"type": "toc",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#action\">Action</a> 触发。他是一个类似于 <a href=\"#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>"dialog"</code> 指定为 Dialog 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"#container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"#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=\"#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>"dialog"</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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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>"drawer"</code> 指定为 Drawer 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"#container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"#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=\"#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>"drawer"</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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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=\"#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",
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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> 默认为 'auto' 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=\"#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> 默认为 'auto' 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",
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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> 动态拉取。<a href=\"/docs/api#select\">详情</a></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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#group\">Group</a> 也能实现，所以还是推荐用 <a href=\"#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",
|
||||
|
|
|
|||
|
|
@ -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> 动态拉取。<a href=\"/docs/api#select\">详情</a></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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#formitem\">FormItem</a> 合并到一个 panel 里面单独展示。</p>\n<ul>\n<li><code>title</code> panel 标题</li>\n<li><code>body</code> <a href=\"#container\">Container</a> 可以是其他渲染模型。</li>\n<li><code>bodyClassName</code> body 的 className.</li>\n<li><code>footer</code> <a href=\"#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",
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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>"grid"</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=\"#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>"grid"</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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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>"hbox"</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=\"#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>"wrapper-xs"</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>"hbox"</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>"wrapper-xs"</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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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>"list"</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=\"#field\">Field</a></td>\n<td></td>\n<td>内容容器，主要用来放置 <a href=\"#field\">Field</a></td>\n</tr>\n<tr>\n<td>listItem.actions</td>\n<td>Array Of <a href=\"#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\": \"/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>"list"</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\": \"/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",
|
||||
|
|
|
|||
|
|
@ -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> 动态拉取。<a href=\"/docs/api#matrix\">详情</a></li>\n<li>更多配置请参考 <a href=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。<a href=\"/docs/api#tree\">详情</a></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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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>"page"</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/类型说明#Container\">Container</a></td>\n<td></td>\n<td>往页面的边栏区域加内容</td>\n</tr>\n<tr>\n<td>toolbar</td>\n<td><a href=\"/docs/renderers/类型说明#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/类型说明#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/类型说明#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>""</code></td>\n<td>通过<a href=\"/docs/renderers/类型说明#表达式\">表达式</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>"page"</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>""</code></td>\n<td>通过<a href=\"/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</td>\n</tr>\n</tbody>\n</table>\n",
|
||||
"toc": {
|
||||
"label": "目录",
|
||||
"type": "toc",
|
||||
|
|
|
|||
|
|
@ -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>"panel"</code></td>\n<td>指定为 Panel 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>"panel-default"</code></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>"panel-heading"</code></td>\n<td>header 区域的类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>"panel-footer bg-light lter wrapper"</code></td>\n<td>footer 区域的类名</td>\n</tr>\n<tr>\n<td>actionsClassName</td>\n<td><code>string</code></td>\n<td><code>"panel-footer"</code></td>\n<td>actions 区域的类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>"panel-body"</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=\"#container\">Container</a></td>\n<td></td>\n<td>顶部容器</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>footer</td>\n<td><a href=\"#container\">Container</a></td>\n<td></td>\n<td>底部容器</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"#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>"panel"</code></td>\n<td>指定为 Panel 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>"panel-default"</code></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>"panel-heading"</code></td>\n<td>header 区域的类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>"panel-footer bg-light lter wrapper"</code></td>\n<td>footer 区域的类名</td>\n</tr>\n<tr>\n<td>actionsClassName</td>\n<td><code>string</code></td>\n<td><code>"panel-footer"</code></td>\n<td>actions 区域的类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>"panel-body"</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>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",
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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> 动态拉取。<a href=\"/docs/api#select\">详情</a></li>\n<li><code>columnsCount</code> 默认为 <code>1</code> 可以配置成一行显示多个。</li>\n<li>更多配置请参考 <a href=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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> 动态拉取。<a href=\"/docs/api#select\">详情</a> 另外也可以用 <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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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>"service"</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=\"#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"#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=\"#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>""</code></td>\n<td>通过<a href=\"#%E8%A1%A8%E8%BE%BE%E5%BC%8F\">表达式</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>"service"</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>""</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",
|
||||
|
|
|
|||
|
|
@ -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=\"#%E8%A1%A8%E8%BE%BE%E5%BC%8F\">表达式</a>来配置当前表单项是否显示。</li>\n<li><code>hidden</code> 是否隐藏，不要跟 <code>visible</code> <code>visibleOn</code> 同时配置</li>\n<li><code>hiddenOn</code> 通过<a href=\"#%E8%A1%A8%E8%BE%BE%E5%BC%8F\">表达式</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=\"#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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#-form\">Form</a> 中的配置说明。</li>\n<li>更多配置请参考 <a href=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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>"table"</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>crud-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>crud-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>crud-table-toolbar</code></td>\n<td>工具栏 CSS 类名</td>\n</tr>\n<tr>\n<td>columns</td>\n<td>Array of <a href=\"#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\": \"/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>"table"</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\": \"/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",
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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=\"#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",
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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=\"#select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。<a href=\"/docs/api#tree\">详情</a></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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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=\"#select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。<a href=\"/docs/api#tree\">详情</a></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=\"#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",
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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=\"#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=\"#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",
|
||||
|
|
|
|||
|
|
@ -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>"wrapper"</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=\"#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>"wrapper"</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",
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_4a50097.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_5383172.css" />
|
||||
<link rel="stylesheet" href="/amis/doc_9cbe7e1.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
|
|
@ -22,9 +22,9 @@
|
|||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5198806.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_3284582.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_a572284.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_3af31dd.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_e43c33a.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script type="text/javascript">
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue