Next Flow Design

为 Next Flow 项目设计的高性能 UI 组件库。提供原生使用，及react使用两种版本。

Development

项目采用 lit 框架进行 Web Components 开发，并由 @lit-react 封装 react 组件。

├── src/                    # 源代码目录
│   ├── components/         # Web Components 组件
│   │   ├── nf-input/      
│   │   ├── nf-select/     
│   │   └── ...            
│   ├── react/              # React 封装
│   │   └── components/     # React 组件目录
│   │       └── ...
│   ├── general/            # 通用工具和样式
│   ├── types/              # TypeScript 类型定义
│   └── utils/              # 工具函数
├── playground/             # 开发调试环境
│   ├── native/             # 原生组件测试页面
│   └── react/              # React 组件测试页面
├── dist/                   # 构建输出目录
│   ├── index.js            # 原生组件入口
│   ├── react/index.js      # React 组件入口
│   └── index.css           # 样式文件
└── package.json            # 项目配置

参考技术文档：Lit: https://lit.dev/docs/ React: https://react.dev/learn

Quick Start

1. 使用 bun 作为包管理器和运行器。安装地址：https://bun.com/

powershell -c "irm bun.sh/install.ps1 | iex"

2. 安装依赖

bun i

3. 启动 playground 调试

• 原生组件测试：

bun run dev

• React测试：

bun run dev:react