p96170835
/
amis
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

更新文档页

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/components/form/chain-select.md
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) | | 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) | | 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) | | extractValue | `boolean` | `false` | [提取值](./options#%E6%8F%90%E5%8F%96%E5%A4%9A%E9%80%89%E5%80%BC-extractvalue) |
@todo 可能还支持别的

12
docs/components/form/index.md
View File

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

4
docs/concepts/data-mapping.md
View File

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

12
examples/components/App.tsx
View File

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

23
examples/style.scss
View File

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

11
fis-conf.js
View File

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

4
src/renderers/Form/index.tsx
View File

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