@tmagic/editor 1.0.0-rc.1 → 1.0.0-rc.4

package/coverage/lcov-report/src/layouts/workspace/ViewerMenu.vue.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">69.23% </span>
+                <span class="strong">41.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>36/52</span>
+                <span class='fraction'>25/60</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">22.35% </span>
+                <span class="strong">8.57% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>19/85</span>
+                <span class='fraction'>12/140</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">60% </span>
+                <span class="strong">16% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>15/25</span>
+                <span class='fraction'>4/25</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">68.08% </span>
+                <span class="strong">41.81% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>32/47</span>
+                <span class='fraction'>23/55</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line low'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -212,7 +212,19 @@
 <a name='L147'></a><a href='#L147'>147</a>
 <a name='L148'></a><a href='#L148'>148</a>
 <a name='L149'></a><a href='#L149'>149</a>
-<a name='L150'></a><a href='#L150'>150</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L150'></a><a href='#L150'>150</a>
+<a name='L151'></a><a href='#L151'>151</a>
+<a name='L152'></a><a href='#L152'>152</a>
+<a name='L153'></a><a href='#L153'>153</a>
+<a name='L154'></a><a href='#L154'>154</a>
+<a name='L155'></a><a href='#L155'>155</a>
+<a name='L156'></a><a href='#L156'>156</a>
+<a name='L157'></a><a href='#L157'>157</a>
+<a name='L158'></a><a href='#L158'>158</a>
+<a name='L159'></a><a href='#L159'>159</a>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -264,7 +276,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -281,23 +293,35 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -306,7 +330,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -314,7 +338,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -322,7 +346,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -330,13 +354,13 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -386,9 +410,9 @@ export default defineComponent({
     const canPaste = ref(false);
     const canCenter = ref(false);
 &nbsp;
-    const node = computed(() =&gt; editorService?.get('node'));
+    const node = computed(<span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >e</span>ditorService?</span>.get('node'));
     const parent = computed(() =&gt; editorService?.get('parent'));
-    const isPage = computed(() =&gt; node.value<span class="branch-1 cbranch-no" title="branch not covered" >?.type === N</span>odeType.PAGE);
+    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);
 &nbsp;
     onMounted(() =&gt; {
       const data = globalThis.localStorage.getItem(COPY_STORAGE_KEY);
@@ -413,7 +437,7 @@ export default defineComponent({
         {
           type: 'button',
           text: '水平居中',
-          display: () =&gt; canCenter.value,
+          display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >c</span>anCenter.</span>value,
           handler: <span class="fstat-no" title="function not covered" >() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >            node.</span>value &amp;&amp; editorService?.alignCenter(node.value);
           },
@@ -430,23 +454,35 @@ export default defineComponent({
         {
           type: 'button',
           text: '粘贴',
-          display: () =&gt; canPaste.value,
+          display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >c</span>anPaste.</span>value,
           handler: <span class="fstat-no" title="function not covered" >() =&gt; {</span>
-            const top = <span class="cstat-no" title="statement not covered" >menu.value?.$el.offsetTop || 0;</span>
-            const left = <span class="cstat-no" title="statement not covered" >menu.value?.$el.offsetLeft || 0;</span>
+            const stage = <span class="cstat-no" title="statement not covered" >editorService?</span>.get&lt;StageCore&gt;('stage');
+&nbsp;
+            const rect = <span class="cstat-no" title="statement not covered" >menu.value?.$</span>el.getBoundingClientRect();
+            const parentRect = <span class="cstat-no" title="statement not covered" >stage?.container?.g</span>etBoundingClientRect();
+            let left = <span class="cstat-no" title="statement not covered" >(r</span>ect?.left || 0) - (parentRect?.left || 0);
+            let top = <span class="cstat-no" title="statement not covered" >(r</span>ect?.top || 0) - (parentRect?.top || 0);
+&nbsp;
+<span class="cstat-no" title="statement not covered" >            <span class="missing-if-branch" title="if path not taken" >I</span>if (node.value?.items &amp;&amp; stage) {</span>
+              const parentEl = <span class="cstat-no" title="statement not covered" >stage.renderer.contentWindow?.d</span>ocument.getElementById(`${node.value.id}`);
+              const parentElRect = <span class="cstat-no" title="statement not covered" >parentEl?</span>.getBoundingClientRect();
+<span class="cstat-no" title="statement not covered" >              left </span>= left - (parentElRect?.left || 0);
+<span class="cstat-no" title="statement not covered" >              top </span>= top - (parentElRect?.top || 0);
+            }
+&nbsp;
 <span class="cstat-no" title="statement not covered" >            editorService?</span>.paste({ left, top });
           },
         },
         {
           type: 'divider',
           direction: 'horizontal',
-          display: () =&gt; !isPage.value,
+          display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >!</span>i</span>sPage.value,
         },
         {
           type: 'button',
           text: '上移一层',
           icon: markRaw(Top),
-          display: () =&gt; !isPage.value,
+          display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >!</span>i</span>sPage.value,
           handler: <span class="fstat-no" title="function not covered" >() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >            editorService?</span>.moveLayer(1);
           },
@@ -455,7 +491,7 @@ export default defineComponent({
           type: 'button',
           text: '下移一层',
           icon: markRaw(Bottom),
-          display: () =&gt; !isPage.value,
+          display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >!</span>i</span>sPage.value,
           handler: <span class="fstat-no" title="function not covered" >() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >            editorService?</span>.moveLayer(-1);
           },
@@ -463,7 +499,7 @@ export default defineComponent({
         {
           type: 'button',
           text: '置顶',
-          display: () =&gt; !isPage.value,
+          display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >!</span>i</span>sPage.value,
           handler: <span class="fstat-no" title="function not covered" >() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >            editorService?</span>.moveLayer(LayerOffset.TOP);
           },
@@ -471,7 +507,7 @@ export default defineComponent({
         {
           type: 'button',
           text: '置底',
-          display: () =&gt; !isPage.value,
+          display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >!</span>i</span>sPage.value,
           handler: <span class="fstat-no" title="function not covered" >() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >            editorService?</span>.moveLayer(LayerOffset.BOTTOM);
           },
@@ -479,13 +515,13 @@ export default defineComponent({
         {
           type: 'divider',
           direction: 'horizontal',
-          display: () =&gt; !isPage.value,
+          display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >!</span>i</span>sPage.value,
         },
         {
           type: 'button',
           text: '删除',
           icon: Delete,
-          display: () =&gt; !isPage.value,
+          display: <span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >!</span>i</span>sPage.value,
           handler: <span class="fstat-no" title="function not covered" >() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >            node.</span>value &amp;&amp; editorService?.remove(node.value);
           },
@@ -517,7 +553,7 @@ export default defineComponent({
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Wed May 18 2022 17:42:38 GMT+0800 (China Standard Time)
+                at Tue May 31 2022 12:01:20 GMT+0800 (China Standard Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/layouts/workspace/Workspace.vue.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">29.68% </span>
+                <span class="strong">27.63% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>19/64</span>
+                <span class='fraction'>21/76</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">6.48% </span>
+                <span class="strong">7.4% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>7/108</span>
+                <span class='fraction'>10/135</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">12.5% </span>
+                <span class="strong">10.71% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>3/24</span>
+                <span class='fraction'>3/28</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">31.14% </span>
+                <span class="strong">29.16% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>19/61</span>
+                <span class='fraction'>21/72</span>
             </div>
         
             
@@ -230,7 +230,29 @@
 <a name='L165'></a><a href='#L165'>165</a>
 <a name='L166'></a><a href='#L166'>166</a>
 <a name='L167'></a><a href='#L167'>167</a>
-<a name='L168'></a><a href='#L168'>168</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</a>
+<a name='L170'></a><a href='#L170'>170</a>
+<a name='L171'></a><a href='#L171'>171</a>
+<a name='L172'></a><a href='#L172'>172</a>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</a>
+<a name='L181'></a><a href='#L181'>181</a>
+<a name='L182'></a><a href='#L182'>182</a>
+<a name='L183'></a><a href='#L183'>183</a>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</a>
+<a name='L186'></a><a href='#L186'>186</a>
+<a name='L187'></a><a href='#L187'>187</a>
+<a name='L188'></a><a href='#L188'>188</a>
+<a name='L189'></a><a href='#L189'>189</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -288,6 +310,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -298,6 +321,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -315,6 +343,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -383,10 +416,19 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -402,6 +444,7 @@
     &lt;magic-stage
       :key="page?.id"
       :runtime-url="runtimeUrl"
+      :auto-scroll-into-view="autoScrollIntoView"
       :render="render"
       :moveable-options="moveableOptions"
       :can-select="canSelect"
@@ -440,6 +483,7 @@ export default defineComponent({
 &nbsp;
   props: {
     runtimeUrl: String,
+    autoScrollIntoView: Boolean,
 &nbsp;
     render: {
       type: Function as PropType&lt;() =&gt; HTMLDivElement&gt;,
@@ -463,9 +507,14 @@ export default defineComponent({
     const mouseenterHandler = <span class="fstat-no" title="function not covered" >() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >      workspace.</span>value?.focus();
     };
+&nbsp;
+    const mouseleaveHandler = <span class="fstat-no" title="function not covered" >() =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >      workspace.</span>value?.blur();
+    };
 &nbsp;
     onMounted(() =&gt; {
       workspace.value<span class="branch-0 cbranch-no" title="branch not covered" >?.a</span>ddEventListener('mouseenter', mouseenterHandler);
+      workspace.value<span class="branch-0 cbranch-no" title="branch not covered" >?.a</span>ddEventListener('mouseleave', mouseleaveHandler);
 &nbsp;
       keycon = new KeyController(workspace.value);
 &nbsp;
@@ -477,6 +526,11 @@ export default defineComponent({
         .keyup('delete', <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
 <span class="cstat-no" title="statement not covered" >          e.</span>inputEvent.preventDefault();
 <span class="cstat-no" title="statement not covered" >          <span class="missing-if-branch" title="if path not taken" >I</span>if (!node.value || isPage(node.value)) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >          services?</span>.editorService.remove(node.value);
+        })
+        .keyup('backspace', <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
+<span class="cstat-no" title="statement not covered" >          e.</span>inputEvent.preventDefault();
+<span class="cstat-no" title="statement not covered" >          <span class="missing-if-branch" title="if path not taken" >I</span>if (!node.value || isPage(node.value)) <span class="cstat-no" title="statement not covered" >return;</span></span>
 <span class="cstat-no" title="statement not covered" >          services?</span>.editorService.remove(node.value);
         })
         .keydown([ctrl, 'c'], <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
@@ -543,16 +597,25 @@ export default defineComponent({
         })
         .keydown([ctrl, '='], <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
 <span class="cstat-no" title="statement not covered" >          e.</span>inputEvent.preventDefault();
+<span class="cstat-no" title="statement not covered" >          services?</span>.uiService.zoom(0.1);
+        })
+        .keydown([ctrl, 'numpadplus'], <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
+<span class="cstat-no" title="statement not covered" >          e.</span>inputEvent.preventDefault();
 <span class="cstat-no" title="statement not covered" >          services?</span>.uiService.zoom(0.1);
         })
         .keydown([ctrl, '-'], <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
 <span class="cstat-no" title="statement not covered" >          e.</span>inputEvent.preventDefault();
+<span class="cstat-no" title="statement not covered" >          services?</span>.uiService.zoom(-0.1);
+        })
+        .keydown([ctrl, 'numpad-'], <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
+<span class="cstat-no" title="statement not covered" >          e.</span>inputEvent.preventDefault();
 <span class="cstat-no" title="statement not covered" >          services?</span>.uiService.zoom(-0.1);
         });
     });
 &nbsp;
     onUnmounted(<span class="fstat-no" title="function not covered" >() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >      workspace.</span>value?.removeEventListener('mouseenter', mouseenterHandler);
+<span class="cstat-no" title="statement not covered" >      workspace.</span>value?.removeEventListener('mouseleave', mouseleaveHandler);
 <span class="cstat-no" title="statement not covered" >      keycon.</span>destroy();
     });
 &nbsp;
@@ -571,7 +634,7 @@ export default defineComponent({
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Wed May 18 2022 17:42:38 GMT+0800 (China Standard Time)
+                at Tue May 31 2022 12:01:20 GMT+0800 (China Standard Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/layouts/workspace/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">44.32% </span>
+                <span class="strong">38.41% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>125/282</span>
+                <span class='fraction'>116/302</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">16.11% </span>
+                <span class="strong">12.64% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>68/422</span>
+                <span class='fraction'>64/506</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">36.55% </span>
+                <span class="strong">23.71% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>34/93</span>
+                <span class='fraction'>23/97</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">45.6% </span>
+                <span class="strong">39.77% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>114/250</span>
+                <span class='fraction'>107/269</span>
             </div>
         
             
@@ -100,8 +100,8 @@
 	</td>
 	<td data-value="38.94" class="pct low">38.94%</td>
 	<td data-value="95" class="abs low">37/95</td>
-	<td data-value="14.28" class="pct low">14.28%</td>
-	<td data-value="175" class="abs low">25/175</td>
+	<td data-value="14.12" class="pct low">14.12%</td>
+	<td data-value="177" class="abs low">25/177</td>
 	<td data-value="25.92" class="pct low">25.92%</td>
 	<td data-value="27" class="abs low">7/27</td>
 	<td data-value="40" class="pct low">40%</td>
@@ -109,33 +109,33 @@
 	</tr>
 
 <tr>
-	<td class="file medium" data-value="ViewerMenu.vue"><a href="ViewerMenu.vue.html">ViewerMenu.vue</a></td>
-	<td data-value="69.23" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 69%"></div><div class="cover-empty" style="width: 31%"></div></div>
+	<td class="file low" data-value="ViewerMenu.vue"><a href="ViewerMenu.vue.html">ViewerMenu.vue</a></td>
+	<td data-value="41.66" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 41%"></div><div class="cover-empty" style="width: 59%"></div></div>
 	</td>
-	<td data-value="69.23" class="pct medium">69.23%</td>
-	<td data-value="52" class="abs medium">36/52</td>
-	<td data-value="22.35" class="pct low">22.35%</td>
-	<td data-value="85" class="abs low">19/85</td>
-	<td data-value="60" class="pct medium">60%</td>
-	<td data-value="25" class="abs medium">15/25</td>
-	<td data-value="68.08" class="pct medium">68.08%</td>
-	<td data-value="47" class="abs medium">32/47</td>
+	<td data-value="41.66" class="pct low">41.66%</td>
+	<td data-value="60" class="abs low">25/60</td>
+	<td data-value="8.57" class="pct low">8.57%</td>
+	<td data-value="140" class="abs low">12/140</td>
+	<td data-value="16" class="pct low">16%</td>
+	<td data-value="25" class="abs low">4/25</td>
+	<td data-value="41.81" class="pct low">41.81%</td>
+	<td data-value="55" class="abs low">23/55</td>
 	</tr>
 
 <tr>
 	<td class="file low" data-value="Workspace.vue"><a href="Workspace.vue.html">Workspace.vue</a></td>
-	<td data-value="29.68" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 29%"></div><div class="cover-empty" style="width: 71%"></div></div>
+	<td data-value="27.63" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 27%"></div><div class="cover-empty" style="width: 73%"></div></div>
 	</td>
-	<td data-value="29.68" class="pct low">29.68%</td>
-	<td data-value="64" class="abs low">19/64</td>
-	<td data-value="6.48" class="pct low">6.48%</td>
-	<td data-value="108" class="abs low">7/108</td>
-	<td data-value="12.5" class="pct low">12.5%</td>
-	<td data-value="24" class="abs low">3/24</td>
-	<td data-value="31.14" class="pct low">31.14%</td>
-	<td data-value="61" class="abs low">19/61</td>
+	<td data-value="27.63" class="pct low">27.63%</td>
+	<td data-value="76" class="abs low">21/76</td>
+	<td data-value="7.4" class="pct low">7.4%</td>
+	<td data-value="135" class="abs low">10/135</td>
+	<td data-value="10.71" class="pct low">10.71%</td>
+	<td data-value="28" class="abs low">3/28</td>
+	<td data-value="29.16" class="pct low">29.16%</td>
+	<td data-value="72" class="abs low">21/72</td>
 	</tr>
 
 </tbody>
@@ -146,7 +146,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Wed May 18 2022 17:42:38 GMT+0800 (China Standard Time)
+                at Tue May 31 2022 12:01:20 GMT+0800 (China Standard Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/services/BaseService.ts.html

@@ -528,7 +528,7 @@ const doAction = async (
  *    editorService.afterAdd();
  *   }
  *
- * 调用时的参数会透传到before方法的参数中, 然后before的return 会作为原方法的参数和after的参数，after最后一个参数则是原方法的return值;
+ * 调用时的参数会透传到before方法的参数中, 然后before的return 会作为原方法的参数和after的参数，after第一个参数则是原方法的return值;
  * 如需终止后续方法调用可以return new Error();
  *
  * 方法2：
@@ -628,7 +628,7 @@ export default class extends EventEmitter {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Wed May 18 2022 17:42:38 GMT+0800 (China Standard Time)
+                at Tue May 31 2022 12:01:20 GMT+0800 (China Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/services/componentList.ts.html

@@ -214,7 +214,7 @@ export default new ComponentList();
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Wed May 18 2022 17:42:38 GMT+0800 (China Standard Time)
+                at Tue May 31 2022 12:01:20 GMT+0800 (China Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>