@tmagic/editor 1.0.0-beta.13 → 1.0.0-beta.14

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

@@ -271,7 +271,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">170x</span>
+<span class="cline-any cline-yes">180x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -372,19 +372,19 @@
 <span class="cline-any cline-yes">25x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">25x</span>
-<span class="cline-any cline-yes">85x</span>
+<span class="cline-any cline-yes">90x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">85x</span>
+<span class="cline-any cline-yes">90x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">85x</span>
-<span class="cline-any cline-yes">85x</span>
+<span class="cline-any cline-yes">90x</span>
+<span class="cline-any cline-yes">90x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">85x</span>
-<span class="cline-any cline-yes">85x</span>
-<span class="cline-any cline-yes">85x</span>
+<span class="cline-any cline-yes">90x</span>
+<span class="cline-any cline-yes">90x</span>
+<span class="cline-any cline-yes">90x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">85x</span>
-<span class="cline-any cline-yes">85x</span>
+<span class="cline-any cline-yes">90x</span>
+<span class="cline-any cline-yes">90x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">86x</span>
 <span class="cline-any cline-yes">48x</span>
@@ -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 Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
+                at Sat May 07 2022 17:04:32 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 Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
+                at Sat May 07 2022 17:04:32 GMT+0800 (China Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75.92% </span>
+                <span class="strong">74.3% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>205/270</span>
+                <span class='fraction'>214/288</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">60.17% </span>
+                <span class="strong">59.82% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>68/113</span>
+                <span class='fraction'>70/117</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">80.99% </span>
+                <span class="strong">78.84% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>196/242</span>
+                <span class='fraction'>205/260</span>
             </div>
         
             
@@ -696,7 +696,38 @@
 <a name='L631'></a><a href='#L631'>631</a>
 <a name='L632'></a><a href='#L632'>632</a>
 <a name='L633'></a><a href='#L633'>633</a>
-<a name='L634'></a><a href='#L634'>634</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L634'></a><a href='#L634'>634</a>
+<a name='L635'></a><a href='#L635'>635</a>
+<a name='L636'></a><a href='#L636'>636</a>
+<a name='L637'></a><a href='#L637'>637</a>
+<a name='L638'></a><a href='#L638'>638</a>
+<a name='L639'></a><a href='#L639'>639</a>
+<a name='L640'></a><a href='#L640'>640</a>
+<a name='L641'></a><a href='#L641'>641</a>
+<a name='L642'></a><a href='#L642'>642</a>
+<a name='L643'></a><a href='#L643'>643</a>
+<a name='L644'></a><a href='#L644'>644</a>
+<a name='L645'></a><a href='#L645'>645</a>
+<a name='L646'></a><a href='#L646'>646</a>
+<a name='L647'></a><a href='#L647'>647</a>
+<a name='L648'></a><a href='#L648'>648</a>
+<a name='L649'></a><a href='#L649'>649</a>
+<a name='L650'></a><a href='#L650'>650</a>
+<a name='L651'></a><a href='#L651'>651</a>
+<a name='L652'></a><a href='#L652'>652</a>
+<a name='L653'></a><a href='#L653'>653</a>
+<a name='L654'></a><a href='#L654'>654</a>
+<a name='L655'></a><a href='#L655'>655</a>
+<a name='L656'></a><a href='#L656'>656</a>
+<a name='L657'></a><a href='#L657'>657</a>
+<a name='L658'></a><a href='#L658'>658</a>
+<a name='L659'></a><a href='#L659'>659</a>
+<a name='L660'></a><a href='#L660'>660</a>
+<a name='L661'></a><a href='#L661'>661</a>
+<a name='L662'></a><a href='#L662'>662</a>
+<a name='L663'></a><a href='#L663'>663</a>
+<a name='L664'></a><a href='#L664'>664</a>
+<a name='L665'></a><a href='#L665'>665</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>
@@ -755,6 +786,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">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -783,11 +815,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-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">103x</span>
 <span class="cline-any cline-yes">103x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">103x</span>
 <span class="cline-any cline-yes">21x</span>
+<span class="cline-any cline-yes">21x</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>
@@ -888,6 +922,9 @@
 <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-yes">24x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">24x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -947,6 +984,7 @@
 <span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-yes">2x</span>
@@ -989,6 +1027,12 @@
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">5x</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-yes">5x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</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>
@@ -1017,9 +1061,23 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</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>
 <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-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-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-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-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
@@ -1030,6 +1088,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</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>
@@ -1091,6 +1151,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</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>
@@ -1385,6 +1447,7 @@ class Editor extends BaseService {
     stage: null,
     highlightNode: null,
     modifiedNodeIds: new Map(),
+    pageLength: 0,
   });
 &nbsp;
   constructor() {
@@ -1400,6 +1463,7 @@ class Editor extends BaseService {
         'paste',
         'alignCenter',
         'moveLayer',
+        'move',
         'undo',
         'redo',
         'highlight',
@@ -1420,6 +1484,7 @@ class Editor extends BaseService {
     log('store set ', name, ' ', value);
 &nbsp;
     if (name === 'root') {
+      this.state.pageLength = (value as unknown as MApp)?.items?.length || <span class="branch-1 cbranch-no" title="branch not covered" >0;</span>
       this.emit('root-change', value);
     }
   }
@@ -1521,6 +1586,9 @@ class Editor extends BaseService {
     } else <span class="missing-if-branch" title="else path not taken" >E</span>{
 <span class="cstat-no" title="statement not covered" >      historyService.empty();</span>
     }
+&nbsp;
+    this.emit('select', node);
+&nbsp;
     return node!;
   }
 &nbsp;
@@ -1580,8 +1648,9 @@ class Editor extends BaseService {
     const curNode = this.get&lt;MContainer&gt;('node');
 &nbsp;
     let parentNode: MNode | undefined;
+    const isPage = type === NodeType.PAGE;
 &nbsp;
-    if (type === NodeType.PAGE) {
+    if (isPage) {
       parentNode = this.get&lt;MApp&gt;('root');
       // 由于支持中间件扩展，在parent参数为undefined时，parent会变成next函数
     } else if (parent &amp;&amp; typeof parent !== 'function') {
@@ -1620,6 +1689,12 @@ class Editor extends BaseService {
     }
 &nbsp;
     stage?.select(newNode.id);
+&nbsp;
+    if (isPage) {
+      this.state.pageLength += 1;
+    }
+&nbsp;
+    this.emit('add', newNode);
 &nbsp;
     return newNode;
   }
@@ -1649,9 +1724,23 @@ class Editor extends BaseService {
     stage?.remove({ id: node.id, root: this.get('root') });
 &nbsp;
     if (node.type === NodeType.PAGE) {
+      this.state.pageLength -= 1;
+&nbsp;
       if (root.items[0]) {
         await this.select(root.items[0]);
         stage?.select(root.items[0].id);
+      } else <span class="missing-if-branch" title="else path not taken" >E</span>{
+<span class="cstat-no" title="statement not covered" >        this.set('node', null);</span>
+<span class="cstat-no" title="statement not covered" >        this.set('parent', null);</span>
+<span class="cstat-no" title="statement not covered" >        this.set('page', null);</span>
+<span class="cstat-no" title="statement not covered" >        this.set('stage', null);</span>
+<span class="cstat-no" title="statement not covered" >        this.set('highlightNode', null);</span>
+<span class="cstat-no" title="statement not covered" >        this.resetModifiedNodeId();</span>
+<span class="cstat-no" title="statement not covered" >        historyService.reset();</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >        this.emit('remove', node);</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >        return node;</span>
       }
     } else {
       await this.select(parent);
@@ -1660,6 +1749,8 @@ class Editor extends BaseService {
 &nbsp;
     this.addModifiedNodeId(parent.id);
     this.pushHistoryState();
+&nbsp;
+    this.emit('remove', node);
 &nbsp;
     return node;
   }
@@ -1721,6 +1812,8 @@ class Editor extends BaseService {
 &nbsp;
     this.addModifiedNodeId(newConfig.id);
     this.pushHistoryState();
+&nbsp;
+    this.emit('update', newConfig);
 &nbsp;
     return newConfig;
   }
@@ -1969,7 +2062,7 @@ export default new Editor();
             <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 Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
+                at Sat May 07 2022 17:04:32 GMT+0800 (China Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -316,7 +316,7 @@ export default new Events();
             <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 Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
+                at Sat May 07 2022 17:04:32 GMT+0800 (China Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75.55% </span>
+                <span class="strong">69.38% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>34/45</span>
+                <span class='fraction'>34/49</span>
             </div>
         
             
@@ -37,16 +37,16 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">77.77% </span>
+                <span class="strong">70% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>7/9</span>
+                <span class='fraction'>7/10</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">85% </span>
+                <span class="strong">77.27% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>34/40</span>
+                <span class='fraction'>34/44</span>
             </div>
         
             
@@ -187,7 +187,14 @@
 <a name='L122'></a><a href='#L122'>122</a>
 <a name='L123'></a><a href='#L123'>123</a>
 <a name='L124'></a><a href='#L124'>124</a>
-<a name='L125'></a><a href='#L125'>125</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L125'></a><a href='#L125'>125</a>
+<a name='L126'></a><a href='#L126'>126</a>
+<a name='L127'></a><a href='#L127'>127</a>
+<a name='L128'></a><a href='#L128'>128</a>
+<a name='L129'></a><a href='#L129'>129</a>
+<a name='L130'></a><a href='#L130'>130</a>
+<a name='L131'></a><a href='#L131'>131</a>
+<a name='L132'></a><a href='#L132'>132</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>
@@ -241,6 +248,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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">24x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">24x</span>
@@ -363,6 +377,13 @@ class History extends BaseService {
 &nbsp;
     this.on('change', this.setCanUndoRedo);
   }
+&nbsp;
+  public <span class="fstat-no" title="function not covered" >reset(</span>) {
+<span class="cstat-no" title="statement not covered" >    this.state.pageSteps = {};</span>
+<span class="cstat-no" title="statement not covered" >    this.state.pageId = undefined;</span>
+<span class="cstat-no" title="statement not covered" >    this.state.canRedo = false;</span>
+<span class="cstat-no" title="statement not covered" >    this.state.canUndo = false;</span>
+  }
 &nbsp;
   public changePage(page: MPage): void {
     <span class="missing-if-branch" title="if path not taken" >I</span>if (!page) <span class="cstat-no" title="statement not covered" >return;</span>
@@ -442,7 +463,7 @@ export default new History();
             <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 Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
+                at Sat May 07 2022 17:04:32 GMT+0800 (China Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/services/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">72.52% </span>
+                <span class="strong">71.14% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>351/484</span>
+                <span class='fraction'>360/506</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">46.96% </span>
+                <span class="strong">47.02% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>85/181</span>
+                <span class='fraction'>87/185</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">74.44% </span>
+                <span class="strong">73.62% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>67/90</span>
+                <span class='fraction'>67/91</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">76.47% </span>
+                <span class="strong">74.78% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>338/442</span>
+                <span class='fraction'>347/464</span>
             </div>
         
             
@@ -110,17 +110,17 @@
 
 <tr>
 	<td class="file medium" data-value="editor.ts"><a href="editor.ts.html">editor.ts</a></td>
-	<td data-value="75.92" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
+	<td data-value="74.3" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 74%"></div><div class="cover-empty" style="width: 26%"></div></div>
 	</td>
-	<td data-value="75.92" class="pct medium">75.92%</td>
-	<td data-value="270" class="abs medium">205/270</td>
-	<td data-value="60.17" class="pct medium">60.17%</td>
-	<td data-value="113" class="abs medium">68/113</td>
+	<td data-value="74.3" class="pct medium">74.3%</td>
+	<td data-value="288" class="abs medium">214/288</td>
+	<td data-value="59.82" class="pct medium">59.82%</td>
+	<td data-value="117" class="abs medium">70/117</td>
 	<td data-value="80" class="pct high">80%</td>
 	<td data-value="35" class="abs high">28/35</td>
-	<td data-value="80.99" class="pct high">80.99%</td>
-	<td data-value="242" class="abs high">196/242</td>
+	<td data-value="78.84" class="pct medium">78.84%</td>
+	<td data-value="260" class="abs medium">205/260</td>
 	</tr>
 
 <tr>
@@ -140,17 +140,17 @@
 
 <tr>
 	<td class="file medium" data-value="history.ts"><a href="history.ts.html">history.ts</a></td>
-	<td data-value="75.55" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
+	<td data-value="69.38" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 69%"></div><div class="cover-empty" style="width: 31%"></div></div>
 	</td>
-	<td data-value="75.55" class="pct medium">75.55%</td>
-	<td data-value="45" class="abs medium">34/45</td>
+	<td data-value="69.38" class="pct medium">69.38%</td>
+	<td data-value="49" class="abs medium">34/49</td>
 	<td data-value="50" class="pct medium">50%</td>
 	<td data-value="10" class="abs medium">5/10</td>
-	<td data-value="77.77" class="pct medium">77.77%</td>
-	<td data-value="9" class="abs medium">7/9</td>
-	<td data-value="85" class="pct high">85%</td>
-	<td data-value="40" class="abs high">34/40</td>
+	<td data-value="70" class="pct medium">70%</td>
+	<td data-value="10" class="abs medium">7/10</td>
+	<td data-value="77.27" class="pct medium">77.27%</td>
+	<td data-value="44" class="abs medium">34/44</td>
 	</tr>
 
 <tr>
@@ -191,7 +191,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 Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
+                at Sat May 07 2022 17:04:32 GMT+0800 (China Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -173,8 +173,7 @@
 <a name='L108'></a><a href='#L108'>108</a>
 <a name='L109'></a><a href='#L109'>109</a>
 <a name='L110'></a><a href='#L110'>110</a>
-<a name='L111'></a><a href='#L111'>111</a>
-<a name='L112'></a><a href='#L112'>112</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L111'></a><a href='#L111'>111</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>
@@ -283,7 +282,6 @@
 <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">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
@@ -304,7 +302,7 @@
  */
 &nbsp;
 import { reactive } from 'vue';
-import { cloneDeep } from 'lodash-es';
+import { cloneDeep, mergeWith } from 'lodash-es';
 &nbsp;
 import type { FormConfig } from '@tmagic/form';
 import type { MComponent, MNode } from '@tmagic/schema';
@@ -387,8 +385,7 @@ class Props extends BaseService {
 &nbsp;
     return cloneDeep({
       ...getDefaultPropsValue(type),
-      ...defaultValue,
-      ...(this.state.propsValueMap[type] || {}),
+      ...mergeWith(this.state.propsValueMap[type] || {}, defaultValue),
     });
   }
 }
@@ -403,7 +400,7 @@ export default new Props();
             <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 Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
+                at Sat May 07 2022 17:04:32 GMT+0800 (China Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -499,7 +499,7 @@ export default new Ui();
             <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 Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
+                at Sat May 07 2022 17:04:32 GMT+0800 (China Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/type.ts.html

@@ -316,11 +316,7 @@
 <a name='L251'></a><a href='#L251'>251</a>
 <a name='L252'></a><a href='#L252'>252</a>
 <a name='L253'></a><a href='#L253'>253</a>
-<a name='L254'></a><a href='#L254'>254</a>
-<a name='L255'></a><a href='#L255'>255</a>
-<a name='L256'></a><a href='#L256'>256</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>
+<a name='L254'></a><a href='#L254'>254</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>
@@ -628,6 +624,7 @@ export interface StoreState {
   highlightNode: MNode | null;
   stage: StageCore | null;
   modifiedNodeIds: Map&lt;Id, Id&gt;;
+  pageLength: number;
 }
 &nbsp;
 export interface PropsState {
@@ -700,6 +697,8 @@ export interface MenuButton {
    * zoom: 放大缩小
    */
   type: 'button' | 'dropdown' | 'text' | 'divider' | 'zoom';
+  /** 当type为divider时有效，分割线方向, 默认vertical */
+  direction?: 'horizontal' | 'vertical';
   /** 展示的文案 */
   text?: string;
   /** 鼠标悬浮是显示的气泡中的文案 */
@@ -711,14 +710,9 @@ export interface MenuButton {
   /** 是否显示，默认为true */
   display?: boolean | ((data?: Services) =&gt; boolean);
   /** type为button/dropdown时点击运行的方法 */
-  handler?: (data?: Services) =&gt; Promise&lt;any&gt; | any;
-  /** type为dropdown时，下拉的菜单列表 */
-  items?: {
-    /** 展示的文案 */
-    text: string;
-    /** 点击运行的方法 */
-    handler(data: Services): any;
-  }[];
+  handler?: (data: Services, event: MouseEvent) =&gt; Promise&lt;any&gt; | any;
+  /** type为dropdown时，下拉的菜单列表， 或者有子菜单时 */
+  items?: MenuButton[];
 }
 &nbsp;
 export interface MenuComponent {
@@ -835,7 +829,7 @@ export enum Keys {
             <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 Fri Apr 22 2022 12:15:01 GMT+0800 (China Standard Time)
+                at Sat May 07 2022 17:04:32 GMT+0800 (China Standard Time)
             </div>
         <script src="../prettify.js"></script>
         <script>