tianheng-ui 0.1.23 → 0.1.25

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 (37) hide show
  1. package/lib/tianheng-ui.js +13 -13
  2. package/package.json +1 -1
  3. package/packages/FormMaking/FormConfig.vue +64 -5
  4. package/packages/FormMaking/WidgetConfig.vue +151 -33
  5. package/packages/FormMaking/WidgetTools.vue +1 -1
  6. package/packages/FormMaking/custom/config.js +10 -7
  7. package/packages/FormMaking/custom/configs/blank.vue +2 -6
  8. package/packages/FormMaking/custom/configs/button.vue +4 -46
  9. package/packages/FormMaking/custom/configs/cascader.vue +4 -45
  10. package/packages/FormMaking/custom/configs/cell.vue +2 -6
  11. package/packages/FormMaking/custom/configs/checkbox.vue +15 -62
  12. package/packages/FormMaking/custom/configs/color.vue +2 -43
  13. package/packages/FormMaking/custom/configs/date.vue +2 -42
  14. package/packages/FormMaking/custom/configs/divider.vue +2 -6
  15. package/packages/FormMaking/custom/configs/editor.vue +2 -6
  16. package/packages/FormMaking/custom/configs/filler.vue +2 -6
  17. package/packages/FormMaking/custom/configs/grid.vue +2 -6
  18. package/packages/FormMaking/custom/configs/image.vue +2 -6
  19. package/packages/FormMaking/custom/configs/input.vue +2 -42
  20. package/packages/FormMaking/custom/configs/number.vue +3 -47
  21. package/packages/FormMaking/custom/configs/radio.vue +13 -60
  22. package/packages/FormMaking/custom/configs/rate.vue +2 -44
  23. package/packages/FormMaking/custom/configs/select.vue +12 -58
  24. package/packages/FormMaking/custom/configs/slider.vue +2 -43
  25. package/packages/FormMaking/custom/configs/switch.vue +2 -43
  26. package/packages/FormMaking/custom/configs/table.vue +2 -6
  27. package/packages/FormMaking/custom/configs/tableH5.vue +2 -6
  28. package/packages/FormMaking/custom/configs/tabs.vue +14 -23
  29. package/packages/FormMaking/custom/configs/text.vue +6 -7
  30. package/packages/FormMaking/custom/configs/textarea.vue +4 -45
  31. package/packages/FormMaking/custom/configs/time.vue +2 -43
  32. package/packages/FormMaking/custom/configs/upload.vue +6 -11
  33. package/packages/FormMaking/index.vue +10 -37
  34. package/packages/TableMaking/WidgetTools.vue +8 -8
  35. package/packages/TableMaking/custom/config.js +1 -0
  36. package/packages/TableMaking/index.vue +9 -2
  37. package/packages/TableMaking/widgetConfig.vue +65 -21
package/packages/FormMaking/custom/configs/checkbox.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -37,42 +33,36 @@
37
33
 
38
34
  <el-form-item label="设置范围">
39
35
  <div style="display: flex;">
40
- <div style="flex:1;">最小勾选：</div>
36
+ <div style="width: 80px;">最小勾选：</div>
41
37
  <el-input-number v-model="widget.options.min" :min="0">
42
38
  </el-input-number>
43
39
  </div>
44
40
  <div style="display: flex;">
45
- <div style="flex:1;">最大勾选：</div>
41
+ <div style="width: 80px;">最大勾选：</div>
46
42
  <el-input-number v-model="widget.options.max" :min="0">
47
43
  </el-input-number>
48
44
  </div>
49
45
  </el-form-item>
50
46
 
51
- <el-form-item label="选项">
52
- <div class="config-header" slot="label">
53
- <span class="title">选项</span>
54
- <el-radio-group
55
- class="value"
56
- v-model="widget.options.remote"
57
- size="mini"
58
- >
59
- <el-radio-button :label="false">静态数据</el-radio-button>
60
- <el-radio-button :label="true">远端数据</el-radio-button>
61
- </el-radio-group>
62
- </div>
47
+ <el-form-item label="数据类型">
48
+ <el-radio-group v-model="widget.options.remote">
49
+ <el-radio-button :label="false">静态数据</el-radio-button>
50
+ <el-radio-button :label="true">远端数据</el-radio-button>
51
+ </el-radio-group>
52
+ </el-form-item>
53
+ <el-form-item label-width="0">
63
54
  <template v-if="widget.options.remote">
