From d540195dfaa80da05e9d8e2dd4b28c87ab312655 Mon Sep 17 00:00:00 2001
From: Hufe921 <huangyunfeihufe@hotmail.com>
Date: Fri, 6 Oct 2023 15:03:12 +0800
Subject: [PATCH] feat: add table cell slash to contextmenu

---
 docs/en/guide/i18n.md                          |  2 ++
 docs/guide/i18n.md                             |  2 ++
 .../assets/css/contextmenu/contextmenu.css     |  8 ++++++++
 .../assets/images/table-border-td-back.svg     |  1 +
 .../assets/images/table-border-td-forward.svg  |  1 +
 .../core/contextmenu/menus/tableMenus.ts       | 18 +++++++++++++++++-
 src/editor/core/i18n/lang/en.json              |  4 +++-
 src/editor/core/i18n/lang/zh-CN.json           |  4 +++-
 8 files changed, 37 insertions(+), 3 deletions(-)
 create mode 100644 src/editor/assets/images/table-border-td-back.svg
 create mode 100644 src/editor/assets/images/table-border-td-forward.svg

diff --git a/docs/en/guide/i18n.md b/docs/en/guide/i18n.md
index bd5bbbc..c45e804 100644
--- a/docs/en/guide/i18n.md
+++ b/docs/en/guide/i18n.md
@@ -65,6 +65,8 @@ interface ILang {
       borderExternal: string
       borderTd: string
       borderTdBottom: string
+      borderTdForward: string
+      borderTdBack: string
     }
   }
   datePicker: {
diff --git a/docs/guide/i18n.md b/docs/guide/i18n.md
index 76654b4..e01a27d 100644
--- a/docs/guide/i18n.md
+++ b/docs/guide/i18n.md
@@ -65,6 +65,8 @@ interface ILang {
       borderExternal: string
       borderTd: string
       borderTdBottom: string
+      borderTdForward: string
+      borderTdBack: string
     }
   }
   datePicker: {
diff --git a/src/editor/assets/css/contextmenu/contextmenu.css b/src/editor/assets/css/contextmenu/contextmenu.css
index c6ae576..02714d6 100644
--- a/src/editor/assets/css/contextmenu/contextmenu.css
+++ b/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);
 }
\ No newline at end of file
diff --git a/src/editor/assets/images/table-border-td-back.svg b/src/editor/assets/images/table-border-td-back.svg
new file mode 100644
index 0000000..5bccca4
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/editor/assets/images/table-border-td-forward.svg b/src/editor/assets/images/table-border-td-forward.svg
new file mode 100644
index 0000000..153bc5b
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/editor/core/contextmenu/menus/tableMenus.ts b/src/editor/core/contextmenu/menus/tableMenus.ts
index 6e33697..fa310de 100644
--- a/src/editor/core/contextmenu/menus/tableMenus.ts
+++ b/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)
+            }
           }
         ]
       }
diff --git a/src/editor/core/i18n/lang/en.json b/src/editor/core/i18n/lang/en.json
index 00f96a9..1a76564 100644
--- a/src/editor/core/i18n/lang/en.json
+++ b/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": {
diff --git a/src/editor/core/i18n/lang/zh-CN.json b/src/editor/core/i18n/lang/zh-CN.json
index 49e22ac..97589d6 100644
--- a/src/editor/core/i18n/lang/zh-CN.json
+++ b/src/editor/core/i18n/lang/zh-CN.json
@@ -45,7 +45,9 @@
       "borderEmpty": "无框线",
       "borderExternal": "外侧框线",
       "borderTd": "单元格边框",
-      "borderTdBottom": "下边框"
+      "borderTdBottom": "下边框",
+      "borderTdForward": "正斜线",
+      "borderTdBack": "反斜线"
     }
   },
   "datePicker": {