update
This commit is contained in:
pipipi-pikachu
parent
205c0a04cf
commit
6c65908a07
|
|
@ -10,25 +10,25 @@ export const ANIMATIONS = [
|
|||
{
|
||||
key: 'bounceInDown',
|
||||
type: '弹跳',
|
||||
name: '上方弹跳',
|
||||
name: '向下弹跳',
|
||||
icon: 'icon-anime-bounce-down',
|
||||
},
|
||||
{
|
||||
key: 'bounceInLeft',
|
||||
type: '弹跳',
|
||||
name: '左侧弹跳',
|
||||
name: '从左弹跳',
|
||||
icon: 'icon-anime-bounce-left',
|
||||
},
|
||||
{
|
||||
key: 'bounceInRight',
|
||||
type: '弹跳',
|
||||
name: '右侧弹跳',
|
||||
name: '从右弹跳',
|
||||
icon: 'icon-anime-bounce-right',
|
||||
},
|
||||
{
|
||||
key: 'bounceInUp',
|
||||
type: '弹跳',
|
||||
name: '下方弹跳',
|
||||
name: '向上弹跳',
|
||||
icon: 'icon-anime-bounce-up',
|
||||
},
|
||||
{
|
||||
|
|
@ -40,25 +40,25 @@ export const ANIMATIONS = [
|
|||
{
|
||||
key: 'fadeInDown',
|
||||
type: '淡入',
|
||||
name: '上方淡入',
|
||||
name: '向下淡入',
|
||||
icon: 'icon-anime-fade-down',
|
||||
},
|
||||
{
|
||||
key: 'fadeInLeft',
|
||||
type: '淡入',
|
||||
name: '左侧淡入',
|
||||
name: '从左淡入',
|
||||
icon: 'icon-anime-fade-left',
|
||||
},
|
||||
{
|
||||
key: 'fadeInRight',
|
||||
type: '淡入',
|
||||
name: '右侧淡入',
|
||||
name: '从右淡入',
|
||||
icon: 'icon-anime-fade-right',
|
||||
},
|
||||
{
|
||||
key: 'fadeInUp',
|
||||
type: '淡入',
|
||||
name: '下方淡入',
|
||||
name: '向上淡入',
|
||||
icon: 'icon-anime-fade-up',
|
||||
},
|
||||
{
|
||||
|
|
@ -82,49 +82,49 @@ export const ANIMATIONS = [
|
|||
{
|
||||
key: 'rotateInDownLeft',
|
||||
type: '旋转',
|
||||
name: '左下旋转',
|
||||
name: '从左下旋转',
|
||||
icon: 'icon-anime-rotate-up-right',
|
||||
},
|
||||
{
|
||||
key: 'rotateInDownRight',
|
||||
type: '旋转',
|
||||
name: '右下旋转',
|
||||
name: '从右下旋转',
|
||||
icon: 'icon-anime-rotate-up-left',
|
||||
},
|
||||
{
|
||||
key: 'rotateInUpLeft',
|
||||
type: '旋转',
|
||||
name: '左上旋转',
|
||||
name: '从左上旋转',
|
||||
icon: 'icon-anime-rotate-down-right',
|
||||
},
|
||||
{
|
||||
key: 'rotateInUpRight',
|
||||
type: '旋转',
|
||||
name: '右上旋转',
|
||||
name: '从右上旋转',
|
||||
icon: 'icon-anime-rotate-down-left',
|
||||
},
|
||||
{
|
||||
key: 'slideInDown',
|
||||
type: '滑入',
|
||||
name: '上方滑入',
|
||||
name: '向下滑入',
|
||||
icon: 'icon-anime-slide-down',
|
||||
},
|
||||
{
|
||||
key: 'slideInLeft',
|
||||
type: '滑入',
|
||||
name: '左侧滑入',
|
||||
name: '从左滑入',
|
||||
icon: 'icon-anime-slide-left',
|
||||
},
|
||||
{
|
||||
key: 'slideInRight',
|
||||
type: '滑入',
|
||||
name: '右侧滑入',
|
||||
name: '从右滑入',
|
||||
icon: 'icon-anime-slide-right',
|
||||
},
|
||||
{
|
||||
key: 'slideInUp',
|
||||
type: '滑入',
|
||||
name: '下方滑入',
|
||||
name: '向上滑入',
|
||||
icon: 'icon-anime-slide-up',
|
||||
},
|
||||
{
|
||||
|
|
@ -136,25 +136,25 @@ export const ANIMATIONS = [
|
|||
{
|
||||
key: 'zoomInDown',
|
||||
type: '缩放',
|
||||
name: '上方放大',
|
||||
name: '向下放大',
|
||||
icon: 'icon-anime-zoom-down',
|
||||
},
|
||||
{
|
||||
key: 'zoomInLeft',
|
||||
type: '缩放',
|
||||
name: '左侧放大',
|
||||
name: '从左放大',
|
||||
icon: 'icon-anime-zoom-left',
|
||||
},
|
||||
{
|
||||
key: 'zoomInRight',
|
||||
type: '缩放',
|
||||
name: '右侧放大',
|
||||
name: '从右放大',
|
||||
icon: 'icon-anime-zoom-right',
|
||||
},
|
||||
{
|
||||
key: 'zoomInUp',
|
||||
type: '缩放',
|
||||
name: '下方放大',
|
||||
name: '向上放大',
|
||||
icon: 'icon-anime-zoom-up',
|
||||
},
|
||||
]
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
export const DEFAULT_BAR_DATA = {
|
||||
axisData: ['类别1', '类别2', '类别3', '类别4', '类别5'],
|
||||
series: [
|
||||
{ name: '系列1', data: [120, 200, 150, 80, 70] },
|
||||
{ name: '系列2', data: [80, 220, 170, 180, 40] }
|
||||
]
|
||||
}
|
||||
|
||||
export const DEFAULT_PIE_DATA = [
|
||||
{ name: '类别1', value: 335 },
|
||||
{ name: '类别2', value: 310 },
|
||||
{ name: '类别3', value: 234 },
|
||||
{ name: '类别4', value: 135 },
|
||||
{ name: '类别5', value: 1548 },
|
||||
]
|
||||
|
||||
export const CHARTS = [
|
||||
{
|
||||
key: 'bar',
|
||||
name: '柱状图',
|
||||
value: DEFAULT_BAR_DATA,
|
||||
},
|
||||
{
|
||||
key: 'barY',
|
||||
name: '条形图',
|
||||
value: DEFAULT_BAR_DATA,
|
||||
},
|
||||
{
|
||||
key: 'line',
|
||||
name: '折线图',
|
||||
value: DEFAULT_BAR_DATA,
|
||||
},
|
||||
{
|
||||
key: 'pie',
|
||||
name: '饼状图',
|
||||
value: DEFAULT_PIE_DATA,
|
||||
},
|
||||
{
|
||||
key: 'pieDoughnut',
|
||||
name: '环形图',
|
||||
value: DEFAULT_PIE_DATA,
|
||||
},
|
||||
]
|
||||
|
||||
export const CHART_THEME = {
|
||||
purple: ['#8a7ca8', '#e098c7', '#8fd3e8', '#71669e', '#cc70af'],
|
||||
shine: ['#c12e34', '#e6b600', '#0098d9', '#2b821d', '#005eaa'],
|
||||
halloween: ['#ff715e', '#ffaf51', '#ffee51', '#797fba', '#715c87'],
|
||||
vintage: ['#d87c7c', '#919e8b', '#d7ab82', '#6e7074', '#61a0a8'],
|
||||
dark: ['#dd6b66', '#759aa0', '#e69d87', '#8dc1a9', '#ea7e53'],
|
||||
westeros: ['#516b91', '#59c4e6', '#edafda', '#93b7e3', '#a5e7f0'],
|
||||
wonderland: ['#4ea397', '#22c3aa', '#7bd9a5', '#d0648a', '#f58db2'],
|
||||
chalk: ['#fc97af', '#87f7cf', '#f7f494', '#72ccff', '#f7c5a0'],
|
||||
}
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
const DEFAULT_COLOR = '#41464b'
|
||||
|
||||
export const DEFAULT_TEXT = {
|
||||
type: 'text',
|
||||
left: 0,
|
||||
top: 0,
|
||||
width: 300,
|
||||
height: 0,
|
||||
opacity: 1,
|
||||
lineHeight: 1.5,
|
||||
segmentSpacing: 5,
|
||||
content: '请输入内容',
|
||||
}
|
||||
|
||||
export const DEFAULT_IMAGE = {
|
||||
type: 'image',
|
||||
left: 0,
|
||||
top: 0,
|
||||
lockRatio: true,
|
||||
}
|
||||
|
||||
export const DEFAULT_SHAPE = {
|
||||
type: 'shape',
|
||||
fill: DEFAULT_COLOR,
|
||||
lockRatio: false,
|
||||
}
|
||||
|
||||
export const DEFAULT_LINE = {
|
||||
type: 'line',
|
||||
style: 'solid',
|
||||
marker: ['', ''],
|
||||
width: 4,
|
||||
color: DEFAULT_COLOR,
|
||||
}
|
||||
|
||||
export const DEFAULT_CHART = {
|
||||
type: 'chart',
|
||||
left: 0,
|
||||
top: 0,
|
||||
width: 500,
|
||||
height: 500,
|
||||
}
|
||||
|
||||
export const DEFAULT_TABLE = {
|
||||
type: 'table',
|
||||
left: 0,
|
||||
top: 0,
|
||||
isLock: false,
|
||||
borderStyle: 'solid',
|
||||
borderWidth: 2,
|
||||
borderColor: DEFAULT_COLOR,
|
||||
}
|
||||
|
|
@ -1,35 +1,65 @@
|
|||
export const ELEMENT_SIZE_RANGE = {
|
||||
text: { width: 15, height: 15 },
|
||||
image: { width: 15, height: 15 },
|
||||
shape: { width: 15, height: 15 },
|
||||
icon: { width: 15, height: 15 },
|
||||
chart: { width: 200, height: 200 },
|
||||
iframe: { width: 200, height: 200 },
|
||||
table: { width: 50, height: 30 },
|
||||
}
|
||||
|
||||
export const ELEMENT_TYPE_TABS = {
|
||||
text: { key: 'element-text', label: '文本属性' },
|
||||
image: { key: 'element-image', label: '图片属性' },
|
||||
shape: { key: 'element-shape', label: '形状属性' },
|
||||
icon: { key: 'element-icon', label: '图标属性' },
|
||||
line: { key: 'element-line', label: '线条属性' },
|
||||
chart: { key: 'element-chart', label: '图表属性' },
|
||||
iframe: { key: 'element-iframe', label: 'Iframe属性' },
|
||||
table: { key: 'element-table', label: '表格属性' },
|
||||
}
|
||||
const DEFAULT_COLOR = '#41464b'
|
||||
|
||||
export enum ELEMENTS {
|
||||
text = '文本',
|
||||
image = '图片',
|
||||
shape = '形状',
|
||||
icon = '图标',
|
||||
line = '线条',
|
||||
chart = '图表',
|
||||
iframe = 'Iframe',
|
||||
table = '表格',
|
||||
}
|
||||
|
||||
export const DEFAULT_TEXT = {
|
||||
type: 'text',
|
||||
left: 0,
|
||||
top: 0,
|
||||
width: 300,
|
||||
height: 0,
|
||||
opacity: 1,
|
||||
lineHeight: 1.5,
|
||||
segmentSpacing: 5,
|
||||
content: '请输入内容',
|
||||
}
|
||||
|
||||
export const DEFAULT_IMAGE = {
|
||||
type: 'image',
|
||||
left: 0,
|
||||
top: 0,
|
||||
lockRatio: true,
|
||||
}
|
||||
|
||||
export const DEFAULT_SHAPE = {
|
||||
type: 'shape',
|
||||
fill: DEFAULT_COLOR,
|
||||
lockRatio: false,
|
||||
}
|
||||
|
||||
export const DEFAULT_LINE = {
|
||||
type: 'line',
|
||||
style: 'solid',
|
||||
marker: ['', ''],
|
||||
width: 4,
|
||||
color: DEFAULT_COLOR,
|
||||
}
|
||||
|
||||
export const DEFAULT_CHART = {
|
||||
type: 'chart',
|
||||
left: 0,
|
||||
top: 0,
|
||||
width: 500,
|
||||
height: 500,
|
||||
}
|
||||
|
||||
export const DEFAULT_TABLE = {
|
||||
type: 'table',
|
||||
left: 0,
|
||||
top: 0,
|
||||
isLock: false,
|
||||
borderStyle: 'solid',
|
||||
borderWidth: 2,
|
||||
borderColor: DEFAULT_COLOR,
|
||||
}
|
||||
|
||||
export enum OPERATE_KEYS {
|
||||
LEFT_TOP = 1,
|
||||
TOP = 2,
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ export interface FontName {
|
|||
en: string;
|
||||
}
|
||||
|
||||
export const FONT_NAMES = [
|
||||
export const FONT_NAMES: FontName[] = [
|
||||
{ source: 'windows', zh: '微软雅黑', en: 'Microsoft Yahei' },
|
||||
{ source: 'windows', zh: '宋体', en: 'SimSun' },
|
||||
{ source: 'windows', zh: '黑体', en: 'SimHei' },
|
||||
|
|
|
|||
|
|
@ -1,130 +0,0 @@
|
|||
export const ICONS = [
|
||||
{
|
||||
key: 'time',
|
||||
path: '<path d="M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z" p-id="1786"></path><path d="M710.76977778 656.04266667L548.52266667 538.73777778V257.13777778c0-5.00622222-4.096-9.10222222-9.10222222-9.10222223H484.69333333c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222223v313.344c0 2.95822222 1.36533333 5.68888889 3.75466667 7.39555555l188.18844444 137.216c4.096 2.95822222 9.78488889 2.048 12.74311111-1.93422222l32.54044445-44.37333333c2.95822222-4.20977778 2.048-9.89866667-2.048-12.74311111z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'plus',
|
||||
path: '<path d="M721.35111111 475.59111111H548.40888889V302.64888889c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222h-54.61333334c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222222v172.94222222H302.64888889c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222222v54.61333334c0 5.00622222 4.096 9.10222222 9.10222222 9.10222222h172.94222222v172.94222222c0 5.00622222 4.096 9.10222222 9.10222222 9.10222222h54.61333334c5.00622222 0 9.10222222-4.096 9.10222222-9.10222222V548.40888889h172.94222222c5.00622222 0 9.10222222-4.096 9.10222222-9.10222222v-54.61333334c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222z" p-id="1924"></path><path d="M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'remove',
|
||||
path: '<path d="M721.35111111 475.59111111H302.64888889c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222222v54.61333334c0 5.00622222 4.096 9.10222222 9.10222222 9.10222222h418.70222222c5.00622222 0 9.10222222-4.096 9.10222222-9.10222222v-54.61333334c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222z" p-id="2062"></path><path d="M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'checkmark',
|
||||
path: '<path d="M724.76444445 331.09333333h-53.36177778c-11.60533333 0-22.64177778 5.57511111-29.46844445 15.13244445L463.07555555 594.26133333l-81.00977777-112.41244444c-6.82666667-9.44355555-17.74933333-15.13244445-29.46844445-15.13244444H299.23555555c-7.39555555 0-11.71911111 8.41955555-7.39555555 14.44977777l141.76711111 196.608c14.44977778 20.13866667 44.37333333 20.13866667 58.82311111 0l239.616-332.23111111c4.43733333-6.03022222 0.11377778-14.44977778-7.28177777-14.44977778z" p-id="2200"></path><path d="M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'close',
|
||||
path: '<path d="M709.29066667 333.14133333c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222l-75.09333334 0.34133334L512 459.20711111l-112.98133333-134.71288889-75.20711112-0.34133333c-5.00622222 0-9.10222222 3.98222222-9.10222222 9.10222222 0 2.16177778 0.79644445 4.20977778 2.16177778 5.91644444l148.02488889 176.35555556L316.87111111 691.76888889c-1.36533333 1.70666667-2.16177778 3.75466667-2.16177778 5.91644444 0 5.00622222 4.096 9.10222222 9.10222222 9.10222222l75.20711112-0.34133333L512 571.61955555l112.98133333 134.7128889 75.09333334 0.34133333c5.00622222 0 9.10222222-3.98222222 9.10222222-9.10222223 0-2.16177778-0.79644445-4.20977778-2.16177778-5.91644444L559.21777778 515.41333333l148.02488889-176.35555555c1.36533333-1.59288889 2.048-3.75466667 2.048-5.91644445z" p-id="2338"></path><path d="M512 3.41333333C230.51377778 3.41333333 2.27555555 231.65155555 2.27555555 513.13777778s228.23822222 509.72444445 509.72444445 509.72444444 509.72444445-228.23822222 509.72444445-509.72444444S793.48622222 3.41333333 512 3.41333333z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'info',
|
||||
path: '<path d="M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z" p-id="2476"></path><path d="M512 712.24888889m-54.61333333 0a54.61333333 54.61333333 0 1 0 109.22666666 0 54.61333333 54.61333333 0 1 0-109.22666666 0Z" p-id="2477"></path><path d="M484.69333333 584.81777778h54.61333334c5.00622222 0 9.10222222-4.096 9.10222222-9.10222223V266.24c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222h-54.61333334c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222222v309.47555555c0 5.00622222 4.096 9.10222222 9.10222222 9.10222223z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'question',
|
||||
path: '<path d="M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z" p-id="2615"></path><path d="M638.976 289.792C604.84266667 259.86844445 559.78666667 243.48444445 512 243.48444445s-92.84266667 16.49777778-126.976 46.30755555C349.52533333 320.85333333 329.95555555 362.60977778 329.95555555 407.32444445v8.6471111c0 5.00622222 4.096 9.10222222 9.10222223 9.10222223h54.61333333c5.00622222 0 9.10222222-4.096 9.10222222-9.10222223V407.32444445c0-50.176 49.03822222-91.02222222 109.22666667-91.02222223s109.22666667 40.84622222 109.22666667 91.02222223c0 35.38488889-25.03111111 67.81155555-63.82933334 82.71644444-24.12088889 9.216-44.60088889 25.37244445-59.27822222 46.53511111-14.90488889 21.61777778-22.64177778 47.55911111-22.64177778 73.84177778V634.88c0 5.00622222 4.096 9.10222222 9.10222222 9.10222222h54.61333334c5.00622222 0 9.10222222-4.096 9.10222222-9.10222222v-25.82755555c0-22.41422222 14.10844445-42.89422222 35.15733334-50.97244445 67.12888889-25.82755555 110.47822222-84.992 110.47822222-150.75555555 0.11377778-44.71466667-19.456-86.47111111-54.95466667-117.53244445z" p-id="2616"></path><path d="M512 762.31111111m-45.51111111 0a45.51111111 45.51111111 0 1 0 91.02222222 0 45.51111111 45.51111111 0 1 0-91.02222222 0Z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'meh',
|
||||
path: '<path d="M311.75111111 408.46222222m-54.61333333 0a54.61333333 54.61333333 0 1 0 109.22666667 0 54.61333333 54.61333333 0 1 0-109.22666667 0Z" p-id="1926"></path><path d="M712.24888889 408.46222222m-54.61333334 0a54.61333333 54.61333333 0 1 0 109.22666667 0 54.61333333 54.61333333 0 1 0-109.22666667 0Z" p-id="1927"></path><path d="M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m299.23555555 808.96c-38.912 38.912-84.19555555 69.40444445-134.5991111 90.79466667C624.64 924.10311111 569.23022222 935.25333333 512 935.25333333c-57.23022222 0-112.64-11.15022222-164.75022222-33.22311111-50.40355555-21.27644445-95.68711111-51.88266667-134.59911111-90.79466667-38.912-38.912-69.40444445-84.19555555-90.79466667-134.5991111C99.89688889 624.64 88.74666667 569.23022222 88.74666667 512s11.15022222-112.64 33.22311111-164.75022222c21.27644445-50.40355555 51.88266667-95.68711111 90.79466667-134.59911111 38.912-38.912 84.19555555-69.40444445 134.5991111-90.79466667C399.36 99.89688889 454.76977778 88.74666667 512 88.74666667c57.23022222 0 112.64 11.15022222 164.75022222 33.22311111 50.40355555 21.27644445 95.68711111 51.88266667 134.59911111 90.79466667 38.912 38.912 69.40444445 84.19555555 90.79466667 134.5991111C924.10311111 399.36 935.25333333 454.76977778 935.25333333 512s-11.15022222 112.64-33.22311111 164.75022222c-21.27644445 50.40355555-51.88266667 95.68711111-90.79466667 134.48533333z" p-id="1928"></path><path d="M684.94222222 572.30222222H339.05777778c-5.00622222 0-9.10222222 4.096-9.10222223 9.10222223v54.61333333c0 5.00622222 4.096 9.10222222 9.10222223 9.10222222h345.88444444c5.00622222 0 9.10222222-4.096 9.10222223-9.10222222v-54.61333333c0-5.00622222-4.096-9.10222222-9.10222223-9.10222223z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'time-2',
|
||||
path: '<path d="M512 37.00813495c-262.25662224 0-474.85387739 212.59592955-474.85387739 474.85387739s212.59592955 474.85387739 474.85387739 474.85387738c262.2513237 0 474.85255179-212.59725516 474.85255179-474.85387738S774.2513237 37.00813495 512 37.00813495L512 37.00813495zM673.52574747 692.21717237l-16.78671274 16.79068696c-9.27428836 9.26898853-24.30708556 9.26898853-33.5773997 0L469.18143011 555.02633009c-5.32135621-5.32135621-4.66695028-16.01838227-4.66695028-26.54452019L464.51447983 226.95021563c0-13.11594461 10.63211533-23.74276009 23.74143576-23.74276009l23.74276009 0c13.11064477 0 23.74276009 10.62681548 23.7427601 23.74276009l0 293.90127111 137.78298737 137.78828592C682.80003453 667.91273543 682.80003453 682.94155968 673.52574747 692.21717237L673.52574747 692.21717237z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'plus-2',
|
||||
path: '<path d="M512 7.13007408C233.61763555 7.13007408 7.13007408 233.61763555 7.13007408 512s226.48756148 504.86992592 504.86992592 504.86992592 504.86992592-226.48756148 504.86992592-504.86992592S790.38236445 7.13007408 512 7.13007408z m194.18074075 543.70607407h-155.3445926v155.3445926a38.83614815 38.83614815 0 0 1-77.6722963 0v-155.3445926h-155.3445926a38.83614815 38.83614815 0 0 1 0-77.6722963h155.3445926v-155.3445926a38.83614815 38.83614815 0 0 1 77.6722963 0v155.3445926h155.3445926a38.83614815 38.83614815 0 0 1 0 77.6722963z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'remove-2',
|
||||
path: '<path d="M512 7.13007408C233.61763555 7.13007408 7.13007408 233.61763555 7.13007408 512s226.48756148 504.86992592 504.86992592 504.86992592 504.86992592-226.48756148 504.86992592-504.86992592S790.38236445 7.13007408 512 7.13007408z m194.18074075 543.70607407H317.81925925a38.83614815 38.83614815 0 0 1 0-77.6722963h388.3614815a38.83614815 38.83614815 0 0 1 0 77.6722963z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'checkmark-2',
|
||||
path: '<path d="M512 7.13007408C233.61763555 7.13007408 7.13007408 233.61763555 7.13007408 512s226.48756148 504.86992592 504.86992592 504.86992592 504.86992592-226.48756148 504.86992592-504.86992592S790.38236445 7.13007408 512 7.13007408z m262.75081482 335.66568295l-326.22364445 388.36148149a38.83614815 38.83614815 0 0 1-29.12711112 13.85965037h-0.65536a38.83614815 38.83614815 0 0 1-28.86011258-12.86447407l-139.81013334-155.3445926a38.83614815 38.83614815 0 1 1 57.72022519-51.94334814l109.93057185 122.13968592 297.5577126-354.16139852a38.83614815 38.83614815 0 0 1 59.46785185 49.95299555z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'close-2',
|
||||
path: '<path d="M512 7.13007408C233.61763555 7.13007408 7.13007408 233.61763555 7.13007408 512s226.48756148 504.86992592 504.86992592 504.86992592 504.86992592-226.48756148 504.86992592-504.86992592S790.38236445 7.13007408 512 7.13007408z m182.79689482 632.76221629a38.83614815 38.83614815 0 1 1-54.90460445 54.90460445L512 566.92887703l-127.89229037 127.86801779a38.83614815 38.83614815 0 0 1-54.90460445-54.90460445L457.07112297 512l-127.86801779-127.89229037a38.83614815 38.83614815 0 0 1 54.90460445-54.90460445L512 457.07112297l127.89229037-127.86801779a38.83614815 38.83614815 0 0 1 54.90460445 54.90460445L566.92887703 512z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'info-2',
|
||||
path: '<path d="M512 7.13007408C233.61763555 7.13007408 7.13007408 233.61763555 7.13007408 512s226.48756148 504.86992592 504.86992592 504.86992592 504.86992592-226.48756148 504.86992592-504.86992592S790.38236445 7.13007408 512 7.13007408z m0 776.50450962a48.54518518 48.54518518 0 1 1 48.54518518-48.54518518 48.54518518 48.54518518 0 0 1-48.54518518 48.54518518z m52.72007111-488.2432l-13.93246814 296.12562963a38.83614815 38.83614815 0 0 1-77.6722963 0l-13.93246815-295.97999408v-0.12136295a52.7686163 52.7686163 0 1 1 105.44014223 0z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'question-2',
|
||||
path: '<path d="M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 805.54666667c-25.14488889 0-45.51111111-20.36622222-45.51111111-45.51111111s20.36622222-45.51111111 45.51111111-45.51111111 45.51111111 20.36622222 45.51111111 45.51111111-20.36622222 45.51111111-45.51111111 45.51111111z m71.56622222-249.74222222c-21.04888889 8.07822222-35.15733333 28.55822222-35.15733333 50.97244445V634.88c0 5.00622222-4.096 9.10222222-9.10222222 9.10222222h-54.61333334c-5.00622222 0-9.10222222-4.096-9.10222222-9.10222222v-24.46222222c0-26.28266667 7.62311111-52.224 22.64177778-73.84177778 14.67733333-21.16266667 35.15733333-37.31911111 59.27822222-46.53511111 38.68444445-14.90488889 63.71555555-47.33155555 63.71555556-82.71644444 0-50.176-49.03822222-91.02222222-109.22666667-91.02222223s-109.22666667 40.84622222-109.22666667 91.02222223v8.6471111c0 5.00622222-4.096 9.10222222-9.10222222 9.10222223h-54.61333333c-5.00622222 0-9.10222222-4.096-9.10222223-9.10222223V407.32444445c0-44.71466667 19.56977778-86.47111111 55.06844445-117.53244445C419.15733333 259.86844445 464.21333333 243.48444445 512 243.48444445s92.84266667 16.49777778 126.976 46.30755555C674.47466667 320.85333333 694.04444445 362.60977778 694.04444445 407.32444445c0 65.76355555-43.34933333 124.928-110.47822223 150.75555555z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'meh-2',
|
||||
path: '<path d="M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555zM257.13777778 408.46222222c0-30.15111111 24.46222222-54.61333333 54.61333333-54.61333333s54.61333333 24.46222222 54.61333334 54.61333333-24.46222222 54.61333333-54.61333334 54.61333333-54.61333333-24.46222222-54.61333333-54.61333333z m436.90666667 227.55555556c0 5.00622222-4.096 9.10222222-9.10222223 9.10222222H339.05777778c-5.00622222 0-9.10222222-4.096-9.10222223-9.10222222v-54.61333333c0-5.00622222 4.096-9.10222222 9.10222223-9.10222223h345.88444444c5.00622222 0 9.10222222 4.096 9.10222223 9.10222223v54.61333333z m18.20444444-172.94222223c-30.15111111 0-54.61333333-24.46222222-54.61333334-54.61333333s24.46222222-54.61333333 54.61333334-54.61333333 54.61333333 24.46222222 54.61333333 54.61333333-24.46222222 54.61333333-54.61333333 54.61333333z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'star',
|
||||
path: '<path d="M1024 397.056l-353.792-51.392L512 25.088 353.792 345.664 0 397.056l256 249.536-60.416 352.32L512 832.576l316.416 166.336L768 646.592l256-249.536z m-512 356.416l-223.488 117.504 42.688-248.832L150.4 445.952l249.856-36.288L512 183.296l111.744 226.368 249.856 36.288-180.8 176.192 42.688 248.832L512 753.472z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'star-2',
|
||||
path: '<path d="M1024 397.056l-353.792-51.392L512 25.088 353.792 345.664 0 397.056l256 249.536-60.416 352.32L512 832.576l316.416 166.336L768 646.592l256-249.536z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'star-3',
|
||||
path: '<path d="M1024 397.056l-353.792-51.392L512 25.088 353.792 345.664 0 397.056l256 249.536-60.416 352.32L512 832.576l316.416 166.336L768 646.592l256-249.536z m-512 356.416l-0.96 0.512L512 183.232 623.744 409.6l249.856 36.288-180.8 176.192 42.688 248.832L512 753.408z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'user',
|
||||
path: '<path d="M960.55751111 837.70582914c-24.46677333-57.99531457-59.67821431-110.03575309-104.33978469-154.69732345-44.66157037-44.66157037-96.70200889-79.74355753-154.69732345-104.33978471-0.51781531-0.25890765-1.03563061-0.38836148-1.55344594-0.64726913C780.61669136 519.76722963 833.04549136 424.87757431 833.04549136 317.81925925c0-177.3517432-143.69374815-321.04549136-321.04549136-321.04549135S190.95450864 140.46751605 190.95450864 317.81925925c0 107.05831506 52.4288 201.94797037 133.07853433 260.33164644-0.51781531 0.25890765-1.03563061 0.38836148-1.55344594 0.64726913-57.99531457 24.46677333-110.03575309 59.5487605-154.69732345 104.33978468-44.66157037 44.66157037-79.74355753 96.70200889-104.33978469 154.69732347C39.36407703 894.53605925 26.54814815 954.73208889 25.25360987 1016.61101827c-0.12945383 5.82542222 4.53088395 10.61521383 10.35630618 10.61521383h77.6722963c5.69596839 0 10.22685235-4.53088395 10.35630617-10.09739852 2.58907653-99.93835457 42.71976297-193.53347161 113.66046024-264.47416889 73.40032-73.40032 170.87905185-113.78991408 274.70102124-113.78991408s201.30070124 40.38959408 274.70102124 113.78991408C857.64171852 823.59536197 897.77240494 917.19047902 900.36148148 1017.12883358c0.12945383 5.69596839 4.66033778 10.09739852 10.35630617 10.09739852h77.6722963c5.82542222 0 10.48576-4.78979161 10.35630618-10.61521383-1.29453827-61.87892939-14.11046717-122.07495902-38.18887902-178.90518913zM512 540.47984197c-59.41930667 0-115.34336-23.17223506-157.41585383-65.24472888S289.33941728 377.23856592 289.33941728 317.81925925c0-59.41930667 23.17223506-115.34336 65.24472889-157.41585382S452.58069333 95.15867653 512 95.15867653s115.34336 23.17223506 157.41585383 65.2447289S734.66058272 258.39995259 734.66058272 317.81925925c0 59.41930667-23.17223506 115.34336-65.24472889 157.41585384S571.41930667 540.47984197 512 540.47984197z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'search',
|
||||
path: '<path d="M999.12666078 913.4444089L770.74583703 685.06358518a421.88193187 421.88193187 0 0 0 84.5657126-253.84277334C855.31154963 197.37865482 665.06296889 7.13007408 431.22081184 7.13007408S7.13007408 197.37865482 7.13007408 431.22081184s190.24858075 424.09073778 424.09073779 424.09073779A421.88193187 421.88193187 0 0 0 685.06358518 770.74583703l228.38082372 228.38082371a60.68148148 60.68148148 0 0 0 85.68225184-85.68225187zM128.2988563 431.22081184a302.92195555 302.92195555 0 1 1 302.92195554 302.92195557 303.28604446 303.28604446 0 0 1-302.92195554-302.92195554z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'share',
|
||||
path: '<path d="M822.68918518 706.18074075a154.81059555 154.81059555 0 0 0-111.94519703 47.8170074l-359.23437037-202.11787853a154.98050371 154.98050371 0 0 0 0-79.75973924l359.23437037-202.11787853a154.85914075 154.85914075 0 1 0-38.18078816-67.64771557l-359.23437035 202.11787854a155.3445926 155.3445926 0 1 0-2e-8 215.05517036l359.2343704 202.11787851A155.3445926 155.3445926 0 1 0 822.68918518 706.18074075z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'blocked',
|
||||
path: '<path d="M874.04800001 149.95199999C777.344 53.248 648.76800001 0 512 0S246.656 53.248 149.95199999 149.95199999C53.248 246.656 0 375.23199999 0 512s53.248 265.344 149.95199999 362.04800001C246.656 970.752 375.23199999 1024 512 1024s265.344-53.248 362.04800001-149.95199999C970.752 777.344 1024 648.76800001 1024 512s-53.248-265.344-149.95199999-362.04800001zM896.00000001 512a382.08 382.08 0 0 1-71.10400002 222.40000001L289.59999999 199.10400001A382.08 382.08 0 0 1 512 127.99999999c211.71199999 0 384.00000001 172.288 384.00000001 384.00000001zM127.99999999 512a382.08 382.08 0 0 1 71.10400002-222.40000001l535.29599998 535.296A382.08 382.08 0 0 1 512 896.00000001c-211.71199999 0-384.00000001-172.288-384.00000001-384.00000001z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'spinner',
|
||||
path: '<path d="M512 0A512 512 0 0 0 0.128 499.968C6.016 258.112 189.952 64 416 64 645.76 64 832 264.576 832 512a96 96 0 0 0 192 0 512 512 0 0 0-512-512z m0 1024a512 512 0 0 0 511.872-499.968C1017.984 765.888 834.048 960 608 960 378.24 960 192 759.424 192 512a96 96 0 0 0-192 0 512 512 0 0 0 512 512z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'spinner2',
|
||||
path: '<path d="M192 512c0-12.16 0.704-24.192 2.048-36.032l-184.96-60.096A517.44 517.44 0 0 0 0.064 512c0 147.2 62.144 279.936 161.664 373.312l114.304-157.312A318.848 318.848 0 0 1 192.064 512z m640 0a318.592 318.592 0 0 1-83.968 216l114.304 157.312A510.4 510.4 0 0 0 1024 512c0-32.832-3.136-64.96-9.024-96.128l-184.96 60.096c1.344 11.84 2.048 23.872 2.048 36.032zM576 198.4a320.64 320.64 0 0 1 214.464 155.84l184.96-60.096A512.64 512.64 0 0 0 576 3.968V198.4zM233.536 354.24A320.448 320.448 0 0 1 448 198.4V3.968A512.32 512.32 0 0 0 48.576 294.144l184.96 60.096z m411.008 449.088C604.16 821.76 559.296 832 512 832s-92.16-10.24-132.544-28.672L265.152 960.64C338.368 1001.024 422.464 1024 512 1024s173.632-22.976 246.848-63.36l-114.304-157.312z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'contrast',
|
||||
path: '<path d="M512 2.27555555A509.72444445 509.72444445 0 0 0 151.57475555 872.42524445 509.72444445 509.72444445 0 1 0 872.42524445 151.57475555 506.37937778 506.37937778 0 0 0 512 2.27555555zM75.09333333 512c0-240.91306667 195.9936-436.90666667 436.90666667-436.90666667v873.81333334c-240.91306667 0-436.90666667-195.9936-436.90666667-436.90666667z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'moon',
|
||||
path: '<path d="M530.20444445 1021.72444445A527.92888889 527.92888889 0 0 1 2.27555555 493.79555555c0-213.90222222 122.88-405.68604445 313.1392-488.4935111a36.40888889 36.40888889 0 0 1 47.9232 47.9232C341.49262222 103.37848889 329.95555555 167.61742222 329.95555555 238.93333333c0 250.94826667 204.16284445 455.11111111 455.11111112 455.11111112 71.31591111 0 135.55484445-11.53706667 185.70808888-33.3824a36.40888889 36.40888889 0 0 1 47.9232 47.9232C935.89048889 898.84444445 744.10666667 1021.72444445 530.20444445 1021.72444445z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'volume',
|
||||
path: '<path d="M637.68720026 1015.34581521a75.16094574 75.16094574 0 0 1-44.6503779-14.73682424l-2.0738388-1.6025118-287.38378337-235.66350047H84.66351917a75.41232014 75.41232014 0 0 1-75.41232016-75.41232016V336.03791965a75.41232014 75.41232014 0 0 1 75.41232016-75.41232016h218.85283742l287.38378337-235.66350045 2.0738388-1.60251182A75.41232014 75.41232014 0 0 1 713.09952038 84.12934855v855.7413029a75.41232014 75.41232014 0 0 1-75.41232012 75.41232014zM914.1990408 763.37440051a50.27488011 50.27488011 0 0 1-44.90175229-72.83573255c29.81928826-59.38720211 44.93317409-119.40284023 44.93317409-178.53866796 0-60.83260491-14.64255883-119.15146583-44.77606511-178.25587177a50.27488011 50.27488011 0 0 1 89.55213019-45.68729728C996.52415696 361.6781085 1014.74880099 434.92232445 1014.74880099 512c0 74.87814956-18.85308003 150.1333607-55.6165861 223.66037284A50.27488011 50.27488011 0 0 1 914.1990408 763.37440051z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'tag',
|
||||
path: '<path d="M992.14222222 32.31288889A101.14844445 101.14844445 0 0 0 919.98435555 2.27555555H640.25031111a69.70026667 69.70026667 0 0 0-48.96995556 20.2296889L32.06257778 581.60924445a101.9904 101.9904 0 0 0 0 144.08817777l266.24 266.24a102.01315555 102.01315555 0 0 0 144.13368889 0l558.99022222-558.87644444A69.632 69.632 0 0 0 1021.72444445 384.11377778v-279.89333333a100.67057778 100.67057778 0 0 0-29.58222223-71.90755556zM803.27111111 293.54666667a72.81777778 72.81777778 0 1 1 72.81777778-72.81777778 72.81777778 72.81777778 0 0 1-72.81777778 72.81777778z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'send',
|
||||
path: '<path d="M22.24674843 408.23873015L978.01723326 9.97006832a29.72154209 29.72154209 0 0 1 40.27268977 34.62559594l-238.06955071 952.35250793a29.72154209 29.72154209 0 0 1-47.85168256 15.60380953l-206.71332468-172.23633579a29.72154209 29.72154209 0 0 0-40.04977779 1.85759696l-106.03160076 105.95729678a29.72154209 29.72154209 0 0 1-50.67522946-20.95368737V703.22503414a29.72154209 29.72154209 0 0 1 8.69355174-21.02799136l431.18526984-431.18526984-509.05571047 381.84751033a29.72154209 29.72154209 0 0 1-36.85471185-0.96594993L14.66775464 458.46813562a29.72154209 29.72154209 0 0 1 7.57899381-50.22940547z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'cube',
|
||||
path: '<path d="M932.75022222 239.616a9.10222224 9.10222224 0 0 0 0-15.7240889L585.18186668 21.9591111a145.95413333 145.95413333 0 0 0-146.38648891 3e-8L91.29528889 223.8919111a9.10222224 9.10222224 0 0 0 0 15.7240889L507.44888889 484.42026667a9.10222224 9.10222224 0 0 0 9.23875556 0zM52.33777778 301.53386668a9.10222224 9.10222224 0 0 0-13.65333333 7.94168887v395.69635558a109.22666667 109.22666667 0 0 0 54.24924442 94.18524442L461.93777778 1020.60942223a9.10222224 9.10222224 0 0 0 13.65333333-7.87342224V553.64266667a9.10222224 9.10222224 0 0 0-4.55111111-7.87342222zM548.40888889 555.23555555v457.38666666a9.10222224 9.10222224 0 0 0 13.65333333 7.87342224l368.98133334-221.25226668A109.22666667 109.22666667 0 0 0 985.31555555 705.17191113V309.47555555a9.10222224 9.10222224 0 0 0-13.65333333-7.85066668l-418.70222222 245.76000003a9.10222224 9.10222224 0 0 0-4.55111111 7.85066665z"></path>'
|
||||
},
|
||||
{
|
||||
key: 'like',
|
||||
path: '<path d="M972.97891405 538.75379095c20.71261235-27.37023774 32.17852275-60.90494344 32.17852275-95.79583209 0-55.35692228-30.94562916-107.75489994-80.75453028-136.97447808a83.42990936 83.42990936 0 0 0-42.28825019-11.46591041H586.46677296l7.39736155-151.52262246c1.72605103-36.61693968-11.21933169-71.38453897-36.37036097-97.89175121-25.27431864-26.50721222-59.30218177-41.17864597-96.04241082-41.17864596-64.11046679 0-120.82357201 43.15127571-137.83750358 104.91924467l-105.90555955 383.42990711h-0.36986808v527.67845739h582.2956435c11.34262104 0 22.43866337-2.21920846 32.6716802-6.6576254 58.68573498-25.02773992 96.53556825-82.35729194 96.53556825-145.9746013 0-15.53445926-2.21920846-30.82233981-6.6576254-45.61706289 20.71261235-27.37023774 32.17852275-60.90494344 32.17852275-95.7958321 0-15.53445926-2.21920846-30.82233981-6.6576254-45.61706291 20.71261235-27.37023774 32.17852275-60.90494344 32.17852276-95.7958321-0.24657871-15.53445926-2.46578717-30.94562916-6.90420412-45.74035226zM18.8425632 531.72629748v448.77326747c0 21.82221658 17.63037836 39.45259495 39.45259495 39.45259496h80.13808347V492.27370252h-80.13808347c-21.82221658 0-39.45259495 17.63037836-39.45259495 39.45259496z"></path>'
|
||||
},
|
||||
]
|
||||
|
|
@ -1,21 +1,12 @@
|
|||
export const LINES = [
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'solid', marker: ['', ''] },
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'solid', marker: ['', 'arrow'] },
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'solid', marker: ['arrow', 'arrow'] },
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'solid', marker: ['', 'cusp'] },
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'solid', marker: ['cusp', 'cusp'] },
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'solid', marker: ['', 'dot'] },
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'solid', marker: ['dot', 'dot'] },
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'dashed', marker: ['', ''] },
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'dashed', marker: ['', 'arrow'] },
|
||||
{ type: 'line', path: 'M0,0 L20,20', style: 'dashed', marker: ['arrow', 'arrow'] },
|
||||
|
||||
{ type: 'polyline-x', path: 'M0,0 L0,20 L20,20', style: 'solid', marker: ['', 'arrow'] },
|
||||
{ type: 'polyline-y', path: 'M0,0 L20,0 L20,20', style: 'solid', marker: ['', 'arrow'] },
|
||||
|
||||
{ type: 'polyline-x2', path: 'M0,0 L10,0 L10,20 L20,20', style: 'solid', marker: ['', 'arrow'] },
|
||||
{ type: 'polyline-y2', path: 'M0,0 L0,10 L20,10 L20,20', style: 'solid', marker: ['', 'arrow'] },
|
||||
|
||||
{ type: 'curve-x', path: 'M0,0 C20,0 0,20 20,20', style: 'solid', marker: ['', 'arrow'] },
|
||||
{ type: 'curve-y', path: 'M0,0 C0,20 20,0 20,20', style: 'solid', marker: ['', 'arrow'] },
|
||||
{ path: 'M0,0 L20,20', style: 'solid', marker: ['', ''] },
|
||||
{ path: 'M0,0 L20,20', style: 'solid', marker: ['', 'arrow'] },
|
||||
{ path: 'M0,0 L20,20', style: 'solid', marker: ['arrow', 'arrow'] },
|
||||
{ path: 'M0,0 L20,20', style: 'solid', marker: ['', 'cusp'] },
|
||||
{ path: 'M0,0 L20,20', style: 'solid', marker: ['cusp', 'cusp'] },
|
||||
{ path: 'M0,0 L20,20', style: 'solid', marker: ['', 'dot'] },
|
||||
{ path: 'M0,0 L20,20', style: 'solid', marker: ['dot', 'dot'] },
|
||||
{ path: 'M0,0 L20,20', style: 'dashed', marker: ['', ''] },
|
||||
{ path: 'M0,0 L20,20', style: 'dashed', marker: ['', 'arrow'] },
|
||||
{ path: 'M0,0 L20,20', style: 'dashed', marker: ['arrow', 'arrow'] },
|
||||
]
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
export const TEXT_SHADOWS = [
|
||||
{
|
||||
key: '无阴影',
|
||||
value: '',
|
||||
},
|
||||
{
|
||||
key: '左上方偏移-深色',
|
||||
value: '-1px -1px 3px #666',
|
||||
},
|
||||
{
|
||||
key: '右上方偏移-深色',
|
||||
value: '1px -1px 3px #666',
|
||||
},
|
||||
{
|
||||
key: '左下方偏移-深色',
|
||||
value: '-1px 1px 3px #666',
|
||||
},
|
||||
{
|
||||
key: '右下方偏移-深色',
|
||||
value: '1px 1px 3px #666',
|
||||
},
|
||||
{
|
||||
key: '左上方偏移-浅色',
|
||||
value: '-1px -1px 3px #ccc',
|
||||
},
|
||||
{
|
||||
key: '右上方偏移-浅色',
|
||||
value: '1px -1px 3px #ccc',
|
||||
},
|
||||
{
|
||||
key: '左下方偏移-浅色',
|
||||
value: '-1px 1px 3px #ccc',
|
||||
},
|
||||
{
|
||||
key: '右下方偏移-浅色',
|
||||
value: '1px 1px 3px #ccc',
|
||||
},
|
||||
]
|
||||
|
||||
export const SHAPE_SHADOWS = [
|
||||
{
|
||||
key: '无阴影',
|
||||
value: '',
|
||||
},
|
||||
{
|
||||
key: '左上-深色',
|
||||
value: '-3px -3px 6px #666',
|
||||
},
|
||||
{
|
||||
key: '左下-深色',
|
||||
value: '-3px 3px 6px #666',
|
||||
},
|
||||
{
|
||||
key: '右上-深色',
|
||||
value: '3px -3px 6px #666',
|
||||
},
|
||||
{
|
||||
key: '右下-深色',
|
||||
value: '3px 3px 6px #666',
|
||||
},
|
||||
{
|
||||
key: '左上-浅色',
|
||||
value: '-3px -3px 6px #ccc',
|
||||
},
|
||||
{
|
||||
key: '左下-浅色',
|
||||
value: '-3px 3px 6px #ccc',
|
||||
},
|
||||
{
|
||||
key: '右上-浅色',
|
||||
value: '3px -3px 6px #ccc',
|
||||
},
|
||||
{
|
||||
key: '右下-浅色',
|
||||
value: '3px 3px 6px #ccc',
|
||||
},
|
||||
]
|
||||
|
|
@ -1,350 +0,0 @@
|
|||
export const SHAPES = [
|
||||
{
|
||||
key: 'rect',
|
||||
path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'rect-2',
|
||||
path: 'M 0 200 L 0 0 L 150 0 L 200 50 L 200 200 L 0 200'
|
||||
},
|
||||
{
|
||||
key: 'rect-3',
|
||||
path: 'M 0 150 L 0 0 L 150 0 L 200 50 L 200 200 L 50 200 L 0 150'
|
||||
},
|
||||
{
|
||||
key: 'roundRect',
|
||||
path: 'M 20 0 L 180 0 Q 200 0 200 20 L 200 180 Q 200 200 180 200 L 20 200 Q 0 200 0 180 L 0 20 Q 0 0 20 0 '
|
||||
},
|
||||
{
|
||||
key: 'roundRect-2',
|
||||
path: 'M 0 50 Q 0 0 50 0 L 150 0 Q 200 0 200 50 L 200 150 Q 200 200 150 200 L 50 200 Q 0 200 0 150 L 0 50 Z'
|
||||
},
|
||||
{
|
||||
key: 'roundRect-3',
|
||||
path: 'M 0 0 L 140 0 Q 200 0 200 60 L 200 200 L 60 200 Q 0 200 0 140 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'roundRect-4',
|
||||
path: 'M 0 0 L 140 0 Q 200 0 200 60 L 200 200 L 0 200 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'ellipse',
|
||||
path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'ellipse-half',
|
||||
path: 'M 0 200 A 50 100 0 1 1 200 200 L 0 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'ellipse-quarter',
|
||||
path: 'M 200 0 Q 0 0 0 200 L 200 200 L 200 0'
|
||||
},
|
||||
{
|
||||
key: 'pie',
|
||||
path: 'M 100 0 A 100 100 0 1 1 0 100 L 100 100 L 100 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'pie-2',
|
||||
path: 'M 200 100 A 100 100 0 1 1 160 20 L 100 100 Z'
|
||||
},
|
||||
{
|
||||
key: 'triangle',
|
||||
path: 'M 100 0 L 0 200 L 200 200 L 100 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'triangle-2',
|
||||
path: 'M 0 0 L 200 0 L 100 200 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'triangle-3',
|
||||
path: 'M 0 100 L 200 0 L 200 200 L 0 100 Z'
|
||||
},
|
||||
{
|
||||
key: 'triangle-4',
|
||||
path: 'M 0 0 L 200 100 L 0 200 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'triangle-5',
|
||||
path: 'M 0 0 L 0 200 L 200 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'triangle-6',
|
||||
path: 'M 0 0 L 200 0 L 200 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'parallelogram',
|
||||
path: 'M 50 0 L 200 0 L 150 200 L 0 200 L 50 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'diamond',
|
||||
path: 'M 100 0 L 0 100 L 100 200 L 200 100 L 100 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'trapezoid',
|
||||
path: 'M 50 0 L 150 0 L 200 200 L 0 200 L 50 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'pentagon',
|
||||
path: 'M 100 0 L 0 90 L 50 200 L 150 200 L 200 90 L 100 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'hexagon',
|
||||
path: 'M 100 0 L 0 60 L 0 140 L 100 200 L 200 140 L 200 60 L 100 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'octagon',
|
||||
path: 'M 60 0 L 140 0 L 200 60 L 200 140 L 140 200 L 60 200 L 0 140 L 0 60 L 60 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'water',
|
||||
path: 'M 100 0 A 100 100 0 1 1 0 100 L 0 0 L 100 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'leaf',
|
||||
path: 'M 0 0 Q 200 0 200 200 Q 0 200 0 0'
|
||||
},
|
||||
{
|
||||
key: 'leaf-2',
|
||||
path: 'M 0 200 Q 0 0 200 0 Q 200 200 0 200'
|
||||
},
|
||||
{
|
||||
key: 'moon',
|
||||
path: 'M 100 0 A 50 50 0 1 0 200 120 A 100 100 0 1 1 100 0'
|
||||
},
|
||||
{
|
||||
key: 'star',
|
||||
path: 'M 100 0 L 122 70 L 196 70 L 136 114 L 158 182 L 100 140 L 42 182 L 64 114 L 4 70 L 78 70 Z'
|
||||
},
|
||||
{
|
||||
key: 'lightning',
|
||||
path: 'M 120 0 L 100 80 L 200 80 L 80 200 L 100 120 L 0 120 L 120 0'
|
||||
},
|
||||
{
|
||||
key: 'cloud',
|
||||
path: 'M 190 100 C 200 120 190 160 150 160 C 130 190 110 190 80 170 C 50 180 20 170 20 140 C 0 130 0 80 30 70 C 30 30 50 20 90 30 C 120 10 140 10 160 40 C 200 40 200 70 190 100'
|
||||
},
|
||||
{
|
||||
key: 'arrow',
|
||||
path: 'M 100 0 L 0 100 L 50 100 L 50 200 L 150 200 L 150 100 L 200 100 L 100 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-2',
|
||||
path: 'M 100 200 L 200 100 L 150 100 L 150 0 L 50 0 L 50 100 L 0 100 L 100 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-3',
|
||||
path: 'M 0 100 L 100 0 L 100 50 L 200 50 L 200 150 L 100 150 L 100 200 L 0 100 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-4',
|
||||
path: 'M 200 100 L 100 0 L 100 50 L 0 50 L 0 150 L 100 150 L 100 200 L 200 100 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-5',
|
||||
path: 'M 50 100 L 0 50 L 125 50 L 125 0 L 200 100 L 125 200 L 125 150 L 0 150 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-6',
|
||||
path: 'M 150 100 L 200 50 L 75 50 L 75 0 L 0 100 L 75 200 L 75 150 L 200 150 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-7',
|
||||
path: 'M 100 150 L 50 200 L 50 75 L 0 75 L 100 0 L 200 75 L 150 75 L 150 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-8',
|
||||
path: 'M 100 50 L 50 0 L 50 125 L 0 125 L 100 200 L 200 125 L 150 125 L 150 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-9',
|
||||
path: 'M 40 120 L 0 160 L 40 200 L 40 180 L 180 180 L 180 40 L 200 40 L 160 0 L 120 40 L 140 40 L 140 140 L 40 140 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-10',
|
||||
path: 'M 160 60 L 160 80 L 200 40 L 160 0 L 160 20 L 20 20 L 20 160 L 0 160 L 40 200 L 80 160 L 60 160 L 60 60 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-11',
|
||||
path: 'M 100 0 L 0 40 L 60 40 L 60 160 L 0 160 L 100 200 L 200 160 L 140 160 L 140 40 L 200 40 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-12',
|
||||
path: 'M 0 100 L 40 200 L 40 140 L 160 140 L 160 200 L 200 100 L 160 0 L 160 60 L 40 60 L 40 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'arrow-13',
|
||||
path: 'M 0 200 Q 0 25 150 25 L 150 0 L 200 50 L 150 100 L 150 75 Q 0 75 0 200',
|
||||
},
|
||||
{
|
||||
key: 'arrow-14',
|
||||
path: 'M 200 200 Q 175 25 50 25 L 50 0 L 0 50 L 50 100 L 50 75 Q 175 75 200 200'
|
||||
},
|
||||
{
|
||||
key: 'message',
|
||||
path: 'M 0 0 L 200 0 L 200 150 L 80 150 L 40 200 L 40 150 L 0 150 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'message-2',
|
||||
path: 'M 0 0 L 200 0 L 200 150 L 160 150 L 160 200 L 120 150 L 0 150 L 0 10 Z'
|
||||
},
|
||||
{
|
||||
key: 'v',
|
||||
path: 'M 0 0 L 120 0 L 200 100 L 120 200 L 0 200 L 80 100 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'v-2',
|
||||
path: 'M 80 0 L 200 0 L 120 100 L 200 200 L 80 200 L 0 100 L 80 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'point',
|
||||
path: 'M 0 0 L 140 0 L 200 100 L 140 200 L 0 200 L 0 100 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'point-2',
|
||||
path: 'M 60 0 L 200 0 L 200 100 L 200 200 L 60 200 L 0 100 L 60 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'plus-wide',
|
||||
path: 'M 50 0 L 150 0 L 150 50 L 200 50 L 200 150 L 150 150 L 150 200 L 50 200 L 50 150 L 0 150 L 0 50 L 50 50 L 50 0'
|
||||
},
|
||||
{
|
||||
key: 'plus',
|
||||
path: 'M 70 0 L 70 70 L 0 70 L 0 130 L 70 130 L 70 200 L 130 200 L 130 130 L 200 130 L 200 70 L 130 70 L 130 0 L 70 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'cross',
|
||||
path: 'M 40 0 L 0 40 L 60 100 L 0 160 L 40 200 L 100 140 L 160 200 L 200 160 L 140 100 L 200 40 L 160 0 L 100 60 L 40 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'funnel',
|
||||
path: 'M 0 0 L 200 0 L 0 200 L 200 200 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'funnel-2',
|
||||
path: 'M 200 0 Q 0 100 200 200 L 0 200 Q 200 100 0 0 L 200 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'funnel-3',
|
||||
path: 'M 200 0 Q 100 100 200 200 L 0 200 Q 100 100 0 0 L 200 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'flag',
|
||||
path: 'M 0 0 Q 50 50 100 25 Q 150 0 200 50 L 200 200 Q 150 150 100 175 Q 50 200 0 150 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'crown',
|
||||
path: 'M 0 200 L 200 200 L 180 60 L 140 100 L 100 0 L 60 100 L 20 60 L 0 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'sector',
|
||||
path: 'M 200 100 A 50 50 0 1 1 0 100 L 100 0 L 200 100 Z'
|
||||
},
|
||||
{
|
||||
key: 'sector-2',
|
||||
path: 'M 0 100 A 50 50 0 1 1 200 100 L 100 200 L 0 100 Z'
|
||||
},
|
||||
{
|
||||
key: 'sector-3',
|
||||
path: 'M 200 200 L 125 0 Q 0 0 0 125 Z'
|
||||
},
|
||||
{
|
||||
key: 'darts',
|
||||
path: 'M 100 0 L 60 60 L 0 100 L 60 140 L 100 200 L 140 140 L 200 100 L 140 60 L 100 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'break',
|
||||
path: 'M 0 0 L 150 0 L 200 50 L 150 100 L 200 150 L 150 200 L 0 200 L 50 150 L 0 100 L 50 50 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'spray',
|
||||
path: 'M 0 100 A 50 50 0 1 1 200 100 Q 100 50 100 200 Q 100 50 0 100 Z'
|
||||
},
|
||||
{
|
||||
key: 'pinecones',
|
||||
path: 'M 100 0 Q 0 50 0 175 Q 100 225 200 175 Q 200 50 100 0'
|
||||
},
|
||||
{
|
||||
key: 'triangular-arrow',
|
||||
path: 'M 50 100 L 0 0 L 200 100 L 0 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'triangular-arrow-2',
|
||||
path: 'M 100 150 L 0 200 L 100 0 L 200 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'triangular-arrow-3',
|
||||
path: 'M 150 100 L 200 200 L 0 100 L 200 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'triangular-arrow-4',
|
||||
path: 'M 100 50 L 200 0 L 100 200 L 0 0 Z'
|
||||
},
|
||||
{
|
||||
key: 'border',
|
||||
path: 'M 0 0 L 200 0 L 160 40 L 40 40 L 40 160 L 0 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'border-2',
|
||||
path: 'M 200 200 L 200 0 L 160 40 L 160 160 L 40 160 L 0 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'border-3',
|
||||
path: 'M 40 40 L 200 40 L 200 0 L 0 0 L 0 200 L 40 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'border-4',
|
||||
path: 'M 200 200 L 200 0 L 160 0 L 160 160 L 0 160 L 0 200 Z'
|
||||
},
|
||||
{
|
||||
key: 'flower',
|
||||
path: 'M 100 100 Q 50 50 100 0 Q 150 50 100 100 Q 150 50 200 100 Q 150 150 100 100 Q 150 150 100 200 Q 50 150 100 100 Q 50 150 0 100 Q 50 50 100 100'
|
||||
},
|
||||
{
|
||||
key: 'flower-2',
|
||||
path: 'M 100 100 Q 25 0 100 0 Q 175 0 100 100 Q 200 25 200 100 Q 200 175 100 100 Q 175 200 100 200 Q 25 200 100 100 Q 0 175 0 100 Q 0 25 100 100'
|
||||
},
|
||||
{
|
||||
key: 'flower-3',
|
||||
path: 'M 100 100 L 50 0 L 0 50 L 100 100 L 0 150 L 50 200 L 100 100 L 150 200 L 200 150 L 100 100 L 200 50 L 150 0 L 100 100'
|
||||
},
|
||||
{
|
||||
key: 'brace-left',
|
||||
path: 'M 200 0 L 80 20 L 80 90 L 0 100 L 80 110 L 80 180 L 200 200',
|
||||
type: 'line'
|
||||
},
|
||||
{
|
||||
key: 'brace-right',
|
||||
path: 'M 0 0 L 120 20 L 120 90 L 200 100 L 120 110 L 120 180 L 0 200',
|
||||
type: 'line'
|
||||
},
|
||||
{
|
||||
key: 'fillet-brace-left',
|
||||
path: 'M 200 0 Q 80 0 80 40 L 80 90 L 0 100 L 80 110 L 80 160 Q 80 200 200 200',
|
||||
type: 'line'
|
||||
},
|
||||
{
|
||||
key: 'fillet-brace-right',
|
||||
path: 'M 0 0 Q 120 0 120 40 L 120 90 L 200 100 L 120 110 L 120 160 Q 120 200 0 200',
|
||||
type: 'line'
|
||||
},
|
||||
{
|
||||
key: 'bracket-left',
|
||||
path: 'M 200 0 L 0 0 L 0 200 L 200 200',
|
||||
type: 'line'
|
||||
},
|
||||
{
|
||||
key: 'bracket-right',
|
||||
path: 'M 0 0 L 200 0 L 200 200 L 0 200',
|
||||
type: 'line'
|
||||
},
|
||||
{
|
||||
key: 'parentheses-left',
|
||||
path: 'M 200 0 Q 0 0 0 100 Q 0 200 200 200',
|
||||
type: 'line'
|
||||
},
|
||||
{
|
||||
key: 'parentheses-right',
|
||||
path: 'M 0 0 Q 200 0 200 100 Q 200 200 0 200',
|
||||
type: 'line'
|
||||
},
|
||||
]
|
||||
|
|
@ -1,117 +0,0 @@
|
|||
const commonProps = {
|
||||
data: [
|
||||
[
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
],
|
||||
[
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
],
|
||||
[
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
],
|
||||
[
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
],
|
||||
[
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
],
|
||||
[
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
{ colspan: 1, rowspan: 1, content: '<div style=\"text-align: center;\">text</div>' },
|
||||
],
|
||||
],
|
||||
rowSizes: [10, 10, 10, 10, 10, 10],
|
||||
colSizes: [20, 20, 20, 20, 20],
|
||||
width: 102,
|
||||
height: 62,
|
||||
borderColor: '#fff',
|
||||
borderTheme: 'all',
|
||||
borderStyle: 'solid',
|
||||
borderWidth: 1,
|
||||
}
|
||||
|
||||
export const TABLE_THEMES = [
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-default',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-0',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-1',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-2',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-3',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-4',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-5',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-6',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-7',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-8',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-9',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-10',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-11',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-12',
|
||||
},
|
||||
{
|
||||
...commonProps,
|
||||
tableTheme: 'style-13',
|
||||
},
|
||||
]
|
||||
|
|
@ -12,13 +12,11 @@ export enum MutationTypes {
|
|||
|
||||
// slides
|
||||
SET_SLIDES = 'setSlides',
|
||||
ADD_SLIDES = 'addSlides',
|
||||
SET_SLIDE = 'setSlide',
|
||||
ADD_SLIDE = 'addSlide',
|
||||
UPDATE_SLIDE = 'updateSlide',
|
||||
DELETE_SLIDE = 'deleteSlide',
|
||||
UPDATE_SLIDE_INDEX = 'updateSlideIndex',
|
||||
ADD_ELEMENTS = 'addElements',
|
||||
ADD_ELEMENT = 'addElement',
|
||||
UPDATE_ELEMENT = 'updateElement',
|
||||
|
||||
// history
|
||||
|
|
|
|||
|
|
@ -4,25 +4,12 @@ import { Slide, PPTElement } from '@/types/slides'
|
|||
import { FONT_NAMES } from '@/configs/fontName'
|
||||
import { isSupportFontFamily } from '@/utils/fontFamily'
|
||||
|
||||
interface AddSlidesData {
|
||||
interface AddSlideData {
|
||||
index?: number;
|
||||
slides: Slide[];
|
||||
}
|
||||
|
||||
interface SetSlideData {
|
||||
index?: number;
|
||||
slide: Slide;
|
||||
}
|
||||
|
||||
type AddSlideData = SetSlideData
|
||||
|
||||
interface UpdateSlideData {
|
||||
index?: number;
|
||||
props: Partial<Slide>;
|
||||
slide: Slide | Slide[];
|
||||
}
|
||||
|
||||
interface UpdateElementData {
|
||||
index?: number;
|
||||
elId: string | string[];
|
||||
props: Partial<PPTElement>;
|
||||
}
|
||||
|
|
@ -36,15 +23,15 @@ export type Mutations = {
|
|||
[MutationTypes.SET_EDITORAREA_FOCUS](state: State, isFocus: boolean): void;
|
||||
[MutationTypes.SET_DISABLE_HOTKEYS_STATE](state: State, disable: boolean): void;
|
||||
[MutationTypes.SET_AVAILABLE_FONTS](state: State): void;
|
||||
|
||||
[MutationTypes.SET_SLIDES](state: State, slides: Slide[]): void;
|
||||
[MutationTypes.ADD_SLIDES](state: State, data: AddSlidesData): void;
|
||||
[MutationTypes.SET_SLIDE](state: State, data: SetSlideData): void;
|
||||
[MutationTypes.ADD_SLIDE](state: State, data: AddSlideData): void;
|
||||
[MutationTypes.UPDATE_SLIDE](state: State, data: UpdateSlideData): void;
|
||||
[MutationTypes.UPDATE_SLIDE](state: State, data: Partial<Slide>): void;
|
||||
[MutationTypes.DELETE_SLIDE](state: State, slideId: string): void;
|
||||
[MutationTypes.UPDATE_SLIDE_INDEX](state: State, index: number): void;
|
||||
[MutationTypes.ADD_ELEMENTS](state: State, elements: PPTElement[]): void;
|
||||
[MutationTypes.ADD_ELEMENT](state: State, element: PPTElement | PPTElement[]): void;
|
||||
[MutationTypes.UPDATE_ELEMENT](state: State, data: UpdateElementData): void;
|
||||
|
||||
[MutationTypes.SET_CURSOR](state: State, cursor: number): void;
|
||||
[MutationTypes.UNDO](state: State): void;
|
||||
[MutationTypes.REDO](state: State): void;
|
||||
|
|
@ -96,25 +83,15 @@ export const mutations: Mutations = {
|
|||
state.slides = slides
|
||||
},
|
||||
|
||||
[MutationTypes.ADD_SLIDES](state, {index, slides}) {
|
||||
[MutationTypes.ADD_SLIDE](state, { index, slide }) {
|
||||
const slides = Array.isArray(slide) ? slide : [slide]
|
||||
const addIndex = index !== undefined ? index : (state.slideIndex + 1)
|
||||
state.slides.splice(addIndex, 0, ...slides)
|
||||
state.slideIndex = addIndex
|
||||
},
|
||||
|
||||
[MutationTypes.SET_SLIDE](state, {index, slide}) {
|
||||
const slideIndex = index !== undefined ? index : state.slideIndex
|
||||
state.slides[slideIndex] = slide
|
||||
},
|
||||
|
||||
[MutationTypes.ADD_SLIDE](state, {index, slide}) {
|
||||
const addIndex = index !== undefined ? index : (state.slideIndex + 1)
|
||||
state.slides.splice(addIndex, 0, slide)
|
||||
state.slideIndex = addIndex
|
||||
},
|
||||
|
||||
[MutationTypes.UPDATE_SLIDE](state, {index, props}) {
|
||||
const slideIndex = index !== undefined ? index : state.slideIndex
|
||||
[MutationTypes.UPDATE_SLIDE](state, props) {
|
||||
const slideIndex = state.slideIndex
|
||||
state.slides[slideIndex] = { ...state.slides[slideIndex], ...props }
|
||||
},
|
||||
|
||||
|
|
@ -131,19 +108,20 @@ export const mutations: Mutations = {
|
|||
state.slideIndex = index
|
||||
},
|
||||
|
||||
[MutationTypes.ADD_ELEMENTS](state, elements) {
|
||||
[MutationTypes.ADD_ELEMENT](state, element) {
|
||||
const elements = Array.isArray(element) ? element : [element]
|
||||
const currentSlideEls = state.slides[state.slideIndex].elements
|
||||
const newEls = [...currentSlideEls, ...elements]
|
||||
state.slides[state.slideIndex].elements = newEls
|
||||
},
|
||||
|
||||
[MutationTypes.UPDATE_ELEMENT](state, {index, elId, props}) {
|
||||
if(typeof elId === 'string') elId = [elId]
|
||||
[MutationTypes.UPDATE_ELEMENT](state, { elId, props }) {
|
||||
const elIdList = typeof elId === 'string' ? [elId] : elId
|
||||
|
||||
const slideIndex = index !== undefined ? index : state.slideIndex
|
||||
const slideIndex = state.slideIndex
|
||||
const slide = state.slides[slideIndex]
|
||||
const elements = slide.elements.map(el => {
|
||||
return elId.includes(el.elId) ? { ...el, ...props } : el
|
||||
return elIdList.includes(el.elId) ? { ...el, ...props } : el
|
||||
})
|
||||
state.slides[slideIndex].elements = (elements as PPTElement[])
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue