重新提交 gh-pages

This commit is contained in:
2betop 2020-04-29 09:56:25 +08:00
parent 6e3e25d5e9
commit 21b0a21e58
294 changed files with 41920 additions and 0 deletions

51
gh-pages/audio.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

51
gh-pages/carousel.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

51
gh-pages/chart.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

51
gh-pages/crud/aside.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

51
gh-pages/crud/fixed.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

51
gh-pages/crud/grid.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

51
gh-pages/crud/list.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

51
gh-pages/crud/nested.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

51
gh-pages/crud/table.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

51
gh-pages/docs/api.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,27 @@
define('docs/api.md', function(require, exports, module) {
module.exports = {
"title": "API 说明",
"html": "<p>amis 渲染器的数据都来源于 api有一定的格式要求。</p>\n<h3><a class=\"anchor\" name=\"%E6%95%B4%E4%BD%93%E8%A6%81%E6%B1%82\" href=\"#%E6%95%B4%E4%BD%93%E8%A6%81%E6%B1%82\" 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>整体要求</h3><p>要求每个接口都返回 <code>status</code> 字段用来表示成功还是失败,如果失败了,通过 <code>msg</code> 字段来说明失败原因。当然如果成功 <code>msg</code> 也可以用来设置提示信息。</p>\n<pre><code class=\"lang-json\">{\n <span class=\"hljs-attr\">\"status\"</span>: <span class=\"hljs-number\">0</span>, <span class=\"hljs-comment\">// 0 表示成功非0 表示失败</span>\n <span class=\"hljs-attr\">\"msg\"</span>: <span class=\"hljs-string\">\"\"</span>, <span class=\"hljs-comment\">// 提示信息 包括失败和成功</span>\n <span class=\"hljs-attr\">\"data\"</span>: {\n <span class=\"hljs-comment\">// ...</span>\n <span class=\"hljs-comment\">// 具体的数据</span>\n }\n}\n</code></pre>\n<p>如果你的系统有自己的规范也没关系fetcher 整体入口那加个适配器就行了如:</p>\n<pre><code class=\"lang-js\">{\n fetcher: function(<span class=\"hljs-name\">api</span>) {\n\n // 适配这种格式 {<span class=\"hljs-string\">\"code\"</span>: <span class=\"hljs-number\">0</span>, <span class=\"hljs-string\">\"message\"</span>: <span class=\"hljs-string\">\"\"</span>, <span class=\"hljs-string\">\"result\"</span>: {}}\n return axios(<span class=\"hljs-name\">config</span>).then(<span class=\"hljs-name\">response</span> =&gt; {\n let payload = {\n status: response.data.code,\n msg: response.data.message,\n data: response.data.result\n }<span class=\"hljs-comment\">;</span>\n\n return {\n ...response,\n data: payload\n }\n })\n }\n}\n</code></pre>\n<h3><a class=\"anchor\" name=\"%E5%85%B7%E4%BD%93%E8%A6%81%E6%B1%82\" href=\"#%E5%85%B7%E4%BD%93%E8%A6%81%E6%B1%82\" 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>具体要求</h3><p>每个渲染的接口返回都有自己的格式要求,主要体现在 data 字段内部,具体请参考每个渲染的接口说明。</p>\n<ul>\n<li><a href=\"/amis/docs/renderers/Page#接口说明\">Page</a></li>\n<li><a href=\"/amis/docs/renderers/CRUD#接口说明\">CRUD</a></li>\n<li><a href=\"/amis/docs/renderers/Form/Form#接口说明\">Form</a><ul>\n<li><a href=\"/amis/docs/renderers/Form/Select#接口说明\">Select</a></li>\n<li><a href=\"/amis/docs/renderers/Form/Checkboxes#接口说明\">Checkboxes</a></li>\n<li><a href=\"/amis/docs/renderers/Form/Radios#接口说明\">Radios</a></li>\n<li><a href=\"/amis/docs/renderers/Form/List#接口说明\">List</a></li>\n</ul>\n</li>\n<li><a href=\"/amis/docs/renderers/Wizard#接口说明\">Wizard</a></li>\n</ul>\n<p><code>TBD</code></p>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/api.md\">/docs/api.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "整体要求",
"fragment": "%E6%95%B4%E4%BD%93%E8%A6%81%E6%B1%82",
"fullPath": "#%E6%95%B4%E4%BD%93%E8%A6%81%E6%B1%82",
"level": 3
},
{
"label": "具体要求",
"fragment": "%E5%85%B7%E4%BD%93%E8%A6%81%E6%B1%82",
"fullPath": "#%E5%85%B7%E4%BD%93%E8%A6%81%E6%B1%82",
"level": 3
}
],
"level": 0
}
};
});

