99 lines
3.3 KiB
TypeScript
99 lines
3.3 KiB
TypeScript
|
import { getCurrentInstance, reactive } from 'vue'
|
||
|
|
import type { ILeftAside, ILeftAsideConfigItemPublic, ILeftAsideConfigItem } from './types'
|
||
|
|
import { ElMessage } from 'element-plus'
|
||
|
|
import { svgToSymbol } from '../utils'
|
||
|
|
import { configStore } from './config'
|
||
|
|
import { bingStore } from './bind'
|
||
|
|
|
||
|
|
export const leftAsideStore: ILeftAside = reactive({
|
||
|
|
config: new Map<string, ILeftAsideConfigItem[]>([
|
||
|
|
// ['本地文件', []],
|
||
|
|
['基础图元', configStore.sysComponent],
|
||
|
|
['数据绑定图元', bingStore.sysComponent]
|
||
|
|
]),
|
||
|
|
registerConfig: (title: string, config: ILeftAsideConfigItemPublic[]) => {
|
||
|
|
if (title == '本地文件' || title == '基础图元') {
|
||
|
|
ElMessage.info(`title:${title}已被系统占用，请更换名称！`)
|
||
|
|
return
|
||
|
|
}
|
||
|
|
|
||
|
|
if (leftAsideStore.config.has(title)) {
|
||
|
|
ElMessage.info(`title:${title}已存在，已经将其配置覆盖`)
|
||
|
|
}
|
||
|
|
const cfg: ILeftAsideConfigItem[] = config.map(m => {
|
||
|
|
if (m.type == 'svg') {
|
||
|
|
const { symbol_str, width, height } = svgToSymbol(m.svg!, m.id)
|
||
|
|
return {
|
||
|
|
...m,
|
||
|
|
symbol: {
|
||
|
|
symbol_id: m.id,
|
||
|
|
symbol_str,
|
||
|
|
width,
|
||
|
|
height
|
||
|
|
},
|
||
|
|
common_animations: {
|
||
|
|
val: '',
|
||
|
|
delay: 'delay-0s',
|
||
|
|
speed: 'slow',
|
||
|
|
repeat: 'infinite'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
...m,
|
||
|
|
common_animations: {
|
||
|
|
val: '',
|
||
|
|
delay: 'delay-0s',
|
||
|
|
speed: 'slow',
|
||
|
|
repeat: 'infinite'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
leftAsideStore.config.set(title, cfg)
|
||
|
|
},
|
||
|
|
svgPush: (title: string, config: ILeftAsideConfigItemPublic[]) => {
|
||
|
|
const targetConfig = leftAsideStore.config.get(title)
|
||
|
|
if (!targetConfig) {
|
||
|
|
console.warn(`未找到标题为 "${title}" 的配置项`)
|
||
|
|
return
|
||
|
|
}
|
||
|
|
|
||
|
|
const cfg: ILeftAsideConfigItem[] = config.map(m => {
|
||
|
|
if (m.type === 'svg') {
|
||
|
|
const { symbol_str, width, height } = svgToSymbol(m.svg!, m.id)
|
||
|
|
return {
|
||
|
|
...m,
|
||
|
|
symbol: {
|
||
|
|
symbol_id: m.id,
|
||
|
|
symbol_str,
|
||
|
|
width,
|
||
|
|
height
|
||
|
|
},
|
||
|
|
common_animations: {
|
||
|
|
val: '',
|
||
|
|
delay: 'delay-0s',
|
||
|
|
speed: 'slow',
|
||
|
|
repeat: 'infinite'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
...m,
|
||
|
|
common_animations: {
|
||
|
|
val: '',
|
||
|
|
delay: 'delay-0s',
|
||
|
|
speed: 'slow',
|
||
|
|
repeat: 'infinite'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
targetConfig.push(...cfg)
|
||
|
|
},
|
||
|
|
svgDelete: (title: string, id: string) => {
|
||
|
|
const cfg = leftAsideStore.config.get(title)!.filter(m => m.id !== id)
|
||
|
|
console.log('🚀 ~ cfg:', cfg)
|
||
|
|
leftAsideStore.config.set(title, cfg)
|
||
|
|
}
|
||
|
|
})
|