@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
package/coverage/lcov-report/index.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">61.1% </span>
26
+ <span class="strong">58.84% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>977/1599</span>
28
+ <span class='fraction'>978/1662</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">27.97% </span>
33
+ <span class="strong">25.21% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>339/1212</span>
35
+ <span class='fraction'>326/1293</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">56.03% </span>
40
+ <span class="strong">52.11% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>223/398</span>
42
+ <span class='fraction'>209/401</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">63.55% </span>
47
+ <span class="strong">61.36% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>905/1424</span>
49
+ <span class='fraction'>910/1483</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,32 +80,32 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file high" data-value="src"><a href="src/index.html">src</a></td>
83
- <td data-value="94.02" class="pic high">
83
+ <td data-value="94.36" class="pic high">
84
84
  <div class="chart"><div class="cover-fill" style="width: 94%"></div><div class="cover-empty" style="width: 6%"></div></div>
85
85
  </td>
86
- <td data-value="94.02" class="pct high">94.02%</td>
87
- <td data-value="67" class="abs high">63/67</td>
86
+ <td data-value="94.36" class="pct high">94.36%</td>
87
+ <td data-value="71" class="abs high">67/71</td>
88
88
  <td data-value="78.57" class="pct medium">78.57%</td>
89
89
  <td data-value="14" class="abs medium">11/14</td>
90
- <td data-value="89.28" class="pct high">89.28%</td>
91
- <td data-value="28" class="abs high">25/28</td>
92
- <td data-value="95.45" class="pct high">95.45%</td>
93
- <td data-value="66" class="abs high">63/66</td>
90
+ <td data-value="90" class="pct high">90%</td>
91
+ <td data-value="30" class="abs high">27/30</td>
92
+ <td data-value="95.71" class="pct high">95.71%</td>
93
+ <td data-value="70" class="abs high">67/70</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
97
97
  <td class="file medium" data-value="src/components"><a href="src/components/index.html">src/components</a></td>
98
- <td data-value="64.8" class="pic medium">
99
- <div class="chart"><div class="cover-fill" style="width: 64%"></div><div class="cover-empty" style="width: 36%"></div></div>
98
+ <td data-value="59.85" class="pic medium">
99
+ <div class="chart"><div class="cover-fill" style="width: 59%"></div><div class="cover-empty" style="width: 41%"></div></div>
100
100
  </td>
101
- <td data-value="64.8" class="pct medium">64.8%</td>
102
- <td data-value="125" class="abs medium">81/125</td>
103
- <td data-value="40.97" class="pct low">40.97%</td>
104
- <td data-value="144" class="abs low">59/144</td>
105
- <td data-value="60.52" class="pct medium">60.52%</td>
106
- <td data-value="38" class="abs medium">23/38</td>
107
- <td data-value="71.17" class="pct medium">71.17%</td>
108
- <td data-value="111" class="abs medium">79/111</td>
101
+ <td data-value="59.85" class="pct medium">59.85%</td>
102
+ <td data-value="142" class="abs medium">85/142</td>
103
+ <td data-value="36.02" class="pct low">36.02%</td>
104
+ <td data-value="161" class="abs low">58/161</td>
105
+ <td data-value="57.5" class="pct medium">57.5%</td>
106
+ <td data-value="40" class="abs medium">23/40</td>
107
+ <td data-value="66.4" class="pct medium">66.4%</td>
108
+ <td data-value="125" class="abs medium">83/125</td>
109
109
  </tr>
110
110
 
111
111
  <tr>
@@ -125,62 +125,62 @@
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="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>
128
+ <td data-value="45.85" class="pic low">
129
+ <div class="chart"><div class="cover-fill" style="width: 45%"></div><div class="cover-empty" style="width: 55%"></div></div>
130
130
  </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
- <td data-value="43.63" class="pct low">43.63%</td>
136
- <td data-value="55" class="abs low">24/55</td>
137
- <td data-value="51.28" class="pct medium">51.28%</td>
138
- <td data-value="156" class="abs medium">80/156</td>
131
+ <td data-value="45.85" class="pct low">45.85%</td>
132
+ <td data-value="181" class="abs low">83/181</td>
133
+ <td data-value="13.67" class="pct low">13.67%</td>
134
+ <td data-value="234" class="abs low">32/234</td>
135
+ <td data-value="34.54" class="pct low">34.54%</td>
136
+ <td data-value="55" class="abs low">19/55</td>
137
+ <td data-value="49.68" class="pct low">49.68%</td>
138
+ <td data-value="157" class="abs low">78/157</td>
139
139
  </tr>
140
140
 
141
141
  <tr>
142
142
  <td class="file low" data-value="src/layouts/workspace"><a href="src/layouts/workspace/index.html">src/layouts/workspace</a></td>
143
- <td data-value="45.84" class="pic low">
144
- <div class="chart"><div class="cover-fill" style="width: 45%"></div><div class="cover-empty" style="width: 55%"></div></div>
143
+ <td data-value="38.61" class="pic low">
144
+ <div class="chart"><div class="cover-fill" style="width: 38%"></div><div class="cover-empty" style="width: 62%"></div></div>
145
145
  </td>
146
- <td data-value="45.84" class="pct low">45.84%</td>
147
- <td data-value="277" class="abs low">127/277</td>
148
- <td data-value="15.74" class="pct low">15.74%</td>
149
- <td data-value="451" class="abs low">71/451</td>
150
- <td data-value="34.69" class="pct low">34.69%</td>
151
- <td data-value="98" class="abs low">34/98</td>
152
- <td data-value="47.54" class="pct low">47.54%</td>
153
- <td data-value="244" class="abs low">116/244</td>
146
+ <td data-value="38.61" class="pct low">38.61%</td>
147
+ <td data-value="303" class="abs low">117/303</td>
148
+ <td data-value="12.64" class="pct low">12.64%</td>
149
+ <td data-value="506" class="abs low">64/506</td>
150
+ <td data-value="23.71" class="pct low">23.71%</td>
151
+ <td data-value="97" class="abs low">23/97</td>
152
+ <td data-value="40" class="pct low">40%</td>
153
+ <td data-value="270" class="abs low">108/270</td>
154
154
  </tr>
155
155
 
156
156
  <tr>
157
157
  <td class="file medium" data-value="src/services"><a href="src/services/index.html">src/services</a></td>
158
- <td data-value="70.13" class="pic medium">
159
- <div class="chart"><div class="cover-fill" style="width: 70%"></div><div class="cover-empty" style="width: 30%"></div></div>
158
+ <td data-value="69.73" class="pic medium">
159
+ <div class="chart"><div class="cover-fill" style="width: 69%"></div><div class="cover-empty" style="width: 31%"></div></div>
160
160
  </td>
161
- <td data-value="70.13" class="pct medium">70.13%</td>
162
- <td data-value="519" class="abs medium">364/519</td>
163
- <td data-value="46.52" class="pct low">46.52%</td>
164
- <td data-value="187" class="abs low">87/187</td>
161
+ <td data-value="69.73" class="pct medium">69.73%</td>
162
+ <td data-value="532" class="abs medium">371/532</td>
163
+ <td data-value="45.91" class="pct low">45.91%</td>
164
+ <td data-value="196" class="abs low">90/196</td>
165
165
  <td data-value="73.62" class="pct medium">73.62%</td>
166
166
  <td data-value="91" class="abs medium">67/91</td>
167
- <td data-value="73.58" class="pct medium">73.58%</td>
168
- <td data-value="477" class="abs medium">351/477</td>
167
+ <td data-value="73.21" class="pct medium">73.21%</td>
168
+ <td data-value="489" class="abs medium">358/489</td>
169
169
  </tr>
170
170
 
171
171
  <tr>
172
172
  <td class="file medium" data-value="src/utils"><a href="src/utils/index.html">src/utils</a></td>
173
- <td data-value="58.23" class="pic medium">
174
- <div class="chart"><div class="cover-fill" style="width: 58%"></div><div class="cover-empty" style="width: 42%"></div></div>
173
+ <td data-value="57.89" class="pic medium">
174
+ <div class="chart"><div class="cover-fill" style="width: 57%"></div><div class="cover-empty" style="width: 43%"></div></div>
175
175
  </td>
176
- <td data-value="58.23" class="pct medium">58.23%</td>
177
- <td data-value="340" class="abs medium">198/340</td>
176
+ <td data-value="57.89" class="pct medium">57.89%</td>
177
+ <td data-value="342" class="abs medium">198/342</td>
178
178
  <td data-value="42.99" class="pct low">42.99%</td>
179
179
  <td data-value="107" class="abs low">46/107</td>
180
180
  <td data-value="55.38" class="pct medium">55.38%</td>
181
181
  <td data-value="65" class="abs medium">36/65</td>
182
- <td data-value="56.16" class="pct medium">56.16%</td>
183
- <td data-value="292" class="abs medium">164/292</td>
182
+ <td data-value="55.78" class="pct medium">55.78%</td>
183
+ <td data-value="294" class="abs medium">164/294</td>
184
184
  </tr>
185
185
 
186
186
  </tbody>
@@ -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 25 2022 14:21:49 GMT+0800 (China Standard Time)
194
+ at Mon Jun 06 2022 15:27:48 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
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">92.98% </span>
26
+ <span class="strong">93.44% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>53/57</span>
28
+ <span class='fraction'>57/61</span>
29
29
  </div>
30
30
 
31
31
 
@@ -37,16 +37,16 @@
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">88% </span>
40
+ <span class="strong">88.88% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>22/25</span>
42
+ <span class='fraction'>24/27</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">94.64% </span>
47
+ <span class="strong">95% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>53/56</span>
49
+ <span class='fraction'>57/60</span>
50
50
  </div>
51
51
 
52
52
 
@@ -306,7 +306,20 @@
306
306
  <a name='L241'></a><a href='#L241'>241</a>
307
307
  <a name='L242'></a><a href='#L242'>242</a>
