@logicflow/extension 2.2.0-alpha.6 → 2.2.0-alpha.7

package/lib/pool/utils.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isAllowMoveTo = exports.isBoundsInLane = void 0;
+/**
+ *
+ * @param bounds
+ * @param group
+ */
+function isBoundsInLane(bounds, group) {
+    var minX = bounds.minX, minY = bounds.minY, maxX = bounds.maxX, maxY = bounds.maxY;
+    var x = group.x, y = group.y, width = group.width, height = group.height;
+    return (minX >= x - width / 2 &&
+        maxX <= x + width / 2 &&
+        minY >= y - height / 2 &&
+        maxY <= y + height / 2);
+}
+exports.isBoundsInLane = isBoundsInLane;
+/**
+ * 判断 bounds 是否可以移动到下一个范围
+ * @param groupBounds
+ * @param node
+ * @param deltaX
+ * @param deltaY
+ */
+function isAllowMoveTo(groupBounds, node, deltaX, deltaY) {
+    var minX = groupBounds.minX, minY = groupBounds.minY, maxX = groupBounds.maxX, maxY = groupBounds.maxY;
+    var x = node.x, y = node.y, width = node.width, height = node.height;
+    // DONE: 计算节点坐标 (x, y) 可移动的范围，并判断 x + deltaX, y + deltaY 是否在范围内
+    var allowMoveMinX = minX + width / 2;
+    var allowMoveMinY = minY + height / 2;
+    var allowMoveMaxX = maxX - width / 2;
+    var allowMoveMaxY = maxY - height / 2;
+    return {
+        x: x + deltaX >= allowMoveMinX && x + deltaX <= allowMoveMaxX,
+        y: y + deltaY >= allowMoveMinY && y + deltaY <= allowMoveMaxY,
+    };
+}
+exports.isAllowMoveTo = isAllowMoveTo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/extension",
-  "version": "2.2.0-alpha.6",
+  "version": "2.2.0-alpha.7",
   "description": "LogicFlow Extensions",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -20,8 +20,8 @@
   "author": "Logicflow-Team",
   "license": "Apache-2.0",
   "peerDependencies": {
-    "@logicflow/core": "2.2.0-alpha.6",
-    "@logicflow/vue-node-registry": "1.2.0-alpha.6"
+    "@logicflow/vue-node-registry": "1.2.0-alpha.6",
+    "@logicflow/core": "2.2.0-alpha.6"
   },
   "dependencies": {
     "@antv/hierarchy": "^0.6.11",

package/src/bpmn-elements-adapter/json2xml.ts

@@ -24,6 +24,17 @@ function handleAttributes(obj: any): any {
   return obj
 }
 
+function escapeXml(text: string) {
+  if (text == null) return ''
+  return text
+    .toString()
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&apos;')
+}
+
 function getAttributes(obj: any) {
   let tmp = obj
   try {
@@ -33,7 +44,7 @@ function getAttributes(obj: any) {
   } catch (error) {
     tmp = JSON.stringify(handleAttributes(obj)).replace(/"/g, "'")
   }
-  return tmp
+  return escapeXml(String(tmp))
 }
 
 const tn = '\t\n'
@@ -44,8 +55,11 @@ function toXml(obj: any, name: string, depth: number) {
   let str = ''
   const prefix = tn + frontSpace
   if (name === '-json') return ''
+  if (obj !== 0 && obj !== false && !obj) {
+    return `${prefix}<${name} />`
+  }
   if (name === '#text') {
-    return prefix + obj
+    return prefix + escapeXml(String(obj))
   }
   if (name === '#cdata-section') {
     return `${prefix}<![CDATA[${obj}]]>`
@@ -74,7 +88,7 @@ function toXml(obj: any, name: string, depth: number) {
     str +=
       attributes + (children !== '' ? `>${children}${prefix}</${name}>` : ' />')
   } else {
-    str += `${prefix}<${name}>${obj.toString()}</${name}>`
+    str += `${prefix}<${name}>${escapeXml(String(obj))}</${name}>`
   }
 
   return str
@@ -88,4 +102,4 @@ function lfJson2Xml(obj: any) {
   return xmlStr
 }
 
-export { lfJson2Xml, handleAttributes }
+export { lfJson2Xml, handleAttributes, escapeXml }

package/src/bpmn-elements-adapter/xml2json.ts

@@ -6,6 +6,7 @@
 // @ts-nocheck
 
 import { has } from 'lodash-es'
+import { escapeXml } from './json2xml'
 // ========================================================================
 //  XML.ObjTree -- XML source code from/to JavaScript object like E4X
 // ========================================================================
@@ -287,14 +288,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/src/dynamic-group/index.ts

@@ -328,7 +328,6 @@ export class DynamicGroup {
   }: Omit<CallbackArgs<'node:click'>, 'e' | 'position'>) => {
     const nodeModel = this.lf.getNodeModelById(node.id)
     this.sendNodeToFront(nodeModel)
-
     // 重置所有 group 的 zIndex，防止 group 节点 zIndex 增长为正数（目的是保持 group 节点在最底层）
     if (this.topGroupZIndex > DEFAULT_TOP_Z_INDEX) {
       const { nodes } = this.lf.graphModel

package/src/index.ts

@@ -9,6 +9,8 @@ export * from './bpmn-adapter/json2xml'
 // Adapter
 export * from './turbo-adapter'
 
+// 泳道相关
+export * from './pool'
 // 新版 Group
 export * from './dynamic-group'
 // 折线上动态插入节点

package/src/pool/LaneModel.ts

@@ -0,0 +1,226 @@
+/**
+ * 基于DynamicGroup重新实现的泳道节点组件
+ * 继承DynamicGroupNodeModel和DynamicGroupNode，提供泳道特定功能
+ */
+import LogicFlow from '@logicflow/core'
+import { DynamicGroupNodeModel } from '../dynamic-group'
+import { forEach } from 'lodash-es'
+import { laneConfig } from './constant'
+
+export class LaneModel extends DynamicGroupNodeModel {
+  readonly isLane: boolean = true
+  defaultZIndex: number = -1
+
+  initNodeData(data: LogicFlow.NodeConfig) {
+    super.initNodeData(data)
+    // 泳道特定配置
+    this.width = data.width || laneConfig.defaultWidth
+    this.height = data.height || laneConfig.defaultHeight
+    this.draggable = true // 允许拖拽（实际拖拽逻辑由泳池控制）
+    this.resizable = true // 允许调整大小
+    this.rotatable = false // 禁止旋转
+
+    // 设置泳道层级
+    // 如果传入了zIndex，使用传入的值，否则默认为2
+    // 泳道层级应该比所属泳池高，确保显示在泳池上方
+    this.defaultZIndex = data.zIndex || -1
+    this.setZIndex(this.defaultZIndex)
+    this.autoToFront = true
+
+    this.text.editable = true
+    this.style.stroke = '#000'
+    this.style.strokeWidth = 1
+
+    // 泳道属性配置
+    this.properties = {
+      ...this.properties,
+      processRef: '', // 流程引用标识
+      panels: ['processRef'], // 可配置面板
+      direction: data.properties?.direction || 'vertical',
+    }
+
+    // 设置折叠尺寸（泳道不支持折叠，设置为与正常尺寸相同）
+    this.collapsedWidth = this.width
+    this.collapsedHeight = this.height
+    this.expandWidth = this.width
+    this.expandHeight = this.height
+  }
+
+  setAttributes(): void {
+    super.setAttributes()
+    this.updateTextPosition()
+  }
+
+  setZIndex(zIndex: number) {
+    this.zIndex = Math.min(zIndex, this.defaultZIndex) || this.defaultZIndex
+  }
+
+  /**
+   * 重写折叠方法 - 泳道不支持折叠
+   */
+  toggleCollapse() {
+    // 泳道不支持折叠功能，保持展开状态
+    this.isCollapsed = false
+    this.setProperties({ isCollapsed: false })
+  }
+
+  /**
+   * 获取所属泳池ID
+   */
+  getPoolId(): string | null {
+    try {
+      // 检查graphModel是否存在
+      if (!this.graphModel) {
+        console.warn('GraphModel is not available')
+        return null
+      }
+
+      // 安全地获取泳池ID
+      const poolModel = this.graphModel.nodes.find((node) => {
+        return node.children && node.children.has(this.id)
+      })
+      return poolModel?.id || null
+    } catch (error) {
+      console.error('Error getting pool ID:', error)
+      return null
+    }
+  }
+
+  /**
+   * 获取所属泳池模型
+   */
+  getPoolModel(): any {
+    try {
+      const poolId = this.getPoolId()
+      if (!poolId) {
+        return null
+      }
+
+      // 检查graphModel是否存在
+      if (!this.graphModel) {
+        console.warn('GraphModel is not available for getting pool model')
+        return null
+      }
+
+      const poolModel = this.graphModel.getNodeModelById(poolId)
+      return poolModel || null
+    } catch (error) {
+      console.error('Error getting pool model:', error)
+      return null
+    }
+  }
+
+  /**
+   * 动态修改泳道属性
+   */
+  changeAttribute({ width, height, x, y }: any) {
+    if (width) this.width = width // 更新宽度
+    if (height) this.height = height // 更新高度
+    if (x) this.x = x // 更新X坐标
+    if (y) this.y = y // 更新Y坐标
+  }
+
+  /**
+   * 重写获取数据方法，添加泳道特定属性
+   */
+  getData(): LogicFlow.NodeData {
+    const data = super.getData()
+    // const poolModel = this.getPoolModel()
+    return {
+      ...data,
+      properties: {
+        ...data.properties,
+        width: this.width,
+        height: this.height,
+        processRef: this.properties.processRef,
+        direction: this.properties.direction,
+      },
+    }
+  }
+  /**
+   * 重写 isAllowAppendIn，禁止 Lane 嵌套
+   */
+  isAllowAppendIn(nodeData: LogicFlow.NodeData): boolean {
+    // 禁止 Lane 节点被添加到 Lane 中
+    return String(nodeData.type) !== 'lane'
+  }
+
+  /**
+   * 获取需要移动的节点
+   * @param groupModel
+   */
+  getNodesInGroup(groupModel: DynamicGroupNodeModel): string[] {
+    const nodeIds: string[] = []
+    const {
+      properties: { parent },
+      isDragging,
+    } = groupModel
+    if (isDragging && parent) {
+      nodeIds.push(parent as string)
+    }
+    forEach(Array.from(groupModel.children), (nodeId: string) => {
+      const nodeModel = this.graphModel.getNodeModelById(nodeId)
+      // 只有非 Lane 类型的节点才会被带动
+      if (
+        nodeModel &&
+        !nodeModel.isDragging &&
+        String(nodeModel.type) !== 'lane'
+      ) {
+        nodeIds.push(nodeId)
+      }
+    })
+    return nodeIds
+  }
+  getNodeStyle() {
+    const style = super.getNodeStyle()
+    style.strokeWidth = 2
+    return style
+  }
+  /**
+   * 获取文本样式
+   */
+  getTextStyle() {
+    const { isHorizontal = false } = this.properties
+    const style = super.getTextStyle()
+    style.overflowMode = 'ellipsis'
+    style.strokeWidth = 2
+    style.textWidth = isHorizontal ? this.height : this.width
+    style.textHeight = isHorizontal ? this.width : this.height
+    if (isHorizontal) {
+      style.transform = 'rotate(-90deg)'
+      style.textAlign = 'center'
+    }
+    return style
+  }
+
+  /**
+   * 获取子泳道
+   */
+  getSubNodes() {
+    const children: any[] = []
+    Array.from(this.children).forEach((childId) => {
+      const childModel = this.graphModel.getNodeModelById(childId)
+      if (childModel) {
+        children.push(childModel)
+      }
+    })
+    return children
+  }
+
+  /**
+   * 初始化文本位置 - 根据布局方向设置文本位置
+   */
+  updateTextPosition() {
+    if (this.properties.isHorizontal) {
+      // 横向泳池：文本显示在左侧标题区域
+      this.text.x = this.x - this.width / 2 + laneConfig.titleSize / 2
+      this.text.y = this.y
+    } else {
+      // 纵向泳池：文本显示在顶部标题区域
+      this.text.x = this.x
+      this.text.y = this.y - this.height / 2 + laneConfig.titleSize / 2
+    }
+  }
+}
+
+export default null

package/src/pool/LaneView.ts

@@ -0,0 +1,220 @@
+/**
+ * 基于DynamicGroup重新实现的泳道节点组件
+ * 继承DynamicGroupNodeModel和DynamicGroupNode，提供泳道特定功能
+ */
+import { h } from '@logicflow/core'
+import { DynamicGroupNode } from '../dynamic-group'
+import { laneConfig } from './constant'
+import { LaneModel } from './LaneModel'
+
+export class LaneView extends DynamicGroupNode {
+  getAppendAreaShape(): h.JSX.Element | null {
+    // DONE: 此区域用于初始化 group container, 即元素拖拽进入感应区域
+    const { model } = this.props
+    const { width, height, x, y, radius, groupAddable } = model
+    if (!groupAddable) return null
+
+    const { strokeWidth = 0 } = model.getNodeStyle()
+    const style = model.getAddableOutlineStyle()
+
+    const newWidth = width + strokeWidth + 8
+    const newHeight = height + strokeWidth + 8
+    return h('rect', {
+      ...style,
+      width: newWidth,
+      height: newHeight,
+      x: x - newWidth / 2,
+      y: y - newHeight / 2,
+      rx: radius,
+      ry: radius,
+    })
+  }
+  getShape() {
+    const { model } = this.props
+    const {
+      x,
+      y,
+      width,
+      height,
+      properties: { textStyle: customTextStyle = {}, isHorizontal },
+    } = model
+    const style = model.getNodeStyle()
+    const base = { fill: '#ffffff', stroke: '#000000', strokeWidth: 1 }
+    const left = x - width / 2
+    const top = y - height / 2
+    // 泳道主体
+    const rectAttrs = {
+      x: x - width / 2,
+      y: y - height / 2,
+      width,
+      height,
+      stroke: '#000000',
+      strokeWidth: 2,
+      fill: 'transparent',
+      ...style,
+    }
+    // 操作图标区域
+    const icons = this.getOperateIcons()
+    const titleRect = {
+      ...base,
+      ...style,
+      x: isHorizontal ? left + laneConfig.titleSize : left,
+      y: isHorizontal ? top : top + laneConfig.titleSize,
+      width: isHorizontal ? width - laneConfig.titleSize : width,
+      height: isHorizontal ? height : laneConfig.titleSize,
+      ...(isHorizontal ? customTextStyle : {}),
+    }
+    return h('g', {}, [
+      this.getAppendAreaShape(),
+      h('rect', titleRect),
+      h('rect', { ...rectAttrs }),
+      ...icons,
+    ])
+  }
+
+  /**
+   * 获取操作图标
+   */
+  getOperateIcons() {
+    const { model } = this.props
+    const { isSelected } = model
+    if (!isSelected) {
+      return []
+    }
+
+    const poolModel = (model as LaneModel).getPoolModel()
+    if (!poolModel) {
+      return []
+    }
+
+    const { isHorizontal } = poolModel
+    const laneData = model.getData()
+
+    return [
+      this.addBeforeLaneIcon(isHorizontal, () =>
+        isHorizontal
+          ? poolModel.addChildAbove?.(laneData)
+          : poolModel.addChildRight?.(laneData),
+      ),
+      this.addAfterLaneIcon(isHorizontal, () =>
+        isHorizontal
+          ? poolModel.addChildBelow?.(laneData)
+          : poolModel.addChildLeft?.(laneData),
+      ),
+      this.deleteLaneIcon(() => poolModel.deleteChild?.(laneData.id)),
+    ]
+  }
+
+  addBeforeLaneIcon(isHorizontal: boolean, callback: () => void) {
+    const { x, y, width, height } = this.props.model
+    // 图标与泳道之间加固定的间距
+    const positionX = x + width / 2 + laneConfig.iconSpacing
+    const positionY = y - height / 2
+    const baseAttr = {
+      width: laneConfig.iconSize / 2,
+      height: laneConfig.iconSize,
+      strokeWidth: 1,
+      fill: '#fff',
+      stroke: '#000',
+      x: positionX,
+      y: positionY,
+    }
+    let iconView: h.JSX.Element[] = [
+      h('rect', {
+        ...baseAttr,
+        x: positionX + laneConfig.iconSize / 2,
+        strokeDasharray: '2 2',
+      }),
+      h('rect', baseAttr),
+    ]
+    if (isHorizontal) {
+      iconView = [
+        h('rect', {
+          ...baseAttr,
+          width: laneConfig.iconSize,
+          height: laneConfig.iconSize / 2,
+          strokeDasharray: '2 2',
+        }),
+        h('rect', {
+          ...baseAttr,
+          width: laneConfig.iconSize,
+          height: laneConfig.iconSize / 2,
+          y: positionY + laneConfig.iconSize / 2,
+        }),
+      ]
+    }
+    return h('g', { cursor: 'pointer', onClick: callback }, iconView)
+  }
+  addAfterLaneIcon(isHorizontal: boolean, callback: () => void) {
+    const { x, y, width, height } = this.props.model
+    const positionX = x + width / 2 + laneConfig.iconSpacing
+    const positionY =
+      y - height / 2 + laneConfig.iconSize + laneConfig.iconSpacing
+    const baseAttr = {
+      width: laneConfig.iconSize / 2,
+      height: laneConfig.iconSize,
+      strokeWidth: 1,
+      fill: '#fff',
+      stroke: '#000',
+      x: positionX,
+      y: positionY,
+    }
+    let iconView: h.JSX.Element[] = [
+      h('rect', {
+        ...baseAttr,
+        x: positionX + laneConfig.iconSize / 2,
+      }),
+      h('rect', {
+        ...baseAttr,
+        strokeDasharray: '2 2',
+      }),
+    ]
+    if (isHorizontal) {
+      iconView = [
+        h('rect', {
+          ...baseAttr,
+          width: laneConfig.iconSize,
+          height: laneConfig.iconSize / 2,
+        }),
+        h('rect', {
+          ...baseAttr,
+          width: laneConfig.iconSize,
+          height: laneConfig.iconSize / 2,
+          y: positionY + laneConfig.iconSize / 2,
+          strokeDasharray: '2 2',
+        }),
+      ]
+    }
+    return h('g', { cursor: 'pointer', onClick: callback }, iconView)
+  }
+  deleteLaneIcon(callback: () => void) {
+    const { x, y, width, height } = this.props.model
+    const positionX = x + width / 2 + laneConfig.iconSpacing
+    const positionY =
+      y - height / 2 + (laneConfig.iconSize + laneConfig.iconSpacing) * 3
+    return h(
+      'g',
+      {
+        cursor: 'pointer',
+        onClick: callback,
+        width: laneConfig.iconSize,
+        height: laneConfig.iconSize,
+        transform: `translate(${positionX}, ${positionY})`,
+      },
+      [
+        h('rect', {
+          width: laneConfig.iconSize,
+          height: laneConfig.iconSize,
+          fill: 'transparent',
+        }),
+        h('path', {
+          transform: `translate(2, 1) scale(${laneConfig.iconSize / 18})`,
+          fill: '#000',
+          d: 'M1.6361705,0.07275847000000002L1.6362224,0.07267305000000002L5.1435161,2.2034403L6.3516493,1.28341734Q7.2009554,0.63665058,8.0902505,1.22722644L10.1215935,2.5762291Q11.006711,3.1640306,10.745867,4.1940317L10.4062386,5.5351257L13.625054,7.5778356L13.625001,7.5779204Q13.678322,7.6117587,13.721552,7.6577945Q13.764784,7.7038307,13.795207,7.7591715Q13.82563,7.8145118,13.841336,7.87568Q13.857041,7.9368477,13.857041,8Q13.85704,8.0492353,13.847435,8.0975251Q13.83783,8.145814900000001,13.818987,8.191302799999999Q13.800144,8.2367907,13.772791,8.2777286Q13.745438,8.318666499999999,13.710623,8.3534818Q13.675808,8.3882966,13.63487,8.4156504Q13.593931,8.4430046,13.548444,8.461846399999999Q13.502956,8.4806881,13.454666,8.4902935Q13.406377,8.4998994,13.357141,8.499899899999999Q13.211908,8.499899899999999,13.089283,8.4220805L13.08923,8.4221654L4.9074116,3.229857L1.1170242400000001,0.92732695L1.1170761599999999,0.92724147Q1.06204063,0.8938076500000001,1.0172748,0.84751782Q0.97250897,0.80122799,0.9409355500000001,0.74510445Q0.9093622,0.68898091,0.89304277,0.626688Q0.87672335,0.564395107,0.87672332,0.5Q0.8767232899999999,0.450764146,0.88632876,0.402474351Q0.8959341599999999,0.35418455,0.91477591,0.30869657Q0.93361765,0.26320857,0.9609716500000001,0.22227046Q0.9883256,0.18133234999999998,1.02314061,0.14651734Q1.05795562,0.11170232000000002,1.0988937,0.08434838Q1.13983184,0.056994409999999995,1.18531984,0.038152660000000005Q1.2308077800000001,0.019310890000000025,1.27909762,0.009705450000000004Q1.32738745,0.00010001999999997846,1.3766233300000001,0.00009998999999999425Q1.516567,0.00009998999999999425,1.6361705,0.07275847000000002ZM9.5175018,4.9711194L9.7764683,3.9485345Q9.8634167,3.6052005,9.5683784,3.4092672L7.537035,2.0602646Q7.240603,1.8634058,6.9575009,2.0789949L6.0496349,2.7703574L9.5175018,4.9711194ZM11.227273,14.5L11.227273,9.7307692L11.227173,9.7307692Q11.227173,9.6815329,11.217567,9.6332426Q11.207962,9.5849533,11.189119,9.539465Q11.170278,9.4939766,11.142924,9.4530392Q11.11557,9.4121017,11.080755,9.3772869Q11.04594,9.3424721,11.005002,9.3151178Q10.964064,9.2877636,10.918575,9.2689209Q10.873087,9.2500801,10.824797,9.2404747Q10.776508,9.2308693,10.727273,9.2308693Q10.678036,9.2308693,10.629745,9.2404747Q10.581455,9.2500801,10.535968,9.2689209Q10.4904804,9.2877636,10.449542,9.3151178Q10.4086046,9.3424721,10.3737898,9.377286Q10.338975,9.4121008,10.3116207,9.4530382Q10.2842674,9.4939766,10.2654257,9.539465Q10.2465839,9.5849533,10.2369785,9.6332426Q10.2273731,9.6815329,10.2273731,9.7307692L10.2272739,9.7307692L10.2272739,14.5Q10.2272739,15,9.727273,15L7.7207794,15L7.7207789,8.2500091L7.7206788,8.2500091Q7.7206783,8.2007728,7.7110729,8.152483Q7.7014675,8.104193200000001,7.6826253,8.0587053Q7.6637836,8.013217000000001,7.6364298,7.9722791Q7.6090755,7.9313412,7.5742612,7.8965263Q7.5394459,7.861711,7.4985075,7.8343568Q7.4575696,7.807003,7.4120817,7.7881613Q7.3665934,7.7693195,7.3183041,7.7597141Q7.2700143,7.7501092,7.2207789,7.7501092Q7.1715426,7.7501092,7.1232524,7.7597141Q7.0749626,7.7693195,7.0294747,7.7881613Q6.9839869,7.807003,6.943049,7.8343573Q6.9021111,7.861711,6.8672962,7.8965263Q6.8324809,7.9313412,6.8051271,7.9722791Q6.7777729,8.013217000000001,6.7589312,8.0587053Q6.7400894,8.1041937,6.7304845,8.1524839Q6.7208786,8.2007732,6.7208791,8.2500095L6.7207789,8.2500091L6.7207794,15L4.2142854,15L4.2142854,6.2692308L4.2141855,6.2692308Q4.2141852,6.2199945,4.204579799999999,6.1717048Q4.1949743999999995,6.123415,4.1761324,6.0779266Q4.1572905,6.0324383,4.1299367,5.9915004Q4.1025827,5.9505625,4.0677679,5.9157476Q4.0329528,5.8809328,3.9920146,5.8535786Q3.9510765,5.8262248,3.9055884,5.8073831Q3.8601003,5.7885418,3.811811,5.7789364Q3.7635212,5.769331,3.7142854,5.769331Q3.6650493,5.769331,3.6167595,5.7789364Q3.5684695,5.7885418,3.5229816,5.8073831Q3.4774938,5.8262248,3.4365554,5.8535786Q3.3956175,5.8809328,3.3608027,5.9157476Q3.3259873,5.9505625,3.2986333,5.9915004Q3.2712793,6.0324383,3.2524376,6.0779266Q3.2335958,6.123415,3.2239904,6.1717048Q3.214385,6.2199945,3.2143853,6.2692308L3.2142854,6.2692308L3.2142854,15L1.5000002,15Q1.0000001200000002,15,1.0000001200000002,14.5L1,5.4150848Q1,5.0384622,1.3766233300000001,5.0384622L1.3766233300000001,5.0383615Q1.42585915,5.0383615,1.47414887,5.0287557Q1.5224386,5.0191503,1.5679266,5.0003085Q1.6134146,4.9814663,1.6543528,4.954113Q1.695291,4.9267588,1.730106,4.8919439Q1.7649209,4.8571291,1.792275,4.8161907Q1.8196288,4.7752523,1.8384706,4.7297645Q1.8573124,4.6842766,1.8669178,4.6359868Q1.8765233,4.587697,1.8765234,4.5384617Q1.8765233,4.4892254000000005,1.8669178,4.4409355999999995Q1.8573124,4.3926458,1.8384707,4.3471577Q1.819629,4.3016696,1.792275,4.2607315Q1.7649209,4.2197936,1.730106,4.1849787Q1.695291,4.1501637,1.6543529,4.1228096Q1.6134148,4.0954556,1.5679268,4.0766139Q1.5224388,4.0577724,1.4741489300000001,4.048166999999999Q1.42585915,4.0385615999999995,1.3766233300000001,4.0385615999999995L1.3766233300000001,4.0384617Q0.8064074800000001,4.0384617,0.403203636,4.4416654Q0,4.8448691,0,5.4150848L9.000000000813912e-8,14.5Q2.9999999984209325e-8,15.121321,0.439339694,15.56066Q0.8786805,16.000002000000002,1.5000002,16.000002000000002L9.727273,16.000002000000002Q10.3485928,16.000002000000002,10.787933,15.56066Q11.227273,15.121321,11.227273,14.5Z',
+        }),
+      ],
+    )
+  }
+}
+
+export default null