tianheng-ui 0.1.63 → 0.1.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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>