@fecp/vue 1.2.2 → 5.2.3

package/es/node_modules/.pnpm/h-vue3-flow@1.0.0_typescript@5.7.3/node_modules/h-vue3-flow/es/src/components/chart/bpmnjs/importer/BpmnImporter.mjs

@@ -0,0 +1,150 @@
+import { assign as q } from "../../../../../node_modules/min-dash/dist/index.esm.mjs";
+import { is as u } from "../../../../../node_modules/bpmn-js/lib/util/ModelUtil.mjs";
+import { getExternalLabelBounds as s } from "../../../../../node_modules/bpmn-js/lib/util/LabelUtil.mjs";
+import { getMid as P } from "../../../../../node_modules/diagram-js/lib/layout/LayoutUtil.mjs";
+import { isExpanded as e } from "../../../../../node_modules/bpmn-js/lib/util/DiUtil.mjs";
+import { getLabel as p } from "../../../../../node_modules/bpmn-js/lib/features/label-editing/LabelUtil.mjs";
+import { elementToString as t } from "../../../../../node_modules/bpmn-js/lib/import/Util.mjs";
+function f(t2, n, r) {
+  return q(
+    {
+      id: t2.id,
+      type: t2.$type,
+      businessObject: t2,
+      di: n
+    },
+    r
+  );
+}
+function M(t2, n, r) {
+  var e2 = t2.waypoint;
+  return !e2 || e2.length < 2 ? [P(n), P(r)] : e2.map(function(a) {
+    return { x: a.x, y: a.y };
+  });
+}
+function g(t$1, n, r, e2) {
+  return new Error(
+    t$1(
+      "element {element} referenced by {referenced}#{property} not yet drawn",
+      {
+        element: t(r),
+        referenced: t(n),
+        property: e2
+      }
+    )
+  );
+}
+function h(t2, n, r, e2, a, i) {
+  this._eventBus = t2, this._canvas = n, this._elementFactory = r, this._elementRegistry = e2, this._translate = a, this._textRenderer = i;
+}
+h.$inject = [
+  "eventBus",
+  "canvas",
+  "elementFactory",
+  "elementRegistry",
+  "translate",
+  "textRenderer"
+];
+h.prototype.add = function(t$1, n, r) {
+  var e$1, a = this._translate, i, p$1;
+  if (u(n, "bpmndi:BPMNPlane")) {
+    var v = u(t$1, "bpmn:SubProcess") ? { id: t$1.id + "_plane" } : {};
+    e$1 = this._elementFactory.createRoot(f(t$1, n, v)), this._canvas.addRootElement(e$1);
+  } else if (u(n, "bpmndi:BPMNShape")) {
+    var m = !e(t$1, n), w = S(t$1);
+    i = r && (r.hidden || r.collapsed);
+    var d = n.bounds;
+    e$1 = this._elementFactory.createShape(
+      f(t$1, n, {
+        collapsed: m,
+        hidden: i,
+        x: Math.round(d.x),
+        y: Math.round(d.y),
+        width: Math.round(d.width),
+        height: Math.round(d.height),
+        isFrame: w
+      })
+    ), u(t$1, "bpmn:BoundaryEvent") && this._attachBoundary(t$1, e$1), u(t$1, "bpmn:Lane") && (p$1 = 0), u(t$1, "bpmn:DataStoreReference") && (b(r, P(d)) || (r = this._canvas.findRoot(r))), this._canvas.addShape(e$1, r, p$1);
+  } else if (u(n, "bpmndi:BPMNEdge")) {
+    var l = this._getSource(t$1), y = this._getTarget(t$1);
+    i = r && (r.hidden || r.collapsed), e$1 = this._elementFactory.createConnection(
+      f(t$1, n, {
+        hidden: i,
+        source: l,
+        target: y,
+        waypoints: M(n, l, y)
+      })
+    ), u(t$1, "bpmn:DataAssociation") && (r = this._canvas.findRoot(r)), this._canvas.addConnection(e$1, r, p$1);
+  } else
+    throw new Error(
+      a("unknown di {di} for element {semantic}", {
+        di: t(n),
+        semantic: t(t$1)
+      })
+    );
+  let _ = p(e$1);
+  return _ && _ != "undefined" && this.addLabel(t$1, n, e$1), this._eventBus.fire("bpmnElement.added", { element: e$1 }), e$1;
+};
+h.prototype._attachBoundary = function(t$1, n) {
+  var r = this._translate, e2 = t$1.attachedToRef;
+  if (!e2)
+    throw new Error(
+      r("missing {semantic}#attachedToRef", {
+        semantic: t(t$1)
+      })
+    );
+  var a = this._elementRegistry.get(e2.id), i = a && a.attachers;
+  if (!a)
+    throw g(
+      r,
+      t$1,
+      e2,
+      "attachedToRef"
+    );
+  n.host = a, i || (a.attachers = i = []), i.indexOf(n) === -1 && i.push(n);
+};
+h.prototype.addLabel = function(t2, n, r) {
+  var e2, a, i;
+  return e2 = s(n, r), a = p(r), a && a != "undefined" && (e2 = this._textRenderer.getExternalLabelBounds(e2, a)), i = this._elementFactory.createLabel(
+    f(t2, n, {
+      id: t2.id + "_label",
+      labelTarget: r,
+      type: "label",
+      hidden: r.hidden || !p(r),
+      x: Math.round(e2.x),
+      y: Math.round(e2.y),
+      width: Math.round(e2.width),
+      height: Math.round(e2.height)
+    })
+  ), this._canvas.addShape(i, r.parent);
+};
+h.prototype._getEnd = function(t$1, n) {
+  var r, e2, a = t$1.$type, i = this._translate;
+  if (e2 = t$1[n + "Ref"], n === "source" && a === "bpmn:DataInputAssociation" && (e2 = e2 && e2[0]), (n === "source" && a === "bpmn:DataOutputAssociation" || n === "target" && a === "bpmn:DataInputAssociation") && (e2 = t$1.$parent), r = e2 && this._getElement(e2), r)
+    return r;
+  throw e2 ? g(i, t$1, e2, n + "Ref") : new Error(
+    i("{semantic}#{side} Ref not specified", {
+      semantic: t(t$1),
+      side: n
+    })
+  );
+};
+h.prototype._getSource = function(t2) {
+  return this._getEnd(t2, "source");
+};
+h.prototype._getTarget = function(t2) {
+  return this._getEnd(t2, "target");
+};
+h.prototype._getElement = function(t2) {
+  return this._elementRegistry.get(t2.id);
+};
+function b(t2, n) {
+  var r = n.x, e2 = n.y;
+  return r >= t2.x && r <= t2.x + t2.width && e2 >= t2.y && e2 <= t2.y + t2.height;
+}
+function S(t2) {
+  return u(t2, "bpmn:Group");
+}
+export {
+  h as default
+};

