@tmagic/editor 1.0.0-beta.13 → 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 (101) hide show
  1. package/coverage/clover.xml +703 -601
  2. package/coverage/coverage-final.json +35 -33
  3. package/coverage/lcov-report/index.html +56 -56
  4. package/coverage/lcov-report/src/Editor.vue.html +1 -1
  5. package/coverage/lcov-report/{layouts/sidebar/LayerMenu.vue.html → src/components/ContentMenu.vue.html} +137 -95
  6. package/coverage/lcov-report/src/components/Icon.vue.html +5 -5
  7. package/coverage/lcov-report/src/components/ScrollViewer.vue.html +1 -1
  8. package/coverage/lcov-report/src/components/ToolButton.vue.html +180 -63
  9. package/coverage/lcov-report/src/components/index.html +34 -19
  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 +13 -13
  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 +15 -15
  17. package/coverage/lcov-report/src/layouts/sidebar/ComponentListPanel.vue.html +78 -12
  18. package/coverage/lcov-report/src/layouts/sidebar/LayerMenu.vue.html +149 -92
  19. package/coverage/lcov-report/src/layouts/sidebar/LayerPanel.vue.html +43 -121
  20. package/coverage/lcov-report/src/layouts/sidebar/Sidebar.vue.html +23 -140
  21. package/coverage/lcov-report/{utils/undo-redo.ts.html → src/layouts/sidebar/TabPane.vue.html} +94 -118
  22. package/coverage/lcov-report/src/layouts/sidebar/index.html +64 -49
  23. package/coverage/lcov-report/src/layouts/workspace/PageBar.vue.html +99 -12
  24. package/coverage/lcov-report/src/layouts/workspace/Stage.vue.html +86 -95
  25. package/coverage/lcov-report/src/layouts/workspace/ViewerMenu.vue.html +208 -97
  26. package/coverage/lcov-report/src/layouts/workspace/Workspace.vue.html +3 -3
  27. package/coverage/lcov-report/src/layouts/workspace/index.html +35 -35
  28. package/coverage/lcov-report/src/services/BaseService.ts.html +11 -11
  29. package/coverage/lcov-report/src/services/componentList.ts.html +1 -1
  30. package/coverage/lcov-report/src/services/editor.ts.html +103 -10
  31. package/coverage/lcov-report/src/services/events.ts.html +1 -1
  32. package/coverage/lcov-report/src/services/history.ts.html +29 -8
  33. package/coverage/lcov-report/src/services/index.html +25 -25
  34. package/coverage/lcov-report/src/services/props.ts.html +4 -7
  35. package/coverage/lcov-report/src/services/ui.ts.html +1 -1
  36. package/coverage/lcov-report/src/type.ts.html +8 -14
  37. package/coverage/lcov-report/src/utils/compose.ts.html +4 -4
  38. package/coverage/lcov-report/src/utils/config.ts.html +1 -1
  39. package/coverage/lcov-report/src/utils/editor.ts.html +2 -2
  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 +59 -2
  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 +1679 -1402
  47. package/dist/style.css +47 -20
  48. package/dist/tmagic-editor.es.js +732 -485
  49. package/dist/tmagic-editor.es.js.map +1 -1
  50. package/dist/tmagic-editor.umd.js +733 -485
  51. package/dist/tmagic-editor.umd.js.map +1 -1
  52. package/dist/types/src/Editor.vue.d.ts +1 -1
  53. package/dist/types/src/components/ToolButton.vue.d.ts +12 -1
  54. package/dist/types/src/fields/UISelect.vue.d.ts +4 -1
  55. package/dist/types/src/index.d.ts +1 -0
  56. package/dist/types/src/layouts/CodeEditor.vue.d.ts +13 -4
  57. package/dist/types/src/layouts/sidebar/ComponentListPanel.vue.d.ts +1 -0
  58. package/dist/types/src/layouts/sidebar/Sidebar.vue.d.ts +2 -3
  59. package/dist/types/src/layouts/sidebar/TabPane.vue.d.ts +14 -0
  60. package/dist/types/src/layouts/workspace/PageBar.vue.d.ts +2 -0
  61. package/dist/types/src/services/history.d.ts +1 -0
  62. package/dist/types/src/services/props.d.ts +2 -2
  63. package/dist/types/src/type.d.ts +6 -8
  64. package/dist/types/src/utils/polyfills.d.ts +0 -0
  65. package/package.json +15 -10
  66. package/src/components/ContentMenu.vue +107 -0
  67. package/src/components/ToolButton.vue +66 -27
  68. package/src/fields/UISelect.vue +14 -6
  69. package/src/index.ts +2 -0
  70. package/src/layouts/CodeEditor.vue +20 -10
  71. package/src/layouts/Framework.vue +6 -6
  72. package/src/layouts/sidebar/ComponentListPanel.vue +23 -1
  73. package/src/layouts/sidebar/LayerMenu.vue +91 -72
  74. package/src/layouts/sidebar/LayerPanel.vue +23 -49
  75. package/src/layouts/sidebar/Sidebar.vue +13 -52
  76. package/src/layouts/sidebar/TabPane.vue +68 -0
  77. package/src/layouts/workspace/PageBar.vue +35 -6
  78. package/src/layouts/workspace/Stage.vue +41 -44
  79. package/src/layouts/workspace/ViewerMenu.vue +104 -67
  80. package/src/layouts/workspace/Workspace.vue +2 -2
  81. package/src/services/editor.ts +33 -2
  82. package/src/services/history.ts +7 -0
  83. package/src/services/props.ts +2 -3
  84. package/src/theme/common/var.scss +1 -0
  85. package/src/theme/component-list-panel.scss +2 -0
  86. package/src/theme/content-menu.scss +33 -26
  87. package/src/theme/layer-panel.scss +1 -1
  88. package/src/theme/nav-menu.scss +6 -2
  89. package/src/theme/page-bar.scss +22 -1
  90. package/src/theme/props-panel.scss +4 -0
  91. package/src/type.ts +6 -8
  92. package/src/utils/editor.ts +1 -1
  93. package/src/utils/polyfills.ts +22 -0
  94. package/src/utils/props.ts +19 -0
  95. package/coverage/lcov-report/Icon.vue.html +0 -172
  96. package/coverage/lcov-report/ToolButton.vue.html +0 -655
  97. package/coverage/lcov-report/layouts/sidebar/index.html +0 -116
  98. package/coverage/lcov-report/utils/index.html +0 -116
  99. package/dist/types/src/layouts/sidebar/LayerPanel.vue.d.ts +0 -980
  100. package/dist/types/src/layouts/workspace/Stage.vue.d.ts +0 -188
  101. package/dist/types/src/layouts/workspace/ViewerMenu.vue.d.ts +0 -18
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for utils/undo-redo.ts</title>
6
+ <title>Code coverage report for src/layouts/sidebar/TabPane.vue</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../prettify.css" />
9
- <link rel="stylesheet" href="../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,34 +19,34 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../index.html">All files</a> / <a href="index.html">utils</a> undo-redo.ts</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/layouts/sidebar</a> TabPane.vue</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
26
+ <span class="strong">84.61% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>24/24</span>
28
+ <span class='fraction'>11/13</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">85.71% </span>
33
+ <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>6/7</span>
35
+ <span class='fraction'>2/4</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>7/7</span>
42
+ <span class='fraction'>2/2</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
47
+ <span class="strong">84.61% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>24/24</span>
49
+ <span class='fraction'>11/13</span>
50
50
  </div>