308
308
  <a name='L243'></a><a href='#L243'>243</a>
309
- <a name='L244'></a><a href='#L244'>244</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
309
+ <a name='L244'></a><a href='#L244'>244</a>
310
+ <a name='L245'></a><a href='#L245'>245</a>
311
+ <a name='L246'></a><a href='#L246'>246</a>
312
+ <a name='L247'></a><a href='#L247'>247</a>
313
+ <a name='L248'></a><a href='#L248'>248</a>
314
+ <a name='L249'></a><a href='#L249'>249</a>
315
+ <a name='L250'></a><a href='#L250'>250</a>
316
+ <a name='L251'></a><a href='#L251'>251</a>
317
+ <a name='L252'></a><a href='#L252'>252</a>
318
+ <a name='L253'></a><a href='#L253'>253</a>
319
+ <a name='L254'></a><a href='#L254'>254</a>
320
+ <a name='L255'></a><a href='#L255'>255</a>
321
+ <a name='L256'></a><a href='#L256'>256</a>
322
+ <a name='L257'></a><a href='#L257'>257</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
310
323
  <span class="cline-any cline-neutral">&nbsp;</span>
311
324
  <span class="cline-any cline-neutral">&nbsp;</span>
312
325
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -398,6 +411,16 @@
398
411
  <span class="cline-any cline-neutral">&nbsp;</span>
399
412
  <span class="cline-any cline-neutral">&nbsp;</span>
400
413
  <span class="cline-any cline-neutral">&nbsp;</span>
414
+ <span class="cline-any cline-yes">1x</span>
415
+ <span class="cline-any cline-neutral">&nbsp;</span>
416
+ <span class="cline-any cline-neutral">&nbsp;</span>
417
+ <span class="cline-any cline-neutral">&nbsp;</span>
418
+ <span class="cline-any cline-neutral">&nbsp;</span>
419
+ <span class="cline-any cline-yes">1x</span>
420
+ <span class="cline-any cline-neutral">&nbsp;</span>
421
+ <span class="cline-any cline-neutral">&nbsp;</span>
422
+ <span class="cline-any cline-neutral">&nbsp;</span>
423
+ <span class="cline-any cline-neutral">&nbsp;</span>
401
424
  <span class="cline-any cline-neutral">&nbsp;</span>
402
425
  <span class="cline-any cline-yes">1x</span>
403
426
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -546,6 +569,9 @@
546
569
  <span class="cline-any cline-yes">1x</span>
547
570
  <span class="cline-any cline-neutral">&nbsp;</span>
548
571
  <span class="cline-any cline-yes">1x</span>
572
+ <span class="cline-any cline-yes">1x</span>
573
+ <span class="cline-any cline-neutral">&nbsp;</span>
574
+ <span class="cline-any cline-yes">1x</span>
549
575
  <span class="cline-any cline-neutral">&nbsp;</span>
550
576
  <span class="cline-any cline-neutral">&nbsp;</span>
551
577
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -607,7 +633,7 @@ import eventsService from '@editor/services/events';
607
633
  import historyService from '@editor/services/history';
608
634
  import propsService from '@editor/services/props';
609
635
  import uiService from '@editor/services/ui';
610
- import type { ComponentGroup, MenuBarData, Services, SideBarData, StageRect } from '@editor/type';
636
+ import type { ComponentGroup, MenuBarData, MenuItem, Services, SideBarData, StageRect } from '@editor/type';
611
637
  &nbsp;
612
638
  export default defineComponent({
613
639
  name: 'm-editor',
@@ -638,6 +664,16 @@ export default defineComponent({
638
664
  sidebar: {
639
665
  type: Object as PropType&lt;SideBarData&gt;,
640
666
  },
667
+ &nbsp;
668
+ layerContentMenu: {
669
+ type: Array as PropType&lt;MenuItem[]&gt;,
670
+ default: () =&gt; [],
671
+ },
672
+ &nbsp;
673
+ stageContentMenu: {
674
+ type: Array as PropType&lt;MenuItem[]&gt;,
675
+ default: () =&gt; [],
676
+ },
641
677
  &nbsp;
642
678
  /** 顶部工具栏配置 */
643
679
  menu: {
@@ -787,6 +823,9 @@ export default defineComponent({
787
823
  };
788
824
  &nbsp;
789
825
  provide('services', services);
826
+ &nbsp;
827
+ provide('layerContentMenu', props.layerContentMenu);
828
+ provide('stageContentMenu', props.stageContentMenu);
790
829
  &nbsp;
791
830
  return services;
792
831
  },
@@ -799,7 +838,7 @@ export default defineComponent({
799
838
  <div class='footer quiet pad2 space-top1 center small'>
800
839
  Code coverage generated by
801
840
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
802
- at Wed May 25 2022 14:21:49 GMT+0800 (China Standard Time)
841
+ at Mon Jun 06 2022 15:27:48 GMT+0800 (China Standard Time)
803
842
  </div>
804
843
  <script src="../prettify.js"></script>
805
844
  <script>