package/es/node_modules/.pnpm/h-vue3-flow@1.0.0_typescript@5.7.3/node_modules/h-vue3-flow/es/src/components/chart/bpmnjs/importer/index.mjs

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

package/es/node_modules/.pnpm/h-vue3-flow@1.0.0_typescript@5.7.3/node_modules/h-vue3-flow/es/src/components/chart/bpmnjs/renderer/CustomRenderer.mjs

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

package/es/node_modules/.pnpm/h-vue3-flow@1.0.0_typescript@5.7.3/node_modules/h-vue3-flow/es/src/components/chart/bpmnjs/renderer/index.mjs

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

package/es/node_modules/.pnpm/h-vue3-flow@1.0.0_typescript@5.7.3/node_modules/h-vue3-flow/es/src/components/chart/bpmnjs/renderer/renderComponent.mjs

@@ -0,0 +1,10 @@
+import { createApp } from "vue";
+function c({ el: e, component: t, props: o, appContext: r }) {
+  let n = createApp(t, o);
+  return Object.assign(n._context, r), n.config.warnHandler = () => null, n.mount(e), () => {
+    n == null || n.unmount(), n = void 0;
+  };
+}
+export {
+  c as default
+};

package/es/node_modules/.pnpm/h-vue3-flow@1.0.0_typescript@5.7.3/node_modules/h-vue3-flow/es/src/components/chart/index.mjs

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

package/es/packages/mobile/src/components/form/field/Field.vue.mjs

@@ -4,7 +4,7 @@
 /* empty css                                                                                                                 */
 /* empty css                                                                                                                  */
 import { ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, withDirectives, renderSlot, mergeProps, unref, isRef, createSlots, renderList, withCtx, createTextVNode, toDisplayString, createElementVNode, vModelText } from "vue";
-import "../../../../../../_virtual/index.mjs";
+import "../../../../../../_virtual/index2.mjs";
 import { getUnit, textFormatter, textFormatter4Input, reverseTextFormatter } from "../../../utils/formatterUtil.mjs";
 import { useCursor } from "../../../utils/use-cursor.mjs";
 /* empty css            */

package/es/packages/mobile/src/utils/formatterUtil.mjs

@@ -1,6 +1,6 @@
 import hooks from "../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.mjs";
 import { parseDateFormatter } from "./dateUtil.mjs";
