删除无用文件

src/components/echo.rs

@@ -1,61 +0,0 @@
-use dioxus::prelude::*;
-
-const ECHO_CSS: Asset = asset!("/assets/styling/echo.css");
-
-/// Echo component that demonstrates fullstack server functions.
-#[component]
-pub fn Echo() -> Element {
-    // use_signal is a hook. Hooks in dioxus must be run in a consistent order every time the component is rendered.
-    // That means they can't be run inside other hooks, async blocks, if statements, or loops.
-    //
-    // use_signal is a hook that creates a state for the component. It takes a closure that returns the initial value of the state.
-    // The state is automatically tracked and will rerun any other hooks or components that read it whenever it changes.
-    let mut response = use_signal(|| String::new());
-
-    rsx! {
-        document::Link { rel: "stylesheet", href: ECHO_CSS }
-
-        div {
-            id: "echo",
-            h4 { "ServerFn Echo" }
-            input {
-                placeholder: "Type here to echo...",
-                // `oninput` is an event handler that will run when the input changes. It can return either nothing or a future
-                // that will be run when the event runs.
-                oninput:  move |event| async move {
-                    // When we call the echo_server function from the client, it will fire a request to the server and return
-                    // the response. It handles serialization and deserialization of the request and response for us.
-                    let data = echo_server(event.value()).await.unwrap();
-
-                    // After we have the data from the server, we can set the state of the signal to the new value.
-                    // Since we read the `response` signal later in this component, the component will rerun.
-                    response.set(data);
-                },
-            }
-
-            // Signals can be called like a function to clone the current value of the signal
-            if !response().is_empty() {
-                p {
-                    "Server echoed: "
-                    // Since we read the signal inside this component, the component "subscribes" to the signal. Whenever
-                    // the signal changes, the component will rerun.
-                    i { "{response}" }
-                }
-            }
-        }
-    }
-}
-
-// Server functions let us define public APIs on the server that can be called like a normal async function from the client.
-// Each server function needs to be annotated with the `#[post]`/`#[get]` attributes, accept and return serializable types, and return
-// a `Result` with the error type [`ServerFnError`].
-//
-// When the server function is called from the client, it will just serialize the arguments, call the API, and deserialize the
-// response.
-#[post("/api/echo")]
-async fn echo_server(input: String) -> Result<String> {
-    // The body of server function like this comment are only included on the server. If you have any server-only logic like
-    // database queries, you can put it here. Any imports for the server function should either be imported inside the function
-    // or imported under a `#[cfg(feature = "server")]` block.
-    Ok(input)
-}

src/components/hero.rs

@@ -1,25 +0,0 @@
-use dioxus::prelude::*;
-
-const HEADER_SVG: Asset = asset!("/assets/header.svg");
-
-#[component]
-pub fn Hero() -> Element {
-    rsx! {
-        // We can create elements inside the rsx macro with the element name followed by a block of attributes and children.
-        div {
-            // Attributes should be defined in the element before any children
-            id: "hero",
-            // After all attributes are defined, we can define child elements and components
-            img { src: HEADER_SVG, id: "header" }
-            div { id: "links",
-                // The RSX macro also supports text nodes surrounded by quotes
-                a { href: "https://dioxuslabs.com/learn/0.6/", "📚 Learn Dioxus" }
-                a { href: "https://dioxuslabs.com/awesome", "🚀 Awesome Dioxus" }
-                a { href: "https://github.com/dioxus-community/", "📡 Community Libraries" }
-                a { href: "https://github.com/DioxusLabs/sdk", "⚙️ Dioxus Development Kit" }
-                a { href: "https://marketplace.visualstudio.com/items?itemName=DioxusLabs.dioxus", "💫 VSCode Extension" }
-                a { href: "https://discord.gg/XgGxMSkvUM", "👋 Community Discord" }
-            }
-        }
-    }
-}

src/components/mod.rs

@@ -2,10 +2,4 @@
 //! They can be used to defined common UI elements like buttons, forms, and modals. In this template, we define a Hero
 //! component and an Echo component for fullstack apps to be used in our app.
 
-mod hero;
-pub use hero::Hero;
-
-mod echo;
-pub use echo::Echo;
-
 pub mod ui;

src/views/home.rs

@@ -1,18 +1,14 @@
-use crate::components::{
+use crate::components::ui::{
-    ui::{
     Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertVariant, Avatar,
     Badge, BadgeVariant, Breadcrumb, Button, ButtonSize, ButtonVariant, Card, CardContent,
     CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CommandItem, CommandPalette,
     ContextItem, ContextMenu, Crumb, Dialog, DropdownMenu, DropdownMenuItem, HoverCard, Input,
-        Label, Menubar, MenubarItem, MenubarMenu, NavigationItem, NavigationMenu, Pagination,
+    Label, Menubar, MenubarItem, MenubarMenu, NavigationItem, NavigationMenu, Pagination, Popover,
-        Popover, Progress, RadioGroup, RadioGroupItem, Select, SelectOption, Separator,
+    Progress, RadioGroup, RadioGroupItem, Select, SelectOption, Separator, SeparatorOrientation,
-        SeparatorOrientation, Sheet, SheetSide, Sidebar, SidebarContent, SidebarFooter,
+    Sheet, SheetSide, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent,
-        SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset,
+    SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuButton,
-        SidebarLayout, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarSeparator,
+    SidebarMenuItem, SidebarSeparator, SidebarTrigger, Slider, StepItem, Steps, Switch, Tabs,
-        SidebarTrigger, Slider, StepItem, Steps, Switch, Tabs, TabsContent, TabsList, TabsTrigger,
+    TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastViewport, Tooltip,
-        Textarea, Toast, ToastViewport, Tooltip,
-    },
-    Echo, Hero,
 };
 use dioxus::prelude::*;
 
@@ -20,12 +16,9 @@ use dioxus::prelude::*;
 #[component]
 pub fn Home() -> Element {
     rsx! {
-        Hero {}
-        Echo {}
         UiShowcase {}
     }
 }
-
 #[component]
 fn UiShowcase() -> Element {
     let accepted_terms = use_signal(|| false);