- 修复部分表单项的 clear 按钮在 disabled 状态下仍然可以点击的问题
- select 、checkboxes 、list 等选项选择类控件支持
autoFill
将选项内其他字段的值填充到表单其他字段中。 - 颜色选择器控件支持自定义预设颜色
- npm 包中包含 sdk 代码,用法见下方说明。
- 修复 picker、轮播图 值可能没有同步的问题
- date 显示类日期控件,直接显示相对值,比如:2分钟前,且会自动更新。
- api 支持配置发送适配器和接收适配器
- 去掉对 react-bootstrap 的依赖,代码体积减少不少。
- table footable 、 nested 样式优化,支持手风琴模式,以及支持多层级拖拽。
JSSDK 用法
使用 JSSDK 可以进一步简化使用成本,不会使用 React 也没关系,直接引入 JSSDK 代码就能基于页面配置将页面渲染到指定 dom 节点上。目前 JSSDK 代码也会伴随 npm 包一起发布,更多信息请查看:https://baidu.github.io/amis/docs/getting-started#jssdk
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>AMIS Demo</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://houtai.baidu.com/v2/csssdk">
<style>
html, body, .app-wrapper {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://houtai.baidu.com/v2/jssdk"></script>
<script type="text/javascript">
(function() {
var amis = amisRequire('amis/embed');
amis.embed('#root', {
type: 'page',
title: 'AMIS Demo',
body: 'hello world'
});
})();
</script>
</body>
</html>