tianheng-ui 0.1.63 → 0.1.65

Sign up to get free protection for your applications and to get access to all the features.
Files changed (60) hide show
  1. package/lib/theme-chalk/index.scss +1 -1
  2. package/lib/theme-chalk/styles/feature.scss +1 -0
  3. package/lib/tianheng-ui.js +13 -13
  4. package/package.json +1 -1
  5. package/packages/CodeEditor/index.vue +41 -19
  6. package/packages/FormMaking/GenerateForm.vue +67 -71
  7. package/packages/FormMaking/WidgetConfig.vue +1 -1
  8. package/packages/FormMaking/WidgetForm.vue +11 -5
  9. package/packages/FormMaking/WidgetFormItem.vue +11 -4
  10. package/packages/FormMaking/WidgetGuide.vue +0 -0
  11. package/packages/FormMaking/WidgetTools.vue +2 -2
  12. package/packages/FormMaking/custom/config.js +320 -76
  13. package/packages/FormMaking/custom/configs/blank.vue +1 -1
  14. package/packages/FormMaking/custom/configs/button.vue +2 -2
  15. package/packages/FormMaking/custom/configs/cascader.vue +71 -34
  16. package/packages/FormMaking/custom/configs/cell.vue +1 -1
  17. package/packages/FormMaking/custom/configs/checkbox.vue +95 -64
  18. package/packages/FormMaking/custom/configs/color.vue +1 -1
  19. package/packages/FormMaking/custom/configs/date.vue +1 -1
  20. package/packages/FormMaking/custom/configs/descriptions.vue +314 -0
  21. package/packages/FormMaking/custom/configs/divider.vue +1 -1
  22. package/packages/FormMaking/custom/configs/editor.vue +1 -1
  23. package/packages/FormMaking/custom/configs/filler.vue +1 -1
  24. package/packages/FormMaking/custom/configs/grid.vue +33 -22
  25. package/packages/FormMaking/custom/configs/image.vue +1 -1
  26. package/packages/FormMaking/custom/configs/input.vue +1 -1
  27. package/packages/FormMaking/custom/configs/number.vue +1 -1
  28. package/packages/FormMaking/custom/configs/radio.vue +84 -53
  29. package/packages/FormMaking/custom/configs/rate.vue +1 -1
  30. package/packages/FormMaking/custom/configs/select.vue +157 -158
  31. package/packages/FormMaking/custom/configs/slider.vue +1 -1
  32. package/packages/FormMaking/custom/configs/switch.vue +1 -1
  33. package/packages/FormMaking/custom/configs/table.vue +1 -1
  34. package/packages/FormMaking/custom/configs/tableH5.vue +1 -1
  35. package/packages/FormMaking/custom/configs/tabs.vue +1 -1
  36. package/packages/FormMaking/custom/configs/text.vue +1 -1
  37. package/packages/FormMaking/custom/configs/textarea.vue +1 -1
  38. package/packages/FormMaking/custom/configs/time.vue +1 -1
  39. package/packages/FormMaking/custom/configs/upload.vue +1 -1
  40. package/packages/FormMaking/custom/configs/workflow.vue +494 -0
  41. package/packages/FormMaking/custom/index.js +4 -2
  42. package/packages/FormMaking/custom/items/cascader.vue +2 -2
  43. package/packages/FormMaking/custom/items/checkbox.vue +6 -10
  44. package/packages/FormMaking/custom/items/descriptions.vue +75 -0
  45. package/packages/FormMaking/custom/items/grid_dev.vue +2 -2
  46. package/packages/FormMaking/custom/items/list_dev.vue +10 -22
  47. package/packages/FormMaking/custom/items/radio.vue +5 -9
  48. package/packages/FormMaking/custom/items/select.vue +2 -4
  49. package/packages/FormMaking/custom/items/tableH5_dev.vue +9 -18
  50. package/packages/FormMaking/custom/items/table_dev.vue +13 -3
  51. package/packages/FormMaking/custom/items/tabs_dev.vue +3 -2
  52. package/packages/FormMaking/custom/items/workflow.vue +131 -0
  53. package/packages/FormMaking/custom/register.js +15 -1
  54. package/packages/FormMaking/index.vue +61 -27
  55. package/packages/FormMaking/styles/index.scss +156 -478
  56. package/packages/TableMaking/index.vue +4 -1
  57. package/packages/TableMaking/widgetGuide.vue +96 -0
  58. package/packages/TableMaking/widgetTable.vue +0 -7
  59. package/packages/Workflow/index.vue +0 -31
  60. package/packages/FormMaking/GenerateFormItemH5.vue +0 -825
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -33,10 +33,10 @@
33
33
 
