cnhis-design-vue 3.1.14-beta.12 → 3.1.14-beta.15

package/es/packages/big-table/src/components/NoData.js

@@ -1,4 +1,74 @@
-import script from './NoData.vue_vue_type_script_setup_true_lang.js';
-export { default } from './NoData.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, computed, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import noData from '../../../../src/assets/img/nodata';
+import noPermission from '../../../../src/assets/img/no-permission';
+import failure from '../../../../src/assets/img/failure';
+import notfound from '../../../../src/assets/img/notfound';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/big-table/src/components/NoData.vue";
+const _hoisted_1 = { class: "no-data-tip NoData-page" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NoData",
+  props: {
+    noDataTip: {
+      type: String,
+      default: "\u6682\u65E0\u6570\u636E"
+    },
+    noDataImg: {
+      type: String,
+      default: "nodata"
+    },
+    showImg: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const imgStr = computed(() => {
+      let str = null;
+      switch (props.noDataImg) {
+        case "no-permission":
+          str = noPermission;
+          break;
+        case "failure":
+          str = failure;
+          break;
+        case "nodata":
+          str = noData;
+          break;
+        default:
+          str = notfound;
+          break;
+      }
+      return str;
+    });
+    const handleDesc = computed(() => {
+      let res = "";
+      switch (props.noDataImg) {
+        case "no-permission":
+          res = "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458";
+          break;
+        case "failure":
+          res = "\u8BF7\u7A0D\u540E\u518D\u8BD5";
+          break;
+      }
+      return res;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showImg ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: unref(imgStr),
+          alt: ""
+        }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
+        createElementVNode("p", null, toDisplayString(__props.noDataTip), 1),
+        unref(handleDesc) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(handleDesc)), 1)) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var NoData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NoData.vue"]]);
+
+export { NoData as default };

package/es/packages/big-table/src/components/edit-form/edit-separate.js

@@ -1,4 +1,90 @@
-import script from './edit-separate.vue_vue_type_script_setup_true_lang.js';
-export { default } from './edit-separate.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, withModifiers } from 'vue';
+import SlotRender from '../../../../../src/components/SlotRender';
+import { cloneDeep, isObject, isArray } from 'lodash-es';
+import { NPopover, NInput } from 'naive-ui';
+import { useSeparateMap } from '../../../../../packages/big-table/src/hooks/useSeparateRow';
+import Separate from '../separate.js';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/big-table/src/components/edit-form/edit-separate.vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "edit-separate",
+  props: {
+    col: { type: Object, required: true },
+    row: { type: Object, required: true },
+    index: { type: Number, required: true }
+  },
+  emits: ["formChange"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const popoverRef = ref();
+    const editContent = ref();
+    const { getRowData } = useSeparateMap();
+    function updateShow(show) {
+      const target = getRowData(props.row);
+      if (!target)
+        return;
+      if (show) {
+        editContent.value = cloneDeep(target.row[props.col.field]);
+        return;
+      }
+      const old = target.row[props.col.field];
+      if (!target)
+        return;
+      if (!isObject(editContent.value) && !isArray(editContent.value)) {
+        if (old === editContent.value)
+          return;
+      }
+      target.rawRow[props.col.field] = editContent.value;
+      emit("formChange", {
+        value: editContent.value,
+        row: target.row,
+        column: props.col,
+        index: target.index
+      });
+    }
+    const style = {
+      border: "1px solid #f5f5f5",
+      padding: "4px 0 4px 4px",
+      background: "white",
+      "border-radius": "4px"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NPopover), {
+        ref_key: "popoverRef",
+        ref: popoverRef,
+        trigger: "click",
+        "show-arrow": false,
+        "onUpdate:show": updateShow
+      }, {
+        trigger: withCtx(() => [
+          createVNode(Separate, {
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"])),
+            style,
+            col: __props.col,
+            row: __props.row
+          }, null, 8, ["col", "row"])
+        ]),
+        default: withCtx(() => [
+          __props.col.separateSlot ? (openBlock(), createBlock(unref(SlotRender), {
+            key: 0,
+            renderer: __props.col.separateSlot,
+            value: editContent.value,
+            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => editContent.value = $event),
+            col: __props.col,
+            row: __props.row
+          }, null, 8, ["renderer", "value", "col", "row"])) : (openBlock(), createBlock(unref(NInput), {
+            key: 1,
+            value: editContent.value,
+            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => editContent.value = $event),
+            type: "textarea"
+          }, null, 8, ["value"]))
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+});
+var EditSeparate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "edit-separate.vue"]]);
+
+export { EditSeparate as default };

package/es/packages/big-table/src/components/input-button.js

