# DayFlow

[English](README.md) | **中文** | [日本語](README.ja.md) | [快速开始 & 贡献](CONTRIBUTING.md)

一个灵活且功能丰富的 React 日历组件库，支持拖拽、多视图和插件架构。

[![npm](https://img.shields.io/npm/v/@dayflow/core?logo=npm&color=blue&label=version)](https://www.npmjs.com/package/@dayflow/core)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen?logo=github)](https://github.com/dayflow-js/calendar/pulls)
[![License](https://img.shields.io/github/license/dayflow-js/calendar)](https://github.com/dayflow-js/calendar/blob/main/LICENSE)
[![Discord](https://img.shields.io/badge/Discord-Join%20Chat-5865F2?logo=discord&logoColor=white)](https://discord.gg/9vdFZKJqBb)

## 功能特性

### 日视图、周视图、月视图、年视图及多种视图类型

#### 日视图

![日视图](./assets/images/DayView.png)

#### 周视图

![周视图](./assets/images/WeekView.png)

#### 月视图

![月视图](./assets/images/MonthView.png)

#### 年视图 (固定周)

![年视图](./assets/images/Year-Fixed-Week.png)

#### 年视图 (画布)

![年视图 (画布)](./assets/images/Year-Canvas.png)

### 移动端视图支持

#### 移动端日视图 & 年视图

![移动端日视图与年视图](./assets/images/Mobile-Day-Year.png)

#### 移动端周视图 & 月视图

![移动端周视图与月视图](./assets/images/Mobile-Week-Month.png)

### 默认面板（提供多种事件详情面板选项）

#### 详情弹窗

![详情弹窗](./assets/images/popup.png)

#### 详情对话框

![详情对话框](./assets/images/dialog.png)

### 暗色模式支持

![暗色模式](./assets/images/DarkMode.png)

### 轻松拖拽与缩放

https://github.com/user-attachments/assets/726a5232-35a8-4fe3-8e7b-4de07c455353

https://github.com/user-attachments/assets/957317e5-02d8-4419-a74b-62b7d191e347

## 贡献

欢迎贡献！请随意提交 Pull Request。

## Bug 反馈

如果您发现 Bug，请在 [GitHub Issues](https://github.com/dayflow-js/calendar/issues) 上提交 issue。

## 支持

如有问题和支持需求，请在 GitHub 上打开 issue 或加入 discord。

---