34
34
  <el-form-item label="数据类型">
35
35
  <el-radio-group
36
- v-model="widget.options.remote"
36
+ v-model="widget.options.remote.open"
37
37
  @input="
38
38
  val => {
39
- if (!val) widget.options.remoteFunc = '';
39
+ if (!val) widget.options.remote.api = '';
40
40
  }
41
41
  "
42
42
  >
@@ -46,74 +46,71 @@
46
46
  </el-form-item>
47
47
 
48
48
  <el-form-item label-width="0">
49
- <template v-if="widget.options.remote">
49
+ <template v-if="widget.options.remote.open">
50
50
  <el-select
51
- style="width:100%"
52
- v-model="widget.options.remoteFunc"
53
- placeholder="请选择"
54
- no-data-text="暂无数据,请查阅相关文档说明"
55
- clearable
56
- filterable
57
- >
58
- <el-option
59
- v-for="item in apiOptions"
60
- :key="item.id"
61
- :label="item.name"
62
- :value="item.id"
51
+ style="width:100%;margin-bottom:5px;"
52
+ v-model="widget.options.remote.api"
53
+ placeholder="请选择"
54
+ no-data-text="暂无数据,请查阅相关文档说明"
55
+ clearable
56
+ filterable
63
57
  >
64
- </el-option>
65
- </el-select>
58
+ <el-option
59
+ v-for="item in apiOptions"
60
+ :key="item.id"
61
+ :label="item.name"
62
+ :value="item.id"
63
+ >
64
+ </el-option>
65
+ </el-select>
66
66
 
67
- <el-input v-model="widget.options.props.value">
68
- <div slot="prepend" style="width:50px;">值</div>
67
+ <el-input
68
+ style="margin-bottom:5px;"
69
+ v-model="widget.options.remote.props.value"
70
+ >
71
+ <div slot="prepend">内容</div>
69
72
  </el-input>
70
- <el-input v-model="widget.options.props.label">
71
- <div slot="prepend" style="width:50px;">标签</div>
73
+ <el-input
74
+ style="margin-bottom:5px;"
75
+ v-model="widget.options.remote.props.label"
76
+ >
77
+ <div slot="prepend">标签</div>
72
78
  </el-input>
73
- <el-input v-model="widget.options.props.children">
74
- <div slot="prepend" style="width:50px">子选项</div>
79
+ <el-input
80
+ style="margin-bottom:5px;"
81
+ v-model="widget.options.remote.props.children"
82
+ >
83
+ <div slot="prepend">子选项</div>
75
84
  </el-input>
76
85
  </template>
77
86
  <template v-else>
78
- <el-switch
79
- v-model="widget.options.showLabel"
80
- active-text="显示标签"
81
- inactive-text="隐藏标签"
82
- >
83
- </el-switch>
84
- <el-radio-group v-model="widget.options.defaultValue">
87
+ <el-radio-group style="width: 100%;" v-model="widget.options.defaultValue">
85
88
  <draggable
86
- tag="ul"
87
89
  :list="widget.options.options"
88
90
  v-bind="{
89
91
  group: { name: 'options' },
90
92
  ghostClass: 'ghost',
91
- handle: '.drag-item'
93
+ handle: '.drag'
92
94
  }"
93
- handle=".drag-item"
95
+ handle=".drag"
94
96
  >