@@ -1,4 +1,35 @@
-import script from './input-button.vue_vue_type_script_setup_true_lang.js';
-export { default } from './input-button.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode } from 'vue';
+import { NInput, NButton } from 'naive-ui';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/big-table/src/components/input-button.vue";
+const _hoisted_1 = /* @__PURE__ */ createTextVNode("\u641C\u7D22");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "input-button",
+  setup(__props) {
+    const content = ref("");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NInput), {
+        value: content.value,
+        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => content.value = $event),
+        placeholder: "\u5B57\u6BB5\u641C\u7D22",
+        class: "check-seach-input"
+      }, {
+        suffix: withCtx(() => [
+          createVNode(unref(NButton), {
+            text: "",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("trigger", content.value))
+          }, {
+            default: withCtx(() => [
+              _hoisted_1
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"]);
+    };
+  }
+});
+var InputButtonScript = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-button.vue"]]);
+
+export { InputButtonScript as default };

package/es/packages/big-table/src/components/separate.js

@@ -1,4 +1,30 @@
-import script from './separate.vue_vue_type_script_setup_true_lang.js';
-export { default } from './separate.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, computed, openBlock, createElementBlock, createTextVNode, toDisplayString, unref, createElementVNode } from 'vue';
+import { useSeparateMap } from '../../../../packages/big-table/src/hooks/useSeparateRow';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/big-table/src/components/separate.vue";
+const _hoisted_1 = { class: "big-table__separate" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "big-table__separatePlaceholder" }, "p", -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "separate",
+  props: {
+    col: { type: Object, required: true },
+    row: { type: Object, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const { separateDataMap } = useSeparateMap();
+    const displayContent = computed(() => {
+      const target = separateDataMap.value.get(props.row);
+      return target ? target.separateData[props.col.field] : "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createTextVNode(toDisplayString(unref(displayContent)) + " ", 1),
+        _hoisted_2
+      ]);
+    };
+  }
+});
+var Separate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "separate.vue"]]);
+
+export { Separate as default };

package/es/packages/big-table/src/hooks/useEdit.js

@@ -1,15 +1,14 @@
 import EditInput from '../components/edit-form/edit-input.js';
 import EditSelect from '../components/edit-form/edit-select.js';
 import EditDate from '../components/edit-form/edit-date.js';
