@tmagic/editor 1.0.0-rc.3 → 1.0.0-rc.6

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 +505 -446
  2. package/coverage/coverage-final.json +10 -10
  3. package/coverage/lcov-report/index.html +60 -60
  4. package/coverage/lcov-report/src/Editor.vue.html +48 -9
  5. package/coverage/lcov-report/src/components/ContentMenu.vue.html +143 -44
  6. package/coverage/lcov-report/src/components/Icon.vue.html +2 -2
  7. package/coverage/lcov-report/src/components/ScrollViewer.vue.html +1 -1
  8. package/coverage/lcov-report/src/components/ToolButton.vue.html +25 -25
  9. package/coverage/lcov-report/src/components/index.html +20 -20
  10. package/coverage/lcov-report/src/index.html +15 -15
  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 +27 -18
  19. package/coverage/lcov-report/src/layouts/sidebar/LayerPanel.vue.html +1 -1
  20. package/coverage/lcov-report/src/layouts/sidebar/Sidebar.vue.html +1 -1
  21. package/coverage/lcov-report/src/layouts/sidebar/TabPane.vue.html +2 -2
  22. package/coverage/lcov-report/src/layouts/sidebar/index.html +19 -19
  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 +78 -33
  26. package/coverage/lcov-report/src/layouts/workspace/Workspace.vue.html +79 -34
  27. package/coverage/lcov-report/src/layouts/workspace/index.html +28 -28
  28. package/coverage/lcov-report/src/services/BaseService.ts.html +2 -2
  29. package/coverage/lcov-report/src/services/componentList.ts.html +1 -1
  30. package/coverage/lcov-report/src/services/editor.ts.html +102 -12
  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 +15 -15
  34. package/coverage/lcov-report/src/services/props.ts.html +4 -4
  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 +21 -9
  40. package/coverage/lcov-report/src/utils/index.html +12 -12
  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 +1132 -986
  47. package/dist/tmagic-editor.es.js +148 -62
  48. package/dist/tmagic-editor.es.js.map +1 -1
  49. package/dist/tmagic-editor.umd.js +148 -62
  50. package/dist/tmagic-editor.umd.js.map +1 -1
  51. package/dist/types/src/Editor.vue.d.ts +19 -1
  52. package/dist/types/src/services/BaseService.d.ts +1 -1
  53. package/package.json +7 -7
  54. package/src/Editor.vue +14 -1
  55. package/src/components/ContentMenu.vue +59 -26
  56. package/src/layouts/sidebar/LayerMenu.vue +3 -0
  57. package/src/layouts/sidebar/TabPane.vue +1 -1
  58. package/src/layouts/workspace/ViewerMenu.vue +17 -2
  59. package/src/layouts/workspace/Workspace.vue +38 -23
  60. package/src/services/BaseService.ts +1 -1
  61. package/src/services/editor.ts +33 -3
  62. package/src/services/props.ts +3 -3
  63. package/src/utils/editor.ts +6 -2
@@ -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 25 2022 14:21:49 GMT+0800 (China Standard Time)
196
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
197
197
  </div>
198
198
  <script src="../../prettify.js"></script>
199
199
  <script>
