@logicflow/extension 2.1.4 → 2.1.5

package/es/bpmn-adapter/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * LogicFlow 节点配置（导入/导出过程中使用的中间结构）
+ * - id/type/x/y：节点基本信息
+ * - text：节点文本的中心坐标与内容（值为未转义的原始字符串）
+ * - properties：节点的额外属性（会保留到 BPMN 的扩展字段）
+ */
 type NodeConfig = {
     id: string;
     properties?: Record<string, unknown>;
@@ -10,10 +16,20 @@ type NodeConfig = {
     x: number;
     y: number;
 };
+/**
+ * 点坐标结构（用于边的路径点）
+ */
 type Point = {
     x: number;
     y: number;
 };
+/**
+ * LogicFlow 边配置（导入/导出过程中使用的中间结构）
+ * - id/type/sourceNodeId/targetNodeId：边的基本信息
+ * - pointsList：边的路径点（用于 BPMN 的 di:waypoint）
+ * - text：边文本的位置与内容（值为未转义的原始字符串）
+ * - properties：边的扩展属性
+ */
 type EdgeConfig = {
     id: string;
     sourceNodeId: string;
@@ -35,11 +51,29 @@ type EdgeConfig = {
     pointsList?: Point[];
     properties: Record<string, unknown>;
 };
+/**
+ * 将普通 JSON 转换为 XML 风格 JSON（xmlJson）
+ * 输入：任意 JSON 对象；可选的保留属性字段 retainedFields
+ * 输出：遵循 XML 属性前缀约定的 xmlJson（属性键以 '-' 开头）
+ * 规则：
+ * - 原始字符串直接返回；数组逐项转换；对象根据键类型决定是否加 '-' 前缀。
+ * - 保留字段（fields）中出现的键以属性形式（带 '-'）保留，否则视为子节点。
+ */
 declare function toXmlJson(retainedFields?: string[]): (json: string | any[] | Record<string, any>) => any;
 /**
- * 将xmlJson转换为普通的json，在内部使用。
+ * 将 XML 风格 JSON（xmlJson）转换回普通 JSON（内部使用）
+ * 输入：遵循 '-' 属性前缀约定的 xmlJson
+ * 输出：去除前缀并恢复原有结构的普通 JSON
  */
 declare function toNormalJson(xmlJson: any): {};
+/**
+ * BpmnAdapter：基础适配器
+ *
+ * 作用：在 LogicFlow 数据与 BPMN JSON 之间进行转换，并注入 adapterIn/adapterOut 钩子。
+ * - processAttributes：导出时 BPMN process 的基础属性（可配置 isExecutable、id 等）。
+ * - definitionAttributes：导出时 BPMN definitions 的基础属性与命名空间声明。
+ * - shapeConfigMap：不同 BPMN 元素类型的默认宽高，用于坐标/Bounds 计算。
+ */
 declare class BpmnAdapter {
     static pluginName: string;
     static shapeConfigMap: Map<any, any>;
@@ -59,6 +93,11 @@ declare class BpmnAdapter {
         ['-exporterVersion']: string;
         [key: string]: any;
     };
+    /**
+     * 构造函数
+     * - 注入 LogicFlow 的 adapterIn/adapterOut（处理 JSON 方向的适配）
+     * - 初始化 process 与 definitions 的基础属性
+     */
     constructor({ lf }: {
         lf: any;
     });
@@ -68,6 +107,13 @@ declare class BpmnAdapter {
      * ["properties", "startPoint", "endPoint", "pointsList"]合并，
      * 这意味着出现在这个数组里的字段当它的值是数组或是对象时不会被视为一个节点而是一个属性。
      */
+    /**
+     * adapterOut：将 LogicFlow 图数据转换为 BPMN JSON
+     * 输入：
+     * - data：LogicFlow GraphData
+     * - retainedFields：扩展属性保留字段
+     * 输出：BPMN JSON（包含 definitions/process/diagram/plane）
+     */
     adapterOut: (data: any, retainedFields?: string[]) => {
         'bpmn:definitions': {
             [key: string]: any;
@@ -82,18 +128,55 @@ declare class BpmnAdapter {
             "-exporterVersion": string;
         };
     };
+    /**
+     * adapterIn：将 BPMN JSON 转换为 LogicFlow 图数据
+     * 输入：bpmnData：BPMN JSON
+     * 输出：GraphConfigData（nodes/edges）
+     */
     adapterIn: (bpmnData: any) => {
         nodes: NodeConfig[];
         edges: EdgeConfig[];
     } | undefined;
 }
+/**
+ * BpmnXmlAdapter：XML 适配器（继承 BpmnAdapter）
+ *
+ * 作用：处理 XML 输入/输出的适配，使用 xml2json/json2xml 完成格式转换。
+ * 特殊处理：在 XML 导入前对 name 属性的非法字符进行预处理转义，提升容错。
+ */
 declare class BpmnXmlAdapter extends BpmnAdapter {
     static pluginName: string;
+    /**
+     * 构造函数
+     * - 覆盖 LogicFlow 的 adapterIn/adapterOut，使其面向 XML 输入与输出。
+     */
     constructor(data: any);
+    /**
+     * 预处理 XML：仅对 name 属性值进行非法字符转义（<, >, &），避免 DOM 解析失败。
+     * 注意：不影响已合法的实体（如 &amp;），仅在属性值中生效，不修改其它内容。
+     */
+    private sanitizeNameAttributes;
+    /**
+     * adapterXmlIn：将 BPMN XML 转换为 LogicFlow 图数据
+     * 输入：bpmnData：XML 字符串或对象
+     * 步骤：
+     * 1) 若为字符串，先对 name 属性进行预处理转义；
+     * 2) 使用 lfXml2Json 转换为 BPMN JSON；
+     * 3) 调用基础 adapterIn 转换为 GraphData。
+     */
     adapterXmlIn: (bpmnData: any) => {
         nodes: NodeConfig[];
         edges: EdgeConfig[];
     } | undefined;
+    /**
+     * adapterXmlOut：将 LogicFlow 图数据转换为 BPMN XML
+     * 输入：
+     * - data：GraphData
+     * - retainedFields：保留属性字段
+     * 步骤：
+     * 1) 调用基础 adapterOut 生成 BPMN JSON；
+     * 2) 使用 lfJson2Xml 转为合法的 XML 字符串（包含属性与文本的转义）。
+     */
     adapterXmlOut: (data: any, retainedFields?: string[]) => string;
 }
 export { BpmnAdapter, BpmnXmlAdapter, toXmlJson, toNormalJson };

package/es/bpmn-adapter/index.js

@@ -43,7 +43,23 @@ var __read = (this && this.__read) || function (o, n) {
 import { getBpmnId } from './bpmnIds';
 import { handleAttributes, lfJson2Xml } from './json2xml';
 import { lfXml2Json } from './xml2json';
+/**
+ * 模块说明（BPMN Adapter）
+ *
+ * 该模块负责在 LogicFlow 内部图数据（GraphData）与 BPMN XML/JSON 之间进行双向转换：
+ * - adapterOut：将 LogicFlow 图数据转换为 BPMN JSON（随后由 json2xml 转为 XML）
+ * - adapterIn：将 BPMN JSON 转换为 LogicFlow 图数据（如果是 XML，则先经 xml2json 转为 JSON）
+ *
+ * 设计要点与特殊处理：
+ * - BPMN XML 的属性在 JSON 中以前缀 '-' 表示（如 '-id'、'-name'），本模块严格遵循该约定。
+ * - XML 中同名子节点可能出现多次，xml2json 解析后会以数组表示；本模块对数组与单对象场景均做兼容处理。
+ * - BPMN 画布坐标以元素左上角为基准，而 LogicFlow 以元素中心为基准；转换时需进行坐标基准转换。
+ * - 文本内容在导出时进行 XML 转义，在导入时进行反转义，确保特殊字符（如 <, >, & 等）能被正确保留。
+ */
 import { ExclusiveGatewayConfig, StartEventConfig, EndEventConfig, ServiceTaskConfig, UserTaskConfig, } from '../bpmn/constant';
+/**
+ * BPMN 元素类型映射（用于在 JSON 中定位具体的 BPMN 节点类型）
+ */
 var BpmnElements;
 (function (BpmnElements) {
     BpmnElements["START"] = "bpmn:startEvent";
@@ -53,6 +69,11 @@ var BpmnElements;
     BpmnElements["SYSTEM"] = "bpmn:serviceTask";
     BpmnElements["FLOW"] = "bpmn:sequenceFlow";
 })(BpmnElements || (BpmnElements = {}));
+/**
+ * BPMN 过程元素的标准属性键列表
+ * - 在解析 `processValue` 时，这些键会被视为标准属性而非扩展属性；
+ * - 其余未在列表中的键会进入 LogicFlow 的 `properties` 中，以保留扩展数据。
+ */
 var defaultAttrs = [
     '-name',
     '-id',
@@ -71,17 +92,49 @@ var defaultAttrs = [
  * 这意味着出现在这个数组里的字段当它的值是数组或是对象时不会被视为一个节点而是一个属性
  * @reference node type reference https://www.w3schools.com/xml/dom_nodetype.asp
  */
+/**
+ * 导出至 BPMN JSON 时，作为属性保留的字段列表
+ * - 当这些字段的值为对象或数组时，仍视为属性（在 JSON 中以 '-' 前缀表示），而非子节点。
+ */
 var defaultRetainedFields = [
     'properties',
     'startPoint',
     'endPoint',
     'pointsList',
 ];
+/**
+ * XML 实体反转义：
+ * - 将常见的 XML 实体还原为字符：`&lt;`→`<`、`&gt;`→`>`、`&amp;`→`&`、`&quot;`→`"`、`&apos;`→`'`；保障流程图能正常回填
+ * - 使用 `String(text || '')` 规范化输入，避免 `null/undefined` 导致错误；
+ * - 注意：此实现为单次替换，若存在嵌套/二次编码（例如 `&amp;lt;`），会先还原为 `&lt;`，
+ *   如需完全解码，可在外层循环调用或调整替换顺序策略。
+ */
+var unescapeXml = function (text) {
+    return String(text || '')
+        .replace(/&lt;/g, '<')
+        .replace(/&gt;/g, '>')
+        .replace(/&amp;/g, '&')
+        .replace(/&quot;/g, '"')
+        .replace(/&apos;/g, "'");
+};
+/**
+ * 将普通 JSON 转换为 XML 风格 JSON（xmlJson）
+ * 输入：任意 JSON 对象；可选的保留属性字段 retainedFields
+ * 输出：遵循 XML 属性前缀约定的 xmlJson（属性键以 '-' 开头）
+ * 规则：
+ * - 原始字符串直接返回；数组逐项转换；对象根据键类型决定是否加 '-' 前缀。
+ * - 保留字段（fields）中出现的键以属性形式（带 '-'）保留，否则视为子节点。
+ */
 function toXmlJson(retainedFields) {
     var fields = retainedFields
         ? defaultRetainedFields.concat(retainedFields)
         : defaultRetainedFields;
     return function (json) {
+        /**
+         * 递归转换核心方法
+         * @param obj 输入对象/数组/字符串
+         * @returns 转换后的 xmlJson
+         */
         function ToXmlJson(obj) {
             var xmlJson = {};
             if (typeof obj === 'string') {
@@ -115,7 +168,9 @@ function toXmlJson(retainedFields) {
     };
 }
 /**
- * 将xmlJson转换为普通的json，在内部使用。
+ * 将 XML 风格 JSON（xmlJson）转换回普通 JSON（内部使用）
+ * 输入：遵循 '-' 属性前缀约定的 xmlJson
+ * 输出：去除前缀并恢复原有结构的普通 JSON
  */
 function toNormalJson(xmlJson) {
     var json = {};
@@ -148,6 +203,18 @@ function toNormalJson(xmlJson) {
  * 2）如果只有一个子元素，json中表示为正常属性
  * 3）如果是多个子元素，json中使用数组存储
  */
+/**
+ * 将 LogicFlow 图数据中的节点与边转换为 BPMN 的 process 数据结构
+ * 输入：
+ * - bpmnProcessData：输出目标对象（会被填充 '-id'、各 bpmn:* 节点以及 sequenceFlow）
+ * - data：LogicFlow 图数据（nodes/edges）
+ * - retainedFields：可选保留属性字段，用于控制属性与子节点的映射
+ * 输出：直接修改 bpmnProcessData
+ * 特殊处理：
+ * - 节点文本（node.text.value）作为 BPMN 的 '-name' 属性；
+ * - 维护 incoming/outgoing 的顺序，保证解析兼容性；
+ * - 多子元素时转为数组结构（XML 约定）。
+ */
 function convertLf2ProcessData(bpmnProcessData, data, retainedFields) {
     var nodeMap = new Map();
     data.nodes.forEach(function (node) {
@@ -221,6 +288,16 @@ function convertLf2ProcessData(bpmnProcessData, data, retainedFields) {
 /**
  * adapterOut 设置bpmn diagram信息
  */
+/**
+ * 将 LogicFlow 图数据转换为 BPMN 的图形数据（BPMNDiagram/BPMNPlane 下的 Shape 与 Edge）
+ * 输入：
+ * - bpmnDiagramData：输出目标对象（填充 BPMNShape/BPMNEdge）
+ * - data：LogicFlow 图数据（nodes/edges）
+ * 输出：直接修改 bpmnDiagramData
+ * 特殊处理：
+ * - 节点坐标从中心点转换为左上角基准；
+ * - 文本的显示边界（Bounds）根据文本长度近似计算，用于在 BPMN 渲染器正确定位标签。
+ */
 function convertLf2DiagramData(bpmnDiagramData, data) {
     bpmnDiagramData['bpmndi:BPMNEdge'] = data.edges.map(function (edge) {
         var _a;
@@ -289,21 +366,37 @@ function convertLf2DiagramData(bpmnDiagramData, data) {
 /**
  * 将bpmn数据转换为LogicFlow内部能识别数据
  */
+/**
+ * 将 BPMN JSON 转换为 LogicFlow 可识别的图数据
+ * 输入：
+ * - bpmnData：包含 'bpmn:definitions' 的 BPMN JSON
+ * 输出：{ nodes, edges }：LogicFlow 的 GraphConfigData
+ * 特殊处理：
+ * - 若缺失 process 或 plane，返回空数据以避免渲染错误。
+ */
 function convertBpmn2LfData(bpmnData) {
     var nodes = [];
     var edges = [];
     var definitions = bpmnData['bpmn:definitions'];
     if (definitions) {
+        // 如后续需多图/多流程支持，再扩展为遍历与合并，现在看起来是没有这个场景
         var process_1 = definitions['bpmn:process'];
+        var diagram = definitions['bpmndi:BPMNDiagram'];
+        var plane_1 = diagram === null || diagram === void 0 ? void 0 : diagram['bpmndi:BPMNPlane'];
+        if (!process_1 || !plane_1) {
+            return { nodes: nodes, edges: edges };
+        }
         Object.keys(process_1).forEach(function (key) {
             if (key.indexOf('bpmn:') === 0) {
                 var value = process_1[key];
                 if (key === BpmnElements.FLOW) {
-                    var bpmnEdges = definitions['bpmndi:BPMNDiagram']['bpmndi:BPMNPlane']['bpmndi:BPMNEdge'];
+                    var edgesRaw = plane_1['bpmndi:BPMNEdge'];
+                    var bpmnEdges = Array.isArray(edgesRaw) ? edgesRaw : edgesRaw;
                     edges = getLfEdges(value, bpmnEdges);
                 }
                 else {
-                    var shapes = definitions['bpmndi:BPMNDiagram']['bpmndi:BPMNPlane']['bpmndi:BPMNShape'];
+                    var shapesRaw = plane_1['bpmndi:BPMNShape'];
+                    var shapes = Array.isArray(shapesRaw) ? shapesRaw : shapesRaw;
                     nodes = nodes.concat(getLfNodes(value, shapes, key));
                 }
             }
@@ -314,6 +407,14 @@ function convertBpmn2LfData(bpmnData) {
         edges: edges,
     };
 }
+/**
+ * 根据 BPMN 的 process 子节点与 plane 中的 BPMNShape 生成 LogicFlow 节点数组
+ * 输入：
+ * - value：当前类型（如 bpmn:userTask）的值，可能为对象或数组
+ * - shapes：plane['bpmndi:BPMNShape']，可能为对象或数组
+ * - key：当前处理的 BPMN 类型键名（如 'bpmn:userTask'）
+ * 输出：LogicFlow 节点数组
+ */
 function getLfNodes(value, shapes, key) {
     var nodes = [];
     if (Array.isArray(value)) {
@@ -343,10 +444,23 @@ function getLfNodes(value, shapes, key) {
     }
     return nodes;
 }
+/**
+ * 将单个 BPMNShape 与其对应的 process 节点合成为 LogicFlow 节点配置
+ * 输入：
+ * - shapeValue：plane 中的 BPMNShape（包含 Bounds 与可选 BPMNLabel）
+ * - type：BPMN 节点类型键（如 'bpmn:userTask'）
+ * - processValue：process 中对应的节点对象（包含 '-id'、'-name' 等）
+ * 输出：LogicFlow NodeConfig
+ * 特殊处理：
+ * - 坐标从左上角转为中心点；
+ * - 文本从 '-name' 读取并进行 XML 实体反转义；
+ * - 文本位置优先使用 BPMNLabel 的 Bounds。
+ */
 function getNodeConfig(shapeValue, type, processValue) {
     var x = Number(shapeValue['dc:Bounds']['-x']);
     var y = Number(shapeValue['dc:Bounds']['-y']);
-    var name = processValue['-name'];
+    // 反转义 XML 实体，确保导入后文本包含特殊字符时能被完整还原
+    var name = unescapeXml(processValue['-name']);
     var shapeConfig = BpmnAdapter.shapeConfigMap.get(type);
     if (shapeConfig) {
         x += shapeConfig.width / 2;
@@ -392,6 +506,13 @@ function getNodeConfig(shapeValue, type, processValue) {
     }
     return nodeConfig;
 }
+/**
+ * 根据 BPMN 的 sequenceFlow 与 BPMNEdge 生成 LogicFlow 边数组
+ * 输入：
+ * - value：process['bpmn:sequenceFlow']，对象或数组
+ * - bpmnEdges：plane['bpmndi:BPMNEdge']，对象或数组
+ * 输出：LogicFlow 边数组
+ */
 function getLfEdges(value, bpmnEdges) {
     var edges = [];
     if (Array.isArray(value)) {
@@ -418,11 +539,29 @@ function getLfEdges(value, bpmnEdges) {
     }
     return edges;
 }
+/**
+ * 将单个 BPMNEdge 与其对应的 sequenceFlow 合成为 LogicFlow 边配置
+ * 输入：
+ * - edgeValue：BPMNEdge（包含 di:waypoint 以及可选 BPMNLabel/Bounds）
+ * - processValue：sequenceFlow（包含 '-id'、'-sourceRef'、'-targetRef'、'-name' 等）
+ * 输出：LogicFlow EdgeConfig
+ * 特殊处理：
+ * - 文本从 '-name' 读取并进行 XML 实体反转义；
+ * - 若缺失 BPMNLabel，则以边的几何中心近似作为文本位置；
+ * - pointsList 由 waypoints 转换得到，数值类型统一为 Number。
+ */
 function getEdgeConfig(edgeValue, processValue) {
     var text;
-    var textVal = processValue['-name'] ? "".concat(processValue['-name']) : '';
+    // 反转义 XML 实体，确保导入后文本包含特殊字符时能被完整还原
+    var textVal = processValue['-name']
+        ? unescapeXml("".concat(processValue['-name']))
+        : '';
     if (textVal) {
-        var textBounds = edgeValue['bpmndi:BPMNLabel']['dc:Bounds'];
+        var textBounds = void 0;
+        if (edgeValue['bpmndi:BPMNLabel'] &&
+            edgeValue['bpmndi:BPMNLabel']['dc:Bounds']) {
+            textBounds = edgeValue['bpmndi:BPMNLabel']['dc:Bounds'];
+        }
         // 如果边文本换行，则其偏移量应该是最长一行的位置
         var textLength_1 = 0;
         textVal.split('\n').forEach(function (textSpan) {
@@ -430,11 +569,26 @@ function getEdgeConfig(edgeValue, processValue) {
                 textLength_1 = textSpan.length;
             }
         });
-        text = {
-            value: textVal,
-            x: Number(textBounds['-x']) + (textLength_1 * 10) / 2,
-            y: Number(textBounds['-y']) + 7,
-        };
+        if (textBounds) {
+            text = {
+                value: textVal,
+                x: Number(textBounds['-x']) + (textLength_1 * 10) / 2,
+                y: Number(textBounds['-y']) + 7,
+            };
+        }
+        else {
+            // 兼容缺少 BPMNLabel 的图：使用边的几何中心作为文本位置
+            var waypoints = edgeValue['di:waypoint'] || [];
+            var first = waypoints[0];
+            var last = waypoints[waypoints.length - 1] || first;
+            var centerX = (Number((first === null || first === void 0 ? void 0 : first['-x']) || 0) + Number((last === null || last === void 0 ? void 0 : last['-x']) || 0)) / 2;
+            var centerY = (Number((first === null || first === void 0 ? void 0 : first['-y']) || 0) + Number((last === null || last === void 0 ? void 0 : last['-y']) || 0)) / 2;
+            text = {
+                value: textVal,
+                x: centerX,
+                y: centerY,
+            };
+        }
     }
     var properties;
     // 判断是否存在额外的属性，将额外的属性放到properties中
@@ -465,7 +619,20 @@ function getEdgeConfig(edgeValue, processValue) {
     }
     return edge;
 }
+/**
+ * BpmnAdapter：基础适配器
+ *
+ * 作用：在 LogicFlow 数据与 BPMN JSON 之间进行转换，并注入 adapterIn/adapterOut 钩子。
+ * - processAttributes：导出时 BPMN process 的基础属性（可配置 isExecutable、id 等）。
+ * - definitionAttributes：导出时 BPMN definitions 的基础属性与命名空间声明。
+ * - shapeConfigMap：不同 BPMN 元素类型的默认宽高，用于坐标/Bounds 计算。
+ */
 var BpmnAdapter = /** @class */ (function () {
+    /**
+     * 构造函数
+     * - 注入 LogicFlow 的 adapterIn/adapterOut（处理 JSON 方向的适配）
+     * - 初始化 process 与 definitions 的基础属性
+     */
     function BpmnAdapter(_a) {
         var lf = _a.lf;
         var _this = this;
@@ -474,6 +641,13 @@ var BpmnAdapter = /** @class */ (function () {
          * ["properties", "startPoint", "endPoint", "pointsList"]合并，
          * 这意味着出现在这个数组里的字段当它的值是数组或是对象时不会被视为一个节点而是一个属性。
          */
+        /**
+         * adapterOut：将 LogicFlow 图数据转换为 BPMN JSON
+         * 输入：
+         * - data：LogicFlow GraphData
+         * - retainedFields：扩展属性保留字段
+         * 输出：BPMN JSON（包含 definitions/process/diagram/plane）
+         */
         this.adapterOut = function (data, retainedFields) {
             var bpmnProcessData = __assign({}, _this.processAttributes);
             convertLf2ProcessData(bpmnProcessData, data, retainedFields);
@@ -493,6 +667,11 @@ var BpmnAdapter = /** @class */ (function () {
             };
             return bpmnData;
         };
+        /**
+         * adapterIn：将 BPMN JSON 转换为 LogicFlow 图数据
+         * 输入：bpmnData：BPMN JSON
+         * 输出：GraphConfigData（nodes/edges）
+         */
         this.adapterIn = function (bpmnData) {
             if (bpmnData) {
                 return convertBpmn2LfData(bpmnData);
@@ -545,14 +724,44 @@ BpmnAdapter.shapeConfigMap.set(BpmnElements.USER, {
     width: UserTaskConfig.width,
     height: UserTaskConfig.height,
 });
+/**
+ * BpmnXmlAdapter：XML 适配器（继承 BpmnAdapter）
+ *
+ * 作用：处理 XML 输入/输出的适配，使用 xml2json/json2xml 完成格式转换。
+ * 特殊处理：在 XML 导入前对 name 属性的非法字符进行预处理转义，提升容错。
+ */
 var BpmnXmlAdapter = /** @class */ (function (_super) {
     __extends(BpmnXmlAdapter, _super);
+    /**
+     * 构造函数
+     * - 覆盖 LogicFlow 的 adapterIn/adapterOut，使其面向 XML 输入与输出。
+     */
     function BpmnXmlAdapter(data) {
         var _this = _super.call(this, data) || this;
+        /**
+         * adapterXmlIn：将 BPMN XML 转换为 LogicFlow 图数据
+         * 输入：bpmnData：XML 字符串或对象
+         * 步骤：
+         * 1) 若为字符串，先对 name 属性进行预处理转义；
+         * 2) 使用 lfXml2Json 转换为 BPMN JSON；
+         * 3) 调用基础 adapterIn 转换为 GraphData。
+         */
         _this.adapterXmlIn = function (bpmnData) {
-            var json = lfXml2Json(bpmnData);
+            var xmlStr = typeof bpmnData === 'string'
+                ? _this.sanitizeNameAttributes(bpmnData)
+                : bpmnData;
+            var json = lfXml2Json(xmlStr);
             return _this.adapterIn(json);
         };
+        /**
+         * adapterXmlOut：将 LogicFlow 图数据转换为 BPMN XML
+         * 输入：
+         * - data：GraphData
+         * - retainedFields：保留属性字段
+         * 步骤：
+         * 1) 调用基础 adapterOut 生成 BPMN JSON；
+         * 2) 使用 lfJson2Xml 转为合法的 XML 字符串（包含属性与文本的转义）。
+         */
         _this.adapterXmlOut = function (data, retainedFields) {
             var outData = _this.adapterOut(data, retainedFields);
             return lfJson2Xml(outData);
@@ -562,6 +771,20 @@ var BpmnXmlAdapter = /** @class */ (function (_super) {
         lf.adapterOut = _this.adapterXmlOut;
         return _this;
     }
+    // 预处理：修复属性值中非法的XML字符（仅针对 name 属性）
+    /**
+     * 预处理 XML：仅对 name 属性值进行非法字符转义（<, >, &），避免 DOM 解析失败。
+     * 注意：不影响已合法的实体（如 &amp;），仅在属性值中生效，不修改其它内容。
+     */
+    BpmnXmlAdapter.prototype.sanitizeNameAttributes = function (xml) {
+        return xml.replace(/name="([^"]*)"/g, function (_, val) {
+            var safe = val
+                .replace(/&(?!#?\w+;)/g, '&amp;')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;');
+            return "name=\"".concat(safe, "\"");
+        });
+    };
     BpmnXmlAdapter.pluginName = 'bpmnXmlAdapter';
     return BpmnXmlAdapter;
 }(BpmnAdapter));

package/es/bpmn-adapter/json2xml.d.ts

@@ -1,8 +1,17 @@
 declare function handleAttributes(o: any): any;
+/**
+ * 将普通文本中的一些特殊字符进行转移，保障文本安全地嵌入 XML：
+ * - 空值(`null/undefined`)返回空字符串，避免输出非法字面量；
+ * - 按顺序转义 XML 保留字符：`&`, `<`, `>`, `"`, `'`；
+ *   注意优先转义 `&`，避免后续生成的实体被再次转义。
+ * @param text 原始文本
+ * @returns 已完成 XML 转义的字符串
+ */
+declare function escapeXml(text: string): string;
 /**
  * json 转 xml
  * @param o object
  * @returns
  */
 declare function lfJson2Xml(o: Object): string;
-export { lfJson2Xml, handleAttributes };
+export { lfJson2Xml, handleAttributes, escapeXml };

package/es/bpmn-adapter/json2xml.js

@@ -24,6 +24,29 @@ function handleAttributes(o) {
     }
     return t;
 }
+/**
+ * 将普通文本中的一些特殊字符进行转移，保障文本安全地嵌入 XML：
+ * - 空值(`null/undefined`)返回空字符串，避免输出非法字面量；
+ * - 按顺序转义 XML 保留字符：`&`, `<`, `>`, `"`, `'`；
+ *   注意优先转义 `&`，避免后续生成的实体被再次转义。
+ * @param text 原始文本
+ * @returns 已完成 XML 转义的字符串
+ */
+function escapeXml(text) {
+    // 空值直接返回空字符串，防止在 XML 中出现 "null"/"undefined"
+    if (text == null)
+        return '';
+    return (text
+        .toString()
+        // & 必须先转义，避免影响后续 < > " ' 的实体
+        .replace(/&/g, '&amp;')
+        // 小于号与大于号，用于标签边界
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        // 双引号与单引号，用于属性值的包裹
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&apos;'));
+}
 function getAttributes(obj) {
     var tmp = obj;
     try {
@@ -34,7 +57,8 @@ function getAttributes(obj) {
     catch (error) {
         tmp = JSON.stringify(handleAttributes(obj)).replace(/"/g, "'");
     }
-    return tmp;
+    // 确保属性值中的特殊字符被正确转义
+    return escapeXml(String(tmp));
 }
 var tn = '\t\n';
 // @see issue https://github.com/didi/LogicFlow/issues/718, refactoring of function toXml
@@ -46,7 +70,7 @@ function toXml(obj, name, depth) {
     }
     var str = '';
     if (name === '#text') {
-        return tn + frontSpace + obj;
+        return tn + frontSpace + escapeXml(String(obj));
     }
     else if (name === '#cdata-section') {
         return tn + frontSpace + '<![CDATA[' + obj + ']]>';
@@ -78,7 +102,7 @@ function toXml(obj, name, depth) {
                     (children_1 !== '' ? ">".concat(children_1).concat(tn + frontSpace, "</").concat(name, ">") : ' />');
         }
         else {
-            str += tn + frontSpace + "<".concat(name, ">").concat(obj.toString(), "</").concat(name, ">");
+            str += tn + frontSpace + "<".concat(name, ">").concat(escapeXml(String(obj)), "</").concat(name, ">");
         }
     }
     return str;
@@ -95,4 +119,4 @@ function lfJson2Xml(o) {
     }
     return xmlStr;
 }
-export { lfJson2Xml, handleAttributes };
+export { lfJson2Xml, handleAttributes, escapeXml };

package/es/bpmn-adapter/xml2json.js

@@ -2,6 +2,7 @@
 // ========================================================================
 //  XML.ObjTree -- XML source code from/to JavaScript object like E4X
 // ========================================================================
+import { escapeXml } from './json2xml';
 var XML = function () { };
 //  constructor
 XML.ObjTree = function () {
@@ -290,13 +291,7 @@ XML.ObjTree.prototype.scalar_to_xml = function (name, text) {
     }
 };
 //  method: xml_escape( text )
-XML.ObjTree.prototype.xml_escape = function (text) {
-    return text
-        .replace(/&/g, '&')
-        .replace(/</g, '<')
-        .replace(/>/g, '>')
-        .replace(/"/g, '"');
-};
+XML.ObjTree.prototype.xml_escape = escapeXml;
 /*
 // ========================================================================
 

package/es/components/mini-map/index.js

@@ -95,8 +95,10 @@ var MiniMap = /** @class */ (function () {
          */
         this.show = function (left, top) {
             if (!_this.isShow) {
+                _this.initMiniMap();
+                _this.lf.on('graph:resize', _this.onGraphResize);
                 _this.createMiniMap(left, top);
-                _this.setView();
+                _this.setView(true);
             }
             _this.isShow = true;
         };
@@ -105,6 +107,13 @@ var MiniMap = /** @class */ (function () {
          */
         this.hide = function () {
             if (_this.isShow) {
+                // 隐藏小地图时摧毁实例
+                destroyTeleportContainer(_this.lfMap.graphModel.flowId);
+                _this.lf.off('graph:resize', _this.onGraphResize);
+                _this.lfMap.destroy();
+                // 保证重新创建实例时，小地图中内容偏移正确
+                _this.translateX = 0;
+                _this.translateY = 0;
                 _this.removeMiniMap();
                 _this.lf.emit('miniMap:close', {});
             }
@@ -233,8 +242,6 @@ var MiniMap = /** @class */ (function () {
         this.bounds = boundsInit;
         this.elementAreaBounds = boundsInit;
         this.viewPortBounds = boundsInit;
-        this.initMiniMap();
-        lf.on('graph:resize', this.onGraphResize);
     }
     /**
      * 初始化小地图的配置