From fb98d608ae638ab7591cb5cfa462e7c178848cfe Mon Sep 17 00:00:00 2001
From: luoxiao <luoxiaozero@163.com>
Date: Thu, 22 Aug 2024 16:52:24 +0800
Subject: [PATCH] feat: Upload adds id and name prop

---
 thaw/src/upload/docs/mod.md | 16 +++++++++-------
 thaw/src/upload/mod.rs      |  7 +++++++
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/thaw/src/upload/docs/mod.md b/thaw/src/upload/docs/mod.md
index 1df4f59..334bd2a 100644
--- a/thaw/src/upload/docs/mod.md
+++ b/thaw/src/upload/docs/mod.md
@@ -46,13 +46,15 @@ view! {
 
 ### Upload Props
 
-| Name           | Type                               | Default              | Description                          |
-| -------------- | ---------------------------------- | -------------------- | ------------------------------------ |
-| class          | `MaybeProp<String>`                | `Default::default()` |                                      |
-| accept         | `MaybeSignal<String>`              | `Default::default()` | The accept type of upload.           |
-| multiple       | `MaybeSignal<bool>`                | `false`              | Allow multiple files to be selected. |
-| custom_request | `Option<ArcOneCallback<FileList>>` | `None`               | Customize upload request.            |
-| children       | `Children`                         |                      |                                      |
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| class | `MaybeProp<String>` | `Default::default()` |  |
+| id | `MaybeProp<String>` | `Default::default()` |  |
+| name | `MaybeProp<String>` | `Default::default()` | A string specifying a name for the input control. This name is submitted along with the control's value when the form data is submitted. |
+| accept | `MaybeSignal<String>` | `Default::default()` | The accept type of upload. |
+| multiple | `MaybeSignal<bool>` | `false` | Allow multiple files to be selected. |
+| custom_request | `Option<ArcOneCallback<FileList>>` | `None` | Customize upload request. |
+| children | `Children` |  |  |
 
 ### UploadDragger Props
 
diff --git a/thaw/src/upload/mod.rs b/thaw/src/upload/mod.rs
index d003e20..442f5d7 100644
--- a/thaw/src/upload/mod.rs
+++ b/thaw/src/upload/mod.rs
@@ -9,6 +9,11 @@ use thaw_utils::{add_event_listener, class_list, mount_style, ArcOneCallback};
 #[component]
 pub fn Upload(
     #[prop(optional, into)] class: MaybeProp<String>,
+    #[prop(optional, into)] id: MaybeProp<String>,
+    /// A string specifying a name for the input control.
+    /// This name is submitted along with the control's value when the form data is submitted.
+    #[prop(optional, into)]
+    name: MaybeProp<String>,
     /// The accept type of upload.
     #[prop(optional, into)]
     accept: MaybeSignal<String>,
@@ -87,6 +92,8 @@ pub fn Upload(
         ]>
             <input
                 class="thaw-upload__input"
+                id=move || id.get()
+                name=move || name.get()
                 node_ref=input_ref
                 type="file"
                 accept=move || accept.get()