51
51
 
52
52
 
@@ -131,15 +131,7 @@
131
131
  <a name='L66'></a><a href='#L66'>66</a>
132
132
  <a name='L67'></a><a href='#L67'>67</a>
133
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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
134
+ <a name='L69'></a><a href='#L69'>69</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
143
135
  <span class="cline-any cline-neutral">&nbsp;</span>
144
136
  <span class="cline-any cline-neutral">&nbsp;</span>
145
137
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -158,139 +150,123 @@
158
150
  <span class="cline-any cline-neutral">&nbsp;</span>
159
151
  <span class="cline-any cline-neutral">&nbsp;</span>
160
152
  <span class="cline-any cline-yes">1x</span>
153
+ <span class="cline-any cline-yes">1x</span>
161
154
  <span class="cline-any cline-neutral">&nbsp;</span>
162
155
  <span class="cline-any cline-yes">1x</span>
163
156
  <span class="cline-any cline-neutral">&nbsp;</span>
164
157
  <span class="cline-any cline-neutral">&nbsp;</span>
158
+ <span class="cline-any cline-yes">1x</span>
159
+ <span class="cline-any cline-yes">1x</span>
165
160
  <span class="cline-any cline-neutral">&nbsp;</span>
161
+ <span class="cline-any cline-yes">1x</span>
166
162
  <span class="cline-any cline-neutral">&nbsp;</span>