64
55
  <el-select
65
56
  style="width:100%"
66
57
  v-model="widget.options.remoteFunc"
67
- :value-key="config.remoteFuncs.props.key"
68
58
  placeholder="请选择远端方法"
69
59
  clearable
70
60
  >
71
61
  <el-option
72
- v-for="item in config.remoteFuncs.options"
73
- :key="item[config.remoteFuncs.props.key]"
74
- :label="item[config.remoteFuncs.props.label]"
75
- :value="item"
62
+ v-for="item in config.network"
63
+ :key="item.id"
64
+ :label="item.label"
65
+ :value="item.id"
76
66
  >
77
67
  </el-option>
78
68
  </el-select>
@@ -167,44 +157,7 @@
167
157
  <el-form-item label="校验">
168
158
  <el-checkbox v-model="widget.options.required">必填</el-checkbox>
169
159
  </el-form-item>
170
-
171
- <el-form-item>
172
- <div class="config-header" slot="label">
173
- <span class="title">动作设置</span>
174
- <span class="value" @click="handleEventsShow">配置</span>
175
- </div>
176
- <el-collapse class="eventsCollapse">
177
- <el-collapse-item
178
- v-for="event in Object.keys(widget.events)"
179
- :key="event"
180
- :title="event"
181
- :name="event"
182
- >
183
- <div class="eventsCollapse-item">
184
- <el-select
185
- v-model="widget.events[event]"
186
- placeholder="请选择"
187
- size="mini"
188
- clearable
189
- >
190
- <el-option
191
- v-for="item in config.eventScript"
192
- :key="item.id"
193
- :label="item.label"
194
- :value="item.id"
195
- >
196
- </el-option>
197
- </el-select>
198
- <i
199
- v-if="widget.events[event]"
200
- class="el-icon-edit"
201
- @click="handleEventsEdit(widget.events[event])"
202
- ></i>
203
- </div>
204
- </el-collapse-item>
205
- </el-collapse>
206
- </el-form-item>
207
- </el-form>
160
+ </el-collapse-item>
208
161
  </div>
209
162
  </template>
210
163
 
package/packages/FormMaking/custom/configs/color.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -64,44 +60,7 @@
64
60
  <el-form-item label="校验">
65
61
  <el-checkbox v-model="widget.options.required">必填</el-checkbox>
66
62
  </el-form-item>
67
-
68
- <el-form-item>
69
- <div class="config-header" slot="label">
70
- <span class="title">动作设置</span>
71
- <span class="value" @click="handleEventsShow">配置</span>
72
- </div>
73
- <el-collapse class="eventsCollapse">
74
- <el-collapse-item
75
- v-for="event in Object.keys(widget.events)"
76
- :key="event"
77
- :title="event"
78
- :name="event"
79
- >
80
- <div class="eventsCollapse-item">
81
- <el-select
82
- v-model="widget.events[event]"
83
- placeholder="请选择"
84
- size="mini"
85
- clearable
86
- >
87
- <el-option
88
- v-for="item in config.eventScript"
89
- :key="item.id"
90
- :label="item.label"
91
- :value="item.id"
92
- >
93
- </el-option>
94
- </el-select>
95
- <i
96
- v-if="widget.events[event]"
97
- class="el-icon-edit"
98
- @click="handleEventsEdit(widget.events[event])"
99
- ></i>
100
- </div>
101
- </el-collapse-item>
102
- </el-collapse>
103
- </el-form-item>
104
- </el-form>
63
+ </el-collapse-item>
105
64
  </div>
106
65
  </template>
107
66
 
