@fecp/designer 5.5.48 → 5.5.49

package/es/packages/vue/src/components/bus/flowChart/bpmnjs/importer/index.mjs

@@ -0,0 +1,11 @@
+import translate from "../../../../../../../../node_modules/diagram-js/lib/i18n/translate/index.mjs";
+import BpmnImporter from "./BpmnImporter.mjs";
+const customImporterModule = {
+  __depends__: [
+    translate
+  ],
+  bpmnImporter: ["type", BpmnImporter]
+};
+export {
+  customImporterModule as default
+};

package/es/packages/vue/src/components/bus/flowChart/bpmnjs/renderer/CustomRenderer.mjs

@@ -0,0 +1,161 @@
+import { getCurrentInstance } from "vue";
+import BaseRenderer from "../../../../../../../../node_modules/diagram-js/lib/draw/BaseRenderer.mjs";
+import _sfc_main from "../component/NodeItem.vue.mjs";
+import renderComponent from "./renderComponent.mjs";
+import { getRoundRectPath } from "../../../../../../../../node_modules/bpmn-js/lib/draw/BpmnRenderUtil.mjs";
+import { isAny, is } from "../../../../../../../../node_modules/bpmn-js/lib/util/ModelUtil.mjs";
+const HIGH_PRIORITY = 1500, TASK_BORDER_RADIUS = 2;
+class CustomRenderer extends BaseRenderer {
+  constructor(eventBus, bpmnRenderer) {
+    super(eventBus, HIGH_PRIORITY);
+    this.bpmnRenderer = bpmnRenderer;
+  }
+  canRender(element) {
+    return isAny(element, [
+      "bpmn:Task",
+      "bpmn:Event",
+      "bpmn:Gateway",
+      "bpmn:CallActivity",
+      "bpmn:Transaction"
+    ]);
+  }
+  drawShape(parentNode, element) {
+    if (element.isReResize) {
+      delete element.isReResize;
+      return;
+    }
+    if (element.labelTarget) {
+      element.y += 10;
+      return;
+    }
+    let name = element.businessObject.$attrs["normal:name"];
+    if (name) {
+      try {
+        name = JSON.parse(name)["zh_CN"];
+      } catch (error) {
+      }
+      element.businessObject.name = name;
+    }
+    appendCustomDom(parentNode, element);
+    parentNode.remove();
+  }
+  getShapePath(shape) {
+    if (is(shape, "bpmn:Task")) {
+      return getRoundRectPath(shape, TASK_BORDER_RADIUS);
+    }
+    return this.bpmnRenderer.getShapePath(shape);
+  }
+}
+CustomRenderer.$inject = ["eventBus", "bpmnRenderer"];
+const appendCustomDom = (parentNode, element) => {
+  let svgDom = document.querySelector(
+    ".djs-element[data-element-id='" + element.id + "']"
+  );
+  if (svgDom) {
+    let oldForeignObject = svgDom.querySelector("foreignObject");
+    if (oldForeignObject) {
+      oldForeignObject.remove();
+    }
+  }
+  let id = "node-item-" + element.id;
+  let foreignObject = document.createElementNS(
+    "http://www.w3.org/2000/svg",
+    "foreignObject"
+  );
+  let nodeType = element.businessObject.$attrs["normal:nodeType"];
+  if (!nodeType) {
+    if (element.type == "bpmn:StartEvent") {
+      nodeType = "start";
+      element.width = 32;
+      element.height = 32;
+    } else if (element.type == "bpmn:EndEvent") {
+      nodeType = "end";
+      element.width = 32;
+      element.height = 32;
+    } else if (element.type == "bpmn:ExclusiveGateway") {
+      nodeType = "gateway";
+    } else if (element.type == "bpmn:ParallelGateway") {
+      nodeType = "parallelGateway";
+      if (element.id.endsWith("mergeGateway")) {
+        nodeType = "mergeGateway";
+      }
+    } else if (element.type == "bpmn:InclusiveGateway") {
+      nodeType = "inclusiveGateway";
+    } else if (element.type == "bpmn:ServiceTask") {
+      nodeType = "service";
+      let delegateExpression = element.businessObject.$attrs["flowable:delegateExpression"];
+      if (delegateExpression && delegateExpression == "${flowRuleListener}") {
+        nodeType = "rde";
+      }
+    } else if (element.type == "bpmn:ReceiveTask") {
+      nodeType = "wait";
+    } else if (element.type == "bpmn:CallActivity") {
+      nodeType = "childProcess";
+    }
+  }
+  foreignObject.setAttribute("id", id);
+  foreignObject.setAttribute("width", element.width);
+  foreignObject.setAttribute("height", element.height);
+  foreignObject.setAttribute("class", "custom-foreignObject");
+  let div = document.createElement("div");
+  div.setAttribute("class", "custom-node-item ");
+  parentNode.parentNode.appendChild(foreignObject);
+  foreignObject.appendChild(div);
+  let apidata = window.flowChartData;
+  let timeLineData = apidata.timeLineData;
+  let taskArr = timeLineData.task;
+  let hisTaskArr = timeLineData.hisTask;
+  let isCurrent = false;
+  let currNode = apidata.activeActivityIds.find((item) => item === element.id);
+  if (currNode) {
+    isCurrent = true;
+  }
+  let isHighlight = false;
+  let data = taskArr.find((item) => item.taskDefinitionKey == element.id);
+  if (data) {
+    isHighlight = true;
+  } else {
+    data = hisTaskArr.find((item) => item.taskDefinitionKey == element.id);
+    if (data) {
+      isHighlight = true;
+    }
+  }
+  if (!timeLineData.isEnd && element.type == "bpmn:StartEvent") {
+    isHighlight = true;
+  } else if (timeLineData.isEnd) {
+    if (element.type == "bpmn:StartEvent" || element.type == "bpmn:EndEvent") {
+      isHighlight = true;
+    }
+  }
+  let hisTaskList = [];
+  hisTaskArr.forEach((item) => {
+    if (item.taskDefinitionKey == element.id) {
+      hisTaskList.push(item);
+    }
+  });
+  let taskList = [];
+  taskArr.forEach((item) => {
+    if (item.taskDefinitionKey == element.id) {
+      taskList.push(item);
+    }
+  });
+  renderComponent({
+    el: div,
+    //  组件要插入的那个dom
+    component: _sfc_main,
+    // 要插入的组件
+    props: {
+      // 传入 props
+      nodeType,
+      isHighlight,
+      hisTaskList,
+      taskList,
+      isCurrent
+    },
+    appContext: getCurrentInstance()
+    // 获取组件实例的
+  });
+};
+export {
+  CustomRenderer as default
+};