167
163
  <span class="cline-any cline-neutral">&nbsp;</span>
168
- <span class="cline-any cline-yes">11x</span>
169
- <span class="cline-any cline-yes">11x</span>
170
- <span class="cline-any cline-yes">11x</span>
171
- <span class="cline-any cline-yes">11x</span>
172
164
  <span class="cline-any cline-neutral">&nbsp;</span>
173
165
  <span class="cline-any cline-neutral">&nbsp;</span>
174
166
  <span class="cline-any cline-neutral">&nbsp;</span>
175
167
  <span class="cline-any cline-neutral">&nbsp;</span>
176
- <span class="cline-any cline-yes">224x</span>
177
- <span class="cline-any cline-yes">224x</span>
178
168
  <span class="cline-any cline-neutral">&nbsp;</span>
179
- <span class="cline-any cline-yes">224x</span>
180
- <span class="cline-any cline-yes">4x</span>
181
- <span class="cline-any cline-yes">4x</span>
182
169
  <span class="cline-any cline-neutral">&nbsp;</span>
183
170
  <span class="cline-any cline-neutral">&nbsp;</span>
171
+ <span class="cline-any cline-yes">2x</span>
184
172
  <span class="cline-any cline-neutral">&nbsp;</span>
173
+ <span class="cline-any cline-yes">2x</span>
174
+ <span class="cline-any cline-no">&nbsp;</span>
185
175
  <span class="cline-any cline-neutral">&nbsp;</span>
186
- <span class="cline-any cline-yes">111x</span>
187
176
  <span class="cline-any cline-neutral">&nbsp;</span>
177
+ <span class="cline-any cline-yes">2x</span>
188
178
  <span class="cline-any cline-neutral">&nbsp;</span>
179
+ <span class="cline-any cline-yes">1x</span>
189
180
  <span class="cline-any cline-neutral">&nbsp;</span>
190
181
  <span class="cline-any cline-neutral">&nbsp;</span>
191
- <span class="cline-any cline-yes">107x</span>
192
- <span class="cline-any cline-yes">2x</span>
193
182
  <span class="cline-any cline-neutral">&nbsp;</span>
194
- <span class="cline-any cline-yes">105x</span>
195
- <span class="cline-any cline-yes">105x</span>
196
183
  <span class="cline-any cline-neutral">&nbsp;</span>
197
184
  <span class="cline-any cline-neutral">&nbsp;</span>
198
185
  <span class="cline-any cline-neutral">&nbsp;</span>
199
- <span class="cline-any cline-yes">23x</span>
200
186
  <span class="cline-any cline-neutral">&nbsp;</span>
187
+ <span class="cline-any cline-yes">1x</span>
201
188
  <span class="cline-any cline-neutral">&nbsp;</span>
202
189
  <span class="cline-any cline-neutral">&nbsp;</span>
203
190
  <span class="cline-any cline-neutral">&nbsp;</span>
204
- <span class="cline-any cline-yes">12x</span>
205
- <span class="cline-any cline-yes">8x</span>
206
191
  <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-yes">4x</span>