95
- <li v-for="(item, index) in widget.options.options" :key="index">
96
- <el-radio :label="item.value" style="margin-right: 5px;">
97
- <el-input
98
- :style="{
99
- width: widget.options.showLabel ? '90px' : '180px'
100
- }"
101
- v-model="item.value"
102
- ></el-input>
97
+ <div
98
+ v-for="(item, index) in widget.options.options"
99
+ class="draggable-item"
100
+ :key="index"
101
+ >
102
+ <i class="drag"><i class="iconfont icon-icon_bars"></i></i>
103
+ <el-radio :label="item.value"> <span></span> </el-radio>
104
+ <div class="content">
103
105
  <el-input
104
106
  v-if="widget.options.showLabel"
105
- style="width:90px;"
106
107
  v-model="item.label"
107
108
  >
108
109
  </el-input>
109
- </el-radio>
110
- <i
111
- class="drag-item"
112
- style="font-size: 16px;margin: 0 5px;cursor: move;"
113
- ><i class="iconfont icon-icon_bars"></i
114
- ></i>
110
+ <el-input v-model="item.value"></el-input>
111
+ </div>
115
112
  <el-button
116
- style="padding: 4px;margin-left: 5px;"
113
+ class="delete"
117
114
  type="danger"
118
115
  size="mini"
119
116
  icon="el-icon-minus"
@@ -122,11 +119,19 @@
122
119
  :disabled="widget.options.defaultValue === item.value"
123
120
  @click="handleOptionsRemove(index)"
124
121
  ></el-button>
125
- </li>
122
+ </div>
126
123
  </draggable>
127
124
  </el-radio-group>
128
125
 
129
- <div style="margin-left: 22px;">
126
+ <div
127
+ style="display: flex;align-items: center; justify-content: space-between;"
128
+ >
129
+ <el-switch
130
+ v-model="widget.options.showLabel"
131
+ active-text="显示标签"
132
+ inactive-text="隐藏标签"
133
+ >
134
+ </el-switch>
130
135
  <el-button type="text" @click="handleAddOption">添加选项</el-button>
131
136
  </div>
132
137
  </template>
@@ -174,4 +179,30 @@ export default {
174
179
  };
175
180
  </script>
176
181
 
177
- <style></style>
182
+ <style lang="scss" scoped>
183
+ .draggable-item {
184
+ margin-bottom: 5px;
185
+ display: flex;
186
+ align-items: center;
187
+ .el-radio {
188
+ margin-right: 0;
189
+ padding-left: 10px;
190
+ }
191
+
192
+ .content {
193
+ flex: 1;
194
+ display: flex;
195
+ margin-right: 5px;
196
+ > div {
197
+ margin: 0 2px;
198
+ }
199
+ }
200
+ .drag {
201
+ font-size: 16px;
202
+ cursor: move;
203
+ }
204
+ .delete {
205
+ padding: 4px;
206
+ }
207
+ }
208
+ </style>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -28,12 +28,20 @@
28
28
  <el-input v-model="widget.options.placeholder"></el-input>
29
29
  </el-form-item>
30
30
 
31
+ <el-form-item label="是否多选">
32
+ <el-switch
33
+ v-model="widget.options.multiple"
34
+ @change="handleSelectMuliple"
35
+ >
36
+ </el-switch>
37
+ </el-form-item>
38
+
31
39
  <el-form-item label="数据类型">
32
40
  <el-radio-group
33
- v-model="widget.options.remote"
41
+ v-model="widget.options.remote.open"
34
42
  @input="
35
43
  val => {
36
- if (!val) widget.options.remoteFunc = '';
44
+ if (!val) widget.options.remote.api = '';
37
45
  }
38
46
  "
39
47
  >
@@ -43,150 +51,131 @@
43
51
  </el-form-item>
44
52
 
45
53
  <el-form-item label-width="0">
46
- <template v-if="widget.options.remote">
54
+ <template v-if="widget.options.remote.open">
47
55
  <el-select
