@scvzerng/snakerflow-designer-vue2 3.0.54

package/dist/types/SnakerFlowDesigner/src/SnakerFlowDesigner.vue.d.ts

@@ -0,0 +1,180 @@
+import LogicFlow from '@logicflow/core';
+import '@logicflow/core/dist/index.css';
+import '@logicflow/extension/lib/index.css';
+import { PropType } from 'vue';
+import type { WfConfig, HigLightDataType } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+    refs: {
+        lfElRef: HTMLDivElement;
+        propertSettingRef: (import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
+            extendAttrConfig: {
+                type: ObjectConstructor;
+            };
+            extendPropertyKeys: {
+                type: ArrayConstructor;
+            };
+        }>>, Readonly<import("vue").ExtractPropTypes<{
+            extendAttrConfig: {
+                type: ObjectConstructor;
+            };
+            extendPropertyKeys: {
+                type: ArrayConstructor;
+            };
+        }>>, {
+            change: (...args: any[]) => void;
+        }, {}, true, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
+            extendAttrConfig: {
+                type: ObjectConstructor;
+            };
+            extendPropertyKeys: {
+                type: ArrayConstructor;
+            };
+        }>>> & import("vue").ShallowUnwrapRef<{
+            show: (args: import("./types").FlowFormModel) => void;
+        }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
+            extendAttrConfig: {
+                type: ObjectConstructor;
+            };
+            extendPropertyKeys: {
+                type: ArrayConstructor;
+            };
+        }>> & {
+            $scopedSlots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+        }) | null;
+        dataDetailRef: (import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{}>>, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, true, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{}>>> & import("vue").ShallowUnwrapRef<{
+            show: (data: any) => void;
+        }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{}>>) | null;
+        importDataRef: (import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{}>>, Readonly<import("vue").ExtractPropTypes<{}>>, {
+            "on-submit": (...args: any[]) => void;
+        }, {}, true, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{}>>> & import("vue").ShallowUnwrapRef<{
+            show: () => void;
+            refresh: () => void;
+        }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{}>>) | null;
+        highLightDataRef: (import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{}>>, Readonly<import("vue").ExtractPropTypes<{}>>, {
+            "on-submit": (...args: any[]) => void;
+        }, {}, true, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{}>>> & import("vue").ShallowUnwrapRef<{
+            show: () => void;
+        }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{}>>) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
+    value: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    config: {
+        type: ObjectConstructor;
+        default(): {
+            grid: boolean;
+        };
+    };
+    highLight: {
+        type: PropType<HigLightDataType>;
+        default(): {};
+    };
+    assigneeText: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        default(): {};
+    };
+    viewer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    extendAttrConfig: {
+        type: ObjectConstructor;
+    };
+    showDoc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    extendPropertyKeys: {
+        type: ArrayConstructor;
+    };
+    wfConfig: {
+        type: PropType<WfConfig>;
+        default(): WfConfig;
+    };
+    nodeRenderType: {
+        type: PropType<"svg" | "html">;
+        default: string;
+    };
+    taskNodeRender: {
+        type: FunctionConstructor;
+    };
+}, {
+    getGraphData: () => unknown;
+    refreshImport: () => any;
+    importJson: (data: any) => void;
+    importXml: (xml: any) => void;
+    setHighLight: (data: HigLightDataType) => void;
+    setAssigneeText: (data: any, kvConfig?: {
+        valueKey: string;
+        labelKey: string;
+    }) => void;
+    getLfInstance: () => LogicFlow | null;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    "on-save": (...args: any[]) => void;
+    "on-init": (...args: any[]) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    config: {
+        type: ObjectConstructor;
+        default(): {
+            grid: boolean;
+        };
+    };
+    highLight: {
+        type: PropType<HigLightDataType>;
+        default(): {};
+    };
+    assigneeText: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        default(): {};
+    };
+    viewer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    extendAttrConfig: {
+        type: ObjectConstructor;
+    };
+    showDoc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    extendPropertyKeys: {
+        type: ArrayConstructor;
+    };
+    wfConfig: {
+        type: PropType<WfConfig>;
+        default(): WfConfig;
+    };
+    nodeRenderType: {
+        type: PropType<"svg" | "html">;
+        default: string;
+    };
+    taskNodeRender: {
+        type: FunctionConstructor;
+    };
+}>>, {
+    config: Record<string, any>;
+    wfConfig: WfConfig;
+    viewer: boolean;
+    assigneeText: unknown[] | Record<string, any>;
+    highLight: HigLightDataType;
+    showDoc: boolean;
+    nodeRenderType: "html" | "svg";
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/dist/types/SnakerFlowDesigner/src/data.d.ts

@@ -0,0 +1,15 @@
+export declare const patternItems: ({
+    type: string;
+    text: string;
+    label: string;
+    properties: {};
+    sort: number;
+    icon: string;
+} | {
+    type: string;
+    label: string;
+    properties: {};
+    sort: number;
+    icon: string;
+    text?: undefined;
+})[];

package/dist/types/SnakerFlowDesigner/src/enums.d.ts

@@ -0,0 +1,23 @@
+export declare enum NodeTypeEnum {
+    process = "process",
+    custom = "custom",
+    decision = "decision",
+    end = "end",
+    fork = "fork",
+    join = "join",
+    start = "start",
+    task = "task",
+    transition = "transition",
+    subProcess = "subProcess",
+    wfSubProcess = "wfSubProcess",
+    ignore = "ignore"
+}
+export declare enum ColorEnum {
+    primaryColor = "#3068EC",// 主题色
+    edgePrimaryColor = "#C9CCD4",// 主题色
+    activeColor = "#FA7E55",// 进行时节点颜色
+    rejectColor = "#F56C6C",// 审核拒绝的节点颜色
+    rollbackColor = "#909399",// 审核到该节点时被撤回时该节点的颜色
+    historyColor = "#28C7A3",// 历史节点/边颜色
+    backgroundColor = "#FFFFFF"
+}

package/dist/types/SnakerFlowDesigner/src/snakerflow/custom/index.d.ts

@@ -0,0 +1,30 @@
+import { h } from '@logicflow/core';
+import { RectResize } from '@logicflow/extension';
+/**
+ * 自定义节点
+ */
+declare class CustomModel extends RectResize.model {
+    static extendKey: string;
+    setAttributes(): void;
+    getNodeStyle(): {
+        [x: string]: any;
+        width?: number;
+        height?: number;
+        radius?: number;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare class CustomView extends RectResize.view {
+    static extendKey: string;
+    getLabelShape(): h.JSX.Element;
+    getResizeShape(): h.JSX.Element;
+}
+declare const Custom: {
+    type: string;
+    view: typeof CustomView;
+    model: typeof CustomModel;
+};
+export { CustomView, CustomModel };
+export default Custom;

package/dist/types/SnakerFlowDesigner/src/snakerflow/decision/index.d.ts

@@ -0,0 +1,22 @@
+import { PolygonNode, PolygonNodeModel } from '@logicflow/core';
+declare class DecisionModel extends PolygonNodeModel {
+    static extendKey: string;
+    setAttributes(): void;
+    getNodeStyle(): {
+        [x: string]: any;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare class DecisionView extends PolygonNode {
+    static extendKey: string;
+    getShape(): any;
+}
+declare const Decision: {
+    type: string;
+    view: typeof DecisionView;
+    model: typeof DecisionModel;
+};
+export { DecisionView, DecisionModel };
+export default Decision;

package/dist/types/SnakerFlowDesigner/src/snakerflow/end/index.d.ts

@@ -0,0 +1,25 @@
+import { CircleNode, CircleNodeModel, Model, h } from '@logicflow/core';
+declare class EndModel extends CircleNodeModel {
+    static extendKey: string;
+    setAttributes(): void;
+    getConnectedSourceRules(): Model.ConnectRule[];
+    getNodeStyle(): {
+        [x: string]: any;
+        r?: number;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare class EndView extends CircleNode {
+    static extendKey: string;
+    getAnchorStyle(): {};
+    getShape(): h.JSX.Element;
+}
+declare const End: {
+    type: string;
+    view: typeof EndView;
+    model: typeof EndModel;
+};
+export { EndView, EndModel };
+export default End;

package/dist/types/SnakerFlowDesigner/src/snakerflow/fork/index.d.ts

@@ -0,0 +1,22 @@
+import { h, PolygonNode, PolygonNodeModel } from '@logicflow/core';
+declare class ForkModel extends PolygonNodeModel {
+    static extendKey: string;
+    setAttributes(): void;
+    getNodeStyle(): {
+        [x: string]: any;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare class ForkView extends PolygonNode {
+    static extendKey: string;
+    getShape(): h.JSX.Element;
+}
+declare const Fork: {
+    type: string;
+    view: typeof ForkView;
+    model: typeof ForkModel;
+};
+export { ForkView, ForkModel };
+export default Fork;

package/dist/types/SnakerFlowDesigner/src/snakerflow/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * snakerflow组件注册
+ */
+declare class SnakerFlowElement {
+    static pluginName: string;
+    constructor({ lf, props }: any);
+}
+/**
+ * snakerflow给你LogicFlow数据转换器
+ */
+declare class SnakerFlowAdapter {
+    static pluginName: string;
+    constructor({ lf }: {
+        lf: any;
+    });
+}
+export { SnakerFlowElement, SnakerFlowAdapter };

package/dist/types/SnakerFlowDesigner/src/snakerflow/join/index.d.ts

@@ -0,0 +1,22 @@
+import { h, PolygonNode, PolygonNodeModel } from '@logicflow/core';
+declare class JoinModel extends PolygonNodeModel {
+    static extendKey: string;
+    setAttributes(): void;
+    getNodeStyle(): {
+        [x: string]: any;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare class JoinView extends PolygonNode {
+    static extendKey: string;
+    getShape(): h.JSX.Element;
+}
+declare const Join: {
+    type: string;
+    view: typeof JoinView;
+    model: typeof JoinModel;
+};
+export { JoinView, JoinModel };
+export default Join;

package/dist/types/SnakerFlowDesigner/src/snakerflow/start/index.d.ts

@@ -0,0 +1,23 @@
+import { CircleNode, CircleNodeModel, Model } from '@logicflow/core';
+declare class StartModel extends CircleNodeModel {
+    static extendKey: string;
+    setAttributes(): void;
+    getConnectedTargetRules(): Model.ConnectRule[];
+    getNodeStyle(): {
+        [x: string]: any;
+        r?: number;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare class StartView extends CircleNode {
+    static extendKey: string;
+}
+declare const Start: {
+    type: string;
+    view: typeof StartView;
+    model: typeof StartModel;
+};
+export { StartModel, StartView };
+export default Start;

package/dist/types/SnakerFlowDesigner/src/snakerflow/subProcess/index.d.ts

@@ -0,0 +1,22 @@
+import { GroupNodeModel, GroupNode } from '@logicflow/extension';
+declare class SubProcessView extends GroupNode {
+}
+declare class SubProcessModel extends GroupNodeModel {
+    initNodeData(data: any): void;
+    getNodeStyle(): {
+        [x: string]: any;
+        width?: number;
+        height?: number;
+        radius?: number;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare const SubProcess: {
+    type: string;
+    view: typeof SubProcessView;
+    model: typeof SubProcessModel;
+};
+export { SubProcess, SubProcessModel };
+export default SubProcess;

package/dist/types/SnakerFlowDesigner/src/snakerflow/task/VueNode.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    setConfig: (data: any) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    helpClick: (...args: any[]) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/types/SnakerFlowDesigner/src/snakerflow/task/html.d.ts

@@ -0,0 +1,21 @@
+import { HtmlResizeModel, HtmlResizeView } from '@logicflow/extension';
+declare class TaskModel extends HtmlResizeModel {
+    setAttributes(): void;
+}
+declare class TaskView extends HtmlResizeView {
+    app: any;
+    isMounted: boolean;
+    r: any;
+    constructor(props: any);
+    shouldUpdate(): boolean;
+    setHtml(rootEl: SVGForeignObjectElement): void;
+    getShape(): any;
+    getText(): null;
+}
+declare const Task: {
+    type: string;
+    view: typeof TaskView;
+    model: typeof TaskModel;
+};
+export { TaskView, TaskModel };
+export default Task;

package/dist/types/SnakerFlowDesigner/src/snakerflow/task/index.d.ts

@@ -0,0 +1,26 @@
+import { RectResizeModel, RectResizeView } from '@logicflow/extension';
+declare class TaskModel extends RectResizeModel {
+    static extendKey: string;
+    setAttributes(): void;
+    getNodeStyle(): {
+        [x: string]: any;
+        width?: number;
+        height?: number;
+        radius?: number;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare class TaskView extends RectResizeView {
+    static extendKey: string;
+    getLabelShape(): any;
+    getResizeShape(): any;
+}
+declare const Task: {
+    type: string;
+    view: typeof TaskView;
+    model: typeof TaskModel;
+};
+export { TaskView, TaskModel };
+export default Task;

package/dist/types/SnakerFlowDesigner/src/snakerflow/tool.d.ts

@@ -0,0 +1,58 @@
+import { BaseEdgeModel, BaseNodeModel } from '@logicflow/core';
+import { ProcessModel } from '../types';
+/**
+ * 节点样式处理方法
+ * @param {*}} _this
+ * @param {*} style
+ * @returns
+ */
+export declare const nodeStyleHandle: (_this: BaseNodeModel, style: {
+    [x: string]: any;
+    r?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+}) => {
+    [x: string]: any;
+    r?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+};
+/**
+ * 边样式处理方法
+ * @param {*}} _this
+ * @param {*} style
+ * @returns
+ */
+export declare const edgeStyleHandle: (_this: BaseEdgeModel, style: {
+    [x: string]: any;
+    r?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+}) => {
+    [x: string]: any;
+    r?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+};
+/**
+ * 解析xml成Dom对象
+ * @param {} xml
+ * @returns
+ */
+export declare const parseXml2Dom: (xml: string) => any;
+/**
+ * 将snaker的定义文件转成LogicFlow支持的数据格式
+ * @param {*} xml
+ * @returns
+ */
+export declare const snakerXml2LogicFlowJson: (xml: string) => any;
+/**
+ * 将LogicFlow的数据转成snaker的定义文件
+ * @param {*} data(...processInfo,nodes,edges)
+ * @returns
+ */
+export declare const logicFlowJsonToSnakerXml: (data: ProcessModel) => string;

package/dist/types/SnakerFlowDesigner/src/snakerflow/transition/index.d.ts

@@ -0,0 +1,20 @@
+import { PolylineEdge, PolylineEdgeModel } from '@logicflow/core';
+declare class TransitionModel extends PolylineEdgeModel {
+    static extendKey: string;
+    getEdgeStyle(): {
+        [x: string]: any;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare class TransitionView extends PolylineEdge {
+    static extendKey: string;
+}
+declare const Transition: {
+    type: string;
+    view: typeof TransitionView;
+    model: typeof TransitionModel;
+};
+export { TransitionView, TransitionModel };
+export default Transition;

package/dist/types/SnakerFlowDesigner/src/snakerflow/wfSubProcess/index.d.ts

@@ -0,0 +1,26 @@
+import { RectResizeModel, RectResizeView } from '@logicflow/extension';
+declare class WfSubProcessModel extends RectResizeModel {
+    static extendKey: string;
+    setAttributes(): void;
+    getNodeStyle(): {
+        [x: string]: any;
+        width?: number;
+        height?: number;
+        radius?: number;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+}
+declare class WfSubProcessView extends RectResizeView {
+    static extendKey: string;
+    getLabelShape(): any;
+    getResizeShape(): any;
+}
+declare const WfSubProcess: {
+    type: string;
+    view: typeof WfSubProcessView;
+    model: typeof WfSubProcessModel;
+};
+export { WfSubProcessView, WfSubProcessModel };
+export default WfSubProcess;

package/dist/types/SnakerFlowDesigner/src/vModel.d.ts

@@ -0,0 +1,12 @@
+import { UnwrapNestedRefs } from "vue";
+/**
+ * vue2 翻译jsx片段时在非组件上下文中会生成this.$set 尝试设置属性导致报错 此时使用此方法绕过生成
+ * @param hostObject
+ * @param path
+ */
+export declare const vModel: <T>(hostObject: UnwrapNestedRefs<T>, path: string) => {
+    model: {
+        value: any;
+        callback: (newValue: any) => void;
+    };
+};

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+declare const MSnakerFlowDesigner: any;
+export default MSnakerFlowDesigner;

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@scvzerng/snakerflow-designer-vue2",
+  "version": "3.0.54",
+  "private": false,
+  "main": "lib/SnakerflowDesigner.es.js",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly",
+    "lint:oxlint": "oxlint . --fix -D correctness --ignore-path .gitignore",
+    "lint": "run-s lint:*",
+    "format": "prettier --write src/"
+  },
+  "author": "mldong",
+  "license": "Apache License 2.0",
+  "homepage": "https://gitee.com/mldong/snakerflow-designer-vue/tree/vue3",
+  "bugs": {
+    "url": "https://gitee.com/mldong/snakerflow-designer-vue/issues"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/SnakerflowDesigner.es.js",
+      "require": "./dist/SnakerflowDesigner.umd.js"
+    },
+    "./style": {
+      "default": "./dist/style.css"
+    }
+  },
+  "keywords": [
+    "工作流",
+    "流程设计器",
+    "Web流程设计器",
+    "Snaker",
+    "SnakerFlow",
+    "Vue2",
+    "LogicFlow",
+    "ElementUI"
+  ],
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@logicflow/core": "2.0.13",
+    "@logicflow/extension": "2.0.17"
+  },
+  "peerDependencies": {
+    "core-js": "^3.6.5",
+    "element-ui": "2.15.14",
+    "vue": "2.7.16",
+    "clipboard": "^2.0.11",
+    "lodash-unified": "^1.0.3",
+    "vue-json-pretty": "1.9.5"
+  },
+  "devDependencies": {
+    "vue-router": "^3.6.5",
+    "@prettier/plugin-oxc": "0.0.4",
+    "@vitejs/plugin-vue2": "2.3.3",
+    "@vitejs/plugin-vue2-jsx": "1.1.1",
+    "@vue/babel-helper-vue-jsx-merge-props": "1.4.0",
+    "@vue/eslint-config-prettier": "10.2.0",
+    "@vue/eslint-config-typescript": "14.6.0",
+    "eslint": "9.31.0",
+    "eslint-plugin-oxlint": "1.8.0",
+    "eslint-plugin-vue": "10.3.0",
+    "oxlint": "~1.8.0",
+    "prettier": "3.6.2",
+    "sass-embedded": "1.90.0",
+    "typescript": "5.9.2",
+    "unplugin-vue-macros": "2.14.5",
+    "vite": "5.4.19",
+    "vue-tsc": "2.1.10"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}