feat: AI格式化processing+4

src/lib/XMLProcessor/src/core/Processing.ts

@@ -7,10 +7,16 @@ import { UUID } from 'uuidjs';
 export class Processing {
     // 私有属性，用于解析 XML 字符串为 DOM 对象
     private domParser: DOMParser;
+    private xmlSerializer: XMLSerializer
 
     // 构造函数，初始化 DOMParser 实例
     constructor() {
         this.domParser = new DOMParser();
+        this.xmlSerializer = new XMLSerializer();
+    }
+
+    serializeXML(xmlDOM: Document): string {
+        return this.xmlSerializer.serializeToString(xmlDOM);
     }
 
     // 处理 XML 字符串的方法，返回树形数据和 XML DOM 对象
@@ -64,7 +70,7 @@ export class Processing {
     private innerHandle(domNode: Element, handledNode: string[]): TreeRenderResult[] {
         let treeData: TreeRenderResult[] = [];
         // 生成唯一的 key
-        const targetKey = UUID.generate();
+        const targetKey = 'g-' + UUID.generate();
         // 创建树形数据项
         const treeItem: TreeRenderResult = {
             key: targetKey,
@@ -101,7 +107,7 @@ export class Processing {
             }
             realIndex++;
             // 生成唯一的 key
-            const targetKey = UUID.generate();
+            const targetKey ='g-' + UUID.generate();
             // 创建树形数据项
             const treeItem: TreeRenderResult = {
                 key: targetKey,

src/views/editor/components/ContentTree.vue

@@ -17,11 +17,10 @@
 </template>
 
 <script setup lang="ts">
-import { searchKey, treeData, realComposableData, xmlDOM } from '../constants'
+import { realComposableData, searchKey, treeData, xmlDOM } from '../constants'
 import FileXML from '@/assets/file/CES-QEC-V250-A.xml?raw'
 import type { TreeOption } from 'naive-ui'
 import { nodeProps } from '../functions'
-import {contentDummy} from '@/views/editor/constants/dummy.ts'
 
 const xmlProcessing = useXMLProcessing()
 const nodeSet = [
@@ -53,7 +52,6 @@ onMounted(function () {
     const res = xmlProcessing.processXML(FileXML, nodeSet)
     treeData.value = res.treeData
     xmlDOM.value = res.xmlDOM
-    console.log('dummy-ts',contentDummy, xmlProcessing.processXML(contentDummy, nodeSet))
 })
 function getAllKeys(item: TreeOption[]) {
     return item.reduce(function (q, w) {

src/views/editor/functions/index.ts

@@ -3,7 +3,7 @@ import { editorRef } from '../constants'
 import { TreeOption } from 'naive-ui'
 
 export const handleEditor = (editor: IDomEditor) => {
-    console.log(editor.getHtml())
+
     // console.log(editor.getElemsByTypePrefix('JOBCARD'))
     // console.log(editor)
     // const headers = editor.getElemsByTypePrefix('header')

src/views/editor/functions/render-elem.ts

@@ -4,7 +4,7 @@ import { IDomEditor, IModuleConf, SlateElement } from '@wangeditor/editor'
 const renderElem = (type: string, style = { display: 'block' }) => {
     return (elem: SlateElement, children: VNode[] | null, editor: IDomEditor): VNode => {
         const dataKey = (elem as any).dataKey
-        return h(type, { style, attrs: { dataKey: dataKey } }, children)
+        return h(type, { style, attrs: { dataKey: dataKey, id: dataKey } }, children)
     }
 }
 const createRenderConfig = (types: string | string[]) => {