cnhis-design-vue 3.1.24-beta.5 → 3.1.24-beta.7

package/es/components/bpmn-workflow/index.d.ts

@@ -1,72 +0,0 @@
-import { SFCWithInstall } from '../../../es/shared/types';
-declare const BpmnWorkflow: SFCWithInstall<import("vue").DefineComponent<{
-    flowType: {
-        type: StringConstructor;
-        default: string;
-    };
-    processId: StringConstructor;
-    instanceId: StringConstructor;
-    token: StringConstructor;
-    getBpmnXml: {
-        type: FunctionConstructor;
-    };
-    getInstanceHistory: {
-        type: FunctionConstructor;
-    };
-    getNodeApprovaler: {
-        type: FunctionConstructor;
-    };
-}, {
-    $message: import("naive-ui").MessageApi;
-    canva: import("vue").Ref<null>;
-    state: any;
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        flowType: {
-            type: StringConstructor;
-            default: string;
-        };
-        processId: StringConstructor;
-        instanceId: StringConstructor;
-        token: StringConstructor;
-        getBpmnXml: {
-            type: FunctionConstructor;
-        };
-        getInstanceHistory: {
-            type: FunctionConstructor;
-        };
-        getNodeApprovaler: {
-            type: FunctionConstructor;
-        };
-    }>> & {}>>;
-    instance: import("axios").AxiosInstance;
-    unique: (objArray: any[], key: string) => any[];
-    initDetails: (processId: string | undefined, instanceId: string | undefined) => Promise<void>;
-    previewTemp: (processId: string | undefined, instanceId: string | undefined) => Promise<void>;
-    handleNodeTip: (element: any, overlays: any) => Promise<void>;
-    getNodeApprovaler: (processId: string | undefined, taskId: string | undefined) => Promise<any>;
-    getFileContent: (processId: string | undefined) => Promise<any>;
-    getProcessInstanceHistory: (processId: string | undefined, instanceId: string | undefined) => Promise<any>;
-    addEventListener: () => void;
-    setNodeColor: (element: any, color: string | undefined) => void;
-    handleNodeMenuData: (processId: string | undefined, instanceId: string | undefined) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    flowType: {
-        type: StringConstructor;
-        default: string;
-    };
-    processId: StringConstructor;
-    instanceId: StringConstructor;
-    token: StringConstructor;
-    getBpmnXml: {
-        type: FunctionConstructor;
-    };
-    getInstanceHistory: {
-        type: FunctionConstructor;
-    };
-    getNodeApprovaler: {
-        type: FunctionConstructor;
-    };
-}>>, {
-    flowType: string;
-}>>;
-export default BpmnWorkflow;

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

@@ -1,10 +0,0 @@
-import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
-import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/BpmnWorkflow.js';
-
-const BpmnWorkflow = script;
-BpmnWorkflow.install = function(app) {
-  safeComponentRegister(app, BpmnWorkflow, COMPONENT_NAMESPACE + "BpmnWorkflow");
-};
-
-export { BpmnWorkflow as default };

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

@@ -1,258 +0,0 @@
-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 'tiny-svg';
-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 'diagram-js/lib/navigation/movecanvas';
-import customViewerRenderer from './custom/customOtherModule/customViewerRenderer.js';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-
-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/components/bpmn-workflow/src/BpmnWorkflow.vue.d.ts

@@ -1,75 +0,0 @@
-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';
-declare const _default: import("vue").DefineComponent<{
-    flowType: {
-        type: StringConstructor;
-        default: string;
-    };
-    processId: StringConstructor;
-    instanceId: StringConstructor;
-    token: StringConstructor;
-    getBpmnXml: {
-        type: FunctionConstructor;
-    };
-    getInstanceHistory: {
-        type: FunctionConstructor;
-    };
-    getNodeApprovaler: {
-        type: FunctionConstructor;
-    };
-}, {
-    $message: import("naive-ui").MessageApi;
-    canva: import("vue").Ref<null>;
-    state: any;
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        flowType: {
-            type: StringConstructor;
-            default: string;
-        };
-        processId: StringConstructor;
-        instanceId: StringConstructor;
-        token: StringConstructor;
-        getBpmnXml: {
-            type: FunctionConstructor;
-        };
-        getInstanceHistory: {
-            type: FunctionConstructor;
-        };
-        getNodeApprovaler: {
-            type: FunctionConstructor;
-        };
-    }>> & {}>>;
-    instance: import("axios").AxiosInstance;
-    unique: (objArray: Array<any>, key: string) => any[];
-    initDetails: (processId: string | undefined, instanceId: string | undefined) => Promise<void>;
-    previewTemp: (processId: string | undefined, instanceId: string | undefined) => Promise<void>;
-    handleNodeTip: (element: any, overlays: any) => Promise<void>;
-    getNodeApprovaler: (processId: string | undefined, taskId: string | undefined) => Promise<any>;
-    getFileContent: (processId: string | undefined) => Promise<any>;
-    getProcessInstanceHistory: (processId: string | undefined, instanceId: string | undefined) => Promise<any>;
-    addEventListener: () => void;
-    setNodeColor: (element: any, color: string | undefined) => void;
-    handleNodeMenuData: (processId: string | undefined, instanceId: string | undefined) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    flowType: {
-        type: StringConstructor;
-        default: string;
-    };
-    processId: StringConstructor;
-    instanceId: StringConstructor;
-    token: StringConstructor;
-    getBpmnXml: {
-        type: FunctionConstructor;
-    };
-    getInstanceHistory: {
-        type: FunctionConstructor;
-    };
-    getNodeApprovaler: {
-        type: FunctionConstructor;
-    };
-}>>, {
-    flowType: string;
-}>;
-export default _default;