51
gh-pages/docs/basic.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

51
gh-pages/docs/dev.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Alert.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"alert\" href=\"#alert\" 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>Alert</h2><p>用来做文字特殊提示,分为四类:提示类、成功类、警告类和危险类。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;alert&quot;</code></td>\n<td>指定为 alert 渲染器</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>level</td>\n<td><code>string</code></td>\n<td><code>info</code></td>\n<td>级别,可以是:<code>info</code>、<code>success</code>、<code>warning</code> 或者 <code>danger</code></td>\n</tr>\n<tr>\n<td>showCloseButton</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否显示关闭按钮</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 320px\"><script type=\"text/schema\" height=\"320\" scope=\"body\">{\n \"type\": \"alert\",\n \"body\": \"这是一段提示\",\n \"level\": \"warning\"\n}\n</script></div>\n<p>可结合 <code>visibleOn</code> 用来做错误信息提示。</p>\n<div class=\"amis-preview\" style=\"height: 320px\"><script type=\"text/schema\" height=\"320\">{\n \"type\": \"page\",\n \"data\": {\n \"errMsg\": \"这是错误提示详情\"\n },\n \"body\": {\n \"type\": \"alert\",\n \"visibleOn\": \"this.errMsg\",\n \"body\": \"${errMsg}\",\n \"level\": \"danger\",\n \"showCloseButton\": true\n }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Alert.md\">/docs/renderers/Alert.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Alert",
"fragment": "alert",
"fullPath": "#alert",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Audio.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"audio\" href=\"#audio\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Audio</h2><p>音频播放器</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;audio&quot;</code></td>\n<td>指定为 audio 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>inline</td>\n<td><code>boolean</code></td>\n<td>true</td>\n<td>是否是内联模式</td>\n</tr>\n<tr>\n<td>src</td>\n<td><code>string</code></td>\n<td></td>\n<td>音频地址</td>\n</tr>\n<tr>\n<td>loop</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否循环播放</td>\n</tr>\n<tr>\n<td>autoPlay</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否自动播放</td>\n</tr>\n<tr>\n<td>rates</td>\n<td><code>array</code></td>\n<td><code>[]</code></td>\n<td>可配置音频播放倍速如:<code>[1.0, 1.5, 2.0]</code></td>\n</tr>\n<tr>\n<td>controls</td>\n<td><code>array</code></td>\n<td><code>[&#39;rates&#39;, &#39;play&#39;, &#39;time&#39;, &#39;process&#39;, &#39;volume&#39;]</code></td>\n<td>内部模块定制化</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n \"type\": \"audio\",\n \"autoPlay\": false,\n \"src\": \"https://amis.bj.bcebos.com/amis/2019-7/1562137295708/chicane-poppiholla-original-radio-edit%20(1).mp3\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Audio.md\">/docs/renderers/Audio.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Audio",
"fragment": "audio",
"fullPath": "#audio",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/ButtonGroup.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"buttongroup\" href=\"#buttongroup\" 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>ButtonGroup</h2><p>按钮集合。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-group</code></li>\n<li><code>buttons</code> 配置按钮集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n \"type\": \"button-toolbar\",\n \"buttons\": [\n {\n \"type\": \"button-group\",\n \"buttons\": [\n {\n \"type\": \"button\",\n \"label\": \"Button\",\n \"actionType\": \"dialog\",\n \"dialog\": {\n \"confirmMode\": false,\n \"title\": \"提示\",\n \"body\": \"对,你刚点击了!\"\n }\n },\n\n {\n \"type\": \"submit\",\n \"label\": \"Submit\"\n },\n\n {\n \"type\": \"reset\",\n \"label\": \"Reset\"\n }\n ]\n },\n\n {\n \"type\": \"submit\",\n \"icon\": \"fa fa-check text-success\"\n },\n\n {\n \"type\": \"reset\",\n \"icon\": \"fa fa-times text-danger\"\n }\n ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/ButtonGroup.md\">/docs/renderers/ButtonGroup.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "ButtonGroup",
"fragment": "buttongroup",
"fullPath": "#buttongroup",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
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=\"/amis/docs/renderers/Cards\">Cards</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/users\",\n\"syncLocation\": false,\n\"mode\": \"cards\",\n\"defaultParams\": {\n \"perPage\": 6\n},\n\"switchPerPage\": false,\n\"placeholder\": \"没有用户信息\",\n\"columnsCount\": 2,\n\"card\": {\n \"header\": {\n \"className\": \"bg-white\",\n \"title\": \"$name\",\n \"subTitle\": \"$realName\",\n \"description\": \"$email\",\n \"avatar\": \"${avatar | raw}\",\n \"highlight\": \"$isSuperAdmin\",\n \"avatarClassName\": \"pull-left thumb-md avatar b-3x m-r\"\n },\n \"bodyClassName\": \"padder\",\n \"body\": \"\\n <% if (data.roles && data.roles.length) { %>\\n <% data.roles.map(function(role) { %>\\n <span class=\\\"label label-default\\\"><%- role.name %></span>\\n <% }) %>\\n <% } else { %>\\n <p class=\\\"text-muted\\\">没有分配角色</p>\\n <% } %>\\n \",\n \"actions\": [\n {\n \"label\": \"编辑\",\n \"actionType\": \"dialog\",\n \"dialog\": {\n \"title\": null,\n \"body\": {\n \"api\": \"\",\n \"type\": \"form\",\n \"tabs\": [\n {\n \"title\": \"基本信息\",\n \"controls\": [\n {\n \"type\": \"hidden\",\n \"name\": \"id\"\n },\n {\n \"name\": \"name\",\n \"label\": \"帐号\",\n \"disabled\": true,\n \"type\": \"text\"\n },\n {\n \"type\": \"divider\"\n },\n {\n \"name\": \"email\",\n \"label\": \"邮箱\",\n \"type\": \"text\",\n \"disabled\": true\n },\n {\n \"type\": \"divider\"\n },\n {\n \"name\": \"isAmisOwner\",\n \"label\": \"管理员\",\n \"description\": \"设置是否为超级管理\",\n \"type\": \"switch\"\n }\n ]\n },\n {\n \"title\": \"角色信息\",\n \"controls\": [\n\n ]\n },\n {\n \"title\": \"设置权限\",\n \"controls\": [\n\n ]\n }\n ]\n }\n }\n },\n {\n \"label\": \"移除\",\n \"confirmText\": \"您确定要移除该用户?\",\n \"actionType\": \"ajax\",\n \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n }\n ]\n}\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/CRUD-Cards.md\">/docs/renderers/CRUD-Cards.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Cards(CRUD)",
"fragment": "cards-crud-",
"fullPath": "#cards-crud-",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
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=\"/amis/docs/renderers/List\">List</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/permissions\",\n\"mode\": \"list\",\n\"placeholder\": \"当前组内, 还没有配置任何权限.\",\n\"syncLocation\": false,\n\"title\": null,\n\"listItem\": {\n \"title\": \"$name\",\n \"subTitle\": \"$description\",\n \"actions\": [\n {\n \"icon\": \"fa fa-edit\",\n \"tooltip\": \"编辑\",\n \"actionType\": \"dialog\",\n \"dialog\": {\n \"title\": \"编辑能力(权限)\",\n \"body\": {\n \"type\": \"form\",\n \"controls\": [\n {\n \"type\": \"hidden\",\n \"name\": \"id\"\n },\n {\n \"name\": \"name\",\n \"label\": \"权限名称\",\n \"type\": \"text\",\n \"disabled\": true\n },\n {\n \"type\": \"divider\"\n },\n {\n \"name\": \"description\",\n \"label\": \"描述\",\n \"type\": \"textarea\"\n }\n ]\n }\n }\n },\n {\n \"tooltip\": \"删除\",\n \"disabledOn\": \"~[\\\"admin:permission\\\", \\\"admin:user\\\", \\\"admin:role\\\", \\\"admin:acl\\\", \\\"admin:page\\\", \\\"page:readAll\\\", \\\"admin:settings\\\"].indexOf(name)\",\n \"icon\": \"fa fa-times\",\n \"confirmText\": \"您确定要移除该权限?\",\n \"actionType\": \"ajax\",\n \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n }\n ]\n}\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/CRUD-List.md\">/docs/renderers/CRUD-List.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "List(CRUD)",
"fragment": "list-crud-",
"fullPath": "#list-crud-",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
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=\"/amis/docs/renderers/Table\">Table</a></p>\n<ul>\n<li><code>sortable</code> 开启后可以根据当前列排序(后端排序)。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n \"type\": \"crud\",\n \"api\": \"https://houtai.baidu.com/api/sample\",\n \"syncLocation\": false,\n \"title\": null,\n \"perPageField\":\"rn\",\n \"defaultParams\":{\n \"rn\": 10\n },\n \"columns\": [\n {\n \"name\": \"id\",\n \"label\": \"ID\",\n \"width\": 20,\n \"sortable\": true\n },\n {\n \"name\": \"engine\",\n \"label\": \"Rendering engine\",\n \"sortable\": true,\n \"toggled\": false\n },\n {\n \"name\": \"browser\",\n \"label\": \"Browser\",\n \"sortable\": true\n },\n {\n \"name\": \"platform\",\n \"label\": \"Platform(s)\",\n \"sortable\": true\n },\n {\n \"name\": \"version\",\n \"label\": \"Engine version\"\n }\n ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/CRUD-Table.md\">/docs/renderers/CRUD-Table.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Table(CRUD)",
"fragment": "table-crud-",
"fullPath": "#table-crud-",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Card.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"card\" href=\"#card\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Card</h2><p>卡片的展示形式。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;card&quot;</code></td>\n<td>指定为 Card 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-default&quot;</code></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>header</td>\n<td><code>Object</code></td>\n<td></td>\n<td>Card 头部内容设置</td>\n</tr>\n<tr>\n<td>header.className</td>\n<td><code>string</code></td>\n<td></td>\n<td>头部类名</td>\n</tr>\n<tr>\n<td>header.title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>header.subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>副标题</td>\n</tr>\n<tr>\n<td>header.desc</td>\n<td><code>string</code></td>\n<td></td>\n<td>描述</td>\n</tr>\n<tr>\n<td>header.avatar</td>\n<td><code>string</code></td>\n<td></td>\n<td>图片</td>\n</tr>\n<tr>\n<td>header.highlight</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否点亮</td>\n</tr>\n<tr>\n<td>header.avatarClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;pull-left thumb avatar b-3x m-r&quot;</code></td>\n<td>图片类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><code>Array</code> 或者 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n<td></td>\n<td>内容容器,主要用来放置 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;padder m-t-sm m-b-sm&quot;</code></td>\n<td>内容区域类名</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Form/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\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Card.md\">/docs/renderers/Card.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Card",
"fragment": "card",
"fullPath": "#card",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

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

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

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

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Chart.md', function(require, exports, module) {
module.exports = {
"html": "<h2><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</h2><p>图表渲染器,采用 echarts 渲染,配置格式跟 echarts 相同,<a href=\"http://echarts.baidu.com/option.html#title\">echarts配置文档</a></p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;chart&quot;</code></td>\n<td>指定为 chart 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/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=\"/amis/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<tr>\n<td>width</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置根元素的宽度</td>\n</tr>\n<tr>\n<td>height</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置根元素的高度</td>\n</tr>\n<tr>\n<td>replaceChartOption</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>每次更新是完全覆盖配置项还是追加?</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\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Chart.md\">/docs/renderers/Chart.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Chart",
"fragment": "chart",
"fullPath": "#chart",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

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

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Column.md', function(require, exports, module) {
module.exports = {
"html": "<h2><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</h2><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=\"/amis/docs/renderers/Field\">Field 说明</a>和<a href=\"/amis/docs/renderers/Operation\">Operation</a>。</li>\n<li><code>name</code> 用来关联列表数据中的变量 <code>key</code>。</li>\n<li><code>label</code> 列标题。</li>\n<li><code>groupName</code> 如果想要分组,请设置这个!</li>\n<li><code>copyable</code> 开启后,会支持内容点击复制。</li>\n<li><code>width</code> 列宽度。</li>\n<li><code>popOver</code> 是否支持点击查看详情。当内容较长时,可以开启此配置。</li>\n<li><code>quickEdit</code> 配置后在内容区增加一个编辑按钮,点击后弹出一个编辑框。</li>\n<li><code>toggled</code> 控制默认是展示还是不展示,只有 Table 的 <code>columnsTogglable</code> 开启了才有效。</li>\n</ul>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Column.md\">/docs/renderers/Column.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Column",
"fragment": "column",
"fullPath": "#column",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Definitions.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"definitions\" href=\"#definitions\" 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>Definitions</h2><p><code>Definitions</code>建立当前页面公共的配置项,在其他组件中可以通过<code>$ref</code>来引用当前配置项中的内容。注意 definitions 只能在顶级节点中定义,定义在其他位置,将引用不到。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n \"definitions\": {\n \"aa\": {\n \"type\": \"text\",\n \"name\": \"jack\",\n \"value\": \"ref value\",\n \"labelRemark\": \"通过<code>\\\\$ref</code>引入的组件\"\n }\n },\n \"type\": \"page\",\n \"title\": \"引用\",\n \"body\": [\n {\n \"type\": \"form\",\n \"api\": \"api/xxx\",\n \"actions\": [],\n \"controls\": [\n {\n \"$ref\": \"aa\"\n }\n ]\n }\n ]\n}\n</script></div>\n<p><code>Definitions</code> 最大的作用其实是能够实现对数据格式的递归引用。来看这个栗子吧。</p>\n<div class=\"amis-preview\" style=\"height: 800px\"><script type=\"text/schema\" height=\"800\">{\n \"definitions\": {\n \"options\": {\n \"type\": \"combo\",\n \"multiple\": true,\n \"multiLine\": true,\n \"name\": \"options\",\n \"controls\": [\n {\n \"type\": \"group\",\n \"controls\": [\n {\n \"label\": \"名称\",\n \"name\": \"label\",\n \"type\": \"text\",\n \"required\": true\n },\n {\n \"label\": \"值\",\n \"name\": \"value\",\n \"type\": \"text\",\n \"required\": true\n }\n ]\n },\n {\n \"label\": \"包含子选项\",\n \"type\": \"switch\",\n \"name\": \"hasChildren\",\n \"mode\": \"inline\",\n \"className\": \"block\"\n },\n {\n \"$ref\": \"options\",\n \"label\": \"子选项\",\n \"name\": \"children\",\n \"visibleOn\": \"this.hasOwnProperty('hasChildren') && this.hasChildren\",\n \"addButtonText\": \"新增子选项\"\n }\n ]\n }\n },\n \"type\": \"page\",\n \"title\": \"引用\",\n \"body\": [\n {\n \"type\": \"form\",\n \"api\": \"api/xxx\",\n \"actions\": [],\n \"controls\": [\n {\n \"$ref\": \"options\",\n \"label\": \"选项\"\n },\n\n {\n \"type\": \"static\",\n \"label\": \"当前值\",\n \"tpl\": \"<pre>${options|json}</pre>\"\n }\n ]\n }\n ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Definitions.md\">/docs/renderers/Definitions.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Definitions",
"fragment": "definitions",
"fullPath": "#definitions",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Dialog.md', function(require, exports, module) {
module.exports = {
"html": "<h2><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</h2><p>Dialog 由 <a href=\"/amis/docs/renderers/Action\">Action</a> 触发。他是一个类似于 <a href=\"/amis/docs/renderers/Page\">Page</a> 的容器模型。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;dialog&quot;</code> 指定为 Dialog 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"/amis/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=\"/amis/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=\"/amis/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置,默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n<tr>\n<td>data</td>\n<td><code>object</code></td>\n<td></td>\n<td>用于数据映射,如果不设定将默认将触发按钮的上下文中继承数据。用法同 api 中的 <a href=\"/amis/docs/renderers/Types#api\">data</a> 用法</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\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Dialog.md\">/docs/renderers/Dialog.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Dialog",
"fragment": "dialog",
"fullPath": "#dialog",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Divider.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"divider\" href=\"#divider\" 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>Divider</h2><p>分割线</p>\n<ul>\n<li><code>type</code> 请设置成 <code>divider</code></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n \"type\": \"divider\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Divider.md\">/docs/renderers/Divider.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Divider",
"fragment": "divider",
"fullPath": "#divider",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Drawer.md', function(require, exports, module) {
module.exports = {
"html": "<h2><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</h2><p>Drawer 由 <a href=\"/amis/docs/renderers/Action\">Action</a> 触发。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;drawer&quot;</code> 指定为 Drawer 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"/amis/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=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往 Drawer 内容区加内容</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>指定 Drawer 大小,支持: <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>Drawer 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> 关闭 Drawer</td>\n</tr>\n<tr>\n<td>closeOnOutside</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>点击内容区外是否关闭 Drawer</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=\"/amis/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置,默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n<tr>\n<td>data</td>\n<td><code>object</code></td>\n<td></td>\n<td>用于数据映射,如果不设定将默认将触发按钮的上下文中继承数据。用法同 api 中的 <a href=\"/amis/docs/renderers/Types#api\">data</a> 用法</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\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Drawer.md\">/docs/renderers/Drawer.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Drawer",
"fragment": "drawer",
"fullPath": "#drawer",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Each.md', function(require, exports, module) {
module.exports = {
"html": "<h2><a class=\"anchor\" name=\"each\" href=\"#each\" 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>Each</h2><p>基于现有变量循环输出渲染器</p>\n<ul>\n<li><code>type</code> 请设置 <code>each</code>。</li>\n<li><code>value</code> 格式为数组。</li>\n<li><code>items</code> 使用<code>value</code>中的数据,循环输出渲染器。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 360px\"><script type=\"text/schema\" height=\"360\" scope=\"body\">{\n \"type\": \"each\",\n \"value\": [\"A\", \"B\", \"C\"],\n \"items\": {\n \"type\": \"tpl\",\n \"tpl\": \"<span class='label label-default'><%= data.item %></span> \"\n }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Each.md\">/docs/renderers/Each.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Each",
"fragment": "each",
"fullPath": "#each",
"level": 2
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/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=\"/amis/docs/renderers/Form/Combo\">Combo</a> 的一个 flat 用法。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>array</code></li>\n<li><code>items</code> 配置单项表单类型</li>\n<li><code>addable</code> 是否可新增。</li>\n<li><code>removable</code> 是否可删除</li>\n<li><code>draggable</code> 默认为 <code>false</code>, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候,会多一个\\$id 字段</li>\n<li><code>draggableTip</code> 可拖拽的提示文字,默认为:<code>&quot;可通过拖动每行中的【交换】按钮进行顺序调整&quot;</code></li>\n<li><code>addButtonText</code> 新增按钮文字,默认为 <code>&quot;新增&quot;</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/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\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Array.md\">/docs/renderers/Form/Array.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Array",
"fragment": "array",
"fullPath": "#array",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/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> 图片的 <code>http</code> 地址。</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>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 <code>value</code> 的值封装为数组,作为当前表单项的值。</li>\n<li><code>clearable</code> 默认为 <code>true</code>, 表示可以取消选中。</li>\n<li><code>size</code> 按钮大小,从小到大依次为<code>xs, sm, md, lg</code></li>\n<li><code>disabled</code> 是否禁用<code>options</code> 中选项</li>\n<li><code>autoFill</code> 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中,只在单选时有效<ul>\n<li><code>autoFill</code>的格式为<code>{address: &quot;${label}&quot;}</code>,表示将选中项中的<code>label</code>的值,自动填充到当前表单项中<code>name</code> 为<code>address</code> 中</li>\n</ul>\n</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\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\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Button-Group.md\">/docs/renderers/Form/Button-Group.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Button-Group(FormItem)",
"fragment": "button-group-formitem-",
"fullPath": "#button-group-formitem-",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/Button-Toolbar.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"button-toolbar\" href=\"#button-toolbar\" 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-Toolbar</h3><p>从上面的例子可以看出,当按钮独立配置的时候,是独占一行的,如果想让多个按钮在一起放置,可以利用 button-toolbar</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-toolbar</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\",\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</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Button-Toolbar.md\">/docs/renderers/Form/Button-Toolbar.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Button-Toolbar",
"fragment": "button-toolbar",
"fullPath": "#button-toolbar",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/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> 按钮图标。可以使用来自 font-awesome 的图标。</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=\"/amis/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\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Button.md\">/docs/renderers/Form/Button.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Button",
"fragment": "button",
"fullPath": "#button",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/Chained-Select.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"chained-select\" href=\"#chained-select\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Chained-Select</h3><p>无限级别下拉,只支持单选,且必须和 <code>source</code> 搭配,通过 API 拉取数据,只要 API 有返回结果,就能一直无限级别下拉下去。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>chained-select</code></li>\n<li><code>options</code> 选项配置,类型为数组,成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址,如果选项不固定,可以通过配置 <code>source</code> 动态拉取。另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。</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>时生效, 开启后将选中的选项 <code>value</code> 的值封装为数组,作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/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\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Chained-Select.md\">/docs/renderers/Form/Chained-Select.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Chained-Select",
"fragment": "chained-select",
"fullPath": "#chained-select",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/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><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n \"name\": \"checkbox\",\n \"type\": \"checkbox\",\n \"label\": \"Checkbox\",\n \"option\": \"选项说明\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Checkbox.md\">/docs/renderers/Form/Checkbox.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Checkbox",
"fragment": "checkbox",
"fullPath": "#checkbox",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/City.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"city\" href=\"#city\" 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>City</h3><p>城市选择器,可用于让用户输入城市。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>city</code></li>\n<li><code>allowDistrict</code> 默认 <code>true</code> 允许输入区域</li>\n<li><code>allowCity</code> 默认 <code>true</code> 允许输入城市</li>\n<li><code>extractValue</code> 默认 <code>true</code> 是否抽取值,如果设置成 <code>false</code> 值格式会变成对象,包含 <code>code</code>、<code>province</code>、<code>city</code> 和 <code>district</code> 文字信息。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n {\n \"name\": \"city\",\n \"type\": \"city\",\n \"label\": \"城市选择\"\n },\n\n {\n \"type\": \"static\",\n \"name\": \"city\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>从配置项可以看出来,通过设置 <code>allowDistrict</code> 和 <code>allowCity</code> 是可以限制用户输入级别的,比如只选择省份。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n {\n \"name\": \"city\",\n \"type\": \"city\",\n \"label\": \"城市选择\",\n \"allowDistrict\": false,\n \"allowCity\": false\n },\n\n {\n \"type\": \"static\",\n \"name\": \"city\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n<p>从上面的例子可以看出来,值默认格式是编码(即 <code>code</code>),如果你想要详细点的信息,可以把 <code>extractValue</code> 设置成 <code>false</code>。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n {\n \"name\": \"city\",\n \"type\": \"city\",\n \"label\": \"城市选择\",\n \"extractValue\": false\n },\n\n {\n \"type\": \"static\",\n \"name\": \"city\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/City.md\">/docs/renderers/Form/City.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "City",
"fragment": "city",
"fullPath": "#city",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/Color.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"color\" href=\"#color\" 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>Color</h3><p>颜色选择器。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>color</code></li>\n<li><code>format</code> 请选择 <code>hex</code>、<code>hls</code>、<code>rgb</code>或者<code>rgba</code>。默认为 <code>hex</code>。</li>\n<li><code>presetColors</code> 选择器底部的默认颜色<ul>\n<li>默认为<code>[&#39;#D0021B&#39;, &#39;#F5A623&#39;, &#39;#F8E71C&#39;, &#39;#8B572A&#39;, &#39;#7ED321&#39;, &#39;#417505&#39;, &#39;#BD10E0&#39;, &#39;#9013FE&#39;, &#39;#4A90E2&#39;, &#39;#50E3C2&#39;, &#39;#B8E986&#39;, &#39;#000000&#39;, &#39;#4A4A4A&#39;, &#39;#9B9B9B&#39;, &#39;#FFFFFF&#39;]</code>,数组内为空则不显示默认颜色</li>\n</ul>\n</li>\n<li><code>allowCustomColor</code> 是否允许自定义颜色,默认为<code>true</code>,为<code>false</code>时只能选择颜色,使用 <code>presetColors</code> 设定颜色选择范围</li>\n<li><code>clearable</code> 是否显示清除按钮。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n \"type\": \"color\",\n \"name\": \"color\",\n \"label\": \"颜色\"\n},\n\n{\n \"type\": \"color\",\n \"name\": \"customColor\",\n \"label\": \"自定义颜色\",\n \"allowCustomColor\": false\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Color.md\">/docs/renderers/Form/Color.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Color",
"fragment": "color",
"fullPath": "#color",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/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> 即时间戳格式,用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</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><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\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\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Date-Range.md\">/docs/renderers/Form/Date-Range.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Date-Range",
"fragment": "date-range",
"fullPath": "#date-range",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/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> 即时间戳格式,用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>shortcuts</code> 日期快捷键,如: <code>&quot;today,3dayslater&quot;</code> 可用关键字: <code>today</code>、 <code>yesterday</code>、 <code>thisweek</code>、 <code>thismonth</code>、 <code>prevmonth</code>、 <code>prevquarter</code>、 <code>thisquarter</code>、 <code>tomorrow</code>、 <code>endofthisweek</code>、 <code>endofthismonth</code>、 <code>{n}daysago</code> 、 <code>{n}dayslater</code>、 <code>{n}weeksago</code>、 <code>{n}weekslater</code>、 <code>{n}monthsago</code>、 <code>{n}monthslater</code>、 <code>{n}quartersago</code>、 <code>{n}quarterslater</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><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></p>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"date\",\n \"name\": \"select\",\n \"label\": \"日期\",\n \"shortcuts\": \"today,3dayslater,3quarterslater\"\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Date.md\">/docs/renderers/Form/Date.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Date",
"fragment": "date",
"fullPath": "#date",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

@ -0,0 +1,20 @@
define('docs/renderers/Form/Datetime.md', function(require, exports, module) {
module.exports = {
"html": "<h3><a class=\"anchor\" name=\"datetime\" href=\"#datetime\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Datetime</h3><p>日期时间类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>datetime</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式,用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD HH:mm:ss</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>timeConstraints</code> 请参考: <a href=\"https://github.com/YouCanBookMe/react-datetime\">react-datetime</a></li>\n<li><code>value</code> 这里面 <code>value</code> 需要特殊说明一下,因为支持相对值。如:<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><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></p>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n {\n \"type\": \"datetime\",\n \"name\": \"select\",\n \"label\": \"日期\"\n },\n\n {\n \"type\": \"static\",\n \"name\": \"select\",\n \"label\": \"当前值\"\n }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误?欢迎大家一起来编写,文档地址:<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Datetime.md\">/docs/renderers/Form/Datetime.md</a>。</div>",
"toc": {
"label": "目录",
"type": "toc",
"children": [
{
"label": "Datetime",
"fragment": "datetime",
"fullPath": "#datetime",
"level": 3
}
],
"level": 0
}
};
});

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

View File

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

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>AMis Renderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" 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="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_f600f2a.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="stylesheet" type="text/css" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_0d9f369.css" />
<link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bf2e97c.css" />
<link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_3f767d7.css" />
<link rel="stylesheet" title="dark" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/dark_59b8696.css" />
<style>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_c83887f.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_5257c6e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_17db66e.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_9f5420a.js"></script>
<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_077b225.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script type="text/javascript">
var _hmt = _hmt || [];
// 百度统计
(function() {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
/* @require examples/index.jsx 标记为同步依赖,提前加载 */
require(['ca626e1'], function(app) {
var initialState = {};
app.bootstrap(document.getElementById('root'), initialState);
});
</script>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show More