mirror of
https://github.com/wanglin2/mind-map.git
synced 2026-03-04 07:47:56 +08:00
545 lines
9.6 KiB
JavaScript
545 lines
9.6 KiB
JavaScript
// 字体列表
|
|
export const fontFamilyList = [
|
|
{
|
|
name: '宋体',
|
|
value: '宋体, SimSun, Songti SC'
|
|
},
|
|
{
|
|
name: '微软雅黑',
|
|
value: '微软雅黑, Microsoft YaHei'
|
|
},
|
|
{
|
|
name: '楷体',
|
|
value: '楷体, 楷体_GB2312, SimKai, STKaiti'
|
|
},
|
|
{
|
|
name: '黑体',
|
|
value: '黑体, SimHei, Heiti SC'
|
|
},
|
|
{
|
|
name: '隶书',
|
|
value: '隶书, SimLi'
|
|
},
|
|
{
|
|
name: 'Andale Mono',
|
|
value: 'andale mono'
|
|
},
|
|
{
|
|
name: 'Arial',
|
|
value: 'arial, helvetica, sans-serif'
|
|
},
|
|
{
|
|
name: 'arialBlack',
|
|
value: 'arial black, avant garde'
|
|
},
|
|
{
|
|
name: 'Comic Sans Ms',
|
|
value: 'comic sans ms'
|
|
},
|
|
{
|
|
name: 'Impact',
|
|
value: 'impact, chicago'
|
|
},
|
|
{
|
|
name: 'Times New Roman',
|
|
value: 'times new roman'
|
|
},
|
|
{
|
|
name: 'Sans-Serif',
|
|
value: 'sans-serif'
|
|
},
|
|
{
|
|
name: 'serif',
|
|
value: 'serif'
|
|
}
|
|
]
|
|
|
|
// 字号
|
|
export const fontSizeList = [10, 12, 16, 18, 24, 32, 48]
|
|
|
|
// 行高
|
|
export const lineHeightList = [1, 1.5, 2, 2.5, 3]
|
|
|
|
// 颜色
|
|
export const colorList = [
|
|
'#4D4D4D',
|
|
'#999999',
|
|
'#FFFFFF',
|
|
'#F44E3B',
|
|
'#FE9200',
|
|
'#FCDC00',
|
|
'#DBDF00',
|
|
'#A4DD00',
|
|
'#68CCCA',
|
|
'#73D8FF',
|
|
'#AEA1FF',
|
|
'#FDA1FF',
|
|
'#333333',
|
|
'#808080',
|
|
'#cccccc',
|
|
'#D33115',
|
|
'#E27300',
|
|
'#FCC400',
|
|
'#B0BC00',
|
|
'#68BC00',
|
|
'#16A5A5',
|
|
'#009CE0',
|
|
'#7B64FF',
|
|
'#FA28FF',
|
|
'#000000',
|
|
'#666666',
|
|
'#B3B3B3',
|
|
'#9F0500',
|
|
'#C45100',
|
|
'#FB9E00',
|
|
'#808900',
|
|
'#194D33',
|
|
'#0C797D',
|
|
'#0062B1',
|
|
'#653294',
|
|
'#AB149E',
|
|
'transparent'
|
|
]
|
|
|
|
// 边框宽度
|
|
export const borderWidthList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
|
|
|
|
// 边框样式
|
|
export const borderDasharrayList = [
|
|
{
|
|
name: '实线',
|
|
value: 'none'
|
|
},
|
|
{
|
|
name: '虚线1',
|
|
value: '5,5'
|
|
},
|
|
{
|
|
name: '虚线2',
|
|
value: '10,10'
|
|
},
|
|
{
|
|
name: '虚线3',
|
|
value: '20,10,5,5,5,10'
|
|
},
|
|
{
|
|
name: '虚线4',
|
|
value: '5, 5, 1, 5'
|
|
},
|
|
{
|
|
name: '虚线5',
|
|
value: '15, 10, 5, 10, 15'
|
|
},
|
|
{
|
|
name: '虚线6',
|
|
value: '1, 5'
|
|
}
|
|
]
|
|
|
|
// 圆角
|
|
export const borderRadiusList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
|
|
|
|
// 线宽
|
|
export const lineWidthList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
|
|
|
|
export const lineStyleMap = {
|
|
straight: `<svg width="60" height="26"><path d="M18,14L30,14L30,5L42,5" fill="none" stroke="#000" stroke-width="2"></path><path d="M18,14L30,14L30,23L42,23" fill="none" stroke="#000" stroke-width="2"></path></svg>`,
|
|
curve: `<svg width="60" height="26"><path d="M18,14L30,14A12,-9 0 0 1 42,5" fill="none" stroke="#000" stroke-width="2"></path><path d="M18,14L30,14A12,9 0 0 0 42,23" fill="none" stroke="#000" stroke-width="2"></path></svg>`,
|
|
direct: `<svg width="60" height="26"><path d="M18,14L30,14L42,5" fill="none" stroke="#000" stroke-width="2"></path><path d="M18,14L30,14L42,23" fill="none" stroke="#000" stroke-width="2"></path></svg>`
|
|
}
|
|
|
|
// 连线风格
|
|
export const lineStyleList = [
|
|
{
|
|
name: '直线',
|
|
value: 'straight'
|
|
},
|
|
{
|
|
name: '曲线',
|
|
value: 'curve'
|
|
},
|
|
{
|
|
name: '直连',
|
|
value: 'direct'
|
|
}
|
|
]
|
|
|
|
// 曲线风格中,根节点样式是否和其他节点保持一致
|
|
export const rootLineKeepSameInCurveList = [
|
|
{
|
|
name: '括号',
|
|
value: false
|
|
},
|
|
{
|
|
name: '大括号',
|
|
value: true
|
|
}
|
|
]
|
|
|
|
// 图片重复方式
|
|
export const backgroundRepeatList = [
|
|
{
|
|
name: '不重复',
|
|
value: 'no-repeat'
|
|
},
|
|
{
|
|
name: '重复',
|
|
value: 'repeat'
|
|
},
|
|
{
|
|
name: '水平方向重复',
|
|
value: 'repeat-x'
|
|
},
|
|
{
|
|
name: '垂直方向重复',
|
|
value: 'repeat-y'
|
|
}
|
|
]
|
|
|
|
// 背景图片定位
|
|
export const backgroundPositionList = [
|
|
{
|
|
name: '默认',
|
|
value: '0% 0%'
|
|
},
|
|
{
|
|
name: '左上',
|
|
value: 'left top'
|
|
},
|
|
{
|
|
name: '左中',
|
|
value: 'left center'
|
|
},
|
|
{
|
|
name: '左下',
|
|
value: 'left bottom'
|
|
},
|
|
{
|
|
name: '右上',
|
|
value: 'right top'
|
|
},
|
|
{
|
|
name: '右中',
|
|
value: 'right center'
|
|
},
|
|
{
|
|
name: '右下',
|
|
value: 'right bottom'
|
|
},
|
|
{
|
|
name: '中上',
|
|
value: 'center top'
|
|
},
|
|
{
|
|
name: '居中',
|
|
value: 'center center'
|
|
},
|
|
{
|
|
name: '中下',
|
|
value: 'center bottom'
|
|
}
|
|
]
|
|
|
|
// 背景图片大小
|
|
export const backgroundSizeList = [
|
|
{
|
|
name: '自动',
|
|
value: 'auto'
|
|
},
|
|
{
|
|
name: '覆盖',
|
|
value: 'cover'
|
|
},
|
|
{
|
|
name: '保持',
|
|
value: 'contain'
|
|
}
|
|
]
|
|
|
|
// 数据存储
|
|
export const store = {
|
|
sidebarZIndex: 1 //侧边栏zIndex
|
|
}
|
|
|
|
// 快捷键列表
|
|
export const shortcutKeyList = [
|
|
{
|
|
type: '节点操作',
|
|
list: [
|
|
{
|
|
icon: 'icontianjiazijiedian',
|
|
name: '插入下级节点',
|
|
value: 'Tab'
|
|
},
|
|
{
|
|
icon: 'iconjiedian',
|
|
name: '插入同级节点',
|
|
value: 'Enter'
|
|
},
|
|
{
|
|
icon: 'icondodeparent',
|
|
name: '插入父节点',
|
|
value: 'Shift + Tab'
|
|
},
|
|
{
|
|
icon: 'iconshangyi',
|
|
name: '上移节点',
|
|
value: 'Ctrl + ↑'
|
|
},
|
|
{
|
|
icon: 'iconxiayi',
|
|
name: '下移节点',
|
|
value: 'Ctrl + ↓'
|
|
},
|
|
{
|
|
icon: 'icongaikuozonglan',
|
|
name: '插入概要',
|
|
value: 'Ctrl + G'
|
|
},
|
|
{
|
|
icon: 'iconzhankai',
|
|
name: '展开/收起节点',
|
|
value: '/'
|
|
},
|
|
{
|
|
icon: 'iconshanchu',
|
|
name: '删除节点',
|
|
value: 'Delete | Backspace'
|
|
},
|
|
{
|
|
icon: 'iconshanchu',
|
|
name: '仅删除当前节点',
|
|
value: 'Shift + Backspace'
|
|
},
|
|
{
|
|
icon: 'iconfuzhi',
|
|
name: '复制节点',
|
|
value: 'Ctrl + C'
|
|
},
|
|
{
|
|
icon: 'iconjianqie',
|
|
name: '剪切节点',
|
|
value: 'Ctrl + X'
|
|
},
|
|
{
|
|
icon: 'iconniantie',
|
|
name: '粘贴节点',
|
|
value: 'Ctrl + V'
|
|
},
|
|
{
|
|
icon: 'iconbianji',
|
|
name: '编辑节点',
|
|
value: 'F2'
|
|
},
|
|
{
|
|
icon: 'iconhuanhang',
|
|
name: '文本换行',
|
|
value: 'Shift + Enter'
|
|
},
|
|
{
|
|
icon: 'iconhoutui-shi',
|
|
name: '回退',
|
|
value: 'Ctrl + Z'
|
|
},
|
|
{
|
|
icon: 'iconqianjin1',
|
|
name: '前进',
|
|
value: 'Ctrl + Y'
|
|
},
|
|
{
|
|
icon: 'iconquanxuan',
|
|
name: '全选',
|
|
value: 'Ctrl + A'
|
|
},
|
|
{
|
|
icon: 'iconquanxuan',
|
|
name: '多选',
|
|
value: '右键 / Ctrl + 左键'
|
|
},
|
|
{
|
|
icon: 'iconzhengli',
|
|
name: '一键整理布局',
|
|
value: 'Ctrl + L'
|
|
},
|
|
{
|
|
icon: 'iconsousuo',
|
|
name: '搜索和替换',
|
|
value: 'Ctrl + F'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: '画布操作',
|
|
list: [
|
|
{
|
|
icon: 'iconfangda',
|
|
name: '放大',
|
|
value: 'Ctrl + +'
|
|
},
|
|
{
|
|
icon: 'iconsuoxiao',
|
|
name: '缩小',
|
|
value: 'Ctrl + -'
|
|
},
|
|
{
|
|
icon: 'icondingwei',
|
|
name: '回到根节点',
|
|
value: 'Ctrl + Enter'
|
|
},
|
|
{
|
|
icon: 'iconquanping1',
|
|
name: '适应画布',
|
|
value: 'Ctrl + i'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
|
|
export const shapeListMap = {
|
|
rectangle: 'M 4 12 L 4 3 L 56 3 L 56 21 L 4 21 L 4 12 Z',
|
|
diamond: 'M 4 12 L 30 3 L 56 12 L 30 21 L 4 12 Z',
|
|
parallelogram: 'M 10 3 L 56 3 L 50 21 L 4 21 L 10 3 Z',
|
|
roundedRectangle:
|
|
'M 13 3 L 47 3 A 9 9 0, 0 1 47 21 L 13 21 A 9 9 0, 0 1 13 3 Z',
|
|
octagonalRectangle:
|
|
'M 4 12 L 4 9 L 10 3 L 50 3 L 56 9 L 56 15 L 50 21 L 10 21 L 4 15 L 4 12 Z',
|
|
outerTriangularRectangle:
|
|
'M 4 12 L 10 3 L 50 3 L 56 12 L 50 21 L 10 21 L 4 12 Z',
|
|
innerTriangularRectangle:
|
|
'M 10 12 L 4 3 L 56 3 L 50 12 L 56 21 L 4 21 L 10 12 Z',
|
|
ellipse: 'M 4 12 A 26 9 0, 1, 0 30 3 A 26 9 0, 0, 0 4 12 Z',
|
|
circle: 'M 21 12 A 9 9 0, 1, 0 30 3 A 9 9 0, 0, 0 21 12 Z'
|
|
}
|
|
|
|
// 形状列表
|
|
export const shapeList = [
|
|
{
|
|
name: '矩形',
|
|
value: 'rectangle'
|
|
},
|
|
{
|
|
name: '菱形',
|
|
value: 'diamond'
|
|
},
|
|
{
|
|
name: '平行四边形',
|
|
value: 'parallelogram'
|
|
},
|
|
{
|
|
name: '圆角矩形',
|
|
value: 'roundedRectangle'
|
|
},
|
|
{
|
|
name: '八角矩形',
|
|
value: 'octagonalRectangle'
|
|
},
|
|
{
|
|
name: '外三角矩形',
|
|
value: 'outerTriangularRectangle'
|
|
},
|
|
{
|
|
name: '内三角矩形',
|
|
value: 'innerTriangularRectangle'
|
|
},
|
|
{
|
|
name: '椭圆',
|
|
value: 'ellipse'
|
|
},
|
|
{
|
|
name: '圆',
|
|
value: 'circle'
|
|
}
|
|
]
|
|
|
|
// 多语言列表
|
|
export const langList = [
|
|
{
|
|
value: 'zh',
|
|
name: '简体中文'
|
|
},
|
|
{
|
|
value: 'en',
|
|
name: 'English'
|
|
}
|
|
]
|
|
|
|
// 侧边栏列表
|
|
export const sidebarTriggerList = [
|
|
{
|
|
name: '节点样式',
|
|
value: 'nodeStyle',
|
|
icon: 'iconzhuti'
|
|
},
|
|
{
|
|
name: '基础样式',
|
|
value: 'baseStyle',
|
|
icon: 'iconyangshi'
|
|
},
|
|
{
|
|
name: '主题',
|
|
value: 'theme',
|
|
icon: 'iconjingzi'
|
|
},
|
|
{
|
|
name: '结构',
|
|
value: 'structure',
|
|
icon: 'iconjiegou'
|
|
},
|
|
{
|
|
name: '大纲',
|
|
value: 'outline',
|
|
icon: 'iconfuhao-dagangshu'
|
|
},
|
|
{
|
|
name: '快捷键',
|
|
value: 'shortcutKey',
|
|
icon: 'iconjianpan'
|
|
}
|
|
]
|
|
|
|
// 下载类型列表
|
|
export const downTypeList = [
|
|
{
|
|
name: '专有文件',
|
|
type: 'smm',
|
|
icon: 'iconwenjian',
|
|
desc: '可用于导入'
|
|
},
|
|
{
|
|
name: 'JSON',
|
|
type: 'json',
|
|
icon: 'iconjson',
|
|
desc: '流行的数据交换格式,可用于导入'
|
|
},
|
|
{
|
|
name: '图片',
|
|
type: 'png',
|
|
icon: 'iconPNG',
|
|
desc: '适合查看分享'
|
|
},
|
|
{
|
|
name: 'SVG',
|
|
type: 'svg',
|
|
icon: 'iconSVG',
|
|
desc: '可缩放矢量图形'
|
|
},
|
|
{
|
|
name: 'PDF',
|
|
type: 'pdf',
|
|
icon: 'iconpdf',
|
|
desc: '适合打印'
|
|
},
|
|
{
|
|
name: 'Markdown',
|
|
type: 'md',
|
|
icon: 'iconmarkdown',
|
|
desc: '便于其他软件打开'
|
|
},
|
|
{
|
|
name: 'XMind',
|
|
type: 'xmind',
|
|
icon: 'iconxmind',
|
|
desc: 'XMind格式'
|
|
}
|
|
]
|