@@ -304,7 +304,7 @@ export default defineComponent({
304
304
  <div class='footer quiet pad2 space-top1 center small'>
305
305
  Code coverage generated by
306
306
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
307
- at Wed May 25 2022 14:21:49 GMT+0800 (China Standard Time)
307
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
308
308
  </div>
309
309
  <script src="../../prettify.js"></script>
310
310
  <script>
@@ -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 25 2022 14:21:49 GMT+0800 (China Standard Time)
256
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
257
257
  </div>
258
258
  <script src="../../prettify.js"></script>
259
259
  <script>
@@ -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 25 2022 14:21:49 GMT+0800 (China Standard Time)
164
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
165
165
  </div>
166
166
  <script src="../../prettify.js"></script>
167
167
  <script>
@@ -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 25 2022 14:21:49 GMT+0800 (China Standard Time)
346
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
347
347
  </div>
348
348
  <script src="../../../prettify.js"></script>
349
349
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">68.57% </span>
26
+ <span class="strong">55.55% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>24/35</span>
28
+ <span class='fraction'>20/36</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">23.43% </span>
33
+ <span class="strong">10.93% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>15/64</span>
35
+ <span class='fraction'>7/64</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">50% </span>
40
+ <span class="strong">22.22% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>9/18</span>
42
+ <span class='fraction'>4/18</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">70% </span>
47
+ <span class="strong">61.29% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>21/30</span>
49
+ <span class='fraction'>19/31</span>
50
50
  </div>
51
51
 
52
52
 
@@ -175,7 +175,10 @@
175
175
  <a name='L110'></a><a href='#L110'>110</a>
176
176
  <a name='L111'></a><a href='#L111'>111</a>
177
177
  <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
178
+ <a name='L113'></a><a href='#L113'>113</a>
179
+ <a name='L114'></a><a href='#L114'>114</a>
180
+ <a name='L115'></a><a href='#L115'>115</a>
181
+ <a name='L116'></a><a href='#L116'>116</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
179
182
  <span class="cline-any cline-neutral">&nbsp;</span>
180
183
  <span class="cline-any cline-neutral">&nbsp;</span>
181
184
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -200,6 +203,8 @@
200
203
  <span class="cline-any cline-yes">1x</span>
201
204
  <span class="cline-any cline-neutral">&nbsp;</span>
202
205
  <span class="cline-any cline-yes">1x</span>
206
+ <span class="cline-any cline-neutral">&nbsp;</span>
207
+ <span class="cline-any cline-yes">1x</span>
203
208
  <span class="cline-any cline-no">&nbsp;</span>
204
209
  <span class="cline-any cline-neutral">&nbsp;</span>
205
210
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -257,14 +262,14 @@
257
262
  <span class="cline-any cline-neutral">&nbsp;</span>
258
263
  <span class="cline-any cline-neutral">&nbsp;</span>
259
264
  <span class="cline-any cline-neutral">&nbsp;</span>
260
- <span class="cline-any cline-yes">1x</span>
265
+ <span class="cline-any cline-no">&nbsp;</span>
261
266
  <span class="cline-any cline-neutral">&nbsp;</span>
262
267
  <span class="cline-any cline-neutral">&nbsp;</span>
263
268
  <span class="cline-any cline-neutral">&nbsp;</span>
264
269
  <span class="cline-any cline-neutral">&nbsp;</span>
265
270
  <span class="cline-any cline-neutral">&nbsp;</span>
266
271
  <span class="cline-any cline-neutral">&nbsp;</span>
267
- <span class="cline-any cline-yes">1x</span>
272
+ <span class="cline-any cline-no">&nbsp;</span>
268
273
  <span class="cline-any cline-neutral">&nbsp;</span>
269
274
  <span class="cline-any cline-no">&nbsp;</span>
270
275
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -273,7 +278,7 @@
273
278
  <span class="cline-any cline-neutral">&nbsp;</span>
274
279
  <span class="cline-any cline-neutral">&nbsp;</span>
275
280
  <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-yes">1x</span>
281
+ <span class="cline-any cline-no">&nbsp;</span>
277
282
  <span class="cline-any cline-neutral">&nbsp;</span>
278
283
  <span class="cline-any cline-no">&nbsp;</span>
279
284
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -281,6 +286,7 @@
281
286
  <span class="cline-any cline-neutral">&nbsp;</span>
282
287
  <span class="cline-any cline-neutral">&nbsp;</span>
283
288
  <span class="cline-any cline-neutral">&nbsp;</span>
289
+ <span class="cline-any cline-neutral">&nbsp;</span>
284
290
  <span class="cline-any cline-no">&nbsp;</span>
285
291
  <span class="cline-any cline-neutral">&nbsp;</span>
286
292
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -307,9 +313,11 @@ export default defineComponent({
307
313
  const services = inject&lt;Services&gt;('services');
308
314
  const menu = ref&lt;InstanceType&lt;typeof ContentMenu&gt;&gt;();
309
315
  const node = computed(() =&gt; services<span class="branch-0 cbranch-no" title="branch not covered" >?.e</span>ditorService.get('node'));
310
- const isRoot = computed(() =&gt; node.value<span class="branch-1 cbranch-no" title="branch not covered" ><span class="branch-1 cbranch-no" title="branch not covered" >?.t</span>ype === N</span>odeType.ROOT);
311
- const isPage = computed(() =&gt; node.value<span class="branch-1 cbranch-no" title="branch not covered" ><span class="branch-1 cbranch-no" title="branch not covered" >?.t</span>ype === N</span>odeType.PAGE);
316
+ const isRoot = computed(<span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >n</span>ode.</span>value?.type === NodeType.ROOT);
317
+ const isPage = computed(<span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >n</span>ode.</span>value?.type === NodeType.PAGE);
312
318
  const componentList = computed(<span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >s</span>ervices?</span>.componentListService.getList() || []);
319
+ &nbsp;
320
+ const layerContentMenu = inject&lt;MenuItem[]&gt;('layerContentMenu', []);
313
321
  &nbsp;
314
322
  const createMenuItems = <span class="fstat-no" title="function not covered" >(g</span>roup: ComponentGroup): MenuButton[] =&gt;
315
323
  <span class="cstat-no" title="statement not covered" > group.</span>items.map(<span class="fstat-no" title="function not covered" >(c</span>omponent) =&gt; <span class="cstat-no" title="statement not covered" >({</span>
@@ -369,14 +377,14 @@ export default defineComponent({
369
377
  type: 'button',
370
378
  text: '新增',
371
379
  icon: markRaw(Plus),
372
- display: () =&gt; node.value<span class="branch-1 cbranch-no" title="branch not covered" ><span class="branch-1 cbranch-no" title="branch not covered" >?.i</span>tems,</span>
380
+ display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >n</span>ode.</span>value?.items,
373
381
  items: getSubMenuData.value,
374
382
  },
375
383
  {
376
384
  type: 'button',
377
385
  text: '复制',
378
386
  icon: markRaw(DocumentCopy),
379
- display: () =&gt; !isRoot.value,
387
+ display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >!</span>i</span>sRoot.value,
380
388
  handler: <span class="fstat-no" title="function not covered" >() =&gt; {</span>
381
389
  <span class="cstat-no" title="statement not covered" > node.</span>value &amp;&amp; services?.editorService.copy(node.value);
382
390
  },
@@ -385,11 +393,12 @@ export default defineComponent({
385
393
  type: 'button',
386
394
  text: '删除',
387
395
  icon: markRaw(Delete),
388
- display: () =&gt; !isRoot.value &amp;&amp; !isPage.value,
396
+ display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >!</span>i</span>sRoot.value &amp;&amp; !isPage.value,
389
397
  handler: <span class="fstat-no" title="function not covered" >() =&gt; {</span>
390
398
  <span class="cstat-no" title="statement not covered" > node.</span>value &amp;&amp; services?.editorService.remove(node.value);
391
399
  },
392
400
  },
401
+ ...layerContentMenu,
393
402
  ]),
394
403
  &nbsp;
395
404
  <span class="fstat-no" title="function not covered" > show(</span>e: MouseEvent) {
@@ -406,7 +415,7 @@ export default defineComponent({
406
415
  <div class='footer quiet pad2 space-top1 center small'>
407
416
  Code coverage generated by
408
417
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
409
- at Wed May 25 2022 14:21:49 GMT+0800 (China Standard Time)
418
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
410
419
  </div>
411
420
  <script src="../../../prettify.js"></script>
412
421
  <script>
@@ -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 25 2022 14:21:49 GMT+0800 (China Standard Time)
763
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
764
764
  </div>
765
765
  <script src="../../../prettify.js"></script>
766
766
  <script>
@@ -211,7 +211,7 @@ export default defineComponent({
211
211
  <div class='footer quiet pad2 space-top1 center small'>
212
212
  Code coverage generated by
213
213
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
214
- at Wed May 25 2022 14:21:49 GMT+0800 (China Standard Time)
214
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
215
215
  </div>
216
216
  <script src="../../../prettify.js"></script>
217
217
  <script>
@@ -231,7 +231,7 @@ export default defineComponent({
231
231
  &nbsp;
232
232
  props: {
233
233
  data: {
234
- type: Object as PropType&lt;SideItem&gt;,
234
+ type: [Object, String] as PropType&lt;SideItem&gt;,
235
235
  },
236
236
  },
237
237
  &nbsp;
@@ -274,7 +274,7 @@ export default defineComponent({
274
274
  <div class='footer quiet pad2 space-top1 center small'>
275
275
  Code coverage generated by
276
276
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
277
- at Wed May 25 2022 14:21:49 GMT+0800 (China Standard Time)
277
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
278
278
  </div>
279
279
  <script src="../../../prettify.js"></script>
280
280
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">48.33% </span>
26
+ <span class="strong">45.85% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>87/180</span>
28
+ <span class='fraction'>83/181</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">17.09% </span>
33
+ <span class="strong">13.67% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>40/234</span>
35
+ <span class='fraction'>32/234</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">43.63% </span>
40
+ <span class="strong">34.54% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>24/55</span>
42
+ <span class='fraction'>19/55</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">51.28% </span>
47
+ <span class="strong">49.68% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>80/156</span>
49
+ <span class='fraction'>78/157</span>
50
50
  </div>
51
51
 
52
52
 
@@ -95,17 +95,17 @@
95
95
 
96
96
  <tr>
97
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>
98
+ <td data-value="55.55" class="pic medium">
99
+ <div class="chart"><div class="cover-fill" style="width: 55%"></div><div class="cover-empty" style="width: 45%"></div></div>
100
100
  </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>
101
+ <td data-value="55.55" class="pct medium">55.55%</td>
102
+ <td data-value="36" class="abs medium">20/36</td>
103
+ <td data-value="10.93" class="pct low">10.93%</td>
104
+ <td data-value="64" class="abs low">7/64</td>
105
+ <td data-value="22.22" class="pct low">22.22%</td>
106
+ <td data-value="18" class="abs low">4/18</td>
107
+ <td data-value="61.29" class="pct medium">61.29%</td>
108
+ <td data-value="31" class="abs medium">19/31</td>
109
109
  </tr>
110
110
 
111
111
  <tr>
@@ -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 25 2022 14:21:49 GMT+0800 (China Standard Time)
164
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
165
165
  </div>
166
166
  <script src="../../../prettify.js"></script>
167
167
  <script>
@@ -703,7 +703,7 @@ export default defineComponent({
703
703
  <div class='footer quiet pad2 space-top1 center small'>
704
704
  Code coverage generated by
705
705
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
706
- at Wed May 25 2022 14:21:49 GMT+0800 (China Standard Time)
706
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
707
707
  </div>
708
708
  <script src="../../../prettify.js"></script>
709
709
  <script>
@@ -751,7 +751,7 @@ export default defineComponent({
751
751
  <div class='footer quiet pad2 space-top1 center small'>
752
752
  Code coverage generated by
753
753
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
754
- at Wed May 25 2022 14:21:49 GMT+0800 (China Standard Time)
754
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
755
755
  </div>
756
756
  <script src="../../../prettify.js"></script>
757
757
  <script>