Feat:快捷键提示支持mac

This commit is contained in:
yanghongbo1 2024-04-22 15:12:48 +08:00
parent cc62f98a9f
commit 950b7ad57b
2 changed files with 55 additions and 44 deletions

View File

@ -178,6 +178,12 @@ export const backgroundPositionList = [
} }
] ]
const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
const ctrl = isMac?'⌘':'Ctrl';
const enter = isMac?'Return':'Enter';
const macFn = isMac?'fn + ':'';
// 背景图片大小 // 背景图片大小
export const backgroundSizeList = [ export const backgroundSizeList = [
{ {
@ -207,7 +213,7 @@ export const shortcutKeyList = [
{ {
icon: 'iconjiedian', icon: 'iconjiedian',
name: 'Insert sibling node', name: 'Insert sibling node',
value: 'Enter' value: enter
}, },
{ {
icon: 'icondodeparent', icon: 'icondodeparent',
@ -217,17 +223,17 @@ export const shortcutKeyList = [
{ {
icon: 'iconshangyi', icon: 'iconshangyi',
name: 'Move up node', name: 'Move up node',
value: 'Ctrl + ↑' value: `${ctrl} + ↑`
}, },
{ {
icon: 'iconxiayi', icon: 'iconxiayi',
name: 'Move down node', name: 'Move down node',
value: 'Ctrl + ↓' value: `${ctrl} + ↓`
}, },
{ {
icon: 'icongaikuozonglan', icon: 'icongaikuozonglan',
name: 'Insert summary', name: 'Insert summary',
value: 'Ctrl + G' value: `${ctrl} + G`
}, },
{ {
icon: 'iconzhankai', icon: 'iconzhankai',
@ -247,57 +253,57 @@ export const shortcutKeyList = [
{ {
icon: 'iconfuzhi', icon: 'iconfuzhi',
name: 'Copy node', name: 'Copy node',
value: 'Ctrl + C' value: `${ctrl} + C`
}, },
{ {
icon: 'iconjianqie', icon: 'iconjianqie',
name: 'Cut node', name: 'Cut node',
value: 'Ctrl + X' value: `${ctrl} + X`
}, },
{ {
icon: 'iconniantie', icon: 'iconniantie',
name: 'Paste node', name: 'Paste node',
value: 'Ctrl + V' value: `${ctrl} + V`
}, },
{ {
icon: 'iconbianji', icon: 'iconbianji',
name: 'Edit node', name: 'Edit node',
value: 'F2' value: macFn+'F2'
}, },
{ {
icon: 'iconhuanhang', icon: 'iconhuanhang',
name: 'Text Wrap', name: 'Text Wrap',
value: 'Shift + Enter' value: `Shift + ${enter}`
}, },
{ {
icon: 'iconhoutui-shi', icon: 'iconhoutui-shi',
name: 'Undo', name: 'Undo',
value: 'Ctrl + Z' value: `${ctrl} + Z`
}, },
{ {
icon: 'iconqianjin1', icon: 'iconqianjin1',
name: 'Redo', name: 'Redo',
value: 'Ctrl + Y' value: `${ctrl} + Y`
}, },
{ {
icon: 'iconquanxuan', icon: 'iconquanxuan',
name: 'Select All', name: 'Select All',
value: 'Ctrl + A' value: `${ctrl} + A`
}, },
{ {
icon: 'iconquanxuan', icon: 'iconquanxuan',
name: 'Multiple choice', name: 'Multiple choice',
value: 'Right click / Ctrl + Left click' value: `Right click / ${ctrl} + Left click`
}, },
{ {
icon: 'iconzhengli', icon: 'iconzhengli',
name: 'Arrange layout', name: 'Arrange layout',
value: 'Ctrl + L' value: `${ctrl} + L`
}, },
{ {
icon: 'iconsousuo', icon: 'iconsousuo',
name: 'Search and Replace', name: 'Search and Replace',
value: 'Ctrl + F' value: `${ctrl} + F`
} }
] ]
}, },
@ -307,27 +313,27 @@ export const shortcutKeyList = [
{ {
icon: 'iconfangda', icon: 'iconfangda',
name: 'Zoom in', name: 'Zoom in',
value: 'Ctrl + +' value: `${ctrl} + +`
}, },
{ {
icon: 'iconsuoxiao', icon: 'iconsuoxiao',
name: 'Zoom out', name: 'Zoom out',
value: 'Ctrl + -' value: `${ctrl} + -`
}, },
{ {
icon: 'iconfangda', icon: 'iconfangda',
name: 'Zoom in/Zoom out', name: 'Zoom in/Zoom out',
value: 'Ctrl + Mouse wheel' value: `${ctrl} + Mouse wheel`
}, },
{ {
icon: 'icondingwei', icon: 'icondingwei',
name: 'Back root node', name: 'Back root node',
value: 'Ctrl + Enter' value: `${ctrl} + ${enter}`
}, },
{ {
icon: 'iconquanping1', icon: 'iconquanping1',
name: 'fit canvas', name: 'fit canvas',
value: 'Ctrl + i' value: `${ctrl} + i`
} }
] ]
}, },
@ -337,7 +343,7 @@ export const shortcutKeyList = [
{ {
icon: 'iconhuanhang', icon: 'iconhuanhang',
name: 'Text Wrap', name: 'Text Wrap',
value: 'Shift + Enter' value: `Shift + ${enter}`
}, },
{ {
icon: 'iconshanchu', icon: 'iconshanchu',
@ -352,7 +358,7 @@ export const shortcutKeyList = [
{ {
icon: 'iconjiedian', icon: 'iconjiedian',
name: 'Insert sibling node', name: 'Insert sibling node',
value: 'Enter' value: enter
}, },
{ {
icon: 'icondodeparent', icon: 'icondodeparent',

View File

@ -260,6 +260,11 @@ export const backgroundSizeList = [
export const store = { export const store = {
sidebarZIndex: 1 //侧边栏zIndex sidebarZIndex: 1 //侧边栏zIndex
} }
const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
const ctrl = isMac?'⌘':'Ctrl';
const enter = isMac?'Return':'Enter';
const macFn = isMac?'fn + ':'';
// 快捷键列表 // 快捷键列表
export const shortcutKeyList = [ export const shortcutKeyList = [
@ -274,7 +279,7 @@ export const shortcutKeyList = [
{ {
icon: 'iconjiedian', icon: 'iconjiedian',
name: '插入同级节点', name: '插入同级节点',
value: 'Enter' value: enter
}, },
{ {
icon: 'icondodeparent', icon: 'icondodeparent',
@ -284,17 +289,17 @@ export const shortcutKeyList = [
{ {
icon: 'iconshangyi', icon: 'iconshangyi',
name: '上移节点', name: '上移节点',
value: 'Ctrl + ↑' value: `${ctrl} + ↑`
}, },
{ {
icon: 'iconxiayi', icon: 'iconxiayi',
name: '下移节点', name: '下移节点',
value: 'Ctrl + ↓' value: `${ctrl} + ↓`
}, },
{ {
icon: 'icongaikuozonglan', icon: 'icongaikuozonglan',
name: '插入概要', name: '插入概要',
value: 'Ctrl + G' value: `${ctrl} + G`
}, },
{ {
icon: 'iconzhankai', icon: 'iconzhankai',
@ -314,57 +319,57 @@ export const shortcutKeyList = [
{ {
icon: 'iconfuzhi', icon: 'iconfuzhi',
name: '复制节点', name: '复制节点',
value: 'Ctrl + C' value: `${ctrl} + C`
}, },
{ {
icon: 'iconjianqie', icon: 'iconjianqie',
name: '剪切节点', name: '剪切节点',
value: 'Ctrl + X' value: `${ctrl} + X`
}, },
{ {
icon: 'iconniantie', icon: 'iconniantie',
name: '粘贴节点', name: '粘贴节点',
value: 'Ctrl + V' value: `${ctrl} + V`
}, },
{ {
icon: 'iconbianji', icon: 'iconbianji',
name: '编辑节点', name: '编辑节点',
value: 'F2' value: macFn+'F2'
}, },
{ {
icon: 'iconhuanhang', icon: 'iconhuanhang',
name: '文本换行', name: '文本换行',
value: 'Shift + Enter' value: `Shift + ${enter}`
}, },
{ {
icon: 'iconhoutui-shi', icon: 'iconhoutui-shi',
name: '回退', name: '回退',
value: 'Ctrl + Z' value: `${ctrl} + Z`
}, },
{ {
icon: 'iconqianjin1', icon: 'iconqianjin1',
name: '前进', name: '前进',
value: 'Ctrl + Y' value: `${ctrl} + Y`
}, },
{ {
icon: 'iconquanxuan', icon: 'iconquanxuan',
name: '全选', name: '全选',
value: 'Ctrl + A' value: `${ctrl} + A`
}, },
{ {
icon: 'iconquanxuan', icon: 'iconquanxuan',
name: '多选', name: '多选',
value: '右键 / Ctrl + 左键' value: `右键 / ${ctrl} + 左键`
}, },
{ {
icon: 'iconzhengli', icon: 'iconzhengli',
name: '一键整理布局', name: '一键整理布局',
value: 'Ctrl + L' value: `${ctrl} + L`
}, },
{ {
icon: 'iconsousuo', icon: 'iconsousuo',
name: '搜索和替换', name: '搜索和替换',
value: 'Ctrl + F' value: `${ctrl} + F`
} }
] ]
}, },
@ -374,27 +379,27 @@ export const shortcutKeyList = [
{ {
icon: 'iconfangda', icon: 'iconfangda',
name: '放大', name: '放大',
value: 'Ctrl + +' value: `${ctrl} + +`
}, },
{ {
icon: 'iconsuoxiao', icon: 'iconsuoxiao',
name: '缩小', name: '缩小',
value: 'Ctrl + -' value: `${ctrl} + -`
}, },
{ {
icon: 'iconfangda', icon: 'iconfangda',
name: '放大/缩小', name: '放大/缩小',
value: 'Ctrl + 鼠标滚动' value: `${ctrl} + 鼠标滚动`
}, },
{ {
icon: 'icondingwei', icon: 'icondingwei',
name: '回到根节点', name: '回到根节点',
value: 'Ctrl + Enter' value: `${ctrl} + ${enter}`
}, },
{ {
icon: 'iconquanping1', icon: 'iconquanping1',
name: '适应画布', name: '适应画布',
value: 'Ctrl + i' value: `${ctrl} + i`
} }
] ]
}, },
@ -404,7 +409,7 @@ export const shortcutKeyList = [
{ {
icon: 'iconhuanhang', icon: 'iconhuanhang',
name: '文本换行', name: '文本换行',
value: 'Shift + Enter' value: `Shift + ${enter}`
}, },
{ {
icon: 'iconshanchu', icon: 'iconshanchu',
@ -419,7 +424,7 @@ export const shortcutKeyList = [
{ {
icon: 'iconjiedian', icon: 'iconjiedian',
name: '插入同级节点', name: '插入同级节点',
value: 'Enter' value: enter
}, },
{ {
icon: 'icondodeparent', icon: 'icondodeparent',