@tmagic/editor 1.0.0-beta.15 → 1.0.0-beta.16

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 (63) hide show
  1. package/coverage/clover.xml +28 -22
  2. package/coverage/coverage-final.json +2 -1
  3. package/coverage/lcov-report/index.html +15 -15
  4. package/coverage/lcov-report/src/Editor.vue.html +1 -1
  5. package/coverage/lcov-report/src/components/ContentMenu.vue.html +1 -1
  6. package/coverage/lcov-report/src/components/Icon.vue.html +1 -1
  7. package/coverage/lcov-report/src/components/ScrollViewer.vue.html +1 -1
  8. package/coverage/lcov-report/src/components/ToolButton.vue.html +3 -3
  9. package/coverage/lcov-report/src/components/index.html +1 -1
  10. package/coverage/lcov-report/src/index.html +1 -1
  11. package/coverage/lcov-report/src/layouts/AddPageBox.vue.html +1 -1
  12. package/coverage/lcov-report/src/layouts/Framework.vue.html +1 -1
  13. package/coverage/lcov-report/src/layouts/NavMenu.vue.html +1 -1
  14. package/coverage/lcov-report/src/layouts/PropsPanel.vue.html +1 -1
  15. package/coverage/lcov-report/src/layouts/Resizer.vue.html +1 -1
  16. package/coverage/lcov-report/src/layouts/index.html +1 -1
  17. package/coverage/lcov-report/src/layouts/sidebar/ComponentListPanel.vue.html +1 -1
  18. package/coverage/lcov-report/src/layouts/sidebar/LayerMenu.vue.html +1 -1
  19. package/coverage/lcov-report/src/layouts/sidebar/LayerPanel.vue.html +1 -1
  20. package/coverage/lcov-report/src/layouts/sidebar/Sidebar.vue.html +23 -140
  21. package/coverage/lcov-report/{undo-redo.ts.html → src/layouts/sidebar/TabPane.vue.html} +94 -118
  22. package/coverage/lcov-report/src/layouts/sidebar/index.html +31 -16
  23. package/coverage/lcov-report/src/layouts/workspace/PageBar.vue.html +1 -1
  24. package/coverage/lcov-report/src/layouts/workspace/Stage.vue.html +1 -1
  25. package/coverage/lcov-report/src/layouts/workspace/ViewerMenu.vue.html +1 -1
  26. package/coverage/lcov-report/src/layouts/workspace/Workspace.vue.html +1 -1
  27. package/coverage/lcov-report/src/layouts/workspace/index.html +1 -1
  28. package/coverage/lcov-report/src/services/BaseService.ts.html +1 -1
  29. package/coverage/lcov-report/src/services/componentList.ts.html +1 -1
  30. package/coverage/lcov-report/src/services/editor.ts.html +2 -2
  31. package/coverage/lcov-report/src/services/events.ts.html +1 -1
  32. package/coverage/lcov-report/src/services/history.ts.html +1 -1
  33. package/coverage/lcov-report/src/services/index.html +1 -1
  34. package/coverage/lcov-report/src/services/props.ts.html +1 -1
  35. package/coverage/lcov-report/src/services/ui.ts.html +1 -1
  36. package/coverage/lcov-report/src/type.ts.html +1 -1
  37. package/coverage/lcov-report/src/utils/compose.ts.html +1 -1
  38. package/coverage/lcov-report/src/utils/config.ts.html +1 -1
  39. package/coverage/lcov-report/src/utils/editor.ts.html +1 -1
  40. package/coverage/lcov-report/src/utils/index.html +1 -1
  41. package/coverage/lcov-report/src/utils/index.ts.html +1 -1
  42. package/coverage/lcov-report/src/utils/logger.ts.html +1 -1
  43. package/coverage/lcov-report/src/utils/props.ts.html +1 -1
  44. package/coverage/lcov-report/src/utils/scroll-viewer.ts.html +1 -1
  45. package/coverage/lcov-report/src/utils/undo-redo.ts.html +1 -1
  46. package/coverage/lcov.info +56 -48
  47. package/dist/style.css +3 -0
  48. package/dist/tmagic-editor.es.js +185 -124
  49. package/dist/tmagic-editor.es.js.map +1 -1
  50. package/dist/tmagic-editor.umd.js +186 -125
  51. package/dist/tmagic-editor.umd.js.map +1 -1
  52. package/dist/types/src/fields/UISelect.vue.d.ts +4 -1
  53. package/dist/types/src/layouts/CodeEditor.vue.d.ts +13 -4
  54. package/dist/types/src/layouts/sidebar/Sidebar.vue.d.ts +2 -3
  55. package/dist/types/src/layouts/sidebar/TabPane.vue.d.ts +14 -0
  56. package/package.json +7 -7
  57. package/src/components/ToolButton.vue +2 -2
  58. package/src/fields/UISelect.vue +14 -6
  59. package/src/layouts/CodeEditor.vue +20 -10
  60. package/src/layouts/sidebar/Sidebar.vue +13 -52
  61. package/src/layouts/sidebar/TabPane.vue +68 -0
  62. package/src/services/editor.ts +1 -1
  63. package/src/theme/props-panel.scss +4 -0
