feat: review mode and track changes

src/editor/assets/css/index.css

@@ -7,6 +7,7 @@
 @import './contextmenu/contextmenu.css';
 @import './hyperlink/hyperlink.css';
 @import './zone/zone.css';
+@import './track/track.css';
 
 .ce-inputarea {
   width: 100px;

src/editor/assets/css/track/track.css

@@ -0,0 +1,23 @@
+.ce-track-popup {
+  background: #fff;
+  box-shadow: 0 2px 12px 0 rgb(98 107 132 / 20%);
+  border-radius: 2px;
+  color: #3d4757;
+  padding: 8px 16px;
+  position: absolute;
+  z-index: 1;
+  text-align: center;
+  display: none;
+}
+
+.ce-track-popup div {
+  min-width: 100px;
+  max-width: 300px;
+  font-size: 12px;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  text-decoration: none;
+}

src/editor/core/command/Command.ts

@@ -119,6 +119,7 @@ export class Command {
   public getContainer: CommandAdapt['getContainer']
   public getTitleValue: CommandAdapt['getTitleValue']
   public getPositionContextByEvent: CommandAdapt['getPositionContextByEvent']
+  public execHideTracks: CommandAdapt['hideTracks']
 
   constructor(adapt: CommandAdapt) {
     // 全局命令
@@ -248,5 +249,7 @@ export class Command {
     this.getControlList = adapt.getControlList.bind(adapt)
     this.executeLocationControl = adapt.locationControl.bind(adapt)
     this.executeInsertControl = adapt.insertControl.bind(adapt)
+    // 审核
+    this.execHideTracks = adapt.hideTracks.bind(adapt)
   }
 }

src/editor/core/command/CommandAdapt.ts

@@ -2054,6 +2054,20 @@ export class CommandAdapt {
     this.draw.insertElementList([cloneElement])
   }
 
+  public hideTracks (hide:boolean) {
+
+    if(hide) {
+      this.draw.hideReview()
+    } else {
+      this.draw.showReview()
+    }
+      this.draw.render({
+        isSetCursor: false,
+        isSubmitHistory: false
+      })
+
+  }
+
   public focus(payload?: IFocusOption) {
     const { position = LocationPosition.AFTER } = payload || {}
     const curIndex =

src/editor/core/contextmenu/ContextMenu.ts

@@ -20,6 +20,7 @@ import { globalMenus } from './menus/globalMenus'
 import { hyperlinkMenus } from './menus/hyperlinkMenus'
 import { imageMenus } from './menus/imageMenus'
 import { tableMenus } from './menus/tableMenus'
+import {reviewMenus} from './menus/reviewMenus'
 
 interface IRenderPayload {
   contextMenuList: IRegisterContextMenu[]
@@ -56,7 +57,8 @@ export class ContextMenu {
       ...tableMenus,
       ...imageMenus,
       ...controlMenus,
-      ...hyperlinkMenus
+      ...hyperlinkMenus,
+      ...reviewMenus
     ]
     this.contextMenuContainerList = []
     this.contextMenuRelationShip = new Map()

src/editor/core/contextmenu/menus/reviewMenus.ts

@@ -0,0 +1,19 @@
+import {IRegisterContextMenu} from '../../../interface/contextmenu/ContextMenu'
+import {Command} from '../../command/Command'
+
+export const reviewMenus: IRegisterContextMenu[] = [
+  {
+    name: '隐藏痕迹',
+    when: ()=>true,
+    callback: (command: Command) => {
+      command.execHideTracks(true)
+    }
+  },
+  {
+    name: '显示痕迹',
+    when: ()=>true,
+    callback: (command: Command) => {
+      command.execHideTracks(false)
+    }
+  }
+]