48
- style="width:100%"
49
- v-model="widget.options.remoteFunc"
50
- placeholder="请选择"
51
- no-data-text="暂无数据,请查阅相关文档说明"
52
- clearable
53
- filterable
54
- >
55
- <el-option
56
- v-for="item in apiOptions"
57
- :key="item.id"
58
- :label="item.name"
59
- :value="item.id"
56
+ style="width:100%"
57
+ v-model="widget.options.remote.api"
58
+ placeholder="请选择"
59
+ no-data-text="暂无数据,请查阅相关文档说明"
60
+ clearable
61
+ filterable
60
62
  >
61
- </el-option>
62
- </el-select>
63
+ <el-option
64
+ v-for="item in apiOptions"
65
+ :key="item.id"
66
+ :label="item.name"
67
+ :value="item.id"
68
+ >
69
+ </el-option>
70
+ </el-select>
63
71
 
64
- <el-input v-model="widget.options.props.value">
72
+ <el-input v-model="widget.options.remote.props.value">
65
73
  <div slot="prepend" style="width:50px;">值</div>
66
74
  </el-input>
67
- <el-input v-model="widget.options.props.label">
75
+ <el-input v-model="widget.options.remote.props.label">
68
76
  <div slot="prepend" style="width:50px;">标签</div>
69
77
  </el-input>
70
- <el-input v-model="widget.options.props.children">
78
+ <el-input v-model="widget.options.remote.props.children">
71
79
  <div slot="prepend" style="width:50px">子选项</div>
72
80
  </el-input>
73
81
  </template>
74
82
  <template v-else>
75
- <el-switch
76
- v-model="widget.options.showLabel"
77
- active-text="显示标签"
78
- inactive-text="隐藏标签"
83
+ <el-checkbox-group
84
+ v-if="widget.options.multiple"
85
+ style="width: 100%;"
86
+ v-model="widget.options.defaultValue"
79
87
  >
80
- </el-switch>
81
- <template v-if="widget.options.multiple">
82
- <el-checkbox-group v-model="widget.options.defaultValue">
83
- <draggable
84
- tag="ul"
85
- :list="widget.options.options"
86
- v-bind="{
87
- group: { name: 'options' },
88
- ghostClass: 'ghost',
89
- handle: '.drag-item'
90
- }"
91
- handle=".drag-item"
88
+ <draggable
89
+ :list="widget.options.options"
90
+ v-bind="{
91
+ group: { name: 'options' },
92
+ ghostClass: 'ghost',
93
+ handle: '.drag'
94
+ }"
95
+ handle=".drag"
96
+ >
97
+ <div
98
+ v-for="(item, index) in widget.options.options"
99
+ class="draggable-item"
100
+ :key="index"
92
101
  >