-import '../components/edit-form/edit-separate.js';
-import script from '../components/edit-form/edit-separate.vue_vue_type_script_setup_true_lang.js';
+import EditSeparate from '../components/edit-form/edit-separate.js';
 
 const comps = {
   input: EditInput,
   number: EditInput,
   select: EditSelect,
   date: EditDate,
-  separate: script
+  separate: EditSeparate
 };
 const useEdit = (props, state, emit, xGrid) => {
   const initEditTable = async () => {

package/es/packages/big-table/style/index.css

@@ -389,12 +389,145 @@ body > .vxe-table--tooltip-wrapper {
 }
 .custom-big-table .domPropsInnerHTML-span {
   height: 100%;
+  /*         老版图标样式              */
 }
 .custom-big-table .domPropsInnerHTML-span img {
   display: inline-block;
   height: var(--tableImageHeight);
   width: var(--tableImageWidth);
 }
+.custom-big-table .domPropsInnerHTML-span .icon-dot-red {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: red;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(255, 0, 0, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-blue {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: blue;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(0, 0, 255, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-green {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: green;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(0, 128, 0, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-gray {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: gray;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(128, 128, 128, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: yellow;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(255, 255, 0, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #36be8c;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(54, 190, 140, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #42d0f6;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(66, 208, 246, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-close {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #718391;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(113, 131, 145, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-audit {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #f4ba32;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(244, 186, 50, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-design {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #927ce1;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(146, 124, 225, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-develop {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #4eb0ef;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(78, 176, 239, 0.5);
+}
+.custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: #6381f9;
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px rgba(99, 129, 249, 0.5);
+}
 .no-data-tip {
   display: flex;
   flex-direction: column;

package/es/packages/bpmn-workflow/index.js

@@ -1,7 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../src/global/variable';
 import { safeComponentRegister } from '../../src/utils';
-import './src/BpmnWorkflow.js';
-import script from './src/BpmnWorkflow.vue_vue_type_script_setup_true_lang.js';
+import script from './src/BpmnWorkflow.js';
 
 const BpmnWorkflow = script;
 BpmnWorkflow.install = function(app) {

package/es/packages/bpmn-workflow/src/BpmnWorkflow.js

@@ -1,4 +1,254 @@
-import script from './BpmnWorkflow.vue_vue_type_script_setup_true_lang.js';
-export { default } from './BpmnWorkflow.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, reactive, onMounted, openBlock, createElementBlock, createCommentVNode, createElementVNode } from 'vue';
+import 'bpmn-js/dist/assets/diagram-js.css';
+import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css';
+import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css';
+import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';
+import { attr } from '../../../node_modules/tiny-svg/dist/index.esm.js';
+import { useMessage } from 'naive-ui';
+import axios from 'axios';
+import moment from 'moment';
+import BpmnViewer from 'bpmn-js/lib/Viewer';
+import ZoomScroll from './custom/customOtherModule/zoomScroll.js';
+import ModelingModule from 'bpmn-js/lib/features/modeling';
+import MoveCanvasModule from '../../../node_modules/diagram-js/lib/navigation/movecanvas/index.js';
+import customViewerRenderer from './custom/customOtherModule/customViewerRenderer.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/bpmn-workflow/src/BpmnWorkflow.vue";
+const _hoisted_1 = { class: "containers" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BpmnWorkflow",
+  props: {
+    flowType: {
+      type: String,
+      default: "workflow"
+    },
+    processId: String,
+    instanceId: String,
+    token: String,
+    getBpmnXml: { type: Function },
+    getInstanceHistory: { type: Function },
+    getNodeApprovaler: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    useMessage();
+    const canva = ref(null);
+    const state = reactive({
+      nodeMenu: [],
+      currentCanvasXml: null,
+      eventType: ["element.click", "element.hover", "element.out"]
+    });
+    axios.create({
+      withCredentials: true,
+      timeout: 5e3,
+      headers: {
+        "Content-Type": "application/x-www-form-urlencoded",
+        Authorization: "bearer " + props.token
+      },
+      baseURL: "/"
+    });
+    onMounted(() => {
+      console.log("\u751F\u6210bpmnModeler,\u5C55\u793A\u753B\u5E03");
+      initDetails(props.processId, props.instanceId);
+    });
+    const unique = (objArray, key) => {
+      var hash = {};
+      objArray = objArray.reduce(function(item, next) {
+        hash[next[key]] ? "" : hash[next[key]] = item.push(next);
+        return item;
+      }, []);
+      return objArray;
+    };
+    const initDetails = async (processId, instanceId) => {
+      if (typeof props.getBpmnXml !== "function") {
+        return;
+      }
+      state.currentCanvasXml = await props.getBpmnXml(processId);
+      previewTemp(processId, instanceId);
+    };
+    const previewTemp = async (processId, instanceId) => {
+      state.bpmnModeler && state.bpmnModeler.destroy();
+      state.bpmnModeler = new BpmnViewer({
+        container: canva.value,
+        additionalModules: [
+          ModelingModule,
+          MoveCanvasModule,
+          ZoomScroll,
+          customViewerRenderer,
+          { bendpoints: ["value", {}] }
+        ]
+      });
+      try {
+        const { err } = await state.bpmnModeler.importXML(state.currentCanvasXml);
+        if (err && err.length) {
+          return console.error(err);
+        }
+        const canvas = state.bpmnModeler.get("canvas");
+        canvas.zoom("fit-viewport", "auto");
+        addEventListener();
+        handleNodeMenuData(processId, instanceId);
+      } catch (e) {
+        console.error(`[Process Designer Warn]: ${(e == null ? void 0 : e.message) || e}`);
+      }
+    };
+    const handleNodeTip = async (element, overlays) => {
+      var _a;
+      let tipStr = "";
+      let { id, type } = element;
+      if (!["label", "bpmn:SequenceFlow"].includes(element.type)) {
+        const selections = state.bpmnModeler.get("selection");
+        selections.select(null);
+        selections.select(element, true);
+      }
+      if (type == "bpmn:UserTask") {
+        let obj = state.nodeMenu.find((v) => v.key == id);
+        if ((_a = obj == null ? void 0 : obj.auditor) == null ? void 0 : _a.length) {
+          tipStr = `\u5BA1\u6838\u4EBA\uFF1A${obj.auditor.map((v) => v.name).join("\u3001")}`;
+          overlays.add(id, "tip", {
+            position: {
+              top: 0,
+              right: -12
+            },
+            html: `<div style="position: absolute;
+                    top: calc(50% - 5px);
+                    left: -10px;
+                    width: 0px;
+                    height: 0px;
+                    border:5px solid rgba(0, 0, 0, 0.75);
+                    border-top: 5px solid transparent;
+                    border-left: 5px solid transparent;
+                    border-bottom: 5px solid transparent;">
+                    </div>
+                    <div class="diagram-note"
+                    style="background-color: rgba(0, 0, 0, 0.75);
+                    color: #fff;
+                    font-size: 14px;
+                    text-align:left;
+                    width: 200px;
+                    max-height: 71px;
+                    padding: 5px;
+                    border-radius: 4px;
+                    word-break: break-word;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 3;">
+                    ${tipStr}
+                    </div>`
+          });
+        }
+      }
+    };
+    const addEventListener = () => {
+      let eventBus = state.bpmnModeler.get("eventBus");
+      let overlays = state.bpmnModeler.get("overlays");
+      let selections = state.bpmnModeler.get("selection");
+      state.eventType.forEach((item) => {
+        eventBus.on(item, (eventParam) => {
+          let { element } = eventParam;
+          if (!element.parent)
+            return;
+          if (!eventParam || element.type === "bpmn:Process") {
+            return false;
+          } else {
+            switch (item) {
+              case "element.hover":
+                handleNodeTip(element, overlays);
+                break;
+              case "element.out":
+                selections.select(null);
+                overlays.clear();
+                break;
+            }
+          }
+        });
+      });
+    };
+    const setNodeColor = (element, color) => {
+      const modeling = state.bpmnModeler.get("modeling");
+      element.renderPathColor = color;
+      modeling.setColor(element, {
+        stroke: color
+      });
+    };
+    const handleNodeMenuData = async (processId, instanceId) => {
+      if (typeof props.getInstanceHistory !== "function") {
+        return;
+      }
+      const elementRegistry = state.bpmnModeler.get("elementRegistry");
+      let nodeArray = elementRegistry.filter((element) => {
+        return !["label", "bpmn:Process", "bpmn:SequenceFlow"].includes(element.type);
+      });
+      let nodeStateList = await props.getInstanceHistory(processId, instanceId);
+      let nodeStateObj = {};
+      let multiInstanceIds = [];
+      let multiInstanceNodes = [];
+      nodeStateList.historyActivity.map((v) => {
+        if (v.activityId.indexOf("#multiInstanceBody") != -1) {
+          multiInstanceIds.push(v.activityId.replace("#multiInstanceBody", ""));
+          multiInstanceNodes.push(v);
+        }
+      });
+      let nodeHistoryList = unique(nodeStateList.historyActivity, "activityId");
+      let nodeHistoryIdList = nodeHistoryList.filter((v) => ![...new Set(multiInstanceIds)].includes(v.activityId) && v.activityId != "StartEvent_1" && !v.activityId.startsWith("Event_"));
+      nodeHistoryIdList.map((v) => {
+        let activityId = v.activityId.replace("#multiInstanceBody", "");
+        let node = v;
+        let multiDataList = multiInstanceNodes.filter((m) => v.activityId == m.activityId);
+        if (multiDataList == null ? void 0 : multiDataList.length) {
+          node = multiDataList.reduce((pre, item) => {
+            return moment(pre.endTime).isBefore(item.endTime) ? item : pre;
+          });
+        }
+        nodeStateObj[activityId] = node.activityState;
+      });
+      let nodeMenu = [];
+      await Promise.all(nodeArray.map(async (v) => {
+        var _a;
+        if (Object.keys(nodeStateObj).includes(v.id)) {
+          let rect = elementRegistry.getGraphics(v.id).childNodes[2];
+          attr(rect, {
+            rx: 10,
+            ry: 10,
+            strokeWidth: 3,
+            strokeDasharray: 0
+          });
+          let shape = elementRegistry.get(v.id);
+          if (nodeStateObj[v.id] == 4) {
+            setNodeColor(shape, "#5aa36a");
+          }
+          if (nodeStateObj[v.id] == 2) {
+            setNodeColor(shape, "#d14141");
+          }
+          let obj = {};
+          if (v.type == "bpmn:UserTask") {
+            if (typeof props.getNodeApprovaler !== "function") {
+              return;
+            }
+            obj = await props.getNodeApprovaler(processId, v.id);
+            nodeMenu.push({
+              key: v.id,
+              value: (_a = v == null ? void 0 : v.businessObject) == null ? void 0 : _a.name,
+              auditor: obj == null ? void 0 : obj.auditor
+            });
+          }
+        }
+      }));
+      state.nodeMenu = nodeMenu;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" \u6D41\u7A0B\u753B\u5E03\u90E8\u5206 "),
+        createElementVNode("div", {
+          class: "canvas",
+          ref_key: "canva",
+          ref: canva
+        }, null, 512)
+      ]);
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "BpmnWorkflow.vue"]]);
+
+export { script as default };

package/es/packages/button-print/index.js

@@ -1,7 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../src/global/variable';
 import { safeComponentRegister } from '../../src/utils';
-import './src/ButtonPrint.js';
-import script from './src/ButtonPrint.vue_vue_type_script_setup_true_lang.js';
+import script from './src/ButtonPrint.js';
 export { Print } from './src/utils/print.js';
 
 const ButtonPrint = script;