#yew #building-block

yew-autocomplete

yew.rs的自动完成输入

5个不稳定版本

0.3.1 2023年12月4日
0.3.0 2023年11月25日
0.2.0 2023年7月5日
0.1.1 2023年6月7日
0.1.0 2023年6月6日

#317 in WebAssembly

MIT 许可证

39KB
917 代码行

yew-autocomplete 构建状态徽章

一个高度可配置的自动完成组件,用于yew.rs

一个展示主要构建块的简单示例

use yew::prelude::*;
use yew_autocomplete::{view::Bulma, Autocomplete, ItemResolver, ItemResolverResult};
use yew_commons::FnProp;

let onchange = |_: Vec<String>| ();
let resolve_items: ItemResolver<String> =
    FnProp::from(|_: String| -> ItemResolverResult<String>  {
        Box::pin(async { Ok(Vec::<String>::new()) })
    });

html! {
    <Autocomplete<String>
        {resolve_items}
        {onchange}
        auto = false
    >
        <Bulma<String> />
    </Autocomplete<String>>
};

lib.rs:

这个crate提供了一个高度可配置的自动完成组件

一个展示主要构建块的简单示例

use yew::prelude::*;
use yew_autocomplete::{view::Bulma, Autocomplete, ItemResolver, ItemResolverResult};
use yew_commons::FnProp;

let onchange = |_: Vec<String>| ();
let resolve_items: ItemResolver<String> =
    FnProp::from(|_: String| -> ItemResolverResult<String>  {
        Box::pin(async { Ok(Vec::<String>::new()) })
    });

html! {
    <Autocomplete<String>
        {resolve_items}
        {onchange}
        auto = false
    >
        <Bulma<String> />
    </Autocomplete<String>>
};

依赖项

~11–15MB
~269K SLoC