package/packages/FormMaking/custom/configs/date.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -104,43 +100,7 @@
104
100
  <el-form-item label="校验">
105
101
  <el-checkbox v-model="widget.options.required">必填</el-checkbox>
106
102
  </el-form-item>
107
-
108
- <el-form-item>
109
- <div class="config-header" slot="label">
110
- <span class="title">动作设置</span>
111
- <span class="value" @click="handleEventsShow">配置</span>
112
- </div>
113
- <el-collapse class="eventsCollapse">
114
- <el-collapse-item
115
- v-for="event in Object.keys(widget.events)"
116
- :key="event"
117
- :title="event"
118
- :name="event"
119
- >
120
- <div class="eventsCollapse-item">
121
- <el-select
122
- v-model="widget.events[event]"
123
- placeholder="请选择"
124
- clearable
125
- >
126
- <el-option
127
- v-for="item in config.eventScript"
128
- :key="item.id"
129
- :label="item.label"
130
- :value="item.id"
131
- >
132
- </el-option>
133
- </el-select>
134
- <i
135
- v-if="widget.events[event]"
136
- class="el-icon-edit"
137
- @click="handleEventsEdit(widget.events[event])"
138
- ></i>
139
- </div>
140
- </el-collapse-item>
141
- </el-collapse>
142
- </el-form-item>
143
- </el-form>
103
+ </el-collapse-item>
144
104
  </div>
145
105
  </template>
146
106
 
package/packages/FormMaking/custom/configs/divider.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -44,7 +40,7 @@
44
40
  <el-checkbox v-model="widget.options.hidden">隐藏组件 </el-checkbox>
45
41
  <el-checkbox v-model="widget.options.hideLabel">隐藏标签 </el-checkbox>
46
42
  </el-form-item>
47
- </el-form>
43
+ </el-collapse-item>
48
44
  </div>
49
45
  </template>
50
46
 
package/packages/FormMaking/custom/configs/editor.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -50,7 +46,7 @@
50
46
  <el-form-item label="校验">
51
47
  <el-checkbox v-model="widget.options.required">必填</el-checkbox>
52
48
  </el-form-item>
53
- </el-form>
49
+ </el-collapse-item>
54
50
  </div>
55
51
  </template>
56
52
 
package/packages/FormMaking/custom/configs/filler.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -36,7 +32,7 @@
36
32
  <el-checkbox v-model="widget.options.hidden">隐藏组件 </el-checkbox>
37
33
  <el-checkbox v-model="widget.options.hideLabel">隐藏标签 </el-checkbox>
38
34
  </el-form-item>
39
- </el-form>
35
+ </el-collapse-item>
40
36
  </div>
41
37
  </template>
42
38
 
package/packages/FormMaking/custom/configs/grid.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -72,7 +68,7 @@
72
68
  <el-option value="bottom" label="底部对齐"></el-option>
73
69
  </el-select>
74
70
  </el-form-item>
75
- </el-form>
71
+ </el-collapse-item>
76
72
  </div>
77
73
  </template>
78
74
 
package/packages/FormMaking/custom/configs/image.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -103,7 +99,7 @@
103
99
  >
104
100
  <el-checkbox v-model="widget.options.isLazy">开启懒加载</el-checkbox>
105
101
  </el-form-item>
106
- </el-form>
102
+ </el-collapse-item>
107
103
  </div>
108
104
  </template>
109
105
 
package/packages/FormMaking/custom/configs/input.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name" clearable></el-input>
10
6
  </el-form-item>
@@ -150,43 +146,7 @@
150
146
  ></el-button>
151
147
  </div>
152
148
  </el-form-item>
