micro-app icon indicating copy to clipboard operation
micro-app copied to clipboard

Published 20 hours ago • verified publisher icon micro-zoe

使用bpmn.js插件容问题

Open Luolei1992 opened this issue 1 year ago • 3 comments

问题描述

流程引擎配置，样式出现偏差，文本不会换行

复现步骤

1.启动主应用main-app和子应用child-app1 2.单独查看子应用样式正常 3.主子应用嵌套样式出现偏差

上传截图

image image

复现仓库

> 请提供一个精简的代码仓库，然后上传到自己的 github，以帮助我们复现您的问题。

环境信息

  • micro-app版本：^1.0.0-beta.5
  • 主应用前端框架&版本：vue^3.2.37
  • 子应用前端框架&版本：vue^3.2.37
  • 构建工具&版本：vite^4.1.4

Luolei1992 avatar Dec 07 '23 10:12 Luolei1992

Hello @Luolei1992. In order to facilitate location and troubleshooting, we need you to provide a realistic GitHub repository. 您好 @Luolei1992, 为了方便定位和排查问题，我们需要您提供一个重现实例，请提供一个尽可能精简的 GitHub 仓库地址。

github-actions[bot] avatar Dec 11 '23 03:12 github-actions[bot]

Hello @Luolei1992. In order to facilitate location and troubleshooting, we need you to provide a realistic GitHub repository. 您好 @Luolei1992, 为了方便定位和排查问题，我们需要您提供一个重现实例，请提供一个尽可能精简的 GitHub 仓库地址。

示例地址：https://gitee.com/byll/microapp-vite-vue3-demo

Luolei1992 avatar Dec 11 '23 06:12 Luolei1992

排查问题为diagram-js\lib\util\Text.js中helperSvg导致的，目前处理方式手动在子应用index.html增加

<svg id="helper-svg" width="0" height="0" style="visibility: hidden; position: fixed"></svg>

<!DOCTYPE html>
<html lang="en">
  ...
  <body>
    <div id="app"></div>
    <svg
      id="helper-svg"
      width="0"
      height="0"
      style="visibility: hidden; position: fixed"
    ></svg>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

hezhengliang avatar Dec 11 '23 08:12 hezhengliang