208
- <span class="cline-any cline-yes">4x</span>
209
192
  <span class="cline-any cline-neutral">&nbsp;</span>
210
193
  <span class="cline-any cline-neutral">&nbsp;</span>
211
194
  <span class="cline-any cline-neutral">&nbsp;</span>
212
- <span class="cline-any cline-yes">114x</span>
213
- <span class="cline-any cline-yes">1x</span>
195
+ <span class="cline-any cline-no">&nbsp;</span>
214
196
  <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-yes">113x</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></td><td class="text"><pre class="prettyprint lang-js">/*
219
- * Tencent is pleased to support the open source community by making TMagicEditor available.
220
- *
221
- * Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
222
- *
223
- * Licensed under the Apache License, Version 2.0 (the "License");
224
- * you may not use this file except in compliance with the License.
225
- * You may obtain a copy of the License at
226
- *
227
- * http://www.apache.org/licenses/LICENSE-2.0
228
- *
229
- * Unless required by applicable law or agreed to in writing, software
230
- * distributed under the License is distributed on an "AS IS" BASIS,
231
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
232
- * See the License for the specific language governing permissions and
233
- * limitations under the License.
234
- */
235
- &nbsp;
236
- import { cloneDeep } from 'lodash-es';
197
+ <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-neutral">&nbsp;</span>
199
+ <span class="cline-any cline-neutral">&nbsp;</span>
200
+ <span class="cline-any cline-neutral">&nbsp;</span>
201
+ <span class="cline-any cline-neutral">&nbsp;</span>
202
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
203
+ &lt;el-tab-pane v-if="config" :name="config.text"&gt;
204
+ &lt;template #label&gt;
205
+ &lt;div :key="config.text"&gt;
206
+ &lt;m-icon v-if="config.icon" :icon="config.icon"&gt;&lt;/m-icon&gt;
207
+ &lt;div v-if="config.text" class="magic-editor-tab-panel-title"&gt;{{ config.text }}&lt;/div&gt;
208
+ &lt;/div&gt;
209
+ &lt;/template&gt;
237
210
  &nbsp;
