{"id":24645490,"url":"https://github.com/gaubee/f7-react","last_synced_at":"2025-06-27T06:32:47.684Z","repository":{"id":273321005,"uuid":"919330374","full_name":"Gaubee/f7-react","owner":"Gaubee","description":null,"archived":false,"fork":false,"pushed_at":"2025-02-02T05:01:55.000Z","size":316,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-12T20:54:09.304Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Gaubee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-20T07:39:43.000Z","updated_at":"2025-02-02T05:01:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"f851d3d0-176b-49f7-a821-772c040ad37c","html_url":"https://github.com/Gaubee/f7-react","commit_stats":null,"previous_names":["gaubee/f7-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Gaubee/f7-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gaubee%2Ff7-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gaubee%2Ff7-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gaubee%2Ff7-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gaubee%2Ff7-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Gaubee","download_url":"https://codeload.github.com/Gaubee/f7-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gaubee%2Ff7-react/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259739216,"owners_count":22904044,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-25T14:15:36.255Z","updated_at":"2025-06-27T06:32:47.657Z","avatar_url":"https://github.com/Gaubee.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @gaubee/f7-react\n\n对 [Framework7 React](https://framework7.io/react/) 的再次封装。目的有以下几点：\n\n1. 开箱即用的 LazyModule，减少繁琐的配置成本\n1. 改进一些组件的封装，使得更加易用\n   1. 暴露出 react/swiper 的组件\n   1. 从 List 中剥离出 VirtualList/ContactsList 两个组件\n   1. 修复 skeleton 的类型问题\n1. 路由安全\n   1. 提供了一个构建器来自动生成 route-path\n   1. 这个构建器是类型安全的，配合自己的项目需求，简单封装，即可实现类型安全的 props、params、query 导航函数\n      \u003e PS：你需要先调用 bindF7Router 来提供 f7.router 对象\n1. 按需下载的 MaterialSymbols 的图标\n   1. 原理是利用tailwind的className裁剪机制，在生成css之后，解析css内容。\n      1. 根据ms的规范，有三种字体可以选择：outlinted(默认)/rounded/sharp\n      1. 也就是说，你可以通过这样的字符串片段，使得图标被下载： .md-face ===\n         .md-outlinted-face、.md-rounded-face、.md-sharp-face\n      1. 如果你有动态拼接的需求，你可以在你的代码注释中，书写这些className片段，使得能被tailwindcss识别，并生成对应的className。\n   1. 然后再通过google的font-api裁剪接口，下载所需的css和图标文件。\n   1. css混入tailwind的内容中，图标文件下载到指定文件夹（也可以内联）\n   1. 这就意味着，项目中不出意外的话，不会出现额外的图标，只会按需加载\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaubee%2Ff7-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgaubee%2Ff7-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaubee%2Ff7-react/lists"}