简体中ちゅう文ぶん | English

LogicFlow 是ぜ一款流程图编辑框架，提供ていきょう了りょう一系列流程图交互、编辑所しょ必需ひつじゅ的てき功こう能のう和わ简单灵活的てき节点自じ定てい义、插件等とう拓つぶせ展てん机つくえ制せい，方便ほうべん我わが们快速そく在ざい业务系けい统内满足类流程ほど图的需求。

• 可か视化模型もけい：通つう过 LogicFlow 提供ていきょう的てき直ちょく观可视化界面かいめん，用よう户可以轻松まつ创建、编辑和わ管理かんり复杂的てき逻辑流りゅう程ほど图。
• 高こう可か定じょう制せい性せい：用よう户可以根据すえ自己じこ的てき需要じゅよう定じょう制せい节点、连接器き和わ样式，创建符合ふごう特定とくてい用例ようれい的てき定じょう制せい逻辑流りゅう程ほど图。
• 灵活易えき拓つぶせ展てん: 内うち置おけ提供ていきょう丰富的てき插件，用よう户也可か根ね据すえ自身じしん需求定じょう制せい复杂插件实现业务需求。
• 自じ执行引擎: 执行引擎支持しじ浏览器き端はし执行流りゅう程ほど图逻辑，为无代だい码执行ぎょう提供ていきょう新しん思おもえ路ろ。
• 数かず据すえ可か转换：支持しじ LogicFlow 数すう据すえ与あずか BPMN、Turbo 等とう各かく种后端はし执行引擎数すう据すえ结构转换能力のうりょく。

# npm
$ npm install @logicflow/core @logicflow/extension --save

# yarn
$ yarn add @logicflow/core @logicflow/extension

# pnpm
$ pnpm add @logicflow/core @logicflow/extension

<!-- LogicFlow 容器ようき DOM-->
<div id="container"></div>;

// 准じゅん备数据すえ
const data = {
  // 节点
  nodes: [
    {
      id: '21',
      type: 'rect',
      x: 100,
      y: 200,
      text: '矩形くけい节点',
    },
    {
      id: '50',
      type: 'circle',
      x: 300,
      y: 400,
      text: '圆形节点',
    },
  ],
  // 边
  edges: [
    {
      type: 'polyline',
      sourceNodeId: '50',
      targetNodeId: '21',
    },
  ],
};
// 渲染画布がふ
const lf = new LogicFlow({
  container: document.querySelector('#container'),
  width: 700,
  height: 600,
});

lf.render(data);

官かん方かた文ぶん档

• 快速かいそく上手じょうず
• 图表示ひょうじ例れい
• 相あい关文章ぶんしょう

• 更新こうしん日び志こころざし
• issue模も板ばん

# 安あん装そう项目依よ赖和初はつ始はじめ化か构建
$ pnpm install

# 进入到いた指定してい项目开发和わ调试
cd packages/core
pnpm run build:watch

# 启动 example 查看效果こうか
cd examples/feature-examples
pnpm run start

如果希望きぼう参与さんよ到いた LogicFlow 的てき开发中ちゅう，请遵从我们的贡献指南しなん。如果你贡献けんじ度ど足あし够活跃，你可以申请成为社区く协作者しゃ。

该项目的もくてき代だい码和文わぶん档基于 Apache-2.0 License 开源协议。