mirror of
https://github.com/wanglin2/mind-map.git
synced 2026-02-21 18:37:43 +08:00
786 lines
14 KiB
JavaScript
786 lines
14 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, 14, 16, 18, 24, 32, 48]
|
||
|
||
// 颜色
|
||
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'
|
||
},
|
||
{
|
||
name: '虚线7',
|
||
value: '6,4'
|
||
}
|
||
]
|
||
|
||
// 圆角
|
||
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 lineHeightList = [1, 1.2, 1.5, 2, 2.5, 3]
|
||
|
||
export const lineStyleMap = {
|
||
straight: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" 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 xmlns="http://www.w3.org/2000/svg" version="1.1" 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 xmlns="http://www.w3.org/2000/svg" version="1.1" 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
|
||
}
|
||
const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0
|
||
const ctrl = isMac ? '⌘' : 'Ctrl'
|
||
const enter = isMac ? 'Return' : 'Enter'
|
||
const macFn = isMac ? 'fn + ' : ''
|
||
|
||
// 快捷键列表
|
||
export const shortcutKeyList = [
|
||
{
|
||
type: '节点操作',
|
||
list: [
|
||
{
|
||
icon: 'icontianjiazijiedian',
|
||
name: '插入下级节点',
|
||
value: 'Tab | Insert'
|
||
},
|
||
{
|
||
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: macFn + '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: 'iconfangda',
|
||
name: '放大/缩小',
|
||
value: `${ctrl} + 鼠标滚动`
|
||
},
|
||
{
|
||
icon: 'icondingwei',
|
||
name: '回到根节点',
|
||
value: `${ctrl} + ${enter}`
|
||
},
|
||
{
|
||
icon: 'iconquanping1',
|
||
name: '适应画布',
|
||
value: `${ctrl} + i`
|
||
}
|
||
]
|
||
},
|
||
{
|
||
type: '大纲操作',
|
||
list: [
|
||
{
|
||
icon: 'iconhuanhang',
|
||
name: '文本换行',
|
||
value: `Shift + ${enter}`
|
||
},
|
||
{
|
||
icon: 'iconshanchu',
|
||
name: '删除节点',
|
||
value: 'Delete'
|
||
},
|
||
{
|
||
icon: 'icontianjiazijiedian',
|
||
name: '插入下级节点',
|
||
value: 'Tab'
|
||
},
|
||
{
|
||
icon: 'iconjiedian',
|
||
name: '插入同级节点',
|
||
value: enter
|
||
},
|
||
{
|
||
icon: 'icondodeparent',
|
||
name: '上移一个层级',
|
||
value: 'Shift + Tab'
|
||
}
|
||
]
|
||
}
|
||
]
|
||
|
||
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: 'zhtw',
|
||
name: '繁體中文'
|
||
},
|
||
{
|
||
value: 'en',
|
||
name: 'English'
|
||
},
|
||
{
|
||
value: 'vi',
|
||
name: 'Tiếng Việt'
|
||
}
|
||
]
|
||
|
||
// 侧边栏列表
|
||
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: 'AI',
|
||
// value: 'ai',
|
||
// icon: 'iconAIshengcheng'
|
||
// },
|
||
{
|
||
name: '设置',
|
||
value: 'setting',
|
||
icon: 'iconshezhi'
|
||
},
|
||
// {
|
||
// name: '快捷键',
|
||
// value: 'shortcutKey',
|
||
// icon: 'iconjianpan'
|
||
// }
|
||
]
|
||
|
||
// 下载类型列表
|
||
export const downTypeList = [
|
||
{
|
||
name: '思绪文件',
|
||
type: 'smm',
|
||
icon: 'iconwenjian',
|
||
desc: 'SimpleMindMap私有格式，可用于再次导入，客户端可直接编辑'
|
||
},
|
||
{
|
||
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: 'md文本格式，便于其他软件打开'
|
||
},
|
||
{
|
||
name: 'XMind',
|
||
type: 'xmind',
|
||
icon: 'iconxmind',
|
||
desc: 'XMind软件格式'
|
||
},
|
||
{
|
||
name: 'Txt',
|
||
type: 'txt',
|
||
icon: 'iconTXT',
|
||
desc: '纯文本文件'
|
||
},
|
||
{
|
||
name: 'Excel',
|
||
type: 'xlsx',
|
||
icon: 'iconfile-excel',
|
||
desc: '表格文本形式，可用Excel软件编辑'
|
||
},
|
||
{
|
||
name: 'FreeMind',
|
||
type: 'mm',
|
||
icon: 'iconfreemind',
|
||
desc: 'FreeMind软件格式'
|
||
},
|
||
{
|
||
name: 'JSON',
|
||
type: 'json',
|
||
icon: 'iconjson',
|
||
desc: '流行的数据交换格式，可用于再次导入'
|
||
},
|
||
]
|
||
|
||
// 编号类型列表
|
||
export const numberTypeList = [
|
||
{
|
||
name: '无编号',
|
||
value: ''
|
||
},
|
||
{
|
||
name: '1, 2, 3',
|
||
value: 1
|
||
},
|
||
{
|
||
name: '1., 2., 3.',
|
||
value: 2
|
||
},
|
||
{
|
||
name: '(1), (2), (3)',
|
||
value: 3
|
||
},
|
||
{
|
||
name: 'a., b., c.',
|
||
value: 4
|
||
},
|
||
{
|
||
name: 'A., B., C.',
|
||
value: 5
|
||
},
|
||
{
|
||
name: 'i., ii., iii.',
|
||
value: 6
|
||
},
|
||
{
|
||
name: 'I., II., III.',
|
||
value: 7
|
||
},
|
||
{
|
||
name: '一、, 二、, 三、',
|
||
value: 8
|
||
}
|
||
]
|
||
|
||
// 编号层级列表
|
||
export const numberLevelList = [
|
||
{
|
||
name: '编号首层',
|
||
value: 1
|
||
},
|
||
{
|
||
name: '编号前两层',
|
||
value: 2
|
||
},
|
||
{
|
||
name: '编号前三层',
|
||
value: 3
|
||
},
|
||
{
|
||
name: '编号所有层',
|
||
value: 0
|
||
}
|
||
]
|
||
|
||
// 背景渐变方向
|
||
export const linearGradientDirList = [
|
||
{
|
||
name: '从左到右',
|
||
value: '1',
|
||
start: [0, 0],
|
||
end: [1, 0]
|
||
},
|
||
{
|
||
name: '从右到左',
|
||
value: '2',
|
||
start: [1, 0],
|
||
end: [0, 0]
|
||
},
|
||
{
|
||
name: '从上到下',
|
||
value: '3',
|
||
start: [0, 0],
|
||
end: [0, 1]
|
||
},
|
||
{
|
||
name: '从下到上',
|
||
value: '4',
|
||
start: [0, 1],
|
||
end: [0, 0]
|
||
},
|
||
{
|
||
name: '从左上到右下',
|
||
value: '5',
|
||
start: [0, 0],
|
||
end: [1, 1]
|
||
},
|
||
{
|
||
name: '从左下到右上',
|
||
value: '6',
|
||
start: [0, 1],
|
||
end: [1, 0]
|
||
},
|
||
{
|
||
name: '从右上到左下',
|
||
value: '7',
|
||
start: [1, 0],
|
||
end: [0, 1]
|
||
},
|
||
{
|
||
name: '从右下到左上',
|
||
value: '8',
|
||
start: [1, 1],
|
||
end: [0, 0]
|
||
}
|
||
]
|
||
|
||
// 文本对齐方式
|
||
export const alignList = [
|
||
{
|
||
name: '左对齐',
|
||
value: 'left'
|
||
},
|
||
{
|
||
name: '居中对齐',
|
||
value: 'center'
|
||
},
|
||
{
|
||
name: '右对齐',
|
||
value: 'right'
|
||
}
|
||
]
|
||
|
||
// 结构列表
|
||
export const layoutGroupList = [
|
||
{
|
||
name: '逻辑结构图',
|
||
list: ['logicalStructure', 'logicalStructureLeft']
|
||
},
|
||
{
|
||
name: '思维导图',
|
||
list: ['mindMap']
|
||
},
|
||
{
|
||
name: '组织结构图',
|
||
list: ['organizationStructure']
|
||
},
|
||
{
|
||
name: '目录组织图',
|
||
list: ['catalogOrganization']
|
||
},
|
||
{
|
||
name: '时间轴',
|
||
list: [
|
||
'timeline',
|
||
'timeline2',
|
||
'verticalTimeline2',
|
||
'verticalTimeline3',
|
||
'verticalTimeline'
|
||
]
|
||
},
|
||
{
|
||
name: '鱼骨图',
|
||
list: ['fishbone', 'fishbone2', 'rightFishbone', 'rightFishbone2']
|
||
}
|
||
]
|