153
-
154
- <el-form-item>
155
- <div class="config-header" slot="label">
156
- <span class="title">动作设置</span>
157
- <span class="value" @click="handleEventsShow">配置</span>
158
- </div>
159
- <el-collapse class="eventsCollapse">
160
- <el-collapse-item
161
- v-for="event in Object.keys(widget.events)"
162
- :key="event"
163
- :title="event"
164
- :name="event"
165
- >
166
- <div class="eventsCollapse-item">
167
- <el-select
168
- v-model="widget.events[event]"
169
- placeholder="请选择"
170
- clearable
171
- >
172
- <el-option
173
- v-for="item in config.eventScript"
174
- :key="item.id"
175
- :label="item.label"
176
- :value="item.id"
177
- >
178
- </el-option>
179
- </el-select>
180
- <i
181
- v-if="widget.events[event]"
182
- class="el-icon-edit"
183
- @click="handleEventsEdit(widget.events[event])"
184
- ></i>
185
- </div>
186
- </el-collapse-item>
187
- </el-collapse>
188
- </el-form-item>
189
- </el-form>
149
+ </el-collapse-item>
190
150
  </div>
191
151
  </template>
192
152
 
package/packages/FormMaking/custom/configs/number.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -36,10 +32,7 @@
36
32
  </div>
37
33
  <div style="display: flex;">
38
34
  <div style="flex:1;">最大值：</div>
39
- <el-input-number
40
- v-model="widget.options.max"
41
- :min="-1"
42
- >
35
+ <el-input-number v-model="widget.options.max" :min="-1">
43
36
  </el-input-number>
44
37
  </div>
45
38
  <div style="display: flex;">
@@ -82,44 +75,7 @@
82
75
  <el-form-item label="校验">
83
76
  <el-checkbox v-model="widget.options.required">必填</el-checkbox>
84
77
  </el-form-item>
85
-
86
- <el-form-item>
87
- <div class="config-header" slot="label">
88
- <span class="title">动作设置</span>
89
- <span class="value" @click="handleEventsShow">配置</span>
90
- </div>
91
- <el-collapse class="eventsCollapse">
92
- <el-collapse-item
93
- v-for="event in Object.keys(widget.events)"
94
- :key="event"
95
- :title="event"
96
- :name="event"
97
- >
98
- <div class="eventsCollapse-item">
99
- <el-select
100
- v-model="widget.events[event]"
101
- placeholder="请选择"
102
- size="mini"
103
- clearable
104
- >
105
- <el-option
106
- v-for="item in config.eventScript"
107
- :key="item.id"
108
- :label="item.label"
109
- :value="item.id"
110
- >
111
- </el-option>
112
- </el-select>
113
- <i
114
- v-if="widget.events[event]"
115
- class="el-icon-edit"
116
- @click="handleEventsEdit(widget.events[event])"
117
- ></i>
118
- </div>
119
- </el-collapse-item>
120
- </el-collapse>
121
- </el-form-item>
122
- </el-form>
78
+ </el-collapse-item>
123
79
  </div>
124
80
  </template>
125
81
 
package/packages/FormMaking/custom/configs/radio.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -35,32 +31,26 @@
35
31
  </el-radio-group>
36
32
  </el-form-item>
37
33
 
38
- <el-form-item>
39
- <div class="config-header" slot="label">
40
- <span class="title">选项</span>
41
- <el-radio-group
42
- class="value"
43
- v-model="widget.options.remote"
44
- size="mini"
45
- >
46
- <el-radio-button :label="false">静态数据</el-radio-button>
47
- <el-radio-button :label="true">远端数据</el-radio-button>
48
- </el-radio-group>
49
- </div>
34
+ <el-form-item label="数据类型">
35
+ <el-radio-group v-model="widget.options.remote">
36
+ <el-radio-button :label="false">静态数据</el-radio-button>
37
+ <el-radio-button :label="true">远端数据</el-radio-button>
38
+ </el-radio-group>
39
+ </el-form-item>
50
40
 
41
+ <el-form-item label-width="0">
51
42
  <template v-if="widget.options.remote">
52
43
  <el-select
53
44
  style="width:100%"
54
45
  v-model="widget.options.remoteFunc"
55
- :value-key="config.remoteFuncs.props.key"
56
46
  placeholder="请选择远端方法"
57
47
  clearable
58
48
  >
59
49
  <el-option