-import XEUtils from "../../../../_virtual/index.mjs";
+import XEUtils from "../../../../_virtual/index2.mjs";
 const selectFormatter = (value, options = []) => {
   const item = options.find((item2) => item2.value === value);
   return item ? item.label : value;

package/es/packages/mobile/src/utils/optionUtil.mjs

@@ -1,4 +1,4 @@
-import XEUtils from "../../../../_virtual/index.mjs";
+import XEUtils from "../../../../_virtual/index2.mjs";
 import useHttp from "../axios/index.mjs";
 import { useDataSource } from "./dataSourceUtil.mjs";
 import envConfig from "./env.mjs";

package/es/packages/vue/index.mjs

@@ -25,7 +25,10 @@ import { SubTable } from "./src/components/forms/subTable/index.mjs";
 import { Cascader } from "./src/components/forms/cascader/index.mjs";
 import { Area } from "./src/components/forms/area/index.mjs";
 import { Industry } from "./src/components/forms/industry/index.mjs";
+import { UserSelect } from "./src/components/forms/userSelect/index.mjs";
+import { RoleSelect } from "./src/components/forms/roleSelect/index.mjs";
 import { FormItem } from "./src/components/forms/formItem/index.mjs";
+import { ApprovalHistory } from "./src/components/bus/approvalHistory/index.mjs";
 import { header } from "./src/components/details/header/index.mjs";
 import { footer } from "./src/components/details/footer/index.mjs";
 import { main } from "./src/components/details/main/index.mjs";
@@ -46,6 +49,7 @@ const index = {
   }
 };
 export {
+  ApprovalHistory,
   Area,
   Cascader,
   Checkbox,
@@ -58,6 +62,7 @@ export {
   MultipleSelection,
   Number,
   Radio,
+  RoleSelect,
   Select,
   SubForm,
   SubTable,
@@ -66,6 +71,7 @@ export {
   Text,
   Textarea,
   Upload,
+  UserSelect,
   index as default,
   footer,
   header,

package/es/packages/vue/src/components/all.mjs

@@ -17,11 +17,15 @@ import { SubTable } from "./forms/subTable/index.mjs";
 import { Cascader } from "./forms/cascader/index.mjs";
 import { Area } from "./forms/area/index.mjs";
 import { Industry } from "./forms/industry/index.mjs";
+import { UserSelect } from "./forms/userSelect/index.mjs";
+import { RoleSelect } from "./forms/roleSelect/index.mjs";
 import { FormItem } from "./forms/formItem/index.mjs";
+import { ApprovalHistory } from "./bus/approvalHistory/index.mjs";
 import { header } from "./details/header/index.mjs";
 import { footer } from "./details/footer/index.mjs";
 import { main } from "./details/main/index.mjs";
 export {
+  ApprovalHistory,
   Area,
   Cascader,
   Checkbox,
@@ -34,6 +38,7 @@ export {
   MultipleSelection,
   Number,
   Radio,
+  RoleSelect,
   Select,
   SubForm,
   SubTable,
@@ -42,6 +47,7 @@ export {
   Text,
   Textarea,
   Upload,
+  UserSelect,
   footer,
   header,
   main

package/es/packages/vue/src/components/bus/approvalHistory/ApprovalHistory.vue.mjs

@@ -0,0 +1,130 @@
+/* empty css                                                                                                                                    */
+/* empty css                                                                                                                                         */
+import { ref, inject, watch, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, createBlock, unref, withCtx, createVNode, withModifiers, normalizeClass } from "vue";
+import { Divider } from "../../forms/divider/index.mjs";
+import { H2 } from "../../forms/h2/index.mjs";
+import _sfc_main$1 from "./timeLine.vue.mjs";
+import FecFlowChart from "./flowChart.vue.mjs";
+import { parseSingleParamValue } from "../../../utils/parseRouteParams.mjs";
+/* empty css                      */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ElButton } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.mjs";
+const _hoisted_1 = {
+  key: 0,
+  style: { "height": "60px", "position": "relative" }
+};
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  inheritAttrs: false
+}, {
+  __name: "ApprovalHistory",
+  props: {
+    config: {
+      type: Object,
+      required: true
+    },
+    localConfig: {
+      type: Object,
+      required: true
+    },
+    formMode: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const traceNo = ref("");
+    const formData = inject("formData");
+    inject("rowHeight");
+    const gridLayout = inject("gridLayout");
+    inject("gridLayoutFieldsData");
+    const fieldsData = props.localConfig.fieldsData.map((item) => {
+      return item.component;
+    });
+    const hiddenFields = props.localConfig.hiddenFields;
+    watch(
+      () => props.config.traceNoFieldName,
+      (value) => {
+        if (value) {
+          const busId = parseSingleParamValue(value, formData.value, [
+            ...fieldsData,
+            ...hiddenFields
+          ]);
+          traceNo.value = busId;
+        }
+      },
+      { immediate: true }
+    );
+    const compType = ref(props.config.appHisDefault || "timeLine");
+    function changeComp(type) {
+      compType.value = type;
+    }
+    function timelineLoaded(dom) {
+      const foundItem = props.localConfig.fieldsData.find(
+        (item) => item.id == props.config.id
+      );
+      const titleHeight = config.titleMode != "none" ? 60 : 0;
+      if (foundItem) {
+        foundItem.fixedH = true;
+        foundItem.h = dom.offsetHeight + titleHeight;
+        gridLayout.value.resizeEvent();
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = ElButton;
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.config.titleMode != "none" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          __props.config.titleMode == "label" ? (openBlock(), createBlock(unref(H2), {
+            key: 0,
+            config: __props.config
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_button, {
+                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => changeComp("timeLine"), ["stop"])),
+                link: "",
+                type: "primary"
+              }, {
+                default: withCtx(() => _cache[2] || (_cache[2] = [
+                  createElementVNode("span", null, "时间轴", -1)
+                ])),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => changeComp("flowChart"), ["stop"])),
+                link: "",
+                type: "primary"
+              }, {
+                default: withCtx(() => _cache[3] || (_cache[3] = [
+                  createElementVNode("span", null, "流程图", -1)
+                ])),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["config"])) : __props.config.titleMode == "subLabel" ? (openBlock(), createBlock(unref(Divider), {
+            key: 1,
+            config: __props.config
+          }, null, 8, ["config"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["approval-history-content", unref(compType)])
+        }, [
+          unref(compType) == "timeLine" ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            traceNo: unref(traceNo),
+            onLoaded: timelineLoaded
+          }, null, 8, ["traceNo"])) : unref(compType) == "flowChart" ? (openBlock(), createBlock(FecFlowChart, {
+            key: 1,
+            style: { "height": "400px" },
+            traceNo: unref(traceNo),
+            onLoaded: timelineLoaded
+          }, null, 8, ["traceNo"])) : createCommentVNode("", true)
+        ], 2)
+      ], 64);
+    };
+  }
+});
+const _ApprovalHistory = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca5510b8"]]);
+export {
+  _ApprovalHistory as default
+};

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

