{"id":21106458,"url":"https://github.com/nsfi/ppfish-components","last_synced_at":"2025-04-13T02:25:31.167Z","repository":{"id":38550971,"uuid":"123215934","full_name":"NSFI/ppfish-components","owner":"NSFI","description":"Fish Design: 面向B端设计的企业级UI组件库","archived":false,"fork":false,"pushed_at":"2024-08-21T01:58:10.000Z","size":120496,"stargazers_count":271,"open_issues_count":0,"forks_count":48,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-04-04T07:37:04.006Z","etag":null,"topics":["css","ppfish-components","react","ui-design","ui-kit"],"latest_commit_sha":null,"homepage":"https://nsfi.github.io/ppfish-components/","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/NSFI.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"docs/Contributing.md","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":"2018-02-28T02:15:01.000Z","updated_at":"2025-03-11T07:26:00.000Z","dependencies_parsed_at":"2024-01-13T17:48:44.193Z","dependency_job_id":"79c3612b-bc14-4315-89fb-2482c3559495","html_url":"https://github.com/NSFI/ppfish-components","commit_stats":{"total_commits":3124,"total_committers":34,"mean_commits":91.88235294117646,"dds":0.5611395646606914,"last_synced_commit":"70997b853da6341a4f9e022c2c3096ff39ac9337"},"previous_names":[],"tags_count":105,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NSFI%2Fppfish-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NSFI%2Fppfish-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NSFI%2Fppfish-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NSFI%2Fppfish-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NSFI","download_url":"https://codeload.github.com/NSFI/ppfish-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248655695,"owners_count":21140550,"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":["css","ppfish-components","react","ui-design","ui-kit"],"created_at":"2024-11-20T00:26:38.514Z","updated_at":"2025-04-13T02:25:31.133Z","avatar_url":"https://github.com/NSFI.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://nsfi.github.io/ppfish-components/#/home\"\u003e\n    \u003cimg width=\"150\" height=\"150\" src=\"https://ysf.qiyukf.net/kornketgjocydxcldzywnyfdtclwugdl\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eFish Design\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Travis branch](https://api.travis-ci.org/NSFI/ppfish-components.svg?branch=master)](https://www.travis-ci.org/NSFI/ppfish-components) ![CI Status](https://github.com/NSFI/ppfish-components/workflows/test/badge.svg) [![](https://badgen.net/npm/v/ppfish?icon=npm)](https://www.npmjs.com/package/ppfish) [![NPM downloads](http://img.shields.io/npm/dm/ppfish.svg?style=flat-square)](https://www.npmjs.com/package/ppfish) [![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FNSFI%2Fppfish-components.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2FNSFI%2Fppfish-components?ref=badge_shield)\n\n\u003c/div\u003e\n\n## Introduction\n\nFish Design is an enterprise-class UI component library which based on React, helps designers and developers quickly build systems.\n\n## Features\n\n- Babel with ES6\n- Hot reloading\n- Testing\n- Linting\n- Working example app\n- Server side rendering\n\n## Browsers Support\n\n- Modern browsers and Internet Explorer 11+\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eIE / Edge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eOpera | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png\" alt=\"Electron\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eElectron |\n| --- | --- | --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n## Initial Machine Setup\n\n- Install [Node.js](https://nodejs.org/en/)\n- （Optional）Install taobao NPM image\n\n  ```bash\n  $ npm install -g cnpm --registry=https://registry.npm.taobao.org\n  ```\n\n## Install\n\n```bash\nnpm install ppfish --save\n```\n\n## Usage\n\nBrowser\n\n```js\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Button } from 'ppfish';\n\nReactDOM.render(\u003cButton type=\"primary\"\u003ePrimary\u003c/Button\u003e, document.getElementById('app'));\n```\n\n## Development\n\nInstall npm(or cnpm) package\n\n```\n$ npm install\n```\n\nStart development in your default browser\n\n```\n$ npm run dev\n```\n\nOpen your browser and visit http://127.0.0.1:5000\n\n## Build\n\nBuild scripts and css etc.\n\n```\n$ npm run build\n```\n\nBuild site\n\n```\n$ npm run docs:build\n```\n\n## Links\n\n- [ant-design](http://ant.design/)\n- [react](https://github.com/facebook/react)\n- [WebPack](http://webpack.github.io/docs/)\n- [Less](https://github.com/less/less.js)\n- [Jest](https://facebook.github.io/jest/)\n- [enzyme](https://github.com/airbnb/enzyme/blob/master/docs/api/mount.md)\n\n## The directory structure\n\n```\n.\n├── /coverage/                        # 运行npm run test:cover输出的测试覆盖率文件\n├── /dist/                            # 构建输出的文件，使用全局变量方式引用，可用于发布到CDN\n├── /docs                             # 项目文档\n├── /lib/                             # 构建输出的文件\n├── /node_modules/                    #\n├── /site/                            # 组件库官网\n| ├── /assets                         #\n| ├── /componentsPage                 # 组件库官网页面\n| ├── /docs                           # 组件库官网文档\n| ├── /locales                        # 组件库官网本地化文案\n| ├── /pages                          #\n| ├── /static                         # 组件库官网Demo使用的icon\n| ├── /styles                         #\n| ├── /index.html                     #\n| └── /index.js                       #\n├── /source/                          # 组件源码\n│ ├── /assets/                        #\n│ ├── /components/                    # React components\n│ ├── /hooks/                         #\n│ ├── /typings /                      #\n│ └── /utils/                         #\n├── /tools/                           # 项目脚本\n├── .babelrc                          #\n├── .editorconfig                     #\n├── .eslintignore                     #\n├── .eslintrc.js                      #\n├── .gitignore                        #\n├── .npmignore                        #\n├── .stylelintignore                  #\n├── .stylelintrc.js                   #\n├── .travis.yml                       #\n├── jets.config.js                    #\n├── package.json                      #\n├── postcss.config.js                 #\n├── README.md                         #\n├── tsconfig.json                     #\n├── webpack.config.dev.site.js        # 文档网站本地开发编译配置\n└── webpack.config.prod.site.js       # 文档网站生产环境编译配置\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnsfi%2Fppfish-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnsfi%2Fppfish-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnsfi%2Fppfish-components/lists"}