提交代码

2025-09-25 11:34:55 +08:00
commit 448b8df85b
188 changed files with 21433 additions and 0 deletions
--- a/src/components/mt-edit/store/left-aside.ts
+++ b/src/components/mt-edit/store/left-aside.ts
@@ -0,0 +1,98 @@
+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)
+    }
+})