快速开始

重要说明

开源声明

该插件开源，并且可以商用。
虽然 vue-dawn-flow 插件是开源的，使用者可以随意使用，但它衍生的周边需要付费，列如示例。

安装方式

npm

npm i vue-dawn-flow

yarn

yarn add vue-dawn-flow

全局注册

在 main.js 或 main.ts 中全局注册 vue-dawn-flow 插件

import { createApp } from "vue";
import App from "./App.vue";
import "../node_modules/vue-dawn-flow/dawn-flow.css";
import dawnFlow from "vue-dawn-flow";

const app = createApp(App);
app.use(dawnFlow);
app.mount("#app");

页面使用

在需要使用的 vue 页面，添加如下代码

<template>
  <dawnFlow></dawnFlow>
</template>

示例图（点击图片查看大图）

流程主界面

节点设置

泳道流程示例

注意事项

安装后如果出现以下错误

请在 main.js 或 main.ts 的同级目录下添加 vue-dawn-flow.d.ts 文件和代码

declare module "vue-dawn-flow" {
  const content: any;
  export default content;
}