@logicflow/extension 1.2.27 → 2.0.0-beta.1

package/src/bpmn-elements/presets/icons.ts

@@ -0,0 +1,155 @@
+import { h } from '@logicflow/core'
+
+// event
+export const messageIcon =
+  'm 8.459999999999999,11.34 l 0,12.6 l 18.900000000000002,0 l 0,-12.6 z l 9.450000000000001,5.4 l 9.450000000000001,-5.4'
+export const timerIcon: h.JSX.Element[] = [
+  h('circle', {
+    cx: 18,
+    cy: 18,
+    r: 11,
+    style:
+      'stroke-linecap: round;stroke-linejoin: round;stroke: rgb(34, 36, 42);stroke-width: 2px;fill: white',
+  }),
+  h('path', {
+    d: 'M 18,18 l 2.25,-7.5 m -2.25,7.5 l 5.25,1.5',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 2px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(0,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(30,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(60,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(90,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(120,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(150,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(180,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(210,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(240,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(270,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(300,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+  h('path', {
+    d: 'M 18,18 m 0,7.5 l -0,2.25',
+    transform: 'rotate(330,18,18)',
+    style:
+      'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  }),
+]
+export const errorIcon =
+  'm 7.2,25.991999999999997 0.09350000000000001,-0.025300000000000003 7.3392,-9.610700000000001 7.667000000000001,8.9661 4.7003,-18.2204 -5.8707,11.6501 -7.299600000000001,-9.585400000000002 z'
+export const escalationIcon = 'M 18,7.2 l 8,20 l -8,-7 l -8,7 Z'
+export const compensationIcon =
+  'm 7.92,18 9,-6.5 0,13 z m 9.3,-0.4 8.7,-6.1 0,13 -8.7,-6.1 z'
+export const conditionalIcon =
+  'M 10.5,8.5 l 14.5,0 l 0,18 l -14.5,0 Z M 12.5,11.5 l 10.5,0 M 12.5,14.5 l 10.5,0 M 12.5,17.5 l 10.5,0 M 12.5,20.5 l 10.5,0 M 12.5,23.5 l 10.5,0 M 12.5,26.5 l 10.5,0 '
+export const linkIcon =
+  'm 20.52,9.468 0,4.4375 -13.5,0 0,6.75 13.5,0 0,4.4375 9.84375,-7.8125 -9.84375,-7.8125 z'
+export const signalIcon = 'M 18,7.2 l 9,16.2 l -18,0 Z'
+export const terminateIcon: h.JSX.Element[] = [
+  h('circle', {
+    cx: 18,
+    cy: 18,
+    r: 10,
+    style:
+      'stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 4px; fill: rgb(34, 36, 42);',
+  }),
+]
+
+// gateway
+export const exclusiveIcon =
+  'm 16,15 7.42857142857143,9.714285714285715 -7.42857142857143,9.714285714285715 3.428571428571429,0 5.714285714285715,-7.464228571428572 5.714285714285715,7.464228571428572 3.428571428571429,0 -7.42857142857143,-9.714285714285715 7.42857142857143,-9.714285714285715 -3.428571428571429,0 -5.714285714285715,7.464228571428572 -5.714285714285715,-7.464228571428572 -3.428571428571429,0 z'
+export const parallelIcon =
+  'm 23,10 0,12.5 -12.5,0 0,5 12.5,0 0,12.5 5,0 0,-12.5 12.5,0 0,-5 -12.5,0 0,-12.5 -5,0 z'
+export const inclusiveIcon: h.JSX.Element = h('circle', {
+  cx: 25,
+  cy: 25,
+  r: 13,
+  style:
+    'stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 2.5px; fill: white;',
+})
+
+// task
+export const serviceTaskIcon =
+  'M882.527918 434.149934c-2.234901-5.303796-7.311523-8.853645-13.059434-9.138124l-61.390185-3.009544c-6.635117-20.973684-15.521508-41.175795-26.513864-60.282968l42.051745-47.743374c4.308119-4.889357 4.955872-12.004405 1.602498-17.59268-46.384423-77.30362-103.969956-101.422947-106.400309-102.410438-5.332449-2.170432-11.432377-1.090844-15.693424 2.77009L654.674467 240.664222c-17.004279-8.654101-35.092239-15.756869-53.995775-21.210068l-3.26537-66.490344c-0.280386-5.747911-3.833305-10.824533-9.134031-13.059434-1.683339-0.709151-30.193673-12.391215-76.866668-12.051477-46.672996-0.339738-75.18333 11.342326-76.866668 12.051477-5.300726 2.234901-8.853645 7.311523-9.134031 13.059434l-3.26537 66.490344c-18.903535 5.453199-36.991496 12.555967-53.995775 21.210068l-48.450479-43.922349c-4.261047-3.860934-10.360975-4.940522-15.693424-2.77009-2.430352 0.98749-60.015885 25.106818-106.400309 102.410438-3.353374 5.588275-2.705622 12.703323 1.602498 17.59268l42.051745 47.743374c-10.992355 19.107173-19.878746 39.309284-26.513864 60.282968l-61.390185 3.009544c-5.747911 0.284479-10.824533 3.834328-13.059434 9.138124-1.01512 2.415003-24.687262 60.190871-2.822278 147.651828 1.583055 6.324032 7.072069 10.893094 13.57518 11.308557 5.892197 0.37146 11.751648 0.523933 17.419741 0.667196 14.498202 0.372483 28.193109 0.723477 40.908712 4.63353 4.212952 1.294482 6.435573 8.270361 9.349949 18.763342 1.287319 4.640694 2.617617 9.43693 4.484128 14.010085 1.794879 4.393054 3.75758 8.570189 5.66093 12.607132 1.302669 2.765997 2.529613 5.380544 3.689019 8.018627 2.986007 6.803963 2.682086 9.773598 2.578732 10.349719-3.061732 3.672646-6.391571 7.238868-9.91379 11.015891-1.810229 1.943258-3.680832 3.949962-5.523807 5.980201l-22.560832 24.8909c-3.865028 4.261047-4.940522 10.365068-2.774183 15.693424 0.991584 2.426259 25.102724 60.011792 102.414531 106.400309 5.588275 3.353374 12.703323 2.701528 17.591657-1.603521l23.476691-20.682042c2.346441-2.061962 4.64888-4.336772 6.875594-6.534833 9.05319-8.93858 14.018272-12.95608 17.73185-11.576663 3.305279 1.222851 6.907317 3.166109 10.720156 5.228071 3.325745 1.794879 6.764054 3.650133 10.465352 5.288446 6.016017 2.662643 12.120039 4.688789 18.019399 6.65149 6.827499 2.266623 13.279445 4.409426 18.819624 7.275707 1.518586 0.782829 1.926886 0.994654 2.358721 7.830339 0.726547 11.496845 1.25048 23.276123 1.753947 34.672684 0.264013 5.900384 0.528026 11.803837 0.815575 17.700127 0.284479 5.743818 3.833305 10.82044 9.138124 13.05534 1.654686 0.698918 29.371958 12.063757 74.869175 12.063757 0.328481 0 3.65832 0 3.986801 0 45.497217 0 73.214489-11.364839 74.869175-12.063757 5.304819-2.234901 8.853645-7.311523 9.138124-13.05534 0.287549-5.89629 0.551562-11.799744 0.815575-17.700127 0.503467-11.396561 1.027399-23.175839 1.753947-34.672684 0.431835-6.835685 0.840134-7.04751 2.358721-7.830339 5.54018-2.866281 11.992125-5.009084 18.819624-7.275707 5.89936-1.962701 12.003382-3.988848 18.019399-6.65149 3.701299-1.638313 7.139607-3.493567 10.465352-5.288446 3.812839-2.061962 7.414877-4.00522 10.720156-5.228071 3.713578-1.379417 8.67866 2.638083 17.73185 11.576663 2.226714 2.198062 4.529153 4.472871 6.875594 6.534833l23.476691 20.682042c4.888334 4.305049 12.003382 4.956895 17.591657 1.603521 77.311807-46.388517 101.422947-103.97405 102.414531-106.400309 2.166339-5.328355 1.090844-11.432377-2.774183-15.693424l-22.560832-24.8909c-1.842974-2.030239-3.713578-4.036943-5.523807-5.980201-3.52222-3.777023-6.852058-7.343245-9.91379-11.015891-0.103354-0.576121-0.407276-3.545756 2.578732-10.349719 1.159406-2.638083 2.38635-5.252631 3.689019-8.018627 1.90335-4.036943 3.866051-8.214079 5.66093-12.607132 1.866511-4.573155 3.196809-9.369392 4.484128-14.010085 2.914376-10.492982 5.136997-17.46886 9.349949-18.763342 12.715603-3.910053 26.41051-4.261047 40.908712-4.63353 5.668093-0.143263 11.527544-0.295735 17.419741-0.667196 6.503111-0.415462 11.992125-4.984524 13.57518-11.308557C907.21518 494.340805 883.543038 436.564937 882.527918 434.149934zM643.49894 643.761929c-35.280528 35.280528-82.191954 54.711066-132.086317 54.711066s-96.806813-19.430538-132.086317-54.711066c-35.280528-35.279504-54.711066-82.191954-54.711066-132.086317 0-49.894364 19.430538-96.80272 54.711066-132.082224 35.283598-35.284621 82.191954-54.711066 132.086317-54.711066s96.80579 19.426445 132.086317 54.711066c35.279504 35.279504 54.711066 82.187861 54.711066 132.082224C698.210006 561.569976 678.782537 608.482425 643.49894 643.761929z'
+
+export const userTaskIcon =
+  'M655.807326 287.35973m-223.989415 0a218.879 218.879 0 1 0 447.978829 0 218.879 218.879 0 1 0-447.978829 0ZM1039.955839 895.482975c-0.490184-212.177424-172.287821-384.030443-384.148513-384.030443-211.862739 0-383.660376 171.85302-384.15056 384.030443L1039.955839 895.482975z'
+
+export const scriptTaskIcon =
+  'M6.402,0.5H20.902C20.902,0.5,15.069,3.333,15.069,6.083S19.486,12.083,19.486,15.25S15.319,20.333,15.319,20.333H0.235C0.235,20.333,5.235,17.665999999999997,5.235,15.332999999999998S0.6520000000000001,8.582999999999998,0.6520000000000001,6.082999999999998S6.402,0.5,6.402,0.5ZM3.5,4.5L13.5,4.5M3.8,8.5L13.8,8.5M6.3,12.5L16.3,12.5M6.5,16.5L16.5,16.5'
+
+export const manualTaskIcon =
+  'M0.5,3.751L4.583,0.5009999999999999C4.583,0.5009999999999999,15.749,0.5839999999999999,16.666,0.5839999999999999S14.249,3.5009999999999994,15.166,3.5009999999999994S26.833,3.5009999999999994,27.75,3.5009999999999994C28.916,5.209,27.582,6.667999999999999,26.916,7.167999999999999S27.791,9.084999999999999,25.916,11.584999999999999C25.166,11.834999999999999,26.666,13.459999999999999,24.583000000000002,14.918C23.416,15.501,25.166,16.46,23.333000000000002,17.750999999999998C22.166,17.750999999999998,2.5000000000000036,17.833999999999996,2.5000000000000036,17.833999999999996L0.5000000000000036,16.500999999999998V3.751ZM13.5,7L27,7M13.5,11L26,11M14,14.5L25,14.5M8.2,3.1L15,3.1'
+
+export const style = {
+  throw:
+    'fill: rgb(34, 36, 42); stroke-linecap: round; stroke-linejoin: round; stroke: white; stroke-width: 1px;',
+  catch:
+    'fill: white; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+  nonIntermediate: 'stroke-width: 1.5; stroke-dash-array: 6',
+  intermediate: 'stroke-width: 1.5',
+}
+
+// marker
+export const parallelMarker =
+  'm44,60 m 3,2 l 0,10 m 3,-10 l 0,10 m 3,-10 l 0,10'
+
+export const sequentialMarker =
+  'm47,61 m 0,3 l 10,0 m -10,3 l 10,0 m -10,3 l 10,0'
+
+export const loopMarker =
+  'm 50,73 c 3.526979,0 6.386161,-2.829858 6.386161,-6.320661 0,-3.490806 -2.859182,-6.320661 -6.386161,-6.320661 -3.526978,0 -6.38616,2.829855 -6.38616,6.320661 0,1.745402 0.714797,3.325567 1.870463,4.469381 0.577834,0.571908 1.265885,1.034728 2.029916,1.35457 l -0.718163,-3.909793 m 0.718163,3.909793 -3.885211,0.802902'

package/src/bpmn-elements/utils.ts

@@ -0,0 +1,52 @@
+/* eslint-disable no-bitwise */
+export function groupRule(this: any) {
+  const rule = {
+    message: '分组外的节点不允许连接分组内的',
+    validate: (
+      _sourceNode: any,
+      _targetNode: any,
+      // _sourceAnchor: any,
+      // _targetAnchor: any,
+    ) => {
+      const isSourceNodeInsideTheGroup = !!_sourceNode.properties.parent
+      const isTargetNodeInsideTheGroup = !!_targetNode.properties.parent
+
+      return !(!isSourceNodeInsideTheGroup && isTargetNodeInsideTheGroup)
+    },
+  }
+  this.targetRules.push(rule)
+}
+
+/* eslint-disable no-bitwise */
+class IDs {
+  private _ids: Set<string>
+
+  constructor() {
+    globalThis._ids = this
+    this._ids = new Set()
+  }
+
+  generateId() {
+    const id = 'xxxxxxx'.replace(/[x]/g, (c) => {
+      const r = (Math.random() * 16) | 0
+      const v = c === 'x' ? r : (r & 0x3) | 0x8
+      return v.toString(16)
+    })
+    return id
+  }
+
+  next() {
+    let id = this.generateId()
+    while (this._ids.has(id)) {
+      id = this.generateId()
+    }
+    this._ids.add(id)
+    return id
+  }
+}
+
+const ids = globalThis?._ids || new IDs()
+
+export function genBpmnId(): string {
+  return ids.next()
+}

package/src/bpmn-elements-adapter/README.md

@@ -0,0 +1,295 @@
+## what's the difference?
+
+和旧的bpmn-adapter相比，新的bpmn-adapter在调用adapterIn和adapterOut时，可以额外传入一个对象作为入参
+
+``` ts
+type ExtraPropsType = {
+ /**
+  * retainedAttrsFields retainedAttrsFields会和默认的defaultRetainedProperties:
+  * ["properties", "startPoint", "endPoint", "pointsList"]合并
+  * 这意味着出现在这个数组里的字段当它的值是数组或是对象时不会被视为一个节点而是一个属性
+  */
+  retainedAttrsFields?: string[];
+
+  /**
+   * excludeFields会和默认的defaultExcludeFields合并，
+   * 出现在这个数组中的字段在导出时会被忽略
+   */
+  excludeFields?: {
+    in?: Set<string>;
+    out?: Set<string>;
+  };
+
+  /**
+   * transformer是一个数组，数组中的每一项都是一个对象，对象中包含in和out两个属性
+   * in函数接收两个参数key 和 data，key为当前处理对象的key也就是节点名称，data为当前对象，当导入时会调用这个函数，对被导入数据进行处理，得到我们期望的数据
+   * out函数接收一个参数data，data为当前处理节点数据，当导出时会调用这个函数，对需要导出的数据进行处理，得到我们期望的数据
+   */
+  transformer?: {
+    [key: string]: {
+        in?: (key: string, data: any) => any;
+        out?: (data: any) => any;
+    }
+  };
+
+  mapping?: {
+    in?: {
+        [key: string]: string;
+    };
+    out?: {
+        [key: string]: string;
+    };
+  };
+};
+```
+
+## 使用
+
+``` ts
+// step 1 引入adapter插件
+import { BpmnXmlAdapterV2 } from '@logicflow/extension';
+// step 2 注册插件
+LogicFlow.use(BpmnXmlAdapterV2);
+...
+// step 3-1 调用默认导出
+const xmlResult = lf.adapterOut(lf.getGraphRawData())
+```
+
+很多时候，我们可能需要一些额外的参数帮助我们正确的进行导入导出，这时我们需要用到上面提到的adapterOut额外的入参ExtraPropsType
+
+``` ts
+// step 3-2 使用adapterOut的第二个参数ExtraPropsType导出
+
+// 假如我们节点属性中有一个panels属性，它是一个数组，但是我们不希望它被视为一个节点，而是一个属性，那么我们可以这样做
+const extraProps = {
+    retainedAttrsFields: ['panels']
+}
+// 假如我们节点属性中有一个runboost属性，但是我们希望导出时不包含这个属性，那么我们可以这样做
+extraProps.excludeFields = {
+    out: new Set(['runboost'])
+}
+```
+
+假如我们要将包含判断条件的顺序流（sequenceFlow）以正确的XML格式导出，并且导入时正确处理得到我们想要的数据，那么我们可以这样做：
+
+``` xml
+<!-- 顺序流的XML数据格式： -->
+
+<bpmn:sequenceFlow id="SequenceFlow_0j5q1qk" sourceRef="StartEvent_1" targetRef="Activity_0j5q1qk"/>
+
+<!-- 包含判断条件时 -->
+
+<bpmn:sequenceFlow id="SequenceFlow_0j5q1qk" sourceRef="StartEvent_1" targetRef="Activity_0j5q1qk">
+    <bpmn:conditionExpression xsi:type="bpmn2:tFormalExpression">
+        <![CDATA[${runboost === '1'}]]>
+    </bpmn:conditionExpression>
+</bpmn:sequenceFlow>
+<!-- 或者 -->
+<bpmn:sequenceFlow id="SequenceFlow_0j5q1qk" sourceRef="StartEvent_1" targetRef="Activity_0j5q1qk">
+    <bpmn:conditionExpression xsi:type="bpmn2:tFormalExpression">
+        runboost === '1'
+    </bpmn:conditionExpression>
+</bpmn:sequenceFlow>
+```
+
+``` ts
+/**
+ * 以包含判断条件的顺序流为例，
+ * 在进行导入时，我们需要把<bpmn:sequenceFlow>的子内容<bpmn:conditionExpression>内的属性提取出来，
+ * 最终放入父元素bpmn:sequenceFlow的properties属性中
+ * 所以导入的时候我们实际需要处理的<bpmn:conditionExpression>中的内容，
+ * 它被处理后，数据会被合入bpmn:sequenceFlow的properties属性中
+ */
+extraProps.transformer = {
+    'bpmn:sequenceFlow': {
+        out(data: any) {
+            const { properties: { expressionType, condition } } = data;
+            if (condition) {
+                if (expressionType === 'cdata') {
+                    return {
+                        json:
+                        `<bpmn:conditionExpression xsi:type="bpmn2:tFormalExpression"><![CDATA[\${${
+                            condition
+                        }}]]></bpmn:conditionExpression>`,
+                    };
+                }
+                return {
+                    json: `<bpmn:conditionExpression xsi:type="bpmn2:tFormalExpression">${condition}</bpmn:conditionExpression>`,
+                };
+            }
+            return {
+                json: '',
+            };
+        },
+    },
+    // 返回的数据会被合并进父元素bpmn:sequenceFlow的properties属性中
+    'bpmn:conditionExpression': {
+        in(_key: string, data: any) {
+            let condition = '';
+            let expressionType = '';
+            if (data['#cdata-section']) {
+                expressionType = 'cdata';
+                condition = /^\$\{(.*)\}$/g.exec(data['#cdata-section'])?.[1] || '';
+            } else if (data['#text']) {
+                expressionType = 'normal';
+                condition = data['#text'];
+            }
+            return {
+                '-condition': condition,
+                '-expressionType': expressionType,
+            };
+        },
+    },
+}
+```
+
+***数据导入导出的原则是：导出时处理父元素；导入时处理子元素。***
+
+- 导出时，需要从父元素的属性中拿到子元素需要到数据并拼接出子元素。
+- 导入时，需要从子元素中提取我们需要的数据放入父元素的属性中。
+
+在配置完需要的extraProps之后，我们就可以调用adapterOut方法导出数据。
+
+``` ts
+
+const xmlResult = lf.adapterOut(lf.getGraphRawData(), extraProps)
+```
+
+目前，我们内置了一下transformer **（仅做参考）**：
+
+> 注意：这里内置的transformer仅做参考使用，这些transformer在编写的过程中是用来配合bpmn节点插件的，里面诸如`timerType`, `timerValue`, `definitionId`，都是通过bpmn节点插件的definitionConfig配置的。在实际使用该数据转换插件时，你完全可以不使用bpmn节点插件，通过你自己的方式为节点添加属性，自定义transformer来实现符合你需要的数据转换。
+
+```ts
+
+let defaultTransformer: TransformerType = {
+  'bpmn:startEvent': {
+    out(data: any) {
+      const { properties } = data;
+      return defaultTransformer[properties.definitionType]?.out(data) || {};
+    },
+  },
+  'bpmn:intermediateCatchEvent': {
+    out(data: any) {
+      const { properties } = data;
+      return defaultTransformer[properties.definitionType]?.out(data) || {};
+    },
+  },
+  'bpmn:intermediateThrowEvent': {
+    out(data: any) {
+      const { properties } = data;
+      return defaultTransformer[properties.definitionType]?.out(data) || {};
+    },
+  },
+  'bpmn:boundaryEvent': {
+    out(data: any) {
+      const { properties } = data;
+      return defaultTransformer[properties.definitionType]?.out(data) || {};
+    },
+  },
+  'bpmn:sequenceFlow': {
+    out(data: any) {
+      const {
+        properties: { expressionType, condition },
+      } = data;
+      if (condition) {
+        if (expressionType === 'cdata') {
+          return {
+            json:
+              `<bpmn:conditionExpression xsi:type="bpmn2:tFormalExpression"><![CDATA[\${${
+                condition
+              }}]]></bpmn:conditionExpression>`,
+          };
+        }
+        return {
+          json: `<bpmn:conditionExpression xsi:type="bpmn2:tFormalExpression">${condition}</bpmn:conditionExpression>`,
+        };
+      }
+      return {
+        json: '',
+      };
+
+    },
+  },
+  'bpmn:timerEventDefinition': {
+    out(data: any) {
+      // 这里的timerType, timerValue, definitionId 
+      // 都是通过通过的Bpmn节点插件扩展节点时，通过definitionConfig配置的属性，实际使用时需要根据自己的设置的属性对out函数进行修改
+      const {
+        properties: { timerType, timerValue, definitionId },
+      } = data;
+
+      const typeFunc = () => `<bpmn:${timerType} xsi:type="bpmn:tFormalExpression">${timerValue}</bpmn:${timerType}>`;
+
+      return {
+        json:
+          `<bpmn:timerEventDefinition id="${definitionId}"${
+            timerType && timerValue
+              ? `>${typeFunc()}</bpmn:timerEventDefinition>`
+              : '/>'}`,
+      };
+    },
+    in(key: string, data: any) {
+      const definitionType = key;
+      const definitionId = data['-id'];
+      let timerType = '';
+      let timerValue = '';
+      for (const key of Object.keys(data)) {
+        if (key.includes('bpmn:')) {
+          [, timerType] = key.split(':');
+          timerValue = data[key]?.['#text'];
+        }
+      }
+      return {
+        '-definitionId': definitionId,
+        '-definitionType': definitionType,
+        '-timerType': timerType,
+        '-timerValue': timerValue,
+      };
+    },
+  },
+  'bpmn:conditionExpression': {
+    in(_key: string, data: any) {
+      let condition = '';
+      let expressionType = '';
+      if (data['#cdata-section']) {
+        expressionType = 'cdata';
+        condition = /^\$\{(.*)\}$/g.exec(data['#cdata-section'])?.[1] || '';
+      } else if (data['#text']) {
+        expressionType = 'normal';
+        condition = data['#text'];
+      }
+
+      return {
+        '-condition': condition,
+        '-expressionType': expressionType,
+      };
+    },
+  },
+};
+
+```
+
+传入的transformer和默认的transformer会通过
+
+```ts
+
+const mergeInNOutObject = (target: any, source: any): TransformerType => {
+  const sourceKeys = Object.keys(source);
+  sourceKeys.forEach((key) => {
+    if (target[key]) {
+      const { in: fnIn, out: fnOut } = source[key];
+      if (fnIn) {
+        target[key].in = fnIn;
+      }
+      if (fnOut) {
+        target[key].out = fnOut;
+      }
+    } else {
+      target[key] = source[key];
+    }
+  });
+  return target;
+};
+```
+
+进行合并