docs(components/bottom_sheet): add Bottom Sheet docs and preview video

Author: shadow3aaa

docs/en/components/bottom_sheet.md

@@ -0,0 +1,45 @@
+---
+title: Bottom Sheet
+order: 22
+---
+
+# Bottom Sheet
+
+```rust
+pub fn bottom_sheet_provider(
+    args: BottomSheetProviderArgs,
+    state: Arc<RwLock<BottomSheetProviderState>>,
+    main_content: impl FnOnce() + Send + Sync + 'static,
+    bottom_sheet_content: impl FnOnce() + Send + Sync + 'static,
+)
+```
+
+The `bottom_sheet_provider` is used to create a bottom sheet dialog in your application.
+
+## Arguments
+
+- `args: BottomSheetProviderArgs`
+
+  This argument configures the style of the dialog. Notably, `bottom_sheet_provider` supports both glass-style and non-glass-style dialogs. You can configure this via the `style: BottomSheetStyle` field of `BottomSheetProviderArgs`. The default is `BottomSheetStyle::Material` (the non-glass version).
+
+- `state: Arc<RwLock<BottomSheetProviderState>>`
+
+  This argument manages the dialog's state, including whether the bottom sheet is open and the animation progress.
+
+  Use its `open()` and `close()` methods to programmatically open and close the dialog.
+
+- `main_content: impl FnOnce()`
+
+  A closure used to render the main content — the content underneath the bottom sheet.
+
+- `bottom_sheet_content: impl FnOnce() + Send + Sync + 'static`
+
+  A closure used to render the bottom sheet's content.
+
+## Preview
+
+<video autoplay loop muted>
+
+<source src="/bottom_sheet_example.mp4" type="video/mp4">
+Your browser does not support the video tag
+</video>

docs/public/bottom_sheet_example.mp4

@@ -0,0 +1,45 @@
+---
+title: Bottom Sheet
+order: 22
+---
+
+# Bottom Sheet
+
+```rust
+pub fn bottom_sheet_provider(
+    args: BottomSheetProviderArgs,
+    state: Arc<RwLock<BottomSheetProviderState>>,
+    main_content: impl FnOnce() + Send + Sync + 'static,
+    bottom_sheet_content: impl FnOnce() + Send + Sync + 'static,
+)
+```
+
+`bottom_sheet_provider` 用于在应用中创建一个底部弹出的对话框。
+
+## 参数
+
+- `args: BottomSheetProviderArgs`
+
+  该参数配置对话框的样式。值得一提的是，`bottom_sheet_provider` 同时支持玻璃态版本和非玻璃态版本的对话框。它可以通过 `BottomSheetProviderArgs` 的 `style: BottomSheetStyle` 字段来配置。默认为 `BottomSheetStyle::Material`，即非玻璃态版本。
+
+- `state: Arc<RwLock<BottomSheetProviderState>>`
+
+  该参数管理对话框的状态，包括底部对话框是否弹出以及动画进度。
+
+  使用其 `open()` 和 `close()` 方法可以程序化的打开和关闭对话框。
+
+- `main_content: impl FnOnce()`
+
+  该参数是一个闭包，用于渲染主内容。即对话框下方的内容。
+
+- `dialog_content: impl FnOnce() + Send + Sync + 'static`
+
+  该参数是一个闭包，用于渲染底部对话框内容。
+
+## 预览
+
+<video autoplay loop muted>
+
+<source src="/bottom_sheet_example.mp4" type="video/mp4">
+Your browser does not support the video tag
+</video>