package/es/packages/vue/src/components/bus/flowChart/bpmnjs/renderer/index.mjs

@@ -0,0 +1,8 @@
+import CustomRenderer from "./CustomRenderer.mjs";
+const customRendererModule = {
+  __init__: ["customRenderer"],
+  customRenderer: ["type", CustomRenderer]
+};
+export {
+  customRendererModule as default
+};

package/es/packages/vue/src/components/bus/flowChart/bpmnjs/renderer/renderComponent.mjs

@@ -0,0 +1,14 @@
+import { createApp } from "vue";
+function renderComponent({ el, component, props, appContext }) {
+  let app = createApp(component, props);
+  Object.assign(app._context, appContext);
+  app.config.warnHandler = () => null;
+  app.mount(el);
+  return () => {
+    app == null ? void 0 : app.unmount();
+    app = void 0;
+  };
+}
+export {
+  renderComponent as default
+};

package/es/packages/vue/src/components/bus/flowChart/index.mjs

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import NavigatedViewer from "../../../../../../node_modules/bpmn-js/lib/NavigatedViewer.mjs";
+import customRendererModule from "./bpmnjs/renderer/index.mjs";
+import customImporterModule from "./bpmnjs/importer/index.mjs";
+/* empty css           */
+class FlowChart {
+  constructor(container) {
+    __publicField(this, "addTestMarker", function() {
+      if (document.querySelector("#testMarker")) {
+        return;
+      }
+      let testMarker = document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "marker"
+      );
+      testMarker.setAttribute("id", "testMarker");
+      testMarker.setAttribute("viewBox", "0 0 20 20");
+      testMarker.setAttribute("refX", "11");
+      testMarker.setAttribute("refY", "10");
+      testMarker.setAttribute("markerWidth", "10");
+      testMarker.setAttribute("markerHeight", "10");
+      testMarker.setAttribute("orient", "auto");
+      let path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      path.setAttribute("d", "M 1 5 L 11 10 L 1 15 Z");
+      path.setAttribute(
+        "style",
+        "fill: black; stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1; stroke: black;"
+      );
+      testMarker.appendChild(path);
+      try {
+        if (typeof this.container === "object") {
+          this.container.querySelector("defs").appendChild(testMarker);
+        } else {
+          let dom = document.querySelector(this.container);
+          dom.querySelector("defs").appendChild(testMarker);
+        }
+      } catch (e) {
+        document.querySelector("defs").appendChild(testMarker);
+      }
+    });
+    this.container = container;
+    this.refresh();
+    if (this.bpmnViewer) {
+      this.bpmnViewer.destroy();
+    }
+    this.bpmnViewer = new NavigatedViewer({
+      container: this.container,
+      additionalModules: [
+        customRendererModule,
+        customImporterModule,
+        {
+          // zoomScroll: ["value", ''],//禁用滚动
+          // moveCanvas: ['value', ''],//禁用拖动整个流程图
+          move: ["value", ""]
+          //禁用单个图形拖动
+        }
+      ]
+      // keyboard: {
+      //   bindTo: document, // 或者window，注意与外部表单的键盘监听事件是否冲突
+      // },
+    });
+  }
+  refresh() {
+    if (this.container) {
+      if (typeof this.container === "object") {
+        this.container.innerHTML = "";
+      } else {
+        let dom = document.querySelector(this.container);
+        if (dom) {
+          dom.innerHTML = "";
+        }
+      }
+    }
+  }
+  import(data) {
+    this.data = data;
+    window.flowChartData = data;
+    this.bpmnViewer.importXML(data.modelXml).then(() => {
+      this.bpmnViewer.get("canvas").zoom("fit-viewport", "auto");
+    });
+  }
+  colorToFlow(flowList) {
+    this.addTestMarker();
+    if (flowList.length > 0) {
+      for (var i in flowList) {
+        var flowId = flowList[i].id || flowList[i];
+        let element = document.querySelector(`g[data-element-id=${flowId}]`);
+        if (element) {
+          if (element.classList.contains("djs-connection")) {
+            element.setAttribute("state", "highlight");
+          }
+        }
+      }
+    }
+  }
+}
+export {
+  FlowChart as default
+};

