更新文档页
This commit is contained in:
RickCole21
parent
079ba3cee3
commit
a0c996ec46
|
|
@ -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 可能还支持别的
|
||||
|
|
|
|||
|
|
@ -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 当前表单项的每一个值 |
|
||||
|
|
|
|||
|
|
@ -951,10 +951,6 @@ ${xxx | pick[:path]}
|
|||
}
|
||||
```
|
||||
|
||||
### str2date
|
||||
|
||||
@todo
|
||||
|
||||
### duration
|
||||
|
||||
秒值格式化成时间格式
|
||||
|
|
|
|||
|
|
@ -225,8 +225,10 @@ export class App extends React.PureComponent {
|
|||
</button> */}
|
||||
|
||||
<div className={`${theme.ns}Layout-brand`}>
|
||||
<i className="fa fa-paw" />
|
||||
<span className="hidden-folded m-l-sm">AMIS</span>
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
11
fis-conf.js
11
fis-conf.js
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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> {
|
||||
|
|
|
|||
Loading…
Reference in New Issue