package/coverage/lcov-report/index.html CHANGED
@@ -23,16 +23,16 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">60.94% </span>
26
+ <span class="strong">61.02% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>966/1585</span>
28
+ <span class='fraction'>969/1588</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">28.41% </span>
33
+ <span class="strong">28.25% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>335/1179</span>
35
+ <span class='fraction'>332/1175</span>
36
36
  </div>
37
37
 
38
38
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">63.35% </span>
47
+ <span class="strong">63.43% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>894/1411</span>
49
+ <span class='fraction'>897/1414</span>
50
50
  </div>
51
51
 
52
52
 
@@ -125,17 +125,17 @@
125
125
 
126
126
  <tr>
127
127
  <td class="file low" data-value="src/layouts/sidebar"><a href="src/layouts/sidebar/index.html">src/layouts/sidebar</a></td>
128
- <td data-value="47.45" class="pic low">
129
- <div class="chart"><div class="cover-fill" style="width: 47%"></div><div class="cover-empty" style="width: 53%"></div></div>
128
+ <td data-value="48.33" class="pic low">
129
+ <div class="chart"><div class="cover-fill" style="width: 48%"></div><div class="cover-empty" style="width: 52%"></div></div>
130
130
  </td>
131
- <td data-value="47.45" class="pct low">47.45%</td>
132
- <td data-value="177" class="abs low">84/177</td>
133
- <td data-value="18.06" class="pct low">18.06%</td>
134
- <td data-value="238" class="abs low">43/238</td>
131
+ <td data-value="48.33" class="pct low">48.33%</td>
132
+ <td data-value="180" class="abs low">87/180</td>
133
+ <td data-value="17.09" class="pct low">17.09%</td>
134
+ <td data-value="234" class="abs low">40/234</td>
135
135
  <td data-value="43.63" class="pct low">43.63%</td>
136
136
  <td data-value="55" class="abs low">24/55</td>
137
- <td data-value="50.32" class="pct medium">50.32%</td>
138
- <td data-value="153" class="abs medium">77/153</td>
137
+ <td data-value="51.28" class="pct medium">51.28%</td>
138
+ <td data-value="156" class="abs medium">80/156</td>
139
139
  </tr>
140
140
 
141
141
  <tr>
@@ -191,7 +191,7 @@
191
191
  <div class='footer quiet pad2 space-top1 center small'>
192
192
  Code coverage generated by
193
193
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
194
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
194
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
195
195
  </div>
196
196
  <script src="prettify.js"></script>
197
197
  <script>