package/es/packages/vue/src/components/bus/index.mjs

@@ -1,5 +1,8 @@
 import { ApprovalHistory } from "./approvalHistory/index.mjs";
 import { Document } from "./document/index.mjs";
+import "./flowChart/bpmnjs/renderer/CustomRenderer.mjs";
+import "./flowChart/bpmnjs/importer/BpmnImporter.mjs";
+/* empty css                     */
 export {
   ApprovalHistory,
   Document

package/lib/_virtual/_commonjsHelpers.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
+exports.commonjsGlobal = commonjsGlobal;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/lib/_virtual/collection.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var collection = {};
+exports.__exports = collection;

package/lib/_virtual/css.escape.js

@@ -0,0 +1,3 @@
+"use strict";
+const css_escape = require("../node_modules/css.escape/css.escape.js");
+css_escape.__require();

package/lib/_virtual/css.escape2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var css_escape = { exports: {} };
+exports.__module = css_escape;

package/lib/_virtual/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const _commonjsHelpers = require("./_commonjsHelpers.js");
-const index = require("../node_modules/crypto-js/index.js");
-var cryptoJsExports = index.__require();
-const CryptoJS = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(cryptoJsExports);
-exports.default = CryptoJS;
+const index = require("../node_modules/object-refs/index.js");
+var objectRefsExports = index.__require();
+const Refs = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(objectRefsExports);
+exports.default = Refs;

package/lib/_virtual/index2.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var cryptoJs = { exports: {} };
-exports.__module = cryptoJs;
+var objectRefs = { exports: {} };
+exports.__module = objectRefs;

package/lib/designer/package.json.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "5.5.48";
+const version = "5.5.49";
 const packageJson = {
   version
 };

package/lib/designer.css

@@ -5702,9 +5702,205 @@ body,
   bottom: 3px;
   right: 20px;
 }
