更新文档页

This commit is contained in:
RickCole21 2020-07-31 12:40:04 +08:00
parent 079ba3cee3
commit a0c996ec46
7 changed files with 38 additions and 30 deletions

View File

@ -54,5 +54,3 @@ order: 7
| valueField | `boolean` | `"value"` | [选项值字段](./options#%E9%80%89%E9%A1%B9%E5%80%BC%E5%AD%97%E6%AE%B5-valuefield) |
| joinValues | `boolean` | `true` | [拼接值](./options#%E6%8B%BC%E6%8E%A5%E5%80%BC-joinvalues) |
| extractValue | `boolean` | `false` | [提取值](./options#%E6%8F%90%E5%8F%96%E5%A4%9A%E9%80%89%E5%80%BC-extractvalue) |
@todo 可能还支持别的

View File

@ -728,20 +728,12 @@ Form 支持轮训初始化接口,步骤如下:
如果想提交成功后,清空该缓存,则配置`"clearPersistDataAfterSubmit": true`
## 修改表单项变化方式
@todo
- lazyChange
- formLazyChange
默认表单项变化时,会即时变化,例如你输入文本,每键入一次,就会触发
## 属性表
| 属性名 | 类型 | 默认值 | 说明 |
| --------------------------- | --------------------------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| type | `string` | | `"form"` 指定为 Form 渲染器 |
| name | `string` | | 设置一个名字后,方便其他组件与其通信 |
| mode | `string` | `normal` | 表单展示方式,可以是:`normal`、`horizontal` 或者 `inline` |
| horizontal | `Object` | `{"left":"col-sm-2", "right":"col-sm-10", "offset":"col-sm-offset-2"}` | 当 mode 为 `horizontal` 时有用,用来控制 label |
| title | `string` | `"表单"` | Form 的标题 |
@ -780,4 +772,4 @@ Form 支持轮训初始化接口,步骤如下:
| canAccessSuperData | `boolean` | `true` | 指定是否可以自动获取上层的数据并映射到表单项上 |
| persistData | `boolean` | `true` | 指定表单是否开启本地缓存 |
| clearPersistDataAfterSubmit | `boolean` | `true` | 指定表单提交成功后是否清除本地缓存 |
| name | `string` | | 设置一个名字后,方便其他组件与其通信 |
| trimValues | `boolean` | `false` | trim 当前表单项的每一个值 |

View File

@ -951,10 +951,6 @@ ${xxx | pick[:path]}
}
```
### str2date
@todo
### duration
秒值格式化成时间格式

View File

@ -225,8 +225,10 @@ export class App extends React.PureComponent {
</button> */}
<div className={`${theme.ns}Layout-brand`}>
<Link to={`${ContextPath}/docs`}>
<i className="fa fa-paw" />
<span className="hidden-folded m-l-sm">AMIS</span>
</Link>
</div>
</div>
@ -238,6 +240,12 @@ export class App extends React.PureComponent {
<Link to={`${ContextPath}/examples`} activeClassName="is-active">
</Link>
<a href="https://fex-team.github.io/amis-editor" target="_blank">
</a>
<a href="https://suda.bce.baidu.com" target="_blank">
</a>
</ul>
<div className="hidden-xs p-t pull-right m-l-sm">

View File

@ -9,6 +9,10 @@ body {
}
}
a {
text-decoration: none !important;
}
.page-play,
.page-edit {
&:before {
@ -165,10 +169,13 @@ body {
}
}
.a-Layout-brand,
.cxd-Layout-brand {
.a-Layout-brand > a,
.cxd-Layout-brand > a {
color: #333;
}
.dark-Layout-brand > a {
color: #fff;
}
}
&-headerBar {
@ -185,7 +192,6 @@ body {
display: inline-block;
color: #333;
padding: 0px 22px;
text-decoration: none;
font-weight: 500;
&.is-active {
@ -250,10 +256,6 @@ body {
margin-top: -100px;
}
a {
text-decoration: none;
}
&-nav,
&-toc {
margin-top: 30px;
@ -299,6 +301,8 @@ body {
}
&-navigation {
user-select: none;
&-item {
padding-left: 20px;
border-left: 1px solid #e8ebee;
@ -379,6 +383,7 @@ body {
font-size: 12px;
font-weight: 500;
border-left: 1px solid #e8ebee;
user-select: none;
&-item {
padding-left: 15px;
@ -440,6 +445,10 @@ body {
> pre {
margin-bottom: 30px;
}
table:not(.table) {
word-break: normal;
}
}
}

View File

@ -574,8 +574,8 @@ if (fis.project.currentMedia() === 'publish') {
'pkg/charts.js': ['zrender/**', 'echarts/**'],
'pkg/api-mock.js': ['mock/*.ts'],
'pkg/app.js': [
'/examples/components/App.jsx',
'/examples/components/App.jsx:deps'
'/examples/components/App.tsx',
'/examples/components/App.tsx:deps'
],
'pkg/rest.js': [
@ -615,9 +615,14 @@ if (fis.project.currentMedia() === 'publish') {
const indexHtml = ret.src['/examples/index.html'];
const appJs = ret.src['/examples/components/App.tsx'];
const DocJs = ret.src['/examples/components/Doc.tsx'];
const ExampleJs = ret.src['/examples/components/Example.tsx'];
const pages = [];
const source = [appJs.getContent(), DocJs.getContent()].join('\n');
const source = [
appJs.getContent(),
DocJs.getContent(),
ExampleJs.getContent()
].join('\n');
source.replace(/\bpath\b\s*\:\s*('|")(.*?)\1/g, function (
_,
qutoa,

View File

@ -106,8 +106,8 @@ export interface FormProps extends RendererProps, FormSchema {
saveFailed?: string;
validateFailed?: string;
};
lazyChange?: boolean;
formLazyChange?: boolean;
lazyChange?: boolean; // 表单项的
formLazyChange?: boolean; // 表单的
}
export default class Form extends React.Component<FormProps, object> {