feat: add table cell slash to contextmenu

docs/en/guide/i18n.md

@@ -65,6 +65,8 @@ interface ILang {
       borderExternal: string
       borderTd: string
       borderTdBottom: string
+      borderTdForward: string
+      borderTdBack: string
     }
   }
   datePicker: {

docs/guide/i18n.md

@@ -65,6 +65,8 @@ interface ILang {
       borderExternal: string
       borderTd: string
       borderTdBottom: string
+      borderTdForward: string
+      borderTdBack: string
     }
   }
   datePicker: {

src/editor/assets/css/contextmenu/contextmenu.css

@@ -165,4 +165,12 @@
 
 .ce-contextmenu-border-td-bottom {
   background-image: url(../../../assets/images/table-border-td-bottom.svg);
+}
+
+.ce-contextmenu-border-td-forward {
+  background-image: url(../../../assets/images/table-border-td-forward.svg);
+}
+
+.ce-contextmenu-border-td-back {
+  background-image: url(../../../assets/images/table-border-td-back.svg);
 }

src/editor/assets/images/table-border-td-back.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 3a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3z" stroke="#AAACB0" /><path stroke="#3D4757" d="M3 3 l11 11" /></svg>

src/editor/assets/images/table-border-td-forward.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 3a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3z" stroke="#AAACB0" /><path stroke="#3D4757" d="M14 3 l-11 11" /></svg>

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

@@ -1,5 +1,5 @@
 import { VerticalAlign } from '../../../dataset/enum/VerticalAlign'
-import { TableBorder, TdBorder } from '../../../dataset/enum/table/Table'
+import { TableBorder, TdBorder, TdSlash } from '../../../dataset/enum/table/Table'
 import { IRegisterContextMenu } from '../../../interface/contextmenu/ContextMenu'
 import { Command } from '../../command/Command'
 
@@ -50,6 +50,22 @@ export const tableMenus: IRegisterContextMenu[] = [
             callback: (command: Command) => {
               command.executeTableTdBorderType(TdBorder.BOTTOM)
             }
+          },
+          {
+            i18nPath: 'contextmenu.table.borderTdForward',
+            icon: 'border-td-forward',
+            when: () => true,
+            callback: (command: Command) => {
+              command.executeTableTdSlashType(TdSlash.FORWARD)
+            }
+          },
+          {
+            i18nPath: 'contextmenu.table.borderTdBack',
+            icon: 'border-td-back',
+            when: () => true,
+            callback: (command: Command) => {
+              command.executeTableTdSlashType(TdSlash.BACK)
+            }
           }
         ]
       }

src/editor/core/i18n/lang/en.json

@@ -45,7 +45,9 @@
       "borderEmpty": "Empty",
       "borderExternal": "External",
       "borderTd": "Table cell border",
-      "borderTdBottom": "Bottom"
+      "borderTdBottom": "Bottom",
+      "borderTdForward": "forward",
+      "borderTdBack": "back"
     }
   },
   "datePicker": {

src/editor/core/i18n/lang/zh-CN.json

@@ -45,7 +45,9 @@
       "borderEmpty": "无框线",
       "borderExternal": "外侧框线",
       "borderTd": "单元格边框",
-      "borderTdBottom": "下边框"
+      "borderTdBottom": "下边框",
+      "borderTdForward": "正斜线",
+      "borderTdBack": "反斜线"
     }
   },
   "datePicker": {