# xflow_alter

**Repository Path**: dufzh/xflow_alter

## Basic Information

- **Project Name**: xflow_alter
- **Description**: xflow学习项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-17
- **Last Updated**: 2026-02-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[English (US)](README.md) | 简体中文

<p align="center"><strong>用于构建图编辑应用的 React 组件</strong></p>

## 特性

- 🌱 　 简单的使用方式: 提供了更贴合 React 组件的使用方式。
- 🚀 　 统一的状态管理: 业务数据和图数据可以统一管理。
- 🧲 　 支持多画布模式: 每个画布组件拥有单独的状态和实例。
- 💯 　 开箱即用的配套功能: 提供大量的开箱即用的图编辑组件。 |

## 安装

```shell
# npm
$ npm install @antv/xflow --save

# yarn
$ yarn add @antv/xflow

# pnpm
$ pnpm add @antv/xflow
```

## 示例

```tsx
const Page = () => {
  return (
    <XFlow>
      <XFlowGraph
        zoomable
        pannable
        centerView
        fitView
        connectionEdgeOptions={{
          attrs: {
            line: {
              stroke: '#8f8f8f',
              strokeWidth: 1,
            },
          },
        }}
      />
      <Grid type="mesh" options={{ color: '#ccc', thickness: 1 }} />
      <Clipboard />
      <History />
      <Snapline sharp />
      <Transform resizing rotating />
    </XFlow>
  );
};
```

## 文档

XFlow 2.0 的文档还在紧急开发中，如果你想了解使用方式，可以参
考[代码示例](https://github.com/antvis/XFlow/tree/2.0/apps/basic/src/pages)。

### 项目文档

- 🚀 [快速启动指南](docs/guides) - 快速上手
- 📦 [迁移指南](docs/migration) - PNPM→NPM, X6 2.x→3.x
- 🔧 [问题排查](docs/fixes) - 常见问题及解决方案
- 📊 [技术评估](docs/evaluation) - 版本对比与分析
- 💡 [代码示例](apps/basic/src/pages) - 示例应用
- 🎨 [编辑器演示](apps/basic/src/pages/editor) - 交互式编辑器示例

完整文档索引请查看 [docs/README.md](docs/README.md)

## 本地开发

> **注意**：本项目已从 PNPM 迁移到 NPM。详情请查看[迁移指南](docs/migration)。

```shell
# 初始化项目（首次设置）
$ npm run bootstrap

# 启动开发服务器
$ npm run dev

# 构建所有包
$ npm run build

# 运行测试
$ npm test
```

### Windows 用户

我们提供了便捷的批处理脚本：

```cmd
setup.bat    # 完整项目设置
dev.bat      # 启动开发服务器
clean.bat    # 清理所有依赖和构建产物
verify.bat   # 验证安装
```

## 参与共建

如果希望参与到 XFlow 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡
献度足够活跃，你可以申请成为社区协作者。

<a href="https://github.com/antvis/xflow/graphs/contributors">
  <img src="/CONTRIBUTORS.svg" alt="Contributors" width="740" />
</a>

## 开源协议

该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。