93
- <li
94
- v-for="(item, index) in widget.options.options"
95
- :key="index"
96
- >
97
- <el-checkbox :label="item.value" style="margin-right: 5px;">
98
- <el-input
99
- v-model="item.value"
100
- :style="{
101
- width: widget.options.showLabel ? '90px' : '180px'
102
- }"
103
- :disabled="
104
- widget.options.defaultValue.indexOf(item.value) !== -1
105
- "
106
- ></el-input>
107
- <el-input
108
- v-show="widget.options.showLabel"
109
- style="width:90px;"
110
- v-model="item.label"
111
- placeholder="标签"
112
- >
113
- </el-input>
114
- </el-checkbox>
115
- <i
116
- class="drag-item"
117
- style="font-size: 16px;margin: 0 5px;cursor: move;"
118
- ><i class="iconfont icon-icon_bars"></i
119
- ></i>
120
- <el-button
121
- style="padding: 2px;margin-left: 5px;"
122
- type="danger"
123
- icon="el-icon-minus"
124
- circle
125
- plain
126
- :disabled="
127
- widget.options.defaultValue.indexOf(item.value) !== -1
128
- "
129
- @click="handleOptionsRemove(index)"
130
- ></el-button>
131
- </li>
132
- </draggable>
133
- </el-checkbox-group>
134
- </template>
135
- <template v-else>
136
- <el-radio-group v-model="widget.options.defaultValue">
137
- <draggable
138
- tag="ul"
139
- :list="widget.options.options"
140
- v-bind="{
141
- group: { name: 'options' },
142
- ghostClass: 'ghost',
143
- handle: '.drag-item'
144
- }"
145
- handle=".drag-item"
102
+ <i class="drag"><i class="iconfont icon-icon_bars"></i></i>
103
+ <el-checkbox :label="item.value"><span></span></el-checkbox>
104
+ <div class="content">
105
+ <el-input
106
+ v-show="widget.options.showLabel"
107
+ v-model="item.label"
108
+ >
109
+ </el-input>
110
+ <el-input v-model="item.value"></el-input>
111
+ </div>
112
+ <el-button
113
+ class="delete"
114
+ type="danger"
115
+ icon="el-icon-minus"
116
+ circle
117
+ plain
118
+ :disabled="
119
+ widget.options.defaultValue.indexOf(item.value) !== -1
120
+ "
121
+ @click="handleOptionsRemove(index)"
122
+ ></el-button>
123
+ </div>
124
+ </draggable>
125
+ </el-checkbox-group>
126
+
127
+ <el-radio-group
128
+ v-else
129
+ style="width: 100%;"
130
+ v-model="widget.options.defaultValue"
131
+ >
132
+ <draggable
133
+ :list="widget.options.options"
134
+ v-bind="{
135
+ group: { name: 'options' },
136
+ ghostClass: 'ghost',
137
+ handle: '.drag'
138
+ }"
139
+ handle=".drag"
140
+ >
141
+ <div
142
+ v-for="(item, index) in widget.options.options"
143
+ class="draggable-item"
144
+ :key="index"
146
145
  >
147
- <li
148
- v-for="(item, index) in widget.options.options"
149
- :key="index"
150
- >
151
- <el-radio :label="item.value" style="margin-right: 5px;">
152
- <el-input
153
- :style="{
154
- width: widget.options.showLabel ? '90px' : '180px'
155
- }"
156
- v-model="item.value"
157
- ></el-input>
158
- <el-input
159
- style="width:90px;"
160
- size="mini"
161
- v-if="widget.options.showLabel"
162
- v-model="item.label"
163
- >
164
- </el-input>
165
- <!-- <input v-model="item.value"/> -->
166
- </el-radio>
167
- <i
168
- class="drag-item"
169
- style="font-size: 16px;margin: 0 5px;cursor: move;"
170
- ><i class="iconfont icon-icon_bars"></i
171
- ></i>
172
- <el-button
173
- style="padding: 4px;margin-left: 5px;"
174
- circle
175
- plain
176
- type="danger"
177
- size="mini"
178
- icon="el-icon-minus"
179
- :disabled="
180
- widget.options.defaultValue.indexOf(item.value) !== -1
181
- "
182
- @click="handleOptionsRemove(index)"
183
- ></el-button>
184
- </li>
185
- </draggable>
186
- </el-radio-group>
187
- </template>
146
+ <i class="drag"><i class="iconfont icon-icon_bars"></i></i>
147
+ <el-radio :label="item.value"> <span></span> </el-radio>
148
+ <div class="content">
149
+ <el-input
150
+ v-if="widget.options.showLabel"
151
+ v-model="item.label"
152
+ >
153
+ </el-input>
154
+ <el-input v-model="item.value"></el-input>
155
+ </div>
156
+ <el-button
157
+ class="delete"
158
+ type="danger"
159
+ size="mini"
160
+ icon="el-icon-minus"
161
+ circle
162
+ plain
163
+ :disabled="widget.options.defaultValue === item.value"
164
+ @click="handleOptionsRemove(index)"
165
+ ></el-button>
166
+ </div>
167
+ </draggable>
168
+ </el-radio-group>
188
169
 