238
- export class UndoRedo&lt;T = any&gt; {
239
- private elementList: T[];
240
- private listCursor: number;
241
- private listMaxSize: number;
211
+ &lt;component :is="config.component" v-bind="config.props || {}" v-on="config?.listeners || {}"&gt;
212
+ &lt;template #layer-node-content="{ data, node }" v-if="config.slots?.layerNodeContent"&gt;
213
+ &lt;component :is="config.slots?.layerNodeContent" :data="data" :node="node" /&gt;
214
+ &lt;/template&gt;
215
+ &lt;/component&gt;
216
+ &lt;/el-tab-pane&gt;
217
+ &lt;/template&gt;
242
218
  &nbsp;
243
- constructor(listMaxSize = 200) {
244
- const minListMaxSize = 2;
245
- this.elementList = [];
246
- this.listCursor = 0;
247
- this.listMaxSize = listMaxSize &gt; minListMaxSize ? listMaxSize : <span class="branch-1 cbranch-no" title="branch not covered" >minListMaxSize;</span>
248
- }
219
+ &lt;script lang="ts"&gt;
220
+ import { computed, defineComponent, PropType } from 'vue';
221
+ import { Coin, Files } from '@element-plus/icons';
249
222
  &nbsp;
250
- public pushElement(element: T): void {
251
- // 新元素进来时,把游标之外的元素全部丢弃,并把新元素放进来
252
- this.elementList.splice(this.listCursor, this.elementList.length - this.listCursor, cloneDeep(element));
253
- this.listCursor += 1;
254
- // 如果list中的元素超过maxSize,则移除第一个元素
255
- if (this.elementList.length &gt; this.listMaxSize) {
256
- this.elementList.shift();
257
- this.listCursor -= 1;
258
- }
259
- }
223
+ import MIcon from '@editor/components/Icon.vue';
224
+ import { SideComponent, SideItem } from '@editor/type';
260
225
  &nbsp;
261
- public canUndo(): boolean {
262
- return this.listCursor &gt; 1;
263
- }
226
+ import ComponentListPanel from './ComponentListPanel.vue';
227
+ import LayerPanel from './LayerPanel.vue';
264
228
  &nbsp;
265
- // 返回undo后的当前元素
266
- public undo(): T | null {
267
- if (!this.canUndo()) {
268
- return null;
269
- }
270
- this.listCursor -= 1;
271
- return this.getCurrentElement();
272
- }
229
+ export default defineComponent({
230
+ components: { MIcon },
273
231
  &nbsp;
274
- public canRedo() {
275
- return this.elementList.length &gt; this.listCursor;
276
- }
232
+ props: {
233
+ data: {
234
+ type: Object as PropType&lt;SideItem&gt;,
235
+ },
236
+ },
277
237
  &nbsp;
278
- // 返回redo后的当前元素
279
- public redo(): T | null {
280
- if (!this.canRedo()) {
281
- return null;
282
- }
283
- this.listCursor += 1;
284
- return this.getCurrentElement();
285
- }
238
+ setup(props) {
239
+ return {
240
+ config: computed&lt;SideComponent | undefined&gt;(() =&gt; {
241
+ <span class="missing-if-branch" title="if path not taken" >I</span>if (typeof props.data !== 'string') {
242
+ <span class="cstat-no" title="statement not covered" > return p</span>rops.data;
243
+ }
286
244
  &nbsp;
287
- public getCurrentElement(): T | null {
288
- if (this.listCursor &lt; 1) {
289
- return null;
290
- }
291
- return cloneDeep(this.elementList[this.listCursor - 1]);
292
- }
293
- }
245
+ switch (props.data) {
246
+ case 'component-list':
247
+ return {
248
+ type: 'component',
249
+ icon: Coin,
250
+ text: '组件',
251
+ component: ComponentListPanel,
252
+ slots: {},
253
+ };
254
+ case 'layer':
255
+ return {
256
+ type: 'component',
257
+ icon: Files,
258
+ text: '已选组件',
259
+ component: LayerPanel,
260
+ slots: {},
261
+ };
262
+ <span class="branch-2 cbranch-no" title="branch not covered" > default:</span>
263
+ <span class="cstat-no" title="statement not covered" > return u</span>ndefined;
264
+ }
265
+ }),
266
+ };
267
+ },
268
+ });
269
+ &lt;/script&gt;
294
270
  &nbsp;</pre></td></tr></table></pre>
295
271
 
296
272
  <div class='push'></div><!-- for sticky footer -->