package/coverage/lcov-report/src/Editor.vue.html CHANGED
@@ -772,7 +772,7 @@ export default defineComponent({
772
772
  <div class='footer quiet pad2 space-top1 center small'>
773
773
  Code coverage generated by
774
774
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
775
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
775
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
776
776
  </div>
777
777
  <script src="../prettify.js"></script>
778
778
  <script>
package/coverage/lcov-report/src/components/ContentMenu.vue.html CHANGED
@@ -391,7 +391,7 @@ export default defineComponent({
391
391
  <div class='footer quiet pad2 space-top1 center small'>
392
392
  Code coverage generated by
393
393
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
394
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
394
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
395
395
  </div>
396
396
  <script src="../../prettify.js"></script>
397
397
  <script>
package/coverage/lcov-report/src/components/Icon.vue.html CHANGED
@@ -157,7 +157,7 @@ export default defineComponent({
157
157
  <div class='footer quiet pad2 space-top1 center small'>
158
158
  Code coverage generated by
159
159
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
160
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
160
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
161
161
  </div>
162
162
  <script src="../../prettify.js"></script>
163
163
  <script>
package/coverage/lcov-report/src/components/ScrollViewer.vue.html CHANGED
@@ -268,7 +268,7 @@ export default defineComponent({
268
268
  <div class='footer quiet pad2 space-top1 center small'>
269
269
  Code coverage generated by
270
270
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
271
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
271
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
272
272
  </div>
273
273
  <script src="../../prettify.js"></script>
274
274
  <script>
package/coverage/lcov-report/src/components/ToolButton.vue.html CHANGED
@@ -535,12 +535,12 @@
535
535
  &nbsp;
536
536
  &lt;template v-else-if="item.type === 'zoom'"&gt;
537
537
  &lt;tool-button
538
- :data="{ type: 'button', icon: ZoomIn, handler: zoomInHandler, tooltip: '放大' }"
538
+ :data="{ type: 'button', icon: ZoomOut, handler: zoomOutHandler, tooltip: '缩小' }"
539
539
  :event-type="eventType"
540
540
  &gt;&lt;/tool-button&gt;
541
541
  &lt;span class="menu-item-text" style="margin: 0 5px"&gt;{{ parseInt(`${zoom * 100}`, 10) }}%&lt;/span&gt;
542
542
  &lt;tool-button
543
- :data="{ type: 'button', icon: ZoomOut, handler: zoomOutHandler, tooltip: '缩小' }"
543
+ :data="{ type: 'button', icon: ZoomIn, handler: zoomInHandler, tooltip: '放大' }"
544
544
  :event-type="eventType"
545
545
  &gt;&lt;/tool-button&gt;
546
546
  &lt;/template&gt;
@@ -757,7 +757,7 @@ export default defineComponent({
757
757
  <div class='footer quiet pad2 space-top1 center small'>
758
758
  Code coverage generated by
759
759
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
760
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
760
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
761
761
  </div>
762
762
  <script src="../../prettify.js"></script>
763
763
  <script>
package/coverage/lcov-report/src/components/index.html CHANGED
@@ -146,7 +146,7 @@
146
146
  <div class='footer quiet pad2 space-top1 center small'>
147
147
  Code coverage generated by
148
148
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
149
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
149
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
150
150
  </div>
151
151
  <script src="../../prettify.js"></script>
152
152
  <script>
package/coverage/lcov-report/src/index.html CHANGED
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
119
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
120
120
  </div>
121
121
  <script src="../prettify.js"></script>
122
122
  <script>
package/coverage/lcov-report/src/layouts/AddPageBox.vue.html CHANGED
@@ -199,7 +199,7 @@ export default defineComponent({
199
199
  <div class='footer quiet pad2 space-top1 center small'>
200
200
  Code coverage generated by
201
201
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
202
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
202
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
203
203
  </div>
204
204
  <script src="../../prettify.js"></script>
205
205
  <script>
package/coverage/lcov-report/src/layouts/Framework.vue.html CHANGED
@@ -289,7 +289,7 @@ export default defineComponent({
289
289
  <div class='footer quiet pad2 space-top1 center small'>
290
290
  Code coverage generated by
291
291
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
292
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
292
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
293
293
  </div>
294
294
  <script src="../../prettify.js"></script>
295
295
  <script>
package/coverage/lcov-report/src/layouts/NavMenu.vue.html CHANGED
@@ -193,7 +193,7 @@ export default defineComponent({
193
193
  <div class='footer quiet pad2 space-top1 center small'>
194
194
  Code coverage generated by
195
195
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
196
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
196
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
197
197
  </div>
198
198
  <script src="../../prettify.js"></script>
199
199
  <script>
package/coverage/lcov-report/src/layouts/PropsPanel.vue.html CHANGED
@@ -301,7 +301,7 @@ export default defineComponent({
301
301
  <div class='footer quiet pad2 space-top1 center small'>
302
302
  Code coverage generated by
303
303
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
304
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
304
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
305
305
  </div>
306
306
  <script src="../../prettify.js"></script>
307
307
  <script>
package/coverage/lcov-report/src/layouts/Resizer.vue.html CHANGED
@@ -253,7 +253,7 @@ export default defineComponent({
253
253
  <div class='footer quiet pad2 space-top1 center small'>
254
254
  Code coverage generated by
255
255
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
256
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
256
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
257
257
  </div>
258
258
  <script src="../../prettify.js"></script>
259
259
  <script>
package/coverage/lcov-report/src/layouts/index.html CHANGED
@@ -161,7 +161,7 @@
161
161
  <div class='footer quiet pad2 space-top1 center small'>
162
162
  Code coverage generated by
163
163
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
164
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
164
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
165
165
  </div>
166
166
  <script src="../../prettify.js"></script>
167
167
  <script>
package/coverage/lcov-report/src/layouts/sidebar/ComponentListPanel.vue.html CHANGED
@@ -343,7 +343,7 @@ export default defineComponent({
343
343
  <div class='footer quiet pad2 space-top1 center small'>
344
344
  Code coverage generated by
345
345
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
346
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
346
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
347
347
  </div>
348
348
  <script src="../../../prettify.js"></script>
349
349
  <script>
package/coverage/lcov-report/src/layouts/sidebar/LayerMenu.vue.html CHANGED
@@ -406,7 +406,7 @@ export default defineComponent({
406
406
  <div class='footer quiet pad2 space-top1 center small'>
407
407
  Code coverage generated by
408
408
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
409
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
409
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
410
410
  </div>
411
411
  <script src="../../../prettify.js"></script>
412
412
  <script>
package/coverage/lcov-report/src/layouts/sidebar/LayerPanel.vue.html CHANGED
@@ -760,7 +760,7 @@ export default defineComponent({
760
760
  <div class='footer quiet pad2 space-top1 center small'>
761
761
  Code coverage generated by
762
762
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
763
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
763
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
764
764
  </div>
765
765
  <script src="../../../prettify.js"></script>
766
766
  <script>
package/coverage/lcov-report/src/layouts/sidebar/Sidebar.vue.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">84.21% </span>
26
+ <span class="strong">88.88% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>16/19</span>
28
+ <span class='fraction'>8/9</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">61.11% </span>
33
+ <span class="strong">60% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>11/18</span>
35
+ <span class='fraction'>6/10</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">83.33% </span>
40
+ <span class="strong">75% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>5/6</span>
42
+ <span class='fraction'>3/4</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">84.21% </span>
47
+ <span class="strong">88.88% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>16/19</span>
49
+ <span class='fraction'>8/9</span>
50
50
  </div>
51
51
 
52
52
 
@@ -110,46 +110,7 @@
110
110
  <a name='L45'></a><a href='#L45'>45</a>
111
111
  <a name='L46'></a><a href='#L46'>46</a>
112
112
  <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
113
+ <a name='L48'></a><a href='#L48'>48</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
153
114
  <span class="cline-any cline-neutral">&nbsp;</span>
154
115
  <span class="cline-any cline-neutral">&nbsp;</span>
155
116
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -162,21 +123,11 @@
162
123
  <span class="cline-any cline-neutral">&nbsp;</span>
163
124
  <span class="cline-any cline-neutral">&nbsp;</span>
164
125
  <span class="cline-any cline-neutral">&nbsp;</span>
165
- <span class="cline-any cline-neutral">&nbsp;</span>
166
- <span class="cline-any cline-neutral">&nbsp;</span>
167
- <span class="cline-any cline-neutral">&nbsp;</span>
168
- <span class="cline-any cline-neutral">&nbsp;</span>
169
- <span class="cline-any cline-neutral">&nbsp;</span>
170
- <span class="cline-any cline-neutral">&nbsp;</span>
171
- <span class="cline-any cline-neutral">&nbsp;</span>
172
- <span class="cline-any cline-yes">1x</span>
173
126
  <span class="cline-any cline-yes">1x</span>
174
127
  <span class="cline-any cline-neutral">&nbsp;</span>
175
- <span class="cline-any cline-yes">1x</span>
176
128
  <span class="cline-any cline-neutral">&nbsp;</span>
177
129
  <span class="cline-any cline-neutral">&nbsp;</span>
178
130
  <span class="cline-any cline-yes">1x</span>
179
- <span class="cline-any cline-yes">1x</span>
180
131
  <span class="cline-any cline-neutral">&nbsp;</span>
181
132
  <span class="cline-any cline-yes">1x</span>
182
133
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -204,70 +155,31 @@
204
155
  <span class="cline-any cline-neutral">&nbsp;</span>
205
156
  <span class="cline-any cline-neutral">&nbsp;</span>
206
157
  <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-yes">1x</span>
208
- <span class="cline-any cline-yes">2x</span>
209
- <span class="cline-any cline-no">&nbsp;</span>
210
- <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-neutral">&nbsp;</span>
212
- <span class="cline-any cline-yes">2x</span>
213
- <span class="cline-any cline-neutral">&nbsp;</span>
214
- <span class="cline-any cline-yes">1x</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-yes">1x</span>
223
- <span class="cline-any cline-neutral">&nbsp;</span>
224
- <span class="cline-any cline-neutral">&nbsp;</span>
225
- <span class="cline-any cline-neutral">&nbsp;</span>
226
- <span class="cline-any cline-neutral">&nbsp;</span>
227
- <span class="cline-any cline-neutral">&nbsp;</span>
228
- <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-neutral">&nbsp;</span>
230
- <span class="cline-any cline-no">&nbsp;</span>
231
- <span class="cline-any cline-neutral">&nbsp;</span>
232
- <span class="cline-any cline-neutral">&nbsp;</span>
233
- <span class="cline-any cline-neutral">&nbsp;</span>
234
- <span class="cline-any cline-neutral">&nbsp;</span>
235
- <span class="cline-any cline-neutral">&nbsp;</span>
236
158
  <span class="cline-any cline-neutral">&nbsp;</span>
237
159
  <span class="cline-any cline-neutral">&nbsp;</span>
238
160
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
239
- &lt;el-tabs v-if="data.type === 'tabs'" class="m-editor-sidebar" v-model="activeTabName" type="card" tab-position="left"&gt;
240
- &lt;el-tab-pane v-for="item in items" :key="item.text" :name="item.text"&gt;
241
- &lt;template #label&gt;
242
- &lt;span&gt;
243
- &lt;m-icon v-if="item.icon" :icon="item.icon"&gt;&lt;/m-icon&gt;
244
- &lt;div v-if="item.text" class="magic-editor-tab-panel-title"&gt;{{ item.text }}&lt;/div&gt;
245
- &lt;/span&gt;
246
- &lt;/template&gt;
247
- &nbsp;
248
- &lt;component :is="item.component" v-bind="item.props || {}" v-on="item.listeners || {}"&gt;
249
- &lt;template #layer-node-content="{ data, node }" v-if="item.slots?.layerNodeContent"&gt;
250
- &lt;component :is="item.slots.layerNodeContent" :data="data" :node="node" /&gt;
251
- &lt;/template&gt;
252
- &lt;/component&gt;
253
- &lt;/el-tab-pane&gt;
161
+ &lt;el-tabs
162
+ v-if="data.type === 'tabs' &amp;&amp; data.items.length"
163
+ class="m-editor-sidebar"
164
+ v-model="activeTabName"
165
+ type="card"
166
+ tab-position="left"
167
+ &gt;
168
+ &lt;tab-pane v-for="(item, index) in data.items" :key="index" :data="item"&gt;&lt;/tab-pane&gt;
254
169
  &lt;/el-tabs&gt;
255
170
  &lt;/template&gt;
256
171
  &nbsp;
257
172
  &lt;script lang="ts"&gt;
258
- import { computed, defineComponent, PropType, ref, watch } from 'vue';
259
- import { Coin, Files } from '@element-plus/icons';
173
+ import { defineComponent, PropType, ref, watch } from 'vue';
260
174
  &nbsp;
261
- import MIcon from '@editor/components/Icon.vue';
262
- import { SideBarData, SideComponent } from '@editor/type';
175
+ import { SideBarData } from '@editor/type';
263
176
  &nbsp;
264
- import ComponentListPanel from './ComponentListPanel.vue';
265
- import LayerPanel from './LayerPanel.vue';
177
+ import TabPane from './TabPane.vue';
266
178
  &nbsp;
267
179
  export default defineComponent({
268
- name: 'm-sidebar',
180
+ components: { TabPane },
269
181
  &nbsp;
270
- components: { MIcon },
182
+ name: 'm-sidebar',
271
183
  &nbsp;
272
184
  props: {
273
185
  data: {
@@ -288,35 +200,6 @@ export default defineComponent({
288
200
  &nbsp;
289
201
  return {
290
202
  activeTabName,
291
- &nbsp;
292
- items: computed&lt;SideComponent[] | Record&lt;string, any&gt;[]&gt;(() =&gt;
293
- props.data<span class="branch-0 cbranch-no" title="branch not covered" >?.i</span>tems.map((item) =&gt; {
294
- <span class="missing-if-branch" title="if path not taken" >I</span>if (typeof item !== 'string') {
295
- <span class="cstat-no" title="statement not covered" > return i</span>tem;
296
- }
297
- &nbsp;
298
- switch (item) {
299
- case 'component-list':
300
- return {
301
- type: 'component',
302
- icon: Coin,
303
- text: '组件',
304
- component: ComponentListPanel,
305
- slots: {},
306
- };
307
- case 'layer':
308
- return {
309
- type: 'component',
310
- icon: Files,
311
- text: '已选组件',
312
- component: LayerPanel,
313
- slots: {},
314
- };
315
- <span class="branch-2 cbranch-no" title="branch not covered" > default:</span>
316
- <span class="cstat-no" title="statement not covered" > return {</span>};
317
- }
318
- }),
319
- ),
320
203
  };
321
204
  },
322
205
  });
@@ -328,7 +211,7 @@ export default defineComponent({
328
211
  <div class='footer quiet pad2 space-top1 center small'>
329
212
  Code coverage generated by
330
213
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
331
- at Wed May 11 2022 18:37:20 GMT+0800 (China Standard Time)
214
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
332
215
  </div>
333
216
  <script src="../../../prettify.js"></script>
334
217
  <script>