189
- <div style="margin-left: 22px;">
170
+ <div
171
+ style="display: flex;align-items: center; justify-content: space-between;"
172
+ >
173
+ <el-switch
174
+ v-model="widget.options.showLabel"
175
+ active-text="显示标签"
176
+ inactive-text="隐藏标签"
177
+ >
178
+ </el-switch>
190
179
  <el-button type="text" @click="handleAddOption">添加选项</el-button>
191
180
  </div>
192
181
  </template>
@@ -196,15 +185,12 @@
196
185
  <el-input
197
186
  :value="
198
187
  widget.options.multiple
199
- ? JSON.stringify(widget.options.defaultValue || [])
188
+ ? JSON.stringify(widget.options.defaultValue)
200
189
  : widget.options.defaultValue
201
190
  "
191
+ :readonly="widget.options.multiple"
202
192
  clearable
203
- @clear="
204
- widget.options.multiple
205
- ? (widget.options.defaultValue = [])
206
- : (widget.options.defaultValue = '')
207
- "
193
+ @clear="widget.options.defaultValue = ''"
208
194
  ></el-input>
209
195
  </el-form-item>
210
196
 
@@ -213,12 +199,6 @@
213
199
  <el-checkbox v-model="widget.options.hidden">隐藏组件 </el-checkbox>
214
200
  <el-checkbox v-model="widget.options.hideLabel">隐藏标签 </el-checkbox>
215
201
  <el-checkbox v-model="widget.options.clearable">清除按钮</el-checkbox>
216
- <el-checkbox
217
- v-model="widget.options.multiple"
218
- @change="handleSelectMuliple"
219
- >
220
- 是否多选
221
- </el-checkbox>
222
202
  <el-checkbox v-model="widget.options.collapseTags">折叠Tag</el-checkbox>
223
203
  <el-checkbox v-model="widget.options.filterable">可搜索</el-checkbox>
224
204
  <el-checkbox v-model="widget.options.allowCreate">创建条目</el-checkbox>
@@ -243,19 +223,8 @@ export default {
243
223
  mounted() {},
244
224
  methods: {
245
225
  handleSelectMuliple(value) {
246
- if (value) {
247
- if (this.widget.options.defaultValue) {
248
- this.widget.options.defaultValue = [this.widget.options.defaultValue];
249
- } else {
250
- this.widget.options.defaultValue = [];
251
- }
252
- } else {
253
- if (this.widget.options.defaultValue.length > 0) {
254
- this.widget.options.defaultValue = this.widget.options.defaultValue[0];
255
- } else {
256
- this.widget.options.defaultValue = "";
257
- }
258
- }
226
+ if (value) this.widget.options.defaultValue = [];
227
+ else this.widget.options.defaultValue = "";
259
228
  },
260
229
  handleAddOption() {
261
230
  this.widget.options.options.push({
@@ -270,4 +239,34 @@ export default {
270
239
  };
271
240
  </script>
272
241
 
273
- <style></style>
242
+ <style lang="scss" scoped>
243
+ .draggable-item {
244
+ margin-bottom: 5px;
245
+ display: flex;
246
+ align-items: center;
247
+ .el-checkbox {
248
+ margin-right: 0;
249
+ padding-left: 10px;
250
+ }
251
+ .el-radio {
252
+ margin-right: 0;
253
+ padding-left: 10px;
254
+ }
255
+
256
+ .content {
257
+ flex: 1;
258
+ display: flex;
259
+ margin-right: 5px;
260
+ > div {
261
+ margin: 0 2px;
262
+ }
263
+ }
264
+ .drag {
265
+ font-size: 16px;
266
+ cursor: move;
267
+ }
268
+ .delete {
269
+ padding: 4px;
270
+ }
271
+ }
272
+ </style>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="configComponents">
2
+ <div class="component-config">
3
3
  <el-collapse-item title="组件配置" name="group-element">
4
4
  <el-form-item label="标题">
5
5
  <el-input v-model="widget.name"></el-input>