@@ -298,16 +274,16 @@ export class UndoRedo&lt;T = any&gt; {
298
274
  <div class='footer quiet pad2 space-top1 center small'>
299
275
  Code coverage generated by
300
276
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
301
- at Thu Apr 14 2022 14:28:05 GMT+0800 (China Standard Time)
277
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
302
278
  </div>
303
- <script src="../prettify.js"></script>
279
+ <script src="../../../prettify.js"></script>
304
280
  <script>
305
281
  window.onload = function () {
306
282
  prettyPrint();
307
283
  };
308
284
  </script>
309
- <script src="../sorter.js"></script>
310
- <script src="../block-navigation.js"></script>
285
+ <script src="../../../sorter.js"></script>
286
+ <script src="../../../block-navigation.js"></script>
311
287
  </body>
312
288
  </html>
313
289
 
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">47.4% </span>
26
+ <span class="strong">48.33% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>73/154</span>
28
+ <span class='fraction'>87/180</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">23.62% </span>
33
+ <span class="strong">17.09% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>43/182</span>
35
+ <span class='fraction'>40/234</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">52.27% </span>
40
+ <span class="strong">43.63% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>23/44</span>
42
+ <span class='fraction'>24/55</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">49.63% </span>
47
+ <span class="strong">51.28% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>68/137</span>
49
+ <span class='fraction'>80/156</span>
50
50
  </div>
51
51
 
52
52
 
@@ -79,63 +79,78 @@
79
79
  </tr>
80
80
  </thead>
81
81
  <tbody><tr>
82
- <td class="file medium" data-value="ComponentListPanel.vue"><a href="ComponentListPanel.vue.html">ComponentListPanel.vue</a></td>
83
- <td data-value="55.55" class="pic medium">
84
- <div class="chart"><div class="cover-fill" style="width: 55%"></div><div class="cover-empty" style="width: 45%"></div></div>
82
+ <td class="file low" data-value="ComponentListPanel.vue"><a href="ComponentListPanel.vue.html">ComponentListPanel.vue</a></td>
83
+ <td data-value="42.3" class="pic low">
84
+ <div class="chart"><div class="cover-fill" style="width: 42%"></div><div class="cover-empty" style="width: 58%"></div></div>
85
85
  </td>
86
- <td data-value="55.55" class="pct medium">55.55%</td>
87
- <td data-value="18" class="abs medium">10/18</td>
88
- <td data-value="42.85" class="pct low">42.85%</td>
89
- <td data-value="14" class="abs low">6/14</td>
90
- <td data-value="42.85" class="pct low">42.85%</td>
91
- <td data-value="7" class="abs low">3/7</td>
92
- <td data-value="71.42" class="pct medium">71.42%</td>
93
- <td data-value="14" class="abs medium">10/14</td>
86
+ <td data-value="42.3" class="pct low">42.3%</td>
87
+ <td data-value="26" class="abs low">11/26</td>
88
+ <td data-value="35.29" class="pct low">35.29%</td>
89
+ <td data-value="17" class="abs low">6/17</td>
90
+ <td data-value="37.5" class="pct low">37.5%</td>
91
+ <td data-value="8" class="abs low">3/8</td>
92
+ <td data-value="57.89" class="pct medium">57.89%</td>
93
+ <td data-value="19" class="abs medium">11/19</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
97
- <td class="file high" data-value="LayerMenu.vue"><a href="LayerMenu.vue.html">LayerMenu.vue</a></td>
98
- <td data-value="91.66" class="pic high">
99
- <div class="chart"><div class="cover-fill" style="width: 91%"></div><div class="cover-empty" style="width: 9%"></div></div>
97
+ <td class="file medium" data-value="LayerMenu.vue"><a href="LayerMenu.vue.html">LayerMenu.vue</a></td>
98
+ <td data-value="68.57" class="pic medium">
99
+ <div class="chart"><div class="cover-fill" style="width: 68%"></div><div class="cover-empty" style="width: 32%"></div></div>
100
100
  </td>
101
- <td data-value="91.66" class="pct high">91.66%</td>
102
- <td data-value="12" class="abs high">11/12</td>
103
- <td data-value="69.23" class="pct medium">69.23%</td>
104
- <td data-value="26" class="abs medium">18/26</td>
105
- <td data-value="85.71" class="pct high">85.71%</td>
106
- <td data-value="7" class="abs high">6/7</td>
107
- <td data-value="90.9" class="pct high">90.9%</td>
108
- <td data-value="11" class="abs high">10/11</td>
101
+ <td data-value="68.57" class="pct medium">68.57%</td>
102
+ <td data-value="35" class="abs medium">24/35</td>
103
+ <td data-value="23.43" class="pct low">23.43%</td>
104
+ <td data-value="64" class="abs low">15/64</td>
105
+ <td data-value="50" class="pct medium">50%</td>
106
+ <td data-value="18" class="abs medium">9/18</td>
107
+ <td data-value="70" class="pct medium">70%</td>
108
+ <td data-value="30" class="abs medium">21/30</td>
109
109
  </tr>
110
110
 
111
111
  <tr>
112
112
  <td class="file low" data-value="LayerPanel.vue"><a href="LayerPanel.vue.html">LayerPanel.vue</a></td>
113
- <td data-value="34.28" class="pic low">
113
+ <td data-value="34.02" class="pic low">
114
114
  <div class="chart"><div class="cover-fill" style="width: 34%"></div><div class="cover-empty" style="width: 66%"></div></div>
115
115
  </td>
116
- <td data-value="34.28" class="pct low">34.28%</td>
117
- <td data-value="105" class="abs low">36/105</td>
118
- <td data-value="6.45" class="pct low">6.45%</td>
119
- <td data-value="124" class="abs low">8/124</td>
120
- <td data-value="37.5" class="pct low">37.5%</td>
121
- <td data-value="24" class="abs low">9/24</td>
122
- <td data-value="34.4" class="pct low">34.4%</td>
123
- <td data-value="93" class="abs low">32/93</td>
116
+ <td data-value="34.02" class="pct low">34.02%</td>
117
+ <td data-value="97" class="abs low">33/97</td>
118
+ <td data-value="7.91" class="pct low">7.91%</td>
119
+ <td data-value="139" class="abs low">11/139</td>
120
+ <td data-value="30.43" class="pct low">30.43%</td>
121
+ <td data-value="23" class="abs low">7/23</td>
122
+ <td data-value="34.11" class="pct low">34.11%</td>
123
+ <td data-value="85" class="abs low">29/85</td>
124
124
  </tr>
125
125
 
126
126
  <tr>
127
127
  <td class="file high" data-value="Sidebar.vue"><a href="Sidebar.vue.html">Sidebar.vue</a></td>
128
- <td data-value="84.21" class="pic high">
128
+ <td data-value="88.88" class="pic high">
129
+ <div class="chart"><div class="cover-fill" style="width: 88%"></div><div class="cover-empty" style="width: 12%"></div></div>
130
+ </td>
131
+ <td data-value="88.88" class="pct high">88.88%</td>
132
+ <td data-value="9" class="abs high">8/9</td>
133
+ <td data-value="60" class="pct medium">60%</td>
134
+ <td data-value="10" class="abs medium">6/10</td>
135
+ <td data-value="75" class="pct medium">75%</td>
136
+ <td data-value="4" class="abs medium">3/4</td>
137
+ <td data-value="88.88" class="pct high">88.88%</td>
138
+ <td data-value="9" class="abs high">8/9</td>
139
+ </tr>
140
+
141
+ <tr>
142
+ <td class="file high" data-value="TabPane.vue"><a href="TabPane.vue.html">TabPane.vue</a></td>
143
+ <td data-value="84.61" class="pic high">
129
144
  <div class="chart"><div class="cover-fill" style="width: 84%"></div><div class="cover-empty" style="width: 16%"></div></div>
130
145
  </td>
131
- <td data-value="84.21" class="pct high">84.21%</td>
132
- <td data-value="19" class="abs high">16/19</td>
133
- <td data-value="61.11" class="pct medium">61.11%</td>
134
- <td data-value="18" class="abs medium">11/18</td>
135
- <td data-value="83.33" class="pct high">83.33%</td>
136
- <td data-value="6" class="abs high">5/6</td>
137
- <td data-value="84.21" class="pct high">84.21%</td>
138
- <td data-value="19" class="abs high">16/19</td>
146
+ <td data-value="84.61" class="pct high">84.61%</td>
147
+ <td data-value="13" class="abs high">11/13</td>
148
+ <td data-value="50" class="pct medium">50%</td>
149
+ <td data-value="4" class="abs medium">2/4</td>
150
+ <td data-value="100" class="pct high">100%</td>
151
+ <td data-value="2" class="abs high">2/2</td>
152
+ <td data-value="84.61" class="pct high">84.61%</td>
153
+ <td data-value="13" class="abs high">11/13</td>
139
154
  </tr>
140
155
 
141
156
  </tbody>
@@ -146,7 +161,7 @@
146
161
  <div class='footer quiet pad2 space-top1 center small'>
147
162
  Code coverage generated by
148
163
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
149
- at Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
164
+ at Fri May 13 2022 20:42:37 GMT+0800 (China Standard Time)
150
165
  </div>
151
166
  <script src="../../../prettify.js"></script>
152
167
  <script>