svelte-checklist:可自定义的Svelte清单

时间:2024-05-21 16:53:31
【文件属性】:

文件名称:svelte-checklist:可自定义的Svelte清单

文件大小:14KB

文件格式:ZIP

更新时间:2024-05-21 16:53:31

JavaScript

苗条的清单 在Svelte上可定制的CheckList构建。 它最初是 Telegram组中的一个学习问题。 创建一个Svelte组件并进行一些尝试(例如将组件作为道具传递)是一个个人挑战。 CheckList组件处理清单的逻辑和行为。 它基于两组数据工作:项目列表和元对象。 前者是清单中的项目列表,后者是与您的自定义相关的任何其他信息。 顺便说一句,可以使用两个可选组件自定义CheckList组件:包装程序组件和项目组件。 数据集存储在自定义的Svelte Store中,可以在Wrapper组件中进行访问。 包装器充当清单的“控制器”,它是标准的Svelte组件,仅需实现两个要求。 (1)必须期望一个名为checklist的道具,即具有组件相关数据结构的自定义Svelte Store; (2)必须有一个条目,这是CheckList组件将插入提供的项目的位置。 这样,您可以设计和设


【文件预览】:
svelte-checklist-main
----rollup.config.js(462B)
----.github()
--------workflows()
----src()
--------store.js(5KB)
--------ListItem.svelte(651B)
--------CheckList.svelte(752B)
--------types.d.ts(198B)
--------index.js(57B)
--------ListWrapper.svelte(1KB)
----.vscode()
--------settings.json(164B)
----samples()
--------ItemCrossThrough.svelte(241B)
--------HeaderCountTasks.svelte(357B)
--------HeaderDropdown.svelte(3KB)
----README.md(7KB)
----.gitignore(30B)
----package-lock.json(15KB)
----package.json(723B)

网友评论