Skip to content

Commit d761346

Browse files
BingBlogBingBlog
committed
update doc
1 parent 9f25dfb commit d761346

File tree

17 files changed

+350
-382
lines changed

17 files changed

+350
-382
lines changed

website/code/doc/formValidate.js renamed to website/code/development/formValidate.js

File renamed without changes.

website/code/powerful-fieldGenerator.js renamed to website/code/development/powerful-fieldGenerator.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -783,6 +783,9 @@ const dynamicFormColumns = [
783783

784784
dynamicForm.code = `
785785
<template>
786+
<div class="demo-header">
787+
<Button type="primary" @click="handleDynamicFormAdd">添加</Button>
788+
</div>
786789
<Table :columns="columns" :data="data">
787790
<template
788791
v-for="column in code.dynamicForm.data.columns"
@@ -803,6 +806,9 @@ dynamicForm.code = `
803806
</Form>
804807
</template>
805808
</Table>
809+
<div class="demo-actions">
810+
<Button type="primary" @click="handleDynamicFormSubmit">提交</Button>
811+
</div>
806812
</template>
807813
<script>
808814
export default {

website/code/doc/requestInterceptor.js renamed to website/code/development/requestInterceptor.js

File renamed without changes.

website/code/doc/showOnhiddenOn.js renamed to website/code/development/showOnhiddenOn.js

Lines changed: 32 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2,25 +2,29 @@
22
let simple = {};
33

44
const fields = [
5+
{
6+
label: '年龄',
7+
type: 'Radio',
8+
model: 'isShow',
9+
subtype: 'button',
10+
options: [
11+
{label: '显示', value: 1},
12+
{label: '隐藏', value: 0},
13+
]
14+
},
515
{
616
type: 'Input',
717
label: '姓名',
8-
model: 'name',
9-
hiddenOn: {
10-
hasAuth: {
11-
type: 'enum',
12-
enum: [0]
13-
}
14-
}
18+
model: 'name'
1519
},
1620
{
1721
type: 'Input',
1822
label: '年龄',
1923
model: 'age',
2024
showOn: {
21-
hasAuth: {
25+
isShow: {
2226
type: 'enum',
23-
enum: [0]
27+
enum: [1]
2428
}
2529
}
2630
}
@@ -29,8 +33,7 @@ const fields = [
2933
const model = {
3034
name: '张三',
3135
age: 18,
32-
hasAuth: 0,
33-
isCheck: 1
36+
isShow: 0
3437
};
3538

3639
simple.data = {
@@ -67,13 +70,7 @@ const paramsFields = [
6770
{
6871
type: 'Input',
6972
label: '姓名',
70-
model: 'name',
71-
hiddenOn: {
72-
isShow: {
73-
type: 'enum',
74-
enum: [false]
75-
}
76-
}
73+
model: 'name'
7774
},
7875
{
7976
type: 'Input',
@@ -82,18 +79,19 @@ const paramsFields = [
8279
showOn: {
8380
isShow: {
8481
type: 'enum',
85-
enum: [false]
82+
enum: [1]
8683
}
8784
}
8885
}
8986
];
9087

88+
// 外部变量控制
9189
const paramsModel = {
9290
name: '张三',
9391
age: 12
9492
};
9593
const paramsContainer = {
96-
isShow: false
94+
isShow: 0
9795
};
9896

9997
params.data = {
@@ -119,10 +117,21 @@ export default {
119117
};
120118
<script>
121119
<template>
122-
<FormGenerator
123-
:fields="fields"
124-
:model="model"
120+
<div>
121+
<RadioGroup v-model="code.params.data.paramsContainer.isShow" size="small">
122+
<Radio :label="0"> 隐藏 </Radio>
123+
<Radio :label="1"> 展示 </Radio>
124+
</RadioGroup>
125+
<FormGenerator
126+
:fields="code.params.data.paramsFields"
127+
:model="code.params.data.paramsModel"
128+
:params-container="code.params.data.paramsContainer"
125129
/>
130+
<div slot="desc">
131+
<p>在某些场景下，控制元素显示（隐藏）的字段可能不在表单中返回，这时，我们就可以使用paramContainer来实现元素的显示（隐藏）这一功能，只需要把变量放到paramContainer中就可以了。</p>
132+
</div>
133+
<i-code slot="code" lang="html">{{ code.params.code }}</i-code>
134+
</div>
126135
</template>
127136
`;
128137

website/code/doc/uninionRequest.js renamed to website/code/development/uninionRequest.js

File renamed without changes.

website/code/guide.js renamed to website/code/intro.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,12 @@ const fields = [
5858
}
5959
]
6060
},
61+
{
62+
type: 'Submit',
63+
subtype: 'primary',
64+
text: '提交',
65+
inline: true
66+
},
6167
];
6268

6369
const options = {
@@ -75,9 +81,11 @@ const model = {
7581
introduce.demo = `
7682
<template>
7783
<FormGenerator
84+
ref="FormGenerator"
7885
:fields="code.introduce.data.fields"
7986
:model="code.introduce.data.model"
8087
:options="code.introduce.data.options"
88+
@on-submit="handleSubmit()"
8189
/>
8290
</template>
8391
<script>

‎website/page/development/form-validate/index.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ import iArticle from '../../../components/article';
9191
import inAnchor from '../../../components/anchor';
9292
import iCode from '../../../components/code';
9393
import Demo from '../../../components/Demo';
94-
import Code from '../../../code/doc/formValidate';
94+
import Code from '../../../code/development/formValidate';
9595
export default {
9696
components: {
9797
iArticle,

‎website/page/development/powerful-fieldGenerator/index.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -227,9 +227,9 @@
227227
228228
import iArticle from '../../../components/article';
229229
import inAnchor from '../../../components/anchor';
230-
import Code from '../../../code/powerful-fieldGenerator';
231230
import Demo from '../../../components/Demo';
232231
import iCode from '../../../components/code';
232+
import Code from '../../../code/development/powerful-fieldGenerator';
233233
const templates = [
234234
{
235235
path: '/form-editable-table',

‎website/page/development/request-interceptor/index.vue‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -15,9 +15,9 @@
1515
<div slot="demo">
1616
<Form :model="code.api.data.model">
1717
<FieldGenerator
18-
:field="code.api.data.field"
19-
:form-model="code.api.data.model"
20-
:request-interceptor="requestInterceptor"
18+
:field="code.api.data.field"
19+
:form-model="code.api.data.model"
20+
:request-interceptor="requestInterceptor"
2121
/>
2222
</Form>
2323
</div>
@@ -27,12 +27,12 @@
2727
<div>
2828
<p>原始远程数据格式为：</p>
2929
<i-code>
30-
{{JSON.parse('{"status":0,"data":[{"label":"北京","value":"Beijing"},{"label":"上海","value":"Shanghai"},{"label":"广州","value":"Guangzhou"},{"label":"深圳","value":"Shenzhen"}]}')}}
30+
{{ JSON.parse('{"status":0,"data":[{"label":"北京","value":"Beijing"},{"label":"上海","value":"Shanghai"},{"label":"广州","value":"Guangzhou"},{"label":"深圳","value":"Shenzhen"}]}') }}
3131
</i-code>
3232

3333
<p>通过requestInterceptor拦截数据，进一步处理后变为：</p>
3434
<i-code>
35-
{{JSON.parse('{"status":0,"data":[{"label":"我爱北京","value":"Beijing"},{"label":"我爱上海","value":"Shanghai"},{"label":"我爱广州","value":"Guangzhou"},{"label":"我爱深圳","value":"Shenzhen"}]}')}}
35+
{{ JSON.parse('{"status":0,"data":[{"label":"我爱北京","value":"Beijing"},{"label":"我爱上海","value":"Shanghai"},{"label":"我爱广州","value":"Guangzhou"},{"label":"我爱深圳","value":"Shenzhen"}]}') }}
3636
</i-code>
3737
</div>
3838
</div>
@@ -48,7 +48,7 @@ import iArticle from '../../../components/article';
4848
import inAnchor from '../../../components/anchor';
4949
import iCode from '../../../components/code';
5050
import Demo from '../../../components/Demo';
51-
import Code from '../../../code/doc/requestInterceptor';
51+
import Code from '../../../code/development/requestInterceptor';
5252
import axios from 'axios';
5353
5454
export default {
@@ -92,13 +92,13 @@ export default {
9292
resData.push({
9393
label: '我爱' + item.label,
9494
value: item.value
95-
})
95+
});
9696
});
9797
}
9898
return {
9999
status: 0,
100100
data: resData
101-
}
101+
};
102102
}
103103
};
104104
return new Promise((resolve, reject) => {
@@ -111,7 +111,7 @@ export default {
111111
resolve(data);
112112
}).catch(e => {
113113
reject(e);
114-
})
114+
});
115115
});
116116
},
117117
},

‎website/page/development/showOn-hiddenOn/index.vue‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
<inAnchor title="配置快速查询" h2 />
99
<p>showOn&hiddenOn基于async-validator实现的数据验证，具体规则形式请参考<a href="https://github.com/yiminghe/async-validator" target="_blank"><i class="ivu-icon ivu-icon-social-github" /> async-validator</a>。</p>
1010
<inAnchor title="代码示例" h2 />
11+
1112
<Demo title="基础用法（表单控制）">
1213
<div slot="demo">
1314
<FormGenerator
@@ -20,8 +21,13 @@
2021
</div>
2122
<i-code slot="code" lang="html">{{ code.simple.code }}</i-code>
2223
</Demo>
23-
<Demo title="全局变量控制">
24+
25+
<Demo title="外部变量控制">
2426
<div slot="demo">
27+
<RadioGroup v-model="code.params.data.paramsContainer.isShow" size="small">
28+
<Radio :label="0"> 隐藏 </Radio>
29+
<Radio :label="1"> 展示 </Radio>
30+
</RadioGroup>
2531
<FormGenerator
2632
:fields="code.params.data.paramsFields"
2733
:model="code.params.data.paramsModel"
@@ -33,6 +39,7 @@
3339
</div>
3440
<i-code slot="code" lang="html">{{ code.params.code }}</i-code>
3541
</Demo>
42+
3643
<Demo title="两者共存">
3744
<div slot="demo">
3845
<FormGenerator
@@ -67,7 +74,7 @@ import iArticle from '../../../components/article';
6774
import inAnchor from '../../../components/anchor';
6875
import iCode from '../../../components/code';
6976
import Demo from '../../../components/Demo';
70-
import Code from '../../../code/doc/showOnhiddenOn';
77+
import Code from '../../../code/development/showOnhiddenOn';
7178
export default {
7279
components: {
7380
iArticle,

0 commit comments

Comments
 (0)