-.bjs-container *:not(i),.bjs-container *:before,.bjs-container *:after{box-sizing:border-box!important}.chart-canvas{width:100%;height:100%}.bjs-container .bjs-breadcrumbs,.bjs-container .bjs-powered-by{display:none}.bjs-container .djs-connection .djs-visual path,.bjs-container .djs-connection .djs-visual polyline{stroke:#999!important}.bjs-container .djs-connection[state=highlight] .djs-visual path,.bjs-container .djs-connection[state=highlight] .djs-visual polyline{stroke:#409eff!important;marker-end:url(#testMarker)!important}.bjs-container .djs-element[state=highlight] .djs-visual text{fill:#409eff!important}.bjs-container #testMarker path{fill:#409eff!important;stroke:#409eff!important}.bjs-container .djs-element text{fill:#999!important}.bjs-container defs marker path{fill:#999!important;stroke:#999!important}.custom-node-item-current{height:48px;border:2px solid #fb6c31;position:absolute;top:0;width:100%;border-radius:8px}.flow-chart-pop{z-index:9999!important}.flow-chart-canEdit{height:48px;border-radius:8px;cursor:pointer}.flow-chart-canEdit:hover{border:1px solid #409eff}.flow-chart-canEdit:hover img{width:46px}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, .08),0px 12px 32px rgba(0, 0, 0, .12),0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0, 0, 0, .8);--el-overlay-color-light:rgba(0, 0, 0, .7);--el-overlay-color-lighter:rgba(0, 0, 0, .5);--el-mask-color:rgba(255, 255, 255, .9);--el-mask-color-extra-light:rgba(255, 255, 255, .3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);overflow-wrap:break-word;box-sizing:border-box}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.flowChartTimeline[data-v-269c174b]{width:100%;height:100%}.flowChartTimeline[data-v-269c174b] .el-timeline-item__content{margin:0}.flowChartTimeline[data-v-269c174b] .el-timeline-item__wrapper{padding-left:22px}.flowChartTimeline[data-v-269c174b] .el-timeline{padding:0}.flowChartTimeline[data-v-269c174b] .el-timeline-item__tail{border-left:2px dotted #e4e7ed;display:block!important}.flowChartTimeline[data-v-269c174b] .el-timeline-item__node{left:0;width:10px;height:10px}.flowChartTimeline[data-v-269c174b] .el-timeline-item__node.el-timeline-item__node--large{left:0;width:14px;height:14px;top:0}.flowChartTimeline .header[data-v-269c174b]{display:flex;flex-direction:column}.flowChartTimeline .header .nodeName[data-v-269c174b]{font-size:15px;color:#666;font-weight:700;margin-bottom:0;margin-top:0}.flowChartTimeline .header .createTime[data-v-269c174b]{font-size:13px;color:#666;margin-bottom:4px}.flowChartTimeline .content[data-v-269c174b],.flowChartTimeline .appContent[data-v-269c174b]{padding:10px;border:var(--el-border);border-radius:4px}.flowChartTimeline .signContent .content[data-v-269c174b]{margin-bottom:15px}.flowChartTimeline .app-header .duration[data-v-269c174b],.flowChartTimeline .openTask .duration[data-v-269c174b]{color:#909399;font-size:13px;float:right}.flowChartTimeline .app-header .approveType[data-v-269c174b]{border:1px dashed var(--el-color-primary);color:var(--el-color-primary);background:#f5f5f5;border-radius:4px;padding:2px 6px}.flowChartTimeline .apping[data-v-269c174b]{color:var(--el-color-primary)}.flowChartTimeline .openTask[data-v-269c174b]{display:flex;align-items:center;justify-content:space-between;padding:12px 10px}.flowChartTimeline .openTask.sign[data-v-269c174b]{border-bottom:var(--el-border)}.flowChartTimeline .openTask.sign[data-v-269c174b]:last-child{border-bottom:none}.flowChartTimeline .app-footer .endTime[data-v-269c174b]{color:#909399;font-size:13px}.flowChartTimeline .app-footer .endTime i[data-v-269c174b]{margin-right:5px}.flowChartTimeline .app-footer .assignee[data-v-269c174b]{color:#909399;font-size:13px;float:right;display:flex;align-items:center}.flowChartTimeline .app-footer .assignee-name[data-v-269c174b]{font-size:15px;color:#000;font-weight:700;float:right;margin:0 0 0 6px;min-width:90px;text-align:center;height:25px;line-height:25px;border:1px dashed #dedede;background:#f5f5f5;border-radius:4px}.flowChartTimeline .app-content[data-v-269c174b],.flowChartTimeline .app-header[data-v-269c174b],.flowChartTimeline .app-footer[data-v-269c174b]{line-height:30px;padding:0 10px}.flowChartTimeline .app-content[data-v-269c174b],.flowChartTimeline .app-header[data-v-269c174b]{margin-bottom:10px}.flowChartTimeline .app-content .approveIdea[data-v-269c174b]{min-height:30px;background:linear-gradient(to bottom,transparent 29px,#dedede 1px);background-size:100% 30px;color:#ff9800;overflow:hidden;white-space:normal;word-break:break-all;word-wrap:break-word}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-bg-color);background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow:before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent!important;border-bottom-color:transparent!important}.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary)}.el-scrollbar{overflow:hidden;position:relative;height:100%}.el-scrollbar__wrap{overflow:auto;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));transition:var(--el-transition-duration) background-color;opacity:var(--el-scrollbar-opacity,.3)}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light)}.el-timeline{margin:0;font-size:var(--el-font-size-base);list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{display:flex;align-items:center}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid var(--el-timeline-node-color)}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{position:absolute;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.el-timeline-item__node--normal{left:-1px;width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{left:-2px;width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{position:absolute;display:flex;justify-content:center;align-items:center}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}
 
-.flowchart-canvas[data-v-0592590b] {
+.flowChartTimeline[data-v-0ce0023b] {
+  width: 100%;
+  height: 100%;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__content {
+  margin: 0;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__wrapper {
+  padding-left: 22px;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline {
+  padding: 0px;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__tail {
+  border-left: 2px dotted #e4e7ed;
+  display: block !important;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__node {
+  left: 0px;
+  width: 10px;
+  height: 10px;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__node.el-timeline-item__node--large {
+  left: 0px;
+  width: 14px;
+  height: 14px;
+  top: 0px;
+}
+.flowChartTimeline .header[data-v-0ce0023b] {
+  display: flex;
+  flex-direction: column;
+}
+.flowChartTimeline .header .nodeName[data-v-0ce0023b] {
+  font-size: 15px;
+  color: #666;
+  font-weight: bold;
+  margin-bottom: 0px;
+  margin-top: 0px;
+}
+.flowChartTimeline .header .createTime[data-v-0ce0023b] {
+  font-size: 13px;
+  color: #666;
+  margin-bottom: 4px;
+}
+.flowChartTimeline .content[data-v-0ce0023b],
+.flowChartTimeline .appContent[data-v-0ce0023b] {
+  padding: 10px;
+  border: var(--el-border);
+  border-radius: 4px;
+}
+.flowChartTimeline .signContent .content[data-v-0ce0023b] {
+  margin-bottom: 15px;
+}
+.flowChartTimeline .app-header .duration[data-v-0ce0023b],
+.flowChartTimeline .openTask .duration[data-v-0ce0023b] {
+  color: #909399;
+  font-size: 13px;
+  float: right;
+}
+.flowChartTimeline .app-header .approveType[data-v-0ce0023b] {
+  border: 1px dashed var(--el-color-primary);
+  color: var(--el-color-primary);
+  background: #f5f5f5;
+  border-radius: 4px;
+  padding: 2px 6px;
+}
+.flowChartTimeline .apping[data-v-0ce0023b] {
+  color: var(--el-color-primary);
+}
+.flowChartTimeline .openTask[data-v-0ce0023b] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 10px;
+}
+.flowChartTimeline .openTask.sign[data-v-0ce0023b] {
+  border-bottom: var(--el-border);
+}
+.flowChartTimeline .openTask.sign[data-v-0ce0023b]:last-child {
+  border-bottom: none;
+}
+.flowChartTimeline .app-footer .endTime[data-v-0ce0023b] {
+  color: #909399;
+  font-size: 13px;
+}
+.flowChartTimeline .app-footer .endTime i[data-v-0ce0023b] {
+  margin-right: 5px;
+}
+.flowChartTimeline .app-footer .assignee[data-v-0ce0023b] {
+  color: #909399;
+  font-size: 13px;
+  float: right;
+  display: flex;
+  align-items: center;
+}
+.flowChartTimeline .app-footer .assignee-name[data-v-0ce0023b] {
+  font-size: 15px;
+  color: #000;
+  font-weight: bold;
+  float: right;
+  margin: 0 0 0 6px;
+  min-width: 90px;
+  text-align: center;
+  height: 25px;
+  line-height: 25px;
+  border: 1px dashed #dedede;
+  background: #f5f5f5;
+  border-radius: 4px;
+}
+.flowChartTimeline .app-content[data-v-0ce0023b],
+.flowChartTimeline .app-header[data-v-0ce0023b],
+.flowChartTimeline .app-footer[data-v-0ce0023b] {
+  line-height: 30px;
+  padding: 0 10px;
+}
+.flowChartTimeline .app-content[data-v-0ce0023b],
+.flowChartTimeline .app-header[data-v-0ce0023b] {
+  margin-bottom: 10px;
+}
+.flowChartTimeline .app-content .approveIdea[data-v-0ce0023b] {
+  min-height: 30px;
+  background: linear-gradient(to bottom, transparent 29px, #dedede 1px);
+  background-size: 100% 30px;
+  color: #ff9800;
+  overflow: hidden;
+  white-space: normal;
+  word-break: break-all;
+  word-wrap: break-word;
+}
+
+.custom-node-item-current {
+  height: 48px;
+  border: 2px solid #fb6c31;
+  position: absolute;
+  top: 0px;
+  width: 100%;
+  border-radius: 8px;
+}
+.flow-chart-pop {
+  z-index: 9999 !important;
+}
+.flow-chart-canEdit {
+  height: 48px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+.flow-chart-canEdit:hover {
+  /* box-shadow: 0 0 0px 2px #409eff; */
+  border: 1px solid #409eff;
+}
+.flow-chart-canEdit:hover img {
+  width: 46px;
+}
+.bjs-container *:not(i),
+.bjs-container *:before,
+.bjs-container *:after {
+  box-sizing: border-box !important;
+}
+
+.chart-canvas {
+  width: 100%;
+  height: 100%;
+}
+
+.bjs-container .bjs-breadcrumbs,
+.bjs-container .bjs-powered-by {
+  display: none;
+}
+
+.bjs-container .djs-connection .djs-visual path,
+.bjs-container .djs-connection .djs-visual polyline {
+  stroke: rgb(153 153 153) !important;
+}
+
+.bjs-container .djs-connection[state="highlight"] .djs-visual path,
+.bjs-container .djs-connection[state="highlight"] .djs-visual polyline {
+  stroke: #409eff !important;
+  marker-end: url(#testMarker) !important;
+}
+
+.bjs-container .djs-element[state="highlight"] .djs-visual text {
+  fill: #409eff !important;
+}
+
+.bjs-container #testMarker path {
+  fill: #409eff !important;
+  stroke: #409eff !important;
+}
+
+.bjs-container .djs-element text {
+  fill: rgb(153 153 153) !important;
+}
+
+.bjs-container defs marker path {
+  fill: rgb(153 153 153) !important;
+  stroke: rgb(153 153 153) !important;
+}
+.flowchart-canvas[data-v-7728ec91] {
   height: 100%;
 }
 .approval-history-content.flowChart[data-v-54f88c00] {
@@ -7017,9 +7213,6 @@ body,
   margin: 0;
   border-top: 1px solid var(--el-border-color-lighter);
 }
-.el-overlay-dialog .custom-padding-dialog .el-dialog__body {
-  padding: 12px;
-}
 .fec-form .el-select__wrapper.is-disabled .el-select__selected-item {
   color: #666 !important;
 }