@@ -0,0 +1,18 @@
+const api = {
+  findTimeLineByTraceNo: ($http, traceNo, type, taskDefKey) => {
+    return $http.postForm($servers.sys + "/flow/flowData/findTimeLineByTraceNo", {
+      traceNo,
+      type,
+      taskDefKey
+    });
+  },
+  findFlowChartByTraceNo: ($http, traceNo, type) => {
+    return $http.postForm($servers.sys + "/flow/flowData/findFlowChartByTraceNo", {
+      traceNo,
+      type
+    });
+  }
+};
+export {
+  api as default
+};

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

@@ -0,0 +1,64 @@
+import { ref, onMounted, watch, nextTick, createElementBlock, openBlock } from "vue";
+import api from "./api/index.mjs";
+import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
+import w from "../../../../../../node_modules/.pnpm/h-vue3-flow@1.0.0_typescript@5.7.3/node_modules/h-vue3-flow/es/src/components/chart/index.mjs";
+/* empty css                                                                                                             */
+/* empty css                */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {
+  __name: "flowChart",
+  props: {
+    traceNo: {
+      type: String,
+      required: true
+    },
+    type: {
+      type: String,
+      default: "app"
+    }
+  },
+  emits: ["loaded"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const flowchartCanvasRef = ref();
+    const emit = __emit;
+    const ctx = getCurrentVueInstance();
+    let flowChart;
+    onMounted(() => {
+      flowChart = new w(".flowchart-canvas");
+      importChartData(props.traceNo);
+    });
+    watch(
+      () => props.traceNo,
+      (traceNo) => {
+        importChartData(traceNo);
+      },
+      {
+        immediate: true
+      }
+    );
+    function importChartData(traceNo) {
+      if (flowChart && traceNo) {
+        api.findFlowChartByTraceNo(ctx.$http, traceNo, props.type).then((data) => {
+          if (data) {
+            flowChart.import(data);
+            nextTick(() => {
+              emit("loaded", flowchartCanvasRef.value);
+            });
+          }
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "flowchart-canvas",
+        ref_key: "flowchartCanvasRef",
+        ref: flowchartCanvasRef
+      }, null, 512);
+    };
+  }
+};
+const FecFlowChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-82852a11"]]);
+export {
+  FecFlowChart as default
+};

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

@@ -0,0 +1,7 @@
+import _ApprovalHistory from "./ApprovalHistory.vue.mjs";
+import install from "../../../utils/install.mjs";
+const ApprovalHistory = install.withInstall("ApprovalHistory", _ApprovalHistory);
+export {
+  ApprovalHistory,
+  ApprovalHistory as default
+};