{"id":14990215,"url":"https://github.com/guojikun/ivy-ui","last_synced_at":"2025-04-12T02:06:15.369Z","repository":{"id":37726923,"uuid":"435076821","full_name":"GuoJikun/ivy-ui","owner":"GuoJikun","description":"使用 stencil.js 框架开发的 Web Components 组件库","archived":false,"fork":false,"pushed_at":"2024-05-27T06:56:35.000Z","size":2272,"stargazers_count":31,"open_issues_count":0,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-12T02:06:08.096Z","etag":null,"topics":["component","ivy-ui","stenciljs","webcomponent"],"latest_commit_sha":null,"homepage":"https://ivy.jser.press","language":"JavaScript","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/GuoJikun.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}},"created_at":"2021-12-05T04:55:27.000Z","updated_at":"2025-02-16T17:43:35.000Z","dependencies_parsed_at":"2023-01-31T03:00:59.069Z","dependency_job_id":"3fb9aa9a-143b-4551-a2fa-cb857298f32a","html_url":"https://github.com/GuoJikun/ivy-ui","commit_stats":{"total_commits":262,"total_committers":4,"mean_commits":65.5,"dds":0.4961832061068703,"last_synced_commit":"16f00a0854a87ce9f804c11e35983f2a70927cea"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuoJikun%2Fivy-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuoJikun%2Fivy-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuoJikun%2Fivy-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuoJikun%2Fivy-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GuoJikun","download_url":"https://codeload.github.com/GuoJikun/ivy-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248505862,"owners_count":21115354,"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":["component","ivy-ui","stenciljs","webcomponent"],"created_at":"2024-09-24T14:19:43.198Z","updated_at":"2025-04-12T02:06:15.345Z","avatar_url":"https://github.com/GuoJikun.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ivy-ui\n\n使用 [stencil.js](https://stenciljs.com/) 框架开发的符合 Web Components 规范的 web 组件库\n\n\u003e 感谢 JetBrains 提供的 WebStorm 专业版授权\n\n## 使用须知\n\n```md\n-   所有组件的使用方式都和原生方式一致（获取元素的属性...）\n-   自定义事件（非原生事件）都需要使用`addEventListener`来绑定\n```\n\n## 使用说明\n\n### npm、 yarn、 pnpm\n\n```bash\nnpm i ivy-ui\nyarn add ivy-ui\npnpm add ivy-ui\n```\n\n### script 引入\n\n```html\n\u003c!--最新版--\u003e\n\u003cscript type=\"module\" src=\"//cdn.jsdelivr.net/npm/ivy-ui\"\u003e\u003c/script\u003e\n\u003c!--指定版本号--\u003e\n\u003cscript type=\"module\" src=\"//cdn.jsdelivr.net/npm/ivy-ui@0.4.0\"\u003e\u003c/script\u003e\n```\n\n## 已完成组件\n\n| 组件名称             | 搭配子组件            | 组件描述                                 |\n|------------------|:-----------------|:-------------------------------------|\n| aspect-ratio     | -                | 宽高保持固定比例的容器                          |\n| Badge            | -                | 徽章组件                                 |\n| breadcrumb       | breadcrumb-item  | 面包屑导航组件                              |\n| breadcrumb-item  | -                | 面包屑导航子组件，不可单独使用                      |\n| button           | -                | 按钮组件                                 |\n| card             | -                | 卡片组件                                 |\n| checkbox         | -                | 多选框                                  |\n| checkbox-group   | checkbox         | 多选框组                                 |\n| col              | -                | row的子组件，不可单独使用                       |\n| contextmenu      | contextmenu-item | 右键菜单组件                               |\n| contextmenu-item | -                | 右键菜单子组件，不可单独使用                       |\n| collapse         | Collapse-item    | 折叠面板                                 |\n| collapse-item    | -                | 折叠面板子组件，不可单独使用                       |\n| dialog           | -                | 弹窗组件                                 |\n| divider          | -                | 分割线，常用于分割内容                          |\n| drawer           | -                | 抽屉组件                                 |\n| dropdown         | dropdown-item    | 下拉菜单组件                               |\n| dropdown-item    | -                | 下拉菜单子组件，不可单独使用                       |\n| empty            | -                | 空组件，常用于内容为空的场合                       |\n| grid             | grid-item        | 宫格组件-常用于九宫格                          |\n| image            | -                | 图片组件                                 |\n| input            | -                | 输入组件                                 |\n| Loading          | -                | 加载                                   |\n| message          | -                | 顶部弹层提示组件                             |\n| option           | -                | 下拉选择子组件，不可单独使用                       |\n| process          | -                | 进度条组件                                |\n| radio            | -                | 单选框                                  |\n| radio-group      | radio            | 单选框组                                 |\n| row              | col              | 行组件，子组件必须是col组件                      |\n| select           | option           | 下拉选择组件                               |\n| switch           | -                | 开关组件                                 |\n| step             | -                | 步骤条子组件，不可单独使用                        |\n| steps            | step             | 步骤条组件                                |\n| tabs             | tab-pane         | tab组件                                |\n| tab-pane         | -                | tab子组件，不可单独使用                        |\n| tag              | -                | 标签组件                                 |\n| timeline         | timeline-item    | 时间线组件                                |\n| timeline-item    | -                | 时间线子组件，不可单独使用                        |\n| tip              | -                | 直接显示在界面上提示组件，等同于elementPlus的alert组件  |\n| tooltip          | -                | 提示组件                                 |\n\n\n## 计划完成组件\n\n| 组件名称         | 搭配子组件 | 组件描述 |\n|:-------------|:------|:-----|\n| slider       | -     | 滑块组件 |\n| pager        | -     | 分页组件 |\n| notification | -     | 通知组件 |\n| rate         | -     | 评分组件 |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguojikun%2Fivy-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguojikun%2Fivy-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguojikun%2Fivy-ui/lists"}