@fecp/designer 5.5.48 → 5.5.50

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/es/packages/vue/src/components/forms/form/Form.vue.mjs

@@ -1114,7 +1114,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-39413629"]]);
+const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a538ee8"]]);
 export {
   _Form as default
 };

package/es/packages/vue/src/components/forms/number/Number.vue.mjs

@@ -253,7 +253,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           true
         );
       } else {
-        textValue.value = Number(displayValue.toFixed(precision.value));
+        textValue.value = Number(Number(displayValue).toFixed(precision.value));
       }
       if (!showThousandsSeparator.value) {
         textValue.value = delcommafy(textValue.value);
@@ -507,7 +507,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Number = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc99b56c"]]);
+const _Number = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8b5b9df"]]);
 export {
   _Number as default
 };

package/es/packages/vue/src/components/forms/roleSelect/RoleSelect.vue.mjs

@@ -72,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       url: "/sysRole/findByPageV5",
       method: "post",
       contentType: "json",
-      params: []
+      params: dialog.dialogParams || []
     });
     function openSuffixDialog() {
       openDialog(
@@ -124,7 +124,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _RoleSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1b45cabd"]]);
+const _RoleSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f845d75"]]);
 export {
   _RoleSelect as default
 };

package/es/packages/vue/src/components/forms/userSelect/UserSelect.vue.mjs

@@ -72,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       url: "/user/sysUser/findByPageV5",
       method: "post",
       contentType: "json",
-      params: []
+      params: dialog.dialogParams || []
     });
     function openSuffixDialog() {
       openDialog(
@@ -124,7 +124,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _UserSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b75f4ba0"]]);
+const _UserSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0cc70898"]]);
 export {
   _UserSelect as default
 };

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.50";
 const packageJson = {
   version
 };

package/lib/designer/src/packages/dialog/useDialogDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue.js");
+const index = require("./index.vue2.js");
 const Vue = require("vue");
 function useDialogDialog() {
   const dialogDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue.js");
+const index = require("./index.vue2.js");
 const Vue = require("vue");
 function useDialogGlobalDialog() {
   const dialogGlobalDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/form/property/widgets.vue.js

@@ -54,8 +54,8 @@ const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_exp
 require("../../../components/TemplateSelector.vue.js");
 require("../../table/default.js");
 ;/* empty css                                 */
-;/* empty css                       */
-;/* empty css                             */
+;/* empty css                      */
+;/* empty css                            */
 require("../../../store/index.js");
 ;/* empty css              */
 const index$2 = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");