{"id":13672943,"url":"https://github.com/JeromeLin/zarm-web","last_synced_at":"2025-04-28T04:30:37.082Z","repository":{"id":2895367,"uuid":"47819809","full_name":"JeromeLin/zarm-web","owner":"JeromeLin","description":"基于 React 的桌面端UI组件库","archived":false,"fork":false,"pushed_at":"2023-02-21T01:26:14.000Z","size":20148,"stargazers_count":143,"open_issues_count":23,"forks_count":51,"subscribers_count":7,"default_branch":"dev-zarm-web","last_synced_at":"2025-04-16T11:06:51.049Z","etag":null,"topics":["component","dragon-ui","react","web-component","zarm"],"latest_commit_sha":null,"homepage":"https://web.zarm.design","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/JeromeLin.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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}},"created_at":"2015-12-11T10:16:52.000Z","updated_at":"2024-09-04T13:20:49.000Z","dependencies_parsed_at":"2023-01-13T13:00:47.483Z","dependency_job_id":"ec8dc57f-777e-482e-a96b-291d48b89107","html_url":"https://github.com/JeromeLin/zarm-web","commit_stats":{"total_commits":1203,"total_committers":37,"mean_commits":"32.513513513513516","dds":0.5901911886949294,"last_synced_commit":"4e1fff159087d1a3685f2ab617d38cdfb9ed2ff7"},"previous_names":["jeromelin/dragon-ui"],"tags_count":35,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JeromeLin%2Fzarm-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JeromeLin%2Fzarm-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JeromeLin%2Fzarm-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JeromeLin%2Fzarm-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JeromeLin","download_url":"https://codeload.github.com/JeromeLin/zarm-web/tar.gz/refs/heads/dev-zarm-web","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251251799,"owners_count":21559662,"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","dragon-ui","react","web-component","zarm"],"created_at":"2024-08-02T09:01:59.334Z","updated_at":"2025-04-28T04:30:35.611Z","avatar_url":"https://github.com/JeromeLin.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://zarm-web.netlify.com\"\u003e\n    \u003cimg width=\"200\" src=\"https://zarm.design/images/logo.732d9561.svg\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eZarm-Web\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Build Status](https://www.travis-ci.org/JeromeLin/zarm-web.svg?branch=dev-zarm-web)](https://www.travis-ci.org/JeromeLin/zarm-web)\n[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FJeromeLin%2Fzarm-web.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2FJeromeLin%2Fzarm-web?ref=badge_shield)\n[![Coverage Status](https://img.shields.io/coveralls/JeromeLin/zarm-web/master.svg)](https://coveralls.io/github/JeromeLin/zarm-web?branch=master)\n[![npm package](https://img.shields.io/npm/v/zarm-web/alpha.svg)](https://www.npmjs.org/package/zarm-web)\u003c!-- [![](https://badgen.net/npm/v/zarm-web/next)](https://www.npmjs.com/package/zarm-web)  --\u003e\n[![NPM downloads](https://img.shields.io/npm/dm/zarm-web.svg)](https://npmjs.org/package/zarm-web)\n![JS gzip size](https://img.badgesize.io/https://unpkg.com/zarm-web@latest/dist/zarm-web.min.js?compression=gzip\u0026label=gzip%20size:%20JS)\n![CSS gzip size](https://img.badgesize.io/https://unpkg.com/zarm-web@latest/dist/zarm-web.min.css?compression=gzip\u0026label=gzip%20size:%20CSS)\n[![Netlify Status](https://api.netlify.com/api/v1/badges/45fb5b8b-392a-4a4a-8731-fb3a4cc6d14c/deploy-status)](https://app.netlify.com/sites/zarm-web/deploys)\n\n众安科技基于 React 研发的一款适用于企业级的桌面端 UI 组件库。\n\n\u003c/div\u003e\n\n[Zarm](https://github.com/ZhongAnTech/zarm) 是其移动端版本的实现。\n\nZarm 的命名，灵感来源于众安保险秉承的理念：做有温度的保险。Zarm = za + warm，za 代表“众安”，warm 有“温暖”的含义，以重合的 a 字母为中心，各取左右两部分。追求极致的用户体验，致力于做有温度的组件库也是 zarm 项目发起的初衷。\n\n## 安装\n\n### 使用 npm 或 yarn 安装（推荐）\n\n```bash\n# npm\nnpm install zarm-web@alpha --save\n\n# yarn\nyarn add zarm-web@alpha\n```\n\n### 或者通过 link 和 script 标签分别引入样式文件和 js 脚本文件（不推荐）\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/zarm-web@alpha/dist/zarm-web.min.css\" /\u003e\n\u003cscript type=\"text/javascript\" src=\"https://unpkg.com/zarm-web@alpha/dist/zarm-web.min.js\"\u003e\u003c/script\u003e\n```\n\n## 使用\n\n### 全组件引入\n\n```js\nimport { Button, Input } from 'zarm-web';\nimport 'zarm-web/dist/zarm-web.min.css';\n```\n\n### 按需加载\n\n\u003e 注意：zarm-web 默认支持基于 ES module 的 tree shaking，不使用以下插件也会有按需加载的效果。\n\n- 使用 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) 自动加载 Sass 文件（推荐）\n\n```js\n  // .babelrc or babel-loader option\n  {\n    \"plugins\": [\n      ['import', {\n        libraryName: 'zarm-web',\n        style: true,  // or 'css'\n      }],\n    ]\n  }\n```\n\n```js\nimport { Button } from 'zarm-web';\n```\n\n- 手动引入\n\n```js\nimport Button from 'zarm-web/lib/button';\nimport 'zarm-web/lib/button/style/css'; // 加载css\n// import 'zarm-web/lib/button/style'; // 加载scss\n```\n\n### 定制主题\n\n通过修改 css 变量定义达到定制主题的效果\n\n```js\ndocument.documentElement.style.setProperty('--theme-primary', '#108ee9');\n```\n\n变量名可参考 [variable.scss](https://github.com/JeromeLin/zarm-web/blob/dev-zarm-web/components/style/themes/variable.scss)\n\n## 社区\n\n| issue                                                        |\n| :----------------------------------------------------------- |\n| [github issue](https://github.com/JeromeLin/zarm-web/issues) |\n\n## 开源协议\n\nMIT\n\n[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FJeromeLin%2Fzarm-web.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2FJeromeLin%2Fzarm-web?ref=badge_large)\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJeromeLin%2Fzarm-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJeromeLin%2Fzarm-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJeromeLin%2Fzarm-web/lists"}