feat: remove wasm-bindgen

Author: lizidev

Cargo.toml

@@ -15,7 +15,6 @@ license = "MIT"
 [dependencies]
 leptos = { version = "0.5.1", features = ["csr"] }
 web-sys = { version = "0.3.62", features = ["DomRect", "File", "FileList"] }
-wasm-bindgen = "0.2.85"
 icondata = { version = "0.1.0", features = [
     "AiCloseOutlined",
     "AiCheckOutlined",

README.md

@@ -1,6 +1,8 @@
-# Melt UI
-
-An easy to use leptos component library
+<p style="text-align: center" >
+    <img src="https://raw.githubusercontent.com/luoxiaozero/melt-ui/main/logo.svg" alt="Melt Logo" style="width: 160px"/>
+</p>
+<h1 style="text-align: center">Melt UI</h1>
+<p style="text-align: center">An easy to use leptos component library</p>
 
 **The 0.0.x release does not consider API compatibility at this time**
 

logo.svg

@@ -5,10 +5,9 @@ use crate::{
     mount_style, teleport::Teleport, use_theme, utils::maybe_rw_signal::MaybeRwSignal, Theme,
 };
 pub use color::*;
-use leptos::leptos_dom::helpers::WindowListenerHandle;
 use leptos::*;
+use leptos::{leptos_dom::helpers::WindowListenerHandle, wasm_bindgen::__rt::IntoJsResult};
 pub use theme::ColorPickerTheme;
-use wasm_bindgen::__rt::IntoJsResult;
 
 #[component]
 pub fn ColorPicker(#[prop(optional, into)] value: MaybeRwSignal<RGBA>) -> impl IntoView {

src/color_picker/mod.rs

@@ -6,10 +6,10 @@ use crate::{
     utils::{maybe_rw_signal::MaybeRwSignal, mount_style::mount_style},
     Theme,
 };
+use leptos::wasm_bindgen::__rt::IntoJsResult;
 use leptos::*;
 use std::hash::Hash;
 pub use theme::SelectTheme;
-use wasm_bindgen::__rt::IntoJsResult;
 
 #[derive(Clone, PartialEq, Eq, Hash)]
 pub struct SelectOption<T> {

src/select/mod.rs

@@ -83,9 +83,9 @@ impl ThemeMethod for CommonTheme {
             font_color: "#11181c".into(),
             background_color: "#fff".into(),
             color_scheme: "light".into(),
-            color_primary: "#f5222d".into(),
-            color_primary_hover: "#ff4d4f".into(),
-            color_primary_active: "#cf1322".into(),
+            color_primary: "#0078ff".into(),
+            color_primary_hover: "#2994ff".into(),
+            color_primary_active: "#005ed9".into(),
             color_success: "#18a058".into(),
             color_success_hover: "#36ad6a".into(),
             color_success_active: "#0c7a43".into(),
@@ -104,9 +104,9 @@ impl ThemeMethod for CommonTheme {
             font_color: "#ecedee".into(),
             background_color: "#1a1d1e".into(),
             color_scheme: "dark".into(),
-            color_primary: "#d32029".into(),
-            color_primary_hover: "#e04648".into(),
-            color_primary_active: "#ad111e".into(),
+            color_primary: "#0078ff".into(),
+            color_primary_hover: "#2994ff".into(),
+            color_primary_active: "#005ed9".into(),
             // color_success: "#63e2b7".into(),
             // color_success_hover: "#7fe7c4".into(),
             color_success: "#18a058".into(),