File tree 6 files changed +136
-6
lines changed
6 files changed +136
-6
lines changed Original file line number Diff line number Diff line change 16
16
< body >
17
17
< div id ="app "> </ div >
18
18
< script src ="//cdn.jsdelivr.net/npm/@lljj/polyfill@0.1.1/dist/polyfill.umd.min.js "> </ script >
19
- < script src ="//cdn.bootcss.com/vue/ 2.6.10/vue.js "> </ script >
19
+ < script src ="//cdn.jsdelivr.net/npm/vue@ 2.6.10/dist/ vue.min .js "> </ script >
20
20
< script src ="//cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/index.js "> </ script >
21
- < script src ="//cdn.bootcss.com/ vue-router/ 3.1.3/vue-router.min.js "> </ script >
21
+ < script src ="//cdn.jsdelivr.net/npm/ vue-router@ 3.1.3/dist /vue-router.min.js "> </ script >
22
22
< script src ="//cdn.jsdelivr.net/npm/monaco-editor@0.20.0/min/vs/loader.js "> </ script >
23
23
< script >
24
24
require . config ( { paths : { 'vs' : '//cdn.jsdelivr.net/npm/monaco-editor@0.20.0/min/vs' } } ) ;
Original file line number Diff line number Diff line change 10
10
< body >
11
11
< div id ="app "> </ div >
12
12
< script src ="//cdn.jsdelivr.net/npm/@lljj/polyfill@0.1.1/dist/polyfill.umd.min.js "> </ script >
13
- < script src ="//cdn.bootcss.com/vue/ 2.6.10/vue.js "> </ script >
14
- < script src ="//cdn.bootcss.com/ vue-router/ 3.1.3/vue-router.min.js "> </ script >
13
+ < script src ="//cdn.jsdelivr.net/npm/vue@ 2.6.10/dist/ vue.min .js "> </ script >
14
+ < script src ="//cdn.jsdelivr.net/npm/ vue-router@ 3.1.3/dist /vue-router.min.js "> </ script >
15
15
< script src ="//cdn.jsdelivr.net/npm/element-ui@2.13.0/lib/index.js "> </ script >
16
16
</ body >
17
17
</ html >
Original file line number Diff line number Diff line change 1
1
<template >
2
+ <TestDemo v-if =" false" ></TestDemo >
2
3
<div
4
+ v-else
3
5
v-loading =" loading"
4
6
:class =" {
5
7
[$style.previewBox]: isPreview
@@ -136,6 +138,7 @@ import * as arrayMethods from 'demo-common/utils/array';
136
138
import componentWithDialog from ' demo-common/components/component-with-dialog' ;
137
139
138
140
import JsonPerttyPrint from ' demo-common/components/JsonPerttyPrint.vue' ;
141
+ import TestDemo from ' ./TestDemo' ;
139
142
import EditorToolBar from ' ./EditorToolBar.vue' ;
140
143
import EditorHeader from ' ./EditorHeader.vue' ;
141
144
import ViewComponentWrap from ' ./components/ViewComponentWrap.vue' ;
@@ -157,6 +160,7 @@ export default {
157
160
name: ' Editor' ,
158
161
components: {
159
162
... components,
163
+ TestDemo,
160
164
VueElementForm,
161
165
Draggable,
162
166
EditorToolBar,
Original file line number Diff line number Diff line change
1
+ <template >
2
+ <div
3
+ v-if =" true"
4
+ class =" demo-wrapper"
5
+ >
6
+ <VueElementForm
7
+ v-model =" formData"
8
+ class =" demo-form-box"
9
+ :schema =" schema"
10
+ @on-submit =" handleSubmit"
11
+ >
12
+ </VueElementForm >
13
+ </div >
14
+ </template >
15
+
16
+ <script >
17
+ import VueElementForm from ' @lljj/vue-json-schema-form/src/index' ;
18
+
19
+ export default {
20
+ components: {
21
+ VueElementForm
22
+ },
23
+ data () {
24
+ return {
25
+ formData: {
26
+ item: [
27
+ {
28
+ text: ' 作者'
29
+ },
30
+ {
31
+ imgUrl: ' ' ,
32
+ step: 1 ,
33
+ text: ' 机构'
34
+ }
35
+ ]
36
+ },
37
+ schema: {
38
+ title: ' DEMO' ,
39
+ type: ' object' ,
40
+ properties: {
41
+ item: {
42
+ title: ' 左侧点击栏目' ,
43
+ type: ' array' ,
44
+ required: [],
45
+ minItems: 1 ,
46
+ items: {
47
+ title: ' 栏目类型' ,
48
+ type: ' object' ,
49
+ anyOf: [
50
+ {
51
+ title: ' 唯一可点击栏目' ,
52
+ required: [' text' , ' imgUrl' , ' step' ],
53
+ properties: {
54
+ text: {
55
+ type: ' string' ,
56
+ title: ' 栏目名称'
57
+ },
58
+ imgUrl: {
59
+ title: ' 点击弹出图' ,
60
+ type: ' string' ,
61
+ },
62
+ step: {
63
+ title: ' 第一步' ,
64
+ type: ' number' ,
65
+ const: 1 ,
66
+ default: 1 ,
67
+ ' ui:disabled' : true ,
68
+ ' ui:hidden' : true
69
+ }
70
+ }
71
+ },
72
+ {
73
+ title: ' 其他栏目' ,
74
+ required: [' text' ],
75
+ properties: {
76
+ text: {
77
+ type: ' string' ,
78
+ title: ' 栏目名称'
79
+ }
80
+ }
81
+ }
82
+ ]
83
+ }
84
+ }
85
+ }
86
+ },
87
+ };
88
+ },
89
+ created () {
90
+ // 初始数据
91
+ // this.formData = {
92
+ // item: [
93
+ // {
94
+ // text: '作者'
95
+ // },
96
+ // {
97
+ // imgUrl: '',
98
+ // step: 1,
99
+ // text: '机构'
100
+ // }
101
+ // ]
102
+ // };
103
+ },
104
+ methods: {
105
+ handleSubmit (formData ) {
106
+ debugger ;
107
+ }
108
+ }
109
+ };
110
+ </script >
111
+
112
+
113
+ <style scoped>
114
+ .demo-wrapper {
115
+ z-index : 1000 ;
116
+ position : fixed ;
117
+ width : 100% ;
118
+ height : 100% ;
119
+ background : #FFFFFF ;
120
+ }
121
+ .demo-form-box {
122
+ margin : 0 auto ;
123
+ width : 600px ;
124
+ }
125
+ </style >
Original file line number Diff line number Diff line change 10
10
< body >
11
11
< div id ="app "> </ div >
12
12
< script src ="//cdn.jsdelivr.net/npm/@lljj/polyfill@0.1.1/dist/polyfill.umd.min.js "> </ script >
13
- < script src ="//cdn.bootcss.com/vue/ 2.6.10/vue.js "> </ script >
14
- < script src ="//cdn.bootcss.com/ vue-router/ 3.1.3/vue-router.min.js "> </ script >
13
+ < script src ="//cdn.jsdelivr.net/npm/vue@ 2.6.10/dist/ vue.min .js "> </ script >
14
+ < script src ="//cdn.jsdelivr.net/npm/ vue-router@ 3.1.3/dist /vue-router.min.js "> </ script >
15
15
< script src ="//cdn.jsdelivr.net/npm/element-ui@2.13.0/lib/index.js "> </ script >
16
16
</ body >
17
17
</ html >
Original file line number Diff line number Diff line change @@ -42,6 +42,7 @@ export default function createForm(globalOptions = {}) {
42
42
data ( ) {
43
43
const formData = getDefaultFormState ( this . $props . schema , this . $props . value , this . $props . schema ) ;
44
44
45
+ debugger ;
45
46
// 保持v-model双向数据及时性
46
47
this . emitFormDataChange ( formData , this . value ) ;
47
48
You can’t perform that action at this time.
0 commit comments