60
- v-for="item in config.remoteFuncs.options"
61
- :key="item[config.remoteFuncs.props.key]"
62
- :label="item[config.remoteFuncs.props.label]"
63
- :value="item"
50
+ v-for="item in config.network"
51
+ :key="item.id"
52
+ :label="item.label"
53
+ :value="item.id"
64
54
  >
65
55
  </el-option>
66
56
  </el-select>
@@ -147,44 +137,7 @@
147
137
  <el-form-item label="校验">
148
138
  <el-checkbox v-model="widget.options.required">必填</el-checkbox>
149
139
  </el-form-item>
150
-
151
- <el-form-item>
152
- <div class="config-header" slot="label">
153
- <span class="title">动作设置</span>
154
- <span class="value" @click="handleEventsShow">配置</span>
155
- </div>
156
- <el-collapse class="eventsCollapse">
157
- <el-collapse-item
158
- v-for="event in Object.keys(widget.events)"
159
- :key="event"
160
- :title="event"
161
- :name="event"
162
- >
163
- <div class="eventsCollapse-item">
164
- <el-select
165
- v-model="widget.events[event]"
166
- placeholder="请选择"
167
- size="mini"
168
- clearable
169
- >
170
- <el-option
171
- v-for="item in config.eventScript"
172
- :key="item.id"
173
- :label="item.label"
174
- :value="item.id"
175
- >
176
- </el-option>
177
- </el-select>
178
- <i
179
- v-if="widget.events[event]"
180
- class="el-icon-edit"
181
- @click="handleEventsEdit(widget.events[event])"
182
- ></i>
183
- </div>
184
- </el-collapse-item>
185
- </el-collapse>
186
- </el-form-item>
187
- </el-form>
140
+ </el-collapse-item>
188
141
  </div>
189
142
  </template>
190
143
 
package/packages/FormMaking/custom/configs/rate.vue CHANGED
@@ -1,10 +1,6 @@
1
1
  <template>
2
2
  <div class="configComponents">
3
- <el-form label-position="top" size="small">
4
- <el-form-item label="字段标识" required>
5
- <el-input v-model="widget.model"></el-input>
6
- </el-form-item>
7
-
3
+ <el-collapse-item title="组件配置" name="group-element">
8
4
  <el-form-item label="标题">
9
5
  <el-input v-model="widget.name"></el-input>
10
6
  </el-form-item>
@@ -38,7 +34,6 @@
38
34
  >
39
35
  </div>
40
36
  </el-form-item>
41
-
42
37
 
43
38
  <el-form-item label="操作属性">
44
39
  <el-checkbox v-model="widget.options.disabled">禁用 </el-checkbox>
@@ -51,44 +46,7 @@
51
46
  <el-form-item label="校验">
52
47
  <el-checkbox v-model="widget.options.required">必填</el-checkbox>
53
48
  </el-form-item>
54
-
55
- <el-form-item>
56
- <div class="config-header" slot="label">
57
- <span class="title">动作设置</span>
58
- <span class="value" @click="handleEventsShow">配置</span>
59
- </div>
60
- <el-collapse class="eventsCollapse">
61
- <el-collapse-item
62
- v-for="event in Object.keys(widget.events)"
63
- :key="event"
64
- :title="event"
65
- :name="event"
66
- >
67
- <div class="eventsCollapse-item">
68
- <el-select
69
- v-model="widget.events[event]"
70
- placeholder="请选择"
71
- size="mini"
72
- clearable
73
- >
74
- <el-option
75
- v-for="item in config.eventScript"
76
- :key="item.id"
77
- :label="item.label"
78
- :value="item.id"
79
- >
80
- </el-option>
81
- </el-select>
82
- <i
83
- v-if="widget.events[event]"
84
- class="el-icon-edit"
85
- @click="handleEventsEdit(widget.events[event])"
86
- ></i>
87
- </div>
88
- </el-collapse-item>
89
- </el-collapse>
90
- </el-form-item>
91
- </el-form>
49
+ </el-collapse-item>
92
50
  </div>
93
51
  </template>
94
52