package/es/components/bpmn-workflow/src/custom/customModeler/customBpmn/BpmnRenderer.d.ts

@@ -1,75 +0,0 @@
-declare function BpmnRenderer(config: any, eventBus: any, styles: any, pathMap: any, canvas: any, textRenderer: any, priority: any): void;
-declare class BpmnRenderer {
-    constructor(config: any, eventBus: any, styles: any, pathMap: any, canvas: any, textRenderer: any, priority: any);
-    handlers: {
-        'bpmn:Event': (parentGfx: any, element: any, attrs: any) => SVGCircleElement;
-        'bpmn:StartEvent': (parentGfx: any, element: any) => any;
-        'bpmn:MessageEventDefinition': (parentGfx: any, element: any, isThrowing: any) => SVGPathElement;
-        'bpmn:TimerEventDefinition': (parentGfx: any, element: any) => SVGCircleElement;
-        'bpmn:EscalationEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
-        'bpmn:ConditionalEventDefinition': (parentGfx: any, event: any) => SVGPathElement;
-        'bpmn:LinkEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
-        'bpmn:ErrorEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
-        'bpmn:CancelEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
-        'bpmn:CompensateEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
-        'bpmn:SignalEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
-        'bpmn:MultipleEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
-        'bpmn:ParallelMultipleEventDefinition': (parentGfx: any, event: any) => SVGPathElement;
-        'bpmn:EndEvent': (parentGfx: any, element: any) => any;
-        'bpmn:TerminateEventDefinition': (parentGfx: any, element: any) => SVGCircleElement;
-        'bpmn:IntermediateEvent': (parentGfx: any, element: any) => any;
-        'bpmn:IntermediateCatchEvent': (parentGfx: any, element: any) => any;
-        'bpmn:IntermediateThrowEvent': (parentGfx: any, element: any) => any;
-        'bpmn:Activity': (parentGfx: any, element: any, attrs: any) => SVGRectElement;
-        'bpmn:Task': (parentGfx: any, element: any) => any;
-        'bpmn:ServiceTask': (parentGfx: any, element: any) => any;
-        'bpmn:UserTask': (parentGfx: any, element: any) => any;
-        'bpmn:ManualTask': (parentGfx: any, element: any) => any;
-        'bpmn:SendTask': (parentGfx: any, element: any) => any;
-        'bpmn:ReceiveTask': (parentGfx: any, element: any) => any;
-        'bpmn:ScriptTask': (parentGfx: any, element: any) => any;
-        'bpmn:BusinessRuleTask': (parentGfx: any, element: any) => any;
-        'bpmn:SubProcess': (parentGfx: any, element: any, attrs: any) => any;
-        'bpmn:AdHocSubProcess': (parentGfx: any, element: any) => any;
-        'bpmn:Transaction': (parentGfx: any, element: any) => any;
-        'bpmn:CallActivity': (parentGfx: any, element: any) => any;
-        'bpmn:Participant': (parentGfx: any, element: any) => any;
-        'bpmn:Lane': (parentGfx: any, element: any, attrs: any) => SVGRectElement;
-        'bpmn:InclusiveGateway': (parentGfx: any, element: any) => any;
-        'bpmn:ExclusiveGateway': (parentGfx: any, element: any) => any;
-        'bpmn:ComplexGateway': (parentGfx: any, element: any) => any;
-        'bpmn:ParallelGateway': (parentGfx: any, element: any) => any;
-        'bpmn:EventBasedGateway': (parentGfx: any, element: any) => any;
-        'bpmn:Gateway': (parentGfx: any, element: any) => SVGPolygonElement;
-        'bpmn:SequenceFlow': (parentGfx: any, element: any) => SVGPathElement;
-        'bpmn:Association': (parentGfx: any, element: any, attrs: any) => any;
-        'bpmn:DataInputAssociation': (parentGfx: any, element: any) => any;
-        'bpmn:DataOutputAssociation': (parentGfx: any, element: any) => any;
-        'bpmn:MessageFlow': (parentGfx: any, element: any) => SVGPathElement;
-        'bpmn:DataObject': (parentGfx: any, element: any) => SVGPathElement;
-        'bpmn:DataObjectReference': (parentGfx: any, element: any) => any;
-        'bpmn:DataInput': (parentGfx: any, element: any) => any;
-        'bpmn:DataOutput': (parentGfx: any, element: any) => any;
-        'bpmn:DataStoreReference': (parentGfx: any, element: any) => SVGPathElement;
-        'bpmn:BoundaryEvent': (parentGfx: any, element: any) => any;
-        'bpmn:Group': (parentGfx: any, element: any) => SVGRectElement;
-        label: (parentGfx: any, element: any) => any;
-        'bpmn:TextAnnotation': (parentGfx: any, element: any) => SVGRectElement;
-        ParticipantMultiplicityMarker: (parentGfx: any, element: any) => void;
-        SubProcessMarker: (parentGfx: any, element: any) => void;
-        ParallelMarker: (parentGfx: any, element: any, position: any) => void;
-        SequentialMarker: (parentGfx: any, element: any, position: any) => void;
-        CompensationMarker: (parentGfx: any, element: any, position: any) => void;
-        LoopMarker: (parentGfx: any, element: any, position: any) => void;
-        AdhocMarker: (parentGfx: any, element: any, position: any) => void;
-    };
-    _drawPath: (parentGfx: any, d: any, attrs: any) => SVGPathElement;
-    canRender(element: any): any;
-    drawShape(parentGfx: any, element: any): any;
-    drawConnection(parentGfx: any, element: any): any;
-    getShapePath(element: any): any;
-}
-declare namespace BpmnRenderer {
-    const $inject: string[];
-}
-export default BpmnRenderer;